vft 0.0.362 → 0.0.363

package/lib/components/checkbox/checkbox-button.vue2.cjs

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

package/lib/components/checkbox/checkbox-group.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-group.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const checkboxGroup_vue_vue_type_script_setup_true_lang = require("./checkbox-group.vue2.cjs");
+exports.default = checkboxGroup_vue_vue_type_script_setup_true_lang.default;

package/lib/components/checkbox/checkbox-group.vue2.cjs

@@ -1 +1,108 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const m=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const f=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=require("./checkbox.vue2.cjs"),h=require("./checkbox-button.vue2.cjs"),g=require("./constants.cjs"),s=require("../form/hooks/use-form-item.cjs"),q=e.defineComponent({name:"VftCheckboxGroup"}),y=e.defineComponent({...q,props:{modelValue:{default:()=>[]},disabled:{type:Boolean},min:{},max:{},size:{},label:{},fill:{},textColor:{},tag:{default:"div"},validateEvent:{type:Boolean,default:!0},useButton:{type:Boolean},options:{}},emits:["update:modelValue","change"],setup(i,{emit:d}){const o=i,l=d,c=_.useNamespace("checkbox"),{formItem:r}=s.useFormItem(),{inputId:p,isLabeledByFormItem:n}=s.useFormItemInputId(o,{formItemContext:r}),u=async a=>{l(b.UPDATE_MODEL_EVENT,a),await e.nextTick(),l("change",a)},v=e.computed({get(){return o.modelValue},set(a){u(a)}});return e.provide(g.checkboxGroupContextKey,{...f.pick(e.toRefs(o),["size","min","max","disabled","validateEvent","fill","textColor"]),modelValue:v,changeEvent:u}),e.watch(()=>o.modelValue,()=>{o.validateEvent&&r?.validate("change").catch(a=>m.debugWarn(a))}),(a,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{id:e.unref(p),class:e.normalizeClass(e.unref(c).b("group")),role:"group","aria-label":e.unref(n)?void 0:a.label||"checkbox-group","aria-labelledby":e.unref(n)?e.unref(r)?.labelId:void 0},{default:e.withCtx(()=>[a.options?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.useButton?h.default:k.default),{value:t.value,label:t.label,indeterminate:t.indeterminate,disabled:t.disabled,checked:t.checked,name:t.name,"true-value":t.trueValue,"false-value":t.falseValue,id:t.id,controls:t.controls,border:t.border,size:t.size,tabindex:t.tabindex,"validate-event":t.validateEvent,key:t.value},null,8,["value","label","indeterminate","disabled","checked","name","true-value","false-value","id","controls","border","size","tabindex","validate-event"]))),128)):e.renderSlot(a.$slots,"default",{key:1})]),_:3},8,["id","class","aria-label","aria-labelledby"]))}});exports.default=y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const checkbox_vue_vue_type_script_setup_true_lang = require("./checkbox.vue2.cjs");
+const checkboxButton_vue_vue_type_script_setup_true_lang = require("./checkbox-button.vue2.cjs");
+const constants = require("./constants.cjs");
+const index = require("../../hooks/use-namespace/index.cjs");
+const useFormItem = require("../form/hooks/use-form-item.cjs");
+const error = require("../../utils/error.cjs");
+const event = require("../../constants/event.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftCheckboxGroup"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean },
+    min: {},
+    max: {},
+    size: {},
+    label: {},
+    fill: {},
+    textColor: {},
+    tag: { default: "div" },
+    validateEvent: { type: Boolean, default: true },
+    useButton: { type: Boolean },
+    options: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("checkbox");
+    const { formItem } = useFormItem.useFormItem();
+    const { inputId: groupId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const changeEvent = async (value) => {
+      emit(event.UPDATE_MODEL_EVENT, value);
+      await vue.nextTick();
+      emit("change", value);
+    };
+    const modelValue = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        changeEvent(val);
+      }
+    });
+    vue.provide(constants.checkboxGroupContextKey, {
+      ...lodashEs.pick(vue.toRefs(props), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue,
+      changeEvent
+    });
+    vue.watch(
+      () => props.modelValue,
+      () => {
+        if (props.validateEvent) {
+          formItem?.validate("change").catch((err) => error.debugWarn(err));
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+        id: vue.unref(groupId),
+        class: vue.normalizeClass(vue.unref(ns).b("group")),
+        role: "group",
+        "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
+        "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem)?.labelId : void 0
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.options, (item) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.useButton ? checkboxButton_vue_vue_type_script_setup_true_lang.default : checkbox_vue_vue_type_script_setup_true_lang.default), {
+              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)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/checkbox/checkbox.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const checkbox_vue_vue_type_script_setup_true_lang = require("./checkbox.vue2.cjs");
+exports.default = checkbox_vue_vue_type_script_setup_true_lang.default;

package/lib/components/checkbox/checkbox.vue2.cjs

@@ -1 +1,137 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./composables/use-checkbox.cjs");require("../form/index.cjs");const V=["tabindex","role","aria-checked"],g=["id","aria-hidden","name","tabindex","disabled","true-value","false-value"],q=["id","aria-hidden","disabled","value","name","tabindex"],N=e.defineComponent({name:"vft-checkbox"}),S=e.defineComponent({...N,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(b){const s=b,a=y.useNamespace("checkbox"),p=e.useSlots(),{inputId:d,isLabeledByFormItem:f,isChecked:m,isDisabled:i,isFocused:t,checkboxSize:v,hasOwnLabel:c,model:r,handleChange:u,onClickRoot:k}=h.useCheckbox(s,p),C=e.computed(()=>[a.b(),a.m(v.value),a.is("disabled",i.value),a.is("bordered",s.border),a.is("checked",m.value)]),B=e.computed(()=>[a.e("input"),a.is("disabled",i.value),a.is("checked",m.value),a.is("indeterminate",s.indeterminate),a.is("focus",t.value)]);return(n,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(!e.unref(c)&&e.unref(f)?"span":"label"),{class:e.normalizeClass(C.value),"aria-controls":n.indeterminate?n.controls:null,onClick:e.unref(k)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(B.value),tabindex:n.indeterminate?0:void 0,role:n.indeterminate?"checkbox":void 0,"aria-checked":n.indeterminate?"mixed":void 0},[n.trueValue||n.falseValue?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:e.unref(d),"onUpdate:modelValue":l[0]||(l[0]=o=>e.isRef(r)?r.value=o:null),class:e.normalizeClass(e.unref(a).e("original")),type:"checkbox","aria-hidden":n.indeterminate?"true":"false",name:n.name,tabindex:n.tabindex,disabled:e.unref(i),"true-value":n.trueValue,"false-value":n.falseValue,onChange:l[1]||(l[1]=(...o)=>e.unref(u)&&e.unref(u)(...o)),onFocus:l[2]||(l[2]=o=>t.value=!0),onBlur:l[3]||(l[3]=o=>t.value=!1)},null,42,g)),[[e.vModelCheckbox,e.unref(r)]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,id:e.unref(d),"onUpdate:modelValue":l[4]||(l[4]=o=>e.isRef(r)?r.value=o:null),class:e.normalizeClass(e.unref(a).e("original")),type:"checkbox","aria-hidden":n.indeterminate?"true":"false",disabled:e.unref(i),value:n.value,name:n.name,tabindex:n.tabindex,onChange:l[5]||(l[5]=(...o)=>e.unref(u)&&e.unref(u)(...o)),onFocus:l[6]||(l[6]=o=>t.value=!0),onBlur:l[7]||(l[7]=o=>t.value=!1)},null,42,q)),[[e.vModelCheckbox,e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("inner"))},null,2)],10,V),e.unref(c)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("label"))},[e.createTextVNode(e.toDisplayString(n.label)+" ",1),n.label?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"default"),n.$slots.default?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.value),1)],64))],64))],2)):e.createCommentVNode("",!0)]),_:3},8,["class","aria-controls","onClick"]))}});exports.default=S;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const useCheckbox = require("./composables/use-checkbox.cjs");
+const index = require("../../hooks/use-namespace/index.cjs");
+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__ = vue.defineComponent({
+  name: "vft-checkbox"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  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: true }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("checkbox");
+    const slots = vue.useSlots();
+    const {
+      inputId,
+      isLabeledByFormItem,
+      isChecked,
+      isDisabled,
+      isFocused,
+      checkboxSize,
+      hasOwnLabel,
+      model,
+      handleChange,
+      onClickRoot
+    } = useCheckbox.useCheckbox(props, slots);
+    const compKls = vue.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 = vue.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 vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(hasOwnLabel) && vue.unref(isLabeledByFormItem) ? "span" : "label"), {
+        class: vue.normalizeClass(compKls.value),
+        "aria-controls": _ctx.indeterminate ? _ctx.controls : null,
+        onClick: vue.unref(onClickRoot)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", {
+            class: vue.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 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              key: 0,
+              id: vue.unref(inputId),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
+              class: vue.normalizeClass(vue.unref(ns).e("original")),
+              type: "checkbox",
+              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              name: _ctx.name,
+              tabindex: _ctx.tabindex,
+              disabled: vue.unref(isDisabled),
+              "true-value": _ctx.trueValue,
+              "false-value": _ctx.falseValue,
+              onChange: _cache[1] || (_cache[1] = //@ts-ignore
+              (...args) => vue.unref(handleChange) && vue.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)), [
+              [vue.vModelCheckbox, vue.unref(model)]
+            ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              key: 1,
+              id: vue.unref(inputId),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(model) ? model.value = $event : null),
+              class: vue.normalizeClass(vue.unref(ns).e("original")),
+              type: "checkbox",
+              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              disabled: vue.unref(isDisabled),
+              value: _ctx.value,
+              name: _ctx.name,
+              tabindex: _ctx.tabindex,
+              onChange: _cache[5] || (_cache[5] = //@ts-ignore
+              (...args) => vue.unref(handleChange) && vue.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)), [
+              [vue.vModelCheckbox, vue.unref(model)]
+            ]),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e("inner"))
+            }, null, 2)
+          ], 10, _hoisted_1),
+          vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("label"))
+          }, [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+            !_ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
+              ], 64)) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 2)) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "aria-controls", "onClick"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/checkbox/composables/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-checkbox.cjs"),s=require("./use-checkbox-disabled.cjs"),o=require("./use-checkbox-event.cjs"),u=require("./use-checkbox-model.cjs"),c=require("./use-checkbox-status.cjs");exports.useCheckbox=e.useCheckbox;exports.useCheckboxDisabled=s.useCheckboxDisabled;exports.useCheckboxEvent=o.useCheckboxEvent;exports.useCheckboxModel=u.useCheckboxModel;exports.useCheckboxStatus=c.useCheckboxStatus;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useCheckbox = require("./use-checkbox.cjs");
+const useCheckboxDisabled = require("./use-checkbox-disabled.cjs");
+const useCheckboxEvent = require("./use-checkbox-event.cjs");
+const useCheckboxModel = require("./use-checkbox-model.cjs");
+const useCheckboxStatus = require("./use-checkbox-status.cjs");
+exports.useCheckbox = useCheckbox.useCheckbox;
+exports.useCheckboxDisabled = useCheckboxDisabled.useCheckboxDisabled;
+exports.useCheckboxEvent = useCheckboxEvent.useCheckboxEvent;
+exports.useCheckboxModel = useCheckboxModel.useCheckboxModel;
+exports.useCheckboxStatus = useCheckboxStatus.useCheckboxStatus;

