vft 0.0.127 → 0.0.129

package/es/components/roving-focus-group/roving-focus-group-impl.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, ref as u, inject as w, computed as v, provide as L, readonly as U, toRef as d, unref as i, watch as A } from "vue";
-import { useEventListener as K } from "@vueuse/core";
+import { useEventListener as V } from "@vueuse/core";
 import "@vft/utils";
-import "lodash";
-import { composeEventHandlers as f } from "../../utils/event.js";
+import { composeEventHandlers as d } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as J } from "./tokens.js";
+import "lodash";
+import { defineComponent as w, ref as u, inject as L, computed as v, provide as U, readonly as A, toRef as f, unref as i, watch as K } from "vue";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as Y } from "./tokens.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as J } from "./types.js";
 import { focusFirst as M } from "./utils.js";
-const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles: !1, cancelable: !0 }, Z = V({
+const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles: !1, cancelable: !0 }, Z = w({
   name: "VftRovingFocusGroupImpl",
   inheritAttrs: !1,
   props: {
@@ -35,8 +35,8 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
   setup(t, { emit: m }) {
     const a = u(
       (t.currentTabId || t.defaultCurrentTabId) ?? null
-    ), c = u(!1), s = u(!1), I = u(null), { getItems: b } = w(
-      Y,
+    ), c = u(!1), s = u(!1), I = u(null), { getItems: b } = L(
+      J,
       void 0
     ), _ = v(() => [
       {
@@ -47,7 +47,7 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
       m(E, n);
     }, O = () => {
       c.value = !0;
-    }, y = f(
+    }, y = d(
       (n) => {
         var e;
         (e = t.onMousedown) == null || e.call(t, n);
@@ -55,7 +55,7 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
       () => {
         s.value = !0;
       }
-    ), N = f(
+    ), N = d(
       (n) => {
         var e;
         (e = t.onFocus) == null || e.call(t, n);
@@ -75,7 +75,7 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
         }
         s.value = !1;
       }
-    ), g = f(
+    ), g = d(
       (n) => {
         var e;
         (e = t.onBlur) == null || e.call(t, n);
@@ -86,25 +86,25 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
     ), S = (...n) => {
       m("entryFocus", ...n);
     };
-    L(J, {
-      currentTabbedId: U(a),
-      loop: d(t, "loop"),
+    U(Y, {
+      currentTabbedId: A(a),
+      loop: f(t, "loop"),
       tabIndex: v(() => i(c) ? -1 : 0),
       rovingFocusGroupRef: I,
       rovingFocusGroupRootStyle: _,
-      orientation: d(t, "orientation"),
-      dir: d(t, "dir"),
+      orientation: f(t, "orientation"),
+      dir: f(t, "dir"),
       onItemFocus: C,
       onItemShiftTab: O,
       onBlur: g,
       onFocus: N,
       onMousedown: y
-    }), A(
+    }), K(
       () => t.currentTabId,
       (n) => {
         a.value = n ?? null;
       }
-    ), K(I, T, S);
+    ), V(I, T, S);
   }
 });
 export {

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as y, inject as l, ref as w, computed as d, unref as n, provide as R, nextTick as g } from "vue";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useId as h } from "../../hooks/use-id/index.js";
+import { EVENT_CODE as y } from "../../constants/aria.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { EVENT_CODE as k } from "../../constants/aria.js";
 import { composeEventHandlers as i } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
+import "lodash";
+import { defineComponent as w, inject as l, ref as R, computed as d, unref as n, provide as g, nextTick as h } from "vue";
+import { useId as k } from "../../hooks/use-id/index.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as x, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as G } from "./tokens.js";
+import { VftCollectionItem as K, ROVING_FOCUS_COLLECTION_INJECTION_KEY as U } from "./types.js";
 import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";
-const $ = y({
+const $ = w({
   components: {
-    RovingFocusCollectionItem: x
+    RovingFocusCollectionItem: K
   },
   props: {
     focusable: {
@@ -29,12 +29,12 @@ const $ = y({
   emits: ["mousedown", "focus", "keydown"],
   setup(I, { emit: s }) {
     const { currentTabbedId: O, loop: _, onItemFocus: m, onItemShiftTab: C } = l(
-      K,
+      x,
       void 0
     ), { getItems: v } = l(
-      G,
+      U,
       void 0
-    ), r = h(), E = w(null), a = i(
+    ), r = k(), E = R(null), a = i(
       (e) => {
         s("mousedown", e);
       },
@@ -54,7 +54,7 @@ const $ = y({
       },
       (e) => {
         const { key: T, shiftKey: b, target: F, currentTarget: p } = e;
-        if (T === k.tab && b) {
+        if (T === y.tab && b) {
           C();
           return;
         }
@@ -79,13 +79,13 @@ const $ = y({
               break;
             }
           }
-          g(() => {
+          h(() => {
             L(o);
           });
         }
       }
     ), N = d(() => O.value === n(r));
-    return R(U, {
+    return g(G, {
       rovingFocusGroupItemRef: E,
       tabIndex: d(() => n(N) ? 0 : -1),
       handleMousedown: a,

package/es/components/row/index.js

@@ -1,9 +1,9 @@
-import { withInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import t from "./row.vue2.js";
 import { rowContextKey as w } from "./constants.js";
 const n = o(t);

package/es/components/row/row.vue2.js

@@ -1,15 +1,15 @@
 import { defineComponent as s, computed as o, provide as u, openBlock as p, createBlock as m, resolveDynamicComponent as f, normalizeClass as c, normalizeStyle as g, withCtx as d, renderSlot as y } from "vue";
-import { rowContextKey as _ } from "./constants.js";
-import { useNamespace as v } 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 "lodash";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { rowContextKey as v } from "./constants.js";
 const r = (
   /* hoist-static*/
-  v("row")
+  _("row")
 ), w = s({
   name: "vft-row"
 }), b = /* @__PURE__ */ s({
@@ -22,7 +22,7 @@ const r = (
   },
   setup(a) {
     const t = a, n = o(() => t.gutter);
-    u(_, {
+    u(v, {
       gutter: n
     });
     const i = o(() => {

package/es/components/scrollbar/bar.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as u, ref as i, openBlock as c, createElementBlock as h, Fragment as d, createVNode as r } from "vue";
-import { GAP as s } from "./util.js";
-import n from "./thumb.vue2.js";
+import s from "./thumb.vue2.js";
+import { GAP as n } from "./util.js";
 const w = /* @__PURE__ */ u({
   __name: "bar",
   props: {
@@ -15,18 +15,18 @@ const w = /* @__PURE__ */ u({
     return f({
       handleScroll: (e) => {
         if (e) {
-          const l = e.offsetHeight - s, m = e.offsetWidth - s;
+          const l = e.offsetHeight - n, m = e.offsetWidth - n;
           a.value = e.scrollTop * 100 / l * o.ratioY, t.value = e.scrollLeft * 100 / m * o.ratioX;
         }
       }
     }), (e, l) => (c(), h(d, null, [
-      r(n, {
+      r(s, {
         move: t.value,
         ratio: e.ratioX,
         size: e.width,
         always: e.always
       }, null, 8, ["move", "ratio", "size", "always"]),
-      r(n, {
+      r(s, {
         move: a.value,
         ratio: e.ratioY,
         size: e.height,

package/es/components/scrollbar/index.js

@@ -1,21 +1,21 @@
-import { withInstall as r } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as r } from "../../utils/vue/install.js";
+import "vue";
 import o from "./scrollbar.vue2.js";
-import { BAR_MAP as A, GAP as _, renderThumbStyle as d } from "./util.js";
+import { scrollbarContextKey as A } from "./constants.js";
 import "../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { scrollbarContextKey as u } from "./constants.js";
+import { BAR_MAP as d, GAP as h, renderThumbStyle as u } from "./util.js";
 const c = r(o);
 export {
-  A as BAR_MAP,
-  _ as GAP,
+  d as BAR_MAP,
+  h as GAP,
   c as VftScrollbar,
   c as default,
-  d as renderThumbStyle,
-  u as scrollbarContextKey
+  u as renderThumbStyle,
+  A as scrollbarContextKey
 };

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,15 +1,15 @@
 import { defineComponent as L, ref as o, computed as w, watch as T, nextTick as E, provide as j, reactive as D, onMounted as G, onUpdated as X, openBlock as g, createElementBlock as Y, normalizeClass as b, unref as q, createElementVNode as F, normalizeStyle as N, createBlock as R, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
-import { useResizeObserver as _, useEventListener as ee } from "@vueuse/core";
-import { isNumber as i, addUnit as B, isObject as te } from "@vft/utils";
+import { isNumber as i, addUnit as B, isObject as _ } from "@vft/utils";
+import { useResizeObserver as ee, useEventListener as te } from "@vueuse/core";
+import { debugWarn as W } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { debugWarn as W } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
-import { GAP as u } from "./util.js";
 import ae from "./bar.vue2.js";
 import { scrollbarContextKey as oe } from "./constants.js";
+import { GAP as u } from "./util.js";
 const M = "ElScrollbar", m = (
   /* hoist-static*/
   le("scrollbar")
@@ -53,7 +53,7 @@ const M = "ElScrollbar", m = (
       }));
     };
     function P(e, a) {
-      te(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
+      _(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
     }
     const U = (e) => {
       if (!i(e)) {
@@ -76,7 +76,7 @@ const M = "ElScrollbar", m = (
     return T(
       () => l.noresize,
       (e) => {
-        e ? (s == null || s(), n == null || n()) : ({ stop: s } = _(p, r), n = ee("resize", r));
+        e ? (s == null || s(), n == null || n()) : ({ stop: s } = ee(p, r), n = te("resize", r));
       },
       { immediate: !0 }
     ), T(

package/es/components/scrollbar/thumb.vue2.js

@@ -2,8 +2,8 @@ import { defineComponent as T, inject as D, ref as m, computed as E, onBeforeUnm
 import { useEventListener as P, isClient as V } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as q } from "../../utils/error.js";
-import "lodash";
 import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";

package/es/components/search/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./search.vue2.js";
 const c = t(o);
 export {

package/es/components/search/search.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent as P, ref as n, computed as f, resolveDirective as G, openBlock as m, createElementBlock as V, Fragment as J, withDirectives as Q, normalizeClass as w, unref as r, normalizeStyle as T, createVNode as X, mergeProps as g, createSlots as Y, withCtx as u, renderSlot as i, createBlock as Z, createElementVNode as _, createCommentVNode as ee } from "vue";
+import { addUnit as d } from "@vft/utils";
 import { VftInput as oe } from "../input/index.js";
 import { VftPopover as te } from "../popover/index.js";
+import "@vueuse/core";
+import { generateCssVars as b } from "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { addUnit as d } from "@vft/utils";
-import { generateCssVars as b } from "../../utils/ns-cover.js";
 const h = (
   /* hoist-static*/
   le("search")
@@ -23,7 +23,7 @@ const h = (
     modelValue: { default: "" },
     clearable: { type: Boolean, default: !0 },
     placeholder: { default: "请输入你要搜索的内容" },
-    suffixIcon: { default: { icon: "ico-ep:search", color: "#8B8C8C", pointer: !0 } },
+    suffixIcon: { default: { icon: "icon-search", color: "#8B8C8C", pointer: !0 } },
     prefixIcon: {},
     clearIcon: {}
   },

package/es/components/select/defaults.js

@@ -1,10 +1,10 @@
 import { placements as e } from "@popperjs/core";
-import "@vft/utils";
-import "vue";
-import { definePropType as t } from "../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
+import { definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
 const d = {
   allowCreate: Boolean,
   autocomplete: {

package/es/components/select/group-item.vue2.js

@@ -1,11 +1,11 @@
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "lodash";
 import { defineComponent as t } from "vue";
 import { useNamespace as e } 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";
 const a = t({
   props: {
     item: {

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

@@ -1,18 +1,18 @@
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "lodash";
 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 { useOption as s } from "./useOption.js";
-import { OptionProps as n } from "./defaults.js";
+import { OptionProps as s } from "./defaults.js";
+import { useOption as n } from "./useOption.js";
 const _ = m({
-  props: n,
+  props: s,
   emits: ["select", "hover"],
   setup(o, { emit: t }) {
-    const e = i("select"), { hoverItem: r, selectOptionClick: p } = s(o, { emit: t });
+    const e = i("select"), { hoverItem: r, selectOptionClick: p } = n(o, { emit: t });
     return {
       ns: e,
       hoverItem: r,

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

@@ -1,17 +1,17 @@
 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 Q from "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import W from "../virtual-list/components/fixed-size-list.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 { EVENT_CODE as X } from "../../constants/aria.js";
 import "@vueuse/core";
-import { EVENT_CODE as Y } from "../../constants/aria.js";
 import "../../utils/ns-cover.js";
+import { get as p } from "lodash";
+import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import Z from "./group-item.vue.js";
 import ee from "./option-item.vue.js";
 import { selectInjectionKey as te } from "./token.js";
@@ -29,7 +29,7 @@ const ge = /* @__PURE__ */ U({
     slots: a,
     expose: N
   }) {
-    const r = _(te), m = X("select"), k = O([]), u = O(), D = w(() => v.data.length);
+    const r = _(te), m = Y("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);
@@ -135,7 +135,7 @@ const ge = /* @__PURE__ */ U({
         down: i,
         up: d,
         enter: l
-      } = Y;
+      } = X;
       switch (t !== o && (e.preventDefault(), e.stopPropagation()), t) {
         case o:
         case n: {
@@ -173,7 +173,7 @@ const ge = /* @__PURE__ */ U({
             width: `${t}px`
           }
         }, [(l = a.empty) == null ? void 0 : l.call(a)]);
-      const d = b(f) ? Q : W;
+      const d = b(f) ? W : Q;
       return c("div", {
         class: [m.b("dropdown"), m.is("multiple", n)]
       }, [c(d, T({

package/es/components/select/select.vue.js

@@ -286,7 +286,7 @@ function L(e, o, O, H, P, A) {
             ]) : u("", !0),
             e.showClearBtn ? (n(), v(k, {
               key: 1,
-              icon: "ico-ep:circle-close",
+              icon: "icon-circle-close",
               class: s([e.nsSelect.e("caret"), e.nsInput.e("icon")]),
               onClick: i(e.handleClear, ["prevent", "stop"])
             }, null, 8, ["class", "onClick"])) : u("", !0),

package/es/components/select/select.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as c, vModelText as a, computed as f, reactive as p, toRefs as n, provide as s } from "vue";
-import { isArray as d } from "@vft/utils";
-import { ClickOutside as u } from "@vft/directives";
-import { VftTooltip as v } from "../tooltip/index.js";
-import { VftTag as V } from "../tag/index.js";
-import { VftIcon as S } from "../icon/index.js";
-import { UPDATE_MODEL_EVENT as b, CHANGE_EVENT as g } from "../../constants/event.js";
-import E from "./select-dropdown.js";
-import T from "./useSelect.js";
+import { ClickOutside as c } from "@vft/directives";
+import { isArray as a } from "@vft/utils";
+import { VftIcon as f } from "../icon/index.js";
+import { VftTag as s } from "../tag/index.js";
+import { VftTooltip as d } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as u, CHANGE_EVENT as v } from "../../constants/event.js";
+import { defineComponent as V, vModelText as S, computed as b, reactive as p, toRefs as n, provide as g } from "vue";
+import { SelectProps as E } from "./defaults.js";
+import T from "./select-dropdown.js";
 import { selectInjectionKey as y } from "./token.js";
-import { SelectProps as K } from "./defaults.js";
-const D = c({
+import K from "./useSelect.js";
+const D = V({
   name: "VftSelect",
   components: {
-    SelectMenu: E,
-    VftTag: V,
-    VftTooltip: v,
-    VftIcon: S
+    SelectMenu: T,
+    VftTag: s,
+    VftTooltip: d,
+    VftIcon: f
   },
-  directives: { ClickOutside: u, ModelText: a },
-  props: K,
+  directives: { ClickOutside: c, ModelText: S },
+  props: E,
   emits: [
-    b,
-    g,
+    u,
+    v,
     "remove-tag",
     "clear",
     "visible-change",
@@ -29,17 +29,17 @@ const D = c({
     "blur"
   ],
   setup(o, { emit: l }) {
-    const t = f(() => {
+    const t = b(() => {
       const { modelValue: r, multiple: i } = o, m = i ? [] : void 0;
-      return d(r) ? i ? r : m : i ? m : r;
-    }), e = T(
+      return a(r) ? i ? r : m : i ? m : r;
+    }), e = K(
       p({
         ...n(o),
         modelValue: t
       }),
       l
     );
-    return s(y, {
+    return g(y, {
       props: p({
         ...n(o),
         height: e.popupHeight,

package/es/components/select/useInput.js

@@ -1,17 +1,17 @@
-import { ref as a } from "vue";
-import { isKorean as s, isFunction as r } from "@vft/utils";
+import { isKorean as a, isFunction as s } from "@vft/utils";
+import { ref as r } from "vue";
 function d(n) {
-  const o = a(!1);
+  const o = r(!1);
   return {
     handleCompositionStart: () => {
       o.value = !0;
     },
     handleCompositionUpdate: (t) => {
       const e = t.target.value, i = e[e.length - 1] || "";
-      o.value = !s(i);
+      o.value = !a(i);
     },
     handleCompositionEnd: (t) => {
-      o.value && (o.value = !1, r(n) && n(t));
+      o.value && (o.value = !1, s(n) && n(t));
     }
   };
 }