@para-ui/core 3.0.7 → 3.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,10 +28,12 @@ export interface HeadDataProps {
28
28
  name?: string;
29
29
  /** 显示名 */
30
30
  label?: string;
31
+ /** 是否拖拽列 */
32
+ drag?: boolean;
31
33
  /** 是否排序 */
32
34
  sort?: boolean;
33
35
  /** 渲染函数 (跟表格tableCell参数互斥) */
34
- render?: (row: any, item?: any, val?: any, index?: number) => ReactNode;
36
+ render?: (row: any, item?: any, val?: any, index?: number, rowIndex?: number) => ReactNode;
35
37
  /** 渲染操作列按钮 */
36
38
  operateBtnRender?: (item: any) => OperateBtnProps;
37
39
  /** 对齐方式 */
@@ -70,7 +72,7 @@ export interface HeadDataReqProps {
70
72
  selectedFlag?: boolean;
71
73
  [name: string]: any;
72
74
  }
73
- /** 固定列位置信息 */
75
+ /** 固定列/拖拽 位置信息 */
74
76
  export interface PosFixedProps {
75
77
  /** 是否存在左边定位 */
76
78
  leftBol?: boolean;
@@ -118,7 +120,7 @@ export interface TableProps extends TableHeadBodyPublicProps {
118
120
  style?: React.CSSProperties;
119
121
  /** 表格唯一id,用来存储数据做索引 */
120
122
  tableKey?: string;
121
- /** 过期时间/ 单位天 默认7天 */
123
+ /** 过期时间/ 单位天 默认7天 0表示永久 */
122
124
  expirationTime?: number;
123
125
  /** 记住列,默认记住 */
124
126
  rememberColumns?: boolean;
@@ -170,6 +172,10 @@ export interface TableProps extends TableHeadBodyPublicProps {
170
172
  };
171
173
  /** 超出内容显示文字还是dom */
172
174
  beyondText?: boolean;
175
+ /** 是否显示序号 true显示 HeadDataProps配置详情,跟配置列一样 */
176
+ serialNumber?: boolean | HeadDataProps;
177
+ /** 是否拖动列 */
178
+ dragColumn?: boolean;
173
179
  /** 是否过滤 */
174
180
  filter?: boolean;
175
181
  /** 排序 多个/单个 */
@@ -177,7 +183,7 @@ export interface TableProps extends TableHeadBodyPublicProps {
177
183
  /** 处理请求参数 */
178
184
  paramsCallback?: (data: any, cb: (handObj: ReqProps) => void) => void;
179
185
  /** 用来格式化内容 */
180
- formatter?: (row: any, item: any, val: any, index: number) => ReactNode;
186
+ formatter?: (row: any, item: any, val: any, index: number, rowIndex: number) => ReactNode;
181
187
  /** 用来计算表格行数 */
182
188
  lineHeight?: number;
183
189
  /** 表格每列没设置宽度的默认宽度, 默认80 */
@@ -235,6 +241,8 @@ export interface HeadLocalStorageItem {
235
241
  /** true显示,false在下拉里面 */
236
242
  [name: string]: boolean;
237
243
  };
244
+ /** 拖拽记住的列信息 */
245
+ headDataConfig: HeadDataConfigProps;
238
246
  /** 存储时间 */
239
247
  storageTime: number;
240
248
  /** 过期时间 */
@@ -244,3 +252,16 @@ export interface HeadLocalStorageItem {
244
252
  export interface HeadLocalStorage {
245
253
  [name: string]: HeadLocalStorageItem;
246
254
  }
255
+ /** 表格头部配置 */
256
+ export interface HeadDataConfigProps {
257
+ [name: string]: {
258
+ width?: number;
259
+ };
260
+ }
261
+ /** 设置本地数据 */
262
+ export interface SetLocalStorageProps {
263
+ headArr?: HeadDataProps[];
264
+ headDataConfig?: HeadDataConfigProps;
265
+ setFixed?: boolean;
266
+ setDrag?: boolean;
267
+ }
@@ -2,5 +2,6 @@ declare const _default: {
2
2
  empty: string;
3
3
  determine: string;
4
4
  restoreDefault: string;
5
+ serial: string;
5
6
  };
6
7
  export default _default;
@@ -2,5 +2,6 @@ declare const _default: {
2
2
  empty: string;
3
3
  determine: string;
4
4
  restoreDefault: string;
5
+ serial: string;
5
6
  };
6
7
  export default _default;
@@ -33,7 +33,7 @@ export interface TableBodyProps extends TableHeadBodyPublicProps {
33
33
  /** 单选 - 选择 */
34
34
  selectRadio?: (event: React.ChangeEvent<HTMLInputElement>, val: any) => void;
35
35
  /** 用来格式化内容 */
36
- formatter?: (row: any, item: any, val: any, index: number) => ReactNode;
36
+ formatter?: (row: any, item: any, val: any, index: number, rowIndex: number) => ReactNode;
37
37
  /** 加载 */
38
38
  loadState?: boolean;
39
39
  /** 加载更多 */
@@ -4,9 +4,14 @@
4
4
  * @description 表格头部参数
5
5
  */
6
6
  import React from 'react';
7
- import { TableHeadBodyPublicProps, SelectStatus } from './interface';
7
+ import { TableHeadBodyPublicProps, SelectStatus, HeadDataProps } from './interface';
8
+ import { DragResultProps } from "./thElement";
8
9
  /** 表格头部参数 */
9
10
  export interface TableHeadProps extends TableHeadBodyPublicProps {
11
+ /** 是否拖动列 */
12
+ dragColumn?: boolean;
13
+ /** 表格每列没设置宽度的默认宽度, 默认80 */
14
+ lineWidth?: number;
10
15
  /** 排序触发事件 property: 属性名 */
11
16
  onRequestSort?: (event: React.MouseEvent<unknown>, property: string) => void;
12
17
  /** 全选事件 */
@@ -21,6 +26,10 @@ export interface TableHeadProps extends TableHeadBodyPublicProps {
21
26
  changeShowList: (headShowArr: any, bol?: boolean, item?: any) => void;
22
27
  /** 过滤值 */
23
28
  selectFilter: any;
29
+ /** 表格列配置 */
30
+ headDataConfig: HeadDataProps;
24
31
  /** 改变过滤 */
25
32
  changeFilter?: (val: any) => void;
33
+ /** 改变拖拽列width */
34
+ changeColumnWidth?: (headCell: HeadDataProps, result: DragResultProps) => void;
26
35
  }
@@ -4,11 +4,24 @@
4
4
  * @description 表格th元素
5
5
  */
6
6
  import React, { FunctionComponent } from "react";
7
+ import { HeadDataProps } from "../interface";
7
8
  import './index.scss';
9
+ export interface DragResultProps {
10
+ width: number;
11
+ left: number;
12
+ }
8
13
  export interface ThElementProps {
9
14
  className?: string;
10
15
  style?: React.CSSProperties;
11
16
  children?: any;
17
+ /** 是否拖动 */
18
+ draggable?: boolean;
19
+ /** 表格每列没设置宽度的默认宽度, 默认80 */
20
+ lineWidth?: number;
21
+ /** 表格列配置 */
22
+ headCell?: HeadDataProps;
23
+ /** 拖动放下事件 */
24
+ onDragDown?: (result: DragResultProps) => void;
12
25
  [name: string]: any;
13
26
  }
14
27
  export declare const ThElement: FunctionComponent<ThElementProps>;
package/Table/util.d.ts CHANGED
@@ -26,3 +26,9 @@ export declare const getLocalStorageSelectHead: (key: string, num: number) => He
26
26
  * @param val {HeadLocalStorageItem} 保存值
27
27
  * */
28
28
  export declare const setLocalStorageSelectHead: (key: string, val: HeadLocalStorageItem) => void;
29
+ /**
30
+ * 查找元素
31
+ * @param el 当前元素
32
+ * @param selector 查找元素class
33
+ */
34
+ export declare const closest: (el: any, selector: any) => any;
@@ -80,6 +80,8 @@ export interface TextEditorProps extends HelperTextDetailProps {
80
80
  uploadImage?: Partial<UpLoadImgConfig>;
81
81
  /** 上传视频配置 */
82
82
  uploadVideo?: Partial<UpLoadVideoConfig>;
83
+ /** 国际化 */
84
+ in18?: 'en' | 'zh-CN';
83
85
  /** 改变事件 */
84
86
  onChange?: (value: string, text: string) => void;
85
87
  /** 失去焦点 */
@@ -3,8 +3,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef, useState, useEffect, useImperativeHandle, useMemo } from 'react';
4
4
  import Label from '../Label/index.js';
5
5
  import { Toolbar, Editor } from '@wangeditor/editor-for-react';
6
+ import { i18nChangeLanguage } from '@wangeditor/editor';
6
7
  import HelperText from '../HelperText/index.js';
7
8
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
9
+ import { UUID } from '@paraview/lib';
8
10
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
9
11
  import '../Help/index.js';
10
12
  import '../_verture/tslib.es6-55ed4bd2.js';
@@ -46,7 +48,7 @@ var TOOL_BAR_CONFIG = ["headerSelect", "blockquote", "|", "bold", "underline", "
46
48
  menuKeys: ['insertVideo', 'uploadVideo']
47
49
  }, "insertTable", "codeBlock", "divider", "|", "undo", "redo", "|", "fullScreen"];
48
50
 
49
- 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}";
51
+ 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 border-radius: 4px;\n}\n.paraui-v3-text-editor .text-editor-content > div:nth-child(1) {\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-editor .text-editor-content div[contenteditable=false] {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-editor .text-editor-content div[contenteditable=false]:hover {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n}";
50
52
  styleInject(css_248z$1);
51
53
 
52
54
  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}";
@@ -55,9 +57,7 @@ styleInject(css_248z);
55
57
  var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
56
58
  var style = props.style,
57
59
  _props$toolbarStyle = props.toolbarStyle,
58
- toolbarStyle = _props$toolbarStyle === void 0 ? {
59
- borderBottom: '1px solid #ccc'
60
- } : _props$toolbarStyle,
60
+ toolbarStyle = _props$toolbarStyle === void 0 ? {} : _props$toolbarStyle,
61
61
  _props$editorStyle = props.editorStyle,
62
62
  editorStyle = _props$editorStyle === void 0 ? {
63
63
  height: '300px',
@@ -81,8 +81,9 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
81
81
  _props$readOnly = props.readOnly,
82
82
  readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
83
83
  _props$autoFocus = props.autoFocus,
84
- autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
84
+ autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
85
85
  max = props.max,
86
+ in18 = props.in18,
86
87
  defaultValue = props.defaultValue,
87
88
  value = props.value,
88
89
  excludeKeys = props.excludeKeys,
@@ -91,7 +92,7 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
91
92
  toolbarKeys = _props$toolbarKeys === void 0 ? TOOL_BAR_CONFIG : _props$toolbarKeys,
92
93
  _props$uploadImage = props.uploadImage,
93
94
  uploadImage = _props$uploadImage === void 0 ? {
94
- base64LimitSize: 2 * 1024 * 1024,
95
+ base64LimitSize: 5 * 1024 * 1024,
95
96
  timeout: 15 * 1000
96
97
  } : _props$uploadImage,
97
98
  _props$uploadVideo = props.uploadVideo,
@@ -109,9 +110,73 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
109
110
  _useState4 = _slicedToArray(_useState3, 2),
110
111
  valueCom = _useState4[0],
111
112
  setValueCom = _useState4[1]; // 组件值
112
- // 非受控组件赋值
113
+ // 强制更新ToolBar变量
113
114
 
114
115
 
116
+ var _useState5 = useState(UUID),
117
+ _useState6 = _slicedToArray(_useState5, 2),
118
+ toolBarKey = _useState6[0],
119
+ setToolBarKey = _useState6[1];
120
+ /** 聚焦 */
121
+
122
+
123
+ var onFocusCom = function onFocusCom(editor) {
124
+ onFocus && onFocus(editor);
125
+ };
126
+ /** 失去焦点 */
127
+
128
+
129
+ var onBlurCom = function onBlurCom(editor) {
130
+ onBlur && onBlur(editor);
131
+ };
132
+ /** 销毁钩子 */
133
+
134
+
135
+ var onDestroyedCom = function onDestroyedCom(editor) {
136
+ onDestroyed && onDestroyed(editor);
137
+ };
138
+ /** 改变事件 */
139
+
140
+
141
+ var onChangeCom = function onChangeCom(editor) {
142
+ if (props.value === undefined) setValueCom(editor.getHtml());
143
+ onChange && onChange(editor.getHtml(), editor.getText());
144
+ }; // 工具栏配置
145
+
146
+
147
+ var toolbarConfig = {
148
+ excludeKeys: excludeKeys,
149
+ toolbarKeys: toolbarKeys,
150
+ insertKeys: insertKeys
151
+ }; // 编辑器配置
152
+
153
+ var editorConfig = {
154
+ placeholder: placeholder,
155
+ onFocus: onFocusCom,
156
+ onBlur: onBlurCom,
157
+ onDestroyed: onDestroyedCom,
158
+ readOnly: readOnly,
159
+ autoFocus: autoFocus,
160
+ maxLength: max,
161
+ MENU_CONF: {
162
+ uploadImage: Object.assign(Object.assign({}, uploadImage), {
163
+ server: server
164
+ }),
165
+ uploadVideo: Object.assign(Object.assign({}, uploadVideo), {
166
+ server: server
167
+ })
168
+ }
169
+ }; // 检测工具栏变化销毁组件重新render
170
+
171
+ useEffect(function () {
172
+ if (in18) {
173
+ console.log(in18);
174
+ i18nChangeLanguage(in18);
175
+ }
176
+
177
+ setToolBarKey(Math.random().toString(36).slice(-8));
178
+ }, [excludeKeys, toolbarKeys, insertKeys, in18]); // 非受控组件赋值
179
+
115
180
  useEffect(function () {
116
181
  if (defaultValue !== undefined) {
117
182
  setValueCom(defaultValue);
@@ -173,60 +238,11 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
173
238
  getEditor: getEditor
174
239
  };
175
240
  });
176
- /** 聚焦 */
177
-
178
- var onFocusCom = function onFocusCom(editor) {
179
- onFocus && onFocus(editor);
180
- };
181
- /** 失去焦点 */
182
-
183
-
184
- var onBlurCom = function onBlurCom(editor) {
185
- onBlur && onBlur(editor);
186
- };
187
- /** 销毁钩子 */
188
-
189
-
190
- var onDestroyedCom = function onDestroyedCom(editor) {
191
- onDestroyed && onDestroyed(editor);
192
- }; // 工具栏配置
193
-
194
-
195
- var toolbarConfig = {
196
- excludeKeys: excludeKeys,
197
- toolbarKeys: toolbarKeys,
198
- insertKeys: insertKeys
199
- }; // 编辑器配置
200
-
201
- var editorConfig = {
202
- placeholder: placeholder,
203
- onFocus: onFocusCom,
204
- onBlur: onBlurCom,
205
- onDestroyed: onDestroyedCom,
206
- readOnly: readOnly,
207
- autoFocus: autoFocus,
208
- maxLength: max,
209
- MENU_CONF: {
210
- uploadImage: Object.assign(Object.assign({}, uploadImage), {
211
- server: server
212
- }),
213
- uploadVideo: Object.assign(Object.assign({}, uploadVideo), {
214
- server: server
215
- })
216
- }
217
- };
218
- /** 改变事件 */
219
-
220
- var onChangeCom = function onChangeCom(editor) {
221
- if (props.value === undefined) setValueCom(editor.getHtml());
222
- onChange && onChange(editor.getHtml(), editor.getText());
223
- };
224
241
  /**
225
242
  * 处理class
226
243
  * @return {string}
227
244
  */
228
245
 
229
-
230
246
  var handClass = function handClass() {
231
247
  var str = $prefixCls + '-text-editor';
232
248
  if (className) str += ' ' + className;
@@ -253,27 +269,7 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
253
269
  }, labelTooltip, {
254
270
  className: handLabelClass()
255
271
  }));
256
- }, [label, labelSign, required, labelTooltip]); // 工具栏
257
-
258
- var toolbarMemo = useMemo(function () {
259
- return jsx(Toolbar, {
260
- editor: editor,
261
- defaultConfig: toolbarConfig,
262
- mode: "default",
263
- style: toolbarStyle
264
- });
265
- }, [editor, toolbarConfig, toolbarStyle]); // 编辑器
266
-
267
- var editorMemo = useMemo(function () {
268
- return jsx(Editor, {
269
- defaultConfig: editorConfig,
270
- value: valueCom,
271
- onCreated: setEditor,
272
- onChange: onChangeCom,
273
- mode: "default",
274
- style: editorStyle
275
- });
276
- }, [editorConfig, valueCom, editorStyle, onChangeCom]);
272
+ }, [label, labelSign, required, labelTooltip]);
277
273
  return jsxs("div", Object.assign({
278
274
  className: handClass(),
279
275
  style: style
@@ -281,7 +277,19 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
281
277
  children: [labelMemo, jsxs("div", Object.assign({
282
278
  className: 'text-editor-content'
283
279
  }, {
284
- children: [toolbarMemo, editorMemo]
280
+ children: [jsx(Toolbar, {
281
+ editor: editor,
282
+ defaultConfig: toolbarConfig,
283
+ mode: "default",
284
+ style: toolbarStyle
285
+ }, toolBarKey), jsx(Editor, {
286
+ defaultConfig: editorConfig,
287
+ value: valueCom,
288
+ onCreated: setEditor,
289
+ onChange: onChangeCom,
290
+ mode: "default",
291
+ style: editorStyle
292
+ })]
285
293
  })), jsx(HelperText, {
286
294
  className: "text-editor-error-text",
287
295
  error: error,
package/Tooltip/index.js CHANGED
@@ -209,7 +209,7 @@ function getAlignOffset(place) {
209
209
  return offsetMap[mPlace];
210
210
  }
211
211
 
212
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\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-tooltip {\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 1.5715;\n position: absolute;\n z-index: 1500;\n display: block;\n width: max-content;\n max-width: 250px;\n visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n min-width: 30px;\n min-height: 32px;\n padding: 5px 12px;\n color: rgb(255, 255, 255);\n text-align: left;\n text-decoration: none;\n word-wrap: break-word;\n background-color: rgba(46, 55, 67, 0.7);\n border-radius: 4px;\n line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n position: absolute;\n z-index: 2;\n display: block;\n width: 22px;\n height: 22px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 11.3137085px;\n height: 11.3137085px;\n margin: auto;\n background-color: transparent;\n content: \"\";\n border-radius: 0 0 4px;\n pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background: rgba(46, 55, 67, 0.7) -10px -10px no-repeat;\n content: \"\";\n -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n bottom: 0;\n transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n left: 50%;\n transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n left: 0;\n transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n top: 50%;\n transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n right: 0;\n transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n top: 50%;\n transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n top: 0;\n transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n left: 50%;\n transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n animation-name: componentTooltipZoomBigIn;\n animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n animation-name: componentTooltipZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentTooltipZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
212
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\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-tooltip {\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 1.5715;\n position: absolute;\n z-index: 1500;\n display: block;\n width: max-content;\n max-width: 250px;\n visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n min-width: 30px;\n min-height: 32px;\n padding: 5px 12px;\n color: rgb(255, 255, 255);\n text-align: left;\n text-decoration: none;\n word-wrap: break-word;\n background-color: rgba(46, 55, 67, 0.7);\n border-radius: 4px;\n line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n position: absolute;\n z-index: 2;\n display: block;\n width: 22px;\n height: 22px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 11.3137085px;\n height: 11.3137085px;\n margin: auto;\n content: \"\";\n border-radius: 0 0 2px;\n pointer-events: none;\n background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background-repeat: no-repeat;\n background-position: -10px -10px;\n content: \"\";\n clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n bottom: 0;\n transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n left: 50%;\n transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n left: 0;\n transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n top: 50%;\n transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n right: 0;\n transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n top: 50%;\n transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n top: 0;\n transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n left: 50%;\n transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n animation-name: componentTooltipZoomBigIn;\n animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n animation-name: componentTooltipZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentTooltipZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
213
213
  styleInject(css_248z);
214
214
 
215
215
  var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
package/Tree/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { T as Tree } from '../_verture/index-e0508c99.js';
2
- export { T as default } from '../_verture/index-e0508c99.js';
1
+ import { T as Tree } from '../_verture/index-22d72b71.js';
2
+ export { T as default } from '../_verture/index-22d72b71.js';
3
3
  import '../_verture/toConsumableArray-f8047a75.js';
4
4
  import '../_verture/slicedToArray-d7722f4b.js';
5
5
  import '../_verture/defineProperty-0590dc61.js';
package/index.js CHANGED
@@ -20,8 +20,8 @@ export { Drawer } from './Drawer/index.js';
20
20
  export { Dropdown } from './Dropdown/index.js';
21
21
  export { default as Empty } from './Empty/index.js';
22
22
  export { default as Form } from './Form/index.js';
23
- export { F as FormItem } from './_verture/index-7b63f88e.js';
24
- export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-4bce2dae.js';
23
+ export { F as FormItem } from './_verture/index-f8c1bdf2.js';
24
+ export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-ccfddd8f.js';
25
25
  export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
26
26
  export { default as Help } from './Help/index.js';
27
27
  export { default as HelperText } from './HelperText/index.js';
@@ -66,7 +66,7 @@ export { Title } from './Title/index.js';
66
66
  export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
67
67
  export { Tooltip } from './Tooltip/index.js';
68
68
  export { Transfer } from './Transfer/index.js';
69
- export { T as Tree } from './_verture/index-e0508c99.js';
69
+ export { T as Tree } from './_verture/index-22d72b71.js';
70
70
  export { default as Upload } from './Upload/index.js';
71
71
  import './_verture/slicedToArray-d7722f4b.js';
72
72
  import 'react/jsx-runtime';
@@ -153,6 +153,7 @@ import '@para-ui/icons/DownTriangleF';
153
153
  import '@para-ui/icons/Panel';
154
154
  import 'rc-tabs';
155
155
  import '@wangeditor/editor-for-react';
156
+ import '@wangeditor/editor';
156
157
  import '@para-ui/icons/PreviewClose';
157
158
  import '@para-ui/icons/PreviewOpen';
158
159
  import 'rc-tooltip';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "3.0.7",
4
+ "version": "3.0.9",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",