@opendesign-plus-test/components 0.0.1-rc.214 → 0.0.1-rc.216

package/dist/treeshaking/_virtual/icon-email.mjs

@@ -1,21 +1,22 @@
 import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
+  width: "24px",
+  height: "24px",
+  viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32"
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
-      fill: "#000",
-      d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
+      d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
+      id: "形状结合",
+      fill: "currentColor"
     }, null, -1)
   ])]);
 }
-const IconEmail = { name: "components-icon-email", render };
+const IconMail = { name: "user-center-icon-email", render };
 export {
-  IconEmail as default
+  IconMail as default
 };

package/dist/treeshaking/_virtual/icon-email2.mjs

@@ -1,22 +1,21 @@
 import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
-  width: "24px",
-  height: "24px",
-  viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
-      id: "形状结合",
-      fill: "currentColor"
+      opacity: "0.8",
+      fill: "#000",
+      d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
     }, null, -1)
   ])]);
 }
-const IconMail = { name: "user-center-icon-email", render };
+const IconEmail = { name: "components-icon-email", render };
 export {
-  IconMail as default
+  IconEmail as default
 };

package/dist/treeshaking/_virtual/icon-tips.mjs

@@ -8,21 +8,10 @@ const _hoisted_1 = {
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
-    }, null, -1),
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
-    }, null, -1),
-    createElementVNode("path", {
-      fill: "currentColor",
-      d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
-    }, null, -1)
+    createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
   ])]);
 }
-const IconTips = { name: "user-center-icon-tips", render };
+const IconTips = { name: "components-icon-tips", render };
 export {
   IconTips as default
 };

package/dist/treeshaking/_virtual/icon-tips2.mjs

@@ -8,10 +8,21 @@ const _hoisted_1 = {
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
+    }, null, -1)
   ])]);
 }
-const IconTips = { name: "components-icon-tips", render };
+const IconTips = { name: "user-center-icon-tips", render };
 export {
   IconTips as default
 };

package/dist/treeshaking/components/activity/OActivityApproval.vue.d.ts

@@ -5,22 +5,45 @@ declare const _default: import('vue').DefineComponent<ActivityTablePropsT, {}, {
         $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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
+            readonly onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            formEl: HTMLFormElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -28,46 +51,114 @@ declare const _default: import('vue').DefineComponent<ActivityTablePropsT, {}, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').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').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
             model: {
                 type: ObjectConstructor;
             };
+            rules: {
+                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
             hasRequired: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             layout: {
                 type: import('vue').PropType<"h" | "v" | "inline">;
                 default: string;
             };
-            labelAlign: {
-                type: import('vue').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('vue').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').ComponentOptionsMixin, import('vue').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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -90,37 +181,96 @@ declare const _default: import('vue').DefineComponent<ActivityTablePropsT, {}, {
         $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').WatchOptions): import('vue').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').ExtractPropTypes<{
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
+        };
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
         model: {
             type: ObjectConstructor;
         };
+        rules: {
+            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+        };
         hasRequired: {
             type: BooleanConstructor;
             default: boolean;
         };
+        requiredIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         layout: {
             type: import('vue').PropType<"h" | "v" | "inline">;
             default: string;
         };
-        labelAlign: {
-            type: import('vue').PropType<"top" | "center" | "bottom">;
-        };
-        labelJustify: {
-            type: import('vue').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').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;