@ditari/bsui 1.1.4 → 1.1.5

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":";;;;;;;"}

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

@@ -0,0 +1,134 @@
+import { createElementVNode, defineComponent, computed, ref, watchEffect, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, unref, createCommentVNode } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { CloseOutlined } from '@ant-design/icons-vue';
+import { storeToRefs } from 'pinia';
+import { useNavTabsStore, useKeepAliveStore, useMenuStore } from '@ditari/store';
+import { prefixName } from '../theme/index.mjs';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "tab-dividers" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = {
+  key: 0,
+  class: "tab-close"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NavTabs",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const navStore = useNavTabsStore();
+    const keepAliveStore = useKeepAliveStore();
+    const menuStore = useMenuStore();
+    const baseClassName = `${prefixName}-nav`;
+    const navTabs = computed(() => navStore.getList);
+    const { selectedMenuKeys } = storeToRefs(menuStore);
+    const activeKey = ref("");
+    watchEffect(() => {
+      activeKey.value = selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : "";
+    });
+    setNavTabs();
+    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 = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(baseClassName)
+      }, [
+        createVNode(_component_a_tabs, {
+          activeKey: activeKey.value,
+          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+          type: "card",
+          onTabClick: onClick
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(navTabs.value, (item) => {
+                return openBlock(), createBlock(
+                  _component_a_tab_pane,
+                  {
+                    key: item.path
+                  },
+                  {
+                    tab: withCtx(() => [
+                      _hoisted_1,
+                      createElementVNode(
+                        "div",
+                        {
+                          class: normalizeClass(["tab-item", { active: activeKey.value === item.path }])
+                        },
+                        toDisplayString(item.meta.title),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      closeStatus(item) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                        createVNode(unref(CloseOutlined), {
+                          onClick: ($event) => onClose($event, item.fullPath)
+                        }, null, 8, ["onClick"])
+                      ])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["activeKey"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=NavTabs.vue2.mjs.map

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

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

package/dist/esm/layout/Show.vue.d.ts

@@ -0,0 +1,113 @@
+declare const _default: import("vue").DefineComponent<{
+    close: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    props: any;
+    router: import("vue-router").Router;
+    route: import("vue-router").RouteLocationNormalizedLoaded;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    navTabStore: 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;
+    }>;
+    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;
+    }>;
+    showConfig: any;
+    btnRender: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    refresh: import("vue").Ref<boolean>;
+    showLoading: import("vue").ComputedRef<any>;
+    contentStyle: {
+        padding: string;
+    };
+    onBack: () => void;
+    onRefresh: () => void;
+    y: import("vue").Ref<number>;
+    isLocked: import("vue").WritableComputedRef<boolean>;
+    delayTime: number;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    close: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    loading: boolean;
+    close: boolean;
+}, {}>;
+export default _default;

package/dist/esm/layout/Show.vue.mjs

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

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

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

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

@@ -0,0 +1,118 @@
+import { defineComponent, useSlots, inject, h, resolveComponent, computed, watch, openBlock, createElementBlock, createVNode, withCtx, normalizeClass, unref, createTextVNode, toDisplayString, renderSlot, createElementVNode, createCommentVNode } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { useWindowScroll, useScrollLock } from '@vueuse/core';
+import { LeftOutlined } from '@ant-design/icons-vue';
+import { useNavTabsStore, useSettingsStore } from '@ditari/store';
+import { storeToRefs } from 'pinia';
+
+const _hoisted_1 = { class: "ditari-show-layout" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ditari-show-footer"
+};
+const delayTime = 200;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Show",
+  props: {
+    "close": { type: Boolean, required: false, default: false },
+    "loading": { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const router = useRouter();
+    const route = useRoute();
+    const slots = useSlots();
+    const navTabStore = useNavTabsStore();
+    const settingsStore = useSettingsStore();
+    const showConfig = inject("showConfig");
+    const btnRender = () => {
+      if (!showConfig) {
+        return h(LeftOutlined);
+      } else {
+        return h(resolveComponent(showConfig.backBtn));
+      }
+    };
+    const { refresh } = storeToRefs(settingsStore);
+    const showLoading = computed(() => props.loading);
+    const contentStyle = {
+      padding: `10px 10px ${slots.footer ? "70px" : "10px"} 10px`
+    };
+    const onBack = () => {
+      if (props.close) {
+        navTabStore.deleteTabs(route.path);
+        router.go(-1);
+      } else {
+        router.go(-1);
+      }
+    };
+    const onRefresh = () => {
+      refresh.value = true;
+      navTabStore.deleteTabs(route.path);
+      router.go(-1);
+    };
+    const { y } = useWindowScroll();
+    const isLocked = useScrollLock(document.body);
+    watch(
+      () => props.loading,
+      (val) => {
+        isLocked.value = val;
+      }
+    );
+    __expose({
+      closePage: onRefresh
+    });
+    return (_ctx, _cache) => {
+      const _component_a_page_header = resolveComponent("a-page-header");
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_a_spin, {
+          tip: "\u6B63\u5728\u5904\u7406...",
+          spinning: showLoading.value,
+          delay: delayTime,
+          size: "large"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_page_header, {
+              class: normalizeClass(["ditari-page-header", { active: unref(y) > 0 }]),
+              ghost: false,
+              onBack
+            }, {
+              backIcon: withCtx(() => [
+                createVNode(btnRender)
+              ]),
+              title: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(_ctx.$route.meta.title),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              subTitle: withCtx(() => [
+                renderSlot(_ctx.$slots, "subTitle")
+              ]),
+              extra: withCtx(() => [
+                renderSlot(_ctx.$slots, "extra")
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class"]),
+            createElementVNode("div", {
+              class: "ditari-show-content",
+              style: contentStyle
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "footer")
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["spinning"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Show.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Show.vue2.mjs","sources":["../../../src/layout/Show.vue"],"sourcesContent":["<script lang=\"ts\">\nconst delayTime = 200\n</script>\n<script setup lang=\"ts\">\n/**\n * 详情/新增/编辑组件\n */\nimport { computed, inject, useSlots, watch, h, resolveComponent } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useScrollLock, useWindowScroll } from \"@vueuse/core\";\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\nimport { useNavTabsStore, useSettingsStore } from \"@ditari/store\";\n\nimport { storeToRefs } from \"pinia\";\n\nconst props = defineProps({\n  \"close\": { type: Boolean, required: false, default: false },\n  \"loading\": { type: Boolean, required: false, default: false }\n});\n\nconst router = useRouter();\nconst route = useRoute();\nconst slots = useSlots();\n\nconst navTabStore = useNavTabsStore();\nconst settingsStore = useSettingsStore();\n\nconst showConfig = inject(\"showConfig\") as any;\n\nconst btnRender = () => {\n  if (!showConfig) {\n    return h(LeftOutlined);\n  } else {\n    return h(resolveComponent(showConfig.backBtn));\n  }\n};\n\nconst { refresh } = storeToRefs(settingsStore);\n\nconst showLoading = computed(() => props.loading);\n\nconst contentStyle = {\n  padding: `10px 10px ${slots.footer ? \"70px\" : \"10px\"} 10px`\n};\n\n/**\n * 点击返回\n */\nconst onBack = () => {\n  if (props.close) {\n    // 返回关闭标签\n    navTabStore.deleteTabs(route.path);\n    router.go(-1);\n  } else {\n    // 不关闭标签\n    router.go(-1);\n  }\n};\n\n/**\n * 对外暴露方法 调用后关闭标签 并且出发List组件刷新动作\n */\nconst onRefresh = () => {\n  refresh.value = true;\n  navTabStore.deleteTabs(route.path);\n  router.go(-1);\n};\n\n/**\n * 监听屏幕滚动，滚动大于0的时候给a-page-header组件添加阴影\n */\nconst { y } = useWindowScroll();\n// 锁定屏幕\nconst isLocked = useScrollLock(document.body);\n\nwatch(\n  () => props.loading,\n  (val) => {\n    isLocked.value = val;\n  }\n);\n\n\ndefineExpose({\n  closePage: onRefresh\n});\n</script>\n<template>\n  <div class=\"ditari-show-layout\">\n    <a-spin\n      tip=\"正在处理...\"\n      :spinning=\"showLoading\"\n      :delay=\"delayTime\"\n      size=\"large\"\n    >\n      <a-page-header\n        class=\"ditari-page-header\"\n        :class=\"{ active: y > 0 }\"\n        :ghost=\"false\"\n        @back=\"onBack\"\n      >\n        <template #backIcon>\n          <btn-render />\n        </template>\n        <template #title>{{ $route.meta.title }} </template>\n        <template #subTitle>\n          <slot name=\"subTitle\"></slot>\n        </template>\n        <template #extra>\n          <slot name=\"extra\"></slot>\n        </template>\n      </a-page-header>\n      <div class=\"ditari-show-content\" :style=\"contentStyle\">\n        <slot></slot>\n      </div>\n      <div v-if=\"$slots.footer\" class=\"ditari-show-footer\">\n        <slot name=\"footer\"></slot>\n      </div>\n    </a-spin>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;AACA,MAAM,SAAY,GAAA,GAAA,CAAA;;;;;;;;;AAmBlB,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,cAAc,eAAgB,EAAA,CAAA;AACpC,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AAEvC,IAAM,MAAA,UAAA,GAAa,OAAO,YAAY,CAAA,CAAA;AAEtC,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAA,OAAO,EAAE,YAAY,CAAA,CAAA;AAAA,OAChB,MAAA;AACL,QAAA,OAAO,CAAE,CAAA,gBAAA,CAAiB,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,EAAE,OAAA,EAAY,GAAA,WAAA,CAAY,aAAa,CAAA,CAAA;AAE7C,IAAA,MAAM,WAAc,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAEhD,IAAA,MAAM,YAAe,GAAA;AAAA,MACnB,OAAS,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,GAAS,SAAS,MAAM,CAAA,KAAA,CAAA;AAAA,KACtD,CAAA;AAKA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,IAAI,MAAM,KAAO,EAAA;AAEf,QAAY,WAAA,CAAA,UAAA,CAAW,MAAM,IAAI,CAAA,CAAA;AACjC,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACP,MAAA;AAEL,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACd;AAAA,KACF,CAAA;AAKA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAY,WAAA,CAAA,UAAA,CAAW,MAAM,IAAI,CAAA,CAAA;AACjC,MAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,eAAgB,EAAA,CAAA;AAE9B,IAAM,MAAA,QAAA,GAAW,aAAc,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAE5C,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAW,EAAA,SAAA;AAAA,KACZ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layout/index.d.ts

@@ -0,0 +1,2 @@
+import List from "./List.vue";
+export { List };

package/dist/esm/layout/index.mjs

@@ -0,0 +1,9 @@
+import List from './List.vue.mjs';
+
+List.install = function(app) {
+  app.component("DListLayout", List);
+  return app;
+};
+
+export { List };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/layout/index.ts"],"sourcesContent":["import type { App } from \"vue\";\nimport List from \"./List.vue\";\n// import Main from \"./Main.vue\";\n// import FuckMain from \"./FuckMain.vue\";\n// import Show from \"./Show.vue\";\n\n// export const DList = withInstall(List);\n// export const DMain = withInstall(Main);\n// export const DNavTabs = withInstall(NavTabs);\n// export const DShow = withInstall(Show);\n// export const DFuckMain = withInstall(FuckMain);\n\nList.install = function (app: App) {\n  app.component(\"DListLayout\", List);\n  return app;\n};\n// Main.install = function (app: App) {\n//   app.component(\"DMainLayout\");\n//   return app;\n// };\n// FuckMain.install = function (app: App) {\n//   app.component(\"DFuckMain\", FuckMain);\n//   return app;\n// };\n// Show.install = function (app: App) {\n//   app.component(\"DShowLayout\", Show);\n//   return app;\n// };\n//\nexport { List };\n"],"names":[],"mappings":";;AAYA,IAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAU,eAAe,IAAI,CAAA,CAAA;AACjC,EAAO,OAAA,GAAA,CAAA;AACT,CAAA;;;;"}

package/dist/esm/menu/Menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: 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<{}>>, {}, {}>;
+export default _default;

package/dist/esm/menu/Menu.mjs

@@ -0,0 +1,128 @@
+import { isVNode, defineComponent, inject, watchEffect, createVNode, Fragment, resolveComponent, withDirectives, vShow, h } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useMenuStore, useSettingsStore } from '@ditari/store';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var Menu = /* @__PURE__ */ defineComponent({
+  name: "DMenu",
+  setup() {
+    const router = useRouter();
+    const route = useRoute();
+    const {
+      componentName,
+      prop: menuProp
+    } = inject("menuIcon");
+    const menuStore = useMenuStore();
+    const {
+      list,
+      openMenusKeys,
+      selectedMenuKeys
+    } = storeToRefs(menuStore);
+    const settingsStore = useSettingsStore();
+    const {
+      getCollapsed
+    } = storeToRefs(settingsStore);
+    watchEffect(() => {
+      if (getCollapsed.value) {
+        return;
+      }
+      const activatedUrl = selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : "";
+      const parentUrls = getParentUrls(list.value, activatedUrl);
+      openMenusKeys.value = parentUrls || [];
+    });
+    function getParentUrls(menus, url) {
+      for (let i = 0; i < menus.length; i++) {
+        if (menus[i].url === url || url.startsWith(menus[i].url)) {
+          return [menus[i].url];
+        } else if (menus[i].children && menus[i].children.length > 0) {
+          const parentUrls = getParentUrls(menus[i].children, url);
+          if (parentUrls) {
+            return [menus[i].url, ...parentUrls];
+          }
+        }
+      }
+      return null;
+    }
+    const onClick = ({
+      key,
+      keyPath
+    }) => {
+      openMenusKeys.value = keyPath;
+      selectedMenuKeys.value = [key];
+      route.path !== key ? router.push(key).then((r) => r ? console.warn(r) : null) : null;
+    };
+    const renderMenu = (menu) => {
+      return createVNode(Fragment, null, [createVNode(resolveComponent("a-menu-item"), {
+        "key": menu.url
+      }, {
+        icon: () => renderIcon(menu),
+        default: () => menu.title
+      })]);
+    };
+    const iconClass = ["anticon", "anticon-menu", "ant-menu-item-icon"];
+    const renderIcon = (menu) => {
+      return createVNode(Fragment, null, [!menu.icon ? withDirectives(createVNode("div", {
+        "class": iconClass
+      }, [menu.title.substring(0, 1)]), [[vShow, getCollapsed.value]]) : renderIconSwitch(menu.icon)]);
+    };
+    const renderIconSwitch = (icon) => {
+      if (componentName === "nativeHtml") {
+        return createVNode("span", {
+          "innerHTML": icon
+        }, null);
+      } else {
+        return h(resolveComponent(componentName), {
+          [`${menuProp}`]: icon
+        });
+      }
+    };
+    const renderSub = (menu) => {
+      return createVNode(Fragment, null, [createVNode(resolveComponent("a-sub-menu"), {
+        "key": menu.url
+      }, {
+        title: () => menu.title,
+        icon: () => renderIcon(menu),
+        default: () => {
+          return menu.children.map(
+            (item) => !item.children || item.children.length === 0 ? renderSubMenu(item) : renderSub(item)
+            // 递归调用
+          );
+        }
+      })]);
+    };
+    const renderSubMenu = (menu) => {
+      return createVNode(Fragment, null, [createVNode(resolveComponent("a-menu-item"), {
+        "key": menu.url
+      }, {
+        default: () => menu.title
+      })]);
+    };
+    return () => {
+      let _slot;
+      return createVNode(Fragment, null, [createVNode(resolveComponent("a-menu"), {
+        "mode": "inline",
+        "theme": "dark",
+        "openKeys": openMenusKeys.value,
+        "onUpdate:openKeys": ($event) => openMenusKeys.value = $event,
+        "selectedKeys": selectedMenuKeys.value,
+        "onUpdate:selectedKeys": ($event) => selectedMenuKeys.value = $event,
+        "onClick": onClick
+      }, _isSlot(_slot = list.value.map((menu) => {
+        var _a;
+        if (!menu.children || ((_a = menu.children) == null ? void 0 : _a.length) === 0) {
+          return renderMenu(menu);
+        } else {
+          return renderSub(menu);
+        }
+      })) ? _slot : {
+        default: () => [_slot]
+      })]);
+    };
+  }
+});
+
+export { Menu as default };
+//# sourceMappingURL=Menu.mjs.map