@ditari/bsui 5.0.1 → 5.0.3

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

@@ -0,0 +1,113 @@
+import { defineComponent, computed, watch, createVNode, resolveComponent } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useMenuStore } from '@ditari/store';
+import { css } from '@emotion/css';
+
+"use strict";
+var DMenu = /* @__PURE__ */ defineComponent({
+  name: "DMenu",
+  setup() {
+    const {
+      menuWrapperStyle
+    } = useStyle();
+    const {
+      openKeys,
+      selectedKeys,
+      data,
+      onClick
+    } = useMenu();
+    function useStyle() {
+      const menuWrapperStyle2 = computed(() => css`
+          flex: 1;
+          overflow: hidden;
+
+          .ant-menu {
+            height: 100%;
+            overflow: scroll;
+            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */
+            scrollbar-width: none; /* 对 Firefox 生效 */
+
+            /* Webkit 浏览器 */
+
+            ::-webkit-scrollbar {
+              display: none;
+            }
+          }
+        `);
+      return {
+        menuWrapperStyle: menuWrapperStyle2
+      };
+    }
+    function useMenu() {
+      const {
+        openKeys: openKeys2,
+        selectedKeys: selectedKeys2,
+        data: data2
+      } = storeToRefs(useMenuStore());
+      const route = useRoute();
+      const router = useRouter();
+      watch(() => route.fullPath, (val) => {
+        const flag = selectedKeys2.value.some((item) => item === val);
+        if (!flag) {
+          const rs = _findMatchedMenuKey(val, data2.value);
+          openKeys2.value = [rs];
+          selectedKeys2.value = [rs];
+        }
+      });
+      const _findMatchedMenuKey = (path, menuItems) => {
+        for (const item of menuItems) {
+          if (item.key === path) {
+            return item.key;
+          }
+          if (item.children && item.children.length > 0) {
+            const matchedKey = _findMatchedMenuKey(path, item.children);
+            if (matchedKey) {
+              return matchedKey;
+            }
+          }
+          const match = path.match(/^\/[^/]+/);
+          const basePath = match ? match[0] : "";
+          if (item.key.startsWith(basePath)) {
+            return item.key;
+          }
+        }
+        return "";
+      };
+      const onClick2 = ({
+        key,
+        keyPath
+      }) => {
+        openKeys2.value = keyPath;
+        selectedKeys2.value = [key];
+        if (route.path !== key) {
+          router.push(key).then((r) => {
+            if (r) {
+              console.warn(r);
+            }
+          });
+        }
+      };
+      return {
+        openKeys: openKeys2,
+        selectedKeys: selectedKeys2,
+        data: data2,
+        onClick: onClick2
+      };
+    }
+    return () => createVNode("div", {
+      "class": menuWrapperStyle.value
+    }, [createVNode(resolveComponent("a-menu"), {
+      "open-keys": openKeys.value,
+      "onUpdate:open-keys": ($event) => openKeys.value = $event,
+      "selected-keys": selectedKeys.value,
+      "onUpdate:selected-keys": ($event) => selectedKeys.value = $event,
+      "items": data.value,
+      "mode": "inline",
+      "onClick": onClick
+    }, null)]);
+  }
+});
+
+export { DMenu as default };
+//# sourceMappingURL=Menu.mjs.map

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

@@ -0,0 +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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"}

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

@@ -1,14 +1,21 @@
-import list from './list.mjs';
-import list$1 from './show.mjs';
+import list from './List.mjs';
+import show from './Show.mjs';
+import './Layout.vue.mjs';
+import _sfc_main from './Layout.vue2.mjs';
 
+"use strict";
+_sfc_main.install = function(app) {
+  app.component("DLayout", _sfc_main);
+  return app;
+};
 list.install = function(app) {
   app.component(list.name, list);
   return app;
 };
