@ditari/bsui 5.1.1 → 5.1.2

package/dist/cjs/components/tab/Tab.vue2.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vueRouter = require('vue-router');
 var antDesignVue = require('ant-design-vue');
 var pinia = require('pinia');
+var AppContext = require('../layout/AppContext.cjs');
 var Search = require('./Search.cjs');
 var iconsVue = require('@ant-design/icons-vue');
 var store = require('@ditari/store');
@@ -13,12 +14,16 @@ var css = require('@emotion/css');
 
 "use strict";
 const _hoisted_1 = { class: "d-tabs-nav" };
-const _hoisted_2 = { class: "tab-item" };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
+  class: "tab-item"
+};
+const _hoisted_3 = { class: "tab-item" };
+const _hoisted_4 = {
+  key: 2,
   class: "tab-close"
 };
-const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Tab",
   setup(__props) {
@@ -30,6 +35,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onChange,
       onClose
     } = useTab();
+    const { enableTabContextMenu, onContextMenuClick } = useTabsContextMenu();
     function useStyle() {
       const { useToken } = antDesignVue.theme;
       const { token } = useToken();
@@ -117,7 +123,49 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onClose: onClose2
       };
     }
+    function useTabsContextMenu() {
+      const appContext = vue.inject(
+        AppContext.AppContextKey,
+        null
+      );
+      const store$1 = store.useNavTabStore();
+      const router = vueRouter.useRouter();
+      const onContextMenuClick2 = ({ key }, targetKey) => {
+        var _a, _b, _c, _d;
+        switch (key) {
+          case "reload":
+            if (targetKey !== activeKey.value) {
+              router.push(targetKey).then(() => {
+                var _a2;
+                return (_a2 = appContext == null ? void 0 : appContext.onReloadPage) == null ? void 0 : _a2.call(appContext);
+              });
+            } else {
+              (_a = appContext == null ? void 0 : appContext.onReloadPage) == null ? void 0 : _a.call(appContext);
+            }
+            break;
+          case "other":
+            (_b = store$1.closeOtherTabs) == null ? void 0 : _b.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+          case "left":
+            (_c = store$1.closeLeftTabs) == null ? void 0 : _c.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+          case "right":
+            (_d = store$1.closeRightTabs) == null ? void 0 : _d.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+        }
+      };
+      return {
+        enableTabContextMenu: (appContext == null ? void 0 : appContext.enableTabContextMenu) || false,
+        onContextMenuClick: onContextMenuClick2
+      };
+    }
     return (_ctx, _cache) => {
+      const _component_a_menu_item = vue.resolveComponent("a-menu-item");
+      const _component_a_menu = vue.resolveComponent("a-menu");
+      const _component_a_dropdown = vue.resolveComponent("a-dropdown");
       const _component_a_tab_pane = vue.resolveComponent("a-tab-pane");
       const _component_a_tabs = vue.resolveComponent("a-tabs");
       return vue.openBlock(), vue.createElementBlock(
@@ -158,47 +206,108 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             2
                             /* CLASS */
                           ),
-                          _cache[1] || (_cache[1] = vue.createElementVNode(
+                          _cache[5] || (_cache[5] = vue.createElementVNode(
                             "div",
                             { class: "tab-dividers" },
                             null,
                             -1
                             /* CACHED */
                           )),
-                          vue.createCommentVNode(`            <a-dropdown :trigger="['contextmenu']">`),
-                          vue.createElementVNode(
+                          !vue.unref(enableTabContextMenu) ? (vue.openBlock(), vue.createElementBlock(
                             "div",
                             _hoisted_2,
                             vue.toDisplayString(((_a = item.meta) == null ? void 0 : _a.title) || "\u65E0\u6807\u9898"),
                             1
                             /* TEXT */
-                          ),
-                          vue.createCommentVNode("              <template #overlay>"),
-                          vue.createCommentVNode("                <a-menu>"),
-                          vue.createCommentVNode('                  <a-menu-item key="1">'),
-                          vue.createCommentVNode("                    <ReloadOutlined />"),
-                          vue.createCommentVNode("                    \u91CD\u65B0\u52A0\u8F7D"),
-                          vue.createCommentVNode("                  </a-menu-item>"),
-                          vue.createCommentVNode('                  <a-menu-item key="2">'),
-                          vue.createCommentVNode("                    <CloseOutlined />"),
-                          vue.createCommentVNode("                    \u5173\u95ED\u5176\u4ED6"),
-                          vue.createCommentVNode("                  </a-menu-item>"),
-                          vue.createCommentVNode('                  <a-menu-item key="3"'),
-                          vue.createCommentVNode("                    >\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E"),
-                          vue.createCommentVNode("                  </a-menu-item>"),
-                          vue.createCommentVNode('                  <a-menu-item key="3"'),
-                          vue.createCommentVNode("                    >\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E"),
-                          vue.createCommentVNode("                  </a-menu-item>"),
-                          vue.createCommentVNode("                </a-menu>"),
-                          vue.createCommentVNode("              </template>"),
-                          vue.createCommentVNode("            </a-dropdown>"),
-                          vue.unref(closeBtnStatus)(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.unref(enableTabContextMenu) ? (vue.openBlock(), vue.createBlock(
+                            _component_a_dropdown,
+                            {
+                              key: 1,
+                              trigger: ["contextmenu"]
+                            },
+                            {
+                              overlay: vue.withCtx(() => [
+                                vue.createVNode(_component_a_menu, {
+                                  onClick: (e) => vue.unref(onContextMenuClick)(e, item.fullPath)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_a_menu_item, { key: "reload" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.ReloadOutlined)),
+                                        _cache[1] || (_cache[1] = vue.createTextVNode(
+                                          " \u91CD\u65B0\u52A0\u8F7D ",
+                                          -1
+                                          /* CACHED */
+                                        ))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "other" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.CloseOutlined)),
+                                        _cache[2] || (_cache[2] = vue.createTextVNode(
+                                          " \u5173\u95ED\u5176\u4ED6 ",
+                                          -1
+                                          /* CACHED */
+                                        ))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "right" }, {
+                                      default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                                        vue.createTextVNode(
+                                          "\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E ",
+                                          -1
+                                          /* CACHED */
+                                        )
+                                      ])]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "left" }, {
+                                      default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                                        vue.createTextVNode(
+                                          "\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E ",
+                                          -1
+                                          /* CACHED */
+                                        )
+                                      ])]),
+                                      _: 1
+                                      /* STABLE */
+                                    })
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["onClick"])
+                              ]),
+                              default: vue.withCtx(() => {
+                                var _a2;
+                                return [
+                                  vue.createElementVNode(
+                                    "div",
+                                    _hoisted_3,
+                                    vue.toDisplayString(((_a2 = item.meta) == null ? void 0 : _a2.title) || "\u65E0\u6807\u9898"),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ];
+                              }),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.unref(closeBtnStatus)(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                             vue.createElementVNode("div", {
                               class: vue.normalizeClass(["close-btn", vue.unref(closeBtnStyle)]),
                               onClick: ($event) => vue.unref(onClose)($event, item.fullPath)
                             }, [
                               vue.createVNode(vue.unref(iconsVue.CloseOutlined))
-                            ], 10, _hoisted_4)
+                            ], 10, _hoisted_5)
                           ])) : vue.createCommentVNode("v-if", true)
                         ];
                       }),

