@ditari/bsui 5.0.12 → 5.0.13

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

@@ -1,6 +1,6 @@
 import { isVNode, defineComponent, ref, inject, computed, onMounted, nextTick, watch, onUnmounted, onActivated, onDeactivated, createVNode } from 'vue';
 import { useRoute } from 'vue-router';
-import { Card, Flex, Space } from 'ant-design-vue';
+import { Card, Flex, Space, Watermark } from 'ant-design-vue';
 import { storeToRefs } from 'pinia';
 import { useElementSize } from '@vueuse/core';
 import { useAppStore } from '@ditari/store';
@@ -11,9 +11,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 +22,7 @@ const list = /* @__PURE__ */ defineComponent({
     slots,
     emit
   }) {
-    const watermarkContent = ref(inject("watermarkContent"));
+    const watermarkContent = ref(inject("watermarkContent", ""));
     const route = useRoute();
     const {
       refresh
@@ -39,43 +39,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;
-        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;
+        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: calc(100vh - 44px);
+          padding: 10px;
+          height: 100%;
+          //height: calc(100vh - 44px);
       `);
     onMounted(() => {
       playTableHeight();
@@ -217,27 +218,34 @@ const list = /* @__PURE__ */ defineComponent({
           })]
         });
       }
-      return createVNode(Flex, {
-        "class": [listStyle.value, "app-list"],
-        "gap": 10
+      return createVNode(Watermark, {
+        "style": {
+          height: "100%"
+        },
+        "content": watermarkContent.value
       }, {
-        default: () => [slots.left ? createVNode(Card, {
-          "class": [cardStyle, leftCardStyle],
-          "bordered": false,
-          "bodyStyle": {
-            height: "100%",
-            padding: "10px"
-          }
+        default: () => [createVNode(Flex, {
+          "class": [listStyle.value, "app-list"],
+          "gap": 10
         }, {
-          default: () => {
-            var _a;
-            return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
-          }
-        }) : null, createVNode(Flex, {
-          "vertical": true,
-          "flex": 1
-        }, {
-          default: () => [formLayout()(), tableLayout()()]
+          default: () => [slots.left ? createVNode(Card, {
+            "class": [cardStyle, leftCardStyle],
+            "bordered": false,
+            "bodyStyle": {
+              height: "100%",
+              padding: "10px"
+            }
+          }, {
+            default: () => {
+              var _a;
+              return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
+            }
+          }) : null, createVNode(Flex, {
+            "vertical": true,
+            "flex": 1
+          }, {
+            default: () => [formLayout()(), tableLayout()()]
+          })]
         })]
       });
     }

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: 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        <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      );\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","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","left"],"mappings":";;;;;;;;;AAwBmC,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA;AAAA;AAEnC,MAAMM,cAAiBC,GAAAA,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAAA;AAMvB,MAAMC,uBAAuB,eAAA,CAAA;AAAA,EAC3BC,IAAM,EAAA,aAAA;AAAA,EACNC,KAAAA,EAAO,CAAC,SAAS,CAAA;AAAA,EACjBC,MAAMC,CAAG,EAAA;AAAA,IAAEC,KAAAA;AAAAA,IAAOC;AAAAA,GAAQ,EAAA;AACxB,IAAA,MAAMC,gBAAmBC,GAAAA,GAAAA,CACvBC,MAAO,CAAA,kBAAkB,CAC3B,CAAA;AACA,IAAA,MAAMC,QAAQC,QAAS,EAAA;AACvB,IAAM,MAAA;AAAA,MAAEC;AAAAA,KAAQ,GAAIC,WAAYC,CAAAA,WAAAA,EAAa,CAAA;AAC7C,IAAM,MAAA;AAAA,MACJC,QAAAA;AAAAA,MACAC,MAAAA;AAAAA,MACAC,YAAAA;AAAAA,MACAC;AAAAA,QACEC,cAAe,EAAA;AACnB,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAYC,OAAQ,EAAA;AAC5BC,IAAU,SAAA,EAAA;AAEV,IAAMC,MAAAA,YAAAA,GAAeC,SAAS,MAAM;AAClC,MAAOzB,OAAAA,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iBAQMkB,EAAAA,YAAAA,CAAaQ,KAAQ,GAAA,OAAA,GAAU,MAAM,CAAA;AAAA,MAAA,CAAA;AAAA,KAEnD,CAAA;AAED,IAAA,MAAMC,iBAAoB3B,GAAAA,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAS1B,IAAA,MAAM4B,SAAY5B,GAAAA,GAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAIlB,IAAA,MAAM6B,aAAgB7B,GAAAA,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AActB,IAAM8B,MAAAA,SAAAA,GAAYL,SAChB,MAAMzB,GAAAA;AAAAA;AAAAA;AAAAA,MAIR,CAAA,CAAA;AAEA+B,IAAAA,SAAAA,CAAU,MAAM;AACdZ,MAAgB,eAAA,EAAA;AAAA,KACjB,CAAA;AAED,IAAA,SAASC,cAAiB,GAAA;AACxB,MAAA,MAAMJ,YAAWP,GAAI,EAAA;AACrB,MAAMQ,MAAAA,OAAAA,GAASR,IAAI,CAAC,CAAA;AACpB,MAAMS,MAAAA,aAAAA,GAAeT,IAAI,IAAI,CAAA;AAE7B,MAAA,SAASU,gBAAkB,GAAA;AA1GjC,QAAA,IAAA,EAAA;AA2GQD,QAAAA,cAAaQ,KAAQ,GAAA,IAAA;AACrBT,QAAAA,OAAAA,CAAOS,SAAQV,EAAAA,GAAAA,SAAAA,IAAAA,gBAAAA,SAAUU,CAAAA,KAAAA,KAAVV,mBAAiBgB,GAAIC,CAAAA,YAAAA;AACpCC,QAAAA,QAAAA,CAAS,MAAM;AACbC,UAAAA,UAAAA,CAAW,MAAM;AACfjB,YAAAA,cAAaQ,KAAQ,GAAA,KAAA;AAAA,aACpB,EAAE,CAAA;AAAA,SACN,CAAA;AAAA;AAGH,MAAO,OAAA;AAAA,QACLV,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,MAAAA,EAAAA,OAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,eAAAA,EAAAA;AAAAA,OACF;AAAA;AAGF,IAAA,SAASG,OAAU,GAAA;AACjB,MAAMD,MAAAA,QAAAA,GAAUZ,IAAI,IAAI,CAAA;AACxB,MAAM,MAAA;AAAA,QAAEQ,MAAQmB,EAAAA;AAAAA,OAAW,GACzBC,eAAehB,QAAO,CAAA;AACxBiB,MACE,KAAA,CAAA,MAAMF,UAAWV,CAAAA,KAAAA,EACjB,MAAM;AACJQ,QAAAA,QAAAA,CAAS,MAAM;AACbf,UAAgB,eAAA,EAAA;AAAA,SACjB,CAAA;AAAA,OAEL,CAAA;AAEA,MAAO,OAAA;AAAA,QACLE,OAAAA,EAAAA;AAAAA,OACF;AAAA;AAIF,IAAA,SAASE,SAAY,GAAA;AACnB,MAAIgB,IAAAA,eAAAA;AAEJ,MAAI,IAAA,CAAC5B,MAAMT,IAAM,EAAA;AACfqC,QAAAA,eAAAA,GAAkBC,SAAU,EAAA;AAE5BC,QAAAA,WAAAA,CAAY,MAAM;AAChBF,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,SACD,CAAA;AAAA,OACI,MAAA;AAELG,QAAAA,WAAAA,CAAY,MAAM;AAChB,UAAA,IAAI7B,QAAQa,KAAO,EAAA;AACjBb,YAAAA,OAAAA,CAAQa,KAAQ,GAAA,KAAA;AAChBnB,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA;AAEhBgC,UAAAA,eAAAA,GAAkBC,SAAU,EAAA;AAAA,SAC7B,CAAA;AAEDG,QAAAA,aAAAA,CAAc,MAAM;AAClBJ,UAAAA,eAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAAA,EAAAA;AAAAA,SACD,CAAA;AAAA;AAGH,MAAA,SAASC,SAAY,GAAA;AAEnB,QAAA,OAAOF,KACL,CAAA,MAAMzB,OAAQa,CAAAA,KAAAA,EACdkB,CAAO,GAAA,KAAA;AACL,UAAA,IAAIA,GAAK,EAAA;AAEPrC,YAAAA,IAAAA,CAAK,SAAS,CAAA;AAAA;AAChB,SAEJ,CAAA;AAAA;AACF;AAGF,IAAA,SAASsC,SAAY,GAAA;AACnB,MAAA,SAASC,UAAa,GAAA;AACpB,QAAA,OAAO,MAAA;AAAA,UAAAC,IAAAA,KAAAA;AAAA,UACLzC,OAAAA,KAAAA,CAAM0C,IAAIC,IAAAA,WAAAA,CAAAC,IAAA,EAAA;AAAA,YAAA,OAECtB,EAAAA,SAAAA;AAAAA,YAAS,KACXP,EAAAA,OAAAA;AAAAA,YAAO,OACL,EAAA;AAAA,cAAE8B,YAAc,EAAA;AAAA,aAAO;AAAA,YAAC,WACpB,EAAA;AAAA,cAAEC,OAAS,EAAA;AAAA,aAAmB;AAAA,YAAC,UAChC,EAAA;AAAA,aAAK5D,OAAAuD,CAAAA,KAAAA,GAEdzC,MAAM0C,IAAK,EAAC,IAAAD,KAAA,GAAA;AAAA,YAAAM,OAAAA,EAAAA,MAAA,CAAAN,KAAA;AAAA,WAEhB,CAAA;AAAA,SAAA;AAAA;AAGL,MAAA,SAASO,WAAc,GAAA;AACrB,QAAO,OAAA,MAAAL,YAAAM,IAAA,EAAA;AAAA,UAAA,MACO,EAAA,CAAA;AAAA,UAAC,UAAY,EAAA;AAAA,SAAI,EAAA;AAAA,UAAAF,OAAAA,EAAAA,MAAAJ,CAAAA,WAAAA,CAAAC,IAAA,EAAA;AAAA,YAAA,OAElBtB,EAAAA,SAAAA;AAAAA,YAAS,OACT,EAAA;AAAA,cAAEX,MAAQ,EAAA;AAAA,aAAO;AAAA,YAAC,WACd,EAAA;AAAA,cACTA,MAAQ,EAAA,MAAA;AAAA,cACRmC,OAAS,EAAA;AAAA,aACX;AAAA,YAAC,UACS,EAAA;AAAA,WAAK,EAAA;AAAA,YAAAC,OAAAA,EAAAA,MAAAJ,CAAAA,WAAAA,CAAAM,IAAA,EAAA;AAAA,cAAA,OAGN,EAAA;AAAA,gBAAEtC,MAAQ,EAAA;AAAA,eAAO;AAAA,cAAC,UACf,EAAA;AAAA,aAAI,EAAA;AAAA,cAAAoC,OAAAA,EAAAA,MAAAJ,CAAAA,WAAAA,CAAAO,KAAA,EAAA;AAAA,gBAAA,OAEA,EAAA;AAAA,kBAAEL,YAAc,EAAA;AAAA;AAAM,eAAC,EAAA;AAAA,gBAAAE,SAAAA,MAAA;AArNrD,kBAAA,IAAA,EAAA;AAqNqD,kBAClC/C,OAAAA,CAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMmD,UAANnD,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAAA,eAAA2C,CAAAA,EAAAA,WAAAA,CAAAM,IAAA,EAAA;AAAA,gBAAA,KAGXvC,EAAAA,QAAAA;AAAAA,gBAAQ,MACP,EAAA,CAAA;AAAA,gBAAC,OACA,EAAA;AAAA,kBAAEC,MAAQ,EAAA;AAAA,iBAAO;AAAA,gBAAC,UACf,EAAA;AAAA,eAAI,EAAA;AAAA,gBAAAoC,SAAAA,MAAA;AA5NhC,kBAAA,IAAA,EAAA;AA4NgC,kBAAA,OAAA,CAAAJ,YAAA,KAAA,EAAA;AAAA,oBAAA,OAEFlD,EAAAA;AAAAA,mBAAc,EAAA,CAAAkD,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,SACZzB,YAAaE,CAAAA;AAAAA,mBAAK,EAAA,IAAA,CAAAuB,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,oBAAA,OAClBtB,EAAAA;AAAAA,mBACTrB,EAAAA,CAAAA,CAAAA,EAAMoD,GAAAA,KAAAA,CAAAA,KAAAA,KAANpD,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA;AAAA,oBACbW,QAAQA,MAAOS,CAAAA;AAAAA,mBACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,eAAA,CAAA;AAAA,aAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAOf,CAAA;AAAA;AAGH,MAAA,OAAAuB,YAAAM,IAAA,EAAA;AAAA,QAAA,OAEW,EAAA,CAACzB,SAAUJ,CAAAA,KAAAA,EAAO,UAAU,CAAA;AAAA,QAAC,KAC/B,EAAA;AAAA,OAAE,EAAA;AAAA,QAAA2B,SAAAA,MAEN/C,CAAAA,KAAMqD,CAAAA,IAAAA,GAAIV,YAAAC,IAAA,EAAA;AAAA,UAAA,OAAA,EAEA,CAACtB,SAAAA,EAAWC,aAAa,CAAA;AAAA,UAAC,UACvB,EAAA,KAAA;AAAA,UAAK,WACJ,EAAA;AAAA,YACTZ,MAAQ,EAAA,MAAA;AAAA,YACRmC,OAAS,EAAA;AAAA;AACX,SAAC,EAAA;AAAA,UAAAC,SAAAA,MAAA;AAzPf,YAAA,IAAA,EAAA;AAyPe,YAEA/C,OAAAA,CAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMqD,SAANrD,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAAA,SAAA,CAAA,GAEf,IAAI2C,EAAAA,WAAAA,CAAAM,IAAA,EAAA;AAAA,UAAA,UACQ,EAAA,IAAA;AAAA,UAAI,MAAQ,EAAA;AAAA,SAAC,EAAA;AAAA,UAAAF,OAAAA,EAAAA,MAC1BP,CAAAA,UAAAA,IACAQ,EAAAA,WAAAA,IAAe;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;AAAA;AAMxB,IAAA,OAAO,MAAMT,SAAU,EAAA;AAAA;AAE3B,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 { 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","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":"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"}

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

@@ -1,6 +1,6 @@
-import { defineComponent, computed, createVNode, ref } from 'vue';
+import { defineComponent, ref, inject, computed, createVNode } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { theme, Flex, PageHeader } from 'ant-design-vue';
+import { theme, Watermark, Flex, PageHeader } from 'ant-design-vue';
 import { storeToRefs } from 'pinia';
 import { useWindowScroll } from '@vueuse/core';
 import { LeftOutlined } from '@ant-design/icons-vue';
@@ -26,6 +26,7 @@ const show = /* @__PURE__ */ defineComponent({
     const {
       useToken
     } = theme;
+    const watermarkContent = ref(inject("watermarkContent", ""));
     const {
       token
     } = useToken();
@@ -69,13 +70,15 @@ const show = /* @__PURE__ */ defineComponent({
         }
       `);
     const contentStyle = computed(() => css`
-        padding: 10px 10px ${slots.footer ? "70px" : "0"};
-        background: inherit;
+        padding: 10px 10px
+          ${slots.bottomFooter ? "50px" : "0"};
+        background: ${token.value.colorBgLayout};
       `);
     const footerStyle = computed(() => css`
         position: fixed;
         right: 0;
         bottom: 0;
+        height: 50px;
         left: ${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px;
         z-index: 10;
         padding: 10px;
@@ -102,40 +105,44 @@ const show = /* @__PURE__ */ defineComponent({
     expose({
       close: onClosePage
     });
-    return () => createVNode(Flex, {
-      "vertical": true
+    return () => createVNode(Watermark, {
+      "content": watermarkContent.value
     }, {
-      default: () => {
-        var _a, _b;
-        return [createVNode(PageHeader, {
-          "ghost": ghost.value,
-          "class": pageHeaderStyle.value,
-          "onBack": () => onBack(),
-          "title": pageTitle()
-        }, {
-          backIcon: () => createVNode("div", null, [createVNode(LeftOutlined, {
-            "style": {
-              fontSize: "26px"
+      default: () => [createVNode(Flex, {
+        "vertical": true
+      }, {
+        default: () => {
+          var _a, _b;
+          return [createVNode(PageHeader, {
+            "ghost": ghost.value,
+            "class": pageHeaderStyle.value,
+            "onBack": () => onBack(),
+            "title": pageTitle()
+          }, {
+            backIcon: () => createVNode("div", null, [createVNode(LeftOutlined, {
+              "style": {
+                fontSize: "26px"
+              }
+            }, null)]),
+            extra: () => {
+              var _a2;
+              return (_a2 = slots.extra) == null ? void 0 : _a2.call(slots);
+            },
+            footer: () => {
+              var _a2;
+              return (_a2 = slots.footer) == null ? void 0 : _a2.call(slots);
+            },
+            subTitle: () => {
+              var _a2;
+              return (_a2 = slots.subTitle) == null ? void 0 : _a2.call(slots);
             }
-          }, null)]),
-          extra: () => {
-            var _a2;
-            return (_a2 = slots.extra) == null ? void 0 : _a2.call(slots);
-          },
-          footer: () => {
-            var _a2;
-            return (_a2 = slots.footer) == null ? void 0 : _a2.call(slots);
-          },
-          subTitle: () => {
-            var _a2;
-            return (_a2 = slots.subTitle) == null ? void 0 : _a2.call(slots);
-          }
-        }), createVNode("div", {
-          "class": contentStyle.value
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), slots.bottomFooter ? createVNode("div", {
-          "class": footerStyle.value
-        }, [(_b = slots.bottomFooter) == null ? void 0 : _b.call(slots)]) : null];
-      }
+          }), createVNode("div", {
+            "class": contentStyle.value
+          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), slots.bottomFooter ? createVNode("div", {
+            "class": footerStyle.value
+          }, [(_b = slots.bottomFooter) == null ? void 0 : _b.call(slots)]) : null];
+        }
+      })]
     });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Show.mjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  ref\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader, theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  };\r\n};\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px ${slots.footer ? \"70px\" : \"0\"};\r\n        background: inherit;\r\n      `\r\n    );\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        // 返回关闭标签\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        // 不关闭标签\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    return () => (\r\n      <Flex vertical={true}>\r\n        <PageHeader\r\n          ghost={ghost.value}\r\n          class={pageHeaderStyle.value}\r\n          onBack={() => onBack()}\r\n          title={pageTitle()}\r\n        >\r\n          {{\r\n            backIcon: () => (\r\n              <div>\r\n                <LeftOutlined\r\n                  style={{ fontSize: \"26px\" }}\r\n                />\r\n              </div>\r\n            ),\r\n            extra: () => slots.extra?.(),\r\n            footer: () => slots.footer?.(),\r\n            subTitle: () => slots.subTitle?.()\r\n          }}\r\n        </PageHeader>\r\n        <div class={contentStyle.value}>\r\n          {slots.default?.()}\r\n        </div>\r\n        {slots.bottomFooter ? (\r\n          <div class={footerStyle.value}>\r\n            {slots.bottomFooter?.()}\r\n          </div>\r\n        ) : null}\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","name","props","setup","slots","expose","useToken","theme","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle","bottomFooter"],"mappings":"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"}
+{"version":3,"file":"Show.mjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  inject,\r\n  ref\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport {\r\n  Flex,\r\n  PageHeader,\r\n  theme,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  };\r\n};\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px\r\n          ${slots.bottomFooter ? \"50px\" : \"0\"};\r\n        background: ${token.value.colorBgLayout};\r\n      `\r\n    );\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        height: 50px;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        // 返回关闭标签\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        // 不关闭标签\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    return () => (\r\n      <Watermark content={watermarkContent.value}>\r\n        <Flex vertical={true}>\r\n          <PageHeader\r\n            ghost={ghost.value}\r\n            class={pageHeaderStyle.value}\r\n            onBack={() => onBack()}\r\n            title={pageTitle()}\r\n          >\r\n            {{\r\n              backIcon: () => (\r\n                <div>\r\n                  <LeftOutlined\r\n                    style={{ fontSize: \"26px\" }}\r\n                  />\r\n                </div>\r\n              ),\r\n              extra: () => slots.extra?.(),\r\n              footer: () => slots.footer?.(),\r\n              subTitle: () => slots.subTitle?.()\r\n            }}\r\n          </PageHeader>\r\n          <div class={contentStyle.value}>\r\n            {slots.default?.()}\r\n          </div>\r\n          {slots.bottomFooter ? (\r\n            <div class={footerStyle.value}>\r\n              {slots.bottomFooter?.()}\r\n            </div>\r\n          ) : null}\r\n        </Flex>\r\n      </Watermark>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","name","props","setup","slots","expose","useToken","theme","watermarkContent","ref","inject","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","bottomFooter","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","onBack","fullPath","go","onClosePage","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","footer","subTitle"],"mappings":"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"}

