@ditari/bsui 1.1.51 → 1.1.53

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ditari/bsui
 
+## 1.1.53
+
+### Patch Changes
+
+- 1. select 添加 deep 属性
+
+## 1.1.52
+
+### Patch Changes
+
+- Updated dependencies
+  - @ditari/store@1.0.9
+  - @ditari/hooks@1.0.11
+
 ## 1.1.51
 
 ### Patch Changes

package/dist/cjs/layout/NavTabs.vue.d.ts

@@ -9,9 +9,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         getList: (state: {
             list: {
                 path: string;
-                /**
-                 * 标签组件
-                 */
                 fullPath: string;
                 query: import("vue-router").LocationQuery;
                 params: import("vue-router").RouteParams;

package/dist/cjs/layout/NavTabs.vue2.cjs

@@ -66,7 +66,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if ((_a = item.meta) == null ? void 0 : _a.keepOpen) {
         return false;
       } else {
-        return navTabs.value.length === 1 ? false : true;
+        return navTabs.value.length !== 1;
       }
     };
     return (_ctx, _cache) => {

package/dist/cjs/layout/NavTabs.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavTabs.vue2.cjs","sources":["../../../src/layout/NavTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 标签组件\n */\nimport { computed, Ref, watch } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport {\n  useNavTabsStore,\n  useKeepAliveStore,\n} from \"@ditari/store\";\n\nimport { prefixName } from \"../theme\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst navStore = useNavTabsStore();\nconst keepAliveStore = useKeepAliveStore();\nconst { activeKey } = storeToRefs(navStore);\n//class名称\nconst baseClassName = `${prefixName}-nav`;\n\n//标签列表\nconst navTabs: Ref<any[]> = computed(() => navStore.getList);\n//当前被激活的标签 通过选中的菜单得到\nwatch(\n  () => route.fullPath,\n  (val) => {\n    setNavTabs();\n    activeKey.value = val;\n  },\n  {\n    immediate: true\n  }\n);\n//首次进入页面或者刷新的时候执行\nsetNavTabs();\n\n//设置标签\nfunction setNavTabs() {\n  // 保存标签\n  navStore.save(route);\n  // 存储路由缓存\n  keepAliveStore.save(route);\n}\n\n/**\n * 切换标签\n * @param nav\n */\nconst onClick = (key: string) => {\n  if (key !== route.path) {\n    // 匹配打开的标签路由数据\n    const rs = navTabs.value.filter((item: any) => item.path === key)[0];\n    // 打开路由\n    router.push({\n      path: rs.path,\n      query: rs.query,\n      params: rs.params,\n      fullPath: rs.fullPath\n    } as any);\n  }\n};\n\n/**\n * 关闭标签\n * @param $event\n * @param targetKey\n */\nconst onClose = ($event: any, key: string) => {\n  //const rs = navTabs.value.find((item) => item.fullPath === key) as any;\n  //阻止冒泡\n  $event.stopPropagation();\n  // 删除标签\n  navStore.deleteTabs(key);\n  // 重新push已打开的路由\n  router.push(navTabs.value[navTabs.value.length - 1].fullPath);\n\n  //根据name 删除缓存的组件\n  // if (rs.name) {\n  //   keepAliveStore.deleteKeepAlive(rs.name);\n  // }\n};\n\n/**\n * 是否显示标签关闭按钮函数\n * @param item\n * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮\n */\nconst closeStatus = (item: any) => {\n  // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮\n  if (item.meta?.keepOpen) {\n    return false;\n  } else {\n    // 如果只有一个标签，则隐藏关闭按钮\n    return navTabs.value.length === 1 ? false : true;\n  }\n};\n</script>\n<template>\n  <div :class=\"baseClassName\">\n    <a-tabs v-model:activeKey=\"activeKey\" type=\"card\" @tabClick=\"onClick\">\n      <a-tab-pane v-for=\"item in navTabs\" :key=\"item.path\">\n        <template #tab>\n          <div class=\"tab-dividers\"></div>\n          <div class=\"tab-item\" :class=\"{ active: activeKey === item.path }\">\n            {{ item.meta.title }}\n          </div>\n          <div v-if=\"closeStatus(item)\" class=\"tab-close\">\n            <CloseOutlined @click=\"onClose($event, item.fullPath)\" />\n          </div>\n        </template>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["useRoute","useRouter","useNavTabsStore","useKeepAliveStore","storeToRefs","prefixName","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,QAAQA,kBAAS,EAAA,CAAA;AACvB,IAAA,MAAM,SAASC,mBAAU,EAAA,CAAA;AAEzB,IAAA,MAAM,WAAWC,qBAAgB,EAAA,CAAA;AACjC,IAAA,MAAM,iBAAiBC,uBAAkB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,iBAAA,CAAY,QAAQ,CAAA,CAAA;AAE1C,IAAM,MAAA,aAAA,GAAgB,GAAGC,gBAAU,CAAA,IAAA,CAAA,CAAA;AAGnC,IAAA,MAAM,OAAsB,GAAAC,YAAA,CAAS,MAAM,QAAA,CAAS,OAAO,CAAA,CAAA;AAE3D,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAW,UAAA,EAAA,CAAA;AACX,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAW,UAAA,EAAA,CAAA;AAGX,IAAA,SAAS,UAAa,GAAA;AAEpB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAEnB,MAAA,cAAA,CAAe,KAAK,KAAK,CAAA,CAAA;AAAA,KAC3B;AAMA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAgB,KAAA;AAC/B,MAAI,IAAA,GAAA,KAAQ,MAAM,IAAM,EAAA;AAEtB,QAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,CAAC,SAAc,IAAK,CAAA,IAAA,KAAS,GAAG,CAAA,CAAE,CAAC,CAAA,CAAA;AAEnE,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,MAAM,EAAG,CAAA,IAAA;AAAA,UACT,OAAO,EAAG,CAAA,KAAA;AAAA,UACV,QAAQ,EAAG,CAAA,MAAA;AAAA,UACX,UAAU,EAAG,CAAA,QAAA;AAAA,SACP,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAOA,IAAM,MAAA,OAAA,GAAU,CAAC,MAAA,EAAa,GAAgB,KAAA;AAG5C,MAAA,MAAA,CAAO,eAAgB,EAAA,CAAA;AAEvB,MAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEvB,MAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,CAAC,EAAE,QAAQ,CAAA,CAAA;AAAA,KAM9D,CAAA;AAOA,IAAM,MAAA,WAAA,GAAc,CAAC,IAAc,KAAA;;AAEjC,MAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAW,QAAU,EAAA;AACvB,QAAO,OAAA,KAAA,CAAA;AAAA,OACF,MAAA;AAEL,QAAA,OAAO,OAAQ,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,GAAI,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC9C;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavTabs.vue2.cjs","sources":["../../../src/layout/NavTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 标签组件\n */\nimport { computed, Ref, watch } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useNavTabsStore, useKeepAliveStore } from \"@ditari/store\";\n\nimport { prefixName } from \"../theme\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst navStore = useNavTabsStore();\nconst keepAliveStore = useKeepAliveStore();\nconst { activeKey } = storeToRefs(navStore);\n//class名称\nconst baseClassName = `${prefixName}-nav`;\n\n//标签列表\nconst navTabs: Ref<any[]> = computed(() => navStore.getList);\n//当前被激活的标签 通过选中的菜单得到\nwatch(\n  () => route.fullPath,\n  (val) => {\n    setNavTabs();\n    activeKey.value = val;\n  },\n  {\n    immediate: true\n  }\n);\n//首次进入页面或者刷新的时候执行\nsetNavTabs();\n\n//设置标签\nfunction setNavTabs() {\n  // 保存标签\n  navStore.save(route);\n  // 存储路由缓存\n  keepAliveStore.save(route);\n}\n\n/**\n * 切换标签\n * @param nav\n */\nconst onClick = (key: string) => {\n  if (key !== route.path) {\n    // 匹配打开的标签路由数据\n    const rs = navTabs.value.filter((item: any) => item.path === key)[0];\n    // 打开路由\n    router.push({\n      path: rs.path,\n      query: rs.query,\n      params: rs.params,\n      fullPath: rs.fullPath\n    } as any);\n  }\n};\n\n/**\n * 关闭标签\n * @param $event\n * @param targetKey\n */\nconst onClose = ($event: any, key: string) => {\n  //const rs = navTabs.value.find((item) => item.fullPath === key) as any;\n  //阻止冒泡\n  $event.stopPropagation();\n  // 删除标签\n  navStore.deleteTabs(key);\n  // 重新push已打开的路由\n  router.push(navTabs.value[navTabs.value.length - 1].fullPath);\n\n  //根据name 删除缓存的组件\n  // if (rs.name) {\n  //   keepAliveStore.deleteKeepAlive(rs.name);\n  // }\n};\n\n/**\n * 是否显示标签关闭按钮函数\n * @param item\n * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮\n */\nconst closeStatus = (item: any) => {\n  // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮\n  if (item.meta?.keepOpen) {\n    return false;\n  } else {\n    // 如果只有一个标签，则隐藏关闭按钮\n    return navTabs.value.length !== 1;\n  }\n};\n</script>\n<template>\n  <div :class=\"baseClassName\">\n    <a-tabs v-model:activeKey=\"activeKey\" type=\"card\" @tabClick=\"onClick\">\n      <a-tab-pane v-for=\"item in navTabs\" :key=\"item.path\">\n        <template #tab>\n          <div class=\"tab-dividers\"></div>\n          <div class=\"tab-item\" :class=\"{ active: activeKey === item.path }\">\n            {{ item.meta.title }}\n          </div>\n          <div v-if=\"closeStatus(item)\" class=\"tab-close\">\n            <CloseOutlined @click=\"onClose($event, item.fullPath)\" />\n          </div>\n        </template>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["useRoute","useRouter","useNavTabsStore","useKeepAliveStore","storeToRefs","prefixName","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,QAAQA,kBAAS,EAAA,CAAA;AACvB,IAAA,MAAM,SAASC,mBAAU,EAAA,CAAA;AAEzB,IAAA,MAAM,WAAWC,qBAAgB,EAAA,CAAA;AACjC,IAAA,MAAM,iBAAiBC,uBAAkB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,iBAAA,CAAY,QAAQ,CAAA,CAAA;AAE1C,IAAM,MAAA,aAAA,GAAgB,GAAGC,gBAAU,CAAA,IAAA,CAAA,CAAA;AAGnC,IAAA,MAAM,OAAsB,GAAAC,YAAA,CAAS,MAAM,QAAA,CAAS,OAAO,CAAA,CAAA;AAE3D,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAW,UAAA,EAAA,CAAA;AACX,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAW,UAAA,EAAA,CAAA;AAGX,IAAA,SAAS,UAAa,GAAA;AAEpB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAEnB,MAAA,cAAA,CAAe,KAAK,KAAK,CAAA,CAAA;AAAA,KAC3B;AAMA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAgB,KAAA;AAC/B,MAAI,IAAA,GAAA,KAAQ,MAAM,IAAM,EAAA;AAEtB,QAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,CAAC,SAAc,IAAK,CAAA,IAAA,KAAS,GAAG,CAAA,CAAE,CAAC,CAAA,CAAA;AAEnE,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,MAAM,EAAG,CAAA,IAAA;AAAA,UACT,OAAO,EAAG,CAAA,KAAA;AAAA,UACV,QAAQ,EAAG,CAAA,MAAA;AAAA,UACX,UAAU,EAAG,CAAA,QAAA;AAAA,SACP,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAOA,IAAM,MAAA,OAAA,GAAU,CAAC,MAAA,EAAa,GAAgB,KAAA;AAG5C,MAAA,MAAA,CAAO,eAAgB,EAAA,CAAA;AAEvB,MAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEvB,MAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,CAAC,EAAE,QAAQ,CAAA,CAAA;AAAA,KAM9D,CAAA;AAOA,IAAM,MAAA,WAAA,GAAc,CAAC,IAAc,KAAA;;AAEjC,MAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAW,QAAU,EAAA;AACvB,QAAO,OAAA,KAAA,CAAA;AAAA,OACF,MAAA;AAEL,QAAO,OAAA,OAAA,CAAQ,MAAM,MAAW,KAAA,CAAA,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -66,7 +66,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         },
         {
-          immediate: true
+          immediate: true,
+          deep: true
         }
       );
       return {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.vue2.cjs","sources":["../../../src/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useDataDicStore } from \"@ditari/store\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import DicWorker from \"./dic.worker?worker&inline\";\n\nconst props = defineProps({\n  \"value\": { type: null, required: true, default: null },\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: [] as any }\n});\n\ninterface Emits {\n  (e: \"update:value\", value: any): void;\n  (e: \"change\", value: any): void;\n  (e: \"select\", value: any): void;\n}\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDataDicStore();\n\nconst { modelValue, data, onSelect, onChange } = useSelect();\n\nfunction useSelect() {\n  // 字典数据\n  const dicData: any[] = [...getDicByKey(props.name)];\n  const data = ref<any>(dicData);\n  // 取值\n  const modelValue = ref(props.value);\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    (val) => {\n      modelValue.value = val;\n      //initSearch(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: any) => {\n        return (\n          item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label.toLowerCase().includes(keywords.toLowerCase())\n        );\n      })\n      .splice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].splice(0, 10);\n    }\n  }\n\n  /**\n   * 初始化value的时候进行搜索\n   * @param val\n   */\n  // function initSearch(val: any) {\n  //   val = val || \"\";\n  //   const index = dicData.findIndex((item: any) => {\n  //     return (\n  //       item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||\n  //       item.label.toLowerCase().includes(val)\n  //     );\n  //   });\n  //   if (index === -1) {\n  //     data.value = [...dicData].splice(0, 10);\n  //   } else {\n  //     data.value = sliceArrayByIndex(dicData, index);\n  //   }\n  // }\n  //\n  // function sliceArrayByIndex(arr: any, currentIndex: any) {\n  //   const start = Math.max(0, currentIndex - 5);\n  //   const end = Math.min(arr.length, currentIndex + 6);\n  //\n  //   return arr.slice(start, end);\n  // }\n\n  //监听下拉选择事件\n  const onSelect = (value: any) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    //TODO 变化的时候 需要发送字典的所有数据\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: any) => obj.value === modelValue.value);\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: any) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: any) => {\n          return val.some((i: any) => 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: any, options: any) => {\n  return (\n    options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label.toLowerCase().includes(inputValue.toLowerCase())\n  );\n};\n</script>\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<style scoped></style>\n"],"names":["useDataDicStore","data","ref","modelValue","watch","onSelect","onChange"],"mappings":"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"}
