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

package/dist/chunk-OElCookieNotice.es.js

@@ -1,7 +1,7 @@
-import { getCurrentInstance as X, inject as Q, computed as L, ref as C, defineComponent as z, onMounted as K, renderSlot as $, createCommentVNode as O, watch as ee, openBlock as u, createBlock as H, withCtx as a, Teleport as te, unref as e, createElementBlock as I, createElementVNode as t, normalizeClass as Y, Fragment as G, createVNode as c, createTextVNode as E, toDisplayString as o, nextTick as ie } from "vue";
+import { getCurrentInstance as X, inject as Q, computed as L, ref as f, defineComponent as z, onMounted as K, renderSlot as $, createCommentVNode as O, watch as ee, openBlock as u, createBlock as H, withCtx as a, Teleport as te, unref as e, createElementBlock as I, createElementVNode as t, normalizeClass as Y, Fragment as G, createVNode as c, createTextVNode as E, toDisplayString as o, nextTick as ie } from "vue";
 import { useScreen as ne } from "@opendesign-plus/composables";
 import { isUndefined as oe, isString as me } from "@opensig/opendesign";
-import { ElIcon as W, ElButton as h, ElDialog as ae, ElSwitch as se, ElDivider as ce } from "element-plus";
+import { ElIcon as W, ElButton as _, ElDialog as ae, ElSwitch as se, ElDivider as ce } from "element-plus";
 import { useVModel as re } from "@vueuse/core";
 const ge = {
   "md.lightTheme": "浅色代码主题",
@@ -28,22 +28,9 @@ const ge = {
   "search.suggest": "搜索建议",
   "search.noData": "暂无数据",
   "search.suggestListLabel": "您是不是在寻找：",
-  "search.feedback": "搜索反馈",
-  "search.feedbackDesc": "您搜索到想要的结果了吗？",
-  "search.found": "是的",
-  "search.notFound": "未搜到",
-  "search.notFoundTip": "未找到相关内容，请尝试其他搜索词",
-  "search.notFoundPlaceholder": "您需要搜索什么内容？或您遇到什么问题？",
-  "search.submitFeedback": "提交反馈",
-  "search.cancel": "取消",
-  "search.relativeSearch": "相关搜索",
-  "search.from": "来自：",
-  "search.version": "版本：",
-  "search.back": "返回",
   "meeting.audioToText": "语音转文字",
   "meeting.item1": "发起人：",
   "meeting.item2": "SIG组：",
-  "meeting.item2Group": "工作组：",
   "meeting.item3": "会议时间：",
   "meeting.item4": "会议详情：",
   "meeting.baseInfo": "基本信息",
@@ -620,22 +607,9 @@ const ge = {
   "search.suggest": "Suggestions",
   "search.noData": "No data",
   "search.suggestListLabel": "Did you mean: ",
-  "search.feedback": "Search feedback",
-  "search.feedbackDesc": "Did you find the results you were looking for?",
-  "search.found": "Found",
-  "search.notFound": "Not found",
-  "search.notFoundTip": "NotFound !",
-  "search.notFoundPlaceholder": "What content do you need to search for? Or what problem have you encountered?",
-  "search.submitFeedback": "Submit",
-  "search.cancel": "Cancel",
-  "search.relativeSearch": "Related search",
-  "search.from": "From: ",
-  "search.version": "Version: ",
-  "search.back": "Back",
   "meeting.audioToText": "Speech to Text",
   "meeting.item1": "Convener: ",
   "meeting.item2": "SIG: ",
-  "meeting.item2Group": "Group: ",
   "meeting.item3": "Time: ",
   "meeting.item4": "Details: ",
   "meeting.baseInfo": "Basic Info",
@@ -1184,7 +1158,7 @@ const ge = {
   "common.SURE_UNBIND": "Are you sure you want to unbind the {name} account?",
   "common.UNBIND_PHONE": "Unbind Mobile Number",
   "common.VERIFY_FAILED_INVALID": "Validation expired."
-}, de = Symbol("provide-config-provider"), ue = C({
+}, de = Symbol("provide-config-provider"), ue = f({
   zh: ge,
   en: le
 });
@@ -1216,7 +1190,7 @@ const ye = (m, r) => {
 }, ve = /* @__PURE__ */ z({
   __name: "ClientOnly",
   setup(m) {
-    const r = C(!1);
+    const r = f(!1);
     return K(() => {
       r.value = !0;
     }), (p, y) => r.value ? $(p.$slots, "default", { key: 0 }) : O("", !0);
@@ -1228,16 +1202,16 @@ const ye = (m, r) => {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, he = {
+}, _e = {
   class: "cookie-zh-title",
   style: { "margin-top": "0" }
-}, Ne = ["href"], _e = {
+}, Ne = ["href"], he = {
   key: 1,
   class: "cookie-en-title"
 }, De = {
   key: 0,
   class: "cookie-en-content"
-}, Me = { class: "cookie-en-desc" }, fe = ["href"], Ce = { class: "cookie-notice-right" }, be = { class: "dlg-title" }, Re = { class: "cookie-dlg-content" }, Le = { class: "content-item" }, Oe = { class: "item-header" }, ke = { class: "item-title" }, Pe = { class: "item-extra" }, we = { class: "item-detail" }, Ge = { class: "content-item" }, Ue = { class: "item-header" }, Be = { class: "item-title" }, xe = { class: "item-extra" }, Fe = { class: "item-detail" }, Ve = "0", j = "1", He = "2", R = "3", Ye = "agreed-cookiepolicy-zh", We = "agreed-cookiepolicy-en", je = /* @__PURE__ */ z({
+}, Me = { class: "cookie-en-desc" }, Ce = ["href"], fe = { class: "cookie-notice-right" }, Re = { class: "dlg-title" }, be = { class: "cookie-dlg-content" }, Le = { class: "content-item" }, Oe = { class: "item-header" }, Pe = { class: "item-title" }, we = { class: "item-extra" }, ke = { class: "item-detail" }, Ge = { class: "content-item" }, Ue = { class: "item-header" }, Be = { class: "item-title" }, xe = { class: "item-extra" }, Ve = { class: "item-detail" }, Fe = "0", j = "1", He = "2", b = "3", Ye = "agreed-cookiepolicy-zh", We = "agreed-cookiepolicy-en", je = /* @__PURE__ */ z({
   __name: "OElCookieNotice",
   props: {
     visible: { type: Boolean },
@@ -1248,38 +1222,38 @@ const ye = (m, r) => {
   },
   emits: ["update:visible"],
   setup(m, { expose: r, emit: p }) {
-    const y = m, S = p, { lePadV: g } = ne(), { locale: b, t: i } = pe(), l = L(() => b.value === "zh"), A = C(), M = L(() => A.value ? !!getComputedStyle(A.value).getPropertyValue("--grid-content-width") : !1), v = L(() => l.value ? Ye : We), T = C(!1), N = re(y, "visible", S, { defaultValue: !1 }), f = (s) => {
+    const y = m, S = p, { lePadV: g } = ne(), { locale: R, t: i } = pe(), l = L(() => R.value === "zh"), A = f(), M = L(() => A.value ? !!getComputedStyle(A.value).getPropertyValue("--grid-content-width") : !1), v = L(() => l.value ? Ye : We), T = f(!1), N = re(y, "visible", S, { defaultValue: !1 }), C = (s) => {
       const n = document.cookie.split(";").find((d) => d.split("=")[0].trim() === encodeURIComponent(s));
       return n ? decodeURIComponent(n.split("=")[1]) : null;
-    }, k = (s, n, d, J) => {
+    }, P = (s, n, d, J) => {
       const Z = `; max-age=${d * 24 * 60 * 60}`;
       document.cookie = `${encodeURIComponent(s)}=${encodeURIComponent(n)}${Z}; path=/; domain=${J}`;
-    }, _ = (s) => {
+    }, h = (s) => {
       typeof s == "boolean" ? N.value = s : N.value = !N.value, ie(() => {
-        !N.value && l.value && f(v.value) !== R && k(v.value, R, 180, y.cookieDomain ?? location.hostname);
+        !N.value && l.value && C(v.value) !== b && P(v.value, b, 180, y.cookieDomain ?? location.hostname);
       });
-    }, D = C(!1), P = (s) => {
+    }, D = f(!1), w = (s) => {
       typeof s == "boolean" ? D.value = s : D.value = !D.value;
-    }, U = () => l.value ? f(v.value) !== R : (f(v.value) ?? "0") === Ve, B = () => l.value ? f(v.value) === R : f(v.value) === j;
+    }, U = () => l.value ? C(v.value) !== b : (C(v.value) ?? "0") === Fe, B = () => l.value ? C(v.value) === b : C(v.value) === j;
     K(() => {
-      U() && _(!0);
-    }), ee(b, () => {
-      _(U());
+      U() && h(!0);
+    }), ee(R, () => {
+      h(U());
     });
-    const w = () => {
-      T.value = !0, k(v.value, j, 180, y.cookieDomain ?? location.hostname), _(!1);
+    const k = () => {
+      T.value = !0, P(v.value, j, 180, y.cookieDomain ?? location.hostname), h(!1);
     }, x = () => {
-      T.value = !1, k(v.value, He, 180, y.cookieDomain ?? location.hostname), _(!1);
-    }, F = () => {
-      T.value ? w() : x(), P(!1);
+      T.value = !1, P(v.value, He, 180, y.cookieDomain ?? location.hostname), h(!1);
     }, V = () => {
-      T.value = !0, w(), P(!1);
+      T.value ? k() : x(), w(!1);
+    }, F = () => {
+      T.value = !0, k(), w(!1);
     }, q = () => {
       T.value = B();
     };
     return r({
       check() {
-        B() === N.value && _();
+        B() === N.value && h();
       }
     }), (s, n) => (u(), H(ve, null, {
       default: a(() => [
@@ -1294,7 +1268,7 @@ const ye = (m, r) => {
           }, [
             t("div", Ie, [
               t("div", {
-                type: e(b),
+                type: e(R),
                 class: Y({ "cookie-notice-wrap-grid": M.value, "cookie-notice-wrap": !M.value })
               }, [
                 t("div", Ae, [
@@ -1314,7 +1288,7 @@ const ye = (m, r) => {
                       ]),
                       _: 1
                     }),
-                    t("p", he, [
+                    t("p", _e, [
                       E(o(e(i)("cookie.desc")) + " ", 1),
                       t("a", {
                         href: m.detailUrl,
@@ -1322,10 +1296,10 @@ const ye = (m, r) => {
                         rel: "noopener noreferrer"
                       }, o(e(i)("cookie.about")), 9, Ne)
                     ])
-                  ], 64)) : (u(), I("p", _e, o(e(i)("cookie.title", [m.community])), 1)),
+                  ], 64)) : (u(), I("p", he, o(e(i)("cookie.title", [m.community])), 1)),
                   c(e(W), {
                     class: "cookie-notice-close",
-                    onClick: n[0] || (n[0] = (d) => _(!1))
+                    onClick: n[0] || (n[0] = (d) => h(!1))
                   }, {
                     default: a(() => [
                       $(s.$slots, "close-icon", {}, () => [
@@ -1350,21 +1324,21 @@ const ye = (m, r) => {
                       href: m.detailUrl,
                       target: "_blank",
                       rel: "noopener noreferrer"
-                    }, o(e(i)("cookie.about")), 9, fe),
+                    }, o(e(i)("cookie.about")), 9, Ce),
                     n[7] || (n[7] = E(". ", -1))
                   ]),
-                  t("div", Ce, [
-                    c(e(h), {
+                  t("div", fe, [
+                    c(e(_), {
                       round: "",
                       type: "primary",
-                      onClick: w
+                      onClick: k
                     }, {
                       default: a(() => [
                         E(o(e(i)("cookie.acceptAll")), 1)
                       ]),
                       _: 1
                     }),
-                    c(e(h), {
+                    c(e(_), {
                       round: "",
                       type: "primary",
                       onClick: x
@@ -1374,10 +1348,10 @@ const ye = (m, r) => {
                       ]),
                       _: 1
                     }),
-                    c(e(h), {
+                    c(e(_), {
                       round: "",
                       type: "primary",
-                      onClick: n[1] || (n[1] = (d) => P(!0))
+                      onClick: n[1] || (n[1] = (d) => w(!0))
                     }, {
                       default: a(() => [
                         E(o(e(i)("cookie.manage")), 1)
@@ -1412,13 +1386,13 @@ const ye = (m, r) => {
                     })
                   ], -1)
                 ])])),
-                t("span", be, o(e(i)("cookie.manage")), 1)
+                t("span", Re, o(e(i)("cookie.manage")), 1)
               ]),
               footer: a(() => [
                 e(g) ? (u(), I(G, { key: 0 }, [
-                  c(e(h), {
+                  c(e(_), {
                     type: "text",
-                    onClick: F
+                    onClick: V
                   }, {
                     default: a(() => [
                       E(o(e(i)("cookie.saveSetting")), 1)
@@ -1429,9 +1403,9 @@ const ye = (m, r) => {
                     direction: "vertical",
                     style: { margin: "0 24px" }
                   }),
-                  c(e(h), {
+                  c(e(_), {
                     type: "text",
-                    onClick: V
+                    onClick: F
                   }, {
                     default: a(() => [
                       E(o(e(i)("cookie.acceptAll")), 1)
@@ -1439,20 +1413,20 @@ const ye = (m, r) => {
                     _: 1
                   })
                 ], 64)) : (u(), I(G, { key: 1 }, [
-                  c(e(h), {
+                  c(e(_), {
                     round: "",
                     type: "primary",
-                    onClick: F
+                    onClick: V
                   }, {
                     default: a(() => [
                       E(o(e(i)("cookie.saveSetting")), 1)
                     ]),
                     _: 1
                   }),
-                  c(e(h), {
+                  c(e(_), {
                     round: "",
                     type: "primary",
-                    onClick: V
+                    onClick: F
                   }, {
                     default: a(() => [
                       E(o(e(i)("cookie.acceptAll")), 1)
@@ -1462,13 +1436,13 @@ const ye = (m, r) => {
                 ], 64))
               ]),
               default: a(() => [
-                t("div", Re, [
+                t("div", be, [
                   t("div", Le, [
                     t("div", Oe, [
-                      t("span", ke, o(e(i)("cookie.necessaryCookie")), 1),
-                      t("span", Pe, o(e(i)("cookie.alwaysOn")), 1)
+                      t("span", Pe, o(e(i)("cookie.necessaryCookie")), 1),
+                      t("span", we, o(e(i)("cookie.alwaysOn")), 1)
                     ]),
-                    t("div", we, o(e(i)("cookie.necessaryCookieDetail")), 1)
+                    t("div", ke, o(e(i)("cookie.necessaryCookieDetail")), 1)
                   ]),
                   t("div", Ge, [
                     t("div", Ue, [
@@ -1480,7 +1454,7 @@ const ye = (m, r) => {
                         }, null, 8, ["modelValue"])
                       ])
                     ]),
-                    t("div", Fe, o(e(i)("cookie.analyticalCookieDetail")), 1)
+                    t("div", Ve, o(e(i)("cookie.analyticalCookieDetail")), 1)
                   ])
                 ])
               ]),

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

@@ -5,22 +5,45 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
         $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;
@@ -28,46 +51,114 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
         $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)[];
@@ -90,37 +181,96 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
         $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;