@opendesign-plus-test/components 0.0.1-rc.212 → 0.0.1-rc.214

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

@@ -18,45 +18,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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 model?: Record<string, any> | 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 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;
-            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">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
-        } & {
-            formEl: HTMLFormElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -64,114 +41,46 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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);
+        $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<{
-            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;
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
             };
-            validateOnRuleChange: {
-                type: BooleanConstructor;
-                default: boolean;
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
             };
-            scrollToError: {
-                type: BooleanConstructor;
-                default: boolean;
+            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;
-            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[];
-            }[]>;
+            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
             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)[];
@@ -194,96 +103,37 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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;
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
         };
-        validateOnRuleChange: {
-            type: BooleanConstructor;
-            default: boolean;
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
         };
-        scrollToError: {
-            type: BooleanConstructor;
-            default: boolean;
+        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;
-        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[];
-        }[]>;
+    }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
+        validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
         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;

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
 import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
-import IconTips from "../../_virtual/icon-tips.mjs";
+import IconTips from "../../_virtual/icon-tips2.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
 import './components/OMeetingSigAside.css';
 import { CalendarDataType } from "./types.mjs";

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

@@ -551,6 +551,9 @@
 .o-meeting-playback-subtitles .o-tab .o-row {
   margin-top: 0;
 }
+.o-meeting-playback-subtitles .playback-empty {
+  height: 100%;
+}
 @media (max-width: 840px) {
 .o-meeting-playback-subtitles .captions-tab .captions-scroller {
     max-height: 600px;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
+import { defineComponent, computed, useId, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
 import { OInput, OIcon, ODivider, OTab, OTabPane, OScroller, ORow, OCol } from "@opensig/opendesign";
 import { ElSelect, ElOption, ElCheckbox } from "element-plus";
 import "element-plus/es/components/select/style/css";
@@ -11,6 +11,7 @@ import IconChevronUp from "../../../_virtual/icon-chevron-up.mjs";
 import IconClose from "../../../_virtual/icon-close.mjs";
 import IconSpeaker from "../../../_virtual/icon-speaker.mjs";
 import { useDebounceFn } from "@vueuse/core";
+import OEmpty from "../../empty/OEmpty.vue.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 const _hoisted_1 = { class: "o-meeting-playback-subtitles" };
@@ -26,7 +27,10 @@ const _hoisted_7 = { class: "num" };
 const _hoisted_8 = { class: "speaker" };
 const _hoisted_9 = { class: "start-time" };
 const _hoisted_10 = { class: "text" };
-const _hoisted_11 = { key: 1 };
+const _hoisted_11 = {
+  key: 1,
+  class: "playback-empty"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingPlaybackSubtitles",
   props: {
@@ -39,6 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n();
     const currentIndex = computed(() => props.trackIdx);
+    const scrollerDomId = useId();
+    const getScrollerContainer = () => document.querySelector(`#${scrollerDomId} > .o-scroller-container`);
     const scrollContainer = ref();
     const wheelVisible = ref(false);
     const handleScroll = () => {
@@ -88,14 +94,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       var _a;
-      scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
+      scrollContainer.value = getScrollerContainer();
       (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
     });
     watch(
       () => computedCaptions.value,
       () => {
         var _a;
-        scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
+        scrollContainer.value = getScrollerContainer();
         (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
       }
     );
@@ -359,7 +365,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
                   key: 0,
-                  id: "captionsScrollDom",
+                  id: unref(scrollerDomId),
                   class: "captions-scroller",
                   "show-type": "hover",
                   size: "small",
@@ -408,8 +414,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 1
-                })) : (openBlock(), createElementBlock("div", _hoisted_11, [
-                  renderSlot(_ctx.$slots, "empty")
+                }, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "empty", {}, () => [
+                    createVNode(OEmpty)
+                  ])
                 ]))
               ]),
               _: 3

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('..').CaptionItemT[];
+    captions: import('../../../index.ts').CaptionItemT[];
     vtt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,10 +1,11 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick } from "vue";
