vft 0.0.48 → 0.0.51

package/es/components/select-v2/index.js

@@ -0,0 +1,11 @@
+import e from "./select.vue.js";
+import { selectV2InjectionKey as r } from "./token.js";
+e.install = (t) => {
+  t.component(e.name, e);
+};
+const o = e, n = o;
+export {
+  n as VftSelectV2,
+  o as default,
+  r as selectV2InjectionKey
+};

package/es/components/select-v2/option-item.vue.d.ts

@@ -0,0 +1,49 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    hoverItem: () => void;
+    selectOptionClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "select")[], "hover" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    created: boolean;
+    selected: boolean;
+    hovering: boolean;
+}>;
+export default _sfc_main;

package/es/components/select-v2/option-item.vue.js

@@ -0,0 +1,31 @@
+import i from "./option-item.vue2.js";
+import { openBlock as l, createElementBlock as n, normalizeStyle as r, normalizeClass as t, withModifiers as d, renderSlot as a, createElementVNode as m, toDisplayString as p } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const u = ["aria-selected"];
+function b(e, s, k, $, v, y) {
+  return l(), n("li", {
+    "aria-selected": e.selected,
+    style: r(e.style),
+    class: t([
+      e.ns.be("dropdown", "option-item"),
+      e.ns.is("selected", e.selected),
+      e.ns.is("disabled", e.disabled),
+      e.ns.is("created", e.created),
+      { hover: e.hovering }
+    ]),
+    onMouseenter: s[0] || (s[0] = (...o) => e.hoverItem && e.hoverItem(...o)),
+    onClick: s[1] || (s[1] = d((...o) => e.selectOptionClick && e.selectOptionClick(...o), ["stop"]))
+  }, [
+    a(e.$slots, "default", {
+      item: e.item,
+      index: e.index,
+      disabled: e.disabled
+    }, () => [
+      m("span", null, p(e.item.label), 1)
+    ])
+  ], 46, u);
+}
+const O = /* @__PURE__ */ f(i, [["render", b]]);
+export {
+  O as default
+};

package/es/components/select-v2/option-item.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as m } from "vue";
+import { useNamespace as i } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useOption as s } from "./useOption.js";
+import { OptionProps as n } from "./defaults.js";
+const x = m({
+  props: n,
+  emits: ["select", "hover"],
+  setup(o, { emit: t }) {
+    const r = i("select"), { hoverItem: p, selectOptionClick: e } = s(o, { emit: t });
+    return {
+      ns: r,
+      hoverItem: p,
+      selectOptionClick: e
+    };
+  }
+});
+export {
+  x as default
+};

package/es/components/select-v2/select-dropdown.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    hoveringIndex: NumberConstructor;
+    width: NumberConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    hoveringIndex: NumberConstructor;
+    width: NumberConstructor;
+}>>, {}>;
+export default _default;

package/es/components/select-v2/select-dropdown.js

