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

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

@@ -1,7 +1,214 @@
-import _sfc_main from "./OMeetingSendMinutesForm.vue2.mjs";
-import './OMeetingSendMinutesForm.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMeetingSendMinutesForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c32ba974"]]);
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, Fragment, renderList, createTextVNode, withDirectives, withKeys, withModifiers, vModelText } from "vue";
+import { useMessage, OForm, OFormItem, OTag, OInput, OScroller } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { EMAIL_REGEX } from "./config.mjs";
+const _hoisted_1 = { class: "sender-text" };
+const _hoisted_2 = ["placeholder", "onKeydown"];
+const _hoisted_3 = { class: "email-body-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingSendMinutesForm",
+  props: {
+    meeting: {},
+    prefill: {},
+    sendMinutesRequest: {}
+  },
+  emits: ["sent"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useMeetingConfig();
+    const { lePadV } = useScreen();
+    const message = useMessage(null);
+    const formModel = ref({
+      recipients: [],
+      subject: ""
+    });
+    const extraInput = ref("");
+    const sending = ref(false);
+    const recipientInputRef = ref(null);
+    const formRef = ref(null);
+    const rules = {
+      recipients: [{ required: true, message: t("meeting.sendMinutesEmptyRecipient") }],
+      subject: [
+        { required: true, message: t("meeting.sendMinutesSubjectPlaceholder") },
+        {
+          validator: (value) => {
+            if (value.length > 128) {
+              return {
+                type: "danger",
+                message: t("meeting.sendMinutesSubjectTooLong")
+              };
+            }
+          }
+        }
+      ]
+    };
+    const sender = computed(() => {
+      var _a;
+      return ((_a = props.meeting) == null ? void 0 : _a.email_list) || "";
+    });
+    const defaultSubject = () => {
+      if (!props.meeting) return "";
+      const { topic, date } = props.meeting;
+      return t("meeting.sendMinutesSubjectDefault", [topic, date || ""]);
+    };
+    const reset = () => {
+      var _a;
+      if (!props.meeting) return;
+      formModel.value.recipients = props.prefill && props.prefill.length ? [...props.prefill] : [props.meeting.email_list];
+      formModel.value.subject = defaultSubject();
+      extraInput.value = "";
+      (_a = formRef.value) == null ? void 0 : _a.clearValidate();
+    };
+    watch([() => props.meeting, () => props.prefill], reset, { immediate: true });
+    const addRecipient = () => {
+      var _a;
+      const val = extraInput.value.trim();
+      if (!val) return;
+      if (!EMAIL_REGEX.test(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailInvalid") });
+        return;
+      }
+      if (formModel.value.recipients.includes(val)) {
+        message.warning({ content: t("meeting.sendMinutesEmailExists") });
+        return;
+      }
+      formModel.value.recipients.push(val);
+      extraInput.value = "";
+      (_a = formRef.value) == null ? void 0 : _a.clearValidate("recipients");
+    };
+    const removeRecipient = (email) => {
+      formModel.value.recipients = formModel.value.recipients.filter((r) => r !== email);
+    };
+    const handleBackspace = (e) => {
+      if (extraInput.value === "" && formModel.value.recipients.length > 0) {
+        e.preventDefault();
+        formModel.value.recipients.pop();
+      }
+    };
+    const focusRecipientInput = () => {
+      var _a;
+      (_a = recipientInputRef.value) == null ? void 0 : _a.focus();
+    };
+    const send = async () => {
+      var _a;
+      if (!props.meeting || !props.sendMinutesRequest) return;
+      const results = await ((_a = formRef.value) == null ? void 0 : _a.validate());
+      if (results == null ? void 0 : results.some((r) => !!r)) return;
+      try {
+        sending.value = true;
+        const log = await props.sendMinutesRequest(props.meeting.id, formModel.value.recipients, formModel.value.subject);
+        message.success({ content: t("meeting.sendMinutesSent") });
+        emit("sent", log);
+      } finally {
+        sending.value = false;
+      }
+    };
+    __expose({ send, sending, reset });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OForm), {
+        ref_key: "formRef",
+        ref: formRef,
+        class: "o-meeting-send-minutes",
+        model: formModel.value,
+        "has-required": "",
+        layout: unref(lePadV) ? "v" : "h"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesSender")
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, toDisplayString(sender.value), 1)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesRecipient"),
+            field: "recipients",
+            rules: rules.recipients
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "o-meeting-send-minutes-recipient-editor",
+                onClick: focusRecipientInput
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(formModel.value.recipients, (email) => {
+                  return openBlock(), createBlock(unref(OTag), {
+                    key: email,
+                    class: "recipient-tag",
+                    variant: "solid",
+                    color: "primary",
+                    closable: "",
+                    onClose: ($event) => removeRecipient(email)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(email), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"]);
+                }), 128)),
+                withDirectives(createElementVNode("input", {
+                  ref_key: "recipientInputRef",
+                  ref: recipientInputRef,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => extraInput.value = $event),
+                  class: "recipient-native-input",
+                  type: "text",
+                  placeholder: unref(t)("meeting.sendMinutesRecipientPlaceholder"),
+                  onKeydown: [
+                    withKeys(withModifiers(addRecipient, ["prevent"]), ["enter"]),
+                    withKeys(handleBackspace, ["backspace"])
+                  ]
+                }, null, 40, _hoisted_2), [
+                  [vModelText, extraInput.value]
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["label", "rules"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesSubject"),
+            field: "subject",
+            rules: rules.subject
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OInput), {
+                modelValue: formModel.value.subject,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formModel.value.subject = $event),
+                class: "subject-input",
+                size: "large",
+                placeholder: unref(t)("meeting.sendMinutesSubjectPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label", "rules"]),
+          createVNode(unref(OFormItem), {
+            label: unref(t)("meeting.sendMinutesBody")
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OScroller), {
+                class: "o-meeting-send-minutes-email-body-scroller",
+                "disabled-x": "",
+                "show-type": "auto"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createElementVNode("div", _hoisted_3, toDisplayString((_a = __props.meeting) == null ? void 0 : _a.minutes), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["model", "layout"]);
+    };
+  }
+});
 export {
-  _OMeetingSendMinutesForm as default
+  _sfc_main as default
 };

