@para-ui/core 3.0.4 → 3.0.7

package/Breadcrumbs/index.js

@@ -139,7 +139,6 @@ var Breadcrumbs = function Breadcrumbs(props) {
       setShowMore(false);
     }
 
-    console.log(props.list, props.list.length);
     if (props.list.length <= constData.current.minNum + 1) return hideMask(); // 面包屑数组长度必须大于最少显示数
 
     if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask(); // 隐藏到最小显示数,停止

package/CollapseBox/index.js

@@ -1,27 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { Transition } from 'react-transition-group';
+import { g as getTransitionProps, a as getAutoHeightDuration } from '../_verture/util-a77b261e.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-function getTransitionProps(props, options) {
-  var timeout = props.timeout,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
-  return {
-    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
-    delay: style.transitionDelay
-  };
-}
-function getAutoHeightDuration(height) {
-  if (!height) {
-    return 0;
-  }
-
-  var constant = height / 36;
-  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-}
-
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse-box {\n  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  width: 100%;\n  overflow: hidden;\n  height: 0;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper > .collapse-box-wrapper-inner {\n  width: 100%;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-entered {\n  overflow: visible;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-hidden {\n  visibility: hidden;\n}";
 styleInject(css_248z);
 

package/CollapseLayout/index.d.ts

@@ -0,0 +1,51 @@
+import React, { FC } from 'react';
+import './index.scss';
+export interface CollapseLayoutProps {
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 收起出现的位置
+     * 默认 left
+     */
+    type?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * 普通展示数据
+     */
+    defaultContent?: React.ReactNode;
+    /**
+     * 显示隐藏的数据
+     */
+    displayContent?: React.ReactNode;
+    /**
+     * 展开还是收起
+     */
+    open?: boolean;
+    /**
+     * 允许缩放的长度
+     * */
+    zoomLength?: number;
+    /**
+     * 单位
+     * 默认px
+     */
+    unit?: string;
+    /**
+     * 展开按钮显示文字
+     */
+    showLabel?: string;
+    /**
+     * 收起按钮展示文字
+     */
+    hideLabel?: string;
+    /**
+     * 间距
+     * 默认20
+     */
+    spacing?: number;
+}
+/**
+ * @author zhanzl
+ * @date 2022/08/09
+ */
+declare const CollapseLayout: FC<CollapseLayoutProps>;
+export default CollapseLayout;

package/CollapseLayout/index.js

@@ -0,0 +1,190 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import DoubleLeft from '@para-ui/icons/DoubleLeft';
+import DoubleRight from '@para-ui/icons/DoubleRight';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import clsx from 'clsx';
+import { a as getAutoHeightDuration } from '../_verture/util-a77b261e.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse-layout {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-top {\n  transform: rotate(90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-bottom {\n  transform: rotate(-90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-right {\n  transform: rotate(180deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-display {\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click span {\n  font-size: 12px;\n  font-weight: 400;\n  text-align: center;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: \"\";\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: -36px;\n  z-index: 1;\n  display: grid;\n  transition-property: right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  right: 0px;\n  border-radius: 4px 0 0 4px;\n  border-right: 1px solid rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  transition-property: margin-right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: -36px;\n  z-index: 1;\n  display: grid;\n  transition-property: left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-left: 1px solid rgb(54, 102, 214);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow {\n  transition-property: margin-left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right > div {\n  display: inline-block;\n  vertical-align: middle;\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  height: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-default {\n  transition: width;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: 0;\n  z-index: 1;\n  display: grid;\n  transition-property: top;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  border-top: 1px solid rgb(54, 102, 214);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow {\n  transition-property: margin-top;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click {\n  position: absolute;\n  top: \"\";\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: 0;\n  z-index: 1;\n  display: grid;\n  transition-property: bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  bottom: 0px;\n  border-bottom: 1px solid rgb(54, 102, 214);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  transition-property: margin-bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-default {\n  transition-property: height;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  width: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom > div {\n  display: block;\n  width: 100%;\n  position: relative;\n}";
+styleInject(css_248z);
+
+/**
+ * @author zhanzl
+ * @date 2022/08/09
+ */
+
+var CollapseLayout = function CollapseLayout(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'left' : _props$type,
+      showLabel = props.showLabel,
+      _props$open = props.open,
+      open = _props$open === void 0 ? false : _props$open,
+      hideLabel = props.hideLabel,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? 20 : _props$spacing,
+      _props$zoomLength = props.zoomLength,
+      zoomLength = _props$zoomLength === void 0 ? 0 : _props$zoomLength,
+      _props$unit = props.unit,
+      unit = _props$unit === void 0 ? 'px' : _props$unit,
+      style = props.style,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className;
+  var displayRef = useRef(null);
+  /**
+   * 处理动画时间
+   * */
+
+  var handTime = function handTime() {
+    var dom = displayRef.current;
+    if (!dom) return 0;
+    var rect = dom.getBoundingClientRect();
+    var durationHand = getAutoHeightDuration(rect.width);
+    return durationHand;
+  };
+
+  var duration = handTime(); // 动画时间
+
+  /**
+   * 当前为收起还是展开
+   */
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      showBox = _useState2[0],
+      setShowBox = _useState2[1]; // 渲染配置
+
+
+  var typeConfig = {
+    layout: {
+      left: ['display', 'default'],
+      right: ['default', 'display'],
+      top: ['display', 'default'],
+      bottom: ['default', 'display']
+    }
+  }; // 首字母大写
+
+  var formatterType = function formatterType(str) {
+    var newStr = str.slice(0, 1).toUpperCase() + str.slice(1);
+    return newStr;
+  }; // 计算方位
+
+
+  var hangWH = function hangWH() {
+    var wH = 'width';
+
+    if (type === "top" || type === "bottom") {
+      wH = 'height';
+    }
+
+    return wH;
+  }; // 收缩容器的样式
+
+
+  var handDisplayStyle = function handDisplayStyle() {
+    var json = {};
+    var collapseL = (showBox ? zoomLength : 0) + unit; // 收缩长度
+
+    var wH = hangWH();
+    json[wH] = collapseL;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 收缩容器的样式,里面的样式
+
+
+  var handDisplayShowStyle = function handDisplayShowStyle() {
+    var json = {};
+    var direction = "margin".concat(formatterType(type));
+    var wH = hangWH();
+    json[wH] = zoomLength + unit;
+    json[direction] = (showBox ? 0 : zoomLength) + unit;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 自适应容器的样式
+
+
+  var handDefaultStyle = function handDefaultStyle() {
+    var json = {};
+    var wH = hangWH();
+    var collapseL = showBox ? zoomLength : 0; // 收缩长度
+
+    json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
+    var direction = "margin".concat(formatterType(type));
+    json[direction] = spacing + unit;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 布局
+
+
+  var Layout = function Layout() {
+    return typeConfig.layout[type].map(function (key, idx) {
+      switch (key) {
+        case "display":
+          // 可收缩的
+          return jsx("div", Object.assign({
+            className: "collapse-layout-display",
+            style: handDisplayStyle()
+          }, {
+            children: jsx("div", Object.assign({
+              className: "collapse-layout-display-shadow",
+              style: handDisplayShowStyle(),
+              ref: displayRef
+            }, {
+              children: props.displayContent
+            }))
+          }), idx);
+
+        default:
+          return jsx("div", Object.assign({
+            className: "collapse-layout-default",
+            style: handDefaultStyle()
+          }, {
+            children: props.defaultContent
+          }), idx);
+      }
+    });
+  };
+  /**
+   * 展开收起按钮
+   * */
+
+
+  var handBtn = function handBtn() {
+    var _style;
+
+    /**
+     * 计算后的展示文字
+     */
+    var computeLabel = showBox ? showLabel : hideLabel;
+    return jsxs("div", Object.assign({
+      className: "collapse-layout-click collapse-layout-click-label-".concat(!!computeLabel),
+      style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
+      onClick: function onClick() {
+        return setShowBox(!showBox);
+      }
+    }, {
+      children: [computeLabel && jsx("span", {
+        children: computeLabel
+      }), showBox ? jsx(DoubleLeft, {
+        className: "collapse-layout-icon-transform-".concat(type)
+      }) : jsx(DoubleRight, {
+        className: "collapse-layout-icon-transform-".concat(type)
+      })]
+    }));
+  };
+
+  useEffect(function () {
+    setShowBox(open);
+  }, [open]);
+  return jsxs("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-collapse-layout"), "".concat($prefixCls, "-collapse-layout-").concat(showBox), "".concat($prefixCls, "-collapse-layout-").concat(type), "".concat($prefixCls, "-collapse-layout-").concat(type, "-").concat(showBox), className),
+    style: style
+  }, {
+    children: [handBtn(), Layout()]
+  }));
+};
+
+export { CollapseLayout as default };

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-4b4ee8b5.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-4b4ee8b5.js';
+export { F as default } from '../_verture/index-7b63f88e.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';

package/Menu/index.js

@@ -12,6 +12,7 @@ import MenuMoreLine from '@para-ui/icons/IndentRightFill';
 import MenuLessLine from '@para-ui/icons/IndentLeftFill';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react-transition-group';
+import '../_verture/util-a77b261e.js';
 
 var Logo = function Logo(props) {
   var _props$expansion = props.expansion,

package/Pagination/index.js

@@ -2,8 +2,8 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import PaginationCom from 'rc-pagination';
-import FirstPage from '@para-ui/icons/DoubleLeft';
-import LastPage from '@para-ui/icons/DoubleRight';
+import DoubleLeft from '@para-ui/icons/DoubleLeft';
+import DoubleRight from '@para-ui/icons/DoubleRight';
 import NavigateBefore from '@para-ui/icons/Left';
 import Right from '@para-ui/icons/Right';
 import Select from '../Select/index.js';
@@ -398,7 +398,7 @@ var Pagination = function Pagination(props) {
           onClick: clickPage('first'),
           className: pageCom === 1 ? 'disabled-btn' : ''
         }, {
-          children: jsx(FirstPage, {})
+          children: jsx(DoubleLeft, {})
         })), jsx("div", Object.assign({
           onClick: clickPage('prev'),
           className: pageCom === 1 ? 'disabled-btn' : ''
@@ -426,7 +426,7 @@ var Pagination = function Pagination(props) {
           onClick: clickPage('last'),
           className: pageCom === totalPage ? 'disabled-btn' : ''
         }, {
-          children: jsx(LastPage, {})
+          children: jsx(DoubleRight, {})
         }))]
       }))]
     }));

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 3.0.6
+
+     para-ui/core@3.0.6 发布
+        【TextEditor】新增富文本编辑器
+
+## 版本: 3.0.5
+
+     para-ui/core@3.0.5 发布
+        【CollapseLayout】分栏收缩容器
+
 ## 版本: 3.0.4
 
      para-ui/core@3.0.4 发布
