@yimou6/common-ui 1.6.1

package/lib/components/link/src/link.vue2.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var elementPlus = require('element-plus');
+var link = require('./link.js');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = {
+  key: 0,
+  class: "t-link-icon"
+};
+const _hoisted_2 = { class: "t-link-content" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ILink"
+  },
+  __name: "link",
+  props: link.LinkProps,
+  emits: link.linkEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = /* @__PURE__ */ __name((evt) => {
+      if (!props.disabled) emit("click", evt);
+    }, "handleClick");
+    const _icon = vue.computed(() => link.getLinkIcon(props.type, props.icon));
+    const _color = vue.computed(() => {
+      return props.color ? props.color : props.type && link.customLinkType[props.type] ? link.customLinkType[props.type].color || "var(--el-color-primary)" : "var(--el-color-primary)";
+    });
+    const linkRef = vue.ref();
+    const { isOutside } = core.useMouseInElement(linkRef);
+    const changeColorByIsOutside = /* @__PURE__ */ __name(() => {
+      var _a, _b, _c;
+      if (props.disabled) return;
+      if (isOutside.value) {
+        if (linkRef.value) {
+          ((_a = linkRef.value) == null ? void 0 : _a.$el).style.color = _color.value;
+        }
+      } else {
+        const color = ((_b = linkRef.value) == null ? void 0 : _b.$el).style.color;
+        ((_c = linkRef.value) == null ? void 0 : _c.$el).style.color = color.indexOf("var") > -1 ? "var(--el-color-primary-dark-2)" : props.hover || link.darkenColor(color, 0.2);
+      }
+    }, "changeColorByIsOutside");
+    vue.watchEffect(() => changeColorByIsOutside());
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), {
+        ref_key: "linkRef",
+        ref: linkRef,
+        class: "t-link",
+        underline: false,
+        disabled: _ctx.disabled,
+        onClick: handleClick
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.$slots.icon || _icon.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
+              "i",
+              {
+                key: 1,
+                class: vue.normalizeClass(["iconfont", [_icon.value]])
+              },
+              null,
+              2
+              /* CLASS */
+            ))
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["disabled"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=link.vue2.js.map

package/lib/components/link/src/link.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue2.js","sources":["../../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { useMouseInElement } from '@vueuse/core';\n  import { ElLink } from 'element-plus';\n  import { computed, ref, watchEffect } from 'vue';\n  import { customLinkType, darkenColor, getLinkIcon, linkEmits, LinkProps } from './link';\n\n  defineOptions({\n    name: 'ILink',\n  });\n  const props = defineProps(LinkProps);\n  const emit = defineEmits(linkEmits);\n\n  const handleClick = (evt: MouseEvent) => {\n    if (!props.disabled) emit('click', evt);\n  };\n\n  const _icon = computed(() => getLinkIcon(props.type, props.icon));\n  const _color = computed(() => {\n    return props.color\n      ? props.color\n      : props.type && customLinkType[props.type]\n        ? customLinkType[props.type].color || 'var(--el-color-primary)'\n        : 'var(--el-color-primary)';\n  });\n\n  const linkRef = ref();\n  const { isOutside } = useMouseInElement(linkRef);\n  const changeColorByIsOutside = () => {\n    if (props.disabled) return;\n    if (isOutside.value) {\n      if (linkRef.value) {\n        (linkRef.value?.$el as HTMLDivElement).style.color = _color.value;\n      }\n    } else {\n      const color = (linkRef.value?.$el as HTMLDivElement).style.color;\n      (linkRef.value?.$el as HTMLDivElement).style.color =\n        color.indexOf('var') > -1 ? 'var(--el-color-primary-dark-2)' : props.hover || darkenColor(color, 0.2);\n    }\n  };\n  watchEffect(() => changeColorByIsOutside());\n</script>\n\n<template>\n  <ElLink ref=\"linkRef\" class=\"t-link\" :underline=\"false\" :disabled=\"disabled\" @click=\"handleClick\">\n    <div v-if=\"$slots.icon || _icon\" class=\"t-link-icon\">\n      <slot v-if=\"$slots.icon\" name=\"icon\" />\n      <i v-else class=\"iconfont\" :class=\"[_icon]\" />\n    </div>\n    <div class=\"t-link-content\">\n      <slot name=\"default\" />\n    </div>\n  </ElLink>\n</template>\n"],"names":["computed","getLinkIcon","customLinkType","ref","useMouseInElement","darkenColor","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASE,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,WAAA,2BAAe,GAAoB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAA,CAAM,QAAU,EAAA,IAAA,CAAK,SAAS,GAAG,CAAA;AAAA,KADpB,EAAA,aAAA,CAAA;AAIpB,IAAM,MAAA,KAAA,GAAQA,aAAS,MAAMC,gBAAA,CAAY,MAAM,IAAM,EAAA,KAAA,CAAM,IAAI,CAAC,CAAA;AAChE,IAAM,MAAA,MAAA,GAASD,aAAS,MAAM;AAC5B,MAAA,OAAO,KAAM,CAAA,KAAA,GACT,KAAM,CAAA,KAAA,GACN,MAAM,IAAQ,IAAAE,mBAAA,CAAe,KAAM,CAAA,IAAI,IACrCA,mBAAe,CAAA,KAAA,CAAM,IAAI,CAAA,CAAE,SAAS,yBACpC,GAAA,yBAAA;AAAA,KACP,CAAA;AAED,IAAA,MAAM,UAAUC,OAAI,EAAA;AACpB,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,sBAAA,CAAkB,OAAO,CAAA;AAC/C,IAAA,MAAM,yCAA+B,MAAA,CAAA,MAAA;;AACnC,MAAA,IAAI,MAAM,QAAU,EAAA;AACpB,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,QAAQ,KAAO,EAAA;AACjB,UAAA,CAAA,CAAC,aAAQ,KAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,GAAuB,EAAA,KAAA,CAAM,QAAQ,MAAO,CAAA,KAAA;AAAA;AAC9D,OACK,MAAA;AACL,QAAA,MAAM,KAAS,GAAA,CAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,KAAuB,KAAM,CAAA,KAAA;AAC3D,QAAA,CAAA,CAAC,aAAQ,KAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,GAAuB,EAAA,KAAA,CAAM,QAC3C,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAK,gCAAmC,GAAA,KAAA,CAAM,KAAS,IAAAC,gBAAA,CAAY,OAAO,GAAG,CAAA;AAAA;AACxG,KAV6B,EAAA,wBAAA,CAAA;AAY/B,IAAYC,eAAA,CAAA,MAAM,wBAAwB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/live-player/index.d.ts

@@ -0,0 +1,50 @@
+export declare const ILivePlayer: import("../../types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onLine: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}> & {}>;
+    playerRef: import("vue").Ref<any, any>;
+    player: any;
+    createPlayer: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    debug: boolean;
+    url: string;
+    onLine: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default ILivePlayer;

package/lib/components/live-player/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+require('./src/live-player.vue.js');
+var install = require('../../utils/install.js');
+var livePlayer_vue_vue_type_script_setup_true_lang = require('./src/live-player.vue2.js');
+
+const ILivePlayer = install.withInstall(livePlayer_vue_vue_type_script_setup_true_lang.default);
+
+exports.ILivePlayer = ILivePlayer;
+exports.default = ILivePlayer;
+//# sourceMappingURL=index.js.map

package/lib/components/live-player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/live-player/index.ts"],"sourcesContent":["import { withInstall } from '../../utils';\nimport LivePlayer from './src/live-player.vue';\n\nexport const ILivePlayer = withInstall(LivePlayer); // 增加类型\n\nexport default ILivePlayer;\n"],"names":["withInstall","LivePlayer"],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAcA,oBAAYC,sDAAU;;;;;"}

package/lib/components/live-player/src/live-player.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes } from 'vue';
+import type LivePlayer from './live-player.vue';
+export declare const LivePlayerProps: {
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type LivePlayerPropsType = ExtractPropTypes<typeof LivePlayerProps>;
+export type LivePlayerInstance = InstanceType<typeof LivePlayer>;
+export declare function videoType(url: string): string;

package/lib/components/live-player/src/live-player.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const LivePlayerProps = {
+  url: {
+    type: String,
+    default: ""
+  },
+  debug: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否为直播
+   */
+  onLine: {
+    type: Boolean,
+    default: true
+  }
+};
+function videoType(url) {
+  if (!url) {
+    return "";
+  }
+  try {
+    const pathname = extractPathname(url);
+    const pathnameWithoutParams = pathname.split("?")[0];
+    if (pathnameWithoutParams.endsWith(".flv")) {
+      return "flv";
+    } else if (pathnameWithoutParams.endsWith(".m3u8")) {
+      return "hls";
+    } else {
+      return "";
+    }
+  } catch (error) {
+    console.error("URL\u9519\u8BEF\u6216\u8DEF\u5F84\u65E0\u6548:", error);
+    return "";
+  }
+}
+__name(videoType, "videoType");
+function extractPathname(url) {
+  if (!url.startsWith("http://") && !url.startsWith("https://")) {
+    return url;
+  } else {
+    const parsedUrl = new URL(url);
+    return parsedUrl.pathname;
+  }
+}
+__name(extractPathname, "extractPathname");
+
+exports.LivePlayerProps = LivePlayerProps;
+exports.videoType = videoType;
+//# sourceMappingURL=live-player.js.map

package/lib/components/live-player/src/live-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-player.js","sources":["../../../../../../../packages/components/live-player/src/live-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue';\nimport type LivePlayer from './live-player.vue';\n\nexport const LivePlayerProps = {\n  url: {\n    type: String,\n    default: '',\n  },\n  debug: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * 是否为直播\n   */\n  onLine: {\n    type: Boolean,\n    default: true,\n  },\n};\n\nexport type LivePlayerPropsType = ExtractPropTypes<typeof LivePlayerProps>;\nexport type LivePlayerInstance = InstanceType<typeof LivePlayer>;\n/**\n * 判断视频类型\n * @param url 视频文件的URL，支持绝对路径和相对路径\n * @returns 视频类型，支持 'flv', 'hls'，否则返回 ''\n */\nexport function videoType(url: string): string {\n  if (!url) {\n    return '';\n  }\n\n  try {\n    // 提取路径名\n    const pathname = extractPathname(url);\n    // 去掉参数\n    const pathnameWithoutParams = pathname.split('?')[0];\n    // 判断视频类型\n    if (pathnameWithoutParams.endsWith('.flv')) {\n      return 'flv';\n    } else if (pathnameWithoutParams.endsWith('.m3u8')) {\n      return 'hls';\n    } else {\n      return '';\n    }\n  } catch (error) {\n    console.error('URL错误或路径无效:', error);\n    return '';\n  }\n}\n\n/**\n * 提取路径名，支持相对路径和绝对路径\n * @param url 输入的URL\n * @returns 路径名\n */\nfunction extractPathname(url: string): string {\n  if (!url.startsWith('http://') && !url.startsWith('https://')) {\n    // 相对路径直接返回\n    return url;\n  } else {\n    // 绝对路径解析\n    const parsedUrl = new URL(url);\n    return parsedUrl.pathname;\n  }\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AASO,SAAS,UAAU,GAAqB,EAAA;AAC7C,EAAA,IAAI,CAAC,GAAK,EAAA;AACR,IAAO,OAAA,EAAA;AAAA;AAGT,EAAI,IAAA;AAEF,IAAM,MAAA,QAAA,GAAW,gBAAgB,GAAG,CAAA;AAEpC,IAAA,MAAM,qBAAwB,GAAA,QAAA,CAAS,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA;AAEnD,IAAI,IAAA,qBAAA,CAAsB,QAAS,CAAA,MAAM,CAAG,EAAA;AAC1C,MAAO,OAAA,KAAA;AAAA,KACE,MAAA,IAAA,qBAAA,CAAsB,QAAS,CAAA,OAAO,CAAG,EAAA;AAClD,MAAO,OAAA,KAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA,EAAA;AAAA;AACT,WACO,KAAO,EAAA;AACd,IAAQ,OAAA,CAAA,KAAA,CAAM,kDAAe,KAAK,CAAA;AAClC,IAAO,OAAA,EAAA;AAAA;AAEX;AAtBgB,MAAA,CAAA,SAAA,EAAA,WAAA,CAAA;AA6BhB,SAAS,gBAAgB,GAAqB,EAAA;AAC5C,EAAI,IAAA,CAAC,IAAI,UAAW,CAAA,SAAS,KAAK,CAAC,GAAA,CAAI,UAAW,CAAA,UAAU,CAAG,EAAA;AAE7D,IAAO,OAAA,GAAA;AAAA,GACF,MAAA;AAEL,IAAM,MAAA,SAAA,GAAY,IAAI,GAAA,CAAI,GAAG,CAAA;AAC7B,IAAA,OAAO,SAAU,CAAA,QAAA;AAAA;AAErB;AATS,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;;;;;"}

package/lib/components/live-player/src/live-player.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onLine: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}> & {}>;
+    playerRef: import("vue").Ref<any, any>;
+    player: any;
+    createPlayer: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    debug: boolean;
+    url: string;
+    onLine: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/live-player/src/live-player.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var livePlayer_vue_vue_type_script_setup_true_lang = require('./live-player.vue2.js');
+
+
+
+exports.default = livePlayer_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=live-player.vue.js.map

package/lib/components/live-player/src/live-player.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-player.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/live-player/src/live-player.vue2.js

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Player = require('xgplayer');
+var FlvPlugin = require('xgplayer-flv');
+var HlsPlugin = require('xgplayer-hls');
+var livePlayer = require('./live-player.js');
+var preset = require('./preset.js');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = { class: "i-live-player" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ILivePlayer"
+  },
+  __name: "live-player",
+  props: livePlayer.LivePlayerProps,
+  setup(__props) {
+    const props = __props;
+    const playerRef = vue.ref();
+    let player = null;
+    vue.onMounted(() => {
+      createPlayer();
+    });
+    function createPlayer() {
+      const plugins = [];
+      const type = livePlayer.videoType(props.url);
+      console.log(props.url);
+      console.log(type);
+      try {
+        if (type === "flv") {
+          if (FlvPlugin.isSupported()) {
+            plugins.push(FlvPlugin);
+          }
+        } else if (type === "hls") {
+          const videoElement = document.createElement("video");
+          const isNativeHlsSupported = videoElement.canPlayType("application/vnd.apple.mpegurl");
+          if (!isNativeHlsSupported && HlsPlugin.isSupported()) {
+            plugins.push(HlsPlugin);
+          }
+        } else {
+          console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);
+        }
+      } catch (error) {
+        console.error("Error occurred while checking plugin support:", error);
+      }
+      Player.I18N.extend([preset.customLang]);
+      const ignores = props.onLine ? preset.onLineIgnores : preset.recordIgnores;
+      player = new Player({
+        el: playerRef.value,
+        url: props.url,
+        height: "100%",
+        width: "100%",
+        plugins,
+        ignores,
+        autoplayMuted: false,
+        marginControls: true,
+        screenShot: props.onLine,
+        // 直播：开启自动播放
+        // 点播：关闭自动播放
+        autoplay: true,
+        lang: "zh-cn",
+        videoAttributes: {
+          crossOrigin: "anonymous"
+        }
+      });
+      player.getPlugin("error").useHooks("errorRetry", () => {
+        player.config.url = props.url;
+        player.resetState();
+        player.play();
+        return false;
+      });
+    }
+    __name(createPlayer, "createPlayer");
+    vue.watch(
+      () => props.url,
+      () => {
+        if (player && props.url) {
+          player.destroy();
+          player = null;
+          createPlayer();
+        }
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      player.destroy();
+      player = null;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode(
+          "div",
+          {
+            ref_key: "playerRef",
+            ref: playerRef,
+            class: "i-live-player__container"
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        )
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=live-player.vue2.js.map

package/lib/components/live-player/src/live-player.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-player.vue2.js","sources":["../../../../../../../packages/components/live-player/src/live-player.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { onBeforeUnmount, onMounted, ref, watch } from 'vue';\n  import Player from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { LivePlayerProps, videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n\n  defineOptions({\n    name: 'ILivePlayer',\n  });\n\n  const props = defineProps(LivePlayerProps);\n\n  const playerRef = ref();\n  let player: any = null;\n\n  onMounted(() => {\n    createPlayer();\n  });\n\n  function createPlayer() {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n    console.log(props.url);\n    console.log(type);\n    try {\n      if (type === 'flv') {\n        if (FlvPlugin.isSupported()) {\n          plugins.push(FlvPlugin);\n        }\n      } else if (type === 'hls') {\n        const videoElement = document.createElement('video');\n        const isNativeHlsSupported = videoElement.canPlayType('application/vnd.apple.mpegurl');\n\n        if (!isNativeHlsSupported && HlsPlugin.isSupported()) {\n          plugins.push(HlsPlugin);\n        }\n      } else {\n        console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);\n      }\n    } catch (error) {\n      console.error('Error occurred while checking plugin support:', error);\n    }\n\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    player = new Player({\n      el: playerRef.value,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      plugins,\n      ignores,\n      autoplayMuted: false,\n      marginControls: true,\n      screenShot: props.onLine,\n      // 直播：开启自动播放\n      // 点播：关闭自动播放\n      autoplay: true,\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n    });\n\n    player.getPlugin('error').useHooks('errorRetry', () => {\n      player.config.url = props.url;\n      player.resetState();\n      player.play();\n      return false;\n    });\n  }\n\n  watch(\n    () => props.url,\n    () => {\n      if (player && props.url) {\n        player.destroy();\n        player = null;\n        createPlayer();\n      }\n    },\n  );\n\n  onBeforeUnmount(() => {\n    player.destroy();\n    player = null;\n  });\n</script>\n\n<template>\n  <div class=\"i-live-player\">\n    <div ref=\"playerRef\" class=\"i-live-player__container\" />\n  </div>\n</template>\n"],"names":["ref","onMounted","videoType","customLang","onLineIgnores","recordIgnores","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,YAAYA,OAAI,EAAA;AACtB,IAAA,IAAI,MAAc,GAAA,IAAA;AAElB,IAAAC,aAAA,CAAU,MAAM;AACd,MAAa,YAAA,EAAA;AAAA,KACd,CAAA;AAED,IAAA,SAAS,YAAe,GAAA;AACtB,MAAA,MAAM,UAAiB,EAAC;AACxB,MAAM,MAAA,IAAA,GAAOC,oBAAU,CAAA,KAAA,CAAM,GAAG,CAAA;AAChC,MAAQ,OAAA,CAAA,GAAA,CAAI,MAAM,GAAG,CAAA;AACrB,MAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAChB,MAAI,IAAA;AACF,QAAA,IAAI,SAAS,KAAO,EAAA;AAClB,UAAI,IAAA,SAAA,CAAU,aAAe,EAAA;AAC3B,YAAA,OAAA,CAAQ,KAAK,SAAS,CAAA;AAAA;AACxB,SACF,MAAA,IAAW,SAAS,KAAO,EAAA;AACzB,UAAM,MAAA,YAAA,GAAe,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA;AACnD,UAAM,MAAA,oBAAA,GAAuB,YAAa,CAAA,WAAA,CAAY,+BAA+B,CAAA;AAErF,UAAA,IAAI,CAAC,oBAAA,IAAwB,SAAU,CAAA,WAAA,EAAe,EAAA;AACpD,YAAA,OAAA,CAAQ,KAAK,SAAS,CAAA;AAAA;AACxB,SACK,MAAA;AACL,UAAQ,OAAA,CAAA,IAAA,CAAK,CAAqB,kBAAA,EAAA,IAAI,CAA8B,4BAAA,CAAA,CAAA;AAAA;AACtE,eACO,KAAO,EAAA;AACd,QAAQ,OAAA,CAAA,KAAA,CAAM,iDAAiD,KAAK,CAAA;AAAA;AAItE,MAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,CAACC,iBAAU,CAAC,CAAA;AAE/B,MAAM,MAAA,OAAA,GAAU,KAAM,CAAA,MAAA,GAASC,oBAAgB,GAAAC,oBAAA;AAE/C,MAAA,MAAA,GAAS,IAAI,MAAO,CAAA;AAAA,QAClB,IAAI,SAAU,CAAA,KAAA;AAAA,QACd,KAAK,KAAM,CAAA,GAAA;AAAA,QACX,MAAQ,EAAA,MAAA;AAAA,QACR,KAAO,EAAA,MAAA;AAAA,QACP,OAAA;AAAA,QACA,OAAA;AAAA,QACA,aAAe,EAAA,KAAA;AAAA,QACf,cAAgB,EAAA,IAAA;AAAA,QAChB,YAAY,KAAM,CAAA,MAAA;AAAA;AAAA;AAAA,QAGlB,QAAU,EAAA,IAAA;AAAA,QACV,IAAM,EAAA,OAAA;AAAA,QACN,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA;AAAA;AACf,OACD,CAAA;AAED,MAAA,MAAA,CAAO,SAAU,CAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,MAAM;AACrD,QAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAM,CAAA,GAAA;AAC1B,QAAA,MAAA,CAAO,UAAW,EAAA;AAClB,QAAA,MAAA,CAAO,IAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA,OACR,CAAA;AAAA;AArDM,IAAA,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAwDT,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,GAAA;AAAA,MACZ,MAAM;AACJ,QAAI,IAAA,MAAA,IAAU,MAAM,GAAK,EAAA;AACvB,UAAA,MAAA,CAAO,OAAQ,EAAA;AACf,UAAS,MAAA,GAAA,IAAA;AACT,UAAa,YAAA,EAAA;AAAA;AACf;AACF,KACF;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,MAAA,CAAO,OAAQ,EAAA;AACf,MAAS,MAAA,GAAA,IAAA;AAAA,KACV,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/live-player/src/preset.d.ts

@@ -0,0 +1,10 @@
+export declare const onLineIgnores: string[];
+export declare const recordIgnores: string[];
+export declare const customLang: {
+    LANG: string;
+    TEXT: {
+        MEDIA_ERR_SRC_NOT_SUPPORTED: string;
+        CSSFULLSCREEN_TIPS: string;
+        EXITCSSFULLSCREEN_TIPS: string;
+    };
+};

package/lib/components/live-player/src/preset.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const onLineIgnores = ["Fullscreen", "Start", "progress", "progresspreview", "definition", "PlaybackRate"];
+const recordIgnores = ["Fullscreen", "Start", "definition"];
+const customLang = {
+  LANG: "zh-cn",
+  TEXT: {
+    MEDIA_ERR_SRC_NOT_SUPPORTED: "\u65E0\u4FE1\u53F7",
+    CSSFULLSCREEN_TIPS: "\u5168\u5C4F",
+    EXITCSSFULLSCREEN_TIPS: "\u9000\u51FA\u5168\u5C4F"
+  }
+};
+
+exports.customLang = customLang;
+exports.onLineIgnores = onLineIgnores;
+exports.recordIgnores = recordIgnores;
+//# sourceMappingURL=preset.js.map

package/lib/components/live-player/src/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sources":["../../../../../../../packages/components/live-player/src/preset.ts"],"sourcesContent":["// 直播模式忽略的插件\nexport const onLineIgnores = ['Fullscreen', 'Start', 'progress', 'progresspreview', 'definition', 'PlaybackRate'];\n\n// 点播模式忽略的插件\nexport const recordIgnores = ['Fullscreen', 'Start', 'definition'];\n\nexport const customLang = {\n  LANG: 'zh-cn',\n  TEXT: {\n    MEDIA_ERR_SRC_NOT_SUPPORTED: '无信号',\n    CSSFULLSCREEN_TIPS: '全屏',\n    EXITCSSFULLSCREEN_TIPS: '退出全屏',\n  },\n};\n"],"names":[],"mappings":";;AACO,MAAM,gBAAgB,CAAC,YAAA,EAAc,SAAS,UAAY,EAAA,iBAAA,EAAmB,cAAc,cAAc;AAGzG,MAAM,aAAgB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,YAAY;AAE1D,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,OAAA;AAAA,EACN,IAAM,EAAA;AAAA,IACJ,2BAA6B,EAAA,oBAAA;AAAA,IAC7B,kBAAoB,EAAA,cAAA;AAAA,IACpB,sBAAwB,EAAA;AAAA;AAE5B;;;;;;"}

package/lib/components/page-header/index.d.ts

@@ -0,0 +1,53 @@
+export declare const IPageHeader: import("../../types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotFlex: {
+        type: import("vue").PropType<"between" | "start">;
+        default: string;
+    };
+    action: ObjectConstructor;
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        slotFlex: {
+            type: import("vue").PropType<"between" | "start">;
+            default: string;
+        };
+        action: ObjectConstructor;
+    }>> & Readonly<{}> & {}>;
+    menuStore: import("../../utils").IMenuStore | undefined;
+    headerText: import("vue").Ref<string, string>;
+    setHeaderText: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotFlex: {
+        type: import("vue").PropType<"between" | "start">;
+        default: string;
+    };
+    action: ObjectConstructor;
+}>> & Readonly<{}>, {
+    title: string;
+    underline: boolean;
+    slotFlex: "start" | "between";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default IPageHeader;

package/lib/components/page-header/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+require('./src/page-header.vue.js');
+var install = require('../../utils/install.js');
+var pageHeader_vue_vue_type_script_setup_true_lang = require('./src/page-header.vue2.js');
+
+const IPageHeader = install.withInstall(pageHeader_vue_vue_type_script_setup_true_lang.default);
+
+exports.IPageHeader = IPageHeader;
+exports.default = IPageHeader;
+//# sourceMappingURL=index.js.map

package/lib/components/page-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/page-header/index.ts"],"sourcesContent":["import { withInstall } from '../../utils';\nimport PageHeader from './src/page-header.vue';\n\nexport const IPageHeader = withInstall(PageHeader); // 增加类型\n\nexport default IPageHeader;\n"],"names":["withInstall","PageHeader"],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAcA,oBAAYC,sDAAU;;;;;"}

package/lib/components/page-header/src/page-header.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type PageHeader from './page-header.vue';
+export declare const PageHeaderProps: {
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotFlex: {
+        type: PropType<"between" | "start">;
+        default: string;
+    };
+    action: ObjectConstructor;
+};
+export type PageHeaderPropsType = ExtractPropTypes<typeof PageHeaderProps>;
+export type PageHeaderInstance = InstanceType<typeof PageHeader>;

package/lib/components/page-header/src/page-header.js

@@ -0,0 +1,23 @@
+'use strict';
+
+const PageHeaderProps = {
+  title: {
+    type: String,
+    default: ""
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  slotFlex: {
+    type: String,
+    default: "start"
+  },
+  /**
+   * pinia useSystemMenuStoreHook
+   */
+  action: Object
+};
+
+exports.PageHeaderProps = PageHeaderProps;
+//# sourceMappingURL=page-header.js.map

package/lib/components/page-header/src/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sources":["../../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type PageHeader from './page-header.vue';\n\nexport const PageHeaderProps = {\n  title: {\n    type: String,\n    default: '',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  slotFlex: {\n    type: String as PropType<'between' | 'start'>,\n    default: 'start',\n  },\n  /**\n   * pinia useSystemMenuStoreHook\n   */\n  action: Object,\n};\n\nexport type PageHeaderPropsType = ExtractPropTypes<typeof PageHeaderProps>;\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>;\n"],"names":[],"mappings":";;AAGO,MAAM,eAAkB,GAAA;AAAA,EAC7B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AACV;;;;"}

package/lib/components/page-header/src/page-header.vue.d.ts

@@ -0,0 +1,53 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotFlex: {
+        type: import("vue").PropType<"between" | "start">;
+        default: string;
+    };
+    action: ObjectConstructor;
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        slotFlex: {
+            type: import("vue").PropType<"between" | "start">;
+            default: string;
+        };
+        action: ObjectConstructor;
+    }>> & Readonly<{}> & {}>;
+    menuStore: import("../../../utils").IMenuStore | undefined;
+    headerText: import("vue").Ref<string, string>;
+    setHeaderText: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotFlex: {
+        type: import("vue").PropType<"between" | "start">;
+        default: string;
+    };
+    action: ObjectConstructor;
+}>> & Readonly<{}>, {
+    title: string;
+    underline: boolean;
+    slotFlex: "start" | "between";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/page-header/src/page-header.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var pageHeader_vue_vue_type_script_setup_true_lang = require('./page-header.vue2.js');
+
+
+
+exports.default = pageHeader_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=page-header.vue.js.map

package/lib/components/page-header/src/page-header.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}