@duxweb/dvha-pro 1.1.2 → 1.1.3

package/dist/cjs/components/media/media.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=require("clsx"),g=require("naive-ui"),l=require("../widget/avatar.cjs"),m=require("../widget/image.cjs");function o(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x=t.defineComponent({name:"DuxMedia",props:{title:String,avatar:Boolean,image:[String,Array],desc:[String,Array],extend:String,onClick:Function,imageWidth:{type:Number,default:42},imageHeight:{type:Number,default:42}},setup(e,{slots:a}){const c=t.computed(()=>Array.isArray(e.image)?e.image:e.image?[e.image]:[]),d=t.computed(()=>Array.isArray(e.desc)?e.desc:e.desc?[e.desc]:[]);return()=>{let n;return t.createVNode("div",{class:"flex gap-2 items-center"},[a?.image&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[a?.image?.()]),(e.avatar||c?.value.length>0)&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[e.avatar?t.createVNode(t.Fragment,null,[c.value.length>0?c.value.map((i,r)=>t.createVNode(l.DuxAvatar,{key:r,src:i,round:!0,size:e.imageWidth},null)):t.createVNode(l.DuxAvatar,{round:!0,size:e.imageWidth},null)]):t.createVNode(g.NImageGroup,null,o(n=c.value.map((i,r)=>t.createVNode(m.DuxImage,{key:r,src:i,class:"rounded",objectFit:"cover",width:e.imageWidth,height:e.imageHeight},null)))?n:{default:()=>[n]})]),t.createVNode("div",{class:"flex-1 flex-col gap-2 min-w-0 truncate items-center"},[t.createVNode("div",{class:"flex gap-2 items-center"},[a.prefix?.(),(e.title||a.default)&&t.createVNode("div",{onClick:()=>e.onClick?.(),class:u(["transition-all truncate",e?.onClick&&"hover:text-primary cursor-pointer"])},[e.title||a.default?.()])]),(d?.value.length>0||a.desc)&&t.createVNode("div",{class:"text-sm text-muted flex flex-col gap-0"},[d?.value.map?.((i,r)=>t.createVNode("div",{key:r,class:"truncate"},[i])),a.desc?.()])]),e?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[e?.extend]),a?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[a?.extend?.()])])}}});exports.DuxMedia=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=require("clsx"),g=require("naive-ui"),l=require("../widget/avatar.cjs"),m=require("../widget/image.cjs");function o(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x=t.defineComponent({name:"DuxMedia",props:{title:String,avatar:Boolean,image:[String,Array],desc:[String,Array],extend:String,onClick:Function,imageWidth:{type:Number,default:42},imageHeight:{type:Number,default:42}},setup(e,{slots:a}){const r=t.computed(()=>Array.isArray(e.image)?e.image:e.image!==void 0?[e.image]:[]),d=t.computed(()=>Array.isArray(e.desc)?e.desc:e.desc!==void 0?[e.desc]:[]);return()=>{let c;return t.createVNode("div",{class:"flex gap-2 items-center"},[a?.image&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[a?.image?.()]),(e.avatar||r?.value.length>0)&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[e.avatar?t.createVNode(t.Fragment,null,[r.value.length>0?r.value.map((i,n)=>t.createVNode(l.DuxAvatar,{key:n,src:i,round:!0,size:e.imageWidth},null)):t.createVNode(l.DuxAvatar,{round:!0,size:e.imageWidth},null)]):t.createVNode(g.NImageGroup,null,o(c=r.value.map((i,n)=>t.createVNode(m.DuxImage,{key:n,src:i,class:"rounded",objectFit:"cover",width:e.imageWidth,height:e.imageHeight},null)))?c:{default:()=>[c]})]),t.createVNode("div",{class:"flex-1 flex-col gap-2 min-w-0 truncate items-center"},[t.createVNode("div",{class:"flex gap-2 items-center"},[a.prefix?.(),(e.title||a.default)&&t.createVNode("div",{onClick:()=>e.onClick?.(),class:u(["transition-all truncate",e?.onClick&&"hover:text-primary cursor-pointer"])},[e.title||a.default?.()])]),(d?.value.length>0||a.desc)&&t.createVNode("div",{class:"text-sm text-muted flex flex-col gap-0"},[d?.value.map?.((i,n)=>t.createVNode("div",{key:n,class:"truncate"},[i!==""?i:"-"])),a.desc?.()])]),e?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[e?.extend]),a?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[a?.extend?.()])])}}});exports.DuxMedia=x;

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

