hy-dispatch-ui-v3 0.1.6 → 0.2.0

package/es/components/appVideoPlayer/appVideoPlayer.vue.mjs

@@ -0,0 +1,647 @@
+import { defineComponent, useTemplateRef, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, createBlock, withCtx, createTextVNode, normalizeStyle, withDirectives, isRef, vModelText, renderList, renderSlot } from 'vue';
+import { ElPopover, ElSlider } from 'element-plus';
+import _sfc_main$1 from './cpns/mediaLoading.vue.mjs';
+import { useVideoPlayer, useVideoResize } from './js/index.mjs';
+import { protocolcheckLoad } from '../../utils/loadScript.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
+import { AppButton } from '../appButton/index.mjs';
+import { AppTooltip } from '../appTooltip/index.mjs';
+import { useVideoPlayerConfig } from '../../hooks/useVideoPlayerConfig.mjs';
+import { isBoolean, isNumber } from '../../utils/is.mjs';
+
+import "./style/appVideoPlayer.scss";
+
+const __default__ = defineComponent({
+  name: "AppVideoPlayer"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    type: {
+      type: String,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        const { type } = videoPlayerConfig.value;
+        if (["default", "analyse"].includes(type)) return type;
+        return "default";
+      }
+    },
+    // 播放列表
+    playList: {
+      type: Array,
+      default: () => []
+    },
+    // 播放速度
+    speed: {
+      type: Number,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        if (isNumber(videoPlayerConfig.value.speed)) {
+          return videoPlayerConfig.value.speed;
+        }
+        return 1;
+      }
+    },
+    // 播放规则
+    playRules: {
+      type: Number,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        if ([1, 2, 3].includes) {
+          return videoPlayerConfig.value.playRules;
+        }
+        return 3;
+      }
+    },
+    // 是否显示播放规则
+    showPlayRules: {
+      type: Boolean,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        const { showPlayRules } = videoPlayerConfig.value;
+        return isBoolean(showPlayRules) ? showPlayRules : true;
+      }
+    },
+    // 是否显示下载文件
+    showDownloadFiles: {
+      type: Boolean,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        const { showDownloadFiles } = videoPlayerConfig.value;
+        return isBoolean(showDownloadFiles) ? showDownloadFiles : true;
+      }
+    },
+    // 是否显示展开控件
+    showShrink: {
+      type: Boolean,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        const { showShrink } = videoPlayerConfig.value;
+        return isBoolean(showShrink) ? showShrink : false;
+      }
+    },
+    // 是否显示全屏控件
+    showFullScreen: {
+      type: Boolean,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        const { showFullScreen } = videoPlayerConfig.value;
+        return isBoolean(showFullScreen) ? showFullScreen : true;
+      }
+    },
+    // VLC协议
+    vlcProtocol: {
+      type: String,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        return videoPlayerConfig.value.vlcProtocol || "hyvlc";
+      }
+    },
+    // VLC下载地址
+    vlcAddress: {
+      type: String,
+      default: () => {
+        const { videoPlayerConfig } = useVideoPlayerConfig();
+        return videoPlayerConfig.value.vlcAddress;
+      }
+    },
+    // 下载处理
+    downloadFn: {
+      type: Function
+    }
+  },
+  emits: [
+    "canplay",
+    "timeupdate",
+    "play-start",
+    "play-ended",
+    "play-previous",
+    "play-next"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale();
+    const videoWrapperRef = useTemplateRef("videoWrapperRef");
+    const videoRef = useTemplateRef("videoRef");
+    const {
+      // useVideoPlayer
+      speed,
+      playRules,
+      loading,
+      videoItem,
+      videoUrl,
+      currentDuration,
+      totalDuration,
+      progress,
+      isDrop,
+      isFullScreen,
+      volumeValue,
+      hasVLC,
+      isCanNotPlayType,
+      videoState,
+      speedLabel,
+      isCanPlay,
+      isAnalyseType,
+      // 配置
+      speedList,
+      playRulesList,
+      // 函数
+      playVideo,
+      pauseVideo,
+      playPrevious,
+      playNext,
+      playRulesHandler,
+      speedHandler,
+      changeVolume,
+      getNowWh,
+      setVideoCurrentTime,
+      getPercent,
+      initFullScreenEvent,
+      destroyFullScreenEvent,
+      onFullScreenHandler,
+      openVLC,
+      downloadVLC,
+      onDownloadHandler,
+      // useVideoResize
+      isExpand,
+      videoHeight,
+      onSwitchShrink,
+      listenerVideoWrapper,
+      unlistenerVideoWrapper
+    } = useMixins(
+      {
+        props,
+        emits,
+        videoWrapperRef,
+        videoRef
+      },
+      [useVideoPlayer, useVideoResize]
+    );
+    protocolcheckLoad();
+    onMounted(() => {
+      initFullScreenEvent();
+      listenerVideoWrapper();
+    });
+    onUnmounted(() => {
+      destroyFullScreenEvent();
+      unlistenerVideoWrapper();
+    });
+    __expose({
+      playVideo,
+      pauseVideo,
+      setVideoCurrentTime
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "videoWrapperRef",
+          ref: videoWrapperRef,
+          class: normalizeClass(["video-player-content", {
+            "video-player-content-pick-up": !unref(isExpand) && !unref(isFullScreen),
+            "full-video-player-content": unref(isFullScreen)
+          }])
+        },
+        [
+          createCommentVNode(" loading "),
+          unref(loading) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "w-full h-full flex flex-col justify-center items-center absolute left-0 top-0"
+          }, [
+            createVNode(_sfc_main$1),
+            createElementVNode(
+              "span",
+              { class: "text-xs text-theme mt-4" },
+              "..." + toDisplayString(unref(t)("videoPlayer.videoResourcesAreLoading")) + "...",
+              1
+              /* TEXT */
+            )
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u65E0\u6CD5\u64AD\u653E "),
+          unref(videoState) === "CAN_NOT_PLAY" ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "w-full h-full flex flex-col justify-center items-center px-[34px]"
+          }, [
+            createCommentVNode(" \u91C7\u96C6\u7AD9\u6587\u4EF6 "),
+            unref(videoItem) && unref(videoItem).csFile === 1 && unref(videoItem).onlineState !== 1 ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 0 },
+              [
+                createElementVNode("div", { class: "w-[54px] h-[54px] rounded-full border-[2px] border-dangerv2 flex justify-center items-center shadow-[0px_0px_10px_2px_var(--dangerv2)]" }, [
+                  createElementVNode("div", { class: "w-[42px] h-[42px] rounded-full border-[1px] border-dashed border-dangerv2 flex justify-center items-center" }, [
+                    createVNode(unref(AppIcon), {
+                      "svg-name": "player-icon_brokLink",
+                      class: "!w-[24px] !h-[24px] text-dangerv2"
+                    })
+                  ])
+                ]),
+                createElementVNode(
+                  "span",
+                  { class: "text-xs text-auxiliary mt-4" },
+                  toDisplayString(unref(t)("videoPlayer.fileLoadingFailed")),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "span",
+                  { class: "text-xs text-auxiliary" },
+                  toDisplayString(_ctx.$t(
+                    "pleaseCheckWhetherTheCollectionStationIsOnlineAndWhetherTheFileExists"
+                  )),
+                  1
+                  /* TEXT */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                createCommentVNode(" \u666E\u901A\u6587\u4EF6 "),
+                createElementVNode("div", { class: "flex items-center justify-center text-auxiliary" }, [
+                  createVNode(unref(AppIcon), {
+                    "svg-name": "player-media-center-right-ripple",
+                    className: "!w-[12px] !h-[12px]"
+                  }),
+                  createVNode(unref(AppIcon), {
+                    "svg-name": "player-media-center-video",
+                    className: "!w-[40px] !h-[40px] mx-1"
+                  }),
+                  createVNode(unref(AppIcon), {
+                    "svg-name": "player-media-center-left-ripple",
+                    className: "!w-[12px] !h-[12px]"
+                  })
+                ]),
+                createElementVNode(
+                  "div",
+                  { class: "text-theme text-center mt-3 mb-[14px]" },
+                  toDisplayString(unref(isCanNotPlayType) ? unref(t)("videoPlayer.vlcPlayerTip") : unref(t)("theVideoCannotBePlayed")),
+                  1
+                  /* TEXT */
+                ),
+                unref(isCanNotPlayType) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "flex justify-center"
+                }, [
+                  unref(hasVLC) ? (openBlock(), createBlock(unref(AppButton), {
+                    key: 0,
+                    onClick: unref(openVLC)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(unref(t)("videoPlayer.clickPlay")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])) : (openBlock(), createBlock(unref(AppButton), {
+                    key: 1,
+                    onClick: unref(downloadVLC)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(unref(t)("videoPlayer.toDownloadVlc")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"]))
+                ])) : createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )),
+            createCommentVNode(" \u5207\u6362\u89C6\u9891\u63A7\u4EF6 "),
+            __props.playList?.length > 1 ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 2 },
+              [
+                createElementVNode("div", { class: "vlc-between-control left-0" }, [
+                  createVNode(unref(AppTooltip), {
+                    isAlways: "",
+                    content: "\u67E5\u770B\u4E0A\u4E00\u6761\u89C6\u9891"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", {
+                        class: "w-[30px] h-[30px] bg-[#3D6286] flex items-center justify-center cursor-pointer",
+                        onClick: unref(playPrevious)
+                      }, [
+                        createVNode(unref(AppIcon), {
+                          "svg-name": "player--previous",
+                          className: "!w-3 !h-3 text-main"
+                        })
+                      ], 8, ["onClick"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                createElementVNode("div", { class: "vlc-between-control right-0" }, [
+                  createVNode(unref(AppTooltip), {
+                    isAlways: "",
+                    content: "\u67E5\u770B\u4E0B\u4E00\u6761\u89C6\u9891"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", {
+                        class: "w-[30px] h-[30px] bg-[#3D6286] flex items-center justify-center cursor-pointer",
+                        onClick: unref(playNext)
+                      }, [
+                        createVNode(unref(AppIcon), {
+                          "svg-name": "player--next",
+                          className: "!w-3 !h-3 text-main"
+                        })
+                      ], 8, ["onClick"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : createCommentVNode("v-if", true)
+          ])) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 2 },
+            [
+              createCommentVNode(" \u53EF\u4EE5\u64AD\u653E "),
+              createElementVNode(
+                "video",
+                {
+                  ref_key: "videoRef",
+                  ref: videoRef,
+                  style: normalizeStyle({ height: unref(videoHeight) })
+                },
+                [
+                  createElementVNode("source", { type: "video/mp4" }),
+                  createElementVNode("source", { type: "video/webm" }),
+                  createElementVNode("source", { type: "video/ogg" }),
+                  createTextVNode(
+                    " " + toDisplayString(unref(t)("videoPlayer.yourBrowserDoesNotSupportHTMLVideoPlayback")),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                4
+                /* STYLE */
+              ),
+              createElementVNode("div", { class: "operator-box" }, [
+                createElementVNode("div", { class: "progress-box" }, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": ($event) => isRef(progress) ? progress.value = $event : null,
+                    type: "range",
+                    max: "100",
+                    style: normalizeStyle({
+                      background: `linear-gradient(to right, rgba(var(--hy-theme)) ${unref(getPercent)(
+                        unref(progress),
+                        100
+                      )}%, rgba(var(--hy-theme), 0.5) ${unref(getPercent)(unref(progress), 100)}% `
+                    }),
+                    onMousedown: ($event) => isDrop.value = true,
+                    onMouseup: ($event) => unref(getNowWh)($event)
+                  }, null, 44, ["onUpdate:modelValue", "onMousedown", "onMouseup"]), [
+                    [vModelText, unref(progress)]
+                  ])
+                ]),
+                createElementVNode("div", { class: "left-operator" }, [
+                  createElementVNode(
+                    "span",
+                    { class: "text-main" },
+                    toDisplayString(unref(currentDuration)),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode(" / "),
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(unref(totalDuration)),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                unref(isCanPlay) ? (openBlock(), createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    class: normalizeClass(["center-operator", { "center-analyse": unref(isAnalyseType) }])
+                  },
+                  [
+                    createElementVNode("div", { onClick: unref(playPrevious) }, [
+                      createVNode(unref(AppIcon), {
+                        "svg-name": unref(isAnalyseType) ? "player--interpretation-last" : "player-audio_previous-btn",
+                        "class-name": "last-icon"
+                      }, null, 8, ["svg-name"])
+                    ], 8, ["onClick"]),
+                    unref(videoState) !== "PLAYING" ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      onClick: ($event) => unref(playVideo)(unref(videoUrl))
+                    }, [
+                      createVNode(unref(AppIcon), { "svg-name": "player-audio_play-btn" })
+                    ], 8, ["onClick"])) : createCommentVNode("v-if", true),
+                    unref(videoState) === "PLAYING" ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      onClick: unref(pauseVideo)
+                    }, [
+                      createVNode(unref(AppIcon), { "svg-name": "player-audio_pause-btn" })
+                    ], 8, ["onClick"])) : createCommentVNode("v-if", true),
+                    createElementVNode("div", { onClick: unref(playNext) }, [
+                      createVNode(unref(AppIcon), {
+                        "svg-name": unref(isAnalyseType) ? "player--interpretation-next" : "player-audio_next-btn",
+                        "class-name": "next-icon"
+                      }, null, 8, ["svg-name"])
+                    ], 8, ["onClick"])
+                  ],
+                  2
+                  /* CLASS */
+                )) : createCommentVNode("v-if", true),
+                createElementVNode("div", { class: "right-operator" }, [
+                  createCommentVNode(" \u901F\u5EA6 "),
+                  createVNode(unref(ElPopover), {
+                    placement: "top",
+                    trigger: "click",
+                    appendToBody: false,
+                    "popper-class": "popover-speed"
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode(
+                        "div",
+                        { class: "speed-box" },
+                        toDisplayString(unref(speedLabel)),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("div", { class: "flex items-center justify-center py-[10px]" }, [
+                        createElementVNode("ul", { class: "speed-list" }, [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(unref(speedList), (item, index) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: index,
+                                class: normalizeClass(["clickBox", { selectBox: item.value === unref(speed) }]),
+                                onClick: ($event) => unref(speedHandler)(item.value)
+                              }, toDisplayString(item.label), 11, ["onClick"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createCommentVNode(" \u58F0\u97F3 "),
+                  createVNode(unref(ElPopover), {
+                    placement: "top",
+                    appendToBody: false,
+                    trigger: "click",
+                    "popper-class": "popover-volume-slider"
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode("div", { class: "flex items-center justify-center" }, [
+                        createVNode(unref(AppTooltip), {
+                          isAlways: "",
+                          content: unref(t)("videoPlayer.adjustPlaybackVolume")
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(AppIcon), {
+                              "svg-name": "player-audio_volumn",
+                              "class-name": "volume-icon"
+                            })
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["content"])
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("div", { class: "flex items-center justify-center" }, [
+                        createVNode(unref(ElSlider), {
+                          modelValue: unref(volumeValue),
+                          "onUpdate:modelValue": ($event) => isRef(volumeValue) ? volumeValue.value = $event : null,
+                          vertical: "",
+                          height: "105px",
+                          onInput: ($event) => unref(changeVolume)($event)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput"])
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createCommentVNode(" \u653E\u5927 "),
+                  __props.showFullScreen ? (openBlock(), createBlock(unref(AppTooltip), {
+                    key: 0,
+                    isAlways: "",
+                    content: unref(t)("videoPlayer.fullScreenSwitch")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(AppIcon), {
+                        "svg-name": unref(isFullScreen) ? "player-audio_reduce" : "player-audio_enlarge",
+                        onClick: unref(onFullScreenHandler)
+                      }, null, 8, ["svg-name", "onClick"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"])) : createCommentVNode("v-if", true),
+                  createCommentVNode(" \u6536\u8D77/\u5C55\u5F00 "),
+                  !unref(isFullScreen) && __props.showShrink ? (openBlock(), createBlock(unref(AppTooltip), {
+                    key: 1,
+                    isAlways: "",
+                    content: unref(isExpand) ? "\u6536\u8D77" : "\u5C55\u5F00"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(AppIcon), {
+                        "svg-name": unref(isExpand) ? "player--interpretation-foldup" : "player--interpretation-expand",
+                        onClick: unref(onSwitchShrink)
+                      }, null, 8, ["svg-name", "onClick"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"])) : createCommentVNode("v-if", true)
+                ])
+              ])
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
+          createCommentVNode(" \u89C6\u9891\u989D\u5916\u529F\u80FD "),
+          (__props.showDownloadFiles || __props.showPlayRules) && unref(isExpand) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 3,
+              class: normalizeClass(["float-operator-item", {
+                "!right-[43px]": unref(videoState) === "CAN_NOT_PLAY" && __props.playList?.length > 1
+              }])
+            },
+            [
+              createCommentVNode(" \u4E0B\u8F7D "),
+              __props.showDownloadFiles ? (openBlock(), createBlock(unref(AppTooltip), {
+                key: 0,
+                isAlways: "",
+                content: unref(t)("videoPlayer.downloadFile")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(AppIcon), {
+                    "svg-name": "player-audio_down-btn",
+                    onClick: unref(onDownloadHandler)
+                  }, null, 8, ["onClick"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"])) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u64AD\u653E\u89C4\u5219 "),
+              __props.showPlayRules && unref(videoState) !== "CAN_NOT_PLAY" ? (openBlock(true), createElementBlock(
+                Fragment,
+                { key: 1 },
+                renderList(unref(playRulesList), (item, index) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    { key: index },
+                    [
+                      unref(playRules) === item.value ? (openBlock(), createBlock(unref(AppTooltip), {
+                        key: 0,
+                        isAlways: "",
+                        content: item.label
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(AppIcon), {
+                            "svg-name": item.svgName,
+                            onClick: ($event) => unref(playRulesHandler)(item.value)
+                          }, null, 8, ["svg-name", "onClick"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["content"])) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )) : createCommentVNode("v-if", true),
+              renderSlot(_ctx.$slots, "pight-control-ranel")
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appVideoPlayer/cpns/mediaLoading.vue.mjs

@@ -0,0 +1,35 @@
+import { openBlock, createElementBlock, normalizeStyle, createElementVNode } from 'vue';
+
+import "../style/mediaLoading.scss";
+
+const _sfc_main = {
+  __name: "mediaLoading",
+  props: {
+    width: {
+      type: Number,
+      default: 60
+    },
+    height: {
+      type: Number,
+      default: 60
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: "tech-loader",
+          style: normalizeStyle({ width: __props.width + "px", height: __props.height + "px" })
+        },
+        [
+          createElementVNode("div", { class: "tech-center-dot" })
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+};
+
+export { _sfc_main as default };

package/es/components/appVideoPlayer/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appVideoPlayer.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppVideoPlayer = withInstall(_sfc_main);
+
+export { AppVideoPlayer, AppVideoPlayer as default };