@duxweb/dvha-pro 1.0.36 → 1.0.38

package/dist/cjs/components/tree/treeFilter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("@duxweb/dvha-core"),B=require("@vueuse/core"),L=require("clsx"),s=require("naive-ui"),_=require("../card/card.cjs"),z=t.defineComponent({name:"DuxTreeFilter",props:{title:String,path:String,sortPath:String,params:Object,menus:Array,numField:String,iconField:String,treeOptions:Object,value:Array,defaultValue:Array,onUpdateValue:Function,draggable:Boolean,bordered:{type:Boolean,default:!1}},extends:s.NTree,setup(l,{emit:P,slots:p}){const N=B.useVModel(l,"value",P,{passive:!1,defaultValue:l.defaultValue}),D=t.toRef(l,"params",{}),O=t.toRef(l,"path",""),T=t.toRef(l,"sortPath",""),S=t.ref(),F=t.ref(0),g=t.ref(0),c=t.ref([]),b=t.ref(),{t:k}=y.useI18n(),{options:C,loading:U,expanded:q}=y.useTree({path:O.value,params:D.value,...l.treeOptions});t.watch(C,e=>{c.value=e},{immediate:!0,deep:!0});const v=t.ref(!1),I=t.computed(()=>l.menus?.map(e=>({label:e.label,key:e.value,icon:e?.icon?()=>t.createVNode("div",{class:e?.icon},null):void 0,onSelect:e.onSelect}))||[]),K=e=>{const a=l.menus?.find(n=>n.value===e);a&&a.onSelect(S.value),v.value=!1},j=y.useCustomMutation({path:T.value,method:"POST"}),V=(e,a)=>{for(const n of e)if(n.children){for(const m of n.children)if(m.id===a)return n;const d=V(n.children,a);if(d)return d}},A=({node:e,dragNode:a,dropPosition:n})=>{const d=V(c.value,a.id),m=!d,f=[...c.value];if(m){const r=c.value.findIndex(w=>w.id===a.id);r>=0&&f.splice(r,1)}else{const r=d?.children?.indexOf(a)||0;d?.children?.splice(r,1)}let u=V(f,e.id),x,o=u?.children||f,i=0;switch(n){case"before":i=o.findIndex(r=>r.id===e.id),i>0&&(x=o[i-1].id);break;case"inside":u=e,o=u.children=u.children||[],i=o.length;break;case"after":i=o.findIndex(r=>r.id===e.id)+1,x=e.id;break}o.splice(i,0,a),c.value=f,j.mutate({payload:{parent_id:u?.id,before_id:x,id:a.id}})},h=t.ref([]);t.watch(q,e=>{h?.value?.length>0||(h.value=e)},{immediate:!0});const M=t.computed(()=>{const{title:e,path:a,sortPath:n,params:d,menus:m,numField:f,iconField:u,treeOptions:x,value:o,defaultValue:i,onUpdateValue:r,bordered:w,...R}=l;return R});return()=>t.createVNode(_.DuxCard,{class:"h-full",contentClass:"flex flex-col",bordered:l.bordered},{default:()=>[l?.title&&t.createVNode("div",{class:"px-2 py-3 pb-1 text-base font-bold"},[l.title]),t.createVNode("div",{class:"p-2 flex gap-2 items-center"},[t.createVNode("div",{class:"flex-1"},[p.header?p.header():t.createVNode(s.NInput,{value:b.value,"onUpdate:value":e=>b.value=e,placeholder:k("common.keyword")},null)]),p.tools?.()]),t.createVNode(s.NScrollbar,{class:"flex-1 min-h-0",xScrollable:!0},{default:()=>[t.createVNode("div",{class:"p-2"},[t.createVNode(s.NSpin,{show:U.value,class:"h-full"},{default:()=>[t.createVNode(s.NTree,t.mergeProps(M.value,{data:c.value||[],expandedKeys:h.value,onUpdateExpandedKeys:e=>{h.value=e},blockLine:!0,selectedKeys:N.value,onUpdateSelectedKeys:e=>{N.value=e,l?.onUpdateValue?.(e)},onDrop:A,pattern:b.value,renderPrefix:l?.numField||l?.iconField?({option:e})=>t.createVNode(t.Fragment,null,[l.iconField&&e[l.iconField]&&t.createVNode("div",{class:L(e[l.iconField]||"","size-4")},null),l.numField&&t.createVNode("div",{class:"rounded-full bg-primary px-2 text-xs text-white"},[e[l.numField]||0])]):void 0,nodeProps:({option:e})=>({onContextmenu:a=>{S.value=e,v.value=!0,F.value=a.clientX,g.value=a.clientY,a.preventDefault()}})}),null)]})])]}),t.createVNode(s.NDropdown,{trigger:"manual",placement:"bottom-start",show:v.value,options:I.value,x:F.value,y:g.value,width:100,onSelect:K,onClickoutside:()=>{v.value=!1}},null)]})}});exports.DuxTreeFilter=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("@duxweb/dvha-core"),_=require("@vueuse/core"),z=require("clsx"),s=require("naive-ui"),X=require("../card/card.cjs"),Y=t.defineComponent({name:"DuxTreeFilter",props:{title:String,path:String,sortPath:String,params:Object,menus:Array,numField:String,iconField:String,treeOptions:Object,value:Array,defaultValue:Array,onUpdateValue:Function,draggable:Boolean,bordered:{type:Boolean,default:!1}},extends:s.NTree,setup(a,{emit:D,slots:b}){const N=_.useVModel(a,"value",D,{passive:!1,defaultValue:a.defaultValue}),O=t.toRef(a,"params",{}),C=t.toRef(a,"path",""),T=t.toRef(a,"sortPath",""),S=t.ref(),w=t.ref(0),F=t.ref(0),i=t.ref([]),y=t.ref(),{t:K}=g.useI18n(),{options:U,loading:q,expanded:A}=g.useTree({path:C.value,params:O.value,...a.treeOptions});t.watch(U,e=>{i.value=e},{immediate:!0,deep:!0});const x=t.ref(!1),I=t.computed(()=>a.menus?.map(e=>({label:e.label,key:e.value,icon:e?.icon?()=>t.createVNode("div",{class:e?.icon},null):void 0,onSelect:e.onSelect}))||[]),E=e=>{const l=a.menus?.find(n=>n.value===e);l&&l.onSelect(S.value),x.value=!1},j=g.useCustomMutation({path:T.value,method:"POST"}),V=(e,l)=>{for(const n of e)if(n.children){for(const r of n.children)if(r.id===l)return n;const d=V(n.children,l);if(d)return d}},B=({node:e,dragNode:l,dropPosition:n})=>{const d=V(i.value,l.id),r=!d,p=[...i.value];if(r){const o=i.value.findIndex(k=>k.id===l.id);o>=0&&p.splice(o,1)}else{const o=d?.children?.indexOf(l)||0;d?.children?.splice(o,1)}let h=V(p,e.id),m,c=h?.children||p,u=0;switch(n){case"before":u=c.findIndex(o=>o.id===e.id),u>0&&(m=c[u-1].id);break;case"inside":h=e,c=h.children=h.children||[],u=c.length;break;case"after":u=c.findIndex(o=>o.id===e.id)+1,m=e.id;break}c.splice(u,0,l),i.value=p,j.mutate({payload:{parent_id:h?.id,before_id:m,id:l.id}})},f=t.ref([]),v=t.ref(!1);t.watch(A,e=>{f?.value?.length>0||(v.value=e.length>0,f.value=e)},{immediate:!0});const P=e=>{const l=[],n=d=>{d.forEach(r=>{r.children&&r.children.length>0&&(l.push(r.key||r.id),n(r.children))})};return n(e),l},M=()=>{v.value?(f.value=[],v.value=!1):(f.value=P(i.value),v.value=!0)},R=t.computed(()=>{const{title:e,path:l,sortPath:n,params:d,menus:r,numField:p,iconField:h,treeOptions:m,value:c,defaultValue:u,onUpdateValue:o,bordered:k,...L}=a;return L});return()=>t.createVNode(X.DuxCard,{class:"h-full",contentClass:"flex flex-col",bordered:a.bordered},{default:()=>[a?.title&&t.createVNode("div",{class:"px-2 py-3 pb-1 text-base font-bold"},[a.title]),t.createVNode("div",{class:"p-2 flex gap-2 items-center"},[t.createVNode(s.NButton,{onClick:M},{icon:()=>t.createVNode("div",{class:v.value?"i-tabler:fold-up":"i-tabler:fold-down"},null)}),t.createVNode("div",{class:"flex-1"},[b.header?b.header():t.createVNode(s.NInput,{value:y.value,"onUpdate:value":e=>y.value=e,placeholder:K("common.keyword")},null)]),b.tools?.()]),t.createVNode(s.NScrollbar,{class:"flex-1 min-h-0",xScrollable:!0},{default:()=>[t.createVNode("div",{class:"p-2"},[t.createVNode(s.NSpin,{show:q.value,class:"h-full"},{default:()=>[t.createVNode(s.NTree,t.mergeProps(R.value,{data:i.value||[],expandedKeys:f.value,onUpdateExpandedKeys:e=>{f.value=e;const l=P(i.value);v.value=l.length>0&&l.every(n=>e.includes(n))},blockLine:!0,selectedKeys:N.value,onUpdateSelectedKeys:e=>{N.value=e,a?.onUpdateValue?.(e)},onDrop:B,pattern:y.value,renderPrefix:a?.numField||a?.iconField?({option:e})=>t.createVNode(t.Fragment,null,[a.iconField&&e[a.iconField]&&t.createVNode("div",{class:z(e[a.iconField]||"","size-4")},null),a.numField&&t.createVNode("div",{class:"rounded-full bg-primary px-2 text-xs text-white"},[e[a.numField]||0])]):void 0,nodeProps:({option:e})=>({onContextmenu:l=>{S.value=e,x.value=!0,w.value=l.clientX,F.value=l.clientY,l.preventDefault()}})}),null)]})])]}),t.createVNode(s.NDropdown,{trigger:"manual",placement:"bottom-start",show:x.value,options:I.value,x:w.value,y:F.value,width:100,onSelect:E,onClickoutside:()=>{x.value=!1}},null)]})}});exports.DuxTreeFilter=Y;

