zhytech-ui-mobile 1.0.19 → 1.1.1

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

@@ -1,3 +1,214 @@
+type videoSlotConfig = {
+    /**
+     * 是否显示视频插槽，默认false
+     */
+    show?: boolean;
+    /**
+     * 视频插槽宽度，默认auto
+     */
+    width?: string;
+    /**
+     * 视频插槽高度，默认auto
+     */
+    height?: string;
+};
+type MobileConfig = {
+    /**
+     * 是否禁用手势，默认值false
+     */
+    disableGesture?: boolean;
+    /**
+     * 是否启用水平手势处理，水平手势快进/快退，默认值true
+     */
+    gestureX?: boolean;
+    /**
+     * 是否启用垂直手势处理，默认值true, 垂直手势包括屏幕右侧和屏幕左侧，默认左侧调节亮度，右侧调节音量，左右范围比例通过scopeL和scopeR设置
+     */
+    gestureY?: boolean;
+    /**
+     * 是否启用上下渐变阴影, 默认值: normal
+     */
+    gradient?: "normal" | "none" | "top" | "bottom";
+    /**
+     * 长按快进倍速，默认值: 2
+     */
+    pressRate?: number;
+    /**
+     * 是否在touchMove的同时更新播放器的currentTime，默认false, 在手势移动过程中，不会直接调用播放器的快进快退，在toucheEnd的时候再设置
+     */
+    isTouchingSeek?: boolean;
+    /**
+     * 是否禁用时间预览面板，默认false
+     */
+    disableActive?: boolean;
+    /**
+     * 是否禁用时间进度条，默认false
+     */
+    disableTimeProgress?: boolean;
+    /**
+     * 禁用长按倍速调整，默认true
+     */
+    disablePress?: boolean;
+};
+export type videoConfigType = {
+    /**
+     * 视频名称，默认空
+     */
+    title?: string;
+    /**
+     * 是否禁止快进,默认false
+     */
+    notAllowedSeek?: boolean;
+    /**
+     * 视频插槽配置
+     */
+    videoSlot?: videoSlotConfig;
+    /**
+     * 移动端专属配置
+     */
+    mobile?: MobileConfig;
+    /**
+     * 视频组件实例化完成事件
+     */
+    onReady?: Function;
+    /**
+     * 播放器创建video完成，可以开始播放
+     */
+    onComplete?: Function;
+    /**
+     * 播放事件，默认空
+     */
+    onPlay?: Function;
+    /**
+     * 暂停事件，默认空
+     */
+    onPause?: Function;
+    /**
+     * 播放结束事件，默认空
+     */
+    onEnd?: Function;
+    /**
+     * 错误事件，默认空
+     */
+    onError?: Function;
+    /**
+     * 时间更新事件，默认空
+     */
+    onTimeupdate?: Function;
+    /**
+     * 视频类型，默认video
+     */
+    mediaType?: "video" | "audio";
+    /**
+     * 视频封面，默认空
+     */
+    poster?: string;
+    /**
+     * 自动播放，默认false
+     */
+    autoPlay?: boolean;
+    /**
+     * 是否自动静音自动播放，如果autoplay为false，则该属性的作用为默认静音播放
+     */
+    autoplayMuted?: boolean;
+    /**
+     * 是否默认初始化video，当autoplay为true时，该配置为false无效
+     */
+    videoInit?: boolean;
+    /**
+     * 初始起播时间，仅点播,默认值: 0
+     */
+    startTime?: number;
+    /**
+     * seek操作结束之后播放器的状态，如果取值为auto，则维持原播放状态, 默认是seek之后直接播放
+     * 默认值: play; play 播放;pause 暂停; auto 保持操作前的状态
+     */
+    seekedStatus?: "pause" | "play" | "auto" | undefined;
+    /**
+     * 默认起播倍速，参考值0.5/0.75/1/1.5/2
+     */
+    defaultPlaybackRate?: number;
+    /**
+     * 倍速插件显示列表，当该配置为false的时候，相当于禁用倍速切换插件，也可以传入一组配置项
+     * 播放倍速，默认值: [0.5, 0.75, 1, 1.5, 2]
+     */
+    playbackRate?: boolean | Array<number> | {};
+    /**
+     * 是否开启快捷键，该配置项用于快捷键功能的开关
+     */
+    keyShortcut?: boolean;
+    /**
+     * 是否启用流式布局，启用流式布局时根据width、height计算播放器宽高比，若width和height不是Number类型，默认使用16:9比例
+     */
+    fluid?: boolean;
+    /**
+     * 播放器容器尺寸适配方式，在视频资源初始化之后，根据获取到的videoWidth和videoHeight的比例对播放器容器宽高进行调整
+     * 默认值: fixed
+     * fixed 保持容器宽/高，不做适配
+     * fixWidth 保持容器宽度，适配高度
+     * fixHeight 保持容器高度，适配宽度
+     */
+    fitVideoSize?: "fixWidth" | "fixHeight" | "fixed" | undefined;
+    /**
+     * video画面填充模式
+     * 默认值: auto
+     * fillWidth 填充宽度，高度溢出则裁剪高度
+     * fillHeight 填充高度，宽度溢出则裁剪宽度
+     * fill 拉伸填充
+     * contain 保持宽高比，缩放至一边填满容器，另一边将添加“黑边”
+     * auto 默认值，同浏览器默认
+     */
+    videoFillMode?: "auto" | "fill" | "fillHeight" | "fillWidth" | "cover" | "contain" | undefined;
+    /**
+     * 是否启用内联播放模式，该配置项只在移动端生效，当设置了该属性为true的时候，将会在初始化video/audio的时候，设置playsinline、webkit-playsinline、x5-playsinline三个属性为true,
+     * iOS10以下系统safari不支持playsinline，默认播放即进入系统全屏
+     */
+    playsInline?: boolean;
+    /**
+     * 是否循环播放，默认false
+     */
+    loop?: boolean;
+    /**
+     * 播放器进度条故事点信息，具体数据结构如下
+     * const progressDot = [
+     *   {
+     *     id: 0,         // 唯一标识，用于删除的时候索引
+     *     time: 10,      // 展示的时间点，例子为在播放到10s钟的时候展示
+     *     text: 'Demo',  // hover的时候展示文案，可以为空
+     *     duration: 5,   // 展示时间跨度，单位为s
+     *     style: {       // 指定样式
+     *         backgroundColor: 'red'
+     *     }
+     *   },
+     *   ...
+     * ]
+     */
+    progressDot?: Array<Record<string, any>>;
+    /**
+     * 是否开启画面和控制栏分离模式，设置为false，控制栏将会常驻，与视频画面不重叠
+     */
+    marginControls?: boolean;
+    /**
+     * pc端: 是否单击播放器区域切换播放/暂停
+     * mobile端: closeVideoDblclick 为是否通关闭video的click/touchend行为切换播放暂停
+     * 默认值: false
+     */
+    closeVideoClick?: boolean;
+    /**
+     * 视频音量大小，默认1
+     */
+    volume?: number;
+    /**
+     * pc端: 是否关闭双击播放器进入全屏的能力
+     * mobile端: 是否关闭双击切换暂停/播放的能力
+     */
+    closeVideoDblclick?: boolean;
+    /**
+     * 用户鼠标离开播放器区域之后，控制栏隐藏延时时间，如果想要鼠标移出播放器区域就隐藏，则配置为0（只在pc端生效）
+     * 单位ms，默认值: 3000
+     */
+    leavePlayerTime?: number;
+};
 export interface filePreviewOption {
     /**
      * @description: 是否显示控制按钮
@@ -15,4 +226,9 @@ export interface filePreviewOption {
      * @description: 是否显示全屏按钮
      */
     showFullScreenBtn: boolean;
+    /**
+     * 视频配置
+     */
+    videoConfig?: videoConfigType;
 }
