@opendesign-plus/components 0.0.1-rc.83 → 0.0.1-rc.84

package/dist/chunk-OElCookieNotice.es.js

@@ -1,9 +1,18 @@
-import { getCurrentInstance as Q, inject as X, computed as G, ref as D, defineComponent as W, onMounted as $, renderSlot as q, createCommentVNode as L, watch as ee, openBlock as u, createBlock as V, withCtx as a, Teleport as te, unref as e, createElementBlock as f, createElementVNode as t, normalizeClass as z, Fragment as x, createVNode as g, createTextVNode as p, toDisplayString as s, nextTick as ie } from "vue";
+import { getCurrentInstance as Q, inject as X, computed as G, ref as D, defineComponent as W, onMounted as $, renderSlot as q, createCommentVNode as L, watch as ee, openBlock as u, createBlock as V, withCtx as a, Teleport as te, unref as e, createElementBlock as f, createElementVNode as t, normalizeClass as z, Fragment as x, createVNode as g, createTextVNode as p, toDisplayString as o, nextTick as ie } from "vue";
 import { useScreen as ne } from "@opendesign-plus/composables";
-import { isUndefined as se, isString as oe } from "@opensig/opendesign";
+import { isUndefined as oe, isString as se } from "@opensig/opendesign";
 import { ElIcon as H, ElButton as A, ElDialog as ae, ElSwitch as me, ElDivider as ge } from "element-plus";
 import { useVModel as re } from "@vueuse/core";
 const ce = {
+  "md.lightTheme": "浅色代码主题",
+  "md.darkTheme": "深色代码主题",
+  "md.gitSource": "获取AtomGit源文件",
+  "md.downloadDoc": "下载文档",
+  "md.starDoc": "收藏文档",
+  "md.moreActions": "更多操作",
+  "md.updateTime": "更新时间：",
+  "md.prevPage": "上一篇",
+  "md.nextPage": "下一篇",
   search: "搜索",
   "search.hot": "热门搜索",
   "search.placeholder": "搜索",
@@ -163,6 +172,8 @@ const ce = {
   "meeting.etherpad": "会议纪要",
   "common.confirm": "确认",
   "common.cancel": "取消",
+  "common.copyLink": "复制链接",
+  "common.copy": "复制",
   "common.copySuccess": "复制成功",
   "common.close": "关闭",
   "common.all": "全部",
@@ -368,6 +379,8 @@ const ce = {
   "sig.filterResultTip4": "为您找到符合条件的筛选 ",
   "sig.filterResultTip5": " 个",
   "sig.giteeMore": "在AtomGit上查看更多内容",
+  "sig.startDate": "开始日期",
+  "sig.endDate": "结束日期",
   "common.empty": "暂无数据",
   "common.search": "搜索",
   "common.confirm2": "确定",
@@ -433,6 +446,15 @@ const ce = {
   "brand.download": "下载",
   "brand.downloadFail": "下载失败，请稍后重试"
 }, le = {
+  "md.lightTheme": "Light Code Theme",
+  "md.darkTheme": "Dark Code Theme",
+  "md.gitSource": "Get Source Code",
+  "md.downloadDoc": "Download",
+  "md.starDoc": "Collect",
+  "md.moreActions": "More Actions",
+  "md.updateTime": "Last Updated: ",
+  "md.prevPage": "Previous",
+  "md.nextPage": "Next",
   search: "Search",
   "search.hot": "Top search",
   "search.placeholder": "Please enter the content",
@@ -593,6 +615,8 @@ const ce = {
   "meeting.etherpad": "Meeting Minutes",
   "common.confirm": "Confirm",
   "common.cancel": "Cancel",
+  "common.copyLink": "Copy Link",
+  "common.copy": "Copy",
   "common.copySuccess": "Copied Successfully",
   "common.close": "Close",
   "common.all": "All",
@@ -795,6 +819,8 @@ const ce = {
   "sig.filterResultTip4": "",
   "sig.filterResultTip5": " records found",
   "sig.giteeMore": "View More on AtomGit",
+  "sig.startDate": "Start date",
+  "sig.endDate": "End date",
   "common.empty": "No data",
   "common.search": "Search",
   "common.filter": "Filter",
@@ -862,40 +888,40 @@ const ce = {
   zh: ce,
   en: le
 });
-var pe = /* @__PURE__ */ ((o) => (o.ZH = "zh", o.EN = "en", o))(pe || {});
+var pe = /* @__PURE__ */ ((s) => (s.ZH = "zh", s.EN = "en", s))(pe || {});
 function ve() {
-  const r = Q() ? X(de) : null, v = G(() => (r == null ? void 0 : r.locale) || "zh");
+  const r = Q() ? X(de) : null, v = G(() => (r == null ? void 0 : r.locale.value) || "zh");
   return {
     locale: v,
     t: (S, ...c) => {
       const i = ue.value[v.value === "zh" ? "zh" : "en"][S];
-      if (se(i))
+      if (oe(i))
         return console.warn(`Cannot translate the value of keypath '${S}'`), S;
-      if (c.length > 0 && oe(i)) {
+      if (c.length > 0 && se(i)) {
         if (c.length === 1 && typeof c[0] == "object" && c[0] !== null) {
           const l = c[0];
-          return i.replace(/{(\w+)}/g, (k, E) => l[E] ?? k);
+          return i.replace(/{(\w+)}/g, (T, C) => l[C] ?? T);
         }
-        return i.replace(/{(\d+)}/g, (l, k) => c[k] ?? l);
+        return i.replace(/{(\d+)}/g, (l, T) => c[T] ?? l);
       }
       return i;
     }
   };
 }
-const ye = (o, r) => {
-  const v = o.__vccOpts || o;
+const ye = (s, r) => {
+  const v = s.__vccOpts || s;
   for (const [y, S] of r)
     v[y] = S;
   return v;
 }, he = /* @__PURE__ */ W({
   __name: "ClientOnly",
-  setup(o) {
+  setup(s) {
     const r = D(!1);
     return $(() => {
       r.value = !0;
     }), (v, y) => r.value ? q(v.$slots, "default", { key: 0 }) : L("", !0);
   }
-}), fe = { class: "cookie-notice-content" }, Se = ["type"], ke = { class: "cookie-title" }, Te = {
+}), fe = { class: "cookie-notice-content" }, Se = ["type"], Te = { class: "cookie-title" }, ke = {
   style: { width: "1em", height: "1em" },
   xmlns: "http://www.w3.org/2000/svg",
   version: "1.1",
@@ -911,7 +937,7 @@ const ye = (o, r) => {
 }, we = {
   key: 0,
   class: "cookie-en-content"
-}, Ee = { class: "cookie-en-desc" }, Ce = ["href"], De = { class: "cookie-notice-right" }, Ie = { class: "dlg-title" }, Re = { class: "cookie-dlg-content" }, Ge = { class: "content-item" }, Le = { class: "item-header" }, Ne = { class: "item-title" }, _e = { class: "item-extra" }, Pe = { class: "item-detail" }, xe = { class: "content-item" }, Ue = { class: "item-header" }, Oe = { class: "item-title" }, Be = { class: "item-extra" }, je = { class: "item-detail" }, Fe = "0", Y = "1", Ve = "2", R = "3", ze = "agreed-cookiepolicy-zh", He = "agreed-cookiepolicy-en", Ye = /* @__PURE__ */ W({
+}, Ce = { class: "cookie-en-desc" }, Ee = ["href"], De = { class: "cookie-notice-right" }, Ie = { class: "dlg-title" }, Re = { class: "cookie-dlg-content" }, Ge = { class: "content-item" }, Le = { class: "item-header" }, Ne = { class: "item-title" }, Pe = { class: "item-extra" }, _e = { class: "item-detail" }, xe = { class: "content-item" }, Ue = { class: "item-header" }, Oe = { class: "item-title" }, Be = { class: "item-extra" }, je = { class: "item-detail" }, Fe = "0", Y = "1", Ve = "2", R = "3", ze = "agreed-cookiepolicy-zh", He = "agreed-cookiepolicy-en", Ye = /* @__PURE__ */ W({
   __name: "OElCookieNotice",
   props: {
     visible: { type: Boolean },
@@ -921,8 +947,8 @@ const ye = (o, r) => {
     cookieDomain: {}
   },
   emits: ["update:visible"],
-  setup(o, { expose: r, emit: v }) {
-    const y = o, S = v, { lePadV: c } = ne(), { locale: I, t: i } = ve(), l = G(() => I.value === "zh"), k = D(), E = G(() => k.value ? !!getComputedStyle(k.value).getPropertyValue("--grid-content-width") : !1), h = G(() => l.value ? ze : He), T = D(!1), M = re(y, "visible", S, { defaultValue: !1 }), C = (m) => {
+  setup(s, { expose: r, emit: v }) {
+    const y = s, S = v, { lePadV: c } = ne(), { locale: I, t: i } = ve(), l = G(() => I.value === "zh"), T = D(), C = G(() => T.value ? !!getComputedStyle(T.value).getPropertyValue("--grid-content-width") : !1), h = G(() => l.value ? ze : He), k = D(!1), M = re(y, "visible", S, { defaultValue: !1 }), E = (m) => {
       const n = document.cookie.split(";").find((d) => d.split("=")[0].trim() === encodeURIComponent(m));
       return n ? decodeURIComponent(n.split("=")[1]) : null;
     }, N = (m, n, d, J) => {
@@ -930,26 +956,26 @@ const ye = (o, r) => {
       document.cookie = `${encodeURIComponent(m)}=${encodeURIComponent(n)}${Z}; path=/; domain=${J}`;
     }, b = (m) => {
       typeof m == "boolean" ? M.value = m : M.value = !M.value, ie(() => {
-        !M.value && l.value && C(h.value) !== R && N(h.value, R, 180, y.cookieDomain ?? location.hostname);
+        !M.value && l.value && E(h.value) !== R && N(h.value, R, 180, y.cookieDomain ?? location.hostname);
       });
-    }, w = D(!1), _ = (m) => {
+    }, w = D(!1), P = (m) => {
       typeof m == "boolean" ? w.value = m : w.value = !w.value;
-    }, U = () => l.value ? C(h.value) !== R : (C(h.value) ?? "0") === Fe, O = () => l.value ? C(h.value) === R : C(h.value) === Y;
+    }, U = () => l.value ? E(h.value) !== R : (E(h.value) ?? "0") === Fe, O = () => l.value ? E(h.value) === R : E(h.value) === Y;
     $(() => {
       U() && b(!0);
     }), ee(I, () => {
       b(U());
     });
-    const P = () => {
-      T.value = !0, N(h.value, Y, 180, y.cookieDomain ?? location.hostname), b(!1);
+    const _ = () => {
+      k.value = !0, N(h.value, Y, 180, y.cookieDomain ?? location.hostname), b(!1);
     }, B = () => {
-      T.value = !1, N(h.value, Ve, 180, y.cookieDomain ?? location.hostname), b(!1);
+      k.value = !1, N(h.value, Ve, 180, y.cookieDomain ?? location.hostname), b(!1);
     }, j = () => {
-      T.value ? P() : B(), _(!1);
+      k.value ? _() : B(), P(!1);
     }, F = () => {
-      T.value = !0, P(), _(!1);
+      k.value = !0, _(), P(!1);
     }, K = () => {
-      T.value = O();
+      k.value = O();
     };
     return r({
       check() {
@@ -958,24 +984,24 @@ const ye = (o, r) => {
     }), (m, n) => (u(), V(he, null, {
       default: a(() => [
         (u(), V(te, {
-          to: o.wrapper || "#app"
+          to: s.wrapper || "#app"
         }, [
           e(M) ? (u(), f("div", {
             key: 0,
             ref_key: "cookieNoticeRef",
-            ref: k,
+            ref: T,
             class: "cookie-notice"
           }, [
             t("div", fe, [
               t("div", {
                 type: e(I),
-                class: z({ "cookie-notice-wrap-grid": E.value, "cookie-notice-wrap": !E.value })
+                class: z({ "cookie-notice-wrap-grid": C.value, "cookie-notice-wrap": !C.value })
               }, [
-                t("div", ke, [
+                t("div", Te, [
                   l.value ? (u(), f(x, { key: 0 }, [
                     g(e(H), { style: { transform: "rotate(180deg)", "font-size": "24px", "margin-right": "4px" } }, {
                       default: a(() => [
-                        (u(), f("svg", Te, [...n[5] || (n[5] = [
+                        (u(), f("svg", ke, [...n[5] || (n[5] = [
                           t("path", {
                             fill: "#002fa7",
                             d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
@@ -989,14 +1015,14 @@ const ye = (o, r) => {
                       _: 1
                     }),
                     t("p", Ae, [
-                      p(s(e(i)("cookie.desc")) + " ", 1),
+                      p(o(e(i)("cookie.desc")) + " ", 1),
                       t("a", {
-                        href: o.detailUrl,
+                        href: s.detailUrl,
                         target: "_blank",
                         rel: "noopener noreferrer"
-                      }, s(e(i)("cookie.about")), 9, Me)
+                      }, o(e(i)("cookie.about")), 9, Me)
                     ])
-                  ], 64)) : (u(), f("p", be, s(e(i)("cookie.title", [o.community])), 1)),
+                  ], 64)) : (u(), f("p", be, o(e(i)("cookie.title", [s.community])), 1)),
                   g(e(H), {
                     class: "cookie-notice-close",
                     onClick: n[0] || (n[0] = (d) => b(!1))
@@ -1018,23 +1044,23 @@ const ye = (o, r) => {
                   })
                 ]),
                 l.value ? L("", !0) : (u(), f("div", we, [
-                  t("p", Ee, [
-                    p(s(e(i)("cookie.desc")) + " ", 1),
+                  t("p", Ce, [
+                    p(o(e(i)("cookie.desc")) + " ", 1),
                     t("a", {
-                      href: o.detailUrl,
+                      href: s.detailUrl,
                       target: "_blank",
                       rel: "noopener noreferrer"
-                    }, s(e(i)("cookie.about")), 9, Ce),
+                    }, o(e(i)("cookie.about")), 9, Ee),
                     n[7] || (n[7] = p(". ", -1))
                   ]),
                   t("div", De, [
                     g(e(A), {
                       round: "",
                       type: "primary",
-                      onClick: P
+                      onClick: _
                     }, {
                       default: a(() => [
-                        p(s(e(i)("cookie.acceptAll")), 1)
+                        p(o(e(i)("cookie.acceptAll")), 1)
                       ]),
                       _: 1
                     }),
@@ -1044,17 +1070,17 @@ const ye = (o, r) => {
                       onClick: B
                     }, {
                       default: a(() => [
-                        p(s(e(i)("cookie.rejectAll")), 1)
+                        p(o(e(i)("cookie.rejectAll")), 1)
                       ]),
                       _: 1
                     }),
                     g(e(A), {
                       round: "",
                       type: "primary",
-                      onClick: n[1] || (n[1] = (d) => _(!0))
+                      onClick: n[1] || (n[1] = (d) => P(!0))
                     }, {
                       default: a(() => [
-                        p(s(e(i)("cookie.manage")), 1)
+                        p(o(e(i)("cookie.manage")), 1)
                       ]),
                       _: 1
                     })
@@ -1064,7 +1090,7 @@ const ye = (o, r) => {
             ]),
             g(e(ae), {
               "show-close": !1,
-              class: z({ "cookie-dlg-bottom": e(c), "grid-width-dlg": E.value }),
+              class: z({ "cookie-dlg-bottom": e(c), "grid-width-dlg": C.value }),
               modelValue: w.value,
               "onUpdate:modelValue": n[4] || (n[4] = (d) => w.value = d),
               "destroy-on-close": "",
@@ -1086,7 +1112,7 @@ const ye = (o, r) => {
                     })
                   ], -1)
                 ])])),
-                t("span", Ie, s(e(i)("cookie.manage")), 1)
+                t("span", Ie, o(e(i)("cookie.manage")), 1)
               ]),
               footer: a(() => [
                 e(c) ? (u(), f(x, { key: 0 }, [
@@ -1095,7 +1121,7 @@ const ye = (o, r) => {
                     onClick: j
                   }, {
                     default: a(() => [
-                      p(s(e(i)("cookie.saveSetting")), 1)
+                      p(o(e(i)("cookie.saveSetting")), 1)
                     ]),
                     _: 1
                   }),
@@ -1108,7 +1134,7 @@ const ye = (o, r) => {
                     onClick: F
                   }, {
                     default: a(() => [
-                      p(s(e(i)("cookie.acceptAll")), 1)
+                      p(o(e(i)("cookie.acceptAll")), 1)
                     ]),
                     _: 1
                   })
@@ -1119,7 +1145,7 @@ const ye = (o, r) => {
                     onClick: j
                   }, {
                     default: a(() => [
-                      p(s(e(i)("cookie.saveSetting")), 1)
+                      p(o(e(i)("cookie.saveSetting")), 1)
                     ]),
                     _: 1
                   }),
@@ -1129,7 +1155,7 @@ const ye = (o, r) => {
                     onClick: F
                   }, {
                     default: a(() => [
-                      p(s(e(i)("cookie.acceptAll")), 1)
+                      p(o(e(i)("cookie.acceptAll")), 1)
                     ]),
                     _: 1
                   })
@@ -1139,22 +1165,22 @@ const ye = (o, r) => {
                 t("div", Re, [
                   t("div", Ge, [
                     t("div", Le, [
-                      t("span", Ne, s(e(i)("cookie.necessaryCookie")), 1),
-                      t("span", _e, s(e(i)("cookie.alwaysOn")), 1)
+                      t("span", Ne, o(e(i)("cookie.necessaryCookie")), 1),
+                      t("span", Pe, o(e(i)("cookie.alwaysOn")), 1)
                     ]),
-                    t("div", Pe, s(e(i)("cookie.necessaryCookieDetail")), 1)
+                    t("div", _e, o(e(i)("cookie.necessaryCookieDetail")), 1)
                   ]),
                   t("div", xe, [
                     t("div", Ue, [
-                      t("span", Oe, s(e(i)("cookie.analyticalCookie")), 1),
+                      t("span", Oe, o(e(i)("cookie.analyticalCookie")), 1),
                       t("span", Be, [
                         g(e(me), {
-                          modelValue: T.value,
-                          "onUpdate:modelValue": n[3] || (n[3] = (d) => T.value = d)
+                          modelValue: k.value,
+                          "onUpdate:modelValue": n[3] || (n[3] = (d) => k.value = d)
                         }, null, 8, ["modelValue"])
                       ])
                     ]),
-                    t("div", je, s(e(i)("cookie.analyticalCookieDetail")), 1)
+                    t("div", je, 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;