@cst-ui/nano-buttons 0.3.2 → 0.4.0

package/README.md

@@ -1,12 +1,12 @@
 # @cst-ui/nano-buttons
 
-Nano 项目公共前端组件库，基于 Vue 3 和 Element Plus 封装。
-
-这个包用于统一提供 Nano 系列按钮、表格、分页组件，并通过子入口提供弹窗标签页化的公共能力。模板中统一使用横线法组件名，例如 `<nano-button>`，不再保留旧命名。
+Nano 项目公共前端组件库，基于 Vue 3 和 Element Plus 封装。
+
+这个包用于统一提供 Nano 系列按钮、表格、分页组件，并通过子入口提供弹窗标签页化的公共能力。模板中统一使用横线法组件名，例如 `<nano-button>`，不再保留旧命名。
 
 ## 入口说明
 
-包内能力按子入口拆分，按钮、表格和弹窗标签页可以分开引入：
+包内能力按子入口拆分，按钮、表格和弹窗标签页可以分开引入：
 
 ```ts
 // 兼容旧按钮入口
@@ -15,11 +15,11 @@ import NanoButtons from '@cst-ui/nano-buttons'
 // 明确的按钮入口
 import NanoButtons from '@cst-ui/nano-buttons/buttons'
 
-// 弹窗标签页入口
-import { createNanoDialogTabs } from '@cst-ui/nano-buttons/dialog-tabs'
-
-// 表格与分页入口
-import { CstTable, CstPagination } from '@cst-ui/nano-buttons/table'
+// 弹窗标签页入口
+import { createNanoDialogTabs } from '@cst-ui/nano-buttons/dialog-tabs'
+
+// 表格与分页入口
+import { CstTable, CstPagination } from '@cst-ui/nano-buttons/table'
 ```
 
 ## 在线文档
@@ -34,37 +34,37 @@ https://nano-buttons-docs.netlify.app/
 pnpm add @cst-ui/nano-buttons
 ```
 
-## 注册方式
-
-安装包只需要执行一次。按钮、表格和弹窗标签页是独立模块，可以分别注册或按需引入；公共样式只需要引入一次：
+## 注册方式
+
+安装包只需要执行一次。按钮、表格和弹窗标签页是独立模块，可以分别注册或按需引入；公共样式只需要引入一次：
 
 ```ts
 import { createApp } from 'vue'
-import App from './App.vue'
-import NanoButtons from '@cst-ui/nano-buttons'
-import CstTableComponents from '@cst-ui/nano-buttons/table'
-import '@cst-ui/nano-buttons/style.css'
-
-const app = createApp(App)
-
-app.use(NanoButtons)
-app.use(CstTableComponents)
-app.mount('#app')
+import App from './App.vue'
+import NanoButtons from '@cst-ui/nano-buttons'
+import CstTableComponents from '@cst-ui/nano-buttons/table'
+import '@cst-ui/nano-buttons/style.css'
+
+const app = createApp(App)
+
+app.use(NanoButtons)
+app.use(CstTableComponents)
+app.mount('#app')
 ```
 
-按钮插件也提供明确的平级子入口，旧入口继续兼容：
+按钮插件也提供明确的平级子入口，旧入口继续兼容：
 
 ```ts
-import NanoButtons from '@cst-ui/nano-buttons/buttons'
-```
-
-只使用某个表格组件时，不需要全局注册：
-
-```ts
-import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
-```
-
-弹窗标签页需要业务项目提供 router、registry、打开模式和 tabAdapter，具体注册方式见下方“弹窗标签页”。
+import NanoButtons from '@cst-ui/nano-buttons/buttons'
+```
+
+只使用某个表格组件时，不需要全局注册：
+
+```ts
+import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
+```
+
+弹窗标签页需要业务项目提供 router、registry、打开模式和 tabAdapter，具体注册方式见下方“弹窗标签页”。
 
 ## 组件列表
 
@@ -82,9 +82,9 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
 <nano-delete-button />
 <nano-submit-button />
 <nano-cancel-button />
-<nano-back-top-button />
-<cst-table />
-<cst-pagination />
+<nano-back-top-button />
+<cst-table />
+<cst-pagination />
 ```
 
 ## 使用示例
@@ -100,52 +100,66 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
 <nano-cancel-button>取消</nano-cancel-button>
 ```
 
+删除按钮默认与普通按钮一致，直接触发 `click`。传入 `confirm-title` 后会启用气泡确认，并在用户确认或取消时分别触发 `confirm`、`cancel`：
+
+```vue
+<nano-delete-button
+  :confirm-title="$t('common.sureDelete')"
+  :confirm-button-text="$t('common.confirm')"
+  :cancel-button-text="$t('common.cancel')"
+  @confirm="onDeleteConfirm"
+  @cancel="onDeleteCancel"
+/>
+```
+
+`confirm-title`、`confirm-button-text` 和 `cancel-button-text` 接收最终显示文案，国际化由业务项目调用 `$t()` 后传入。启用确认时，删除操作应绑定 `confirm`，不要绑定 `click`。
+
 不在固定语义里的普通按钮，统一使用 `<nano-button>`：
 
 ```vue
 <nano-button icon="Refresh">刷新</nano-button>
 <nano-import-button>导入</nano-import-button>
-<nano-export-button :loading="exporting">导出</nano-export-button>
-```
-
-## 表格与分页
-
-`CstPagination` 是独立分页组件，只负责展示分页状态和发送变更事件，不请求接口、不处理业务数据。默认显示总数、每页条数、页码和前往指定页；服务端分页页面可以直接接入现有查询方法：
-
-```vue
-<CstPagination
-  :current-page="page.currentPage"
-  :page-size="page.pageSize"
-  :page-count="page.pageCount"
-  :page-sizes="page.pageSizes"
-  @update:current-page="onCurrentPageUpdate"
-  @update:page-size="onPageSizeUpdate"
-/>
-```
-
-分页激活态和按钮主色共同使用宿主项目的 `--color-brand-primary`。业务项目覆盖一次该 token，按钮和分页会同步跟随主题变化。
-
-`CstTable` 组合了 Element Plus Table 和 `CstPagination`，默认对传入的完整数组做前端分页。列定义和其他表格属性继续按照 Element Plus Table 使用：
-
-```vue
-<CstTable
-  :data="rows"
-  :default-page-size="10"
->
-  <el-table-column prop="name" label="名称" />
-  <el-table-column prop="status" label="状态" />
-</CstTable>
-```
-
-只需要表格、不需要分页时关闭分页：
-
-```vue
-<CstTable :data="rows" :pagination="false">
-  <el-table-column prop="name" label="名称" />
-</CstTable>
-```
-
-## 依赖说明
+<nano-export-button :loading="exporting">导出</nano-export-button>
+```
+
+## 表格与分页
+
+`CstPagination` 是独立分页组件，只负责展示分页状态和发送变更事件，不请求接口、不处理业务数据。默认显示总数、每页条数、页码和前往指定页；服务端分页页面可以直接接入现有查询方法：
+
+```vue
+<CstPagination
+  :current-page="page.currentPage"
+  :page-size="page.pageSize"
+  :page-count="page.pageCount"
+  :page-sizes="page.pageSizes"
+  @update:current-page="onCurrentPageUpdate"
+  @update:page-size="onPageSizeUpdate"
+/>
+```
+
+分页激活态和按钮主色共同使用宿主项目的 `--color-brand-primary`。业务项目覆盖一次该 token，按钮和分页会同步跟随主题变化。
+
+`CstTable` 组合了 Element Plus Table 和 `CstPagination`，默认对传入的完整数组做前端分页。列定义和其他表格属性继续按照 Element Plus Table 使用：
+
+```vue
+<CstTable
+  :data="rows"
+  :default-page-size="10"
+>
+  <el-table-column prop="name" label="名称" />
+  <el-table-column prop="status" label="状态" />
+</CstTable>
+```
+
+只需要表格、不需要分页时关闭分页：
+
+```vue
+<CstTable :data="rows" :pagination="false">
+  <el-table-column prop="name" label="名称" />
+</CstTable>
+```
+
+## 依赖说明
 
 `vue`、`element-plus` 和 `vue-router` 是 peer dependencies，需要由使用方项目提供。
 
@@ -160,7 +174,7 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
 ```ts
 import { createNanoDialogTabs } from '@cst-ui/nano-buttons/dialog-tabs'
 