package/dist/cjs/components/tab/Tab.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport {\r\n  CloseOutlined,\r\n  ReloadOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      save(route);\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <!--            <a-dropdown :trigger=\"['contextmenu']\">-->\r\n            <div class=\"tab-item\">\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <!--              <template #overlay>-->\r\n            <!--                <a-menu>-->\r\n            <!--                  <a-menu-item key=\"1\">-->\r\n            <!--                    <ReloadOutlined />-->\r\n            <!--                    重新加载-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"2\">-->\r\n            <!--                    <CloseOutlined />-->\r\n            <!--                    关闭其他-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭右侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭左侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                </a-menu>-->\r\n            <!--              </template>-->\r\n            <!--            </a-dropdown>-->\r\n\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["theme","computed","tabsNavStyle","css","tabHoverBgStyle","closeBtnStyle","useRoute","useRouter","store","useNavTabStore","list","activeKey","storeToRefs","watch","onChange","onClose","closeBtnStatus","_createElementBlock","_normalizeClass","_unref","_createVNode","Search","_createElementVNode","_Fragment","_renderList","_createBlock","_createCommentVNode","_toDisplayString","_openBlock","CloseOutlined"],"mappings":"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"}
+{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  type ComputedRef,\r\n  inject,\r\n  watch\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  AppContext,\r\n  AppContextKey\r\n} from \"../layout/AppContext\";\r\nimport Search from \"./Search\";\r\nimport {\r\n  CloseOutlined,\r\n  ReloadOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nconst { enableTabContextMenu, onContextMenuClick } =\r\n  useTabsContextMenu();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      save(route);\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n\r\nfunction useTabsContextMenu() {\r\n  const appContext = inject<AppContext | null>(\r\n    AppContextKey,\r\n    null\r\n  );\r\n  const store = useNavTabStore();\r\n  const router = useRouter();\r\n\r\n  const onContextMenuClick = (\r\n    { key }: { key: string },\r\n    targetKey: string\r\n  ) => {\r\n    switch (key) {\r\n      case \"reload\":\r\n        // 如果点击的不是当前激活页，先跳转再刷新\r\n        if (targetKey !== activeKey.value) {\r\n          router\r\n            .push(targetKey)\r\n            .then(() => appContext?.onReloadPage?.());\r\n        } else {\r\n          appContext?.onReloadPage?.();\r\n        }\r\n        break;\r\n      case \"other\":\r\n        store.closeOtherTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n      case \"left\":\r\n        store.closeLeftTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n      case \"right\":\r\n        store.closeRightTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n    }\r\n  };\r\n\r\n  return {\r\n    enableTabContextMenu:\r\n      appContext?.enableTabContextMenu || false,\r\n    onContextMenuClick\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div\r\n              class=\"tab-item\"\r\n              v-if=\"!enableTabContextMenu\"\r\n            >\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <a-dropdown\r\n              :trigger=\"['contextmenu']\"\r\n              v-if=\"enableTabContextMenu\"\r\n            >\r\n              <div class=\"tab-item\">\r\n                {{ item.meta?.title || \"无标题\" }}\r\n              </div>\r\n              <template #overlay>\r\n                <a-menu\r\n                  @click=\"\r\n                    e =>\r\n                      onContextMenuClick(e, item.fullPath)\r\n                  \"\r\n                >\r\n                  <a-menu-item key=\"reload\">\r\n                    <ReloadOutlined />\r\n                    重新加载\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"other\">\r\n                    <CloseOutlined />\r\n                    关闭其他\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"right\"\r\n                    >关闭右侧标签\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"left\"\r\n                    >关闭左侧标签\r\n                  </a-menu-item>\r\n                </a-menu>\r\n              </template>\r\n            </a-dropdown>\r\n\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["theme","computed","tabsNavStyle","css","tabHoverBgStyle","closeBtnStyle","useRoute","useRouter","store","useNavTabStore","list","activeKey","storeToRefs","watch","onChange","onClose","closeBtnStatus","inject","AppContextKey","onContextMenuClick","_a","_createElementBlock","_normalizeClass","_unref","_createVNode","Search","_createElementVNode","_Fragment","_renderList","_createBlock","_openBlock","_toDisplayString","ReloadOutlined","CloseOutlined"],"mappings":"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"}

package/dist/cjs/index.cjs

@@ -12,6 +12,7 @@ var RangePicker_vue_vue_type_script_setup_true_lang = require('./components/date
 var FormLayout = require('./components/form/FormLayout.cjs');
 var Moon = require('./components/icon/Moon.vue.cjs');
 var Sun = require('./components/icon/Sun.vue.cjs');
+var AppContext = require('./components/layout/AppContext.cjs');
 var ThemeApp_vue_vue_type_script_setup_true_lang = require('./components/layout/components/layout/ThemeApp.vue2.cjs');
 var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./components/layout/components/layout/HeaderLayout.vue2.cjs');
 var Menu = require('./components/layout/components/menu/Menu.cjs');
@@ -46,6 +47,7 @@ exports.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
 exports.FormLayout = FormLayout.default;
 exports.Moon = Moon.default;
 exports.Sun = Sun.default;
+exports.AppContextKey = AppContext.AppContextKey;
 exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
 exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
 exports.Menu = Menu.default;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AACnC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AACnC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/index.mjs

@@ -17,6 +17,7 @@ export { default as RangePicker } from './date/RangePicker.vue2.mjs';
 export { default as FormLayout } from './form/FormLayout.mjs';
 export { default as Moon } from './icon/Moon.vue.mjs';
 export { default as Sun } from './icon/Sun.vue.mjs';
+export { AppContextKey } from './layout/AppContext.mjs';
 export { default as AppTheme } from './layout/components/layout/ThemeApp.vue2.mjs';
 export { default as HeaderLayout } from './layout/components/layout/HeaderLayout.vue2.mjs';
 export { default as Menu } from './layout/components/menu/Menu.mjs';

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

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

package/dist/esm/components/layout/AppContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.mjs","sources":["../../../../src/components/layout/AppContext.ts"],"sourcesContent":["import { ComputedRef, VNode } from \"vue\";\r\n\r\nexport const AppContextKey = Symbol(\"d-bsui-context\");\r\nexport interface AppContext {\r\n  // 水印\r\n  watermarkContent?: ComputedRef<{ content: string }>;\r\n  renderMenuIcon?: (item: {\r\n    icon: string;\r\n  }) => VNode | VNode[];\r\n}\r\n"],"names":[],"mappings":";AAEO,MAAM,aAAA,GAAgB,OAAO,gBAAgB;;;;"}
+{"version":3,"file":"AppContext.mjs","sources":["../../../../src/components/layout/AppContext.ts"],"sourcesContent":["import { ComputedRef, VNode } from \"vue\";\r\n\r\nexport const AppContextKey = Symbol(\"d-bsui-context\");\r\nexport interface AppContext {\r\n  // 水印\r\n  watermarkContent?: ComputedRef<{ content: string }>;\r\n  renderMenuIcon?: (item: {\r\n    icon: string;\r\n  }) => VNode | VNode[];\r\n  // 缓存方式 Name:组件名称  Path:路径缓\r\n  keepAliveMode: \"Name\" | \"Path\";\r\n  // 多标签重载\r\n  onReloadPage?: () => void;\r\n  // 多标签是否开启右键菜单\r\n  enableTabContextMenu?: boolean;\r\n}\r\n"],"names":[],"mappings":";AAEO,MAAM,aAAA,GAAgB,OAAO,gBAAgB;;;;"}

