zhytech-ui 1.1.37 → 1.1.38

package/README.md

@@ -70,6 +70,11 @@ setTheme("dark");
 
 > #### 版本更新清单：
 
+**V 1.1.38**
+```html
+1.优化文件预览，视频播放器参数，支持设置开始播放时间、支持禁用快进快退、支持设置宽高、支持设置自动播放、支持设置循环播放、支持设置静音、支持设置全屏、支持设置音量、支持设置播放速度、支持画中画、支持直播
+```
+
 **V 1.1.37**
 ```html
 1.富文本组件（richTextEditor）新增隐藏顶部工具栏、显示浮动工具栏、自动获取焦点属性，暴漏option类型richTextConfigOption

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

@@ -0,0 +1,67 @@
+import { videoConfigType } from '../types/filePreviewType';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        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<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        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;
+}>, {
+    options: videoConfigType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    videoPlayer: unknown;
+}, HTMLDivElement>;
+export default _default;

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

@@ -1,4 +1,4 @@
 import { default as filePreview } from './index.vue';
-import { fileView, previewOption } from './types/filePreviewType';
+import { fileView, previewOption, videoConfigType } from './types/filePreviewType';
 export { filePreview };
-export type { fileView, previewOption };
+export type { fileView, previewOption, videoConfigType };

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

@@ -15,6 +15,160 @@ export interface fileView {
      */
     extensionName: string;
 }
+export interface videoConfigType {
+    /**
+     * 播放器宽度，默认800px
+     */
+    width?: string;
+    /**
+     * 播放器高度，默认450px
+     */
+    height?: string;
+    /**
+     * 主题色，默认#409eff
+     */
+    color?: string;
+    /**
+     * 视频名称，默认空
+     */
+    title?: string;
+    /**
+     * 视频类型，默认video/mp4
+     */
+    type?: string;
+    /**
+     * 视频封面，默认空
+     */
+    poster?: string;
+    /**
+     * 静音，默认false
+     */
+    muted?: boolean;
+    /**
+     * 跳转到固定播放时间(s)，默认0
+     */
+    currentTime?: number;
+    /**
+     * 是否支持快进快退，默认true
+     */
+    speed?: boolean;
+    /**
+     * 播放倍速，默认['0.5','0.75','1','1.25','1.5','2']
+     */
+    speedRate?: string[];
+    /**
+     * 自动播放，默认false
+     */
+    autoPlay?: boolean;
+    /**
+     * 循环播放，默认false
+     */
+    loop?: boolean;
+    /**
+     * 预加载，默认auto
+     */
+    preload?: "none" | "meta" | "auto";
+    /**
+     * 镜像画面，默认false
+     */
+    mirror?: boolean;
+    /**
+     * 关灯模式，默认false
+     */
+    ligthOff?: boolean;
+    /**
+     * 视频音量大小，默认1
+     */
+    volume?: number;
+    /**
+     * 是否显示控制条，默认true
+     */
+    control?: boolean;
+    /**
+     * 控制条显示的按钮，默认['speedRate', 'volume', 'setting', 'pip', 'fullScreen']
+     */
+    controlBtns?: ("speedRate" | "volume" | "setting" | "pip" | "fullScreen")[];
+    /**
+     * 镜像翻转事件
+     */
+    onMirrorChange?: Function;
+    /**
+     * 循环播放开关事件
+     */
+    onLoopChange?: Function;
+    /**
+     * 关灯模式事件
+     */
+    onLightOffChange?: Function;
+    /**
+     * 客户端开始请求数据
+     */
+    onLoadstart?: Function;
+    /**
+     * 客户端正在请求数据
+     */
+    onProgress?: Function;
+    /**
+     * 请求数据时遇到错误
+     */
+    onError?: Function;
+    /**
+     * 网速失速
+     */
+    onStalled?: Function;
+    /**
+     * 开始播放时触发
+     */
+    onPlay?: Function;
+    /**
+     * 暂停时触发
+     */
+    onPause?: Function;
+    /**
+     * 成功获取资源长度
+     */
+    onLoadedmetadata?: Function;
+    /**
+     * 缓冲中
+     */
+    onLoadeddata?: Function;
+    /**
+     * 等待数据，并非错误
+     */
+    onWaiting?: Function;
+    /**
+     * 开始回放
+     */
+    onPlaying?: Function;
+    /**
+     * 暂停状态下可以播放
+     */
+    onCanplay?: Function;
+    /**
+     * 可以持续播放
+     */
+    onCanplaythrough?: Function;
+    /**
+     * 更新播放时间
+     */
+    onTimeupdate?: Function;
+    /**
+     * 播放结束
+     */
+    onEnded?: Function;
+    /**
+     * 播放速率改变
+     */
+    onRatechange?: Function;
+    /**
+     * 资源长度改变
+     */
+    onDurationchange?: Function;
+    /**
+     * 音量改变
+     */
+    onVolumechange?: Function;
+}
 /**
  * @description: 文档管理中文件上传参数类型
  */
@@ -30,7 +184,7 @@ export interface previewOption {
     /**
      * 自动播放视频
      */
-    autoplayVideo?: boolean;
+    videoConfig?: videoConfigType;
     /**
      * 自动播放音频
      */

package/dist/src/index.d.ts

@@ -2,7 +2,7 @@ import { MessageType, filterConditionTypes, componentType } from './types/enum';
 import { dynamicFilter as zhyDynamicFilter, conditionType, filterConditionPropType, filterConditionType, filterItemType, propOptionType } from './components/dynamicFilter/index';
 import { documentView, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, batchAddComponentParam, getFormTemplateMethod, formListView, searchParam, formDesigner as zhyFormDesigner, formRenderer as zhyFormRenderer } from './components/dynamicForm/index';
 import { icon as zhyIcon } from './components/icon/index';
-import { filePreview as zhyFilePreview, fileView, previewOption } from './components/filePreview/index';
+import { filePreview as zhyFilePreview, fileView, previewOption, videoConfigType } from './components/filePreview/index';
 import { richTextEditor as zhyRichTextEditor, richTextConfigOption } from './components/richTextEditor/index';
 import { puzzleVcode as zhyPuzzleVcode, vcodeConfigOption } from './components/puzzleVCode/index';
 /**
@@ -13,7 +13,7 @@ import { puzzleVcode as zhyPuzzleVcode, vcodeConfigOption } from './components/p
 declare const setTheme: (theme: string) => void;
 type optionView = OptionView;
 type selectOptionsView = SelectOptionsView;
-export type { optionView, selectOptionsView, conditionType, filterConditionPropType, filterConditionType, filterItemType, propOptionType, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, batchAddComponentParam, getFormTemplateMethod, formListView, searchParam, fileView, previewOption, richTextConfigOption, vcodeConfigOption };
+export type { optionView, selectOptionsView, conditionType, filterConditionPropType, filterConditionType, filterItemType, propOptionType, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, batchAddComponentParam, getFormTemplateMethod, formListView, searchParam, fileView, previewOption, videoConfigType, richTextConfigOption, vcodeConfigOption };
 export { MessageType, filterConditionTypes, componentType };
 export { setTheme };
 export { zhyFormDesigner, zhyFormRenderer, zhyDynamicFilter, zhyIcon, zhyFilePreview, zhyRichTextEditor, zhyPuzzleVcode };