vft 0.0.363 → 0.0.365

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

@@ -1,14 +1,19 @@
-import { defineComponent, useSlots, inject, computed, createElementBlock, openBlock, normalizeClass, withDirectives, createCommentVNode, unref, isRef, vModelCheckbox, normalizeStyle, createTextVNode, renderSlot, toDisplayString } from "vue";
-import { checkboxGroupContextKey } from "./constants.js";
-import { useCheckbox } from "./composables/use-checkbox.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const _hoisted_1 = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_2 = ["name", "tabindex", "disabled", "value"];
-const __default__ = defineComponent({
+import { defineComponent as c, useSlots as z, inject as D, computed as v, createElementBlock as r, openBlock as i, normalizeClass as d, withDirectives as f, createCommentVNode as k, unref as o, isRef as y, vModelCheckbox as C, normalizeStyle as F, createTextVNode as V, renderSlot as j, toDisplayString as B } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as w } 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 E } from "./composables/use-checkbox.js";
+import "../form/index.js";
+import { checkboxGroupContextKey as G } from "./constants.js";
+const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = c({
   name: "VftCheckboxButton"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), X = /* @__PURE__ */ c({
+  ...M,
   props: {
     modelValue: { type: [Number, String, Boolean] },
     value: { type: [Number, String, Boolean, Object] },
@@ -27,87 +32,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     validateEvent: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const {
-      isFocused,
-      isChecked,
-      isDisabled,
-      checkboxButtonSize,
-      model,
-      handleChange
-    } = useCheckbox(props, slots);
-    const checkboxGroup = inject(checkboxGroupContextKey, void 0);
-    const ns = useNamespace("checkbox");
-    const activeStyle = computed(() => {
-      const fillValue = checkboxGroup?.fill?.value ?? "";
+  setup(g) {
+    const S = g, x = z(), {
+      isFocused: u,
+      isChecked: m,
+      isDisabled: b,
+      checkboxButtonSize: $,
+      model: n,
+      handleChange: s
+    } = E(S, x), p = D(G, void 0), a = w("checkbox"), h = v(() => {
+      const e = p?.fill?.value ?? "";
       return {
-        backgroundColor: fillValue,
-        borderColor: fillValue,
-        color: checkboxGroup?.textColor?.value ?? "",
-        boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
+        backgroundColor: e,
+        borderColor: e,
+        color: p?.textColor?.value ?? "",
+        boxShadow: e ? `-1px 0 0 0 ${e}` : void 0
       };
-    });
-    const labelKls = computed(() => {
-      return [
-        ns.b("button"),
-        ns.bm("button", checkboxButtonSize.value),
-        ns.is("disabled", isDisabled.value),
-        ns.is("checked", isChecked.value),
-        ns.is("focus", isFocused.value)
-      ];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(labelKls.value)
+    }), N = v(() => [
+      a.b("button"),
+      a.bm("button", $.value),
+      a.is("disabled", b.value),
+      a.is("checked", m.value),
+      a.is("focus", u.value)
+    ]);
+    return (e, l) => (i(), r("label", {
+      class: d(N.value)
+    }, [
+      e.trueValue || e.falseValue ? f((i(), r("input", {
+        key: 0,
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => y(n) ? n.value = t : null),
+        class: d(o(a).be("button", "original")),
+        type: "checkbox",
+        name: e.name,
+        tabindex: e.tabindex,
+        disabled: o(b),
+        "true-value": e.trueValue,
+        "false-value": e.falseValue,
+        onChange: l[1] || (l[1] = //@ts-ignore
+        (...t) => o(s) && o(s)(...t)),
+        onFocus: l[2] || (l[2] = (t) => u.value = !0),
+        onBlur: l[3] || (l[3] = (t) => u.value = !1)
+      }, null, 42, K)), [
+        [C, o(n)]
+      ]) : f((i(), r("input", {
+        key: 1,
+        "onUpdate:modelValue": l[4] || (l[4] = (t) => y(n) ? n.value = t : null),
+        class: d(o(a).be("button", "original")),
+        type: "checkbox",
+        name: e.name,
+        tabindex: e.tabindex,
+        disabled: o(b),
+        value: e.value,
+        onChange: l[5] || (l[5] = //@ts-ignore
+        (...t) => o(s) && o(s)(...t)),
+        onFocus: l[6] || (l[6] = (t) => u.value = !0),
+        onBlur: l[7] || (l[7] = (t) => u.value = !1)
+      }, null, 42, U)), [
+        [C, o(n)]
+      ]),
+      e.$slots.default || e.value || e.label ? (i(), r("span", {
+        key: 2,
+        class: d(o(a).be("button", "inner")),
+        style: F(o(m) ? h.value : void 0)
       }, [
-        _ctx.trueValue || _ctx.falseValue ? withDirectives((openBlock(), createElementBlock("input", {
-          key: 0,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
-          class: normalizeClass(unref(ns).be("button", "original")),
-          type: "checkbox",
-          name: _ctx.name,
-          tabindex: _ctx.tabindex,
-          disabled: unref(isDisabled),
-          "true-value": _ctx.trueValue,
-          "false-value": _ctx.falseValue,
-          onChange: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => unref(handleChange) && unref(handleChange)(...args)),
-          onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
-          onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
-        }, null, 42, _hoisted_1)), [
-          [vModelCheckbox, unref(model)]
-        ]) : withDirectives((openBlock(), createElementBlock("input", {
-          key: 1,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(model) ? model.value = $event : null),
-          class: normalizeClass(unref(ns).be("button", "original")),
-          type: "checkbox",
-          name: _ctx.name,
-          tabindex: _ctx.tabindex,
-          disabled: unref(isDisabled),
-          value: _ctx.value,
-          onChange: _cache[5] || (_cache[5] = //@ts-ignore
-          (...args) => unref(handleChange) && unref(handleChange)(...args)),
-          onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
-          onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
-        }, null, 42, _hoisted_2)), [
-          [vModelCheckbox, unref(model)]
-        ]),
-        _ctx.$slots.default || _ctx.value || _ctx.label ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          class: normalizeClass(unref(ns).be("button", "inner")),
-          style: normalizeStyle(unref(isChecked) ? activeStyle.value : void 0)
-        }, [
-          createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          !_ctx.label ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-            createTextVNode(toDisplayString(_ctx.value), 1)
-          ]) : createCommentVNode("", true)
-        ], 6)) : createCommentVNode("", true)
-      ], 2);
-    };
+        V(B(e.label) + " ", 1),
+        e.label ? k("", !0) : j(e.$slots, "default", { key: 0 }, () => [
+          V(B(e.value), 1)
+        ])
+      ], 6)) : k("", !0)
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  X as default
 };

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

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

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

