@ditari/bsui 1.1.3 → 1.1.5

package/dist/cjs/layout/List.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue2.cjs","sources":["../../../src/layout/List.vue"],"sourcesContent":["<script lang=\"ts\">\nconst marginBottom = 16\n</script>\n<script setup lang=\"ts\">\nimport {\n  useSlots,\n  ref,\n  onActivated,\n  watch,\n  onDeactivated,\n  onUnmounted,\n  WatchStopHandle,\n  inject,\n  nextTick\n} from \"vue\";\nimport { useDebounceFn, useElementSize } from \"@vueuse/core\";\nimport { useSettingsStore } from \"@ditari/store\";\nimport { storeToRefs } from \"pinia\";\nimport { useRoute } from \"vue-router\";\n\nconst emits = defineEmits([\"refresh\"]);\n\nconst slots = useSlots();\nconst store = useSettingsStore();\nconst route = useRoute();\nconst configProvider = inject(\"configProvider\") as any;\n\nconst { refresh } = storeToRefs(store);\n\nconst toolsRef = ref();\nconst tableRef = ref();\n\nconst show = ref(false);\nconst height = ref(0);\n\nlet stopHandleWatch: WatchStopHandle;\n\nwatch(\n  () => configProvider?.componentSize,\n  () => {\n    calcHeight();\n  }\n);\n\nuseReload();\n// 处理标签重载\nfunction useReload() {\n  // !route.meta.keepAlive\n  if (!route.name) {\n    stopHandleWatch = useWatch();\n    // 卸载未缓存的组件\n    onUnmounted(() => {\n      stopHandleWatch();\n    });\n  } else {\n    // 激活缓存页面\n    onActivated(() => {\n      if (refresh.value) {\n        refresh.value = false;\n        emits(\"refresh\");\n      }\n      stopHandleWatch = useWatch();\n    });\n    // 离开缓存页面\n    onDeactivated(() => {\n      stopHandleWatch();\n    });\n  }\n}\n\nfunction useWatch() {\n  //点击了标签重载图标\n  return watch(\n    () => refresh.value,\n    (val) => {\n      if (val) {\n        // 发送刷新事件到列表页面\n        emits(\"refresh\");\n      }\n    }\n  );\n}\n\n// 监听表单高度变化\n// 然后再获取表格高度\nconst formRef = ref(null);\nconst { height: formHeight } = useElementSize(formRef);\nwatch(\n  () => formHeight.value,\n  () => {\n    calcHeight();\n  }\n);\n\nwindow.addEventListener(\n  \"resize\",\n  useDebounceFn(() => {\n    calcHeight();\n  })\n);\n\n// 动态计算高度\nfunction calcHeight() {\n  show.value = false;\n  setTimeout(() => {\n    height.value = tableRef?.value?.offsetHeight;\n    show.value = true;\n  }, 10);\n}\n\nnextTick(() => {\n  calcHeight();\n});\n</script>\n<template>\n  <div class=\"ditari-list-layout\">\n    <div ref=\"contentRef\" class=\"wrapper\">\n      <a-card\n        ref=\"formRef\"\n        :bordered=\"false\"\n        :class=\"{ 'ditari-list-form': slots.form }\"\n        :style=\"{ 'margin-bottom': slots.form ? marginBottom + 'px' : 0 }\"\n      >\n        <slot name=\"form\" />\n      </a-card>\n      <a-card class=\"ditari-list-table\" :bordered=\"false\">\n        <div\n          ref=\"toolsRef\"\n          class=\"xi-tools\"\n          :style=\"{ 'margin-bottom': slots.tools ? marginBottom + 'px' : 0 }\"\n        >\n          <a-space>\n            <slot name=\"tools\"></slot>\n          </a-space>\n        </div>\n        <div ref=\"tableRef\" style=\"flex: 1\">\n          <div v-show=\"show\" style=\"height: 100%\">\n            <slot name=\"table\" :height=\"height\" />\n          </div>\n        </div>\n      </a-card>\n    </div>\n    <div class=\"ditari-content-extra\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<style></style>\n"],"names":["useSlots","store","useSettingsStore","useRoute","inject","storeToRefs","ref","watch","onUnmounted","onActivated","onDeactivated","useElementSize","useDebounceFn","nextTick"],"mappings":"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"}

