@dao-style/core 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/components/form/form-group.d.ts

@@ -1,10 +1,161 @@
 import { SlotFn } from '../../utils/types';
-import FormGroup from './form-group.vue';
-declare const DaoFormGroup: typeof FormGroup & (new () => {
+declare const DaoFormGroup: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"2nd" | "3rd" | "1st">;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconMessage: {
+            type: StringConstructor;
+            default: string;
+        };
+        expandable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+    }, {
+        groupClasses: import("vue").ComputedRef<string[]>;
+        isExpanded: import("vue").Ref<boolean>;
+        handleClick: () => void;
+        onBeforeEnter: (el: Element) => void;
+        onEnter: (el: Element) => void;
+        onAfterEnter: (el: Element) => void;
+        onBeforeLeave: (el: Element) => void;
+        onLeave: (el: Element) => void;
+        onAfterLeave: (el: Element) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:expanded"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"2nd" | "3rd" | "1st">;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconMessage: {
+            type: StringConstructor;
+            default: string;
+        };
+        expandable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: "2nd" | "3rd" | "1st";
+        title: string;
+        iconMessage: string;
+        expandable: boolean;
+        expanded: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"2nd" | "3rd" | "1st">;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconMessage: {
+            type: StringConstructor;
+            default: string;
+        };
+        expandable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+    }, {
+        groupClasses: import("vue").ComputedRef<string[]>;
+        isExpanded: import("vue").Ref<boolean>;
+        handleClick: () => void;
+        onBeforeEnter: (el: Element) => void;
+        onEnter: (el: Element) => void;
+        onAfterEnter: (el: Element) => void;
+        onBeforeLeave: (el: Element) => void;
+        onLeave: (el: Element) => void;
+        onAfterLeave: (el: Element) => void;
+    }, {}, {}, {}, {
+        type: "2nd" | "3rd" | "1st";
+        title: string;
+        iconMessage: string;
+        expandable: boolean;
+        expanded: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"2nd" | "3rd" | "1st">;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    groupClasses: import("vue").ComputedRef<string[]>;
+    isExpanded: import("vue").Ref<boolean>;
+    handleClick: () => void;
+    onBeforeEnter: (el: Element) => void;
+    onEnter: (el: Element) => void;
+    onAfterEnter: (el: Element) => void;
+    onBeforeLeave: (el: Element) => void;
+    onLeave: (el: Element) => void;
+    onAfterLeave: (el: Element) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:expanded"[], "update:expanded", {
+    type: "2nd" | "3rd" | "1st";
+    title: string;
+    iconMessage: string;
+    expandable: boolean;
+    expanded: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: SlotFn;
         title: SlotFn;
-        "tooltip-content": SlotFn;
+        'tooltip-content': SlotFn;
     };
 });
 export default DaoFormGroup;