@@ -0,0 +1,199 @@
+import { defineComponent as U, inject as _, ref as O, computed as w, watch as $, createVNode as c, unref as b, mergeProps as T } from "vue";
+import { get as p } from "lodash";
+import { isUndefined as J, isObject as x } from "@vft/utils";
+import Q from "../virtual-list/components/fixed-size-list.js";
+import W from "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { EVENT_CODE as Y } from "../../constants/aria.js";
+import Z from "./group-item.vue.js";
+import ee from "./option-item.vue.js";
+import { selectV2InjectionKey as te } from "./token.js";
+const ze = /* @__PURE__ */ U({
+  name: "VftSelectDropdown",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    hoveringIndex: Number,
+    width: Number
+  },
+  setup(v, {
+    slots: a,
+    expose: N
+  }) {
+    const r = _(te), m = X("select"), k = O([]), u = O(), D = w(() => v.data.length);
+    $(() => D.value, () => {
+      var e, t;
+      (t = (e = r.popper.value).updatePopper) == null || t.call(e);
+    });
+    const f = w(() => J(r.props.estimatedOptionHeight)), y = w(() => f.value ? {
+      itemSize: r.props.itemHeight
+    } : {
+      estimatedSize: r.props.estimatedOptionHeight,
+      itemSize: (e) => k.value[e]
+    }), E = (e = [], t) => {
+      const {
+        props: {
+          valueKey: o
+        }
+      } = r;
+      return x(t) ? e && e.some((n) => p(n, o) === p(t, o)) : e.includes(t);
+    }, L = (e, t) => {
+      if (x(t)) {
+        const {
+          valueKey: o
+        } = r.props;
+        return p(e, o) === p(t, o);
+      } else
+        return e === t;
+    }, S = (e, t) => {
+      const {
+        valueKey: o
+      } = r.props;
+      return r.props.multiple ? E(e, p(t, o)) : L(e, p(t, o));
+    }, g = (e, t) => {
+      const {
+        disabled: o,
+        multiple: n,
+        multipleLimit: i
+      } = r.props;
+      return o || !t && (n ? i > 0 && e.length >= i : !1);
+    }, I = (e) => v.hoveringIndex === e;
+    N({
+      listRef: u,
+      isSized: f,
+      isItemDisabled: g,
+      isItemHovering: I,
+      isItemSelected: S,
+      scrollToItem: (e) => {
+        const t = u.value;
+        t && t.scrollToItem(e);
+      },
+      resetScrollTop: () => {
+        const e = u.value;
+        e && e.resetScrollTop();
+      }
+    });
+    const V = (e) => {
+      const {
+        index: t,
+        data: o,
+        style: n
+      } = e, i = b(f), {
+        itemSize: d,
+        estimatedSize: l
+      } = b(y), {
+        modelValue: h
+      } = r.props, {
+        onSelect: F,
+        onHover: G
+      } = r, s = o[t];
+      if (s.type === "Group")
+        return c(Z, {
+          item: s,
+          style: n,
+          height: i ? d : l
+        }, null);
+      const H = S(h, s), B = g(h, H), M = I(t);
+      return c(ee, T(e, {
+        selected: H,
+        disabled: s.disabled || B,
+        created: !!s.created,
+        hovering: M,
+        item: s,
+        onSelect: F,
+        onHover: G
+      }), {
+        default: (R) => {
+          var K;
+          return ((K = a.default) == null ? void 0 : K.call(a, R)) || c("span", null, [s.label]);
+        }
+      });
+    }, {
+      onKeyboardNavigate: z,
+      onKeyboardSelect: j
+    } = r, A = () => {
+      z("forward");
+    }, P = () => {
+      z("backward");
+    }, q = () => {
+      r.expanded = !1;
+    }, C = (e) => {
+      const {
+        code: t
+      } = e, {
+        tab: o,
+        esc: n,
+        down: i,
+        up: d,
+        enter: l
+      } = Y;
+      switch (t !== o && (e.preventDefault(), e.stopPropagation()), t) {
+        case o:
+        case n: {
+          q();
+          break;
+        }
+        case i: {
+          A();
+          break;
+        }
+        case d: {
+          P();
+          break;
+        }
+        case l: {
+          j();
+          break;
+        }
+      }
+    };
+    return () => {
+      var l;
+      const {
+        data: e,
+        width: t
+      } = v, {
+        height: o,
+        multiple: n,
+        scrollbarAlwaysOn: i
+      } = r.props;
+      if (e.length === 0)
+        return c("div", {
+          class: m.b("dropdown"),
+          style: {
+            width: `${t}px`
+          }
+        }, [(l = a.empty) == null ? void 0 : l.call(a)]);
+      const d = b(f) ? Q : W;
+      return c("div", {
+        class: [m.b("dropdown"), m.is("multiple", n)]
+      }, [c(d, T({
+        ref: u
+      }, b(y), {
+        className: m.be("dropdown", "list"),
+        scrollbarAlwaysOn: i,
+        data: e,
+        height: o,
+        width: t,
+        total: e.length,
+        onKeydown: C
+      }), {
+        default: (h) => c(V, h, null)
+      })]);
+    };
+  }
+});
+export {
+  ze as default
+};

package/es/components/select-v2/select.types.d.ts

@@ -0,0 +1,18 @@
+export type OptionCommon = {
+    label: string;
+};
+export type Option<T = any> = OptionCommon & {
+    created?: boolean;
+    value: T;
+    [prop: string]: any;
+};
+export type OptionGroup<T = any> = OptionCommon & {
+    options: Array<T>;
+    [prop: string]: any;
+};
+export type OptionType<T = any> = Option<T> | OptionGroup<T>;
+export type OptionItemProps = {
+    item: any;
+    index: number;
+    disabled: boolean;
+};

package/es/components/select-v2/select.types.js

@@ -0,0 +1 @@
+