vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,108 @@
+import { defineComponent as k, useSlots as $, inject as L, computed as c, openBlock as r, createElementBlock as b, normalizeClass as m, unref as t, withDirectives as x, isRef as y, vModelCheckbox as p, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
+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 "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { checkboxGroupContextKey as w } from "./constants.js";
+import "../form/index.js";
+import { useCheckbox as E } from "./composables/use-checkbox.js";
+const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = k({
+  name: "VftCheckboxButton"
+}), Z = /* @__PURE__ */ k({
+  ...M,
+  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 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o) {
+    const C = o, B = $(), {
+      isFocused: s,
+      isChecked: f,
+      isDisabled: v,
+      checkboxButtonSize: g,
+      model: u,
+      handleChange: d
+    } = E(C, B), i = L(w, void 0), n = j("checkbox"), S = c(() => {
+      var e, l;
+      const a = ((e = i == null ? void 0 : i.fill) == null ? void 0 : e.value) ?? "";
+      return {
+        backgroundColor: a,
+        borderColor: a,
+        color: ((l = i == null ? void 0 : i.textColor) == null ? void 0 : l.value) ?? "",
+        boxShadow: a ? `-1px 0 0 0 ${a}` : void 0
+      };
+    }), V = c(() => [
+      n.b("button"),
+      n.bm("button", g.value),
+      n.is("disabled", v.value),
+      n.is("checked", f.value),
+      n.is("focus", s.value)
+    ]);
+    return (a, e) => (r(), b("label", {
+      class: m(t(V))
+    }, [
+      o.trueLabel || o.falseLabel ? x((r(), b("input", {
+        key: 0,
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => y(u) ? u.value = l : null),
+        class: m(t(n).be("button", "original")),
+        type: "checkbox",
+        name: o.name,
+        tabindex: o.tabindex,
+        disabled: t(v),
+        "true-value": o.trueLabel,
+        "false-value": o.falseLabel,
+        onChange: e[1] || (e[1] = //@ts-ignore
+        (...l) => t(d) && t(d)(...l)),
+        onFocus: e[2] || (e[2] = (l) => s.value = !0),
+        onBlur: e[3] || (e[3] = (l) => s.value = !1)
+      }, null, 42, K)), [
+        [p, t(u)]
+      ]) : x((r(), b("input", {
+        key: 1,
+        "onUpdate:modelValue": e[4] || (e[4] = (l) => y(u) ? u.value = l : null),
+        class: m(t(n).be("button", "original")),
+        type: "checkbox",
+        name: o.name,
+        tabindex: o.tabindex,
+        disabled: t(v),
+        value: o.label,
+        onChange: e[5] || (e[5] = //@ts-ignore
+        (...l) => t(d) && t(d)(...l)),
+        onFocus: e[6] || (e[6] = (l) => s.value = !0),
+        onBlur: e[7] || (e[7] = (l) => s.value = !1)
+      }, null, 42, U)), [
+        [p, t(u)]
+      ]),
+      a.$slots.default || o.label ? (r(), b("span", {
+        key: 2,
+        class: m(t(n).be("button", "inner")),
+        style: N(t(f) ? t(S) : void 0)
+      }, [
+        z(a.$slots, "default", {}, () => [
+          D(F(o.label), 1)
+        ])
+      ], 6)) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  Z as default
+};

package/es/components/checkbox/checkbox-group.vue.d.ts

@@ -0,0 +1,112 @@
+import type { PropType as __PropType } from 'vue';
+import { type ComponentSize } from 'vft/es/constants';
+import type { CheckboxGroupValueType } from './types';
+export interface CheckboxGroupProps {
+    modelValue?: CheckboxGroupValueType;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    size?: ComponentSize;
+    label?: string;
+    fill?: string;
+    textColor?: string;
+    tag?: string;
+    validateEvent?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<CheckboxGroupValueType | undefined>;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    min: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    max: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fill: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<CheckboxGroupValueType | undefined>;
+        required: false;
+        default: () => never[];
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    min: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    max: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fill: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: CheckboxGroupValueType | undefined;
+    validateEvent: boolean | undefined;
+    tag: string | undefined;
+}>;
+export default _sfc_main;

package/es/components/checkbox/checkbox-group.vue.js

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

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

@@ -0,0 +1,82 @@
+import { defineComponent as d, computed as s, provide as f, toRefs as b, watch as x, openBlock as g, createBlock as h, resolveDynamicComponent as v, unref as l, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
+import { pick as I } from "lodash";
+import { UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
+import "@vft/utils";
+import { debugWarn as _ } from "../../utils/error.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import "../form/index.js";
+import { checkboxGroupContextKey as w } from "./constants.js";
+import { useFormItem as z, useFormItemInputId as D } from "../form/hooks/use-form-item.js";
+const F = d({
+  name: "VftCheckboxGroup"
+}), H = /* @__PURE__ */ d({
+  ...F,
+  props: {
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean },
+    min: null,
+    max: null,
+    size: null,
+    label: null,
+    fill: null,
+    textColor: null,
+    tag: { default: "div" },
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: r }) {
+    const t = a, u = B("checkbox"), { formItem: o } = z(), { inputId: c, isLabeledByFormItem: n } = D(t, {
+      formItemContext: o
+    }), i = async (e) => {
+      r(V, e), await E(), r("change", e);
+    }, p = s({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        i(e);
+      }
+    });
+    return f(w, {
+      ...I(b(t), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue: p,
+      changeEvent: i
+    }), x(
+      () => t.modelValue,
+      () => {
+        t.validateEvent && (o == null || o.validate("change").catch((e) => _(e)));
+      }
+    ), (e, T) => {
+      var m;
+      return g(), h(v(a.tag), {
+        id: l(c),
+        class: C(l(u).b("group")),
+        role: "group",
+        "aria-label": l(n) ? void 0 : a.label || "checkbox-group",
+        "aria-labelledby": l(n) ? (m = l(o)) == null ? void 0 : m.labelId : void 0
+      }, {
+        default: k(() => [
+          y(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/components/checkbox/checkbox.vue.d.ts

@@ -0,0 +1,141 @@
+import type { PropType as __PropType } from 'vue';
+import { type ComponentSize } from 'vft/es/constants';
+export interface CheckboxProps {
+    modelValue?: number | string | boolean;
+    label?: number | string | boolean | object;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    name?: string;
+    trueLabel?: string | number;
+    falseLabel?: string | number;
+    id?: string;
+    controls?: string;
+    border?: boolean;
+    size?: ComponentSize;
+    tabindex?: string | number;
+    validateEvent?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    validateEvent: boolean | undefined;
+}>;
+export default _sfc_main;

package/es/components/checkbox/checkbox.vue.js

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

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

@@ -0,0 +1,130 @@
+import { defineComponent as g, 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 p } 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 "@vue/reactivity";
+import "@vue/shared";
+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"], t = (
+  /* hoist-static*/
+  U("checkbox")
+), A = g({
+  name: t.b()
+}), ne = /* @__PURE__ */ g({
+  ...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(() => [
+      t.b(),
+      t.m(N.value),
+      t.is("disabled", u.value),
+      t.is("bordered", b.border),
+      t.is("checked", v.value)
+    ]), F = x(() => [
+      t.e("input"),
+      t.is("disabled", u.value),
+      t.is("checked", v.value),
+      t.is("indeterminate", b.indeterminate),
+      t.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] = (a) => h(i) ? i.value = a : null),
+            class: o(e(t).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
+            (...a) => e(r) && e(r)(...a)),
+            onFocus: n[2] || (n[2] = (a) => d.value = !0),
+            onBlur: n[3] || (n[3] = (a) => d.value = !1)
+          }, null, 42, T)), [
+            [B, e(i)]
+          ]) : C((s(), m("input", {
+            key: 1,
+            id: e(c),
+            "onUpdate:modelValue": n[4] || (n[4] = (a) => h(i) ? i.value = a : null),
+            class: o(e(t).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
+            (...a) => e(r) && e(r)(...a)),
+            onFocus: n[6] || (n[6] = (a) => d.value = !0),
+            onBlur: n[7] || (n[7] = (a) => d.value = !1)
+          }, null, 42, q)), [
+            [B, e(i)]
+          ]),
+          y("span", {
+            class: o(e(t).e("inner"))
+          }, null, 2)
+        ], 10, M),
+        e(f) ? (s(), m("span", {
+          key: 0,
+          class: o(e(t).e("label"))
+        }, [
+          I(k.$slots, "default"),
+          k.$slots.default ? p("", !0) : (s(), m(K, { key: 0 }, [
+            O(R(l.label), 1)
+          ], 64))
+        ], 2)) : p("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "aria-controls", "onClick"]));
+  }
+});
+export {
+  ne as default
+};

package/es/components/checkbox/composables/index.d.ts

@@ -0,0 +1,5 @@
+export * from './use-checkbox-disabled';
+export * from './use-checkbox-event';
+export * from './use-checkbox-model';
+export * from './use-checkbox-status';
+export * from './use-checkbox';

package/es/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/components/checkbox/composables/use-checkbox-disabled.d.ts

@@ -0,0 +1,6 @@
+import type { CheckboxModel, CheckboxStatus } from '../composables';
+export declare const useCheckboxDisabled: ({ model, isChecked }: Pick<CheckboxModel, 'model'> & Pick<CheckboxStatus, 'isChecked'>) => {
+    isDisabled: import("vue").ComputedRef<boolean>;
+    isLimitDisabled: import("vue").ComputedRef<boolean>;
+};
+export type CheckboxDisabled = ReturnType<typeof useCheckboxDisabled>;

package/es/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/components/checkbox/composables/use-checkbox-event.d.ts

@@ -0,0 +1,7 @@
+import type { useFormItemInputId } from 'vft/es/components/form';
+import type { CheckboxProps } from '../checkbox.vue';
+import type { CheckboxDisabled, CheckboxModel, CheckboxStatus } from '../composables';
+export declare const useCheckboxEvent: (props: CheckboxProps, { model, isLimitExceeded, hasOwnLabel, isDisabled, isLabeledByFormItem }: Pick<CheckboxModel, 'model' | 'isLimitExceeded'> & Pick<CheckboxStatus, 'hasOwnLabel'> & Pick<CheckboxDisabled, 'isDisabled'> & Pick<ReturnType<typeof useFormItemInputId>, 'isLabeledByFormItem'>) => {
+    handleChange: (e: Event) => void;
+    onClickRoot: (e: MouseEvent) => Promise<void>;
+};