vft 0.0.48 → 0.0.50

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

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

package/es/packages/components/checkbox/composables/index.js

@@ -0,0 +1,12 @@
+import { useCheckboxDisabled as r } from "./use-checkbox-disabled.js";
+import { useCheckboxEvent as t } from "./use-checkbox-event.js";
+import { useCheckboxModel as b } from "./use-checkbox-model.js";
+import { useCheckboxStatus as c } from "./use-checkbox-status.js";
+import { useCheckbox as h } from "./use-checkbox.js";
+export {
+  h as useCheckbox,
+  r as useCheckboxDisabled,
+  t as useCheckboxEvent,
+  b as useCheckboxModel,
+  c as useCheckboxStatus
+};

package/es/packages/components/checkbox/composables/use-checkbox-disabled.js

@@ -0,0 +1,24 @@
+import { inject as d, computed as o } from "vue";
+import "../../form/index.js";
+import { isUndefined as r } from "@vft/utils";
+import { checkboxGroupContextKey as u } from "../constants.js";
+import { useFormDisabled as v } from "../../form/hooks/use-form-common-props.js";
+const x = ({
+  model: i,
+  isChecked: t
+}) => {
+  const e = d(u, void 0), s = o(() => {
+    var l, m;
+    const a = (l = e == null ? void 0 : e.max) == null ? void 0 : l.value, n = (m = e == null ? void 0 : e.min) == null ? void 0 : m.value;
+    return !r(a) && i.value.length >= a && !t.value || !r(n) && i.value.length <= n && t.value;
+  });
+  return {
+    isDisabled: v(
+      o(() => (e == null ? void 0 : e.disabled.value) || s.value)
+    ),
+    isLimitDisabled: s
+  };
+};
+export {
+  x as useCheckboxDisabled
+};

package/es/packages/components/checkbox/composables/use-checkbox-event.js

@@ -0,0 +1,52 @@
+import { inject as d, getCurrentInstance as L, computed as C, watch as E, nextTick as k } from "vue";
+import "../../form/index.js";
+import "@vft/utils";
+import { debugWarn as x } from "../../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import { checkboxGroupContextKey as T } from "../constants.js";
+import { useFormItem as p } from "../../form/hooks/use-form-item.js";
+const P = (t, {
+  model: n,
+  isLimitExceeded: u,
+  hasOwnLabel: l,
+  isDisabled: v,
+  isLabeledByFormItem: m
+}) => {
+  const o = d(T, void 0), { formItem: c } = p(), { emit: i } = L();
+  function r(e) {
+    return e === t.trueLabel || e === !0 ? t.trueLabel ?? !0 : t.falseLabel ?? !1;
+  }
+  function s(e, a) {
+    i("change", r(e), a);
+  }
+  function f(e) {
+    if (u.value)
+      return;
+    const a = e.target;
+    i("change", r(a.checked), e);
+  }
+  async function g(e) {
+    u.value || !l.value && !v.value && m.value && (e.composedPath().some(
+      (b) => b.tagName === "LABEL"
+    ) || (n.value = r(
+      [!1, t.falseLabel].includes(n.value)
+    ), await k(), s(n.value, e)));
+  }
+  const h = C(
+    () => (o == null ? void 0 : o.validateEvent) || t.validateEvent
+  );
+  return E(
+    () => t.modelValue,
+    () => {
+      h.value && (c == null || c.validate("change").catch((e) => x(e)));
+    }
+  ), {
+    handleChange: f,
+    onClickRoot: g
+  };
+};
+export {
+  P as useCheckboxEvent
+};

package/es/packages/components/checkbox/composables/use-checkbox-model.js

@@ -0,0 +1,24 @@
+import { ref as i, getCurrentInstance as r, inject as u, computed as d } from "vue";
+import { isUndefined as v, isArray as E } from "@vft/utils";
+import { UPDATE_MODEL_EVENT as g } from "../../../constants/event.js";
+import { checkboxGroupContextKey as C } from "../constants.js";
+const L = (f) => {
+  const n = i(!1), { emit: o } = r(), e = u(C, void 0), l = d(() => v(e) === !1), s = i(!1);
+  return {
+    model: d({
+      get() {
+        var t;
+        return l.value ? (t = e == null ? void 0 : e.modelValue) == null ? void 0 : t.value : f.modelValue ?? n.value;
+      },
+      set(t) {
+        var m, a;
+        l.value && E(t) ? (s.value = ((m = e == null ? void 0 : e.max) == null ? void 0 : m.value) !== void 0 && t.length > (e == null ? void 0 : e.max.value), s.value === !1 && ((a = e == null ? void 0 : e.changeEvent) == null || a.call(e, t))) : (o(g, t), n.value = t);
+      }
+    }),
+    isGroup: l,
+    isLimitExceeded: s
+  };
+};
+export {
+  L as useCheckboxModel
+};

