@yimou6/common-ui 1.10.1 → 1.10.3

package/es/components/tzj-player/src/tzj-player.vue2.mjs

@@ -1,11 +1,17 @@
-import { defineComponent, shallowRef, onMounted, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, shallowRef, ref, onMounted, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps, createCommentVNode } from 'vue';
 import './easyPlayer.vue.mjs';
-import { TzjPlayerProps } from './tzj-player.mjs';
+import { TzjPlayerProps, isSupportedProtocol } from './tzj-player.mjs';
 import './ysPlayer.vue.mjs';
 import _sfc_main$1 from './ysPlayer.vue2.mjs';
 import _sfc_main$2 from './easyPlayer.vue2.mjs';
 
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const _hoisted_1 = { class: "i-tzj-player" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-tzj-player__error"
+};
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ITzjPlayer"
@@ -16,9 +22,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const comp = shallowRef();
     const compRef = shallowRef();
-    onMounted(() => {
-      comp.value = props.accessToken && props.accessToken.length > 32 ? _sfc_main$1 : _sfc_main$2;
-    });
+    const supportedProtocol = ref(true);
+    onMounted(() => initPlayer());
+    watch(
+      () => [props.url, props.accessToken],
+      () => initPlayer()
+    );
+    function initPlayer() {
+      supportedProtocol.value = isSupportedProtocol(props.url);
+      if (supportedProtocol.value) {
+        comp.value = props.accessToken && props.accessToken.length > 32 ? _sfc_main$1 : _sfc_main$2;
+      } else {
+        comp.value = null;
+      }
+    }
+    __name(initPlayer, "initPlayer");
     __expose({
       play(options) {
         var _a;
@@ -40,7 +58,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           null,
           16
           /* FULL_PROPS */
-        ))
+        )),
+        !supportedProtocol.value ? (openBlock(), createElementBlock("div", _hoisted_2, "\u683C\u5F0F\u4E0D\u652F\u6301")) : createCommentVNode("v-if", true)
       ]);
     };
   }

package/es/components/tzj-player/src/tzj-player.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { onMounted, shallowRef } from 'vue';\n  import EasyPlayer from './easyPlayer.vue';\n  import { TzjPlayerProps } from './tzj-player';\n  import YsPlayer from './ysPlayer.vue';\n\n  defineOptions({\n    name: 'ITzjPlayer',\n  });\n\n  const props = defineProps(TzjPlayerProps);\n\n  const comp = shallowRef();\n  const compRef = shallowRef();\n\n  onMounted(() => {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value = props.accessToken && props.accessToken.length > 32 ? YsPlayer : EasyPlayer;\n  });\n\n  defineExpose({\n    play(options?: any) {\n      compRef.value?.play(options);\n    },\n    destroy() {\n      compRef.value?.destroy();\n    },\n  });\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n  </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer"],"mappings":";;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAE3B,IAAA,SAAA,CAAU,MAAM;AAEd,MAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAAKA,WAAW,GAAAC,WAAA;AAAA,KAC9E,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { onMounted, ref, shallowRef, watch } from 'vue';\n  import EasyPlayer from './easyPlayer.vue';\n  import { isSupportedProtocol, TzjPlayerProps } from './tzj-player';\n  import YsPlayer from './ysPlayer.vue';\n\n  defineOptions({\n    name: 'ITzjPlayer',\n  });\n\n  const props = defineProps(TzjPlayerProps);\n\n  const comp = shallowRef();\n  const compRef = shallowRef();\n  const supportedProtocol = ref(true);\n\n  onMounted(() => initPlayer());\n\n  watch(\n    () => [props.url, props.accessToken],\n    () => initPlayer(),\n  );\n\n  function initPlayer() {\n    supportedProtocol.value = isSupportedProtocol(props.url);\n    if (supportedProtocol.value) {\n      // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n      comp.value = props.accessToken && props.accessToken.length > 32 ? YsPlayer : EasyPlayer;\n    } else {\n      comp.value = null;\n    }\n  }\n\n  defineExpose({\n    play(options?: any) {\n      compRef.value?.play(options);\n    },\n    destroy() {\n      compRef.value?.destroy();\n    },\n  });\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">格式不支持</div>\n  </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAElC,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQ,mBAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAAKA,WAAW,GAAAC,WAAA;AAAA,OACxE,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAPO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAUT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/es/index.mjs

@@ -28,7 +28,6 @@ export { TenantEnterpriseEmits, TenantEnterpriseProps } from './components/tenan
 export { ITenantEnterprise } from './components/tenant-enterprise/index.mjs';
 export { ITextButton, ITextButtonGroup } from './components/text-button/index.mjs';
 export { ITzjPlayer } from './components/tzj-player/index.mjs';
-export { IWisdomChat } from './components/wisdom-chat/index.mjs';
 export { useBaseTable } from './hooks/useBaseTable/index.mjs';
 export { useECharts } from './hooks/useECharts/index.mjs';
 export { withInstall, withInstallDirectives } from './utils/install.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/installer.mjs

@@ -20,7 +20,6 @@ import { IDialog } from './components/dialog/index.mjs';
 import { ILink } from './components/link/index.mjs';
 import { ITzjPlayer } from './components/tzj-player/index.mjs';
 import { IDatePicker } from './components/date-picker/index.mjs';
-import { IWisdomChat } from './components/wisdom-chat/index.mjs';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -47,8 +46,7 @@ const component = [
   IDialog,
   ILink,
   ITzjPlayer,
-  IDatePicker,
-  IWisdomChat
+  IDatePicker
 ];
 const install = /* @__PURE__ */ __name(function(app, _options) {
   component.forEach((i) => app.use(i, _options));

package/es/installer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"installer.mjs","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  ITzjPlayer,\n  IWisdomChat,\n} from './components';\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  ITzjPlayer,\n  IDatePicker,\n  IWisdomChat,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach(i => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,SAAY,GAAA;AAAA,EAChB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAK,CAAA,KAAA,GAAA,CAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC7C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;"}
+{"version":3,"file":"installer.mjs","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  ITzjPlayer,\n} from './components';\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  ITzjPlayer,\n  IDatePicker,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach(i => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA;AAAA,EAChB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAK,CAAA,KAAA,GAAA,CAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC7C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;"}

package/global.d.ts

@@ -24,7 +24,6 @@ declare module 'vue' {
     ITenantEnterprise: typeof import('@tzj/common-ui')['ITenantEnterprise'];
     ITextButton: typeof import('@tzj/common-ui')['ITextButton'];
     ITzjPlayer: typeof import('@tzj/common-ui')['ITzjPlayer'];
-    IWisdomChat: typeof import('@tzj/common-ui')['IWisdomChat'];
   }
 }
 

package/lib/components/index.d.ts

@@ -19,4 +19,3 @@ export * from './table';
 export * from './tenant-enterprise';
 export * from './text-button';
 export * from './tzj-player';
-export * from './wisdom-chat';

package/lib/components/index.js

@@ -21,7 +21,6 @@ var index$h = require('./table/index.js');
 var index$i = require('./tenant-enterprise/index.js');
 var index$j = require('./text-button/index.js');
 var index$k = require('./tzj-player/index.js');
-var index$l = require('./wisdom-chat/index.js');
 var form = require('./form/src/form.js');
 var search = require('./search/src/search.js');
 var table = require('./table/src/table.js');
@@ -52,7 +51,6 @@ exports.ITenantEnterprise = index$i.ITenantEnterprise;
 exports.ITextButton = index$j.ITextButton;
 exports.ITextButtonGroup = index$j.ITextButtonGroup;
 exports.ITzjPlayer = index$k.ITzjPlayer;
-exports.IWisdomChat = index$l.IWisdomChat;
 exports.FormItemProps = form.FormItemProps;
 exports.FormProps = form.FormProps;
 exports.formItemExcludeKeys = form.formItemExcludeKeys;

package/lib/components/index.js.map

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

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

@@ -107,11 +107,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         playerInstance.value.play();
         return false;
       });
