https://www.vben.pro/js/collapsible-params-D7ohkRTD.js

1import{$ as e,Ct as t,D as n,E as r,Ft as i,Ht as a,On as o,Rt as s,Yt as c,Zn as l,_ as u,b as d,bt as f,er as p,et as m,g as h,k as g,mt as _,o as v,qt as y,tr as b,tt as x,v as S,vn as C,wt as w,y as T}from"./runtime-core.esm-bundler-BqIb1SNH.js";import{t as E}from"./objectSpread2-BmonrgTA.js";import{t as D}from"./asyncToGenerator-BVcl5FgL.js";import{t as O}from"./global-state-CltWyVId.js";import{_ as k,b as A,v as j,y as M}from"./use-vben-form-BaEzaPLu.js";import{t as N}from"./objectWithoutProperties-CjlH8YfO.js";import{t as P}from"./use-namespace-CSKpPoKq.js";var F=[`type`],I={class:`body-row flex items-center w-full flex-nowrap not-last-of-type:border-b`},L={class:`body-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap`},R={class:`body-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap`},z={class:`flex-auto w-full`},B={class:`flex items-center flex-none text-muted-foreground pl-2 gap-2`},V={key:0},H={key:1},U={class:`body-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap w-full`},W={class:`line-clamp-2`},G=g({__name:`collapsible-params-item`,props:e({data:{}},{value:{},valueModifiers:{}}),emits:[`update:value`],setup(e,{expose:n}){let a=e,o=i(e,`value`),s=h(()=>{let e=a.data.option,{type:t}=e,n=N(e,F);if(t===`number`||t===`exponential`){var r;return E({step:(r=a.data.option.step)==null?1:r,min:a.data.option.min,max:a.data.option.max,precision:a.data.option.precision},n)}return n}),l=O.getComponents(),f=h(()=>{switch(a.data.option.type){case`exponential`:case`number`:return l.InputNumber;case`select`:return l.Select;case`string`:return l.Input;default:return l.InputNumber}}),p=h(()=>a.data.option.min!==null&&a.data.option.min!==void 0&&a.data.option.max!==null&&a.data.option.max!==void 0?`[${a.data.option.min},${a.data.option.max}]`:a.data.option.min!==null&&a.data.option.min!==void 0?`min:${a.data.option.min}`:a.data.option.max!==null&&a.data.option.max!==void 0?`max:${a.data.option.max}`:``);function g(){o.value=a.data.defaultValue}return n({reset:g}),(n,i)=>{let a=t(`tippy`);return _(),d(`div`,I,[u(`div`,L,b(e.data.key),1),u(`div`,R,[u(`div`,z,[(_(),S(w(f.value),m(s.value,{value:o.value,"onUpdate:value":i[0]||(i[0]=e=>o.value=e)}),null,16,[`value`]))]),u(`div`,B,[p.value?(_(),d(`span`,V,b(p.value),1)):T(``,!0),e.data.option.step&&e.data.option.step!==1?(_(),d(`span`,H,` step:`+b(e.data.option.step),1)):T(``,!0)])]),u(`div`,U,[c((_(),d(`p`,W,[r(b(e.data.description),1)])),[[a,{content:e.data.description}]])])])}}}),K={class:`wrapper w-full relative flex flex-col overflow-x-auto`},q={class:`w-full min-w-fit`},J={key:0,class:`gutter h-[1.5rem]`},Y=g({__name:`collapsible-params`,props:e({defaultOpen:{type:Boolean,default:!1},maxHeight:{default:void 0},params:{},visibleCount:{default:3}},{value:{default:()=>({})},valueModifiers:{}}),emits:e([`update:value`],[`update:value`]),setup(e,{expose:t,emit:c}){let m=e,g=c,w=i(e,`value`),O=s(`visibleRefs`),N=s(`collapsibleRefs`),{b:F}=P(`collapsible-params`),I=C(m.defaultOpen),L=h(()=>Math.max(1,Math.floor(m.visibleCount))),R=h(()=>m.params.slice(0,L.value)),z=h(()=>m.params.slice(L.value)),B=h(()=>{if(I.value&&m.maxHeight!=null)return{maxHeight:typeof m.maxHeight==`number`?`${m.maxHeight}px`:m.maxHeight}});function V(e=!1){let t=E({},w.value);for(let r of m.params)if(e||t[r.key]===void 0){var n;t[r.key]=(n=r.defaultValue)==null?void 0:n}w.value=t}function H(){I.value=!I.value}function U(e,t){return W.apply(this,arguments)}function W(){return W=D(function*(e,t){yield x(),g(`update:value`,w.value,t)}),W.apply(this,arguments)}function Y(){if(O.value)for(let e of O.value)e==null||e.reset();if(N.value)for(let e of N.value)e==null||e.reset();V(!0)}function X(e){let t=new Set(m.params.map(e=>e.key)),n={};for(let r in e)Object.hasOwn(e,r)&&t.has(r)&&(n[r]=e[r]);w.value=E(E({},w.value),n)}return a(()=>m.params,()=>V(),{immediate:!0,deep:!0}),t({toggleCollapsed:H,resetValues:Y,updateValues:X}),(e,t)=>(_(),S(o(A),{open:I.value,"onUpdate:open":t[0]||(t[0]=e=>I.value=e),class:l([`border rounded-[0.5rem] flex flex-col w-full overflow-hidden`,[o(F)()]]),"unmount-on-hide":!1},{default:y(()=>[u(`div`,K,[u(`div`,q,[t[1]||(t[1]=u(`div`,{class:`header bg-accent w-full flex-none flex items-center rounded-t-[0.5rem] border-b`},[u(`div`,{class:`header-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap`},` Name `),u(`div`,{class:`header-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap`},` Value `),u(`div`,{class:`header-cell pt-2 pb-2 px-5 leading-[1.5rem] flex items-center flex-nowrap`},` Description `)],-1)),u(`div`,{class:l([`body w-full flex-none flex flex-col overflow-x-hidden`,[I.value&&m.maxHeight?`overflow-y-auto`:`overflow-y-hidden`]]),style:p(B.value)},[(_(!0),d(v,null,f(R.value,e=>(_(),S(G,{data:e,key:e.key,ref_for:!0,ref_key:`visibleRefs`,ref:O,value:w.value[e.key],"onUpdate:value":[t=>w.value[e.key]=t,t=>U(t,e.key)]},null,8,[`data`,`value`,`onUpdate:value`]))),128)),n(o(M),{class:`data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up`},{default:y(()=>[(_(!0),d(v,null,f(z.value,e=>(_(),S(G,{data:e,key:e.key,ref_for:!0,ref_key:`collapsibleRefs`,ref:N,value:w.value[e.key],"onUpdate:value":[t=>w.value[e.key]=t,t=>U(t,e.key)]},null,8,[`data`,`value`,`onUpdate:value`]))),128))]),_:1})],6)])]),!I.value&&z.value.length>0?(_(),d(`div`,J)):T(``,!0),z.value.length>0?(_(),d(`div`,{key:1,class:l([`trigger-bar flex min-h-[2rem] border-t px-5 pt-1 pb-1 rounded-b-[0.5rem] z-1`,{"collapsed absolute bottom-px left-px right-px border-t-0 pt-6":!I.value}])},[n(o(j),{class:`cursor-pointer h-[2rem] flex items-center gap-2`},{default:y(()=>[n(o(k),{class:l([`transition-transform`,{"rotate-180":I.value}]),size:16},null,8,[`class`]),r(` `+b(I.value?`Fold`:`Unfold`),1)]),_:1})],2)):T(``,!0)]),_:1},8,[`open`,`class`]))}});

1export{Y as t};