@duxweb/dvha-naiveui 1.1.21 → 1.1.23

package/dist/cjs/components/select/select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),x=require("@duxweb/dvha-core"),F=require("@vueuse/core"),C=require("lodash-es"),l=require("naive-ui");function O(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const I=a.defineComponent({name:"DuxSelect",props:{path:String,params:Object,pagination:{type:Boolean,default:!0},avatarField:{type:String},imageField:{type:String},descField:{type:String},multiple:Boolean,option:{type:[Object,Array],default:void 0}},extends:l.NSelect,setup(e,{emit:u,slots:i}){const o=a.toRef(e,"params",{}),N=a.toRef(e,"path"),s=F.useVModel(e,"value",u,{passive:!0,defaultValue:e.defaultValue}),g=F.useVModel(e,"option",u,{passive:!0,defaultValue:e.multiple?[]:null}),n=a.toRef(e,"labelField","name"),j=a.toRef(e,"valueField","id"),f=a.toRef(e,"avatarField",""),c=a.toRef(e,"imageField",""),d=a.toRef(e,"descField",""),{onSearch:w,loading:A,pagination:m,options:V,pageCount:R}=x.useSelect({path:N,params:o,defaultValue:s,pagination:e.pagination,optionLabel:n.value,optionValue:j.value}),q=a.computed(()=>{const{labelField:t,valueField:v,avatarField:r,imageField:S,descField:b,option:p,...y}=e;return y}),h=t=>{if(e.multiple){C.isEqual(g.value,t)||(g.value=t||[]);return}g.value!==t&&(g.value=t||null)};return a.watch([s,V],([t,v])=>{if(e.multiple){const b=(Array.isArray(t)?t:[]).map(p=>v.find(y=>y.value===p)?.raw).filter(p=>!!p);h(b);return}const r=v.find(S=>S.value===t)?.raw||null;h(r)},{immediate:!0}),()=>a.createVNode(l.NSelect,a.mergeProps(q.value,{onSearch:w,loading:A.value,filterable:!!e.pagination,clearable:!0,remote:!0,options:V.value,value:s.value,"onUpdate:value":t=>s.value=t,multiple:e.multiple,onClear:()=>{w("")},renderLabel:t=>c.value||d.value?a.createVNode(l.NSpace,{align:"center",size:"small",wrapItem:!1,style:{padding:"6px 0"}},{default:()=>[c.value&&a.createVNode(l.NImage,{src:t?.raw?.[c.value],objectFit:"cover",width:32,height:32},null),f.value&&a.createVNode(l.NAvatar,{round:!0,src:t?.raw?.[f.value],size:32},{default:()=>[t?.raw?.[n.value]?.charAt?.(0)]}),a.createVNode(l.NSpace,{vertical:!0,size:0,wrapItem:!1},{default:()=>[a.createVNode("div",null,[t?.raw?.[n.value]]),d.value&&a.createVNode("div",{style:{opacity:.6}},[t?.raw?.[d.value]])]})]}):t?.raw?.[n.value],renderTag:({option:t,handleClose:v})=>{let r;return e.multiple?a.createVNode(l.NTag,{type:"primary",size:e.size,closable:!0,round:!0,onClose:()=>{v()},style:{"--n-padding":"0"}},O(r=z(t,n.value,c.value,f.value,d.value))?r:{default:()=>[r]}):z(t,n.value,c.value,f.value,d.value)}}),{action:()=>e.pagination?a.createVNode(l.NPagination,{size:"small",page:m.value.page,"onUpdate:page":t=>m.value.page=t,pageSlot:3,pageCount:R.value,pageSize:m.value.pageSize},null):null,...i})}});function z(e,u,i,o,N){return i||N||o?a.createVNode(l.NSpace,{align:"center",size:"small",style:{padding:"6px 0"},wrapItem:!1},{default:()=>[i&&a.createVNode(l.NImage,{src:e?.raw?.[i],objectFit:"cover",width:22,height:22},null),o&&a.createVNode(l.NAvatar,{round:!0,src:e?.raw?.[o]||"",size:22},{default:()=>[e?.raw?.[u]?.charAt?.(0)]}),a.createVNode("div",null,[e?.raw?.[u]])]}):e?.raw?.[u]||""}exports.DuxSelect=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),j=require("@duxweb/dvha-core"),R=require("@vueuse/core"),D=require("lodash-es"),r=require("naive-ui");function I(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const M=a.defineComponent({name:"DuxSelect",props:{path:String,params:Object,pagination:{type:Boolean,default:!0},avatarField:{type:String},imageField:{type:String},descField:{type:String},multiple:Boolean,option:{type:[Object,Array],default:void 0},refreshable:{type:Boolean,default:!0}},extends:r.NSelect,setup(e,{emit:u,slots:o}){const{t:c}=j.useI18n(),N=a.toRef(e,"params",{}),A=a.toRef(e,"path"),v=R.useVModel(e,"value",u,{passive:!0,defaultValue:e.defaultValue}),f=R.useVModel(e,"option",u,{passive:!0,defaultValue:e.multiple?[]:null}),i=a.toRef(e,"labelField","name"),C=a.toRef(e,"valueField","id"),g=a.toRef(e,"avatarField",""),d=a.toRef(e,"imageField",""),s=a.toRef(e,"descField",""),{onSearch:h,loading:S,pagination:m,options:b,pageCount:P,refetch:V}=j.useSelect({path:A,params:N,defaultValue:v,pagination:e.pagination,optionLabel:i.value,optionValue:C.value}),q=a.computed(()=>{const{labelField:t,valueField:n,avatarField:l,imageField:w,descField:z,option:p,...y}=e;return y}),F=t=>{if(e.multiple){D.isEqual(f.value,t)||(f.value=t||[]);return}f.value!==t&&(f.value=t||null)};return a.watch([v,b],([t,n])=>{if(e.multiple){const z=(Array.isArray(t)?t:[]).map(p=>n.find(y=>y.value===p)?.raw).filter(p=>!!p);F(z);return}const l=n.find(w=>w.value===t)?.raw||null;F(l)},{immediate:!0}),()=>a.createVNode(r.NSelect,a.mergeProps(q.value,{onSearch:h,loading:S.value,filterable:!!e.pagination,clearable:!0,remote:!0,options:b.value,value:v.value,"onUpdate:value":t=>v.value=t,multiple:e.multiple,onClear:()=>{h("")},renderLabel:t=>d.value||s.value?a.createVNode(r.NSpace,{align:"center",size:"small",wrapItem:!1,style:{padding:"6px 0"}},{default:()=>[d.value&&a.createVNode(r.NImage,{src:t?.raw?.[d.value],objectFit:"cover",width:32,height:32},null),g.value&&a.createVNode(r.NAvatar,{round:!0,src:t?.raw?.[g.value],size:32},{default:()=>[t?.raw?.[i.value]?.charAt?.(0)]}),a.createVNode(r.NSpace,{vertical:!0,size:0,wrapItem:!1},{default:()=>[a.createVNode("div",null,[t?.raw?.[i.value]]),s.value&&a.createVNode("div",{style:{opacity:.6}},[t?.raw?.[s.value]])]})]}):t?.raw?.[i.value],renderTag:({option:t,handleClose:n})=>{let l;return e.multiple?a.createVNode(r.NTag,{type:"primary",size:e.size,closable:!0,round:!0,onClose:()=>{n()},style:{"--n-padding":"0"}},I(l=x(t,i.value,d.value,g.value,s.value))?l:{default:()=>[l]}):x(t,i.value,d.value,g.value,s.value)}}),{arrow:()=>{const n=o.arrow?.()||null;return e.refreshable?a.createVNode(r.NTooltip,{trigger:"hover"},{default:()=>c("components.button.refresh")||"Refresh",trigger:()=>a.createVNode("div",{class:["i-tabler:refresh size-4 cursor-pointer opacity-70 hover:opacity-100",S.value&&"animate-spin"],role:"button",tabindex:0,onMousedown:l=>{l.preventDefault(),l.stopPropagation()},onClick:l=>{l.preventDefault(),l.stopPropagation(),V?.()},onKeydown:l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),l.stopPropagation(),V?.())}},null)}):n},action:()=>e.pagination?a.createVNode(r.NPagination,{size:"small",page:m.value.page,"onUpdate:page":t=>m.value.page=t,pageSlot:3,pageCount:P.value,pageSize:m.value.pageSize},null):null,...o})}});function x(e,u,o,c,N){return o||N||c?a.createVNode(r.NSpace,{align:"center",size:"small",style:{padding:"6px 0"},wrapItem:!1},{default:()=>[o&&a.createVNode(r.NImage,{src:e?.raw?.[o],objectFit:"cover",width:22,height:22},null),c&&a.createVNode(r.NAvatar,{round:!0,src:e?.raw?.[c]||"",size:22},{default:()=>[e?.raw?.[u]?.charAt?.(0)]}),a.createVNode("div",null,[e?.raw?.[u]])]}):e?.raw?.[u]||""}exports.DuxSelect=M;

