zhytech-ui 1.1.36 → 1.1.38

package/README.md

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

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/components/puzzleVCode/index.d.ts

@@ -0,0 +1,4 @@
+import { default as puzzleVcode } from './index.vue';
+import { configOptionView as vcodeConfigOption } from './types/configOptionView';
+export { puzzleVcode };
+export type { vcodeConfigOption };

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

@@ -0,0 +1,32 @@
+import { configOptionView } from './types/configOptionView';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    option: {
+        type: globalThis.PropType<configOptionView>;
+        default: () => {
+            mode: string;
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    option: {
+        type: globalThis.PropType<configOptionView>;
+        default: () => {
+            mode: string;
+        };
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    option: configOptionView;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/puzzleVCode/types/configOptionView.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @description: 配置选项类型
+ */
+export interface configOptionView {
+    /**
+     * 显示类型，"modal"模态框形式 / "inside"内嵌形式
+     */
+    type?: "modal" | "inside";
+    /**
+     * 自定义样式类名
+     */
+    className?: string;
+    /**
+     * 验证码宽度，单位px，默认400px
+     */
+    canvasWidth?: number;
+    /**
+     * 验证码高度，单位px，默认220px
+     */
+    canvasHeight?: number;
+    /**
+     * 拼图块(小的拼图)的大小比例，0.2 ～ 2 ，数字越大，拼图越大
+     */
+    puzzleScale?: number;
+    /**
+     * 判断成功的误差范围，单位 px, 滑动的距离和拼图的距离小于等于此值时，会判定重合，默认10px
+     */
+    range?: number;
+    /**
+     * 自定义图片集合
+     */
+    imgs?: string[];
+    /**
+     * 验证成功时的提示文字，默认：验证通过
+     */
+    successText?: string;
+    /**
+     * 验证失败时的提示文字，默认：验证失败，请重试
+     */
+    failText?: string;
+    /**
+     * 左下角用户拖动的那个滑块的尺寸，单位 px，默认 40px
+     */
+    sliderSize?: number;
+    /**
+     * 下方滑动条里的文字，默认：拖动滑块完成拼图
+     */
+    sliderText?: string;
+    /**
+     * 验证成功的回调函数
+     */
+    onSuccess?: Function;
+}

package/dist/src/components/richTextEditor/hooks/useConfig.d.ts

@@ -13,8 +13,9 @@ export declare function useConfig(): {
         };
         modalAppendToBody: boolean;
     };
-    editorDefaultConfig: {
+    editorDefaultConfig: (showTextHoverBar?: boolean) => {
         hoverbarKeys: {
+            text: {};
             link: {
                 menuKeys: string[];
             };

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

@@ -1,4 +1,4 @@
 import { default as richTextEditor } from './index.vue';
-import { fileView, previewOption } from './types/richTextEditorOption';
+import { configOptionView as richTextConfigOption } from './types/configOptionView';
 export { richTextEditor };
-export type { fileView, previewOption };
+export type { richTextConfigOption };

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

@@ -1,6 +1,7 @@
+import { configOptionView } from './types/configOptionView';
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     option: {
-        type: globalThis.PropType<any>;
+        type: globalThis.PropType<configOptionView>;
         default: () => {
             mode: string;
         };
@@ -12,7 +13,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     option: {
-        type: globalThis.PropType<any>;
+        type: globalThis.PropType<configOptionView>;
         default: () => {
             mode: string;
         };
@@ -23,6 +24,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    option: any;
+    option: configOptionView;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/richTextEditor/types/configOptionView.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @description: 配置选项类型
+ */
+export interface configOptionView {
+    /**
+     * 编辑器模式，默认default，simple为简单模式
+     */
+    mode?: "simple" | "default";
+    /**
+     * 是否只读，默认false
+     */
+    readOnly?: boolean;
+    /**
+     * 是否隐藏工具栏，默认false
+     */
+    hiddenToolbar?: boolean;
+    /**
+     * 是否显示文本悬浮工具栏， mode=default时 默认true，mode=simple时默认false
+     */
+    showTextHoverBar?: boolean;
+    /**
+     * 是否自动聚焦，默认false
+     */
+    autoFocus?: boolean;
+    /**
+     * 最大长度，默认无限制
+     */
+    maxLength?: number;
+    /**
+     * 占位符，默认 请输入内容……
+     */
+    placeholder?: string;
+    /**
+     * 超出最大长度的回调函数，默认无
+     */
+    onMaxLength?: Function;
+}

package/dist/src/index.d.ts

@@ -2,8 +2,9 @@ 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 { richTextEditor as zhyRichTextEditor } from './components/richTextEditor/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';
 /**
  * @description: 设置组件库主题
  * @param theme
@@ -12,10 +13,10 @@ import { richTextEditor as zhyRichTextEditor } from './components/richTextEditor
 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 };
+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 };
+export { zhyFormDesigner, zhyFormRenderer, zhyDynamicFilter, zhyIcon, zhyFilePreview, zhyRichTextEditor, zhyPuzzleVcode };
 declare const _default: {
     install: (app: any, options?: Record<string, any> | undefined) => void;
 };