vft 0.0.48 → 0.0.51

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

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

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

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

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

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

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

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

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

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

package/lib/components/checkbox/composables/use-checkbox-disabled.d.ts

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

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

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

package/lib/components/checkbox/composables/use-checkbox-event.d.ts

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

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

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

package/lib/components/checkbox/composables/use-checkbox-model.d.ts

@@ -0,0 +1,7 @@
+import type { CheckboxProps } from '../checkbox.vue';
+export declare const useCheckboxModel: (props: CheckboxProps) => {
+    model: import("vue").WritableComputedRef<any>;
+    isGroup: import("vue").ComputedRef<boolean>;
+    isLimitExceeded: import("vue").Ref<boolean>;
+};
+export type CheckboxModel = ReturnType<typeof useCheckboxModel>;

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

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

package/lib/components/checkbox/composables/use-checkbox-status.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentInternalInstance } from 'vue';
+import type { CheckboxProps } from '../checkbox.vue';
+import type { CheckboxModel } from '../composables';
+export declare const useCheckboxStatus: (props: CheckboxProps, slots: ComponentInternalInstance['slots'], { model }: Pick<CheckboxModel, 'model'>) => {
+    checkboxButtonSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    isChecked: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").Ref<boolean>;
+    checkboxSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    hasOwnLabel: import("vue").ComputedRef<boolean>;
+};
+export type CheckboxStatus = ReturnType<typeof useCheckboxStatus>;

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

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

package/lib/components/checkbox/composables/use-checkbox.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentInternalInstance } from 'vue';
+import type { CheckboxProps } from '../checkbox.vue';
+export declare const useCheckbox: (props: CheckboxProps, slots: ComponentInternalInstance['slots']) => {
+    inputId: import("vue").Ref<string | undefined>;
+    isLabeledByFormItem: import("vue").ComputedRef<boolean>;
+    isChecked: import("vue").ComputedRef<boolean>;
+    isDisabled: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").Ref<boolean>;
+    checkboxButtonSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    checkboxSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    hasOwnLabel: import("vue").ComputedRef<boolean>;
+    model: import("vue").WritableComputedRef<any>;
+    handleChange: (e: Event) => void;
+    onClickRoot: (e: MouseEvent) => Promise<void>;
+};

package/lib/components/checkbox/constants.cjs

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

package/lib/components/checkbox/constants.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, ToRefs, WritableComputedRef } from 'vue';
+import type { CheckboxGroupProps } from './checkbox-group.vue';
+type CheckboxGroupContext = {
+    modelValue?: WritableComputedRef<any>;
+    changeEvent?: (...args: any) => any;
+} & ToRefs<Pick<CheckboxGroupProps, 'size' | 'min' | 'max' | 'disabled' | 'validateEvent' | 'fill' | 'textColor'>>;
+export declare const checkboxGroupContextKey: InjectionKey<CheckboxGroupContext>;
+export {};

package/lib/components/checkbox/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const r=require("./checkbox.vue2.cjs"),t=require("./checkbox-button.vue2.cjs"),u=require("./checkbox-group.vue2.cjs"),c=require("./constants.cjs"),o=e.withInstall(r.default,{CheckboxButton:t.default,CheckboxGroup:u.default}),n=e.withNoopInstall(t.default),s=e.withNoopInstall(u.default);exports.checkboxGroupContextKey=c.checkboxGroupContextKey;exports.VftCheckbox=o;exports.VftCheckboxButton=n;exports.VftCheckboxGroup=s;exports.default=o;