package/dist/cjs/components/widget/image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("naive-ui"),a=require("./placeholder.cjs"),l=e.defineComponent({name:"DuxImage",props:{},extends:t.NImage,setup(r){return()=>{const c=`size-${r.height}px`,i=e.createVNode("svg",{viewBox:"0 0 100 100",class:c},[e.createVNode("circle",{cx:"50",cy:"50",r:"50",fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.1"},null),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.65"},[e.createVNode("circle",{cx:"50",cy:"36",r:"14"},null),e.createVNode("path",{d:"M 50 54 C 30 54 15 69 15 87 L 15 100 L 85 100 L 85 87 C 85 69 70 54 50 54 Z"},null)]),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.3"},[e.createVNode("circle",{cx:"20",cy:"20",r:"1.5"},[e.createVNode("animate",{attributeName:"r",values:"1.5;2.5;1.5",dur:"3s",repeatCount:"indefinite"},null)]),e.createVNode("circle",{cx:"80",cy:"25",r:"1"},[e.createVNode("animate",{attributeName:"r",values:"1;2;1",dur:"4s",repeatCount:"indefinite"},null)])])]);return r.src?e.createVNode(t.NImage,e.mergeProps(r,{src:r.src}),{placeholder:()=>e.createVNode(a.DuxPlaceholder,{width:r.width,height:r.height},null),error:()=>e.createVNode(a.DuxPlaceholder,{width:r.width,height:r.height},null)}):e.h(i)}}});exports.DuxImage=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("naive-ui"),i=require("./placeholder.cjs"),l=e.defineComponent({name:"DuxImage",props:{},extends:t.NImage,setup(r){return()=>{const a=`size-${r.height}px`,c=e.createVNode("svg",{viewBox:"0 0 100 100",class:a},[e.createVNode("circle",{cx:"50",cy:"50",r:"50",fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.1"},null),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.65"},[e.createVNode("circle",{cx:"50",cy:"36",r:"14"},null),e.createVNode("path",{d:"M 50 54 C 30 54 15 69 15 87 L 15 100 L 85 100 L 85 87 C 85 69 70 54 50 54 Z"},null)]),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.3"},[e.createVNode("circle",{cx:"20",cy:"20",r:"1.5"},[e.createVNode("animate",{attributeName:"r",values:"1.5;2.5;1.5",dur:"3s",repeatCount:"indefinite"},null)]),e.createVNode("circle",{cx:"80",cy:"25",r:"1"},[e.createVNode("animate",{attributeName:"r",values:"1;2;1",dur:"4s",repeatCount:"indefinite"},null)])])]);return r.src?e.createVNode(t.NImage,e.mergeProps(r,{src:r.src}),{placeholder:()=>e.createVNode(i.DuxPlaceholder,{width:r.width,height:r.height},null)}):e.h(c)}}});exports.DuxImage=l;