-      playerInstance.value.on(Player.Events.ERROR, (error) => {
+      playerInstance.value.on("error", (error) => {
         console.error("\u64AD\u653E\u51FA\u9519:", error);
         playerInstance.value.unRegisterPlugin("controls");
       });
-      playerInstance.value.on(Player.Events.CANPLAY, () => {
+      playerInstance.value.on("canplay", () => {
         console.log("\u89C6\u9891\u7F13\u51B2\u8DB3\u591F\u6570\u636E\uFF0C\u53EF\u4EE5\u64AD\u653E");
       });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"xgPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/xgPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, nextTick, onMounted, ref, shallowRef } from 'vue';\n  import Player, { Events } from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n\n  /**\n   * 西瓜播放器\n   */\n  defineOptions({\n    name: 'XgPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n    onLine?: boolean;\n  }>();\n\n  const playerRef = shallowRef<HTMLElement>();\n  const playerInstance = ref<Player | null>(null);\n  const videoUrl = computed(() => props.url);\n\n  onMounted(() => {\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n    play();\n  });\n\n  defineExpose({ play, destroy });\n\n  function play() {\n    destroy();\n    nextTick(() => {\n      console.log(videoUrl.value);\n      // 视频地址为空，不播放\n      if (!videoUrl.value) {\n        return;\n      }\n      createXgPlayer();\n    });\n  }\n\n  function destroy() {\n    if (playerInstance.value) {\n      playerInstance.value.destroy();\n      playerInstance.value = null;\n    }\n  }\n\n  /**\n   * 检查插件支持情况\n   */\n  function checkPluginSupport() {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n\n    try {\n      if (type === 'flv' && FlvPlugin.isSupported()) {\n        plugins.push(FlvPlugin);\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 if (type !== 'flv' && type !== 'hls') {\n        console.warn(`不支持的视频类型: ${type}. 请使用 'flv' 或 'hls'。`);\n      }\n    } catch (error) {\n      console.error('检查插件支持时出错:', error);\n    }\n\n    return plugins;\n  }\n\n  /**\n   * 创建播放器配置\n   */\n  function createPlayerConfig(plugins: any[]) {\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    return {\n      el: playerRef.value!,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      autoplay: true,\n      autoplayMuted: true,\n      videoInit: true,\n      plugins,\n      ignores,\n      marginControls: false,\n      screenShot: props.onLine,\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n    };\n  }\n\n  /**\n   * 创建西瓜播放器实例，播放hls,flv流\n   */\n  function createXgPlayer() {\n    const plugins = checkPluginSupport();\n    const config = createPlayerConfig(plugins);\n\n    playerInstance.value = new Player(config);\n\n    // 播放出错之后，点击\"刷新\"按钮重新播放\n    playerInstance.value.getPlugin('error').useHooks('errorRetry', () => {\n      playerInstance.value!.setConfig({\n        url: props.url,\n      });\n      // 重置状态\n      playerInstance.value!.resetState();\n      // 重新播放\n      playerInstance.value!.play();\n      return false;\n    });\n\n    playerInstance.value.on(Events.ERROR, (error: Record<string, any>) => {\n      console.error('播放出错:', error);\n      // 播放出错时，禁用控制栏插件\n      playerInstance.value!.unRegisterPlugin('controls');\n    });\n\n    // 视频缓冲足够数据，可以播放\n    playerInstance.value.on(Events.CANPLAY, () => {\n      console.log('视频缓冲足够数据，可以播放');\n    });\n  }\n</script>\n\n<template>\n  <div class=\"i-player-bg i-player-container\">\n    <!-- 视频地址为空的提示 -->\n    <div v-if=\"!videoUrl\" class=\"i-player-no__url\">\n      <div>无播放地址</div>\n    </div>\n    <div v-else ref=\"playerRef\" class=\"i-player-container\" />\n  </div>\n</template>\n"],"names":["shallowRef","ref","computed","onMounted","customLang","nextTick","videoType","onLineIgnores","recordIgnores","Events"],"mappings":"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"}
+{"version":3,"file":"xgPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/xgPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, nextTick, onMounted, ref, shallowRef } from 'vue';\n  import Player from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n\n  /**\n   * 西瓜播放器\n   */\n  defineOptions({\n    name: 'XgPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n    onLine?: boolean;\n  }>();\n\n  const playerRef = shallowRef<HTMLElement>();\n  const playerInstance = ref<Player | null>(null);\n  const videoUrl = computed(() => props.url);\n\n  onMounted(() => {\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n    play();\n  });\n\n  defineExpose({ play, destroy });\n\n  function play() {\n    destroy();\n    nextTick(() => {\n      console.log(videoUrl.value);\n      // 视频地址为空，不播放\n      if (!videoUrl.value) {\n        return;\n      }\n      createXgPlayer();\n    });\n  }\n\n  function destroy() {\n    if (playerInstance.value) {\n      playerInstance.value.destroy();\n      playerInstance.value = null;\n    }\n  }\n\n  /**\n   * 检查插件支持情况\n   */\n  function checkPluginSupport() {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n\n    try {\n      if (type === 'flv' && FlvPlugin.isSupported()) {\n        plugins.push(FlvPlugin);\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 if (type !== 'flv' && type !== 'hls') {\n        console.warn(`不支持的视频类型: ${type}. 请使用 'flv' 或 'hls'。`);\n      }\n    } catch (error) {\n      console.error('检查插件支持时出错:', error);\n    }\n\n    return plugins;\n  }\n\n  /**\n   * 创建播放器配置\n   */\n  function createPlayerConfig(plugins: any[]) {\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    return {\n      el: playerRef.value!,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      autoplay: true,\n      autoplayMuted: true,\n      videoInit: true,\n      plugins,\n      ignores,\n      marginControls: false,\n      screenShot: props.onLine,\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n    };\n  }\n\n  /**\n   * 创建西瓜播放器实例，播放hls,flv流\n   */\n  function createXgPlayer() {\n    const plugins = checkPluginSupport();\n    const config = createPlayerConfig(plugins);\n\n    playerInstance.value = new Player(config);\n\n    // 播放出错之后，点击\"刷新\"按钮重新播放\n    playerInstance.value.getPlugin('error').useHooks('errorRetry', () => {\n      playerInstance.value!.setConfig({\n        url: props.url,\n      });\n      // 重置状态\n      playerInstance.value!.resetState();\n      // 重新播放\n      playerInstance.value!.play();\n      return false;\n    });\n\n    playerInstance.value.on('error', (error: Record<string, any>) => {\n      console.error('播放出错:', error);\n      // 播放出错时，禁用控制栏插件\n      playerInstance.value!.unRegisterPlugin('controls');\n    });\n\n    // 视频缓冲足够数据，可以播放\n    playerInstance.value.on('canplay', () => {\n      console.log('视频缓冲足够数据，可以播放');\n    });\n  }\n</script>\n\n<template>\n  <div class=\"i-player-bg i-player-container\">\n    <!-- 视频地址为空的提示 -->\n    <div v-if=\"!videoUrl\" class=\"i-player-no__url\">\n      <div>无播放地址</div>\n    </div>\n    <div v-else ref=\"playerRef\" class=\"i-player-container\" />\n  </div>\n</template>\n"],"names":["shallowRef","ref","computed","onMounted","customLang","nextTick","videoType","onLineIgnores","recordIgnores"],"mappings":"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"}

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

@@ -20,6 +20,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
     }>> & Readonly<{}> & {}>;
     comp: import("vue").ShallowRef<any, any>;
     compRef: import("vue").ShallowRef<any, any>;
