@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/AutoComplete/hooks/useOptions.d.ts

@@ -0,0 +1,8 @@
+import type { Slots, Ref } from 'vue';
+import type { SelectBaseProps, InnerSelectOption } from '../../Select/Select.type';
+export default function useOptions(props: SelectBaseProps, slots: Slots, searchValue: Ref<string>): {
+    displayOptions: import("vue").ComputedRef<InnerSelectOption[]>;
+    getOptionsByValue: (values: (string | number)[]) => any[];
+    getOptionByValue: (value: string | number) => any;
+    getOptionByLabel: (label: string) => any;
+};

package/es/components/AutoComplete/hooks/useOptions.mjs

@@ -0,0 +1,167 @@
+import { isVNode, computed } from 'vue';
+import { getPropsData, getSlot } from '../../../utils/slots.mjs';
+import { defaultFilterFn } from '../../Select/utils.mjs';
+
+function getKey(item, index) {
+  const { key } = item;
+  if (key !== void 0 && key !== null) {
+    return key;
+  }
+  if (item.value !== void 0) {
+    return item.value;
+  }
+  return `index-key-${index}`;
+}
+function getMapKey(value) {
+  return `${typeof value}-${value}`;
+}
+function useOptions(props, slots, searchValue) {
+  const optionMap = /* @__PURE__ */ new Map();
+  const childrenToData = (children = []) => {
+    const rst = [];
+    children.forEach((child) => {
+      var _a;
+      if (isVNode(child)) {
+        const { type } = child;
+        if (type == null ? void 0 : type.isSelectOptionGroup) {
+          const { value } = getPropsData(child);
+          const _children = getSlot(child.children, "default");
+          const groupInfo = {
+            key: child.key,
+            value,
+            label: value,
+            children: childrenToData(_children),
+            group: true,
+            selected: false
+          };
+          rst.push(groupInfo);
+        } else {
+          const { value, disabled, ...restProps } = getPropsData(child);
+          const { key } = child;
+          const option = {
+            key,
+            value: value !== void 0 ? value : key,
+            render: (_a = child.children) == null ? void 0 : _a.default,
+            selected: false,
+            ...restProps
+          };
+          optionMap.set(getMapKey(option.value), option);
+          rst.push(option);
+        }
+      }
+    });
+    return rst;
+  };
+  const wholeOptions = computed(() => {
+    let rst = [];
+    optionMap.clear();
+    if (props.options !== void 0) {
+      props.options.forEach((opt) => {
+        const { key, value, children, ...rest } = opt;
+        const option = {
+          key: key || value,
+          value: value !== void 0 ? value : key,
+          label: value.toString(),
+          selected: false,
+          ...rest
+        };
+        rst.push(option);
+        if (!option.group) {
+          optionMap.set(getMapKey(option.value), option);
+        } else {
+          option.children = children == null ? void 0 : children.map((child) => {
+            optionMap.set(getMapKey(child.value), child);
+            return {
+              ...child,
+              selected: false
+            };
+          });
+        }
+      });
+    } else {
+      const children = getSlot(slots, "dataSource");
+      rst = childrenToData(children);
+    }
+    return rst;
+  });
+  const filterOption = (option, searchText, filterProp, filterMethod) => {
+    if (filterMethod !== void 0 && typeof filterMethod === "function") {
+      return filterMethod(option, searchText || "");
+    }
+    return defaultFilterFn(option, searchText, filterProp);
+  };
+  const filterAndFlattenOption = (innerOptions, searchText, filterProp, filterMethod) => {
+    const flattenList = [];
+    const dig = (options, _notFilter, group) => {
+      const notFilter = _notFilter || false;
+      options.forEach((option) => {
+        if (option.group) {
+          const groupInFilter = !searchText || filterOption(option, searchText, filterProp || "", filterMethod);
+          if (groupInFilter) {
+            option.key = getKey(option, flattenList.length + 1);
+            flattenList.push(option);
+          } else {
+            option.childInFilter = false;
+          }
+          dig(option.children || [], groupInFilter, option);
+        } else {
+          option.inGroup = group !== void 0;
+          if (notFilter || !searchText) {
+            option.key = getKey(option, flattenList.length);
+            flattenList.push(option);
+          } else if (filterOption(option, searchText, filterProp, filterMethod)) {
+            if (group && group.childInFilter === false) {
+              group.key = getKey(group, flattenList.length);
+              flattenList.push(group);
+              group.childInFilter = true;
+            }
+            option.key = getKey(option, flattenList.length);
+            flattenList.push(option);
+          }
+        }
+      });
+    };
+    dig(innerOptions);
+    return flattenList;
+  };
+  const displayOptions = computed(() => {
+    if (!props.filterable) {
+      return filterAndFlattenOption(wholeOptions.value || []);
+    }
+    const rst = filterAndFlattenOption(wholeOptions.value || [], searchValue.value, props.filterProp, props.filterMethod);
+    return rst;
+  });
+  const getOptionByValue = (value) => {
+    if (value !== void 0) {
+      const info = optionMap.get(getMapKey(value));
+      if (info) {
+        return info;
+      }
+    }
+    return void 0;
+  };
+  const getOptionsByValue = (values) => {
+    return values.map((value) => {
+      return getOptionByValue(value);
+    }).filter((x) => x);
+  };
+  const getOptionByLabel = (label) => {
+    if (label !== void 0) {
+      for (const [, option] of optionMap) {
+        if (option.label === label || option.value === label) {
+          return option;
+        }
+      }
+    }
+    return null;
+  };
+  return {
+    displayOptions,
+    getOptionsByValue,
+    getOptionByValue,
+    getOptionByLabel
+  };
+}
+
+export { useOptions as default };
+//# sourceMappingURL=useOptions.mjs.map

