vft 0.0.428 → 0.0.430

package/es/components/checkbox/checkbox.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as S, useSlots as I, computed as y, createBlock as K, openBlock as o, resolveDynamicComponent as L, unref as a, normalizeClass as d, withCtx as O, createElementVNode as h, createElementBlock as s, createCommentVNode as c, withDirectives as C, isRef as B, vModelCheckbox as V, createTextVNode as g, toDisplayString as p, Fragment as N, renderSlot as R } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as U } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useCheckbox as j } from "./composables/use-checkbox.js";
+const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], A = S({
+  name: "vft-checkbox"
+}), ae = /* @__PURE__ */ S({
+  ...A,
+  props: {
+    modelValue: { type: [Number, String, Boolean] },
+    value: { type: [Number, String, Boolean, Object] },
+    label: {},
+    indeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    checked: { type: Boolean },
+    name: {},
+    trueValue: {},
+    falseValue: {},
+    id: {},
+    controls: {},
+    border: { type: Boolean },
+    size: {},
+    tabindex: {},
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e) {
+    const b = e, l = U("checkbox"), $ = I(), {
+      inputId: v,
+      isLabeledByFormItem: F,
+      isChecked: k,
+      isDisabled: r,
+      isFocused: u,
+      checkboxSize: D,
+      hasOwnLabel: f,
+      model: i,
+      handleChange: m,
+      onClickRoot: w
+    } = j(b, $), z = y(() => [
+      l.b(),
+      l.m(D.value),
+      l.is("disabled", r.value),
+      l.is("bordered", b.border),
+      l.is("checked", k.value)
+    ]), E = y(() => [
+      l.e("input"),
+      l.is("disabled", r.value),
+      l.is("checked", k.value),
+      l.is("indeterminate", b.indeterminate),
+      l.is("focus", u.value)
+    ]);
+    return (x, t) => (o(), K(L(!a(f) && a(F) ? "span" : "label"), {
+      class: d(z.value),
+      "aria-controls": e.indeterminate ? e.controls : null,
+      onClick: a(w)
+    }, {
+      default: O(() => [
+        h("span", {
+          class: d(E.value),
+          tabindex: e.indeterminate ? 0 : void 0,
+          role: e.indeterminate ? "checkbox" : void 0,
+          "aria-checked": e.indeterminate ? "mixed" : void 0
+        }, [
+          e.trueValue || e.falseValue ? C((o(), s("input", {
+            key: 0,
+            id: a(v),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => B(i) ? i.value = n : null),
+            class: d(a(l).e("original")),
+            type: "checkbox",
+            "aria-hidden": e.indeterminate ? "true" : "false",
+            name: e.name,
+            tabindex: e.tabindex,
+            disabled: a(r),
+            "true-value": e.trueValue,
+            "false-value": e.falseValue,
+            onChange: t[1] || (t[1] = //@ts-ignore
+            (...n) => a(m) && a(m)(...n)),
+            onFocus: t[2] || (t[2] = (n) => u.value = !0),
+            onBlur: t[3] || (t[3] = (n) => u.value = !1)
+          }, null, 42, T)), [
+            [V, a(i)]
+          ]) : C((o(), s("input", {
+            key: 1,
+            id: a(v),
+            "onUpdate:modelValue": t[4] || (t[4] = (n) => B(i) ? i.value = n : null),
+            class: d(a(l).e("original")),
+            type: "checkbox",
+            "aria-hidden": e.indeterminate ? "true" : "false",
+            disabled: a(r),
+            value: e.value,
+            name: e.name,
+            tabindex: e.tabindex,
+            onChange: t[5] || (t[5] = //@ts-ignore
+            (...n) => a(m) && a(m)(...n)),
+            onFocus: t[6] || (t[6] = (n) => u.value = !0),
+            onBlur: t[7] || (t[7] = (n) => u.value = !1)
+          }, null, 42, q)), [
+            [V, a(i)]
+          ]),
+          h("span", {
+            class: d(a(l).e("inner"))
+          }, null, 2)
+        ], 10, M),
+        a(f) ? (o(), s("span", {
+          key: 0,
+          class: d(a(l).e("label"))
+        }, [
+          g(p(e.label) + " ", 1),
+          e.label ? c("", !0) : (o(), s(N, { key: 0 }, [
+            R(x.$slots, "default"),
+            x.$slots.default ? c("", !0) : (o(), s(N, { key: 0 }, [
+              g(p(e.value), 1)
+            ], 64))
+          ], 64))
+        ], 2)) : c("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "aria-controls", "onClick"]));
+  }
+});
+export {
+  ae as default
+};

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

@@ -0,0 +1,158 @@
+import { defineComponent as M, ref as v, reactive as N, computed as u, watch as s, nextTick as E, onUnmounted as V, onMounted as q, createElementBlock as D, openBlock as G, normalizeStyle as I, createElementVNode as w, renderSlot as B } from "vue";
+import "@vueuse/core";
+import { addListener as J, removeListener as K } from "@vft/utils";
+import { addUnit as P } from "../../utils/helper.js";
+import "lodash-es";
+import "../form/index.js";
+const Q = ["title", "aria-label"], W = M({
+  name: "vft-clamp"
+}), te = /* @__PURE__ */ M({
+  ...W,
+  props: {
+    text: {},
+    maxHeight: {},
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 },
+    location: { default: "end" }
+  },
+  emits: ["clamp-change", "update:expanded"],
+  setup(e, { expose: T, emit: $ }) {
+    const R = $, a = v(null), r = v(null), x = v(null), l = N({
+      offset: 0,
+      localExpanded: e.expanded,
+      unregisterResizeCallback: null
+    }), j = u(() => {
+      if (!l.localExpanded && e.maxHeight)
+        return P(e.maxHeight);
+    }), y = () => {
+      x.value && (x.value.textContent = S.value);
+    }, c = () => {
+      l.localExpanded || (y(), (d() || n.value) && g());
+    }, k = () => {
+      e.text && (l.offset = e.text.length, C(), e.autoResize && a.value && (J(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && K(a.value, c);
+      }), c());
+    }, C = () => {
+      l.unregisterResizeCallback?.();
+    }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && m() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), m = () => r.value ? Object.keys(
+      Array.prototype.slice.call(r.value.getClientRects()).reduce((t, { top: i, bottom: f }) => {
+        const o = `${i}/${f}`;
+        return t[o] || (t[o] = !0), t;
+      }, {})
+    ).length : 0, g = (...t) => {
+      const [i = 0, f = l.offset] = t;
+      if (f - i <= 3) {
+        U();
+        return;
+      }
+      const o = Math.floor((f + i) / 2);
+      h(o), d() ? g(i, o) : g(o, f);
+    }, h = (t) => {
+      l.offset = t, y();
+    }, U = () => {
+      A(), O();
+    }, A = () => {
+      for (; (!d() || m() < 2) && l.offset < e.text.length; )
+        H(1);
+    }, O = () => {
+      for (; d() && m() > 1 && l.offset > 0; )
+        H(-1);
+    }, H = (t) => {
+      h(l.offset + t);
+    }, n = u(() => e.text ? l.offset !== e.text.length : !1);
+    s(
+      () => n.value,
+      (t) => {
+        E(() => {
+          R("clamp-change", t);
+        });
+      },
+      { immediate: !0 }
+    );
+    const S = u(() => n.value ? F.value : e.text), F = u(() => {
+      if (e.location === "start")
+        return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
+      if (e.location === "middle") {
+        const t = Math.floor(l.offset / 2);
+        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 = () => {
+      l.localExpanded = !0;
+    }, b = () => {
+      l.localExpanded = !1;
+    }, z = () => {
+      l.localExpanded = !l.localExpanded;
+    };
+    return s(
+      () => e.expanded,
+      (t) => {
+        l.localExpanded = t;
+      }
+    ), s(
+      () => l.localExpanded,
+      (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(),
+      () => {
+        E(() => {
+          c();
+        });
+      }
+    ), s(
+      () => [e.text, e.autoResize].join(),
+      () => {
+        E(() => {
+          k();
+        });
+      }
+    ), V(() => {
+      C();
+    }), q(() => {
+      k();
+    }), T({
+      isClamped: n
+    }), (t, i) => (G(), D("div", {
+      ref_key: "textClampRef",
+      ref: a,
+      class: "text-clamp",
+      style: I({
+        overflow: "hidden",
+        maxHeight: j.value
+      })
+    }, [
+      w("span", {
+        ref_key: "contentRef",
+        ref: r
+      }, [
+        B(t.$slots, "before", {
+          expand: L,
+          collapse: b,
+          toggle: z,
+          clamped: n.value,
+          expanded: l.localExpanded
+        }),
+        w("span", {
+          ref_key: "textRef",
+          ref: x,
+          title: e.text,
+          "aria-label": e.text
+        }, null, 8, Q),
+        B(t.$slots, "after", {
+          expand: L,
+          collapse: b,
+          toggle: z,
+          clamped: n.value,
+          expanded: l.localExpanded
+        })
+      ], 512)
+    ], 4));
+  }
+});
+export {
+  te as default
+};

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

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

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

@@ -0,0 +1,45 @@
+import { defineComponent as c, ref as s, createElementBlock as u, openBlock as o, Fragment as d, createVNode as l, createBlock as p, unref as e, withCtx as m, mergeProps as r } from "vue";
+import { createReusableTemplate as x } from "@vueuse/core";
+import { VftClamp as k } from "../clamp/index.js";
+import { VftTooltip as y } from "../tooltip/index.js";
+const R = /* @__PURE__ */ c({
+  __name: "clamp-tooltip",
+  props: {
+    showTooltip: { type: Boolean },
+    tooltipCfg: {},
+    text: {},
+    maxHeight: {},
+    maxLines: {},
+    expanded: { type: Boolean },
+    ellipsis: {},
+    autoResize: { type: Boolean },
+    location: {}
+  },
+  setup(t) {
+    const a = s(), [i, n] = x();
+    return (f, B) => (o(), u(d, null, [
+      l(e(i), null, {
+        default: m(() => [
+          l(e(k), r({
+            ref_key: "clampRef",
+            ref: a
+          }, f.$props), null, 16)
+        ]),
+        _: 1
+      }),
+      t.showTooltip ? (o(), p(e(y), r({
+        key: 0,
+        disabled: !a.value?.isClamped,
+        content: t.text
+      }, t.tooltipCfg), {
+        default: m(() => [
+          l(e(n))
+        ]),
+        _: 1
+      }, 16, ["disabled", "content"])) : (o(), p(e(n), { key: 1 }))
+    ], 64));
+  }
+});
+export {
+  R as default
+};

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

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