package/es/packages/components/checkbox/composables/use-checkbox-status.js

@@ -0,0 +1,33 @@
+import { inject as d, ref as v, computed as r, toRaw as i } from "vue";
+import { isEqual as z } from "lodash";
+import "../../form/index.js";
+import { isBoolean as S, isArray as h, isObject as x } from "@vft/utils";
+import { checkboxGroupContextKey as C } from "../constants.js";
+import { useFormSize as l } from "../../form/hooks/use-form-common-props.js";
+const F = (o, s, { model: n }) => {
+  const t = d(C, void 0), u = v(!1), a = r(() => {
+    const e = n.value;
+    return S(e) ? e : h(e) ? x(o.label) ? e.map(i).some((b) => z(b, o.label)) : e.map(i).includes(o.label) : e != null ? e === o.trueLabel : !!e;
+  }), m = l(
+    r(() => {
+      var e;
+      return (e = t == null ? void 0 : t.size) == null ? void 0 : e.value;
+    }),
+    {
+      prop: !0
+    }
+  ), c = l(r(() => {
+    var e;
+    return (e = t == null ? void 0 : t.size) == null ? void 0 : e.value;
+  })), f = r(() => !!(s.default || o.label));
+  return {
+    checkboxButtonSize: m,
+    isChecked: a,
+    isFocused: u,
+    checkboxSize: c,
+    hasOwnLabel: f
+  };
+};
+export {
+  F as useCheckboxStatus
+};

package/es/packages/components/checkbox/composables/use-checkbox.js

@@ -0,0 +1,47 @@
+import "../../form/index.js";
+import { isArray as f } from "@vft/utils";
+import { useCheckboxDisabled as k } from "./use-checkbox-disabled.js";
+import { useCheckboxEvent as x } from "./use-checkbox-event.js";
+import { useCheckboxModel as C } from "./use-checkbox-model.js";
+import { useCheckboxStatus as v } from "./use-checkbox-status.js";
+import { useFormItem as F, useFormItemInputId as S } from "../../form/hooks/use-form-item.js";
+const L = (e, { model: t }) => {
+  function i() {
+    f(t.value) && !t.value.includes(e.label) ? t.value.push(e.label) : t.value = e.trueLabel || !0;
+  }
+  e.checked && i();
+}, M = (e, t) => {
+  const { formItem: i } = F(), { model: o, isGroup: u, isLimitExceeded: a } = C(e), {
+    isFocused: r,
+    isChecked: c,
+    checkboxButtonSize: l,
+    checkboxSize: d,
+    hasOwnLabel: s
+  } = v(e, t, { model: o }), { isDisabled: m } = k({ model: o, isChecked: c }), { inputId: b, isLabeledByFormItem: n } = S(e, {
+    formItemContext: i,
+    disableIdGeneration: s,
+    disableIdManagement: u
+  }), { handleChange: h, onClickRoot: I } = x(e, {
+    model: o,
+    isLimitExceeded: a,
+    hasOwnLabel: s,
+    isDisabled: m,
+    isLabeledByFormItem: n
+  });
+  return L(e, { model: o }), {
+    inputId: b,
+    isLabeledByFormItem: n,
+    isChecked: c,
+    isDisabled: m,
+    isFocused: r,
+    checkboxButtonSize: l,
+    checkboxSize: d,
+    hasOwnLabel: s,
+    model: o,
+    handleChange: h,
+    onClickRoot: I
+  };
+};
+export {
+  M as useCheckbox
+};

package/es/packages/components/checkbox/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("checkboxGroupContextKey");
+export {
+  o as checkboxGroupContextKey
+};

package/es/packages/components/checkbox/index.js

@@ -0,0 +1,21 @@
+import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import p from "./checkbox.vue2.js";
+import t from "./checkbox-button.vue2.js";
+import r from "./checkbox-group.vue2.js";
+import { checkboxGroupContextKey as l } from "./constants.js";
+const b = m(p, {
+  CheckboxButton: t,
+  CheckboxGroup: r
+}), k = o(t), u = o(r);
+export {
+  b as VftCheckbox,
+  k as VftCheckboxButton,
+  u as VftCheckboxGroup,
+  l as checkboxGroupContextKey,
+  b as default
+};

package/es/packages/components/checkbox/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-checkbox.css";

package/es/packages/components/checkbox/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/checkbox.scss";

package/es/packages/components/checkbox-button/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-checkbox-button.css";

