@duxweb/dvha-naiveui 1.0.18 → 1.0.20

package/dist/cjs/components/cascader/cascader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@duxweb/dvha-core"),m=require("@vueuse/core"),t=require("naive-ui"),f=e.defineComponent({name:"DuxCascader",props:{path:String,params:Object},extends:t.NCascader,setup(a,{emit:s,slots:o}){const n=e.toRef(a,"path",""),c=e.toRef(a,"params",{}),r=m.useVModel(a,"value",s,{passive:!0,defaultValue:a.defaultValue}),{options:l,loading:d}=v.useTree({path:n.value,params:c.value}),i=e.computed(()=>{const{path:u,params:h,...p}=a;return p});return()=>e.createVNode(t.NSpin,{show:d.value},{default:()=>[e.createVNode(t.NCascader,e.mergeProps(i.value,{clearable:!0,options:l.value,value:r.value,"onUpdate:value":u=>r.value=u}),{...o})]})}});exports.DuxCascader=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@duxweb/dvha-core"),m=require("@vueuse/core"),t=require("naive-ui"),f=e.defineComponent({name:"DuxCascader",props:{path:String,params:Object},extends:t.NCascader,setup(a,{emit:u,slots:o}){const c=e.toRef(a,"path",""),n=e.toRef(a,"params",{}),r=m.useVModel(a,"value",u,{passive:!0,defaultValue:a.defaultValue}),{options:l,loading:d}=v.useTree({path:c.value,params:n.value}),i=e.computed(()=>{const{path:s,params:h,...p}=a;return p});return()=>e.createVNode(t.NSpin,{show:d.value,class:"w-full"},{default:()=>[e.createVNode(t.NCascader,e.mergeProps(i.value,{clearable:!0,options:l.value,value:r.value,"onUpdate:value":s=>r.value=s}),{...o})]})}});exports.DuxCascader=f;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),p=require("@duxweb/dvha-core"),j=require("@vueuse/core"),t=require("naive-ui");function R(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const x=l.defineComponent({name:"DuxSelect",props:{path:String,params:Object,pagination:{type:Boolean,default:!0},avatarField:{type:String},imageField:{type:String},descField:{type:String},multiple:Boolean},extends:t.NSelect,setup(e,{emit:d,slots:v}){const s=l.toRef(e,"params",{}),f=l.toRef(e,"path"),r=j.useVModel(e,"value",d,{passive:!0,defaultValue:e.defaultValue}),u=l.toRef(e,"labelField","name"),w=l.toRef(e,"valueField","id"),i=l.toRef(e,"avatarField",""),g=l.toRef(e,"imageField",""),o=l.toRef(e,"descField",""),{onSearch:S,loading:h,pagination:N,options:y,pageCount:b}=p.useSelect({path:f.value||"",params:s.value,defaultValue:r.value,pagination:e.pagination,optionLabel:u.value,optionValue:w.value}),F=l.computed(()=>{const{labelField:a,valueField:c,avatarField:n,imageField:C,descField:I,...z}=e;return z});return()=>l.createVNode(t.NSelect,l.mergeProps(F.value,{onSearch:S,loading:h.value,filterable:!!e.pagination,clearable:!0,remote:!0,options:y.value,value:r.value,"onUpdate:value":a=>r.value=a,multiple:e.multiple,onClear:()=>{S("")},renderLabel:a=>g.value||o.value?l.createVNode(t.NSpace,{align:"center",size:"small",wrapItem:!1,style:{padding:"6px 0"}},{default:()=>[g.value&&l.createVNode(t.NImage,{src:a==null?void 0:a.raw[g.value],objectFit:"cover",width:32,height:32},null),i.value&&l.createVNode(t.NAvatar,{round:!0,src:a==null?void 0:a.raw[i.value],size:32},{default:()=>{var c,n;return[(n=(c=a==null?void 0:a.raw[u.value])==null?void 0:c.charAt)==null?void 0:n.call(c,0)]}}),l.createVNode(t.NSpace,{vertical:!0,size:0,wrapItem:!1},{default:()=>[l.createVNode("div",null,[a==null?void 0:a.raw[u.value]]),o.value&&l.createVNode("div",{style:{opacity:.6}},[a==null?void 0:a.raw[o.value]])]})]}):a==null?void 0:a.raw[u.value],renderTag:({option:a,handleClose:c})=>{let n;return e.multiple?l.createVNode(t.NTag,{type:"primary",size:e.size,closable:!0,round:!0,onClose:()=>{c()},style:{"--n-padding":"0"}},R(n=V(a,u.value,g.value,i.value,o.value))?n:{default:()=>[n]}):V(a,u.value,g.value,i.value,o.value)}}),{action:()=>e.pagination?l.createVNode(t.NPagination,{size:"small",page:N.value.page,"onUpdate:page":a=>N.value.page=a,pageSlot:3,pageCount:b.value,pageSize:N.value.pageSize},null):null,...v})}});function V(e,d,v,s,f){return v||f||s?l.createVNode(t.NSpace,{align:"center",size:"small",style:{padding:"6px 0"},wrapItem:!1},{default:()=>[v&&l.createVNode(t.NImage,{src:e==null?void 0:e.raw[v],objectFit:"cover",width:22,height:22},null),s&&l.createVNode(t.NAvatar,{round:!0,src:(e==null?void 0:e.raw[s])||"",size:22},{default:()=>{var r,u;return[(u=(r=e==null?void 0:e.raw[d])==null?void 0:r.charAt)==null?void 0:u.call(r,0)]}}),l.createVNode("div",null,[e==null?void 0:e.raw[d]])]}):e==null?void 0:e.raw[d]}exports.DuxSelect=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),x=require("@duxweb/dvha-core"),C=require("@vueuse/core"),t=require("naive-ui");function I(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const q=l.defineComponent({name:"DuxSelect",props:{path:String,params:Object,pagination:{type:Boolean,default:!0},avatarField:{type:String},imageField:{type:String},descField:{type:String},multiple:Boolean},extends:t.NSelect,setup(e,{emit:o,slots:i}){const f=l.toRef(e,"params",{}),w=l.toRef(e,"path"),s=C.useVModel(e,"value",o,{passive:!0,defaultValue:e.defaultValue}),r=l.toRef(e,"labelField","name"),V=l.toRef(e,"valueField","id"),d=l.toRef(e,"avatarField",""),n=l.toRef(e,"imageField",""),u=l.toRef(e,"descField",""),{onSearch:N,loading:z,pagination:h,options:p,pageCount:j}=x.useSelect({path:w.value||"",params:f.value,defaultValue:s.value,pagination:e.pagination,optionLabel:r.value,optionValue:V.value}),R=l.computed(()=>{const{labelField:a,valueField:S,avatarField:v,imageField:y,descField:g,...c}=e;return c});return()=>l.createVNode(t.NSelect,l.mergeProps(R.value,{onSearch:N,loading:z.value,filterable:!!e.pagination,clearable:!0,remote:!0,options:p.value,value:s.value,"onUpdate:value":a=>s.value=a,multiple:e.multiple,onClear:()=>{N("")},renderLabel:a=>{var S;return n.value||u.value?l.createVNode(t.NSpace,{align:"center",size:"small",wrapItem:!1,style:{padding:"6px 0"}},{default:()=>{var v,y;return[n.value&&l.createVNode(t.NImage,{src:(v=a==null?void 0:a.raw)==null?void 0:v[n.value],objectFit:"cover",width:32,height:32},null),d.value&&l.createVNode(t.NAvatar,{round:!0,src:(y=a==null?void 0:a.raw)==null?void 0:y[d.value],size:32},{default:()=>{var g,c,b;return[(b=(c=(g=a==null?void 0:a.raw)==null?void 0:g[r.value])==null?void 0:c.charAt)==null?void 0:b.call(c,0)]}}),l.createVNode(t.NSpace,{vertical:!0,size:0,wrapItem:!1},{default:()=>{var g,c;return[l.createVNode("div",null,[(g=a==null?void 0:a.raw)==null?void 0:g[r.value]]),u.value&&l.createVNode("div",{style:{opacity:.6}},[(c=a==null?void 0:a.raw)==null?void 0:c[u.value]])]}})]}}):(S=a==null?void 0:a.raw)==null?void 0:S[r.value]},renderTag:({option:a,handleClose:S})=>{let v;return e.multiple?l.createVNode(t.NTag,{type:"primary",size:e.size,closable:!0,round:!0,onClose:()=>{S()},style:{"--n-padding":"0"}},I(v=F(a,r.value,n.value,d.value,u.value))?v:{default:()=>[v]}):F(a,r.value,n.value,d.value,u.value)}}),{action:()=>e.pagination?l.createVNode(t.NPagination,{size:"small",page:h.value.page,"onUpdate:page":a=>h.value.page=a,pageSlot:3,pageCount:j.value,pageSize:h.value.pageSize},null):null,...i})}});function F(e,o,i,f,w){var s;return i||w||f?l.createVNode(t.NSpace,{align:"center",size:"small",style:{padding:"6px 0"},wrapItem:!1},{default:()=>{var r,V,d;return[i&&l.createVNode(t.NImage,{src:(r=e==null?void 0:e.raw)==null?void 0:r[i],objectFit:"cover",width:22,height:22},null),f&&l.createVNode(t.NAvatar,{round:!0,src:((V=e==null?void 0:e.raw)==null?void 0:V[f])||"",size:22},{default:()=>{var n,u,N;return[(N=(u=(n=e==null?void 0:e.raw)==null?void 0:n[o])==null?void 0:u.charAt)==null?void 0:N.call(u,0)]}}),l.createVNode("div",null,[(d=e==null?void 0:e.raw)==null?void 0:d[o]])]}}):((s=e==null?void 0:e.raw)==null?void 0:s[o])||""}exports.DuxSelect=q;

package/dist/cjs/hooks/table.cjs

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

package/dist/esm/components/cascader/cascader.js

@@ -2,7 +2,7 @@ import { defineComponent as v, toRef as o, computed as f, createVNode as r, merg
 import { useTree as x } from "@duxweb/dvha-core";
 import { useVModel as C } from "@vueuse/core";
 import { NCascader as s, NSpin as V } from "naive-ui";
-const S = /* @__PURE__ */ v({
+const P = /* @__PURE__ */ v({
   name: "DuxCascader",
   props: {
     path: String,
@@ -31,7 +31,8 @@ const S = /* @__PURE__ */ v({
       return i;
     });
     return () => r(V, {
-      show: c.value
+      show: c.value,
+      class: "w-full"
     }, {
       default: () => [r(s, h(d.value, {
         clearable: !0,
@@ -45,5 +46,5 @@ const S = /* @__PURE__ */ v({
   }
 });
 export {
-  S as DuxCascader
+  P as DuxCascader
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as m, toRef as d, computed as I, createVNode as l, mergeProps as A, isVNode as O } from "vue";
-import { useSelect as P } from "@duxweb/dvha-core";
-import { useVModel as T } from "@vueuse/core";
-import { NSelect as F, NTag as B, NSpace as S, NImage as b, NAvatar as p, NPagination as D } from "naive-ui";
-function L(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+import { defineComponent as O, toRef as v, computed as P, createVNode as l, mergeProps as T, isVNode as B } from "vue";
+import { useSelect as D } from "@duxweb/dvha-core";
+import { useVModel as L } from "@vueuse/core";
+import { NSelect as N, NTag as U, NSpace as p, NImage as j, NAvatar as x, NPagination as _ } from "naive-ui";
+function M(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !B(e);
 }
-const E = /* @__PURE__ */ m({
+const G = /* @__PURE__ */ O({
   name: "DuxSelect",
   props: {
     path: String,
@@ -25,120 +25,130 @@ const E = /* @__PURE__ */ m({
     },
     multiple: Boolean
   },
-  extends: F,
+  extends: N,
   setup(e, {
-    emit: c,
-    slots: v
+    emit: i,
+    slots: f
   }) {
-    const s = d(e, "params", {}), o = d(e, "path"), r = T(e, "value", c, {
+    const o = v(e, "params", {}), F = v(e, "path"), s = L(e, "value", i, {
       passive: !0,
       defaultValue: e.defaultValue
-    }), u = d(e, "labelField", "name"), z = d(e, "valueField", "id"), f = d(e, "avatarField", ""), g = d(e, "imageField", ""), i = d(e, "descField", ""), {
-      onSearch: h,
-      loading: N,
-      pagination: w,
-      options: V,
-      pageCount: j
-    } = P({
-      path: o.value || "",
-      params: s.value,
-      defaultValue: r.value,
+    }), r = v(e, "labelField", "name"), h = v(e, "valueField", "id"), d = v(e, "avatarField", ""), n = v(e, "imageField", ""), u = v(e, "descField", ""), {
+      onSearch: w,
+      loading: C,
+      pagination: y,
+      options: m,
+      pageCount: I
+    } = D({
+      path: F.value || "",
+      params: o.value,
+      defaultValue: s.value,
       pagination: e.pagination,
-      optionLabel: u.value,
-      optionValue: z.value
-    }), x = I(() => {
+      optionLabel: r.value,
+      optionValue: h.value
+    }), A = P(() => {
       const {
         labelField: a,
-        valueField: t,
-        avatarField: n,
-        imageField: U,
-        descField: _,
-        ...C
+        valueField: S,
+        avatarField: c,
+        imageField: b,
+        descField: g,
+        ...t
       } = e;
-      return C;
+      return t;
     });
-    return () => l(F, A(x.value, {
-      onSearch: h,
-      loading: N.value,
+    return () => l(N, T(A.value, {
+      onSearch: w,
+      loading: C.value,
       filterable: !!e.pagination,
       clearable: !0,
       remote: !0,
-      options: V.value,
-      value: r.value,
-      "onUpdate:value": (a) => r.value = a,
+      options: m.value,
+      value: s.value,
+      "onUpdate:value": (a) => s.value = a,
       multiple: e.multiple,
       onClear: () => {
-        h("");
+        w("");
       },
-      renderLabel: (a) => g.value || i.value ? l(S, {
-        align: "center",
-        size: "small",
-        wrapItem: !1,
-        style: {
-          padding: "6px 0"
-        }
-      }, {
-        default: () => [g.value && l(b, {
-          src: a == null ? void 0 : a.raw[g.value],
-          objectFit: "cover",
-          width: 32,
-          height: 32
-        }, null), f.value && l(p, {
-          round: !0,
-          src: a == null ? void 0 : a.raw[f.value],
-          size: 32
+      renderLabel: (a) => {
+        var S;
+        return n.value || u.value ? l(p, {
+          align: "center",
+          size: "small",
+          wrapItem: !1,
+          style: {
+            padding: "6px 0"
+          }
         }, {
           default: () => {
-            var t, n;
-            return [(n = (t = a == null ? void 0 : a.raw[u.value]) == null ? void 0 : t.charAt) == null ? void 0 : n.call(t, 0)];
+            var c, b;
+            return [n.value && l(j, {
+              src: (c = a == null ? void 0 : a.raw) == null ? void 0 : c[n.value],
+              objectFit: "cover",
+              width: 32,
+              height: 32
+            }, null), d.value && l(x, {
+              round: !0,
+              src: (b = a == null ? void 0 : a.raw) == null ? void 0 : b[d.value],
+              size: 32
+            }, {
+              default: () => {
+                var g, t, z;
+                return [(z = (t = (g = a == null ? void 0 : a.raw) == null ? void 0 : g[r.value]) == null ? void 0 : t.charAt) == null ? void 0 : z.call(t, 0)];
+              }
+            }), l(p, {
+              vertical: !0,
+              size: 0,
+              wrapItem: !1
+            }, {
+              default: () => {
+                var g, t;
+                return [l("div", null, [(g = a == null ? void 0 : a.raw) == null ? void 0 : g[r.value]]), u.value && l("div", {
+                  style: {
+                    opacity: 0.6
+                  }
+                }, [(t = a == null ? void 0 : a.raw) == null ? void 0 : t[u.value]])];
+              }
+            })];
           }
-        }), l(S, {
-          vertical: !0,
-          size: 0,
-          wrapItem: !1
-        }, {
-          default: () => [l("div", null, [a == null ? void 0 : a.raw[u.value]]), i.value && l("div", {
-            style: {
-              opacity: 0.6
-            }
-          }, [a == null ? void 0 : a.raw[i.value]])]
-        })]
-      }) : a == null ? void 0 : a.raw[u.value],
+        }) : (S = a == null ? void 0 : a.raw) == null ? void 0 : S[r.value];
+      },
       renderTag: ({
         option: a,
-        handleClose: t
+        handleClose: S
       }) => {
-        let n;
-        return e.multiple ? l(B, {
+        let c;
+        return e.multiple ? l(U, {
           type: "primary",
           size: e.size,
           closable: !0,
           round: !0,
           onClose: () => {
-            t();
+            S();
           },
           style: {
             "--n-padding": "0"
           }
-        }, L(n = y(a, u.value, g.value, f.value, i.value)) ? n : {
-          default: () => [n]
-        }) : y(a, u.value, g.value, f.value, i.value);
+        }, M(c = V(a, r.value, n.value, d.value, u.value)) ? c : {
+          default: () => [c]
+        }) : V(a, r.value, n.value, d.value, u.value);
       }
     }), {
-      action: () => e.pagination ? l(D, {
+      action: () => e.pagination ? l(_, {
         size: "small",
-        page: w.value.page,
-        "onUpdate:page": (a) => w.value.page = a,
+        page: y.value.page,
+        "onUpdate:page": (a) => y.value.page = a,
         pageSlot: 3,
-        pageCount: j.value,
-        pageSize: w.value.pageSize
+        pageCount: I.value,
+        pageSize: y.value.pageSize
       }, null) : null,
-      ...v
+      ...f
     });
   }
 });
-function y(e, c, v, s, o) {
-  return v || o || s ? l(S, {
+function V(e, i, f, o, F) {
+  var s;
+  return f || F || o ? l(p, {
     align: "center",
     size: "small",
     style: {
@@ -146,23 +156,26 @@ function y(e, c, v, s, o) {
     },
     wrapItem: !1
   }, {
-    default: () => [v && l(b, {
-      src: e == null ? void 0 : e.raw[v],
-      objectFit: "cover",
-      width: 22,
-      height: 22
-    }, null), s && l(p, {
-      round: !0,
-      src: (e == null ? void 0 : e.raw[s]) || "",
-      size: 22
-    }, {
-      default: () => {
-        var r, u;
-        return [(u = (r = e == null ? void 0 : e.raw[c]) == null ? void 0 : r.charAt) == null ? void 0 : u.call(r, 0)];
-      }
-    }), l("div", null, [e == null ? void 0 : e.raw[c]])]
-  }) : e == null ? void 0 : e.raw[c];
+    default: () => {
+      var r, h, d;
+      return [f && l(j, {
+        src: (r = e == null ? void 0 : e.raw) == null ? void 0 : r[f],
+        objectFit: "cover",
+        width: 22,
+        height: 22
+      }, null), o && l(x, {
+        round: !0,
+        src: ((h = e == null ? void 0 : e.raw) == null ? void 0 : h[o]) || "",
+        size: 22
+      }, {
+        default: () => {
+          var n, u, w;
+          return [(w = (u = (n = e == null ? void 0 : e.raw) == null ? void 0 : n[i]) == null ? void 0 : u.charAt) == null ? void 0 : w.call(u, 0)];
+        }
+      }), l("div", null, [(d = e == null ? void 0 : e.raw) == null ? void 0 : d[i]])];
+    }
+  }) : ((s = e == null ? void 0 : e.raw) == null ? void 0 : s[i]) || "";
 }
 export {
-  E as DuxSelect
+  G as DuxSelect
 };

package/dist/esm/hooks/table.js

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

package/dist/types/hooks/table.d.ts

@@ -1,6 +1,6 @@
 import type { UseExtendListProps } from '@duxweb/dvha-core';
 import type { DataTableBaseColumn, DataTableExpandColumn, DataTableProps, DataTableSelectionColumn, PaginationProps } from 'naive-ui';
-import type { ComputedRef, Ref } from 'vue';
+import type { ComputedRef, MaybeRef, Ref } from 'vue';
 import { useExtendList } from '@duxweb/dvha-core';
 export interface TableColumnExtend {
     show?: boolean;
@@ -15,7 +15,7 @@ export type DataTableColumn = DataTableBaseColumn | DataTableExpandColumn | Data
 export type TableColumn = DataTableColumn & TableColumnExtend;
 export interface UseTableProps extends Omit<UseExtendListProps, 'key'> {
     key?: TableColumnKey;
-    columns: TableColumn[];
+    columns: MaybeRef<TableColumn[]>;
 }
 export interface UseNaiveTableReturn extends ReturnType<typeof useExtendList> {
     tablePagination: ComputedRef<PaginationProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-naiveui",
   "type": "module",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "author": "DuxWeb",
   "license": "MIT",
   "exports": {
@@ -33,7 +33,7 @@
     "pinia": "^3.0.3",
     "vue": "^3.5.0",
     "vue-router": "^4.5.1",
-    "@duxweb/dvha-core": "1.0.18"
+    "@duxweb/dvha-core": "1.0.20"
   },
   "scripts": {
     "clean": "rimraf dist",