-list$1.install = function(app) {
-  app.component(list$1.name, list$1);
+show.install = function(app) {
+  app.component(show.name, show);
   return app;
 };
 
-export { list as List, list$1 as Show };
+export { _sfc_main as Layout, list as List, show as Show };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import List from \"./list\";\r\nimport Show from \"./show\";\r\nimport type { App } from \"vue\";\r\n\r\nList.install = function (app: App) {\r\n  app.component(List.name!, List);\r\n  return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n  app.component(Show.name!, Show);\r\n  return app;\r\n};\r\n\r\nexport { List, Show };\r\n"],"names":["List","Show"],"mappings":";;;AAIAA,IAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,IAAK,CAAA,IAAA,EAAOA,IAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,MAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,MAAK,CAAA,IAAA,EAAOA,MAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import List from \"./List\";\r\nimport Show from \"./Show\";\r\nimport type { App } from \"vue\";\r\n\r\nimport Layout from \"./Layout.vue\";\r\n\r\nLayout.install = function (app: App) {\r\n  app.component(\"DLayout\", Layout);\r\n  return app;\r\n};\r\n\r\nList.install = function (app: App) {\r\n  app.component(List.name!, List);\r\n  return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n  app.component(Show.name!, Show);\r\n  return app;\r\n};\r\n\r\nexport { Layout, List, Show };\r\n"],"names":["Layout","List","Show"],"mappings":";;;;;;AAMAA,SAAO,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACnC,EAAI,GAAA,CAAA,SAAA,CAAU,WAAWA,SAAM,CAAA;AAC/B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,IAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,IAAK,CAAA,IAAA,EAAOA,IAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,IAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,IAAK,CAAA,IAAA,EAAOA,IAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}

package/dist/esm/components/select/Select.vue.mjs

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

package/dist/esm/components/select/Select.vue.mjs.map

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

package/dist/esm/components/select/Select.vue2.mjs

