vft 0.0.374 → 0.0.375

package/lib/components/cascader-panel/utils.cjs

@@ -1 +1,40 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/dom/aria.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");const d=e=>{if(!e)return 0;const r=e.id.split("-");return Number(r[r.length-2])},p=e=>{if(!e)return;const r=e.querySelector("input");r?r.click():o.isLeaf(e)&&e.click()},l=(e,r)=>{const n=r.slice(0),s=n.map(i=>i.uid),u=e.reduce((i,c)=>{const t=s.indexOf(c.uid);return t>-1&&(i.push(c),n.splice(t,1),s.splice(t,1)),i},[]);return u.push(...n),u};exports.checkNode=p;exports.getMenuIndex=d;exports.sortByOriginalOrder=l;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const aria = require("../../utils/dom/aria.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+require("lodash-es");
+const getMenuIndex = (el) => {
+  if (!el) return 0;
+  const pieces = el.id.split("-");
+  return Number(pieces[pieces.length - 2]);
+};
+const checkNode = (el) => {
+  if (!el) return;
+  const input = el.querySelector("input");
+  if (input) {
+    input.click();
+  } else if (aria.isLeaf(el)) {
+    el.click();
+  }
+};
+const sortByOriginalOrder = (oldNodes, newNodes) => {
+  const newNodesCopy = newNodes.slice(0);
+  const newIds = newNodesCopy.map((node) => node.uid);
+  const res = oldNodes.reduce((acc, item) => {
+    const index = newIds.indexOf(item.uid);
+    if (index > -1) {
+      acc.push(item);
+      newNodesCopy.splice(index, 1);
+      newIds.splice(index, 1);
+    }
+    return acc;
+  }, []);
+  res.push(...newNodesCopy);
+  return res;
+};
+exports.checkNode = checkNode;
+exports.getMenuIndex = getMenuIndex;
+exports.sortByOriginalOrder = sortByOriginalOrder;

package/lib/components/check-tag/check-tag.vue.cjs

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

package/lib/components/check-tag/check-tag.vue2.cjs

@@ -1 +1,40 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({name:"vft-check-tag"}),d=e.defineComponent({...l,props:{checked:{type:Boolean,default:!1}},emits:["update:checked","change"],setup(c,{emit:r}){const t=i.useNamespace("check-tag"),n=r,u=e.computed(()=>[t.b(),t.is("checked",c.checked)]),a=()=>{n(s.CHANGE_EVENT,!c.checked),n("update:checked",!c.checked)};return(o,h)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(u.value),onClick:a},[e.renderSlot(o.$slots,"default")],2))}});exports.default=d;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const event = require("../../constants/event.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-check-tag"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    checked: { type: Boolean, default: false }
+  },
+  emits: ["update:checked", "change"],
+  setup(__props, { emit: __emit }) {
+    const ns = index.useNamespace("check-tag");
+    const emit = __emit;
+    const containerKls = vue.computed(() => [ns.b(), ns.is("checked", __props.checked)]);
+    const handleChange = () => {
+      emit(event.CHANGE_EVENT, !__props.checked);
+      emit("update:checked", !__props.checked);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(containerKls.value),
+        onClick: handleChange
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/check-tag/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./check-tag.vue2.cjs"),e=r.withInstall(t.default);exports.VftCheckTag=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const checkTag_vue_vue_type_script_setup_true_lang = require("./check-tag.vue2.cjs");
+const VftCheckTag = install.withInstall(checkTag_vue_vue_type_script_setup_true_lang.default);
+exports.VftCheckTag = VftCheckTag;
+exports.default = VftCheckTag;

package/lib/components/check-tag/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-check-tag.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-check-tag.css");

package/lib/components/check-tag/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/check-tag.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/check-tag.scss");

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

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

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

@@ -1 +1,121 @@
-"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");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useCheckbox = require("./composables/use-checkbox.cjs");
+require("../form/index.cjs");
+const constants = require("./constants.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,115 @@
-"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");
+require("../form/index.cjs");
+const event = require("../../constants/event.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+const error = require("../../utils/error.cjs");
+require("../config-provider/hooks/use-global-config.cjs");
+const lodashEs = require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+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 useFormItem = require("../form/hooks/use-form-item.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,145 @@
-"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");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useCheckbox = require("./composables/use-checkbox.cjs");
+require("../form/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,26 @@
-"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");
+require("../../form/index.cjs");
+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;