vft 0.0.149 → 0.0.151

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

@@ -23,79 +23,16 @@ export interface SwitchProps {
     size?: ComponentSize;
     tabindex?: string | number;
 }
-declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    value: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    borderColor: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    inlinePrompt: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    activeIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    inactiveIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    activeText: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveText: {
-        type: globalThis.PropType<string>;
-    };
-    activeColor: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveColor: {
-        type: globalThis.PropType<string>;
-    };
-    activeValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    inactiveValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    beforeChange: {
-        type: globalThis.PropType<Function>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
+    modelValue: boolean;
+    value: boolean;
+    disabled: boolean;
+    inlinePrompt: boolean;
+    activeValue: boolean;
+    inactiveValue: boolean;
+    validateEvent: boolean;
+    loading: boolean;
+}>, {
     /**
      *  @description manual focus to the switch component
      **/
@@ -105,84 +42,21 @@ declare const _default: import("vue").DefineComponent<{
      */
     checked: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    change: (...args: any[]) => void;
     input: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    value: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    borderColor: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    inlinePrompt: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    activeIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    inactiveIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    activeText: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveText: {
-        type: globalThis.PropType<string>;
-    };
-    activeColor: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveColor: {
-        type: globalThis.PropType<string>;
-    };
-    activeValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    inactiveValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    beforeChange: {
-        type: globalThis.PropType<Function>;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
+    modelValue: boolean;
+    value: boolean;
+    disabled: boolean;
+    inlinePrompt: boolean;
+    activeValue: boolean;
+    inactiveValue: boolean;
+    validateEvent: boolean;
+    loading: boolean;
+}>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | boolean;
@@ -195,3 +69,20 @@ declare const _default: import("vue").DefineComponent<{
     inactiveValue: string | number | boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../form/index.cjs");const k=require("../icon/index.cjs"),i=require("../../constants/event.cjs");require("@vueuse/core");const C=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const U=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("../form/hooks/use-form-item.cjs"),I=require("../form/hooks/use-form-common-props.cjs"),F=["onClick"],x=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex","onKeydown"],K=["aria-hidden"],j=["aria-hidden"],G=["aria-hidden"],n=U.useNamespace("switch"),H=e.defineComponent({name:n.b()}),L=e.defineComponent({...H,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(w,{expose:z,emit:r}){const a=w,{formItem:c}=P.useFormItem(),_=I.useFormSize(),{inputId:q}=P.useFormItemInputId(a,{formItemContext:c}),u=e.computed(()=>d.singleAttrToObj(a.activeIcon,"icon")),v=e.computed(()=>d.singleAttrToObj(a.inactiveIcon,"icon")),p=I.useFormDisabled(e.computed(()=>a.loading)),V=e.ref(a.modelValue!==!1),m=e.ref(),S=e.ref(),D=e.computed(()=>[n.b(),n.m(_.value),n.is("disabled",p.value),n.is("checked",t.value)]),A=e.computed(()=>({width:d.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{V.value=!0}),e.watch(()=>a.value,()=>{V.value=!1});const b=e.computed(()=>V.value?a.modelValue:a.value),t=e.computed(()=>b.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(b.value)||(r(i.UPDATE_MODEL_EVENT,a.inactiveValue),r(i.CHANGE_EVENT,a.inactiveValue),r(i.INPUT_EVENT,a.inactiveValue)),e.watch(t,o=>{var l;m.value.checked=o,a.validateEvent&&((l=c==null?void 0:c.validate)==null||l.call(c,"change").catch(f=>C.debugWarn(f)))});const h=()=>{const o=t.value?a.inactiveValue:a.activeValue;r(i.UPDATE_MODEL_EVENT,o),r(i.CHANGE_EVENT,o),r(i.INPUT_EVENT,o),e.nextTick(()=>{m.value.checked=t.value})},E=()=>{if(p.value)return;const{beforeChange:o}=a;if(!o){h();return}const l=o();[d.isPromise(l),d.isBoolean(l)].includes(!0)||C.throwError(n.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),d.isPromise(l)?l.then(s=>{s&&h()}).catch(s=>{C.debugWarn(n.b(),`some error occurred: ${s}`)}):l&&h()},O=e.computed(()=>n.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),M=()=>{var o,l;(l=(o=m.value)==null?void 0:o.focus)==null||l.call(o)};return e.onMounted(()=>{m.value.checked=t.value}),z({focus:M,checked:t}),(o,l)=>{var f,s,y,B,N,T,g;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(D.value),style:e.normalizeStyle(O.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(q),ref_key:"input",ref:m,class:e.normalizeClass(e.unref(n).e("input")),type:"checkbox",role:"switch","aria-checked":t.value,"aria-disabled":e.unref(p),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(p),tabindex:o.tabindex,onChange:h,onKeydown:e.withKeys(E,["enter"])},null,42,x),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","left"),e.unref(n).is("active",!t.value)])},[(f=v.value)!=null&&f.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},v.value)),null,16)):e.createCommentVNode("",!0),!((s=v.value)!=null&&s.icon)&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":t.value},e.toDisplayString(o.inactiveText),9,K)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:S,class:e.normalizeClass(e.unref(n).e("core")),style:e.normalizeStyle(A.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("inner"))},[(y=u.value)!=null&&y.icon||(B=v.value)!=null&&B.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value?u.value:v.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).is("text")),"aria-hidden":!t.value},e.toDisplayString(t.value?o.activeText:o.inactiveText),11,j)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&((N=u.value)!=null&&N.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","right"),e.unref(n).is("active",t.value)])},[(T=u.value)!=null&&T.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!((g=u.value)!=null&&g.icon)&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!t.value},e.toDisplayString(o.activeText),9,G)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],14,F)}}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../form/index.cjs");const k=require("../icon/index.cjs"),i=require("../../constants/event.cjs");require("@vueuse/core");const C=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const F=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("../form/hooks/use-form-item.cjs"),I=require("../form/hooks/use-form-common-props.cjs"),x=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],j=["aria-hidden"],G=["aria-hidden"],H=["aria-hidden"],n=F.useNamespace("switch"),K=e.defineComponent({name:n.b()}),L=e.defineComponent({...K,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(z,{expose:w,emit:_}){const o=z,r=_,{formItem:c}=P.useFormItem(),q=I.useFormSize(),{inputId:S}=P.useFormItemInputId(o,{formItemContext:c}),u=e.computed(()=>d.singleAttrToObj(o.activeIcon,"icon")),v=e.computed(()=>d.singleAttrToObj(o.inactiveIcon,"icon")),p=I.useFormDisabled(e.computed(()=>o.loading)),V=e.ref(o.modelValue!==!1),m=e.ref(),D=e.ref(),A=e.computed(()=>[n.b(),n.m(q.value),n.is("disabled",p.value),n.is("checked",t.value)]),O=e.computed(()=>({width:d.addUnit(o.width)}));e.watch(()=>o.modelValue,()=>{V.value=!0}),e.watch(()=>o.value,()=>{V.value=!1});const b=e.computed(()=>V.value?o.modelValue:o.value),t=e.computed(()=>b.value===o.activeValue);[o.activeValue,o.inactiveValue].includes(b.value)||(r(i.UPDATE_MODEL_EVENT,o.inactiveValue),r(i.CHANGE_EVENT,o.inactiveValue),r(i.INPUT_EVENT,o.inactiveValue)),e.watch(t,a=>{var l;m.value.checked=a,o.validateEvent&&((l=c==null?void 0:c.validate)==null||l.call(c,"change").catch(f=>C.debugWarn(f)))});const h=()=>{const a=t.value?o.inactiveValue:o.activeValue;r(i.UPDATE_MODEL_EVENT,a),r(i.CHANGE_EVENT,a),r(i.INPUT_EVENT,a),e.nextTick(()=>{m.value.checked=t.value})},E=()=>{if(p.value)return;const{beforeChange:a}=o;if(!a){h();return}const l=a();[d.isPromise(l),d.isBoolean(l)].includes(!0)||C.throwError(n.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),d.isPromise(l)?l.then(s=>{s&&h()}).catch(s=>{C.debugWarn(n.b(),`some error occurred: ${s}`)}):l&&h()},M=e.computed(()=>n.cssVarBlock({...o.activeColor?{"on-color":o.activeColor}:null,...o.inactiveColor?{"off-color":o.inactiveColor}:null,...o.borderColor?{"border-color":o.borderColor}:null})),U=()=>{var a,l;(l=(a=m.value)==null?void 0:a.focus)==null||l.call(a)};return e.onMounted(()=>{m.value.checked=t.value}),w({focus:U,checked:t}),(a,l)=>{var f,s,y,B,N,T,g;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(A.value),style:e.normalizeStyle(M.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(S),ref_key:"input",ref:m,class:e.normalizeClass(e.unref(n).e("input")),type:"checkbox",role:"switch","aria-checked":t.value,"aria-disabled":e.unref(p),name:a.name,"true-value":a.activeValue,"false-value":a.inactiveValue,disabled:e.unref(p),tabindex:a.tabindex,onChange:h,onKeydown:e.withKeys(E,["enter"])},null,42,x),!a.inlinePrompt&&(a.inactiveIcon||a.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","left"),e.unref(n).is("active",!t.value)])},[(f=v.value)!=null&&f.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},v.value)),null,16)):e.createCommentVNode("",!0),!((s=v.value)!=null&&s.icon)&&a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":t.value},e.toDisplayString(a.inactiveText),9,j)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:D,class:e.normalizeClass(e.unref(n).e("core")),style:e.normalizeStyle(O.value)},[a.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("inner"))},[(y=u.value)!=null&&y.icon||(B=v.value)!=null&&B.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value?u.value:v.value)),null,16)):a.activeText||a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).is("text")),"aria-hidden":!t.value},e.toDisplayString(t.value?a.activeText:a.inactiveText),11,G)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("action"))},[a.loading?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!a.inlinePrompt&&((N=u.value)!=null&&N.icon||a.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","right"),e.unref(n).is("active",t.value)])},[(T=u.value)!=null&&T.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!((g=u.value)!=null&&g.icon)&&a.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!t.value},e.toDisplayString(a.activeText),9,H)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6)}}});exports.default=L;

package/lib/components/table/field.d.ts

@@ -64,7 +64,7 @@ export declare const STATUS_FIELD: ({ field, title, normalText, disabledText, st
     slots: {
         default: ({ row }: {
             row: any;
-        }) => "-" | JSX.Element;
+        }) => any;
     };
 };
 interface ActionFieldProps {
@@ -83,7 +83,7 @@ export declare const ACTION_FIELD: ({ confirmText, leftCallback, rightCallback,
     slots: {
         default: ({ row }: {
             row: any;
-        }) => JSX.Element;
+        }) => any;
     };
 };
 export {};