@para-ui/core 3.0.40 → 3.0.42

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.
Files changed (10) hide show
  1. package/DragVerify/index.d.ts +9 -23
  2. package/DragVerify/index.js +158 -38
  3. package/Drawer/index.js +21 -6
  4. package/README.md +12 -0
  5. package/TextEditor/index.d.ts +21 -2
  6. package/TextEditor/index.js +20 -20
  7. package/package.json +1 -1
  8. package/umd/DragVerify.js +15 -16
  9. package/umd/Drawer.js +4 -4
  10. package/umd/TextEditor.js +2 -2
package/DragVerify/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface DragVerifyImgProps {
11
11
  /** 移动图 */
12
12
  newImage?: string;
13
13
  /** Y轴位置 */
14
- Y?: number;
14
+ y?: number;
15
15
  [name: string]: any;
16
16
  }
17
17
  export interface DragVerifyProps {
@@ -19,32 +19,18 @@ export interface DragVerifyProps {
19
19
  className?: string;
20
20
  /** 样式 */
21
21
  style?: React.CSSProperties;
22
+ width?: number | string;
23
+ /** 图片高 */
24
+ height?: number | string;
22
25
  /** 刷新 */
23
26
  refresh?: any;
24
27
  /** 获取图片接口 */
25
- getImgInfo: () => (Promise<{
26
- data?: DragVerifyImgProps;
27
- err?: any;
28
- }> | {
29
- data?: DragVerifyImgProps;
30
- err?: any;
31
- });
32
- /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息 */
33
- verifyData: (xPos: number, imgInfo: DragVerifyImgProps) => (Promise<{
34
- err?: any;
35
- data?: any;
36
- }> | {
37
- err?: any;
38
- data?: any;
39
- });
40
- /** 完成校验事件
41
- * bol: true通过
42
- * result: 提交校验事件返回值
28
+ getImgInfo: () => (Promise<DragVerifyImgProps> | DragVerifyImgProps);
29
+ /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息
30
+ * true 通过
31
+ * false 不通过
43
32
  * */
44
- finishVerify: (bol: boolean, result: {
45
- err?: any;
46
- data?: any;
47
- }) => void;
33
+ verify: (xPos: number, imgInfo: DragVerifyImgProps) => Promise<boolean> | boolean;
48
34
  }
49
35
  export declare const DragVerify: FunctionComponent<DragVerifyProps>;
50
36
  export default DragVerify;
package/DragVerify/index.js CHANGED
@@ -1,15 +1,18 @@
1
+ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
1
2
  import { r as regenerator } from '../_verture/index-beef914f.js';
2
3
  import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
3
4
  import { jsxs, jsx } from 'react/jsx-runtime';
4
- import { useRef, useEffect } from 'react';
5
+ import { useState, useRef, useEffect } from 'react';
5
6
  import clsx from 'clsx';
6
7
  import DoubleRight from '@para-ui/icons/DoubleRight';
7
8
  import CloseIcon from '@para-ui/icons/Close';
8
9
  import Check from '@para-ui/icons/Check';
9
10
  import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
10
11
  import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
12
+ import { Loading } from '../Loading/index.js';
11
13
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
14
  import '@para-ui/core/GlobalContext';
15
+ import '@para-ui/icons/LoadingF';
13
16
 
14
17
  var en = {
15
18
  tryAgain: 'Try again',
@@ -26,7 +29,7 @@ var localeJson = {
26
29
  en: en
27
30
  };
28
31
 
29
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drag-verify {\n width: 100%;\n position: relative;\n}\n.paraui-v3-drag-verify > .slider-img {\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n line-height: 0;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-bg {\n width: 100%;\n height: auto;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-move {\n position: absolute;\n left: 0;\n height: auto;\n}\n.paraui-v3-drag-verify > .slider-move {\n position: relative;\n text-align: center;\n line-height: 32px;\n height: 32px;\n margin-top: 12px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-bg {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n background-color: rgba(171, 176, 185, 0.12);\n height: 32px;\n border-radius: 4px;\n border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask {\n position: absolute;\n left: 0;\n top: 0;\n height: 32px;\n width: 2px;\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box {\n position: absolute;\n top: 0;\n left: -1px;\n width: 32px;\n height: 32px;\n background: #fff;\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box:hover .svg-right {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n display: inline-block;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-text {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask {\n border: 1px solid rgb(54, 102, 214);\n border-width: 1px 0 1px 1px;\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(54, 102, 214);\n border-top: 1px solid rgb(54, 102, 214);\n border-bottom: 1px solid rgb(54, 102, 214);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask {\n border: 1px solid rgb(235, 96, 84);\n border-width: 1px 0 1px 1px;\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(235, 96, 84);\n border-top: 1px solid rgb(235, 96, 84);\n border-bottom: 1px solid rgb(235, 96, 84);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-close {\n display: inline-block;\n color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-check {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask {\n border: 1px solid rgb(83, 195, 27);\n border-width: 1px 0 1px 1px;\n background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(83, 195, 27);\n border-top: 1px solid rgb(83, 195, 27);\n border-bottom: 1px solid rgb(83, 195, 27);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n display: inline-block;\n color: #fff;\n}";
32
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drag-verify {\n width: 100%;\n position: relative;\n}\n.paraui-v3-drag-verify > svg {\n position: absolute;\n right: 4px;\n top: 4px;\n z-index: 10;\n cursor: pointer;\n display: none;\n}\n.paraui-v3-drag-verify > .slider-img {\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n line-height: 0;\n min-height: 60px;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-bg {\n width: 100%;\n height: auto;\n border-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-move {\n position: absolute;\n left: 0;\n height: auto;\n}\n.paraui-v3-drag-verify > .slider-move {\n position: relative;\n text-align: center;\n line-height: 32px;\n height: 32px;\n margin-top: 12px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-bg {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n background-color: rgba(171, 176, 185, 0.12);\n height: 32px;\n border-radius: 4px;\n border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask {\n position: absolute;\n left: 0;\n top: 0;\n height: 32px;\n width: 2px;\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box {\n position: absolute;\n top: 0;\n left: -1px;\n width: 32px;\n height: 32px;\n background: #fff;\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box:hover .svg-right {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n display: inline-block;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-text {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask {\n border: 1px solid rgb(54, 102, 214);\n border-width: 1px 0 1px 1px;\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(54, 102, 214);\n border-top: 1px solid rgb(54, 102, 214);\n border-bottom: 1px solid rgb(54, 102, 214);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask {\n border: 1px solid rgb(235, 96, 84);\n border-width: 1px 0 1px 1px;\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(235, 96, 84);\n border-top: 1px solid rgb(235, 96, 84);\n border-bottom: 1px solid rgb(235, 96, 84);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-close {\n display: inline-block;\n color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-check {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask {\n border: 1px solid rgb(83, 195, 27);\n border-width: 1px 0 1px 1px;\n background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box {\n background-color: rgb(83, 195, 27);\n border-top: 1px solid rgb(83, 195, 27);\n border-bottom: 1px solid rgb(83, 195, 27);\n top: -1px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n display: inline-block;\n color: #fff;\n}";
30
33
  styleInject(css_248z);
31
34
 
32
35
  var DragVerify = function DragVerify(props) {
@@ -34,19 +37,26 @@ var DragVerify = function DragVerify(props) {
34
37
  style = props.style,
35
38
  refresh = props.refresh,
36
39
  getImgInfo = props.getImgInfo,
37
- verifyData = props.verifyData,
38
- finishVerify = props.finishVerify;
40
+ verify = props.verify,
41
+ width = props.width,
42
+ height = props.height;
39
43
  var intl = useFormatMessage('DragVerify', localeJson);
44
+ var _useState = useState(),
45
+ _useState2 = _slicedToArray(_useState, 2),
46
+ refreshCom = _useState2[0],
47
+ setRefreshCom = _useState2[1];
48
+ var _useState3 = useState(false),
49
+ _useState4 = _slicedToArray(_useState3, 2),
50
+ loading = _useState4[0],
51
+ setLoading = _useState4[1];
40
52
  var refDom = useRef(null);
41
53
  var constData = useRef({
42
54
  getImgInfo: getImgInfo,
43
- verifyData: verifyData,
44
- finishVerify: finishVerify
55
+ verify: verify
45
56
  });
46
57
  var prefixCls = $prefixCls + '-drag-verify';
47
58
  constData.current.getImgInfo = getImgInfo;
48
- constData.current.verifyData = verifyData;
49
- constData.current.finishVerify = finishVerify;
59
+ constData.current.verify = verify;
50
60
  useEffect(function () {
51
61
  reset();
52
62
  getImgInfoReq();
@@ -54,30 +64,23 @@ var DragVerify = function DragVerify(props) {
54
64
  clearTimeout(constData.current.timerError);
55
65
  clearTimeout(constData.current.timerSuccess);
56
66
  };
57
- }, [refresh]);
67
+ }, [refresh, refreshCom]);
58
68
  /** 获取图片信息 */
59
69
  var getImgInfoReq = function getImgInfoReq() {
60
70
  return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
61
- var _yield$constData$curr, data, err;
71
+ var result;
62
72
  return regenerator.wrap(function _callee$(_context) {
63
73
  while (1) switch (_context.prev = _context.next) {
64
74
  case 0:
65
75
  constData.current.padding = true;
66
- _context.next = 3;
76
+ setLoading(true);
77
+ _context.next = 4;
67
78
  return constData.current.getImgInfo();
68
- case 3:
69
- _yield$constData$curr = _context.sent;
70
- data = _yield$constData$curr.data;
71
- err = _yield$constData$curr.err;
72
- if (!err) {
73
- _context.next = 8;
74
- break;
75
- }
76
- return _context.abrupt("return", constData.current.padding = false);
77
- case 8:
78
- constData.current.imgInfo = (data === null || data === void 0 ? void 0 : data.data) || {};
79
+ case 4:
80
+ result = _context.sent;
81
+ constData.current.imgInfo = result;
79
82
  initImg();
80
- case 10:
83
+ case 7:
81
84
  case "end":
82
85
  return _context.stop();
83
86
  }
@@ -92,10 +95,10 @@ var DragVerify = function DragVerify(props) {
92
95
  while (1) switch (_context2.prev = _context2.next) {
93
96
  case 0:
94
97
  _context2.next = 2;
95
- return constData.current.verifyData(x, constData.current.verifyData);
98
+ return constData.current.verify(x, constData.current.verify);
96
99
  case 2:
97
100
  result = _context2.sent;
98
- callback(result || {});
101
+ callback(result);
99
102
  case 4:
100
103
  case "end":
101
104
  return _context2.stop();
@@ -117,7 +120,9 @@ var DragVerify = function DragVerify(props) {
117
120
  imgMove.className = 'slider-img-move';
118
121
  imgMove.style.display = 'none';
119
122
  var sliderImgEle = refDom.current.querySelector('.slider-img');
120
- if (!sliderImgEle) return;
123
+ var refreshEle = refDom.current.querySelector('.refresh');
124
+ if (!sliderImgEle || !refreshEle) return;
125
+ refreshEle.style.display = 'none';
121
126
  sliderImgEle.innerHTML = '';
122
127
  sliderImgEle.append(imgBg);
123
128
  imgBg.onload = function () {
@@ -137,8 +142,10 @@ var DragVerify = function DragVerify(props) {
137
142
  var _a;
138
143
  constData.current.padding = false;
139
144
  imgMove.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
145
+ refreshEle.style.display = 'inline-block';
140
146
  imgMove.width = imgMove.width / constData.current.imgScale;
141
- imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.Y) / constData.current.imgScale + 'px';
147
+ imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale + 'px';
148
+ setLoading(false);
142
149
  };
143
150
  };
144
151
  registerEvents(imgBg, imgMove);
@@ -180,8 +187,7 @@ var DragVerify = function DragVerify(props) {
180
187
  var X = parseFloat(imgMove.style.left);
181
188
  var handX = X * constData.current.imgScale;
182
189
  sliderPosiCheck(handX, function (result) {
183
- var err = result.err;
184
- if (err) {
190
+ if (!result) {
185
191
  // 错误
186
192
  sliderBox.classList.add(prefixCls + '-error');
187
193
  constData.current.timerError = setTimeout(function () {
@@ -190,17 +196,15 @@ var DragVerify = function DragVerify(props) {
190
196
  sliderText.innerHTML = intl({
191
197
  id: 'tryAgain'
192
198
  }); // 再试一次
193
- constData.current.finishVerify(false, result);
194
199
  getImgInfoReq();
195
200
  }, 1000);
196
201
  return;
197
202
  }
198
203
  sliderBox.classList.add(prefixCls + '-success');
199
- constData.current.timerSuccess = setTimeout(function () {
200
- constData.current.padding = false;
201
- //sliderBox.classList.remove(prefixCls + '-success');
202
- constData.current.finishVerify(true, result);
203
- }, 1000);
204
+ /*constData.current.timerSuccess = setTimeout(() => {
205
+ //constData.current.padding = false;
206
+ //sliderBox.classList.remove(prefixCls + '-success');
207
+ }, 1000);*/
204
208
  });
205
209
  };
206
210
  };
@@ -221,6 +225,25 @@ var DragVerify = function DragVerify(props) {
221
225
  moveProgress.style.width = '0px';
222
226
  if (constData.current.imgMove) constData.current.imgMove.style.left = '0px';
223
227
  };
228
+ /* 刷新 */
229
+ var clickRefresh = function clickRefresh() {
230
+ setRefreshCom(Math.random());
231
+ };
232
+ /* 处理标签内容 */
233
+ var handStyle = function handStyle() {
234
+ var obj = {};
235
+ if (width) {
236
+ var widthHand = width;
237
+ if (typeof width === 'number') widthHand = width + 'px';
238
+ obj.width = widthHand;
239
+ }
240
+ if (height) {
241
+ var heightHand = height;
242
+ if (typeof height === 'number') heightHand = height + 'px';
243
+ obj.height = heightHand;
244
+ }
245
+ return obj;
246
+ };
224
247
  var makeCls = function makeCls() {
225
248
  return clsx(prefixCls, className);
226
249
  };
@@ -229,8 +252,105 @@ var DragVerify = function DragVerify(props) {
229
252
  style: style,
230
253
  ref: refDom
231
254
  }, {
232
- children: [jsx("div", {
233
- className: "slider-img"
255
+ children: [jsxs("svg", Object.assign({
256
+ onClick: clickRefresh,
257
+ className: 'refresh',
258
+ width: "26.529",
259
+ height: "26.017",
260
+ viewBox: "0 0 26.529 26.017"
261
+ }, {
262
+ children: [jsxs("defs", {
263
+ children: [jsxs("filter", Object.assign({
264
+ id: "a",
265
+ x: "0",
266
+ y: "0",
267
+ width: "26.529",
268
+ height: "17",
269
+ filterUnits: "userSpaceOnUse"
270
+ }, {
271
+ children: [jsx("feOffset", {
272
+ dy: "1"
273
+ }), jsx("feGaussianBlur", {
274
+ stdDeviation: "1",
275
+ result: "b"
276
+ }), jsx("feFlood", {}), jsx("feComposite", {
277
+ operator: "in",
278
+ in2: "b"
279
+ }), jsx("feComposite", {
280
+ in: "SourceGraphic"
281
+ })]
282
+ })), jsxs("filter", Object.assign({
283
+ id: "c",
284
+ x: "0",
285
+ y: "9.017",
286
+ width: "26.529",
287
+ height: "17",
288
+ filterUnits: "userSpaceOnUse"
289
+ }, {
290
+ children: [jsx("feOffset", {
291
+ dy: "1"
292
+ }), jsx("feGaussianBlur", {
293
+ stdDeviation: "1",
294
+ result: "d"
295
+ }), jsx("feFlood", {}), jsx("feComposite", {
296
+ operator: "in",
297
+ in2: "d"
298
+ }), jsx("feComposite", {
299
+ in: "SourceGraphic"
300
+ })]
301
+ }))]
302
+ }), jsxs("g", Object.assign({
303
+ style: {
304
+ opacity: 0.7,
305
+ isolation: 'isolate'
306
+ },
307
+ transform: "translate(-286.735 -95.991)"
308
+ }, {
309
+ children: [jsx("g", Object.assign({
310
+ transform: "translate(288 96)"
311
+ }, {
312
+ children: jsx("rect", {
313
+ style: {
314
+ fill: 'none'
315
+ },
316
+ width: "24",
317
+ height: "24"
318
+ })
319
+ })), jsxs("g", Object.assign({
320
+ transform: "translate(289.735 97.991)"
321
+ }, {
322
+ children: [jsx("g", Object.assign({
323
+ style: {
324
+ filter: 'url(#a)'
325
+ },
326
+ transform: "matrix(1, 0, 0, 1, -3, -2)"
327
+ }, {
328
+ children: jsx("path", {
329
+ style: {
330
+ fill: '#FFFFFF'
331
+ },
332
+ d: "M577.409,536.791a1,1,0,0,0,1-1A8,8,0,0,1,592.817,531h0c.077.1.149.207.22.312l-1.911-.765a1,1,0,1,0-.743,1.856l3.7,1.483a1,1,0,0,0,1.3-.557l1.482-3.7a1,1,0,1,0-1.857-.744l-.448,1.12c-.048-.067-.093-.137-.143-.2h0a10,10,0,0,0-18.009,5.989A1,1,0,0,0,577.409,536.791Z",
333
+ transform: "translate(-573.41 -523.79)"
334
+ })
335
+ })), jsx("g", Object.assign({
336
+ style: {
337
+ filter: 'url(#c)'
338
+ },
339
+ transform: "matrix(1, 0, 0, 1, -3, -2)"
340
+ }, {
341
+ children: jsx("path", {
342
+ style: {
343
+ fill: '#FFFFFF'
344
+ },
345
+ d: "M595.938,534.808a1,1,0,0,0-1,1,8,8,0,0,1-14.409,4.79h0c-.076-.1-.148-.206-.219-.312l1.911.765a1,1,0,0,0,.743-1.857l-3.7-1.482a1,1,0,0,0-1.3.557l-1.482,3.7a1,1,0,0,0,1.856.743l.449-1.12c.047.067.093.136.142.2h0a10,10,0,0,0,18.009-5.989A1,1,0,0,0,595.938,534.808Z",
346
+ transform: "translate(-573.41 -523.79)"
347
+ })
348
+ }))]
349
+ }))]
350
+ }))]
351
+ })), jsx("div", {
352
+ className: "slider-img",
353
+ style: handStyle()
234
354
  }), jsxs("div", Object.assign({
235
355
  className: "slider-move"
236
356
  }, {
@@ -257,7 +377,7 @@ var DragVerify = function DragVerify(props) {
257
377
  id: 'swipe'
258
378
  })
259
379
  }))]
260
- }))]
380
+ })), loading && jsx(Loading, {})]
261
381
  }));
262
382
  };
263
383
 
package/Drawer/index.js CHANGED
@@ -6,6 +6,7 @@ import RcDrawer from 'rc-drawer';
6
6
  import { Button } from '../Button/index.js';
7
7
  import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
8
8
  import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
9
+ import AutoTips from '../AutoTips/index.js';
9
10
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
10
11
  import '../_verture/typeof-498dd2b1.js';
11
12
  import 'clsx';
@@ -37,7 +38,7 @@ var localeJson = {
37
38
  en: en
38
39
  };
39
40
 
40
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n background: rgba(0, 0, 0, 0.45);\n pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n position: absolute;\n z-index: 1000;\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n top: 0;\n bottom: 0;\n left: 0;\n box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n top: 0;\n right: 0;\n bottom: 0;\n box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n top: 0;\n right: 0;\n left: 0;\n box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n background: rgb(255, 255, 255);\n pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: none;\n height: 60px;\n padding: 0 24px;\n font-size: 16px;\n font-weight: 700;\n color: rgb(46, 55, 67);\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n flex: 1;\n padding: 24px;\n overflow: auto;\n word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n display: flex;\n align-items: center;\n flex: none;\n padding: 16px 24px;\n font-size: 16px;\n color: rgb(46, 55, 67);\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n transform: translateY(100%);\n}";
41
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n background: rgba(0, 0, 0, 0.45);\n pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n position: absolute;\n z-index: 1000;\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n top: 0;\n bottom: 0;\n left: 0;\n box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n top: 0;\n right: 0;\n bottom: 0;\n box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n top: 0;\n right: 0;\n left: 0;\n box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n background: rgb(255, 255, 255);\n pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: none;\n height: 60px;\n padding: 0 24px;\n font-size: 16px;\n font-weight: 700;\n color: rgb(46, 55, 67);\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title-ellipsis {\n overflow: hidden;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra {\n margin-left: 30px;\n flex-shrink: 0;\n white-space: nowrap;\n text-align: right;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n flex: 1;\n padding: 24px;\n overflow: auto;\n word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n display: flex;\n align-items: center;\n flex: none;\n padding: 16px 24px;\n font-size: 16px;\n color: rgb(46, 55, 67);\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n transform: translateY(100%);\n}";
41
42
  styleInject(css_248z);
42
43
 
43
44
  //drawer 抽屉
@@ -115,15 +116,29 @@ var Drawer = function Drawer(props) {
115
116
  var handleCancel = function handleCancel() {
116
117
  onCancel === null || onCancel === void 0 ? void 0 : onCancel();
117
118
  };
119
+ var handleTitle = function handleTitle(title) {
120
+ if (typeof title === 'string') {
121
+ return jsx("div", Object.assign({
122
+ className: 'drawer-header-title drawer-header-title-ellipsis'
123
+ }, {
124
+ children: jsx(AutoTips, {
125
+ children: title
126
+ })
127
+ }));
128
+ }
129
+ return jsx("div", Object.assign({
130
+ className: 'drawer-header-title'
131
+ }, {
132
+ children: title
133
+ }));
134
+ };
118
135
  //标题节点
119
136
  var titleNode = jsxs("div", Object.assign({
120
137
  className: 'drawer-body-header'
121
138
  }, {
122
- children: [jsx("div", Object.assign({
123
- className: 'drawer-header-title'
124
- }, {
125
- children: title
126
- })), showExtra && jsx(Fragment, {
139
+ children: [jsx(Fragment, {
140
+ children: handleTitle(title)
141
+ }), showExtra && jsx(Fragment, {
127
142
  children: jsx("div", Object.assign({
128
143
  className: 'drawer-header-extra'
129
144
  }, {
package/README.md CHANGED
@@ -1,3 +1,15 @@
1
+
2
+ ## 版本: 3.0.42
3
+
4
+ para-ui/core@3.0.42 发布
5
+ 【抽屉-Drawer】title 传入 string 类型时，标题超出隐藏
6
+ 【滑块验证-dragVerify】增加loading,图片width,height设置，修改参数getImgInfo，verify入参出参
7
+
8
+ ## 版本: 3.0.41
9
+
10
+ para-ui/core@3.0.41 发布
11
+ 【富文本编辑器-textEditor】修改注释、样式、文档
12
+
1
13
  ## 版本: 3.0.40
2
14
 
3
15
  para-ui/core@3.0.40 发布
package/TextEditor/index.d.ts CHANGED
@@ -17,22 +17,42 @@ export interface IMenuGroup {
17
17
  menuKeys: string[];
18
18
  }
19
19
  export interface UpLoadImgConfig {
20
+ /** form-data fieldName ，默认值 'wangeditor-uploaded-image' */
20
21
  fieldName: string;
22
+ /** 单个文件的最大体积限制，默认为 2M */
23
+ /** 1 * 1024 * 1024（1M） */
21
24
  maxFileSize: number;
25
+ /** 最多可上传几个文件，默认为 100） */
22
26
  maxNumberOfFiles: number;
27
+ /** 选择文件时的类型限制，默认为 ['image/*'] 。如不想限制，则设置为 [] */
23
28
  allowedFileTypes: string[];
29
+ /** 自定义上传参数，例如传递验证的 token 等。参数会被添加到 formData 中，一起上传到服务端。*/
24
30
  meta: object;
31
+ /** 将 meta 拼接到 url 参数中，默认 false */
25
32
  metaWithUrl: boolean;
33
+ /** 自定义增加 http header */
26
34
  headers: object;
35
+ /** 跨域是否传递 cookie ，默认为 false */
27
36
  withCredentials: boolean;
37
+ /** 超时时间，默认为 10 秒 */
38
+ /** 5 * 1000(5秒) */
28
39
  timeout: number;
40
+ /** 小于该值就插入 base64 格式（而不上传），默认为 0 */
41
+ /** 5 * 1024(5kb) */
29
42
  base64LimitSize: number;
43
+ /** 单个文件上传成功之后 */
30
44
  onSuccess: (file: File, res: any) => void;
45
+ /** 单个文件上传失败 */
31
46
  onFailed: (file: File, res: any) => void;
47
+ /** 上传进度回调 */
32
48
  onProgress: (progress: number) => void;
49
+ /** 上传之前触发 */
33
50
  onBeforeUpload: (file: File) => any;
51
+ /** 上传错误，或者触发 timeout 超时 */
34
52
  onError: (file: File, err: any, res: any) => void;
53
+ /** 用户自定义图片上传 */
35
54
  customUpload: (file: File, insertFn: InsertFnType) => void;
55
+ /** 用户自定义图片插入 */
36
56
  customInsert: (res: any, insertFn: InsertFnType) => void;
37
57
  }
38
58
  export type UpLoadVideoConfig = Omit<UpLoadImgConfig, 'base64LimitSize'>;
@@ -90,7 +110,6 @@ export interface TextEditorProps extends HelperTextDetailProps {
90
110
  onFocus?: (editor: IDomEditor) => void;
91
111
  /** 编辑器销毁钩子 */
92
112
  onDestroyed?: (editor: IDomEditor) => void;
93
- [name: string]: any;
94
113
  }
95
114
  export interface TextEditorRef {
96
115
  /** 获取html内容 */
@@ -104,5 +123,5 @@ export interface TextEditorRef {
104
123
  /** 获取编辑器实例 */
105
124
  getEditor: () => IDomEditor | null;
106
125
  }
107
- declare const TextEditor: React.ForwardRefExoticComponent<Pick<TextEditorProps, keyof TextEditorProps> & React.RefAttributes<TextEditorRef>>;
126
+ declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<TextEditorRef>>;
108
127
  export default TextEditor;
package/TextEditor/index.js CHANGED
@@ -22,33 +22,33 @@ import '@para-ui/icons/Help';
22
22
  * @description 存放富文本编辑器的一些默认配置
23
23
  */
24
24
  var TOOL_BAR_CONFIG = ["headerSelect", "blockquote", "|", "bold", "underline", "italic", {
25
- key: 'group-more-style',
26
- title: '更多',
27
- 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>",
28
- menuKeys: ['through', 'code', 'sup', 'sub', 'clearStyle']
25
+ key: "group-more-style",
26
+ title: "更多",
27
+ 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>',
28
+ menuKeys: ["through", "code", "sup", "sub", "clearStyle"]
29
29
  }, "color", "bgColor", "|", "fontSize", "fontFamily", "lineHeight", "|", "bulletedList", "numberedList", "todo", {
30
- key: 'group-justify',
31
- title: '对齐',
32
- 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>",
33
- menuKeys: ['justifyLeft', 'justifyRight', 'justifyCenter', 'justifyJustify']
30
+ key: "group-justify",
31
+ title: "对齐",
32
+ 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>',
33
+ menuKeys: ["justifyLeft", "justifyRight", "justifyCenter", "justifyJustify"]
34
34
  }, {
35
- key: 'group-indent',
36
- title: '缩进',
37
- iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M0 64h1024v128H0z m384 192h640v128H384z m0 192h640v128H384z m0 192h640v128H384zM0 832h1024v128H0z m0-128V320l256 192z\"></path></svg>",
38
- menuKeys: ['indent', 'delIndent']
35
+ key: "group-indent",
36
+ title: "缩进",
37
+ iconSvg: '<svg viewBox="0 0 1024 1024"><path d="M0 64h1024v128H0z m384 192h640v128H384z m0 192h640v128H384z m0 192h640v128H384zM0 832h1024v128H0z m0-128V320l256 192z"></path></svg>',
38
+ menuKeys: ["indent", "delIndent"]
39
39
  }, "|", "emotion", "insertLink", {
40
- key: 'group-image',
41
- title: '图片',
42
- 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>",
43
- menuKeys: ['insertImage', 'uploadImage']
40
+ key: "group-image",
41
+ title: "图片",
42
+ 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>',
43
+ menuKeys: ["insertImage", "uploadImage"]
44
44
  }, {
45
45
  key: "group-video",
46
46
  title: "视频",
47
- 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>",
48
- menuKeys: ['insertVideo', 'uploadVideo']
49
- }, "insertTable", "codeBlock", "divider", "|", "undo", "redo", "|", "fullScreen"];
47
+ 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>',
48
+ menuKeys: ["insertVideo", "uploadVideo"]
49
+ }, "insertTable", "codeBlock", "divider", "|", "undo", "redo", "|"];
50
50
 
51
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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}";
51
+ var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-editor .text-editor-content {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n padding: 1px 0;\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}";
52
52
  styleInject(css_248z$1);
53
53
 
54
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 3px}.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\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}";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "3.0.40",
4
+ "version": "3.0.42",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",