package/dist/treeshaking/components/meeting/OMeetingSendMinutesForm.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./OMeetingSendMinutesForm.vue.mjs";
+import './OMeetingSendMinutesForm.css';
+export {
+  _sfc_main as default
+};

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

@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<MeetingPlaybackVideoPropsT
     onSetTrackIdx?: ((...args: any[]) => any) | undefined;
 }>, {
     src: string;
-    captions: import('../../../index.ts').CaptionItemT[];
+    captions: import('..').CaptionItemT[];
     vtt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-8f4f9074] {
+.hover-icon-rotate .o-icon[data-v-de7a168f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8f4f9074] {
+.hover-icon-rotate:hover .o-icon[data-v-de7a168f] {
     transform: rotate(-180deg);
 }
 }
-.o-meeting-send-minutes-footer[data-v-8f4f9074] {
+.o-meeting-send-minutes-footer[data-v-de7a168f] {
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -25,8 +25,134 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         sent: (log: SendLogT) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        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, import('vue').ComponentProvideOptions, {
+    }, HTMLFormElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

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

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

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

@@ -1,7 +1,8 @@
 import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { ODialog, OButton } from "@opensig/opendesign";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
-import _OMeetingSendMinutesForm from "../OMeetingSendMinutesForm.vue.mjs";
+import _sfc_main$1 from "../OMeetingSendMinutesForm.vue.mjs";
+import '../OMeetingSendMinutesForm.css';
 const _hoisted_1 = { class: "o-meeting-send-minutes-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingSendMinutesDialog",
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ];
         }),
         default: withCtx(() => [
-          createVNode(_OMeetingSendMinutesForm, {
+          createVNode(_sfc_main$1, {
             ref_key: "formRef",
             ref: formRef,
             meeting: __props.meeting,

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

@@ -175,19 +175,15 @@ declare const _default: 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/composables/useMeetingConfig.d.ts

@@ -1,7 +1,7 @@
 import { CalendarDataType, meetingTabT, OptionItemT } from '../types';
 export declare const useMeetingConfig: () => {
     t: (key: string, ...args: any[]) => string;
-    locale: import('vue').ComputedRef<import('vue').ComputedRef<string> | "zh">;
+    locale: import('vue').ComputedRef<string>;
     meetingTabs: import('vue').ComputedRef<meetingTabT[]>;
     cycleTypeOptions0: import('vue').ComputedRef<OptionItemT[]>;
     cycleTypeOptions: import('vue').ComputedRef<OptionItemT[]>;