vft 0.0.313 → 0.0.315

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as Ie } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
+import { carouselContextKey as ge, CAROUSEL_ITEM_NAME as H } from "./constants.js";
 const L = 300, Re = (t, O, M) => {
   const {
     children: a,

package/es/components/config-provider/hooks/use-global-config.js

@@ -3,15 +3,15 @@ import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { getCurrentInstance as l, inject as g, ref as C, computed as i, unref as p, provide as x } from "vue";
+import { ref as g, getCurrentInstance as l, inject as C, computed as i, unref as p, provide as x } from "vue";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
-  const n = l() ? g(m, a) : a;
+  const n = l() ? C(m, a) : a;
   return o ? i(() => n.value?.[o] ?? e) : n;
 }
 function B(o) {

package/es/components/icon-text/icon-text.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, computed as t, createElementBlock as f, openBlock as n, normalizeStyle as T, normalizeClass as k, unref as r, createBlock as s, createCommentVNode as d, mergeProps as c, normalizeProps as S, toDisplayString as w } from "vue";
+import { defineComponent as C, computed as t, createElementBlock as d, openBlock as r, normalizeStyle as T, normalizeClass as k, unref as l, createBlock as s, createCommentVNode as y, mergeProps as u, normalizeProps as S, toDisplayString as w } from "vue";
 import { VftClampTooltip as L } from "../clamp-tooltip/index.js";
-import { VftIcon as y } from "../icon/index.js";
+import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as O, removeUnit as V } from "@vft/utils";
-import { addUnit as g } from "../../utils/helper.js";
+import { addUnit as h } from "../../utils/helper.js";
 import { generateCssVars as j } from "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as b } from "../../hooks/use-namespace/index.js";
@@ -31,21 +31,21 @@ const N = { key: 2 }, P = C({
     useClamp: { type: Boolean }
   },
   setup(e) {
-    const u = b("icon-text"), h = t(() => e.hoverColor ? e.hoverColor : e.color), l = t(() => O(e.icon, "icon", { size: e.size, color: e.color })), m = t(() => e.direction === "col"), v = t(() => {
-      const o = g(e.distance);
-      return m.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
-    }), i = t(() => V(e.size)), a = t(() => i.value < 12), p = t(() => i.value && a.value ? { transform: `scale(${i.value / 12})` } : {}), x = t(() => {
+    const m = b("icon-text"), i = t(() => e.hoverColor ? e.hoverColor : e.color), n = t(() => O(e.icon, "icon", { size: e.size, color: e.color })), v = t(() => e.direction === "col"), f = t(() => {
+      const o = h(e.distance);
+      return v.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
+    }), a = t(() => V(e.size)), c = t(() => a.value < 12), p = t(() => a.value && c.value ? { transform: `scale(${a.value / 12})` } : {}), x = t(() => {
       const o = j(
         {
           cursor: e.pointer ? "pointer" : void 0,
           color: e.color,
-          "hover-color": h.value,
-          fontSize: a.value ? "12px" : g(e.size)
+          "hover-color": i.value,
+          fontSize: c.value ? "12px" : h(e.size)
         },
         "icon-text"
       );
       return {
-        ...a.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
+        ...c.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
         ...o,
         ...p.value
       };
@@ -55,13 +55,19 @@ const N = { key: 2 }, P = C({
       showTooltip: e.showTooltip,
       ...e.clampTooltipCfg
     }));
-    return (o, B) => (n(), f("span", {
-      class: k([r(u).b(), r(u).is("col", m.value)]),
+    return (o, B) => (r(), d("span", {
+      class: k([l(m).b(), l(m).is("col", v.value)]),
       style: T(x.value)
     }, [
-      !o.reverse && l.value?.icon ? (n(), s(r(y), c({ key: 0 }, l.value, { style: v.value }), null, 16, ["style"])) : d("", !0),
-      o.useClamp ? (n(), s(r(L), S(c({ key: 1 }, z.value)), null, 16)) : (n(), f("span", N, w(o.text), 1)),
-      o.reverse && l.value?.icon ? (n(), s(r(y), c({ key: 3 }, l.value, { style: v.value }), null, 16, ["style"])) : d("", !0)
+      !o.reverse && n.value?.icon ? (r(), s(l(g), u({ key: 0 }, n.value, {
+        "hover-color": i.value,
+        style: f.value
+      }), null, 16, ["hover-color", "style"])) : y("", !0),
+      o.useClamp ? (r(), s(l(L), S(u({ key: 1 }, z.value)), null, 16)) : (r(), d("span", N, w(o.text), 1)),
+      o.reverse && n.value?.icon ? (r(), s(l(g), u({ key: 3 }, n.value, {
+        style: f.value,
+        "hover-color": i.value
+      }), null, 16, ["style", "hover-color"])) : y("", !0)
     ], 6));
   }
 });

package/es/components/input/input.vue2.js

@@ -14,8 +14,8 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], zt = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -86,9 +86,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", h.value)
     ]), d = Je({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
       formItemContext: F
-    }), ke = et(), p = tt(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
+    }), ke = at(), p = ot(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), k = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as n, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as n, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/input-tag/input-tag.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as B, useSlots as ge, computed as y, createElementBlock as m, openBlock as l, unref as e, normalizeStyle as ve, normalizeClass as a, createCommentVNode as f, createElementVNode as d, renderSlot as I, withDirectives as x, Fragment as ye, renderList as Ie, createBlock as C, withModifiers as F, withCtx as Ce, createTextVNode as he, toDisplayString as K, mergeProps as be, isRef as De, vModelText as ke, vShow as we } from "vue";
 import { useAttrs as Se } from "../../hooks/use-attrs/index.js";
-import { noop as Te } from "@vft/utils";
 import "@vueuse/core";
+import { noop as Te } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";