package/dist/esm/components/layout/Layout.vue2.mjs

@@ -8,8 +8,10 @@ import { useAppStore, useKeepAliveStore } from '@ditari/store';
 import { css } from '@emotion/css';
 import './components/layout/HeaderLayout.vue.mjs';
 import './components/layout/RouterContent.vue.mjs';
+import './components/layout/RouterContentName.vue.mjs';
 import _sfc_main$1 from './components/layout/HeaderLayout.vue2.mjs';
-import _sfc_main$2 from './components/layout/RouterContent.vue2.mjs';
+import _sfc_main$2 from './components/layout/RouterContentName.vue2.mjs';
+import _sfc_main$3 from './components/layout/RouterContent.vue2.mjs';
 
 "use strict";
 const _hoisted_1 = { class: "app-side" };
@@ -20,7 +22,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       content: ""
     }) },
     isSettings: { type: Boolean, required: false, default: false },
-    renderMenuIcon: { type: Function, required: false, default: void 0 }
+    renderMenuIcon: { type: Function, required: false, default: void 0 },
+    keepAliveMode: { type: String, required: false, default: "Name" },
+    onReloadPage: { type: Function, required: false },
+    enableTabContextMenu: { type: Boolean, required: false, default: true }
   },
   emits: ["onMenuClick"],
   setup(__props, { emit: __emit }) {
@@ -30,7 +35,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const { onMenuClick } = useMenu();
     provide(AppContextKey, {
       watermarkContent: computed(() => props.watermark || ""),
-      renderMenuIcon: props.renderMenuIcon
+      renderMenuIcon: props.renderMenuIcon,
+      keepAliveMode: props.keepAliveMode,
+      onReloadPage: props.onReloadPage,
+      enableTabContextMenu: props.enableTabContextMenu
     });
     const {
       layoutStyle,
@@ -45,7 +53,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       watch(
         () => route.path,
         () => {
-          save(route);
+          if (props.keepAliveMode === "Name") {
+            save(route);
+          }
         },
         {
           immediate: true
@@ -152,7 +162,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(unref(rightContentStyle))
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$2)
+                      __props.keepAliveMode === "Name" ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }))
                     ]),
                     _: 1
                     /* STABLE */

