vft 0.0.70 → 0.0.72

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

@@ -1,212 +1,189 @@
-import { defineComponent as C, ref as s, computed as v, watch as N, resolveDirective as I, openBlock as a, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as p, renderSlot as l, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
-import { useRouterHelper as D } from "@vft/router";
-import { generateCssVars as H, addUnit as k } from "@vft/utils";
-import "../divider/index.js";
-import "../icon/index.js";
-import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import { VftPopover as L } from "../popover/index.js";
-import "../menu/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/store";
-import "@vft/use";
-import "vue-router";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
-import "../back-top/index.js";
-import "../config-provider/index.js";
-import "../descriptions/index.js";
-import "../full-screen/index.js";
-import "../icon-text/index.js";
-import "../image/index.js";
-import { VftInput as O } from "../input/index.js";
-import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
-import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "./index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
-import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
-import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
-import "../select-v2/index.js";
-import "../verify-code/index.js";
-import "../table/index.js";
-import "../image-viewer/index.js";
-import "../list-cell/index.js";
-import "../dialog/index.js";
-import "../date-time-select/index.js";
-import "../md-container/index.js";
-import "../md-comment/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../message/index.js";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import { defineComponent as P, ref as u, computed as s, resolveDirective as j, openBlock as h, createElementBlock as w, Fragment as q, withDirectives as G, normalizeClass as g, unref as n, normalizeStyle as J, createVNode as Q, mergeProps as b, createSlots as T, withCtx as r, renderSlot as i, createBlock as X, createElementVNode as Y, createCommentVNode as Z } from "vue";
+import { VftInput as _ } from "../input/index.js";
+import { VftPopover as ee } from "../popover/index.js";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useTimeoutFn as M } from "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const u = (
+import "@vueuse/core";
+import { addUnit as c } from "@vft/utils";
+import { generateCssVars as $ } from "../../utils/ns-cover.js";
+const d = (
   /* hoist-static*/
-  W("search")
-), U = C({
-  name: u.b()
-}), co = /* @__PURE__ */ C({
-  ...U,
+  oe("search")
+), te = P({
+  name: d.b()
+}), ve = /* @__PURE__ */ P({
+  ...te,
   props: {
     modelValue: { default: "" },
     placeholder: null,
     clearable: { type: Boolean, default: !0 },
-    suffixIcon: { default: { icon: "vico-search", color: "#8B8C8C", cursor: !0 } },
+    suffixIcon: { default: { icon: "ico-ep:search", color: "#8B8C8C", pointer: !0 } },
     prefixIcon: null,
     clearIcon: null,
     width: { default: 200 },
-    focusWidth: null,
-    hasPopover: { type: Boolean, default: !0 },
-    popoverCfg: null,
-    visible: { type: Boolean }
+    activeWidth: null,
+    usePopover: { type: Boolean, default: !0 },
+    popoverCfg: null
   },
-  emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
-  setup(o, { emit: i }) {
-    const f = s(), c = s(), m = s(), g = () => {
-      console.log(o.modelValue);
-    };
-    D();
-    const w = () => {
-      i("update:visible", !0), i("focus");
-    }, S = v(() => ({
+  emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change"],
+  setup(e, { expose: x, emit: t }) {
+    const k = u(), C = u(), y = u(), v = u(!1), p = u(!1), l = u(!1), B = s(
+      () => $(
+        {
+          width: e.activeWidth && (l.value || e.modelValue) ? c(e.activeWidth) : c(e.width)
+        },
+        "input"
+      )
+    ), R = s(
+      () => $(
+        {
+          "active-width": e.activeWidth ? c(e.activeWidth) : c(e.width)
+        },
+        "search"
+      )
+    ), S = s(() => ({
       "show-arrow": !1,
-      transition: "vft-zoom-in-top",
+      transition: "vft-zoom-in-top-fast",
       placement: "bottom-start",
       "hide-after": 100,
       offset: 3,
       width: 500,
-      ...o.popoverCfg
-    })), V = v(() => {
-      function e(t) {
-        return H(
-          {
-            width: k(t),
-            "focus-width": k(t)
-          },
-          "input"
-        );
-      }
-      return o.visible ? e(o.focusWidth ?? o.width) : e(o.width);
-    }), $ = (e) => {
-      i("update:modelValue", e);
-    }, d = u.e("content"), R = (e) => {
-      var t, n;
-      Array.from(e.target.classList).includes(d) || ((n = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || n.call(t), i("update:visible", !1));
-    }, B = () => {
-      i("update:visible", !1), M(() => {
-        var e;
-        return (e = m.value) == null ? void 0 : e.blur();
-      }, 100), i("clear");
+      ...e.popoverCfg
+    })), I = (o) => {
+      t("update:modelValue", o);
+    }, W = () => {
+      m();
+    };
+    function E() {
+      l.value = !0;
+    }
+    function m() {
+      l.value = !1;
+    }
+    const F = () => {
+      f(), t("clear");
+    };
+    function M() {
+      p.value = !0, t("mouseenter", e.modelValue);
+    }
+    function N() {
+      p.value = !1, t("mouseleave", e.modelValue);
+    }
+    const z = () => {
+      l.value = !0, v.value = !0, t("focus");
     };
-    return N(() => o.visible, (e) => {
-      e ? m.value.focus() : m.value.blur();
-    }), (e, t) => {
-      const n = I("click-outside");
-      return a(), h(E, null, [
-        F((a(), h("div", {
+    function D() {
+      v.value = !1, t("blur");
+    }
+    function K() {
+      f(), t("prefixClick", e.modelValue);
+    }
+    function U() {
+      f(), t("suffixClick", e.modelValue);
+    }
+    function A() {
+      f(), t("enter", e.modelValue);
+    }
+    function f() {
+      e.usePopover && m(), y.value.blur();
+    }
+    const H = (o) => {
+      t("keydown", o);
+    }, L = s(() => {
+      var o, a;
+      return (a = (o = k.value) == null ? void 0 : o.popperRef) == null ? void 0 : a.contentRef;
+    });
+    return x({
+      isFocus: v,
+      isHover: p,
+      visible: l,
+      hidePopover: m,
+      showPopover: E
+    }), (o, a) => {
+      const O = j("click-outside");
+      return h(), w(q, null, [
+        G((h(), w("div", {
           ref_key: "searchRef",
-          ref: c,
-          class: y([r(u).b()])
+          ref: C,
+          class: g([n(d).b(), n(d).is("active", l.value || e.modelValue)]),
+          style: J(n(R))
         }, [
-          P(r(O), b({
+          Q(n(_), b({
             ref_key: "inputRef",
-            ref: m
-          }, e.$props, {
-            inputStyle: r(V),
-            onInput: $,
-            onSuffixclick: g,
-            onFocus: w,
-            onClear: B
-          }), x({ _: 2 }, [
-            e.$slots.prefix ? {
+            ref: y
+          }, o.$props, {
+            inputStyle: n(B),
+            onInput: I,
+            onFocus: z,
+            onEnter: A,
+            onBlur: D,
+            onMouseenter: M,
+            onMouseleave: N,
+            onPrefixClick: K,
+            onSuffixClick: U,
+            onChange: a[0] || (a[0] = (V) => {
+              t("change", e.modelValue);
+            }),
+            onKeydown: H,
+            onClear: F
+          }), T({ _: 2 }, [
+            o.$slots.prefix ? {
               name: "prefix",
-              fn: p(() => [
-                l(e.$slots, "prefix")
+              fn: r(() => [
+                i(o.$slots, "prefix")
               ]),
               key: "0"
             } : void 0,
-            e.$slots.suffix ? {
+            o.$slots.suffix ? {
               name: "suffix",
-              fn: p(() => [
-                l(e.$slots, "suffix")
+              fn: r(() => [
+                i(o.$slots, "suffix")
               ]),
               key: "1"
             } : void 0,
-            e.$slots.prepend ? {
+            o.$slots.prepend ? {
               name: "prepend",
-              fn: p(() => [
-                l(e.$slots, "prepend")
+              fn: r(() => [
+                i(o.$slots, "prepend")
               ]),
               key: "2"
             } : void 0,
-            e.$slots.append ? {
+            o.$slots.append ? {
               name: "append",
-              fn: p(() => [
-                l(e.$slots, "append")
+              fn: r(() => [
+                i(o.$slots, "append")
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["inputStyle"])
-        ], 2)), [
-          [n, R]
+        ], 6)), [
+          [O, W, n(L)]
         ]),
-        o.hasPopover ? (a(), A(r(L), b({
+        e.usePopover ? (h(), X(n(ee), b({
           key: 0,
           ref_key: "popoverRef",
-          ref: f
-        }, r(S), {
-          "virtual-ref": c.value,
-          visible: o.visible,
+          ref: k
+        }, n(S), {
+          "virtual-ref": C.value,
+          visible: l.value,
+          "onUpdate:visible": a[1] || (a[1] = (V) => l.value = V),
           "virtual-triggering": ""
         }), {
-          default: p(() => [
-            T("div", {
-              class: y(r(d))
+          default: r(() => [
+            Y("div", {
+              class: g(n(d).e("content"))
             }, [
-              l(e.$slots, "default")
+              i(o.$slots, "default")
             ], 2)
           ]),
           _: 3
-        }, 16, ["virtual-ref", "visible"])) : z("", !0)
+        }, 16, ["virtual-ref", "visible"])) : Z("", !0)
       ], 64);
     };
   }
 });
 export {
-  co as default
+  ve as default
 };

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

@@ -6,9 +6,7 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const b = t({
+const a = t({
   props: {
     item: {
       type: Object,
@@ -24,5 +22,5 @@ const b = t({
   }
 });
 export {
-  b as default
+  a as default
 };

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

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

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

@@ -11,13 +11,11 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { EVENT_CODE as Y } from "../../constants/aria.js";
 import Z from "./group-item.vue.js";
 import ee from "./option-item.vue.js";
 import { selectV2InjectionKey as te } from "./token.js";
-const ze = /* @__PURE__ */ U({
+const ge = /* @__PURE__ */ U({
   name: "VftSelectDropdown",
   props: {
     data: {
@@ -195,5 +193,5 @@ const ze = /* @__PURE__ */ U({
   }
 });
 export {
-  ze as default
+  ge as default
 };

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

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

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

@@ -1,15 +1,13 @@
 import { reactive as ke, ref as f, computed as o, watch as T, nextTick as g, onMounted as Ge } from "vue";
-import { isArray as _, isFunction as ie, isObject as z } from "@vue/shared";
+import { isArray as _, isFunction as ie, isObject as z } from "@vft/utils";
 import { isNil as oe, debounce as $e, isEqual as se, get as S } from "lodash";
 import { useResizeObserver as je } from "@vueuse/core";
 import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vft/utils";
 import { debugWarn as Je } from "../../utils/error.js";
 import { escapeStringRegexp as Xe } from "../../utils/vue/data-helper.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
 import { UPDATE_MODEL_EVENT as Ye, CHANGE_EVENT as Ze } from "../../constants/event.js";
 import "../form/index.js";
 import { useAllowCreate as et } from "./useAllowCreate.js";
@@ -17,14 +15,14 @@ import { flattenOptions as tt } from "./util.js";
 import { useInput as lt } from "./useInput.js";
 import { useFormItem as nt } from "../form/hooks/use-form-item.js";
 import { useFormSize as at } from "../form/hooks/use-form-common-props.js";
-const re = "", de = 11, ut = {
+const de = "", re = 11, ut = {
   larget: 51,
   default: 42,
   small: 33
-}, Ot = (n, m) => {
+}, St = (n, m) => {
   const K = ce("select-v2"), fe = ce("input"), { form: R, formItem: h } = nt(), l = ke({
-    inputValue: re,
-    displayInputValue: re,
+    inputValue: de,
+    displayInputValue: de,
     calculatedWidth: 0,
     cachedPlaceholder: "",
     cachedOptions: [],
@@ -90,7 +88,7 @@ const re = "", de = 11, ut = {
     var e;
     U.value = ((e = C.value) == null ? void 0 : e.offsetWidth) || 200;
   }, xe = o(() => ({
-    width: `${l.calculatedWidth === 0 ? de : Math.ceil(l.calculatedWidth) + de}px`
+    width: `${l.calculatedWidth === 0 ? re : Math.ceil(l.calculatedWidth) + re}px`
   })), Se = o(() => _(n.modelValue) ? n.modelValue.length === 0 && !l.displayInputValue : n.filterable ? l.displayInputValue.length === 0 : !0), Ce = o(() => {
     const e = n.placeholder || t("el.select.placeholder");
     return n.multiple || oe(n.modelValue) ? e : l.selectedLabel;
@@ -151,7 +149,7 @@ const re = "", de = 11, ut = {
       return e.indexOf(a);
     const u = n.valueKey;
     let i = -1;
-    return e.some((r, d) => S(r, u) === S(a, u) ? (i = d, !0) : !1), i;
+    return e.some((d, r) => S(d, u) === S(a, u) ? (i = r, !0) : !1), i;
   }, V = (e) => z(e) ? S(e, n.valueKey) : e, Ne = (e) => z(e) ? e.label : e, A = () => g(() => {
     var a, u;
     if (!v.value)
@@ -166,24 +164,24 @@ const re = "", de = 11, ut = {
     const e = O.value;
     e && (l.selectWidth = e.getBoundingClientRect().width);
   }, le = (e, a, u = !0) => {
-    var i, r;
+    var i, d;
     if (n.multiple) {
-      let d = n.modelValue.slice();
-      const L = He(d, V(e));
-      L > -1 ? (d = [
-        ...d.slice(0, L),
-        ...d.slice(L + 1)
-      ], l.cachedOptions.splice(L, 1), H(e)) : (n.multipleLimit <= 0 || d.length < n.multipleLimit) && (d = [...d, V(e)], l.cachedOptions.push(e), J(e), p(a)), x(d), e.created && (l.query = "", ee(""), l.inputLength = 20), n.filterable && !n.reserveKeyword && ((r = (i = v.value).focus) == null || r.call(i), w("")), n.filterable && (l.calculatedWidth = I.value.getBoundingClientRect().width), A(), Fe();
+      let r = n.modelValue.slice();
+      const L = He(r, V(e));
+      L > -1 ? (r = [
+        ...r.slice(0, L),
+        ...r.slice(L + 1)
+      ], l.cachedOptions.splice(L, 1), H(e)) : (n.multipleLimit <= 0 || r.length < n.multipleLimit) && (r = [...r, V(e)], l.cachedOptions.push(e), J(e), p(a)), x(r), e.created && (l.query = "", ee(""), l.inputLength = 20), n.filterable && !n.reserveKeyword && ((d = (i = v.value).focus) == null || d.call(i), w("")), n.filterable && (l.calculatedWidth = I.value.getBoundingClientRect().width), A(), Fe();
     } else
       he.value = a, l.selectedLabel = e.label, x(V(e)), s.value = !1, l.isComposing = !1, l.isSilentBlur = u, J(e), e.created || N(), p(a);
   }, Ae = (e, a) => {
     const { valueKey: u } = n, i = n.modelValue.indexOf(S(a, u));
     if (i > -1 && !y.value) {
-      const r = [
+      const d = [
         ...n.modelValue.slice(0, i),
         ...n.modelValue.slice(i + 1)
       ];
-      return l.cachedOptions.splice(i, 1), x(r), m("remove-tag", S(a, u)), l.softFocus = !0, H(a), g(X);
+      return l.cachedOptions.splice(i, 1), x(d), m("remove-tag", S(a, u)), l.softFocus = !0, H(a), g(X);
     }
     e.stopPropagation();
   }, Be = (e) => {
@@ -214,8 +212,8 @@ const re = "", de = 11, ut = {
     a === void 0 && (a = l.hoveringIndex);
     let i = -1;
     e === "forward" ? (i = a + 1, i >= u.length && (i = 0)) : e === "backward" && (i = a - 1, (i < 0 || i >= u.length) && (i = u.length - 1));
-    const r = u[i];
-    if (r.disabled || r.type === "Group")
+    const d = u[i];
+    if (d.disabled || d.type === "Group")
       return ae(e, i);
     p(i), B(i);
   }, Ke = () => {
@@ -356,5 +354,5 @@ const re = "", de = 11, ut = {
   };
 };
 export {
-  Ot as default
+  St as default
 };

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

@@ -1,4 +1,4 @@
-import { isArray as p } from "@vue/shared";
+import { isArray as p } from "@vft/utils";
 const o = (r) => {
   const e = [];
   return r.forEach((t) => {