@@ -1 +1 @@
-"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;
+"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 p=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),p.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 o=V(n.children,l);if(o)return o}},B=({node:e,dragNode:l,dropPosition:n})=>{const o=V(i.value,l.id),r=!o,x=[...i.value];if(r){const d=i.value.findIndex(k=>k.id===l.id);d>=0&&x.splice(d,1)}else{const d=o?.children?.indexOf(l)||0;o?.children?.splice(d,1)}let h=V(x,e.id),m,c=h?.children||x,u=0;switch(n){case"before":u=c.findIndex(d=>d.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(d=>d.id===e.id)+1,m=e.id;break}c.splice(u,0,l),i.value=x,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=o=>{o.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:o,menus:r,numField:x,iconField:h,treeOptions:m,value:c,defaultValue:u,onUpdateValue:d,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("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")},{prefix:()=>t.createVNode(s.NButton,{text:!0,onClick:M,class:"mr-1!"},{icon:()=>t.createVNode("div",{class:["i-tabler:fold-down transition-all",v.value?"rotate-0":"rotate-180"]},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,p.value=!0,w.value=l.clientX,F.value=l.clientY,l.preventDefault()}})}),null)]})])]}),t.createVNode(s.NDropdown,{trigger:"manual",placement:"bottom-start",show:p.value,options:I.value,x:w.value,y:F.value,width:100,onSelect:E,onClickoutside:()=>{p.value=!1}},null)]})}});exports.DuxTreeFilter=Y;

package/dist/cjs/pages/layout/tab.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@duxweb/dvha-core"),m=require("@duxweb/dvha-naiveui"),r=require("naive-ui"),x=require("vue-router"),k=e.defineComponent({name:"DuxPageTab",setup(g){const{tabsProps:i,tabs:p}=m.useNaiveTab(),d=e.ref(),l=u.useTabStore(),c=x.useRouter(),{t:o}=u.useI18n(),a=e.reactive({x:0,y:0,visible:!1}),s=e.ref(),v=(t,n)=>{t.preventDefault(),a.visible=!1,e.nextTick().then(()=>{a.visible=!0,a.x=t.clientX,a.y=t.clientY,s.value=n})},b=()=>{a.visible=!1},h=[{label:o("components.tab.lock"),key:"lock"},{label:o("components.tab.closeOther"),key:"closeOther"},{label:o("components.tab.closeLeft"),key:"closeLeft"},{label:o("components.tab.closeRight"),key:"closeRight"}],f=t=>{switch(a.visible=!1,t){case"lock":l.lockTab(s.value?.path||"");break;case"closeOther":l.delOther(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeLeft":l.delLeft(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeRight":l.delRight(s.value?.path||"",()=>{c.push(s.value?.path||"")});break}};return()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NTabs,e.mergeProps({ref:d,type:"card",class:"app-page-tabs",barWidth:100},i.value),{default:()=>p?.value?.map(t=>e.createVNode(r.NTab,{key:t.path,name:t.path||"",class:"shadow-xs my-2"},{default:()=>[e.createVNode("div",{class:"flex items-center gap-2 py-2 px-3",onContextmenu:n=>v(n,t)},[e.createVNode("div",{class:"flex-1"},[t.label]),e.createVNode("div",{class:"flex items-center flex-none"},[t.meta?.lock?e.createVNode("div",{class:"i-tabler:pinned size-4"},null):e.createVNode("div",{onClick:()=>i.value?.onClose?.(t.path),class:"text-muted hover:text-primary cursor-pointer"},[e.createVNode("div",{class:"i-tabler:x size-4"},null)])])])]}))}),e.createVNode(r.NDropdown,{trigger:"manual",x:a.x,y:a.y,show:a.visible,onClickoutside:b,options:h,onSelect:f},null)])}});exports.DuxPageTab=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@duxweb/dvha-core"),m=require("@duxweb/dvha-naiveui"),r=require("naive-ui"),x=require("vue-router"),k=e.defineComponent({name:"DuxPageTab",setup(g){const{tabsProps:i,tabs:p}=m.useNaiveTab(),d=e.ref(),l=u.useTabStore(),c=x.useRouter(),{t:o}=u.useI18n(),a=e.reactive({x:0,y:0,visible:!1}),s=e.ref(),v=(t,n)=>{t.preventDefault(),a.visible=!1,e.nextTick().then(()=>{a.visible=!0,a.x=t.clientX,a.y=t.clientY,s.value=n})},b=()=>{a.visible=!1},h=[{label:o("components.tab.lock"),key:"lock"},{label:o("components.tab.closeOther"),key:"closeOther"},{label:o("components.tab.closeLeft"),key:"closeLeft"},{label:o("components.tab.closeRight"),key:"closeRight"}],f=t=>{switch(a.visible=!1,t){case"lock":l.lockTab(s.value?.path||"");break;case"closeOther":l.delOther(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeLeft":l.delLeft(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeRight":l.delRight(s.value?.path||"",()=>{c.push(s.value?.path||"")});break}};return()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NTabs,e.mergeProps({ref:d,type:"card",class:"app-page-tabs",barWidth:100},i.value),{default:()=>p?.value?.map(t=>e.createVNode(r.NTab,{key:t.path,name:t.path||"",class:"shadow-xs my-2"},{default:()=>[e.createVNode("div",{class:"flex items-center gap-2 h-36px px-3",onContextmenu:n=>v(n,t)},[e.createVNode("div",{class:"flex-1"},[t.label]),e.createVNode("div",{class:"flex items-center flex-none"},[t.meta?.lock?e.createVNode("div",{class:"i-tabler:pinned size-4"},null):e.createVNode("div",{onClick:()=>i.value?.onClose?.(t.path),class:"text-muted hover:text-primary cursor-pointer"},[e.createVNode("div",{class:"i-tabler:x size-4"},null)])])])]}))}),e.createVNode(r.NDropdown,{trigger:"manual",x:a.x,y:a.y,show:a.visible,onClickoutside:b,options:h,onSelect:f},null)])}});exports.DuxPageTab=k;

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-text-opacity:100%;--un-bg-opacity:100%;--un-from-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-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@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-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
 @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%;}
