@para-ui/core 3.0.5 → 3.0.6

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-9d9fefc1.js';
+import { F as FormItem, v as validate } from '../_verture/index-7b63f88e.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-9d9fefc1.js';
+export { F as default } from '../_verture/index-7b63f88e.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';

package/README.md

@@ -1,3 +1,8 @@
+## 版本: 3.0.6
+
+     para-ui/core@3.0.6 发布
+        【TextEditor】新增富文本编辑器
+
 ## 版本: 3.0.5
 
      para-ui/core@3.0.5 发布

package/TextEditor/common.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author xh
+ * @date 2022/09/06 18:00
+ * @description  存放富文本编辑器的一些默认配置
+ */
+export declare const TOOL_BAR_CONFIG: (string | {
+    key: string;
+    title: string;
+    iconSvg: string;
+    menuKeys: string[];
+})[];

package/TextEditor/index.d.ts

@@ -0,0 +1,106 @@
+/**
+ * @author xh
+ * @date 2022/09/06 11:26
+ * @description 基于wangEditor的富文本编辑器
+ */
+import React, { ReactNode } from 'react';
+import { LabelTooltipProps } from "../Label";
+import { IDomEditor } from '@wangeditor/editor';
+import { HelperTextDetailProps } from "../HelperText";
+import './index.scss';
+import '@wangeditor/editor/dist/css/style.css';
+declare type InsertFnType = (url: string, alt: string, href: string) => void;
+export interface IMenuGroup {
+    key: string;
+    title: string;
+    iconSvg?: string;
+    menuKeys: string[];
+}
+export interface UpLoadImgConfig {
+    fieldName: string;
+    maxFileSize: number;
+    maxNumberOfFiles: number;
+    allowedFileTypes: string[];
+    meta: object;
+    metaWithUrl: boolean;
+    headers: object;
+    withCredentials: boolean;
+    timeout: number;
+    base64LimitSize: number;
+    onSuccess: (file: File, res: any) => void;
+    onFailed: (file: File, res: any) => void;
+    onProgress: (progress: number) => void;
+    onBeforeUpload: (file: File) => any;
+    onError: (file: File, err: any, res: any) => void;
+    customUpload: (file: File, insertFn: InsertFnType) => void;
+    customInsert: (res: any, insertFn: InsertFnType) => void;
+}
+export declare type UpLoadVideoConfig = Omit<UpLoadImgConfig, 'base64LimitSize'>;
+export interface TextEditorProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** toolbarStyle */
+    toolbarStyle?: React.CSSProperties;
+    /** editorStyle */
+    editorStyle?: React.CSSProperties;
+    /** 富文本的最大长度 */
+    max?: number;
+    /** 标题 */
+    label?: ReactNode;
+    /** 标题提示 */
+    labelSign?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 提示语 */
+    placeholder?: string;
+    /** 编辑器是否默认聚焦 */
+    autoFocus?: boolean;
+    /** 只读 */
+    readOnly?: boolean;
+    /** 是否必填 */
+    required?: boolean;
+    /** 默认值 不受控 */
+    defaultValue?: string;
+    /** 默认值 受控 */
+    value?: string;
+    /** 工具栏菜单配置*/
+    toolbarKeys?: Array<string | IMenuGroup>;
+    /** 工具栏不需要的配置 */
+    excludeKeys?: string[];
+    /** 工具栏插入新菜单 */
+    insertKeys?: {
+        index: number;
+        keys: string | Array<string | IMenuGroup>;
+    };
+    /** 文件上传的服务地址 */
+    server: string;
+    /** 上传图片配置 */
+    uploadImage?: Partial<UpLoadImgConfig>;
+    /** 上传视频配置 */
+    uploadVideo?: Partial<UpLoadVideoConfig>;
+    /** 改变事件 */
+    onChange?: (value: string, text: string) => void;
+    /** 失去焦点 */
+    onBlur?: (editor: IDomEditor) => void;
+    /** 得到焦点 */
+    onFocus?: (editor: IDomEditor) => void;
+    /** 编辑器销毁钩子 */
+    onDestroyed?: (editor: IDomEditor) => void;
+    [name: string]: any;
+}
+export interface TextEditorRef {
+    /** 获取html内容 */
+    getContent: () => string | undefined;
+    /** 获取纯文本内容 */
+    getText: () => string | undefined;
+    /** 清空编辑器 */
+    clearEditor: () => void;
+    /** 设置content */
+    setContent: (content: string) => void;
+    /** 获取编辑器实例 */
+    getEditor: () => IDomEditor | null;
+}
+declare const TextEditor: React.ForwardRefExoticComponent<Pick<TextEditorProps, keyof TextEditorProps> & React.RefAttributes<TextEditorRef>>;
+export default TextEditor;