@@ -5,6 +15,7 @@
         【Button】禁用时提示文字无箭头且位于下方
         【国际化】国际化支持zh-CN/en-US
         【Breadcrumbs】重构面包屑
+        【Transfer】增加禁用逻辑,修改value改变不生效
 
 ## 版本: 3.0.3
 

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;

package/TextEditor/index.js

@@ -0,0 +1,294 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useEffect, useImperativeHandle, useMemo } from 'react';
+import Label from '../Label/index.js';
+import { Toolbar, Editor } from '@wangeditor/editor-for-react';
+import HelperText from '../HelperText/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Help';
+
+/**
+ * @author xh
+ * @date 2022/09/06 18:00
+ * @description  存放富文本编辑器的一些默认配置
+ */
+var TOOL_BAR_CONFIG = ["headerSelect", "blockquote", "|", "bold", "underline", "italic", {
+  key: 'group-more-style',
+  title: '更多',
+  iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z\"></path><path d=\"M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z\"></path><path d=\"M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z\"></path></svg>",
+  menuKeys: ['through', 'code', 'sup', 'sub', 'clearStyle']
+}, "color", "bgColor", "|", "fontSize", "fontFamily", "lineHeight", "|", "bulletedList", "numberedList", "todo", {
+  key: 'group-justify',
+  title: '对齐',
+  iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M768 793.6v102.4H51.2v-102.4h716.8z m204.8-230.4v102.4H51.2v-102.4h921.6z m-204.8-230.4v102.4H51.2v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z\"></path></svg>",
+  menuKeys: ['justifyLeft', 'justifyRight', 'justifyCenter', 'justifyJustify']
+}, {
+  key: 'group-indent',
+  title: '缩进',
+  iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M0 64h1024v128H0z m384 192h640v128H384z m0 192h640v128H384z m0 192h640v128H384zM0 832h1024v128H0z m0-128V320l256 192z\"></path></svg>",
+  menuKeys: ['indent', 'delIndent']
+}, "|", "emotion", "insertLink", {
+  key: 'group-image',
+  title: '图片',
+  iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z\"></path></svg>",
+  menuKeys: ['insertImage', 'uploadImage']
+}, {
+  key: "group-video",
+  title: "视频",
+  iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M981.184 160.096C837.568 139.456 678.848 128 512 128S186.432 139.456 42.816 160.096C15.296 267.808 0 386.848 0 512s15.264 244.16 42.816 351.904C186.464 884.544 345.152 896 512 896s325.568-11.456 469.184-32.096C1008.704 756.192 1024 637.152 1024 512s-15.264-244.16-42.816-351.904zM384 704V320l320 192-320 192z\"></path></svg>",
+  menuKeys: ['insertVideo', 'uploadVideo']
+}, "insertTable", "codeBlock", "divider", "|", "undo", "redo", "|", "fullScreen"];
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-text-editor .text-editor-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  z-index: 100;\n}";
+styleInject(css_248z$1);
+
+var css_248z = ":root,\n:host {\n  --w-e-textarea-bg-color: #fff;\n  --w-e-textarea-color: #333;\n  --w-e-textarea-border-color: #ccc;\n  --w-e-textarea-slight-border-color: #e8e8e8;\n  --w-e-textarea-slight-color: #d4d4d4;\n  --w-e-textarea-slight-bg-color: #f5f2f0;\n  --w-e-textarea-selected-border-color: #B4D5FF;\n  --w-e-textarea-handler-bg-color: #4290f7;\n  --w-e-toolbar-color: #595959;\n  --w-e-toolbar-bg-color: #fff;\n  --w-e-toolbar-active-color: #333;\n  --w-e-toolbar-active-bg-color: #f1f1f1;\n  --w-e-toolbar-disabled-color: #999;\n  --w-e-toolbar-border-color: #e8e8e8;\n  --w-e-modal-button-bg-color: #fafafa;\n  --w-e-modal-button-border-color: #d9d9d9;\n}\n\n.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:\"\";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:\"tnum\";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}\n.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 10px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}\n.w-e-text-container [data-slate-editor] ol,.w-e-text-container [data-slate-editor] ul{padding-left:20px}.w-e-text-container [data-slate-editor] li{line-height:inherit;margin:10px 0}\n.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}\n.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}\n\n.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}";
+styleInject(css_248z);
+
+var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
+  var style = props.style,
+      _props$toolbarStyle = props.toolbarStyle,
+      toolbarStyle = _props$toolbarStyle === void 0 ? {
+    borderBottom: '1px solid #ccc'
+  } : _props$toolbarStyle,
+      _props$editorStyle = props.editorStyle,
+      editorStyle = _props$editorStyle === void 0 ? {
+    height: '300px',
+    overflowY: 'hidden'
+  } : _props$editorStyle,
+      hideErrorDom = props.hideErrorDom,
+      className = props.className,
+      error = props.error,
+      server = props.server,
+      helperText = props.helperText,
+      required = props.required,
+      labelSign = props.labelSign,
+      label = props.label,
+      labelTooltip = props.labelTooltip,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请输入内容' : _props$placeholder,
+      onChange = props.onChange,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onDestroyed = props.onDestroyed,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$autoFocus = props.autoFocus,
+      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+      max = props.max,
+      defaultValue = props.defaultValue,
+      value = props.value,
+      excludeKeys = props.excludeKeys,
+      insertKeys = props.insertKeys,
+      _props$toolbarKeys = props.toolbarKeys,
+      toolbarKeys = _props$toolbarKeys === void 0 ? TOOL_BAR_CONFIG : _props$toolbarKeys,
+      _props$uploadImage = props.uploadImage,
+      uploadImage = _props$uploadImage === void 0 ? {
+    base64LimitSize: 2 * 1024 * 1024,
+    timeout: 15 * 1000
+  } : _props$uploadImage,
+      _props$uploadVideo = props.uploadVideo,
+      uploadVideo = _props$uploadVideo === void 0 ? {
+    timeout: 15 * 1000
+  } : _props$uploadVideo; // editor 实例
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      editor = _useState2[0],
+      setEditor = _useState2[1]; // 编辑器内容
+
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      valueCom = _useState4[0],
+      setValueCom = _useState4[1]; // 组件值
+  // 非受控组件赋值
+
+
+  useEffect(function () {
+    if (defaultValue !== undefined) {
+      setValueCom(defaultValue);
+    }
+  }, []); // 受控组件监听value变化赋值
+
+  useEffect(function () {
+    if (value !== undefined) {
+      setValueCom(value);
+    }
+  }, [value]); // 获取html格式的内容
+
+  var getContent = function getContent() {
+    if (!editor) return;
+    return editor.getHtml();
+  }; // 获取纯文本
+
+
+  var getText = function getText() {
+    if (!editor) return;
+    return editor.getText();
+  }; // 清空编辑器
+
+
+  var clearEditor = function clearEditor() {
+    if (!editor) return;
+    editor.clear();
+  }; //设置值
+
+
+  var setContent = function setContent(content) {
+    if (!editor) return;
+    editor.setHtml(content); // 重新聚焦放到下一次事件队列，否则会有bug
+
+    setTimeout(function () {
+      editor.focus(true);
+    });
+  }; // 获取富文本实例
+
+
+  var getEditor = function getEditor() {
+    return editor;
+  }; // 销毁 editor
+
+
+  useEffect(function () {
+    return function () {
+      if (editor == null) return;
+      editor.destroy();
+      setEditor(null);
+    };
+  }, [editor]);
+  useImperativeHandle(ref, function () {
+    return {
+      getContent: getContent,
+      getText: getText,
+      clearEditor: clearEditor,
+      setContent: setContent,
+      getEditor: getEditor
+    };
+  });
+  /** 聚焦 */
+
+  var onFocusCom = function onFocusCom(editor) {
+    onFocus && onFocus(editor);
+  };
+  /** 失去焦点 */
+
+
+  var onBlurCom = function onBlurCom(editor) {
+    onBlur && onBlur(editor);
+  };
+  /** 销毁钩子 */
+
+
+  var onDestroyedCom = function onDestroyedCom(editor) {
+    onDestroyed && onDestroyed(editor);
+  }; // 工具栏配置
+
+
+  var toolbarConfig = {
+    excludeKeys: excludeKeys,
+    toolbarKeys: toolbarKeys,
+    insertKeys: insertKeys
+  }; // 编辑器配置
+
+  var editorConfig = {
+    placeholder: placeholder,
+    onFocus: onFocusCom,
+    onBlur: onBlurCom,
+    onDestroyed: onDestroyedCom,
+    readOnly: readOnly,
+    autoFocus: autoFocus,
+    maxLength: max,
+    MENU_CONF: {
+      uploadImage: Object.assign(Object.assign({}, uploadImage), {
+        server: server
+      }),
+      uploadVideo: Object.assign(Object.assign({}, uploadVideo), {
+        server: server
+      })
+    }
+  };
+  /** 改变事件 */
+
+  var onChangeCom = function onChangeCom(editor) {
+    if (props.value === undefined) setValueCom(editor.getHtml());
+    onChange && onChange(editor.getHtml(), editor.getText());
+  };
+  /**
+  * 处理class
+  * @return {string}
+  */
+
+
+  var handClass = function handClass() {
+    var str = $prefixCls + '-text-editor';
+    if (className) str += ' ' + className;
+    return str;
+  };
+  /** 标题 */
+
+
+  var labelMemo = useMemo(function () {
+    var handLabelClass = function handLabelClass() {
+      var str = 'text-editor-label';
+
+      if (labelTooltip && labelTooltip.className) {
+        str += ' ' + labelTooltip.className;
+      }
+
+      return str;
+    };
+
+    return jsx(Label, Object.assign({
+      label: label,
+      required: required,
+      labelSign: labelSign
+    }, labelTooltip, {
+      className: handLabelClass()
+    }));
+  }, [label, labelSign, required, labelTooltip]); // 工具栏
+
+  var toolbarMemo = useMemo(function () {
+    return jsx(Toolbar, {
+      editor: editor,
+      defaultConfig: toolbarConfig,
+      mode: "default",
+      style: toolbarStyle
+    });
+  }, [editor, toolbarConfig, toolbarStyle]); // 编辑器
+
+  var editorMemo = useMemo(function () {
+    return jsx(Editor, {
+      defaultConfig: editorConfig,
+      value: valueCom,
+      onCreated: setEditor,
+      onChange: onChangeCom,
+      mode: "default",
+      style: editorStyle
+    });
+  }, [editorConfig, valueCom, editorStyle, onChangeCom]);
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [labelMemo, jsxs("div", Object.assign({
+      className: 'text-editor-content'
+    }, {
+      children: [toolbarMemo, editorMemo]
+    })), jsx(HelperText, {
+      className: "text-editor-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+});
+
+export { TextEditor as default };

package/TextField/index.js

@@ -25,7 +25,7 @@ import '@para-ui/icons/LoadingF';
 import '@para-ui/core/GlobalContext';
 import 'rc-dropdown';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-text-field {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  width: 100%;\n  line-height: 0;\n  position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 12px;\n  resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 12px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 8px;\n  margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 12px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n  height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n  height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n  line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n  line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n  line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-text-field {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  width: 100%;\n  line-height: 0;\n  position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 12px;\n  resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 12px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 8px;\n  margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 12px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n  height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n  height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n  line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n  line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n  line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}";
 styleInject(css_248z);
 
 var IsNaN = function IsNaN(value) {

package/Title/index.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .paraui-v3-title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .paraui-v3-title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .paraui-v3-title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .paraui-v3-title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .paraui-v3-title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-text {\n  margin-left: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-text {\n  margin-left: 4px;\n}";
 styleInject(css_248z);
 
 var Title = function Title(props) {
@@ -22,21 +22,21 @@ var Title = function Title(props) {
     style: style
   }, {
     children: [icon ? jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-icon")
+      className: "title-icon"
     }, {
       children: icon
     })) : jsx("span", {
-      className: "".concat($prefixCls, "-title-ink")
+      className: "title-ink"
     }), jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-text")
+      className: "title-text"
     }, {
       children: title
     })), subTitle && jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-subtext")
+      className: "title-subtext"
     }, {
       children: subTitle
     })), link && jsx("a", Object.assign({
-      className: "".concat($prefixCls, "-title-link"),
+      className: "title-link",
       target: link.target || '_blank',
       href: link.href,
       onClick: link.onClick

package/_verture/util-a77b261e.js

@@ -0,0 +1,19 @@
+function getTransitionProps(props, options) {
+  var timeout = props.timeout,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return {
+    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
+    delay: style.transitionDelay
+  };
+}
+function getAutoHeightDuration(height) {
+  if (!height) {
+    return 0;
+  }
+
+  var constant = height / 36;
+  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+}
+
+export { getAutoHeightDuration as a, getTransitionProps as g };

package/index.d.ts

@@ -20,6 +20,8 @@ export { default as Collapse } from './Collapse';
 export * from './Collapse';
 export { default as CollapseBox } from './CollapseBox';
 export * from './CollapseBox';
+export { default as CollapseLayout } from './CollapseLayout';
+export * from './CollapseLayout';
 export { default as ColorPicker } from './ColorPicker';
 export * from './ColorPicker';
 export { default as ComboSelect } from './ComboSelect';
@@ -114,6 +116,8 @@ export { default as Tag } from './Tag';
 export * from './Tag';
 export { default as Test } from './Test';
 export * from './Test';
+export { default as TextEditor } from './TextEditor';
+export * from './TextEditor';
 export { default as TextField } from './TextField';
 export * from './TextField';
 export { default as TimePicker } from './TimePicker';

package/index.js

@@ -9,6 +9,7 @@ export { Checkbox } from './Checkbox/index.js';
 export { CheckboxGroup } from './CheckboxGroup/index.js';
 export { Collapse } from './Collapse/index.js';
 export { default as CollapseBox } from './CollapseBox/index.js';
+export { default as CollapseLayout } from './CollapseLayout/index.js';
 export { ChromePicker, SketchPicker as ColorPicker, CompactPicker, SwatchesPicker } from 'react-color';
 import './_verture/index-a369ca3f.js';
 export { ComboSelect } from './ComboSelect/index.js';
@@ -19,7 +20,7 @@ export { Drawer } from './Drawer/index.js';
 export { Dropdown } from './Dropdown/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-4b4ee8b5.js';
+export { F as FormItem } from './_verture/index-7b63f88e.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-4bce2dae.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -57,6 +58,7 @@ export { default as Table } from './Table/index.js';
 export { Tabs } from './Tabs/index.js';
 export { Tag, TagGroup } from './Tag/index.js';
 export { Test } from './Test/index.js';
+export { default as TextEditor } from './TextEditor/index.js';
 export { TextField } from './TextField/index.js';
 export { default as TimePicker } from './TimePicker/index.js';
 export { Timeline } from './Timeline/index.js';
@@ -92,6 +94,9 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/Loading';
 import 'rc-collapse';
 import 'react-transition-group';
+import './_verture/util-a77b261e.js';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Search';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/CloseCircle';
@@ -126,8 +131,6 @@ import 'rc-dialog';
 import '@para-ui/icons/WarningCircle';
 import 'rc-notification';
 import 'rc-pagination';
-import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import 'rc-progress';
 import '@para-ui/icons/Check';
@@ -149,6 +152,7 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import 'rc-tabs';
+import '@wangeditor/editor-for-react';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import 'rc-tooltip';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.4",
+  "version": "3.0.7",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -18,6 +18,8 @@
     "@para-ui/core": "^3.0.0",
     "@para-ui/icons": "^3.0.0",
     "@paraview/lib": "^2.0.3",
+    "@wangeditor/editor": "^5.1.15",
+    "@wangeditor/editor-for-react": "^1.0.5",
     "clsx": "1.1.1",
     "dayjs": "^1.11.3",
     "rc-cascader": "2.1.2",