package/dist/esm/components/layout/Layout.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, VNode, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon\r\n});\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  const route = useRoute();\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n      :width=\"layout.sideWidth\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","RouterContent","_createBlock"],"mappings":"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"}
+{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, VNode, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\nimport RouterContentName from \"./components/layout/RouterContentName.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined },\n  keepAliveMode: { type: String, required: false, default: \"Name\" },\n  onReloadPage: { type: Function, required: false },\n  enableTabContextMenu: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon,\r\n  keepAliveMode: props.keepAliveMode,\r\n  onReloadPage: props.onReloadPage,\r\n  enableTabContextMenu: props.enableTabContextMenu\r\n});\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  const route = useRoute();\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      //  如果是组件名方式缓存，那么存入Name\r\n      if (props.keepAliveMode === \"Name\") {\r\n        save(route);\r\n      }\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n      :width=\"layout.sideWidth\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContentName\r\n          v-if=\"keepAliveMode === 'Name'\"\r\n        />\r\n        <RouterContent v-else />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","_createBlock","RouterContentName","RouterContent"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
-import { isVNode, defineComponent, ref, inject, computed, onMounted, nextTick, watch, onUnmounted, onActivated, onDeactivated, createVNode } from 'vue';
+import { isVNode, defineComponent, inject, computed, onMounted, ref, nextTick, watch, onUnmounted, onActivated, onDeactivated, createVNode } from 'vue';
 import { useRoute } from 'vue-router';
 import { Card, Flex, Space, Watermark } from 'ant-design-vue';
 import { storeToRefs } from 'pinia';
 import { useElementSize } from '@vueuse/core';
+import { AppContextKey } from './AppContext.mjs';
 import { useAppStore } from '@ditari/store';
 import { css } from '@emotion/css';
 
@@ -11,9 +12,9 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const tableRootStyle = css`
-    height: 100%;
-    position: relative;
-    overflow: hidden;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
 `;
 const list = /* @__PURE__ */ defineComponent({
   name: "DListLayout",
@@ -22,7 +23,11 @@ const list = /* @__PURE__ */ defineComponent({
     slots,
     emit
   }) {
-    const watermarkContent = ref(inject("watermarkContent", ""));
+    const appContext = inject(AppContextKey, null);
+    const watermarkContent = computed(() => {
+      var _a;
+      return (_a = appContext == null ? void 0 : appContext.watermarkContent) == null ? void 0 : _a.value.content;
+    });
     const route = useRoute();
     const {
       refresh
@@ -39,44 +44,44 @@ const list = /* @__PURE__ */ defineComponent({
     useReload();
     const maskDivStyle = computed(() => {
       return css`
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          z-index: 1;
-          background: white;
-          display: ${tableVisible.value ? "block" : "none"};
-      `;
-    });
-    const tableWrapperStyle = css`
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
-        overflow: hidden;
+        z-index: 1;
+        background: white;
+        display: ${tableVisible.value ? "block" : "none"};
+      `;
+    });
+    const tableWrapperStyle = css`
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      overflow: hidden;
     `;
     const cardStyle = css`
-        box-shadow: none !important;
+      box-shadow: none !important;
     `;
     const leftCardStyle = css`
-        .ant-card-body {
-            overflow-y: scroll;
-            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */
-            scrollbar-width: none; /* 对 Firefox 生效 */
+      .ant-card-body {
+        overflow-y: scroll;
+        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */
+        scrollbar-width: none; /* 对 Firefox 生效 */
 
-            /* Webkit 浏览器 */
+        /* Webkit 浏览器 */
 
-            ::-webkit-scrollbar {
-                display: none;
-            }
+        ::-webkit-scrollbar {
+          display: none;
         }
+      }
     `;
     const listStyle = computed(() => css`
-          padding: 10px;
-          height: 100%;
-          //height: calc(100vh - 44px);
+        padding: 10px;
+        height: 100%;
+        //height: calc(100vh - 44px);
       `);
     onMounted(() => {
       playTableHeight();

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

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n  Card,\r\n  Flex,\r\n  Space,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const {\r\n      tableRef,\r\n      height,\r\n      tableVisible,\r\n      playTableHeight\r\n    } = useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n          position: absolute;\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          z-index: 1;\r\n          background: white;\r\n          display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n        box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n        .ant-card-body {\r\n            overflow-y: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            /* Webkit 浏览器 */\r\n\r\n            ::-webkit-scrollbar {\r\n                display: none;\r\n            }\r\n        }\r\n    `;\r\n\r\n    const listStyle = computed(\r\n      () => css`\r\n          padding: 10px;\r\n          height: 100%;\r\n          //height: calc(100vh - 44px);\r\n      `\r\n    );\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } =\r\n        useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n              bordered={false}\r\n            >\r\n              <Flex\r\n                style={{ height: \"100%\" }}\r\n                vertical={true}\r\n              >\r\n                <Space style={{ marginBottom: \"6px\" }}>\r\n                  {slots.tools?.()}\r\n                </Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({\r\n                        height: height.value\r\n                      })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Watermark style={{ height: \"100%\" }} content={watermarkContent.value}>\r\n          <Flex\r\n            class={[listStyle.value, \"app-list\"]}\r\n            gap={10}\r\n          >\r\n            {slots.left ? (\r\n              <Card\r\n                class={[cardStyle, leftCardStyle]}\r\n                bordered={false}\r\n                bodyStyle={{\r\n                  height: \"100%\",\r\n                  padding: \"10px\"\r\n                }}\r\n              >\r\n                {slots.left?.()}\r\n              </Card>\r\n            ) : null}\r\n            <Flex vertical={true} flex={1}>\r\n              {formLayout()()}\r\n              {tableLayout()()}\r\n            </Flex>\r\n          </Flex>\r\n        </Watermark>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","watermarkContent","ref","inject","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left"],"mappings":";;;;;;;;;AAwBmC,SAAAA,QAAAC,CAAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAA,IAAAC,MAAAA,CAAAC,SAAAA,CAAAC,QAAAA,CAAAC,IAAAA,CAAAJ,CAAA,CAAA,KAAA,iBAAA,IAAA,CAAAK,OAAAA,CAAAL,CAAA,CAAA;AAAA;AAEnC,MAAMM,cAAAA,GAAiBC,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAAA;AAMvB,MAAMC,uBAAOC,eAAAA,CAAgB;AAAA,EAC3BC,IAAAA,EAAM,aAAA;AAAA,EACNC,KAAAA,EAAO,CAAC,SAAS,CAAA;AAAA,EACjBC,MAAMC,CAAAA,EAAG;AAAA,IAAEC,KAAAA;AAAAA,IAAOC;AAAAA,GAAK,EAAG;AACxB,IAAA,MAAMC,gBAAAA,GAAmBC,GAAAA,CACvBC,MAAAA,CAAO,kBAAA,EAAoB,EAAE,CAC/B,CAAA;AACA,IAAA,MAAMC,QAAQC,QAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAQ,GAAIC,WAAAA,CAAYC,WAAAA,EAAa,CAAA;AAC7C,IAAA,MAAM;AAAA,MACJC,QAAAA;AAAAA,MACAC,MAAAA;AAAAA,MACAC,YAAAA;AAAAA,MACAC;AAAAA,QACEC,cAAAA,EAAe;AACnB,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAYC,OAAAA,EAAQ;AAC5BC,IAAAA,SAAAA,EAAU;AAEV,IAAA,MAAMC,YAAAA,GAAeC,SAAS,MAAM;AAClC,MAAA,OAAO1B,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mBAAAA,EAQQmB,YAAAA,CAAaQ,KAAAA,GAAQ,OAAA,GAAU,MAAM,CAAA;AAAA,MAAA,CAAA;AAAA,IAEtD,CAAC,CAAA;AAED,IAAA,MAAMC,iBAAAA,GAAoB5B,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAS1B,IAAA,MAAM6B,SAAAA,GAAY7B,GAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAIlB,IAAA,MAAM8B,aAAAA,GAAgB9B,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AActB,IAAA,MAAM+B,SAAAA,GAAYL,SAChB,MAAM1B,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAAAA,CAKR,CAAA;AAEAgC,IAAAA,SAAAA,CAAU,MAAM;AACdZ,MAAAA,eAAAA,EAAgB;AAAA,IAClB,CAAC,CAAA;AAED,IAAA,SAASC,cAAAA,GAAiB;AACxB,MAAA,MAAMJ,YAAWP,GAAAA,EAAI;AACrB,MAAA,MAAMQ,OAAAA,GAASR,IAAI,CAAC,CAAA;AACpB,MAAA,MAAMS,aAAAA,GAAeT,IAAI,IAAI,CAAA;AAE7B,MAAA,SAASU,gBAAAA,GAAkB;AA3GjC,QAAA,IAAA,EAAA;AA4GQD,QAAAA,cAAaQ,KAAAA,GAAQ,IAAA;AACrBT,QAAAA,OAAAA,CAAOS,SAAQV,EAAAA,GAAAA,SAAAA,IAAAA,gBAAAA,SAAAA,CAAUU,KAAAA,KAAVV,mBAAiBgB,GAAAA,CAAIC,YAAAA;AACpCC,QAAAA,QAAAA,CAAS,MAAM;AACbC,UAAAA,UAAAA,CAAW,MAAM;AACfjB,YAAAA,cAAaQ,KAAAA,GAAQ,KAAA;AAAA,UACvB,GAAG,EAAE,CAAA;AAAA,QACP,CAAC,CAAA;AAAA,MACH;AAEA,MAAA,OAAO;AAAA,QACLV,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,MAAAA,EAAAA,OAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,eAAAA,EAAAA;AAAAA,OACF;AAAA,IACF;AAEA,IAAA,SAASG,OAAAA,GAAU;AACjB,MAAA,MAAMD,QAAAA,GAAUZ,IAAI,IAAI,CAAA;AACxB,MAAA,MAAM;AAAA,QAAEQ,MAAAA,EAAQmB;AAAAA,OAAW,GACzBC,eAAehB,QAAO,CAAA;AACxBiB,MAAAA,KAAAA,CACE,MAAMF,UAAAA,CAAWV,KAAAA,EACjB,MAAM;AACJQ,QAAAA,QAAAA,CAAS,MAAM;AACbf,UAAAA,eAAAA,EAAgB;AAAA,QAClB,CAAC,CAAA;AAAA,MACH,CACF,CAAA;AAEA,MAAA,OAAO;AAAA,QACLE,OAAAA,EAAAA;AAAAA,OACF;AAAA,IACF;AAGA,IAAA,SAASE,SAAAA,GAAY;AACnB,MAAA,IAAIgB,eAAAA;AAEJ,MAAA,IAAI,CAAC5B,MAAMT,IAAAA,EAAM;AACfqC,QAAAA,eAAAA,GAAkBC,SAAAA,EAAU;AAE5BC,QAAAA,WAAAA,CAAY,MAAM;AAChBF,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAA,MAAO;AAELG,QAAAA,WAAAA,CAAY,MAAM;AAChB,UAAA,IAAI7B,QAAQa,KAAAA,EAAO;AACjBb,YAAAA,OAAAA,CAAQa,KAAAA,GAAQ,KAAA;AAChBnB,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA,UAChB;AACAgC,UAAAA,eAAAA,GAAkBC,SAAAA,EAAU;AAAA,QAC9B,CAAC,CAAA;AAEDG,QAAAA,aAAAA,CAAc,MAAM;AAClBJ,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,QACF,CAAC,CAAA;AAAA,MACH;AAEA,MAAA,SAASC,SAAAA,GAAY;AAEnB,QAAA,OAAOF,KAAAA,CACL,MAAMzB,OAAAA,CAAQa,KAAAA,EACdkB,CAAAA,GAAAA,KAAO;AACL,UAAA,IAAIA,GAAAA,EAAK;AAEPrC,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA,UAChB;AAAA,QACF,CACF,CAAA;AAAA,MACF;AAAA,IACF;AAEA,IAAA,SAASsC,SAAAA,GAAY;AACnB,MAAA,SAASC,UAAAA,GAAa;AACpB,QAAA,OAAO,MAAA;AAAA,UAAA,IAAAC,KAAAA;AAAA,UAAA,OACLzC,KAAAA,CAAM0C,IAAAA,IAAIC,WAAAA,CAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAECtB,SAAAA;AAAAA,YAAS,KAAA,EACXP,OAAAA;AAAAA,YAAO,OAAA,EACL;AAAA,cAAE8B,YAAAA,EAAc;AAAA,aAAO;AAAA,YAAC,WAAA,EACpB;AAAA,cAAEC,OAAAA,EAAS;AAAA,aAAmB;AAAA,YAAC,UAAA,EAChC;AAAA,aAAK7D,OAAAA,CAAAwD,KAAAA,GAEdzC,MAAM0C,IAAAA,EAAM,IAAAD,KAAAA,GAAA;AAAA,YAAAM,OAAAA,EAAAA,MAAA,CAAAN,KAAA;AAAA,WAAA,CAAA;AAAA,QAEhB,CAAA;AAAA,MACL;AAEA,MAAA,SAASO,WAAAA,GAAc;AACrB,QAAA,OAAO,MAAAL,YAAAM,IAAAA,EAAA;AAAA,UAAA,MAAA,EACO,CAAA;AAAA,UAAC,UAAA,EAAY;AAAA,SAAI,EAAA;AAAA,UAAAF,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAElBtB,SAAAA;AAAAA,YAAS,OAAA,EACT;AAAA,cAAEX,MAAAA,EAAQ;AAAA,aAAO;AAAA,YAAC,WAAA,EACd;AAAA,cACTA,MAAAA,EAAQ,MAAA;AAAA,cACRmC,OAAAA,EAAS;AAAA,aACX;AAAA,YAAC,UAAA,EACS;AAAA,WAAK,EAAA;AAAA,YAAAC,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAM,IAAAA,EAAA;AAAA,cAAA,OAAA,EAGN;AAAA,gBAAEtC,MAAAA,EAAQ;AAAA,eAAO;AAAA,cAAC,UAAA,EACf;AAAA,aAAI,EAAA;AAAA,cAAAoC,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAO,KAAAA,EAAA;AAAA,gBAAA,OAAA,EAEA;AAAA,kBAAEL,YAAAA,EAAc;AAAA;AAAM,eAAC,EAAA;AAAA,gBAAAE,SAAAA,MAAA;AAtNrD,kBAAA,IAAA,EAAA;AAsNqD,kBAAA,OAAA,CAAA,CAClC/C,EAAAA,GAAAA,KAAAA,CAAMmD,UAANnD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAe,CAAA;AAAA,gBAAA;AAAA,eAAA,CAAA,EAAA2C,WAAAA,CAAAM,IAAAA,EAAA;AAAA,gBAAA,KAAA,EAGXvC,QAAAA;AAAAA,gBAAQ,MAAA,EACP,CAAA;AAAA,gBAAC,OAAA,EACA;AAAA,kBAAEC,MAAAA,EAAQ;AAAA,iBAAO;AAAA,gBAAC,UAAA,EACf;AAAA,eAAI,EAAA;AAAA,gBAAAoC,SAAAA,MAAA;AA7NhC,kBAAA,IAAA,EAAA;AA6NgC,kBAAA,OAAA,CAAAJ,YAAA,KAAA,EAAA;AAAA,oBAAA,OAAA,EAEFnD;AAAAA,mBAAc,EAAA,CAAAmD,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,SACZzB,YAAAA,CAAaE;AAAAA,mBAAK,EAAA,IAAA,CAAA,EAAAuB,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,OAAA,EAClBtB;AAAAA,mBAAiB,EAAA,CAAA,CAC1BrB,EAAAA,GAAAA,KAAAA,CAAMoD,KAAAA,KAANpD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,EAAc;AAAA,oBACbW,QAAQA,MAAAA,CAAOS;AAAAA,mBACjB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,eAAA,CAAA;AAAA,aAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA,CAAA;AAAA,MAQlB;AAEA,MAAA,OAAAuB,YAAAU,SAAAA,EAAA;AAAA,QAAA,OAAA,EACoB;AAAA,UAAE1C,MAAAA,EAAQ;AAAA,SAAO;AAAA,QAAC,WAAWT,gBAAAA,CAAiBkB;AAAAA,OAAK,EAAA;AAAA,QAAA2B,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAM,IAAAA,EAAA;AAAA,UAAA,OAAA,EAE1D,CAACzB,SAAAA,CAAUJ,KAAAA,EAAO,UAAU,CAAA;AAAA,UAAC,KAAA,EAC/B;AAAA,SAAE,EAAA;AAAA,UAAA2B,SAAAA,MAAA,CAEN/C,KAAAA,CAAMsD,IAAAA,GAAIX,YAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAEA,CAACtB,SAAAA,EAAWC,aAAa,CAAA;AAAA,YAAC,UAAA,EACvB,KAAA;AAAA,YAAK,WAAA,EACJ;AAAA,cACTZ,MAAAA,EAAQ,MAAA;AAAA,cACRmC,OAAAA,EAAS;AAAA;AACX,WAAC,EAAA;AAAA,YAAAC,SAAAA,MAAA;AA3PjB,cAAA,IAAA,EAAA;AA2PiB,cAAA,OAAA,CAAA,CAEA/C,EAAAA,GAAAA,KAAAA,CAAMsD,SAANtD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAc,CAAA;AAAA,YAAA;AAAA,WAAA,CAAA,GAEf,IAAA,EAAI2C,WAAAA,CAAAM,IAAAA,EAAA;AAAA,YAAA,UAAA,EACQ,IAAA;AAAA,YAAI,MAAA,EAAQ;AAAA,WAAC,EAAA;AAAA,YAAAF,OAAAA,EAAAA,MAAA,CAC1BP,UAAAA,IAAa,EACbQ,WAAAA,IAAe;AAAA,WAAA,CAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;AAAA,IAK1B;AAEA,IAAA,OAAO,MAAMT,SAAAA,EAAU;AAAA,EACzB;AACF,CAAC;;;;"}
+{"version":3,"file":"List.mjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n  Card,\r\n  Flex,\r\n  Space,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const appContext = inject<AppContext | null>(\r\n      AppContextKey,\r\n      null\r\n    );\r\n\r\n    const watermarkContent = computed(\r\n      () => appContext?.watermarkContent?.value.content\r\n    );\r\n\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const {\r\n      tableRef,\r\n      height,\r\n      tableVisible,\r\n      playTableHeight\r\n    } = useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        background: white;\r\n        display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n      box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n      .ant-card-body {\r\n        overflow-y: scroll;\r\n        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n        scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n        /* Webkit 浏览器 */\r\n\r\n        ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n    `;\r\n\r\n    const listStyle = computed(\r\n      () => css`\r\n        padding: 10px;\r\n        height: 100%;\r\n        //height: calc(100vh - 44px);\r\n      `\r\n    );\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } =\r\n        useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n              bordered={false}\r\n            >\r\n              <Flex\r\n                style={{ height: \"100%\" }}\r\n                vertical={true}\r\n              >\r\n                <Space style={{ marginBottom: \"6px\" }}>\r\n                  {slots.tools?.()}\r\n                </Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({\r\n                        height: height.value\r\n                      })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Watermark\r\n          style={{ height: \"100%\" }}\r\n          content={watermarkContent.value}\r\n        >\r\n          <Flex\r\n            class={[listStyle.value, \"app-list\"]}\r\n            gap={10}\r\n          >\r\n            {slots.left ? (\r\n              <Card\r\n                class={[cardStyle, leftCardStyle]}\r\n                bordered={false}\r\n                bodyStyle={{\r\n                  height: \"100%\",\r\n                  padding: \"10px\"\r\n                }}\r\n              >\r\n                {slots.left?.()}\r\n              </Card>\r\n            ) : null}\r\n            <Flex vertical={true} flex={1}>\r\n              {formLayout()()}\r\n              {tableLayout()()}\r\n            </Flex>\r\n          </Flex>\r\n        </Watermark>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","appContext","inject","AppContextKey","watermarkContent","computed","value","content","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left"],"mappings":";;;;;;;;;;AAyBmC,SAAAA,QAAAC,CAAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAA,IAAAC,MAAAA,CAAAC,SAAAA,CAAAC,QAAAA,CAAAC,IAAAA,CAAAJ,CAAA,CAAA,KAAA,iBAAA,IAAA,CAAAK,OAAAA,CAAAL,CAAA,CAAA;AAAA;AAEnC,MAAMM,cAAAA,GAAiBC,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAAA;AAMvB,MAAMC,uBAAOC,eAAAA,CAAgB;AAAA,EAC3BC,IAAAA,EAAM,aAAA;AAAA,EACNC,KAAAA,EAAO,CAAC,SAAS,CAAA;AAAA,EACjBC,MAAMC,CAAAA,EAAG;AAAA,IAAEC,KAAAA;AAAAA,IAAOC;AAAAA,GAAK,EAAG;AACxB,IAAA,MAAMC,UAAAA,GAAaC,MAAAA,CACjBC,aAAAA,EACA,IACF,CAAA;AAEA,IAAA,MAAMC,gBAAAA,GAAmBC,SACvB,MAAA;AA3CN,MAAA,IAAA,EAAA;AA2CYJ,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,UAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAYG,gBAAAA,KAAZH,mBAA8BK,KAAAA,CAAMC,OAAAA;AAAAA,IAAAA,CAC5C,CAAA;AAEA,IAAA,MAAMC,QAAQC,QAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAQ,GAAIC,WAAAA,CAAYC,WAAAA,EAAa,CAAA;AAC7C,IAAA,MAAM;AAAA,MACJC,QAAAA;AAAAA,MACAC,MAAAA;AAAAA,MACAC,YAAAA;AAAAA,MACAC;AAAAA,QACEC,cAAAA,EAAe;AACnB,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAYC,OAAAA,EAAQ;AAC5BC,IAAAA,SAAAA,EAAU;AAEV,IAAA,MAAMC,YAAAA,GAAehB,SAAS,MAAM;AAClC,MAAA,OAAOb,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iBAAAA,EAQMuB,YAAAA,CAAaT,KAAAA,GAAQ,OAAA,GAAU,MAAM,CAAA;AAAA,MAAA,CAAA;AAAA,IAEpD,CAAC,CAAA;AAED,IAAA,MAAMgB,iBAAAA,GAAoB9B,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAS1B,IAAA,MAAM+B,SAAAA,GAAY/B,GAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAIlB,IAAA,MAAMgC,aAAAA,GAAgBhC,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AActB,IAAA,MAAMiC,SAAAA,GAAYpB,SAChB,MAAMb,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAAAA,CAKR,CAAA;AAEAkC,IAAAA,SAAAA,CAAU,MAAM;AACdV,MAAAA,eAAAA,EAAgB;AAAA,IAClB,CAAC,CAAA;AAED,IAAA,SAASC,cAAAA,GAAiB;AACxB,MAAA,MAAMJ,YAAWc,GAAAA,EAAI;AACrB,MAAA,MAAMb,OAAAA,GAASa,IAAI,CAAC,CAAA;AACpB,MAAA,MAAMZ,aAAAA,GAAeY,IAAI,IAAI,CAAA;AAE7B,MAAA,SAASX,gBAAAA,GAAkB;AAlHjC,QAAA,IAAA,EAAA;AAmHQD,QAAAA,cAAaT,KAAAA,GAAQ,IAAA;AACrBQ,QAAAA,OAAAA,CAAOR,SAAQO,EAAAA,GAAAA,SAAAA,IAAAA,gBAAAA,SAAAA,CAAUP,KAAAA,KAAVO,mBAAiBe,GAAAA,CAAIC,YAAAA;AACpCC,QAAAA,QAAAA,CAAS,MAAM;AACbC,UAAAA,UAAAA,CAAW,MAAM;AACfhB,YAAAA,cAAaT,KAAAA,GAAQ,KAAA;AAAA,UACvB,GAAG,EAAE,CAAA;AAAA,QACP,CAAC,CAAA;AAAA,MACH;AAEA,MAAA,OAAO;AAAA,QACLO,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,MAAAA,EAAAA,OAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,eAAAA,EAAAA;AAAAA,OACF;AAAA,IACF;AAEA,IAAA,SAASG,OAAAA,GAAU;AACjB,MAAA,MAAMD,QAAAA,GAAUS,IAAI,IAAI,CAAA;AACxB,MAAA,MAAM;AAAA,QAAEb,MAAAA,EAAQkB;AAAAA,OAAW,GACzBC,eAAef,QAAO,CAAA;AACxBgB,MAAAA,KAAAA,CACE,MAAMF,UAAAA,CAAW1B,KAAAA,EACjB,MAAM;AACJwB,QAAAA,QAAAA,CAAS,MAAM;AACbd,UAAAA,eAAAA,EAAgB;AAAA,QAClB,CAAC,CAAA;AAAA,MACH,CACF,CAAA;AAEA,MAAA,OAAO;AAAA,QACLE,OAAAA,EAAAA;AAAAA,OACF;AAAA,IACF;AAGA,IAAA,SAASE,SAAAA,GAAY;AACnB,MAAA,IAAIe,eAAAA;AAEJ,MAAA,IAAI,CAAC3B,MAAMb,IAAAA,EAAM;AACfwC,QAAAA,eAAAA,GAAkBC,SAAAA,EAAU;AAE5BC,QAAAA,WAAAA,CAAY,MAAM;AAChBF,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAA,MAAO;AAELG,QAAAA,WAAAA,CAAY,MAAM;AAChB,UAAA,IAAI5B,QAAQJ,KAAAA,EAAO;AACjBI,YAAAA,OAAAA,CAAQJ,KAAAA,GAAQ,KAAA;AAChBN,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA,UAChB;AACAmC,UAAAA,eAAAA,GAAkBC,SAAAA,EAAU;AAAA,QAC9B,CAAC,CAAA;AAEDG,QAAAA,aAAAA,CAAc,MAAM;AAClBJ,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,QACF,CAAC,CAAA;AAAA,MACH;AAEA,MAAA,SAASC,SAAAA,GAAY;AAEnB,QAAA,OAAOF,KAAAA,CACL,MAAMxB,OAAAA,CAAQJ,KAAAA,EACdkC,CAAAA,GAAAA,KAAO;AACL,UAAA,IAAIA,GAAAA,EAAK;AAEPxC,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA,UAChB;AAAA,QACF,CACF,CAAA;AAAA,MACF;AAAA,IACF;AAEA,IAAA,SAASyC,SAAAA,GAAY;AACnB,MAAA,SAASC,UAAAA,GAAa;AACpB,QAAA,OAAO,MAAA;AAAA,UAAA,IAAAC,KAAAA;AAAA,UAAA,OACL5C,KAAAA,CAAM6C,IAAAA,IAAIC,WAAAA,CAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAECvB,SAAAA;AAAAA,YAAS,KAAA,EACXL,OAAAA;AAAAA,YAAO,OAAA,EACL;AAAA,cAAE6B,YAAAA,EAAc;AAAA,aAAO;AAAA,YAAC,WAAA,EACpB;AAAA,cAAEC,OAAAA,EAAS;AAAA,aAAmB;AAAA,YAAC,UAAA,EAChC;AAAA,aAAKhE,OAAAA,CAAA2D,KAAAA,GAEd5C,MAAM6C,IAAAA,EAAM,IAAAD,KAAAA,GAAA;AAAA,YAAAM,OAAAA,EAAAA,MAAA,CAAAN,KAAA;AAAA,WAAA,CAAA;AAAA,QAEhB,CAAA;AAAA,MACL;AAEA,MAAA,SAASO,WAAAA,GAAc;AACrB,QAAA,OAAO,MAAAL,YAAAM,IAAAA,EAAA;AAAA,UAAA,MAAA,EACO,CAAA;AAAA,UAAC,UAAA,EAAY;AAAA,SAAI,EAAA;AAAA,UAAAF,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAElBvB,SAAAA;AAAAA,YAAS,OAAA,EACT;AAAA,cAAET,MAAAA,EAAQ;AAAA,aAAO;AAAA,YAAC,WAAA,EACd;AAAA,cACTA,MAAAA,EAAQ,MAAA;AAAA,cACRkC,OAAAA,EAAS;AAAA,aACX;AAAA,YAAC,UAAA,EACS;AAAA,WAAK,EAAA;AAAA,YAAAC,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAM,IAAAA,EAAA;AAAA,cAAA,OAAA,EAGN;AAAA,gBAAErC,MAAAA,EAAQ;AAAA,eAAO;AAAA,cAAC,UAAA,EACf;AAAA,aAAI,EAAA;AAAA,cAAAmC,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAO,KAAAA,EAAA;AAAA,gBAAA,OAAA,EAEA;AAAA,kBAAEL,YAAAA,EAAc;AAAA;AAAM,eAAC,EAAA;AAAA,gBAAAE,SAAAA,MAAA;AA7NrD,kBAAA,IAAA,EAAA;AA6NqD,kBAAA,OAAA,CAAA,CAClClD,EAAAA,GAAAA,KAAAA,CAAMsD,UAANtD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAe,CAAA;AAAA,gBAAA;AAAA,eAAA,CAAA,EAAA8C,WAAAA,CAAAM,IAAAA,EAAA;AAAA,gBAAA,KAAA,EAGXtC,QAAAA;AAAAA,gBAAQ,MAAA,EACP,CAAA;AAAA,gBAAC,OAAA,EACA;AAAA,kBAAEC,MAAAA,EAAQ;AAAA,iBAAO;AAAA,gBAAC,UAAA,EACf;AAAA,eAAI,EAAA;AAAA,gBAAAmC,SAAAA,MAAA;AApOhC,kBAAA,IAAA,EAAA;AAoOgC,kBAAA,OAAA,CAAAJ,YAAA,KAAA,EAAA;AAAA,oBAAA,OAAA,EAEFtD;AAAAA,mBAAc,EAAA,CAAAsD,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,SACZxB,YAAAA,CAAaf;AAAAA,mBAAK,EAAA,IAAA,CAAA,EAAAuC,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,OAAA,EAClBvB;AAAAA,mBAAiB,EAAA,CAAA,CAC1BvB,EAAAA,GAAAA,KAAAA,CAAMuD,KAAAA,KAANvD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,EAAc;AAAA,oBACbe,QAAQA,MAAAA,CAAOR;AAAAA,mBACjB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,eAAA,CAAA;AAAA,aAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA,CAAA;AAAA,MAQlB;AAEA,MAAA,OAAAuC,YAAAU,SAAAA,EAAA;AAAA,QAAA,OAAA,EAEW;AAAA,UAAEzC,MAAAA,EAAQ;AAAA,SAAO;AAAA,QAAC,WAChBV,gBAAAA,CAAiBE;AAAAA,OAAK,EAAA;AAAA,QAAA2C,OAAAA,EAAAA,MAAA,CAAAJ,WAAAA,CAAAM,IAAAA,EAAA;AAAA,UAAA,OAAA,EAGtB,CAAC1B,SAAAA,CAAUnB,KAAAA,EAAO,UAAU,CAAA;AAAA,UAAC,KAAA,EAC/B;AAAA,SAAE,EAAA;AAAA,UAAA2C,SAAAA,MAAA,CAENlD,KAAAA,CAAMyD,IAAAA,GAAIX,YAAAC,IAAAA,EAAA;AAAA,YAAA,OAAA,EAEA,CAACvB,SAAAA,EAAWC,aAAa,CAAA;AAAA,YAAC,UAAA,EACvB,KAAA;AAAA,YAAK,WAAA,EACJ;AAAA,cACTV,MAAAA,EAAQ,MAAA;AAAA,cACRkC,OAAAA,EAAS;AAAA;AACX,WAAC,EAAA;AAAA,YAAAC,SAAAA,MAAA;AArQjB,cAAA,IAAA,EAAA;AAqQiB,cAAA,OAAA,CAAA,CAEAlD,EAAAA,GAAAA,KAAAA,CAAMyD,SAANzD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAc,CAAA;AAAA,YAAA;AAAA,WAAA,CAAA,GAEf,IAAA,EAAI8C,WAAAA,CAAAM,IAAAA,EAAA;AAAA,YAAA,UAAA,EACQ,IAAA;AAAA,YAAI,MAAA,EAAQ;AAAA,WAAC,EAAA;AAAA,YAAAF,OAAAA,EAAAA,MAAA,CAC1BP,UAAAA,IAAa,EACbQ,WAAAA,IAAe;AAAA,WAAA,CAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;AAAA,IAK1B;AAEA,IAAA,OAAO,MAAMT,SAAAA,EAAU;AAAA,EACzB;AACF,CAAC;;;;"}