package/lib/components/checkbox/composables/use-checkbox-disabled.cjs

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vft/utils");require("../../form/index.cjs");const s=require("vue"),c=require("../constants.cjs"),a=require("../../form/hooks/use-form-common-props.cjs"),l=({model:o,isChecked:t})=>{const e=s.inject(c.checkboxGroupContextKey,void 0),i=s.computed(()=>{const u=e?.max?.value,n=e?.min?.value;return!r.isUndefined(u)&&o.value.length>=u&&!t.value||!r.isUndefined(n)&&o.value.length<=n&&t.value});return{isDisabled:a.useFormDisabled(s.computed(()=>e?.disabled.value||i.value)),isLimitDisabled:i}};exports.useCheckboxDisabled=l;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const vue = require("vue");
+const constants = require("../constants.cjs");
+const useFormCommonProps = require("../../form/hooks/use-form-common-props.cjs");
+const useCheckboxDisabled = ({
+  model,
+  isChecked
+}) => {
+  const checkboxGroup = vue.inject(constants.checkboxGroupContextKey, void 0);
+  const isLimitDisabled = vue.computed(() => {
+    const max = checkboxGroup?.max?.value;
+    const min = checkboxGroup?.min?.value;
+    return !utils.isUndefined(max) && model.value.length >= max && !isChecked.value || !utils.isUndefined(min) && model.value.length <= min && isChecked.value;
+  });
+  const isDisabled = useFormCommonProps.useFormDisabled(
+    vue.computed(() => checkboxGroup?.disabled.value || isLimitDisabled.value)
+  );
+  return {
+    isDisabled,
+    isLimitDisabled
+  };
+};
+exports.useCheckboxDisabled = useCheckboxDisabled;