+{"version":3,"file":"Select.vue2.cjs","sources":["../../../src/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useDataDicStore } from \"@ditari/store\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import DicWorker from \"./dic.worker?worker&inline\";\n\nconst props = defineProps({\n  \"value\": { type: null, required: true, default: null },\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: [] as any }\n});\n\ninterface Emits {\n  (e: \"update:value\", value: any): void;\n  (e: \"change\", value: any): void;\n  (e: \"select\", value: any): void;\n}\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDataDicStore();\n\nconst { modelValue, data, onSelect, onChange } = useSelect();\n\nfunction useSelect() {\n  // 字典数据\n  const dicData: any[] = [...getDicByKey(props.name)];\n  const data = ref<any>(dicData);\n  // 取值\n  const modelValue = ref(props.value);\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    (val) => {\n      modelValue.value = val;\n      //initSearch(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: any) => {\n        return (\n          item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label.toLowerCase().includes(keywords.toLowerCase())\n        );\n      })\n      .splice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].splice(0, 10);\n    }\n  }\n\n  /**\n   * 初始化value的时候进行搜索\n   * @param val\n   */\n  // function initSearch(val: any) {\n  //   val = val || \"\";\n  //   const index = dicData.findIndex((item: any) => {\n  //     return (\n  //       item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||\n  //       item.label.toLowerCase().includes(val)\n  //     );\n  //   });\n  //   if (index === -1) {\n  //     data.value = [...dicData].splice(0, 10);\n  //   } else {\n  //     data.value = sliceArrayByIndex(dicData, index);\n  //   }\n  // }\n  //\n  // function sliceArrayByIndex(arr: any, currentIndex: any) {\n  //   const start = Math.max(0, currentIndex - 5);\n  //   const end = Math.min(arr.length, currentIndex + 6);\n  //\n  //   return arr.slice(start, end);\n  // }\n\n  //监听下拉选择事件\n  const onSelect = (value: any) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    //TODO 变化的时候 需要发送字典的所有数据\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: any) => obj.value === modelValue.value);\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: any) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: any) => {\n          return val.some((i: any) => i === item.value);\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true,\n      deep: 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: any, options: any) => {\n  return (\n    options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label.toLowerCase().includes(inputValue.toLowerCase())\n  );\n};\n</script>\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<style scoped></style>\n"],"names":["useDataDicStore","data","ref","modelValue","watch","onSelect","onChange"],"mappings":"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"}