package/dist/cjs/layout/Main.vue.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Main_vue_vue_type_script_setup_true_lang = require('./Main.vue2.cjs');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.cjs');
+
+var Main = /* @__PURE__ */ _pluginVue_exportHelper.default(Main_vue_vue_type_script_setup_true_lang.default, [["__file", "Main.vue"]]);
+
+exports.default = Main;
+//# sourceMappingURL=Main.vue.cjs.map

package/dist/cjs/layout/Main.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/layout/Main.vue.d.ts

@@ -0,0 +1,163 @@
+declare const _default: import("vue").DefineComponent<{
+    showConfig: {
+        type: null;
+        required: false;
+        default: any;
+    };
+    breadcrumbStatus: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {
+    props: any;
+    store: import("pinia").Store<string, {
+        list: string[];
+    }, {
+        get: (state: {
+            list: string[];
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: string[];
+        }>) => string[];
+    }, {
+        deleteKeepAlive(name: string): void;
+        save(route: import("vue-router").RouteLocationNormalized): void;
+    }>;
+    keepAliveNames: import("vue").ComputedRef<string[]>;
+    settingsStore: import("pinia").Store<string, import("@ditari/store").SettingState, {
+        getRefresh: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getCollapsed: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getGrid: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => any;
+    }, {
+        switchRefreshStatus(): void;
+        switchCollapsed(): void;
+        gridMatching(): void;
+    }>;
+    switchCollapsed: () => void;
+    collapsedStatus: import("vue").ComputedRef<boolean>;
+    readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
+    readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
+    DNavTabs: import("vue").DefineComponent<{}, {
+        route: import("vue-router").RouteLocationNormalizedLoaded;
+        router: import("vue-router").Router;
+        navStore: import("pinia").Store<string, {
+            list: import("@ditari/store").NavTabsState[];
+            activeKey: string;
+        }, {
+            getList: (state: {
+                list: {
+                    path: string;
+                    fullPath: string;
+                    query: import("vue-router").LocationQuery;
+                    params: import("vue-router").RouteParams;
+                    meta: any;
+                    name: string;
+                }[];
+                activeKey: string;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: import("@ditari/store").NavTabsState[];
+                activeKey: string;
+            }>) => import("@ditari/store").NavTabsState[];
+            getActiveKey: (state: {
+                list: {
+                    path: string;
+                    fullPath: string;
+                    query: import("vue-router").LocationQuery;
+                    params: import("vue-router").RouteParams;
+                    meta: any;
+                    name: string;
+                }[];
+                activeKey: string;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: import("@ditari/store").NavTabsState[];
+                activeKey: string;
+            }>) => string;
+        }, {
+            setActiveKey(key: string): void;
+            save(route: import("vue-router").RouteLocationNormalized): void;
+            deleteTabs(key: string): void;
+            setNavTitle(title: string, path: string): void;
+        }>;
+        keepAliveStore: import("pinia").Store<string, {
+            list: string[];
+        }, {
+            get: (state: {
+                list: string[];
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: string[];
+            }>) => string[];
+        }, {
+            deleteKeepAlive(name: string): void;
+            save(route: import("vue-router").RouteLocationNormalized): void;
+        }>;
+        menuStore: import("pinia").Store<string, {
+            list: never[];
+            openMenusKeys: any;
+            selectedMenuKeys: any;
+        }, {
+            getMenu: (state: {
+                list: never[];
+                openMenusKeys: any;
+                selectedMenuKeys: any;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: never[];
+                openMenusKeys: any;
+                selectedMenuKeys: any;
+            }>) => never[];
+        }, {
+            save(data: any): void;
+        }>;
+        baseClassName: string;
+        navTabs: import("vue").Ref<any[]>;
+        selectedMenuKeys: import("vue").Ref<any>;
+        activeKey: import("vue").Ref<string>;
+        setNavTabs: () => void;
+        onClick: (key: string) => void;
+        onClose: ($event: any, key: string) => void;
+        closeStatus: (item: any) => boolean;
+        readonly CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    DBreadcrumb: import("vue").DefineComponent<{}, {
+        store: import("pinia").Store<string, import("@ditari/store").BreadcrumbState, {
+            getBreadcrumb: (state: {
+                breadcrumbs: [];
+            } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").BreadcrumbState>) => [];
+        }, {
+            saveBreadcrumb(data: any): void;
+        }>;
+        breadCrumbs: import("vue").ComputedRef<[]>;
+        baseClassName: string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    readonly Menu: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showConfig: {
+        type: null;
+        required: false;
+        default: any;
+    };
+    breadcrumbStatus: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>>, {
+    showConfig: any;
+    breadcrumbStatus: boolean;
+}, {}>;
+export default _default;

package/dist/cjs/layout/Main.vue2.cjs

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var NavTabs = require('./NavTabs.vue.cjs');
+var Breadcrumb = require('./Breadcrumb.vue.cjs');
+var Menu = require('../menu/Menu.cjs');
+
+const _hoisted_1 = { class: "ditari-logo" };
+const _hoisted_2 = { class: "ditari-menu" };
+const _hoisted_3 = { class: "ditari-layout-header" };
+const _hoisted_4 = { class: "ditari-layout-header-left" };
+const _hoisted_5 = { class: "ditari-user-menu" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Main",
+  props: {
+    "showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
+    "breadcrumbStatus": { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const store$1 = store.useKeepAliveStore();
+    const keepAliveNames = vue.computed(() => store$1.get);
+    const settingsStore = store.useSettingsStore();
+    const { switchCollapsed } = settingsStore;
+    const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
+    vue.provide("showConfig", props.showConfig);
+    return (_ctx, _cache) => {
+      const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
+      const _component_router_view = vue.resolveComponent("router-view");
+      const _component_a_layout_content = vue.resolveComponent("a-layout-content");
+      const _component_a_layout = vue.resolveComponent("a-layout");
+      const _component_a_back_top = vue.resolveComponent("a-back-top");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(_component_a_layout, { class: "ditari-layout" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_a_layout_sider, {
+                collapsed: collapsedStatus.value,
+                "onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
+                trigger: null,
+                collapsible: "",
+                class: "ditari-layout-sider"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", null, [
+                    vue.createElementVNode("div", _hoisted_1, [
+                      vue.renderSlot(_ctx.$slots, "logo")
+                    ]),
+                    vue.createElementVNode("div", _hoisted_2, [
+                      vue.createVNode(vue.unref(Menu.default))
+                    ])
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["collapsed"]),
+              vue.createVNode(_component_a_layout, null, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "ditari-top-layout",
+                      style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : "200px" })
+                    },
+                    [
+                      vue.createVNode(NavTabs.default),
+                      vue.createElementVNode("div", _hoisted_3, [
+                        vue.createElementVNode("div", _hoisted_4, [
+                          vue.createElementVNode("div", {
+                            class: "ditari-side-collapsed",
+                            onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                            (...args) => vue.unref(switchCollapsed) && vue.unref(switchCollapsed)(...args))
+                          }, [
+                            collapsedStatus.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuUnfoldOutlined), {
+                              key: 0,
+                              class: "trigger",
+                              style: { "font-size": "16px", "font-weight": "bold", "cursor": "pointer" }
+                            })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuFoldOutlined), {
+                              key: 1,
+                              style: { "font-size": "16px", "font-weight": "bold", "cursor": "pointer" }
+                            }))
+                          ]),
+                          vue.createVNode(Breadcrumb.default)
+                        ]),
+                        vue.createElementVNode("div", _hoisted_5, [
+                          vue.renderSlot(_ctx.$slots, "operation")
+                        ])
+                      ])
+                    ],
+                    4
+                    /* STYLE */
+                  ),
+                  vue.createVNode(_component_a_layout_content, {
+                    class: "ditari-layout-content",
+                    style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_router_view, null, {
+                        default: vue.withCtx(({ Component }) => [
+                          vue.createVNode(
+                            vue.Transition,
+                            {
+                              name: "main",
+                              mode: "out-in",
+                              appear: ""
+                            },
+                            {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(), vue.createBlock(vue.KeepAlive, {
+                                  ref: "keepAliveRef",
+                                  include: keepAliveNames.value
+                                }, [
+                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                                    key: _ctx.$route.path
+                                  }))
+                                ], 1032, ["include"]))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.renderSlot(_ctx.$slots, "micro")
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["style"])
+                ]),
+                _: 3
+                /* FORWARDED */
+              })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }),
+          vue.createVNode(_component_a_back_top, {
+            class: "ditari-ant-back-top",
+            "visibility-height": 50
+          })
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Main.vue2.cjs.map