package/lib/components/checkbox/composables/use-checkbox-event.cjs

@@ -1 +1,60 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");require("@vueuse/core");require("@vft/utils");const q=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");const a=require("vue");require("lodash-es");const k=require("../constants.cjs"),C=require("../../form/hooks/use-form-item.cjs"),E=(t,{model:u,isLimitExceeded:c,hasOwnLabel:i,isDisabled:l,isLabeledByFormItem:s})=>{const v=a.inject(k.checkboxGroupContextKey,void 0),{formItem:h}=C.useFormItem(),{emit:o}=a.getCurrentInstance();function r(e){return e===t.trueValue||e===!0?t.trueValue??!0:t.falseValue??!1}function f(e,n){o("change",r(e),n)}function g(e){if(c.value)return;const n=e.target;o("change",r(n.checked),e)}async function d(e){c.value||!i.value&&!l.value&&s.value&&(e.composedPath().some(b=>b.tagName==="LABEL")||(u.value=r([!1,t.falseValue].includes(u.value)),await a.nextTick(),f(u.value,e)))}const m=a.computed(()=>v?.validateEvent||t.validateEvent);return a.watch(()=>t.modelValue,()=>{m.value&&h?.validate("change").catch(e=>q.debugWarn(e))}),{handleChange:g,onClickRoot:d}};exports.useCheckboxEvent=E;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const constants = require("../constants.cjs");
+const useFormItem = require("../../form/hooks/use-form-item.cjs");
+const error = require("../../../utils/error.cjs");
+const useCheckboxEvent = (props, {
+  model,
+  isLimitExceeded,
+  hasOwnLabel,
+  isDisabled,
+  isLabeledByFormItem
+}) => {
+  const checkboxGroup = vue.inject(constants.checkboxGroupContextKey, void 0);
+  const { formItem } = useFormItem.useFormItem();
+  const { emit } = vue.getCurrentInstance();
+  function getLabeledValue(value) {
+    return value === props.trueValue || value === true ? props.trueValue ?? true : props.falseValue ?? false;
+  }
+  function emitChangeEvent(checked, e) {
+    emit("change", getLabeledValue(checked), e);
+  }
+  function handleChange(e) {
+    if (isLimitExceeded.value) return;
+    const target = e.target;
+    emit("change", getLabeledValue(target.checked), e);
+  }
+  async function onClickRoot(e) {
+    if (isLimitExceeded.value) return;
+    if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
+      const eventTargets = e.composedPath();
+      const hasLabel = eventTargets.some(
+        (item) => item.tagName === "LABEL"
+      );
+      if (!hasLabel) {
+        model.value = getLabeledValue(
+          [false, props.falseValue].includes(model.value)
+        );
+        await vue.nextTick();
+        emitChangeEvent(model.value, e);
+      }
+    }
+  }
+  const validateEvent = vue.computed(
+    () => checkboxGroup?.validateEvent || props.validateEvent
+  );
+  vue.watch(
+    () => props.modelValue,
+    () => {
+      if (validateEvent.value) {
+        formItem?.validate("change").catch((err) => error.debugWarn(err));
+      }
+    }
+  );
+  return {
+    handleChange,
+    onClickRoot
+  };
+};
+exports.useCheckboxEvent = useCheckboxEvent;

