@ditari/bsui 1.1.48 → 5.0.2

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "HeaderLayout",
+  setup(__props) {
+    const { layout } = pinia.storeToRefs(store.useAppStore());
+    const { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();
+    function useStyle() {
+      const { useToken } = antDesignVue.theme;
+      const { token } = useToken();
+      const left = vue.computed(
+        () => `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`
+      );
+      const headerStyle2 = vue.computed(
+        () => css.css`
+      position: fixed;
+      top: 0;
+      right: 0;
+      background-color: ${token.value.colorBgContainer};
+      left: ${left.value};
+      height: ${layout.value.headerHeight}px;
+      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);
+      display: flex;
+      align-items: flex-end;
+    `
+      );
+      const headerTabStyle2 = vue.computed(
+        () => css.css`
+      flex: 1;
+      overflow: hidden;
+      padding-right: 10px;
+    `
+      );
+      const collapsedStyle2 = vue.computed(
+        () => css.css`
+      padding: 0 10px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    `
+      );
+      const rightStyle2 = vue.computed(
+        () => css.css`
+      height: 100%;
+    `
+      );
+      return {
+        headerStyle: headerStyle2,
+        headerTabStyle: headerTabStyle2,
+        collapsedStyle: collapsedStyle2,
+        rightStyle: rightStyle2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_Tab = vue.resolveComponent("Tab");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(headerStyle))
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(collapsedStyle)),
+              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(layout).collapsed = !vue.unref(layout).collapsed)
+            },
+            [
+              vue.unref(layout).collapsed ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuUnfoldOutlined), {
+                key: 0,
+                class: "trigger"
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuFoldOutlined), { key: 1 }))
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(headerTabStyle))
+            },
+            [
+              vue.createVNode(_component_Tab)
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(rightStyle))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=HeaderLayout.vue2.cjs.map

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { MenuFoldOutlined, MenuUnfoldOutlined } 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\n// import Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst { layout } = storeToRefs(useAppStore());\r\nconst { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();\r\n\r\nfunction useStyle(): {\r\n  headerStyle: ComputedRef<string>;\r\n  headerTabStyle: ComputedRef<string>;\r\n  collapsedStyle: ComputedRef<string>;\r\n  rightStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const headerStyle = computed(\r\n    () => css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      background-color: ${token.value.colorBgContainer};\r\n      left: ${left.value};\r\n      height: ${layout.value.headerHeight}px;\r\n      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      display: flex;\r\n      align-items: flex-end;\r\n    `\r\n  );\r\n\r\n  const headerTabStyle = computed(\r\n    () => css`\r\n      flex: 1;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n    `\r\n  );\r\n\r\n  const collapsedStyle = computed(\r\n    () => css`\r\n      padding: 0 10px;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      height: 100%;\r\n    `\r\n  );\r\n\r\n  return {\r\n    headerStyle,\r\n    headerTabStyle,\r\n    collapsedStyle,\r\n    rightStyle\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"headerStyle\">\r\n    <div :class=\"collapsedStyle\" @click=\"layout.collapsed = !layout.collapsed\">\r\n      <menu-unfold-outlined v-if=\"layout.collapsed\" class=\"trigger\" />\r\n      <menu-fold-outlined v-else />\r\n    </div>\r\n    <div :class=\"headerTabStyle\">\r\n      <Tab />\r\n    </div>\r\n    <div :class=\"rightStyle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAC5C,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,UAAA,KAAe,QAAS,EAAA;AAE7E,IAAA,SAAS,QAKP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAAC,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,YAAc,GAAAD,YAAA;AAAA,QAClB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,wBAIgB,EAAA,KAAA,CAAM,MAAM,gBAAgB,CAAA;AAAA,YAAA,EACxC,KAAK,KAAK,CAAA;AAAA,cACR,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAiB,GAAAH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAiB,GAAAJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAa,GAAAL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,cAAAE,EAAAA,eAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,UAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/layout/RouterContent.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RouterContent_vue_vue_type_script_setup_true_lang = require('./RouterContent.vue2.cjs');
+
+"use strict";
+
+exports.default = RouterContent_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=RouterContent.vue.cjs.map

package/dist/cjs/components/layout/components/layout/RouterContent.vue.cjs.map

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

