@opendesign-plus-test/components 0.0.1-rc.186 → 0.0.1-rc.188

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

@@ -1,101 +1,111 @@
-.hover-icon-rotate .o-icon {
+.hover-icon-rotate .o-icon[data-v-c32ba974] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
+.hover-icon-rotate:hover .o-icon[data-v-c32ba974] {
     transform: rotate(-180deg);
 }
 }
-.o-meeting-send-minutes {
-  --item-height: 40px;
-  --form-item-gap: var(--o-r-gap-4);
-  --minutes-input-radius: var(--o-radius-xs);
+.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;
 }
 @media (max-width: 1680px) {
-.o-meeting-send-minutes {
-    --item-height: 36px;
+.o-meeting-send-minutes .o-meeting-send-minutes-field-row[data-v-c32ba974] {
+    gap: var(--o-gap-5);
 }
 }
-.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);
+  font-size: 16px;
+  line-height: 24px;
 }
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .o-form-item-label {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-send-minutes .field-label[data-v-c32ba974] {
     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 {
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-send-minutes .field-label[data-v-c32ba974] {
     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 {
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-send-minutes .field-label[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (max-width: 600px) {
-.o-meeting-send-minutes .o-form-item-label {
+@media (max-width: 600px) {
+.o-meeting-send-minutes .field-label[data-v-c32ba974] {
     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);
+.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 {
+.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
   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 {
+.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .sender-text {
+.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .sender-text {
+.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .sender-text {
+.o-meeting-send-minutes .sender-text[data-v-c32ba974] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
   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(--minutes-input-radius);
-  min-height: var(--item-height);
-  width: 100%;
+  border-radius: var(--o-radius_control-s);
+  min-height: var(--o-control_size-l);
   cursor: text;
   transition: border-color var(--o-duration-s) var(--o-easing-standard);
   color: var(--o-color-info1);
@@ -103,36 +113,36 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:hover {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974]:hover {
   border-color: var(--o-color-control2);
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor:focus-within {
+.o-meeting-send-minutes .o-meeting-send-minutes-recipient-editor[data-v-c32ba974]:focus-within {
   border-color: var(--o-color-primary3);
 }
-.o-meeting-send-minutes .recipient-tag {
+.o-meeting-send-minutes .recipient-tag[data-v-c32ba974] {
   flex-shrink: 0;
   --tag-height: 22px;
   --tag-padding: 4px 8px;
@@ -142,7 +152,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 {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
   flex: 1 1 120px;
   min-width: 120px;
   border: none;
@@ -156,74 +166,73 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .recipient-native-input {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .recipient-native-input {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .recipient-native-input {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .recipient-native-input {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-meeting-send-minutes .recipient-native-input::placeholder {
+.o-meeting-send-minutes .recipient-native-input[data-v-c32ba974]::placeholder {
   color: var(--o-color-info3);
 }
-.o-meeting-send-minutes .subject-input {
+.o-meeting-send-minutes .subject-input[data-v-c32ba974] {
   width: 100%;
 }
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
+.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] {
   max-height: 452px;
 }
 @media (max-width: 840px) {
-.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller {
+.o-meeting-send-minutes .o-meeting-send-minutes-email-body-scroller[data-v-c32ba974] {
     max-height: 320px;
 }
 }
-.o-meeting-send-minutes .email-body-content {
+.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
   color: var(--o-color-info1);
   white-space: pre-wrap;
-  min-width: 480px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-meeting-send-minutes .email-body-content {
+.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-meeting-send-minutes .email-body-content {
+.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-meeting-send-minutes .email-body-content {
+.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-meeting-send-minutes .email-body-content {
+.o-meeting-send-minutes .email-body-content[data-v-c32ba974] {
     font-size: 12px;
     line-height: 18px;
 }
-}
-.o-meeting-send-minutes .text-item .o-form-item-label {
-  height: 32px;
 }

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

@@ -13,282 +13,6 @@ 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";
-            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 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 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;
-            readonly onValidateField?: ((payload: {
-                field: string;
-                isValid: boolean;
-                message: string;
-            }) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            formEl: HTMLFormElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $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: "validateField", payload: {
-            field: string;
-            isValid: boolean;
-            message: string;
-        }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
-        $el: HTMLFormElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            labelAlign: {
-                type: import('vue').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('vue').PropType<"left" | "center" | "right">;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
-            };
-            round: {
-                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
-            };
-            clearable: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
-            };
-            model: {
-                type: ObjectConstructor;
-            };
-            rules: {
-                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
-            };
-            hasRequired: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            requiredIcon: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            layout: {
-                type: import('vue').PropType<"h" | "v" | "inline">;
-                default: string;
-            };
-            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[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-                type: "warning" | "danger" | "success" | "";
-                message: string[];
-            }[]>;
-            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-                type: "warning" | "danger" | "success" | "";
-                message: string[];
-            }[]>;
-            resetFields: (filed?: string | string[]) => void;
-            setInitialValues: (data: Record<string, any>) => void;
-            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
-            scrollToField: (field: string, options?: boolean | {
-                behavior?: "auto" | "smooth" | "instant";
-                block?: "start" | "center" | "end" | "nearest";
-                inline?: "start" | "center" | "end" | "nearest";
-            }) => Promise<void>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            clear: (filed?: string | string[] | undefined) => any;
-            reset: (filed?: string | string[] | undefined) => any;
-            submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
-            validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
-            validateField: (payload: {
-                field: string;
-                isValid: boolean;
-                message: string;
-            }) => any;
-        }, string, {
-            layout: "h" | "v" | "inline";
-            disabled: boolean | undefined;
-            clearable: boolean | undefined;
-            hasRequired: boolean;
-            requiredIcon: boolean;
-            labelWidth: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollToError: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            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";
-        disabled: boolean | undefined;
-        clearable: boolean | undefined;
-        hasRequired: boolean;
-        requiredIcon: boolean;
-        labelWidth: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-        scrollToError: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-        labelAlign: {
-            type: import('vue').PropType<"top" | "center" | "bottom">;
-        };
-        labelJustify: {
-            type: import('vue').PropType<"left" | "center" | "right">;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
-        };
-        size: {
-            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
-        };
-        round: {
-            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
-        };
-        clearable: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
-        };
-        model: {
-            type: ObjectConstructor;
-        };
-        rules: {
-            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
-        };
-        hasRequired: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        requiredIcon: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        layout: {
-            type: import('vue').PropType<"h" | "v" | "inline">;
-            default: string;
-        };
-        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;
-    }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
-        validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-            type: "warning" | "danger" | "success" | "";
-            message: string[];
-        }[]>;
-        validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
-            type: "warning" | "danger" | "success" | "";
-            message: string[];
-        }[]>;
-        resetFields: (filed?: string | string[]) => void;
-        setInitialValues: (data: Record<string, any>) => void;
-        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
-        scrollToField: (field: string, options?: boolean | {
-            behavior?: "auto" | "smooth" | "instant";
-            block?: "start" | "center" | "end" | "nearest";
-            inline?: "start" | "center" | "end" | "nearest";
-        }) => Promise<void>;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
     recipientInputRef: HTMLInputElement;
-}, HTMLFormElement>;
+}, HTMLDivElement>;
 export default _default;