+    supportedProtocol: import("vue").Ref<boolean, boolean>;
+    initPlayer: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;

package/lib/components/tzj-player/src/easyPlayer.vue.d.ts

@@ -6,9 +6,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     props: any;
     player: any;
+    id: string;
     playerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     playSuccess: import("vue").Ref<boolean, boolean>;
     playUrl: import("vue").Ref<string, string>;
+    initPlayer: (url: string) => Promise<void>;
+    removePlayerDom: () => void;
+    createPlayerDom: () => void;
     createPlayer: () => Promise<void>;
     destroy: () => void;
     play: (url?: string) => void;

package/lib/components/tzj-player/src/easyPlayer.vue2.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var tzjPlayer = require('./tzj-player.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const _hoisted_1 = { class: "i-tzj-player" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "i-tzj-player__error"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 1,
   class: "i-tzj-player__error"
 };
@@ -26,25 +26,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     let player = null;
+    const id = tzjPlayer.uuid();
     const playerRef = vue.shallowRef();
     const playSuccess = vue.ref(true);
     const playUrl = vue.ref("");
     vue.onMounted(() => {
-      if (props.url) {
-        playUrl.value = formatUrl(props.url);
-        createPlayer();
-      }
+      initPlayer(props.url || "");
     });
     vue.watch(
       () => props.url,
       (newUrl) => {
-        if (newUrl) {
-          playUrl.value = formatUrl(newUrl);
-          createPlayer();
-        } else {
-          playUrl.value = "";
-          destroy();
-        }
+        initPlayer(newUrl || "");
       }
     );
     vue.onBeforeUnmount(() => {
@@ -55,10 +47,42 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       play,
       destroy
     });