package/dist/cjs/components/layout/components/layout/RouterContent.vue2.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var store = require('@ditari/store');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "RouterContent",
+  setup(__props) {
+    const { get: keepAliveNames } = store.useKeepAliveStore();
+    return (_ctx, _cache) => {
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createBlock(_component_router_view, null, {
+        default: vue.withCtx(({ Component }) => [
+          vue.createVNode(
+            vue.Transition,
+            {
+              name: "main",
+              mode: "out-in",
+              appear: ""
+            },
+            {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.KeepAlive, { include: vue.unref(keepAliveNames) }, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                    key: _ctx.$route.path
+                  }))
+                ], 1032, ["include"]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            },
+            1024
+            /* DYNAMIC_SLOTS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=RouterContent.vue2.cjs.map

package/dist/cjs/components/layout/components/layout/RouterContent.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterContent.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/RouterContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useKeepAliveStore } from \"@ditari/store\";\r\n\r\nconst { get: keepAliveNames } = useKeepAliveStore();\r\n</script>\r\n\r\n<template>\r\n  <router-view v-slot=\"{ Component }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"keepAliveNames\">\r\n        <component :is=\"Component\" :key=\"$route.path\" />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["useKeepAliveStore"],"mappings":";;;;;;;;;;;AAGA,IAAA,MAAM,EAAE,GAAA,EAAK,cAAe,EAAA,GAAIA,uBAAkB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/menu/Menu.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var pinia = require('pinia');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+
+"use strict";
+var DMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "DMenu",
+  setup() {
+    const {
+      menuWrapperStyle
+    } = useStyle();
+    const {
+      openKeys,
+      selectedKeys,
+      data,
+      onClick
+    } = useMenu();
+    function useStyle() {
+      const menuWrapperStyle2 = vue.computed(() => css.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
+      } = pinia.storeToRefs(store.useMenuStore());
+      const route = vueRouter.useRoute();
+      const router = vueRouter.useRouter();
+      vue.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 () => vue.createVNode("div", {
+      "class": menuWrapperStyle.value
+    }, [vue.createVNode(vue.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)]);
+  }
+});
+
+exports.default = DMenu;
+//# sourceMappingURL=Menu.cjs.map

package/dist/cjs/components/layout/components/menu/Menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.cjs","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":["defineComponent","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/cjs/components/layout/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var List = require('./List.cjs');
+var Show = require('./Show.cjs');
+require('./Layout.vue.cjs');
+var Layout_vue_vue_type_script_setup_true_lang = require('./Layout.vue2.cjs');
+
+"use strict";
+Layout_vue_vue_type_script_setup_true_lang.default.install = function(app) {
+  app.component("DLayout", Layout_vue_vue_type_script_setup_true_lang.default);
+  return app;
+};
+List.default.install = function(app) {
+  app.component(List.default.name, List.default);
+  return app;
+};
+Show.default.install = function(app) {
+  app.component(Show.default.name, Show.default);
+  return app;
+};
+
+exports.List = List.default;
+exports.Show = Show.default;
+exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/layout/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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,kDAAO,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACnC,EAAI,GAAA,CAAA,SAAA,CAAU,WAAWA,kDAAM,CAAA;AAC/B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,YAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,YAAK,CAAA,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,YAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,YAAK,CAAA,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;;;;;;"}

package/dist/cjs/components/select/Select.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Select_vue_vue_type_script_setup_true_lang = require('./Select.vue2.cjs');
+
+"use strict";
+
+exports.default = Select_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=Select.vue.cjs.map

package/dist/cjs/{select → components/select}/Select.vue.cjs.map

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

package/dist/cjs/{select → components/select}/Select.vue2.cjs

@@ -5,19 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var store = require('@ditari/store');
 
+"use strict";
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Select",
   props: {
-    "value": { type: null, required: true, default: null },
-    "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\u8001\u94C1" },
-    "include": { type: Array, required: false, default: [] }
+    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: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const { getDicByKey } = store.useDataDicStore();
+    const emits = __emit;
+    const { getDicByKey } = store.useDicStore();
     const { modelValue, data, onSelect, onChange } = useSelect();
     function useSelect() {
       const dicData = [...getDicByKey(props.name)];
@@ -35,10 +37,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       function sendWorkerSearch(keywords) {
         keywords = keywords != null ? keywords : "";
         data2.value = dicData.filter((item) => {
-          return item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 || item.label.toLowerCase().includes(keywords.toLowerCase());
-        }).splice(0, 10);
+          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].splice(0, 10);
+          data2.value = [...dicData].slice(0, 10);
         }
       }
       const onSelect2 = (value) => {
@@ -78,7 +80,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     }
     const onFilterOption = (inputValue, options) => {
-      return options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 || options.label.toLowerCase().includes(inputValue.toLowerCase());
+      return options.value.toString().toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 || options.label.toLowerCase().includes(inputValue.toLowerCase());
     };
     return (_ctx, _cache) => {
       const _component_a_select = vue.resolveComponent("a-select");

package/dist/cjs/components/select/Select.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.cjs","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":["useDicStore","data","ref","modelValue","watch","onSelect","onChange"],"mappings":"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"}

package/dist/cjs/components/select/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./Select.vue.cjs');
+var Select_vue_vue_type_script_setup_true_lang = require('./Select.vue2.cjs');
+
+"use strict";
+Select_vue_vue_type_script_setup_true_lang.default.install = (app) => {
+  app.component("DSelect", Select_vue_vue_type_script_setup_true_lang.default);
+};
+
+exports.default = Select_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/select/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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,kDAAO,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC7B,EAAI,GAAA,CAAA,SAAA,CAAU,WAAWA,kDAAM,CAAA;AACjC,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tab_vue_vue_type_script_setup_true_lang = require('./Tab.vue2.cjs');
+
+"use strict";
+
+exports.default = Tab_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=Tab.vue.cjs.map

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

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