zhytech-ui 1.1.39 → 1.2.0

package/README.md

@@ -70,6 +70,11 @@ setTheme("dark");
 
 > #### 版本更新清单：
 
+**V 1.1.40**
+```html
+1.文件预览组件中视频更换为西瓜视频播放组件，解决视频全屏 无法显示弹窗的问题
+```
+
 **V 1.1.39**
 ```html
 1.优化文件预览组件，修复左侧列表名称过长时，超出外层宽度

package/dist/src/components/filePreview/components/videoPreview.vue.d.ts

@@ -1,5 +1,5 @@
 import { videoConfigType } from '../types/filePreviewType';
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;
@@ -8,28 +8,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<videoConfigType>;
         default: () => {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    canplay: (...args: any[]) => void;
-    canplaythrough: (...args: any[]) => void;
-    durationchange: (...args: any[]) => void;
-    ended: (...args: any[]) => void;
-    error: (...args: any[]) => void;
-    loadeddata: (...args: any[]) => void;
-    loadedmetadata: (...args: any[]) => void;
-    loadstart: (...args: any[]) => void;
-    pause: (...args: any[]) => void;
-    play: (...args: any[]) => void;
-    playing: (...args: any[]) => void;
-    progress: (...args: any[]) => void;
-    ratechange: (...args: any[]) => void;
-    stalled: (...args: any[]) => void;
-    timeupdate: (...args: any[]) => void;
-    volumechange: (...args: any[]) => void;
-    waiting: (...args: any[]) => void;
-    mirrorChange: (...args: any[]) => void;
-    loopChange: (...args: any[]) => void;
-    lightOffChange: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;
@@ -38,30 +17,14 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<videoConfigType>;
         default: () => {};
     };
-}>> & Readonly<{
-    onCanplay?: ((...args: any[]) => any) | undefined;
-    onCanplaythrough?: ((...args: any[]) => any) | undefined;
-    onDurationchange?: ((...args: any[]) => any) | undefined;
-    onEnded?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-    onLoadeddata?: ((...args: any[]) => any) | undefined;
-    onLoadedmetadata?: ((...args: any[]) => any) | undefined;
-    onLoadstart?: ((...args: any[]) => any) | undefined;
-    onPause?: ((...args: any[]) => any) | undefined;
-    onPlay?: ((...args: any[]) => any) | undefined;
-    onPlaying?: ((...args: any[]) => any) | undefined;
-    onProgress?: ((...args: any[]) => any) | undefined;
-    onRatechange?: ((...args: any[]) => any) | undefined;
-    onStalled?: ((...args: any[]) => any) | undefined;
-    onTimeupdate?: ((...args: any[]) => any) | undefined;
-    onVolumechange?: ((...args: any[]) => any) | undefined;
-    onWaiting?: ((...args: any[]) => any) | undefined;
-    onMirrorChange?: ((...args: any[]) => any) | undefined;
-    onLoopChange?: ((...args: any[]) => any) | undefined;
-    onLightOffChange?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     options: videoConfigType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    videoPlayer: unknown;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/filePreview/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { fileView, previewOption } from './types/filePreviewType';
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     fileList: {
         type: globalThis.PropType<fileView[]>;
         required: true;
@@ -19,5 +19,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
 }>> & Readonly<{}>, {
     option: previewOption;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    videoSlot?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/filePreview/types/filePreviewType.d.ts

@@ -15,160 +15,172 @@ export interface fileView {
      */
     extensionName: string;
 }
-export interface videoConfigType {
+type videoSlotConfig = {
     /**
-     * 播放器宽度，默认800px
+     * 是否显示视频插槽，默认false
      */
-    width?: string;
+    show?: boolean;
     /**
-     * 播放器高度，默认450px
+     * 视频插槽宽度，默认auto
      */
-    height?: string;
+    width?: string;
     /**
-     * 主题色，默认#409eff
+     * 视频插槽高度，默认auto
      */
-    color?: string;
+    height?: string;
+};
+export type videoConfigType = {
     /**
      * 视频名称，默认空
      */
     title?: string;
     /**
-     * 视频类型，默认video/mp4
-     */
-    type?: string;
-    /**
-     * 视频封面，默认空
-     */
-    poster?: string;
-    /**
-     * 静音，默认false
+     * 是否禁止快进,默认false
      */
-    muted?: boolean;
+    notAllowedSeek?: boolean;
     /**
-     * 跳转到固定播放时间(s)，默认0
+     * 视频插槽配置
      */
-    currentTime?: number;
+    videoSlot?: videoSlotConfig;
     /**
-     * 是否支持快进快退，默认true
+     * 视频组件实例化完成事件
      */
-    speed?: boolean;
-    /**
-     * 播放倍速，默认['0.5','0.75','1','1.25','1.5','2']
-     */
-    speedRate?: string[];
-    /**
-     * 自动播放，默认false
-     */
-    autoPlay?: boolean;
-    /**
-     * 循环播放，默认false
-     */
-    loop?: boolean;
+    onReady?: Function;
     /**
-     * 预加载，默认auto
+     * 播放器创建video完成，可以开始播放
      */
-    preload?: "none" | "meta" | "auto";
+    onComplete?: Function;
     /**
-     * 镜像画面，默认false
+     * 播放事件，默认空
      */
-    mirror?: boolean;
+    onPlay?: Function;
     /**
-     * 关灯模式，默认false
+     * 暂停事件，默认空
      */
-    ligthOff?: boolean;
+    onPause?: Function;
     /**
-     * 视频音量大小，默认1
+     * 播放结束事件，默认空
      */
-    volume?: number;
+    onEnd?: Function;
     /**
-     * 是否显示控制条，默认true
+     * 错误事件，默认空
      */
-    control?: boolean;
+    onError?: Function;
     /**
-     * 控制条显示的按钮，默认['speedRate', 'volume', 'setting', 'pip', 'fullScreen']
+     * 时间更新事件，默认空
      */
-    controlBtns?: ("speedRate" | "volume" | "setting" | "pip" | "fullScreen")[];
+    onTimeupdate?: Function;
     /**
-     * 镜像翻转事件
+     * 视频封面，默认空
      */
-    onMirrorChange?: Function;
+    poster?: string;
     /**
-     * 循环播放开关事件
+     * 自动播放，默认false
      */
-    onLoopChange?: Function;
+    autoPlay?: boolean;
     /**
-     * 关灯模式事件
+     * 是否自动静音自动播放，如果autoplay为false，则该属性的作用为默认静音播放
      */
-    onLightOffChange?: Function;
+    autoplayMuted?: boolean;
     /**
-     * 客户端开始请求数据
+     * 是否默认初始化video，当autoplay为true时，该配置为false无效
      */
-    onLoadstart?: Function;
+    videoInit?: boolean;
     /**
-     * 客户端正在请求数据
+     * 初始起播时间，仅点播,默认值: 0
      */
-    onProgress?: Function;
+    startTime?: number;
     /**
-     * 请求数据时遇到错误
+     * seek操作结束之后播放器的状态，如果取值为auto，则维持原播放状态, 默认是seek之后直接播放
+     * 默认值: play; play 播放;pause 暂停; auto 保持操作前的状态
      */
-    onError?: Function;
+    seekedStatus?: "pause" | "play" | "auto" | undefined;
     /**
-     * 网速失速
+     * 默认起播倍速，参考值0.5/0.75/1/1.5/2
      */
-    onStalled?: Function;
+    defaultPlaybackRate?: number;
     /**
-     * 开始播放时触发
+     * 倍速插件显示列表，当该配置为false的时候，相当于禁用倍速切换插件，也可以传入一组配置项
+     * 播放倍速，默认值: [0.5, 0.75, 1, 1.5, 2]
      */
-    onPlay?: Function;
+    playbackRate?: boolean | Array<number> | {};
     /**
-     * 暂停时触发
+     * 是否开启快捷键，该配置项用于快捷键功能的开关
      */
-    onPause?: Function;
+    keyShortcut?: boolean;
     /**
-     * 成功获取资源长度
+     * 是否启用流式布局，启用流式布局时根据width、height计算播放器宽高比，若width和height不是Number类型，默认使用16:9比例
      */
-    onLoadedmetadata?: Function;
+    fluid?: boolean;
     /**
-     * 缓冲中
+     * 播放器容器尺寸适配方式，在视频资源初始化之后，根据获取到的videoWidth和videoHeight的比例对播放器容器宽高进行调整
+     * 默认值: fixed
+     * fixed 保持容器宽/高，不做适配
+     * fixWidth 保持容器宽度，适配高度
+     * fixHeight 保持容器高度，适配宽度
+     * auto 根据视频溢出宽/高，适配容器宽/高
      */
-    onLoadeddata?: Function;
+    fitVideoSize?: "fixWidth" | "fixHeight" | "fixed" | undefined;
     /**
-     * 等待数据，并非错误
+     * video画面填充模式
+     * 默认值: auto
+     * fillWidth 填充宽度，高度溢出则裁剪高度
+     * fillHeight 填充高度，宽度溢出则裁剪宽度
+     * fill 拉伸填充
+     * contain 保持宽高比，缩放至一边填满容器，另一边将添加“黑边”
+     * auto 默认值，同浏览器默认
      */
-    onWaiting?: Function;
+    videoFillMode?: "auto" | "fill" | "fillHeight" | "fillWidth" | "cover" | "contain" | undefined;
     /**
-     * 开始回放
+     * 是否启用内联播放模式，该配置项只在移动端生效，当设置了该属性为true的时候，将会在初始化video/audio的时候，设置playsinline、webkit-playsinline、x5-playsinline三个属性为true,
+     * iOS10以下系统safari不支持playsinline，默认播放即进入系统全屏
      */
-    onPlaying?: Function;
+    playsInline?: boolean;
     /**
-     * 暂停状态下可以播放
+     * 是否循环播放，默认false
      */
-    onCanplay?: Function;
+    loop?: boolean;
     /**
-     * 可以持续播放
+     * 播放器进度条故事点信息，具体数据结构如下
+     * const progressDot = [
+     *   {
+     *     id: 0,         // 唯一标识，用于删除的时候索引
+     *     time: 10,      // 展示的时间点，例子为在播放到10s钟的时候展示
+     *     text: 'Demo',  // hover的时候展示文案，可以为空
+     *     duration: 5,   // 展示时间跨度，单位为s
+     *     style: {       // 指定样式
+     *         backgroundColor: 'red'
+     *     }
+     *   },
+     *   ...
+     * ]
      */
-    onCanplaythrough?: Function;
+    progressDot?: Array<Record<string, any>>;
     /**
-     * 更新播放时间
+     * 是否开启画面和控制栏分离模式，设置为false，控制栏将会常驻，与视频画面不重叠
      */
-    onTimeupdate?: Function;
+    marginControls?: boolean;
     /**
-     * 播放结束
+     * pc端: 是否单击播放器区域切换播放/暂停
+     * mobile端: closeVideoDblclick 为是否通关闭video的click/touchend行为切换播放暂停
+     * 默认值: false
      */
-    onEnded?: Function;
+    closeVideoClick?: boolean;
     /**
-     * 播放速率改变
+     * 视频音量大小，默认1
      */
-    onRatechange?: Function;
+    volume?: number;
     /**
-     * 资源长度改变
+     * pc端: 是否关闭双击播放器进入全屏的能力
+     * mobile端: 是否关闭双击切换暂停/播放的能力
      */
-    onDurationchange?: Function;
+    closeVideoDblclick?: boolean;
     /**
-     * 音量改变
+     * 用户鼠标离开播放器区域之后，控制栏隐藏延时时间，如果想要鼠标移出播放器区域就隐藏，则配置为0（只在pc端生效）
+     * 单位ms，默认值: 3000
      */
-    onVolumechange?: Function;
-}
+    leavePlayerTime?: number;
+};
 /**
  * @description: 文档管理中文件上传参数类型
  */
@@ -182,7 +194,7 @@ export interface previewOption {
      */
     openList?: boolean;
     /**
-     * 自动播放视频
+     * 视频配置
      */
     videoConfig?: videoConfigType;
     /**
@@ -190,3 +202,4 @@ export interface previewOption {
      */
     autoplayAudio?: boolean;
 }
+export {};

package/dist/src/hooks/useUtils.d.ts

@@ -51,6 +51,12 @@ export declare function useUtils(): {
      * @return
      */
     checkFile(file: any, files: [], size: number, unit: string, isImage: boolean): boolean;
+    /**
+     * @description: 获取文件类型
+     * @param fileName
+     * @return
+     */
+    getFileType(fileName: string): "" | "radio" | "image" | "video" | "word" | "excel" | "ppt" | "pdf" | "txt" | "zip" | "other";
     /**
      * @description: 根据传入值获取：①对应节点所在的各级菜单的值所组成的数组（多选为二维数组）②对应节点的对象（多选为对象数组）
      * @param selectVale 级联选择器选择的值