ep-craft 0.1.26 → 0.1.28

package/dist/components/select-v2/src/useSelect.d.ts

@@ -0,0 +1,129 @@
+import type { Option, OptionType, SelectStates } from './select.types';
+import type { SelectV2Props } from './token';
+import type { SelectV2EmitFn } from './defaults';
+import type { ScrollbarDirection } from '@element-plus/components/scrollbar';
+import type { TooltipInstance } from '@element-plus/components/tooltip';
+import type { SelectDropdownInstance } from './select-dropdown';
+declare const useSelect: (props: SelectV2Props, emit: SelectV2EmitFn) => {
+    inputId: import("vue").Ref<string | undefined, string | undefined>;
+    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    currentPlaceholder: import("vue").ComputedRef<string>;
+    expanded: import("vue").Ref<boolean, boolean>;
+    emptyText: import("vue").ComputedRef<string | null>;
+    popupHeight: import("vue").ComputedRef<number>;
+    debounce: import("vue").ComputedRef<number>;
+    allOptions: import("vue").ComputedRef<OptionType[]>;
+    allOptionsValueMap: import("vue").ComputedRef<Map<any, any>>;
+    filteredOptions: import("vue").Ref<({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[], OptionType[] | ({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[]>;
+    iconComponent: import("vue").ComputedRef<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+    iconReverse: import("vue").ComputedRef<string>;
+    tagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
+    collapseTagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
+    popperSize: import("vue").Ref<number, number>;
+    dropdownMenuVisible: import("vue").WritableComputedRef<boolean, boolean>;
+    hasModelValue: import("vue").ComputedRef<boolean>;
+    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
+    selectDisabled: import("vue").ComputedRef<boolean>;
+    selectSize: import("vue").ComputedRef<"" | "small" | "default" | "large">;
+    needStatusIcon: import("vue").ComputedRef<boolean>;
+    showClearBtn: import("vue").ComputedRef<boolean>;
+    states: SelectStates;
+    isFocused: import("vue").Ref<boolean, boolean>;
+    nsSelect: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    menuRef: import("vue").Ref<SelectDropdownInstance | undefined, SelectDropdownInstance | undefined>;
+    tagMenuRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    tooltipRef: import("vue").Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
+    tagTooltipRef: import("vue").Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
+    selectRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectionRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    prefixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    suffixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    collapseItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+    validateIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | undefined>;
+    showTagList: import("vue").ComputedRef<Option[]>;
+    collapseTagList: import("vue").ComputedRef<Option[]>;
+    debouncedOnInputChange: import("@vueuse/core").UseDebounceFnReturn<() => void>;
+    deleteTag: (event: MouseEvent, option: Option) => void;
+    getLabel: (option: Option) => any;
+    getValue: (option: Option) => any;
+    getDisabled: (option: Option) => any;
+    getValueKey: (item: unknown) => any;
+    getIndex: (option: Option) => any;
+    handleClear: () => void;
+    handleClickOutside: (event: Event) => void;
+    handleDel: (e: KeyboardEvent) => void;
+    handleEsc: () => void;
+    focus: () => void;
+    blur: () => void;
+    handleMenuEnter: () => Promise<void>;
+    handleResize: () => void;
+    resetSelectionWidth: () => void;
+    updateTooltip: () => void;
+    updateTagTooltip: () => void;
+    updateOptions: () => void;
+    toggleMenu: (event?: Event) => void;
+    scrollTo: (index: number) => void;
+    onInput: (event: Event) => void;
+    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number | undefined) => void;
+    onKeyboardSelect: () => void;
+    onEndReached: (direction: ScrollbarDirection) => void;
+    onSelect: (option: Option) => void;
+    onHover: (idx?: number) => void;
+    handleCompositionStart: (event: CompositionEvent) => void;
+    handleCompositionEnd: (event: CompositionEvent) => void;
+    handleCompositionUpdate: (event: CompositionEvent) => void;
+};
+export default useSelect;

package/dist/components/select-v2/src/useSelect.js

@@ -0,0 +1,501 @@
+import { useSlots as Mt, reactive as Rt, ref as m, computed as o, watch as p, nextTick as h, watchEffect as We, onMounted as Wt } from "vue";
+import { get as k, isEqual as M, findLastIndex as Nt } from "lodash-unified";
+import { useDebounceFn as Lt, useResizeObserver as I } from "@vueuse/core";
+import { isEmpty as Dt, isNumber as Ft, isUndefined as Ht } from "../../../utils/types.js";
+import { debugWarn as Pt } from "../../../utils/error.js";
+import { NOOP as Ne, isArray as w, isFunction as z, isObject as ne } from "@vue/shared";
+import { escapeStringRegexp as Bt } from "../../../utils/strings.js";
+import { getEventCode as Kt } from "../../../utils/dom/event.js";
+import { ValidateComponentsMap as _t } from "../../../utils/vue/icon.js";
+import { EVENT_CODE as kt } from "../../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as zt, CHANGE_EVENT as At } from "../../../constants/event.js";
+import { MINIMUM_INPUT_WIDTH as Qt } from "../../../constants/form.js";
+import { useNamespace as Le } from "../../../hooks/use-namespace/index.js";
+import { useLocale as Gt } from "../../../hooks/use-locale/index.js";
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import { useEmptyValues as Ut } from "../../../hooks/use-empty-values/index.js";
+import { useFocusController as $t } from "../../../hooks/use-focus-controller/index.js";
+import { useComposition as jt } from "../../../hooks/use-composition/index.js";
+import "../../form/index.js";
+import { useAllowCreate as qt } from "./useAllowCreate.js";
+import { useProps as Jt } from "./useProps.js";
+import { useFormItem as Xt, useFormItemInputId as Yt } from "../../form/src/hooks/use-form-item.js";
+import { useFormDisabled as Zt, useFormSize as el } from "../../form/src/hooks/use-form-common-props.js";
+const Rl = (t, g) => {
+  const { t: R } = Gt(), De = Mt(), A = Le("select"), Fe = Le("input"), { form: Q, formItem: r } = Xt(), { inputId: He } = Yt(t, {
+    formItemContext: r
+  }), { aliasProps: ae, getLabel: V, getValue: v, getDisabled: W, getOptions: Pe } = Jt(t), { valueOnClear: Be, isEmptyValue: ie } = Ut(t), n = Rt({
+    inputValue: "",
+    cachedOptions: [],
+    createdOptions: [],
+    hoveringIndex: -1,
+    inputHovering: !1,
+    selectionWidth: 0,
+    collapseItemWidth: 0,
+    previousQuery: null,
+    previousValue: void 0,
+    selectedLabel: "",
+    menuVisibleOnFocus: !1,
+    isBeforeHide: !1
+  }), N = m(-1), G = m(!1), U = m(), y = m(), L = m(), $ = m(), b = m(), Ke = m(), oe = m(), x = m(), ue = m(), D = m(), {
+    isComposing: se,
+    handleCompositionStart: _e,
+    handleCompositionEnd: ke,
+    handleCompositionUpdate: ze
+  } = jt({
+    afterComposition: (e) => Se(e)
+  }), O = Zt(), { wrapperRef: ce, isFocused: j, handleBlur: Ae } = $t(b, {
+    disabled: O,
+    afterFocus() {
+      t.automaticDropdown && !u.value && (u.value = !0, n.menuVisibleOnFocus = !0);
+    },
+    beforeBlur(e) {
+      var l, a;
+      return ((l = L.value) == null ? void 0 : l.isFocusInsideContent(e)) || ((a = $.value) == null ? void 0 : a.isFocusInsideContent(e));
+    },
+    afterBlur() {
+      var e;
+      u.value = !1, n.menuVisibleOnFocus = !1, t.validateEvent && ((e = r == null ? void 0 : r.validate) == null || e.call(r, "blur").catch(Ne));
+    }
+  }), de = o(() => me("")), C = o(() => t.loading ? !1 : t.options.length > 0 || n.createdOptions.length > 0), c = m([]), u = m(!1), Qe = o(() => (Q == null ? void 0 : Q.statusIcon) ?? !1), Ge = o(() => {
+    const e = c.value.length * t.itemHeight;
+    return e > t.height ? t.height : e;
+  }), F = o(() => t.multiple ? w(t.modelValue) && t.modelValue.length > 0 : !ie(t.modelValue)), Ue = o(() => t.clearable && !O.value && F.value && (j.value || n.inputHovering)), re = o(
+    () => t.remote && t.filterable && !t.remoteShowSuffix ? "" : t.suffixIcon
+  ), $e = o(
+    () => re.value && A.is("reverse", u.value)
+  ), q = o(() => (r == null ? void 0 : r.validateState) || ""), je = o(() => {
+    if (q.value)
+      return _t[q.value];
+  }), fe = o(() => t.remote ? t.debounce : 0), qe = o(
+    () => t.remote && !n.inputValue && !C.value
+  ), Je = o(() => t.loading ? t.loadingText || R("el.select.loading") : t.filterable && n.inputValue && C.value && c.value.length === 0 ? t.noMatchText || R("el.select.noMatch") : C.value ? null : t.noDataText || R("el.select.noData")), Xe = o(
+    () => t.filterable && z(t.filterMethod)
+  ), Ye = o(
+    () => t.filterable && t.remote && z(t.remoteMethod)
+  ), me = (e) => {
+    const l = new RegExp(Bt(e), "i"), a = (i) => Xe.value || Ye.value ? !0 : e ? l.test(V(i) || "") : !0;
+    return t.loading ? [] : [...n.createdOptions, ...t.options].reduce((i, s) => {
+      const d = Pe(s);
+      if (w(d)) {
+        const _ = d.filter(a);
+        _.length > 0 && i.push(
+          {
+            label: V(s),
+            type: "Group"
+          },
+          ..._
+        );
+      } else (t.remote || a(s)) && i.push(s);
+      return i;
+    }, []);
+  }, ve = () => {
+    c.value = me(n.inputValue);
+  }, H = o(() => {
+    const e = /* @__PURE__ */ new Map();
+    return de.value.forEach((l, a) => {
+      e.set(f(v(l)), { option: l, index: a });
+    }), e;
+  }), P = o(() => {
+    const e = /* @__PURE__ */ new Map();
+    return c.value.forEach((l, a) => {
+      e.set(f(v(l)), { option: l, index: a });
+    }), e;
+  }), Ze = o(
+    () => c.value.every((e) => W(e))
+  ), he = el(), et = o(
+    () => he.value === "small" ? "small" : "default"
+  ), E = () => {
+    var l;
+    if (Ft(t.fitInputWidth)) {
+      N.value = t.fitInputWidth;
+      return;
+    }
+    const e = ((l = U.value) == null ? void 0 : l.offsetWidth) || 200;
+    !t.fitInputWidth && C.value ? h(() => {
+      N.value = Math.max(e, tt());
+    }) : N.value = e;
+  }, tt = () => {
+    var Me, Re;
+    const l = document.createElement("canvas").getContext("2d"), a = A.be("dropdown", "item"), s = (((Re = (Me = x.value) == null ? void 0 : Me.listRef) == null ? void 0 : Re.innerRef) || document).querySelector(`.${a}`);
+    if (s === null || l === null) return 0;
+    const d = getComputedStyle(s), _ = Number.parseFloat(d.paddingLeft) + Number.parseFloat(d.paddingRight);
+    return l.font = `bold ${d.font.replace(
+      new RegExp(`\\b${d.fontWeight}\\b`),
+      ""
+    )}`, c.value.reduce((Et, St) => {
+      const Tt = l.measureText(V(St));
+      return Math.max(Tt.width, Et);
+    }, 0) + _;
+  }, lt = () => {
+    if (!y.value) return 0;
+    const e = window.getComputedStyle(y.value);
+    return Number.parseFloat(e.gap || "6px");
+  }, nt = o(() => {
+    const e = lt(), l = t.filterable ? e + Qt : 0;
+    return { maxWidth: `${D.value && t.maxCollapseTags === 1 ? n.selectionWidth - n.collapseItemWidth - e - l : n.selectionWidth - l}px` };
+  }), at = o(() => ({ maxWidth: `${n.selectionWidth}px` })), it = o(() => w(t.modelValue) ? t.modelValue.length === 0 && !n.inputValue : t.filterable ? !n.inputValue : !0), ot = o(() => {
+    const e = t.placeholder ?? R("el.select.placeholder");
+    return t.multiple || !F.value ? e : n.selectedLabel;
+  }), ut = o(() => {
+    var e, l;
+    return (l = (e = L.value) == null ? void 0 : e.popperRef) == null ? void 0 : l.contentRef;
+  }), ge = o(() => {
+    if (t.multiple) {
+      const e = t.modelValue.length;
+      if (e > 0 && P.value.has(t.modelValue[e - 1])) {
+        const { index: l } = P.value.get(
+          t.modelValue[e - 1]
+        );
+        return l;
+      }
+    } else if (!ie(t.modelValue) && P.value.has(t.modelValue)) {
+      const { index: e } = P.value.get(t.modelValue);
+      return e;
+    }
+    return -1;
+  }), Ve = o({
+    get() {
+      return u.value && (t.loading || !qe.value || t.remote && !!De.empty) && (!G.value || !Dt(n.previousQuery) || C.value);
+    },
+    set(e) {
+      u.value = e;
+    }
+  }), st = o(() => t.multiple ? t.collapseTags ? n.cachedOptions.slice(0, t.maxCollapseTags) : n.cachedOptions : []), ct = o(() => t.multiple ? t.collapseTags ? n.cachedOptions.slice(t.maxCollapseTags) : [] : []), {
+    createNewOption: be,
+    removeNewOption: J,
+    selectNewOption: xe,
+    clearAllNewOption: X
+  } = qt(t, n), Y = (e) => {
+    var l;
+    O.value || t.filterable && u.value && e && !((l = oe.value) != null && l.contains(e.target)) || (n.menuVisibleOnFocus ? n.menuVisibleOnFocus = !1 : u.value = !u.value);
+  }, Oe = () => {
+    n.inputValue.length > 0 && !u.value && (u.value = !0), be(n.inputValue), h(() => {
+      Z(n.inputValue);
+    });
+  }, pe = Lt(() => {
+    Oe(), G.value = !1;
+  }, fe), Z = (e) => {
+    n.previousQuery === e || se.value || (n.previousQuery = e, t.filterable && z(t.filterMethod) ? t.filterMethod(e) : t.filterable && t.remote && z(t.remoteMethod) && t.remoteMethod(e), t.defaultFirstOption && (t.filterable || t.remote) && c.value.length ? h(dt) : h(It));
+  }, dt = () => {
+    const e = c.value.filter(
+      (i) => !i.disabled && i.type !== "Group"
+    ), l = e.find((i) => i.created), a = e[0];
+    n.hoveringIndex = ee(
+      c.value,
+      l || a
+    );
+  }, rt = (e) => {
+    M(t.modelValue, e) || g(At, e);
+  }, S = (e) => {
+    g(zt, e), rt(e), n.previousValue = t.multiple ? String(e) : e, h(() => {
+      if (t.multiple && w(t.modelValue)) {
+        const l = n.cachedOptions.slice(), a = t.modelValue.map(
+          (i) => Te(i, l)
+        );
+        M(n.cachedOptions, a) || (n.cachedOptions = a);
+      } else
+        K(!0);
+    });
+  }, ee = (e = [], l) => {
+    if (!ne(l))
+      return e.indexOf(l);
+    const a = t.valueKey;
+    let i = -1;
+    return e.some((s, d) => k(s, a) === k(l, a) ? (i = d, !0) : !1), i;
+  }, f = (e) => ne(e) ? k(e, t.valueKey) : e, Ie = () => {
+    E();
+  }, ft = (e) => {
+    g("end-reached", e);
+  }, we = () => {
+    n.selectionWidth = Number.parseFloat(
+      window.getComputedStyle(y.value).width
+    );
+  }, mt = () => {
+    n.collapseItemWidth = D.value.getBoundingClientRect().width;
+  }, te = () => {
+    var e, l;
+    (l = (e = L.value) == null ? void 0 : e.updatePopper) == null || l.call(e);
+  }, ye = () => {
+    var e, l;
+    (l = (e = $.value) == null ? void 0 : e.updatePopper) == null || l.call(e);
+  }, Ce = (e) => {
+    const l = v(e);
+    if (t.multiple) {
+      let a = t.modelValue.slice();
+      const i = ee(a, l);
+      i > -1 ? (a = [
+        ...a.slice(0, i),
+        ...a.slice(i + 1)
+      ], n.cachedOptions.splice(i, 1), J(e)) : (t.multipleLimit <= 0 || a.length < t.multipleLimit) && (a = [...a, l], n.cachedOptions.push(e), xe(e)), S(a), e.created && Z(""), t.filterable && (e.created || !t.reserveKeyword) && (n.inputValue = "");
+    } else
+      n.selectedLabel = V(e), !M(t.modelValue, l) && S(l), u.value = !1, xe(e), e.created || X();
+    B();
+  }, vt = (e, l) => {
+    let a = t.modelValue.slice();
+    const i = ee(a, v(l));
+    i > -1 && !O.value && (a = [
+      ...t.modelValue.slice(0, i),
+      ...t.modelValue.slice(i + 1)
+    ], n.cachedOptions.splice(i, 1), S(a), g("remove-tag", v(l)), J(l)), e.stopPropagation(), B();
+  }, B = () => {
+    var e;
+    (e = b.value) == null || e.focus();
+  }, ht = () => {
+    var e;
+    if (u.value) {
+      u.value = !1, h(() => {
+        var l;
+        return (l = b.value) == null ? void 0 : l.blur();
+      });
+      return;
+    }
+    (e = b.value) == null || e.blur();
+  }, gt = () => {
+    n.inputValue.length > 0 ? n.inputValue = "" : u.value = !1;
+  }, Vt = (e) => Nt(
+    e,
+    (l) => !n.cachedOptions.some(
+      (a) => v(a) === l && W(a)
+    )
+  ), bt = (e) => {
+    const l = Kt(e);
+    if (t.multiple && l !== kt.delete && n.inputValue.length === 0) {
+      e.preventDefault();
+      const a = t.modelValue.slice(), i = Vt(a);
+      if (i < 0) return;
+      const s = a[i];
+      a.splice(i, 1);
+      const d = n.cachedOptions[i];
+      n.cachedOptions.splice(i, 1), J(d), S(a), g("remove-tag", s);
+    }
+  }, xt = () => {
+    let e;
+    w(t.modelValue) ? e = [] : e = Be.value, n.selectedLabel = "", u.value = !1, S(e), g("clear"), X(), B();
+  }, Ee = (e, l = void 0) => {
+    const a = c.value;
+    if (!["forward", "backward"].includes(e) || O.value || a.length <= 0 || Ze.value || se.value)
+      return;
+    if (!u.value)
+      return Y();
+    Ht(l) && (l = n.hoveringIndex);
+    let i = -1;
+    e === "forward" ? (i = l + 1, i >= a.length && (i = 0)) : e === "backward" && (i = l - 1, (i < 0 || i >= a.length) && (i = a.length - 1));
+    const s = a[i];
+    if (W(s) || s.type === "Group")
+      return Ee(e, i);
+    n.hoveringIndex = i, le(i);
+  }, Ot = () => {
+    if (u.value)
+      ~n.hoveringIndex && c.value[n.hoveringIndex] && Ce(c.value[n.hoveringIndex]);
+    else return Y();
+  }, pt = (e) => {
+    n.hoveringIndex = e ?? -1;
+  }, It = () => {
+    if (!t.multiple)
+      n.hoveringIndex = c.value.findIndex((e) => f(v(e)) === f(t.modelValue));
+    else {
+      const e = t.modelValue.length;
+      if (e > 0) {
+        const l = t.modelValue[e - 1];
+        n.hoveringIndex = c.value.findIndex(
+          (a) => f(l) === f(v(a))
+        );
+      } else
+        n.hoveringIndex = -1;
+    }
+  }, Se = (e) => {
+    if (n.inputValue = e.target.value, t.remote)
+      G.value = !0, pe();
+    else
+      return Oe();
+  }, wt = (e) => {
+    if (u.value = !1, j.value) {
+      const l = new FocusEvent("blur", e);
+      Ae(l);
+    }
+  }, yt = () => (n.isBeforeHide = !1, h(() => {
+    ~ge.value && le(ge.value);
+  })), le = (e) => {
+    x.value.scrollToItem(e);
+  }, Te = (e, l) => {
+    const a = f(e);
+    if (H.value.has(a)) {
+      const { option: i } = H.value.get(a);
+      return i;
+    }
+    if (l && l.length) {
+      const i = l.find(
+        (s) => f(v(s)) === a
+      );
+      if (i)
+        return i;
+    }
+    return {
+      [ae.value.value]: e,
+      [ae.value.label]: e
+    };
+  }, Ct = (e) => {
+    var l;
+    return ((l = H.value.get(v(e))) == null ? void 0 : l.index) ?? -1;
+  }, K = (e = !1) => {
+    if (t.multiple)
+      if (t.modelValue.length > 0) {
+        const l = n.cachedOptions.slice();
+        n.cachedOptions.length = 0, n.previousValue = t.modelValue.toString();
+        for (const a of t.modelValue) {
+          const i = Te(a, l);
+          n.cachedOptions.push(i);
+        }
+      } else
+        n.cachedOptions = [], n.previousValue = void 0;
+    else if (F.value) {
+      n.previousValue = t.modelValue;
+      const l = c.value, a = l.findIndex(
+        (i) => f(v(i)) === f(t.modelValue)
+      );
+      ~a ? n.selectedLabel = V(l[a]) : (!n.selectedLabel || e) && (n.selectedLabel = f(t.modelValue));
+    } else
+      n.selectedLabel = "", n.previousValue = void 0;
+    X(), E();
+  };
+  p(
+    () => t.fitInputWidth,
+    () => {
+      E();
+    }
+  ), p(u, (e) => {
+    e ? (t.persistent || E(), Z("")) : (n.inputValue = "", n.previousQuery = null, n.isBeforeHide = !0, n.menuVisibleOnFocus = !1, be(""));
+  }), p(
+    () => t.modelValue,
+    (e, l) => {
+      var i;
+      (!e || w(e) && e.length === 0 || t.multiple && !M(e.toString(), n.previousValue) || !t.multiple && f(e) !== f(n.previousValue)) && K(!0), !M(e, l) && t.validateEvent && ((i = r == null ? void 0 : r.validate) == null || i.call(r, "change").catch(Ne));
+    },
+    {
+      deep: !0
+    }
+  ), p(
+    () => t.options,
+    () => {
+      const e = b.value;
+      (!e || e && document.activeElement !== e) && K();
+    },
+    {
+      deep: !0,
+      flush: "post"
+    }
+  ), p(
+    () => c.value,
+    () => (E(), x.value && h(x.value.resetScrollTop))
+  ), We(() => {
+    n.isBeforeHide || ve();
+  }), We(() => {
+    const { valueKey: e, options: l } = t, a = /* @__PURE__ */ new Map();
+    for (const i of l) {
+      const s = v(i);
+      let d = s;
+      if (ne(d) && (d = k(s, e)), a.get(d)) {
+        Pt(
+          "ElSelectV2",
+          "The option values you provided seem to be duplicated, which may cause some problems, please check."
+        );
+        break;
+      } else
+        a.set(d, !0);
+    }
+  }), Wt(() => {
+    K();
+  }), I(U, Ie), I(y, we), I(ce, te), I(ue, ye), I(D, mt);
+  let T;
+  return p(
+    () => Ve.value,
+    (e) => {
+      e ? T = I(x, te).stop : (T == null || T(), T = void 0), g("visible-change", e);
+    }
+  ), {
+    // data exports
+    inputId: He,
+    collapseTagSize: et,
+    currentPlaceholder: ot,
+    expanded: u,
+    emptyText: Je,
+    popupHeight: Ge,
+    debounce: fe,
+    allOptions: de,
+    allOptionsValueMap: H,
+    filteredOptions: c,
+    iconComponent: re,
+    iconReverse: $e,
+    tagStyle: nt,
+    collapseTagStyle: at,
+    popperSize: N,
+    dropdownMenuVisible: Ve,
+    hasModelValue: F,
+    shouldShowPlaceholder: it,
+    selectDisabled: O,
+    selectSize: he,
+    needStatusIcon: Qe,
+    showClearBtn: Ue,
+    states: n,
+    isFocused: j,
+    nsSelect: A,
+    nsInput: Fe,
+    // refs items exports
+    inputRef: b,
+    menuRef: x,
+    tagMenuRef: ue,
+    tooltipRef: L,
+    tagTooltipRef: $,
+    selectRef: U,
+    wrapperRef: ce,
+    selectionRef: y,
+    prefixRef: Ke,
+    suffixRef: oe,
+    collapseItemRef: D,
+    popperRef: ut,
+    validateState: q,
+    validateIcon: je,
+    showTagList: st,
+    collapseTagList: ct,
+    // methods exports
+    debouncedOnInputChange: pe,
+    deleteTag: vt,
+    getLabel: V,
+    getValue: v,
+    getDisabled: W,
+    getValueKey: f,
+    getIndex: Ct,
+    handleClear: xt,
+    handleClickOutside: wt,
+    handleDel: bt,
+    handleEsc: gt,
+    focus: B,
+    blur: ht,
+    handleMenuEnter: yt,
+    handleResize: Ie,
+    resetSelectionWidth: we,
+    updateTooltip: te,
+    updateTagTooltip: ye,
+    updateOptions: ve,
+    toggleMenu: Y,
+    scrollTo: le,
+    onInput: Se,
+    onKeyboardNavigate: Ee,
+    onKeyboardSelect: Ot,
+    onEndReached: ft,
+    onSelect: Ce,
+    onHover: pt,
+    handleCompositionStart: _e,
+    handleCompositionEnd: ke,
+    handleCompositionUpdate: ze
+  };
+};
+export {
+  Rl as default
+};

package/dist/components/time-picker/index.js

@@ -1,9 +1,11 @@
 import { withInstall as r } from "../../utils/with-install.js";
 import i from "./src/time-picker.js";
+import { default as R } from "./src/common/picker.vue.js";
 import "vue";
-import "@vueuse/core";
+import "dayjs";
 import "@vue/shared";
 import "lodash-unified";
+import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "../../hooks/use-size/index.js";
 import "@popperjs/core";
@@ -12,23 +14,20 @@ import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-empty-values/index.js";
-import "../form/index.js";
-import "../input/index.js";
-import "../icon/index.js";
-import "../tooltip/index.js";
-import "dayjs";
-import { timePickerDefaultProps as q, timePickerRangeTriggerProps as v } from "./src/common/props.js";
 import "./src/props/panel-time-picker.js";
 import "../../directives/click-outside/index.js";
 import "normalize-wheel-es";
 import "../scrollbar/index.js";
+import "../icon/index.js";
 import "./src/props/basic-time-spinner.js";
-const b = r(
+import { timePickerDefaultProps as b, timePickerRangeTriggerProps as j } from "./src/common/props.js";
+const D = r(
   i,
   "ep-time-picker"
 );
 export {
-  b as EpTimePicker,
-  q as timePickerDefaultProps,
-  v as timePickerRangeTriggerProps
+  R as CommonPicker,
+  D as EpTimePicker,
+  b as timePickerDefaultProps,
+  j as timePickerRangeTriggerProps
 };