package/dist/cjs/layout/Main.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n  \"breadcrumbStatus\": { type: Boolean, required: false,  }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div>\n        <div class=\"ditari-logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"ditari-menu\">\n          <Menu />\n        </div>\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <d-nav-tabs />\n        <div class=\"ditari-layout-header\">\n          <div class=\"ditari-layout-header-left\">\n            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n              <menu-unfold-outlined\n                v-if=\"collapsedStatus\"\n                class=\"trigger\"\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n              <menu-fold-outlined\n                v-else\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n            </div>\n            <d-breadcrumb />\n          </div>\n          <div class=\"ditari-user-menu\">\n            <slot name=\"operation\"></slot>\n          </div>\n        </div>\n      </div>\n      <a-layout-content\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layout/NavTabs.vue.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var NavTabs_vue_vue_type_script_setup_true_lang = require('./NavTabs.vue2.cjs');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.cjs');
+
+var DNavTabs = /* @__PURE__ */ _pluginVue_exportHelper.default(NavTabs_vue_vue_type_script_setup_true_lang.default, [["__file", "NavTabs.vue"]]);
+
+exports.default = DNavTabs;
+//# sourceMappingURL=NavTabs.vue.cjs.map

package/dist/cjs/layout/NavTabs.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTabs.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/layout/NavTabs.vue.d.ts