@@ -0,0 +1,101 @@
+import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock, unref, isRef } from 'vue';
+import { useDicStore } from '@ditari/store';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: {
+    value: { required: true, default: void 0 },
+    name: { type: String, required: true, default: "" },
+    disabled: { type: Boolean, required: false, default: false },
+    placeholder: { type: String, required: false, default: "\u8BF7\u586B\u5199\u9ED8\u8BA4\u5360\u4F4D\u7B26\u554A\uFF01" },
+    include: { type: Array, required: false, default: () => [] }
+  },
+  emits: ["update:value", "change", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { getDicByKey } = useDicStore();
+    const { modelValue, data, onSelect, onChange } = useSelect();
+    function useSelect() {
+      const dicData = [...getDicByKey(props.name)];
+      const data2 = ref(dicData);
+      const modelValue2 = ref(props.value);
+      watch(
+        () => props.value,
+        (val) => {
+          modelValue2.value = val;
+        }
+      );
+      const onSearch = (keywords) => {
+        sendWorkerSearch(keywords);
+      };
+      function sendWorkerSearch(keywords) {
+        keywords = keywords != null ? keywords : "";
+        data2.value = dicData.filter((item) => {
+          return item.value.toString().toLowerCase().indexOf(keywords.toLowerCase()) !== -1 || item.label.toLowerCase().includes(keywords.toLowerCase());
+        }).slice(0, 10);
+        if (data2.value.length === 0) {
+          data2.value = [...dicData].slice(0, 10);
+        }
+      }
+      const onSelect2 = (value) => {
+        emits("update:value", value);
+        onSelectHandler();
+      };
+      const onChange2 = () => {
+        emits("update:value", modelValue2.value);
+        emits("change", modelValue2.value);
+      };
+      function onSelectHandler() {
+        const dicList = getDicByKey(props.name);
+        const rs = dicList.find((obj) => obj.value === modelValue2.value);
+        emits("select", rs);
+      }
+      watch(
+        () => props.include,
+        (val) => {
+          if (val.length > 0) {
+            data2.value = dicData.filter((item) => {
+              return val.some((i) => i === item.value);
+            });
+          } else {
+            data2.value = dicData;
+          }
+        },
+        {
+          immediate: true
+        }
+      );
+      return {
+        data: data2,
+        modelValue: modelValue2,
+        onSearch,
+        onSelect: onSelect2,
+        onChange: onChange2
+      };
+    }
+    const onFilterOption = (inputValue, options) => {
+      return options.value.toString().toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 || options.label.toLowerCase().includes(inputValue.toLowerCase());
+    };
+    return (_ctx, _cache) => {
+      const _component_a_select = resolveComponent("a-select");
+      return openBlock(), createBlock(_component_a_select, {
+        value: unref(modelValue),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        style: { "width": "100%" },
+        "allow-clear": "",
+        "show-search": "",
+        options: unref(data),
+        placeholder: __props.placeholder,
+        disabled: __props.disabled,
+        "filter-option": onFilterOption,
+        onSelect: unref(onSelect),
+        onChange: unref(onChange)
+      }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Select.vue2.mjs.map

package/dist/esm/components/select/Select.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.mjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\n\nimport { useDicStore } from \"@ditari/store\";\n\ninterface DicItem {\n  value: string | number;\n  label: string;\n}\n\nconst props = defineProps({\n  value: { required: true, default: undefined },\n  name: { type: String, required: true, default: \"\" },\n  disabled: { type: Boolean, required: false, default: false },\n  placeholder: { type: String, required: false, default: \"请填写默认占位符啊！\" },\n  include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\n\nconst { modelValue, data, onSelect, onChange } = useSelect();\n\nfunction useSelect() {\n  // 字典数据\n  const dicData: DicItem[] = [...getDicByKey(props.name)];\n  const data = ref<DicItem[]>(dicData);\n  // 取值\n  const modelValue = ref<string | number | undefined>(props.value);\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    val => {\n      modelValue.value = val;\n    }\n  );\n\n  // 监听用户搜索事件\n  const onSearch = (keywords: string) => {\n    sendWorkerSearch(keywords);\n  };\n\n  // 发送搜索到webworker\n  function sendWorkerSearch(keywords: string) {\n    keywords = keywords ?? \"\";\n    data.value = dicData\n      .filter((item: DicItem) => {\n        return (\n          item.value\n            .toString()\n            .toLowerCase()\n            .indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label.toLowerCase().includes(keywords.toLowerCase())\n        );\n      })\n      .slice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].slice(0, 10);\n    }\n  }\n\n  // 监听下拉选择事件\n  const onSelect = (value: string | number) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    emits(\"update:value\", modelValue.value);\n    emits(\"change\", modelValue.value);\n  };\n\n  /**\n   * 根据当前选中的value匹配对应的整条数据\n   * 然后返回给父组件\n   */\n  function onSelectHandler() {\n    const dicList = getDicByKey(props.name);\n    const rs = dicList.find((obj: DicItem) => obj.value === modelValue.value);\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: Array<string | number>) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: DicItem) => {\n          return val.some((i: string | number) => i === item.value);\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  return {\n    data,\n    modelValue,\n    onSearch,\n    onSelect,\n    onChange\n  };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (inputValue: string, options: DicItem) => {\n  return (\n    options.value.toString().toLowerCase().indexOf(inputValue.toLowerCase()) !==\n      -1 || options.label.toLowerCase().includes(inputValue.toLowerCase())\n  );\n};\n</script>\n\n<template>\n  <a-select\n    v-model:value=\"modelValue\"\n    style=\"width: 100%\"\n    allow-clear\n    show-search\n    :options=\"data\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :filter-option=\"onFilterOption\"\n    @select=\"onSelect\"\n    @change=\"onChange\"\n  >\n  </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["data","modelValue","onSelect","onChange"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import './Select.vue.mjs';
+import _sfc_main from './Select.vue2.mjs';
+
+"use strict";
+_sfc_main.install = (app) => {
+  app.component("DSelect", _sfc_main);
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/select/index.ts"],"sourcesContent":["import type { App } from \"vue\";\n\nimport Select from \"./Select.vue\";\n\nSelect.install = (app: App) => {\n  app.component(\"DSelect\", Select);\n};\n\nexport default Select;\n"],"names":["Select"],"mappings":";;;;AAIAA,SAAO,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC7B,EAAI,GAAA,CAAA,SAAA,CAAU,WAAWA,SAAM,CAAA;AACjC,CAAA;;;;"}

package/dist/esm/components/tab/Tab.vue.mjs

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

package/dist/esm/components/tab/Tab.vue.mjs.map

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

package/dist/esm/components/tab/Tab.vue2.mjs

@@ -1,23 +1,30 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, isRef, withCtx, normalizeStyle, h, Fragment, renderList, toDisplayString } from 'vue';
+import { defineComponent, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, isRef, withCtx, Fragment, renderList, createBlock, toDisplayString, h, normalizeStyle } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 import { theme } from 'ant-design-vue';
-import { SearchOutlined, CloseOutlined } from '@ant-design/icons-vue';
+import { storeToRefs } from 'pinia';
+import { CloseOutlined, SearchOutlined } from '@ant-design/icons-vue';
+import { useNavTabStore } from '@ditari/store';
 import { css } from '@emotion/css';
 
+"use strict";
 const _hoisted_1 = { class: "d-tabs-nav" };
 const _hoisted_2 = { style: { "padding": "0 10px" } };
 const _hoisted_3 = { class: "tab-item" };
 const _hoisted_4 = { class: "tab-close" };
+const _hoisted_5 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tab",
   setup(__props) {
     const { token, tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();
-    const { activeKey } = useTabState();
+    const { activeKey, list, onChange, onClose } = useTab();
     function useStyle() {
       const { useToken } = theme;
       const { token: token2 } = useToken();
+      const dynamicValue = "green";
       const tabsNavStyle2 = computed(() => {
         return css`
-      background: ${token2.value.colorPrimary};
+      --my-color: ${dynamicValue};
+      background: ${token2.value.colorBgContainer};
       padding-top: 10px;
     `;
       });
@@ -43,10 +50,50 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         closeBtnStyle: closeBtnStyle2
       };
     }
-    function useTabState() {
-      const activeKey2 = ref();
+    function useTab() {
+      const route = useRoute();
+      const router = useRouter();
+      const store = useNavTabStore();
+      const { list: list2, activeKey: activeKey2 } = storeToRefs(store);
+      const { save, deleteTabs } = store;
+      watch(
+        () => route.fullPath,
+        () => {
+          save(route);
+        },
+        {
+          immediate: true
+        }
+      );
+      watch(
+        () => route.fullPath,
+        (val) => {
+          activeKey2.value = val;
+        },
+        {
+          immediate: true
+        }
+      );
+      const onChange2 = (key) => {
+        if (key !== route.path) {
+          const rs = list2.value.filter((item) => item.path === key)[0];
+          router.push(rs);
+        }
+      };
+      const onClose2 = ($event, key) => {
+        if (!key) return;
+        $event.stopPropagation();
+        deleteTabs(key);
+        const backRoute = list2.value[list2.value.length - 1];
+        if (backRoute.fullPath) {
+          router.push(backRoute.fullPath);
+        }
+      };
       return {
-        activeKey: activeKey2
+        activeKey: activeKey2,
+        list: list2,
+        onChange: onChange2,
+        onClose: onClose2
       };
     }
     return (_ctx, _cache) => {
@@ -67,7 +114,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               activeKey: unref(activeKey),
               "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => isRef(activeKey) ? activeKey.value = $event : null),
               type: "card",
-              "hide-add": ""
+              "hide-add": "",
+              onChange: unref(onChange)
             }, {
               leftExtra: withCtx(() => [
                 createElementVNode("div", _hoisted_2, [
@@ -109,64 +157,62 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                (openBlock(), createElementBlock(
+                (openBlock(true), createElementBlock(
                   Fragment,
                   null,
-                  renderList(50, (item) => {
-                    return createVNode(_component_a_tab_pane, {
-                      key: item,
+                  renderList(unref(list), (item) => {
+                    return openBlock(), createBlock(_component_a_tab_pane, {
+                      key: item.fullPath,
                       closable: false,
-                      class: normalizeClass({ active: unref(activeKey) === item })
+                      class: normalizeClass({ active: unref(activeKey) === item.fullPath })
                     }, {
-                      tab: withCtx(() => [
-                        createElementVNode(
-                          "div",
-                          {
-                            class: normalizeClass(["tab-hover-bg", unref(tabHoverBgStyle)])
-                          },
-                          null,
-                          2
-                          /* CLASS */
-                        ),
-                        _cache[1] || (_cache[1] = createElementVNode(
-                          "div",
-                          { class: "tab-dividers" },
-                          null,
-                          -1
-                          /* HOISTED */
-                        )),
-                        createElementVNode(
-                          "div",
-                          _hoisted_3,
-                          toDisplayString(item),
-                          1
-                          /* TEXT */
-                        ),
-                        createElementVNode("div", _hoisted_4, [
+                      tab: withCtx(() => {
+                        var _a;
+                        return [
                           createElementVNode(
                             "div",
                             {
-                              class: normalizeClass(["close-btn", unref(closeBtnStyle)])
+                              class: normalizeClass(["tab-hover-bg", unref(tabHoverBgStyle)])
                             },
-                            [
-                              createVNode(unref(CloseOutlined))
-                            ],
+                            null,
                             2
                             /* CLASS */
-                          )
-                        ])
-                      ]),
+                          ),
+                          _cache[1] || (_cache[1] = createElementVNode(
+                            "div",
+                            { class: "tab-dividers" },
+                            null,
+                            -1
+                            /* HOISTED */
+                          )),
+                          createElementVNode(
+                            "div",
+                            _hoisted_3,
+                            toDisplayString(((_a = item.meta) == null ? void 0 : _a.title) || "\u65E0\u6807\u9898"),
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode("div", _hoisted_4, [
+                            createElementVNode("div", {
+                              class: normalizeClass(["close-btn", unref(closeBtnStyle)]),
+                              onClick: ($event) => unref(onClose)($event, item.fullPath)
+                            }, [
+                              createVNode(unref(CloseOutlined))
+                            ], 10, _hoisted_5)
+                          ])
+                        ];
+                      }),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["class"]);
                   }),
-                  64
-                  /* STABLE_FRAGMENT */
+                  128
+                  /* KEYED_FRAGMENT */
                 ))
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["activeKey"])
+            }, 8, ["activeKey", "onChange"])
           ])
         ],
         2

package/dist/esm/components/tab/Tab.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, h, ref } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\n\r\nimport { CloseOutlined, SearchOutlined } from \"@ant-design/icons-vue\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { token, tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();\r\nconst { activeKey } = useTabState();\r\n\r\nfunction useStyle() {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      background: ${token.value.colorPrimary};\r\n      padding-top: 10px;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    token,\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTabState() {\r\n  const activeKey = ref();\r\n  return {\r\n    activeKey\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs size=\"small\" v-model:activeKey=\"activeKey\" type=\"card\" hide-add>\r\n        <template #leftExtra>\r\n          <div style=\"padding: 0 10px\">\r\n            <a-popover placement=\"bottomRight\">\r\n              <template #content>\r\n                <a-input :bordered=\"false\" placeholder=\"搜索标签页\">\r\n                  <template #prefix>\r\n                    <SearchOutlined />\r\n                  </template>\r\n                  <template #suffix>\r\n                    <span :style=\"{ color: token.colorTextTertiary }\"\r\n                      >Ctrl+Shift+S</span\r\n                    >\r\n                  </template>\r\n                </a-input>\r\n              </template>\r\n              <a-button\r\n                size=\"small\"\r\n                shape=\"circle\"\r\n                :icon=\"h(SearchOutlined)\"\r\n                title=\"搜索标签页\"\r\n              />\r\n            </a-popover>\r\n          </div>\r\n        </template>\r\n        <a-tab-pane\r\n          :key=\"item\"\r\n          :closable=\"false\"\r\n          v-for=\"item in 50\"\r\n          :class=\"{ active: activeKey === item }\"\r\n        >\r\n          <template #tab>\r\n            <div class=\"tab-hover-bg\" :class=\"tabHoverBgStyle\"></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">{{ item }}</div>\r\n            <div class=\"tab-close\">\r\n              <div class=\"close-btn\" :class=\"closeBtnStyle\">\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["token","tabsNavStyle","tabHoverBgStyle","closeBtnStyle","activeKey"],"mappings":";;;;;;;;;;;;AAQA,IAAA,MAAM,EAAE,KAAO,EAAA,YAAA,EAAc,eAAiB,EAAA,aAAA,KAAkB,QAAS,EAAA;AACzE,IAAM,MAAA,EAAE,SAAU,EAAA,GAAI,WAAY,EAAA;AAElC,IAAA,SAAS,QAAW,GAAA;AAClB,MAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,MAAA,MAAM,EAAE,KAAA,EAAAA,MAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAMC,MAAAA,aAAAA,GAAe,SAAS,MAAM;AAClC,QAAO,OAAA,GAAA;AAAA,kBACSD,EAAAA,MAAAA,CAAM,MAAM,YAAY,CAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAGzC,CAAA;AAED,MAAME,MAAAA,gBAAAA,GAAkB,SAAS,MAAM;AACrC,QAAO,OAAA,GAAA;AAAA;AAAA,oBAEWF,EAAAA,MAAAA,CAAM,MAAM,mBAAmB,CAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAGlD,CAAA;AAED,MAAMG,MAAAA,cAAAA,GAAgB,SAAS,MAAM;AACnC,QAAO,OAAA,GAAA;AAAA;AAAA,oBAEWH,EAAAA,MAAAA,CAAM,MAAM,uBAAuB,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAItD,CAAA;AAED,MAAO,OAAA;AAAA,QACL,KAAAA,EAAAA,MAAAA;AAAA,QACA,YAAAC,EAAAA,aAAAA;AAAA,QACA,eAAAC,EAAAA,gBAAAA;AAAA,QACA,aAAAC,EAAAA;AAAA,OACF;AAAA;AAGF,IAAA,SAAS,WAAc,GAAA;AACrB,MAAA,MAAMC,aAAY,GAAI,EAAA;AACtB,MAAO,OAAA;AAAA,QACL,SAAAA,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, h, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { CloseOutlined, SearchOutlined } 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\n\r\nconst { token, tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();\r\n\r\nconst { activeKey, list, onChange, onClose } = useTab();\r\n\r\nfunction useStyle(): {\r\n  token: ComputedRef<GlobalToken>;\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n  const dynamicValue = \"green\"; // 动态值，可以是从 state 或 props 中获取的\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --my-color: ${dynamicValue};\r\n      background: ${token.value.colorBgContainer};\r\n      padding-top: 10px;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    token,\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(item => item.path === key)[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = ($event: Event, key: string | undefined) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <template #leftExtra>\r\n          <div style=\"padding: 0 10px\">\r\n            <a-popover placement=\"bottomRight\">\r\n              <template #content>\r\n                <a-input :bordered=\"false\" placeholder=\"搜索标签页\">\r\n                  <template #prefix>\r\n                    <SearchOutlined />\r\n                  </template>\r\n                  <template #suffix>\r\n                    <span :style=\"{ color: token.colorTextTertiary }\"\r\n                      >Ctrl+Shift+S</span\r\n                    >\r\n                  </template>\r\n                </a-input>\r\n              </template>\r\n              <a-button\r\n                size=\"small\"\r\n                shape=\"circle\"\r\n                :icon=\"h(SearchOutlined)\"\r\n                title=\"搜索标签页\"\r\n              />\r\n            </a-popover>\r\n          </div>\r\n        </template>\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div class=\"tab-hover-bg\" :class=\"tabHoverBgStyle\"></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">{{ item.meta?.title || \"无标题\" }}</div>\r\n            <div class=\"tab-close\">\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["token","tabsNavStyle","tabHoverBgStyle","closeBtnStyle","list","activeKey","onChange","onClose"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import './Tab.vue.mjs';
 import _sfc_main from './Tab.vue2.mjs';
 
+"use strict";
 _sfc_main.install = (app) => {
   app.component("DTab", _sfc_main);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/tab/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport Tab from \"./Tab.vue\";\r\n\r\nTab.install = (app: App) => {\r\n  app.component(\"DTab\", Tab);\r\n};\r\n\r\nexport default Tab;\r\n"],"names":["Tab"],"mappings":";;;AAIAA,SAAI,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC1B,EAAI,GAAA,CAAA,SAAA,CAAU,QAAQA,SAAG,CAAA;AAC3B,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/tab/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport Tab from \"./Tab.vue\";\r\n\r\nTab.install = (app: App) => {\r\n  app.component(\"DTab\", Tab);\r\n};\r\n\r\nexport default Tab;\r\n"],"names":["Tab"],"mappings":";;;;AAIAA,SAAI,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC1B,EAAI,GAAA,CAAA,SAAA,CAAU,QAAQA,SAAG,CAAA;AAC3B,CAAA;;;;"}

package/dist/esm/components/table/{table.mjs → Table.mjs}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, onMounted, computed, watch, nextTick, createVNode } from 'vue';
-import { theme, Flex, Table, Pagination } from 'ant-design-vue';
+import { Flex, Table, Pagination } from 'ant-design-vue';
 import { css } from '@emotion/css';
 import { merge } from 'lodash';
 
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -91,13 +92,6 @@ const DTable = /* @__PURE__ */ defineComponent({
     emit,
     slots
   }) {
-    const {
-      useToken
-    } = theme;
-    const {
-      token
-    } = useToken();
-    console.log(token);
     const selectedRowKeys = ref(props.keys || []);
     const {
       columns,
@@ -131,7 +125,6 @@ const DTable = /* @__PURE__ */ defineComponent({
       };
     }
     function useSlots() {
-      console.log(slots);
       const tableSlots2 = {
         bodyCell: (params) => {
           var _a;
@@ -384,4 +377,4 @@ const useEleHeight = (node) => {
 };
 
 export { DTable as default, tableProps, useEleHeight };
-//# sourceMappingURL=table.mjs.map
+//# sourceMappingURL=Table.mjs.map