element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/select/src/useSelect.mjs

@@ -0,0 +1,324 @@
+import { reactive, ref, shallowRef, inject, computed, nextTick, triggerRef } from 'vue';
+import { toRawType, isObject } from '@vue/shared';
+import '../../../hooks/index.mjs';
+import { useGlobalConfig, getValueByPath } from '../../../utils/util.mjs';
+import '../../../tokens/index.mjs';
+import { ArrowUp } from '@element-plus/icons';
+import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
+import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
+
+function useSelectStates(props) {
+  const { t } = useLocaleInject();
+  return reactive({
+    options: new Map(),
+    cachedOptions: new Map(),
+    createdLabel: null,
+    createdSelected: false,
+    selected: props.multiple ? [] : {},
+    inputLength: 20,
+    inputWidth: 0,
+    initialInputHeight: 0,
+    optionsCount: 0,
+    filteredOptionsCount: 0,
+    visible: false,
+    softFocus: false,
+    selectedLabel: "",
+    hoverIndex: -1,
+    query: "",
+    previousQuery: null,
+    inputHovering: false,
+    cachedPlaceHolder: "",
+    currentPlaceholder: t("el.select.placeholder"),
+    menuVisibleOnFocus: false,
+    isOnComposition: false,
+    isSilentBlur: false,
+    prefixWidth: null,
+    tagInMultiLine: false
+  });
+}
+const useSelect = (props, states, ctx) => {
+  const ELEMENT = useGlobalConfig();
+  const { t } = useLocaleInject();
+  const reference = ref(null);
+  const input = ref(null);
+  const popper = ref(null);
+  const tags = ref(null);
+  const selectWrapper = ref(null);
+  const scrollbar = ref(null);
+  const hoverOption = ref(-1);
+  const queryChange = shallowRef({ query: "" });
+  const groupQueryChange = shallowRef("");
+  const elForm = inject(elFormKey, {});
+  const elFormItem = inject(elFormItemKey, {});
+  const readonly = computed(() => !props.filterable || props.multiple || !states.visible);
+  const selectDisabled = computed(() => props.disabled || elForm.disabled);
+  const showClose = computed(() => {
+    const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+    const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
+    return criteria;
+  });
+  const iconComponent = computed(() => props.remote && props.filterable ? "" : ArrowUp);
+  const iconReverse = computed(() => iconComponent.value && states.visible ? "is-reverse" : "");
+  const debounce = computed(() => props.remote ? 300 : 0);
+  const emptyText = computed(() => {
+    if (props.loading) {
+      return props.loadingText || t("el.select.loading");
+    } else {
+      if (props.remote && states.query === "" && states.options.size === 0)
+        return false;
+      if (props.filterable && states.query && states.options.size > 0 && states.filteredOptionsCount === 0) {
+        return props.noMatchText || t("el.select.noMatch");
+      }
+      if (states.options.size === 0) {
+        return props.noDataText || t("el.select.noData");
+      }
+    }
+    return null;
+  });
+  const optionsArray = computed(() => Array.from(states.options.values()));
+  const cachedOptionsArray = computed(() => Array.from(states.cachedOptions.values()));
+  const showNewOption = computed(() => {
+    const hasExistingOption = optionsArray.value.filter((option) => {
+      return !option.created;
+    }).some((option) => {
+      return option.currentLabel === states.query;
+    });
+    return props.filterable && props.allowCreate && states.query !== "" && !hasExistingOption;
+  });
+  const selectSize = computed(() => props.size || elFormItem.size || ELEMENT.size);
+  const collapseTagSize = computed(() => ["small", "mini"].indexOf(selectSize.value) > -1 ? "mini" : "small");
+  const dropMenuVisible = computed(() => states.visible && emptyText.value !== false);
+  const resetInputHeight = () => {
+    if (props.collapseTags && !props.filterable)
+      return;
+    nextTick(() => {
+      var _a, _b;
+      if (!reference.value)
+        return;
+      const inputChildNodes = reference.value.$el.childNodes;
+      const input2 = [].filter.call(inputChildNodes, (item) => item.tagName === "INPUT")[0];
+      const _tags = tags.value;
+      const sizeInMap = states.initialInputHeight || 40;
+      input2.style.height = states.selected.length === 0 ? `${sizeInMap}px` : `${Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)}px`;
+      states.tagInMultiLine = parseFloat(input2.style.height) > sizeInMap;
+      if (states.visible && emptyText.value !== false) {
+        (_b = (_a = popper.value) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a);
+      }
+    });
+  };
+  const handleQueryChange = (val) => {
+    if (states.previousQuery === val || states.isOnComposition)
+      return;
+    if (states.previousQuery === null && (typeof props.filterMethod === "function" || typeof props.remoteMethod === "function")) {
+      states.previousQuery = val;
+      return;
+    }
+    states.previousQuery = val;
+    nextTick(() => {
+      var _a, _b;
+      if (states.visible)
+        (_b = (_a = popper.value) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a);
+    });
+    states.hoverIndex = -1;
+    if (props.multiple && props.filterable) {
+      nextTick(() => {
+        const length = input.value.length * 15 + 20;
+        states.inputLength = props.collapseTags ? Math.min(50, length) : length;
+        managePlaceholder();
+        resetInputHeight();
+      });
+    }
+    if (props.remote && typeof props.remoteMethod === "function") {
+      states.hoverIndex = -1;
+      props.remoteMethod(val);
+    } else if (typeof props.filterMethod === "function") {
+      props.filterMethod(val);
+      triggerRef(groupQueryChange);
+    } else {
+      states.filteredOptionsCount = states.optionsCount;
+      queryChange.value.query = val;
+      triggerRef(queryChange);
+      triggerRef(groupQueryChange);
+    }
+    if (props.defaultFirstOption && (props.filterable || props.remote) && states.filteredOptionsCount) {
+      checkDefaultFirstOption();
+    }
+  };
+  const managePlaceholder = () => {
+    if (states.currentPlaceholder !== "") {
+      states.currentPlaceholder = input.value.value ? "" : states.cachedPlaceHolder;
+    }
+  };
+  const checkDefaultFirstOption = () => {
+    const optionsInDropdown = optionsArray.value.filter((n) => n.visible && !n.disabled && !n.groupDisabled);
+    const userCreatedOption = optionsInDropdown.filter((n) => n.created)[0];
+    const firstOriginOption = optionsInDropdown[0];
+    states.hoverIndex = getValueIndex(optionsArray.value, userCreatedOption || firstOriginOption);
+  };
+  const setSelected = () => {
+    var _a;
+    if (!props.multiple) {
+      const option = getOption(props.modelValue);
+      if ((_a = option.props) == null ? void 0 : _a.created) {
+        states.createdLabel = option.props.value;
+        states.createdSelected = true;
+      } else {
+        states.createdSelected = false;
+      }
+      states.selectedLabel = option.currentLabel;
+      states.selected = option;
+      if (props.filterable)
+        states.query = states.selectedLabel;
+      return;
+    }
+    const result = [];
+    if (Array.isArray(props.modelValue)) {
+      props.modelValue.forEach((value) => {
+        result.push(getOption(value));
+      });
+    }
+    states.selected = result;
+    nextTick(() => {
+      resetInputHeight();
+    });
+  };
+  const getOption = (value) => {
+    let option;
+    const isObjectValue = toRawType(value).toLowerCase() === "object";
+    const isNull = toRawType(value).toLowerCase() === "null";
+    const isUndefined = toRawType(value).toLowerCase() === "undefined";
+    for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
+      const cachedOption = cachedOptionsArray.value[i];
+      const isEqualValue = isObjectValue ? getValueByPath(cachedOption.value, props.valueKey) === getValueByPath(value, props.valueKey) : cachedOption.value === value;
+      if (isEqualValue) {
+        option = {
+          value,
+          currentLabel: cachedOption.currentLabel,
+          isDisabled: cachedOption.isDisabled
+        };
+        break;
+      }
+    }
+    if (option)
+      return option;
+    const label = !isObjectValue && !isNull && !isUndefined ? value : "";
+    const newOption = {
+      value,
+      currentLabel: label
+    };
+    if (props.multiple) {
+      ;
+      newOption.hitState = false;
+    }
+    return newOption;
+  };
+  const handleResize = () => {
+    var _a, _b;
+    resetInputWidth();
+    (_b = (_a = popper.value) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a);
+    if (props.multiple)
+      resetInputHeight();
+  };
+  const resetInputWidth = () => {
+    var _a;
+    states.inputWidth = (_a = reference.value) == null ? void 0 : _a.$el.getBoundingClientRect().width;
+  };
+  const getValueIndex = (arr = [], value) => {
+    if (!isObject(value))
+      return arr.indexOf(value);
+    const valueKey = props.valueKey;
+    let index = -1;
+    arr.some((item, i) => {
+      if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {
+        index = i;
+        return true;
+      }
+      return false;
+    });
+    return index;
+  };
+  const onOptionCreate = (vm) => {
+    states.optionsCount++;
+    states.filteredOptionsCount++;
+    states.options.set(vm.value, vm);
+    states.cachedOptions.set(vm.value, vm);
+  };
+  const onOptionDestroy = (key) => {
+    states.optionsCount--;
+    states.filteredOptionsCount--;
+    states.options.delete(key);
+  };
+  const toggleLastOptionHitState = (hit) => {
+    if (!Array.isArray(states.selected))
+      return;
+    const option = states.selected[states.selected.length - 1];
+    if (!option)
+      return;
+    if (hit === true || hit === false) {
+      option.hitState = hit;
+      return hit;
+    }
+    option.hitState = !option.hitState;
+    return option.hitState;
+  };
+  const getValueKey = (item) => {
+    return isObject(item.value) ? getValueByPath(item.value, props.valueKey) : item.value;
+  };
+  const optionsAllDisabled = computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.disabled));
+  const navigateOptions = (direction) => {
+    if (!states.visible) {
+      states.visible = true;
+      return;
+    }
+    if (states.options.size === 0 || states.filteredOptionsCount === 0)
+      return;
+    if (states.isOnComposition)
+      return;
+    if (!optionsAllDisabled.value) {
+      if (direction === "next") {
+        states.hoverIndex++;
+        if (states.hoverIndex === states.options.size) {
+          states.hoverIndex = 0;
+        }
+      } else if (direction === "prev") {
+        states.hoverIndex--;
+        if (states.hoverIndex < 0) {
+          states.hoverIndex = states.options.size - 1;
+        }
+      }
+      const option = optionsArray.value[states.hoverIndex];
+      if (option.disabled === true || option.groupDisabled === true || !option.visible) {
+        navigateOptions(direction);
+      }
+    }
+  };
+  return {
+    optionsArray,
+    selectSize,
+    handleResize,
+    readonly,
+    resetInputHeight,
+    showClose,
+    iconComponent,
+    iconReverse,
+    showNewOption,
+    collapseTagSize,
+    setSelected,
+    selectDisabled,
+    emptyText,
+    onOptionCreate,
+    onOptionDestroy,
+    getValueKey,
+    navigateOptions,
+    dropMenuVisible,
+    queryChange,
+    groupQueryChange,
+    reference,
+    input,
+    tags,
+    selectWrapper
+  };
+};
+
+export { useSelect, useSelectStates };
+//# sourceMappingURL=useSelect.mjs.map