package/lib/components/checkbox/composables/use-checkbox-model.cjs

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils"),i=require("../../../constants/event.cjs"),e=require("vue"),a=require("../constants.cjs"),d=l=>{const n=e.ref(!1),{emit:r}=e.getCurrentInstance(),t=e.inject(a.checkboxGroupContextKey,void 0),s=e.computed(()=>c.isUndefined(t)===!1),u=e.ref(!1);return{model:e.computed({get(){return s.value?t?.modelValue?.value:l.modelValue??n.value},set(o){s.value&&c.isArray(o)?(u.value=t?.max?.value!==void 0&&o.length>t?.max.value,u.value===!1&&t?.changeEvent?.(o)):(r(i.UPDATE_MODEL_EVENT,o),n.value=o)}}),isGroup:s,isLimitExceeded:u}};exports.useCheckboxModel=d;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const vue = require("vue");
+const constants = require("../constants.cjs");
+const event = require("../../../constants/event.cjs");
+const useCheckboxModel = (props) => {
+  const selfModel = vue.ref(false);
+  const { emit } = vue.getCurrentInstance();
+  const checkboxGroup = vue.inject(constants.checkboxGroupContextKey, void 0);
+  const isGroup = vue.computed(() => utils.isUndefined(checkboxGroup) === false);
+  const isLimitExceeded = vue.ref(false);
+  const model = vue.computed({
+    get() {
+      return isGroup.value ? checkboxGroup?.modelValue?.value : props.modelValue ?? selfModel.value;
+    },
+    set(val) {
+      if (isGroup.value && utils.isArray(val)) {
+        isLimitExceeded.value = checkboxGroup?.max?.value !== void 0 && val.length > checkboxGroup?.max.value;
+        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val);
+      } else {
+        emit(event.UPDATE_MODEL_EVENT, val);
+        selfModel.value = val;
+      }
+    }
+  });
+  return {
+    model,
+    isGroup,
+    isLimitExceeded
+  };
+};
+exports.useCheckboxModel = useCheckboxModel;

