@ditari/bsui 5.0.3 → 5.0.5

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

@@ -1,10 +1,30 @@
 import { defineComponent, computed, watch, createVNode, resolveComponent } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useMenuStore } from '@ditari/store';
+import { useAppStore, useMenuStore } from '@ditari/store';
 import { css } from '@emotion/css';
 
 "use strict";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var DMenu = /* @__PURE__ */ defineComponent({
   name: "DMenu",
   setup() {
@@ -40,6 +60,9 @@ var DMenu = /* @__PURE__ */ defineComponent({
       };
     }
     function useMenu() {
+      const {
+        layout
+      } = storeToRefs(useAppStore());
       const {
         openKeys: openKeys2,
         selectedKeys: selectedKeys2,
@@ -47,32 +70,59 @@ var DMenu = /* @__PURE__ */ defineComponent({
       } = storeToRefs(useMenuStore());
       const route = useRoute();
       const router = useRouter();
-      watch(() => route.fullPath, (val) => {
-        const flag = selectedKeys2.value.some((item) => item === val);
+      watch(() => route.fullPath, (path) => __async(this, null, function* () {
+        const flag = selectedKeys2.value.some((item) => item === path);
         if (!flag) {
-          const rs = _findMatchedMenuKey(val, data2.value);
-          openKeys2.value = [rs];
-          selectedKeys2.value = [rs];
+          const rs = _findMatchedMenuKey(path, data2.value);
+          if (rs) {
+            if (!layout.value.collapsed) {
+              if (rs == null ? void 0 : rs.parentKey) {
+                openKeys2.value = [rs.parentKey];
+              } else {
+                openKeys2.value = [rs.matchedKey];
+              }
+            }
+            selectedKeys2.value = [rs.matchedKey];
+          }
+        }
+      }));
+      watch(() => layout.value.collapsed, (val) => {
+        const path = selectedKeys2.value[0];
+        const rs = _findMatchedMenuKey(path, data2.value);
+        if (val) {
+          openKeys2.value = [];
+        } else {
+          if (rs == null ? void 0 : rs.parentKey) {
+            openKeys2.value = [rs.parentKey];
+          } else {
+            openKeys2.value = [rs.matchedKey];
+          }
         }
       });
-      const _findMatchedMenuKey = (path, menuItems) => {
+      const _findMatchedMenuKey = (path, menuItems, parentKey = "") => {
         for (const item of menuItems) {
           if (item.key === path) {
-            return item.key;
+            return {
+              matchedKey: item.key,
+              parentKey
+            };
           }
           if (item.children && item.children.length > 0) {
-            const matchedKey = _findMatchedMenuKey(path, item.children);
-            if (matchedKey) {
-              return matchedKey;
+            const result = _findMatchedMenuKey(path, item.children, item.key);
+            if (result) {
+              return result;
             }
           }
           const match = path.match(/^\/[^/]+/);
           const basePath = match ? match[0] : "";
           if (item.key.startsWith(basePath)) {
-            return item.key;
+            return {
+              matchedKey: item.key,
+              parentKey
+            };
           }
         }
-        return "";
+        return null;
       };
       const onClick2 = ({
         key,
@@ -104,6 +154,7 @@ var DMenu = /* @__PURE__ */ defineComponent({
       "onUpdate:selected-keys": ($event) => selectedKeys.value = $event,
       "items": data.value,
       "mode": "inline",
+      "triggerSubMenuAction": "hover",
       "onClick": onClick
     }, null)]);
   }

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 { useMenuStore } 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 { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, data, 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            /* Webkit 浏览器 */\r\n\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 } = 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        val => {\r\n          const flag = selectedKeys.value.some((item: string) => item === val);\r\n          if (!flag) {\r\n            // TODO 这里有点问题，后续再改进\r\n            const rs = _findMatchedMenuKey(val, data.value as never);\r\n            openKeys.value = [rs];\r\n            selectedKeys.value = [rs];\r\n          }\r\n        }\r\n      );\r\n\r\n      // 匹配菜单项的函数（支持嵌套 children）\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children: [] }[]\r\n      ): string => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.key === path) {\r\n            return item.key;\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const matchedKey = _findMatchedMenuKey(path, item.children);\r\n            if (matchedKey) {\r\n              return matchedKey;\r\n            }\r\n          }\r\n\r\n          // 匹配以 basePath 开头的菜单项\r\n          const match = path.match(/^\\/[^/]+/); // 匹配以 / 开头，后面不包含 / 的部分\r\n          const basePath = match ? match[0] : \"\"; // 提取基础路径，如 /user\r\n          if (item.key.startsWith(basePath)) {\r\n            return item.key;\r\n          }\r\n        }\r\n\r\n        // 默认返回空\r\n        return \"\";\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={data.value}\r\n          mode=\"inline\"\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","menuWrapperStyle","useStyle","openKeys","selectedKeys","data","onClick","useMenu","computed","css","storeToRefs","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","val","flag","value","some","item","rs","_findMatchedMenuKey","path","menuItems","key","children","length","matchedKey","match","basePath","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, nextTick, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useAppStore, useMenuStore } 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 { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, data, 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            /* Webkit 浏览器 */\r\n\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 { layout } = storeToRefs(useAppStore());\r\n      const { openKeys, selectedKeys, data } = 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((item: string) => item === path);\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(path, data.value as never);\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(path, data.value as never);\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      // 匹配菜单项的函数（支持嵌套 children）\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children: [] }[],\r\n        parentKey: string = \"\"\r\n      ): { matchedKey: string; parentKey: string } | 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(path, item.children, item.key);\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配以 basePath 开头的菜单项\r\n          const match = path.match(/^\\/[^/]+/); // 匹配以 / 开头，后面不包含 / 的部分\r\n          const basePath = match ? match[0] : \"\"; // 提取基础路径，如 /user\r\n          if (item.key.startsWith(basePath)) {\r\n            return { matchedKey: item.key, parentKey };\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={data.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","menuWrapperStyle","useStyle","openKeys","selectedKeys","data","onClick","useMenu","computed","css","layout","storeToRefs","useAppStore","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","value","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","match","basePath","startsWith","keyPath","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/esm/components/layout/components/settings/BlockCheckbox.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './BlockCheckbox.vue2.mjs';
+
+"use strict";
+
+export { _sfc_main as default };
+//# sourceMappingURL=BlockCheckbox.vue.mjs.map

package/dist/esm/components/layout/components/settings/BlockCheckbox.vue.mjs.map

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

package/dist/esm/components/layout/components/settings/BlockCheckbox.vue2.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, shallowRef, computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, withDirectives, createVNode, unref, vShow, createCommentVNode } from 'vue';
+import { CheckOutlined } from '@ant-design/icons-vue';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BlockCheckbox",
+  props: {
+    themes: { type: String, required: false },
+    isDark: { type: Boolean, required: false },
+    checked: { type: Boolean, required: false },
+    t: { type: Function, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const prefixCls = shallowRef("ant-pro-drawer-setting-block-checkbox");
+    const cls = computed(() => {
+      return {
+        [`${prefixCls.value}-item`]: true,
+        [`${prefixCls.value}-theme-item`]: props.isDark,
+        // [`${prefixCls.value}-item-${props.theme}`]: !!props.theme,
+        [`${prefixCls.value}-theme-item-${props.themes}`]: props.isDark
+      };
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      return openBlock(), createBlock(_component_a_tooltip, null, {
+        title: withCtx(() => [
+          createCommentVNode('      {{ t?.(`app.setting.pagestyle.${theme}` ?? "") }}')
+        ]),
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(cls.value)
+            },
+            [
+              withDirectives(createVNode(unref(CheckOutlined), {
+                class: normalizeClass(`${prefixCls.value}-selectIcon`)
+              }, null, 8, ["class"]), [
+                [vShow, __props.checked]
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=BlockCheckbox.vue2.mjs.map

package/dist/esm/components/layout/components/settings/BlockCheckbox.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.vue2.mjs","sources":["../../../../../../src/components/layout/components/settings/BlockCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, shallowRef } from \"vue\";\n\nimport { CheckOutlined } from \"@ant-design/icons-vue\";\n\nconst props = defineProps({\n  themes: { type: String, required: false },\n  isDark: { type: Boolean, required: false },\n  checked: { type: Boolean, required: false },\n  t: { type: Function, required: false }\n});\nconst prefixCls = shallowRef(\"ant-pro-drawer-setting-block-checkbox\");\n\nconst cls = computed(() => {\n  return {\n    [`${prefixCls.value}-item`]: true,\n    [`${prefixCls.value}-theme-item`]: props.isDark,\n    // [`${prefixCls.value}-item-${props.theme}`]: !!props.theme,\n    [`${prefixCls.value}-theme-item-${props.themes}`]: props.isDark\n  };\n});\n</script>\n\n<template>\n  <a-tooltip>\n    <template #title>\n      <!--      {{ t?.(`app.setting.pagestyle.${theme}` ?? \"\") }}-->\n    </template>\n    <div :class=\"cls\">\n      <CheckOutlined v-show=\"checked\" :class=\"`${prefixCls}-selectIcon`\" />\n    </div>\n  </a-tooltip>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAM,MAAA,SAAA,GAAY,WAAW,uCAAuC,CAAA;AAEpE,IAAM,MAAA,GAAA,GAAM,SAAS,MAAM;AACzB,MAAO,OAAA;AAAA,QACL,CAAC,CAAA,EAAG,SAAU,CAAA,KAAK,OAAO,GAAG,IAAA;AAAA,QAC7B,CAAC,CAAG,EAAA,SAAA,CAAU,KAAK,CAAA,WAAA,CAAa,GAAG,KAAM,CAAA,MAAA;AAAA;AAAA,QAEzC,CAAC,GAAG,SAAU,CAAA,KAAK,eAAe,KAAM,CAAA,MAAM,CAAE,CAAA,GAAG,KAAM,CAAA;AAAA,OAC3D;AAAA,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/layout/components/settings/SettingDrawer.mjs

@@ -0,0 +1,105 @@
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { theme } from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
+import { SettingOutlined, CloseOutlined } from '@ant-design/icons-vue';
+import { useAppStore } from '@ditari/store';
+import { css } from '@emotion/css';
+import './BlockCheckbox.vue.mjs';
+import _sfc_main from './BlockCheckbox.vue2.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var SettingDrawer = /* @__PURE__ */ defineComponent({
+  components: {
+    BlockCheckbox: _sfc_main
+  },
+  setup() {
+    const open = ref(false);
+    const {
+      useToken
+    } = theme;
+    const {
+      token
+    } = useToken();
+    const store = useAppStore();
+    const {
+      modeConfig
+    } = storeToRefs(store);
+    const {
+      btnStyle,
+      closeBtnStyle,
+      dividerStyle,
+      settingDrawerStyle
+    } = useStyle();
+    function useStyle() {
+      const settingDrawerStyle2 = computed(() => css``);
+      const btnStyle2 = computed(() => css`
+          background-color: ${token.value.colorPrimary};
+          border-end-start-radius: ${token == null ? void 0 : token.value.borderRadius}px;
+          border-start-start-radius: ${token == null ? void 0 : token.value.borderRadius}px;
+        `);
+      const closeBtnStyle2 = computed(() => css`
+          ${btnStyle2.value};
+          position: absolute;
+          top: 240px;
+          right: 378px;
+        `);
+      const dividerStyle2 = computed(() => `
+        border-color: #7cb305;
+      `);
+      return {
+        btnStyle: btnStyle2,
+        closeBtnStyle: closeBtnStyle2,
+        dividerStyle: dividerStyle2,
+        settingDrawerStyle: settingDrawerStyle2
+      };
+    }
+    return () => {
+      let _slot;
+      return createVNode("div", {
+        "class": settingDrawerStyle.value
+      }, [createVNode("div", {
+        "class": `ant-pro-drawer-setting-handle ${btnStyle.value}`,
+        "onClick": () => open.value = true
+      }, [createVNode(SettingOutlined, {
+        "class": "icon"
+      }, null)]), createVNode(resolveComponent("a-drawer"), {
+        "open": open.value,
+        "onUpdate:open": ($event) => open.value = $event,
+        "bodyStyle": {
+          padding: 0
+        }
+      }, {
+        default: () => [createVNode("div", {
+          "class": `ant-pro-drawer-setting-handle  ${closeBtnStyle.value}`,
+          "onClick": () => open.value = false
+        }, [createVNode(CloseOutlined, {
+          "class": "icon"
+        }, null)]), createVNode(resolveComponent("a-form"), null, {
+          default: () => [createVNode(resolveComponent("a-form-item"), {
+            "label": "\u6A21\u5F0F"
+          }, {
+            default: () => [createVNode(resolveComponent("a-radio-group"), {
+              "value": modeConfig.value.mode,
+              "onUpdate:value": ($event) => modeConfig.value.mode = $event,
+              "button-style": "solid"
+            }, _isSlot(_slot = modeConfig.value.list.map((item) => createVNode(resolveComponent("a-radio-button"), {
+              "value": item.value
+            }, {
+              default: () => [item.label]
+            }))) ? _slot : {
+              default: () => [_slot]
+            })]
+          }), createVNode(resolveComponent("a-form-item"), {
+            "label": "\u6A21\u5F0F"
+          }, null)]
+        })]
+      })]);
+    };
+  }
+});
+
+export { SettingDrawer as default };
+//# sourceMappingURL=SettingDrawer.mjs.map

package/dist/esm/components/layout/components/settings/SettingDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingDrawer.mjs","sources":["../../../../../../src/components/layout/components/settings/SettingDrawer.tsx"],"sourcesContent":["import { computed, type ComputedRef, defineComponent, ref } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { CloseOutlined, SettingOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport BlockCheckbox from \"./BlockCheckbox.vue\";\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    BlockCheckbox\r\n  },\r\n  setup() {\r\n    const open = ref(false);\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n    const store = useAppStore();\r\n    const { modeConfig } = storeToRefs(store);\r\n\r\n    const { btnStyle, closeBtnStyle, dividerStyle, settingDrawerStyle } =\r\n      useStyle();\r\n\r\n    function useStyle(): {\r\n      btnStyle: ComputedRef<string>;\r\n      closeBtnStyle: ComputedRef<string>;\r\n      dividerStyle: ComputedRef<string>;\r\n      settingDrawerStyle: ComputedRef<string>;\r\n    } {\r\n      const settingDrawerStyle = computed(() => css``);\r\n      const btnStyle = computed(\r\n        () => css`\r\n          background-color: ${token.value.colorPrimary};\r\n          border-end-start-radius: ${token?.value.borderRadius}px;\r\n          border-start-start-radius: ${token?.value.borderRadius}px;\r\n        `\r\n      );\r\n\r\n      const closeBtnStyle = computed(\r\n        () => css`\r\n          ${btnStyle.value};\r\n          position: absolute;\r\n          top: 240px;\r\n          right: 378px;\r\n        `\r\n      );\r\n\r\n      const dividerStyle = computed(\r\n        () => `\r\n        border-color: #7cb305;\r\n      `\r\n      );\r\n\r\n      return {\r\n        btnStyle,\r\n        closeBtnStyle,\r\n        dividerStyle,\r\n        settingDrawerStyle\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={settingDrawerStyle.value}>\r\n        <div\r\n          class={`ant-pro-drawer-setting-handle ${btnStyle.value}`}\r\n          onClick={() => (open.value = true)}\r\n        >\r\n          <SettingOutlined class={\"icon\"} />\r\n        </div>\r\n        <a-drawer v-model:open={open.value} bodyStyle={{ padding: 0 }}>\r\n          <div\r\n            class={`ant-pro-drawer-setting-handle  ${closeBtnStyle.value}`}\r\n            onClick={() => (open.value = false)}\r\n          >\r\n            <CloseOutlined class={\"icon\"} />\r\n          </div>\r\n\r\n          <a-form>\r\n            <a-form-item label={\"模式\"}>\r\n              <a-radio-group\r\n                v-model:value={modeConfig.value.mode}\r\n                button-style=\"solid\"\r\n              >\r\n                {modeConfig.value.list.map(item => (\r\n                  <a-radio-button value={item.value}>\r\n                    {item.label}\r\n                  </a-radio-button>\r\n                ))}\r\n              </a-radio-group>\r\n            </a-form-item>\r\n            <a-form-item label={\"模式\"}></a-form-item>\r\n          </a-form>\r\n        </a-drawer>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","components","BlockCheckbox","setup","open","ref","useToken","theme","token","store","useAppStore","modeConfig","storeToRefs","btnStyle","closeBtnStyle","dividerStyle","settingDrawerStyle","useStyle","computed","css","value","colorPrimary","borderRadius","_slot","_createVNode","onClick","SettingOutlined","_resolveComponent","$event","padding","default","CloseOutlined","mode","list","map","item","label"],"mappings":"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"}

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

@@ -0,0 +1,237 @@
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, Fragment, createTextVNode, h } from 'vue';
+import { theme } from 'ant-design-vue';
+import { useMagicKeys, useWindowScroll } from '@vueuse/core';
+import { SearchOutlined, UnorderedListOutlined, CloseOutlined, DownOutlined } from '@ant-design/icons-vue';
+import { useNavTabStore } from '@ditari/store';
+import { css } from '@emotion/css';
+import dayjs from '../../_virtual/dayjs.min.mjs';
+
+"use strict";
+var Search = /* @__PURE__ */ defineComponent({
+  name: "Search",
+  setup() {
+    const {
+      useToken
+    } = theme;
+    const {
+      token
+    } = useToken();
+    const {
+      getList,
+      deleteTabs
+    } = useNavTabStore();
+    const keys = useMagicKeys();
+    const shiftCtrlA = keys["Shift+Ctrl+S"];
+    const open = ref(false);
+    const {
+      y
+    } = useWindowScroll();
+    const navTabList = computed(() => {
+      return getList.sort((a, b) => (b.openTime || 0) - (a.openTime || 0));
+    });
+    watch(shiftCtrlA, (v) => {
+      if (v) {
+        open.value = !open.value;
+      }
+    });
+    watch(() => y.value, (val) => {
+      if (val > 0) {
+        open.value = false;
+      }
+    });
+    const buttonToken = {
+      borderRadius: "12px"
+    };
+    const onCloseTab = (path) => {
+      deleteTabs(path);
+    };
+    const searchStyle = computed(() => css`
+        padding: 10px;
+        border-bottom: 1px solid ${token.value.colorBorder};
+      `);
+    const searchListStyle = computed(() => css`
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        max-height: 400px;
+        overflow-y: overlay;
+
+        /* 整个滚动条 */
+
+        ::-webkit-scrollbar {
+          width: 4px; /* 垂直滚动条的宽度 */
+          height: 4px; /* 水平滚动条的高度 */
+        }
+
+        /* 滚动条轨道 */
+
+        ::-webkit-scrollbar-track {
+          background: transparent; /* 轨道背景色 */
+          border-radius: 0; /* 轨道圆角 */
+        }
+
+        /* 滚动条滑块 */
+
+        ::-webkit-scrollbar-thumb {
+          //background: #888; /* 滑块背景色 */
+          // border-radius: 6px; /* 滑块圆角 */
+          border: 3px solid ${token.value.colorPrimaryBorder}; /* 滑块边框 */
+        }
+
+        /* 滚动条滑块悬停效果 */
+
+        ::-webkit-scrollbar-thumb:hover {
+          background: red; /* 滑块悬停背景色 */
+        }
+
+        .search-title {
+          position: sticky;
+          top: 0;
+          padding: 10px;
+        }
+
+        ul {
+          margin: 0;
+          padding: 0;
+          list-style: none;
+
+          li {
+            display: flex;
+            align-items: center;
+            padding: 4px 10px;
+            width: 400px;
+
+            &:hover {
+              background-color: red;
+
+              .close-wrapper {
+                display: block;
+              }
+            }
+
+            .icon {
+              width: 42px;
+              height: 42px;
+              border-radius: 10px;
+              background-color: ${token.value.colorPrimary};
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
+
+            .content {
+              padding-left: 10px;
+
+              .time-ago {
+                display: flex;
+                align-items: center;
+                font-size: 12px;
+
+                .hostname {
+                  max-width: 180px;
+                  overflow: hidden;
+                }
+
+                .split {
+                  width: 4px;
+                  height: 4px;
+                  display: inline-block;
+                  background-color: ${token.value.colorPrimary};
+                  border-radius: 10px;
+                  margin: 0 6px;
+                }
+              }
+            }
+
+            .close-wrapper {
+              display: none;
+              flex: 1;
+              text-align: right;
+
+              .close-btn {
+                display: inline-block;
+                width: 22px;
+                height: 22px;
+                border-radius: 50%;
+                text-align: center;
+
+                &:hover {
+                  background-color: blue;
+                }
+              }
+            }
+          }
+        }
+      `);
+    function timeAgo(providedTime) {
+      const now = dayjs();
+      const diffInSeconds = now.diff(providedTime, "second");
+      const diffInMinutes = now.diff(providedTime, "minute");
+      const diffInHours = now.diff(providedTime, "hour");
+      if (diffInMinutes < 1) {
+        return `${diffInSeconds} \u79D2\u524D`;
+      } else if (diffInHours < 1) {
+        return `${diffInMinutes} \u5206\u949F\u524D`;
+      } else {
+        return `${diffInHours} \u5C0F\u65F6\u524D`;
+      }
+    }
+    return () => createVNode("div", null, [createVNode(resolveComponent("a-popover"), {
+      "open": open.value,
+      "onUpdate:open": ($event) => open.value = $event,
+      "placement": "bottomRight",
+      "trigger": "click",
+      "overlayClassName": "search-popover-wrapper"
+    }, {
+      default: () => createVNode("div", null, [createVNode(resolveComponent("a-button"), {
+        "style": {
+          borderRadius: "10px"
+        },
+        "icon": h(DownOutlined),
+        "title": "\u641C\u7D22\u6807\u7B7E\u9875"
+      }, null)]),
+      content: () => createVNode(Fragment, null, [createVNode("div", {
+        "class": searchStyle.value
+      }, [createVNode(resolveComponent("a-input"), {
+        "placeholder": "\u641C\u7D22\u6807\u7B7E\u9875",
+        "bordered": false
+      }, {
+        prefix: () => createVNode(SearchOutlined, null, null),
+        suffix: () => createVNode("span", {
+          "style": {
+            color: "rgba(0, 0, 0, 0.45)"
+          }
+        }, [createTextVNode("Ctrl+Shift+S")])
+      })]), createVNode("div", {
+        "class": searchListStyle.value
+      }, [createVNode("span", {
+        "class": "search-title"
+      }, [createTextVNode("\u6253\u5F00\u7684\u6807\u7B7E\u9875")]), createVNode("ul", null, [navTabList.value.map((item) => {
+        var _a, _b;
+        return createVNode("li", null, [createVNode("div", {
+          "class": "icon"
+        }, [createVNode(UnorderedListOutlined, null, null)]), createVNode("div", {
+          "class": "content"
+        }, [createVNode("div", {
+          "class": "title"
+        }, [(_a = item.meta) == null ? void 0 : _a.title]), createVNode("div", {
+          "class": "time-ago"
+        }, [createVNode("span", {
+          "class": "hostname"
+        }, [window.location.hostname + "" + item.path]), createVNode("span", {
+          "class": "split"
+        }, null), createVNode("span", {
+          "class": "time"
+        }, [timeAgo((_b = item.openTime) != null ? _b : 0)])])]), createVNode("div", {
+          "class": "close-wrapper"
+        }, [createVNode("span", {
+          "class": "close-btn",
+          "onClick": () => onCloseTab(item.fullPath || "")
+        }, [createVNode(CloseOutlined, null, null)])])]);
+      })])])])
+    })]);
+  }
+});
+
+export { Search as default };
+//# sourceMappingURL=Search.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.mjs","sources":["../../../../src/components/tab/Search.tsx"],"sourcesContent":["import { computed, ComputedRef, defineComponent, h, ref, watch } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { useMagicKeys, useWindowScroll } 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 { useNavTabStore } 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 { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = 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((a, b) => (b.openTime || 0) - (a.openTime || 0));\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    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 buttonToken = {\r\n      borderRadius: \"12px\"\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    );\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\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 ${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        }\r\n\r\n        ul {\r\n          margin: 0;\r\n          padding: 0;\r\n          list-style: none;\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\r\n            &:hover {\r\n              background-color: red;\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                }\r\n\r\n                .split {\r\n                  width: 4px;\r\n                  height: 4px;\r\n                  display: inline-block;\r\n                  background-color: ${token.value.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: blue;\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(providedTime, \"second\"); // 计算时间差（秒）\r\n      const diffInMinutes = now.diff(providedTime, \"minute\"); // 计算时间差（分钟）\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    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 placeholder={\"搜索标签页\"} bordered={false}>\r\n                    {{\r\n                      prefix: () => <SearchOutlined />,\r\n                      suffix: () => (\r\n                        <span style={{ color: \"rgba(0, 0, 0, 0.45)\" }}>\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\"}>打开的标签页</span>\r\n                  <ul>\r\n                    {navTabList.value.map(item => (\r\n                      <li>\r\n                        <div class={\"icon\"}>\r\n                          <UnorderedListOutlined />\r\n                        </div>\r\n                        <div class={\"content\"}>\r\n                          <div class={\"title\"}>{item.meta?.title}</div>\r\n                          <div class={\"time-ago\"}>\r\n                            <span class={\"hostname\"}>\r\n                              {window.location.hostname + \"\" + 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                        <div class={\"close-wrapper\"}>\r\n                          <span\r\n                            class={\"close-btn\"}\r\n                            onClick={() => onCloseTab(item.fullPath || \"\")}\r\n                          >\r\n                            <CloseOutlined />\r\n                          </span>\r\n                        </div>\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","useToken","theme","token","getList","deleteTabs","useNavTabStore","keys","useMagicKeys","shiftCtrlA","open","ref","y","useWindowScroll","navTabList","computed","sort","a","b","openTime","watch","v","value","val","buttonToken","borderRadius","onCloseTab","path","searchStyle","css","colorBorder","searchListStyle","colorPrimaryBorder","colorPrimary","timeAgo","providedTime","now","dayjs","diffInSeconds","diff","diffInMinutes","diffInHours","_createVNode","_resolveComponent","$event","default","h","DownOutlined","content","_Fragment","prefix","SearchOutlined","suffix","color","_createTextVNode","map","item","UnorderedListOutlined","meta","title","window","location","hostname","onClick","fullPath","CloseOutlined"],"mappings":"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"}