@cst-ui/nano-buttons 0.2.0 → 0.2.2

package/README.md

@@ -4,6 +4,21 @@ Nano 项目主题按钮组件库，基于 Vue 3 和 Element Plus 封装。
 
 这个包用于统一提供 Nano 系列按钮组件，并通过子入口提供弹窗标签页化的公共能力。模板中统一使用横线法组件名，例如 `<nano-button>`，不再保留旧命名。
 
+## 入口说明
+
+包内能力按子入口拆分，按钮和弹窗标签页可以分开引入：
+
+```ts
+// 兼容旧按钮入口
+import NanoButtons from '@cst-ui/nano-buttons'
+
+// 明确的按钮入口
+import NanoButtons from '@cst-ui/nano-buttons/buttons'
+
+// 弹窗标签页入口
+import { createNanoDialogTabs } from '@cst-ui/nano-buttons/dialog-tabs'
+```
+
 ## 在线文档
 
 组件效果、安装方式、使用示例和 API 说明见在线文档：
@@ -32,6 +47,12 @@ app.use(NanoButtons)
 app.mount('#app')
 ```
 
+按钮插件也提供明确的平级子入口，旧入口继续兼容：
+
+```ts
+import NanoButtons from '@cst-ui/nano-buttons/buttons'
+```
+
 ## 组件列表
 
 模板中统一使用横线法：
@@ -78,13 +99,131 @@ app.mount('#app')
 
 ## 弹窗标签页
 
-弹窗标签页能力从子入口导入：
+弹窗标签页能力用于把原本的弹窗按开关切换成系统 tab 页，同时保留原弹窗模式。公共包只负责打开模式、上下文缓存、保存结果通知、关闭回来源页和 `NanoDialogTabPage` 页面壳；业务项目负责注册页面、请求数据和保存业务。
+
+### 入口安装
+
+在应用入口安装插件：
+
+```ts
+import { createNanoDialogTabs } from '@cst-ui/nano-buttons/dialog-tabs'
+
+app.use(createNanoDialogTabs({
+  router,
+  parentRouteName: 'layout',
+  registry: dialogRegistry,
+  mode: () => DIALOG_OPEN_MODE,
+  translate: key => i18n.global.t(key),
+  tabAdapter: {
+    getTabs: () => tabStore.tabsOption,
+    getCurrentIndex: () => tabStore.currentIndex,
+    setCurrentIndex: index => tabStore.SET_TAB(index),
+    deleteTab: index => tabStore.DELETE_TAB(index),
+  },
+}))
+```
+
+### 注册页面
+
+在业务项目维护弹窗注册表：
 
 ```ts