package/lib/components/checkbox/composables/use-checkbox-status.cjs

@@ -1 +1,45 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils");require("../../form/index.cjs");const b=require("lodash-es"),t=require("vue"),h=require("../constants.cjs"),r=require("../../form/hooks/use-form-common-props.cjs"),f=(u,c,{model:n})=>{const s=t.inject(h.checkboxGroupContextKey,void 0),i=t.ref(!1),l=t.computed(()=>{const e=n.value;return o.isBoolean(e)?e:o.isArray(e)?o.isObject(u.value)?e.map(t.toRaw).some(v=>b.isEqual(v,u.value)):e.map(t.toRaw).includes(u.value):e!=null?e===u.trueValue:!!e}),a=r.useFormSize(t.computed(()=>s?.size?.value),{prop:!0}),d=r.useFormSize(t.computed(()=>s?.size?.value)),m=t.computed(()=>!!(c.default||u.value||u.label));return{checkboxButtonSize:a,isChecked:l,isFocused:i,checkboxSize:d,hasOwnLabel:m}};exports.useCheckboxStatus=f;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const lodashEs = require("lodash-es");
+const vue = require("vue");
+const constants = require("../constants.cjs");
+const useFormCommonProps = require("../../form/hooks/use-form-common-props.cjs");
+const useCheckboxStatus = (props, slots, { model }) => {
+  const checkboxGroup = vue.inject(constants.checkboxGroupContextKey, void 0);
+  const isFocused = vue.ref(false);
+  const isChecked = vue.computed(() => {
+    const value = model.value;
+    if (utils.isBoolean(value)) {
+      return value;
+    } else if (utils.isArray(value)) {
+      if (utils.isObject(props.value)) {
+        return value.map(vue.toRaw).some((o) => lodashEs.isEqual(o, props.value));
+      } else {
+        return value.map(vue.toRaw).includes(props.value);
+      }
+    } else if (value !== null && value !== void 0) {
+      return value === props.trueValue;
+    } else {
+      return !!value;
+    }
+  });
+  const checkboxButtonSize = useFormCommonProps.useFormSize(
+    vue.computed(() => checkboxGroup?.size?.value),
+    {
+      prop: true
+    }
+  );
+  const checkboxSize = useFormCommonProps.useFormSize(vue.computed(() => checkboxGroup?.size?.value));
+  const hasOwnLabel = vue.computed(() => {
+    return !!(slots.default || props.value || props.label);
+  });
+  return {
+    checkboxButtonSize,
+    isChecked,
+    isFocused,
+    checkboxSize,
+    hasOwnLabel
+  };
+};
+exports.useCheckboxStatus = useCheckboxStatus;

