@opendesign-plus-test/components 0.0.1-rc.178 → 0.0.1-rc.179

package/dist/components/activity/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from '../../../vue/dist/vue.esm-bundler.js';
 declare const OActivityForm: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -14,22 +14,45 @@ declare const OActivityForm: {
             $data: {};
             $props: Partial<{
                 layout: "h" | "v" | "inline";
+                disabled: boolean | undefined;
+                clearable: boolean | undefined;
                 hasRequired: boolean;
+                requiredIcon: boolean;
+                labelWidth: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
             }> & Omit<{
                 readonly hasRequired: boolean;
+                readonly requiredIcon: boolean;
                 readonly layout: "v" | "h" | "inline";
-                readonly model?: Record<string, any> | undefined;
+                readonly labelWidth: string;
+                readonly showMessage: boolean;
+                readonly validateOnRuleChange: boolean;
+                readonly scrollToError: boolean;
+                readonly size?: "small" | "large" | "medium" | undefined;
+                readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly labelAlign?: "top" | "center" | "bottom" | undefined;
                 readonly labelJustify?: "center" | "left" | "right" | undefined;
-                readonly labelWidth?: string | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly model?: Record<string, any> | undefined;
+                readonly rules?: import('@opensig/opendesign').FormRulesT | undefined;
                 readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
                 readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
                 readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
                 readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
-            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "hasRequired" | "layout">;
+                readonly onValidateField?: ((payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any) | undefined | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
             $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                formEl: HTMLFormElement;
             };
             $slots: Readonly<{
                 [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
@@ -37,46 +60,114 @@ declare const OActivityForm: {
             $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
             $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+            $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "validateField", payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
             $el: HTMLFormElement;
             $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                labelAlign: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
+                };
+                labelJustify: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
+                };
+                disabled: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                    default: undefined;
+                };
+                size: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                };
+                round: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                };
+                clearable: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                    default: undefined;
+                };
                 model: {
                     type: ObjectConstructor;
                 };
+                rules: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').FormRulesT>;
+                };
                 hasRequired: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                requiredIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 layout: {
                     type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"h" | "v" | "inline">;
                     default: string;
                 };
-                labelAlign: {
-                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
-                };
-                labelJustify: {
-                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
-                };
                 labelWidth: {
                     type: StringConstructor;
+                    default: string;
+                };
+                showMessage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                validateOnRuleChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToError: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
             }>> & Readonly<{
                 onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
                 onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
                 onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
                 onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+                onValidateField?: ((payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any) | undefined;
             }>, {
-                validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+                validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                    type: "warning" | "danger" | "success" | "";
+                    message: string[];
+                }[]>;
+                validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                    type: "warning" | "danger" | "success" | "";
+                    message: string[];
+                }[]>;
                 resetFields: (filed?: string | string[]) => void;
+                setInitialValues: (data: Record<string, any>) => void;
                 clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+                scrollToField: (field: string, options?: boolean | {
+                    behavior?: "auto" | "smooth" | "instant";
+                    block?: "start" | "center" | "end" | "nearest";
+                    inline?: "start" | "center" | "end" | "nearest";
+                }) => Promise<void>;
             }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
                 clear: (filed?: string | string[] | undefined) => any;
                 reset: (filed?: string | string[] | undefined) => any;
                 submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
                 validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+                validateField: (payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any;
             }, string, {
                 layout: "h" | "v" | "inline";
+                disabled: boolean | undefined;
+                clearable: boolean | undefined;
                 hasRequired: boolean;
+                requiredIcon: boolean;
+                labelWidth: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
             }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -99,37 +190,96 @@ declare const OActivityForm: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
         } & Readonly<{
             layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
             hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
         }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            labelAlign: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                default: undefined;
+            };
             model: {
                 type: ObjectConstructor;
             };
+            rules: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
             hasRequired: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             layout: {
                 type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"h" | "v" | "inline">;
                 default: string;
             };
-            labelAlign: {
-                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
-            };
             labelWidth: {
                 type: StringConstructor;
+                default: string;
+            };
+            showMessage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            validateOnRuleChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToError: {
+                type: BooleanConstructor;
+                default: boolean;
             };
         }>> & Readonly<{
             onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
             onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
             onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
             onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
-        }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
-            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+            onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined;
+        }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
+            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
             resetFields: (filed?: string | string[]) => void;
