@guo514360255/antd-lib 1.5.0 → 1.5.1
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.
- package/dist/FormItem/index.js +9 -5
- package/package.json +1 -1
package/dist/FormItem/index.js
CHANGED
|
@@ -12,9 +12,9 @@ import { valueEnumTransform } from "../utils/util";
|
|
|
12
12
|
import { Editor, Toolbar } from '@wangeditor/editor-for-react';
|
|
13
13
|
import '@wangeditor/editor/dist/css/style.css';
|
|
14
14
|
import { Checkbox, ColorPicker, DatePicker, Input, InputNumber, Radio, Select, TreeSelect } from 'antd';
|
|
15
|
-
import React, { useState } from 'react';
|
|
15
|
+
import React, { useEffect, useState } from 'react';
|
|
16
16
|
var FormItem = function FormItem(_ref) {
|
|
17
|
-
var _rest$fieldProps, _rest$fieldProps2
|
|
17
|
+
var _rest$fieldProps, _rest$fieldProps2;
|
|
18
18
|
var value = _ref.value,
|
|
19
19
|
_onChange = _ref.onChange,
|
|
20
20
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -44,6 +44,11 @@ var FormItem = function FormItem(_ref) {
|
|
|
44
44
|
placeholder: '请输入内容...',
|
|
45
45
|
MENU_CONF: _objectSpread({}, (rest === null || rest === void 0 || (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.editorConfig) || {})
|
|
46
46
|
};
|
|
47
|
+
useEffect(function () {
|
|
48
|
+
if (rest.type === 'editor') {
|
|
49
|
+
editor === null || editor === void 0 || editor.setHtml(value);
|
|
50
|
+
}
|
|
51
|
+
}, [value]);
|
|
47
52
|
return rest.type === 'editor' ? /*#__PURE__*/React.createElement("div", {
|
|
48
53
|
style: {
|
|
49
54
|
border: '1px solid #cecece'
|
|
@@ -52,7 +57,7 @@ var FormItem = function FormItem(_ref) {
|
|
|
52
57
|
defaultConfig: toolbarConfig,
|
|
53
58
|
mode: "default",
|
|
54
59
|
editor: editor
|
|
55
|
-
}, (rest === null || rest === void 0 || (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.toolbar) || {})), /*#__PURE__*/React.createElement(Editor,
|
|
60
|
+
}, (rest === null || rest === void 0 || (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.toolbar) || {})), /*#__PURE__*/React.createElement(Editor, {
|
|
56
61
|
defaultConfig: editorConfig,
|
|
57
62
|
onCreated: setEditor,
|
|
58
63
|
mode: "default",
|
|
@@ -60,12 +65,11 @@ var FormItem = function FormItem(_ref) {
|
|
|
60
65
|
onChange: function onChange(editor) {
|
|
61
66
|
var htmlText = editor.getHtml();
|
|
62
67
|
setHtml(htmlText);
|
|
63
|
-
_onChange === null || _onChange === void 0 || _onChange(htmlText);
|
|
64
68
|
},
|
|
65
69
|
style: {
|
|
66
70
|
height: '300px'
|
|
67
71
|
}
|
|
68
|
-
}
|
|
72
|
+
})) : /*#__PURE__*/React.createElement(FieldComponent, _extends({
|
|
69
73
|
value: value,
|
|
70
74
|
onChange: function onChange(e) {
|
|
71
75
|
return _onChange === null || _onChange === void 0 ? void 0 : _onChange(['treeSelect', 'select', 'checkbox', 'color', 'date'].includes(rest.type) ? e : !rest.type || ['input', 'inputNumber'].includes(rest.type) ? e : e.target.value);
|