package/dist/cjs/theme/uno.css.cjs

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=`/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-border-opacity:100%;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -951,6 +951,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:eye-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-export{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:fold-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v8l3-3m-6 0l3 3M9 7h1m4 0h1m4 0h1M4 7h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:fold-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13V5L9 8m6 0l-3-3M9 17h1m4 0h1m4 0h1M4 17h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:forms{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:grid-4x4{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6h18M3 12h18M3 18h18M6 3v18m6-18v18m6-18v18'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}

package/dist/esm/components/tree/treeFilter.js

@@ -1,10 +1,10 @@
-import { defineComponent as R, toRef as S, ref as u, watch as O, computed as V, createVNode as n, mergeProps as X, Fragment as Y } from "vue";
-import { useI18n as q, useTree as G, useCustomMutation as H } from "@duxweb/dvha-core";
-import { useVModel as J } from "@vueuse/core";
-import Q from "clsx";
-import { NTree as k, NInput as W, NScrollbar as Z, NSpin as $, NDropdown as ee } from "naive-ui";
-import { DuxCard as te } from "../card/card.js";
-const re = /* @__PURE__ */ R({
+import { defineComponent as q, toRef as S, ref as u, watch as V, computed as C, createVNode as n, mergeProps as G, Fragment as H } from "vue";
+import { useI18n as J, useTree as Q, useCustomMutation as W } from "@duxweb/dvha-core";
+import { useVModel as Z } from "@vueuse/core";
+import $ from "clsx";
+import { NTree as K, NButton as ee, NInput as le, NScrollbar as te, NSpin as ne, NDropdown as ae } from "naive-ui";
+import { DuxCard as ie } from "../card/card.js";
+const fe = /* @__PURE__ */ q({
   name: "DuxTreeFilter",
   props: {
     title: String,
@@ -24,111 +24,120 @@ const re = /* @__PURE__ */ R({
       default: !1
     }
   },
-  extends: k,
+  extends: K,
   setup(t, {
-    emit: C,
-    slots: x
+    emit: T,
+    slots: b
   }) {
-    const F = J(t, "value", C, {
+    const w = Z(t, "value", T, {
       passive: !1,
       defaultValue: t.defaultValue
-    }), T = S(t, "params", {}), U = S(t, "path", ""), I = S(t, "sortPath", ""), w = u(), g = u(0), P = u(0), s = u([]), b = u(), {
-      t: K
-    } = q(), {
-      options: N,
-      loading: A,
+    }), U = S(t, "params", {}), A = S(t, "path", ""), I = S(t, "sortPath", ""), F = u(), P = u(0), k = u(0), r = u([]), y = u(), {
+      t: N
+    } = J(), {
+      options: E,
+      loading: B,
       expanded: j
-    } = G({
-      path: U.value,
-      params: T.value,
+    } = Q({
+      path: A.value,
+      params: U.value,
       ...t.treeOptions
     });
-    O(N, (e) => {
-      s.value = e;
+    V(E, (e) => {
+      r.value = e;
     }, {
       immediate: !0,
       deep: !0
     });
-    const v = u(!1), B = V(() => t.menus?.map((e) => ({
+    const p = u(!1), L = C(() => t.menus?.map((e) => ({
       label: e.label,
       key: e.value,
       icon: e?.icon ? () => n("div", {
         class: e?.icon
       }, null) : void 0,
       onSelect: e.onSelect
-    })) || []), L = (e) => {
+    })) || []), M = (e) => {
       const l = t.menus?.find((a) => a.value === e);
-      l && l.onSelect(w.value), v.value = !1;
-    }, M = H({
+      l && l.onSelect(F.value), p.value = !1;
+    }, _ = W({
       path: I.value,
       method: "POST"
-    }), y = (e, l) => {
+    }), g = (e, l) => {
       for (const a of e)
         if (a.children) {
-          for (const h of a.children)
-            if (h.id === l)
+          for (const i of a.children)
+            if (i.id === l)
               return a;
-          const d = y(a.children, l);
-          if (d)
-            return d;
+          const o = g(a.children, l);
+          if (o)
+            return o;
         }
-    }, _ = ({
+    }, z = ({
       node: e,
       dragNode: l,
       dropPosition: a
     }) => {
-      const d = y(s.value, l.id), h = !d, f = [...s.value];
-      if (h) {
-        const i = s.value.findIndex((D) => D.id === l.id);
-        i >= 0 && f.splice(i, 1);
+      const o = g(r.value, l.id), i = !o, m = [...r.value];
+      if (i) {
+        const d = r.value.findIndex((O) => O.id === l.id);
+        d >= 0 && m.splice(d, 1);
       } else {
-        const i = d?.children?.indexOf(l) || 0;
-        d?.children?.splice(i, 1);
+        const d = o?.children?.indexOf(l) || 0;
+        o?.children?.splice(d, 1);
       }
-      let c = y(f, e.id), p, o = c?.children || f, r = 0;
+      let h = g(m, e.id), x, s = h?.children || m, c = 0;
       switch (a) {
         case "before":
-          r = o.findIndex((i) => i.id === e.id), r > 0 && (p = o[r - 1].id);
+          c = s.findIndex((d) => d.id === e.id), c > 0 && (x = s[c - 1].id);
           break;
         case "inside":
-          c = e, o = c.children = c.children || [], r = o.length;
+          h = e, s = h.children = h.children || [], c = s.length;
           break;
         case "after":
-          r = o.findIndex((i) => i.id === e.id) + 1, p = e.id;
+          c = s.findIndex((d) => d.id === e.id) + 1, x = e.id;
           break;
       }
-      o.splice(r, 0, l), s.value = f, M.mutate({
+      s.splice(c, 0, l), r.value = m, _.mutate({
         payload: {
-          parent_id: c?.id,
-          before_id: p,
+          parent_id: h?.id,
+          before_id: x,
           id: l.id
         }
       });
-    }, m = u([]);
-    O(j, (e) => {
-      m?.value?.length > 0 || (m.value = e);
+    }, f = u([]), v = u(!1);
+    V(j, (e) => {
+      f?.value?.length > 0 || (v.value = e.length > 0, f.value = e);
     }, {
       immediate: !0
     });
-    const z = V(() => {
+    const D = (e) => {
+      const l = [], a = (o) => {
+        o.forEach((i) => {
+          i.children && i.children.length > 0 && (l.push(i.key || i.id), a(i.children));
+        });
+      };
+      return a(e), l;
+    }, R = () => {
+      v.value ? (f.value = [], v.value = !1) : (f.value = D(r.value), v.value = !0);
+    }, X = C(() => {
       const {
         title: e,
         path: l,
         sortPath: a,
-        params: d,
-        menus: h,
-        numField: f,
-        iconField: c,
-        treeOptions: p,
-        value: o,
-        defaultValue: r,
-        onUpdateValue: i,
-        bordered: D,
-        ...E
+        params: o,
+        menus: i,
+        numField: m,
+        iconField: h,
+        treeOptions: x,
+        value: s,
+        defaultValue: c,
+        onUpdateValue: d,
+        bordered: O,
+        ...Y
       } = t;
-      return E;
+      return Y;
     });
-    return () => n(te, {
+    return () => n(ie, {
       class: "h-full",
       contentClass: "flex flex-col",
       bordered: t.bordered
@@ -137,39 +146,47 @@ const re = /* @__PURE__ */ R({
         class: "px-2 py-3 pb-1 text-base font-bold"
       }, [t.title]), n("div", {
         class: "p-2 flex gap-2 items-center"
-      }, [n("div", {
+      }, [n(ee, {
+        onClick: R
+      }, {
+        icon: () => n("div", {
+          class: v.value ? "i-tabler:fold-up" : "i-tabler:fold-down"
+        }, null)
+      }), n("div", {
         class: "flex-1"
-      }, [x.header ? x.header() : n(W, {
-        value: b.value,
-        "onUpdate:value": (e) => b.value = e,
-        placeholder: K("common.keyword")
-      }, null)]), x.tools?.()]), n(Z, {
+      }, [b.header ? b.header() : n(le, {
+        value: y.value,
+        "onUpdate:value": (e) => y.value = e,
+        placeholder: N("common.keyword")
+      }, null)]), b.tools?.()]), n(te, {
         class: "flex-1 min-h-0",
         xScrollable: !0
       }, {
         default: () => [n("div", {
           class: "p-2"
-        }, [n($, {
-          show: A.value,
+        }, [n(ne, {
+          show: B.value,
           class: "h-full"
         }, {
-          default: () => [n(k, X(z.value, {
-            data: s.value || [],
-            expandedKeys: m.value,
+          default: () => [n(K, G(X.value, {
+            data: r.value || [],
+            expandedKeys: f.value,
             onUpdateExpandedKeys: (e) => {
-              m.value = e;
+              f.value = e;
+              const l = D(r.value);
+              v.value = l.length > 0 && l.every((a) => e.includes(a));
             },
             blockLine: !0,
-            selectedKeys: F.value,
+            selectedKeys: w.value,
             onUpdateSelectedKeys: (e) => {
-              F.value = e, t?.onUpdateValue?.(e);
+              w.value = e, t?.onUpdateValue?.(e);
             },
-            onDrop: _,
-            pattern: b.value,
+            onDrop: z,
+            pattern: y.value,
             renderPrefix: t?.numField || t?.iconField ? ({
               option: e
-            }) => n(Y, null, [t.iconField && e[t.iconField] && n("div", {
-              class: Q(e[t.iconField] || "", "size-4")
+            }) => n(H, null, [t.iconField && e[t.iconField] && n("div", {
+              class: $(e[t.iconField] || "", "size-4")
             }, null), t.numField && n("div", {
               class: "rounded-full bg-primary px-2 text-xs text-white"
             }, [e[t.numField] || 0])]) : void 0,
@@ -177,27 +194,27 @@ const re = /* @__PURE__ */ R({
               option: e
             }) => ({
               onContextmenu: (l) => {
-                w.value = e, v.value = !0, g.value = l.clientX, P.value = l.clientY, l.preventDefault();
+                F.value = e, p.value = !0, P.value = l.clientX, k.value = l.clientY, l.preventDefault();
               }
             })
           }), null)]
         })])]
-      }), n(ee, {
+      }), n(ae, {
         trigger: "manual",
         placement: "bottom-start",
-        show: v.value,
-        options: B.value,
-        x: g.value,
-        y: P.value,
+        show: p.value,
+        options: L.value,
+        x: P.value,
+        y: k.value,
         width: 100,
-        onSelect: L,
+        onSelect: M,
         onClickoutside: () => {
-          v.value = !1;
+          p.value = !1;
         }
       }, null)]
     });
   }
 });
 export {
-  re as DuxTreeFilter
+  fe as DuxTreeFilter
 };

package/dist/esm/components/widget/image.js

@@ -1,15 +1,15 @@
-import { defineComponent as c, createVNode as e, h as n, mergeProps as u } from "vue";
+import { defineComponent as a, createVNode as e, h as c, mergeProps as n } from "vue";
 import { NImage as i } from "naive-ui";
-import { DuxPlaceholder as l } from "./placeholder.js";
-const g = /* @__PURE__ */ c({
+import { DuxPlaceholder as o } from "./placeholder.js";
+const g = /* @__PURE__ */ a({
   name: "DuxImage",
   props: {},
   extends: i,
   setup(r) {
     return () => {
-      const t = `size-${r.height}px`, a = e("svg", {
+      const l = `size-${r.height}px`, t = e("svg", {
         viewBox: "0 0 100 100",
-        class: t
+        class: l
       }, [e("circle", {
         cx: "50",
         cy: "50",
@@ -47,18 +47,14 @@ const g = /* @__PURE__ */ c({
         dur: "4s",
         repeatCount: "indefinite"
       }, null)])])]);
-      return r.src ? e(i, u(r, {
+      return r.src ? e(i, n(r, {
         src: r.src
       }), {
-        placeholder: () => e(l, {
-          width: r.width,
-          height: r.height
-        }, null),
-        error: () => e(l, {
+        placeholder: () => e(o, {
           width: r.width,
           height: r.height
         }, null)
-      }) : n(a);
+      }) : c(t);
     };
   }
 });

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-border-opacity:100%;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -951,6 +951,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:eye-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-export{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:fold-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v8l3-3m-6 0l3 3M9 7h1m4 0h1m4 0h1M4 7h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:fold-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13V5L9 8m6 0l-3-3M9 17h1m4 0h1m4 0h1M4 17h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:forms{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:grid-4x4{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6h18M3 12h18M3 18h18M6 3v18m6-18v18m6-18v18'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-pro",
   "type": "module",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {
@@ -33,8 +33,8 @@
   ],
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
-    "@duxweb/dvha-core": "^1.0.36",
-    "@duxweb/dvha-naiveui": "^1.0.36",
+    "@duxweb/dvha-core": "^1.0.38",
+    "@duxweb/dvha-naiveui": "^1.0.38",
     "@iconify-json/tabler": "^1.2.18",
     "@overlastic/vue": "^0.8.1",
     "@tanstack/vue-query": "^5.80.7",