+            setInitialValues: (data: Record<string, any>) => void;
             clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+            scrollToField: (field: string, options?: boolean | {
+                behavior?: "auto" | "smooth" | "instant";
+                block?: "start" | "center" | "end" | "nearest";
+                inline?: "start" | "center" | "end" | "nearest";
+            }) => Promise<void>;
         } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -142,7 +292,7 @@ declare const OActivityForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    }, Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -151,7 +301,7 @@ declare const OActivityForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -163,28 +313,51 @@ declare const OActivityForm: {
     install(app: App): void;
 };
 declare const OActivityApproval: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {}, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
         formRef: ({
             $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 layout: "h" | "v" | "inline";
+                disabled: boolean | undefined;
+                clearable: boolean | undefined;
                 hasRequired: boolean;
+                requiredIcon: boolean;
+                labelWidth: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
             }> & Omit<{
                 readonly hasRequired: boolean;
+                readonly requiredIcon: boolean;
                 readonly layout: "v" | "h" | "inline";
-                readonly model?: Record<string, any> | undefined;
+                readonly labelWidth: string;
+                readonly showMessage: boolean;
+                readonly validateOnRuleChange: boolean;
+                readonly scrollToError: boolean;
+                readonly size?: "small" | "large" | "medium" | undefined;
+                readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly labelAlign?: "top" | "center" | "bottom" | undefined;
                 readonly labelJustify?: "center" | "left" | "right" | undefined;
-                readonly labelWidth?: string | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly model?: Record<string, any> | undefined;
+                readonly rules?: import('@opensig/opendesign').FormRulesT | undefined;
                 readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
                 readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
                 readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
                 readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
-            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "hasRequired" | "layout">;
+                readonly onValidateField?: ((payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any) | undefined | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
             $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                formEl: HTMLFormElement;
             };
             $slots: Readonly<{
                 [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
@@ -192,46 +365,114 @@ declare const OActivityApproval: {
             $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
             $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+            $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "validateField", payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
             $el: HTMLFormElement;
             $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                labelAlign: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
+                };
+                labelJustify: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
+                };
+                disabled: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                    default: undefined;
+                };
+                size: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                };
+                round: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                };
+                clearable: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                    default: undefined;
+                };
                 model: {
                     type: ObjectConstructor;
                 };
+                rules: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').FormRulesT>;
+                };
                 hasRequired: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                requiredIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 layout: {
                     type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"h" | "v" | "inline">;
                     default: string;
                 };
-                labelAlign: {
-                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
-                };
-                labelJustify: {
-                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
-                };
                 labelWidth: {
                     type: StringConstructor;
+                    default: string;
+                };
+                showMessage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                validateOnRuleChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToError: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
             }>> & Readonly<{
                 onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
                 onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
                 onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
                 onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+                onValidateField?: ((payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any) | undefined;
             }>, {
-                validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+                validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                    type: "warning" | "danger" | "success" | "";
+                    message: string[];
+                }[]>;
+                validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                    type: "warning" | "danger" | "success" | "";
+                    message: string[];
+                }[]>;
                 resetFields: (filed?: string | string[]) => void;
+                setInitialValues: (data: Record<string, any>) => void;
                 clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+                scrollToField: (field: string, options?: boolean | {
+                    behavior?: "auto" | "smooth" | "instant";
+                    block?: "start" | "center" | "end" | "nearest";
+                    inline?: "start" | "center" | "end" | "nearest";
+                }) => Promise<void>;
             }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
                 clear: (filed?: string | string[] | undefined) => any;
                 reset: (filed?: string | string[] | undefined) => any;
                 submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
                 validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+                validateField: (payload: {
+                    field: string;
+                    isValid: boolean;
+                    message: string;
+                }) => any;
             }, string, {
                 layout: "h" | "v" | "inline";
+                disabled: boolean | undefined;
+                clearable: boolean | undefined;
                 hasRequired: boolean;
+                requiredIcon: boolean;
+                labelWidth: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollToError: boolean;
             }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -254,37 +495,96 @@ declare const OActivityApproval: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
         } & Readonly<{
             layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
             hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
         }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            labelAlign: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | undefined>;
+                default: undefined;
+            };
             model: {
                 type: ObjectConstructor;
             };
+            rules: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
             hasRequired: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             layout: {
                 type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"h" | "v" | "inline">;
                 default: string;
             };
-            labelAlign: {
-                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"left" | "center" | "right">;
-            };
             labelWidth: {
                 type: StringConstructor;
+                default: string;
+            };
+            showMessage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            validateOnRuleChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToError: {
+                type: BooleanConstructor;
+                default: boolean;
             };
         }>> & Readonly<{
             onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
             onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
             onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
             onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
-        }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
-            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+            onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined;
+        }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
+            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
             resetFields: (filed?: string | string[]) => void;
+            setInitialValues: (data: Record<string, any>) => void;
             clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+            scrollToField: (field: string, options?: boolean | {
+                behavior?: "auto" | "smooth" | "instant";
+                block?: "start" | "center" | "end" | "nearest";
+                inline?: "start" | "center" | "end" | "nearest";
+            }) => Promise<void>;
         } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -297,15 +597,15 @@ declare const OActivityApproval: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
@@ -604,15 +904,19 @@ declare const OActivityMyCalendar: {
             };
         }>> & Readonly<{
             onScroll?: ((event: Event) => any) | undefined;
-        }>, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollTo" | "scrollBy" | "getContainerEl"> & {
+        }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
             scrollTo: (options?: ScrollToOptions | undefined) => void;
             scrollBy: (options?: ScrollToOptions | undefined) => void;
             getContainerEl: () => HTMLElement | null;
         } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                thumb?(_: {}): any;
-                track?(_: {}): any;
+            $slots: Readonly<{
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            }> & {
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
             };
         }) | null;
     }, any, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
@@ -622,13 +926,13 @@ declare const OActivityMyCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    }, Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;