package/es/components/list-cell/list-cell.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as I, ref as z, computed as p, createElementBlock as a, openBlock as l, normalizeClass as c, normalizeStyle as V, unref as e, Fragment as N, renderList as B, createElementVNode as f, createVNode as D, mergeProps as g, toDisplayString as T, createBlock as h } from "vue";
-import { VftIcon as v } from "../icon/index.js";
+import { defineComponent as k, ref as I, computed as x, createElementBlock as a, openBlock as r, normalizeClass as i, normalizeStyle as V, unref as e, Fragment as N, renderList as z, createElementVNode as m, createVNode as B, mergeProps as d, toDisplayString as D, createBlock as p } from "vue";
+import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as m, VNode as b } from "@vft/utils";
-import { addUnit as k } from "../../utils/helper.js";
+import { VNode as T, singleAttrToObj as b } from "@vft/utils";
+import { addUnit as v } from "../../utils/helper.js";
 import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as H } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const S = ["onClick"], j = I({
+const S = ["onClick"], j = k({
   name: "vft-list-cell"
-}), M = /* @__PURE__ */ I({
+}), M = /* @__PURE__ */ k({
   ...j,
   props: {
     list: { default: () => [] },
@@ -20,53 +20,48 @@ const S = ["onClick"], j = I({
     activeIndex: {}
   },
   emits: ["item-click"],
-  setup(i, { emit: C }) {
-    const n = H("list-cell"), y = C, u = z(i.activeIndex);
-    p(() => i.list.map((t) => (t.leftIcon = m(t.leftIcon, "icon", { size: 16 }), t.rightIcon = m(t.rightIcon, "icon", {
-      icon: "icon-arrow-right",
-      size: 16
-    }), t)));
-    const x = p(() => E(
+  setup(c, { emit: h }) {
+    const t = H("list-cell"), C = h, f = I(c.activeIndex), _ = x(() => E(
       {
-        height: k(i.cellHeight),
-        "left-text-distance": k(i.leftTextDistance)
+        height: v(c.cellHeight),
+        "left-text-distance": v(c.leftTextDistance)
       },
       "list-cell"
     ));
-    function _(t, r) {
-      u.value = r, y("item-click", t, r);
+    function y(n, o) {
+      f.value = o, C("item-click", n, o);
     }
-    const d = (t, r = {}) => m(t, "icon", {
+    const u = (n, o = {}) => b(n, "icon", {
       size: 16,
-      ...r
+      ...o
     });
-    return (t, r) => (l(), a("div", {
-      style: V(x.value),
-      class: c(e(n).b())
+    return (n, o) => (r(), a("div", {
+      style: V(_.value),
+      class: i(e(t).b())
     }, [
-      (l(!0), a(N, null, B(t.list, (o, s) => (l(), a("div", {
-        onClick: (w) => _(o, s),
+      (r(!0), a(N, null, z(n.list, (l, s) => (r(), a("div", {
+        onClick: (A) => y(l, s),
         key: s,
-        class: c([e(n).e("item"), e(n).is("active", u.value === s)])
+        class: i([e(t).e("item"), e(t).is("active", f.value === s)])
       }, [
-        f("div", {
-          class: c(e(n).m("left"))
+        m("div", {
+          class: i(e(t).m("left"))
         }, [
-          D(e(v), g({ ref_for: !0 }, d(o.leftIcon)), null, 16),
-          f("span", {
-            class: c(e(n).e("text"))
-          }, T(o.text), 3)
+          B(e(g), d({ ref_for: !0 }, u(l.leftIcon)), null, 16),
+          m("span", {
+            class: i(e(t).e("text"))
+          }, D(l.text), 3)
         ], 2),
-        f("div", {
-          class: c(e(n).m("right"))
+        m("div", {
+          class: i(e(t).m("right"))
         }, [
-          o?.rightContent ? (l(), h(e(b), {
+          l?.rightContent ? (r(), p(e(T), {
             key: 0,
-            content: o.rightContent
-          }, null, 8, ["content"])) : (l(), h(e(v), g({
+            content: l.rightContent
+          }, null, 8, ["content"])) : (r(), p(e(g), d({
             key: 1,
             ref_for: !0
-          }, d(o.rightIcon)), null, 16))
+          }, u(l.rightIcon)), null, 16))
         ], 2)
       ], 10, S))), 128))
     ], 6));

package/es/components/popconfirm/popconfirm.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent as h, ref as w, computed as i, createBlock as u, openBlock as d, unref as t, mergeProps as $, withCtx as n, renderSlot as b, createCommentVNode as y, createElementVNode as p, normalizeClass as r, createTextVNode as a, normalizeStyle as I, toDisplayString as c, createVNode as B } from "vue";
-import { addUnit as P } from "@vft/utils";
-import { VftButton as T } from "../button/index.js";
-import { VftIcon as S } from "../icon/index.js";
-import { VftTooltip as A } from "../tooltip/index.js";
 import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
+import "@vft/utils";
+import { addUnit as P } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
+import { VftButton as T } from "../button/index.js";
+import { VftIcon as S } from "../icon/index.js";
+import { VftTooltip as A } from "../tooltip/index.js";
 import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";

package/es/components/popover/popover.vue2.js

@@ -2,8 +2,8 @@ import { defineComponent as m, computed as r, ref as S, unref as l, createBlock
 import { VftTooltip as N } from "../tooltip/index.js";
 import { EVENT_CODE as i } from "../../constants/aria.js";
 import { isClient as O } from "@vueuse/core";
-import { addUnit as K } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
+import "@vft/utils";
+import { addUnit as K } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";

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

@@ -1,8 +1,8 @@
 import { defineComponent as W, ref as o, computed as h, watch as k, nextTick as T, provide as D, reactive as G, onMounted as X, onUpdated as Y, createElementBlock as q, openBlock as y, normalizeClass as w, unref as F, createElementVNode as I, createBlock as B, createCommentVNode as J, normalizeStyle as E, resolveDynamicComponent as Q, withCtx as Z, renderSlot as _ } from "vue";
-import { addUnit as N, isNumber as i, isObject as ee } from "@vft/utils";
+import { isNumber as i, isObject as ee } from "@vft/utils";
 import { useResizeObserver as te, useEventListener as le } from "@vueuse/core";
-import { debugWarn as O } from "../../utils/error.js";
-import "../config-provider/hooks/use-global-config.js";
+import { debugWarn as N } from "../../utils/error.js";
+import { addUnit as O } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
@@ -40,7 +40,7 @@ const L = "ElScrollbar", ie = W({
     let p, b;
     const g = o(), t = o(), S = o(), z = o("0"), x = o("0"), m = o(), C = o(1), R = o(1), $ = h(() => {
       const e = {};
-      return l.height && (e.height = N(l.height)), l.maxHeight && (e.maxHeight = N(l.maxHeight)), [l.wrapStyle, e];
+      return l.height && (e.height = O(l.height)), l.maxHeight && (e.maxHeight = O(l.maxHeight)), [l.wrapStyle, e];
     }), j = h(() => [
       l.wrapClass,
       s.e("wrap"),
@@ -56,13 +56,13 @@ const L = "ElScrollbar", ie = W({
     }
     const U = (e) => {
       if (!i(e)) {
-        O(L, "value must be a number");
+        N(L, "value must be a number");
         return;
       }
       t.value.scrollTop = e;
     }, V = (e) => {
       if (!i(e)) {
-        O(L, "value must be a number");
+        N(L, "value must be a number");
         return;
       }
       t.value.scrollLeft = e;

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

@@ -1,11 +1,11 @@
 import { defineComponent as P, ref as i, computed as u, resolveDirective as X, createElementBlock as V, openBlock as v, Fragment as Y, withDirectives as Z, createBlock as _, createCommentVNode as ee, normalizeStyle as oe, normalizeClass as w, unref as l, createVNode as te, mergeProps as g, createSlots as ne, withCtx as a, renderSlot as s, createElementVNode as ie } from "vue";
-import { addUnit as f } from "@vft/utils";
-import { VftInput as le } from "../input/index.js";
-import { VftPopover as ae } from "../popover/index.js";
 import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
+import "@vft/utils";
+import { addUnit as f } from "../../utils/helper.js";
 import { generateCssVars as b } from "../../utils/ns-cover.js";
 import "lodash-es";
+import { VftInput as le } from "../input/index.js";
+import { VftPopover as ae } from "../popover/index.js";
 import { useNamespace as se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";

package/es/components/side-menu/side-menu.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent as V, toRefs as oe, useSlots as le, getCurrentInstance as ne, ref as g, computed as m, h as b, createVNode as p, onMounted as ae, nextTick as ue, watch as se, isVNode as ie } from "vue";
 import { listenerRouteChange as de, useRouterHelper as re } from "@vft/router";
 import { useSortable as ce } from "@vft/use/sortable";
-import { isUrl as pe, isNullOrUndefined as A, addUnit as W, isNumber as fe } from "@vft/utils";
-import { VftIcon as me } from "../icon/index.js";
-import { VftMenu as he, VftSubMenu as ve, VftMenuItem as I } from "../menu/index.js";
+import { isUrl as pe, isNullOrUndefined as A, isNumber as fe } from "@vft/utils";
 import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
+import { addUnit as W } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
+import { VftIcon as me } from "../icon/index.js";
+import { VftMenu as he, VftSubMenu as ve, VftMenuItem as I } from "../menu/index.js";
 import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";

package/es/components/switch/switch.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as A, computed as s, ref as C, watch as g, onMounted as J, createElementBlock as u, openBlock as l, withModifiers as Q, normalizeStyle as _, normalizeClass as n, createElementVNode as T, createCommentVNode as r, withKeys as R, unref as i, createBlock as b, normalizeProps as I, mergeProps as w, toDisplayString as B, nextTick as X } from "vue";
-import { singleAttrToObj as x, addUnit as Y, isPromise as F, isBoolean as Z } from "@vft/utils";
+import { defineComponent as A, computed as s, ref as C, watch as g, onMounted as J, createElementBlock as u, openBlock as l, withModifiers as Q, normalizeStyle as _, normalizeClass as n, createElementVNode as T, createCommentVNode as r, withKeys as R, unref as o, createBlock as b, normalizeProps as I, mergeProps as w, toDisplayString as B, nextTick as X } from "vue";
+import { singleAttrToObj as x, isPromise as F, isBoolean as Y } from "@vft/utils";
 import "../form/index.js";
 import { VftIcon as y } from "../icon/index.js";
 import { UPDATE_MODEL_EVENT as E, CHANGE_EVENT as N, INPUT_EVENT as P } from "../../constants/event.js";
 import "@vueuse/core";
-import { debugWarn as O, throwError as ee } from "../../utils/error.js";
-import "../config-provider/hooks/use-global-config.js";
+import { debugWarn as O, throwError as Z } from "../../utils/error.js";
+import { addUnit as ee } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useFormItem as te, useFormItemInputId as ie } from "../form/hooks/use-form-item.js";
-import { useFormSize as oe, useFormDisabled as le } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as te, useFormItemInputId as oe } from "../form/hooks/use-form-item.js";
+import { useFormSize as ie, useFormDisabled as le } from "../form/hooks/use-form-common-props.js";
 const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex"], re = ["aria-hidden"], ce = ["aria-hidden"], se = ["aria-hidden"], ue = A({
   name: "vft-switch"
 }), Ne = /* @__PURE__ */ A({
@@ -43,7 +43,7 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
   },
   emits: [E, N, P],
   setup(K, { expose: M, emit: U }) {
-    const t = ae("switch"), a = K, v = U, { formItem: S } = te(), j = oe(), { inputId: G } = ie(a, {
+    const t = ae("switch"), a = K, v = U, { formItem: S } = te(), j = ie(), { inputId: G } = oe(a, {
       formItemContext: S
     }), d = s(
       () => x(a.activeIcon, "icon")
@@ -53,9 +53,9 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       t.b(),
       t.m(j.value),
       t.is("disabled", p.value),
-      t.is("checked", o.value)
+      t.is("checked", i.value)
     ]), W = s(() => ({
-      width: Y(a.width)
+      width: ee(a.width)
     }));
     g(
       () => a.modelValue,
@@ -68,14 +68,14 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
         k.value = !1;
       }
     );
-    const z = s(() => k.value ? a.modelValue : a.value), o = s(() => z.value === a.activeValue);
-    [a.activeValue, a.inactiveValue].includes(z.value) || (v(E, a.inactiveValue), v(N, a.inactiveValue), v(P, a.inactiveValue)), g(o, (e) => {
+    const z = s(() => k.value ? a.modelValue : a.value), i = s(() => z.value === a.activeValue);
+    [a.activeValue, a.inactiveValue].includes(z.value) || (v(E, a.inactiveValue), v(N, a.inactiveValue), v(P, a.inactiveValue)), g(i, (e) => {
       f.value.checked = e, a.validateEvent && S?.validate?.("change").catch((c) => O(c));
     });
     const h = () => {
-      const e = o.value ? a.inactiveValue : a.activeValue;
+      const e = i.value ? a.inactiveValue : a.activeValue;
       v(E, e), v(N, e), v(P, e), X(() => {
-        f.value.checked = o.value;
+        f.value.checked = i.value;
       });
     }, D = () => {
       if (p.value) return;
@@ -87,8 +87,8 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       const c = e();
       [
         F(c),
-        Z(c)
-      ].includes(!0) || ee(
+        Y(c)
+      ].includes(!0) || Z(
         t.b(),
         "beforeChange must return type `Promise<boolean>` or `boolean`"
       ), F(c) ? c.then((V) => {
@@ -104,7 +104,7 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       f.value?.focus?.();
     };
     return J(() => {
-      f.value.checked = o.value;
+      f.value.checked = i.value;
     }), M({
       /**
        *  @description manual focus to the switch component
@@ -113,25 +113,25 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       /**
        * @description whether Switch is checked
        */
-      checked: o
+      checked: i
     }), (e, c) => (l(), u("div", {
       class: n(L.value),
       style: _($.value),
       onClick: Q(D, ["prevent"])
     }, [
       T("input", {
-        id: i(G),
+        id: o(G),
         ref_key: "input",
         ref: f,
-        class: n(i(t).e("input")),
+        class: n(o(t).e("input")),
         type: "checkbox",
         role: "switch",
-        "aria-checked": o.value,
-        "aria-disabled": i(p),
+        "aria-checked": i.value,
+        "aria-disabled": o(p),
         name: e.name,
         "true-value": e.activeValue,
         "false-value": e.inactiveValue,
-        disabled: i(p),
+        disabled: o(p),
         tabindex: e.tabindex,
         onChange: h,
         onKeydown: R(D, ["enter"])
@@ -139,40 +139,40 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (l(), u("span", {
         key: 0,
         class: n([
-          i(t).e("label"),
-          i(t).em("label", "left"),
-          i(t).is("active", !o.value)
+          o(t).e("label"),
+          o(t).em("label", "left"),
+          o(t).is("active", !i.value)
         ])
       }, [
-        m.value?.icon ? (l(), b(i(y), I(w({ key: 0 }, m.value)), null, 16)) : r("", !0),
+        m.value?.icon ? (l(), b(o(y), I(w({ key: 0 }, m.value)), null, 16)) : r("", !0),
         !m.value?.icon && e.inactiveText ? (l(), u("span", {
           key: 1,
-          "aria-hidden": o.value
+          "aria-hidden": i.value
         }, B(e.inactiveText), 9, re)) : r("", !0)
       ], 2)) : r("", !0),
       T("span", {
         ref_key: "core",
         ref: H,
-        class: n(i(t).e("core")),
+        class: n(o(t).e("core")),
         style: _(W.value)
       }, [
         e.inlinePrompt ? (l(), u("div", {
           key: 0,
-          class: n(i(t).e("inner"))
+          class: n(o(t).e("inner"))
         }, [
-          d.value?.icon || m.value?.icon ? (l(), b(i(y), I(w({ key: 0 }, o.value ? d.value : m.value)), null, 16)) : e.activeText || e.inactiveText ? (l(), u("span", {
+          d.value?.icon || m.value?.icon ? (l(), b(o(y), I(w({ key: 0 }, i.value ? d.value : m.value)), null, 16)) : e.activeText || e.inactiveText ? (l(), u("span", {
             key: 1,
-            class: n(i(t).is("text")),
-            "aria-hidden": !o.value
-          }, B(o.value ? e.activeText : e.inactiveText), 11, ce)) : r("", !0)
+            class: n(o(t).is("text")),
+            "aria-hidden": !i.value
+          }, B(i.value ? e.activeText : e.inactiveText), 11, ce)) : r("", !0)
         ], 2)) : r("", !0),
         T("div", {
-          class: n(i(t).e("action"))
+          class: n(o(t).e("action"))
         }, [
-          e.loading ? (l(), b(i(y), {
+          e.loading ? (l(), b(o(y), {
             key: 0,
             rotate: "",
-            class: n(i(t).is("loading")),
+            class: n(o(t).is("loading")),
             icon: "icon-loading"
           }, null, 8, ["class"])) : r("", !0)
         ], 2)
@@ -180,15 +180,15 @@ const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-
       !e.inlinePrompt && (d.value?.icon || e.activeText) ? (l(), u("span", {
         key: 1,
         class: n([
-          i(t).e("label"),
-          i(t).em("label", "right"),
-          i(t).is("active", o.value)
+          o(t).e("label"),
+          o(t).em("label", "right"),
+          o(t).is("active", i.value)
         ])
       }, [
-        d.value?.icon ? (l(), b(i(y), I(w({ key: 0 }, d.value)), null, 16)) : r("", !0),
+        d.value?.icon ? (l(), b(o(y), I(w({ key: 0 }, d.value)), null, 16)) : r("", !0),
         !d.value?.icon && e.activeText ? (l(), u("span", {
           key: 1,
-          "aria-hidden": !o.value
+          "aria-hidden": !i.value
         }, B(e.activeText), 9, se)) : r("", !0)
       ], 2)) : r("", !0)
     ], 6));

package/es/components/time-picker/common/picker-range-trigger.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, ref as u, computed as $, createElementBlock as M, openBlock as T, normalizeStyle as w, normalizeClass as z, unref as o, renderSlot as t, createElementVNode as d, mergeProps as i } from "vue";
 import { useAttrs as A } from "../../../hooks/use-attrs/index.js";
-import "@vft/utils";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";

package/es/components/verify-code/verify-code.vue2.js

@@ -1,9 +1,13 @@
-import { defineComponent as r, computed as f, createElementBlock as u, openBlock as p, normalizeStyle as d, createElementVNode as g, unref as k } from "vue";
-import { addUnit as t } from "@vft/utils";
+import { defineComponent as d, computed as f, createElementBlock as u, openBlock as p, normalizeStyle as r, createElementVNode as g, unref as k } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as t } from "../../utils/helper.js";
+import "../../utils/ns-cover.js";
+import "lodash-es";
 import y from "./useImageVerify.js";
-const w = ["width", "height"], _ = r({
+const w = ["width", "height"], _ = d({
   name: "vft-verify-code"
-}), E = /* @__PURE__ */ r({
+}), I = /* @__PURE__ */ d({
   ..._,
   props: {
     height: { default: 40 },
@@ -12,23 +16,23 @@ const w = ["width", "height"], _ = r({
   },
   emits: ["click"],
   setup(i, { expose: n, emit: c }) {
-    const s = c, l = f(() => ({
+    const m = c, s = f(() => ({
       width: t(i.width),
       height: t(i.height)
-    })), { domRef: a, imgCode: h, getCode: o } = y(), m = () => {
-      o(), s("click");
+    })), { domRef: l, imgCode: a, getCode: o } = y(), h = () => {
+      o(), m("click");
     };
     return n({
       getCode: o,
-      code: h
+      code: a
     }), (e, v) => (p(), u("div", {
-      style: d(l.value),
-      onClick: m
+      style: r(s.value),
+      onClick: h
     }, [
       g("canvas", {
         ref_key: "domRef",
-        ref: a,
-        style: d({ borderRadius: k(t)(e.radius) }),
+        ref: l,
+        style: r({ borderRadius: k(t)(e.radius) }),
         width: e.width,
         height: e.height,
         class: "cursor-pointer"
@@ -37,5 +41,5 @@ const w = ["width", "height"], _ = r({
   }
 });
 export {
-  E as default
+  I as default
 };

package/es/hooks/use-draggable/index.js

@@ -1,42 +1,46 @@
-import { addUnit as g } from "@vft/utils";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as p } from "../../utils/helper.js";
+import "../../utils/ns-cover.js";
+import "lodash-es";
 import { onMounted as W, watchEffect as B, onBeforeUnmount as U } from "vue";
-const C = (t, e, p) => {
-  let c = {
+const z = (t, e, g) => {
+  let m = {
     offsetX: 0,
     offsetY: 0
   };
-  const m = (u) => {
-    const L = u.clientX, M = u.clientY, { offsetX: n, offsetY: s } = c, o = t.value.getBoundingClientRect(), a = o.left, l = o.top, w = o.width, X = o.height, Y = document.documentElement.clientWidth, x = document.documentElement.clientHeight, b = -a + n, D = -l + s, H = Y - a - w + n, T = x - l - X + s, d = (f) => {
-      const r = Math.min(
-        Math.max(n + f.clientX - L, b),
+  const c = (u) => {
+    const L = u.clientX, M = u.clientY, { offsetX: n, offsetY: s } = m, o = t.value.getBoundingClientRect(), a = o.left, l = o.top, w = o.width, X = o.height, Y = document.documentElement.clientWidth, x = document.documentElement.clientHeight, b = -a + n, D = -l + s, H = Y - a - w + n, T = x - l - X + s, r = (v) => {
+      const f = Math.min(
+        Math.max(n + v.clientX - L, b),
         H
       ), h = Math.min(
-        Math.max(s + f.clientY - M, D),
+        Math.max(s + v.clientY - M, D),
         T
       );
-      c = {
-        offsetX: r,
+      m = {
+        offsetX: f,
         offsetY: h
-      }, t.value.style.transform = `translate(${g(
-        r
-      )}, ${g(h)})`;
-    }, v = () => {
-      document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", v);
+      }, t.value.style.transform = `translate(${p(
+        f
+      )}, ${p(h)})`;
+    }, d = () => {
+      document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", d);
     };
-    document.addEventListener("mousemove", d), document.addEventListener("mouseup", v);
+    document.addEventListener("mousemove", r), document.addEventListener("mouseup", d);
   }, E = () => {
-    e.value && t.value && e.value.addEventListener("mousedown", m);
+    e.value && t.value && e.value.addEventListener("mousedown", c);
   }, i = () => {
-    e.value && t.value && e.value.removeEventListener("mousedown", m);
+    e.value && t.value && e.value.removeEventListener("mousedown", c);
   };
   W(() => {
     B(() => {
-      p.value ? E() : i();
+      g.value ? E() : i();
     });
   }), U(() => {
     i();
   });
 };
 export {
-  C as useDraggable
+  z as useDraggable
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.313",
+  "version": "0.0.315",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.313";
+const o = "0.0.315";
 export {
   o as version
 };

package/es/utils/helper.js

@@ -4,7 +4,7 @@ import { addUnit as s } from "@vft/utils";
 const c = (t) => ["large", "small"].includes(t) ? t : !1, l = (t) => ["", ...i].includes(t), m = (t) => o[t || "default"], p = (t) => !t && t !== 0 ? [] : Array.isArray(t) ? t : [t], d = (t) => [...new Set(t)];
 function f(t) {
   const e = n();
-  return s(t, e.value.baseUnit, e.value.baseUnitSize);
+  return s(t, e?.value?.baseUnit, e?.value?.baseUnitSize);
 }
 export {
   f as addUnit,

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("../clamp-tooltip/index.cjs"),a=require("../icon/index.cjs");require("@vueuse/core");const s=require("@vft/utils"),m=require("../../utils/helper.cjs"),p=require("../../utils/ns-cover.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k={key:2},h=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...h,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const i=B.useNamespace("icon-text"),d=e.computed(()=>o.hoverColor?o.hoverColor:o.color),n=e.computed(()=>s.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),c=e.computed(()=>o.direction==="col"),u=e.computed(()=>{const t=m.addUnit(o.distance);return c.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),r=e.computed(()=>s.removeUnit(o.size)),l=e.computed(()=>r.value<12),v=e.computed(()=>r.value&&l.value?{transform:`scale(${r.value/12})`}:{}),f=e.computed(()=>{const t=p.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":d.value,fontSize:l.value?"12px":m.addUnit(o.size)},"icon-text");return{...l.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...v.value}}),g=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("col",c.value)]),style:e.normalizeStyle(f.value)},[!t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:0},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(C.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(t.text),1)),t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:3},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0)],6))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../clamp-tooltip/index.cjs"),s=require("../icon/index.cjs");require("@vueuse/core");const m=require("@vft/utils"),v=require("../../utils/helper.cjs"),C=require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B={key:2},k=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...k,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const c=p.useNamespace("icon-text"),n=e.computed(()=>o.hoverColor?o.hoverColor:o.color),r=e.computed(()=>m.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),u=e.computed(()=>o.direction==="col"),a=e.computed(()=>{const t=v.addUnit(o.distance);return u.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),l=e.computed(()=>m.removeUnit(o.size)),i=e.computed(()=>l.value<12),d=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),f=e.computed(()=>{const t=C.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":n.value,fontSize:i.value?"12px":v.addUnit(o.size)},"icon-text");return{...i.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...d.value}}),g=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).is("col",u.value)]),style:e.normalizeStyle(f.value)},[!t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:0},r.value,{"hover-color":n.value,style:a.value}),null,16,["hover-color","style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(h.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.text),1)),t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:3},r.value,{style:a.value,"hover-color":n.value}),null,16,["style","hover-color"])):e.createCommentVNode("",!0)],6))}});exports.default=q;

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:M}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),c=te.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[T.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:M}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),c=oe.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(M),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(c),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(k=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),f.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

package/lib/components/input-tag/input-tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ae=require("../../hooks/use-attrs/index.cjs"),le=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("../../hooks/use-calc-input-width/index.cjs"),S=require("../icon/index.cjs"),ue=require("../tag/index.cjs");require("../form/index.cjs");const V=require("./input-tag.cjs"),ie=require("./composables/use-drag-tag.cjs"),de=require("./composables/use-hovering.cjs"),fe=require("./composables/use-input-tag.cjs"),ce=require("./composables/use-input-tag-dom.cjs"),w=require("../form/hooks/use-form-item.cjs"),pe=["id","minlength","maxlength","disabled","readonly","autocomplete","tabindex","placeholder","autofocus","ariaLabel"],me=["textContent"],ge=e.defineComponent({name:"ElInputTag",inheritAttrs:!1}),ve=e.defineComponent({...ge,props:V.inputTagProps,emits:V.inputTagEmits,setup(T,{expose:E,emit:z}){const i=T,B=z,M=ae.useAttrs(),N=e.useSlots(),{form:R,formItem:d}=w.useFormItem(),{inputId:x}=w.useFormItemInputId(i,{formItemContext:d}),c=e.computed(()=>R?.statusIcon??!1),a=e.computed(()=>d?.validateState||""),$={validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"},p=e.computed(()=>a.value&&$[a.value]),{inputRef:F,wrapperRef:m,isFocused:L,inputValue:l,size:K,tagSize:P,placeholder:A,closable:g,disabled:v,handleDragged:H,handleInput:C,handleKeydown:I,handleRemoveTag:O,handleClear:U,handleCompositionStart:k,handleCompositionUpdate:y,handleCompositionEnd:h,focus:D,blur:j}=fe.useInputTag({props:i,emit:B,formItem:d}),{hovering:W,handleMouseEnter:q,handleMouseLeave:b}=de.useHovering(),{calculatorRef:G,inputStyle:J}=se.useCalcInputWidth(),{dropIndicatorRef:Q,showDropIndicator:X,handleDragStart:Y,handleDragOver:Z,handleDragEnd:_}=ie.useDragTag({wrapperRef:m,handleDragged:H,afterDragged:D}),{ns:t,nsInput:f,containerKls:ee,containerStyle:ne,innerKls:re,showClear:oe,showSuffix:te}=ce.useInputTagDom({props:i,hovering:W,isFocused:L,inputValue:l,disabled:v,size:K,validateState:a,validateIcon:p,needStatusIcon:c});return E({focus:D,blur:j}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:e.normalizeClass(e.unref(ee)),style:e.normalizeStyle(e.unref(ne)),onMouseenter:n[7]||(n[7]=(...r)=>e.unref(q)&&e.unref(q)(...r)),onMouseleave:n[8]||(n[8]=(...r)=>e.unref(b)&&e.unref(b)(...r))},[e.unref(N).prefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("prefix"))},[e.renderSlot(o.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(r,s)=>(e.openBlock(),e.createBlock(e.unref(ue.VftTag),{key:s,size:e.unref(P),closable:e.unref(g),type:o.tagType,effect:o.tagEffect,draggable:e.unref(g)&&o.draggable,"disable-transitions":"",onClose:u=>e.unref(O)(s),onDragstart:u=>e.unref(Y)(u,s),onDragover:u=>e.unref(Z)(u,s),onDragend:e.unref(_),onDrop:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"tag",{value:r,index:s},()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1032,["size","closable","type","effect","draggable","onClose","onDragstart","onDragover","onDragend"]))),128)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("input-wrapper"))},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(x),ref_key:"inputRef",ref:F,"onUpdate:modelValue":n[1]||(n[1]=r=>e.isRef(l)?l.value=r:null)},e.unref(M),{type:"text",minlength:o.minlength,maxlength:o.maxlength,disabled:e.unref(v),readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,placeholder:e.unref(A),autofocus:o.autofocus,ariaLabel:o.ariaLabel,class:e.unref(t).e("input"),style:e.unref(J),onCompositionstart:n[2]||(n[2]=(...r)=>e.unref(k)&&e.unref(k)(...r)),onCompositionupdate:n[3]||(n[3]=(...r)=>e.unref(y)&&e.unref(y)(...r)),onCompositionend:n[4]||(n[4]=(...r)=>e.unref(h)&&e.unref(h)(...r)),onInput:n[5]||(n[5]=(...r)=>e.unref(C)&&e.unref(C)(...r)),onKeydown:n[6]||(n[6]=(...r)=>e.unref(I)&&e.unref(I)(...r))}),null,16,pe),[[e.vModelText,e.unref(l)]]),e.createElementVNode("span",{ref_key:"calculatorRef",ref:G,"aria-hidden":"true",class:e.normalizeClass(e.unref(t).e("input-calculator")),textContent:e.toDisplayString(e.unref(l))},null,10,me)],2),e.withDirectives(e.createElementVNode("div",{ref_key:"dropIndicatorRef",ref:Q,class:e.normalizeClass(e.unref(t).e("drop-indicator"))},null,2),[[e.vShow,e.unref(X)]])],2),e.unref(te)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("suffix"))},[e.renderSlot(o.$slots,"suffix"),e.unref(oe)?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:0,class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).e("clear")]),onMousedown:e.withModifiers(e.unref(le.noop),["prevent"]),onClick:e.unref(U),icon:"icon-circle-close"},null,8,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),a.value&&p.value&&c.value?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:1,class:e.normalizeClass([e.unref(f).e("icon"),e.unref(f).e("validateIcon"),e.unref(f).is("loading",a.value==="validating")]),icon:"validateIcon"},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38))}});exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ae=require("../../hooks/use-attrs/index.cjs");require("@vueuse/core");const le=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("../../hooks/use-calc-input-width/index.cjs"),S=require("../icon/index.cjs"),ue=require("../tag/index.cjs");require("../form/index.cjs");const V=require("./input-tag.cjs"),ie=require("./composables/use-drag-tag.cjs"),de=require("./composables/use-hovering.cjs"),fe=require("./composables/use-input-tag.cjs"),ce=require("./composables/use-input-tag-dom.cjs"),w=require("../form/hooks/use-form-item.cjs"),pe=["id","minlength","maxlength","disabled","readonly","autocomplete","tabindex","placeholder","autofocus","ariaLabel"],me=["textContent"],ge=e.defineComponent({name:"ElInputTag",inheritAttrs:!1}),ve=e.defineComponent({...ge,props:V.inputTagProps,emits:V.inputTagEmits,setup(T,{expose:E,emit:z}){const i=T,B=z,M=ae.useAttrs(),N=e.useSlots(),{form:R,formItem:d}=w.useFormItem(),{inputId:x}=w.useFormItemInputId(i,{formItemContext:d}),c=e.computed(()=>R?.statusIcon??!1),a=e.computed(()=>d?.validateState||""),$={validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"},p=e.computed(()=>a.value&&$[a.value]),{inputRef:F,wrapperRef:m,isFocused:L,inputValue:l,size:K,tagSize:P,placeholder:A,closable:g,disabled:v,handleDragged:H,handleInput:C,handleKeydown:I,handleRemoveTag:O,handleClear:U,handleCompositionStart:k,handleCompositionUpdate:y,handleCompositionEnd:h,focus:D,blur:j}=fe.useInputTag({props:i,emit:B,formItem:d}),{hovering:W,handleMouseEnter:q,handleMouseLeave:b}=de.useHovering(),{calculatorRef:G,inputStyle:J}=se.useCalcInputWidth(),{dropIndicatorRef:Q,showDropIndicator:X,handleDragStart:Y,handleDragOver:Z,handleDragEnd:_}=ie.useDragTag({wrapperRef:m,handleDragged:H,afterDragged:D}),{ns:t,nsInput:f,containerKls:ee,containerStyle:ne,innerKls:re,showClear:oe,showSuffix:te}=ce.useInputTagDom({props:i,hovering:W,isFocused:L,inputValue:l,disabled:v,size:K,validateState:a,validateIcon:p,needStatusIcon:c});return E({focus:D,blur:j}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:e.normalizeClass(e.unref(ee)),style:e.normalizeStyle(e.unref(ne)),onMouseenter:n[7]||(n[7]=(...r)=>e.unref(q)&&e.unref(q)(...r)),onMouseleave:n[8]||(n[8]=(...r)=>e.unref(b)&&e.unref(b)(...r))},[e.unref(N).prefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("prefix"))},[e.renderSlot(o.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(r,s)=>(e.openBlock(),e.createBlock(e.unref(ue.VftTag),{key:s,size:e.unref(P),closable:e.unref(g),type:o.tagType,effect:o.tagEffect,draggable:e.unref(g)&&o.draggable,"disable-transitions":"",onClose:u=>e.unref(O)(s),onDragstart:u=>e.unref(Y)(u,s),onDragover:u=>e.unref(Z)(u,s),onDragend:e.unref(_),onDrop:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"tag",{value:r,index:s},()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1032,["size","closable","type","effect","draggable","onClose","onDragstart","onDragover","onDragend"]))),128)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("input-wrapper"))},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(x),ref_key:"inputRef",ref:F,"onUpdate:modelValue":n[1]||(n[1]=r=>e.isRef(l)?l.value=r:null)},e.unref(M),{type:"text",minlength:o.minlength,maxlength:o.maxlength,disabled:e.unref(v),readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,placeholder:e.unref(A),autofocus:o.autofocus,ariaLabel:o.ariaLabel,class:e.unref(t).e("input"),style:e.unref(J),onCompositionstart:n[2]||(n[2]=(...r)=>e.unref(k)&&e.unref(k)(...r)),onCompositionupdate:n[3]||(n[3]=(...r)=>e.unref(y)&&e.unref(y)(...r)),onCompositionend:n[4]||(n[4]=(...r)=>e.unref(h)&&e.unref(h)(...r)),onInput:n[5]||(n[5]=(...r)=>e.unref(C)&&e.unref(C)(...r)),onKeydown:n[6]||(n[6]=(...r)=>e.unref(I)&&e.unref(I)(...r))}),null,16,pe),[[e.vModelText,e.unref(l)]]),e.createElementVNode("span",{ref_key:"calculatorRef",ref:G,"aria-hidden":"true",class:e.normalizeClass(e.unref(t).e("input-calculator")),textContent:e.toDisplayString(e.unref(l))},null,10,me)],2),e.withDirectives(e.createElementVNode("div",{ref_key:"dropIndicatorRef",ref:Q,class:e.normalizeClass(e.unref(t).e("drop-indicator"))},null,2),[[e.vShow,e.unref(X)]])],2),e.unref(te)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("suffix"))},[e.renderSlot(o.$slots,"suffix"),e.unref(oe)?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:0,class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).e("clear")]),onMousedown:e.withModifiers(e.unref(le.noop),["prevent"]),onClick:e.unref(U),icon:"icon-circle-close"},null,8,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),a.value&&p.value&&c.value?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:1,class:e.normalizeClass([e.unref(f).e("icon"),e.unref(f).e("validateIcon"),e.unref(f).is("loading",a.value==="validating")]),icon:"validateIcon"},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38))}});exports.default=ve;

package/lib/components/list-cell/list-cell.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../icon/index.cjs");require("@vueuse/core");const c=require("@vft/utils"),f=require("../../utils/helper.cjs"),v=require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=["onClick"],p=e.defineComponent({name:"vft-list-cell"}),I=e.defineComponent({...p,props:{list:{default:()=>[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(o,{emit:d}){const n=C.useNamespace("list-cell"),m=d,s=e.ref(o.activeIndex);e.computed(()=>o.list.map(t=>(t.leftIcon=c.singleAttrToObj(t.leftIcon,"icon",{size:16}),t.rightIcon=c.singleAttrToObj(t.rightIcon,"icon",{icon:"icon-arrow-right",size:16}),t)));const g=e.computed(()=>v.generateCssVars({height:f.addUnit(o.cellHeight),"left-text-distance":f.addUnit(o.leftTextDistance)},"list-cell"));function k(t,l){s.value=l,m("item-click",t,l)}const a=(t,l={})=>c.singleAttrToObj(t,"icon",{size:16,...l});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(g.value),class:e.normalizeClass(e.unref(n).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(r,i)=>(e.openBlock(),e.createElementBlock("div",{onClick:q=>k(r,i),key:i,class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).is("active",s.value===i)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("left"))},[e.createVNode(e.unref(u.VftIcon),e.mergeProps({ref_for:!0},a(r.leftIcon)),null,16),e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("text"))},e.toDisplayString(r.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("right"))},[r?.rightContent?(e.openBlock(),e.createBlock(e.unref(c.VNode),{key:0,content:r.rightContent},null,8,["content"])):(e.openBlock(),e.createBlock(e.unref(u.VftIcon),e.mergeProps({key:1,ref_for:!0},a(r.rightIcon)),null,16))],2)],10,h))),128))],6))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../icon/index.cjs");require("@vueuse/core");const u=require("@vft/utils"),f=require("../../utils/helper.cjs"),g=require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=["onClick"],h=e.defineComponent({name:"vft-list-cell"}),q=e.defineComponent({...h,props:{list:{default:()=>[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(c,{emit:d}){const t=C.useNamespace("list-cell"),m=d,s=e.ref(c.activeIndex),k=e.computed(()=>g.generateCssVars({height:f.addUnit(c.cellHeight),"left-text-distance":f.addUnit(c.leftTextDistance)},"list-cell"));function v(l,r){s.value=r,m("item-click",l,r)}const i=(l,r={})=>u.singleAttrToObj(l,"icon",{size:16,...r});return(l,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(k.value),class:e.normalizeClass(e.unref(t).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.list,(n,o)=>(e.openBlock(),e.createElementBlock("div",{onClick:B=>v(n,o),key:o,class:e.normalizeClass([e.unref(t).e("item"),e.unref(t).is("active",s.value===o)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).m("left"))},[e.createVNode(e.unref(a.VftIcon),e.mergeProps({ref_for:!0},i(n.leftIcon)),null,16),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).e("text"))},e.toDisplayString(n.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).m("right"))},[n?.rightContent?(e.openBlock(),e.createBlock(e.unref(u.VNode),{key:0,content:n.rightContent},null,8,["content"])):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:1,ref_for:!0},i(n.rightIcon)),null,16))],2)],10,p))),128))],6))}});exports.default=q;

package/lib/components/popconfirm/popconfirm.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@vft/utils"),c=require("../button/index.cjs"),B=require("../icon/index.cjs"),C=require("../tooltip/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=e.defineComponent({name:"VftPopconfirm"}),V=e.defineComponent({...h,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(a,{emit:s}){const n=a,r=s,o=T.useNamespace("popconfirm"),l=e.ref(),i=()=>{l.value?.onClose?.()},u=e.computed(()=>({width:y.addUnit(n.width)})),p=t=>{r("confirm",t),i()},f=t=>{r("cancel",t),i()},d=e.computed(()=>n.confirmButtonText||"确认"),m=e.computed(()=>n.cancelButtonText||"取消");return(t,q)=>(e.openBlock(),e.createBlock(e.unref(C.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":u.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(B.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(c.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(c.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const c=require("../button/index.cjs"),B=require("../icon/index.cjs"),C=require("../tooltip/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=e.defineComponent({name:"VftPopconfirm"}),V=e.defineComponent({...h,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(a,{emit:s}){const n=a,r=s,o=T.useNamespace("popconfirm"),l=e.ref(),i=()=>{l.value?.onClose?.()},u=e.computed(()=>({width:y.addUnit(n.width)})),p=t=>{r("confirm",t),i()},f=t=>{r("cancel",t),i()},d=e.computed(()=>n.confirmButtonText||"确认"),m=e.computed(()=>n.cancelButtonText||"取消");return(t,q)=>(e.openBlock(),e.createBlock(e.unref(C.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":u.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(B.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(c.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(c.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=V;

package/lib/components/popover/popover.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs"),w=require("@vueuse/core"),C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B="onUpdate:visible",q=t.defineComponent({name:"vft-popover"}),S=t.defineComponent({...q,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:w.isClient},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=E.useNamespace("popover"),p=t.computed(()=>[B]),a=t.ref(),d=t.computed(()=>t.unref(a)?.popperRef),u=t.computed(()=>[{width:C.addUnit(r.width)},r.popperStyle]),f=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:d,hide:b}),(e,k)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":u.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs"),w=require("@vueuse/core");require("@vft/utils");const C=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B="onUpdate:visible",q=t.defineComponent({name:"vft-popover"}),S=t.defineComponent({...q,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:w.isClient},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=E.useNamespace("popover"),p=t.computed(()=>[B]),a=t.ref(),d=t.computed(()=>t.unref(a)?.popperRef),u=t.computed(()=>[{width:C.addUnit(r.width)},r.popperStyle]),f=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:d,hide:b}),(e,k)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":u.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=S;

package/lib/components/scrollbar/scrollbar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),C=require("@vueuse/core"),k=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const M=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./bar.vue2.cjs"),L=require("./constants.cjs"),c=require("./util.cjs"),x="ElScrollbar",P=e.defineComponent({name:"vft-scrollbar"}),j=e.defineComponent({...P,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:r,scrollLeft:f})=>[r,f].every(i.isNumber)},setup(r,{expose:f,emit:B}){const o=M.useNamespace("scrollbar"),N=B;let h,y;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),p=e.ref(1),R=e.computed(()=>{const t={};return r.height&&(t.height=i.addUnit(r.height)),r.maxHeight&&(t.maxHeight=i.addUnit(r.maxHeight)),[r.wrapStyle,t]}),T=e.computed(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),H=e.computed(()=>[o.e("view"),r.viewClass]),q=()=>{l.value&&(d.value?.handleScroll(l.value),N("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function E(t,a){i.isObject(t)?l.value.scrollTo(t):i.isNumber(t)&&i.isNumber(a)&&l.value.scrollTo(t,a)}const O=t=>{if(!i.isNumber(t)){k.debugWarn(x,"value must be a number");return}l.value.scrollTop=t},A=t=>{if(!i.isNumber(t)){k.debugWarn(x,"value must be a number");return}l.value.scrollLeft=t},s=()=>{if(!l.value)return;const t=l.value.offsetHeight-c.GAP,a=l.value.offsetWidth-c.GAP,v=t**2/l.value.scrollHeight,m=a**2/l.value.scrollWidth,n=Math.max(v,r.minSize),u=Math.max(m,r.minSize);z.value=v/(t-v)/(n/(t-n)),p.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>r.noresize,t=>{t?(h?.(),y?.()):({stop:h}=C.useResizeObserver(g,s),y=C.useEventListener("resize",s))},{immediate:!0}),e.watch(()=>[r.maxHeight,r.height],()=>{r.native||e.nextTick(()=>{s(),l.value&&d.value?.handleScroll(l.value)})}),e.provide(L.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{r.native||e.nextTick(()=>{s()})}),e.onUpdated(()=>s()),f({wrapRef:l,update:s,scrollTo:E,setScrollTop:O,setScrollLeft:A,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(T.value),style:e.normalizeStyle(R.value),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(H.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:t.always,"ratio-x":p.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),C=require("@vueuse/core"),k=require("../../utils/error.cjs"),x=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("./bar.vue2.cjs"),P=require("./constants.cjs"),c=require("./util.cjs"),B="ElScrollbar",j=e.defineComponent({name:"vft-scrollbar"}),G=e.defineComponent({...j,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:r,scrollLeft:f})=>[r,f].every(s.isNumber)},setup(r,{expose:f,emit:N}){const o=W.useNamespace("scrollbar"),R=N;let h,y;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),p=e.ref(1),T=e.computed(()=>{const t={};return r.height&&(t.height=x.addUnit(r.height)),r.maxHeight&&(t.maxHeight=x.addUnit(r.maxHeight)),[r.wrapStyle,t]}),H=e.computed(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),E=e.computed(()=>[o.e("view"),r.viewClass]),q=()=>{l.value&&(d.value?.handleScroll(l.value),R("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function O(t,a){s.isObject(t)?l.value.scrollTo(t):s.isNumber(t)&&s.isNumber(a)&&l.value.scrollTo(t,a)}const A=t=>{if(!s.isNumber(t)){k.debugWarn(B,"value must be a number");return}l.value.scrollTop=t},M=t=>{if(!s.isNumber(t)){k.debugWarn(B,"value must be a number");return}l.value.scrollLeft=t},i=()=>{if(!l.value)return;const t=l.value.offsetHeight-c.GAP,a=l.value.offsetWidth-c.GAP,v=t**2/l.value.scrollHeight,m=a**2/l.value.scrollWidth,n=Math.max(v,r.minSize),u=Math.max(m,r.minSize);z.value=v/(t-v)/(n/(t-n)),p.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>r.noresize,t=>{t?(h?.(),y?.()):({stop:h}=C.useResizeObserver(g,i),y=C.useEventListener("resize",i))},{immediate:!0}),e.watch(()=>[r.maxHeight,r.height],()=>{r.native||e.nextTick(()=>{i(),l.value&&d.value?.handleScroll(l.value)})}),e.provide(P.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{r.native||e.nextTick(()=>{i()})}),e.onUpdated(()=>i()),f({wrapRef:l,update:i,scrollTo:O,setScrollTop:A,setScrollLeft:M,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(H.value),style:e.normalizeStyle(T.value),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(E.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:t.always,"ratio-x":p.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=G;

package/lib/components/search/search.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),O=require("../input/index.cjs"),j=require("../popover/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const m=require("../../utils/ns-cover.cjs");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=A.useNamespace("search"),o=C,c=e.ref(),f=e.ref(),p=e.ref(),u=e.ref(!1),s=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{d()};function x(){i.value=!0}function d(){i.value=!1}const S=()=>{o("clear"),l(!1)};function b(){s.value=!0,o("mouseenter",n.modelValue)}function q(){s.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,u.value=!0,o("focus")};function P(){u.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&d(),t&&p.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:u,isHover:s,visible:i,hidePopover:d,showPopover:x}),(t,v)=>{const D=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:b,"onUpdate:modelValue":I,onMouseleave:q,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:S,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[D,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(j.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":f.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");const O=require("../input/index.cjs"),j=require("../popover/index.cjs"),A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=A.useNamespace("search"),o=C,c=e.ref(),f=e.ref(),p=e.ref(),u=e.ref(!1),s=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{d()};function x(){i.value=!0}function d(){i.value=!1}const S=()=>{o("clear"),l(!1)};function b(){s.value=!0,o("mouseenter",n.modelValue)}function q(){s.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,u.value=!0,o("focus")};function P(){u.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&d(),t&&p.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:u,isHover:s,visible:i,hidePopover:d,showPopover:x}),(t,v)=>{const D=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:b,"onUpdate:modelValue":I,onMouseleave:q,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:S,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[D,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(j.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":f.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=L;

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),D=require("@vft/router"),Q=require("@vft/use/sortable"),h=require("@vft/utils"),X=require("../icon/index.cjs"),g=require("../menu/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const ee=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const te=require("./use-drag-line.cjs");function ne(v){return typeof v=="function"||Object.prototype.toString.call(v)==="[object Object]"&&!n.isVNode(v)}const oe=n.defineComponent({name:"vft-side-menu"}),le=n.defineComponent({...oe,props:{isFixedLeft:{type:Boolean,default:!0},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","menuItemMouseenter","menuItemMouseleave"],setup(v,{expose:R,emit:k}){const t=v,{defaultActive:A,collapse:f,uniqueOpened:I,defaultOpeneds:W,openMenuCollapse:j}=n.toRefs(t),c=k,s=ee.useNamespace("side-menu"),i=n.useSlots(),M=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping}));D.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const J=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const o=h.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,l=u.target;m.value?.menu&&l&&setTimeout(()=>{m.value.menu.scrollTop=m.value.menu.scrollTop+(l.getBoundingClientRect().top-m.value.menu.getBoundingClientRect().top)+o},300)}c("subMenuClick",e)},E=e=>{c("menuItemMouseenter",e)},L=e=>{c("menuItemMouseleave",e)},O=(e,u)=>{const o=e[a.value.path],l=e[a.value.title],r=e?.[a.value.children],p=e?.[a.value.index],q=e?.[a.value.icon],N=!!e?.[a.value.disabled],w=t.disabledJudgeTurnOver?!N:N,B=p||o||u+l;return r?.length?n.h(g.VftSubMenu,{...e,popperAppendToBody:!0,key:B,index:B,title:l,icon:q,disabled:t.openDisabled&&w,popperClass:s.e("popper")},{default:()=>r?.map((d,z)=>{const y=d[a.value.path],T=d[a.value.index],Y=d[a.value.icon],G=d[a.value.title],V=!!d[a.value.disabled],K=t.disabledJudgeTurnOver?!V:V;return d?.[a.value.children]?.length?O(d,z):n.h(g.VftMenuItem,{...d,key:T||y,index:T||y,route:y,icon:Y,title:G,disabled:t.openDisabled&&K},i.menuItem?()=>i.menuItem?.({item:d}):"")})}):n.h(g.VftMenuItem,{...e,key:p||o,index:p||o,title:l,route:o,icon:q,disabled:t.openDisabled&&w,onMouseenter:()=>E(e),onMouseleave:()=>L(e)},i.menuItem?()=>i.menuItem?.({item:e,index:u}):"")},m=n.ref(),P=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),U=n.computed(()=>{let e;return n.h(n.createVNode(g.VftMenu,{ref:m.value,onSelect:$,onOpen:J,defaultActive:A?.value||C.value,defaultOpeneds:W?.value,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:P.value,collapse:j.value?f.value:!1,uniqueOpened:I.value,collapseTransition:!1},ne(e=t.menus.map((u,o)=>O(u,o)))?e:{default:()=>[e]}))}),S=M.appContext.config.globalProperties.$router;async function $(e){if(t.useRouterJump){const{go:u}=D.useRouterHelper(S),o=e.route;let l=e.route;e.indexPath.some(p=>h.isUrl(p))&&(l=e.indexPath.slice(-2).join("/"));const r=S.getRoutes().filter(p=>p.path===l)?.[0]?.meta?.linkTarget;u(r?{url:o,winOpenOpt:{target:r}}:o)}c("select",e)}n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll("."+s.e(t.dragOption?.dragClassName))?.[0],{initSortable:u}=Q.useSortable(e,{draggable:".vft-menu-item",onEnd:o=>{const{oldIndex:l,newIndex:r}=o;h.isNullOrUndefined(l)||h.isNullOrUndefined(r)||l===r||c("dragEnd",l,r)},...t.dragOption});u()}})});const b=n.ref(),x=n.ref(),_=n.ref(),H=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:h.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?c("update:width",t.collapseWidth):c("update:width",_.value||t.width),_.value=t.width}),t.dragWidthCfg&&te.useDragLine(b,x,M);const F=n.computed(()=>({left:h.addUnit(t.width)})),Z=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]);return R({sideRef:b}),()=>n.createVNode("div",{ref:b,class:Z.value,style:H.value},[i.top?n.createVNode("div",{class:s.e("top")},[i.top()]):null,U.value,i.bottom?n.createVNode("div",{class:s.e("bottom")},[i.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>c("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(X.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,i.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:x,style:F.value,class:s.e("drag-bar")},null):null])}});exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),D=require("@vft/router"),X=require("@vft/use/sortable"),m=require("@vft/utils");require("@vueuse/core");const R=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const ee=require("../icon/index.cjs"),g=require("../menu/index.cjs"),te=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./use-drag-line.cjs");function oe(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!n.isVNode(h)}const le=n.defineComponent({name:"vft-side-menu"}),ae=n.defineComponent({...le,props:{isFixedLeft:{type:Boolean,default:!0},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:k,emit:A}){const t=h,{defaultActive:I,collapse:f,uniqueOpened:W,defaultOpeneds:j,openMenuCollapse:J}=n.toRefs(t),c=A,s=te.useNamespace("side-menu"),i=n.useSlots(),M=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping}));D.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const E=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const o=m.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,l=u.target;v.value?.menu&&l&&setTimeout(()=>{v.value.menu.scrollTop=v.value.menu.scrollTop+(l.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+o},300)}c("subMenuClick",e)},L=e=>{c("menuItemMouseenter",e)},P=e=>{c("menuItemMouseleave",e)},O=(e,u)=>{const o=e[a.value.path],l=e[a.value.title],r=e?.[a.value.children],p=e?.[a.value.index],q=e?.[a.value.icon],N=!!e?.[a.value.disabled],w=t.disabledJudgeTurnOver?!N:N,B=p||o||u+l;return r?.length?n.h(g.VftSubMenu,{...e,popperAppendToBody:!0,key:B,index:B,title:l,icon:q,disabled:t.openDisabled&&w,popperClass:s.e("popper")},{default:()=>r?.map((d,Y)=>{const y=d[a.value.path],T=d[a.value.index],G=d[a.value.icon],K=d[a.value.title],V=!!d[a.value.disabled],Q=t.disabledJudgeTurnOver?!V:V;return d?.[a.value.children]?.length?O(d,Y):n.h(g.VftMenuItem,{...d,key:T||y,index:T||y,route:y,icon:G,title:K,disabled:t.openDisabled&&Q},i.menuItem?()=>i.menuItem?.({item:d}):"")})}):n.h(g.VftMenuItem,{...e,key:p||o,index:p||o,title:l,route:o,icon:q,disabled:t.openDisabled&&w,onMouseenter:()=>L(e),onMouseleave:()=>P(e)},i.menuItem?()=>i.menuItem?.({item:e,index:u}):"")},v=n.ref(),U=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),$=n.computed(()=>{let e;return n.h(n.createVNode(g.VftMenu,{ref:v.value,onSelect:H,onOpen:E,defaultActive:I?.value||C.value,defaultOpeneds:j?.value,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:U.value,collapse:J.value?f.value:!1,uniqueOpened:W.value,collapseTransition:!1},oe(e=t.menus.map((u,o)=>O(u,o)))?e:{default:()=>[e]}))}),S=M.appContext.config.globalProperties.$router;async function H(e){if(t.useRouterJump){const{go:u}=D.useRouterHelper(S),o=e.route;let l=e.route;e.indexPath.some(p=>m.isUrl(p))&&(l=e.indexPath.slice(-2).join("/"));const r=S.getRoutes().filter(p=>p.path===l)?.[0]?.meta?.linkTarget;u(r?{url:o,winOpenOpt:{target:r}}:o)}c("select",e)}n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll("."+s.e(t.dragOption?.dragClassName))?.[0],{initSortable:u}=X.useSortable(e,{draggable:".vft-menu-item",onEnd:o=>{const{oldIndex:l,newIndex:r}=o;m.isNullOrUndefined(l)||m.isNullOrUndefined(r)||l===r||c("dragEnd",l,r)},...t.dragOption});u()}})});const b=n.ref(),x=n.ref(),_=n.ref(),F=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:R.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?c("update:width",t.collapseWidth):c("update:width",_.value||t.width),_.value=t.width}),t.dragWidthCfg&&ne.useDragLine(b,x,M);const Z=n.computed(()=>({left:R.addUnit(t.width)})),z=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]);return k({sideRef:b}),()=>n.createVNode("div",{ref:b,class:z.value,style:F.value},[i.top?n.createVNode("div",{class:s.e("top")},[i.top()]):null,$.value,i.bottom?n.createVNode("div",{class:s.e("bottom")},[i.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>c("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(ee.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,i.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:x,style:Z.value,class:s.e("drag-bar")},null):null])}});exports.default=ae;

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),D=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],A=["aria-hidden"],O=["aria-hidden"],M=["aria-hidden"],U=e.defineComponent({name:"vft-switch"}),F=e.defineComponent({...U,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=S.useNamespace("switch"),a=B,r=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>u.singleAttrToObj(a.activeIcon,"icon")),s=e.computed(()=>u.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),d=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:u.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(r(l.UPDATE_MODEL_EVENT,a.inactiveValue),r(l.CHANGE_EVENT,a.inactiveValue),r(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{d.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(i=>k.debugWarn(i))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;r(l.UPDATE_MODEL_EVENT,o),r(l.CHANGE_EVENT,o),r(l.INPUT_EVENT,o),e.nextTick(()=>{d.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const i=o();[u.isPromise(i),u.isBoolean(i)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),u.isPromise(i)?i.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):i&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{d.value?.focus?.()};return e.onMounted(()=>{d.value.checked=n.value}),N({focus:_,checked:n}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:d,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,D),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},s.value)),null,16)):e.createCommentVNode("",!0),!s.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,A)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:s.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs"),S=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),A=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],O=["aria-hidden"],M=["aria-hidden"],U=["aria-hidden"],F=e.defineComponent({name:"vft-switch"}),x=e.defineComponent({...F,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=D.useNamespace("switch"),a=B,i=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>d.singleAttrToObj(a.activeIcon,"icon")),u=e.computed(()=>d.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),s=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:S.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(i(l.UPDATE_MODEL_EVENT,a.inactiveValue),i(l.CHANGE_EVENT,a.inactiveValue),i(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{s.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(r=>k.debugWarn(r))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;i(l.UPDATE_MODEL_EVENT,o),i(l.CHANGE_EVENT,o),i(l.INPUT_EVENT,o),e.nextTick(()=>{s.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const r=o();[d.isPromise(r),d.isBoolean(r)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),d.isPromise(r)?r.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):r&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{s.value?.focus?.()};return e.onMounted(()=>{s.value.checked=n.value}),N({focus:_,checked:n}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:s,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,A),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!u.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:u.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,U)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=x;

package/lib/components/time-picker/common/picker-range-trigger.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../../hooks/use-attrs/index.cjs");require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const R=require("../../../hooks/use-focus-controller/index.cjs"),S=require("./props.cjs"),y=["id","name","placeholder","value","disabled"],$=["id","name","placeholder","value","disabled"],E=n.defineComponent({name:"PickerRangeTrigger",inheritAttrs:!1}),M=n.defineComponent({...E,props:S.timePickerRangeTriggerProps,emits:["mouseenter","mouseleave","click","touchstart","focus","blur","startInput","endInput","startChange","endChange"],setup(u,{expose:d,emit:i}){const c=u,r=i,a=P.useAttrs(),p=l.useNamespace("date"),t=l.useNamespace("range"),s=n.ref(),o=n.ref(),{wrapperRef:m,isFocused:f}=R.useFocusController(s,{disabled:n.computed(()=>c.disabled)}),h=e=>{r("click",e)},g=e=>{r("mouseenter",e)},b=e=>{r("mouseleave",e)},v=e=>{r("mouseenter",e)},C=e=>{r("startInput",e)},q=e=>{r("endInput",e)},k=e=>{r("startChange",e)},I=e=>{r("endChange",e)};return d({focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur(),o.value?.blur()}}),(e,N)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:n.normalizeClass([n.unref(p).is("active",n.unref(f)),e.$attrs.class]),style:n.normalizeStyle(e.$attrs.style),onClick:h,onMouseenter:g,onMouseleave:b,onTouchstartPassive:v},[n.renderSlot(e.$slots,"prefix"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[0],ref_key:"inputRef",ref:s,name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:e.modelValue&&e.modelValue[0],class:n.unref(t).b("input"),disabled:e.disabled,onInput:C,onChange:k}),null,16,y),n.renderSlot(e.$slots,"range-separator"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[1],ref_key:"endInputRef",ref:o,name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:e.modelValue&&e.modelValue[1],class:n.unref(t).b("input"),disabled:e.disabled,onInput:q,onChange:I}),null,16,$),n.renderSlot(e.$slots,"suffix")],38))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../../hooks/use-attrs/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const R=require("../../../hooks/use-focus-controller/index.cjs"),S=require("./props.cjs"),y=["id","name","placeholder","value","disabled"],$=["id","name","placeholder","value","disabled"],E=n.defineComponent({name:"PickerRangeTrigger",inheritAttrs:!1}),M=n.defineComponent({...E,props:S.timePickerRangeTriggerProps,emits:["mouseenter","mouseleave","click","touchstart","focus","blur","startInput","endInput","startChange","endChange"],setup(u,{expose:d,emit:i}){const c=u,r=i,a=P.useAttrs(),p=l.useNamespace("date"),t=l.useNamespace("range"),s=n.ref(),o=n.ref(),{wrapperRef:m,isFocused:f}=R.useFocusController(s,{disabled:n.computed(()=>c.disabled)}),h=e=>{r("click",e)},g=e=>{r("mouseenter",e)},b=e=>{r("mouseleave",e)},v=e=>{r("mouseenter",e)},C=e=>{r("startInput",e)},q=e=>{r("endInput",e)},k=e=>{r("startChange",e)},I=e=>{r("endChange",e)};return d({focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur(),o.value?.blur()}}),(e,N)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:n.normalizeClass([n.unref(p).is("active",n.unref(f)),e.$attrs.class]),style:n.normalizeStyle(e.$attrs.style),onClick:h,onMouseenter:g,onMouseleave:b,onTouchstartPassive:v},[n.renderSlot(e.$slots,"prefix"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[0],ref_key:"inputRef",ref:s,name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:e.modelValue&&e.modelValue[0],class:n.unref(t).b("input"),disabled:e.disabled,onInput:C,onChange:k}),null,16,y),n.renderSlot(e.$slots,"range-separator"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[1],ref_key:"endInputRef",ref:o,name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:e.modelValue&&e.modelValue[1],class:n.unref(t).b("input"),disabled:e.disabled,onInput:q,onChange:I}),null,16,$),n.renderSlot(e.$slots,"suffix")],38))}});exports.default=M;

package/lib/components/verify-code/verify-code.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),h=require("./useImageVerify.cjs"),f=["width","height"],m=e.defineComponent({name:"vft-verify-code"}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150},radius:{default:5}},emits:["click"],setup(d,{expose:n,emit:r}){const l=r,s=e.computed(()=>({width:i.addUnit(d.width),height:i.addUnit(d.height)})),{domRef:u,imgCode:c,getCode:o}=h.default(),a=()=>{o(),l("click")};return n({getCode:o,code:c}),(t,y)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(s.value),onClick:a},[e.createElementVNode("canvas",{ref_key:"domRef",ref:u,style:e.normalizeStyle({borderRadius:e.unref(i.addUnit)(t.radius)}),width:t.width,height:t.height,class:"cursor-pointer"},null,12,f)],4))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const i=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const h=require("./useImageVerify.cjs"),f=["width","height"],m=e.defineComponent({name:"vft-verify-code"}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150},radius:{default:5}},emits:["click"],setup(r,{expose:o,emit:n}){const u=n,l=e.computed(()=>({width:i.addUnit(r.width),height:i.addUnit(r.height)})),{domRef:s,imgCode:c,getCode:d}=h.default(),a=()=>{d(),u("click")};return o({getCode:d,code:c}),(t,p)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(l.value),onClick:a},[e.createElementVNode("canvas",{ref_key:"domRef",ref:s,style:e.normalizeStyle({borderRadius:e.unref(i.addUnit)(t.radius)}),width:t.width,height:t.height,class:"cursor-pointer"},null,12,f)],4))}});exports.default=g;