package/es/packages/components/checkbox-button/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/checkbox-button.scss";

package/es/packages/components/checkbox-group/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-checkbox-group.css";

package/es/packages/components/checkbox-group/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/checkbox-group.scss";

package/es/packages/components/clamp/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./clamp.vue2.js";
+const s = t(m);
+export {
+  s as VftClamp,
+  s as default
+};

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

@@ -0,0 +1,56 @@
+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 "@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 "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { VftClamp as y } from "../clamp/index.js";
+const h = ["onClick"], i = (
+  /* hoist-static*/
+  p("clamp-toggle")
+), k = a({
+  name: i.b()
+}), j = /* @__PURE__ */ a({
+  ...k,
+  props: {
+    text: null,
+    maxHeight: null,
+    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,
+    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)),
+      text: e.text,
+      maxHeight: e.maxHeight,
+      maxLines: e.maxLines,
+      expanded: e.expanded,
+      location: e.location,
+      ellipsis: e.ellipsis,
+      autoResize: e.autoResize
+    }, {
+      after: u(({ toggle: m, expanded: l, clamped: s }) => [
+        l || s ? (o(), d("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)
+      ]),
+      _: 1
+    }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
+  }
+});
+export {
+  j as default
+};

package/es/packages/components/clamp-toggle/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./clamp-toggle.vue2.js";
+const s = t(o);
+export {
+  s as VftClampToggle,
+  s as default
+};

package/es/packages/components/collection/collection-item.vue.js

@@ -0,0 +1,4 @@
+import f from "./collection-item.vue2.js";
+export {
+  f as default
+};

package/es/packages/components/collection/collection-item.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as t, renderSlot as n } from "vue";
+const o = t({
+  name: "VftCollectionItem",
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ t({
+  ...o,
+  setup(r) {
+    return (e, s) => n(e.$slots, "default");
+  }
+});
+export {
+  a as default
+};

package/es/packages/components/collection/collection.js

@@ -0,0 +1,55 @@
+import { ref as f, provide as I, inject as N, onMounted as p, unref as s, onBeforeUnmount as u } from "vue";
+import d from "./collection.vue2.js";
+import L from "./collection-item.vue2.js";
+const M = "data-vft-collection-item", A = (E) => {
+  const c = `Vft${E}Collection`, r = `${c}Item`, l = Symbol(c), m = Symbol(r), C = {
+    ...d,
+    name: c,
+    setup() {
+      const i = f(null), o = /* @__PURE__ */ new Map();
+      I(l, {
+        itemMap: o,
+        getItems: () => {
+          const e = s(i);
+          if (!e)
+            return [];
+          const t = Array.from(
+            e.querySelectorAll(`[${M}]`)
+          );
+          return [...o.values()].sort(
+            (O, a) => t.indexOf(O.ref) - t.indexOf(a.ref)
+          );
+        },
+        collectionRef: i
+      });
+    }
+  }, _ = {
+    ...L,
+    name: r,
+    setup(i, { attrs: o }) {
+      const n = f(null), e = N(l, void 0);
+      I(m, {
+        collectionItemRef: n
+      }), p(() => {
+        const t = s(n);
+        t && e.itemMap.set(t, {
+          ref: t,
+          ...o
+        });
+      }), u(() => {
+        const t = s(n);
+        e.itemMap.delete(t);
+      });
+    }
+  };
+  return {
+    COLLECTION_INJECTION_KEY: l,
+    COLLECTION_ITEM_INJECTION_KEY: m,
+    VftCollection: C,
+    VftCollectionItem: _
+  };
+};
+export {
+  M as COLLECTION_ITEM_SIGN,
+  A as createCollectionWithScope
+};

package/es/packages/components/collection/collection.vue.js

@@ -0,0 +1,4 @@
+import f from "./collection.vue2.js";
+export {
+  f as default
+};

package/es/packages/components/collection/collection.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as e, renderSlot as n } from "vue";
+const o = e({
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ e({
+  ...o,
+  __name: "collection",
+  setup(r) {
+    return (t, _) => n(t.$slots, "default");
+  }
+});
+export {
+  a as default
+};

package/es/packages/components/collection/index.js

@@ -0,0 +1,5 @@
+import { COLLECTION_ITEM_SIGN as t, createCollectionWithScope as c } from "./collection.js";
+export {
+  t as COLLECTION_ITEM_SIGN,
+  c as createCollectionWithScope
+};

package/es/packages/components/color-picker/color-picker.vue.js

@@ -0,0 +1,4 @@
+import f from "./color-picker.vue2.js";
+export {
+  f as default
+};