ep-craft 0.1.41 → 0.2.0

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))