package/lib/hooks/use-draggable/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@vft/utils"),c=require("vue"),U=(e,t,L)=>{let u={offsetX:0,offsetY:0};const i=m=>{const p=m.clientX,w=m.clientY,{offsetX:o,offsetY:s}=u,n=e.value.getBoundingClientRect(),l=n.left,d=n.top,X=n.width,Y=n.height,b=document.documentElement.clientWidth,x=document.documentElement.clientHeight,D=-l+o,T=-d+s,y=b-l-X+o,H=x-d-Y+s,r=f=>{const g=Math.min(Math.max(o+f.clientX-p,D),y),h=Math.min(Math.max(s+f.clientY-w,T),H);u={offsetX:g,offsetY:h},e.value.style.transform=`translate(${E.addUnit(g)}, ${E.addUnit(h)})`},v=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",r),document.addEventListener("mouseup",v)},M=()=>{t.value&&e.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&e.value&&t.value.removeEventListener("mousedown",i)};c.onMounted(()=>{c.watchEffect(()=>{L.value?M():a()})}),c.onBeforeUnmount(()=>{a()})};exports.useDraggable=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const p=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const c=require("vue"),H=(e,t,E)=>{let u={offsetX:0,offsetY:0};const i=m=>{const M=m.clientX,w=m.clientY,{offsetX:o,offsetY:s}=u,n=e.value.getBoundingClientRect(),r=n.left,l=n.top,X=n.width,Y=n.height,b=document.documentElement.clientWidth,q=document.documentElement.clientHeight,x=-r+o,D=-l+s,T=b-r-X+o,y=q-l-Y+s,d=f=>{const g=Math.min(Math.max(o+f.clientX-M,x),T),h=Math.min(Math.max(s+f.clientY-w,D),y);u={offsetX:g,offsetY:h},e.value.style.transform=`translate(${p.addUnit(g)}, ${p.addUnit(h)})`},v=()=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",v)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",v)},L=()=>{t.value&&e.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&e.value&&t.value.removeEventListener("mousedown",i)};c.onMounted(()=>{c.watchEffect(()=>{E.value?L():a()})}),c.onBeforeUnmount(()=>{a()})};exports.useDraggable=H;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.313";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.315";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.313",
+  "version": "0.0.315",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/lib/utils/helper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../components/config-provider/hooks/use-global-config.cjs"),n=require("../constants/size.cjs"),o=require("@vft/utils"),s=e=>["large","small"].includes(e)?e:!1,u=e=>["",...n.componentSizes].includes(e),r=e=>n.componentSizeMap[e||"default"],a=e=>!e&&e!==0?[]:Array.isArray(e)?e:[e],c=e=>[...new Set(e)];function l(e){const t=i.useGlobalConfig();return o.addUnit(e,t.value.baseUnit,t.value.baseUnitSize)}exports.addUnit=l;exports.castArray=a;exports.getComponentSize=r;exports.getSizeType=s;exports.isValidComponentSize=u;exports.unique=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../components/config-provider/hooks/use-global-config.cjs"),n=require("../constants/size.cjs"),o=require("@vft/utils"),s=e=>["large","small"].includes(e)?e:!1,u=e=>["",...n.componentSizes].includes(e),r=e=>n.componentSizeMap[e||"default"],a=e=>!e&&e!==0?[]:Array.isArray(e)?e:[e],c=e=>[...new Set(e)];function l(e){const t=i.useGlobalConfig();return o.addUnit(e,t?.value?.baseUnit,t?.value?.baseUnitSize)}exports.addUnit=l;exports.castArray=a;exports.getComponentSize=r;exports.getSizeType=s;exports.isValidComponentSize=u;exports.unique=c;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.313",
+  "version": "0.0.315",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/store": "0.0.54",
-    "@vft/utils": "0.0.127",
     "@vft/use": "0.0.76",
-    "@vft/constants": "0.0.72",
     "@vft/directives": "0.0.33",
-    "@vft/router": "0.0.65"
+    "@vft/router": "0.0.65",
+    "@vft/constants": "0.0.72",
+    "@vft/utils": "0.0.127",
+    "@vft/store": "0.0.54"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.313","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.315","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}