@opendesign-plus-test/components 0.0.1-rc.166 → 0.0.1-rc.168

package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.vue.mjs

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

package/dist/treeshaking/components/meeting/OMeetingMinutesCopyDetail.vue2.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { OIcon, OIconLoading } from "@opensig/opendesign";
 import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { formatDate } from "./utils.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "o-meeting-minutes-log-loading"
@@ -57,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", _hoisted_13, [
             createElementVNode("span", _hoisted_14, toDisplayString(unref(t)("meeting.minutesCopyTime")), 1),
-            createElementVNode("span", _hoisted_15, toDisplayString(__props.log.send_time), 1)
+            createElementVNode("span", _hoisted_15, toDisplayString(unref(formatDate)(__props.log.send_time, "YYYY/MM/DD HH:mm:ss")), 1)
           ]),
           createElementVNode("div", _hoisted_16, [
             createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("meeting.minutesCopyBody")), 1),

package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.d.ts

@@ -307,19 +307,15 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             onScroll?: ((event: Event) => any) | undefined;
-        }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+        }>, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollTo" | "scrollBy" | "getContainerEl"> & {
             scrollTo: (options?: ScrollToOptions | undefined) => void;
             scrollBy: (options?: ScrollToOptions | undefined) => void;
             getContainerEl: () => HTMLElement | null;
         } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                default?(): any;
-                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-            }> & {
-                default?(): any;
-                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            $slots: {
+                default?(_: {}): any;
+                thumb?(_: {}): any;
+                track?(_: {}): any;
             };
         }) | null;
     };
@@ -627,19 +623,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         };
     }>> & Readonly<{
         onScroll?: ((event: Event) => any) | undefined;
-    }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+    }>, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollTo" | "scrollBy" | "getContainerEl"> & {
         scrollTo: (options?: ScrollToOptions | undefined) => void;
         scrollBy: (options?: ScrollToOptions | undefined) => void;
         getContainerEl: () => HTMLElement | null;
     } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            default?(): any;
-            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-        }> & {
-            default?(): any;
-            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
-            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+        $slots: {
+            default?(_: {}): any;
+            thumb?(_: {}): any;
+            track?(_: {}): any;
         };
     }) | null;
 }, HTMLDivElement>;

package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
     };
     refs: {
         leftRef: HTMLDivElement;
-        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -27,7 +27,7 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+        }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -48,12 +48,12 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
 }, string, import('vue').PublicProps, Readonly<MeetingPlaybackPropsT> & Readonly<{
     "onChange-date"?: ((...args: any[]) => any) | undefined;
 }>, {
-    data: import('../../index').MeetingPlaybackPropsDataT;
+    data: import('./types').MeetingPlaybackPropsDataT;
     dates: string[];
-    detail: import('../../index').MeetingPlaybackPropsDetailT;
+    detail: import('./types').MeetingPlaybackPropsDetailT;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     leftRef: HTMLDivElement;
-    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+    }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;

package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.css

@@ -1,111 +1,128 @@
-.hover-icon-rotate .o-icon[data-v-c32ba974] {
+.hover-icon-rotate .o-icon {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-c32ba974] {
+.hover-icon-rotate:hover .o-icon {
     transform: rotate(-180deg);
 }
 }
-.o-meeting-send-minutes[data-v-c32ba974] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--o-r-gap-4);
-}
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-c32ba974] {
-  display: flex;
-  gap: var(--o-gap-6);
-  align-items: flex-start;
+.o-meeting-send-minutes {
+  --item-height: 40px;
+  --form-item-gap: var(--o-r-gap-4);
+  --minutes-input-radius: var(--o-radius-xs);
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-c32ba974] {
-    gap: var(--o-gap-5);
+.o-meeting-send-minutes {
+    --item-height: 36px;
+}
 }
+.o-meeting-send-minutes .o-form-item-label {
+  --form-label-gap-top: 0;
+  color: var(--o-color-info2);
 }
-@media (max-width: 1200px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-c32ba974] {
-    gap: var(--o-gap-3);
+@media (max-width: 840px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 16px;
+    line-height: 24px;
 }
 }
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
-  flex: 0 0 72px;
-  color: var(--o-color-info2);
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-meeting-send-minutes .o-form-item-label {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-send-minutes.o-form-layout-h .o-form-item-label {
+  flex: 0 0 5em;
+  width: 5em;
+  height: var(--item-height);
+  align-items: center;
+}
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
+.o-meeting-send-minutes .o-form-item:first-child .o-form-item-label, .o-meeting-send-minutes .o-form-item:last-child .o-form-item-label {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .field-label[data-v-c32ba974] {
-  line-height: var(--o-control_size-m);
-}
-.o-meeting-send-minutes .o-meeting-send-minutes-field-control[data-v-c32ba974] {
-  flex: 1;
-  min-width: 0;
-}
-.o-meeting-send-minutes .o-meeting-send-minutes-sender-line[data-v-c32ba974] {
-  display: flex;
-  align-items: center;
-}
-.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
+.o-meeting-send-minutes .sender-text {
   color: var(--o-color-info1);
   line-height: var(--o-control_size-m);
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
+.o-meeting-send-minutes .sender-text {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
+.o-meeting-send-minutes .sender-text {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
+.o-meeting-send-minutes .sender-text {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
+.o-meeting-send-minutes .sender-text {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--o-gap-3);
   padding: var(--o-gap-1) var(--o-gap-3);
   border: 1px solid var(--o-color-control1);
-  border-radius: var(--o-radius_control-s);
-  min-height: var(--o-control_size-l);
+  border-radius: var(--minutes-input-radius);
+  min-height: var(--item-height);
   cursor: text;
   transition: border-color var(--o-duration-s) var(--o-easing-standard);
   color: var(--o-color-info1);
@@ -113,36 +130,36 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974]:hover {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:hover {
   border-color: var(--o-color-control2);
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974]:focus-within {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:focus-within {
   border-color: var(--o-color-primary3);
 }
-.o-meeting-send-minutes .recipient-tag[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-tag {
   flex-shrink: 0;
   --tag-height: 22px;
   --tag-padding: 4px 8px;
@@ -152,7 +169,7 @@
   --tag-icon-close-color: var(--o-color-info2);
   --tag-icon-close-color-hover: var(--o-color-info1);
 }
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-native-input {
   flex: 1 1 120px;
   min-width: 120px;
   border: none;
@@ -166,72 +183,69 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-native-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-native-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-native-input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
+.o-meeting-send-minutes .recipient-native-input {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974]::placeholder {
+.o-meeting-send-minutes .recipient-native-input::placeholder {
   color: var(--o-color-info3);
 }
-.o-meeting-send-minutes .subject-input[data-v-c32ba974] {
+.o-meeting-send-minutes .subject-input {
   width: 100%;
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-row[data-v-c32ba974] {
-  align-items: flex-start;
-}
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
   max-height: 452px;
 }
 @media (max-width: 840px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller[data-v-c32ba974] {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
     max-height: 320px;
 }
 }
-.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
+.o-meeting-send-minutes .email-body-content {
   color: var(--o-color-info1);
   white-space: pre-wrap;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
+.o-meeting-send-minutes .email-body-content {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
+.o-meeting-send-minutes .email-body-content {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
+.o-meeting-send-minutes .email-body-content {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
+.o-meeting-send-minutes .email-body-content {
     font-size: 12px;
     line-height: 18px;
 }

package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue.d.ts

@@ -13,6 +13,132 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSent?: ((log: SendLogT) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    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;
     recipientInputRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, HTMLFormElement>;
 export default _default;