ep-craft 0.1.39 → 0.1.40

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

@@ -1,29 +1,22 @@
-import { defineComponent as Q, inject as W, ref as K, computed as y, watch as X, unref as S, createVNode as l, mergeProps as L, toRaw as Y } from "vue";
-import { get as v } from "lodash-unified";
-import { isUndefined as Z } from "../../../utils/types.js";
-import { isIOS as ee } from "@vueuse/core";
-import { isObject as N } from "@vue/shared";
+import { defineComponent as Q, inject as W, ref as D, computed as w, watch as X, unref as S, createVNode as p, mergeProps as K, toRaw as Y } from "vue";
+import { get as y } from "lodash-unified";
+import { isIOS as Z } from "@vueuse/core";
+import { isUndefined as ee } from "../../../utils/types.js";
 import { getEventCode as te } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import { EVENT_CODE as oe } from "../../../constants/aria.js";
-import re from "../../virtual-list/src/components/fixed-size-list.js";
-import ie from "../../virtual-list/src/components/dynamic-size-list.js";
-import "../../virtual-list/src/props.js";
+import oe from "../../virtual-list/src/components/fixed-size-list.js";
+import re from "../../virtual-list/src/components/dynamic-size-list.js";
 import { useNamespace as ne } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import "../../../hooks/use-delayed-toggle/index.js";
 import "../../../hooks/use-aria/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "../../../hooks/use-empty-values/index.js";
+import { EVENT_CODE as ie } from "../../../constants/aria.js";
 import ae from "./group-item.vue.js";
 import ce from "./option-item.vue.js";
 import { useProps as se } from "./useProps.js";
-import { selectV2InjectionKey as de } from "./token.js";
+import { selectV2InjectionKey as le } from "./token.js";
 import "../../scrollbar/index.js";