package/es/packages/components/select/src/useSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.mjs","sources":["../../../../../../../packages/components/select/src/useSelect.ts"],"sourcesContent":["import {\n  inject,\n  nextTick,\n  computed,\n  ref,\n  reactive,\n  shallowRef,\n  triggerRef, Ref\n} from 'vue'\nimport { isObject, toRawType } from '@vue/shared'\nimport { useLocaleInject } from '@element-ps/hooks'\nimport { getValueByPath, useGlobalConfig } from '@element-ps/utils/util'\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport type { QueryChangeCtx, SelectOptionProxy } from './token'\nimport { ArrowUp } from '@element-plus/icons'\n\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\n\nexport function useSelectStates(props) {\n  const { t } = useLocaleInject()\n  return reactive({\n    options: new Map(),\n    cachedOptions: new Map(),\n    createdLabel: null,\n    createdSelected: false,\n    selected: props.multiple ? [] : ({} as any),\n    inputLength: 20,\n    inputWidth: 0,\n    initialInputHeight: 0,\n    optionsCount: 0,\n    filteredOptionsCount: 0,\n    visible: false,\n    softFocus: false,\n    selectedLabel: '',\n    hoverIndex: -1,\n    query: '',\n    previousQuery: null,\n    inputHovering: false,\n    cachedPlaceHolder: '',\n    currentPlaceholder: t('el.select.placeholder'),\n    menuVisibleOnFocus: false,\n    isOnComposition: false,\n    isSilentBlur: false,\n    prefixWidth: null,\n    tagInMultiLine: false,\n  })\n}\n\ntype States = ReturnType<typeof useSelectStates>\n\nexport const useSelect = (props, states: States, ctx) => {\n  const ELEMENT = useGlobalConfig()\n  const { t } = useLocaleInject()\n\n  // template refs\n  const reference: Ref = ref(null)\n  const input: Ref = ref(null)\n  const popper: Ref = ref(null)\n  const tags: Ref = ref(null)\n  const selectWrapper = ref<HTMLElement | null>(null)\n  const scrollbar = ref(null)\n  const hoverOption = ref(-1)\n  const queryChange = shallowRef<QueryChangeCtx>({ query: '' })\n  const groupQueryChange = shallowRef('')\n\n  // inject\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n  const readonly = computed(\n    () => !props.filterable || props.multiple || !states.visible\n  )\n\n  const selectDisabled = computed(() => props.disabled || elForm.disabled)\n\n  const showClose = computed(() => {\n    const hasValue = props.multiple\n      ? Array.isArray(props.modelValue) && props.modelValue.length > 0\n      : props.modelValue !== undefined &&\n        props.modelValue !== null &&\n        props.modelValue !== ''\n\n    const criteria =\n      props.clearable &&\n      !selectDisabled.value &&\n      states.inputHovering &&\n      hasValue\n    return criteria\n  })\n  const iconComponent = computed(() =>\n    props.remote && props.filterable ? '' : ArrowUp\n  )\n  const iconReverse = computed(() =>\n    iconComponent.value && states.visible ? 'is-reverse' : ''\n  )\n\n  const debounce = computed(() => (props.remote ? 300 : 0))\n\n  const emptyText = computed(() => {\n    if (props.loading) {\n      return props.loadingText || t('el.select.loading')\n    } else {\n      if (props.remote && states.query === '' && states.options.size === 0)\n        return false\n      if (\n        props.filterable &&\n        states.query &&\n        states.options.size > 0 &&\n        states.filteredOptionsCount === 0\n      ) {\n        return props.noMatchText || t('el.select.noMatch')\n      }\n      if (states.options.size === 0) {\n        return props.noDataText || t('el.select.noData')\n      }\n    }\n    return null\n  })\n\n  const optionsArray = computed(() => Array.from(states.options.values()))\n\n  const cachedOptionsArray = computed(() =>\n    Array.from(states.cachedOptions.values())\n  )\n\n  const showNewOption = computed(() => {\n    const hasExistingOption = optionsArray.value\n      .filter((option) => {\n        return !option.created\n      })\n      .some((option) => {\n        return option.currentLabel === states.query\n      })\n    return (\n      props.filterable &&\n      props.allowCreate &&\n      states.query !== '' &&\n      !hasExistingOption\n    )\n  })\n\n  const selectSize = computed(\n    () => props.size || elFormItem.size || ELEMENT.size\n  )\n\n  const collapseTagSize = computed(() =>\n    ['small', 'mini'].indexOf(selectSize.value) > -1 ? 'mini' : 'small'\n  )\n\n  const dropMenuVisible = computed(\n    () => states.visible && emptyText.value !== false\n  )\n\n  // methods\n  const resetInputHeight = () => {\n    if (props.collapseTags && !props.filterable) return\n    nextTick(() => {\n      if (!reference.value) return\n      const inputChildNodes = reference.value.$el.childNodes\n      const input: any = [].filter.call(\n        inputChildNodes,\n        (item: any) => item.tagName === 'INPUT'\n      )[0]\n      const _tags: any = tags.value\n      const sizeInMap = states.initialInputHeight || 40\n      input.style.height =\n        states.selected.length === 0\n          ? `${sizeInMap}px`\n          : `${Math.max(\n              _tags\n                ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0)\n                : 0,\n              sizeInMap\n            )}px`\n\n      states.tagInMultiLine = parseFloat(input.style.height) > sizeInMap\n\n      if (states.visible && emptyText.value !== false) {\n        popper.value?.update?.()\n      }\n    })\n  }\n\n  const handleQueryChange = (val) => {\n    if (states.previousQuery === val || states.isOnComposition) return\n    if (\n      states.previousQuery === null &&\n      (typeof props.filterMethod === 'function' ||\n        typeof props.remoteMethod === 'function')\n    ) {\n      states.previousQuery = val\n      return\n    }\n    states.previousQuery = val\n    nextTick(() => {\n      if (states.visible) popper.value?.update?.()\n    })\n    states.hoverIndex = -1\n    if (props.multiple && props.filterable) {\n      nextTick(() => {\n        const length = input.value.length * 15 + 20\n        states.inputLength = props.collapseTags ? Math.min(50, length) : length\n        managePlaceholder()\n        resetInputHeight()\n      })\n    }\n    if (props.remote && typeof props.remoteMethod === 'function') {\n      states.hoverIndex = -1\n      props.remoteMethod(val)\n    } else if (typeof props.filterMethod === 'function') {\n      props.filterMethod(val)\n      triggerRef(groupQueryChange)\n    } else {\n      states.filteredOptionsCount = states.optionsCount\n      queryChange.value.query = val\n\n      triggerRef(queryChange)\n      triggerRef(groupQueryChange)\n    }\n    if (\n      props.defaultFirstOption &&\n      (props.filterable || props.remote) &&\n      states.filteredOptionsCount\n    ) {\n      checkDefaultFirstOption()\n    }\n  }\n\n  const managePlaceholder = () => {\n    if (states.currentPlaceholder !== '') {\n      states.currentPlaceholder = input.value.value\n        ? ''\n        : states.cachedPlaceHolder\n    }\n  }\n\n  /**\n   * find and highlight first option as default selected\n   * @remark\n   * - if the first option in dropdown list is user-created,\n   *   it would be at the end of the optionsArray\n   *   so find it and set hover.\n   *   (NOTE: there must be only one user-created option in dropdown list with query)\n   * - if there's no user-created option in list, just find the first one as usual\n   *   (NOTE: exclude options that are disabled or in disabled-group)\n   */\n  const checkDefaultFirstOption = () => {\n    const optionsInDropdown = optionsArray.value.filter(\n      (n) => n.visible && !n.disabled && !n.groupDisabled\n    )\n    const userCreatedOption = optionsInDropdown.filter((n) => n.created)[0]\n    const firstOriginOption = optionsInDropdown[0]\n    states.hoverIndex = getValueIndex(\n      optionsArray.value,\n      userCreatedOption || firstOriginOption\n    )\n  }\n\n  const setSelected = () => {\n    if (!props.multiple) {\n      const option = getOption(props.modelValue)\n      if (option.props?.created) {\n        states.createdLabel = option.props.value\n        states.createdSelected = true\n      } else {\n        states.createdSelected = false\n      }\n      states.selectedLabel = option.currentLabel\n      states.selected = option\n      if (props.filterable) states.query = states.selectedLabel\n      return\n    }\n    const result: any[] = []\n    if (Array.isArray(props.modelValue)) {\n      props.modelValue.forEach((value) => {\n        result.push(getOption(value))\n      })\n    }\n    states.selected = result\n    nextTick(() => {\n      resetInputHeight()\n    })\n  }\n\n  const getOption = (value) => {\n    let option\n    const isObjectValue = toRawType(value).toLowerCase() === 'object'\n    const isNull = toRawType(value).toLowerCase() === 'null'\n    const isUndefined = toRawType(value).toLowerCase() === 'undefined'\n\n    for (let i = states.cachedOptions.size - 1; i >= 0; i--) {\n      const cachedOption = cachedOptionsArray.value[i]\n      const isEqualValue = isObjectValue\n        ? getValueByPath(cachedOption.value, props.valueKey) ===\n          getValueByPath(value, props.valueKey)\n        : cachedOption.value === value\n      if (isEqualValue) {\n        option = {\n          value,\n          currentLabel: cachedOption.currentLabel,\n          isDisabled: cachedOption.isDisabled,\n        }\n        break\n      }\n    }\n    if (option) return option\n    const label = !isObjectValue && !isNull && !isUndefined ? value : ''\n    const newOption = {\n      value,\n      currentLabel: label,\n    }\n    if (props.multiple) {\n      ;(newOption as any).hitState = false\n    }\n    return newOption\n  }\n\n  const handleResize = () => {\n    resetInputWidth()\n    popper.value?.update?.()\n    if (props.multiple) resetInputHeight()\n  }\n\n  const resetInputWidth = () => {\n    states.inputWidth = reference.value?.$el.getBoundingClientRect().width\n  }\n\n  const getValueIndex = (arr: any[] = [], value) => {\n    if (!isObject(value)) return arr.indexOf(value)\n\n    const valueKey = props.valueKey\n    let index = -1\n    arr.some((item, i) => {\n      if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {\n        index = i\n        return true\n      }\n      return false\n    })\n    return index\n  }\n\n  const onOptionCreate = (vm: SelectOptionProxy) => {\n    states.optionsCount++\n    states.filteredOptionsCount++\n    states.options.set(vm.value, vm)\n    states.cachedOptions.set(vm.value, vm)\n  }\n\n  const onOptionDestroy = (key) => {\n    states.optionsCount--\n    states.filteredOptionsCount--\n    states.options.delete(key)\n  }\n\n  const toggleLastOptionHitState = (hit?: boolean) => {\n    if (!Array.isArray(states.selected)) return\n    const option = states.selected[states.selected.length - 1]\n    if (!option) return\n\n    if (hit === true || hit === false) {\n      option.hitState = hit\n      return hit\n    }\n\n    option.hitState = !option.hitState\n    return option.hitState\n  }\n\n  const getValueKey = (item) => {\n    return isObject(item.value)\n      ? getValueByPath(item.value, props.valueKey)\n      : item.value\n  }\n\n  const optionsAllDisabled = computed(() =>\n    optionsArray.value\n      .filter((option) => option.visible)\n      .every((option) => option.disabled)\n  )\n\n  const navigateOptions = (direction) => {\n    if (!states.visible) {\n      states.visible = true\n      return\n    }\n    if (states.options.size === 0 || states.filteredOptionsCount === 0) return\n    if (states.isOnComposition) return\n\n    if (!optionsAllDisabled.value) {\n      if (direction === 'next') {\n        states.hoverIndex++\n        if (states.hoverIndex === states.options.size) {\n          states.hoverIndex = 0\n        }\n      } else if (direction === 'prev') {\n        states.hoverIndex--\n        if (states.hoverIndex < 0) {\n          states.hoverIndex = states.options.size - 1\n        }\n      }\n      const option = optionsArray.value[states.hoverIndex]\n      if (\n        option.disabled === true ||\n        option.groupDisabled === true ||\n        !option.visible\n      ) {\n        navigateOptions(direction)\n      }\n    }\n  }\n\n  return {\n    optionsArray,\n    selectSize,\n    handleResize,\n    readonly,\n    resetInputHeight,\n    showClose,\n    iconComponent,\n    iconReverse,\n    showNewOption,\n    collapseTagSize,\n    setSelected,\n    selectDisabled,\n    emptyText,\n    onOptionCreate,\n    onOptionDestroy,\n\n    getValueKey,\n    navigateOptions,\n    dropMenuVisible,\n    queryChange,\n    groupQueryChange,\n\n    // DOM ref\n    reference,\n    input,\n    tags,\n    selectWrapper,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/packages/components/select-v2/index.mjs

@@ -0,0 +1,12 @@
+import './src/select.mjs';
+export { selectV2InjectionKey } from './src/token.mjs';
+import script from './src/select.vue_vue&type=script&lang.mjs';
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+const _Select = script;
+const PsSelectV2 = _Select;
+
+export { PsSelectV2, _Select as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/select-v2/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/select-v2/index.ts"],"sourcesContent":["import Select from './src/select.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nSelect.install = (app: App): void => {\n  app.component(Select.name, Select)\n}\n\nconst _Select = Select as SFCWithInstall<typeof Select>\n\nexport default _Select\nexport const PsSelectV2 = _Select\n\nexport * from './src/token'\n"],"names":["Select"],"mappings":";;;;AAKAA,OAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,OAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,aAAa;;;;"}

package/es/packages/components/select-v2/src/defaults.mjs

@@ -0,0 +1,89 @@
+import { isValidComponentSize } from '../../../utils/validators.mjs';
+import { CircleClose } from '@element-plus/icons';
+
+const SelectProps = {
+  allowCreate: Boolean,
+  autocomplete: {
+    type: String,
+    default: "none"
+  },
+  automaticDropdown: Boolean,
+  clearable: Boolean,
+  clearIcon: {
+    type: [String, Object],
+    default: CircleClose
+  },
+  collapseTags: Boolean,
+  defaultFirstOption: Boolean,
+  disabled: Boolean,
+  estimatedOptionHeight: {
+    type: Number,
+    default: void 0
+  },
+  filterable: Boolean,
+  filterMethod: Function,
+  height: {
+    type: Number,
+    default: 170
+  },
+  itemHeight: {
+    type: Number,
+    default: 34
+  },
+  id: String,
+  loading: Boolean,
+  loadingText: String,
+  label: String,
+  modelValue: [Array, String, Number, Boolean, Object],
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  name: String,
+  noDataText: String,
+  noMatchText: String,
+  remoteMethod: Function,
+  reserveKeyword: Boolean,
+  options: {
+    type: Array,
+    required: true
+  },
+  placeholder: {
+    type: String
+  },
+  popperAppendToBody: {
+    type: Boolean,
+    default: true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  remote: Boolean,
+  size: {
+    type: String,
+    validator: isValidComponentSize
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  }
+};
+const OptionProps = {
+  data: Array,
+  disabled: Boolean,
+  hovering: Boolean,
+  item: Object,
+  index: Number,
+  style: Object,
+  selected: Boolean,
+  created: Boolean
+};
+
+export { OptionProps, SelectProps };
+//# sourceMappingURL=defaults.mjs.map

package/es/packages/components/select-v2/src/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","sources":["../../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { OptionType } from './select.types'\nimport type { Options } from '@element-ps/components/popper'\n\nexport const SelectProps = {\n  allowCreate: Boolean,\n  autocomplete: {\n    type: String as PropType<'none' | 'both' | 'list' | 'inline'>,\n    default: 'none',\n  },\n  automaticDropdown: Boolean,\n  clearable: Boolean,\n  clearIcon: {\n    type: [String, Object] as PropType<string | Component>,\n    default: CircleClose,\n  },\n  collapseTags: Boolean,\n  defaultFirstOption: Boolean,\n  disabled: Boolean,\n  estimatedOptionHeight: {\n    type: Number,\n    default: undefined,\n  },\n  filterable: Boolean,\n  filterMethod: Function,\n  height: {\n    type: Number,\n    default: 170, // 5 items by default\n  },\n  itemHeight: {\n    type: Number,\n    default: 34,\n  },\n  id: String,\n  loading: Boolean,\n  loadingText: String,\n  label: String,\n  modelValue: [Array, String, Number, Boolean, Object] as PropType<\n    any[] | string | number | boolean | Record<string, any> | any\n  >,\n  multiple: Boolean,\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  name: String,\n  noDataText: String,\n  noMatchText: String,\n  remoteMethod: Function,\n  reserveKeyword: Boolean,\n  options: {\n    type: Array as PropType<OptionType[]>,\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  popperAppendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => ({} as Partial<Options>),\n  },\n  remote: Boolean,\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n}\n\nexport const OptionProps = {\n  data: Array,\n  disabled: Boolean,\n  hovering: Boolean,\n  item: Object,\n  index: Number,\n  style: Object,\n  selected: Boolean,\n  created: Boolean,\n}\n"],"names":[],"mappings":";;;MAQa,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,uBAAuB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY,CAAC,OAAO,QAAQ,QAAQ,SAAS;AAAA,EAG7C,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,aAAa;AAAA,IACX,MAAM;AAAA;AAAA,EAER,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAO;AAAA,EAElB,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,EAEb,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAIA,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA;;;;"}

package/es/packages/components/select-v2/src/select.mjs

@@ -0,0 +1,7 @@
+import script from './select.vue_vue&type=script&lang.mjs';
+export { default } from './select.vue_vue&type=script&lang.mjs';
+import { render } from './select.vue_vue&type=template&id=13e598a4&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/select-v2/src/select.vue";
+//# sourceMappingURL=select.mjs.map

package/es/packages/components/select-v2/src/select.mjs.map

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

package/es/packages/components/select-v2/src/select.types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=select.types.mjs.map

package/es/packages/components/select-v2/src/select.types.mjs.map

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

package/es/packages/components/select-v2/src/select.vue_vue&type=script&lang.mjs

@@ -0,0 +1,27 @@
+import { defineComponent, provide, reactive, toRefs } from 'vue';
+import { PsTag } from '../../tag/index.mjs';
+import useSelect from './useSelect.mjs';
+import { selectV2InjectionKey } from './token.mjs';
+import { SelectProps } from './defaults.mjs';
+import { PsIcon } from '../../icon/index.mjs';
+
+var script = defineComponent({
+  name: "PsSelectV2",
+  components: {
+    PsTag,
+    PsIcon
+  },
+  props: SelectProps,
+  setup(props, { emit }) {
+    const API = useSelect(props, emit);
+    provide(selectV2InjectionKey, {
+      props: reactive({
+        ...toRefs(props)
+      })
+    });
+    return API;
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=select.vue_vue&type=script&lang.mjs.map

package/es/packages/components/select-v2/src/select.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n    class=\"el-select-v2\"\n  >\n    <div\n      ref=\"selectionRef\"\n      class=\"el-select-v2__wrapper\"\n      :class=\"{\n        'is-focused': states.isComposing,\n        'is-hovering': states.comboBoxHovering,\n        'is-filterable': filterable,\n        'is-disabled': disabled,\n      }\"\n    >\n      <div v-if=\"$slots.prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n      <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n        <template v-if=\"collapseTags && modelValue.length > 0\">\n          <div class=\"el-select-v2__selected-item\">\n            <ps-tag\n              :closable=\"!selectDisabled && !states.cachedOptions[0]?.disable\"\n              :size=\"collapseTagSize\"\n              type=\"info\"\n              disable-transitions\n            >\n              <span\n                class=\"el-select-v2__tags-text\"\n                :style=\"{\n                  maxWidth: `${tagMaxWidth}px`,\n                }\"\n                >{{ states.cachedOptions[0].label }}</span\n              >\n            </ps-tag>\n            <ps-tag\n              v-if=\"modelValue.length > 1\"\n              :closable=\"false\"\n              :size=\"collapseTagSize\"\n              type=\"info\"\n              disable-transitions\n            >\n              <span\n                class=\"el-select-v2__tags-text\"\n                :style=\"{\n                  maxWidth: `${tagMaxWidth}px`,\n                }\"\n                >+ {{ modelValue.length - 1 }}</span\n              >\n            </ps-tag>\n          </div>\n        </template>\n\n        <template v-else>\n          <div\n            v-for=\"(selected, idx) in states.cachedOptions\"\n            :key=\"idx\"\n            class=\"el-select-v2__selected-item\"\n          >\n            <ps-tag\n              :key=\"getValueKey(selected)\"\n              :closable=\"!selectDisabled && !selected.disabled\"\n              :size=\"collapseTagSize\"\n              type=\"info\"\n              disable-transitions\n            >\n              <span\n                class=\"el-select-v2__tags-text\"\n                :style=\"{\n                  maxWidth: `${tagMaxWidth}px`,\n                }\"\n                >{{ getLabel(selected) }}</span\n              >\n            </ps-tag>\n          </div>\n        </template>\n        <div\n          class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\n          :style=\"inputWrapperStyle\"\n        >\n          <input\n            :id=\"id\"\n            ref=\"inputRef\"\n            :autocomplete=\"autocomplete\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            autocapitalize=\"off\"\n            :aria-expanded=\"expanded\"\n            :aria-labelledby=\"label\"\n            class=\"el-select-v2__combobox-input\"\n            :class=\"[selectSize ? `is-${selectSize}` : '']\"\n            :disabled=\"disabled\"\n            role=\"combobox\"\n            :readonly=\"!filterable\"\n            spellcheck=\"false\"\n            type=\"text\"\n            :name=\"name\"\n            :unselectable=\"expanded ? 'on' : undefined\"\n          />\n          <span\n            v-if=\"filterable\"\n            ref=\"calculatorRef\"\n            aria-hidden=\"true\"\n            class=\"el-select-v2__input-calculator\"\n            v-text=\"states.displayInputValue\"\n          >\n          </span>\n        </div>\n      </div>\n      <template v-else>\n        <div class=\"el-select-v2__selected-item el-select-v2__input-wrapper\">\n          <input\n            :id=\"id\"\n            ref=\"inputRef\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            :aria-labelledby=\"label\"\n            :aria-expanded=\"expanded\"\n            autocapitalize=\"off\"\n            :autocomplete=\"autocomplete\"\n            class=\"el-select-v2__combobox-input\"\n            :disabled=\"disabled\"\n            :name=\"name\"\n            role=\"combobox\"\n            :readonly=\"!filterable\"\n            spellcheck=\"false\"\n            type=\"text\"\n            :unselectable=\"expanded ? 'on' : undefined\"\n          />\n        </div>\n        <span\n          v-if=\"filterable\"\n          ref=\"calculatorRef\"\n          aria-hidden=\"true\"\n          class=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n          v-text=\"states.displayInputValue\"\n        ></span>\n      </template>\n      <span\n        v-if=\"shouldShowPlaceholder\"\n        :class=\"{\n          'el-select-v2__placeholder': true,\n          'is-transparent':\n            states.isComposing ||\n            (placeholder && multiple ? modelValue.length === 0 : !modelValue),\n        }\"\n        >{{ currentPlaceholder }}</span\n      >\n      <span class=\"el-select-v2__suffix\">\n        <ps-icon\n          v-if=\"iconComponent\"\n          v-show=\"!showClearBtn\"\n          :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n        >\n          <component :is=\"iconComponent\" />\n        </ps-icon>\n        <ps-icon\n          v-if=\"showClearBtn && clearIcon\"\n          class=\"el-select-v2__caret el-input__icon\"\n        >\n          <component :is=\"clearIcon\" />\n        </ps-icon>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive } from 'vue'\nimport PsTag from '@element-ps/components/tag'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nimport PsIcon from '@element-ps/components/icon'\n\nexport default defineComponent({\n  name: 'PsSelectV2',\n  components: {\n    PsTag,\n    PsIcon\n  },\n  props: SelectProps,\n  setup(props, { emit }) {\n    const API = useSelect(props, emit)\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n      }),\n    } as any)\n\n    return API\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AAgLA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,MAAM,UAAU,OAAO;AAE7B,YAAQ,sBAAsB;AAAA,MAC5B,OAAO,SAAS;AAAA,WACX,OAAO;AAAA;AAAA;AAId,WAAO;AAAA;AAAA;;;;"}