-import { createNanoDialogTabs, useDialogOpen } from '@cst-ui/nano-buttons/dialog-tabs'
+export const dialogRegistry = {
+  userEdit: {
+    suffix: '/edit',
+    title: 'dialog.user.edit',
+    component: async () => await import('@/views/user/components/edit-page.vue'),
+    props: {
+      mode: 'edit',
+    },
+  },
+}
 ```
 
-公共包只负责打开模式、上下文缓存、保存结果通知、关闭回来源页和 `NanoDialogTabPage` 页面壳。业务项目需要传入 `router`、`registry`、`tabAdapter` 和打开模式。
+### 打开弹窗或 tab
+
+原页面统一使用 `openDialog`。开关为 `dialog` 时走 `openModal`，开关为 `tab` 时打开注册页面：
+
+```ts
+import { useDialogOpen } from '@cst-ui/nano-buttons/dialog-tabs'
+
+const { openDialog } = useDialogOpen()
+
+openDialog({
+  key: 'userEdit',
+  routeSuffix: `/edit/${row.id}`,
+  routePatternSuffix: '/edit/:id',
+  context: {
+    id: row.id,
+  },
+  openModal: () => {
+    data.showEdit = true
+  },
+})
+```
+
+### tab 页面
+
+tab 页面用 `NanoDialogTabPage` 统一标题、内容滚动、底部操作区和上下文失效兜底：
+
+```vue
+<template>
+  <NanoDialogTabPage
+    :title-key="pageTitleKey"
+    :loading="loading"
+    :expired="expired"
+    @close="closeCurrentDialogTab"
+  >
+    <UserEditForm
+      :item="item"
+      variant="page"
+      @cancel="closeCurrentDialogTab"
+      @save-ok="onSaveOk"
+    />
+  </NanoDialogTabPage>
+</template>
+
+<script setup lang="ts">
+import { NanoDialogTabPage, useDialogPage } from '@cst-ui/nano-buttons/dialog-tabs'
+
+const {
+  route,
+  dialogContext,
+  closeCurrentDialogTab,
+  emitSavedAndClose,
+} = useDialogPage<{ id?: string }>('dialog.user.edit')
+
+const id = computed(() => dialogContext.value?.id ?? route.params.id)
+
+const onSaveOk = () => {
+  emitSavedAndClose('userEdit', { id: id.value })
+}
+</script>
+```
+
+### 保存后刷新来源页
+
+来源页可以监听保存结果并刷新列表：
+
+```ts
+import { onDialogResult } from '@cst-ui/nano-buttons/dialog-tabs'
+
+onMounted(() => {
+  const remove = onDialogResult((result) => {
+    if (result.key === 'userEdit' && result.type === 'saved')
+      loadList()
+  })
+
+  onUnmounted(remove)
+})
+```
+
+### 使用建议
+
+1. 路由上的业务主键只放可被正常访问的 ID，不放敏感数据。
+2. `context` 只作为临时上下文，页面刷新后可能失效，页面应提供兜底提示或根据路由主键重新查数据。
+3. 标题传多语言 key，不在公共模块里写死业务文案。
+4. 保存成功统一用 `emitSavedAndClose` 通知来源页刷新。
 
 ## 维护与发布
 

package/dist/buttons/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=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:s.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))}}),p=e.defineComponent({name:"NanoBackTopButton",inheritAttrs:!1,__name:"NanoBackTopButton",props:s.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))}}),l=e.defineComponent({name:"NanoCancelButton",inheritAttrs:!1,__name:"NanoCancelButton",props:s.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))}}),u=e.defineComponent({name:"NanoDeleteButton",inheritAttrs:!1,__name:"NanoDeleteButton",props:s.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:"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:s.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))}}),m=e.defineComponent({name:"NanoExportButton",inheritAttrs:!1,__name:"NanoExportButton",props:s.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:s.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))}}),d=e.defineComponent({name:"NanoManageButton",inheritAttrs:!1,__name:"NanoManageButton",props:s.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))}}),f=e.defineComponent({name:"NanoMoveButton",inheritAttrs:!1,__name:"NanoMoveButton",props:s.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))}}),_=e.defineComponent({name:"NanoSubmitButton",inheritAttrs:!1,__name:"NanoSubmitButton",props:s.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))}}),B=e.defineComponent({name:"NanoTextAddButton",inheritAttrs:!1,__name:"NanoTextAddButton",props:s.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))}}),k=[n._sfc_main,a,B,f,c,m,i,d,u,_,l,p],$=r=>{k.forEach(t=>{r.component(t.name||"AnonymousComponent",t)})},N={install:$};exports.NanoButton=n._sfc_main;exports.NanoAddButton=a;exports.NanoBackTopButton=p;exports.NanoCancelButton=l;exports.NanoDeleteButton=u;exports.NanoEditButton=i;exports.NanoExportButton=m;exports.NanoImportButton=c;exports.NanoManageButton=d;exports.NanoMoveButton=f;exports.NanoSubmitButton=_;exports.NanoTextAddButton=B;exports.default=N;exports.install=$;

package/dist/buttons/index.d.ts

@@ -0,0 +1,19 @@
+import type { App, Plugin } from 'vue';
+import './styles/index.css';
+import NanoAddButton from './components/NanoAddButton.vue';
+import NanoBackTopButton from './components/NanoBackTopButton.vue';
+import NanoButton from './components/NanoButton.vue';
+import NanoCancelButton from './components/NanoCancelButton.vue';
+import NanoDeleteButton from './components/NanoDeleteButton.vue';
+import NanoEditButton from './components/NanoEditButton.vue';
+import NanoExportButton from './components/NanoExportButton.vue';
+import NanoImportButton from './components/NanoImportButton.vue';
+import NanoManageButton from './components/NanoManageButton.vue';
+import NanoMoveButton from './components/NanoMoveButton.vue';
+import NanoSubmitButton from './components/NanoSubmitButton.vue';
+import NanoTextAddButton from './components/NanoTextAddButton.vue';
+declare const install: (app: App) => void;
+declare const NanoButtons: Plugin;
+export { NanoButton, NanoAddButton, NanoTextAddButton, NanoMoveButton, NanoImportButton, NanoExportButton, NanoEditButton, NanoManageButton, NanoDeleteButton, NanoSubmitButton, NanoCancelButton, NanoBackTopButton, install, };
+export type { NanoButtonProps } from './components/props';
+export default NanoButtons;

package/dist/buttons/index.mjs

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

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=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:s.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))}}),p=e.defineComponent({name:"NanoBackTopButton",inheritAttrs:!1,__name:"NanoBackTopButton",props:s.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))}}),l=e.defineComponent({name:"NanoCancelButton",inheritAttrs:!1,__name:"NanoCancelButton",props:s.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))}}),u=e.defineComponent({name:"NanoDeleteButton",inheritAttrs:!1,__name:"NanoDeleteButton",props:s.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:"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:s.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))}}),m=e.defineComponent({name:"NanoExportButton",inheritAttrs:!1,__name:"NanoExportButton",props:s.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:s.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))}}),d=e.defineComponent({name:"NanoManageButton",inheritAttrs:!1,__name:"NanoManageButton",props:s.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))}}),f=e.defineComponent({name:"NanoMoveButton",inheritAttrs:!1,__name:"NanoMoveButton",props:s.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))}}),_=e.defineComponent({name:"NanoSubmitButton",inheritAttrs:!1,__name:"NanoSubmitButton",props:s.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))}}),B=e.defineComponent({name:"NanoTextAddButton",inheritAttrs:!1,__name:"NanoTextAddButton",props:s.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))}}),k=[n._sfc_main,a,B,f,c,m,i,d,u,_,l,p],$=r=>{k.forEach(t=>{r.component(t.name||"AnonymousComponent",t)})},N={install:$};exports.NanoButton=n._sfc_main;exports.NanoAddButton=a;exports.NanoBackTopButton=p;exports.NanoCancelButton=l;exports.NanoDeleteButton=u;exports.NanoEditButton=i;exports.NanoExportButton=m;exports.NanoImportButton=c;exports.NanoManageButton=d;exports.NanoMoveButton=f;exports.NanoSubmitButton=_;exports.NanoTextAddButton=B;exports.default=N;exports.install=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./buttons/index.cjs"),o=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs");exports.NanoAddButton=t.NanoAddButton;exports.NanoBackTopButton=t.NanoBackTopButton;exports.NanoCancelButton=t.NanoCancelButton;exports.NanoDeleteButton=t.NanoDeleteButton;exports.NanoEditButton=t.NanoEditButton;exports.NanoExportButton=t.NanoExportButton;exports.NanoImportButton=t.NanoImportButton;exports.NanoManageButton=t.NanoManageButton;exports.NanoMoveButton=t.NanoMoveButton;exports.NanoSubmitButton=t.NanoSubmitButton;exports.NanoTextAddButton=t.NanoTextAddButton;exports.default=t.default;exports.install=t.install;exports.NanoButton=o._sfc_main;

package/dist/index.d.ts

@@ -1,19 +1,2 @@
-import type { App, Plugin } from 'vue';
-import './styles/index.css';
-import NanoAddButton from './components/NanoAddButton.vue';
-import NanoBackTopButton from './components/NanoBackTopButton.vue';
-import NanoButton from './components/NanoButton.vue';
-import NanoCancelButton from './components/NanoCancelButton.vue';
-import NanoDeleteButton from './components/NanoDeleteButton.vue';
-import NanoEditButton from './components/NanoEditButton.vue';
-import NanoExportButton from './components/NanoExportButton.vue';
-import NanoImportButton from './components/NanoImportButton.vue';
-import NanoManageButton from './components/NanoManageButton.vue';
-import NanoMoveButton from './components/NanoMoveButton.vue';
-import NanoSubmitButton from './components/NanoSubmitButton.vue';
-import NanoTextAddButton from './components/NanoTextAddButton.vue';
-declare const install: (app: App) => void;
-declare const NanoButtons: Plugin;
-export { NanoButton, NanoAddButton, NanoTextAddButton, NanoMoveButton, NanoImportButton, NanoExportButton, NanoEditButton, NanoManageButton, NanoDeleteButton, NanoSubmitButton, NanoCancelButton, NanoBackTopButton, install, };
-export type { NanoButtonProps } from './components/props';
-export default NanoButtons;
+export { default } from './buttons';
+export * from './buttons';

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cst-ui/nano-buttons",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "description": "Nano themed Vue 3 button components and dialog tab helpers based on Element Plus.",
     "license": "UNLICENSED",
     "type": "module",
@@ -11,6 +11,9 @@
         "*": {
             "dialog-tabs": [
                 "dist/dialog-tabs/index.d.ts"
+            ],
+            "buttons": [
+                "dist/buttons/index.d.ts"
             ]
         }
     },
@@ -27,6 +30,11 @@
             "import": "./dist/index.mjs",
             "require": "./dist/index.cjs"
         },
+        "./buttons": {
+            "types": "./dist/buttons/index.d.ts",
+            "import": "./dist/buttons/index.mjs",
+            "require": "./dist/buttons/index.cjs"
+        },
         "./dialog-tabs": {
             "types": "./dist/dialog-tabs/index.d.ts",
             "import": "./dist/dialog-tabs/index.mjs",