package/dist/components/form/form-group.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: import("vue").PropType<"1st" | "2nd" | "3rd">;
+        type: import("vue").PropType<"2nd" | "3rd" | "1st">;
         default: string;
     };
     title: {
@@ -29,9 +29,9 @@ declare const _default: import("vue").DefineComponent<{
     onBeforeLeave: (el: Element) => void;
     onLeave: (el: Element) => void;
     onAfterLeave: (el: Element) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:expanded"[], "update:expanded", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:expanded"[], "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"1st" | "2nd" | "3rd">;
+        type: import("vue").PropType<"2nd" | "3rd" | "1st">;
         default: string;
     };
     title: {

package/dist/components/form/form-item.d.ts

@@ -1,12 +1,307 @@
 import { SlotFn } from '../../utils/types';
-import FormItem from './form-item.vue';
-declare const DaoFormItem: typeof FormItem & (new () => {
+declare const DaoFormItem: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        wrapperType: {
+            type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
+            default: undefined;
+        };
+        paddingTop: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        paddingBottom: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helper: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        error: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+    }>>, {
+        labelStyle: import("vue").ComputedRef<{
+            width: string;
+        } | {
+            width?: undefined;
+        }>;
+        contentStyle: import("vue").ComputedRef<{
+            'padding-top': string;
+            'padding-bottom': string;
+        }>;
+        formItemClass: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'dao-form-item': boolean;
+            'is-required': boolean;
+        }>;
+        showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot<any>>;
+        formClassNames: {
+            readonly text: {
+                readonly helper: "dao-form-item__helper-text";
+                readonly error: "dao-form-item__error-message";
+            };
+            readonly wrapper: {
+                readonly text: "dao-form-item__text-wrapper";
+                readonly radio: "dao-form-item__radio-wrapper";
+                readonly checkbox: "dao-form-item__checkbox-wrapper";
+                readonly switch: "dao-form-item__switch-wrapper";
+                readonly footer: "dao-form-item__footer-wrapper";
+            };
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        wrapperType: {
+            type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
+            default: undefined;
+        };
+        paddingTop: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        paddingBottom: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helper: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        error: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+    }>>, {
+        error: string;
+        type: "vertical" | "horizontal";
+        label: string;
+        required: boolean;
+        helper: string;
+        paddingBottom: string | number;
+        paddingTop: string | number;
+        labelWidth: string;
+        wrapperType: "footer" | "switch" | "text" | "checkbox" | "radio" | undefined;
+        iconMessage: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        wrapperType: {
+            type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
+            default: undefined;
+        };
+        paddingTop: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        paddingBottom: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        iconMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helper: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        error: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+    }>>, {
+        labelStyle: import("vue").ComputedRef<{
+            width: string;
+        } | {
+            width?: undefined;
+        }>;
+        contentStyle: import("vue").ComputedRef<{
+            'padding-top': string;
+            'padding-bottom': string;
+        }>;
+        formItemClass: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'dao-form-item': boolean;
+            'is-required': boolean;
+        }>;
+        showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot<any>>;
+        formClassNames: {
+            readonly text: {
+                readonly helper: "dao-form-item__helper-text";
+                readonly error: "dao-form-item__error-message";
+            };
+            readonly wrapper: {
+                readonly text: "dao-form-item__text-wrapper";
+                readonly radio: "dao-form-item__radio-wrapper";
+                readonly checkbox: "dao-form-item__checkbox-wrapper";
+                readonly switch: "dao-form-item__switch-wrapper";
+                readonly footer: "dao-form-item__footer-wrapper";
+            };
+        };
+    }, {}, {}, {}, {
+        error: string;
+        type: "vertical" | "horizontal";
+        label: string;
+        required: boolean;
+        helper: string;
+        paddingBottom: string | number;
+        paddingTop: string | number;
+        labelWidth: string;
+        wrapperType: "footer" | "switch" | "text" | "checkbox" | "radio" | undefined;
+        iconMessage: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    wrapperType: {
+        type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
+        default: undefined;
+    };
+    paddingTop: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    paddingBottom: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    helper: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    error: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    type: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
+}>>, {
+    labelStyle: import("vue").ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    contentStyle: import("vue").ComputedRef<{
+        'padding-top': string;
+        'padding-bottom': string;
+    }>;
+    formItemClass: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'dao-form-item': boolean;
+        'is-required': boolean;
+    }>;
+    showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot<any>>;
+    formClassNames: {
+        readonly text: {
+            readonly helper: "dao-form-item__helper-text";
+            readonly error: "dao-form-item__error-message";
+        };
+        readonly wrapper: {
+            readonly text: "dao-form-item__text-wrapper";
+            readonly radio: "dao-form-item__radio-wrapper";
+            readonly checkbox: "dao-form-item__checkbox-wrapper";
+            readonly switch: "dao-form-item__switch-wrapper";
+            readonly footer: "dao-form-item__footer-wrapper";
+        };
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    error: string;
+    type: "vertical" | "horizontal";
+    label: string;
+    required: boolean;
+    helper: string;
+    paddingBottom: string | number;
+    paddingTop: string | number;
+    labelWidth: string;
+    wrapperType: "footer" | "switch" | "text" | "checkbox" | "radio" | undefined;
+    iconMessage: string;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: SlotFn;
         error: SlotFn;
         helper: SlotFn;
         label: SlotFn;
-        "tooltip-content": SlotFn;
+        'tooltip-content': SlotFn;
     };
 });
 export default DaoFormItem;

package/dist/components/form/form-item.vue.d.ts

