vft 0.0.142 → 0.0.145

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

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as o, computed as w, watch as T, nextTick as E, provide as j, reactive as D, onMounted as G, onUpdated as X, openBlock as g, createElementBlock as Y, normalizeClass as b, unref as q, createElementVNode as F, normalizeStyle as N, createBlock as R, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
-import { isNumber as i, addUnit as B, isObject as _ } from "@vft/utils";
+import { isNumber as r, addUnit as B, isObject as _ } from "@vft/utils";
 import { useResizeObserver as ee, useEventListener as te } from "@vueuse/core";
 import { debugWarn as W } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
@@ -9,14 +9,14 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import ae from "./bar.vue2.js";
 import { scrollbarContextKey as oe } from "./constants.js";
-import { GAP as u } from "./util.js";
-const M = "ElScrollbar", m = (
+import { GAP as m } from "./util.js";
+const M = "ElScrollbar", s = (
   /* hoist-static*/
   le("scrollbar")
-), re = L({
-  name: "vft-scrollbar"
+), ie = L({
+  name: s.b()
 }), ge = /* @__PURE__ */ L({
-  ...re,
+  ...ie,
   props: {
     height: { default: "" },
     maxHeight: { default: "" },
@@ -34,18 +34,18 @@ const M = "ElScrollbar", m = (
     scroll: ({
       scrollTop: l,
       scrollLeft: v
-    }) => [l, v].every(i)
+    }) => [l, v].every(r)
   },
   setup(l, { expose: v, emit: $ }) {
-    let s, n;
+    let n, c;
     const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), K = w(() => {
       const e = {};
       return l.height && (e.height = B(l.height)), l.maxHeight && (e.maxHeight = B(l.maxHeight)), [l.wrapStyle, e];
     }), O = w(() => [
       l.wrapClass,
-      m.e("wrap"),
-      { [m.em("wrap", "hidden-default")]: !l.native }
-    ]), A = w(() => [m.e("view"), l.viewClass]), k = () => {
+      s.e("wrap"),
+      { [s.em("wrap", "hidden-default")]: !l.native }
+    ]), A = w(() => [s.e("view"), l.viewClass]), k = () => {
       var e;
       t.value && ((e = d.value) == null || e.handleScroll(t.value), $("scroll", {
         scrollTop: t.value.scrollTop,
@@ -53,30 +53,30 @@ const M = "ElScrollbar", m = (
       }));
     };
     function P(e, a) {
-      _(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
+      _(e) ? t.value.scrollTo(e) : r(e) && r(a) && t.value.scrollTo(e, a);
     }
     const U = (e) => {
-      if (!i(e)) {
+      if (!r(e)) {
         W(M, "value must be a number");
         return;
       }
       t.value.scrollTop = e;
     }, V = (e) => {
-      if (!i(e)) {
+      if (!r(e)) {
         W(M, "value must be a number");
         return;
       }
       t.value.scrollLeft = e;
-    }, r = () => {
+    }, i = () => {
       if (!t.value)
         return;
-      const e = t.value.offsetHeight - u, a = t.value.offsetWidth - u, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, c = Math.max(h, l.minSize), f = Math.max(y, l.minSize);
-      C.value = h / (e - h) / (c / (e - c)), H.value = y / (a - y) / (f / (a - f)), z.value = c + u < e ? `${c}px` : "", x.value = f + u < a ? `${f}px` : "";
+      const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, f = Math.max(h, l.minSize), u = Math.max(y, l.minSize);
+      C.value = h / (e - h) / (f / (e - f)), H.value = y / (a - y) / (u / (a - u)), z.value = f + m < e ? `${f}px` : "", x.value = u + m < a ? `${u}px` : "";
     };
     return T(
       () => l.noresize,
       (e) => {
-        e ? (s == null || s(), n == null || n()) : ({ stop: s } = ee(p, r), n = te("resize", r));
+        e ? (n == null || n(), c == null || c()) : ({ stop: n } = ee(p, i), c = te("resize", i));
       },
       { immediate: !0 }
     ), T(
@@ -84,7 +84,7 @@ const M = "ElScrollbar", m = (
       () => {
         l.native || E(() => {
           var e;
-          r(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
+          i(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
         });
       }
     ), j(
@@ -95,13 +95,13 @@ const M = "ElScrollbar", m = (
       })
     ), G(() => {
       l.native || E(() => {
-        r();
+        i();
       });
-    }), X(() => r()), v({
+    }), X(() => i()), v({
       /** @description scrollbar wrap ref */
       wrapRef: t,
       /** @description update scrollbar state manually */
-      update: r,
+      update: i,
       /** @description scrolls to a particular set of coordinates */
       scrollTo: P,
       /** @description set distance to scroll top */
@@ -113,7 +113,7 @@ const M = "ElScrollbar", m = (
     }), (e, a) => (g(), Y("div", {
       ref_key: "scrollbarRef",
       ref: S,
-      class: b(q(m).b())
+      class: b(q(s).b())
     }, [
       F("div", {
         ref_key: "wrapRef",

package/es/components/search/index.d.ts

@@ -4,12 +4,19 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            style?: unknown;
             readonly width?: string | number | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly modelValue?: string | number | undefined;
+            onFocus?: (() => any) | undefined;
+            onBlur?: (() => any) | undefined;
+            onChange?: ((val: string | number) => any) | undefined;
+            onInput?: ((val: string | number) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((val: string | number) => any) | undefined;
+            onMouseleave?: ((val: string | number) => any) | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -50,20 +57,13 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onFocus?: (() => any) | undefined;
-            onBlur?: (() => any) | undefined;
-            onChange?: ((val: string | number) => any) | undefined;
-            onInput?: ((val: string | number) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-            onMouseenter?: ((val: string | number) => any) | undefined;
-            onMouseleave?: ((val: string | number) => any) | undefined;
-            readonly placeholder?: string | undefined;
             onEnter?: ((val: string | number) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+            readonly placeholder?: string | undefined;
             readonly clearable?: boolean | undefined;
             readonly suffixIcon?: string | import("..").IconProps | undefined;
             readonly prefixIcon?: string | import("..").IconProps | undefined;
             readonly clearIcon?: string | import("..").IconProps | undefined;
+            "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
             onClear?: (() => any) | undefined;
             onSuffixClick?: ((val: string | number) => any) | undefined;
             onPrefixClick?: ((val: string | number) => any) | undefined;

package/es/components/search/index.js

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

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

@@ -8,12 +8,12 @@ import "lodash";
 import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const m = (
+const c = (
   /* hoist-static*/
   ne("search")
 ), le = P({
-  name: "vft-search"
-}), he = /* @__PURE__ */ P({
+  name: c.b()
+}), me = /* @__PURE__ */ P({
   ...le,
   props: {
     width: { default: 200 },
@@ -29,7 +29,7 @@ const m = (
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input"],
   setup(o, { expose: $, emit: t }) {
-    const k = l(), C = l(), y = l(), c = l(!1), v = l(!1), n = l(!1), B = f(
+    const k = l(), C = l(), y = l(), p = l(!1), v = l(!1), n = l(!1), B = f(
       () => b(
         {
           width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
@@ -54,12 +54,12 @@ const m = (
     })), x = (e) => {
       t("update:modelValue", e), t("input", e);
     }, I = () => {
-      p();
+      m();
     };
     function W() {
       n.value = !0;
     }
-    function p() {
+    function m() {
       n.value = !1;
     }
     const E = () => {
@@ -72,10 +72,10 @@ const m = (
       v.value = !1, t("mouseleave", o.modelValue);
     }
     const N = () => {
-      n.value = !0, c.value = !0, t("focus");
+      n.value = !0, p.value = !0, t("focus");
     };
     function U() {
-      c.value = !1, t("blur");
+      p.value = !1, t("blur");
     }
     function z() {
       s(), t("prefixClick", o.modelValue);
@@ -87,7 +87,7 @@ const m = (
       s(), t("enter", o.modelValue);
     }
     function s(e = !0) {
-      o.usePopover && p(), e && y.value.blur();
+      o.usePopover && m(), e && y.value.blur();
     }
     const A = (e) => {
       t("keydown", e);
@@ -100,10 +100,10 @@ const m = (
       t("change", e);
     };
     return $({
-      isFocus: c,
+      isFocus: p,
       isHover: v,
       visible: n,
-      hidePopover: p,
+      hidePopover: m,
       showPopover: W
     }), (e, a) => {
       const j = G("click-outside");
@@ -111,7 +111,7 @@ const m = (
         Q((h(), V("div", {
           ref_key: "searchRef",
           ref: C,
-          class: w([u(m).b(), u(m).is("active", n.value || e.modelValue)]),
+          class: w([u(c).b(), u(c).is("active", n.value || e.modelValue)]),
           style: T(R.value)
         }, [
           X(u(oe), g({
@@ -176,7 +176,7 @@ const m = (
         }), {
           default: r(() => [
             _("div", {
-              class: w(u(m).e("content"))
+              class: w(u(c).e("content"))
             }, [
               i(e.$slots, "default")
             ], 2)
@@ -188,5 +188,5 @@ const m = (
   }
 });
 export {
-  he as default
+  me as default
 };

package/es/components/select/defaults.js

@@ -2,10 +2,9 @@ import { placements as e } from "@popperjs/core";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
-const d = {
+const p = {
   allowCreate: Boolean,
   autocomplete: {
     type: String,
@@ -105,7 +104,7 @@ const d = {
     values: e,
     default: "bottom-start"
   }
-}, u = {
+}, d = {
   data: Array,
   disabled: Boolean,
   hovering: Boolean,
@@ -116,6 +115,6 @@ const d = {
   created: Boolean
 };
 export {
-  u as OptionProps,
-  d as SelectProps
+  d as OptionProps,
+  p as SelectProps
 };