@cst-ui/nano-buttons 0.1.2 → 0.2.1

package/README.md

@@ -2,7 +2,13 @@
 
 Nano 项目主题按钮组件库，基于 Vue 3 和 Element Plus 封装。
 
-这个包用于统一提供 Nano 系列按钮组件。模板中统一使用横线法组件名，例如 `<nano-button>`，不再保留旧命名。
+这个包用于统一提供 Nano 系列按钮组件，并通过子入口提供弹窗标签页化的公共能力。模板中统一使用横线法组件名，例如 `<nano-button>`，不再保留旧命名。
+
+## 在线文档
+
+组件效果、安装方式、使用示例和 API 说明见在线文档：
+
+https://nano-buttons-docs.netlify.app/
 
 ## 安装
 
@@ -26,6 +32,12 @@ app.use(NanoButtons)
 app.mount('#app')
 ```
 
+按钮插件也提供明确的平级子入口，旧入口继续兼容：
+
+```ts
+import NanoButtons from '@cst-ui/nano-buttons/buttons'
+```
+
 ## 组件列表
 
 模板中统一使用横线法：
@@ -68,8 +80,32 @@ app.mount('#app')
 
 ## 依赖说明
 
-`vue` 和 `element-plus` 是 peer dependencies，需要由使用方项目提供。
+`vue`、`element-plus` 和 `vue-router` 是 peer dependencies，需要由使用方项目提供。
+
+## 弹窗标签页
+
+弹窗标签页能力从子入口导入：
+
+```ts
+import { createNanoDialogTabs, useDialogOpen } from '@cst-ui/nano-buttons/dialog-tabs'
+```
+
+公共包只负责打开模式、上下文缓存、保存结果通知、关闭回来源页和 `NanoDialogTabPage` 页面壳。业务项目需要传入 `router`、`registry`、`tabAdapter` 和打开模式。
 
 ## 维护与发布
 
 包维护、版本发布和权限交接说明见 [MAINTAINING.md](./MAINTAINING.md)。
+
+文档站本地开发：
+
+```bash
+pnpm docs:dev
+```
+
+文档站构建：
+
+```bash
+pnpm docs:build
+```
+
+更新线上文档时，重新构建后将 `docs-dist/` 上传到 Netlify。若 Netlify 站点或域名发生变化，请同步修改本文档中的在线文档链接。

package/dist/NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),u=require("element-plus"),m={...u.buttonProps,secondary:Boolean},f=o.defineComponent({name:"NanoButton",inheritAttrs:!1,__name:"NanoButton",props:m,emits:u.buttonEmits,setup(i,{emit:d}){const t=i,p=d,n=o.useAttrs(),s=o.computed(()=>{const{secondary:e,...l}=t;return l}),r=o.computed(()=>["nano-button",t.secondary?"app-button-secondary":""]),a=e=>{p("click",e)};return(e,l)=>{const c=o.resolveComponent("el-button");return e.$slots.default?(o.openBlock(),o.createBlock(c,o.mergeProps({key:0},{...s.value,...o.unref(n)},{class:r.value,onClick:a}),o.createSlots({default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:2},[e.$slots.loading?{name:"loading",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"loading")]),key:"0"}:void 0]),1040,["class"])):(o.openBlock(),o.createBlock(c,o.mergeProps({key:1},{...s.value,...o.unref(n)},{class:r.value,onClick:a}),o.createSlots({_:2},[e.$slots.loading?{name:"loading",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"loading")]),key:"0"}:void 0]),1040,["class"]))}}});exports._sfc_main=f;

package/dist/NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js

@@ -0,0 +1,57 @@
+import { defineComponent as v, useAttrs as B, computed as i, resolveComponent as _, openBlock as d, createBlock as p, mergeProps as m, unref as f, createSlots as k, withCtx as t, renderSlot as n } from "vue";
+import { buttonProps as $, buttonEmits as C } from "element-plus";
+const P = {
+  ...$,
+  secondary: Boolean
+}, A = /* @__PURE__ */ v({
+  name: "NanoButton",
+  inheritAttrs: !1,
+  __name: "NanoButton",
+  props: P,
+  emits: C,
+  setup(y, { emit: b }) {
+    const s = y, g = b, e = B(), a = i(() => {
+      const { secondary: o, ...c } = s;
+      return c;
+    }), r = i(() => [
+      "nano-button",
+      s.secondary ? "app-button-secondary" : ""
+    ]), l = (o) => {
+      g("click", o);
+    };
+    return (o, c) => {
+      const u = _("el-button");
+      return o.$slots.default ? (d(), p(u, m({ key: 0 }, { ...a.value, ...f(e) }, {
+        class: r.value,
+        onClick: l
+      }), k({
+        default: t(() => [
+          n(o.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        o.$slots.loading ? {
+          name: "loading",
+          fn: t(() => [
+            n(o.$slots, "loading")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"])) : (d(), p(u, m({ key: 1 }, { ...a.value, ...f(e) }, {
+        class: r.value,
+        onClick: l
+      }), k({ _: 2 }, [
+        o.$slots.loading ? {
+          name: "loading",
+          fn: t(() => [
+            n(o.$slots, "loading")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"]));
+    };
+  }
+});
+export {
+  A as _
+};

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/dialog-tabs/NanoDialogTabPage.vue.d.ts

@@ -0,0 +1,60 @@
+declare function __VLS_template(): {
+    slots: {
+        actions?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    titleKey?: string;
+    title?: string;
+    loading?: boolean;
+    expired?: boolean;
+    fit?: boolean;
+    bodyClass?: string;
+    outerClass?: string;
+    surfaceClass?: string;
+    expiredTextKey?: string;
+    expiredText?: string;
+    closeTextKey?: string;
+    closeText?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    titleKey?: string;
+    title?: string;
+    loading?: boolean;
+    expired?: boolean;
+    fit?: boolean;
+    bodyClass?: string;
+    outerClass?: string;
+    surfaceClass?: string;
+    expiredTextKey?: string;
+    expiredText?: string;
+    closeTextKey?: string;
+    closeText?: string;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    title: string;
+    titleKey: string;
+    expired: boolean;
+    fit: boolean;
+    bodyClass: string;
+    outerClass: string;
+    surfaceClass: string;
+    expiredTextKey: string;
+    expiredText: string;
+    closeTextKey: string;
+    closeText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog-tabs/context.d.ts

@@ -0,0 +1,3 @@
+export declare const setDialogContext: (context: unknown, contextKey?: string) => string;
+export declare const getDialogContext: <TContext>(dialogId: unknown) => TContext | undefined;
+export declare const removeDialogContext: (dialogId: unknown) => void;

package/dist/dialog-tabs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),_=require("../NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),D=require("vue-router"),h=Symbol("NanoDialogTabs");let v;const w=t=>{const e=()=>typeof t.mode=="function"?t.mode():t.mode,a=t.translate??(n=>n);return{...t,getMode:e,t:a}},S=t=>{const e=w(t);return v=e,e},k=t=>{const e=w(t);return{context:e,install(a){v=e,a.provide(h,e)}}},c=()=>{const t=o.hasInjectionContext()?o.inject(h,v):v;if(t==null)throw new Error("Nano dialog tabs is not configured. Call app.use(createNanoDialogTabs(...)) first.");return t},M={class:"flex shrink-0 items-center justify-between gap-app-md border-b border-app-border-light p-app-lg"},E={class:"app-section-title"},B=o.defineComponent({name:"NanoDialogTabPage",__name:"NanoDialogTabPage",props:{titleKey:{default:""},title:{default:void 0},loading:{type:Boolean,default:!1},expired:{type:Boolean,default:!1},fit:{type:Boolean,default:!1},bodyClass:{default:"overflow-x-auto"},outerClass:{default:""},surfaceClass:{default:""},expiredTextKey:{default:"dialog.contextExpired"},expiredText:{default:void 0},closeTextKey:{default:"button.close"},closeText:{default:void 0}},emits:["close"],setup(t,{emit:e}){const a=t,n=e,{t:l}=c(),r=o.computed(()=>a.title??l(a.titleKey)),u=o.computed(()=>a.expiredText??l(a.expiredTextKey)),d=o.computed(()=>a.closeText??l(a.closeTextKey)),s=o.computed(()=>[a.fit?"h-full min-h-0 overflow-hidden p-app-md":"h-full min-h-0 overflow-y-auto p-app-md",a.outerClass]),i=o.computed(()=>[a.fit?"app-surface flex h-full min-h-0 flex-col":"app-surface",a.surfaceClass]),m=o.computed(()=>[a.fit?"min-h-0 flex-1 overflow-hidden":a.bodyClass]);return(f,g)=>{const x=o.resolveComponent("el-empty"),p=o.resolveDirective("loading");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(s.value)},[o.createElementVNode("div",{class:o.normalizeClass(i.value)},[o.createElementVNode("div",M,[o.createElementVNode("span",E,o.toDisplayString(r.value),1),o.renderSlot(f.$slots,"actions")]),o.withDirectives((o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(m.value)},[t.expired?(o.openBlock(),o.createBlock(x,{key:1,description:u.value},{default:o.withCtx(()=>[o.createVNode(_._sfc_main,{icon:"Close",onClick:g[0]||(g[0]=U=>n("close"))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.value),1)]),_:1})]),_:1},8,["description"])):o.renderSlot(f.$slots,"default",{key:0})],2)),[[p,t.loading]])],2)],2)}}}),T=new Map,I=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`,N=(t,e)=>{const a=e??I();return T.set(a,t),a},y=t=>{if(typeof t=="string")return T.get(t)},$=t=>{typeof t=="string"&&T.delete(t)},b="nano-dialog-result",P=t=>{window.dispatchEvent(new CustomEvent(b,{detail:t}))},q=t=>{const e=a=>{t(a.detail)};return window.addEventListener(b,e),()=>{window.removeEventListener(b,e)}},C=(t,e)=>`${t.replace(/\/$/,"")}${e}`,A=(t,e)=>`dialog-${t}-${e.replace(/[^a-zA-Z0-9]+/g,"-")}`,K=t=>typeof t=="string"?t:t==null?void 0:t.path,V=(t,e,a,n)=>{const l=c(),r=typeof l.defaultRouteMeta=="function"?l.defaultRouteMeta({key:e,path:a,titleKey:n,config:t}):l.defaultRouteMeta??{};return{title:n??t.title,icon:"Setting",dialogTab:!0,...r}},z=(t,e,a)=>{const n=c(),l=n.registry[t];if(l==null)return;const r=A(t,e);n.router.hasRoute(r)||n.router.addRoute(n.parentRouteName,{path:e,name:r,component:l.component,meta:V(l,t,e,a),props:l.props})},F=(t,e)=>{const a=c();if(e.route!==void 0)return typeof e.route=="string"?e.route:{...e.route,query:e.query??e.route.query};if(e.key===void 0)return;const n=a.registry[e.key];if(n==null)return;const l=C(t,e.routeSuffix??n.suffix),r=C(t,e.routePatternSuffix??e.routeSuffix??n.suffix);return z(e.key,r,e.titleKey),{path:l,query:e.query}},j=()=>{const t=D.useRoute(),e=c();return{openDialog:async n=>{if(e.getMode()!=="tab"){n.openModal();return}const l=F(t.path,n);if(l===void 0){n.openModal();return}const r=K(l);n.context!==void 0&&r!==void 0&&r!==""&&N(n.context,r),await e.router.push(l)}}},R=()=>{const t=D.useRoute(),e=c();return{closeCurrentDialogTab:()=>{var f,g,x;const n=e.tabAdapter.getTabs(),l=n.findIndex(p=>p.fullPath===t.fullPath);if(l<=0){e.router.back();return}const r=n[l],u=typeof((f=r==null?void 0:r.meta)==null?void 0:f.dialogSourceFullPath)=="string"?r.meta.dialogSourceFullPath:void 0,d=l<n.length-1?(g=n[l+1])==null?void 0:g.fullPath:(x=n[l-1])==null?void 0:x.fullPath,s=u!==void 0&&u!==""?u:d;if(s==null||s===""){e.router.back();return}const i=l===e.tabAdapter.getCurrentIndex();e.tabAdapter.deleteTab(l);const m=e.tabAdapter.getTabs().findIndex(p=>p.fullPath===s);i&&m>=0&&e.tabAdapter.setCurrentIndex(m),e.router.replace(s)}}},O=t=>{const e=D.useRoute(),a=c(),{closeCurrentDialogTab:n}=R(),l=o.computed(()=>y(e.path)??y(e.query.dialogId)),r=o.computed(()=>typeof t=="function"&&t.length>0?t({route:e,dialogContext:l}):o.toValue(t)),u=()=>{const s=a.tabAdapter.getTabs().find(i=>i.fullPath===e.fullPath);s!=null&&(s.title=r.value)},d=(s,i)=>{P({key:s,type:"saved",payload:i}),n()};return o.watch(()=>[e.fullPath,r.value],u,{immediate:!0}),{route:e,dialogContext:l,pageTitleKey:r,closeCurrentDialogTab:n,emitSavedAndClose:d,syncTabTitle:u}};exports.NanoDialogTabPage=B;exports.configureNanoDialogTabs=S;exports.createNanoDialogTabs=k;exports.emitDialogResult=P;exports.getDialogContext=y;exports.nanoDialogTabsKey=h;exports.onDialogResult=q;exports.removeDialogContext=$;exports.setDialogContext=N;exports.useDialogOpen=j;exports.useDialogPage=O;exports.useDialogTabClose=R;exports.useNanoDialogTabs=c;

package/dist/dialog-tabs/index.d.ts

@@ -0,0 +1,8 @@
+export { default as NanoDialogTabPage } from './NanoDialogTabPage.vue';
+export * from './context';
+export * from './plugin';
+export * from './result';
+export * from './types';
+export * from './useDialogOpen';
+export * from './useDialogPage';
+export * from './useDialogTabClose';