+    async function initPlayer(url) {
+      removePlayerDom();
+      if (url) {
+        playUrl.value = formatUrl(url);
+        if (window == null ? void 0 : window.EasyPlayerPro) {
+          createPlayer();
+        } else {
+          const timer = setInterval(() => {
+            if (window == null ? void 0 : window.EasyPlayerPro) {
+              createPlayer();
+              clearInterval(timer);
+            }
+          }, 100);
+        }
+      }
+    }
+    __name(initPlayer, "initPlayer");
+    function removePlayerDom() {
+      const dom = document.getElementById(id);
+      dom && dom.remove();
+    }
+    __name(removePlayerDom, "removePlayerDom");
+    function createPlayerDom() {
+      var _a;
+      removePlayerDom();
+      const dom = document.createElement("div");
+      dom.id = id;
+      dom.style.width = "100%";
+      dom.style.height = "100%";
+      (_a = playerRef.value) == null ? void 0 : _a.appendChild(dom);
+    }
+    __name(createPlayerDom, "createPlayerDom");
     async function createPlayer() {
-      destroy();
+      createPlayerDom();
       await vue.nextTick();
-      player = new window.EasyPlayerPro(playerRef.value, {
+      player = new window.EasyPlayerPro(document.getElementById(id), {
         isLive: true,
         // 是否直播
         hasAudio: true,
@@ -91,12 +115,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         player.destroy();
         player = null;
       }
+      removePlayerDom();
     }
     __name(destroy, "destroy");
     function play(url) {
       if (player && (url || props.url)) {
         playUrl.value = formatUrl(url || props.url);
         player.play(playUrl.value);
+      } else {
+        initPlayer(url || props.url);
       }
     }
     __name(play, "play");
@@ -108,21 +135,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     __name(formatUrl, "formatUrl");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode(
-          "div",
-          {
-            ref_key: "playerRef",
-            ref: playerRef,
-            class: "i-tzj-player-content"
-          },
-          null,
-          512
-          /* NEED_PATCH */
-        ),
-        !playSuccess.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u4FE1\u53F7")) : vue.createCommentVNode("v-if", true),
-        !playUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "\u65E0\u64AD\u653E\u5730\u5740")) : vue.createCommentVNode("v-if", true)
-      ]);
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "playerRef",
+          ref: playerRef,
+          class: "i-tzj-player"
+        },
+        [
+          !playSuccess.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, "\u65E0\u4FE1\u53F7")) : vue.createCommentVNode("v-if", true),
+          !playUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u64AD\u653E\u5730\u5740")) : vue.createCommentVNode("v-if", true)
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });

