ep-craft 0.1.41 → 0.1.42

package/dist/components/input-number/EpInputNumber.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as he, ref as Q, reactive as Ve, computed as N, toRef as Y, watch as Z, onMounted as ye, onUpdated as Ee, openBlock as b, createElementBlock as w, withModifiers as ge, normalizeClass as I, unref as r, toDisplayString as xe, createCommentVNode as R, withDirectives as _, withKeys as ee, renderSlot as S, createVNode as $, withCtx as A, createBlock as F, createSlots as we } from "vue";
-import { isNil as k } from "lodash-unified";
+import { defineComponent as he, ref as Q, reactive as Ve, computed as N, toRef as Y, watch as Z, onMounted as ye, onUpdated as Ee, openBlock as b, createElementBlock as w, withModifiers as ge, normalizeClass as I, unref as n, toDisplayString as xe, createCommentVNode as R, withDirectives as _, withKeys as ee, renderSlot as S, createVNode as $, withCtx as A, createBlock as L, createSlots as we } from "vue";
+import { isNil as F } from "lodash-unified";
 import { EpInput as Ie } from "../input/index.js";
 import { ElIcon as te } from "../icon/index.js";
 import { vRepeatClick as ae } from "../../directives/repeat-click/index.js";
 import { useNamespace as Se } from "../../hooks/use-namespace/index.js";
 import { useLocale as Ae } from "../../hooks/use-locale/index.js";
-import { useId as Fe } from "../../hooks/use-id/index.js";
+import { useId as Le } from "../../hooks/use-id/index.js";
 import "../../hooks/use-size/index.js";
 import "../../hooks/use-aria/index.js";
-import { useFloatLabel as ke } from "../../hooks/use-float-label/index.js";
-import { debugWarn as z, throwError as Le } from "../../utils/error.js";
-import { isString as Ce, NOOP as ne } from "@vue/shared";
-import { isNumber as h, isUndefined as L } from "../../utils/types.js";
+import { useFloatLabel as Fe } from "../../hooks/use-float-label/index.js";
+import { debugWarn as z, throwError as ke } from "../../utils/error.js";
+import { isString as Ce, NOOP as re } from "@vue/shared";
+import { isNumber as h, isUndefined as k } from "../../utils/types.js";
 import { getEventCode as De, getEventKey as Me } from "../../utils/dom/event.js";
 import { ArrowDown as Pe, Minus as Te, ArrowUp as Be, Plus as Oe } from "@element-plus/icons-vue";
 import { EVENT_CODE as le } from "../../constants/aria.js";
@@ -40,6 +40,7 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     precision: {},
     validateEvent: { type: Boolean, default: !0 },
     ariaLabel: {},
+    ariaLabelledby: {},
     inputmode: { default: void 0 },
     align: { default: "center" },
     disabledScientific: { type: Boolean },
@@ -49,7 +50,7 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     floatLabel: { type: Boolean }
   },
   emits: $e,