package/lib/components/checkbox/composables/use-checkbox.cjs

@@ -1 +1,59 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@vft/utils");require("../../form/index.cjs");const I=require("./use-checkbox-disabled.cjs"),v=require("./use-checkbox-event.cjs"),S=require("./use-checkbox-model.cjs"),q=require("./use-checkbox-status.cjs"),r=require("../../form/hooks/use-form-item.cjs"),f=(e,{model:t})=>{function s(){C.isArray(t.value)&&!t.value.includes(e.value)?t.value.push(e.value):t.value=e.trueValue||!0}e.checked&&s()},F=(e,t)=>{const{formItem:s}=r.useFormItem(),{model:u,isGroup:a,isLimitExceeded:l}=S.useCheckboxModel(e),{isFocused:b,isChecked:c,checkboxButtonSize:d,checkboxSize:h,hasOwnLabel:o}=q.useCheckboxStatus(e,t,{model:u}),{isDisabled:n}=I.useCheckboxDisabled({model:u,isChecked:c}),{inputId:k,isLabeledByFormItem:i}=r.useFormItemInputId(e,{formItemContext:s,disableIdGeneration:o,disableIdManagement:a}),{handleChange:m,onClickRoot:x}=v.useCheckboxEvent(e,{model:u,isLimitExceeded:l,hasOwnLabel:o,isDisabled:n,isLabeledByFormItem:i});return f(e,{model:u}),{inputId:k,isLabeledByFormItem:i,isChecked:c,isDisabled:n,isFocused:b,checkboxButtonSize:d,checkboxSize:h,hasOwnLabel:o,model:u,handleChange:m,onClickRoot:x}};exports.useCheckbox=F;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const useCheckboxDisabled = require("./use-checkbox-disabled.cjs");
+const useCheckboxEvent = require("./use-checkbox-event.cjs");
+const useCheckboxModel = require("./use-checkbox-model.cjs");
+const useCheckboxStatus = require("./use-checkbox-status.cjs");
+const useFormItem = require("../../form/hooks/use-form-item.cjs");
+const setStoreValue = (props, { model }) => {
+  function addToStore() {
+    if (utils.isArray(model.value) && !model.value.includes(props.value)) {
+      model.value.push(props.value);
+    } else {
+      model.value = props.trueValue || true;
+    }
+  }
+  props.checked && addToStore();
+};
+const useCheckbox = (props, slots) => {
+  const { formItem: vftFormItem } = useFormItem.useFormItem();
+  const { model, isGroup, isLimitExceeded } = useCheckboxModel.useCheckboxModel(props);
+  const {
+    isFocused,
+    isChecked,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel
+  } = useCheckboxStatus.useCheckboxStatus(props, slots, {
+    model
+  });
+  const { isDisabled } = useCheckboxDisabled.useCheckboxDisabled({ model, isChecked });
+  const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
+    formItemContext: vftFormItem,
+    disableIdGeneration: hasOwnLabel,
+    disableIdManagement: isGroup
+  });
+  const { handleChange, onClickRoot } = useCheckboxEvent.useCheckboxEvent(props, {
+    model,
+    isLimitExceeded,
+    hasOwnLabel,
+    isDisabled,
+    isLabeledByFormItem
+  });
+  setStoreValue(props, { model });
+  return {
+    inputId,
+    isLabeledByFormItem,
+    isChecked,
+    isDisabled,
+    isFocused,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel,
+    model,
+    handleChange,
+    onClickRoot
+  };
+};
+exports.useCheckbox = useCheckbox;

package/lib/components/checkbox/constants.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("checkboxGroupContextKey");exports.checkboxGroupContextKey=e;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+exports.checkboxGroupContextKey = checkboxGroupContextKey;