vft 0.0.429 → 0.0.431

package/es/components/side-menu/use-drag-line.js

@@ -1,42 +1,53 @@
-import { useDebounceFn as W, useThrottleFn as g } from "@vft/use";
-import { onMounted as x, nextTick as w, unref as u } from "vue";
-function M(f, d, r) {
-  const l = r.props?.dragWidthCfg?.minWidth || 200;
-  x(() => {
-    w(() => {
-      W(a, 100)();
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import { ref as x, onMounted as v, nextTick as d, unref as r } from "vue";
+import "lodash-es";
+import "../form/index.js";
+import { useDebounceFn as w, useThrottleFn as T } from "@vft/use";
+function k(p, c, n) {
+  const i = x(!1), l = n.props?.dragWidthCfg?.minWidth || 200;
+  v(() => {
+    n.props?.dragWidthCfg && d(() => {
+      w(g, 100)();
     });
   });
-  function c(e) {
-    const n = u(e);
-    return n ? Reflect.has(n, "$el") ? u(e)?.$el : u(e) : null;
+  function f(t) {
+    const o = r(t);
+    return o ? Reflect.has(o, "$el") ? r(t)?.$el : r(t) : null;
   }
-  function m(e, n, i) {
-    document.onmousemove = function(o) {
-      let t = e.left + (o.clientX - i);
-      o = o || window.event;
-      const s = r.props?.dragWidthCfg?.maxWidth || 800, h = u(l);
-      return t <= h ? void 0 : (t < 0 && (t = 0), t > s && (t = s), e.style.left = t + "px", g(() => {
-        r.emit("update:width", t);
+  function a(t, o, s) {
+    document.onmousemove = function(u) {
+      let e = t.left + (u.clientX - s);
+      u = u || window.event;
+      const m = n.props?.dragWidthCfg?.maxWidth || 800, W = r(l);
+      return e <= W ? void 0 : (e < 0 && (e = 0), e > m && (e = m), t.style.left = e + "px", T(() => {
+        n.emit("update:width", e + "px");
       }, 150)(), !1);
     };
   }
-  function p(e) {
+  function h(t) {
     document.onmouseup = function() {
-      document.onmousemove = null, document.onmouseup = null, e.releaseCapture?.();
+      document.onmousemove = null, document.onmouseup = null, i.value = !0, d(() => {
+        n.emit("dragWidthEnd"), setTimeout(() => {
+          i.value = !1;
+        }, 1e3);
+      }), t.releaseCapture?.();
     };
   }
-  function a() {
-    const e = c(d);
-    if (!e) return;
-    const n = c(f);
-    n && (e.onmousedown = (i) => {
-      const o = i?.clientX;
-      return e.left = e.offsetLeft, m(e, n, o), p(e), e.setCapture?.(), !1;
+  function g() {
+    const t = f(c);
+    if (!t) return;
+    const o = f(p);
+    o && (t.onmousedown = (s) => {
+      const u = s?.clientX;
+      return t.left = t.offsetLeft, a(t, o, u), h(t), t.setCapture?.(), !1;
     });
   }
-  return {};
+  return {
+    isDraging: i
+  };
 }
 export {
-  M as useDragLine
+  k as useDragLine
 };

package/es/components/skeleton/skeleton-item.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as n, computed as a, createElementBlock as c, openBlock as r, normalizeClass as p, unref as e, createBlock as s, createCommentVNode as l, normalizeProps as f, mergeProps as u } from "vue";
-import { VftIcon as d } from "../icon/index.js";
+import { defineComponent as n, computed as m, createElementBlock as c, openBlock as r, normalizeClass as a, unref as t, createBlock as l, createCommentVNode as p, normalizeProps as s, mergeProps as f } from "vue";
+import { VftIcon as u } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as _ } from "@vft/utils";
+import { singleAttrToObj as d } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -17,17 +17,17 @@ const g = n({
     variant: { default: "text" },
     imgIcon: {}
   },
-  setup(i) {
-    const m = a(
-      () => _(i.imgIcon, "icon", {
+  setup(e) {
+    const i = m(
+      () => d(e.imgIcon, "icon", {
         size: 20,
         icon: "icon-picture-filled"
       })
     ), o = k("skeleton");
-    return (t, v) => (r(), c("div", {
-      class: p([e(o).e("item"), e(o).e(t.variant)])
+    return (v, _) => (r(), c("div", {
+      class: a([t(o).e("item"), t(o).e(e.variant)])
     }, [
-      t.variant === "image" ? (r(), s(e(d), f(u({ key: 0 }, m.value)), null, 16)) : l("", !0)
+      e.variant === "image" ? (r(), l(t(u), s(f({ key: 0 }, i.value)), null, 16)) : p("", !0)
     ], 2));
   }
 });

package/es/components/skeleton/skeleton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as y, createElementBlock as a, renderSlot as p, unref as t, openBlock as o, mergeProps as u, Fragment as s, renderList as d, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } from "vue";
+import { defineComponent as k, computed as y, createElementBlock as n, renderSlot as u, unref as t, openBlock as o, mergeProps as d, Fragment as l, renderList as c, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -9,7 +9,7 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { useThrottleRender as C } from "../../hooks/use-throttle-render/index.js";
 import "../../hooks/use-z-index/index.js";
-import c from "./skeleton-item.vue2.js";
+import p from "./skeleton-item.vue2.js";
 const N = k({
   name: "vft-skeleton"
 }), D = /* @__PURE__ */ k({
@@ -21,24 +21,24 @@ const N = k({
     loading: { type: Boolean, default: !0 },
     throttle: {}
   },
-  setup(n, { expose: g }) {
-    const r = w("skeleton"), l = C(
-      y(() => n.loading),
-      n.throttle
+  setup(e, { expose: g }) {
+    const r = w("skeleton"), s = C(
+      y(() => e.loading),
+      e.throttle
     );
     return g({
-      uiLoading: l
-    }), (e, z) => t(l) ? (o(), a("div", u({
+      uiLoading: s
+    }), (a, z) => t(s) ? (o(), n("div", d({
       key: 0,
       class: [t(r).b(), t(r).is("animated", e.animated)]
-    }, e.$attrs), [
-      (o(!0), a(s, null, d(e.count, (m) => (o(), a(s, { key: m }, [
-        e.loading ? p(e.$slots, "template", { key: m }, () => [
-          B(c, {
+    }, a.$attrs), [
+      (o(!0), n(l, null, c(e.count, (m) => (o(), n(l, { key: m }, [
+        e.loading ? u(a.$slots, "template", { key: m }, () => [
+          B(p, {
             class: f(t(r).is("first")),
             variant: "p"
           }, null, 8, ["class"]),
-          (o(!0), a(s, null, d(e.rows, (i) => (o(), $(c, {
+          (o(!0), n(l, null, c(e.rows, (i) => (o(), $(p, {
             key: i,
             class: f([
               t(r).e("paragraph"),
@@ -48,7 +48,7 @@ const N = k({
           }, null, 8, ["class"]))), 128))
         ]) : h("", !0)
       ], 64))), 128))
-    ], 16)) : p(e.$slots, "default", v(u({ key: 1 }, e.$attrs)));
+    ], 16)) : u(a.$slots, "default", v(d({ key: 1 }, a.$attrs)));
   }
 });
 export {

package/es/components/slider/button.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as v, reactive as T, getCurrentInstance as x, toRefs as P, createElementBlock as z, openBlock as K, unref as t, normalizeStyle as L, normalizeClass as f, createVNode as X, withCtx as g, createElementVNode as b, toDisplayString as Y } from "vue";
+import { defineComponent as b, reactive as N, getCurrentInstance as S, toRefs as T, createElementBlock as P, openBlock as z, unref as t, normalizeStyle as K, normalizeClass as d, createVNode as L, withCtx as f, createElementVNode as g, toDisplayString as X } from "vue";
 import "@popperjs/core";
-import { isNumber as A } from "@vft/utils";
-import { VftTooltip as F } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as I } from "../../constants/event.js";
+import { isNumber as Y } from "@vft/utils";
+import { VftTooltip as A } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as F } from "../../constants/event.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-z-index/index.js";
-import { useSliderButton as R } from "./composables/use-slider-button.js";
-const U = ["tabindex"], j = v({
+import { useSliderButton as O } from "./composables/use-slider-button.js";
+const R = ["tabindex"], U = b({
   name: "VftSliderButton"
-}), nt = /* @__PURE__ */ v({
-  ...j,
+}), nt = /* @__PURE__ */ b({
+  ...U,
   props: {
     modelValue: { default: 0 },
     vertical: { type: Boolean },
@@ -22,10 +22,10 @@ const U = ["tabindex"], j = v({
     placement: { default: "top" }
   },
   emits: {
-    [I]: (i) => A(i)
+    [F]: (n) => Y(n)
   },
-  setup(i, { expose: V, emit: w }) {
-    const y = w, m = O("slider"), u = T({
+  setup(n, { expose: v, emit: c }) {
+    const V = c, m = I("slider"), u = N({
       hovering: !1,
       dragging: !1,
       isClick: !1,
@@ -35,70 +35,70 @@ const U = ["tabindex"], j = v({
       currentY: 0,
       startPosition: 0,
       newPosition: 0,
-      oldValue: i.modelValue
-    }), c = x(), {
-      disabled: B,
-      button: C,
-      tooltip: E,
-      showTooltip: k,
-      tooltipVisible: D,
-      wrapperStyle: M,
-      formatValue: N,
-      handleMouseEnter: r,
-      handleMouseLeave: s,
-      onButtonDown: n,
+      oldValue: n.modelValue
+    }), w = S(), {
+      disabled: y,
+      button: B,
+      tooltip: C,
+      showTooltip: E,
+      tooltipVisible: k,
+      wrapperStyle: x,
+      formatValue: D,
+      handleMouseEnter: s,
+      handleMouseLeave: i,
+      onButtonDown: r,
       onKeyDown: l,
-      setPosition: S
-    } = R(c.props, u, y), { hovering: p, dragging: a } = P(u);
-    return V({
-      onButtonDown: n,
+      setPosition: M
+    } = O(w.props, u, V), { hovering: a, dragging: p } = T(u);
+    return v({
+      onButtonDown: r,
       onKeyDown: l,
-      setPosition: S,
-      hovering: p,
-      dragging: a
-    }), (d, e) => (K(), z("div", {
+      setPosition: M,
+      hovering: a,
+      dragging: p
+    }), (j, e) => (z(), P("div", {
       ref_key: "button",
-      ref: C,
-      class: f([t(m).e("button-wrapper"), { hover: t(p), dragging: t(a) }]),
-      style: L(t(M)),
-      tabindex: t(B) ? -1 : 0,
+      ref: B,
+      class: d([t(m).e("button-wrapper"), { hover: t(a), dragging: t(p) }]),
+      style: K(t(x)),
+      tabindex: t(y) ? -1 : 0,
       onMouseenter: e[0] || (e[0] = //@ts-ignore
-      (...o) => t(r) && t(r)(...o)),
-      onMouseleave: e[1] || (e[1] = //@ts-ignore
       (...o) => t(s) && t(s)(...o)),
+      onMouseleave: e[1] || (e[1] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
       onMousedown: e[2] || (e[2] = //@ts-ignore
-      (...o) => t(n) && t(n)(...o)),
+      (...o) => t(r) && t(r)(...o)),
       onTouchstart: e[3] || (e[3] = //@ts-ignore
-      (...o) => t(n) && t(n)(...o)),
-      onFocus: e[4] || (e[4] = //@ts-ignore
       (...o) => t(r) && t(r)(...o)),
-      onBlur: e[5] || (e[5] = //@ts-ignore
+      onFocus: e[4] || (e[4] = //@ts-ignore
       (...o) => t(s) && t(s)(...o)),
+      onBlur: e[5] || (e[5] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
       onKeydown: e[6] || (e[6] = //@ts-ignore
       (...o) => t(l) && t(l)(...o))
     }, [
-      X(t(F), {
+      L(t(A), {
         ref_key: "tooltip",
-        ref: E,
-        visible: t(D),
-        placement: d.placement,
+        ref: C,
+        visible: t(k),
+        placement: n.placement,
         "fallback-placements": ["top", "bottom", "right", "left"],
         "stop-popper-mouse-event": !1,
-        "popper-class": d.tooltipClass,
-        disabled: !t(k),
+        "popper-class": n.tooltipClass,
+        disabled: !t(E),
         persistent: ""
       }, {
-        content: g(() => [
-          b("span", null, Y(t(N)), 1)
+        content: f(() => [
+          g("span", null, X(t(D)), 1)
         ]),
-        default: g(() => [
-          b("div", {
-            class: f([t(m).e("button"), { hover: t(p), dragging: t(a) }])
+        default: f(() => [
+          g("div", {
+            class: d([t(m).e("button"), { hover: t(a), dragging: t(p) }])
           }, null, 2)
         ]),
         _: 1
       }, 8, ["visible", "placement", "popper-class", "disabled"])
-    ], 46, U));
+    ], 46, R));
   }
 });
 export {