vft 0.0.89 → 0.0.91

package/es/components/clamp/clamp.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
-import { addUnit as G } from "@vft/utils";
-import { addListener as I, removeListener as J } from "resize-detector";
-import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import { defineComponent as M, ref as v, reactive as N, computed as r, watch as s, nextTick as E, onUnmounted as O, onMounted as S, openBlock as F, createElementBlock as V, normalizeStyle as q, createElementVNode as w, renderSlot as B } from "vue";
+import { addUnit as D } from "@vft/utils";
+import { addListener as G, removeListener as I } from "resize-detector";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-const P = ["aria-label"], Q = (
+const K = ["aria-label"], P = (
   /* hoist-static*/
-  K("clamp")
-), W = T({
-  name: Q.b()
-}), ie = /* @__PURE__ */ T({
-  ...W,
+  J("clamp")
+), Q = M({
+  name: P.b()
+}), ne = /* @__PURE__ */ M({
+  ...Q,
   props: {
-    text: null,
-    maxHeight: null,
+    text: {},
+    maxHeight: {},
     maxLines: { default: 1 },
     expanded: { type: Boolean, default: !1 },
     location: { default: "end" },
@@ -24,23 +24,23 @@ const P = ["aria-label"], Q = (
     autoResize: { type: Boolean, default: !1 }
   },
   emits: ["clamp-change", "update:expanded"],
-  setup(e, { emit: y }) {
-    const a = v(null), u = v(null), m = v(null), l = S({
+  setup(e, { emit: R }) {
+    const a = v(null), u = v(null), m = v(null), l = N({
       offset: 0,
       localExpanded: e.expanded,
       unregisterResizeCallback: null
-    }), $ = r(() => {
+    }), T = r(() => {
       if (!l.localExpanded && e.maxHeight)
-        return G(e.maxHeight);
-    }), k = () => {
-      m.value && (m.value.textContent = N.value);
+        return D(e.maxHeight);
+    }), y = () => {
+      m.value && (m.value.textContent = U.value);
     }, c = () => {
-      l.localExpanded || (k(), (d() || n.value) && g());
-    }, C = () => {
-      e.text && (l.offset = e.text.length, H(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
-        a.value && J(a.value, c);
+      l.localExpanded || (y(), (d() || n.value) && g());
+    }, k = () => {
+      e.text && (l.offset = e.text.length, C(), e.autoResize && a.value && (G(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && I(a.value, c);
       }), c());
-    }, H = () => {
+    }, C = () => {
       var t;
       (t = l.unregisterResizeCallback) == null || t.call(l);
     }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && x() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), x = () => u.value ? Object.keys(
@@ -54,34 +54,34 @@ const P = ["aria-label"], Q = (
     ).length : 0, g = (...t) => {
       const [i = 0, f = l.offset] = t;
       if (f - i <= 3) {
-        j();
+        $();
         return;
       }
       const o = Math.floor((f + i) / 2);
       h(o), d() ? g(i, o) : g(o, f);
     }, h = (t) => {
-      l.offset = t, k();
+      l.offset = t, y();
+    }, $ = () => {
+      j(), p();
     }, j = () => {
-      U(), A();
-    }, U = () => {
       for (; (!d() || x() < 2) && l.offset < e.text.length; )
-        b(1);
-    }, A = () => {
+        H(1);
+    }, p = () => {
       for (; d() && x() > 1 && l.offset > 0; )
-        b(-1);
-    }, b = (t) => {
+        H(-1);
+    }, H = (t) => {
       h(l.offset + t);
     }, n = r(() => e.text ? l.offset !== e.text.length : !1);
     s(
       () => n.value,
       (t) => {
         E(() => {
-          y("clamp-change", t);
+          R("clamp-change", t);
         });
       },
       { immediate: !0 }
     );
-    const N = r(() => n.value ? O.value : e.text), O = r(() => {
+    const U = r(() => n.value ? A.value : e.text), A = r(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
       if (e.location === "middle") {
@@ -89,11 +89,11 @@ const P = ["aria-label"], Q = (
         return (e.text.slice(0, t) || "").trim() + e.ellipsis + (e.text.slice(-t) || "").trim();
       }
       return (e.text.slice(0, l.offset) || "").trim() + e.ellipsis;
-    }), L = () => {
+    }), b = () => {
       l.localExpanded = !0;
-    }, z = () => {
+    }, L = () => {
       l.localExpanded = !1;
-    }, w = () => {
+    }, z = () => {
       l.localExpanded = !l.localExpanded;
     };
     return s(
@@ -104,7 +104,7 @@ const P = ["aria-label"], Q = (
     ), s(
       () => l.localExpanded,
       (t) => {
-        t ? h(e.text.length) : c(), e.expanded !== t && y("update:expanded", t);
+        t ? h(e.text.length) : c(), e.expanded !== t && R("update:expanded", t);
       }
     ), s(
       () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, n.value].join(),
@@ -117,43 +117,43 @@ const P = ["aria-label"], Q = (
       () => [e.text, e.autoResize].join(),
       () => {
         E(() => {
-          C();
+          k();
         });
       }
-    ), p(() => {
-      H();
-    }), F(() => {
+    ), O(() => {
       C();
-    }), (t, i) => (V(), q("div", {
+    }), S(() => {
+      k();
+    }), (t, i) => (F(), V("div", {
       ref_key: "textClampRef",
       ref: a,
       class: "text-clamp",
-      style: D({
+      style: q({
         overflow: "hidden",
-        maxHeight: R($)
+        maxHeight: T.value
       })
     }, [
-      B("span", {
+      w("span", {
         ref_key: "contentRef",
         ref: u
       }, [
-        M(t.$slots, "before", {
-          expand: L,
-          collapse: z,
-          toggle: w,
-          clamped: R(n),
+        B(t.$slots, "before", {
+          expand: b,
+          collapse: L,
+          toggle: z,
+          clamped: n.value,
           expanded: l.localExpanded
         }),
-        B("span", {
+        w("span", {
           ref_key: "textRef",
           ref: m,
-          "aria-label": e.text
-        }, null, 8, P),
-        M(t.$slots, "after", {
-          expand: L,
-          collapse: z,
-          toggle: w,
-          clamped: R(n),
+          "aria-label": t.text
+        }, null, 8, K),
+        B(t.$slots, "after", {
+          expand: b,
+          collapse: L,
+          toggle: z,
+          clamped: n.value,
           expanded: l.localExpanded
         })
       ], 512)
@@ -161,5 +161,5 @@ const P = ["aria-label"], Q = (
   }
 });
 export {
-  ie as default
+  ne as default
 };

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,37 +1,37 @@
-import { defineComponent as a, computed as c, openBlock as o, createBlock as r, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { defineComponent as i, computed as g, openBlock as l, createBlock as p, unref as a, normalizeStyle as d, withCtx as u, createElementBlock as c, normalizeClass as f, toDisplayString as x, createCommentVNode as z } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import { generateCssVars as C } from "../../utils/ns-cover.js";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { VftClamp as y } from "../clamp/index.js";
-const h = ["onClick"], i = (
+import { VftClamp as h } from "../clamp/index.js";
+const k = ["onClick"], s = (
   /* hoist-static*/
-  p("clamp-toggle")
-), k = a({
-  name: i.b()
-}), j = /* @__PURE__ */ a({
-  ...k,
+  y("clamp-toggle")
+), B = i({
+  name: s.b()
+}), D = /* @__PURE__ */ i({
+  ...B,
   props: {
-    text: null,
-    maxHeight: null,
+    text: {},
+    maxHeight: {},
     maxLines: { default: 1 },
     expanded: { type: Boolean, default: !1 },
     location: { default: "end" },
     ellipsis: { default: "…" },
     autoResize: { type: Boolean, default: !1 },
-    color: null,
-    size: null,
-    toggleColor: null,
-    toggleSize: null,
+    color: {},
+    size: {},
+    toggleColor: {},
+    toggleSize: {},
     toggleText: { default: ["展开", "收缩"] }
   },
-  setup(e) {
-    const n = c(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
-    return (B, S) => (o(), r(t(y), {
-      style: g(t(n)),
+  setup(t) {
+    const n = g(() => C({ color: t.color, size: t.size, toggleColor: t.toggleColor, toggleSize: t.toggleSize }, "clamp-toggle"));
+    return (e, S) => (l(), p(a(h), {
+      style: d(n.value),
       text: e.text,
       maxHeight: e.maxHeight,
       maxLines: e.maxLines,
@@ -40,17 +40,17 @@ const h = ["onClick"], i = (
       ellipsis: e.ellipsis,
       autoResize: e.autoResize
     }, {
-      after: u(({ toggle: m, expanded: l, clamped: s }) => [
-        l || s ? (o(), d("span", {
+      after: u(({ toggle: r, expanded: o, clamped: m }) => [
+        o || m ? (l(), c("span", {
           key: 0,
-          class: x(["cursor-pointer", t(i).e("more")]),
-          onClick: m
-        }, f(l ? e.toggleText[1] : e.toggleText[0]), 11, h)) : z("", !0)
+          class: f(["cursor-pointer", a(s).e("more")]),
+          onClick: r
+        }, x(o ? e.toggleText[1] : e.toggleText[0]), 11, k)) : z("", !0)
       ]),
       _: 1
     }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
   }
 });
 export {
-  j as default
+  D as default
 };

package/es/components/col/col.vue2.js

@@ -1,60 +1,60 @@
-import { defineComponent as i, inject as h, computed as u, openBlock as $, createBlock as b, resolveDynamicComponent as g, normalizeClass as x, unref as c, normalizeStyle as y, withCtx as _, renderSlot as v } from "vue";
-import { isNumber as f, isObject as C } from "@vft/utils";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import { defineComponent as c, inject as d, computed as n, openBlock as h, createBlock as $, resolveDynamicComponent as b, normalizeClass as g, normalizeStyle as v, withCtx as x, renderSlot as y } from "vue";
+import { isNumber as u, isObject as _ } from "@vft/utils";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "../row/index.js";
-import { rowContextKey as E } from "../row/constants.js";
+import { rowContextKey as j } from "../row/constants.js";
 const e = (
   /* hoist-static*/
-  j("col")
-), k = i({
+  C("col")
+), E = c({
   name: e.b()
-}), F = /* @__PURE__ */ i({
-  ...k,
+}), A = /* @__PURE__ */ c({
+  ...E,
   props: {
     tag: { default: "div" },
     span: { default: 24 },
     offset: { default: 0 },
     pull: { default: 0 },
     push: { default: 0 },
-    xs: null,
-    sm: null,
-    md: null,
-    lg: null,
-    xl: null
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {}
   },
-  setup(a) {
-    const l = a, { gutter: n } = h(E, { gutter: u(() => 0) }), m = u(() => {
-      const s = {};
-      return n.value && (s.paddingLeft = s.paddingRight = `${n.value / 2}px`), s;
-    }), p = u(() => {
-      const s = [];
-      return ["span", "offset", "pull", "push"].forEach((t) => {
-        const o = l[t];
-        f(o) && (t === "span" ? s.push(e.b(`${l[t]}`)) : o > 0 && s.push(e.b(`${t}-${l[t]}`)));
-      }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
-        f(l[t]) ? s.push(e.b(`${t}-${l[t]}`)) : C(l[t]) && Object.entries(l[t]).forEach(([o, r]) => {
-          s.push(
-            o !== "span" ? e.b(`${t}-${o}-${r}`) : e.b(`${t}-${r}`)
+  setup(f) {
+    const o = f, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
+      const t = {};
+      return a.value && (t.paddingLeft = t.paddingRight = `${a.value / 2}px`), t;
+    }), m = n(() => {
+      const t = [];
+      return ["span", "offset", "pull", "push"].forEach((s) => {
+        const l = o[s];
+        u(l) && (s === "span" ? t.push(e.b(`${o[s]}`)) : l > 0 && t.push(e.b(`${s}-${o[s]}`)));
+      }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
+        u(o[s]) ? t.push(e.b(`${s}-${o[s]}`)) : _(o[s]) && Object.entries(o[s]).forEach(([l, r]) => {
+          t.push(
+            l !== "span" ? e.b(`${s}-${l}-${r}`) : e.b(`${s}-${r}`)
           );
         });
-      }), n.value && s.push(e.is("guttered")), [e.b(), s];
+      }), a.value && t.push(e.is("guttered")), [e.b(), t];
     });
-    return (s, d) => ($(), b(g(a.tag), {
-      class: x(c(p)),
-      style: y(c(m))
+    return (t, p) => (h(), $(b(t.tag), {
+      class: g(m.value),
+      style: v(i.value)
     }, {
-      default: _(() => [
-        v(s.$slots, "default")
+      default: x(() => [
+        y(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  F as default
+  A as default
 };