vft 0.0.363 → 0.0.365

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

@@ -1,113 +1 @@
-"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;
+"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;

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

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

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

@@ -1,108 +1 @@
-"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;
+"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;

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

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

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

@@ -1,137 +1 @@
-"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;
+"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;

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

@@ -1,12 +1 @@
-"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;
+"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;

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

@@ -1,25 +1 @@
-"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;
+"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;

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

@@ -1,60 +1 @@
-"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;
+"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;

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

@@ -1,33 +1 @@
-"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;
+"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;

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

@@ -1,45 +1 @@
-"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;
+"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;

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

@@ -1,59 +1 @@
-"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;
+"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;

package/lib/components/checkbox/constants.cjs

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