+import { defineComponent, ref, useId, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode } 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 = {
+const _hoisted_2 = ["id"];
+const _hoisted_3 = {
   key: 0,
   class: "poster-title"
 };
@@ -23,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const timer = ref();
-    const colHeight = ref();
     const playerRef = ref();
+    const playerId = useId();
     const emits = __emit;
     const speakerMenuVisible = ref(false);
     const closeSpeakerMenu = () => {
@@ -96,50 +97,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const loaded = ref(false);
     const playStatus = ref("init");
-    const updateSource = () => {
-      const player = playerRef.value;
-      if (!player || !props.src) return;
-      player.src(props.src);
-      player.poster(props.poster || defaultPoster);
-      const oldTracks = player.remoteTextTracks();
-      for (let i = oldTracks.length - 1; i >= 0; i--) {
-        player.removeRemoteTextTrack(oldTracks[i]);
-      }
-      if (props.vtt) {
-        player.addRemoteTextTrack({
-          kind: "subtitles",
-          src: props.vtt,
-          srclang: "zh",
-          label: "中文",
-          default: false
-        });
-        const textTracks = player.textTracks();
-        for (let i = 0; i < textTracks.length; i++) {
-          const textTrack = textTracks[i];
-          textTrack == null ? void 0 : textTrack.addEventListener("cuechange", () => {
-            handleCue(textTrack);
-          });
-        }
-      }
-      playStatus.value = "init";
-      checkedSpeakers.value = [];
-      syncSubtitleBtn(player);
-    };
-    const syncSubtitleBtn = (player) => {
-      var _a, _b;
-      const btn = (_b = (_a = player.controlBar) == null ? void 0 : _a.getChild) == null ? void 0 : _b.call(_a, "SubtitleToggleButton");
-      if (!btn) return;
-      if (props.vtt) {
-        btn.show();
-      } else {
-        btn.hide();
-        btn.removeClass("vjs-subtitle-showing");
-        btn.addClass("vjs-subtitle-hidden");
-      }
-    };
     const videoInit = async () => {
       if (!props.src) return;
-      const player = videojs("playerId", {
+      const player = videojs(playerId, {
         controls: true,
         autoplay: false,
         preload: "auto",
@@ -172,9 +132,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       });
-      playerRef.value = player;
       emits("getInstance", player);
-      updateSource();
+      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) {
@@ -202,11 +168,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       }
-      videojs.registerComponent("SubtitleToggleButton", CustomSubsCapsButton);
-      if (!player.controlBar.children_.some((v) => v.name_ === "SubtitleToggleButton")) {
-        player.controlBar.addChild("SubtitleToggleButton", {}, 8);
+      if (props.vtt) {
+        const subtitleToggleName = `SubtitleToggleButton-${playerId}`;
+        videojs.registerComponent(subtitleToggleName, CustomSubsCapsButton);
+        if (!player.controlBar.children_.some((v) => v.name_ === subtitleToggleName)) {
+          player.controlBar.addChild(subtitleToggleName, {}, 8);
+        }
       }
-      syncSubtitleBtn(player);
+      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";
       });
@@ -218,35 +192,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         emits("setTrackIdx", idx);
       });
-      player.on("loadedmetadata", () => {
+      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, props.vtt, props.poster],
+      () => props.src,
       () => {
-        if (!playerRef.value) {
-          videoInit();
-        } else {
-          updateSource();
-        }
+        videoInit();
       }
     );
     onUnmounted(() => {
       var _a;
-      if (playerRef.value) {
-        playerRef.value.dispose();
-      } else {
-        (_a = props == null ? void 0 : props.instance) == null ? void 0 : _a.dispose();
-      }
+      (_a = props == null ? void 0 : props.instance) == null ? void 0 : _a.dispose();
       document.removeEventListener("click", closeSpeakerMenu);
     });
     __expose({
@@ -264,11 +227,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [playStatus.value]: true
           }])
         }, [
-          _cache[0] || (_cache[0] = createElementVNode("video", {
+          createElementVNode("video", {
             class: "video-js",
-            id: "playerId"
-          }, null, -1)),
-          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+            id: unref(playerId)
+          }, null, 8, _hoisted_2),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
         ], 2)
       ]);
     };