@chewel611/naive-ui-plus 0.0.30 → 0.0.32

package/es/table/PTable.vue.js

@@ -1,10 +1,10 @@
-import { useDialog as oe, useMessage as ne, NCard as le, NDataTable as ae, NSpace as ie, NTooltip as se, NIcon as w, NDropdown as re, NButton as ce } from "naive-ui";
-import { defineComponent as de, ref as p, computed as H, unref as c, onMounted as ue, openBlock as b, createBlock as T, withCtx as a, createElementVNode as g, createElementBlock as fe, renderSlot as pe, createCommentVNode as R, createVNode as s, toDisplayString as ge, h as C, toRaw as $ } from "vue";
-import { PlusSquareOutlined as me, DeleteOutlined as he, ReloadOutlined as ye, MoreOutlined as ke } from "@vicons/antd";
-const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
+import { useDialog as ne, useMessage as le, NCard as ae, NDataTable as ie, NSpace as se, NTooltip as re, NIcon as f, NDropdown as ce, NButton as de } from "naive-ui";
+import { defineComponent as ue, ref as m, computed as H, unref as d, onMounted as fe, openBlock as C, createBlock as T, withCtx as i, createElementVNode as h, createElementBlock as pe, renderSlot as ge, createCommentVNode as O, createVNode as s, toDisplayString as me, h as r, toRaw as $ } from "vue";
+import { PlusSquareOutlined as he, DeleteOutlined as P, ReloadOutlined as ye, MoreOutlined as ke, EditOutlined as ve } from "@vicons/antd";
+const we = { class: "text-lg font-medium" }, be = { id: "data-content" }, Ce = {
   key: 0,
   class: "rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-4 mb-4"
-}, Se = /* @__PURE__ */ de({
+}, xe = /* @__PURE__ */ ue({
   __name: "PTable",
   props: {
     title: {},
@@ -15,27 +15,28 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
     onAdd: {},
     onEdit: {}
   },
-  setup(_, { expose: P }) {
-    const z = p(null), I = oe(), m = ne(), h = p(!1), y = p([]), k = p([]), d = p({
+  setup(_, { expose: I }) {
+    const R = m(null), A = ne(), y = le(), k = m(!1), v = m([]), w = m([]), u = m({
       page: 1,
       itemCount: 0,
       pageSize: 10,
       pageSizes: [10, 20, 30, 50],
       showSizePicker: !0,
       onChange: async (e) => {
-        d.value.page = e, await u();
+        u.value.page = e, await p();
       },
       onUpdatePageSize: async (e) => {
-        d.value.pageSize = e, await u();
+        u.value.pageSize = e, await p();
       }
-    }), l = _, A = (e) => {
+    }), l = _, M = (e) => {
       const t = (o) => {
         const n = [];
-        return e && e.forEach((i) => {
-          i.key !== "edit" && i.key !== "delete" && n.push({
-            label: i.name,
-            key: i.key,
-            props: { onClick: () => i.action(o) }
+        return e && e.forEach((a) => {
+          a.key !== "edit" && a.key !== "delete" && n.push({
+            label: a.name,
+            key: a.key,
+            icon: a.icon && (() => r(f, null, { default: () => r(a.icon) })),
+            props: { onClick: () => a.action(o) }
           });
         }), n;
       };
@@ -49,29 +50,31 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
           if (l.onEdit && n.push({
             label: "编辑",
             key: "edit",
+            icon: () => r(f, null, { default: () => r(ve) }),
             props: { onClick: async () => await l.onEdit(o) }
           }), l.onDelete && n.push({
             label: "删除",
             key: "delete",
-            props: { onClick: () => q(o) }
+            icon: () => r(f, null, { default: () => r(P) }),
+            props: { onClick: () => W(o) }
           }), n = [...n, ...t(o)], !(n.length <= 0))
-            return C(
-              re,
+            return r(
+              ce,
               {
                 options: n,
                 placement: "bottom-start"
               },
               {
-                default: () => C(
-                  ce,
+                default: () => r(
+                  de,
                   { size: "small", type: "primary" },
-                  { default: () => ["操作", C(w, () => C(ke))] }
+                  { default: () => ["操作", r(f, () => r(ke))] }
                 )
               }
             );
         }
       };
-    }, M = H(() => {
+    }, V = H(() => {
       const e = l.columns.filter((o) => o.key != "action").map((o) => ({
         title: o.title,
         key: o.key,
@@ -86,13 +89,13 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
       return t && t?.length > 0 || l.onEdit || l.onDelete ? [
         { type: "selection", fixed: "left" },
         ...e,
-        A(t)
+        M(t)
       ] : [{ type: "selection", fixed: "left" }, ...e];
-    }), V = async () => await u(), q = (e) => B([e]), W = () => {
+    }), q = async () => await p(), W = (e) => z([e]), j = () => {
       const e = D();
-      B(e);
-    }, B = (e) => {
-      e && e.length > 0 && I.warning({
+      z(e);
+    }, z = (e) => {
+      e && e.length > 0 && A.warning({
         title: "警告",
         content: "删除数据不可恢复, 确认删除吗?",
         positiveText: "确定",
@@ -100,137 +103,137 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
         onPositiveClick: async () => {
           if (l.onDelete)
             try {
-              await l.onDelete(e) ? (u(), m.success("删除成功")) : m.error("删除失败");
+              await l.onDelete(e) ? (p(), y.success("删除成功")) : y.error("删除失败");
             } catch (t) {
-              m.error(t.message);
+              y.error(t.message);
             }
         }
       });
-    }, D = () => y.value ? k.value.filter((t) => y.value.includes(t.id)).map((t) => $(t)) : [], j = () => D()[0], F = () => $(k.value), u = async () => {
-      if (!h.value) {
-        h.value = !0;
+    }, D = () => v.value ? w.value.filter((t) => v.value.includes(t.id)).map((t) => $(t)) : [], F = () => D()[0], K = () => $(w.value), p = async () => {
+      if (!k.value) {
+        k.value = !0;
         try {
           if (l.onLoad) {
             var { data: e, total: t } = await l.onLoad(
-              d.value.page,
-              d.value.pageSize
+              u.value.page,
+              u.value.pageSize
             );
-            k.value = e, d.value.itemCount = t;
+            w.value = e, u.value.itemCount = t;
           }
         } catch (o) {
-          m.error(o.message);
+          y.error(o.message);
         } finally {
-          h.value = !1;
+          k.value = !1;
         }
       }
-    }, K = H(() => {
-      const e = c(z);
+    }, U = H(() => {
+      const e = d(R);
       if (!e) return;
-      const t = e?.$el, o = t.querySelector(".n-data-table-thead "), { bottomIncludeBody: n } = X(o), i = 48;
-      let r = 12, v = 24;
-      const f = t.querySelector(
+      const t = e?.$el, o = t.querySelector(".n-data-table-thead "), { bottomIncludeBody: n } = Y(o), a = 48;
+      let c = 12, b = 24;
+      const g = t.querySelector(
         ".n-data-table__pagination"
       );
-      if (f) {
-        const S = f.offsetHeight;
-        r += S || 0;
+      if (g) {
+        const S = g.offsetHeight;
+        c += S || 0;
       } else
-        r += 28;
-      return n - (i + r + v);
-    }), U = (e) => !e || !e.getBoundingClientRect ? 0 : e.getBoundingClientRect(), X = (e) => {
-      const t = document.documentElement, o = t.scrollLeft, n = t.scrollTop, i = t.clientLeft, r = t.clientTop, v = window.pageXOffset, f = window.pageYOffset, L = U(e), {
+        c += 28;
+      return n - (a + c + b);
+    }), X = (e) => !e || !e.getBoundingClientRect ? 0 : e.getBoundingClientRect(), Y = (e) => {
+      const t = document.documentElement, o = t.scrollLeft, n = t.scrollTop, a = t.clientLeft, c = t.clientTop, b = window.pageXOffset, g = window.pageYOffset, B = X(e), {
         left: S,
-        top: Y,
-        width: G,
-        height: J
-      } = L, Q = (v || o) - (i || 0), Z = (f || n) - (r || 0), ee = S + v, te = Y + f, x = ee - Q, E = te - Z, N = window.document.documentElement.clientWidth, O = window.document.documentElement.clientHeight;
+        top: G,
+        width: J,
+        height: Q
+      } = B, Z = (b || o) - (a || 0), ee = (g || n) - (c || 0), te = S + b, oe = G + g, x = te - Z, E = oe - ee, L = window.document.documentElement.clientWidth, N = window.document.documentElement.clientHeight;
       return {
         left: x,
         top: E,
-        right: N - G - x,
-        bottom: O - J - E,
-        rightIncludeBody: N - x,
-        bottomIncludeBody: O - E
+        right: L - J - x,
+        bottom: N - Q - E,
+        rightIncludeBody: L - x,
+        bottomIncludeBody: N - E
       };
     };
-    return ue(async () => await u()), P({
-      getData: F,
-      getSelectedRow: j,
+    return fe(async () => await p()), I({
+      getData: K,
+      getSelectedRow: F,
       getSelectedRows: D,
-      refreshData: u,
+      refreshData: p,
       resetPage: () => {
-        d.value.page = 1;
+        u.value.page = 1;
       }
     }), (e, t) => {
-      const o = se, n = ie, i = ae;
-      return b(), T(c(le), { bordered: !1 }, {
-        header: a(() => [
+      const o = re, n = se, a = ie;
+      return C(), T(d(ae), { bordered: !1 }, {
+        header: i(() => [
           s(n, {
             justify: "space-between",
             align: "center",
             class: "w-full"
           }, {
-            default: a(() => [
-              g("span", ve, ge(_.title), 1),
+            default: i(() => [
+              h("span", we, me(_.title), 1),
               s(n, null, {
-                default: a(() => [
-                  l.onAdd ? (b(), T(o, {
+                default: i(() => [
+                  l.onAdd ? (C(), T(o, {
                     key: 0,
                     trigger: "hover"
                   }, {
-                    trigger: a(() => [
-                      s(c(w), {
+                    trigger: i(() => [
+                      s(d(f), {
                         size: "18",
                         class: "mr-1 cursor-pointer hover:text-blue-600",
                         onClick: l.onAdd
                       }, {
-                        default: a(() => [
-                          s(c(me))
+                        default: i(() => [
+                          s(d(he))
                         ]),
                         _: 1
                       }, 8, ["onClick"])
                     ]),
-                    default: a(() => [
-                      t[1] || (t[1] = g("span", null, "新增", -1))
+                    default: i(() => [
+                      t[1] || (t[1] = h("span", null, "新增", -1))
                     ]),
                     _: 1
-                  })) : R("", !0),
-                  l.onDelete ? (b(), T(o, {
+                  })) : O("", !0),
+                  l.onDelete ? (C(), T(o, {
                     key: 1,
                     trigger: "hover"
                   }, {
-                    trigger: a(() => [
-                      s(c(w), {
+                    trigger: i(() => [
+                      s(d(f), {
                         size: "18",
                         class: "mr-1 cursor-pointer hover:text-blue-600",
-                        onClick: W
+                        onClick: j
                       }, {
-                        default: a(() => [
-                          s(c(he))
+                        default: i(() => [
+                          s(d(P))
                         ]),
                         _: 1
                       })
                     ]),
-                    default: a(() => [
-                      t[2] || (t[2] = g("span", null, "删除", -1))
+                    default: i(() => [
+                      t[2] || (t[2] = h("span", null, "删除", -1))
                     ]),
                     _: 1
-                  })) : R("", !0),
+                  })) : O("", !0),
                   s(o, { trigger: "hover" }, {
-                    trigger: a(() => [
-                      s(c(w), {
+                    trigger: i(() => [
+                      s(d(f), {
                         size: "18",
                         class: "cursor-pointer hover:text-blue-600",
-                        onClick: V
+                        onClick: q
                       }, {
-                        default: a(() => [
-                          s(c(ye))
+                        default: i(() => [
+                          s(d(ye))
                         ]),
                         _: 1
                       })
                     ]),
-                    default: a(() => [
-                      t[3] || (t[3] = g("span", null, "刷新", -1))
+                    default: i(() => [
+                      t[3] || (t[3] = h("span", null, "刷新", -1))
                     ]),
                     _: 1
                   })
@@ -241,25 +244,25 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
             _: 1
           })
         ]),
-        default: a(() => [
-          g("div", we, [
-            e.$slots.toolbar ? (b(), fe("div", be, [
-              pe(e.$slots, "toolbar")
-            ])) : R("", !0),
-            s(i, {
+        default: i(() => [
+          h("div", be, [
+            e.$slots.toolbar ? (C(), pe("div", Ce, [
+              ge(e.$slots, "toolbar")
+            ])) : O("", !0),
+            s(a, {
               remote: "",
               ref_key: "$table",
-              ref: z,
-              "checked-row-keys": y.value,
-              "onUpdate:checkedRowKeys": t[0] || (t[0] = (r) => y.value = r),
-              "max-height": K.value,
-              loading: h.value,
+              ref: R,
+              "checked-row-keys": v.value,
+              "onUpdate:checkedRowKeys": t[0] || (t[0] = (c) => v.value = c),
+              "max-height": U.value,
+              loading: k.value,
               bordered: !1,
               "single-line": !1,
-              columns: M.value,
-              data: k.value,
-              pagination: d.value,
-              "row-key": (r) => r[_.idField]
+              columns: V.value,
+              data: w.value,
+              pagination: u.value,
+              "row-key": (c) => c[_.idField]
             }, null, 8, ["checked-row-keys", "max-height", "loading", "columns", "data", "pagination", "row-key"])
           ])
         ]),
@@ -269,5 +272,5 @@ const ve = { class: "text-lg font-medium" }, we = { id: "data-content" }, be = {
   }
 });
 export {
-  Se as default
+  xe as default
 };

package/es/table/typing.d.ts

@@ -1,8 +1,8 @@
-import { VNodeChild } from 'vue';
+import { VNodeChild, Component } from 'vue';
 export type DataTableColumnActionDefine = {
     name: string;
     key: string;
-    icon?: string;
+    icon?: Component;
     action: (row: any) => void;
 };
 export type DataTableColumnDefine = {

package/lib/modal/PModal.d.ts

@@ -2114,6 +2114,9 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {
     width: number;
     height: number;
     saveBtnText: string;
+    cancelBtnText: string;
+    hideCancelBtn: boolean;
+    hideSaveBtn: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     $modal: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         draggable: import('vue').PropType<boolean | import('naive-ui/es/modal/src/interface').ModalDraggableOptions>;

package/lib/modal/PModal.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("naive-ui"),e=require("vue"),m=e.defineComponent({__name:"PModal",props:{saveBtnText:{default:"保存"},title:{},width:{default:800},height:{default:500},visible:{type:Boolean},loading:{type:Boolean},onSave:{},onClose:{}},emits:["update:visible","update:loading"],setup(l,{expose:c,emit:u}){const i=s.useMessage(),a=l,o=u,f=async()=>{o("update:loading",!0);try{a.onSave&&await a.onSave()&&n()}catch(t){i.error(t.message)}finally{o("update:loading",!1)}},n=()=>{o("update:visible",!1),o("update:loading",!1)},g=async()=>{try{a.onClose?await a.onClose()&&n():n()}catch(t){i.error(t.message),o("update:loading",!1)}};return c({open:()=>{o("update:visible",!0),o("update:loading",!1)},close:()=>{o("update:visible",!1),o("update:loading",!1)}}),(t,d)=>{const p=s.NText,r=s.NButton,h=s.NSpace;return e.openBlock(),e.createBlock(e.unref(s.NModal),e.mergeProps({ref:"$modal",preset:"card"},t.$attrs,{"header-class":"bg-gray-50",show:a.visible,draggable:!0,closable:!1,"close-on-esc":!1,"mask-closable":!1,bordered:!1,style:{width:`${a.width}px`},onClose:n}),{header:e.withCtx(()=>[t.$slots.header?e.renderSlot(t.$slots,"header",{key:0}):a.title?(e.openBlock(),e.createBlock(p,{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title),1)]),_:1})):e.createCommentVNode("",!0)]),"header-extra":e.withCtx(()=>[e.renderSlot(t.$slots,"header-extra")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:"overflow-y-auto overflow-hidden mt-5",style:e.normalizeStyle({maxHeight:`${a.height}px`})},[e.renderSlot(t.$slots,"default")],4)]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),action:e.withCtx(()=>[e.createVNode(h,{justify:"end"},{default:e.withCtx(()=>[e.createVNode(r,{type:"primary",loading:l.loading,onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.saveBtnText),1)]),_:1},8,["loading"]),e.renderSlot(t.$slots,"action-extra",{loading:l.loading}),e.createVNode(r,{onClick:g,loading:l.loading},{default:e.withCtx(()=>[...d[0]||(d[0]=[e.createTextVNode("取消",-1)])]),_:1},8,["loading"])]),_:3})]),_:3},16,["show","style"])}}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("naive-ui"),e=require("vue"),p=e.defineComponent({__name:"PModal",props:{saveBtnText:{default:"保存"},cancelBtnText:{default:"取消"},hideCancelBtn:{type:Boolean,default:!1},hideSaveBtn:{type:Boolean,default:!1},title:{},width:{default:800},height:{default:500},visible:{type:Boolean},loading:{type:Boolean},onSave:{},onClose:{}},emits:["update:visible","update:loading"],setup(l,{expose:r,emit:c}){const i=n.useMessage(),a=l,o=c,u=async()=>{o("update:loading",!0);try{a.onSave&&await a.onSave()&&s()}catch(t){i.error(t.message)}finally{o("update:loading",!1)}},s=()=>{o("update:visible",!1),o("update:loading",!1)},f=async()=>{try{a.onClose?await a.onClose()&&s():s()}catch(t){i.error(t.message),o("update:loading",!1)}};return r({open:()=>{o("update:visible",!0),o("update:loading",!1)},close:()=>{o("update:visible",!1),o("update:loading",!1)}}),(t,C)=>{const g=n.NText,d=n.NButton,h=n.NSpace;return e.openBlock(),e.createBlock(e.unref(n.NModal),e.mergeProps({ref:"$modal",preset:"card"},t.$attrs,{"header-class":"bg-gray-50",show:a.visible,draggable:!0,closable:!1,"close-on-esc":!1,"mask-closable":!1,bordered:!1,style:{width:`${a.width}px`},onClose:s}),{header:e.withCtx(()=>[t.$slots.header?e.renderSlot(t.$slots,"header",{key:0}):a.title?(e.openBlock(),e.createBlock(g,{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title),1)]),_:1})):e.createCommentVNode("",!0)]),"header-extra":e.withCtx(()=>[e.renderSlot(t.$slots,"header-extra")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:"overflow-y-auto overflow-hidden mt-5",style:e.normalizeStyle({maxHeight:`${a.height}px`})},[e.renderSlot(t.$slots,"default")],4)]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),action:e.withCtx(()=>[e.createVNode(h,{justify:"end"},{default:e.withCtx(()=>[a.hideSaveBtn?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,type:"primary",loading:l.loading,onClick:u},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.saveBtnText),1)]),_:1},8,["loading"])),e.renderSlot(t.$slots,"action-extra",{loading:l.loading}),a.hideCancelBtn?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:1,onClick:f,loading:l.loading},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelBtnText),1)]),_:1},8,["loading"]))]),_:3})]),_:3},16,["show","style"])}}});exports.default=p;

package/lib/modal/index.d.ts

@@ -13,6 +13,9 @@ export declare const PModalPlugin: {
         width: number;
         height: number;
         saveBtnText: string;
+        cancelBtnText: string;
+        hideCancelBtn: boolean;
+        hideSaveBtn: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         $modal: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             draggable: import('vue').PropType<boolean | import('naive-ui/es/modal/src/interface').ModalDraggableOptions>;
@@ -2117,6 +2120,9 @@ export declare const PModalPlugin: {
         width: number;
         height: number;
         saveBtnText: string;
+        cancelBtnText: string;
+        hideCancelBtn: boolean;
+        hideSaveBtn: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -2134,6 +2140,9 @@ export declare const PModalPlugin: {
     width: number;
     height: number;
     saveBtnText: string;
+    cancelBtnText: string;
+    hideCancelBtn: boolean;
+    hideSaveBtn: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

package/lib/modal/typing.d.ts

@@ -1,5 +1,8 @@
 export type ModalProps = {
     saveBtnText?: string;
+    cancelBtnText?: string;
+    hideCancelBtn?: boolean;
+    hideSaveBtn?: boolean;
     title?: string;
     width?: number;
     height?: number;

package/lib/page/PPage.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("naive-ui"),e=require("vue"),i=require("@vicons/antd"),d={class:"border border-gray-100 rounded-lg"},u={class:"text-xl font-semibold text-gray-800"},p={class:"text-sm text-gray-500 mt-1"},m=e.defineComponent({__name:"PPage",props:{icon:{type:Object,required:!1,default:()=>i.AlertOutlined},title:{type:String,required:!0},subtitle:{type:String,required:!1}},setup(l){const t=l;return(o,_)=>{const a=n.NIcon,s=n.NAvatar,c=n.NSpace,r=n.NCard;return e.openBlock(),e.createElementBlock("div",d,[t.title?(e.openBlock(),e.createBlock(r,{key:0,class:"mb-4",bordered:!1,"content-class":"py-4"},{default:e.withCtx(()=>[e.createVNode(c,{align:"center",justify:"space-between"},{default:e.withCtx(()=>[e.createVNode(c,{align:"center",size:16},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(s,{key:0,size:48,class:"bg-linear-to-br from-blue-500 to-indigo-600"},{default:e.withCtx(()=>[e.createVNode(a,{size:24,component:t.icon,color:"#fff"},null,8,["component"])]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("div",u,e.toDisplayString(t.title),1),e.createElementVNode("div",p,e.toDisplayString(t.subtitle??t.title+"主页"),1)])]),_:1})]),_:1})]),_:1})):e.createCommentVNode("",!0),o.$slots.search?(e.openBlock(),e.createBlock(r,{key:1,class:"mb-4",bordered:!1,"content-class":"py-4"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"search")]),_:3})):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createBlock(r,{key:2,bordered:!1,"content-class":"!py-0"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3})):e.createCommentVNode("",!0)])}}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("naive-ui"),e=require("vue"),i=require("@vicons/antd"),d={class:"border border-gray-100 rounded-lg"},u={class:"text-xl font-semibold text-gray-800"},p={class:"text-sm text-gray-500 mt-1"},f=e.defineComponent({__name:"PPage",props:{icon:{type:Object,required:!1,default:()=>i.AlertOutlined},title:{type:String,required:!0},subtitle:{type:String,required:!1}},setup(c){const t=c;return(o,m)=>{const a=n.NIcon,s=n.NAvatar,l=n.NSpace,r=n.NCard;return e.openBlock(),e.createElementBlock("div",d,[t.title?(e.openBlock(),e.createBlock(r,{key:0,class:"mb-4",bordered:!1,"content-class":"py-4"},{default:e.withCtx(()=>[e.createVNode(l,{align:"center",justify:"space-between"},{default:e.withCtx(()=>[e.createVNode(l,{align:"center",size:16},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(s,{key:0,size:48,class:"bg-linear-to-br from-blue-500 to-indigo-600"},{default:e.withCtx(()=>[e.createVNode(a,{size:24,component:t.icon,color:"#fff"},null,8,["component"])]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("div",u,e.toDisplayString(t.title),1),e.createElementVNode("div",p,e.toDisplayString(t.subtitle??t.title+"主页"),1)])]),_:1})]),_:1})]),_:1})):e.createCommentVNode("",!0),o.$slots.search?(e.openBlock(),e.createBlock(r,{key:1,class:"mb-4","content-class":"flex flex-row gap-2",bordered:!1},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"search")]),_:3})):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createBlock(r,{key:2,"content-class":"flex flex-row gap-2 p-0!",bordered:!1},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3})):e.createCommentVNode("",!0)])}}});exports.default=f;

package/lib/table/PTable.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("naive-ui"),e=require("vue"),w=require("@vicons/antd"),K={class:"text-lg font-medium"},X={id:"data-content"},Y={key:0,class:"rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-4 mb-4"},G=e.defineComponent({__name:"PTable",props:{title:{},idField:{default:"id"},columns:{},onLoad:{},onDelete:{},onAdd:{},onEdit:{}},setup(y,{expose:E}){const N=e.ref(null),D=i.useDialog(),f=i.useMessage(),g=e.ref(!1),p=e.ref([]),h=e.ref([]),c=e.ref({page:1,itemCount:0,pageSize:10,pageSizes:[10,20,30,50],showSizePicker:!0,onChange:async t=>{c.value.page=t,await d()},onUpdatePageSize:async t=>{c.value.pageSize=t,await d()}}),a=y,B=t=>{const o=n=>{const l=[];return t&&t.forEach(r=>{r.key!=="edit"&&r.key!=="delete"&&l.push({label:r.name,key:r.key,props:{onClick:()=>r.action(n)}})}),l};return{title:"操作",key:"actions",width:100,fixed:"right",render:n=>{let l=[];if(a.onEdit&&l.push({label:"编辑",key:"edit",props:{onClick:async()=>await a.onEdit(n)}}),a.onDelete&&l.push({label:"删除",key:"delete",props:{onClick:()=>O(n)}}),l=[...l,...o(n)],!(l.length<=0))return e.h(i.NDropdown,{options:l,placement:"bottom-start"},{default:()=>e.h(i.NButton,{size:"small",type:"primary"},{default:()=>["操作",e.h(i.NIcon,()=>e.h(w.MoreOutlined))]})})}}},T=e.computed(()=>{const t=a.columns.filter(n=>n.key!="action").map(n=>({title:n.title,key:n.key,width:n.width,fixed:n.fixed??!1,render:n.render,ellipsis:n.ellipsis?{tooltip:!0}:!1})),o=a.columns.reduce((n,l)=>l.key==="action"?l:n,void 0)?.action;return o&&o?.length>0||a.onEdit||a.onDelete?[{type:"selection",fixed:"left"},...t,B(o)]:[{type:"selection",fixed:"left"},...t]}),R=async()=>await d(),O=t=>x([t]),z=()=>{const t=k();x(t)},x=t=>{t&&t.length>0&&D.warning({title:"警告",content:"删除数据不可恢复, 确认删除吗?",positiveText:"确定",negativeText:"取消",onPositiveClick:async()=>{if(a.onDelete)try{await a.onDelete(t)?(d(),f.success("删除成功")):f.error("删除失败")}catch(o){f.error(o.message)}}})},k=()=>p.value?h.value.filter(o=>p.value.includes(o.id)).map(o=>e.toRaw(o)):[],L=()=>k()[0],H=()=>e.toRaw(h.value),d=async()=>{if(!g.value){g.value=!0;try{if(a.onLoad){var{data:t,total:o}=await a.onLoad(c.value.page,c.value.pageSize);h.value=t,c.value.itemCount=o}}catch(n){f.error(n.message)}finally{g.value=!1}}},I=e.computed(()=>{const t=e.unref(N);if(!t)return;const o=t?.$el,n=o.querySelector(".n-data-table-thead "),{bottomIncludeBody:l}=$(n),r=48;let s=12,m=24;const u=o.querySelector(".n-data-table__pagination");if(u){const v=u.offsetHeight;s+=v||0}else s+=28;return l-(r+s+m)}),P=t=>!t||!t.getBoundingClientRect?0:t.getBoundingClientRect(),$=t=>{const o=document.documentElement,n=o.scrollLeft,l=o.scrollTop,r=o.clientLeft,s=o.clientTop,m=window.pageXOffset,u=window.pageYOffset,_=P(t),{left:v,top:q,width:M,height:A}=_,j=(m||n)-(r||0),U=(u||l)-(s||0),W=v+m,F=q+u,C=W-j,b=F-U,V=window.document.documentElement.clientWidth,S=window.document.documentElement.clientHeight;return{left:C,top:b,right:V-M-C,bottom:S-A-b,rightIncludeBody:V-C,bottomIncludeBody:S-b}};return e.onMounted(async()=>await d()),E({getData:H,getSelectedRow:L,getSelectedRows:k,refreshData:d,resetPage:()=>{c.value.page=1}}),(t,o)=>{const n=i.NTooltip,l=i.NSpace,r=i.NDataTable;return e.openBlock(),e.createBlock(e.unref(i.NCard),{bordered:!1},{header:e.withCtx(()=>[e.createVNode(l,{justify:"space-between",align:"center",class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("span",K,e.toDisplayString(y.title),1),e.createVNode(l,null,{default:e.withCtx(()=>[a.onAdd?(e.openBlock(),e.createBlock(n,{key:0,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:a.onAdd},{default:e.withCtx(()=>[e.createVNode(e.unref(w.PlusSquareOutlined))]),_:1},8,["onClick"])]),default:e.withCtx(()=>[o[1]||(o[1]=e.createElementVNode("span",null,"新增",-1))]),_:1})):e.createCommentVNode("",!0),a.onDelete?(e.openBlock(),e.createBlock(n,{key:1,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(w.DeleteOutlined))]),_:1})]),default:e.withCtx(()=>[o[2]||(o[2]=e.createElementVNode("span",null,"删除",-1))]),_:1})):e.createCommentVNode("",!0),e.createVNode(n,{trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"cursor-pointer hover:text-blue-600",onClick:R},{default:e.withCtx(()=>[e.createVNode(e.unref(w.ReloadOutlined))]),_:1})]),default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("span",null,"刷新",-1))]),_:1})]),_:1})]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",X,[t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(t.$slots,"toolbar")])):e.createCommentVNode("",!0),e.createVNode(r,{remote:"",ref_key:"$table",ref:N,"checked-row-keys":p.value,"onUpdate:checkedRowKeys":o[0]||(o[0]=s=>p.value=s),"max-height":I.value,loading:g.value,bordered:!1,"single-line":!1,columns:T.value,data:h.value,pagination:c.value,"row-key":s=>s[y.idField]},null,8,["checked-row-keys","max-height","loading","columns","data","pagination","row-key"])])]),_:3})}}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("naive-ui"),e=require("vue"),u=require("@vicons/antd"),K={class:"text-lg font-medium"},X={id:"data-content"},Y={key:0,class:"rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-4 mb-4"},G=e.defineComponent({__name:"PTable",props:{title:{},idField:{default:"id"},columns:{},onLoad:{},onDelete:{},onAdd:{},onEdit:{}},setup(y,{expose:S}){const N=e.ref(null),D=a.useDialog(),g=a.useMessage(),p=e.ref(!1),h=e.ref([]),m=e.ref([]),c=e.ref({page:1,itemCount:0,pageSize:10,pageSizes:[10,20,30,50],showSizePicker:!0,onChange:async t=>{c.value.page=t,await d()},onUpdatePageSize:async t=>{c.value.pageSize=t,await d()}}),i=y,B=t=>{const o=n=>{const l=[];return t&&t.forEach(r=>{r.key!=="edit"&&r.key!=="delete"&&l.push({label:r.name,key:r.key,icon:r.icon&&(()=>e.h(a.NIcon,null,{default:()=>e.h(r.icon)})),props:{onClick:()=>r.action(n)}})}),l};return{title:"操作",key:"actions",width:100,fixed:"right",render:n=>{let l=[];if(i.onEdit&&l.push({label:"编辑",key:"edit",icon:()=>e.h(a.NIcon,null,{default:()=>e.h(u.EditOutlined)}),props:{onClick:async()=>await i.onEdit(n)}}),i.onDelete&&l.push({label:"删除",key:"delete",icon:()=>e.h(a.NIcon,null,{default:()=>e.h(u.DeleteOutlined)}),props:{onClick:()=>R(n)}}),l=[...l,...o(n)],!(l.length<=0))return e.h(a.NDropdown,{options:l,placement:"bottom-start"},{default:()=>e.h(a.NButton,{size:"small",type:"primary"},{default:()=>["操作",e.h(a.NIcon,()=>e.h(u.MoreOutlined))]})})}}},O=e.computed(()=>{const t=i.columns.filter(n=>n.key!="action").map(n=>({title:n.title,key:n.key,width:n.width,fixed:n.fixed??!1,render:n.render,ellipsis:n.ellipsis?{tooltip:!0}:!1})),o=i.columns.reduce((n,l)=>l.key==="action"?l:n,void 0)?.action;return o&&o?.length>0||i.onEdit||i.onDelete?[{type:"selection",fixed:"left"},...t,B(o)]:[{type:"selection",fixed:"left"},...t]}),T=async()=>await d(),R=t=>x([t]),I=()=>{const t=k();x(t)},x=t=>{t&&t.length>0&&D.warning({title:"警告",content:"删除数据不可恢复, 确认删除吗?",positiveText:"确定",negativeText:"取消",onPositiveClick:async()=>{if(i.onDelete)try{await i.onDelete(t)?(d(),g.success("删除成功")):g.error("删除失败")}catch(o){g.error(o.message)}}})},k=()=>h.value?m.value.filter(o=>h.value.includes(o.id)).map(o=>e.toRaw(o)):[],z=()=>k()[0],L=()=>e.toRaw(m.value),d=async()=>{if(!p.value){p.value=!0;try{if(i.onLoad){var{data:t,total:o}=await i.onLoad(c.value.page,c.value.pageSize);m.value=t,c.value.itemCount=o}}catch(n){g.error(n.message)}finally{p.value=!1}}},H=e.computed(()=>{const t=e.unref(N);if(!t)return;const o=t?.$el,n=o.querySelector(".n-data-table-thead "),{bottomIncludeBody:l}=$(n),r=48;let s=12,w=24;const f=o.querySelector(".n-data-table__pagination");if(f){const v=f.offsetHeight;s+=v||0}else s+=28;return l-(r+s+w)}),P=t=>!t||!t.getBoundingClientRect?0:t.getBoundingClientRect(),$=t=>{const o=document.documentElement,n=o.scrollLeft,l=o.scrollTop,r=o.clientLeft,s=o.clientTop,w=window.pageXOffset,f=window.pageYOffset,_=P(t),{left:v,top:q,width:M,height:A}=_,j=(w||n)-(r||0),U=(f||l)-(s||0),W=v+w,F=q+f,C=W-j,b=F-U,V=window.document.documentElement.clientWidth,E=window.document.documentElement.clientHeight;return{left:C,top:b,right:V-M-C,bottom:E-A-b,rightIncludeBody:V-C,bottomIncludeBody:E-b}};return e.onMounted(async()=>await d()),S({getData:L,getSelectedRow:z,getSelectedRows:k,refreshData:d,resetPage:()=>{c.value.page=1}}),(t,o)=>{const n=a.NTooltip,l=a.NSpace,r=a.NDataTable;return e.openBlock(),e.createBlock(e.unref(a.NCard),{bordered:!1},{header:e.withCtx(()=>[e.createVNode(l,{justify:"space-between",align:"center",class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("span",K,e.toDisplayString(y.title),1),e.createVNode(l,null,{default:e.withCtx(()=>[i.onAdd?(e.openBlock(),e.createBlock(n,{key:0,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(a.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:i.onAdd},{default:e.withCtx(()=>[e.createVNode(e.unref(u.PlusSquareOutlined))]),_:1},8,["onClick"])]),default:e.withCtx(()=>[o[1]||(o[1]=e.createElementVNode("span",null,"新增",-1))]),_:1})):e.createCommentVNode("",!0),i.onDelete?(e.openBlock(),e.createBlock(n,{key:1,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(a.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(u.DeleteOutlined))]),_:1})]),default:e.withCtx(()=>[o[2]||(o[2]=e.createElementVNode("span",null,"删除",-1))]),_:1})):e.createCommentVNode("",!0),e.createVNode(n,{trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(a.NIcon),{size:"18",class:"cursor-pointer hover:text-blue-600",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(u.ReloadOutlined))]),_:1})]),default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("span",null,"刷新",-1))]),_:1})]),_:1})]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",X,[t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(t.$slots,"toolbar")])):e.createCommentVNode("",!0),e.createVNode(r,{remote:"",ref_key:"$table",ref:N,"checked-row-keys":h.value,"onUpdate:checkedRowKeys":o[0]||(o[0]=s=>h.value=s),"max-height":H.value,loading:p.value,bordered:!1,"single-line":!1,columns:O.value,data:m.value,pagination:c.value,"row-key":s=>s[y.idField]},null,8,["checked-row-keys","max-height","loading","columns","data","pagination","row-key"])])]),_:3})}}});exports.default=G;

package/lib/table/typing.d.ts

@@ -1,8 +1,8 @@
-import { VNodeChild } from 'vue';
+import { VNodeChild, Component } from 'vue';
 export type DataTableColumnActionDefine = {
     name: string;
     key: string;
-    icon?: string;
+    icon?: Component;
     action: (row: any) => void;
 };
 export type DataTableColumnDefine = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chewel611/naive-ui-plus",
   "private": false,
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,