@@ -1,4 +1,3 @@
-import { formClassNames } from './type';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
@@ -9,15 +8,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     wrapperType: {
-        type: import("vue").PropType<keyof (typeof formClassNames)["wrapper"] | undefined>;
+        type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
         default: undefined;
     };
     paddingTop: {
-        type: import("vue").PropType<number | string>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     paddingBottom: {
-        type: import("vue").PropType<number | string>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     labelWidth: {
@@ -36,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    type: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
 }, {
     labelStyle: import("vue").ComputedRef<{
         width: string;
@@ -65,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly footer: "dao-form-item__footer-wrapper";
         };
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -75,15 +78,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     wrapperType: {
-        type: import("vue").PropType<keyof (typeof formClassNames)["wrapper"] | undefined>;
+        type: import("vue").PropType<"footer" | "switch" | "text" | "checkbox" | "radio" | undefined>;
         default: undefined;
     };
     paddingTop: {
-        type: import("vue").PropType<number | string>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     paddingBottom: {
-        type: import("vue").PropType<number | string>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     labelWidth: {
@@ -102,15 +105,20 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    type: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
 }>>, {
     error: string;
+    type: "vertical" | "horizontal";
     label: string;
     required: boolean;
     helper: string;
     paddingBottom: string | number;
     paddingTop: string | number;
-    wrapperType: "footer" | "switch" | "text" | "checkbox" | "radio" | undefined;
     labelWidth: string;
+    wrapperType: "footer" | "switch" | "text" | "checkbox" | "radio" | undefined;
     iconMessage: string;
 }, {}>;
 export default _default;

package/dist/components/form/form.d.ts

@@ -1,7 +1,109 @@
 import { ParamsSlotFn } from '../../utils/types';
-import Form from './form.vue';
 import { formClassNames } from './type';
-declare const DaoForm: typeof Form & (new () => {
+declare const DaoForm: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: string;
+            validator: (value: "vertical" | "horizontal") => boolean;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        formClassNames: {
+            readonly text: {
+                readonly helper: "dao-form-item__helper-text";
+                readonly error: "dao-form-item__error-message";
+            };
+            readonly wrapper: {
+                readonly text: "dao-form-item__text-wrapper";
+                readonly radio: "dao-form-item__radio-wrapper";
+                readonly checkbox: "dao-form-item__checkbox-wrapper";
+                readonly switch: "dao-form-item__switch-wrapper";
+                readonly footer: "dao-form-item__footer-wrapper";
+            };
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: string;
+            validator: (value: "vertical" | "horizontal") => boolean;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        type: "vertical" | "horizontal";
+        labelWidth: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"vertical" | "horizontal">;
+            default: string;
+            validator: (value: "vertical" | "horizontal") => boolean;
+        };
+        labelWidth: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        formClassNames: {
+            readonly text: {
+                readonly helper: "dao-form-item__helper-text";
+                readonly error: "dao-form-item__error-message";
+            };
+            readonly wrapper: {
+                readonly text: "dao-form-item__text-wrapper";
+                readonly radio: "dao-form-item__radio-wrapper";
+                readonly checkbox: "dao-form-item__checkbox-wrapper";
+                readonly switch: "dao-form-item__switch-wrapper";
+                readonly footer: "dao-form-item__footer-wrapper";
+            };
+        };
+    }, {}, {}, {}, {
+        type: "vertical" | "horizontal";
+        labelWidth: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: string;
+        validator: (value: "vertical" | "horizontal") => boolean;
+    };
+    labelWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    formClassNames: {
+        readonly text: {
+            readonly helper: "dao-form-item__helper-text";
+            readonly error: "dao-form-item__error-message";
+        };
+        readonly wrapper: {
+            readonly text: "dao-form-item__text-wrapper";
+            readonly radio: "dao-form-item__radio-wrapper";
+            readonly checkbox: "dao-form-item__checkbox-wrapper";
+            readonly switch: "dao-form-item__switch-wrapper";
+            readonly footer: "dao-form-item__footer-wrapper";
+        };
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    type: "vertical" | "horizontal";
+    labelWidth: string;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: ParamsSlotFn<{
             classNames: typeof formClassNames;