-  setup(u, { expose: re, emit: ie }) {
+  setup(u, { expose: ne, emit: ie }) {
     const a = u, s = ie, { t: G } = Ae(), c = Se("input-number"), p = Q(), i = Ve({
       currentValue: a.modelValue,
       userInput: null
@@ -59,40 +60,38 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       () => h(a.modelValue) && a.modelValue >= a.max
     ), ue = N(() => {
       const e = j(a.step);
-      return L(a.precision) ? Math.max(j(a.modelValue), e) : (e > a.precision && z(
+      return k(a.precision) ? Math.max(j(a.modelValue), e) : (e > a.precision && z(
         "InputNumber",
         "precision should not be less than the decimal places of step"
       ), a.precision);
-    }), C = N(() => a.controls && a.controlsPosition === "right"), X = Ke(), v = Ge(), D = Q(!1), oe = N(() => !k(i.currentValue)), { floatLabelClass: se } = ke({
+    }), C = N(() => a.controls && a.controlsPosition === "right"), X = Ke(), v = Ge(), D = Q(!1), oe = N(() => !F(i.currentValue)), { floatLabelClass: se } = Fe({
       floatLabel: Y(a, "floatLabel"),
       isFocused: D,
       hasValue: oe,
       isDisabled: v,
       isReadonly: Y(a, "readonly")
-    }), H = Fe(), ce = N(
-      () => a.floatLabel && a.placeholder && !a.ariaLabel ? H.value : void 0
-    ), M = N(() => {
+    }), H = Le(), ce = N(() => a.ariaLabelledby ? a.ariaLabelledby : a.floatLabel && a.placeholder && !a.ariaLabel ? H.value : void 0), M = N(() => {
       if (i.userInput !== null)
         return i.userInput;
       let e = i.currentValue;
-      if (k(e)) return "";
+      if (F(e)) return "";
       if (h(e)) {
         if (Number.isNaN(e)) return "";
-        L(a.precision) || (e = e.toFixed(a.precision));
+        k(a.precision) || (e = e.toFixed(a.precision));
       }
       return e;
     }), y = (e, t) => {
-      if (L(t) && (t = ue.value), t === 0) return Math.round(e);
-      let n = String(e);
-      const l = n.indexOf(".");
-      if (l === -1 || !n.replace(".", "").split("")[l + t]) return e;
-      const g = n.length;
-      return n.charAt(g - 1) === "5" && (n = `${n.slice(0, Math.max(0, g - 1))}6`), Number.parseFloat(Number(n).toFixed(t));
+      if (k(t) && (t = ue.value), t === 0) return Math.round(e);
+      let r = String(e);
+      const l = r.indexOf(".");
+      if (l === -1 || !r.replace(".", "").split("")[l + t]) return e;
+      const g = r.length;
+      return r.charAt(g - 1) === "5" && (r = `${r.slice(0, Math.max(0, g - 1))}6`), Number.parseFloat(Number(r).toFixed(t));
     }, j = (e) => {
-      if (k(e)) return 0;
-      const t = e.toString(), n = t.indexOf(".");
+      if (F(e)) return 0;
+      const t = e.toString(), r = t.indexOf(".");
       let l = 0;
-      return n !== -1 && (l = t.length - n - 1), l;
+      return r !== -1 && (l = t.length - r - 1), l;
     }, q = (e, t = 1) => h(e) ? e >= Number.MAX_SAFE_INTEGER && t === 1 ? (z(
       "InputNumber",
       "The value has reached the maximum safe integer limit."
@@ -100,8 +99,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       "InputNumber",
       "The value has reached the minimum safe integer limit."
     ), e) : y(e + a.step * t) : i.currentValue, de = (e) => {
-      const t = De(e), n = Me(e);
-      if (a.disabledScientific && ["e", "E"].includes(n)) {
+      const t = De(e), r = Me(e);
+      if (a.disabledScientific && ["e", "E"].includes(r)) {
         e.preventDefault();
         return;
       }
@@ -124,28 +123,28 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       const e = Number(M.value) || 0, t = q(e, -1);
       E(t), s(K, i.currentValue), O();
     }, B = (e, t) => {
-      const { max: n, min: l, step: m, precision: f, stepStrictly: g, valueOnClear: x } = a;
-      n < l && Le("InputNumber", "min should not be greater than max.");
+      const { max: r, min: l, step: m, precision: f, stepStrictly: g, valueOnClear: x } = a;
+      r < l && ke("InputNumber", "min should not be greater than max.");
       let o = e ? Number.parseFloat(String(e)) : Number(e);
-      if (k(e) || Number.isNaN(o))
+      if (F(e) || Number.isNaN(o))
         return null;
       if (e === "") {
         if (x === null)
           return null;
-        o = Ce(x) ? { min: l, max: n }[x] : x;
+        o = Ce(x) ? { min: l, max: r }[x] : x;
       }
       return g && (o = y(
         Math.round(y(o / m)) * m,
         f
-      ), o !== e && t && s(V, o)), L(f) || (o = y(o, f)), (o > n || o < l) && (o = o > n ? n : l, t && s(V, o)), o;
+      ), o !== e && t && s(V, o)), k(f) || (o = y(o, f)), (o > r || o < l) && (o = o > r ? r : l, t && s(V, o)), o;
     }, E = (e, t = !0) => {
       var m;
-      const n = i.currentValue, l = B(e);
+      const r = i.currentValue, l = B(e);
       if (!t) {
         s(V, l);
         return;
       }
-      i.userInput = null, !(n === l && e) && (s(V, l), n !== l && s(Re, l, n), a.validateEvent && ((m = d == null ? void 0 : d.validate) == null || m.call(d, "change").catch(ne)), i.currentValue = l);
+      i.userInput = null, !(r === l && e) && (s(V, l), r !== l && s(Re, l, r), a.validateEvent && ((m = d == null ? void 0 : d.validate) == null || m.call(d, "change").catch(re)), i.currentValue = l);
     }, me = (e) => {
       i.userInput = e;
       let t = e === "" ? null : Number.parseFloat(e);
@@ -162,8 +161,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     }, pe = (e) => {
       D.value = !0, s("focus", e);
     }, Ne = (e) => {
-      var t, n, l;
-      D.value = !1, i.userInput = null, i.currentValue === null && ((t = p.value) != null && t.input) && (p.value.input.value = ((n = a.formatter) == null ? void 0 : n.call(a, "")) ?? ""), s("blur", e), a.validateEvent && ((l = d == null ? void 0 : d.validate) == null || l.call(d, "blur").catch(ne));
+      var t, r, l;
+      D.value = !1, i.userInput = null, i.currentValue === null && ((t = p.value) != null && t.input) && (p.value.input.value = ((r = a.formatter) == null ? void 0 : r.call(a, "")) ?? ""), s("blur", e), a.validateEvent && ((l = d == null ? void 0 : d.validate) == null || l.call(d, "blur").catch(re));
     }, O = () => {
       i.currentValue !== a.modelValue && (i.currentValue = a.modelValue);
     }, ve = (e) => {
@@ -172,8 +171,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     return Z(
       () => a.modelValue,
       (e, t) => {
-        const n = B(e, !0);
-        i.userInput === null && n !== t && (i.currentValue = n);
+        const r = B(e, !0);
+        i.userInput === null && r !== t && (i.currentValue = r);
       },
       { immediate: !0 }
     ), Z(
@@ -183,12 +182,12 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       }
     ), ye(() => {
       var m;
-      const { min: e, max: t, modelValue: n } = a, l = (m = p.value) == null ? void 0 : m.input;
+      const { min: e, max: t, modelValue: r } = a, l = (m = p.value) == null ? void 0 : m.input;
       if (l.setAttribute("role", "spinbutton"), Number.isFinite(t) ? l.setAttribute("aria-valuemax", String(t)) : l.removeAttribute("aria-valuemax"), Number.isFinite(e) ? l.setAttribute("aria-valuemin", String(e)) : l.removeAttribute("aria-valuemin"), l.setAttribute(
         "aria-valuenow",
         i.currentValue || i.currentValue === 0 ? String(i.currentValue) : ""
-      ), l.setAttribute("aria-disabled", String(v.value)), !h(n) && n != null) {
-        let f = Number(n);
+      ), l.setAttribute("aria-disabled", String(v.value)), !h(r) && r != null) {
+        let f = Number(r);
         Number.isNaN(f) && (f = null), s(V, f);
       }
       l.addEventListener("wheel", ve, { passive: !1 });
@@ -196,67 +195,67 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       var t;
       const e = (t = p.value) == null ? void 0 : t.input;
       e == null || e.setAttribute("aria-valuenow", `${i.currentValue ?? ""}`);
-    }), re({
+    }), ne({
       /** @description get focus the input component */
       focus: J,
       /** @description remove focus the input component */
       blur: be
     }), (e, t) => (b(), w("div", {
       class: I([
-        r(c).b(),
-        r(c).m(r(X)),
-        r(c).is("disabled", r(v)),
-        r(c).is("without-controls", !u.controls),
-        r(c).is("controls-right", C.value),
-        r(c).is(u.align, !!u.align),
-        r(c).is("float-label", a.floatLabel)
+        n(c).b(),
+        n(c).m(n(X)),
+        n(c).is("disabled", n(v)),
+        n(c).is("without-controls", !u.controls),
+        n(c).is("controls-right", C.value),
+        n(c).is(u.align, !!u.align),
+        n(c).is("float-label", a.floatLabel)
       ]),
       onDragstart: t[0] || (t[0] = ge(() => {
       }, ["prevent"]))
     }, [
       a.floatLabel ? (b(), w("span", {
         key: 0,
-        id: r(H),
-        class: I(["el-float-label", r(se)]),
+        id: n(H),
+        class: I(["el-float-label", n(se)]),
         onClick: J
       }, xe(u.placeholder), 11, Ue)) : R("", !0),
       u.controls ? _((b(), w("span", {
         key: 1,
         role: "button",
-        "aria-label": r(G)("el.inputNumber.decrease"),
-        class: I([r(c).e("decrease"), r(c).is("disabled", U.value)]),
+        "aria-label": n(G)("el.inputNumber.decrease"),
+        class: I([n(c).e("decrease"), n(c).is("disabled", U.value)]),
         onKeydown: ee(T, ["enter"])
       }, [
         S(e.$slots, "decrease-icon", {}, () => [
-          $(r(te), null, {
+          $(n(te), null, {
             default: A(() => [
-              C.value ? (b(), F(r(Pe), { key: 0 })) : (b(), F(r(Te), { key: 1 }))
+              C.value ? (b(), L(n(Pe), { key: 0 })) : (b(), L(n(Te), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, We)), [
-        [r(ae), T]
+        [n(ae), T]
       ]) : R("", !0),
       u.controls ? _((b(), w("span", {
         key: 2,
         role: "button",
-        "aria-label": r(G)("el.inputNumber.increase"),
-        class: I([r(c).e("increase"), r(c).is("disabled", W.value)]),
+        "aria-label": n(G)("el.inputNumber.increase"),
+        class: I([n(c).e("increase"), n(c).is("disabled", W.value)]),
         onKeydown: ee(P, ["enter"])
       }, [
         S(e.$slots, "increase-icon", {}, () => [
-          $(r(te), null, {
+          $(n(te), null, {
             default: A(() => [
-              C.value ? (b(), F(r(Be), { key: 0 })) : (b(), F(r(Oe), { key: 1 }))
+              C.value ? (b(), L(n(Be), { key: 0 })) : (b(), L(n(Oe), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, Xe)), [
-        [r(ae), P]
+        [n(ae), P]
       ]) : R("", !0),
-      $(r(Ie), {
+      $(n(Ie), {
         id: u.id,
         ref_key: "input",
         ref: p,
@@ -265,8 +264,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
         "model-value": M.value,
         placeholder: a.floatLabel ? void 0 : u.placeholder,
         readonly: u.readonly,
-        disabled: r(v),
-        size: r(X),
+        disabled: n(v),
+        size: n(X),
         max: u.max,
         min: u.min,
         name: u.name,

package/dist/components/input-number/input-number.d.ts

@@ -72,6 +72,10 @@ export interface InputNumberProps {
      * @description native aria-label attribute
      */
     ariaLabel?: string;
+    /**
+     * @description native aria-labelledby attribute
+     */
+    ariaLabelledby?: string;
     /**
      * @description native input mode for virtual keyboards
      */
@@ -123,6 +127,7 @@ export declare const inputNumberProps: {
     };
     readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
     readonly ariaLabel: StringConstructor;
+    readonly ariaLabelledby: StringConstructor;
     readonly id: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     readonly step: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly stepStrictly: BooleanConstructor;

package/dist/components/input-number/input-number.js

@@ -3,9 +3,9 @@ import { isNumber as r } from "../../utils/types.js";
 import { buildProps as n, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
 import "@vueuse/core";
-import { useSizeProp as u } from "../../hooks/use-size/index.js";
-import { useAriaProps as l } from "../../hooks/use-aria/index.js";
-import { floatLabelProp as a } from "../../hooks/use-float-label/index.js";
+import { useSizeProp as l } from "../../hooks/use-size/index.js";
+import { useAriaProps as a } from "../../hooks/use-aria/index.js";
+import { floatLabelProp as u } from "../../hooks/use-float-label/index.js";
 import { UPDATE_MODEL_EVENT as p, INPUT_EVENT as m, CHANGE_EVENT as d } from "../../constants/event.js";
 n({
   /**
@@ -60,7 +60,7 @@ n({
   /**
    * @description size of the component
    */
-  size: u,
+  size: l,
   /**
    * @description whether to enable the control buttons
    */
@@ -106,7 +106,7 @@ n({
     type: Boolean,
     default: !0
   },
-  ...l(["ariaLabel"]),
+  ...a(["ariaLabel", "ariaLabelledby"]),
   /**
    * @description native input mode for virtual keyboards
    */
@@ -144,7 +144,7 @@ n({
     type: [String, Number],
     default: 0
   },
-  ...a
+  ...u
 });
 const P = {
   [d]: (e, i) => i !== e,

package/dist/components/select/index.d.ts

@@ -5,6 +5,7 @@ export default EpSelect;
 export declare const ElSelect: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         ariaLabel: StringConstructor;
+        ariaLabelledby: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
         floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -111,7 +112,7 @@ export declare const ElSelect: {
         floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
         floatLabelText: import("vue").ComputedRef<string>;
         floatLabelId: import("vue").Ref<string, string>;
-        floatLabelAriaLabelledby: import("vue").ComputedRef<string | undefined>;
+        ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
         calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         inputStyle: import("vue").ComputedRef<{
             minWidth: string;
@@ -961,6 +962,7 @@ export declare const ElSelect: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         ariaLabel: StringConstructor;
+        ariaLabelledby: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
         floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -1067,7 +1069,7 @@ export declare const ElSelect: {
         floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
         floatLabelText: import("vue").ComputedRef<string>;
         floatLabelId: import("vue").Ref<string, string>;
-        floatLabelAriaLabelledby: import("vue").ComputedRef<string | undefined>;
+        ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
         calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         inputStyle: import("vue").ComputedRef<{
             minWidth: string;
@@ -1279,6 +1281,7 @@ export declare const ElSelect: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -1385,7 +1388,7 @@ export declare const ElSelect: {
     floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
     floatLabelText: import("vue").ComputedRef<string>;
     floatLabelId: import("vue").Ref<string, string>;
-    floatLabelAriaLabelledby: import("vue").ComputedRef<string | undefined>;
+    ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
     calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     inputStyle: import("vue").ComputedRef<{
         minWidth: string;

package/dist/components/select/select.d.ts

@@ -23,6 +23,7 @@ export interface TagTooltipProps {
 }
 export declare const selectProps: {
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

package/dist/components/select/select.js

@@ -10,7 +10,7 @@ import { useEmptyValuesProps as f } from "../../hooks/use-empty-values/index.js"
 import { floatLabelProp as m } from "../../hooks/use-float-label/index.js";
 import { ArrowDown as s, CircleClose as d } from "@element-plus/icons-vue";
 import { CHANGE_EVENT as c, UPDATE_MODEL_EVENT as y } from "../../constants/event.js";
-import { defaultProps as g } from "../select-v2/src/useProps.js";
+import { defaultProps as b } from "../select-v2/src/useProps.js";
 import { scrollbarEmits as r } from "../scrollbar/src/scrollbar.js";
 import { useTooltipContentProps as a } from "../tooltip/src/content.js";
 import { tagProps as l } from "../tag/tag.js";
@@ -286,11 +286,11 @@ const F = i({
   },
   props: {
     type: e(Object),
-    default: () => g
+    default: () => b
   },
   ...m,
   ...f,
-  ...u(["ariaLabel"])
+  ...u(["ariaLabel", "ariaLabelledby"])
 }), L = {
   // todo: use generics to eliminate any
   [y]: (t) => !0,

package/dist/components/select/select.vue.d.ts

@@ -2,6 +2,7 @@ import type { VNode } from 'vue';
 import type { SelectContext } from './src/type.js';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -95,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
     floatLabelText: import("vue").ComputedRef<string>;
     floatLabelId: import("vue").Ref<string, string>;
-    floatLabelAriaLabelledby: import("vue").ComputedRef<string | undefined>;
+    ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
     calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     inputStyle: import("vue").ComputedRef<{
         minWidth: string;
@@ -276,6 +277,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     clear: () => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

package/dist/components/select/select.vue.js

@@ -1,10 +1,10 @@
 import J from "./select2.vue.js";
-import { resolveComponent as b, resolveDirective as Q, withDirectives as c, openBlock as l, createElementBlock as n, mergeProps as L, toHandlerKey as W, createVNode as m, withCtx as i, withModifiers as v, normalizeClass as s, renderSlot as f, createCommentVNode as p, createBlock as u, Fragment as C, renderList as k, vShow as X, createElementVNode as r, toDisplayString as g, normalizeStyle as V, createTextVNode as A, resolveDynamicComponent as R } from "vue";
+import { resolveComponent as b, resolveDirective as Q, withDirectives as c, openBlock as l, createElementBlock as n, mergeProps as V, toHandlerKey as W, createVNode as m, withCtx as i, withModifiers as v, normalizeClass as s, renderSlot as f, createCommentVNode as p, createBlock as u, Fragment as C, renderList as k, vShow as X, createElementVNode as r, toDisplayString as g, normalizeStyle as L, createTextVNode as A, resolveDynamicComponent as R } from "vue";
 import Y from "../../_virtual/_plugin-vue_export-helper.js";
 const Z = ["id"], x = ["id", "value", "name", "disabled", "autocomplete", "tabindex", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-labelledby"], _ = ["textContent"], ee = { key: 1 };
 function le(e, o, oe, se, ae, ne) {
   const w = b("el-tag"), I = b("el-tooltip"), T = b("el-icon"), h = b("el-option"), F = b("el-option-group"), U = b("el-options"), j = b("el-scrollbar"), q = b("el-select-menu"), G = Q("click-outside");
-  return c((l(), n("div", L({
+  return c((l(), n("div", V({
     ref: "selectRef",
     class: [e.nsSelect.b(), e.nsSelect.m(e.selectSize)]
   }, {
@@ -88,7 +88,7 @@ function le(e, o, oe, se, ae, ne) {
                       type: e.tagType,
                       effect: e.tagEffect,
                       "disable-transitions": "",
-                      style: V(e.tagStyle),
+                      style: L(e.tagStyle),
                       onClose: ($) => e.deleteTag($, t)
                     }, {
                       default: i(() => [
@@ -141,7 +141,7 @@ function le(e, o, oe, se, ae, ne) {
                           type: e.tagType,
                           effect: e.tagEffect,
                           "disable-transitions": "",
-                          style: V(e.collapseTagStyle)
+                          style: L(e.collapseTagStyle)
                         }, {
                           default: i(() => [
                             r("span", {
@@ -211,7 +211,7 @@ function le(e, o, oe, se, ae, ne) {
                   class: s([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
                   disabled: e.selectDisabled,
                   autocomplete: e.autocomplete,
-                  style: V(e.inputStyle),
+                  style: L(e.inputStyle),
                   tabindex: e.tabindex,
                   role: "combobox",
                   readonly: !e.filterable,
@@ -220,7 +220,7 @@ function le(e, o, oe, se, ae, ne) {
                   "aria-controls": e.contentId,
                   "aria-expanded": e.dropdownMenuVisible,
                   "aria-label": e.ariaLabel,
-                  "aria-labelledby": e.floatLabelAriaLabelledby,
+                  "aria-labelledby": e.ariaLabelledbyValue,
                   "aria-autocomplete": "none",
                   "aria-haspopup": "listbox",
                   onKeydown: o[0] || (o[0] = (...a) => e.handleKeydown && e.handleKeydown(...a)),
@@ -324,7 +324,7 @@ function le(e, o, oe, se, ae, ne) {
               class: s([e.nsSelect.is("empty", e.filteredOptionsCount === 0)]),
               role: "listbox",
               "aria-label": e.ariaLabel,
-              "aria-labelledby": e.floatLabelAriaLabelledby,
+              "aria-labelledby": e.ariaLabelledbyValue,
               "aria-orientation": "vertical",
               onScroll: e.popupScroll,
               onEndReached: e.endReached
@@ -347,12 +347,12 @@ function le(e, o, oe, se, ae, ne) {
                             disabled: e.getDisabled(d)
                           }, {
                             default: i(() => [
-                              (l(!0), n(C, null, k(e.getOptions(d), (y) => (l(), u(h, L({
+                              (l(!0), n(C, null, k(e.getOptions(d), (y) => (l(), u(h, V({
                                 key: e.getValue(y)
                               }, { ref_for: !0 }, e.getOptionProps(y)), null, 16))), 128))
                             ]),
                             _: 2
-                          }, 1032, ["label", "disabled"])) : (l(), u(h, L({
+                          }, 1032, ["label", "disabled"])) : (l(), u(h, V({
                             key: 1,
                             ref_for: !0
                           }, e.getOptionProps(d)), null, 16))

package/dist/components/select/select2.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, getCurrentInstance as P, computed as b, reactive as T, toRefs as k, toRef as N, watch as F, provide as I, onBeforeUnmount as j } from "vue";
+import { defineComponent as A, getCurrentInstance as P, computed as b, reactive as T, toRefs as k, toRef as N, watch as F, provide as I, onBeforeUnmount as j } from "vue";
 import G from "../../directives/click-outside/index.js";
 import { EpTooltip as B } from "../tooltip/index.js";
 import { EpScrollbar as K } from "../scrollbar/index.js";
@@ -15,82 +15,80 @@ import { useProps as Z } from "../select-v2/src/useProps.js";
 import $ from "./src/option.vue.js";
 import ee from "./src/select-dropdown.vue.js";
 import { useSelect as te } from "./src/useSelect.js";
-import { selectKey as oe } from "./src/token.js";
-import ne from "./src/options.js";
-import { selectEmits as re, selectProps as le } from "./select.js";
-import ae from "./src/option-group.vue.js";
+import { selectKey as re } from "./src/token.js";
+import oe from "./src/options.js";
+import { selectEmits as ne, selectProps as ae } from "./select.js";
+import le from "./src/option-group.vue.js";
 import { isArray as ie, isObject as E } from "@vue/shared";
-const y = "EpSelect", m = /* @__PURE__ */ new WeakMap(), ce = (o) => (...n) => {
-  var p, s, u;
-  const l = n[0];
-  if (!l || l.includes(
+const y = "EpSelect", m = /* @__PURE__ */ new WeakMap(), ce = (t) => (...o) => {
+  var u, s, p;
+  const a = o[0];
+  if (!a || a.includes(
     'Slot "default" invoked outside of the render function'
-  ) && ((p = n[2]) != null && p.includes("ElTreeSelect") || (s = n[2]) != null && s.includes("EpTreeSelect")))
+  ) && ((u = o[2]) != null && u.includes("ElTreeSelect") || (s = o[2]) != null && s.includes("EpTreeSelect")))
     return;
-  const a = (u = m.get(o)) == null ? void 0 : u.originalWarnHandler;
-  if (a) {
-    a(...n);
+  const l = (p = m.get(t)) == null ? void 0 : p.originalWarnHandler;
+  if (l) {
+    l(...o);
     return;
   }
-  console.warn(...n);
-}, se = (o) => {
-  let n = m.get(o);
-  return n || (n = {
-    originalWarnHandler: o.config.warnHandler,
-    handler: ce(o),
+  console.warn(...o);
+}, se = (t) => {
+  let o = m.get(t);
+  return o || (o = {
+    originalWarnHandler: t.config.warnHandler,
+    handler: ce(t),
     count: 0
-  }, m.set(o, n)), n;
-}, Ae = _({
+  }, m.set(t, o)), o;
+}, xe = A({
   name: y,
   componentName: y,
   components: {
     ElSelectMenu: ee,
     ElOption: $,
-    ElOptions: ne,
-    ElOptionGroup: ae,
+    ElOptions: oe,
+    ElOptionGroup: le,
     ElTag: U,
     ElScrollbar: K,
     ElTooltip: B,
     ElIcon: q
   },
   directives: { ClickOutside: G },
-  props: le,
-  emits: re,
-  setup(o, { emit: n, slots: l }) {
-    const a = P(), p = se(a.appContext);
-    p.count += 1, a.appContext.config.warnHandler = p.handler;
+  props: ae,
+  emits: ne,
+  setup(t, { emit: o, slots: a }) {
+    const l = P(), u = se(l.appContext);
+    u.count += 1, l.appContext.config.warnHandler = u.handler;
     const s = b(() => {
-      const { modelValue: e, multiple: i } = o, r = i ? [] : void 0;
-      return ie(e) ? i ? e : r : i ? r : e;
-    }), u = T({
-      ...k(o),
+      const { modelValue: e, multiple: i } = t, n = i ? [] : void 0;
+      return ie(e) ? i ? e : n : i ? n : e;
+    }), p = T({
+      ...k(t),
       modelValue: s
-    }), t = te(u, n), { floatLabelClass: w } = Y({
-      floatLabel: N(o, "floatLabel"),
-      isFocused: t.isFocused,
-      hasValue: t.hasModelValue,
-      isDisabled: t.selectDisabled
+    }), r = te(p, o), { floatLabelClass: w } = Y({
+      floatLabel: N(t, "floatLabel"),
+      isFocused: r.isFocused,
+      hasValue: r.hasModelValue,
+      isDisabled: r.selectDisabled
     }), { t: D } = J(), h = b(
-      () => o.placeholder ?? D("el.select.placeholder")
-    ), O = Q(), H = b(
-      () => o.floatLabel && h.value && !o.ariaLabel ? O.value : void 0
-    ), { calculatorRef: R, inputStyle: M } = X(), { getLabel: g, getValue: v, getOptions: W, getDisabled: L } = Z(o), x = (e) => ({
-      label: g(e),
-      value: v(e),
-      disabled: L(e)
-    }), S = (e) => e.reduce((i, r) => (i.push(r), r.children && r.children.length > 0 && i.push(...S(r.children)), i), []), A = (e) => {
-      z(e || []).forEach((r) => {
+      () => t.placeholder ?? D("el.select.placeholder")
+    ), O = Q(), H = b(() => t.ariaLabelledby ? t.ariaLabelledby : t.floatLabel && h.value && !t.ariaLabel ? O.value : void 0), { calculatorRef: R, inputStyle: M } = X(), { getLabel: L, getValue: g, getOptions: V, getDisabled: v } = Z(t), W = (e) => ({
+      label: L(e),
+      value: g(e),
+      disabled: v(e)
+    }), S = (e) => e.reduce((i, n) => (i.push(n), n.children && n.children.length > 0 && i.push(...S(n.children)), i), []), x = (e) => {
+      z(e || []).forEach((n) => {
         var C;
-        const d = r.type.name;
-        if (E(r) && (d === "ElOption" || d === "ElTree" || d === "EpTree")) {
+        const d = n.type.name;
+        if (E(n) && (d === "ElOption" || d === "ElTree" || d === "EpTree")) {
           if (d === "ElTree" || d === "EpTree") {
-            const c = ((C = r.props) == null ? void 0 : C.data) || [];
+            const c = ((C = n.props) == null ? void 0 : C.data) || [];
             S(c).forEach((f) => {
-              f.currentLabel = f.label ?? (E(f.value) ? "" : f.value), t.onOptionCreate(f);
+              f.currentLabel = f.label ?? (E(f.value) ? "" : f.value), r.onOptionCreate(f);
             });
           } else if (d === "ElOption") {
-            const c = { ...r.props };
-            c.currentLabel = c.label ?? (E(c.value) ? "" : c.value), t.onOptionCreate(c);
+            const c = { ...n.props };
+            c.currentLabel = c.label ?? (E(c.value) ? "" : c.value), r.onOptionCreate(c);
           }
         }
       });
@@ -99,52 +97,52 @@ const y = "EpSelect", m = /* @__PURE__ */ new WeakMap(), ce = (o) => (...n) => {
       () => {
         var e;
         return [
-          o.persistent || t.expanded.value || !l.default || (e = l.default) == null ? void 0 : e.call(l),
+          t.persistent || r.expanded.value || !a.default || (e = a.default) == null ? void 0 : e.call(a),
           s.value
         ];
       },
       () => {
         var e;
-        o.persistent || t.expanded.value || l.default && (t.states.options.clear(), A((e = l.default) == null ? void 0 : e.call(l)));
+        t.persistent || r.expanded.value || a.default && (r.states.options.clear(), x((e = a.default) == null ? void 0 : e.call(a)));
       },
       {
         immediate: !0
       }
     ), I(
-      oe,
+      re,
       T({
-        props: u,
-        states: t.states,
-        selectRef: t.selectRef,
-        optionsArray: t.optionsArray,
-        setSelected: t.setSelected,
-        handleOptionSelect: t.handleOptionSelect,
-        onOptionCreate: t.onOptionCreate,
-        onOptionDestroy: t.onOptionDestroy
+        props: p,
+        states: r.states,
+        selectRef: r.selectRef,
+        optionsArray: r.optionsArray,
+        setSelected: r.setSelected,
+        handleOptionSelect: r.handleOptionSelect,
+        onOptionCreate: r.onOptionCreate,
+        onOptionDestroy: r.onOptionDestroy
       })
     );
-    const V = b(() => o.multiple ? t.states.selected.map((e) => e.currentLabel) : t.states.selectedLabel);
+    const _ = b(() => t.multiple ? r.states.selected.map((e) => e.currentLabel) : r.states.selectedLabel);
     return j(() => {
-      const e = m.get(a.appContext);
-      e && (e.count -= 1, e.count <= 0 && (a.appContext.config.warnHandler = e.originalWarnHandler, m.delete(a.appContext)));
+      const e = m.get(l.appContext);
+      e && (e.count -= 1, e.count <= 0 && (l.appContext.config.warnHandler = e.originalWarnHandler, m.delete(l.appContext)));
     }), {
-      ...t,
+      ...r,
       modelValue: s,
-      selectedLabel: V,
+      selectedLabel: _,
       floatLabelClass: w,
       floatLabelText: h,
       floatLabelId: O,
-      floatLabelAriaLabelledby: H,
+      ariaLabelledbyValue: H,
       calculatorRef: R,
       inputStyle: M,
-      getLabel: g,
-      getValue: v,
-      getOptions: W,
-      getDisabled: L,
-      getOptionProps: x
+      getLabel: L,
+      getValue: g,
+      getOptions: V,
+      getDisabled: v,
+      getOptionProps: W
     };
   }
 });
 export {
-  Ae as default
+  xe as default
 };

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

@@ -24,6 +24,7 @@ export interface TagTooltipProps {
 }
 export declare const selectV2Props: {
     readonly ariaLabel: StringConstructor;
+    readonly ariaLabelledby: StringConstructor;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     readonly floatLabel: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

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

@@ -318,7 +318,7 @@ const H = p({
   },
   ...m,
   ...s,
-  ...d(["ariaLabel"])
+  ...d(["ariaLabel", "ariaLabelledby"])
 }), I = p({
   data: Array,
   disabled: Boolean,

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

@@ -1,5 +1,6 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly ariaLabel: StringConstructor;
+    readonly ariaLabelledby: StringConstructor;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     readonly floatLabel: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -201,7 +202,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     floatLabelClass: import("vue").ComputedRef<import("../../../hooks/index.js").FloatLabelClass>;
     floatLabelText: import("vue").ComputedRef<string>;
     floatLabelId: import("vue").Ref<string, string>;
-    floatLabelAriaLabelledby: import("vue").ComputedRef<string | undefined>;
+    ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
     calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     inputStyle: import("vue").ComputedRef<{
         minWidth: string;
@@ -339,6 +340,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     clear: () => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly ariaLabel: StringConstructor;
+    readonly ariaLabelledby: StringConstructor;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     readonly floatLabel: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

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

@@ -1,5 +1,5 @@
 import W from "./select2.vue.js";
-import { resolveComponent as y, resolveDirective as Z, withDirectives as P, openBlock as s, createElementBlock as r, normalizeClass as o, createVNode as m, withCtx as i, createSlots as j, renderSlot as d, normalizeProps as q, guardReactiveProps as G, createElementVNode as n, withModifiers as p, toDisplayString as u, createCommentVNode as f, Fragment as A, renderList as H, normalizeStyle as T, createTextVNode as N, createBlock as g, withKeys as v, resolveDynamicComponent as w, vShow as J } from "vue";
+import { resolveComponent as y, resolveDirective as Z, withDirectives as P, openBlock as s, createElementBlock as r, normalizeClass as o, createVNode as m, withCtx as i, createSlots as j, renderSlot as d, normalizeProps as q, guardReactiveProps as G, createElementVNode as n, withModifiers as p, toDisplayString as u, createCommentVNode as f, Fragment as H, renderList as N, normalizeStyle as T, createTextVNode as A, createBlock as b, withKeys as v, resolveDynamicComponent as w, vShow as J } from "vue";
 import Q from "../../../_virtual/_plugin-vue_export-helper.js";
 const X = ["id"], Y = ["id", "value", "autocomplete", "tabindex", "aria-expanded", "aria-label", "aria-labelledby", "disabled", "aria-controls", "aria-activedescendant", "readonly", "name"], c = ["textContent"], x = { key: 1 };
 function _(e, l, ee, le, oe, ae) {
@@ -7,8 +7,8 @@ function _(e, l, ee, le, oe, ae) {
   return P((s(), r("div", {
     ref: "selectRef",
     class: o([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
-    onMouseenter: l[15] || (l[15] = (b) => e.states.inputHovering = !0),
-    onMouseleave: l[16] || (l[16] = (b) => e.states.inputHovering = !1)
+    onMouseenter: l[15] || (l[15] = (g) => e.states.inputHovering = !0),
+    onMouseleave: l[16] || (l[16] = (g) => e.states.inputHovering = !1)
   }, [
     m(k, {
       ref: "tooltipRef",
@@ -30,10 +30,10 @@ function _(e, l, ee, le, oe, ae) {
       "show-arrow": e.showArrow,
       offset: e.offset,
       onBeforeShow: e.handleMenuEnter,
-      onHide: l[14] || (l[14] = (b) => e.states.isBeforeHide = !1)
+      onHide: l[14] || (l[14] = (g) => e.states.isBeforeHide = !1)
     }, {
       default: i(() => {
-        var b;
+        var g;
         return [
           n("div", {
             ref: "wrapperRef",
@@ -76,7 +76,7 @@ function _(e, l, ee, le, oe, ae) {
               }, () => {
                 var a, I, $, V, R, L, z, D, E, M, O, B, K;
                 return [
-                  (s(!0), r(A, null, H(e.showTagList, (t) => (s(), r("div", {
+                  (s(!0), r(H, null, N(e.showTagList, (t) => (s(), r("div", {
                     key: e.getValueKey(e.getValue(t)),
                     class: o(e.nsSelect.e("selected-item"))
                   }, [
@@ -98,14 +98,14 @@ function _(e, l, ee, le, oe, ae) {
                             label: e.getLabel(t),
                             value: e.getValue(t)
                           }, () => [
-                            N(u(e.getLabel(t)), 1)
+                            A(u(e.getLabel(t)), 1)
                           ])
                         ], 2)
                       ]),
                       _: 2
                     }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
                   ], 2))), 128)),
-                  e.collapseTags && e.states.cachedOptions.length > e.maxCollapseTags ? (s(), g(k, {
+                  e.collapseTags && e.states.cachedOptions.length > e.maxCollapseTags ? (s(), b(k, {
                     key: 0,
                     ref: "tagTooltipRef",
                     disabled: e.dropdownMenuVisible || !e.collapseTagsTooltip,
@@ -155,7 +155,7 @@ function _(e, l, ee, le, oe, ae) {
                         ref: "tagMenuRef",
                         class: o(e.nsSelect.e("selection"))
                       }, [
-                        (s(!0), r(A, null, H(e.collapseTagList, (t) => (s(), r("div", {
+                        (s(!0), r(H, null, N(e.collapseTagList, (t) => (s(), r("div", {
                           key: e.getValueKey(e.getValue(t)),
                           class: o(e.nsSelect.e("selected-item"))
                         }, [
@@ -177,7 +177,7 @@ function _(e, l, ee, le, oe, ae) {
                                   label: e.getLabel(t),
                                   value: e.getValue(t)
                                 }, () => [
-                                  N(u(e.getLabel(t)), 1)
+                                  A(u(e.getLabel(t)), 1)
                                 ])
                               ], 2)
                             ]),
@@ -212,7 +212,7 @@ function _(e, l, ee, le, oe, ae) {
                   autocapitalize: "off",
                   "aria-expanded": e.expanded,
                   "aria-label": e.ariaLabel,
-                  "aria-labelledby": e.floatLabelAriaLabelledby,
+                  "aria-labelledby": e.ariaLabelledbyValue,
                   class: o([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
                   disabled: e.selectDisabled,
                   role: "combobox",
@@ -257,7 +257,7 @@ function _(e, l, ee, le, oe, ae) {
                 ])
               }, [
                 e.hasModelValue ? d(e.$slots, "label", {
-                  index: ((b = e.allOptionsValueMap.get(e.modelValue)) == null ? void 0 : b.index) ?? -1,
+                  index: ((g = e.allOptionsValueMap.get(e.modelValue)) == null ? void 0 : g.index) ?? -1,
                   label: e.currentPlaceholder,
                   value: e.modelValue
                 }, () => [
@@ -269,18 +269,18 @@ function _(e, l, ee, le, oe, ae) {
               ref: "suffixRef",
               class: o(e.nsSelect.e("suffix"))
             }, [
-              e.iconComponent ? P((s(), g(h, {
+              e.iconComponent ? P((s(), b(h, {
                 key: 0,
                 class: o([e.nsSelect.e("caret"), e.nsInput.e("icon"), e.iconReverse])
               }, {
                 default: i(() => [
-                  (s(), g(w(e.iconComponent)))
+                  (s(), b(w(e.iconComponent)))
                 ]),
                 _: 1
               }, 8, ["class"])), [
                 [J, !e.showClearBtn]
               ]) : f("", !0),
-              e.showClearBtn && e.clearIcon ? (s(), g(h, {
+              e.showClearBtn && e.clearIcon ? (s(), b(h, {
                 key: 1,
                 class: o([
                   e.nsSelect.e("caret"),
@@ -290,11 +290,11 @@ function _(e, l, ee, le, oe, ae) {
                 onClick: p(e.handleClear, ["prevent", "stop"])
               }, {
                 default: i(() => [
-                  (s(), g(w(e.clearIcon)))
+                  (s(), b(w(e.clearIcon)))
                 ]),
                 _: 1
               }, 8, ["class", "onClick"])) : f("", !0),
-              e.validateState && e.validateIcon && e.needStatusIcon ? (s(), g(h, {
+              e.validateState && e.validateIcon && e.needStatusIcon ? (s(), b(h, {
                 key: 2,
                 class: o([
                   e.nsInput.e("icon"),
@@ -303,7 +303,7 @@ function _(e, l, ee, le, oe, ae) {
                 ])
               }, {
                 default: i(() => [
-                  (s(), g(w(e.validateIcon)))
+                  (s(), b(w(e.validateIcon)))
                 ]),
                 _: 1
               }, 8, ["class"])) : f("", !0)
@@ -320,11 +320,11 @@ function _(e, l, ee, le, oe, ae) {
           "hovering-index": e.states.hoveringIndex,
           "scrollbar-always-on": e.scrollbarAlwaysOn,
           "aria-label": e.ariaLabel,
-          "aria-labelledby": e.floatLabelAriaLabelledby,
+          "aria-labelledby": e.ariaLabelledbyValue,
           onEndReached: e.onEndReached
         }, j({
-          default: i((b) => [
-            d(e.$slots, "default", q(G(b)))
+          default: i((g) => [
+            d(e.$slots, "default", q(G(g)))
           ]),
           _: 2
         }, [

package/dist/components/select-v2/src/select2.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as h, computed as l, reactive as m, toRefs as p, toRef as V, provide as y } from "vue";
+import { defineComponent as I, computed as l, reactive as m, toRefs as d, toRef as V, provide as h } from "vue";
 import R from "../../../directives/click-outside/index.js";
 import { EpTooltip as S } from "../../tooltip/index.js";
 import { EpTag as g } from "../../tag/index.js";
 import { EpIcon as T } from "../../icon/index.js";
 import { useLocale as H } from "../../../hooks/use-locale/index.js";
-import { useId as d } from "../../../hooks/use-id/index.js";
+import { useId as f } from "../../../hooks/use-id/index.js";
 import "../../../hooks/use-size/index.js";
 import "../../../hooks/use-aria/index.js";
 import { useCalcInputWidth as K } from "../../../hooks/use-calc-input-width/index.js";
 import { useFloatLabel as O } from "../../../hooks/use-float-label/index.js";
 import x from "./select-dropdown.js";
-import A from "./useSelect.js";
-import { selectV2Emits as C, selectV2Props as D } from "./defaults.js";
-import { selectV2InjectionKey as _ } from "./token.js";
+import C from "./useSelect.js";
+import { selectV2Emits as D, selectV2Props as _ } from "./defaults.js";
+import { selectV2InjectionKey as A } from "./token.js";
 import { BORDER_HORIZONTAL_WIDTH as F } from "../../../constants/form.js";
 import { isArray as M } from "@vue/shared";
-const ee = h({
+const ee = I({
   name: "EpSelectV2",
   components: {
     ElSelectMenu: x,
@@ -24,54 +24,52 @@ const ee = h({
     ElIcon: T
   },
   directives: { ClickOutside: R },
-  props: D,
-  emits: C,
-  setup(o, { emit: f }) {
+  props: _,
+  emits: D,
+  setup(t, { emit: u }) {
     const a = l(() => {
-      const { modelValue: t, multiple: r } = o, n = r ? [] : void 0;
-      return M(t) ? r ? t : n : r ? n : t;
-    }), e = A(
+      const { modelValue: o, multiple: r } = t, s = r ? [] : void 0;
+      return M(o) ? r ? o : s : r ? s : o;
+    }), e = C(
       m({
-        ...p(o),
+        ...d(t),
         modelValue: a
       }),
-      f
-    ), { floatLabelClass: u } = O({
-      floatLabel: V(o, "floatLabel"),
+      u
+    ), { floatLabelClass: p } = O({
+      floatLabel: V(t, "floatLabel"),
       isFocused: e.isFocused,
       hasValue: e.hasModelValue,
       isDisabled: e.selectDisabled
     }), { t: b } = H(), i = l(
-      () => o.placeholder ?? b("el.select.placeholder")
-    ), c = d(), L = l(
-      () => o.floatLabel && i.value && !o.ariaLabel ? c.value : void 0
-    ), { calculatorRef: v, inputStyle: E } = K(), s = d();
-    y(_, {
+      () => t.placeholder ?? b("el.select.placeholder")
+    ), c = f(), L = l(() => t.ariaLabelledby ? t.ariaLabelledby : t.floatLabel && i.value && !t.ariaLabel ? c.value : void 0), { calculatorRef: v, inputStyle: y } = K(), n = f();
+    h(A, {
       props: m({
-        ...p(o),
+        ...d(t),
         height: e.popupHeight,
         modelValue: a
       }),
       expanded: e.expanded,
       tooltipRef: e.tooltipRef,
-      contentId: s,
+      contentId: n,
       onSelect: e.onSelect,
       onHover: e.onHover,
       onKeyboardNavigate: e.onKeyboardNavigate,
       onKeyboardSelect: e.onKeyboardSelect
     });
-    const I = l(() => o.multiple ? e.states.cachedOptions.map((t) => e.getLabel(t)) : e.states.selectedLabel);
+    const E = l(() => t.multiple ? e.states.cachedOptions.map((o) => e.getLabel(o)) : e.states.selectedLabel);
     return {
       ...e,
       modelValue: a,
-      selectedLabel: I,
-      floatLabelClass: u,
+      selectedLabel: E,
+      floatLabelClass: p,
       floatLabelText: i,
       floatLabelId: c,
-      floatLabelAriaLabelledby: L,
+      ariaLabelledbyValue: L,
       calculatorRef: v,
-      inputStyle: E,
-      contentId: s,
+      inputStyle: y,
+      contentId: n,
       BORDER_HORIZONTAL_WIDTH: F
     };
   }

package/dist/components/tree-select/src/tree-select.vue.d.ts

@@ -88,6 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -266,6 +267,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     ariaLabel: StringConstructor;
+    ariaLabelledby: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
     floatLabel: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "description": "A self-contained Vue 3 component library with ep- prefix",
   "type": "module",
   "packageManager": "pnpm@10.34.4",