package/es/components/AutoComplete/hooks/useOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptions.mjs","sources":["../../../../../src/components/AutoComplete/hooks/useOptions.ts"],"sourcesContent":["import { computed, isVNode } from 'vue';\nimport type { Slots, VNodeArrayChildren, Ref } from 'vue';\nimport { getSlot, getPropsData } from '../../../utils/slots';\nimport { defaultFilterFn } from '../../Select/utils';\nimport type { SelectOption, SelectBaseProps, SelectOptionGroupComponent, OptionFilterMethod, InnerSelectOption } from '../../Select/Select.type';\n\nfunction getKey(item: SelectOption, index: number) {\n  const { key } = item;\n\n  if (key !== undefined && key !== null) {\n    return key;\n  }\n  if (item.value !== undefined) {\n    return item.value;\n  }\n  return `index-key-${index}`;\n}\n\nfunction getMapKey(value: string | number): string {\n  return `${typeof value}-${value}`;\n}\n\nexport default function useOptions(props: SelectBaseProps, slots: Slots, searchValue: Ref<string>) {\n  const optionMap = new Map();\n\n  const childrenToData = (children: VNodeArrayChildren = []) => {\n    const rst: InnerSelectOption[] = [];\n\n    children.forEach((child) => {\n      if (isVNode(child)) {\n        const { type } = child;\n        if ((type as SelectOptionGroupComponent)?.isSelectOptionGroup) {\n          const { value } = getPropsData(child);\n          const _children = getSlot((child as any).children, 'default');\n\n          const groupInfo: InnerSelectOption = {\n            key: child.key,\n            value,\n            label: value,\n            children: childrenToData(_children),\n            group: true,\n            selected: false\n          };\n          rst.push(groupInfo);\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { value, disabled, ...restProps } = getPropsData(child);\n          const { key } = child;\n          const option: InnerSelectOption = {\n            key,\n            value: value !== undefined ? value : key,\n            render: (child as any).children?.default,\n            selected: false,\n            ...restProps\n          };\n          optionMap.set(getMapKey(option.value), option);\n          rst.push(option);\n        }\n      }\n    });\n    return rst;\n  };\n\n  const wholeOptions = computed(() => {\n    let rst: InnerSelectOption[] = [];\n    optionMap.clear();\n    if (props.options !== undefined) {\n      props.options.forEach((opt) => {\n        const { key, value, children, ...rest } = opt;\n        const option: InnerSelectOption = {\n          key: key || value,\n          value: value !== undefined ? value : key,\n          label: value.toString(),\n          selected: false,\n          ...rest\n        };\n        rst.push(option);\n        if (!option.group) {\n          optionMap.set(getMapKey(option.value), option);\n        } else {\n          option.children = children?.map((child) => {\n            optionMap.set(getMapKey(child.value), child);\n            return {\n              ...child,\n              selected: false\n            } as InnerSelectOption;\n          });\n        }\n      });\n    } else {\n      const children = getSlot(slots, 'dataSource');\n      rst = childrenToData(children);\n    }\n    return rst;\n  });\n\n  const filterOption = (option: SelectOption, searchText?: string, filterProp?: string, filterMethod?: OptionFilterMethod) => {\n    if (filterMethod !== undefined && typeof filterMethod === 'function') {\n      return filterMethod(option, searchText || '');\n    }\n    return defaultFilterFn(option, searchText, filterProp);\n  };\n\n  const filterAndFlattenOption = (innerOptions: InnerSelectOption[], searchText?: string, filterProp?: string, filterMethod?: OptionFilterMethod) => {\n    const flattenList: InnerSelectOption[] = [];\n    const dig = (options: InnerSelectOption[], _notFilter?: Boolean, group?: InnerSelectOption) => {\n      const notFilter = _notFilter || false;\n      options.forEach((option) => {\n        if (option.group) {\n          const groupInFilter = !searchText || filterOption(option, searchText, filterProp || '', filterMethod);\n          if (groupInFilter) {\n            option.key = getKey(option, flattenList.length + 1);\n            flattenList.push(option);\n          } else {\n            option.childInFilter = false;\n          }\n          dig(option.children || [], groupInFilter, option);\n        } else {\n          option.inGroup = group !== undefined;\n\n          if (notFilter || !searchText) {\n            option.key = getKey(option, flattenList.length);\n            flattenList.push(option);\n          } else if (filterOption(option, searchText, filterProp, filterMethod)) {\n            if (group && group.childInFilter === false) {\n              group.key = getKey(group, flattenList.length);\n              flattenList.push(group);\n              group.childInFilter = true;\n            }\n            option.key = getKey(option, flattenList.length);\n            flattenList.push(option);\n          }\n        }\n      });\n    };\n    dig(innerOptions);\n\n    return flattenList;\n  };\n\n  const displayOptions = computed(() => {\n    if (!props.filterable) {\n      return filterAndFlattenOption(wholeOptions.value || []);\n    }\n    const rst = filterAndFlattenOption(wholeOptions.value || [], searchValue.value, props.filterProp, props.filterMethod);\n    return rst;\n  });\n\n  const getOptionByValue = (value: string | number) => {\n    if (value !== undefined) {\n      const info = optionMap.get(getMapKey(value));\n      if (info) {\n        return info;\n      }\n    }\n    return undefined;\n  };\n\n  const getOptionsByValue = (values: (string | number)[]) => {\n    return values\n      .map((value) => {\n        return getOptionByValue(value);\n      })\n      .filter((x) => x);\n  };\n\n  const getOptionByLabel = (label: string) => {\n    if (label !== undefined) {\n      for (const [, option] of optionMap) {\n        if (option.label === label || option.value === label) {\n          return option;\n        }\n      }\n    }\n    return null;\n  };\n\n  return {\n    displayOptions,\n    getOptionsByValue,\n    getOptionByValue,\n    getOptionByLabel\n  };\n}\n"],"names":[],"mappings":"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"}