@@ -1,17 +1,23 @@
-import { defineComponent, computed, provide, toRefs, watch, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementBlock, renderSlot, Fragment, renderList, nextTick } from "vue";
-import { pick } from "lodash-es";
-import _sfc_main$2 from "./checkbox.vue2.js";
-import _sfc_main$1 from "./checkbox-button.vue2.js";
-import { checkboxGroupContextKey } from "./constants.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { useFormItem, useFormItemInputId } from "../form/hooks/use-form-item.js";
-import { debugWarn } from "../../utils/error.js";
-import { UPDATE_MODEL_EVENT } from "../../constants/event.js";
-const __default__ = defineComponent({
+import { defineComponent as u, computed as h, provide as k, toRefs as g, watch as y, createBlock as s, openBlock as r, resolveDynamicComponent as m, unref as t, normalizeClass as x, withCtx as E, createElementBlock as I, renderSlot as B, Fragment as C, renderList as V, nextTick as _ } from "vue";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as z } from "../../constants/event.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as F } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import { pick as w } from "lodash-es";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import L from "./checkbox.vue2.js";
+import T from "./checkbox-button.vue2.js";
+import { checkboxGroupContextKey as $ } from "./constants.js";
+import { useFormItem as G, useFormItemInputId as N } from "../form/hooks/use-form-item.js";
+const A = u({
   name: "VftCheckboxGroup"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), ae = /* @__PURE__ */ u({
+  ...A,
   props: {
     modelValue: { default: () => [] },
     disabled: { type: Boolean },
@@ -22,34 +28,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fill: {},
     textColor: {},
     tag: { default: "div" },
-    validateEvent: { type: Boolean, default: true },
+    validateEvent: { type: Boolean, default: !0 },
     useButton: { type: Boolean },
     options: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("checkbox");
-    const { formItem } = useFormItem();
-    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const changeEvent = async (value) => {
-      emit(UPDATE_MODEL_EVENT, value);
-      await nextTick();
-      emit("change", value);
-    };
-    const modelValue = computed({
+  setup(c, { emit: p }) {
+    const o = c, n = p, f = D("checkbox"), { formItem: l } = G(), { inputId: b, isLabeledByFormItem: i } = N(o, {
+      formItemContext: l
+    }), d = async (a) => {
+      n(z, a), await _(), n("change", a);
+    }, v = h({
       get() {
-        return props.modelValue;
+        return o.modelValue;
       },
-      set(val) {
-        changeEvent(val);
+      set(a) {
+        d(a);
       }
     });
-    provide(checkboxGroupContextKey, {
-      ...pick(toRefs(props), [
+    return k($, {
+      ...w(g(o), [
         "size",
         "min",
         "max",
@@ -58,51 +56,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "fill",
         "textColor"
       ]),
-      modelValue,
-      changeEvent
-    });
-    watch(
-      () => props.modelValue,
+      modelValue: v,
+      changeEvent: d
+    }), y(
+      () => o.modelValue,
       () => {
-        if (props.validateEvent) {
-          formItem?.validate("change").catch((err) => debugWarn(err));
-        }
+        o.validateEvent && l?.validate("change").catch((a) => F(a));
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        id: unref(groupId),
-        class: normalizeClass(unref(ns).b("group")),
-        role: "group",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem)?.labelId : void 0
-      }, {
-        default: withCtx(() => [
-          _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (item) => {
-            return openBlock(), createBlock(resolveDynamicComponent(_ctx.useButton ? _sfc_main$1 : _sfc_main$2), {
-              value: item.value,
-              label: item.label,
-              indeterminate: item.indeterminate,
-              disabled: item.disabled,
-              checked: item.checked,
-              name: item.name,
-              "true-value": item.trueValue,
-              "false-value": item.falseValue,
-              id: item.id,
-              controls: item.controls,
-              border: item.border,
-              size: item.size,
-              tabindex: item.tabindex,
-              "validate-event": item.validateEvent,
-              key: item.value
-            }, null, 8, ["value", "label", "indeterminate", "disabled", "checked", "name", "true-value", "false-value", "id", "controls", "border", "size", "tabindex", "validate-event"]);
-          }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-        ]),
-        _: 3
-      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
-    };
+    ), (a, K) => (r(), s(m(a.tag), {
+      id: t(b),
+      class: x(t(f).b("group")),
+      role: "group",
+      "aria-label": t(i) ? void 0 : a.label || "checkbox-group",
+      "aria-labelledby": t(i) ? t(l)?.labelId : void 0
+    }, {
+      default: E(() => [
+        a.options ? (r(!0), I(C, { key: 0 }, V(a.options, (e) => (r(), s(m(a.useButton ? T : L), {
+          value: e.value,
+          label: e.label,
+          indeterminate: e.indeterminate,
+          disabled: e.disabled,
+          checked: e.checked,
+          name: e.name,
+          "true-value": e.trueValue,
+          "false-value": e.falseValue,
+          id: e.id,
+          controls: e.controls,
+          border: e.border,
+          size: e.size,
+          tabindex: e.tabindex,
+          "validate-event": e.validateEvent,
+          key: e.value
+        }, null, 8, ["value", "label", "indeterminate", "disabled", "checked", "name", "true-value", "false-value", "id", "controls", "border", "size", "tabindex", "validate-event"]))), 128)) : B(a.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["id", "class", "aria-label", "aria-labelledby"]));
   }
 });
 export {
-  _sfc_main as default
+  ae as default
 };

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

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

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

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

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

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