@ditari/bsui 1.1.3 → 1.1.5

package/dist/esm/layout/List.vue2.mjs

@@ -0,0 +1,176 @@
+import { defineComponent, useSlots, inject, ref, watch, onUnmounted, onActivated, onDeactivated, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, unref, normalizeStyle, withCtx, renderSlot, withDirectives, vShow } from 'vue';
+import { useElementSize, useDebounceFn } from '@vueuse/core';
+import { useSettingsStore } from '@ditari/store';
+import { storeToRefs } from 'pinia';
+import { useRoute } from 'vue-router';
+
+const _hoisted_1 = { class: "ditari-list-layout" };
+const _hoisted_2 = {
+  ref: "contentRef",
+  class: "wrapper"
+};
+const _hoisted_3 = { style: { "height": "100%" } };
+const _hoisted_4 = { class: "ditari-content-extra" };
+const marginBottom = 16;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "List",
+  emits: ["refresh"],
+  setup(__props, { emit: emits }) {
+    const slots = useSlots();
+    const store = useSettingsStore();
+    const route = useRoute();
+    const configProvider = inject("configProvider");
+    const { refresh } = storeToRefs(store);
+    const toolsRef = ref();
+    const tableRef = ref();
+    const show = ref(false);
+    const height = ref(0);
+    let stopHandleWatch;
+    watch(
+      () => configProvider == null ? void 0 : configProvider.componentSize,
+      () => {
+        calcHeight();
+      }
+    );
+    useReload();
+    function useReload() {
+      if (!route.name) {
+        stopHandleWatch = useWatch();
+        onUnmounted(() => {
+          stopHandleWatch();
+        });
+      } else {
+        onActivated(() => {
+          if (refresh.value) {
+            refresh.value = false;
+            emits("refresh");
+          }
+          stopHandleWatch = useWatch();
+        });
+        onDeactivated(() => {
+          stopHandleWatch();
+        });
+      }
+    }
+    function useWatch() {
+      return watch(
+        () => refresh.value,
+        (val) => {
+          if (val) {
+            emits("refresh");
+          }
+        }
+      );
+    }
+    const formRef = ref(null);
+    const { height: formHeight } = useElementSize(formRef);
+    watch(
+      () => formHeight.value,
+      () => {
+        calcHeight();
+      }
+    );
+    window.addEventListener(
+      "resize",
+      useDebounceFn(() => {
+        calcHeight();
+      })
+    );
+    function calcHeight() {
+      show.value = false;
+      setTimeout(() => {
+        var _a;
+        height.value = (_a = tableRef == null ? void 0 : tableRef.value) == null ? void 0 : _a.offsetHeight;
+        show.value = true;
+      }, 10);
+    }
+    nextTick(() => {
+      calcHeight();
+    });
+    return (_ctx, _cache) => {
+      const _component_a_card = resolveComponent("a-card");
+      const _component_a_space = resolveComponent("a-space");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode(
+          "div",
+          _hoisted_2,
+          [
+            createVNode(_component_a_card, {
+              ref_key: "formRef",
+              ref: formRef,
+              bordered: false,
+              class: normalizeClass({ "ditari-list-form": unref(slots).form }),
+              style: normalizeStyle({ "margin-bottom": unref(slots).form ? marginBottom + "px" : 0 })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "form")
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class", "style"]),
+            createVNode(_component_a_card, {
+              class: "ditari-list-table",
+              bordered: false
+            }, {
+              default: withCtx(() => [
+                createElementVNode(
+                  "div",
+                  {
+                    ref_key: "toolsRef",
+                    ref: toolsRef,
+                    class: "xi-tools",
+                    style: normalizeStyle({ "margin-bottom": unref(slots).tools ? marginBottom + "px" : 0 })
+                  },
+                  [
+                    createVNode(_component_a_space, null, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "tools")
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    })
+                  ],
+                  4
+                  /* STYLE */
+                ),
+                createElementVNode(
+                  "div",
+                  {
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    style: { "flex": "1" }
+                  },
+                  [
+                    withDirectives(createElementVNode(
+                      "div",
+                      _hoisted_3,
+                      [
+                        renderSlot(_ctx.$slots, "table", { height: height.value })
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    ), [
+                      [vShow, show.value]
+                    ])
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ],
+          512
+          /* NEED_PATCH */
+        ),
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=List.vue2.mjs.map

package/dist/esm/layout/List.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue2.mjs","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":[],"mappings":"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"}

package/dist/esm/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/esm/layout/Main.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './Main.vue2.mjs';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Main.vue"]]);
+
+export { Main as default };
+//# sourceMappingURL=Main.vue.mjs.map

package/dist/esm/layout/Main.vue.mjs.map

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

package/dist/esm/layout/Main.vue2.mjs

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

package/dist/esm/layout/Main.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.vue2.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/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/esm/layout/NavTabs.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './NavTabs.vue2.mjs';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+var DNavTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NavTabs.vue"]]);
+
+export { DNavTabs as default };
+//# sourceMappingURL=NavTabs.vue.mjs.map

package/dist/esm/layout/NavTabs.vue.mjs.map

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