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

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.d.ts

@@ -0,0 +1,94 @@
+import { NavItemT, LangItemT } from '../../header/types';
+export type LanguageOptionT = {
+    id: string;
+    label: string;
+    simple?: string;
+};
+type LogoT = string | {
+    light: string;
+    dark: string;
+} | {
+    zh: {
+        light: string;
+        dark: string;
+    };
+    en: {
+        light: string;
+        dark: string;
+    };
+    icon?: string;
+};
+type __VLS_Props = {
+    logo: LogoT;
+    navData: NavItemT[];
+    community?: string;
+    bgLeft?: string;
+    bgRight?: string;
+    langOptions?: LanguageOptionT[];
+    theme?: 'light' | 'dark';
+    activeIndex?: number;
+    simpleHeader?: boolean;
+    headerTitle?: string;
+    locale?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        rightConfig?(_: {}): any;
+        toolbar?(_: {
+            isMobile: boolean;
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isDark: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
+        }): any;
+        toolbar?(_: {
+            isMobile: boolean;
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isDark: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
+        }): any;
+        tool?(_: {
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isMobile: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-click": (val: any) => any;
+    "go-home": () => any;
+    "lang-click": (val: LangItemT) => any;
+    "go-back": () => any;
+    "lang-change": (val: any) => any;
+    "theme-change": (val: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onHandle-click"?: ((val: any) => any) | undefined;
+    "onGo-home"?: (() => any) | undefined;
+    "onLang-click"?: ((val: LangItemT) => any) | undefined;
+    "onGo-back"?: (() => any) | undefined;
+    "onLang-change"?: ((val: any) => any) | undefined;
+    "onTheme-change"?: ((val: string) => any) | undefined;
+}>, {
+    locale: string;
+    community: string;
+    theme: "light" | "dark";
+    activeIndex: number;
+    headerTitle: string;
+    simpleHeader: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OCommonHeader.vue2.mjs";
+import './OCommonHeader.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const OCommonHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ee82b0c"]]);
+export {
+  OCommonHeader as default
+};

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue2.mjs

@@ -0,0 +1,135 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, renderSlot } from "vue";
+import OHeader from "../../header/OHeader.vue.mjs";
+import OHeaderMobile from "../../header/OHeaderMobile.vue.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "common-header" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OCommonHeader",
+  props: {
+    logo: {},
+    navData: {},
+    community: { default: "" },
+    bgLeft: {},
+    bgRight: {},
+    langOptions: {},
+    theme: { default: "light" },
+    activeIndex: { default: -1 },
+    simpleHeader: { type: Boolean, default: false },
+    headerTitle: { default: "" },
+    locale: { default: "zh" }
+  },
+  emits: ["go-home", "handle-click", "go-back", "lang-click", "lang-change", "theme-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { lePadV } = useScreen();
+    const isZh = computed(() => props.locale === "zh");
+    const theme = computed(() => props.theme);
+    const isDark = computed(() => props.theme === "dark");
+    const setTheme = (val) => {
+      emit("theme-change", val || (isDark.value ? "light" : "dark"));
+    };
+    const logoSrc = computed(() => {
+      const l = props.logo;
+      if (typeof l === "string") return l;
+      const pair = l.zh ? isZh.value ? l.zh : l.en : l;
+      return isDark.value ? pair.dark : pair.light;
+    });
+    const activeIndex = computed(() => props.activeIndex);
+    const isSimpleHeader = computed(() => props.simpleHeader);
+    const headerTitle = computed(() => props.headerTitle);
+    const DEFAULT_LANG = [
+      { id: "zh", label: "简体中文", simple: "中" },
+      { id: "en", label: "English", simple: "EN" }
+    ];
+    const langOptions = computed(() => {
+      var _a;
+      return ((_a = props.langOptions) == null ? void 0 : _a.length) ? props.langOptions : DEFAULT_LANG;
+    });
+    const onLangChange = (lang) => {
+      emit("lang-change", lang);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        unref(lePadV) ? (openBlock(), createBlock(OHeaderMobile, {
+          key: 0,
+          logo: logoSrc.value,
+          "nav-data": __props.navData,
+          "active-index": activeIndex.value,
+          "is-simple-header": isSimpleHeader.value,
+          "header-title": headerTitle.value,
+          community: __props.community,
+          "bg-left": __props.bgLeft,
+          "bg-right": __props.bgRight,
+          onGoBack: _cache[0] || (_cache[0] = ($event) => emit("go-back")),
+          onGoHome: _cache[1] || (_cache[1] = ($event) => emit("go-home")),
+          onHandleClick: _cache[2] || (_cache[2] = (v) => emit("handle-click", v)),
+          onLangClick: _cache[3] || (_cache[3] = (v) => emit("lang-click", v))
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.rightConfig ? {
+            name: "rightConfig",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "rightConfig", {}, void 0, true)
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots.toolbar ? {
+            name: "toolbar",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "toolbar", {
+                isMobile: true,
+                theme: theme.value,
+                setTheme,
+                isDark: isDark.value,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
+              }, void 0, true)
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots.tool ? {
+            name: "tool",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "tool", {
+                theme: theme.value,
+                setTheme,
+                isMobile: true
+              }, void 0, true)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["logo", "nav-data", "active-index", "is-simple-header", "header-title", "community", "bg-left", "bg-right"])) : (openBlock(), createBlock(OHeader, {
+          key: 1,
+          community: __props.community,
+          logo: logoSrc.value,
+          "nav-data": __props.navData,
+          "active-index": activeIndex.value,
+          "bg-left": __props.bgLeft,
+          "bg-right": __props.bgRight,
+          onGoHome: _cache[4] || (_cache[4] = ($event) => emit("go-home")),
+          onHandleClick: _cache[5] || (_cache[5] = (v) => emit("handle-click", v))
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.toolbar ? {
+            name: "toolbar",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "toolbar", {
+                isMobile: false,
+                theme: theme.value,
+                setTheme,
+                isDark: isDark.value,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
+              }, void 0, true)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["community", "logo", "nav-data", "active-index", "bg-left", "bg-right"]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/internal/OCountdownButton.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/treeshaking/components/user-center/internal/OCountdownButton.vue.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, useAttrs, toRefs, ref, onUnmounted, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, watch } from "vue";
+import { OLink } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OCountdownButton",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "click"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const attrs = useAttrs();
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const num = ref(0);
+    let timer;
+    let stopwatch;
+    const limitedToResend = () => {
+      num.value = 60;
+      timer && clearInterval(timer);
+      timer = setInterval(() => {
+        if (num.value > 0) {
+          num.value--;
+        } else {
+          num.value = 0;
+          emit("update:modelValue", false);
+          clearInterval(timer);
+          stopwatch();
+        }
+      }, 1e3);
+    };
+    onUnmounted(() => {
+      timer && clearInterval(timer);
+    });
+    const clickBtn = () => {
+      if (!modelValue.value) {
+        stopwatch = watch(
+          () => modelValue.value,
+          (value) => {
+            if (value && !num.value) {
+              limitedToResend();
+            }
+          }
+        );
+        emit("click");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OLink), mergeProps(unref(attrs), {
+        disabled: Boolean(num.value) || unref(modelValue),
+        onClick: clickBtn
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(num.value ? unref(t)("common.TRY_AGAIN", { second: num.value }) : unref(t)("common.SEN_CODE")), 1)
+        ]),
+        _: 1
+      }, 16, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/internal/OCountdownButton.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./OCountdownButton.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.css

@@ -0,0 +1,171 @@
+.hover-icon-rotate .o-icon[data-v-87ec4994] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-87ec4994] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-87ec4994] {
+  font-weight: 600;
+  text-align: center;
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.header[data-v-87ec4994] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header[data-v-87ec4994] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.header[data-v-87ec4994] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.header[data-v-87ec4994] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.delete-tip1[data-v-87ec4994] {
+  display: flex;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--o-color-info2);
+  margin: 0 0 24px;
+  background-color: rgba(var(--o-orange-6), 0.05);
+  justify-content: center;
+  align-items: flex-start;
+  border-radius: 8px;
+  position: relative;
+  padding: 4px 12px 4px 0;
+}
+.delete-tip1[data-v-87ec4994]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  background-color: var(--o-color-warning1);
+  border-radius: 8px 0 0 8px;
+}
+.delete-tip1 img[data-v-87ec4994] {
+  margin-left: 12px;
+  margin-right: 8px;
+}
+.content-tip[data-v-87ec4994] {
+  display: inline-block;
+  margin-bottom: 8px;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.content-tip[data-v-87ec4994] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.content-tip[data-v-87ec4994] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.content-tip[data-v-87ec4994] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.content-tip[data-v-87ec4994] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.content-tip[data-v-87ec4994]:last-child {
+  margin-bottom: 0;
+}
+.footer[data-v-87ec4994] {
+  display: flex;
+  justify-content: center;
+  padding-top: 24px;
+}
+.footer .o-btn + .o-btn[data-v-87ec4994] {
+  margin-left: 16px;
+}
+.footer .o-btn-solid[data-v-87ec4994] {
+  background-color: var(--o-color-primary1);
+  border: 1px solid var(--o-color-primary1);
+}
+.footer .o-btn-solid[data-v-87ec4994]:hover {
+  background-color: var(--o-color-primary2);
+  border: 1px solid var(--o-color-primary2);
+}
+.footer .o-btn-outline[data-v-87ec4994] {
+  color: var(--o-color-primary1);
+  border: 1px solid var(--o-color-primary1);
+}
+.footer .o-btn-outline[data-v-87ec4994]:hover {
+  color: var(--o-color-primary2);
+  background-color: transparent !important;
+  border: 1px solid var(--o-color-primary2);
+}
+.footer .o-btn-disabled[data-v-87ec4994] {
+  background-color: transparent;
+  border-color: var(--o-color-primary4);
+  color: var(--o-color-primary4);
+}
+.footer .o-btn-disabled[data-v-87ec4994]:hover {
+  color: var(--o-color-primary4);
+  background-color: transparent;
+  border-color: var(--o-color-primary4);
+}
+.footer-pad[data-v-87ec4994] {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: center;
+  padding-top: 12px;
+}
+.footer-pad .divider[data-v-87ec4994] {
+  width: 1px;
+  height: 24px;
+  background-color: var(--o-color-control4);
+}
+.footer-pad .o-btn-outline[data-v-87ec4994], .footer-pad .o-btn-primary.o-btn-solid[data-v-87ec4994] {
+  color: var(--o-color-info1);
+  background-color: transparent;
+  border-color: transparent;
+}
+.footer-pad .o-btn-outline[data-v-87ec4994]:hover, .footer-pad .o-btn-primary.o-btn-solid[data-v-87ec4994]:hover {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-info2);
+}
+.footer-pad .o-btn-outline[data-v-87ec4994] {
+  color: var(--o-color-danger1);
+}
+.footer-pad .o-btn-outline[data-v-87ec4994]:hover {
+  color: var(--o-color-danger2);
+}
+.footer-pad .o-btn-disabled[data-v-87ec4994] {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-danger4);
+}
+.footer-pad .o-btn-disabled[data-v-87ec4994]:hover {
+  color: var(--o-color-danger4);
+  background-color: transparent;
+  border-color: transparent;
+}

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.vue.d.ts

@@ -0,0 +1,189 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userInfo: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    clientId: {
+        type: StringConstructor;
+        required: true;
+    };
+    sendCodeCaptchaPost: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    captchaApis: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+    binding: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userInfo: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    clientId: {
+        type: StringConstructor;
+        required: true;
+    };
+    sendCodeCaptchaPost: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    captchaApis: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onBinding?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            layout: "h" | "v" | "inline";
+            hasRequired: boolean;
+        }> & Omit<{
+            readonly hasRequired: boolean;
+            readonly layout: "v" | "h" | "inline";
+            readonly model?: Record<string, any> | undefined;
+            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
+            readonly labelJustify?: "center" | "left" | "right" | undefined;
+            readonly labelWidth?: string | 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">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $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);
+        $el: HTMLFormElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            model: {
+                type: ObjectConstructor;
+            };
+            hasRequired: {
+                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;
+            };
+        }>> & 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;
+        }>, {
+            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
+            resetFields: (filed?: string | string[]) => void;
+            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => 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;
+        }, string, {
+            layout: "h" | "v" | "inline";
+            hasRequired: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $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";
+        hasRequired: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+        };
+        hasRequired: {
+            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;
+        };
+    }>> & 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[]>;
+        resetFields: (filed?: string | string[]) => void;
+        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    verify: import('vue').CreateComponentPublicInstanceWithMixins<Record<string, any> & {}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Record<string, any> & {}, {}, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;