ep-craft 0.1.40 → 0.1.42

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.40",
+  "version": "0.1.42",
   "description": "A self-contained Vue 3 component library with ep- prefix",
   "type": "module",
   "packageManager": "pnpm@10.34.4",