package/dist/esm/components/layout/components/menu/Menu.mjs

@@ -27,7 +27,10 @@ var __async = (__this, __arguments, generator) => {
 };
 var Menu = /* @__PURE__ */ defineComponent({
   name: "DMenu",
-  setup() {
+  emits: ["menuChange"],
+  setup(_, {
+    emit
+  }) {
     const {
       layout,
       modeConfig
@@ -133,16 +136,21 @@ var Menu = /* @__PURE__ */ defineComponent({
       };
       const onClick2 = ({
         key,
-        keyPath
+        keyPath,
+        item
       }) => {
-        openKeys2.value = keyPath;
-        selectedKeys2.value = [key];
-        if (route.path !== key) {
-          router.push(key).then((r) => {
-            if (r) {
-              console.warn(r);
-            }
-          });
+        if (item.isFrame && item.isFrame === "0") {
+          emit("menuChange", item);
+        } else {
+          openKeys2.value = keyPath;
+          selectedKeys2.value = [key];
+          if (route.path !== key) {
+            router.push(key).then((r) => {
+              if (r) {
+                console.warn(r);
+              }
+            });
+          }
         }
       };
       return {

package/dist/esm/components/layout/components/menu/Menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  setup() {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(\r\n              path,\r\n              data.value as never\r\n            );\r\n            if (rs) {\r\n              if (!layout.value.collapsed) {\r\n                if (rs?.parentKey) {\r\n                  openKeys.value = [rs.parentKey];\r\n                } else {\r\n                  openKeys.value = [rs!.matchedKey];\r\n                }\r\n              }\r\n              selectedKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const path = selectedKeys.value[0];\r\n          const rs = _findMatchedMenuKey(\r\n            path,\r\n            data.value as never\r\n          );\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentKey) {\r\n              openKeys.value = [rs.parentKey];\r\n            } else {\r\n              openKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children?: never[] }[],\r\n        parentKey: string = \"\"\r\n      ): {\r\n        matchedKey: string;\r\n        parentKey: string;\r\n      } | null => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.key === path) {\r\n            return { matchedKey: item.key, parentKey };\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.key\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配路径前缀（确保只匹配最深层的菜单项）\r\n          if (path.startsWith(item.key)) {\r\n            // 如果路径以该菜单项的 key 开头，且该菜单项没有子菜单，直接返回匹配的菜单\r\n            if (\r\n              !item.children ||\r\n              item.children.length === 0\r\n            ) {\r\n              return { matchedKey: item.key, parentKey };\r\n            }\r\n            // 如果是父菜单且有子菜单，继续递归寻找匹配的子菜单\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.key\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n        }\r\n\r\n        // 如果没有找到匹配的菜单项，返回 null\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath\r\n      }: {\r\n        item: string;\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        openKeys.value = keyPath;\r\n        selectedKeys.value = [key];\r\n\r\n        // 判断目标路由和当前路由是否相等;\r\n        // 不相等的时候再跳转\r\n        if (route.path !== key) {\r\n          router.push(key).then(r => {\r\n            if (r) {\r\n              console.warn(r);\r\n            }\r\n          });\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","layout","modeConfig","storeToRefs","useAppStore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","startsWith","keyPath","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
+{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  emits: [\"menuChange\"],\r\n  setup(_, { emit }) {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(\r\n              path,\r\n              data.value as never\r\n            );\r\n            if (rs) {\r\n              if (!layout.value.collapsed) {\r\n                if (rs?.parentKey) {\r\n                  openKeys.value = [rs.parentKey];\r\n                } else {\r\n                  openKeys.value = [rs!.matchedKey];\r\n                }\r\n              }\r\n              selectedKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const path = selectedKeys.value[0];\r\n          const rs = _findMatchedMenuKey(\r\n            path,\r\n            data.value as never\r\n          );\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentKey) {\r\n              openKeys.value = [rs.parentKey];\r\n            } else {\r\n              openKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children?: never[] }[],\r\n        parentKey: string = \"\"\r\n      ): {\r\n        matchedKey: string;\r\n        parentKey: string;\r\n      } | null => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.key === path) {\r\n            return { matchedKey: item.key, parentKey };\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.key\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配路径前缀（确保只匹配最深层的菜单项）\r\n          if (path.startsWith(item.key)) {\r\n            // 如果路径以该菜单项的 key 开头，且该菜单项没有子菜单，直接返回匹配的菜单\r\n            if (\r\n              !item.children ||\r\n              item.children.length === 0\r\n            ) {\r\n              return { matchedKey: item.key, parentKey };\r\n            }\r\n            // 如果是父菜单且有子菜单，继续递归寻找匹配的子菜单\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.key\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n        }\r\n\r\n        // 如果没有找到匹配的菜单项，返回 null\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath,\r\n        item\r\n      }: {\r\n        item: { isFrame: string };\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        if (item.isFrame && item.isFrame === \"0\") {\r\n          emit(\"menuChange\", item);\r\n        } else {\r\n          openKeys.value = keyPath;\r\n          selectedKeys.value = [key];\r\n          if (route.path !== key) {\r\n            // 判断目标路由和当前路由是否相等;\r\n            // 不相等的时候再跳转\r\n            router.push(key).then(r => {\r\n              if (r) {\r\n                console.warn(r);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/esm/components/tab/Search.mjs

@@ -111,7 +111,7 @@ var Search = /* @__PURE__ */ defineComponent({
           position: sticky;
           top: 0;
           padding: 10px;
-          background: ${token.value.colorBgContainer};
+          background: ${token.value.colorPrimary};
         }
 
         ul {
@@ -224,7 +224,11 @@ var Search = /* @__PURE__ */ defineComponent({
       "trigger": "click",
       "overlayClassName": "search-popover-wrapper"
     }, {
-      default: () => createVNode("div", null, [createVNode(resolveComponent("a-button"), {
+      default: () => createVNode("div", {
+        "style": {
+          marginRight: "5px"
+        }
+      }, [createVNode(resolveComponent("a-button"), {
         "style": {
           borderRadius: "10px"
         },

package/dist/esm/components/tab/Search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Search.mjs","sources":["../../../../src/components/tab/Search.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  h,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport {\r\n  useMagicKeys,\r\n  useWindowScroll\r\n} from \"@vueuse/core\";\r\n\r\nimport {\r\n  CloseOutlined,\r\n  DownOutlined,\r\n  SearchOutlined,\r\n  UnorderedListOutlined\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\nimport dayjs from \"dayjs\";\r\n\r\nexport default defineComponent({\r\n  name: \"Search\",\r\n  setup() {\r\n    const router = useRouter();\r\n\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { getList, deleteTabs } = useNavTabStore();\r\n    // 用来监听 Ctrl + Shift + S\r\n    const keys = useMagicKeys();\r\n    const shiftCtrlA = keys[\"Shift+Ctrl+S\"];\r\n    const open = ref(false);\r\n    const { y } = useWindowScroll();\r\n\r\n    const navTabList = computed(() => {\r\n      return getList!.sort(\r\n        (a, b) => (b.openTime || 0) - (a.openTime || 0)\r\n      );\r\n    });\r\n\r\n    // 添加搜索相关状态\r\n    const searchKewords = ref(\"\"); // 搜索输入框的值\r\n    const filteredNavTabList = computed(() => {\r\n      const list = getList!.sort(\r\n        (a, b) => (b.openTime || 0) - (a.openTime || 0)\r\n      );\r\n\r\n      if (!searchKewords.value) {\r\n        return list; // 如果没有搜索词，返回完整列表\r\n      }\r\n\r\n      const query = searchKewords.value.toLowerCase();\r\n      return list.filter(item => {\r\n        const fullPathMatch = item.fullPath\r\n          ?.toLowerCase()\r\n          .includes(query);\r\n\r\n        const title: string =\r\n          (item.meta?.title as string) || \"\";\r\n\r\n        const titleMatch = title\r\n          .toLowerCase()\r\n          .includes(query);\r\n        \r\n        return fullPathMatch || titleMatch;\r\n      });\r\n    });\r\n\r\n    watch(shiftCtrlA, v => {\r\n      if (v) {\r\n        open.value = !open.value;\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => open.value,\r\n      () => {\r\n        searchKewords.value = \"\";\r\n      }\r\n    );\r\n\r\n    watch(\r\n      () => y.value,\r\n      val => {\r\n        if (val > 0) {\r\n          open.value = false;\r\n        }\r\n      }\r\n    );\r\n\r\n    const onCloseTab = (path: string) => {\r\n      deleteTabs(path);\r\n    };\r\n\r\n    const searchStyle = computed(\r\n      () => css`\r\n        padding: 10px;\r\n        border-bottom: 1px solid ${token.value.colorBorder};\r\n\r\n        .tip-txt {\r\n          color: ${token.value.colorPrimary};\r\n        }\r\n      `\r\n    );\r\n\r\n    const searchListStyle = computed(\r\n      () => css`\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        max-height: 400px;\r\n        overflow-y: overlay;\r\n        user-select: none;\r\n\r\n        /* 整个滚动条 */\r\n\r\n        ::-webkit-scrollbar {\r\n          width: 4px; /* 垂直滚动条的宽度 */\r\n          height: 4px; /* 水平滚动条的高度 */\r\n        }\r\n\r\n        /* 滚动条轨道 */\r\n\r\n        ::-webkit-scrollbar-track {\r\n          background: transparent; /* 轨道背景色 */\r\n          border-radius: 0; /* 轨道圆角 */\r\n        }\r\n\r\n        /* 滚动条滑块 */\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n          //background: #888; /* 滑块背景色 */\r\n          // border-radius: 6px; /* 滑块圆角 */\r\n          border: 3px solid\r\n            ${token.value.colorPrimaryBorder}; /* 滑块边框 */\r\n        }\r\n\r\n        /* 滚动条滑块悬停效果 */\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n          background: red; /* 滑块悬停背景色 */\r\n        }\r\n\r\n        .search-title {\r\n          position: sticky;\r\n          top: 0;\r\n          padding: 10px;\r\n          background: ${token.value.colorBgContainer};\r\n        }\r\n\r\n        ul {\r\n          margin: 0;\r\n          padding: 0;\r\n          list-style: none;\r\n          min-width: 400px;\r\n\r\n          li {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 4px 10px;\r\n            width: 400px;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              background-color: ${token.value\r\n                .colorBgLayout};\r\n\r\n              .close-wrapper {\r\n                display: block;\r\n              }\r\n            }\r\n\r\n            .icon {\r\n              width: 42px;\r\n              height: 42px;\r\n              border-radius: 10px;\r\n              background-color: ${token.value.colorPrimary};\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n            }\r\n\r\n            .content {\r\n              padding-left: 10px;\r\n\r\n              .time-ago {\r\n                display: flex;\r\n                align-items: center;\r\n                font-size: 12px;\r\n\r\n                .hostname {\r\n                  max-width: 180px;\r\n                  overflow: hidden;\r\n                  white-space: nowrap;\r\n                }\r\n\r\n                .split {\r\n                  width: 4px;\r\n                  height: 4px;\r\n                  display: inline-block;\r\n                  background-color: ${token.value\r\n                    .colorPrimary};\r\n                  border-radius: 10px;\r\n                  margin: 0 6px;\r\n                }\r\n              }\r\n            }\r\n\r\n            .close-wrapper {\r\n              display: none;\r\n              flex: 1;\r\n              text-align: right;\r\n\r\n              .close-btn {\r\n                display: inline-block;\r\n                width: 22px;\r\n                height: 22px;\r\n                border-radius: 50%;\r\n                text-align: center;\r\n\r\n                &:hover {\r\n                  // background-color: ${token.value\r\n                    .colorBgLayout};\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `\r\n    );\r\n\r\n    function timeAgo(providedTime: number) {\r\n      const now = dayjs();\r\n      const diffInSeconds = now.diff(\r\n        providedTime,\r\n        \"second\"\r\n      ); // 计算时间差（秒）\r\n      const diffInMinutes = now.diff(\r\n        providedTime,\r\n        \"minute\"\r\n      ); // 计算时间差（分钟）\r\n      const diffInHours = now.diff(providedTime, \"hour\"); // 计算时间差（小时）\r\n\r\n      if (diffInMinutes < 1) {\r\n        return `${diffInSeconds} 秒前`;\r\n      } else if (diffInHours < 1) {\r\n        return `${diffInMinutes} 分钟前`;\r\n      } else {\r\n        return `${diffInHours} 小时前`;\r\n      }\r\n    }\r\n\r\n    const onJump = (item: NavTabsState) => {\r\n      if (item.fullPath) {\r\n        router.push(item.fullPath);\r\n      }\r\n      open.value = false;\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 navTabList.value.length !== 1;\r\n      }\r\n    };\r\n\r\n    return () => (\r\n      <div>\r\n        <a-popover\r\n          v-model:open={open.value}\r\n          placement={\"bottomRight\"}\r\n          trigger={\"click\"}\r\n          overlayClassName={\"search-popover-wrapper\"}\r\n        >\r\n          {{\r\n            default: () => (\r\n              <div>\r\n                <a-button\r\n                  style={{ borderRadius: \"10px\" }}\r\n                  icon={h(DownOutlined)}\r\n                  title={\"搜索标签页\"}\r\n                />\r\n              </div>\r\n            ),\r\n            content: () => (\r\n              <>\r\n                <div class={searchStyle.value}>\r\n                  <a-input\r\n                    v-model:value={searchKewords.value}\r\n                    placeholder={\"搜索标签页\"}\r\n                    bordered={false}\r\n                  >\r\n                    {{\r\n                      prefix: () => <SearchOutlined />,\r\n                      suffix: () => (\r\n                        <span class={\"tip-txt\"}>\r\n                          Ctrl+Shift+S\r\n                        </span>\r\n                      )\r\n                    }}\r\n                  </a-input>\r\n                </div>\r\n                <div class={searchListStyle.value}>\r\n                  <span class={\"search-title\"}>\r\n                    打开的标签页\r\n                  </span>\r\n                  <ul>\r\n                    {filteredNavTabList.value.map(item => (\r\n                      <li onClick={() => onJump(item)}>\r\n                        <div class={\"icon\"}>\r\n                          <UnorderedListOutlined />\r\n                        </div>\r\n                        <div class={\"content\"}>\r\n                          <div class={\"title\"}>\r\n                            {item.meta?.title}\r\n                          </div>\r\n                          <div class={\"time-ago\"}>\r\n                            <span class={\"hostname\"}>\r\n                              {window.location.hostname +\r\n                                \"\" +\r\n                                item.path}\r\n                            </span>\r\n                            <span class={\"split\"}></span>\r\n                            <span class={\"time\"}>\r\n                              {timeAgo(item.openTime ?? 0)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                        {closeBtnStatus(item) && (\r\n                          <div class={\"close-wrapper\"}>\r\n                            <span\r\n                              class={\"close-btn\"}\r\n                              onClick={() =>\r\n                                onCloseTab(\r\n                                  item.fullPath || \"\"\r\n                                )\r\n                              }\r\n                            >\r\n                              <CloseOutlined />\r\n                            </span>\r\n                          </div>\r\n                        )}\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </>\r\n            )\r\n          }}\r\n        </a-popover>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","router","useRouter","useToken","theme","token","getList","deleteTabs","useNavTabStore","keys","useMagicKeys","shiftCtrlA","open","ref","y","useWindowScroll","navTabList","computed","sort","a","b","openTime","searchKewords","filteredNavTabList","list","value","query","toLowerCase","filter","item","fullPathMatch","fullPath","includes","title","meta","titleMatch","watch","v","val","onCloseTab","path","searchStyle","css","colorBorder","colorPrimary","searchListStyle","colorPrimaryBorder","colorBgContainer","colorBgLayout","timeAgo","providedTime","now","dayjs","diffInSeconds","diff","diffInMinutes","diffInHours","onJump","push","closeBtnStatus","keepOpen","length","_createVNode","_resolveComponent","$event","default","borderRadius","h","DownOutlined","content","_Fragment","prefix","SearchOutlined","suffix","_createTextVNode","map","onClick","UnorderedListOutlined","window","location","hostname","CloseOutlined"],"mappings":"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"}
+{"version":3,"file":"Search.mjs","sources":["../../../../src/components/tab/Search.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  h,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport {\r\n  useMagicKeys,\r\n  useWindowScroll\r\n} from \"@vueuse/core\";\r\n\r\nimport {\r\n  CloseOutlined,\r\n  DownOutlined,\r\n  SearchOutlined,\r\n  UnorderedListOutlined\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\nimport dayjs from \"dayjs\";\r\n\r\nexport default defineComponent({\r\n  name: \"Search\",\r\n  setup() {\r\n    const router = useRouter();\r\n\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { getList, deleteTabs } = useNavTabStore();\r\n    // 用来监听 Ctrl + Shift + S\r\n    const keys = useMagicKeys();\r\n    const shiftCtrlA = keys[\"Shift+Ctrl+S\"];\r\n    const open = ref(false);\r\n    const { y } = useWindowScroll();\r\n\r\n    const navTabList = computed(() => {\r\n      return getList!.sort(\r\n        (a, b) => (b.openTime || 0) - (a.openTime || 0)\r\n      );\r\n    });\r\n\r\n    // 添加搜索相关状态\r\n    const searchKewords = ref(\"\"); // 搜索输入框的值\r\n    const filteredNavTabList = computed(() => {\r\n      const list = getList!.sort(\r\n        (a, b) => (b.openTime || 0) - (a.openTime || 0)\r\n      );\r\n\r\n      if (!searchKewords.value) {\r\n        return list; // 如果没有搜索词，返回完整列表\r\n      }\r\n\r\n      const query = searchKewords.value.toLowerCase();\r\n      return list.filter(item => {\r\n        const fullPathMatch = item.fullPath\r\n          ?.toLowerCase()\r\n          .includes(query);\r\n\r\n        const title: string =\r\n          (item.meta?.title as string) || \"\";\r\n\r\n        const titleMatch = title\r\n          .toLowerCase()\r\n          .includes(query);\r\n\r\n        return fullPathMatch || titleMatch;\r\n      });\r\n    });\r\n\r\n    watch(shiftCtrlA, v => {\r\n      if (v) {\r\n        open.value = !open.value;\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => open.value,\r\n      () => {\r\n        searchKewords.value = \"\";\r\n      }\r\n    );\r\n\r\n    watch(\r\n      () => y.value,\r\n      val => {\r\n        if (val > 0) {\r\n          open.value = false;\r\n        }\r\n      }\r\n    );\r\n\r\n    const onCloseTab = (path: string) => {\r\n      deleteTabs(path);\r\n    };\r\n\r\n    const searchStyle = computed(\r\n      () => css`\r\n        padding: 10px;\r\n        border-bottom: 1px solid ${token.value.colorBorder};\r\n\r\n        .tip-txt {\r\n          color: ${token.value.colorPrimary};\r\n        }\r\n      `\r\n    );\r\n\r\n    const searchListStyle = computed(\r\n      () => css`\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        max-height: 400px;\r\n        overflow-y: overlay;\r\n        user-select: none;\r\n\r\n        /* 整个滚动条 */\r\n\r\n        ::-webkit-scrollbar {\r\n          width: 4px; /* 垂直滚动条的宽度 */\r\n          height: 4px; /* 水平滚动条的高度 */\r\n        }\r\n\r\n        /* 滚动条轨道 */\r\n\r\n        ::-webkit-scrollbar-track {\r\n          background: transparent; /* 轨道背景色 */\r\n          border-radius: 0; /* 轨道圆角 */\r\n        }\r\n\r\n        /* 滚动条滑块 */\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n          //background: #888; /* 滑块背景色 */\r\n          // border-radius: 6px; /* 滑块圆角 */\r\n          border: 3px solid\r\n            ${token.value.colorPrimaryBorder}; /* 滑块边框 */\r\n        }\r\n\r\n        /* 滚动条滑块悬停效果 */\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n          background: red; /* 滑块悬停背景色 */\r\n        }\r\n\r\n        .search-title {\r\n          position: sticky;\r\n          top: 0;\r\n          padding: 10px;\r\n          background: ${token.value.colorPrimary};\r\n        }\r\n\r\n        ul {\r\n          margin: 0;\r\n          padding: 0;\r\n          list-style: none;\r\n          min-width: 400px;\r\n\r\n          li {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 4px 10px;\r\n            width: 400px;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              background-color: ${token.value\r\n                .colorBgLayout};\r\n\r\n              .close-wrapper {\r\n                display: block;\r\n              }\r\n            }\r\n\r\n            .icon {\r\n              width: 42px;\r\n              height: 42px;\r\n              border-radius: 10px;\r\n              background-color: ${token.value.colorPrimary};\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n            }\r\n\r\n            .content {\r\n              padding-left: 10px;\r\n\r\n              .time-ago {\r\n                display: flex;\r\n                align-items: center;\r\n                font-size: 12px;\r\n\r\n                .hostname {\r\n                  max-width: 180px;\r\n                  overflow: hidden;\r\n                  white-space: nowrap;\r\n                }\r\n\r\n                .split {\r\n                  width: 4px;\r\n                  height: 4px;\r\n                  display: inline-block;\r\n                  background-color: ${token.value\r\n                    .colorPrimary};\r\n                  border-radius: 10px;\r\n                  margin: 0 6px;\r\n                }\r\n              }\r\n            }\r\n\r\n            .close-wrapper {\r\n              display: none;\r\n              flex: 1;\r\n              text-align: right;\r\n\r\n              .close-btn {\r\n                display: inline-block;\r\n                width: 22px;\r\n                height: 22px;\r\n                border-radius: 50%;\r\n                text-align: center;\r\n\r\n                &:hover {\r\n                  // background-color: ${token.value\r\n                    .colorBgLayout};\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `\r\n    );\r\n\r\n    function timeAgo(providedTime: number) {\r\n      const now = dayjs();\r\n      const diffInSeconds = now.diff(\r\n        providedTime,\r\n        \"second\"\r\n      ); // 计算时间差（秒）\r\n      const diffInMinutes = now.diff(\r\n        providedTime,\r\n        \"minute\"\r\n      ); // 计算时间差（分钟）\r\n      const diffInHours = now.diff(providedTime, \"hour\"); // 计算时间差（小时）\r\n\r\n      if (diffInMinutes < 1) {\r\n        return `${diffInSeconds} 秒前`;\r\n      } else if (diffInHours < 1) {\r\n        return `${diffInMinutes} 分钟前`;\r\n      } else {\r\n        return `${diffInHours} 小时前`;\r\n      }\r\n    }\r\n\r\n    const onJump = (item: NavTabsState) => {\r\n      if (item.fullPath) {\r\n        router.push(item.fullPath);\r\n      }\r\n      open.value = false;\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 navTabList.value.length !== 1;\r\n      }\r\n    };\r\n\r\n    return () => (\r\n      <div>\r\n        <a-popover\r\n          v-model:open={open.value}\r\n          placement={\"bottomRight\"}\r\n          trigger={\"click\"}\r\n          overlayClassName={\"search-popover-wrapper\"}\r\n        >\r\n          {{\r\n            default: () => (\r\n              <div style={{ marginRight: \"5px\" }}>\r\n                <a-button\r\n                  style={{ borderRadius: \"10px\" }}\r\n                  icon={h(DownOutlined)}\r\n                  title={\"搜索标签页\"}\r\n                />\r\n              </div>\r\n            ),\r\n            content: () => (\r\n              <>\r\n                <div class={searchStyle.value}>\r\n                  <a-input\r\n                    v-model:value={searchKewords.value}\r\n                    placeholder={\"搜索标签页\"}\r\n                    bordered={false}\r\n                  >\r\n                    {{\r\n                      prefix: () => <SearchOutlined />,\r\n                      suffix: () => (\r\n                        <span class={\"tip-txt\"}>\r\n                          Ctrl+Shift+S\r\n                        </span>\r\n                      )\r\n                    }}\r\n                  </a-input>\r\n                </div>\r\n                <div class={searchListStyle.value}>\r\n                  <span class={\"search-title\"}>\r\n                    打开的标签页\r\n                  </span>\r\n                  <ul>\r\n                    {filteredNavTabList.value.map(item => (\r\n                      <li onClick={() => onJump(item)}>\r\n                        <div class={\"icon\"}>\r\n                          <UnorderedListOutlined />\r\n                        </div>\r\n                        <div class={\"content\"}>\r\n                          <div class={\"title\"}>\r\n                            {item.meta?.title}\r\n                          </div>\r\n                          <div class={\"time-ago\"}>\r\n                            <span class={\"hostname\"}>\r\n                              {window.location.hostname +\r\n                                \"\" +\r\n                                item.path}\r\n                            </span>\r\n                            <span class={\"split\"}></span>\r\n                            <span class={\"time\"}>\r\n                              {timeAgo(item.openTime ?? 0)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                        {closeBtnStatus(item) && (\r\n                          <div class={\"close-wrapper\"}>\r\n                            <span\r\n                              class={\"close-btn\"}\r\n                              onClick={() =>\r\n                                onCloseTab(\r\n                                  item.fullPath || \"\"\r\n                                )\r\n                              }\r\n                            >\r\n                              <CloseOutlined />\r\n                            </span>\r\n                          </div>\r\n                        )}\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </>\r\n            )\r\n          }}\r\n        </a-popover>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","router","useRouter","useToken","theme","token","getList","deleteTabs","useNavTabStore","keys","useMagicKeys","shiftCtrlA","open","ref","y","useWindowScroll","navTabList","computed","sort","a","b","openTime","searchKewords","filteredNavTabList","list","value","query","toLowerCase","filter","item","fullPathMatch","fullPath","includes","title","meta","titleMatch","watch","v","val","onCloseTab","path","searchStyle","css","colorBorder","colorPrimary","searchListStyle","colorPrimaryBorder","colorBgLayout","timeAgo","providedTime","now","dayjs","diffInSeconds","diff","diffInMinutes","diffInHours","onJump","push","closeBtnStatus","keepOpen","length","_createVNode","_resolveComponent","$event","default","marginRight","borderRadius","h","DownOutlined","content","_Fragment","prefix","SearchOutlined","suffix","_createTextVNode","map","onClick","UnorderedListOutlined","window","location","hostname","CloseOutlined"],"mappings":";;;;;;;;;;AA6BA,6BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,QAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,SAASC,SAAU,EAAA;AAEzB,IAAM,MAAA;AAAA,MAAEC;AAAAA,KAAaC,GAAAA,KAAAA;AACrB,IAAM,MAAA;AAAA,MAAEC;AAAAA,QACNF,QAAS,EAAA;AAEX,IAAM,MAAA;AAAA,MAAEG,OAAAA;AAAAA,MAASC;AAAAA,QAAeC,cAAe,EAAA;AAE/C,IAAA,MAAMC,OAAOC,YAAa,EAAA;AAC1B,IAAMC,MAAAA,UAAAA,GAAaF,KAAK,cAAc,CAAA;AACtC,IAAMG,MAAAA,IAAAA,GAAOC,IAAI,KAAK,CAAA;AACtB,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAMC,eAAgB,EAAA;AAE9B,IAAMC,MAAAA,UAAAA,GAAaC,SAAS,MAAM;AAChC,MAAOX,OAAAA,OAAAA,CAASY,IACd,CAAA,CAACC,CAAGC,EAAAA,CAAAA,KAAAA,CAAOA,EAAEC,QAAY,IAAA,CAAA,KAAMF,CAAEE,CAAAA,QAAAA,IAAY,CAC/C,CAAA,CAAA;AAAA,KACD,CAAA;AAGD,IAAMC,MAAAA,aAAAA,GAAgBT,IAAI,EAAE,CAAA;AAC5B,IAAMU,MAAAA,kBAAAA,GAAqBN,SAAS,MAAM;AACxC,MAAMO,MAAAA,IAAAA,GAAOlB,OAASY,CAAAA,IAAAA,CACpB,CAACC,CAAAA,EAAGC,CAAOA,KAAAA,CAAAA,CAAAA,CAAEC,QAAY,IAAA,CAAA,KAAMF,CAAEE,CAAAA,QAAAA,IAAY,CAC/C,CAAA,CAAA;AAEA,MAAI,IAAA,CAACC,cAAcG,KAAO,EAAA;AACxB,QAAOD,OAAAA,IAAAA;AAAAA;AAGT,MAAME,MAAAA,KAAAA,GAAQJ,aAAcG,CAAAA,KAAAA,CAAME,WAAY,EAAA;AAC9C,MAAOH,OAAAA,IAAAA,CAAKI,OAAOC,CAAQ,IAAA,KAAA;AA/DjC,QAAA,IAAA,EAAA,EAAA,EAAA;AAgEQ,QAAA,MAAMC,aAAgBD,GAAAA,CAAAA,EAAAA,GAAAA,IAAAA,CAAKE,QAALF,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAClBF,cACDK,QAASN,CAAAA,KAAAA,CAAAA;AAEZ,QAAA,MAAMO,KACHJ,GAAAA,CAAAA,CAAAA,EAAAA,GAAAA,IAAAA,CAAKK,IAALL,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAWI,KAAoB,KAAA,EAAA;AAElC,QAAA,MAAME,UAAaF,GAAAA,KAAAA,CAChBN,WAAY,EAAA,CACZK,SAASN,KAAK,CAAA;AAEjB,QAAA,OAAOI,aAAiBK,IAAAA,UAAAA;AAAAA,OACzB,CAAA;AAAA,KACF,CAAA;AAEDC,IAAAA,KAAAA,CAAMzB,YAAY0B,CAAK,CAAA,KAAA;AACrB,MAAA,IAAIA,CAAG,EAAA;AACLzB,QAAKa,IAAAA,CAAAA,KAAAA,GAAQ,CAACb,IAAKa,CAAAA,KAAAA;AAAAA;AACrB,KACD,CAAA;AAEDW,IACE,KAAA,CAAA,MAAMxB,IAAKa,CAAAA,KAAAA,EACX,MAAM;AACJH,MAAAA,aAAAA,CAAcG,KAAQ,GAAA,EAAA;AAAA,KAE1B,CAAA;AAEAW,IACE,KAAA,CAAA,MAAMtB,CAAEW,CAAAA,KAAAA,EACRa,CAAO,GAAA,KAAA;AACL,MAAA,IAAIA,MAAM,CAAG,EAAA;AACX1B,QAAAA,IAAAA,CAAKa,KAAQ,GAAA,KAAA;AAAA;AACf,KAEJ,CAAA;AAEA,IAAA,MAAMc,aAAcC,CAAiB,IAAA,KAAA;AACnCjC,MAAAA,UAAAA,CAAWiC,IAAI,CAAA;AAAA,KACjB;AAEA,IAAMC,MAAAA,WAAAA,GAAcxB,SAClB,MAAMyB,GAAAA;AAAAA;AAAAA,iCAEuBrC,EAAAA,KAAAA,CAAMoB,MAAMkB,WAAW,CAAA;;AAAA;AAAA,iBAGvCtC,EAAAA,KAAAA,CAAMoB,MAAMmB,YAAY,CAAA;AAAA;AAAA,MAGvC,CAAA,CAAA;AAEA,IAAMC,MAAAA,eAAAA,GAAkB5B,SACtB,MAAMyB,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;;AAAAA;;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,YA4BErC,EAAAA,KAAAA,CAAMoB,MAAMqB,kBAAkB,CAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBAapBzC,EAAAA,KAAAA,CAAMoB,MAAMmB,YAAY,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,gCAiBdvC,EAAAA,KAAAA,CAAMoB,MACvBsB,aAAa,CAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,gCAWI1C,EAAAA,KAAAA,CAAMoB,MAAMmB,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,oCAwBpBvC,EAAAA,KAAAA,CAAMoB,MACvBmB,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,uCAoBQvC,EAAAA,KAAAA,CAAMoB,MAC1BsB,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAO9B,CAAA,CAAA;AAEA,IAAA,SAASC,QAAQC,YAAsB,EAAA;AACrC,MAAA,MAAMC,MAAMC,KAAM,EAAA;AAClB,MAAA,MAAMC,aAAgBF,GAAAA,GAAAA,CAAIG,IACxBJ,CAAAA,YAAAA,EACA,QACF,CAAA;AACA,MAAA,MAAMK,aAAgBJ,GAAAA,GAAAA,CAAIG,IACxBJ,CAAAA,YAAAA,EACA,QACF,CAAA;AACA,MAAA,MAAMM,WAAcL,GAAAA,GAAAA,CAAIG,IAAKJ,CAAAA,YAAAA,EAAc,MAAM,CAAA;AAEjD,MAAA,IAAIK,gBAAgB,CAAG,EAAA;AACrB,QAAA,OAAO,GAAGF,aAAa,CAAA,aAAA,CAAA;AAAA,OACzB,MAAA,IAAWG,cAAc,CAAG,EAAA;AAC1B,QAAA,OAAO,GAAGD,aAAa,CAAA,mBAAA,CAAA;AAAA,OAClB,MAAA;AACL,QAAA,OAAO,GAAGC,WAAW,CAAA,mBAAA,CAAA;AAAA;AACvB;AAGF,IAAA,MAAMC,SAAU3B,CAAuB,IAAA,KAAA;AACrC,MAAA,IAAIA,KAAKE,QAAU,EAAA;AACjB9B,QAAOwD,MAAAA,CAAAA,IAAAA,CAAK5B,KAAKE,QAAQ,CAAA;AAAA;AAE3BnB,MAAAA,IAAAA,CAAKa,KAAQ,GAAA,KAAA;AAAA,KACf;AAEA,IAAA,MAAMiC,iBAAkB7B,CAAuB,IAAA,KAAA;AA9QnD,MAAA,IAAA,EAAA;AAgRM,MAAIA,IAAAA,CAAAA,EAAAA,GAAAA,IAAAA,CAAKK,IAALL,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAW8B,QAAU,EAAA;AACvB,QAAO,OAAA,KAAA;AAAA,OACF,MAAA;AAEL,QAAO3C,OAAAA,UAAAA,CAAWS,MAAMmC,MAAW,KAAA,CAAA;AAAA;AACrC,KACF;AAEA,IAAO,OAAA,MAAAC,YAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,WAAAC,CAAAA,gBAAAA,CAAA,WAAA,CAAA,EAAA;AAAA,MAAA,QAGalD,IAAKa,CAAAA,KAAAA;AAAAA,MAAK,eAAA,EAAAsC,CAAVnD,MAAAA,KAAAA,IAAAA,CAAKa,KAAKsC,GAAAA,MAAAA;AAAAA,MAAA,WACb,EAAA,aAAA;AAAA,MAAa,SACf,EAAA,OAAA;AAAA,MAAO,kBACE,EAAA;AAAA,KAAwB,EAAA;AAAA,MAGxCC,OAAAA,EAASA,MAAAH,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OACK,EAAA;AAAA,UAAEI,WAAa,EAAA;AAAA;AAAM,OAACJ,EAAAA,CAAAA,WAAAC,CAAAA,gBAAAA,CAAA,UAAA,CAAA,EAAA;AAAA,QAAA,OAEvB,EAAA;AAAA,UAAEI,YAAc,EAAA;AAAA,SAAO;AAAA,QAAC,MAAA,EACzBC,EAAEC,YAAY,CAAA;AAAA,QAAC,OACd,EAAA;AAAA,OAAO,EAGnB,IAAA,CAAA,CAAA,CAAA;AAAA,MACDC,SAASA,MAAAR,WAAAA,CAAAS,iBAAAT,YAAA,KAAA,EAAA;AAAA,QAAA,SAEOpB,WAAYhB,CAAAA;AAAAA,OAAKoC,EAAAA,CAAAA,WAAAC,CAAAA,gBAAAA,CAAA,SAAA,CAAA,EAAA;AAAA,QAAA,SAEVxC,aAAcG,CAAAA,KAAAA;AAAAA,QAAK,gBAAA,EAAAsC,CAAnBzC,MAAAA,KAAAA,aAAAA,CAAcG,KAAKsC,GAAAA,MAAAA;AAAAA,QAAA,aACrB,EAAA,gCAAA;AAAA,QAAO,UACV,EAAA;AAAA,OAAK,EAAA;AAAA,QAGbQ,MAAQA,EAAAA,MAAAV,WAAAW,CAAAA,cAAAA,EAAwB,MAAA,IAAA,CAAA;AAAA,QAChCC,MAAAA,EAAQA,MAAAZ,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OACO,EAAA;AAAA,SAAS,EAAA,CAAAa,eAAA,CAAA,cAAA,CAAA,CAAA;AAAA,OAGvB,CAAA,CAAA,CAAA,EAAAb,YAAA,KAAA,EAAA;AAAA,QAAA,SAIKhB,eAAgBpB,CAAAA;AAAAA,OAAK,EAAA,CAAAoC,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,OAClB,EAAA;AAAA,OAAc,EAAA,CAAAa,eAAA,CAAA,sCAAA,CAAA,CAAA,CAAA,EAAAb,WAAA,CAAA,IAAA,EAAA,IAAA,EAAA,CAIxBtC,kBAAmBE,CAAAA,KAAAA,CAAMkD,IAAI9C,CAAI,IAAA,KAAA;AAjUtD,QAAA,IAAA,EAAA,EAAA,EAAA;AAiUsDgC,QAAAA,OAAAA,WAAAA,CAAA,IAAA,EAAA;AAAA,UAAA,SAAA,EACnBe,MAAMpB,MAAAA,CAAO3B,IAAI;AAAA,SAAC,EAAA,CAAAgC,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OACjB,EAAA;AAAA,SAAM,EAAA,CAAAA,WAAAA,CAAAgB,qBAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAAhB,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAGN,EAAA;AAAA,SAAS,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OACP,EAAA;AAAA,SAAO,EAAA,EAChBhC,EAAKK,GAAAA,IAAAA,CAAAA,IAAAA,KAALL,mBAAWI,KAAK,EAAA4B,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAEP,EAAA;AAAA,SAAU,EAAA,CAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OACP,EAAA;AAAA,SAAU,EAAA,CACpBiB,MAAAA,CAAOC,QAASC,CAAAA,QAAAA,GACf,EACAnD,GAAAA,IAAAA,CAAKW,IAAI,CAAA,CAAAqB,EAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OAEA,EAAA;AAAA,SAAO,EAAA,IAAA,CAAAA,EAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OACP,EAAA;AAAA,WAAM,CAChBb,OAAAA,CAAAA,CAAQnB,UAAKR,QAALQ,KAAAA,IAAAA,GAAAA,EAAAA,GAAiB,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAIjC6B,eAAe7B,IAAI,CAAA,IAACgC,YAAA,KAAA,EAAA;AAAA,UAAA,OACP,EAAA;AAAA,SAAe,EAAA,CAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OAEhB,EAAA,WAAA;AAAA,UAAW,SACTe,EAAAA,MACPrC,UACEV,CAAAA,IAAAA,CAAKE,YAAY,EACnB;AAAA,SAAC,EAAA,CAAA8B,WAAAA,CAAAoB,aAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAMR;OAEJ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAQjB,CAAA,CAAA,CAAA;AAAA;AAEL,CAAC,CAAA;;;;"}

package/dist/style/tab/style/index.scss

@@ -50,7 +50,7 @@
         bottom: -1px;
         content: "";
         width: 30px;
-        height: 30px;
+        height: 20px;
         border-radius: 100%;
         box-shadow: 0 0 0 40px transparent;
       }

package/dist/types/components/dic/DicReplace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.d.ts","sourceRoot":"","sources":["../../../../src/components/dic/DicReplace.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,wBA6EG"}
+{"version":3,"file":"DicReplace.d.ts","sourceRoot":"","sources":["../../../../src/components/dic/DicReplace.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,wBAiFG"}