package/lib/components/tzj-player/src/easyPlayer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';\n\n  defineOptions({\n    name: 'EasyPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n  }>();\n\n  let player: any = null;\n  const playerRef = shallowRef<HTMLElement>();\n  const playSuccess = ref(true);\n  const playUrl = ref('');\n\n  onMounted(() => {\n    if (props.url) {\n      playUrl.value = formatUrl(props.url);\n      createPlayer();\n    }\n  });\n\n  watch(\n    () => props.url,\n    newUrl => {\n      if (newUrl) {\n        playUrl.value = formatUrl(newUrl);\n        createPlayer();\n      } else {\n        playUrl.value = '';\n        destroy();\n      }\n    },\n  );\n\n  onBeforeUnmount(() => {\n    playUrl.value = '';\n    destroy();\n  });\n\n  defineExpose({\n    play,\n    destroy,\n  });\n\n  async function createPlayer() {\n    destroy();\n    await nextTick();\n    player = new window.EasyPlayerPro(playerRef.value, {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n\n    // 加载超时\n    player.on('timeout', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    // 播放异常\n    player.on('error', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    play(props.url);\n  }\n\n  function destroy() {\n    if (player) {\n      player.destroy();\n      player = null;\n    }\n  }\n\n  function play(url?: string) {\n    if (player && (url || props.url)) {\n      playUrl.value = formatUrl(url || props.url);\n      player.play(playUrl.value);\n    }\n  }\n\n  /**\n   * 格式化url\n   * 当url为相对路径时，添加baseUrl。baseUrl为当前页面的url\n   * @param url\n   * @example\n   * formatUrl('/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n   * formatUrl('http://192.168.111.206:8080/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n   */\n  function formatUrl(url: string) {\n    if (url.startsWith('/')) {\n      return `${window.location.origin}${url}`;\n    }\n    return url;\n  }\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <div ref=\"playerRef\" class=\"i-tzj-player-content\" />\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick"],"mappings":"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"}
+{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';\n  import { uuid } from './tzj-player';\n\n  defineOptions({\n    name: 'EasyPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n  }>();\n\n  let player: any = null;\n  const id = uuid();\n  const playerRef = shallowRef<HTMLElement>();\n  const playSuccess = ref(true);\n  const playUrl = ref('');\n\n  onMounted(() => {\n    initPlayer(props.url || '');\n  });\n\n  watch(\n    () => props.url,\n    newUrl => {\n      initPlayer(newUrl || '');\n    },\n  );\n\n  onBeforeUnmount(() => {\n    playUrl.value = '';\n    destroy();\n  });\n\n  defineExpose({\n    play,\n    destroy,\n  });\n\n  async function initPlayer(url: string) {\n    removePlayerDom();\n    if (url) {\n      playUrl.value = formatUrl(url);\n\n      if (window?.EasyPlayerPro) {\n        createPlayer();\n      } else {\n        const timer = setInterval(() => {\n          if (window?.EasyPlayerPro) {\n            createPlayer();\n            clearInterval(timer);\n          }\n        }, 100);\n      }\n    }\n  }\n\n  // 移除播放器DOM\n  function removePlayerDom() {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n\n  // 创建播放器DOM\n  function createPlayerDom() {\n    removePlayerDom();\n    const dom = document.createElement('div');\n    dom.id = id;\n    dom.style.width = '100%';\n    dom.style.height = '100%';\n    playerRef.value?.appendChild(dom);\n  }\n\n  async function createPlayer() {\n    createPlayerDom();\n    await nextTick();\n    player = new window.EasyPlayerPro(document.getElementById(id), {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n\n    // 加载超时\n    player.on('timeout', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    // 播放异常\n    player.on('error', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    play(props.url);\n  }\n\n  function destroy() {\n    if (player) {\n      player.destroy();\n      player = null;\n    }\n    removePlayerDom();\n  }\n\n  function play(url?: string) {\n    if (player && (url || props.url)) {\n      playUrl.value = formatUrl(url || props.url);\n      player.play(playUrl.value);\n    } else {\n      initPlayer(url || props.url);\n    }\n  }\n\n  /**\n   * 格式化url\n   * 当url为相对路径时，添加baseUrl。baseUrl为当前页面的url\n   * @param url\n   * @example\n   * formatUrl('/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n   * formatUrl('http://192.168.111.206:8080/test.mp4') => 'http://192.168.111.206:8080/test.mp4'\n   */\n  function formatUrl(url: string) {\n    if (url.startsWith('/')) {\n      return `${window.location.origin}${url}`;\n    }\n    return url;\n  }\n</script>\n\n<template>\n  <div ref=\"playerRef\" class=\"i-tzj-player\">\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,IAAI,MAAc,GAAA,IAAA;AAClB,IAAA,MAAM,KAAKA,cAAK,EAAA;AAChB,IAAA,MAAM,YAAYC,cAAwB,EAAA;AAC1C,IAAM,MAAA,WAAA,GAAcC,QAAI,IAAI,CAAA;AAC5B,IAAM,MAAA,OAAA,GAAUA,QAAI,EAAE,CAAA;AAEtB,IAAAC,aAAA,CAAU,MAAM;AACd,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,KAC3B,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,GAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,UAAA,CAAW,UAAU,EAAE,CAAA;AAAA;AACzB,KACF;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA;AAChB,MAAQ,OAAA,EAAA;AAAA,KACT,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,IAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,eAAe,WAAW,GAAa,EAAA;AACrC,MAAgB,eAAA,EAAA;AAChB,MAAA,IAAI,GAAK,EAAA;AACP,QAAQ,OAAA,CAAA,KAAA,GAAQ,UAAU,GAAG,CAAA;AAE7B,QAAA,IAAI,iCAAQ,aAAe,EAAA;AACzB,UAAa,YAAA,EAAA;AAAA,SACR,MAAA;AACL,UAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,YAAA,IAAI,iCAAQ,aAAe,EAAA;AACzB,cAAa,YAAA,EAAA;AACb,cAAA,aAAA,CAAc,KAAK,CAAA;AAAA;AACrB,aACC,GAAG,CAAA;AAAA;AACR;AACF;AAfa,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAmBf,IAAA,SAAS,eAAkB,GAAA;AACzB,MAAM,MAAA,GAAA,GAAM,QAAS,CAAA,cAAA,CAAe,EAAE,CAAA;AACtC,MAAA,GAAA,IAAO,IAAI,MAAO,EAAA;AAAA;AAFX,IAAA,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;AAMT,IAAA,SAAS,eAAkB,GAAA;;AACzB,MAAgB,eAAA,EAAA;AAChB,MAAM,MAAA,GAAA,GAAM,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AACxC,MAAA,GAAA,CAAI,EAAK,GAAA,EAAA;AACT,MAAA,GAAA,CAAI,MAAM,KAAQ,GAAA,MAAA;AAClB,MAAA,GAAA,CAAI,MAAM,MAAS,GAAA,MAAA;AACnB,MAAU,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAV,mBAAiB,WAAY,CAAA,GAAA,CAAA;AAAA;AANtB,IAAA,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;AAST,IAAA,eAAe,YAAe,GAAA;AAC5B,MAAgB,eAAA,EAAA;AAChB,MAAA,MAAMC,YAAS,EAAA;AACf,MAAA,MAAA,GAAS,IAAI,MAAO,CAAA,aAAA,CAAc,QAAS,CAAA,cAAA,CAAe,EAAE,CAAG,EAAA;AAAA,QAC7D,MAAQ,EAAA,IAAA;AAAA;AAAA,QACR,QAAU,EAAA,IAAA;AAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA;AAAA,QACZ,OAAS,EAAA,IAAA;AAAA;AAAA,QACT,GAAK,EAAA,KAAA;AAAA,QACL,GAAK,EAAA,KAAA;AAAA,QACL,IAAM,EAAA,IAAA;AAAA,QACN,KAAO,EAAA,KAAA;AAAA,QACP,WAAa,EAAA;AAAA,UACX,WAAa,EAAA;AAAA;AACf,OACD,CAAA;AAGD,MAAO,MAAA,CAAA,EAAA,CAAG,WAAW,MAAM;AACzB,QAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AAED,MAAO,MAAA,CAAA,EAAA,CAAG,SAAS,MAAM;AACvB,QAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AACD,MAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA;AA3BD,IAAA,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AA8Bf,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,MAAA,CAAO,OAAQ,EAAA;AACf,QAAS,MAAA,GAAA,IAAA;AAAA;AAEX,MAAgB,eAAA,EAAA;AAAA;AALT,IAAA,MAAA,CAAA,OAAA,EAAA,SAAA,CAAA;AAQT,IAAA,SAAS,KAAK,GAAc,EAAA;AAC1B,MAAI,IAAA,MAAA,KAAW,GAAO,IAAA,KAAA,CAAM,GAAM,CAAA,EAAA;AAChC,QAAA,OAAA,CAAQ,KAAQ,GAAA,SAAA,CAAU,GAAO,IAAA,KAAA,CAAM,GAAG,CAAA;AAC1C,QAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,OACpB,MAAA;AACL,QAAW,UAAA,CAAA,GAAA,IAAO,MAAM,GAAG,CAAA;AAAA;AAC7B;AANO,IAAA,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAiBT,IAAA,SAAS,UAAU,GAAa,EAAA;AAC9B,MAAI,IAAA,GAAA,CAAI,UAAW,CAAA,GAAG,CAAG,EAAA;AACvB,QAAA,OAAO,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,GAAG,GAAG,CAAA,CAAA;AAAA;AAExC,MAAO,OAAA,GAAA;AAAA;AAJA,IAAA,MAAA,CAAA,SAAA,EAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -11,5 +11,6 @@ export declare const TzjPlayerProps: {
     };
 };
 export declare function uuid(): string;
+export declare function isSupportedProtocol(url: string): boolean;
 export type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;
 export type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;

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

@@ -20,7 +20,19 @@ function uuid() {
   });
 }
 __name(uuid, "uuid");