package/dist/cjs/components/transfer/transfer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),f=require("@duxweb/dvha-core"),m=require("@vueuse/core"),l=require("naive-ui"),o=a.defineComponent({name:"DuxTransfer",props:{path:String,params:{type:Object},labelField:{type:String,default:"name"},valueField:{type:String,default:"id"},imageField:{type:String},descField:{type:String}},extends:l.NTransfer,setup(e,{emit:n}){const d=m.useVModel(e,"value",n,{passive:!0,defaultValue:e.defaultValue||[]}),u=a.toRef(e,"path",""),s=a.toRef(e,"params",{}),r=a.ref([]),{data:c,isLoading:v}=f.useList({path:u.value,filters:s.value});return a.watch(c,t=>{r.value=t?.value?.data?.map(i=>({label:i[e.labelField||"name"],value:i[e.valueField||"id"],raw:i}))||[]},{immediate:!0}),()=>a.createVNode("div",{class:"w-full"},[a.createVNode(l.NSpin,{show:v.value},{default:()=>[a.createVNode(l.NTransfer,a.mergeProps(e,{value:d.value,"onUpdate:value":t=>d.value=t,options:r.value,renderTargetLabel:({option:t})=>e.imageField||e.descField?a.createVNode("div",{style:{padding:"0 6px",display:"flex",alignItems:"center",gap:"4px"}},[e.imageField&&a.createVNode(l.NAvatar,{round:!0,src:t?.raw[e.imageField],size:32},null),a.createVNode("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},[a.createVNode("div",null,[t?.raw[e.labelField||"name"]]),e.descField&&a.createVNode("div",{style:{opacity:.6}},[t?.raw[e.descField||"desc"]])])]):t?.raw[e.labelField||"name"]}),null)]})])}});exports.DuxTransfer=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),F=require("@duxweb/dvha-core"),N=require("@vueuse/core"),i=require("naive-ui"),b=t.defineComponent({name:"DuxTransfer",props:{path:String,params:{type:Object},labelField:{type:[String,Function],default:"name"},valueField:{type:String,default:"id"},imageField:{type:String},descField:{type:[String,Function]}},extends:i.NTransfer,setup(a,{emit:o}){const d=N.useVModel(a,"value",o,{passive:!0,defaultValue:a.defaultValue||[]}),f=t.toRef(a,"path",""),v=t.toRef(a,"params",{}),u=t.ref([]),{data:y,isLoading:m}=F.useList({path:f.value,filters:v.value}),s=(e,l,r)=>typeof l=="function"?l(e)||"":e[l||r]??"",g=e=>Array.isArray(e?.data)?e.data:Array.isArray(e?.data?.list)?e.data.list:Array.isArray(e?.data?.data)?e.data.data:Array.isArray(e?.list)?e.list:Array.isArray(e?.value?.data)?e.value.data:[];t.watch(y,e=>{const l=g(e);u.value=l.map(r=>{const n={label:s(r,a.labelField,"name"),value:r[a.valueField||"id"],raw:r};return a.descField&&(n.desc=s(r,a.descField,"desc")),n})},{immediate:!0});const c=({option:e})=>a.imageField||a.descField?t.createVNode("div",{style:{padding:"0 6px",display:"flex",alignItems:"center",gap:"4px"}},[a.imageField&&t.createVNode(i.NAvatar,{round:!0,src:e?.raw[a.imageField],size:32},null),t.createVNode("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},[t.createVNode("div",null,[e?.label]),a.descField&&t.createVNode("div",{style:{opacity:.6}},[e?.desc])])]):e?.label;return()=>t.createVNode("div",{class:"w-full"},[t.createVNode(i.NSpin,{show:m.value},{default:()=>[t.createVNode(i.NTransfer,t.mergeProps(a,{value:d.value,"onUpdate:value":e=>d.value=e,options:u.value,renderSourceLabel:c,renderTargetLabel:c}),null)]})])}});exports.DuxTransfer=b;

package/dist/cjs/hooks/table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@duxweb/dvha-core"),m=require("@vueuse/core"),C=require("lodash-es"),a=require("vue");function R(l){const v=a.toRef(l,"filters",{}),g=a.toRef(l,"sorters",{}),f=a.toRef(l,"columns",[]),u=a.ref({}),i=a.ref([]),c=a.ref({...v.value,...u.value}),d=a.ref({...g.value});m.watchDebounced([v,u],([e,n])=>{Object.keys(c.value).forEach(t=>{delete c.value[t]}),Object.assign(c.value,e,n)},{debounce:300,deep:!0});const o=p.useExtendList({...l,filters:c.value,sorters:d.value}),r=a.ref([]);a.watch(f,e=>{r.value=e},{immediate:!0});const h=a.computed(()=>r.value.filter(e=>e.show!==!1&&"key"in e).map(e=>e.key)),y=e=>{const n=C.cloneDeep(f.value)?.map(t=>(!("key"in t)||!t?.key||!("title"in t)||!t?.title||e.includes(t.key)||(t.show=!1),t));r.value=[...n]},b=e=>{o.checkeds.value=e},k=e=>{const n=Array.isArray(e)?e:[e],t={};n?.forEach(s=>{s?.columnKey&&s.order&&(t[s.columnKey]=s.order==="ascend"?"asc":"desc")}),Object.keys(d.value).forEach(s=>{delete d.value[s]}),Object.assign(d.value,t)},w=e=>{const n={...u.value};Object.entries(e).forEach(([t,s])=>{n[t]=s}),u.value=n},S=e=>{i.value=e};a.watch([()=>l?.expanded,o.list],([e,n])=>{e&&(i.value=p.treeToArr(n,l.key||"id","children"))});const U=a.computed(()=>({page:o.page.value,pageSize:o.pageSize.value,pageCount:o.pageCount.value,pageSizes:o.pageSizes,pageSlot:5,onUpdatePage:o.onUpdatePage,onUpdatePageSize:o.onUpdatePageSize,showSizePicker:!0,showQuickJumper:!0})),E=a.computed(()=>({remote:!0,checkedRowKeys:o.checkeds.value,expandedRowKeys:i.value,onUpdateCheckedRowKeys:b,onUpdateExpandedRowKeys:S,onUpdateSorter:k,onUpdateFilters:w,loading:o.isLoading.value,data:o.list.value,columns:r.value.filter(e=>e.show!==!1)}));return{...o,tablePagination:U,table:E,columns:r,columnSelected:h,onUpdateColumnSelected:y}}exports.useNaiveTable=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@duxweb/dvha-core"),C=require("@vueuse/core"),x=require("lodash-es"),a=require("vue");function z(r){const d=a.computed(()=>a.unref(r.filters)||{}),g=a.computed(()=>a.unref(r.sorters)||{}),i=a.toRef(r,"columns",[]),u=a.ref({}),c=a.ref([]),p=a.ref({...d.value,...u.value}),f=a.ref({...g.value}),n=v.useExtendList({...r,filters:p,sorters:f});C.watchDebounced([d,u],([e,o])=>{const t={...e||{},...o||{}};p.value=t,n.onUpdateFilters(t)},{debounce:300,deep:!0});const l=a.ref([]);a.watch(i,e=>{l.value=e},{immediate:!0});const h=a.computed(()=>l.value.filter(e=>e.show!==!1&&"key"in e).map(e=>e.key)),y=e=>{const o=x.cloneDeep(i.value)?.map(t=>(!("key"in t)||!t?.key||!("title"in t)||!t?.title||e.includes(t.key)||(t.show=!1),t));l.value=[...o]},S=e=>{n.checkeds.value=e},w=e=>{const o=Array.isArray(e)?e:[e],t={};o?.forEach(s=>{s?.columnKey&&s.order&&(t[s.columnKey]=s.order==="ascend"?"asc":"desc")}),f.value=t,n.onUpdateSorters(t)},U=e=>{const o={...u.value};Object.entries(e).forEach(([t,s])=>{o[t]=s}),u.value=o},b=e=>{c.value=e};a.watch([()=>r?.expanded,n.list],([e,o])=>{e&&(c.value=v.treeToArr(o,r.key||"id","children"))});const k=a.computed(()=>({page:n.page.value,pageSize:n.pageSize.value,pageCount:n.pageCount.value,pageSizes:n.pageSizes,pageSlot:5,onUpdatePage:n.onUpdatePage,onUpdatePageSize:n.onUpdatePageSize,showSizePicker:!0,showQuickJumper:!0})),m=a.computed(()=>({remote:!0,checkedRowKeys:n.checkeds.value,expandedRowKeys:c.value,onUpdateCheckedRowKeys:S,onUpdateExpandedRowKeys:b,onUpdateSorter:w,onUpdateFilters:U,loading:n.isLoading.value,data:n.list.value,columns:l.value.filter(e=>e.show!==!1)}));return{...n,tablePagination:k,table:m,columns:l,columnSelected:h,onUpdateColumnSelected:y}}exports.useNaiveTable=z;

package/dist/esm/components/select/select.js

@@ -1,12 +1,12 @@
-import { defineComponent as P, toRef as t, computed as T, watch as D, createVNode as l, mergeProps as U, isVNode as _ } from "vue";
-import { useSelect as q } from "@duxweb/dvha-core";
-import { useVModel as j } from "@vueuse/core";
-import { isEqual as E } from "lodash-es";
-import { NSelect as x, NTag as L, NSpace as h, NImage as V, NAvatar as C, NPagination as R } from "naive-ui";
-function k(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
+import { defineComponent as T, toRef as n, computed as k, watch as E, createVNode as l, mergeProps as R, isVNode as U } from "vue";
+import { useI18n as _, useSelect as q } from "@duxweb/dvha-core";
+import { useVModel as A } from "@vueuse/core";
+import { isEqual as K } from "lodash-es";
+import { NSelect as C, NTag as L, NSpace as b, NImage as V, NAvatar as D, NPagination as G, NTooltip as H } from "naive-ui";
+function J(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const W = /* @__PURE__ */ P({
+const $ = /* @__PURE__ */ T({
   name: "DuxSelect",
   props: {
     path: String,
@@ -28,74 +28,81 @@ const W = /* @__PURE__ */ P({
     option: {
       type: [Object, Array],
       default: void 0
+    },
+    refreshable: {
+      type: Boolean,
+      default: !0
     }
   },
-  extends: x,
+  extends: C,
   setup(e, {
     emit: u,
-    slots: r
+    slots: i
   }) {
-    const o = t(e, "params", {}), p = t(e, "path"), s = j(e, "value", u, {
+    const {
+      t: c
+    } = _(), m = n(e, "params", {}), I = n(e, "path"), v = A(e, "value", u, {
       passive: !0,
       defaultValue: e.defaultValue
-    }), f = j(e, "option", u, {
+    }), f = A(e, "option", u, {
       passive: !0,
       defaultValue: e.multiple ? [] : null
-    }), n = t(e, "labelField", "name"), O = t(e, "valueField", "id"), g = t(e, "avatarField", ""), d = t(e, "imageField", ""), c = t(e, "descField", ""), {
-      onSearch: F,
-      loading: I,
+    }), o = n(e, "labelField", "name"), O = n(e, "valueField", "id"), p = n(e, "avatarField", ""), d = n(e, "imageField", ""), s = n(e, "descField", ""), {
+      onSearch: S,
+      loading: F,
       pagination: w,
-      options: b,
-      pageCount: B
+      options: z,
+      pageCount: B,
+      refetch: N
     } = q({
-      path: p,
-      params: o,
-      defaultValue: s,
+      path: I,
+      params: m,
+      defaultValue: v,
       pagination: e.pagination,
-      optionLabel: n.value,
+      optionLabel: o.value,
       optionValue: O.value
-    }), M = T(() => {
+    }), M = k(() => {
       const {
         labelField: a,
-        valueField: v,
-        avatarField: i,
+        valueField: r,
+        avatarField: t,
         imageField: y,
-        descField: N,
-        option: m,
-        ...S
+        descField: x,
+        option: g,
+        ...h
       } = e;
-      return S;
-    }), z = (a) => {
+      return h;
+    }), j = (a) => {
       if (e.multiple) {
-        E(f.value, a) || (f.value = a || []);
+        K(f.value, a) || (f.value = a || []);
         return;
       }
       f.value !== a && (f.value = a || null);
     };
-    return D([s, b], ([a, v]) => {
+    return E([v, z], ([a, r]) => {
       if (e.multiple) {
-        const N = (Array.isArray(a) ? a : []).map((m) => v.find((S) => S.value === m)?.raw).filter((m) => !!m);
-        z(N);
+        const x = (Array.isArray(a) ? a : []).map((g) => r.find((h) => h.value === g)?.raw).filter((g) => !!g);
+        j(x);
         return;
       }
-      const i = v.find((y) => y.value === a)?.raw || null;
-      z(i);
+      const t = r.find((y) => y.value === a)?.raw || null;
+      j(t);
     }, {
       immediate: !0
-    }), () => l(x, U(M.value, {
-      onSearch: F,
-      loading: I.value,
+    }), () => l(C, R(M.value, {
+      onSearch: S,
+      loading: F.value,
       filterable: !!e.pagination,
       clearable: !0,
       remote: !0,
-      options: b.value,
-      value: s.value,
-      "onUpdate:value": (a) => s.value = a,
+      options: z.value,
+      value: v.value,
+      "onUpdate:value": (a) => v.value = a,
       multiple: e.multiple,
       onClear: () => {
-        F("");
+        S("");
       },
-      renderLabel: (a) => d.value || c.value ? l(h, {
+      renderLabel: (a) => d.value || s.value ? l(b, {
         align: "center",
         size: "small",
         wrapItem: !1,
@@ -108,46 +115,68 @@ const W = /* @__PURE__ */ P({
           objectFit: "cover",
           width: 32,
           height: 32
-        }, null), g.value && l(C, {
+        }, null), p.value && l(D, {
           round: !0,
-          src: a?.raw?.[g.value],
+          src: a?.raw?.[p.value],
           size: 32
         }, {
-          default: () => [a?.raw?.[n.value]?.charAt?.(0)]
-        }), l(h, {
+          default: () => [a?.raw?.[o.value]?.charAt?.(0)]
+        }), l(b, {
           vertical: !0,
           size: 0,
           wrapItem: !1
         }, {
-          default: () => [l("div", null, [a?.raw?.[n.value]]), c.value && l("div", {
+          default: () => [l("div", null, [a?.raw?.[o.value]]), s.value && l("div", {
             style: {
               opacity: 0.6
             }
-          }, [a?.raw?.[c.value]])]
+          }, [a?.raw?.[s.value]])]
         })]
-      }) : a?.raw?.[n.value],
+      }) : a?.raw?.[o.value],
       renderTag: ({
         option: a,
-        handleClose: v
+        handleClose: r
       }) => {
-        let i;
+        let t;
         return e.multiple ? l(L, {
           type: "primary",
           size: e.size,
           closable: !0,
           round: !0,
           onClose: () => {
-            v();
+            r();
           },
           style: {
             "--n-padding": "0"
           }
-        }, k(i = A(a, n.value, d.value, g.value, c.value)) ? i : {
-          default: () => [i]
-        }) : A(a, n.value, d.value, g.value, c.value);
+        }, J(t = P(a, o.value, d.value, p.value, s.value)) ? t : {
+          default: () => [t]
+        }) : P(a, o.value, d.value, p.value, s.value);
       }
     }), {
-      action: () => e.pagination ? l(R, {
+      arrow: () => {
+        const r = i.arrow?.() || null;
+        return e.refreshable ? l(H, {
+          trigger: "hover"
+        }, {
+          default: () => c("components.button.refresh") || "Refresh",
+          trigger: () => l("div", {
+            class: ["i-tabler:refresh size-4 cursor-pointer opacity-70 hover:opacity-100", F.value && "animate-spin"],
+            role: "button",
+            tabindex: 0,
+            onMousedown: (t) => {
+              t.preventDefault(), t.stopPropagation();
+            },
+            onClick: (t) => {
+              t.preventDefault(), t.stopPropagation(), N?.();
+            },
+            onKeydown: (t) => {
+              (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), N?.());
+            }
+          }, null)
+        }) : r;
+      },
+      action: () => e.pagination ? l(G, {
         size: "small",
         page: w.value.page,
         "onUpdate:page": (a) => w.value.page = a,
@@ -155,12 +184,12 @@ const W = /* @__PURE__ */ P({
         pageCount: B.value,
         pageSize: w.value.pageSize
       }, null) : null,
-      ...r
+      ...i
     });
   }
 });
-function A(e, u, r, o, p) {
-  return r || p || o ? l(h, {
+function P(e, u, i, c, m) {
+  return i || m || c ? l(b, {
     align: "center",
     size: "small",
     style: {
@@ -168,14 +197,14 @@ function A(e, u, r, o, p) {
     },
     wrapItem: !1
   }, {
-    default: () => [r && l(V, {
-      src: e?.raw?.[r],
+    default: () => [i && l(V, {
+      src: e?.raw?.[i],
       objectFit: "cover",
       width: 22,
       height: 22
-    }, null), o && l(C, {
+    }, null), c && l(D, {
       round: !0,
-      src: e?.raw?.[o] || "",
+      src: e?.raw?.[c] || "",
       size: 22
     }, {
       default: () => [e?.raw?.[u]?.charAt?.(0)]
@@ -183,5 +212,5 @@ function A(e, u, r, o, p) {
   }) : e?.raw?.[u] || "";
 }
 export {
-  W as DuxSelect
+  $ as DuxSelect
 };

package/dist/esm/components/transfer/transfer.js

@@ -1,8 +1,8 @@
-import { defineComponent as v, toRef as n, ref as g, watch as o, createVNode as l, mergeProps as F } from "vue";
-import { useList as y } from "@duxweb/dvha-core";
-import { useVModel as x } from "@vueuse/core";
-import { NTransfer as u, NSpin as b, NAvatar as h } from "naive-ui";
-const V = /* @__PURE__ */ v({
+import { defineComponent as A, toRef as c, ref as x, watch as b, createVNode as t, mergeProps as p } from "vue";
+import { useList as S } from "@duxweb/dvha-core";
+import { useVModel as h } from "@vueuse/core";
+import { NTransfer as f, NSpin as L, NAvatar as N } from "naive-ui";
+const k = /* @__PURE__ */ A({
   name: "DuxTransfer",
   props: {
     path: String,
@@ -10,7 +10,7 @@ const V = /* @__PURE__ */ v({
       type: Object
     },
     labelField: {
-      type: String,
+      type: [String, Function],
       default: "name"
     },
     valueField: {
@@ -21,69 +21,76 @@ const V = /* @__PURE__ */ v({
       type: String
     },
     descField: {
-      type: String
+      type: [String, Function]
     }
   },
-  extends: u,
-  setup(e, {
-    emit: r
+  extends: f,
+  setup(a, {
+    emit: m
   }) {
-    const i = x(e, "value", r, {
+    const n = h(a, "value", m, {
       passive: !0,
-      defaultValue: e.defaultValue || []
-    }), m = n(e, "path", ""), s = n(e, "params", {}), d = g([]), {
-      data: f,
-      isLoading: c
-    } = y({
-      path: m.value,
-      filters: s.value
-    });
-    return o(f, (a) => {
-      d.value = a?.value?.data?.map((t) => ({
-        label: t[e.labelField || "name"],
-        value: t[e.valueField || "id"],
-        raw: t
-      })) || [];
+      defaultValue: a.defaultValue || []
+    }), o = c(a, "path", ""), y = c(a, "params", {}), d = x([]), {
+      data: v,
+      isLoading: F
+    } = S({
+      path: o.value,
+      filters: y.value
+    }), u = (e, i, l) => typeof i == "function" ? i(e) || "" : e[i || l] ?? "", g = (e) => Array.isArray(e?.data) ? e.data : Array.isArray(e?.data?.list) ? e.data.list : Array.isArray(e?.data?.data) ? e.data.data : Array.isArray(e?.list) ? e.list : Array.isArray(e?.value?.data) ? e.value.data : [];
+    b(v, (e) => {
+      const i = g(e);
+      d.value = i.map((l) => {
+        const r = {
+          label: u(l, a.labelField, "name"),
+          value: l[a.valueField || "id"],
+          raw: l
+        };
+        return a.descField && (r.desc = u(l, a.descField, "desc")), r;
+      });
     }, {
       immediate: !0
-    }), () => l("div", {
+    });
+    const s = ({
+      option: e
+    }) => a.imageField || a.descField ? t("div", {
+      style: {
+        padding: "0 6px",
+        display: "flex",
+        alignItems: "center",
+        gap: "4px"
+      }
+    }, [a.imageField && t(N, {
+      round: !0,
+      src: e?.raw[a.imageField],
+      size: 32
+    }, null), t("div", {
+      style: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center"
+      }
+    }, [t("div", null, [e?.label]), a.descField && t("div", {
+      style: {
+        opacity: 0.6
+      }
+    }, [e?.desc])])]) : e?.label;
+    return () => t("div", {
       class: "w-full"
-    }, [l(b, {
-      show: c.value
+    }, [t(L, {
+      show: F.value
     }, {
-      default: () => [l(u, F(e, {
-        value: i.value,
-        "onUpdate:value": (a) => i.value = a,
+      default: () => [t(f, p(a, {
+        value: n.value,
+        "onUpdate:value": (e) => n.value = e,
         options: d.value,
-        renderTargetLabel: ({
-          option: a
-        }) => e.imageField || e.descField ? l("div", {
-          style: {
-            padding: "0 6px",
-            display: "flex",
-            alignItems: "center",
-            gap: "4px"
-          }
-        }, [e.imageField && l(h, {
-          round: !0,
-          src: a?.raw[e.imageField],
-          size: 32
-        }, null), l("div", {
-          style: {
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center"
-          }
-        }, [l("div", null, [a?.raw[e.labelField || "name"]]), e.descField && l("div", {
-          style: {
-            opacity: 0.6
-          }
-        }, [a?.raw[e.descField || "desc"]])])]) : a?.raw[e.labelField || "name"]
+        renderSourceLabel: s,
+        renderTargetLabel: s
       }), null)]
     })]);
   }
 });
 export {
-  V as DuxTransfer
+  k as DuxTransfer
 };

package/dist/esm/hooks/table.js

@@ -1,58 +1,58 @@
-import { useExtendList as z, treeToArr as C } from "@duxweb/dvha-core";
-import { watchDebounced as K } from "@vueuse/core";
-import { cloneDeep as P } from "lodash-es";
-import { toRef as p, ref as r, watch as h, computed as v } from "vue";
-function A(l) {
-  const f = p(l, "filters", {}), y = p(l, "sorters", {}), g = p(l, "columns", []), u = r({}), i = r([]), c = r({
-    ...f.value,
-    ...u.value
-  }), d = r({
-    ...y.value
+import { useExtendList as C, treeToArr as F } from "@duxweb/dvha-core";
+import { watchDebounced as E } from "@vueuse/core";
+import { cloneDeep as K } from "lodash-es";
+import { computed as l, unref as g, toRef as P, ref as u, watch as h } from "vue";
+function D(n) {
+  const i = l(() => g(n.filters) || {}), m = l(() => g(n.sorters) || {}), p = P(n, "columns", []), c = u({}), d = u([]), f = u({
+    ...i.value,
+    ...c.value
+  }), v = u({
+    ...m.value
+  }), a = C({
+    ...n,
+    filters: f,
+    sorters: v
   });
-  K([f, u], ([e, o]) => {
-    Object.keys(c.value).forEach((t) => {
-      delete c.value[t];
-    }), Object.assign(c.value, e, o);
+  E([i, c], ([e, o]) => {
+    const t = {
+      ...e || {},
+      ...o || {}
+    };
+    f.value = t, a.onUpdateFilters(t);
   }, {
     debounce: 300,
     deep: !0
   });
-  const a = z({
-    ...l,
-    filters: c.value,
-    sorters: d.value
-  }), s = r([]);
-  h(g, (e) => {
+  const s = u([]);
+  h(p, (e) => {
     s.value = e;
   }, {
     immediate: !0
   });
-  const k = v(() => s.value.filter((e) => e.show !== !1 && "key" in e).map((e) => e.key)), b = (e) => {
-    const o = P(g.value)?.map((t) => (!("key" in t) || !t?.key || !("title" in t) || !t?.title || e.includes(t.key) || (t.show = !1), t));
+  const w = l(() => s.value.filter((e) => e.show !== !1 && "key" in e).map((e) => e.key)), y = (e) => {
+    const o = K(p.value)?.map((t) => (!("key" in t) || !t?.key || !("title" in t) || !t?.title || e.includes(t.key) || (t.show = !1), t));
     s.value = [...o];
-  }, w = (e) => {
+  }, S = (e) => {
     a.checkeds.value = e;
-  }, m = (e) => {
+  }, U = (e) => {
     const o = Array.isArray(e) ? e : [e], t = {};
-    o?.forEach((n) => {
-      n?.columnKey && n.order && (t[n.columnKey] = n.order === "ascend" ? "asc" : "desc");
-    }), Object.keys(d.value).forEach((n) => {
-      delete d.value[n];
-    }), Object.assign(d.value, t);
-  }, S = (e) => {
+    o?.forEach((r) => {
+      r?.columnKey && r.order && (t[r.columnKey] = r.order === "ascend" ? "asc" : "desc");
+    }), v.value = t, a.onUpdateSorters(t);
+  }, k = (e) => {
     const o = {
-      ...u.value
+      ...c.value
     };
-    Object.entries(e).forEach(([t, n]) => {
-      o[t] = n;
-    }), u.value = o;
-  }, U = (e) => {
-    i.value = e;
+    Object.entries(e).forEach(([t, r]) => {
+      o[t] = r;
+    }), c.value = o;
+  }, b = (e) => {
+    d.value = e;
   };
-  h([() => l?.expanded, a.list], ([e, o]) => {
-    e && (i.value = C(o, l.key || "id", "children"));
+  h([() => n?.expanded, a.list], ([e, o]) => {
+    e && (d.value = F(o, n.key || "id", "children"));
   });
-  const x = v(() => ({
+  const x = l(() => ({
     page: a.page.value,
     pageSize: a.pageSize.value,
     pageCount: a.pageCount.value,
@@ -62,14 +62,14 @@ function A(l) {
     onUpdatePageSize: a.onUpdatePageSize,
     showSizePicker: !0,
     showQuickJumper: !0
-  })), E = v(() => ({
+  })), z = l(() => ({
     remote: !0,
     checkedRowKeys: a.checkeds.value,
-    expandedRowKeys: i.value,
-    onUpdateCheckedRowKeys: w,
-    onUpdateExpandedRowKeys: U,
-    onUpdateSorter: m,
-    onUpdateFilters: S,
+    expandedRowKeys: d.value,
+    onUpdateCheckedRowKeys: S,
+    onUpdateExpandedRowKeys: b,
+    onUpdateSorter: U,
+    onUpdateFilters: k,
     loading: a.isLoading.value,
     data: a.list.value,
     columns: s.value.filter((e) => e.show !== !1)
@@ -77,12 +77,12 @@ function A(l) {
   return {
     ...a,
     tablePagination: x,
-    table: E,
+    table: z,
     columns: s,
-    columnSelected: k,
-    onUpdateColumnSelected: b
+    columnSelected: w,
+    onUpdateColumnSelected: y
   };
 }
 export {
-  A as useNaiveTable
+  D as useNaiveTable
 };

package/dist/types/components/select/select.d.ts

@@ -8,6 +8,7 @@ interface DuxSelectProps extends SelectProps {
     descField?: string;
     multiple?: boolean;
     option?: Record<string, any> | Record<string, any>[] | null;
+    refreshable?: boolean;
 }
 export declare const DuxSelect: import("vue").DefineComponent<DuxSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DuxSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export {};

package/dist/types/components/transfer/transfer.d.ts

@@ -1,11 +1,12 @@
 import type { TransferProps } from 'naive-ui';
+export type TransferFieldResolver = string | ((row: Record<string, any>) => string);
 export interface DuxTransferProps extends TransferProps {
     path: string;
     params?: Record<string, any>;
     value?: Array<string | number>;
-    labelField?: string;
+    labelField?: TransferFieldResolver;
     valueField?: string;
     imageField?: string;
-    descField?: string;
+    descField?: TransferFieldResolver;
 }
 export declare const DuxTransfer: import("vue").DefineComponent<DuxTransferProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DuxTransferProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-naiveui",
   "type": "module",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "author": "DuxWeb",
   "license": "MIT",
   "exports": {
@@ -33,7 +33,7 @@
     "pinia": "^3.0.4",
     "vue": "^3.5.24",
     "vue-router": "^4.6.3",
-    "@duxweb/dvha-core": "1.1.21"
+    "@duxweb/dvha-core": "1.1.23"
   },
   "scripts": {
     "clean": "rimraf dist",