-import { scrollbarEmits as me } from "../../scrollbar/src/scrollbar.js";
-const le = {
+import { scrollbarEmits as de } from "../../scrollbar/src/scrollbar.js";
+import { isObject as N } from "@vue/shared";
+const me = {
   loading: Boolean,
   data: {
     type: Array,
@@ -32,28 +25,29 @@ const le = {
   hoveringIndex: Number,
   width: Number,
   id: String,
-  ariaLabel: String
-}, qe = /* @__PURE__ */ Q({
+  ariaLabel: String,
+  ariaLabelledby: String
+}, ke = /* @__PURE__ */ Q({
   name: "ElSelectDropdown",
-  props: le,
+  props: me,
   emits: {
-    "end-reached": me["end-reached"]
+    "end-reached": de["end-reached"]
   },
-  setup(p, {
+  setup(l, {
     slots: o,
     expose: T,
     emit: k
   }) {
-    const r = W(de), w = ne("select"), {
+    const r = W(le), v = ne("select"), {
       getLabel: P,
       getValue: I,
       getDisabled: R
-    } = se(r.props), A = K([]), u = K(), V = y(() => p.data.length);
+    } = se(r.props), A = D([]), u = D(), V = w(() => l.data.length);
     X(() => V.value, () => {
       var e, t;
       (t = (e = r.tooltipRef.value) == null ? void 0 : e.updatePopper) == null || t.call(e);
     });
-    const f = y(() => Z(r.props.estimatedOptionHeight)), E = y(() => f.value ? {
+    const f = w(() => ee(r.props.estimatedOptionHeight)), E = w(() => f.value ? {
       itemSize: r.props.itemHeight
     } : {
       estimatedSize: r.props.estimatedOptionHeight,
@@ -61,31 +55,31 @@ const le = {
     }), j = (e = [], t) => {
       const {
         props: {
-          valueKey: i
+          valueKey: n
         }
       } = r;
-      return N(t) ? e && e.some((n) => Y(v(n, i)) === v(t, i)) : e.includes(t);
+      return N(t) ? e && e.some((i) => Y(y(i, n)) === y(t, n)) : e.includes(t);
     }, C = (e, t) => {
       if (N(t)) {
         const {
-          valueKey: i
+          valueKey: n
         } = r.props;
-        return v(e, i) === v(t, i);
+        return y(e, n) === y(t, n);
       } else
         return e === t;
     }, z = (e, t) => r.props.multiple ? j(e, I(t)) : C(e, I(t)), x = (e, t) => {
       const {
-        disabled: i,
-        multiple: n,
+        disabled: n,
+        multiple: i,
         multipleLimit: c
       } = r.props;
-      return i || !t && (n ? c > 0 && e.length >= c : !1);
-    }, O = (e) => p.hoveringIndex === e;
+      return n || !t && (i ? c > 0 && e.length >= c : !1);
+    }, L = (e) => l.hoveringIndex === e;
     T({
       listRef: u,
       isSized: f,
       isItemDisabled: x,
-      isItemHovering: O,
+      isItemHovering: L,
       isItemSelected: z,
       scrollToItem: (e) => {
         const t = u.value;
@@ -99,57 +93,57 @@ const le = {
     const q = (e) => {
       const {
         index: t,
-        data: i,
-        style: n
+        data: n,
+        style: i
       } = e, c = S(f), {
         itemSize: d,
         estimatedSize: m
       } = S(E), {
         modelValue: s
       } = r.props, {
-        onSelect: h,
-        onHover: b
-      } = r, a = i[t];
+        onSelect: b,
+        onHover: h
+      } = r, a = n[t];
       if (a.type === "Group")
-        return l(ae, {
+        return p(ae, {
           item: a,
-          style: n,
+          style: i,
           height: c ? d : m
         }, null);
-      const g = z(s, a), _ = x(s, g), $ = O(t);
-      return l(ce, L(e, {
+      const g = z(s, a), _ = x(s, g), $ = L(t);
+      return p(ce, K(e, {
         selected: g,
         disabled: R(a) || _,
         created: !!a.created,
         hovering: $,
         item: a,
-        onSelect: h,
-        onHover: b
+        onSelect: b,
+        onHover: h
       }), {
         default: (J) => {
-          var D;
-          return ((D = o.default) == null ? void 0 : D.call(o, J)) || l("span", null, [P(a)]);
+          var H;
+          return ((H = o.default) == null ? void 0 : H.call(o, J)) || p("span", null, [P(a)]);
         }
       });
     }, {
-      onKeyboardNavigate: H,
+      onKeyboardNavigate: O,
       onKeyboardSelect: B
     } = r, F = () => {
-      H("forward");
+      O("forward");
     }, G = () => {
-      H("backward");
+      O("backward");
     }, M = (e) => {
       const t = te(e), {
-        tab: i,
-        esc: n,
+        tab: n,
+        esc: i,
         down: c,
         up: d,
         enter: m,
         numpadEnter: s
-      } = oe;
-      switch ([n, c, d, m, s].includes(t) && (e.preventDefault(), e.stopPropagation()), t) {
-        case i:
+      } = ie;
+      switch ([i, c, d, m, s].includes(t) && (e.preventDefault(), e.stopPropagation()), t) {
         case n:
+        case i:
           break;
         case c:
           F();
@@ -166,44 +160,45 @@ const le = {
       k("end-reached", e);
     };
     return () => {
-      var s, h, b, a;
+      var s, b, h, a;
       const {
         data: e,
         width: t
-      } = p, {
-        height: i,
-        multiple: n,
+      } = l, {
+        height: n,
+        multiple: i,
         scrollbarAlwaysOn: c
-      } = r.props, d = ee ? !0 : c, m = S(f) ? re : ie;
-      return l("div", {
-        class: [w.b("dropdown"), w.is("multiple", n)],
+      } = r.props, d = Z ? !0 : c, m = S(f) ? oe : re;
+      return p("div", {
+        class: [v.b("dropdown"), v.is("multiple", i)],
         style: {
           width: `${t}px`
         }
-      }, [(s = o.header) == null ? void 0 : s.call(o), ((h = o.loading) == null ? void 0 : h.call(o)) || ((b = o.empty) == null ? void 0 : b.call(o)) || l(m, L({
+      }, [(s = o.header) == null ? void 0 : s.call(o), ((b = o.loading) == null ? void 0 : b.call(o)) || ((h = o.empty) == null ? void 0 : h.call(o)) || p(m, K({
         ref: u
       }, S(E), {
-        className: w.be("dropdown", "list"),
+        className: v.be("dropdown", "list"),
         scrollbarAlwaysOn: d,
         data: e,
-        height: i,
+        height: n,
         width: t,
         total: e.length,
         innerElement: "ul",
         innerProps: {
-          id: p.id,
+          id: l.id,
           role: "listbox",
-          "aria-label": p.ariaLabel,
+          "aria-label": l.ariaLabel,
+          "aria-labelledby": l.ariaLabelledby,
           "aria-orientation": "vertical"
         },
         onEndReached: U,
         onKeydown: M
       }), {
-        default: (g) => l(q, g, null)
+        default: (g) => p(q, g, null)
       }), (a = o.footer) == null ? void 0 : a.call(o)]);
     };
   }
 });
 export {
-  qe as default
+  ke as default
 };