+function isSupportedProtocol(url) {
+  if (!url || typeof url !== "string") {
+    return false;
+  }
+  if (!url.includes("://")) {
+    return true;
+  }
+  const protocolRegex = /^(https?|wss?|ezopen):\/\/.+$/i;
+  return protocolRegex.test(url.trim());
+}
+__name(isSupportedProtocol, "isSupportedProtocol");
 
 exports.TzjPlayerProps = TzjPlayerProps;
+exports.isSupportedProtocol = isSupportedProtocol;
 exports.uuid = uuid;
 //# sourceMappingURL=tzj-player.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue';\nimport type TzjPlayer from './tzj-player.vue';\n\nexport const TzjPlayerProps = {\n  url: {\n    type: String,\n    default: '',\n  },\n  accessToken: {\n    type: String,\n    default: '',\n  },\n};\n\nexport function uuid(): string {\n  return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, c => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\nexport type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;\nexport type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAiB,GAAA;AAAA,EAC5B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,SAAS,IAAe,GAAA;AAC7B,EAAO,OAAA,kCAAA,CAAmC,OAAQ,CAAA,OAAA,EAAS,CAAK,CAAA,KAAA;AAC9D,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA;AAAA,GACrB,CAAA;AACH;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;;;;;"}
+{"version":3,"file":"tzj-player.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue';\nimport type TzjPlayer from './tzj-player.vue';\n\nexport const TzjPlayerProps = {\n  url: {\n    type: String,\n    default: '',\n  },\n  accessToken: {\n    type: String,\n    default: '',\n  },\n};\n\nexport function uuid(): string {\n  return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, c => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\n/**\n * 是否为支持的协议\n * 支持：http,https,ws,wss,ezopen(萤石云)\n *  * 当URL不包含协议时（相对地址），也返回true\n */\nexport function isSupportedProtocol(url: string): boolean {\n  if (!url || typeof url !== 'string') {\n    return false;\n  }\n\n  // 如果URL不包含协议部分（相对地址），返回true\n  if (!url.includes('://')) {\n    return true;\n  }\n\n  const protocolRegex = /^(https?|wss?|ezopen):\\/\\/.+$/i;\n  return protocolRegex.test(url.trim());\n}\n\nexport type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;\nexport type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAiB,GAAA;AAAA,EAC5B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,SAAS,IAAe,GAAA;AAC7B,EAAO,OAAA,kCAAA,CAAmC,OAAQ,CAAA,OAAA,EAAS,CAAK,CAAA,KAAA;AAC9D,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA;AAAA,GACrB,CAAA;AACH;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAaT,SAAS,oBAAoB,GAAsB,EAAA;AACxD,EAAA,IAAI,CAAC,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAU,EAAA;AACnC,IAAO,OAAA,KAAA;AAAA;AAIT,EAAA,IAAI,CAAC,GAAA,CAAI,QAAS,CAAA,KAAK,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,aAAgB,GAAA,gCAAA;AACtB,EAAA,OAAO,aAAc,CAAA,IAAA,CAAK,GAAI,CAAA,IAAA,EAAM,CAAA;AACtC;AAZgB,MAAA,CAAA,mBAAA,EAAA,qBAAA,CAAA;;;;;;"}

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