-app.use(createNanoDialogTabs({
+app.use(createNanoDialogTabs({
   router,
   parentRouteName: 'layout',
   registry: dialogRegistry,
@@ -172,35 +186,35 @@ app.use(createNanoDialogTabs({
     setCurrentIndex: index => tabStore.SET_TAB(index),
     deleteTab: index => tabStore.DELETE_TAB(index),
   },
-}))
-```
-
-### SqlTable 解耦接入
-
-SqlTable 等独立组件不直接导入 `dialog-tabs`。独立组件只定义 adapter 接口和注入 key，由 nano.web 在项目层导入公共包并注入实现：
-
-```ts
-const {
-  dialogAdapter,
-  pageAdapter,
-} = createSqlTableNanoDialogAdapters({
-  router,
-  parentRouteName: 'layout',
-  mode: () => DIALOG_OPEN_MODE,
-})
-
-app.provide(sqlTableDialogAdapterKey, dialogAdapter)
-app.provide(sqlTableDialogPageAdapterKey, pageAdapter)
-```
-
-这样 SqlTable 可以独立维护和复用，nano.web 仍能为它启用弹窗 tab 化能力。
-
-### 注册页面
+}))
+```
+
+### SqlTable 解耦接入
+
+SqlTable 等独立组件不直接导入 `dialog-tabs`。独立组件只定义 adapter 接口和注入 key，由 nano.web 在项目层导入公共包并注入实现：
+
+```ts
+const {
+  dialogAdapter,
+  pageAdapter,
+} = createSqlTableNanoDialogAdapters({
+  router,
+  parentRouteName: 'layout',
+  mode: () => DIALOG_OPEN_MODE,
+})
+
+app.provide(sqlTableDialogAdapterKey, dialogAdapter)
+app.provide(sqlTableDialogPageAdapterKey, pageAdapter)
+```
+
+这样 SqlTable 可以独立维护和复用，nano.web 仍能为它启用弹窗 tab 化能力。
+
+### 注册页面
 
 在业务项目维护弹窗注册表：
 
 ```ts
-export const dialogRegistry = {
+export const dialogRegistry = {
   userEdit: {
     suffix: '/edit',
     title: 'dialog.user.edit',

package/dist/NanoTextAddButton.vue_vue_type_script_setup_true_lang-D-BYJnbu.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("element-plus"),n=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),B=e.defineComponent({name:"NanoAddButton",inheritAttrs:!1,__name:"NanoAddButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("新增",-1))])]),_:3},16))}}),$=e.defineComponent({name:"NanoBackTopButton",inheritAttrs:!1,__name:"NanoBackTopButton",props:a.buttonProps,setup(r){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createElementVNode("svg",{class:"app-backtop-icon",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M6 5h12"}),e.createElementVNode("path",{d:"M12 19V9"}),e.createElementVNode("path",{d:"m8 13 4-4 4 4"})],-1)])]),_:1},16))}}),k=e.defineComponent({name:"NanoCancelButton",inheritAttrs:!1,__name:"NanoCancelButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.normalizeProps(e.guardReactiveProps({...t.$props,...t.$attrs})),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("取消",-1))])]),_:3},16))}}),P=e.defineComponent({name:"NanoDeleteButton",inheritAttrs:!1,__name:"NanoDeleteButton",props:{...a.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(r,{emit:t}){const o=r,i=t,p=e.useAttrs(),l=e.computed(()=>{const{confirmTitle:s,confirmButtonText:_,cancelButtonText:u,...d}=o;return d}),c=s=>{i("click",s)},m=s=>{i("confirm",s)},f=s=>{i("cancel",s)};return(s,_)=>{const u=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(u,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:m,onCancel:f},{reference:e.withCtx(()=>[s.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...l.value,...e.unref(p)},{type:"danger",icon:"Delete",onClick:c}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...l.value,...e.unref(p)},{type:"danger",icon:"Delete",onClick:c}),null,16))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):s.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...l.value,...e.unref(p)},{type:"danger",icon:"Delete",onClick:c}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:2},{...l.value,...e.unref(p)},{type:"danger",icon:"Delete",onClick:c}),null,16))}}}),N=e.defineComponent({name:"NanoEditButton",inheritAttrs:!1,__name:"NanoEditButton",props:a.buttonProps,setup(r){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{icon:"Edit"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{icon:"Edit"}),null,16))}}),g=e.defineComponent({name:"NanoExportButton",inheritAttrs:!1,__name:"NanoExportButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-export",icon:"Download"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导出",-1))])]),_:3},16))}}),C=e.defineComponent({name:"NanoImportButton",inheritAttrs:!1,__name:"NanoImportButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-import",icon:"Upload"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导入",-1))])]),_:3},16))}}),y=e.defineComponent({name:"NanoManageButton",inheritAttrs:!1,__name:"NanoManageButton",props:a.buttonProps,setup(r){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),null,16))}}),h=e.defineComponent({name:"NanoMoveButton",inheritAttrs:!1,__name:"NanoMoveButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{icon:"Rank"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("移动",-1))])]),_:3},16))}}),b=e.defineComponent({name:"NanoSubmitButton",inheritAttrs:!1,__name:"NanoSubmitButton",props:a.buttonProps,setup(r){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("保存",-1))])]),_:3},16))}}),T=e.defineComponent({name:"NanoTextAddButton",inheritAttrs:!1,__name:"NanoTextAddButton",props:a.buttonProps,setup(r){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),null,16))}});exports._sfc_main=B;exports._sfc_main$1=T;exports._sfc_main$10=$;exports._sfc_main$2=h;exports._sfc_main$3=C;exports._sfc_main$4=g;exports._sfc_main$5=N;exports._sfc_main$6=y;exports._sfc_main$7=P;exports._sfc_main$8=b;exports._sfc_main$9=k;

package/dist/NanoTextAddButton.vue_vue_type_script_setup_true_lang-VA-g2KVf.js

@@ -0,0 +1,270 @@
+import { defineComponent as i, openBlock as n, createBlock as o, mergeProps as r, withCtx as a, renderSlot as p, createTextVNode as m, createElementVNode as _, normalizeProps as g, guardReactiveProps as h, useAttrs as v, computed as P, resolveComponent as C, unref as B } from "vue";
+import { buttonProps as f } from "element-plus";
+import { _ as s } from "./NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
+const M = /* @__PURE__ */ i({
+  name: "NanoAddButton",
+  inheritAttrs: !1,
+  __name: "NanoAddButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, r({ ...t.$props, ...t.$attrs }, {
+      type: "primary",
+      icon: "Plus"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("新增", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), w = /* @__PURE__ */ i({
+  name: "NanoBackTopButton",
+  inheritAttrs: !1,
+  __name: "NanoBackTopButton",
+  props: f,
+  setup(u) {
+    return (t, e) => t.$slots.default ? (n(), o(s, r({ key: 0 }, { ...t.$props, ...t.$attrs }, {
+      secondary: "",
+      class: "app-backtop-button"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (n(), o(s, r({ key: 1 }, { ...t.$props, ...t.$attrs }, {
+      secondary: "",
+      class: "app-backtop-button"
+    }), {
+      default: a(() => [...e[0] || (e[0] = [
+        _("svg", {
+          class: "app-backtop-icon",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          focusable: "false"
+        }, [
+          _("path", { d: "M6 5h12" }),
+          _("path", { d: "M12 19V9" }),
+          _("path", { d: "m8 13 4-4 4 4" })
+        ], -1)
+      ])]),
+      _: 1
+    }, 16));
+  }
+}), V = /* @__PURE__ */ i({
+  name: "NanoCancelButton",
+  inheritAttrs: !1,
+  __name: "NanoCancelButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, g(h({ ...t.$props, ...t.$attrs })), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("取消", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), I = /* @__PURE__ */ i({
+  name: "NanoDeleteButton",
+  inheritAttrs: !1,
+  __name: "NanoDeleteButton",
+  props: {
+    ...f,
+    confirmTitle: String,
+    confirmButtonText: String,
+    cancelButtonText: String
+  },
+  emits: ["click", "confirm", "cancel"],
+  setup(u, { emit: t }) {
+    const e = u, y = t, c = v(), d = P(() => {
+      const {
+        confirmTitle: l,
+        confirmButtonText: b,
+        cancelButtonText: k,
+        ...A
+      } = e;
+      return A;
+    }), $ = (l) => {
+      y("click", l);
+    }, N = (l) => {
+      y("confirm", l);
+    }, T = (l) => {
+      y("cancel", l);
+    };
+    return (l, b) => {
+      const k = C("el-popconfirm");
+      return e.confirmTitle ? (n(), o(k, {
+        key: 0,
+        title: e.confirmTitle,
+        "confirm-button-text": e.confirmButtonText,
+        "cancel-button-text": e.cancelButtonText,
+        onConfirm: N,
+        onCancel: T
+      }, {
+        reference: a(() => [
+          l.$slots.default ? (n(), o(s, r({ key: 0 }, { ...d.value, ...B(c) }, {
+            type: "danger",
+            icon: "Delete",
+            onClick: $
+          }), {
+            default: a(() => [
+              p(l.$slots, "default")
+            ]),
+            _: 3
+          }, 16)) : (n(), o(s, r({ key: 1 }, { ...d.value, ...B(c) }, {
+            type: "danger",
+            icon: "Delete",
+            onClick: $
+          }), null, 16))
+        ]),
+        _: 3
+      }, 8, ["title", "confirm-button-text", "cancel-button-text"])) : l.$slots.default ? (n(), o(s, r({ key: 1 }, { ...d.value, ...B(c) }, {
+        type: "danger",
+        icon: "Delete",
+        onClick: $
+      }), {
+        default: a(() => [
+          p(l.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : (n(), o(s, r({ key: 2 }, { ...d.value, ...B(c) }, {
+        type: "danger",
+        icon: "Delete",
+        onClick: $
+      }), null, 16));
+    };
+  }
+}), R = /* @__PURE__ */ i({
+  name: "NanoEditButton",
+  inheritAttrs: !1,
+  __name: "NanoEditButton",
+  props: f,
+  setup(u) {
+    return (t, e) => t.$slots.default ? (n(), o(s, r({ key: 0 }, { ...t.$props, ...t.$attrs }, { icon: "Edit" }), {
+      default: a(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (n(), o(s, r({ key: 1 }, { ...t.$props, ...t.$attrs }, { icon: "Edit" }), null, 16));
+  }
+}), j = /* @__PURE__ */ i({
+  name: "NanoExportButton",
+  inheritAttrs: !1,
+  __name: "NanoExportButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, r({ ...t.$props, ...t.$attrs }, {
+      class: "app-button-export",
+      icon: "Download"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("导出", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), z = /* @__PURE__ */ i({
+  name: "NanoImportButton",
+  inheritAttrs: !1,
+  __name: "NanoImportButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, r({ ...t.$props, ...t.$attrs }, {
+      class: "app-button-import",
+      icon: "Upload"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("导入", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), U = /* @__PURE__ */ i({
+  name: "NanoManageButton",
+  inheritAttrs: !1,
+  __name: "NanoManageButton",
+  props: f,
+  setup(u) {
+    return (t, e) => t.$slots.default ? (n(), o(s, r({ key: 0 }, { ...t.$props, ...t.$attrs }, {
+      type: "primary",
+      icon: "Setting"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (n(), o(s, r({ key: 1 }, { ...t.$props, ...t.$attrs }, {
+      type: "primary",
+      icon: "Setting"
+    }), null, 16));
+  }
+}), q = /* @__PURE__ */ i({
+  name: "NanoMoveButton",
+  inheritAttrs: !1,
+  __name: "NanoMoveButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, r({ ...t.$props, ...t.$attrs }, { icon: "Rank" }), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("移动", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), F = /* @__PURE__ */ i({
+  name: "NanoSubmitButton",
+  inheritAttrs: !1,
+  __name: "NanoSubmitButton",
+  props: f,
+  setup(u) {
+    return (t, e) => (n(), o(s, r({ ...t.$props, ...t.$attrs }, { type: "primary" }), {
+      default: a(() => [
+        p(t.$slots, "default", {}, () => [
+          e[0] || (e[0] = m("保存", -1))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), G = /* @__PURE__ */ i({
+  name: "NanoTextAddButton",
+  inheritAttrs: !1,
+  __name: "NanoTextAddButton",
+  props: f,
+  setup(u) {
+    return (t, e) => t.$slots.default ? (n(), o(s, r({ key: 0 }, { ...t.$props, ...t.$attrs }, {
+      text: "",
+      icon: "Plus"
+    }), {
+      default: a(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (n(), o(s, r({ key: 1 }, { ...t.$props, ...t.$attrs }, {
+      text: "",
+      icon: "Plus"
+    }), null, 16));
+  }
+});
+export {
+  M as _,
+  G as a,
+  q as b,
+  z as c,
+  j as d,
+  R as e,
+  U as f,
+  I as g,
+  F as h,
+  V as i,
+  w as j
+};

package/dist/buttons/components/NanoDeleteButton.vue.d.ts

@@ -1,88 +1,103 @@
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
+    confirmTitle: StringConstructor;
+    confirmButtonText: StringConstructor;
+    cancelButtonText: StringConstructor;
+    size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
-    readonly icon: {
+    disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
+    icon: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    readonly loading: BooleanConstructor;
-    readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly link: BooleanConstructor;
-    readonly bg: BooleanConstructor;
-    readonly autofocus: BooleanConstructor;
-    readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly circle: BooleanConstructor;
-    readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly color: StringConstructor;
-    readonly dark: BooleanConstructor;
-    readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
+    nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    click: (event: MouseEvent) => any;
+    confirm: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    confirmTitle: StringConstructor;
+    confirmButtonText: StringConstructor;
+    cancelButtonText: StringConstructor;
+    size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
-    readonly icon: {
+    disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
+    icon: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    readonly loading: BooleanConstructor;
-    readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly link: BooleanConstructor;
-    readonly bg: BooleanConstructor;
-    readonly autofocus: BooleanConstructor;
-    readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly circle: BooleanConstructor;
-    readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly color: StringConstructor;
-    readonly dark: BooleanConstructor;
-    readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
-}>> & Readonly<{}>, {
-    readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
-    readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
-    readonly loading: boolean;
-    readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
-    readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly link: boolean;
-    readonly bg: boolean;
-    readonly autofocus: boolean;
-    readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly circle: boolean;
-    readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly dark: boolean;
-    readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
+    nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
+}>> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
+    text: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+    loading: boolean;
+    loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
+    plain: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    link: boolean;
+    bg: boolean;
+    autofocus: boolean;
+    round: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    circle: boolean;
+    dashed: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    dark: boolean;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tag: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/buttons/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../NanoTextAddButton.vue_vue_type_script_setup_true_lang-DIaonSsx.cjs"),t=require("../NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},e={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$10;exports.NanoCancelButton=n._sfc_main$9;exports.NanoDeleteButton=n._sfc_main$7;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoImportButton=n._sfc_main$3;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoSubmitButton=n._sfc_main$8;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoButton=t._sfc_main;exports.default=e;exports.install=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../NanoTextAddButton.vue_vue_type_script_setup_true_lang-D-BYJnbu.cjs"),t=require("../NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},e={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$10;exports.NanoCancelButton=n._sfc_main$9;exports.NanoDeleteButton=n._sfc_main$7;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoImportButton=n._sfc_main$3;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoSubmitButton=n._sfc_main$8;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoButton=t._sfc_main;exports.default=e;exports.install=a;

package/dist/buttons/index.mjs

@@ -1,4 +1,4 @@
-import { _ as o, a as s, b as t, c as _, d as m, e as c, f as i, g as f, h as u, i as B, j as e } from "../NanoTextAddButton.vue_vue_type_script_setup_true_lang-CYuxrToE.js";
+import { _ as o, a as s, b as t, c as _, d as m, e as c, f as i, g as f, h as u, i as B, j as e } from "../NanoTextAddButton.vue_vue_type_script_setup_true_lang-VA-g2KVf.js";
 import { _ as N } from "../NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
 const $ = [
   N,

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./NanoTextAddButton.vue_vue_type_script_setup_true_lang-DIaonSsx.cjs"),t=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},e={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$10;exports.NanoCancelButton=n._sfc_main$9;exports.NanoDeleteButton=n._sfc_main$7;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoImportButton=n._sfc_main$3;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoSubmitButton=n._sfc_main$8;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoButton=t._sfc_main;exports.default=e;exports.install=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./NanoTextAddButton.vue_vue_type_script_setup_true_lang-D-BYJnbu.cjs"),t=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},e={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$10;exports.NanoCancelButton=n._sfc_main$9;exports.NanoDeleteButton=n._sfc_main$7;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoImportButton=n._sfc_main$3;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoSubmitButton=n._sfc_main$8;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoButton=t._sfc_main;exports.default=e;exports.install=a;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { _ as o, a as s, b as t, c as _, d as m, e as c, f as i, g as f, h as u, i as B, j as e } from "./NanoTextAddButton.vue_vue_type_script_setup_true_lang-CYuxrToE.js";
+import { _ as o, a as s, b as t, c as _, d as m, e as c, f as i, g as f, h as u, i as B, j as e } from "./NanoTextAddButton.vue_vue_type_script_setup_true_lang-VA-g2KVf.js";
 import { _ as N } from "./NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
 const $ = [
   N,

package/dist/style.css

@@ -1 +1 @@
-:root{--nano-font-size-sm: var(--font-size-sm, 14px);--nano-font-size-lg: var(--font-size-lg, 18px);--nano-font-weight-medium: var(--font-weight-medium, 500);--nano-radius-md: var(--radius-md, 6px);--nano-shadow-card: var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .12));--nano-color-brand-primary: var(--color-brand-primary, #243c96);--nano-color-brand-primary-hover: var(--color-brand-primary-hover, #3550b3);--nano-color-brand-primary-active: var(--color-brand-primary-active, #1b2f78);--nano-color-brand-primary-light: var(--color-brand-primary-light, #eef2ff);--nano-color-text-regular: var(--color-text-regular, #606266);--nano-color-text-on-brand: var(--color-text-on-brand, #ffffff);--nano-color-border-default: var(--color-border-default, #dcdfe6);--nano-color-success: var(--color-success, #67c23a);--nano-color-success-hover: var(--color-success-hover, #85ce61);--nano-color-success-active: var(--color-success-active, #529b2e);--nano-color-warning: var(--color-warning, #e6a23c);--nano-color-warning-hover: var(--color-warning-hover, #ebb563);--nano-color-warning-active: var(--color-warning-active, #b88230);--nano-color-danger: var(--color-danger, #d35a5a);--nano-color-danger-hover: var(--color-danger-hover, #e07272);--nano-color-danger-active: var(--color-danger-active, #bc4949);--nano-color-info: var(--color-info, #909399);--nano-color-info-hover: var(--color-info-hover, #a6a9ad);--nano-color-info-active: var(--color-info-active, #73767a);--nano-color-focus-outline: var(--color-focus-outline, rgba(36, 60, 150, .32));--nano-button-default-bg: var(--button-default-bg, #ffffff);--nano-button-default-text: var(--button-default-text, var(--nano-color-text-regular));--nano-button-default-border: var(--button-default-border, var(--nano-color-border-default));--nano-button-default-hover-bg: var(--button-default-hover-bg, var(--nano-color-brand-primary-light));--nano-button-default-hover-text: var(--button-default-hover-text, var(--nano-color-brand-primary));--nano-button-default-hover-border: var(--button-default-hover-border, var(--nano-color-brand-primary-hover));--nano-button-default-active-bg: var(--button-default-active-bg, #e0e8ff);--nano-button-default-active-text: var(--button-default-active-text, var(--nano-color-brand-primary-active));--nano-button-default-active-border: var(--button-default-active-border, var(--nano-color-brand-primary-active));--nano-button-secondary-bg: var(--button-secondary-bg, var(--nano-color-brand-primary-light));--nano-button-secondary-text: var(--button-secondary-text, var(--nano-color-brand-primary));--nano-button-secondary-border: var(--button-secondary-border, rgba(36, 60, 150, .32));--nano-button-secondary-hover-bg: var(--button-secondary-hover-bg, #e0e8ff);--nano-button-secondary-hover-text: var(--button-secondary-hover-text, var(--nano-color-brand-primary-hover));--nano-button-secondary-hover-border: var(--button-secondary-hover-border, var(--nano-color-brand-primary-hover));--nano-button-secondary-active-bg: var(--button-secondary-active-bg, #d4defd);--nano-button-secondary-active-text: var(--button-secondary-active-text, var(--nano-color-brand-primary-active));--nano-button-secondary-active-border: var(--button-secondary-active-border, var(--nano-color-brand-primary-active));--nano-button-import-bg: var(--button-import-bg, #edf5f3);--nano-button-import-text: var(--button-import-text, #2f6b57);--nano-button-import-border: var(--button-import-border, rgba(47, 107, 87, .2));--nano-button-import-hover-bg: var(--button-import-hover-bg, #e0f0ec);--nano-button-import-hover-text: var(--button-import-hover-text, #285c4b);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(47, 107, 87, .36));--nano-button-import-active-bg: var(--button-import-active-bg, #d3e8e2);--nano-button-import-active-text: var(--button-import-active-text, #224f40);--nano-button-import-active-border: var(--button-import-active-border, rgba(47, 107, 87, .48));--nano-button-export-bg: var(--button-export-bg, #edf5f3);--nano-button-export-text: var(--button-export-text, #2f6b57);--nano-button-export-border: var(--button-export-border, rgba(47, 107, 87, .2));--nano-button-export-hover-bg: var(--button-export-hover-bg, #e0f0ec);--nano-button-export-hover-text: var(--button-export-hover-text, #285c4b);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(47, 107, 87, .36));--nano-button-export-active-bg: var(--button-export-active-bg, #d3e8e2);--nano-button-export-active-text: var(--button-export-active-text, #224f40);--nano-button-export-active-border: var(--button-export-active-border, rgba(47, 107, 87, .48));--nano-button-text-default: var(--button-text-default, var(--nano-color-text-regular));--nano-button-text-hover-bg: var(--button-text-hover-bg, var(--nano-color-brand-primary-light));--nano-button-text-hover: var(--button-text-hover, var(--nano-color-brand-primary));--nano-button-text-active: var(--button-text-active, var(--nano-color-brand-primary-active));--nano-button-hover-shadow: var(--button-hover-shadow, 0 4px 12px rgba(36, 60, 150, .16));--nano-button-default-hover-shadow: var(--button-default-hover-shadow, 0 2px 10px rgba(36, 60, 150, .12));--nano-button-danger-hover-shadow: var(--button-danger-hover-shadow, 0 4px 12px rgba(211, 90, 90, .18))}html.dark{--nano-button-import-bg: var(--button-import-bg, rgba(80, 160, 120, .16));--nano-button-import-text: var(--button-import-text, #8dd3b1);--nano-button-import-border: var(--button-import-border, rgba(80, 160, 120, .28));--nano-button-import-hover-bg: var(--button-import-hover-bg, rgba(80, 160, 120, .24));--nano-button-import-hover-text: var(--button-import-hover-text, #a6e2c4);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(80, 160, 120, .42));--nano-button-import-active-bg: var(--button-import-active-bg, rgba(80, 160, 120, .32));--nano-button-import-active-text: var(--button-import-active-text, #8dd3b1);--nano-button-import-active-border: var(--button-import-active-border, rgba(80, 160, 120, .56));--nano-button-export-bg: var(--button-export-bg, rgba(80, 160, 120, .16));--nano-button-export-text: var(--button-export-text, #8dd3b1);--nano-button-export-border: var(--button-export-border, rgba(80, 160, 120, .28));--nano-button-export-hover-bg: var(--button-export-hover-bg, rgba(80, 160, 120, .24));--nano-button-export-hover-text: var(--button-export-hover-text, #a6e2c4);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(80, 160, 120, .42));--nano-button-export-active-bg: var(--button-export-active-bg, rgba(80, 160, 120, .32));--nano-button-export-active-text: var(--button-export-active-text, #8dd3b1);--nano-button-export-active-border: var(--button-export-active-border, rgba(80, 160, 120, .56))}.el-button{--button-bg: var(--button-default-bg, var(--nano-button-default-bg));--button-text: var(--button-default-text, var(--nano-button-default-text));--button-border: var(--button-default-border, var(--nano-button-default-border));--button-bg-hover: var(--button-default-hover-bg, var(--nano-button-default-hover-bg));--button-text-hover: var(--button-default-hover-text, var(--nano-button-default-hover-text));--button-border-hover: var(--button-default-hover-border, var(--nano-button-default-hover-border));--button-bg-active: var(--button-default-active-bg, var(--nano-button-default-active-bg));--button-text-active: var(--button-default-active-text, var(--nano-button-default-active-text));--button-border-active: var(--button-default-active-border, var(--nano-button-default-active-border));--button-shadow-hover: var(--button-default-hover-shadow, var(--nano-button-default-hover-shadow));font-size:var(--font-size-sm, var(--nano-font-size-sm));font-weight:var(--font-weight-medium, var(--nano-font-weight-medium));border-radius:var(--radius-md, var(--nano-radius-md));transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.el-button:focus-visible{outline:2px solid var(--color-focus-outline, var(--nano-color-focus-outline));outline-offset:2px}.el-button.is-disabled,.el-button.is-disabled:hover,.el-button.is-disabled:active{box-shadow:none}.el-button:not(.is-text):not(.is-link){--el-button-text-color: var(--button-text);--el-button-bg-color: var(--button-bg);--el-button-border-color: var(--button-border);--el-button-hover-text-color: var(--button-text-hover);--el-button-hover-bg-color: var(--button-bg-hover);--el-button-hover-border-color: var(--button-border-hover);--el-button-active-text-color: var(--button-text-active);--el-button-active-bg-color: var(--button-bg-active);--el-button-active-border-color: var(--button-border-active);color:var(--button-text);background-color:var(--button-bg);border-color:var(--button-border)}.el-button:not(.is-text):not(.is-link):hover{background-color:var(--button-bg-hover);color:var(--button-text-hover);border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover)}.el-button:not(.is-text):not(.is-link):active{background-color:var(--button-bg-active);color:var(--button-text-active);border-color:var(--button-border-active);box-shadow:none}.el-button.app-button-secondary{--button-bg: var(--button-secondary-bg, var(--nano-button-secondary-bg));--button-text: var(--button-secondary-text, var(--nano-button-secondary-text));--button-border: var(--button-secondary-border, var(--nano-button-secondary-border));--button-bg-hover: var(--button-secondary-hover-bg, var(--nano-button-secondary-hover-bg));--button-text-hover: var(--button-secondary-hover-text, var(--nano-button-secondary-hover-text));--button-border-hover: var(--button-secondary-hover-border, var(--nano-button-secondary-hover-border));--button-bg-active: var(--button-secondary-active-bg, var(--nano-button-secondary-active-bg));--button-text-active: var(--button-secondary-active-text, var(--nano-button-secondary-active-text));--button-border-active: var(--button-secondary-active-border, var(--nano-button-secondary-active-border))}.el-button.app-button-import{--button-bg: var(--button-import-bg, var(--nano-button-import-bg));--button-text: var(--button-import-text, var(--nano-button-import-text));--button-border: var(--button-import-border, var(--nano-button-import-border));--button-bg-hover: var(--button-import-hover-bg, var(--nano-button-import-hover-bg));--button-text-hover: var(--button-import-hover-text, var(--nano-button-import-hover-text));--button-border-hover: var(--button-import-hover-border, var(--nano-button-import-hover-border));--button-bg-active: var(--button-import-active-bg, var(--nano-button-import-active-bg));--button-text-active: var(--button-import-active-text, var(--nano-button-import-active-text));--button-border-active: var(--button-import-active-border, var(--nano-button-import-active-border))}.el-button.app-button-export{--button-bg: var(--button-export-bg, var(--nano-button-export-bg));--button-text: var(--button-export-text, var(--nano-button-export-text));--button-border: var(--button-export-border, var(--nano-button-export-border));--button-bg-hover: var(--button-export-hover-bg, var(--nano-button-export-hover-bg));--button-text-hover: var(--button-export-hover-text, var(--nano-button-export-hover-text));--button-border-hover: var(--button-export-hover-border, var(--nano-button-export-hover-border));--button-bg-active: var(--button-export-active-bg, var(--nano-button-export-active-bg));--button-text-active: var(--button-export-active-text, var(--nano-button-export-active-text));--button-border-active: var(--button-export-active-border, var(--nano-button-export-active-border))}.el-button.el-button--primary,.el-button.el-button--success,.el-button.el-button--warning,.el-button.el-button--danger,.el-button.el-button--info{--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-shadow-hover: var(--button-hover-shadow, var(--nano-button-hover-shadow));box-shadow:none}.el-button.el-button--primary{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active))}.el-button.el-button--success{--button-bg: var(--color-success, var(--nano-color-success));--button-border: var(--color-success, var(--nano-color-success));--button-bg-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-border-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-bg-active: var(--color-success-active, var(--nano-color-success-active));--button-border-active: var(--color-success-active, var(--nano-color-success-active))}.el-button.el-button--warning{--button-bg: var(--color-warning, var(--nano-color-warning));--button-border: var(--color-warning, var(--nano-color-warning));--button-bg-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-border-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-bg-active: var(--color-warning-active, var(--nano-color-warning-active));--button-border-active: var(--color-warning-active, var(--nano-color-warning-active))}.el-button.el-button--danger{--button-bg: var(--color-danger, var(--nano-color-danger));--button-border: var(--color-danger, var(--nano-color-danger));--button-bg-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-border-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-bg-active: var(--color-danger-active, var(--nano-color-danger-active));--button-border-active: var(--color-danger-active, var(--nano-color-danger-active));--button-shadow-hover: var(--button-danger-hover-shadow, var(--nano-button-danger-hover-shadow))}.el-button.el-button--info{--button-bg: var(--color-info, var(--nano-color-info));--button-border: var(--color-info, var(--nano-color-info));--button-bg-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-border-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-bg-active: var(--color-info-active, var(--nano-color-info-active));--button-border-active: var(--color-info-active, var(--nano-color-info-active))}.el-button.is-text,.el-button.is-link{background-color:transparent;color:var(--button-text-default, var(--nano-button-text-default));border-color:transparent;box-shadow:none}.el-button.is-text:hover{background-color:var(--button-text-hover-bg, var(--nano-button-text-hover-bg));color:var(--button-text-hover, var(--nano-button-text-hover))}.el-button.is-link:hover,.el-button.is-text:active,.el-button.is-link:active{color:var(--button-text-active, var(--nano-button-text-active))}.app-backtop.el-backtop{width:auto;height:auto;background-color:transparent;box-shadow:none}.app-backtop.el-backtop:hover{background-color:transparent}.app-backtop-button.el-button{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));width:42px;height:42px;padding:0;border-radius:12px;border-width:1px;box-shadow:0 10px 22px #243c9642,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.app-backtop-button.el-button>span,.app-backtop-icon{display:inline-flex;align-items:center;justify-content:center}.app-backtop-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.app-backtop-button.el-button:not(.is-text):not(.is-link):hover{transform:translateY(-2px);box-shadow:0 14px 26px #243c964d,inset 0 1px #ffffff38}.app-backtop-button.el-button:not(.is-text):not(.is-link):active{transform:translateY(0);box-shadow:0 6px 14px #243c9638,inset 0 1px 2px #1b2f7847}.cst-pagination[data-v-57970e36]{--el-color-primary: var(--color-brand-primary, var(--nano-color-brand-primary));--el-pagination-hover-color: var(--color-brand-primary, var(--nano-color-brand-primary));display:flex;width:100%}.cst-pagination--start[data-v-57970e36]{justify-content:flex-start}.cst-pagination--center[data-v-57970e36]{justify-content:center}.cst-pagination--end[data-v-57970e36]{justify-content:flex-end}.cst-table-wrapper[data-v-18cdd107]{display:flex;width:100%;min-height:0;flex-direction:column}.cst-table[data-v-18cdd107]{width:100%;overflow:hidden;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.cst-table-pagination[data-v-18cdd107]{margin-top:var(--cst-table-pagination-gap, 16px)}
+:root{--nano-font-size-sm: var(--font-size-sm, 14px);--nano-font-size-lg: var(--font-size-lg, 18px);--nano-font-weight-medium: var(--font-weight-medium, 500);--nano-radius-md: var(--radius-md, 6px);--nano-shadow-card: var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .12));--nano-color-brand-primary: var(--color-brand-primary, #243c96);--nano-color-brand-primary-hover: var(--color-brand-primary-hover, #3550b3);--nano-color-brand-primary-active: var(--color-brand-primary-active, #1b2f78);--nano-color-brand-primary-light: var(--color-brand-primary-light, #eef2ff);--nano-color-text-regular: var(--color-text-regular, #606266);--nano-color-text-on-brand: var(--color-text-on-brand, #ffffff);--nano-color-border-default: var(--color-border-default, #dcdfe6);--nano-color-success: var(--color-success, #67c23a);--nano-color-success-hover: var(--color-success-hover, #85ce61);--nano-color-success-active: var(--color-success-active, #529b2e);--nano-color-warning: var(--color-warning, #e6a23c);--nano-color-warning-hover: var(--color-warning-hover, #ebb563);--nano-color-warning-active: var(--color-warning-active, #b88230);--nano-color-danger: var(--color-danger, #d35a5a);--nano-color-danger-hover: var(--color-danger-hover, #e07272);--nano-color-danger-active: var(--color-danger-active, #bc4949);--nano-color-info: var(--color-info, #909399);--nano-color-info-hover: var(--color-info-hover, #a6a9ad);--nano-color-info-active: var(--color-info-active, #73767a);--nano-color-focus-outline: var(--color-focus-outline, rgba(36, 60, 150, .32));--nano-button-default-bg: var(--button-default-bg, #ffffff);--nano-button-default-text: var(--button-default-text, var(--nano-color-text-regular));--nano-button-default-border: var(--button-default-border, var(--nano-color-border-default));--nano-button-default-hover-bg: var(--button-default-hover-bg, var(--nano-color-brand-primary-light));--nano-button-default-hover-text: var(--button-default-hover-text, var(--nano-color-brand-primary));--nano-button-default-hover-border: var(--button-default-hover-border, var(--nano-color-brand-primary-hover));--nano-button-default-active-bg: var(--button-default-active-bg, #e0e8ff);--nano-button-default-active-text: var(--button-default-active-text, var(--nano-color-brand-primary-active));--nano-button-default-active-border: var(--button-default-active-border, var(--nano-color-brand-primary-active));--nano-button-secondary-bg: var(--button-secondary-bg, var(--nano-color-brand-primary-light));--nano-button-secondary-text: var(--button-secondary-text, var(--nano-color-brand-primary));--nano-button-secondary-border: var(--button-secondary-border, rgba(36, 60, 150, .32));--nano-button-secondary-hover-bg: var(--button-secondary-hover-bg, #e0e8ff);--nano-button-secondary-hover-text: var(--button-secondary-hover-text, var(--nano-color-brand-primary-hover));--nano-button-secondary-hover-border: var(--button-secondary-hover-border, var(--nano-color-brand-primary-hover));--nano-button-secondary-active-bg: var(--button-secondary-active-bg, #d4defd);--nano-button-secondary-active-text: var(--button-secondary-active-text, var(--nano-color-brand-primary-active));--nano-button-secondary-active-border: var(--button-secondary-active-border, var(--nano-color-brand-primary-active));--nano-button-import-bg: var(--button-import-bg, #edf5f3);--nano-button-import-text: var(--button-import-text, #2f6b57);--nano-button-import-border: var(--button-import-border, rgba(47, 107, 87, .2));--nano-button-import-hover-bg: var(--button-import-hover-bg, #e0f0ec);--nano-button-import-hover-text: var(--button-import-hover-text, #285c4b);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(47, 107, 87, .36));--nano-button-import-active-bg: var(--button-import-active-bg, #d3e8e2);--nano-button-import-active-text: var(--button-import-active-text, #224f40);--nano-button-import-active-border: var(--button-import-active-border, rgba(47, 107, 87, .48));--nano-button-export-bg: var(--button-export-bg, #edf5f3);--nano-button-export-text: var(--button-export-text, #2f6b57);--nano-button-export-border: var(--button-export-border, rgba(47, 107, 87, .2));--nano-button-export-hover-bg: var(--button-export-hover-bg, #e0f0ec);--nano-button-export-hover-text: var(--button-export-hover-text, #285c4b);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(47, 107, 87, .36));--nano-button-export-active-bg: var(--button-export-active-bg, #d3e8e2);--nano-button-export-active-text: var(--button-export-active-text, #224f40);--nano-button-export-active-border: var(--button-export-active-border, rgba(47, 107, 87, .48));--nano-button-text-default: var(--button-text-default, var(--nano-color-text-regular));--nano-button-text-hover-bg: var(--button-text-hover-bg, var(--nano-color-brand-primary-light));--nano-button-text-hover: var(--button-text-hover, var(--nano-color-brand-primary));--nano-button-text-active: var(--button-text-active, var(--nano-color-brand-primary-active));--nano-button-hover-shadow: var(--button-hover-shadow, 0 4px 12px rgba(36, 60, 150, .16));--nano-button-default-hover-shadow: var(--button-default-hover-shadow, 0 2px 10px rgba(36, 60, 150, .12));--nano-button-danger-hover-shadow: var(--button-danger-hover-shadow, 0 4px 12px rgba(211, 90, 90, .18))}html.dark{--nano-button-import-bg: var(--button-import-bg, rgba(80, 160, 120, .16));--nano-button-import-text: var(--button-import-text, #8dd3b1);--nano-button-import-border: var(--button-import-border, rgba(80, 160, 120, .28));--nano-button-import-hover-bg: var(--button-import-hover-bg, rgba(80, 160, 120, .24));--nano-button-import-hover-text: var(--button-import-hover-text, #a6e2c4);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(80, 160, 120, .42));--nano-button-import-active-bg: var(--button-import-active-bg, rgba(80, 160, 120, .32));--nano-button-import-active-text: var(--button-import-active-text, #8dd3b1);--nano-button-import-active-border: var(--button-import-active-border, rgba(80, 160, 120, .56));--nano-button-export-bg: var(--button-export-bg, rgba(80, 160, 120, .16));--nano-button-export-text: var(--button-export-text, #8dd3b1);--nano-button-export-border: var(--button-export-border, rgba(80, 160, 120, .28));--nano-button-export-hover-bg: var(--button-export-hover-bg, rgba(80, 160, 120, .24));--nano-button-export-hover-text: var(--button-export-hover-text, #a6e2c4);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(80, 160, 120, .42));--nano-button-export-active-bg: var(--button-export-active-bg, rgba(80, 160, 120, .32));--nano-button-export-active-text: var(--button-export-active-text, #8dd3b1);--nano-button-export-active-border: var(--button-export-active-border, rgba(80, 160, 120, .56))}.el-button{--button-bg: var(--button-default-bg, var(--nano-button-default-bg));--button-text: var(--button-default-text, var(--nano-button-default-text));--button-border: var(--button-default-border, var(--nano-button-default-border));--button-bg-hover: var(--button-default-hover-bg, var(--nano-button-default-hover-bg));--button-text-hover: var(--button-default-hover-text, var(--nano-button-default-hover-text));--button-border-hover: var(--button-default-hover-border, var(--nano-button-default-hover-border));--button-bg-active: var(--button-default-active-bg, var(--nano-button-default-active-bg));--button-text-active: var(--button-default-active-text, var(--nano-button-default-active-text));--button-border-active: var(--button-default-active-border, var(--nano-button-default-active-border));--button-shadow-hover: var(--button-default-hover-shadow, var(--nano-button-default-hover-shadow));font-size:var(--font-size-sm, var(--nano-font-size-sm));font-weight:var(--font-weight-medium, var(--nano-font-weight-medium));border-radius:var(--radius-md, var(--nano-radius-md));transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.el-button:focus-visible{outline:2px solid var(--color-focus-outline, var(--nano-color-focus-outline));outline-offset:2px}.el-button.is-disabled,.el-button.is-disabled:hover,.el-button.is-disabled:active{box-shadow:none}.el-button:not(.is-text):not(.is-link){--el-button-text-color: var(--button-text);--el-button-bg-color: var(--button-bg);--el-button-border-color: var(--button-border);--el-button-hover-text-color: var(--button-text-hover);--el-button-hover-bg-color: var(--button-bg-hover);--el-button-hover-border-color: var(--button-border-hover);--el-button-active-text-color: var(--button-text-active);--el-button-active-bg-color: var(--button-bg-active);--el-button-active-border-color: var(--button-border-active);color:var(--button-text);background-color:var(--button-bg);border-color:var(--button-border)}.el-button:not(.is-text):not(.is-link):hover{background-color:var(--button-bg-hover);color:var(--button-text-hover);border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover)}.el-button:not(.is-text):not(.is-link):active{background-color:var(--button-bg-active);color:var(--button-text-active);border-color:var(--button-border-active);box-shadow:none}.el-button.app-button-secondary{--button-bg: var(--button-secondary-bg, var(--nano-button-secondary-bg));--button-text: var(--button-secondary-text, var(--nano-button-secondary-text));--button-border: var(--button-secondary-border, var(--nano-button-secondary-border));--button-bg-hover: var(--button-secondary-hover-bg, var(--nano-button-secondary-hover-bg));--button-text-hover: var(--button-secondary-hover-text, var(--nano-button-secondary-hover-text));--button-border-hover: var(--button-secondary-hover-border, var(--nano-button-secondary-hover-border));--button-bg-active: var(--button-secondary-active-bg, var(--nano-button-secondary-active-bg));--button-text-active: var(--button-secondary-active-text, var(--nano-button-secondary-active-text));--button-border-active: var(--button-secondary-active-border, var(--nano-button-secondary-active-border))}.el-button.app-button-import{--button-bg: var(--button-import-bg, var(--nano-button-import-bg));--button-text: var(--button-import-text, var(--nano-button-import-text));--button-border: var(--button-import-border, var(--nano-button-import-border));--button-bg-hover: var(--button-import-hover-bg, var(--nano-button-import-hover-bg));--button-text-hover: var(--button-import-hover-text, var(--nano-button-import-hover-text));--button-border-hover: var(--button-import-hover-border, var(--nano-button-import-hover-border));--button-bg-active: var(--button-import-active-bg, var(--nano-button-import-active-bg));--button-text-active: var(--button-import-active-text, var(--nano-button-import-active-text));--button-border-active: var(--button-import-active-border, var(--nano-button-import-active-border))}.el-button.app-button-export{--button-bg: var(--button-export-bg, var(--nano-button-export-bg));--button-text: var(--button-export-text, var(--nano-button-export-text));--button-border: var(--button-export-border, var(--nano-button-export-border));--button-bg-hover: var(--button-export-hover-bg, var(--nano-button-export-hover-bg));--button-text-hover: var(--button-export-hover-text, var(--nano-button-export-hover-text));--button-border-hover: var(--button-export-hover-border, var(--nano-button-export-hover-border));--button-bg-active: var(--button-export-active-bg, var(--nano-button-export-active-bg));--button-text-active: var(--button-export-active-text, var(--nano-button-export-active-text));--button-border-active: var(--button-export-active-border, var(--nano-button-export-active-border))}.el-button.el-button--primary,.el-button.el-button--success,.el-button.el-button--warning,.el-button.el-button--danger,.el-button.el-button--info{--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-shadow-hover: var(--button-hover-shadow, var(--nano-button-hover-shadow));box-shadow:none}.el-button.el-button--primary{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active))}.el-button.el-button--success{--button-bg: var(--color-success, var(--nano-color-success));--button-border: var(--color-success, var(--nano-color-success));--button-bg-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-border-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-bg-active: var(--color-success-active, var(--nano-color-success-active));--button-border-active: var(--color-success-active, var(--nano-color-success-active))}.el-button.el-button--warning{--button-bg: var(--color-warning, var(--nano-color-warning));--button-border: var(--color-warning, var(--nano-color-warning));--button-bg-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-border-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-bg-active: var(--color-warning-active, var(--nano-color-warning-active));--button-border-active: var(--color-warning-active, var(--nano-color-warning-active))}.el-button.el-button--danger{--button-bg: var(--color-danger, var(--nano-color-danger));--button-border: var(--color-danger, var(--nano-color-danger));--button-bg-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-border-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-bg-active: var(--color-danger-active, var(--nano-color-danger-active));--button-border-active: var(--color-danger-active, var(--nano-color-danger-active));--button-shadow-hover: var(--button-danger-hover-shadow, var(--nano-button-danger-hover-shadow))}.el-button.el-button--info{--button-bg: var(--color-info, var(--nano-color-info));--button-border: var(--color-info, var(--nano-color-info));--button-bg-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-border-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-bg-active: var(--color-info-active, var(--nano-color-info-active));--button-border-active: var(--color-info-active, var(--nano-color-info-active))}.el-button.is-text,.el-button.is-link{background-color:transparent;color:var(--button-text-default, var(--nano-button-text-default));border-color:transparent;box-shadow:none}.el-button.is-text:hover{background-color:var(--button-text-hover-bg, var(--nano-button-text-hover-bg));color:var(--button-text-hover, var(--nano-button-text-hover))}.el-button.is-link:hover,.el-button.is-text:active,.el-button.is-link:active{color:var(--button-text-active, var(--nano-button-text-active))}.app-backtop.el-backtop{width:auto;height:auto;background-color:transparent;box-shadow:none}.app-backtop.el-backtop:hover{background-color:transparent}.app-backtop-button.el-button{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));width:42px;height:42px;padding:0;border-radius:12px;border-width:1px;box-shadow:0 10px 22px #243c9642,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.app-backtop-button.el-button>span,.app-backtop-icon{display:inline-flex;align-items:center;justify-content:center}.app-backtop-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.app-backtop-button.el-button:not(.is-text):not(.is-link):hover{transform:translateY(-2px);box-shadow:0 14px 26px #243c964d,inset 0 1px #ffffff38}.app-backtop-button.el-button:not(.is-text):not(.is-link):active{transform:translateY(0);box-shadow:0 6px 14px #243c9638,inset 0 1px 2px #1b2f7847}.cst-pagination[data-v-b5348694]{--el-color-primary: var(--color-brand-primary, var(--nano-color-brand-primary));--el-pagination-hover-color: var(--color-brand-primary, var(--nano-color-brand-primary));display:flex;width:100%}.cst-pagination--start[data-v-b5348694]{justify-content:flex-start}.cst-pagination--center[data-v-b5348694]{justify-content:center}.cst-pagination--end[data-v-b5348694]{justify-content:flex-end}.cst-table-wrapper[data-v-69aa088d]{display:flex;width:100%;min-height:0;flex-direction:column}.cst-table[data-v-69aa088d]{width:100%;overflow:hidden;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.cst-table-pagination[data-v-69aa088d]{margin-top:var(--cst-table-pagination-gap, 16px)}

package/dist/table/CstTable.vue.d.ts

@@ -1,4 +1,5 @@
 type PaginationAlign = 'start' | 'center' | 'end';
+type TableRow = Record<PropertyKey, any>;
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -8,7 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
-    data?: unknown[];
+    data?: TableRow[];
     pagination?: boolean;
     defaultPageSize?: number;
     pageSizes?: number[];
@@ -19,7 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     currentPageChange: (value: number) => any;
     pageSizeChange: (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    data?: unknown[];
+    data?: TableRow[];
     pagination?: boolean;
     defaultPageSize?: number;
     pageSizes?: number[];
@@ -30,7 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     onCurrentPageChange?: ((value: number) => any) | undefined;
     onPageSizeChange?: ((value: number) => any) | undefined;
 }>, {
-    data: unknown[];
+    data: TableRow[];
     pageSizes: number[];
     defaultPageSize: number;
     pagination: boolean;

package/dist/table/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=e.defineComponent({name:"CstPagination",inheritAttrs:!1,__name:"CstPagination",props:{currentPage:{default:1},pageSize:{default:10},total:{default:void 0},pageCount:{default:void 0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next, jumper"},background:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1},align:{default:"end"}},emits:["update:currentPage","update:pageSize","currentChange","sizeChange","prevClick","nextClick"],setup(t,{emit:i}){const o=i;return(u,n)=>{const s=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cst-pagination",`cst-pagination--${t.align}`])},[e.createVNode(s,e.mergeProps(u.$attrs,{"current-page":t.currentPage,"page-size":t.pageSize,"page-sizes":t.pageSizes,layout:t.layout,background:t.background,disabled:t.disabled,"hide-on-single-page":t.hideOnSinglePage,total:t.pageCount===void 0?t.total??0:void 0,"page-count":t.pageCount,"onUpdate:currentPage":n[0]||(n[0]=a=>o("update:currentPage",a)),"onUpdate:pageSize":n[1]||(n[1]=a=>o("update:pageSize",a)),onCurrentChange:n[2]||(n[2]=a=>o("currentChange",a)),onSizeChange:n[3]||(n[3]=a=>o("sizeChange",a)),onPrevClick:n[4]||(n[4]=a=>o("prevClick",a)),onNextClick:n[5]||(n[5]=a=>o("nextClick",a))}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},void 0,!0)]),_:3},16,["current-page","page-size","page-sizes","layout","background","disabled","hide-on-single-page","total","page-count"])],2)}}}),c=(t,i)=>{const o=t.__vccOpts||t;for(const[u,n]of i)o[u]=n;return o},g=c(b,[["__scopeId","data-v-57970e36"]]),P={class:"cst-table-wrapper"},S={key:0,class:"cst-table-pagination"},k=e.defineComponent({name:"CstTable",inheritAttrs:!1,__name:"CstTable",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!0},defaultPageSize:{default:20},pageSizes:{default:()=>[10,20,50,100]},paginationLayout:{default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationAlign:{default:"end"}},emits:["currentPageChange","pageSizeChange"],setup(t,{emit:i}){const o=t,u=i,n=e.useAttrs(),s=e.ref(1),a=e.ref(o.defaultPageSize),C=e.computed(()=>{if(!o.pagination)return o.data;const l=(s.value-1)*a.value;return o.data.slice(l,l+a.value)}),m=e.computed(()=>({border:!0,stripe:!0,fit:!0,tableLayout:"auto",...n})),d=l=>{s.value=l,u("currentPageChange",l)},v=l=>{a.value=l,s.value=1,u("pageSizeChange",l),u("currentPageChange",1)};return e.watch(()=>o.data.length,l=>{const r=Math.max(1,Math.ceil(l/a.value));s.value>r&&d(r)}),(l,r)=>{const z=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",P,[e.createVNode(z,e.mergeProps(m.value,{data:C.value,class:"cst-table"}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},16,["data"]),t.pagination?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(g,{"current-page":s.value,"page-size":a.value,total:t.data.length,"page-sizes":t.pageSizes,layout:t.paginationLayout,background:t.paginationBackground,align:t.paginationAlign,"onUpdate:currentPage":d,"onUpdate:pageSize":v},null,8,["current-page","page-size","total","page-sizes","layout","background","align"])])):e.createCommentVNode("",!0)])}}}),p=c(k,[["__scopeId","data-v-18cdd107"]]),y=[p,g],f=t=>{y.forEach(i=>{t.component(i.name||"AnonymousComponent",i)})},h={install:f};exports.CstPagination=g;exports.CstTable=p;exports.default=h;exports.install=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=e.defineComponent({name:"CstPagination",inheritAttrs:!1,__name:"CstPagination",props:{currentPage:{default:1},pageSize:{default:10},total:{default:void 0},pageCount:{default:void 0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next, jumper"},background:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1},align:{default:"end"}},emits:["update:currentPage","update:pageSize","currentChange","sizeChange","prevClick","nextClick"],setup(t,{emit:i}){const o=i;return(u,n)=>{const s=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cst-pagination",`cst-pagination--${t.align}`])},[e.createVNode(s,e.mergeProps(u.$attrs,{"current-page":t.currentPage,"page-size":t.pageSize,"page-sizes":t.pageSizes,layout:t.layout,background:t.background,disabled:t.disabled,"hide-on-single-page":t.hideOnSinglePage,total:t.pageCount===void 0?t.total??0:void 0,"page-count":t.pageCount,"onUpdate:currentPage":n[0]||(n[0]=a=>o("update:currentPage",a)),"onUpdate:pageSize":n[1]||(n[1]=a=>o("update:pageSize",a)),onCurrentChange:n[2]||(n[2]=a=>o("currentChange",a)),onSizeChange:n[3]||(n[3]=a=>o("sizeChange",a)),onPrevClick:n[4]||(n[4]=a=>o("prevClick",a)),onNextClick:n[5]||(n[5]=a=>o("nextClick",a))}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},void 0,!0)]),_:3},16,["current-page","page-size","page-sizes","layout","background","disabled","hide-on-single-page","total","page-count"])],2)}}}),c=(t,i)=>{const o=t.__vccOpts||t;for(const[u,n]of i)o[u]=n;return o},g=c(b,[["__scopeId","data-v-b5348694"]]),P={class:"cst-table-wrapper"},S={key:0,class:"cst-table-pagination"},k=e.defineComponent({name:"CstTable",inheritAttrs:!1,__name:"CstTable",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!0},defaultPageSize:{default:20},pageSizes:{default:()=>[10,20,50,100]},paginationLayout:{default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationAlign:{default:"end"}},emits:["currentPageChange","pageSizeChange"],setup(t,{emit:i}){const o=t,u=i,n=e.useAttrs(),s=e.ref(1),a=e.ref(o.defaultPageSize),C=e.computed(()=>{if(!o.pagination)return o.data;const l=(s.value-1)*a.value;return o.data.slice(l,l+a.value)}),m=e.computed(()=>({border:!0,stripe:!0,fit:!0,tableLayout:"auto",...n})),d=l=>{s.value=l,u("currentPageChange",l)},v=l=>{a.value=l,s.value=1,u("pageSizeChange",l),u("currentPageChange",1)};return e.watch(()=>o.data.length,l=>{const r=Math.max(1,Math.ceil(l/a.value));s.value>r&&d(r)}),(l,r)=>{const z=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",P,[e.createVNode(z,e.mergeProps(m.value,{data:C.value,class:"cst-table"}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},16,["data"]),t.pagination?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(g,{"current-page":s.value,"page-size":a.value,total:t.data.length,"page-sizes":t.pageSizes,layout:t.paginationLayout,background:t.paginationBackground,align:t.paginationAlign,"onUpdate:currentPage":d,"onUpdate:pageSize":v},null,8,["current-page","page-size","total","page-sizes","layout","background","align"])])):e.createCommentVNode("",!0)])}}}),p=c(k,[["__scopeId","data-v-69aa088d"]]),y=[p,g],f=t=>{y.forEach(i=>{t.component(i.name||"AnonymousComponent",i)})},h={install:f};exports.CstPagination=g;exports.CstTable=p;exports.default=h;exports.install=f;

package/dist/table/index.mjs

@@ -53,7 +53,7 @@ const U = /* @__PURE__ */ C({
   for (const [l, a] of i)
     n[l] = a;
   return n;
-}, S = /* @__PURE__ */ P(U, [["__scopeId", "data-v-57970e36"]]), w = { class: "cst-table-wrapper" }, L = {
+}, S = /* @__PURE__ */ P(U, [["__scopeId", "data-v-b5348694"]]), w = { class: "cst-table-wrapper" }, L = {
   key: 0,
   class: "cst-table-pagination"
 }, N = /* @__PURE__ */ C({
@@ -121,7 +121,7 @@ const U = /* @__PURE__ */ C({
       ]);
     };
   }
-}), O = /* @__PURE__ */ P(N, [["__scopeId", "data-v-18cdd107"]]), j = [O, S], E = (e) => {
+}), O = /* @__PURE__ */ P(N, [["__scopeId", "data-v-69aa088d"]]), j = [O, S], E = (e) => {
   j.forEach((i) => {
     e.component(i.name || "AnonymousComponent", i);
   });

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@cst-ui/nano-buttons",
-    "version": "0.3.2",
-    "description": "Nano themed Vue 3 button, table, pagination, and dialog tab components based on Element Plus.",
+    "version": "0.4.0",
+    "description": "Nano themed Vue 3 button, table, pagination, and dialog tab components based on Element Plus.",
     "license": "UNLICENSED",
     "type": "module",
     "main": "./dist/index.cjs",

package/dist/NanoTextAddButton.vue_vue_type_script_setup_true_lang-CYuxrToE.js

@@ -1,219 +0,0 @@
-import { defineComponent as p, openBlock as s, createBlock as a, mergeProps as n, withCtx as r, renderSlot as u, createTextVNode as $, createElementVNode as f, normalizeProps as d, guardReactiveProps as m } from "vue";
-import { buttonProps as l } from "element-plus";
-import { _ as o } from "./NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
-const y = /* @__PURE__ */ p({
-  name: "NanoAddButton",
-  inheritAttrs: !1,
-  __name: "NanoAddButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, n({ ...t.$props, ...t.$attrs }, {
-      type: "primary",
-      icon: "Plus"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("新增", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), k = /* @__PURE__ */ p({
-  name: "NanoBackTopButton",
-  inheritAttrs: !1,
-  __name: "NanoBackTopButton",
-  props: l,
-  setup(i) {
-    return (t, e) => t.$slots.default ? (s(), a(o, n({ key: 0 }, { ...t.$props, ...t.$attrs }, {
-      secondary: "",
-      class: "app-backtop-button"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16)) : (s(), a(o, n({ key: 1 }, { ...t.$props, ...t.$attrs }, {
-      secondary: "",
-      class: "app-backtop-button"
-    }), {
-      default: r(() => [...e[0] || (e[0] = [
-        f("svg", {
-          class: "app-backtop-icon",
-          viewBox: "0 0 24 24",
-          "aria-hidden": "true",
-          focusable: "false"
-        }, [
-          f("path", { d: "M6 5h12" }),
-          f("path", { d: "M12 19V9" }),
-          f("path", { d: "m8 13 4-4 4 4" })
-        ], -1)
-      ])]),
-      _: 1
-    }, 16));
-  }
-}), c = /* @__PURE__ */ p({
-  name: "NanoCancelButton",
-  inheritAttrs: !1,
-  __name: "NanoCancelButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, d(m({ ...t.$props, ...t.$attrs })), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("取消", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), h = /* @__PURE__ */ p({
-  name: "NanoDeleteButton",
-  inheritAttrs: !1,
-  __name: "NanoDeleteButton",
-  props: l,
-  setup(i) {
-    return (t, e) => t.$slots.default ? (s(), a(o, n({ key: 0 }, { ...t.$props, ...t.$attrs }, {
-      type: "danger",
-      icon: "Delete"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16)) : (s(), a(o, n({ key: 1 }, { ...t.$props, ...t.$attrs }, {
-      type: "danger",
-      icon: "Delete"
-    }), null, 16));
-  }
-}), A = /* @__PURE__ */ p({
-  name: "NanoEditButton",
-  inheritAttrs: !1,
-  __name: "NanoEditButton",
-  props: l,
-  setup(i) {
-    return (t, e) => t.$slots.default ? (s(), a(o, n({ key: 0 }, { ...t.$props, ...t.$attrs }, { icon: "Edit" }), {
-      default: r(() => [
-        u(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16)) : (s(), a(o, n({ key: 1 }, { ...t.$props, ...t.$attrs }, { icon: "Edit" }), null, 16));
-  }
-}), b = /* @__PURE__ */ p({
-  name: "NanoExportButton",
-  inheritAttrs: !1,
-  __name: "NanoExportButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, n({ ...t.$props, ...t.$attrs }, {
-      class: "app-button-export",
-      icon: "Download"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("导出", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), g = /* @__PURE__ */ p({
-  name: "NanoImportButton",
-  inheritAttrs: !1,
-  __name: "NanoImportButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, n({ ...t.$props, ...t.$attrs }, {
-      class: "app-button-import",
-      icon: "Upload"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("导入", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), E = /* @__PURE__ */ p({
-  name: "NanoManageButton",
-  inheritAttrs: !1,
-  __name: "NanoManageButton",
-  props: l,
-  setup(i) {
-    return (t, e) => t.$slots.default ? (s(), a(o, n({ key: 0 }, { ...t.$props, ...t.$attrs }, {
-      type: "primary",
-      icon: "Setting"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16)) : (s(), a(o, n({ key: 1 }, { ...t.$props, ...t.$attrs }, {
-      type: "primary",
-      icon: "Setting"
-    }), null, 16));
-  }
-}), P = /* @__PURE__ */ p({
-  name: "NanoMoveButton",
-  inheritAttrs: !1,
-  __name: "NanoMoveButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, n({ ...t.$props, ...t.$attrs }, { icon: "Rank" }), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("移动", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), M = /* @__PURE__ */ p({
-  name: "NanoSubmitButton",
-  inheritAttrs: !1,
-  __name: "NanoSubmitButton",
-  props: l,
-  setup(i) {
-    return (t, e) => (s(), a(o, n({ ...t.$props, ...t.$attrs }, { type: "primary" }), {
-      default: r(() => [
-        u(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = $("保存", -1))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), v = /* @__PURE__ */ p({
-  name: "NanoTextAddButton",
-  inheritAttrs: !1,
-  __name: "NanoTextAddButton",
-  props: l,
-  setup(i) {
-    return (t, e) => t.$slots.default ? (s(), a(o, n({ key: 0 }, { ...t.$props, ...t.$attrs }, {
-      text: "",
-      icon: "Plus"
-    }), {
-      default: r(() => [
-        u(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16)) : (s(), a(o, n({ key: 1 }, { ...t.$props, ...t.$attrs }, {
-      text: "",
-      icon: "Plus"
-    }), null, 16));
-  }
-});
-export {
-  y as _,
-  v as a,
-  P as b,
-  g as c,
-  b as d,
-  A as e,
-  E as f,
-  h as g,
-  M as h,
-  c as i,
-  k as j
-};

package/dist/NanoTextAddButton.vue_vue_type_script_setup_true_lang-DIaonSsx.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),r=require("element-plus"),n=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),a=e.defineComponent({name:"NanoAddButton",inheritAttrs:!1,__name:"NanoAddButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("新增",-1))])]),_:3},16))}}),p=e.defineComponent({name:"NanoBackTopButton",inheritAttrs:!1,__name:"NanoBackTopButton",props:r.buttonProps,setup(s){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createElementVNode("svg",{class:"app-backtop-icon",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M6 5h12"}),e.createElementVNode("path",{d:"M12 19V9"}),e.createElementVNode("path",{d:"m8 13 4-4 4 4"})],-1)])]),_:1},16))}}),l=e.defineComponent({name:"NanoCancelButton",inheritAttrs:!1,__name:"NanoCancelButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.normalizeProps(e.guardReactiveProps({...t.$props,...t.$attrs})),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("取消",-1))])]),_:3},16))}}),u=e.defineComponent({name:"NanoDeleteButton",inheritAttrs:!1,__name:"NanoDeleteButton",props:r.buttonProps,setup(s){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{type:"danger",icon:"Delete"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{type:"danger",icon:"Delete"}),null,16))}}),i=e.defineComponent({name:"NanoEditButton",inheritAttrs:!1,__name:"NanoEditButton",props:r.buttonProps,setup(s){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{icon:"Edit"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{icon:"Edit"}),null,16))}}),m=e.defineComponent({name:"NanoExportButton",inheritAttrs:!1,__name:"NanoExportButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-export",icon:"Download"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导出",-1))])]),_:3},16))}}),_=e.defineComponent({name:"NanoImportButton",inheritAttrs:!1,__name:"NanoImportButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-import",icon:"Upload"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导入",-1))])]),_:3},16))}}),c=e.defineComponent({name:"NanoManageButton",inheritAttrs:!1,__name:"NanoManageButton",props:r.buttonProps,setup(s){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),null,16))}}),f=e.defineComponent({name:"NanoMoveButton",inheritAttrs:!1,__name:"NanoMoveButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{icon:"Rank"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("移动",-1))])]),_:3},16))}}),d=e.defineComponent({name:"NanoSubmitButton",inheritAttrs:!1,__name:"NanoSubmitButton",props:r.buttonProps,setup(s){return(t,o)=>(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("保存",-1))])]),_:3},16))}}),$=e.defineComponent({name:"NanoTextAddButton",inheritAttrs:!1,__name:"NanoTextAddButton",props:r.buttonProps,setup(s){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(n._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),null,16))}});exports._sfc_main=a;exports._sfc_main$1=$;exports._sfc_main$10=p;exports._sfc_main$2=f;exports._sfc_main$3=_;exports._sfc_main$4=m;exports._sfc_main$5=i;exports._sfc_main$6=c;exports._sfc_main$7=u;exports._sfc_main$8=d;exports._sfc_main$9=l;