@opendesign-plus-test/components 0.0.1-rc.22 → 0.0.1-rc.220

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

@@ -0,0 +1,244 @@
+import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick } from "vue";
+import videojs from "../../../_virtual/video.js/dist/video.es.js.mjs";
+import '../../../_virtual/video.js/dist/video-js.css';
+import { transformTime } from "../utils.mjs";
+import defaultPoster from "../../../assets/meeting/transparent.png.mjs";
+const _hoisted_1 = { class: "o-meeting-playback-video" };
+const _hoisted_2 = {
+  key: 0,
+  class: "poster-title"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingPlaybackVideo",
+  props: {
+    src: { default: "" },
+    vtt: { default: "" },
+    captions: { default: () => [] },
+    poster: {},
+    posterTitle: {},
+    instance: {},
+    trackIdx: {}
+  },
+  emits: ["getDuration", "getInstance", "setTrackIdx"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const timer = ref();
+    const colHeight = ref();
+    const playerRef = ref();
+    const emits = __emit;
+    const speakerMenuVisible = ref(false);
+    const closeSpeakerMenu = () => {
+      speakerMenuVisible.value = false;
+    };
+    const handleCue = (textTrack, init = false) => {
+      var _a, _b;
+      const player = props.instance;
+      if (!player) return;
+      const activeCue = (_a = textTrack.activeCues) == null ? void 0 : _a[0];
+      timer.value && clearInterval(timer.value);
+      if (activeCue) {
+        activeCue.text = ((_b = activeCue == null ? void 0 : activeCue.text) == null ? void 0 : _b.replace(/\[(SPEAKER_)\d+]: /g, "")) || "";
+        const arr = activeCue.text.split("\n");
+        const captionLength = arr.length;
+        const timeL = activeCue.endTime - activeCue.startTime;
+        const interval = parseFloat((timeL / captionLength).toFixed(3));
+        let index = 0;
+        if (init) {
+          const ratio = (player.currentTime() - activeCue.startTime) / (activeCue.endTime - activeCue.startTime);
+          while ((index + 1) / captionLength < ratio) {
+            index++;
+          }
+        }
+        if (index < captionLength) {
+          activeCue.text = arr.length ? arr[index] : activeCue == null ? void 0 : activeCue.text;
+        } else {
+          activeCue.text = arr.length ? arr[0] : activeCue == null ? void 0 : activeCue.text;
+        }
+        let timeInterval = interval * 1e3;
+        const startInterval = () => {
+          timer.value = setInterval(() => {
+            textTrack.mode = "hidden";
+            index++;
+            if (index > arr.length - 1) {
+              clearInterval(timer.value);
+            } else if (index === arr.length - 1) {
+              activeCue.text = arr[index];
+              clearInterval(timer.value);
+              timeInterval = interval * (captionLength - index) * 1e3;
+              startInterval();
+            } else {
+              activeCue.text = arr[index];
+            }
+            textTrack.mode = "showing";
+          }, timeInterval);
+        };
+        startInterval();
+      }
+    };
+    const checkedSpeakers = ref([]);
+    watch(
+      () => checkedSpeakers.value,
+      (val) => {
+        const player = props.instance;
+        if (player) {
+          const tracks = player.textTracks();
+          for (let i = 0; i < tracks.length; i++) {
+            if (tracks[i].kind === "subtitles") {
+              handleCue(tracks[i], true);
+              tracks[i].mode = !val.length ? "hidden" : "showing";
+            }
+          }
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    const loaded = ref(false);
+    const playStatus = ref("init");
+    const videoInit = async () => {
+      if (!props.src) return;
+      const player = videojs("playerId", {
+        controls: true,
+        autoplay: false,
+        preload: "auto",
+        fluid: true,
+        poster: props.poster || defaultPoster,
+        // 控制栏
+        playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 2],
+        controlBar: {
+          skipButtons: {
+            backward: 5,
+            forward: 5
+          },
+          children: {
+            playToggle: true,
+            SkipBackward: {
+              backward: 5
+            },
+            skipForward: {
+              forward: 5
+            },
+            currentTimeDisplay: true,
+            timeDivider: true,
+            durationDisplay: true,
+            progressControl: true,
+            PlaybackRateMenuButton: true,
+            volumePanel: {
+              inline: false
+            },
+            FullscreenToggle: true
+          }
+        }
+      });
+      emits("getInstance", player);
+      player.src(props.src);
+      player.addRemoteTextTrack({
+        kind: "subtitles",
+        src: props.vtt,
+        srclang: "zh",
+        label: "中文",
+        default: false
+      });
+      loaded.value = true;
+      class CustomSubsCapsButton extends videojs.getComponent("Button") {
+        constructor(player2, options) {
+          super(player2, options);
+          this.addClass("vjs-subtitle-toggle-button", "vjs-subtitle-hidden");
+          this.controlText("Toggle Subtitles");
+        }
+        buildCSSClass() {
+          return `vjs-subtitle-toggle-button ${super.buildCSSClass()}`;
+        }
+        handleClick() {
+          const tracks = this.player().textTracks();
+          for (let i = 0; i < tracks.length; i++) {
+            if (tracks[i].kind === "subtitles") {
+              handleCue(tracks[i], true);
+              tracks[i].mode = tracks[i].mode === "showing" ? "hidden" : "showing";
+              if (tracks[i].mode === "showing") {
+                this.removeClass("vjs-subtitle-hidden");
+                this.addClass("vjs-subtitle-showing");
+              } else {
+                this.removeClass("vjs-subtitle-showing");
+                this.addClass("vjs-subtitle-hidden");
+              }
+            }
+          }
+        }
+      }
+      if (props.vtt) {
+        videojs.registerComponent("SubtitleToggleButton", CustomSubsCapsButton);
+        if (!player.controlBar.children_.some((v) => v.name_ === "SubtitleToggleButton")) {
+          player.controlBar.addChild("SubtitleToggleButton", {}, 8);
+        }
+      }
+      const textTracks = player == null ? void 0 : player.textTracks().tracks_;
+      textTracks.forEach((textTrack) => {
+        textTrack == null ? void 0 : textTrack.addEventListener("cuechange", () => {
+          handleCue(textTrack);
+        });
+      });
+      player.on("play", () => {
+        playStatus.value = "playing";
+      });
+      player.on("timeupdate", () => {
+        const currentTime = player.currentTime() || 0;
+        const idx = props.captions.findIndex((item) => {
+          const startTime = transformTime(item.start_time);
+          return startTime > currentTime;
+        });
+        emits("setTrackIdx", idx);
+      });
+      player.one("loadedmetadata", () => {
+        emits("getDuration", player.duration());
+      });
+      nextTick(() => {
+        const container = document.getElementsByClassName("o-meeting-playback-video")[0];
+        colHeight.value = container.offsetHeight;
+      });
+      playerRef.value = player;
+    };
+    onMounted(() => {
+      videoInit();
+      document.addEventListener("click", closeSpeakerMenu);
+    });
+    watch(
+      () => props.src,
+      () => {
+        videoInit();
+      }
+    );
+    onUnmounted(() => {
+      var _a;
+      (_a = props == null ? void 0 : props.instance) == null ? void 0 : _a.dispose();
+      document.removeEventListener("click", closeSpeakerMenu);
+    });
+    __expose({
+      changeTime: (time) => {
+        var _a;
+        (_a = playerRef.value) == null ? void 0 : _a.currentTime(time);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["video-placeholder", {
+            loaded: loaded.value,
+            "no-poster": !__props.poster,
+            [playStatus.value]: true
+          }])
+        }, [
+          _cache[0] || (_cache[0] = createElementVNode("video", {
+            class: "video-js",
+            id: "playerId"
+          }, null, -1)),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

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

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

@@ -0,0 +1,324 @@
+import { MeetingItemT, SendLogT } from '../types';
+type __VLS_Props = {
+    visible: boolean;
+    meeting: MeetingItemT | null;
+    prefill?: string[] | null;
+    sendMinutesRequest: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (v: boolean) => any;
+    sent: (log: SendLogT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((v: boolean) => any) | undefined;
+    onSent?: ((log: SendLogT) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        meeting: MeetingItemT | null;
+        prefill?: string[] | null;
+        sendMinutesRequest: any;
+    }> & Readonly<{
+        onSent?: ((log: SendLogT) => any) | undefined;
+    }>, {
+        send: () => Promise<void>;
+        sending: import('vue').Ref<boolean, boolean>;
+        reset: () => void;
+    }, {}, {}, {}, 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";
+                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, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        meeting: MeetingItemT | null;
+        prefill?: string[] | null;
+        sendMinutesRequest: any;
+    }> & Readonly<{
+        onSent?: ((log: SendLogT) => any) | undefined;
+    }>, {
+        send: () => Promise<void>;
+        sending: import('vue').Ref<boolean, boolean>;
+        reset: () => void;
+    }, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

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

@@ -0,0 +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-1bd384f6"]]);
+export {
+  OMeetingSendMinutesDialog as default
+};