zhytech-ui 1.1.36 → 1.1.37

package/README.md

@@ -70,6 +70,12 @@ setTheme("dark");
 
 > #### 版本更新清单：
 
+**V 1.1.37**
+```html
+1.富文本组件（richTextEditor）新增隐藏顶部工具栏、显示浮动工具栏、自动获取焦点属性，暴漏option类型richTextConfigOption
+2.新增拼图验证码组件(zhyPuzzleVcode),暴漏option类型vcodeConfigOption
+```
+
 **V 1.1.36**
 ```html
 1.调整优化答题卡判断是否答对逻辑

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

@@ -3,7 +3,8 @@ import { dynamicFilter as zhyDynamicFilter, conditionType, filterConditionPropTy
 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 { 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, 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;
 };