package/dist/esm/layout/NavTabs.vue.d.ts

@@ -9,9 +9,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         getList: (state: {
             list: {
                 path: string;
-                /**
-                 * 标签组件
-                 */
                 fullPath: string;
                 query: import("vue-router").LocationQuery;
                 params: import("vue-router").RouteParams;

package/dist/esm/layout/NavTabs.vue2.mjs

@@ -62,7 +62,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if ((_a = item.meta) == null ? void 0 : _a.keepOpen) {
         return false;
       } else {
-        return navTabs.value.length === 1 ? false : true;
+        return navTabs.value.length !== 1;
       }
     };
     return (_ctx, _cache) => {

package/dist/esm/layout/NavTabs.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavTabs.vue2.mjs","sources":["../../../src/layout/NavTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 标签组件\n */\nimport { computed, Ref, watch } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport {\n  useNavTabsStore,\n  useKeepAliveStore,\n} from \"@ditari/store\";\n\nimport { prefixName } from \"../theme\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst navStore = useNavTabsStore();\nconst keepAliveStore = useKeepAliveStore();\nconst { activeKey } = storeToRefs(navStore);\n//class名称\nconst baseClassName = `${prefixName}-nav`;\n\n//标签列表\nconst navTabs: Ref<any[]> = computed(() => navStore.getList);\n//当前被激活的标签 通过选中的菜单得到\nwatch(\n  () => route.fullPath,\n  (val) => {\n    setNavTabs();\n    activeKey.value = val;\n  },\n  {\n    immediate: true\n  }\n);\n//首次进入页面或者刷新的时候执行\nsetNavTabs();\n\n//设置标签\nfunction setNavTabs() {\n  // 保存标签\n  navStore.save(route);\n  // 存储路由缓存\n  keepAliveStore.save(route);\n}\n\n/**\n * 切换标签\n * @param nav\n */\nconst onClick = (key: string) => {\n  if (key !== route.path) {\n    // 匹配打开的标签路由数据\n    const rs = navTabs.value.filter((item: any) => item.path === key)[0];\n    // 打开路由\n    router.push({\n      path: rs.path,\n      query: rs.query,\n      params: rs.params,\n      fullPath: rs.fullPath\n    } as any);\n  }\n};\n\n/**\n * 关闭标签\n * @param $event\n * @param targetKey\n */\nconst onClose = ($event: any, key: string) => {\n  //const rs = navTabs.value.find((item) => item.fullPath === key) as any;\n  //阻止冒泡\n  $event.stopPropagation();\n  // 删除标签\n  navStore.deleteTabs(key);\n  // 重新push已打开的路由\n  router.push(navTabs.value[navTabs.value.length - 1].fullPath);\n\n  //根据name 删除缓存的组件\n  // if (rs.name) {\n  //   keepAliveStore.deleteKeepAlive(rs.name);\n  // }\n};\n\n/**\n * 是否显示标签关闭按钮函数\n * @param item\n * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮\n */\nconst closeStatus = (item: any) => {\n  // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮\n  if (item.meta?.keepOpen) {\n    return false;\n  } else {\n    // 如果只有一个标签，则隐藏关闭按钮\n    return navTabs.value.length === 1 ? false : true;\n  }\n};\n</script>\n<template>\n  <div :class=\"baseClassName\">\n    <a-tabs v-model:activeKey=\"activeKey\" type=\"card\" @tabClick=\"onClick\">\n      <a-tab-pane v-for=\"item in navTabs\" :key=\"item.path\">\n        <template #tab>\n          <div class=\"tab-dividers\"></div>\n          <div class=\"tab-item\" :class=\"{ active: activeKey === item.path }\">\n            {{ item.meta.title }}\n          </div>\n          <div v-if=\"closeStatus(item)\" class=\"tab-close\">\n            <CloseOutlined @click=\"onClose($event, item.fullPath)\" />\n          </div>\n        </template>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,IAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,WAAA,CAAY,QAAQ,CAAA,CAAA;AAE1C,IAAM,MAAA,aAAA,GAAgB,GAAG,UAAU,CAAA,IAAA,CAAA,CAAA;AAGnC,IAAA,MAAM,OAAsB,GAAA,QAAA,CAAS,MAAM,QAAA,CAAS,OAAO,CAAA,CAAA;AAE3D,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAW,UAAA,EAAA,CAAA;AACX,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAW,UAAA,EAAA,CAAA;AAGX,IAAA,SAAS,UAAa,GAAA;AAEpB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAEnB,MAAA,cAAA,CAAe,KAAK,KAAK,CAAA,CAAA;AAAA,KAC3B;AAMA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAgB,KAAA;AAC/B,MAAI,IAAA,GAAA,KAAQ,MAAM,IAAM,EAAA;AAEtB,QAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,CAAC,SAAc,IAAK,CAAA,IAAA,KAAS,GAAG,CAAA,CAAE,CAAC,CAAA,CAAA;AAEnE,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,MAAM,EAAG,CAAA,IAAA;AAAA,UACT,OAAO,EAAG,CAAA,KAAA;AAAA,UACV,QAAQ,EAAG,CAAA,MAAA;AAAA,UACX,UAAU,EAAG,CAAA,QAAA;AAAA,SACP,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAOA,IAAM,MAAA,OAAA,GAAU,CAAC,MAAA,EAAa,GAAgB,KAAA;AAG5C,MAAA,MAAA,CAAO,eAAgB,EAAA,CAAA;AAEvB,MAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEvB,MAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,CAAC,EAAE,QAAQ,CAAA,CAAA;AAAA,KAM9D,CAAA;AAOA,IAAM,MAAA,WAAA,GAAc,CAAC,IAAc,KAAA;;AAEjC,MAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAW,QAAU,EAAA;AACvB,QAAO,OAAA,KAAA,CAAA;AAAA,OACF,MAAA;AAEL,QAAA,OAAO,OAAQ,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,GAAI,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC9C;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavTabs.vue2.mjs","sources":["../../../src/layout/NavTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 标签组件\n */\nimport { computed, Ref, watch } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useNavTabsStore, useKeepAliveStore } from \"@ditari/store\";\n\nimport { prefixName } from \"../theme\";\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst navStore = useNavTabsStore();\nconst keepAliveStore = useKeepAliveStore();\nconst { activeKey } = storeToRefs(navStore);\n//class名称\nconst baseClassName = `${prefixName}-nav`;\n\n//标签列表\nconst navTabs: Ref<any[]> = computed(() => navStore.getList);\n//当前被激活的标签 通过选中的菜单得到\nwatch(\n  () => route.fullPath,\n  (val) => {\n    setNavTabs();\n    activeKey.value = val;\n  },\n  {\n    immediate: true\n  }\n);\n//首次进入页面或者刷新的时候执行\nsetNavTabs();\n\n//设置标签\nfunction setNavTabs() {\n  // 保存标签\n  navStore.save(route);\n  // 存储路由缓存\n  keepAliveStore.save(route);\n}\n\n/**\n * 切换标签\n * @param nav\n */\nconst onClick = (key: string) => {\n  if (key !== route.path) {\n    // 匹配打开的标签路由数据\n    const rs = navTabs.value.filter((item: any) => item.path === key)[0];\n    // 打开路由\n    router.push({\n      path: rs.path,\n      query: rs.query,\n      params: rs.params,\n      fullPath: rs.fullPath\n    } as any);\n  }\n};\n\n/**\n * 关闭标签\n * @param $event\n * @param targetKey\n */\nconst onClose = ($event: any, key: string) => {\n  //const rs = navTabs.value.find((item) => item.fullPath === key) as any;\n  //阻止冒泡\n  $event.stopPropagation();\n  // 删除标签\n  navStore.deleteTabs(key);\n  // 重新push已打开的路由\n  router.push(navTabs.value[navTabs.value.length - 1].fullPath);\n\n  //根据name 删除缓存的组件\n  // if (rs.name) {\n  //   keepAliveStore.deleteKeepAlive(rs.name);\n  // }\n};\n\n/**\n * 是否显示标签关闭按钮函数\n * @param item\n * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮\n */\nconst closeStatus = (item: any) => {\n  // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮\n  if (item.meta?.keepOpen) {\n    return false;\n  } else {\n    // 如果只有一个标签，则隐藏关闭按钮\n    return navTabs.value.length !== 1;\n  }\n};\n</script>\n<template>\n  <div :class=\"baseClassName\">\n    <a-tabs v-model:activeKey=\"activeKey\" type=\"card\" @tabClick=\"onClick\">\n      <a-tab-pane v-for=\"item in navTabs\" :key=\"item.path\">\n        <template #tab>\n          <div class=\"tab-dividers\"></div>\n          <div class=\"tab-item\" :class=\"{ active: activeKey === item.path }\">\n            {{ item.meta.title }}\n          </div>\n          <div v-if=\"closeStatus(item)\" class=\"tab-close\">\n            <CloseOutlined @click=\"onClose($event, item.fullPath)\" />\n          </div>\n        </template>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,IAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,WAAA,CAAY,QAAQ,CAAA,CAAA;AAE1C,IAAM,MAAA,aAAA,GAAgB,GAAG,UAAU,CAAA,IAAA,CAAA,CAAA;AAGnC,IAAA,MAAM,OAAsB,GAAA,QAAA,CAAS,MAAM,QAAA,CAAS,OAAO,CAAA,CAAA;AAE3D,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAW,UAAA,EAAA,CAAA;AACX,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAW,UAAA,EAAA,CAAA;AAGX,IAAA,SAAS,UAAa,GAAA;AAEpB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAEnB,MAAA,cAAA,CAAe,KAAK,KAAK,CAAA,CAAA;AAAA,KAC3B;AAMA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAgB,KAAA;AAC/B,MAAI,IAAA,GAAA,KAAQ,MAAM,IAAM,EAAA;AAEtB,QAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,CAAC,SAAc,IAAK,CAAA,IAAA,KAAS,GAAG,CAAA,CAAE,CAAC,CAAA,CAAA;AAEnE,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,MAAM,EAAG,CAAA,IAAA;AAAA,UACT,OAAO,EAAG,CAAA,KAAA;AAAA,UACV,QAAQ,EAAG,CAAA,MAAA;AAAA,UACX,UAAU,EAAG,CAAA,QAAA;AAAA,SACP,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAOA,IAAM,MAAA,OAAA,GAAU,CAAC,MAAA,EAAa,GAAgB,KAAA;AAG5C,MAAA,MAAA,CAAO,eAAgB,EAAA,CAAA;AAEvB,MAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEvB,MAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,CAAC,EAAE,QAAQ,CAAA,CAAA;AAAA,KAM9D,CAAA;AAOA,IAAM,MAAA,WAAA,GAAc,CAAC,IAAc,KAAA;;AAEjC,MAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAW,QAAU,EAAA;AACvB,QAAO,OAAA,KAAA,CAAA;AAAA,OACF,MAAA;AAEL,QAAO,OAAA,OAAA,CAAQ,MAAM,MAAW,KAAA,CAAA,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -62,7 +62,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         },
         {
-          immediate: true
+          immediate: true,
+          deep: true
         }
       );
       return {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.vue2.mjs","sources":["../../../src/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useDataDicStore } from \"@ditari/store\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import DicWorker from \"./dic.worker?worker&inline\";\n\nconst props = defineProps({\n  \"value\": { type: null, required: true, default: null },\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: [] as any }\n});\n\ninterface Emits {\n  (e: \"update:value\", value: any): void;\n  (e: \"change\", value: any): void;\n  (e: \"select\", value: any): void;\n}\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDataDicStore();\n\nconst { modelValue, data, onSelect, onChange } = useSelect();\n\nfunction useSelect() {\n  // 字典数据\n  const dicData: any[] = [...getDicByKey(props.name)];\n  const data = ref<any>(dicData);\n  // 取值\n  const modelValue = ref(props.value);\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    (val) => {\n      modelValue.value = val;\n      //initSearch(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: any) => {\n        return (\n          item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label.toLowerCase().includes(keywords.toLowerCase())\n        );\n      })\n      .splice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].splice(0, 10);\n    }\n  }\n\n  /**\n   * 初始化value的时候进行搜索\n   * @param val\n   */\n  // function initSearch(val: any) {\n  //   val = val || \"\";\n  //   const index = dicData.findIndex((item: any) => {\n  //     return (\n  //       item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||\n  //       item.label.toLowerCase().includes(val)\n  //     );\n  //   });\n  //   if (index === -1) {\n  //     data.value = [...dicData].splice(0, 10);\n  //   } else {\n  //     data.value = sliceArrayByIndex(dicData, index);\n  //   }\n  // }\n  //\n  // function sliceArrayByIndex(arr: any, currentIndex: any) {\n  //   const start = Math.max(0, currentIndex - 5);\n  //   const end = Math.min(arr.length, currentIndex + 6);\n  //\n  //   return arr.slice(start, end);\n  // }\n\n  //监听下拉选择事件\n  const onSelect = (value: any) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    //TODO 变化的时候 需要发送字典的所有数据\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: any) => obj.value === modelValue.value);\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: any) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: any) => {\n          return val.some((i: any) => 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: any, options: any) => {\n  return (\n    options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label.toLowerCase().includes(inputValue.toLowerCase())\n  );\n};\n</script>\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<style scoped></style>\n"],"names":["data","modelValue","onSelect","onChange"],"mappings":"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"}
+{"version":3,"file":"Select.vue2.mjs","sources":["../../../src/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useDataDicStore } from \"@ditari/store\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import DicWorker from \"./dic.worker?worker&inline\";\n\nconst props = defineProps({\n  \"value\": { type: null, required: true, default: null },\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: [] as any }\n});\n\ninterface Emits {\n  (e: \"update:value\", value: any): void;\n  (e: \"change\", value: any): void;\n  (e: \"select\", value: any): void;\n}\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDataDicStore();\n\nconst { modelValue, data, onSelect, onChange } = useSelect();\n\nfunction useSelect() {\n  // 字典数据\n  const dicData: any[] = [...getDicByKey(props.name)];\n  const data = ref<any>(dicData);\n  // 取值\n  const modelValue = ref(props.value);\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    (val) => {\n      modelValue.value = val;\n      //initSearch(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: any) => {\n        return (\n          item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label.toLowerCase().includes(keywords.toLowerCase())\n        );\n      })\n      .splice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].splice(0, 10);\n    }\n  }\n\n  /**\n   * 初始化value的时候进行搜索\n   * @param val\n   */\n  // function initSearch(val: any) {\n  //   val = val || \"\";\n  //   const index = dicData.findIndex((item: any) => {\n  //     return (\n  //       item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||\n  //       item.label.toLowerCase().includes(val)\n  //     );\n  //   });\n  //   if (index === -1) {\n  //     data.value = [...dicData].splice(0, 10);\n  //   } else {\n  //     data.value = sliceArrayByIndex(dicData, index);\n  //   }\n  // }\n  //\n  // function sliceArrayByIndex(arr: any, currentIndex: any) {\n  //   const start = Math.max(0, currentIndex - 5);\n  //   const end = Math.min(arr.length, currentIndex + 6);\n  //\n  //   return arr.slice(start, end);\n  // }\n\n  //监听下拉选择事件\n  const onSelect = (value: any) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    //TODO 变化的时候 需要发送字典的所有数据\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: any) => obj.value === modelValue.value);\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: any) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: any) => {\n          return val.some((i: any) => i === item.value);\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true,\n      deep: 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: any, options: any) => {\n  return (\n    options.value.toLowerCase().indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label.toLowerCase().includes(inputValue.toLowerCase())\n  );\n};\n</script>\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<style scoped></style>\n"],"names":["data","modelValue","onSelect","onChange"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.1.51",
+  "version": "1.1.53",
   "description": "",
   "keywords": [],
   "author": "",
@@ -33,8 +33,8 @@
     "./theme/*": "./dist/style/*"
   },
   "dependencies": {
-    "@ditari/store": "^1.0.8",
-    "@ditari/hooks": "^1.0.10"
+    "@ditari/store": "^1.0.9",
+    "@ditari/hooks": "^1.0.11"
   },
   "peerDependencies": {
     "vue": "^3.3.4",