ep-craft 0.1.26 → 0.1.27

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

@@ -0,0 +1,209 @@
+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 { 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 { 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 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 "../../scrollbar/index.js";
+import { scrollbarEmits as me } from "../../scrollbar/src/scrollbar.js";
+const le = {
+  loading: Boolean,
+  data: {
+    type: Array,
+    required: !0
+  },
+  hoveringIndex: Number,
+  width: Number,
+  id: String,
+  ariaLabel: String
+}, qe = /* @__PURE__ */ Q({
+  name: "ElSelectDropdown",
+  props: le,
+  emits: {
+    "end-reached": me["end-reached"]
+  },
+  setup(p, {
+    slots: o,
+    expose: T,
+    emit: k
+  }) {
+    const r = W(de), w = ne("select"), {
+      getLabel: P,
+      getValue: I,
+      getDisabled: R
+    } = se(r.props), A = K([]), u = K(), V = y(() => p.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 ? {
+      itemSize: r.props.itemHeight
+    } : {
+      estimatedSize: r.props.estimatedOptionHeight,
+      itemSize: (e) => A.value[e]
+    }), j = (e = [], t) => {
+      const {
+        props: {
+          valueKey: i
+        }
+      } = r;
+      return N(t) ? e && e.some((n) => Y(v(n, i)) === v(t, i)) : e.includes(t);
+    }, C = (e, t) => {
+      if (N(t)) {
+        const {
+          valueKey: i
+        } = r.props;
+        return v(e, i) === v(t, i);
+      } 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,
+        multipleLimit: c
+      } = r.props;
+      return i || !t && (n ? c > 0 && e.length >= c : !1);
+    }, O = (e) => p.hoveringIndex === e;
+    T({
+      listRef: u,
+      isSized: f,
+      isItemDisabled: x,
+      isItemHovering: O,
+      isItemSelected: z,
+      scrollToItem: (e) => {
+        const t = u.value;
+        t && t.scrollToItem(e);
+      },
+      resetScrollTop: () => {
+        const e = u.value;
+        e && e.resetScrollTop();
+      }
+    });
+    const q = (e) => {
+      const {
+        index: t,
+        data: i,
+        style: n
+      } = e, c = S(f), {
+        itemSize: d,
+        estimatedSize: m
+      } = S(E), {
+        modelValue: s
+      } = r.props, {
+        onSelect: h,
+        onHover: b
+      } = r, a = i[t];
+      if (a.type === "Group")
+        return l(ae, {
+          item: a,
+          style: n,
+          height: c ? d : m
+        }, null);
+      const g = z(s, a), _ = x(s, g), $ = O(t);
+      return l(ce, L(e, {
+        selected: g,
+        disabled: R(a) || _,
+        created: !!a.created,
+        hovering: $,
+        item: a,
+        onSelect: h,
+        onHover: b
+      }), {
+        default: (J) => {
+          var D;
+          return ((D = o.default) == null ? void 0 : D.call(o, J)) || l("span", null, [P(a)]);
+        }
+      });
+    }, {
+      onKeyboardNavigate: H,
+      onKeyboardSelect: B
+    } = r, F = () => {
+      H("forward");
+    }, G = () => {
+      H("backward");
+    }, M = (e) => {
+      const t = te(e), {
+        tab: i,
+        esc: n,
+        down: c,
+        up: d,
+        enter: m,
+        numpadEnter: s
+      } = oe;
+      switch ([n, c, d, m, s].includes(t) && (e.preventDefault(), e.stopPropagation()), t) {
+        case i:
+        case n:
+          break;
+        case c:
+          F();
+          break;
+        case d:
+          G();
+          break;
+        case m:
+        case s:
+          B();
+          break;
+      }
+    }, U = (e) => {
+      k("end-reached", e);
+    };
+    return () => {
+      var s, h, b, a;
+      const {
+        data: e,
+        width: t
+      } = p, {
+        height: i,
+        multiple: n,
+        scrollbarAlwaysOn: c
+      } = r.props, d = ee ? !0 : c, m = S(f) ? re : ie;
+      return l("div", {
+        class: [w.b("dropdown"), w.is("multiple", n)],
+        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({
+        ref: u
+      }, S(E), {
+        className: w.be("dropdown", "list"),
+        scrollbarAlwaysOn: d,
+        data: e,
+        height: i,
+        width: t,
+        total: e.length,
+        innerElement: "ul",
+        innerProps: {
+          id: p.id,
+          role: "listbox",
+          "aria-label": p.ariaLabel,
+          "aria-orientation": "vertical"
+        },
+        onEndReached: U,
+        onKeydown: M
+      }), {
+        default: (g) => l(q, g, null)
+      }), (a = o.footer) == null ? void 0 : a.call(o)]);
+    };
+  }
+});
+export {
+  qe as default
+};

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

@@ -1,4 +1,4 @@
-export type OptionCommon = Record<string, any>;
+type OptionCommon = Record<string, any>;
 export type Option = OptionCommon & {
     created?: boolean;
 };
@@ -23,3 +23,4 @@ export type SelectStates = {
     menuVisibleOnFocus: boolean;
     isBeforeHide: boolean;
 };
+export {};