@@ -20,6 +20,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}> & {}>;
     comp: import("vue").ShallowRef<any, any>;
     compRef: import("vue").ShallowRef<any, any>;
+    supportedProtocol: import("vue").Ref<boolean, boolean>;
+    initPlayer: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;

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

@@ -9,7 +9,13 @@ require('./ysPlayer.vue.js');
 var ysPlayer_vue_vue_type_script_setup_true_lang = require('./ysPlayer.vue2.js');
 var easyPlayer_vue_vue_type_script_setup_true_lang = require('./easyPlayer.vue2.js');
 
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const _hoisted_1 = { class: "i-tzj-player" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-tzj-player__error"
+};
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ITzjPlayer"
@@ -20,9 +26,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const comp = vue.shallowRef();
     const compRef = vue.shallowRef();
-    vue.onMounted(() => {
-      comp.value = props.accessToken && props.accessToken.length > 32 ? ysPlayer_vue_vue_type_script_setup_true_lang.default : easyPlayer_vue_vue_type_script_setup_true_lang.default;
-    });
+    const supportedProtocol = vue.ref(true);
+    vue.onMounted(() => initPlayer());
+    vue.watch(
+      () => [props.url, props.accessToken],
+      () => initPlayer()
+    );
+    function initPlayer() {
+      supportedProtocol.value = tzjPlayer.isSupportedProtocol(props.url);
+      if (supportedProtocol.value) {
+        comp.value = props.accessToken && props.accessToken.length > 32 ? ysPlayer_vue_vue_type_script_setup_true_lang.default : easyPlayer_vue_vue_type_script_setup_true_lang.default;
+      } else {
+        comp.value = null;
+      }
+    }
+    __name(initPlayer, "initPlayer");
     __expose({
       play(options) {
         var _a;
@@ -44,7 +62,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           null,
           16
           /* FULL_PROPS */
-        ))
+        )),
+        !supportedProtocol.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u683C\u5F0F\u4E0D\u652F\u6301")) : vue.createCommentVNode("v-if", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { onMounted, shallowRef } from 'vue';\n  import EasyPlayer from './easyPlayer.vue';\n  import { TzjPlayerProps } from './tzj-player';\n  import YsPlayer from './ysPlayer.vue';\n\n  defineOptions({\n    name: 'ITzjPlayer',\n  });\n\n  const props = defineProps(TzjPlayerProps);\n\n  const comp = shallowRef();\n  const compRef = shallowRef();\n\n  onMounted(() => {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value = props.accessToken && props.accessToken.length > 32 ? YsPlayer : EasyPlayer;\n  });\n\n  defineExpose({\n    play(options?: any) {\n      compRef.value?.play(options);\n    },\n    destroy() {\n      compRef.value?.destroy();\n    },\n  });\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n  </div>\n</template>\n"],"names":["shallowRef","onMounted","YsPlayer","EasyPlayer"],"mappings":";;;;;;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAE3B,IAAAC,aAAA,CAAU,MAAM;AAEd,MAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAAKC,oDAAW,GAAAC,sDAAA;AAAA,KAC9E,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { onMounted, ref, shallowRef, watch } from 'vue';\n  import EasyPlayer from './easyPlayer.vue';\n  import { isSupportedProtocol, TzjPlayerProps } from './tzj-player';\n  import YsPlayer from './ysPlayer.vue';\n\n  defineOptions({\n    name: 'ITzjPlayer',\n  });\n\n  const props = defineProps(TzjPlayerProps);\n\n  const comp = shallowRef();\n  const compRef = shallowRef();\n  const supportedProtocol = ref(true);\n\n  onMounted(() => initPlayer());\n\n  watch(\n    () => [props.url, props.accessToken],\n    () => initPlayer(),\n  );\n\n  function initPlayer() {\n    supportedProtocol.value = isSupportedProtocol(props.url);\n    if (supportedProtocol.value) {\n      // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n      comp.value = props.accessToken && props.accessToken.length > 32 ? YsPlayer : EasyPlayer;\n    } else {\n      comp.value = null;\n    }\n  }\n\n  defineExpose({\n    play(options?: any) {\n      compRef.value?.play(options);\n    },\n    destroy() {\n      compRef.value?.destroy();\n    },\n  });\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">格式不支持</div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAAKC,oDAAW,GAAAC,sDAAA;AAAA,OACxE,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAPO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAUT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.js