@@ -0,0 +1,82 @@
+import { Ref } from "vue";
+declare const _default: import("vue").DefineComponent<{}, {
+    route: import("vue-router").RouteLocationNormalizedLoaded;
+    router: import("vue-router").Router;
+    navStore: import("pinia").Store<string, {
+        list: import("@ditari/store").NavTabsState[];
+        activeKey: string;
+    }, {
+        getList: (state: {
+            list: {
+                path: string;
+                fullPath: string;
+                query: import("vue-router").LocationQuery;
+                params: import("vue-router").RouteParams;
+                meta: any;
+                name: string;
+            }[];
+            activeKey: string;
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: import("@ditari/store").NavTabsState[];
+            activeKey: string;
+        }>) => import("@ditari/store").NavTabsState[];
+        getActiveKey: (state: {
+            list: {
+                path: string;
+                fullPath: string;
+                query: import("vue-router").LocationQuery;
+                params: import("vue-router").RouteParams;
+                meta: any;
+                name: string;
+            }[];
+            activeKey: string;
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: import("@ditari/store").NavTabsState[];
+            activeKey: string;
+        }>) => string;
+    }, {
+        setActiveKey(key: string): void;
+        save(route: import("vue-router").RouteLocationNormalized): void;
+        deleteTabs(key: string): void;
+        setNavTitle(title: string, path: string): void;
+    }>;
+    keepAliveStore: import("pinia").Store<string, {
+        list: string[];
+    }, {
+        get: (state: {
+            list: string[];
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: string[];
+        }>) => string[];
+    }, {
+        deleteKeepAlive(name: string): void;
+        save(route: import("vue-router").RouteLocationNormalized): void;
+    }>;
+    menuStore: import("pinia").Store<string, {
+        list: never[];
+        openMenusKeys: any;
+        selectedMenuKeys: any;
+    }, {
+        getMenu: (state: {
+            list: never[];
+            openMenusKeys: any;
+            selectedMenuKeys: any;
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: never[];
+            openMenusKeys: any;
+            selectedMenuKeys: any;
+        }>) => never[];
+    }, {
+        save(data: any): void;
+    }>;
+    baseClassName: string;
+    navTabs: Ref<any[]>;
+    selectedMenuKeys: Ref<any>;
+    activeKey: Ref<string>;
+    setNavTabs: () => void;
+    onClick: (key: string) => void;
+    onClose: ($event: any, key: string) => void;
+    closeStatus: (item: any) => boolean;
+    readonly CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/cjs/layout/NavTabs.vue2.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var iconsVue = require('@ant-design/icons-vue');
+var pinia = require('pinia');
+var store = require('@ditari/store');
+var index = require('../theme/index.cjs');
+
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "tab-dividers" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = {
+  key: 0,
+  class: "tab-close"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "NavTabs",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const navStore = store.useNavTabsStore();
+    const keepAliveStore = store.useKeepAliveStore();
+    const menuStore = store.useMenuStore();
+    const baseClassName = `${index.prefixName}-nav`;
+    const navTabs = vue.computed(() => navStore.getList);
+    const { selectedMenuKeys } = pinia.storeToRefs(menuStore);
+    const activeKey = vue.ref("");
+    vue.watchEffect(() => {
+      activeKey.value = selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : "";
+    });
+    setNavTabs();
+    vue.watch(
+      () => route.path,
+      () => {
+        setNavTabs();
+      }
+    );
+    function setNavTabs() {
+      navStore.save(route);
+      selectedMenuKeys.value = [route.path];
+      keepAliveStore.save(route);
+    }
+    const onClick = (key) => {
+      if (key !== route.path) {
+        const rs = navTabs.value.filter((item) => item.path === key)[0];
+        router.push({
+          path: rs.path,
+          query: rs.query,
+          params: rs.params,
+          fullPath: rs.fullPath
+        });
+      }
+    };
+    const onClose = ($event, key) => {
+      const rs = navTabs.value.find((item) => item.fullPath === key);
+      $event.stopPropagation();
+      navStore.deleteTabs(key);
+      router.push(navTabs.value[navTabs.value.length - 1].fullPath);
+      if (rs.name) {
+        keepAliveStore.deleteKeepAlive(rs.name);
+      }
+    };
+    const closeStatus = (item) => {
+      var _a;
+      if ((_a = item.meta) == null ? void 0 : _a.keepOpen) {
+        return false;
+      } else {
+        return navTabs.value.length === 1 ? false : true;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = vue.resolveComponent("a-tab-pane");
+      const _component_a_tabs = vue.resolveComponent("a-tabs");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(baseClassName)
+      }, [
+        vue.createVNode(_component_a_tabs, {
+          activeKey: activeKey.value,
+          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+          type: "card",
+          onTabClick: onClick
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(navTabs.value, (item) => {
+                return vue.openBlock(), vue.createBlock(
+                  _component_a_tab_pane,
+                  {
+                    key: item.path
+                  },
+                  {
+                    tab: vue.withCtx(() => [
+                      _hoisted_1,
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(["tab-item", { active: activeKey.value === item.path }])
+                        },
+                        vue.toDisplayString(item.meta.title),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      closeStatus(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                        vue.createVNode(vue.unref(iconsVue.CloseOutlined), {
+                          onClick: ($event) => onClose($event, item.fullPath)
+                        }, null, 8, ["onClick"])
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["activeKey"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=NavTabs.vue2.cjs.map

package/dist/cjs/layout/NavTabs.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTabs.vue2.cjs","sources":["../../../src/layout/NavTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 标签组件\n */\nimport { computed, Ref, watch, watchEffect, ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport {\n  useNavTabsStore,\n  useKeepAliveStore,\n  useMenuStore\n} from \"@ditari/store\";\n\nimport { prefixName } from \"../theme\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst navStore = useNavTabsStore();\nconst keepAliveStore = useKeepAliveStore();\nconst menuStore = useMenuStore();\n\n//class名称\nconst baseClassName = `${prefixName}-nav`;\n\n//标签列表\nconst navTabs: Ref<any[]> = computed(() => navStore.getList);\n// 被选中的菜单\nconst { selectedMenuKeys } = storeToRefs(menuStore);\n//当前被激活的标签 通过选中的菜单得到\nconst activeKey = ref(\"\");\nwatchEffect(() => {\n  activeKey.value =\n    selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : \"\";\n});\n//首次进入页面或者刷新的时候执行\nsetNavTabs();\n// 监听路由变化\nwatch(\n  () => route.path,\n  () => {\n    //TODO 需要优化 确保只有未打开过的标签 进入保存\n    setNavTabs();\n  }\n);\n\n//设置标签\nfunction setNavTabs() {\n  // 保存标签\n  navStore.save(route);\n  // 设置激活的标签\n  //navStore.setActiveKey(route.path);\n  selectedMenuKeys.value = [route.path];\n  keepAliveStore.save(route);\n}\n\n/**\n * 切换标签\n * @param nav\n */\nconst onClick = (key: string) => {\n  if (key !== route.path) {\n    // 匹配打开的标签路由数据\n    const rs = navTabs.value.filter((item: any) => item.path === key)[0];\n    // 打开路由\n    router.push({\n      path: rs.path,\n      query: rs.query,\n      params: rs.params,\n      fullPath: rs.fullPath\n    } as any);\n  }\n};\n\n/**\n * 关闭标签\n * @param $event\n * @param targetKey\n */\nconst onClose = ($event: any, key: string) => {\n  const rs = navTabs.value.find((item) => item.fullPath === key) as any;\n  //阻止冒泡\n  $event.stopPropagation();\n  // 删除标签\n  navStore.deleteTabs(key);\n  // 重新push已打开的路由\n  router.push(navTabs.value[navTabs.value.length - 1].fullPath);\n\n  //根据name 删除缓存的组件\n  if (rs.name) {\n    keepAliveStore.deleteKeepAlive(rs.name);\n  }\n};\n\n/**\n * 是否显示标签关闭按钮函数\n * @param item\n * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮\n */\nconst closeStatus = (item: any) => {\n  // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮\n  if (item.meta?.keepOpen) {\n    return false;\n  } else {\n    // 如果只有一个标签，则隐藏关闭按钮\n    return navTabs.value.length === 1 ? false : true;\n  }\n};\n</script>\n<template>\n  <div :class=\"baseClassName\">\n    <a-tabs v-model:activeKey=\"activeKey\" type=\"card\" @tabClick=\"onClick\">\n      <a-tab-pane v-for=\"item in navTabs\" :key=\"item.path\">\n        <template #tab>\n          <div class=\"tab-dividers\"></div>\n          <div class=\"tab-item\" :class=\"{ active: activeKey === item.path }\">\n            {{ item.meta.title }}\n          </div>\n          <div v-if=\"closeStatus(item)\" class=\"tab-close\">\n            <CloseOutlined @click=\"onClose($event, item.fullPath)\" />\n          </div>\n        </template>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["useRoute","useRouter","useNavTabsStore","useKeepAliveStore","useMenuStore","prefixName","computed","storeToRefs","ref","watchEffect","watch"],"mappings":"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"}

package/dist/cjs/layout/Show.vue.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Show_vue_vue_type_script_setup_true_lang = require('./Show.vue2.cjs');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.cjs');
+
+var Show = /* @__PURE__ */ _pluginVue_exportHelper.default(Show_vue_vue_type_script_setup_true_lang.default, [["__file", "Show.vue"]]);
+
+exports.default = Show;
+//# sourceMappingURL=Show.vue.cjs.map

package/dist/cjs/layout/Show.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Show.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}