+export {};

package/dist/types/components/{puzzleVCode → verificationCode}/index.d.ts

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

package/dist/types/components/{puzzleVCode → verificationCode}/types/configOptionView.d.ts

@@ -3,7 +3,11 @@
  */
 export interface configOptionView {
     /**
-     * 显示类型，"modal"模态框形式 / "inside"内嵌形式
+     * 验证码类型，puzzle：拼图； clickText：点击文字
+     */
+    verificationType?: "puzzle" | "clickText";
+    /**
+     * 显示类型，"modal"模态框形式 ； "inside"内嵌形式
      */
     type?: "modal" | "inside";
     /**
@@ -13,19 +17,11 @@ export interface configOptionView {
     /**
      * 验证码宽度，单位px，默认400px
      */
-    canvasWidth?: number;
+    width?: number;
     /**
      * 验证码高度，单位px，默认220px
      */
-    canvasHeight?: number;
-    /**
-     * 拼图块(小的拼图)的大小比例，0.2 ～ 2 ，数字越大，拼图越大
-     */
-    puzzleScale?: number;
-    /**
-     * 判断成功的误差范围，单位 px, 滑动的距离和拼图的距离小于等于此值时，会判定重合，默认10px
-     */
-    range?: number;
+    height?: number;
     /**
      * 自定义图片集合
      */
@@ -38,6 +34,14 @@ export interface configOptionView {
      * 验证失败时的提示文字，默认：验证失败，请重试
      */
     failText?: string;
+    /**
+     * 拼图块(小的拼图)的大小比例，0.2 ～ 2 ，数字越大，拼图越大
+     */
+    puzzleScale?: number;
+    /**
+     * 判断成功的误差范围，单位 px, 滑动的距离和拼图的距离小于等于此值时，会判定重合，默认10px
+     */
+    range?: number;
     /**
      * 左下角用户拖动的那个滑块的尺寸，单位 px，默认 40px
      */

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

@@ -47,6 +47,12 @@ export declare function useUtils(): {
      * @return
      */
     dataToFile(files: Record<string, any>[]): Promise<File[]>;
+    /**
+     * @description: 获取文件类型
+     * @param fileName
+     * @return
+     */
+    getFileType(fileName: string): "" | "audio" | "video" | "image" | "txt" | "excel" | "word" | "pdf" | "ppt" | "zip" | "other";
     /**
      * @description: 将对象格式化为页面跳转参数字符串
      * @param params

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { ConfigProviderThemeVars } from 'wot-design-uni';
 import { dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, formRenderer as zhyFormRenderer } from './components/dynamicForm/index';
-import { puzzleVcode as zhyPuzzleVcode, vcodeConfigOption } from './components/puzzleVCode/index';
+import { verificationCode as zhyVerificationCode, vcodeConfigOption } from './components/verificationCode/index';
 import { filePreview as zhyFilePreview, filePreviewOption } from './components/filePreview/index';
 
 interface ZhyConfigOptions {
@@ -783,7 +783,7 @@ declare const setTheme: (options: ConfigProviderThemeVars) => {
     signatureButtonMarginLeft?: string;
 };
 export { setTheme };
-export { zhyFormRenderer, zhyPuzzleVcode, zhyFilePreview };
+export { zhyFormRenderer, zhyVerificationCode, zhyFilePreview };
 declare const _default: {
     install: (app: any, options?: ZhyConfigOptions) => void;
 };