@@ -31,9 +31,8 @@ var tenantEnterprise = require('./components/tenant-enterprise/src/tenant-enterp
 var index$i = require('./components/tenant-enterprise/index.js');
 var index$j = require('./components/text-button/index.js');
 var index$k = require('./components/tzj-player/index.js');
-var index$l = require('./components/wisdom-chat/index.js');
-var index$m = require('./hooks/useBaseTable/index.js');
-var index$n = require('./hooks/useECharts/index.js');
+var index$l = require('./hooks/useBaseTable/index.js');
+var index$m = require('./hooks/useECharts/index.js');
 var install = require('./utils/install.js');
 var provide = require('./utils/provide.js');
 var util = require('./utils/util.js');
@@ -75,9 +74,8 @@ exports.ITenantEnterprise = index$i.ITenantEnterprise;
 exports.ITextButton = index$j.ITextButton;
 exports.ITextButtonGroup = index$j.ITextButtonGroup;
 exports.ITzjPlayer = index$k.ITzjPlayer;
-exports.IWisdomChat = index$l.IWisdomChat;
-exports.useBaseTable = index$m.useBaseTable;
-exports.useECharts = index$n.useECharts;
+exports.useBaseTable = index$l.useBaseTable;
+exports.useECharts = index$m.useECharts;
 exports.withInstall = install.withInstall;
 exports.withInstallDirectives = install.withInstallDirectives;
 exports.DICT_STORE = provide.DICT_STORE;

package/lib/index.js.map

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

package/lib/installer.js

@@ -24,7 +24,6 @@ var index$h = require('./components/dialog/index.js');
 var index$i = require('./components/link/index.js');
 var index$j = require('./components/tzj-player/index.js');
 var index$k = require('./components/date-picker/index.js');
-var index$l = require('./components/wisdom-chat/index.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -51,8 +50,7 @@ const component = [
   index$h.IDialog,
   index$i.ILink,
   index$j.ITzjPlayer,
-  index$k.IDatePicker,
-  index$l.IWisdomChat
+  index$k.IDatePicker
 ];
 const install = /* @__PURE__ */ __name(function(app, _options) {
   component.forEach((i) => app.use(i, _options));

package/lib/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  ITzjPlayer,\n  IWisdomChat,\n} from './components';\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  ITzjPlayer,\n  IDatePicker,\n  IWisdomChat,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach(i => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":["IForm","ISelect","IRadio","ICheckbox","IDivider","IDrawer","IIconSelect","IImageVerification","ITextButton","ITextButtonGroup","IPageHeader","ISearch","ITable","ISplitPane","ITenantEnterprise","ISegmented","IDescriptions","IDescriptionItem","ILivePlayer","IDialog","ILink","ITzjPlayer","IDatePicker","IWisdomChat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,SAAY,GAAA;AAAA,EAChBA,WAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,yBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,aAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAK,CAAA,KAAA,GAAA,CAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC7C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;;"}
+{"version":3,"file":"installer.js","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  ITzjPlayer,\n} from './components';\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  ITzjPlayer,\n  IDatePicker,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach(i => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":["IForm","ISelect","IRadio","ICheckbox","IDivider","IDrawer","IIconSelect","IImageVerification","ITextButton","ITextButtonGroup","IPageHeader","ISearch","ITable","ISplitPane","ITenantEnterprise","ISegmented","IDescriptions","IDescriptionItem","ILivePlayer","IDialog","ILink","ITzjPlayer","IDatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA;AAAA,EAChBA,WAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,yBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,aAAA;AAAA,EACAC,kBAAA;AAAA,EACAC;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAK,CAAA,KAAA,GAAA,CAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC7C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;;"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@yimou6/common-ui",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "description": "Vue3 Component Library",
-  "license": "MIT",
   "author": "yimou6",
+  "license": "MIT",
   "keywords": [
     "ui framework",
     "vue"
@@ -69,12 +69,11 @@
     "@arco-design/web-vue": "^2.57.0",
     "echarts": "^5.6.0",
     "element-plus": "2.9.9",
+    "ezuikit-js": "^8.1.10",
     "vue": "^3.4.0",
     "xgplayer": "^3.0.21",
     "xgplayer-flv": "^3.0.21",
-    "xgplayer-hls": "^3.0.21",
-    "ezuikit-js": "^8.1.10",
-    "@tdesign-vue-next/chat": "^0.4.2"
+    "xgplayer-hls": "^3.0.21"
   },
   "dependencies": {
     "@types/ezuikit-js": "^8.0.0",

package/theme-default/i-tzj-player.css

@@ -1 +1 @@
-.i-tzj-player{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{width:100%;height:100%}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#efefef;font-size:12px}
+.i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{background-color:#000;width:100%;height:100%}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}