@@ -964,7 +964,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:flag-check{--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='M13.767 15.12A5 5 0 0 1 12 14a5 5 0 0 0-7 0V5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5M5 21v-7m10 5l2 2l4-4'/%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\\:focus-2{--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%3Ccircle cx='12' cy='12' r='.5' fill='currentColor'/%3E%3Cpath d='M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2'/%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\\:git-branch{--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='M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8m2 2h6a2 2 0 0 0 2-2v-5'/%3E%3Cpath d='m14 14l3-3l3 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;}
@@ -1087,6 +1086,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1269,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
+.h-36px{height:36px;}
 .h-4{height:calc(var(--spacing) * 4);}
 .h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
@@ -1351,6 +1352,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-0{rotate:0;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}

package/dist/esm/components/media/media.js

@@ -1,10 +1,10 @@
-import { defineComponent as u, computed as m, createVNode as t, Fragment as g, isVNode as x } from "vue";
-import f from "clsx";
+import { defineComponent as u, computed as d, createVNode as t, Fragment as g, isVNode as f } from "vue";
+import x from "clsx";
 import { NImageGroup as o } from "naive-ui";
-import { DuxAvatar as d } from "../widget/avatar.js";
+import { DuxAvatar as m } from "../widget/avatar.js";
 import { DuxImage as v } from "../widget/image.js";
 function s(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
 }
 const S = /* @__PURE__ */ u({
   name: "DuxMedia",
@@ -27,7 +27,7 @@ const S = /* @__PURE__ */ u({
   setup(e, {
     slots: a
   }) {
-    const l = m(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), c = m(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
+    const l = d(() => Array.isArray(e.image) ? e.image : e.image !== void 0 ? [e.image] : []), c = d(() => Array.isArray(e.desc) ? e.desc : e.desc !== void 0 ? [e.desc] : []);
     return () => {
       let r;
       return t("div", {
@@ -36,12 +36,12 @@ const S = /* @__PURE__ */ u({
         class: "flex-none flex items-center gap-2"
       }, [a?.image?.()]), (e.avatar || l?.value.length > 0) && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(d, {
+      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(m, {
         key: n,
         src: i,
         round: !0,
         size: e.imageWidth
-      }, null)) : t(d, {
+      }, null)) : t(m, {
         round: !0,
         size: e.imageWidth
       }, null)]) : t(o, null, s(r = l.value.map((i, n) => t(v, {
@@ -59,13 +59,13 @@ const S = /* @__PURE__ */ u({
         class: "flex gap-2 items-center"
       }, [a.prefix?.(), (e.title || a.default) && t("div", {
         onClick: () => e.onClick?.(),
-        class: f(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
+        class: x(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
       }, [e.title || a.default?.()])]), (c?.value.length > 0 || a.desc) && t("div", {
         class: "text-sm text-muted flex flex-col gap-0"
       }, [c?.value.map?.((i, n) => t("div", {
         key: n,
         class: "truncate"
-      }, [i])), a.desc?.()])]), e?.extend && t("div", {
+      }, [i !== "" ? i : "-"])), a.desc?.()])]), e?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
       }, [e?.extend]), a?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"

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

@@ -2,7 +2,7 @@ import { defineComponent as q, toRef as S, ref as u, watch as V, computed as C,
 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 { NTree as K, NInput as ee, NButton 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",
@@ -146,19 +146,23 @@ const fe = /* @__PURE__ */ q({
         class: "px-2 py-3 pb-1 text-base font-bold"
       }, [t.title]), n("div", {
         class: "p-2 flex gap-2 items-center"
-      }, [n(ee, {
-        onClick: R
-      }, {
-        icon: () => n("div", {
-          class: v.value ? "i-tabler:fold-up" : "i-tabler:fold-down"
-        }, null)
-      }), n("div", {
+      }, [n("div", {
         class: "flex-1"
-      }, [b.header ? b.header() : n(le, {
+      }, [b.header ? b.header() : n(ee, {
         value: y.value,
         "onUpdate:value": (e) => y.value = e,
         placeholder: N("common.keyword")
-      }, null)]), b.tools?.()]), n(te, {
+      }, {
+        prefix: () => n(le, {
+          text: !0,
+          onClick: R,
+          class: "mr-1!"
+        }, {
+          icon: () => n("div", {
+            class: ["i-tabler:fold-down transition-all", v.value ? "rotate-0" : "rotate-180"]
+          }, null)
+        })
+      })]), b.tools?.()]), n(te, {
         class: "flex-1 min-h-0",
         xScrollable: !0
       }, {

package/dist/esm/pages/layout/tab.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as i, reactive as f, createVNode as t, Fragment as x, mergeProps as k, nextTick as y } from "vue";
-import { useTabStore as g, useI18n as T } from "@duxweb/dvha-core";
+import { defineComponent as d, ref as i, reactive as f, createVNode as t, Fragment as x, mergeProps as k, nextTick as g } from "vue";
+import { useTabStore as y, useI18n as T } from "@duxweb/dvha-core";
 import { useNaiveTab as C } from "@duxweb/dvha-naiveui";
 import { NTabs as R, NTab as N, NDropdown as O } from "naive-ui";
 import { useRouter as w } from "vue-router";
@@ -9,17 +9,17 @@ const I = /* @__PURE__ */ d({
     const {
       tabsProps: r,
       tabs: p
-    } = C(), u = i(), s = g(), n = w(), {
+    } = C(), u = i(), s = y(), n = w(), {
       t: o
     } = T(), a = f({
       x: 0,
       y: 0,
       visible: !1
-    }), l = i(), b = (e, c) => {
-      e.preventDefault(), a.visible = !1, y().then(() => {
+    }), l = i(), h = (e, c) => {
+      e.preventDefault(), a.visible = !1, g().then(() => {
         a.visible = !0, a.x = e.clientX, a.y = e.clientY, l.value = c;
       });
-    }, h = () => {
+    }, b = () => {
       a.visible = !1;
     }, m = [{
       label: o("components.tab.lock"),
@@ -67,8 +67,8 @@ const I = /* @__PURE__ */ d({
         class: "shadow-xs my-2"
       }, {
         default: () => [t("div", {
-          class: "flex items-center gap-2 py-2 px-3",
-          onContextmenu: (c) => b(c, e)
+          class: "flex items-center gap-2 h-36px px-3",
+          onContextmenu: (c) => h(c, e)
         }, [t("div", {
           class: "flex-1"
         }, [e.label]), t("div", {
@@ -87,7 +87,7 @@ const I = /* @__PURE__ */ d({
       x: a.x,
       y: a.y,
       show: a.visible,
-      onClickoutside: h,
+      onClickoutside: b,
       options: m,
       onSelect: v
     }, null)]);

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-text-opacity:100%;--un-bg-opacity:100%;--un-from-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-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@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-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
 @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%;}
@@ -964,7 +964,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:flag-check{--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='M13.767 15.12A5 5 0 0 1 12 14a5 5 0 0 0-7 0V5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5M5 21v-7m10 5l2 2l4-4'/%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\\:focus-2{--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%3Ccircle cx='12' cy='12' r='.5' fill='currentColor'/%3E%3Cpath d='M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2'/%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\\:git-branch{--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='M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8m2 2h6a2 2 0 0 0 2-2v-5'/%3E%3Cpath d='m14 14l3-3l3 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;}
@@ -1087,6 +1086,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1269,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
+.h-36px{height:36px;}
 .h-4{height:calc(var(--spacing) * 4);}
 .h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
@@ -1351,6 +1352,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-0{rotate:0;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}

package/package.json

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