@wibetter/json-editor 5.1.1 → 5.1.3
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/lib/index.css +4 -3
- package/lib/index.js +518 -320
- package/package.json +1 -1
- package/sdk/index.css +4 -3
- package/sdk/index.js +547 -358
package/lib/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @wibetter/json-editor v5.1.
|
|
2
|
+
* @wibetter/json-editor v5.1.3
|
|
3
3
|
* author: wibetter
|
|
4
4
|
* build tool: AKFun
|
|
5
|
-
* build time:
|
|
5
|
+
* build time: Fri Jan 10 2025 17:39:02 GMT+0800 (中国标准时间)
|
|
6
6
|
* build tool info: https://github.com/wibetter/akfun
|
|
7
7
|
*/
|
|
8
8
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
@@ -909,14 +909,19 @@ var ArraySchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
909
909
|
className: "element-title",
|
|
910
910
|
style: titleStyle
|
|
911
911
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
912
|
-
title: targetJsonSchema.description,
|
|
912
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
913
913
|
placement: "top"
|
|
914
914
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
915
915
|
className: "title-text",
|
|
916
|
-
title:
|
|
916
|
+
title: targetJsonSchema.title
|
|
917
917
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
918
918
|
length: 15
|
|
919
|
-
}), "\uFF09")))
|
|
919
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
920
|
+
title: targetJsonSchema.description,
|
|
921
|
+
placement: "top"
|
|
922
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
923
|
+
className: "info-icon"
|
|
924
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
920
925
|
className: "array-schema-box content-item",
|
|
921
926
|
style: contentStyle
|
|
922
927
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -1091,10 +1096,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1091
1096
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
1092
1097
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
|
|
1093
1098
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
|
|
1094
|
-
/* harmony import */ var
|
|
1095
|
-
/* harmony import */ var
|
|
1096
|
-
/* harmony import */ var
|
|
1097
|
-
/* harmony import */ var
|
|
1099
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
1100
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__);
|
|
1101
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
1102
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
1103
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
1104
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
1105
|
+
|
|
1098
1106
|
|
|
1099
1107
|
|
|
1100
1108
|
|
|
@@ -1125,12 +1133,12 @@ var BooleanFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1125
1133
|
var _proto = BooleanFormSchema.prototype;
|
|
1126
1134
|
_proto.componentWillMount = function componentWillMount() {
|
|
1127
1135
|
// 从web缓存中获取数值
|
|
1128
|
-
$
|
|
1136
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this);
|
|
1129
1137
|
};
|
|
1130
1138
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
1131
1139
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
1132
1140
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
1133
|
-
$
|
|
1141
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
1134
1142
|
}
|
|
1135
1143
|
};
|
|
1136
1144
|
_proto.render = function render() {
|
|
@@ -1148,11 +1156,12 @@ var BooleanFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1148
1156
|
targetJsonSchema = _this$props3.targetJsonSchema;
|
|
1149
1157
|
// 从jsonData中获取对应的数值
|
|
1150
1158
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
1151
|
-
var isNeedTwoCol = (0,$
|
|
1159
|
+
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
1160
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
1152
1161
|
|
|
1153
|
-
var style = targetJsonSchema.style ? (0,$
|
|
1154
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
1155
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
1162
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
1163
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
1164
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
1156
1165
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1157
1166
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp " + (isNeedTwoCol ? 'two-col-element-warp' : '')
|
|
1158
1167
|
// key={nodeKey}
|
|
@@ -1163,14 +1172,19 @@ var BooleanFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1163
1172
|
className: "element-title",
|
|
1164
1173
|
style: titleStyle
|
|
1165
1174
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1166
|
-
title: targetJsonSchema.description,
|
|
1175
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
1167
1176
|
placement: "top"
|
|
1168
1177
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
1169
1178
|
className: "title-text",
|
|
1170
|
-
title:
|
|
1171
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
1179
|
+
title: targetJsonSchema.title
|
|
1180
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
1172
1181
|
length: 15
|
|
1173
|
-
}), "\uFF09")))
|
|
1182
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1183
|
+
title: targetJsonSchema.description,
|
|
1184
|
+
placement: "top"
|
|
1185
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
1186
|
+
className: "info-icon"
|
|
1187
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1174
1188
|
className: "content-item",
|
|
1175
1189
|
style: contentStyle
|
|
1176
1190
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -1225,11 +1239,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1225
1239
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
1226
1240
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
|
|
1227
1241
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
|
|
1228
|
-
/* harmony import */ var
|
|
1229
|
-
/* harmony import */ var
|
|
1230
|
-
/* harmony import */ var
|
|
1231
|
-
/* harmony import */ var
|
|
1232
|
-
/* harmony import */ var
|
|
1242
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
1243
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__);
|
|
1244
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
1245
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
1246
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
1247
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./index.scss */ "./src/renderers/BoxStyleSchema/index.scss");
|
|
1248
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_9__);
|
|
1249
|
+
|
|
1233
1250
|
|
|
1234
1251
|
|
|
1235
1252
|
|
|
@@ -1411,11 +1428,11 @@ var BoxStyleSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1411
1428
|
var _this$state = this.state,
|
|
1412
1429
|
renderAction = _this$state.renderAction,
|
|
1413
1430
|
layoutStyleLock = _this$state.layoutStyleLock;
|
|
1414
|
-
|
|
1431
|
+
// const readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
1415
1432
|
|
|
1416
|
-
var style = targetJsonSchema.style ? (0,$
|
|
1417
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
1418
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
1433
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
1434
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
1435
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
1419
1436
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1420
1437
|
className: (pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp") + " " + (renderAction ? 'render-mark' : ''),
|
|
1421
1438
|
id: nodeKey
|
|
@@ -1425,17 +1442,20 @@ var BoxStyleSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1425
1442
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1426
1443
|
className: "element-title",
|
|
1427
1444
|
style: titleStyle
|
|
1428
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
1429
|
-
|
|
1430
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1431
|
-
title: targetJsonSchema.description,
|
|
1445
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1446
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
1432
1447
|
placement: "top"
|
|
1433
1448
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
1434
1449
|
className: "title-text",
|
|
1435
|
-
title:
|
|
1436
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
1450
|
+
title: targetJsonSchema.title
|
|
1451
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
1437
1452
|
length: 15
|
|
1438
|
-
}), "\uFF09")))
|
|
1453
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1454
|
+
title: targetJsonSchema.description,
|
|
1455
|
+
placement: "top"
|
|
1456
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
1457
|
+
className: "info-icon"
|
|
1458
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1439
1459
|
className: "content-item layout-box-style-container",
|
|
1440
1460
|
style: contentStyle
|
|
1441
1461
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -1614,6 +1634,7 @@ var CascaderSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1614
1634
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
1615
1635
|
var options = targetJsonSchema.options || [];
|
|
1616
1636
|
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
1637
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
1617
1638
|
|
|
1618
1639
|
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
1619
1640
|
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
@@ -1632,7 +1653,7 @@ var CascaderSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1632
1653
|
placement: "top"
|
|
1633
1654
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
1634
1655
|
className: "title-text",
|
|
1635
|
-
title:
|
|
1656
|
+
title: targetJsonSchema.title
|
|
1636
1657
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.truncate)(jsonKey, {
|
|
1637
1658
|
length: 15
|
|
1638
1659
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
@@ -1756,6 +1777,7 @@ var CheckboxSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1756
1777
|
jsonKey = _this$props3.jsonKey,
|
|
1757
1778
|
keyRoute = _this$props3.keyRoute,
|
|
1758
1779
|
targetJsonSchema = _this$props3.targetJsonSchema;
|
|
1780
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
1759
1781
|
// 从jsonData中获取对应的数值
|
|
1760
1782
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
1761
1783
|
var options = targetJsonSchema.options;
|
|
@@ -1776,7 +1798,7 @@ var CheckboxSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1776
1798
|
placement: "top"
|
|
1777
1799
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
1778
1800
|
className: "title-text",
|
|
1779
|
-
title:
|
|
1801
|
+
title: targetJsonSchema.title
|
|
1780
1802
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.truncate)(jsonKey, {
|
|
1781
1803
|
length: 15
|
|
1782
1804
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -1926,7 +1948,7 @@ var CodeAreaFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1926
1948
|
isShowWarn = _this$state.isShowWarn,
|
|
1927
1949
|
warnText = _this$state.warnText;
|
|
1928
1950
|
var readOnly = isReadOnly || targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
1929
|
-
|
|
1951
|
+
var isRequired = targetJsonSchema.isRequired || false; // 是否必填(默认非必填)
|
|
1930
1952
|
// 从jsonData中获取对应的数值
|
|
1931
1953
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
1932
1954
|
// 格式化JSON数据
|
|
@@ -1947,14 +1969,12 @@ var CodeAreaFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
1947
1969
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
1948
1970
|
className: "element-title",
|
|
1949
1971
|
style: titleStyle
|
|
1950
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
1951
|
-
className: "title-text warning-text"
|
|
1952
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1972
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
1953
1973
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
1954
1974
|
placement: "top"
|
|
1955
1975
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
1956
1976
|
className: "title-text",
|
|
1957
|
-
title:
|
|
1977
|
+
title: targetJsonSchema.title
|
|
1958
1978
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
1959
1979
|
length: 15
|
|
1960
1980
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -2150,6 +2170,7 @@ var ColorFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2150
2170
|
var _this$state = this.state,
|
|
2151
2171
|
renderState = _this$state.renderState,
|
|
2152
2172
|
displayColorPicker = _this$state.displayColorPicker;
|
|
2173
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
2153
2174
|
// 从jsonData中获取对应的数值
|
|
2154
2175
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
2155
2176
|
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
@@ -2173,26 +2194,37 @@ var ColorFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2173
2194
|
className: "element-title",
|
|
2174
2195
|
style: titleStyle
|
|
2175
2196
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2176
|
-
title: targetJsonSchema.description,
|
|
2197
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
2177
2198
|
placement: "top"
|
|
2178
2199
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
2179
2200
|
className: "title-text",
|
|
2180
|
-
title:
|
|
2201
|
+
title: targetJsonSchema.title
|
|
2181
2202
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
2182
2203
|
length: 15
|
|
2183
|
-
}), "\uFF09")))
|
|
2204
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2205
|
+
title: targetJsonSchema.description,
|
|
2206
|
+
placement: "top"
|
|
2207
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.InfoCircleOutlined, {
|
|
2208
|
+
className: "info-icon"
|
|
2209
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2184
2210
|
className: "content-item",
|
|
2185
2211
|
style: contentStyle
|
|
2186
2212
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2187
2213
|
className: "form-item-box render-dom-" + renderState
|
|
2188
2214
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2189
|
-
className: "color-btn-wrap color-item-form " + (displayColorPicker ? 'selected' : ''),
|
|
2215
|
+
className: "color-btn-wrap color-item-form " + (displayColorPicker ? 'selected' : '') + " " + (readOnly ? 'disabled' : ''),
|
|
2190
2216
|
onClick: function onClick() {
|
|
2217
|
+
if (readOnly) return;
|
|
2191
2218
|
_this2.setState({
|
|
2192
2219
|
displayColorPicker: !displayColorPicker
|
|
2193
2220
|
});
|
|
2194
2221
|
}
|
|
2195
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
2222
|
+
}, readOnly && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", {
|
|
2223
|
+
className: "ant-input color-btn",
|
|
2224
|
+
style: {
|
|
2225
|
+
backgroundColor: curJsonData || targetJsonSchema.default
|
|
2226
|
+
}
|
|
2227
|
+
}), !readOnly && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
|
|
2196
2228
|
content: SketchPickerContent,
|
|
2197
2229
|
title: "\u989C\u8272\u9009\u62E9\u5668",
|
|
2198
2230
|
trigger: "click"
|
|
@@ -2211,7 +2243,7 @@ var ColorFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2211
2243
|
}
|
|
2212
2244
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
2213
2245
|
className: "arrow"
|
|
2214
|
-
})))));
|
|
2246
|
+
}))))));
|
|
2215
2247
|
};
|
|
2216
2248
|
return ColorFormSchema;
|
|
2217
2249
|
}(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
|
|
@@ -2334,6 +2366,7 @@ var DataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2334
2366
|
isClosed = _this$state.isClosed,
|
|
2335
2367
|
isShowFilter = _this$state.isShowFilter;
|
|
2336
2368
|
var curType = targetJsonSchema.type;
|
|
2369
|
+
// const readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
2337
2370
|
|
|
2338
2371
|
// 获取DataSource中各类数据对象
|
|
2339
2372
|
var typeDataObj = targetJsonSchema.properties.type || {}; // type中记录了数据源类型:local or remote
|
|
@@ -2355,12 +2388,15 @@ var DataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2355
2388
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2356
2389
|
className: "element-title",
|
|
2357
2390
|
style: titleStyle
|
|
2391
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2392
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
2393
|
+
placement: "top"
|
|
2358
2394
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
2359
2395
|
className: "title-text",
|
|
2360
|
-
title:
|
|
2396
|
+
title: targetJsonSchema.title
|
|
2361
2397
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
2362
2398
|
length: 15
|
|
2363
|
-
}), "\uFF09")), targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2399
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2364
2400
|
title: targetJsonSchema.description,
|
|
2365
2401
|
placement: "top"
|
|
2366
2402
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
@@ -2489,10 +2525,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2489
2525
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__);
|
|
2490
2526
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
2491
2527
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
2492
|
-
/* harmony import */ var
|
|
2493
|
-
/* harmony import */ var
|
|
2494
|
-
/* harmony import */ var
|
|
2495
|
-
/* harmony import */ var
|
|
2528
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
2529
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__);
|
|
2530
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
2531
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__);
|
|
2532
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
2533
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
2534
|
+
|
|
2496
2535
|
|
|
2497
2536
|
|
|
2498
2537
|
|
|
@@ -2529,12 +2568,12 @@ var DateTimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2529
2568
|
var _proto = DateTimeFormSchema.prototype;
|
|
2530
2569
|
_proto.componentWillMount = function componentWillMount() {
|
|
2531
2570
|
// 从web缓存中获取数值
|
|
2532
|
-
$
|
|
2571
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this);
|
|
2533
2572
|
};
|
|
2534
2573
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
2535
2574
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
2536
2575
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
2537
|
-
$
|
|
2576
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
2538
2577
|
}
|
|
2539
2578
|
};
|
|
2540
2579
|
_proto.render = function render() {
|
|
@@ -2557,11 +2596,11 @@ var DateTimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2557
2596
|
// 从jsonData中获取对应的数值
|
|
2558
2597
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
2559
2598
|
var defaultTime = curJsonData || targetJsonSchema.default;
|
|
2560
|
-
var isNeedTwoCol = (0,$
|
|
2599
|
+
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.isNeedTwoColWarpStyle)(curType); // 是否需要设置成两栏布局
|
|
2561
2600
|
|
|
2562
|
-
var style = targetJsonSchema.style ? (0,$
|
|
2563
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
2564
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
2601
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
2602
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
2603
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
2565
2604
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2566
2605
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp " + (isNeedTwoCol ? 'two-col-element-warp' : '')
|
|
2567
2606
|
// key={nodeKey}
|
|
@@ -2571,17 +2610,20 @@ var DateTimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2571
2610
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2572
2611
|
className: "element-title",
|
|
2573
2612
|
style: titleStyle
|
|
2574
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
2575
|
-
|
|
2576
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
2577
|
-
title: targetJsonSchema.description,
|
|
2613
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
2614
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
2578
2615
|
placement: "top"
|
|
2579
2616
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
2580
2617
|
className: "title-text",
|
|
2581
|
-
title:
|
|
2582
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
2618
|
+
title: targetJsonSchema.title
|
|
2619
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
2583
2620
|
length: 15
|
|
2584
|
-
}), "\uFF09")))
|
|
2621
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
2622
|
+
title: targetJsonSchema.description,
|
|
2623
|
+
placement: "top"
|
|
2624
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.InfoCircleOutlined, {
|
|
2625
|
+
className: "info-icon"
|
|
2626
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
2585
2627
|
className: "content-item",
|
|
2586
2628
|
style: contentStyle
|
|
2587
2629
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -2752,14 +2794,19 @@ var ObjectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
2752
2794
|
className: "element-title",
|
|
2753
2795
|
style: titleStyle
|
|
2754
2796
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2755
|
-
title: targetJsonSchema.description,
|
|
2797
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
2756
2798
|
placement: "top"
|
|
2757
2799
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
|
|
2758
2800
|
className: "title-text",
|
|
2759
|
-
title:
|
|
2801
|
+
title: targetJsonSchema.title
|
|
2760
2802
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
2761
2803
|
length: 15
|
|
2762
|
-
}), "\uFF09")))
|
|
2804
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
2805
|
+
title: targetJsonSchema.description,
|
|
2806
|
+
placement: "top"
|
|
2807
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
2808
|
+
className: "info-icon"
|
|
2809
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
2763
2810
|
className: "element-title-card-warp content-item",
|
|
2764
2811
|
style: contentStyle
|
|
2765
2812
|
}, !isStructured && !isArrayItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
@@ -3082,11 +3129,15 @@ var DynamicDataSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3082
3129
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
3083
3130
|
className: "element-title",
|
|
3084
3131
|
style: titleStyle
|
|
3132
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3133
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
3134
|
+
placement: "top"
|
|
3085
3135
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
3086
|
-
className: "title-text"
|
|
3136
|
+
className: "title-text",
|
|
3137
|
+
title: targetJsonSchema.title
|
|
3087
3138
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
3088
3139
|
length: 15
|
|
3089
|
-
}), "\uFF09")), targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3140
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3090
3141
|
title: targetJsonSchema.description,
|
|
3091
3142
|
placement: "top"
|
|
3092
3143
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
@@ -3362,12 +3413,15 @@ var EventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3362
3413
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
3363
3414
|
className: "element-title",
|
|
3364
3415
|
style: titleStyle
|
|
3416
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3417
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
3418
|
+
placement: "top"
|
|
3365
3419
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
3366
3420
|
className: "title-text",
|
|
3367
|
-
title:
|
|
3421
|
+
title: targetJsonSchema.title
|
|
3368
3422
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
3369
3423
|
length: 15
|
|
3370
|
-
}), "\uFF09")), targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3424
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3371
3425
|
title: targetJsonSchema.description,
|
|
3372
3426
|
placement: "top"
|
|
3373
3427
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
@@ -3579,14 +3633,12 @@ var HtmlAreaFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3579
3633
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
3580
3634
|
className: "element-title",
|
|
3581
3635
|
style: titleStyle
|
|
3582
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
3583
|
-
className: "title-text warning-text"
|
|
3584
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3636
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3585
3637
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
3586
3638
|
placement: "top"
|
|
3587
3639
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
3588
3640
|
className: "title-text",
|
|
3589
|
-
title:
|
|
3641
|
+
title: targetJsonSchema.title
|
|
3590
3642
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
3591
3643
|
length: 15
|
|
3592
3644
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -3765,14 +3817,12 @@ var InputFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3765
3817
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
3766
3818
|
className: "element-title",
|
|
3767
3819
|
style: titleStyle
|
|
3768
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
3769
|
-
className: "title-text warning-text"
|
|
3770
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3820
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
3771
3821
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
3772
3822
|
placement: "top"
|
|
3773
3823
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
3774
3824
|
className: "title-text",
|
|
3775
|
-
title:
|
|
3825
|
+
title: targetJsonSchema.title
|
|
3776
3826
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
3777
3827
|
length: 15
|
|
3778
3828
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -3825,24 +3875,27 @@ InputFormSchema.propTypes = {
|
|
|
3825
3875
|
|
|
3826
3876
|
"use strict";
|
|
3827
3877
|
__webpack_require__.r(__webpack_exports__);
|
|
3828
|
-
/* harmony import */ var
|
|
3829
|
-
/* harmony import */ var
|
|
3830
|
-
/* harmony import */ var
|
|
3831
|
-
/* harmony import */ var
|
|
3832
|
-
/* harmony import */ var
|
|
3833
|
-
/* harmony import */ var
|
|
3834
|
-
/* harmony import */ var
|
|
3835
|
-
/* harmony import */ var
|
|
3836
|
-
/* harmony import */ var
|
|
3837
|
-
/* harmony import */ var
|
|
3838
|
-
/* harmony import */ var
|
|
3839
|
-
/* harmony import */ var
|
|
3840
|
-
/* harmony import */ var
|
|
3841
|
-
/* harmony import */ var
|
|
3842
|
-
/* harmony import */ var
|
|
3843
|
-
/* harmony import */ var
|
|
3844
|
-
/* harmony import */ var
|
|
3845
|
-
/* harmony import */ var
|
|
3878
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "@babel/runtime/helpers/extends");
|
|
3879
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
3880
|
+
/* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ "@babel/runtime/helpers/inheritsLoose");
|
|
3881
|
+
/* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__);
|
|
3882
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
3883
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
3884
|
+
/* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! mobx-react */ "mobx-react");
|
|
3885
|
+
/* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx_react__WEBPACK_IMPORTED_MODULE_3__);
|
|
3886
|
+
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! mobx */ "mobx");
|
|
3887
|
+
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_4__);
|
|
3888
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
3889
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);
|
|
3890
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
3891
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
3892
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
3893
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__);
|
|
3894
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
3895
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__);
|
|
3896
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
3897
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
3898
|
+
|
|
3846
3899
|
|
|
3847
3900
|
|
|
3848
3901
|
|
|
@@ -3875,7 +3928,7 @@ var InputImageSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3875
3928
|
updateFormValueData(keyRoute, responseData.url);
|
|
3876
3929
|
}
|
|
3877
3930
|
} else if (fileInfo.file.status === 'error') {
|
|
3878
|
-
|
|
3931
|
+
antd__WEBPACK_IMPORTED_MODULE_6__.message.error(fileInfo.file.name + " \u56FE\u7247\u4E0A\u4F20\u5931\u8D25\u3002");
|
|
3879
3932
|
}
|
|
3880
3933
|
_this.setState({
|
|
3881
3934
|
loading: false
|
|
@@ -3900,16 +3953,16 @@ var InputImageSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3900
3953
|
|
|
3901
3954
|
// 方式1:在class组件中声明静态属性static,且必须是contextType,确保当前组件可以使用全局context中的数据(this.context不为空)
|
|
3902
3955
|
// static contextType = ThemeContext;
|
|
3903
|
-
|
|
3956
|
+
_babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_1___default()(InputImageSchema, _React$PureComponent);
|
|
3904
3957
|
var _proto = InputImageSchema.prototype;
|
|
3905
3958
|
_proto.componentWillMount = function componentWillMount() {
|
|
3906
3959
|
// 从web缓存中获取数值
|
|
3907
|
-
$
|
|
3960
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this);
|
|
3908
3961
|
};
|
|
3909
3962
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
3910
3963
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
3911
3964
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
3912
|
-
$
|
|
3965
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
3913
3966
|
}
|
|
3914
3967
|
};
|
|
3915
3968
|
_proto.render = function render() {
|
|
@@ -3934,9 +3987,9 @@ var InputImageSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3934
3987
|
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
3935
3988
|
var isRequired = targetJsonSchema.isRequired || false; // 是否必填(默认非必填)
|
|
3936
3989
|
var defaultFileList = [];
|
|
3937
|
-
if (curJsonData && (0,
|
|
3990
|
+
if (curJsonData && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.isArray)(curJsonData)) {
|
|
3938
3991
|
defaultFileList = curJsonData;
|
|
3939
|
-
} else if (curJsonData && (0,
|
|
3992
|
+
} else if (curJsonData && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.isString)(curJsonData)) {
|
|
3940
3993
|
defaultFileList.push(curJsonData);
|
|
3941
3994
|
}
|
|
3942
3995
|
var uploadProps = {
|
|
@@ -3955,68 +4008,68 @@ var InputImageSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
3955
4008
|
onChange: this.handleImageChange,
|
|
3956
4009
|
onRemove: this.handleDeleteChange
|
|
3957
4010
|
};
|
|
3958
|
-
var style = targetJsonSchema.style ? (0,$
|
|
3959
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
3960
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
3961
|
-
return /*#__PURE__*/
|
|
4011
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_4__.toJS)(targetJsonSchema.style)) : {};
|
|
4012
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_4__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
4013
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_4__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
4014
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", {
|
|
3962
4015
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : 'mobile-screen-element-warp'
|
|
3963
4016
|
// key={nodeKey}
|
|
3964
4017
|
,
|
|
3965
4018
|
id: nodeKey,
|
|
3966
4019
|
style: style
|
|
3967
|
-
}, /*#__PURE__*/
|
|
4020
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", {
|
|
3968
4021
|
className: "element-title",
|
|
3969
4022
|
style: titleStyle
|
|
3970
|
-
}, /*#__PURE__*/
|
|
3971
|
-
className: "title-text warning-text"
|
|
3972
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4023
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
3973
4024
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
3974
4025
|
placement: "top"
|
|
3975
|
-
}, /*#__PURE__*/
|
|
4026
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", {
|
|
3976
4027
|
className: "title-text",
|
|
3977
|
-
title:
|
|
3978
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/
|
|
4028
|
+
title: targetJsonSchema.title
|
|
4029
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
3979
4030
|
length: 15
|
|
3980
|
-
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/
|
|
4031
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
3981
4032
|
title: targetJsonSchema.description,
|
|
3982
4033
|
placement: "top"
|
|
3983
|
-
}, /*#__PURE__*/
|
|
4034
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.InfoCircleOutlined, {
|
|
3984
4035
|
className: "info-icon"
|
|
3985
|
-
}))), /*#__PURE__*/
|
|
4036
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", {
|
|
3986
4037
|
className: "content-item",
|
|
3987
4038
|
style: contentStyle
|
|
3988
|
-
}, /*#__PURE__*/
|
|
4039
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", {
|
|
3989
4040
|
className: "form-item-box"
|
|
3990
|
-
}, /*#__PURE__*/
|
|
4041
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Upload, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, uploadProps, {
|
|
4042
|
+
disabled: readOnly
|
|
4043
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("button", {
|
|
3991
4044
|
style: {
|
|
3992
4045
|
border: 0,
|
|
3993
4046
|
background: 'none',
|
|
3994
4047
|
cursor: 'pointer'
|
|
3995
4048
|
},
|
|
3996
4049
|
type: "button"
|
|
3997
|
-
}, loading ? /*#__PURE__*/
|
|
4050
|
+
}, loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.LoadingOutlined, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.PlusOutlined, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", {
|
|
3998
4051
|
style: {
|
|
3999
4052
|
marginTop: 8
|
|
4000
4053
|
}
|
|
4001
4054
|
}, "\u4E0A\u4F20\u56FE\u7247"))))));
|
|
4002
4055
|
};
|
|
4003
4056
|
return InputImageSchema;
|
|
4004
|
-
}(
|
|
4057
|
+
}(react__WEBPACK_IMPORTED_MODULE_2__.PureComponent);
|
|
4005
4058
|
InputImageSchema.propTypes = {
|
|
4006
|
-
parentType: (
|
|
4007
|
-
jsonKey: (
|
|
4008
|
-
indexRoute: (
|
|
4009
|
-
keyRoute: (
|
|
4010
|
-
nodeKey: (
|
|
4011
|
-
targetJsonSchema: (
|
|
4012
|
-
onChange: (
|
|
4059
|
+
parentType: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),
|
|
4060
|
+
jsonKey: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string),
|
|
4061
|
+
indexRoute: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),
|
|
4062
|
+
keyRoute: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),
|
|
4063
|
+
nodeKey: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string),
|
|
4064
|
+
targetJsonSchema: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),
|
|
4065
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any)
|
|
4013
4066
|
};
|
|
4014
|
-
/* harmony default export */ __webpack_exports__["default"] = ((0,
|
|
4067
|
+
/* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_3__.inject)(function (stores) {
|
|
4015
4068
|
return {
|
|
4016
4069
|
schemaStore: stores.JSONSchemaStore,
|
|
4017
4070
|
jsonStore: stores.JSONEditorStore
|
|
4018
4071
|
};
|
|
4019
|
-
})((0,
|
|
4072
|
+
})((0,mobx_react__WEBPACK_IMPORTED_MODULE_3__.observer)(InputImageSchema)));
|
|
4020
4073
|
|
|
4021
4074
|
/***/ }),
|
|
4022
4075
|
|
|
@@ -4147,14 +4200,15 @@ var JsonFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4147
4200
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
4148
4201
|
className: "element-title",
|
|
4149
4202
|
style: titleStyle
|
|
4203
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4204
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
4205
|
+
placement: "top"
|
|
4150
4206
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
4151
|
-
className: "title-text warning-text"
|
|
4152
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
4153
4207
|
className: "title-text",
|
|
4154
|
-
title:
|
|
4208
|
+
title: targetJsonSchema.title
|
|
4155
4209
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
4156
4210
|
length: 15
|
|
4157
|
-
}), "\uFF09")), targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4211
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4158
4212
|
title: targetJsonSchema.description,
|
|
4159
4213
|
placement: "top"
|
|
4160
4214
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_7__.InfoCircleOutlined, {
|
|
@@ -4365,12 +4419,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4365
4419
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
4366
4420
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
|
|
4367
4421
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
|
|
4368
|
-
/* harmony import */ var
|
|
4369
|
-
/* harmony import */ var
|
|
4370
|
-
/* harmony import */ var
|
|
4371
|
-
/* harmony import */ var
|
|
4372
|
-
/* harmony import */ var
|
|
4373
|
-
/* harmony import */ var
|
|
4422
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
4423
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__);
|
|
4424
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
4425
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
4426
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
4427
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
4428
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./index.scss */ "./src/renderers/NumberFormSchema/index.scss");
|
|
4429
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_10__);
|
|
4430
|
+
|
|
4374
4431
|
|
|
4375
4432
|
|
|
4376
4433
|
|
|
@@ -4429,12 +4486,12 @@ var NumberFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4429
4486
|
var _proto = NumberFormSchema.prototype;
|
|
4430
4487
|
_proto.componentWillMount = function componentWillMount() {
|
|
4431
4488
|
// 从web缓存中获取数值
|
|
4432
|
-
$
|
|
4489
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this);
|
|
4433
4490
|
};
|
|
4434
4491
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
4435
4492
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
4436
4493
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
4437
|
-
$
|
|
4494
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
4438
4495
|
}
|
|
4439
4496
|
};
|
|
4440
4497
|
_proto.render = function render() {
|
|
@@ -4456,11 +4513,11 @@ var NumberFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4456
4513
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
4457
4514
|
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
4458
4515
|
var isRequired = targetJsonSchema.isRequired || false; // 是否必填(默认非必填)
|
|
4459
|
-
var isNeedTwoCol = (0,$
|
|
4516
|
+
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
4460
4517
|
|
|
4461
|
-
var style = targetJsonSchema.style ? (0,$
|
|
4462
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
4463
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
4518
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
4519
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
4520
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
4464
4521
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
4465
4522
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp " + (isNeedTwoCol ? 'two-col-element-warp' : ''),
|
|
4466
4523
|
key: nodeKey + "-" + renderTime,
|
|
@@ -4469,17 +4526,20 @@ var NumberFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4469
4526
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
4470
4527
|
className: "element-title",
|
|
4471
4528
|
style: titleStyle
|
|
4472
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
4473
|
-
|
|
4474
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4475
|
-
title: targetJsonSchema.description,
|
|
4529
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4530
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
4476
4531
|
placement: "top"
|
|
4477
4532
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
4478
4533
|
className: "title-text",
|
|
4479
|
-
title:
|
|
4480
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
4534
|
+
title: targetJsonSchema.title
|
|
4535
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
4481
4536
|
length: 15
|
|
4482
|
-
}), "\uFF09")))
|
|
4537
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4538
|
+
title: targetJsonSchema.description,
|
|
4539
|
+
placement: "top"
|
|
4540
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
4541
|
+
className: "info-icon"
|
|
4542
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
4483
4543
|
className: "content-item",
|
|
4484
4544
|
style: contentStyle
|
|
4485
4545
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -4490,7 +4550,7 @@ var NumberFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4490
4550
|
className: "number-btn minus",
|
|
4491
4551
|
title: "\u70B9\u51FB\u51CF1",
|
|
4492
4552
|
onClick: function onClick() {
|
|
4493
|
-
_this2.numberChange('minus', (0,$
|
|
4553
|
+
_this2.numberChange('minus', (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.hasProperties)(curJsonData) ? curJsonData : targetJsonSchema.default);
|
|
4494
4554
|
}
|
|
4495
4555
|
}, "-"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.InputNumber, {
|
|
4496
4556
|
className: "number-cont",
|
|
@@ -4502,13 +4562,13 @@ var NumberFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4502
4562
|
placeholder: targetJsonSchema.placeholder || "\u8BF7\u8F93\u5165" + targetJsonSchema.title,
|
|
4503
4563
|
min: targetJsonSchema.minimum || 0,
|
|
4504
4564
|
max: targetJsonSchema.maximum || 1000000,
|
|
4505
|
-
defaultValue: (0,$
|
|
4565
|
+
defaultValue: (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.hasProperties)(curJsonData) ? curJsonData : targetJsonSchema.default,
|
|
4506
4566
|
onChange: this.handleValueChange
|
|
4507
4567
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
4508
4568
|
className: "number-btn plus",
|
|
4509
4569
|
title: "\u70B9\u51FB\u52A01",
|
|
4510
4570
|
onClick: function onClick() {
|
|
4511
|
-
_this2.numberChange('plus', (0,$
|
|
4571
|
+
_this2.numberChange('plus', (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.hasProperties)(curJsonData) ? curJsonData : targetJsonSchema.default);
|
|
4512
4572
|
}
|
|
4513
4573
|
}, "+")))));
|
|
4514
4574
|
};
|
|
@@ -4658,14 +4718,19 @@ var ObjectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4658
4718
|
className: "element-title",
|
|
4659
4719
|
style: titleStyle
|
|
4660
4720
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4661
|
-
title: targetJsonSchema.description,
|
|
4721
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
4662
4722
|
placement: "top"
|
|
4663
4723
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
|
|
4664
4724
|
className: "title-text",
|
|
4665
|
-
title:
|
|
4725
|
+
title: targetJsonSchema.title
|
|
4666
4726
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
4667
4727
|
length: 15
|
|
4668
|
-
}), "\uFF09")))
|
|
4728
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
4729
|
+
title: targetJsonSchema.description,
|
|
4730
|
+
placement: "top"
|
|
4731
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
4732
|
+
className: "info-icon"
|
|
4733
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
4669
4734
|
className: "element-title-card-warp content-item",
|
|
4670
4735
|
style: contentStyle
|
|
4671
4736
|
}, !isStructured && !isArrayItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
@@ -4758,20 +4823,23 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4758
4823
|
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_3__);
|
|
4759
4824
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
4760
4825
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
4761
|
-
/* harmony import */ var
|
|
4762
|
-
/* harmony import */ var
|
|
4763
|
-
/* harmony import */ var
|
|
4764
|
-
/* harmony import */ var
|
|
4765
|
-
/* harmony import */ var
|
|
4766
|
-
/* harmony import */ var
|
|
4767
|
-
/* harmony import */ var
|
|
4826
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
4827
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__);
|
|
4828
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
4829
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
4830
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
4831
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
4832
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
4833
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./index.scss */ "./src/renderers/PaddingAndMarginSchema/index.scss");
|
|
4834
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_9__);
|
|
4768
4835
|
|
|
4769
4836
|
|
|
4770
4837
|
|
|
4771
4838
|
|
|
4772
4839
|
|
|
4773
4840
|
|
|
4774
|
-
|
|
4841
|
+
|
|
4842
|
+
var Option = antd__WEBPACK_IMPORTED_MODULE_6__.Select.Option;
|
|
4775
4843
|
|
|
4776
4844
|
|
|
4777
4845
|
|
|
@@ -4811,8 +4879,8 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4811
4879
|
var quantity = curJsonData.quantity || quantitySchema.default; // 获取数值单位
|
|
4812
4880
|
var marginValue = curJsonData.margin || marginSchema.default;
|
|
4813
4881
|
var paddingValue = curJsonData.padding || paddingSchema.default;
|
|
4814
|
-
marginValue = (0,
|
|
4815
|
-
paddingValue = (0,
|
|
4882
|
+
marginValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isNumber)(marginValue) ? marginValue.toString() : marginValue || 'auto';
|
|
4883
|
+
paddingValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isNumber)(paddingValue) ? paddingValue.toString() : paddingValue || 'auto';
|
|
4816
4884
|
|
|
4817
4885
|
// 重置数值
|
|
4818
4886
|
_this.boxStyle.quantity = quantity;
|
|
@@ -4836,7 +4904,7 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4836
4904
|
curValue = valStr;
|
|
4837
4905
|
} else if (valStr) {
|
|
4838
4906
|
curValue = parseInt(valStr);
|
|
4839
|
-
curValue = (0,
|
|
4907
|
+
curValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isNumber)(curValue) ? curValue : 'auto';
|
|
4840
4908
|
} else if (defaultValue !== undefined) {
|
|
4841
4909
|
curValue = defaultValue;
|
|
4842
4910
|
}
|
|
@@ -4853,7 +4921,7 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4853
4921
|
curValue = 'auto';
|
|
4854
4922
|
} else if (valStr) {
|
|
4855
4923
|
curValue = parseInt(valStr);
|
|
4856
|
-
curValue = (0,
|
|
4924
|
+
curValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isNumber)(curValue) ? curValue : 'auto';
|
|
4857
4925
|
}
|
|
4858
4926
|
if (curValue === 'auto' || curValue === 0) {
|
|
4859
4927
|
return curValue;
|
|
@@ -4956,8 +5024,6 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4956
5024
|
_this.state = {
|
|
4957
5025
|
type: 'all',
|
|
4958
5026
|
// 设置类型,支持 自定义设值(custom)、统一设值(all)
|
|
4959
|
-
layoutStyleLock: false,
|
|
4960
|
-
// 是否锁住容器数值值的设置,默认为false,设置为true后4个数值同时联动
|
|
4961
5027
|
renderAction: false // 用于主动触发render的临时变量
|
|
4962
5028
|
};
|
|
4963
5029
|
// 这边绑定是必要的,这样 `this` 才能在回调函数中使用
|
|
@@ -4995,15 +5061,14 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
4995
5061
|
getJSONDataByKeyRoute = _ref5.getJSONDataByKeyRoute;
|
|
4996
5062
|
var _this$state = this.state,
|
|
4997
5063
|
renderAction = _this$state.renderAction,
|
|
4998
|
-
layoutStyleLock = _this$state.layoutStyleLock,
|
|
4999
5064
|
type = _this$state.type;
|
|
5000
|
-
|
|
5065
|
+
// const readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
5001
5066
|
|
|
5002
5067
|
// 从jsonData中获取对应的数值
|
|
5003
5068
|
var curJsonData = getJSONDataByKeyRoute(keyRoute) || {};
|
|
5004
|
-
var style = targetJsonSchema.style ? (0,$
|
|
5005
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
5006
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
5069
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
5070
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
5071
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
5007
5072
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5008
5073
|
className: (pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp") + " " + (renderAction ? 'render-mark' : ''),
|
|
5009
5074
|
id: nodeKey,
|
|
@@ -5012,17 +5077,20 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5012
5077
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5013
5078
|
className: "element-title",
|
|
5014
5079
|
style: titleStyle
|
|
5015
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5016
|
-
|
|
5017
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
5018
|
-
title: targetJsonSchema.description,
|
|
5080
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
5081
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
5019
5082
|
placement: "top"
|
|
5020
5083
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
5021
5084
|
className: "title-text",
|
|
5022
|
-
title:
|
|
5023
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
5085
|
+
title: targetJsonSchema.title
|
|
5086
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
5024
5087
|
length: 15
|
|
5025
|
-
}), "\uFF09")))
|
|
5088
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
5089
|
+
title: targetJsonSchema.description,
|
|
5090
|
+
placement: "top"
|
|
5091
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__.InfoCircleOutlined, {
|
|
5092
|
+
className: "info-icon"
|
|
5093
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5026
5094
|
className: "content-item Style-PaddingAndMargin",
|
|
5027
5095
|
style: contentStyle
|
|
5028
5096
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -5041,7 +5109,7 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5041
5109
|
}
|
|
5042
5110
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null))), type === 'all' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5043
5111
|
className: "Style-PaddingAndMargin-input"
|
|
5044
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5112
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5045
5113
|
name: "layoutMargin",
|
|
5046
5114
|
addonAfter: this.getSelectAfter(curJsonData),
|
|
5047
5115
|
className: "layout-item-margin",
|
|
@@ -5055,7 +5123,7 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5055
5123
|
className: "Style-PaddingAndMargin-input-label"
|
|
5056
5124
|
}, "\u5916\u8FB9\u8DDD")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5057
5125
|
className: "Style-PaddingAndMargin-input"
|
|
5058
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5126
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5059
5127
|
name: "layoutPadding",
|
|
5060
5128
|
addonAfter: this.getSelectAfter(curJsonData),
|
|
5061
5129
|
className: "layout-item-padding",
|
|
@@ -5069,9 +5137,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5069
5137
|
className: "Style-PaddingAndMargin-input-label"
|
|
5070
5138
|
}, "\u5185\u8FB9\u8DDD")))), type !== 'all' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5071
5139
|
className: "Style-PaddingAndMargin-custom Style-PaddingAndMargin-custom--padding Style-PaddingAndMargin-custom--margin"
|
|
5072
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5140
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5073
5141
|
content: function content() {
|
|
5074
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5142
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5075
5143
|
name: "layoutPaddingTop",
|
|
5076
5144
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5077
5145
|
className: "layout-item-padding",
|
|
@@ -5086,9 +5154,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5086
5154
|
title: ""
|
|
5087
5155
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5088
5156
|
className: "Style-PaddingAndMargin-custom-paddingTop"
|
|
5089
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].top) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5157
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].top) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5090
5158
|
content: function content() {
|
|
5091
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5159
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5092
5160
|
name: "layoutPaddingTop",
|
|
5093
5161
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5094
5162
|
className: "layout-item-padding",
|
|
@@ -5103,9 +5171,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5103
5171
|
title: ""
|
|
5104
5172
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5105
5173
|
className: "Style-PaddingAndMargin-custom-paddingRight"
|
|
5106
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].right) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5174
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].right) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5107
5175
|
content: function content() {
|
|
5108
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5176
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5109
5177
|
name: "layoutPaddingBottom",
|
|
5110
5178
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5111
5179
|
className: "layout-item-padding",
|
|
@@ -5120,9 +5188,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5120
5188
|
title: ""
|
|
5121
5189
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5122
5190
|
className: "Style-PaddingAndMargin-custom-paddingBottom"
|
|
5123
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].bottom) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5191
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].bottom) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5124
5192
|
content: function content() {
|
|
5125
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5193
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5126
5194
|
name: "layoutPaddingLeft",
|
|
5127
5195
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5128
5196
|
className: "layout-item-padding",
|
|
@@ -5137,9 +5205,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5137
5205
|
title: ""
|
|
5138
5206
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5139
5207
|
className: "Style-PaddingAndMargin-custom-paddingLeft"
|
|
5140
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].left) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5208
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['padding'].left) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5141
5209
|
content: function content() {
|
|
5142
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5210
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5143
5211
|
name: "layoutMarginTop",
|
|
5144
5212
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5145
5213
|
className: "layout-item-margin",
|
|
@@ -5154,9 +5222,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5154
5222
|
title: ""
|
|
5155
5223
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5156
5224
|
className: "Style-PaddingAndMargin-custom-marginTop"
|
|
5157
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].top) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5225
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].top) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5158
5226
|
content: function content() {
|
|
5159
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5227
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5160
5228
|
name: "layoutMarginRight",
|
|
5161
5229
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5162
5230
|
className: "layout-item-margin",
|
|
@@ -5171,9 +5239,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5171
5239
|
title: ""
|
|
5172
5240
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5173
5241
|
className: "Style-PaddingAndMargin-custom-marginRight"
|
|
5174
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].right) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5242
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].right) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5175
5243
|
content: function content() {
|
|
5176
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5244
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5177
5245
|
name: "layoutMarginBottom",
|
|
5178
5246
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5179
5247
|
className: "layout-item-margin",
|
|
@@ -5188,9 +5256,9 @@ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5188
5256
|
title: ""
|
|
5189
5257
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5190
5258
|
className: "Style-PaddingAndMargin-custom-marginBottom"
|
|
5191
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].bottom) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5259
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].bottom) || '-'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Popover, {
|
|
5192
5260
|
content: function content() {
|
|
5193
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5261
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
5194
5262
|
name: "layoutMarginLeft",
|
|
5195
5263
|
addonAfter: _this2.getSelectAfter(curJsonData),
|
|
5196
5264
|
className: "layout-item-margin",
|
|
@@ -5246,10 +5314,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5246
5314
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
5247
5315
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
|
|
5248
5316
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
|
|
5249
|
-
/* harmony import */ var
|
|
5250
|
-
/* harmony import */ var
|
|
5251
|
-
/* harmony import */ var
|
|
5252
|
-
/* harmony import */ var
|
|
5317
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
5318
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__);
|
|
5319
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
5320
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
5321
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
5322
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
5323
|
+
|
|
5253
5324
|
|
|
5254
5325
|
|
|
5255
5326
|
|
|
@@ -5282,12 +5353,12 @@ var QuantitySchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5282
5353
|
var _proto = QuantitySchema.prototype;
|
|
5283
5354
|
_proto.componentWillMount = function componentWillMount() {
|
|
5284
5355
|
// 从web缓存中获取数值
|
|
5285
|
-
$
|
|
5356
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this);
|
|
5286
5357
|
};
|
|
5287
5358
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
5288
5359
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
5289
5360
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
5290
|
-
$
|
|
5361
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
5291
5362
|
}
|
|
5292
5363
|
};
|
|
5293
5364
|
_proto.render = function render() {
|
|
@@ -5310,11 +5381,11 @@ var QuantitySchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5310
5381
|
var unitJsonSchema = targetJsonSchema.properties['unit'];
|
|
5311
5382
|
var curQuantity = curJsonData.quantity;
|
|
5312
5383
|
var unitSuffix = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, curQuantity === 'percent' ? '%' : curQuantity);
|
|
5313
|
-
var isNeedTwoCol = (0,$
|
|
5384
|
+
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
5314
5385
|
|
|
5315
|
-
var style = targetJsonSchema.style ? (0,$
|
|
5316
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
5317
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
5386
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
5387
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
5388
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
5318
5389
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5319
5390
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp " + (isNeedTwoCol ? 'two-col-element-warp' : '')
|
|
5320
5391
|
// key={nodeKey}
|
|
@@ -5324,17 +5395,20 @@ var QuantitySchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5324
5395
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5325
5396
|
className: "element-title",
|
|
5326
5397
|
style: titleStyle
|
|
5327
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
5328
|
-
|
|
5329
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
5330
|
-
title: targetJsonSchema.description,
|
|
5398
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
5399
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
5331
5400
|
placement: "top"
|
|
5332
5401
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
5333
5402
|
className: "title-text",
|
|
5334
|
-
title:
|
|
5335
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
5403
|
+
title: targetJsonSchema.title
|
|
5404
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
5336
5405
|
length: 15
|
|
5337
|
-
}), "\uFF09")))
|
|
5406
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
5407
|
+
title: targetJsonSchema.description,
|
|
5408
|
+
placement: "top"
|
|
5409
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
5410
|
+
className: "info-icon"
|
|
5411
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
5338
5412
|
className: "content-item",
|
|
5339
5413
|
style: contentStyle
|
|
5340
5414
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -5450,6 +5524,7 @@ var RadioSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5450
5524
|
jsonKey = _this$props3.jsonKey,
|
|
5451
5525
|
keyRoute = _this$props3.keyRoute,
|
|
5452
5526
|
targetJsonSchema = _this$props3.targetJsonSchema;
|
|
5527
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
5453
5528
|
// 从jsonData中获取对应的数值
|
|
5454
5529
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
5455
5530
|
var options = targetJsonSchema.options;
|
|
@@ -5470,7 +5545,7 @@ var RadioSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5470
5545
|
placement: "top"
|
|
5471
5546
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
5472
5547
|
className: "title-text",
|
|
5473
|
-
title:
|
|
5548
|
+
title: targetJsonSchema.title
|
|
5474
5549
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
5475
5550
|
length: 15
|
|
5476
5551
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -5800,10 +5875,13 @@ var Option = antd__WEBPACK_IMPORTED_MODULE_6__.Select.Option;
|
|
|
5800
5875
|
* select下拉选择类型
|
|
5801
5876
|
*/
|
|
5802
5877
|
var SelectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
5878
|
+
// 记录options中对象类型的value
|
|
5879
|
+
|
|
5803
5880
|
function SelectSchema(props) {
|
|
5804
5881
|
var _this;
|
|
5805
5882
|
_this = _React$PureComponent.call(this, props) || this;
|
|
5806
5883
|
// 这边绑定是必要的,这样 `this` 才能在回调函数中使用
|
|
5884
|
+
_this.optionValue = {};
|
|
5807
5885
|
/** 数值变动事件处理器 */
|
|
5808
5886
|
_this.handleValueChange = function (value) {
|
|
5809
5887
|
var _this$props = _this.props,
|
|
@@ -5811,7 +5889,19 @@ var SelectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5811
5889
|
jsonStore = _this$props.jsonStore;
|
|
5812
5890
|
var _ref = jsonStore || {},
|
|
5813
5891
|
updateFormValueData = _ref.updateFormValueData;
|
|
5814
|
-
|
|
5892
|
+
var curValue = value;
|
|
5893
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isArray)(value)) {
|
|
5894
|
+
var valueArray = [];
|
|
5895
|
+
value.forEach(function (valItem) {
|
|
5896
|
+
var _this$optionValue$val;
|
|
5897
|
+
valueArray.push((_this$optionValue$val = _this.optionValue[valItem]) != null ? _this$optionValue$val : valItem);
|
|
5898
|
+
});
|
|
5899
|
+
curValue = valueArray;
|
|
5900
|
+
} else {
|
|
5901
|
+
var _this$optionValue$val2;
|
|
5902
|
+
curValue = (_this$optionValue$val2 = _this.optionValue[value]) != null ? _this$optionValue$val2 : value;
|
|
5903
|
+
}
|
|
5904
|
+
updateFormValueData(keyRoute, curValue); // 更新数值
|
|
5815
5905
|
};
|
|
5816
5906
|
_this.handleValueChange = _this.handleValueChange.bind(_this);
|
|
5817
5907
|
return _this;
|
|
@@ -5842,11 +5932,15 @@ var SelectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5842
5932
|
jsonKey = _this$props3.jsonKey,
|
|
5843
5933
|
keyRoute = _this$props3.keyRoute,
|
|
5844
5934
|
targetJsonSchema = _this$props3.targetJsonSchema;
|
|
5935
|
+
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
5845
5936
|
// 从jsonData中获取对应的数值
|
|
5846
5937
|
var curJsonData = getJSONDataByKeyRoute(keyRoute);
|
|
5847
5938
|
var options = targetJsonSchema.options;
|
|
5848
5939
|
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
5849
5940
|
|
|
5941
|
+
var optionsFormat = (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.formatOptions)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(options));
|
|
5942
|
+
options = optionsFormat.options;
|
|
5943
|
+
this.optionValue = optionsFormat.optionValue;
|
|
5850
5944
|
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
5851
5945
|
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
5852
5946
|
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_9__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
@@ -5864,7 +5958,7 @@ var SelectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5864
5958
|
placement: "top"
|
|
5865
5959
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
5866
5960
|
className: "title-text",
|
|
5867
|
-
title:
|
|
5961
|
+
title: targetJsonSchema.title
|
|
5868
5962
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.truncate)(jsonKey, {
|
|
5869
5963
|
length: 15
|
|
5870
5964
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
@@ -5886,7 +5980,7 @@ var SelectSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5886
5980
|
},
|
|
5887
5981
|
onChange: this.handleValueChange,
|
|
5888
5982
|
defaultValue: curJsonData || targetJsonSchema.default,
|
|
5889
|
-
disabled:
|
|
5983
|
+
disabled: readOnly,
|
|
5890
5984
|
allowClear: (_targetJsonSchema$all = targetJsonSchema.allowClear) != null ? _targetJsonSchema$all : true
|
|
5891
5985
|
}, options && options.length > 0 && options.map(function (item, optionIndex) {
|
|
5892
5986
|
var optionLabel = item.label || item.name;
|
|
@@ -5934,21 +6028,24 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5934
6028
|
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_3__);
|
|
5935
6029
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
5936
6030
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
5937
|
-
/* harmony import */ var
|
|
5938
|
-
/* harmony import */ var
|
|
5939
|
-
/* harmony import */ var
|
|
5940
|
-
/* harmony import */ var
|
|
5941
|
-
/* harmony import */ var
|
|
5942
|
-
/* harmony import */ var
|
|
5943
|
-
/* harmony import */ var $
|
|
5944
|
-
/* harmony import */ var $
|
|
6031
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
6032
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__);
|
|
6033
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
6034
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
6035
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
6036
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
6037
|
+
/* harmony import */ var $components_MappingRender__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $components/MappingRender */ "./src/components/MappingRender.js");
|
|
6038
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
6039
|
+
/* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $utils/webCache */ "./src/utils/webCache.js");
|
|
6040
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
5945
6041
|
|
|
5946
6042
|
|
|
5947
6043
|
|
|
5948
6044
|
|
|
5949
6045
|
|
|
5950
6046
|
|
|
5951
|
-
|
|
6047
|
+
|
|
6048
|
+
var Panel = antd__WEBPACK_IMPORTED_MODULE_6__.Collapse.Panel;
|
|
5952
6049
|
|
|
5953
6050
|
|
|
5954
6051
|
|
|
@@ -5970,18 +6067,18 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
5970
6067
|
var _proto = SohuDataSourceSchema.prototype;
|
|
5971
6068
|
_proto.componentWillMount = function componentWillMount() {
|
|
5972
6069
|
// 从web缓存中获取数值
|
|
5973
|
-
$
|
|
6070
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this);
|
|
5974
6071
|
};
|
|
5975
6072
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
5976
6073
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
5977
6074
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
5978
|
-
$
|
|
6075
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
5979
6076
|
}
|
|
5980
6077
|
};
|
|
5981
6078
|
_proto.collapseChange = function collapseChange(collapseData) {
|
|
5982
6079
|
var keyRoute = this.props.keyRoute;
|
|
5983
6080
|
// 缓存当前折叠状态
|
|
5984
|
-
(0,$
|
|
6081
|
+
(0,$utils_webCache__WEBPACK_IMPORTED_MODULE_10__.saveJSONEditorCache)(keyRoute, collapseData);
|
|
5985
6082
|
};
|
|
5986
6083
|
_proto.render = function render() {
|
|
5987
6084
|
var _this$props = this.props,
|
|
@@ -6001,15 +6098,15 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6001
6098
|
|
|
6002
6099
|
// 获取前端缓存中的折叠数据
|
|
6003
6100
|
var collapseData = ['mainConfig'];
|
|
6004
|
-
var collapseCacheData = (0,$
|
|
6005
|
-
if (collapseCacheData && (0,
|
|
6101
|
+
var collapseCacheData = (0,$utils_webCache__WEBPACK_IMPORTED_MODULE_10__.getJSONEditorCache)(keyRoute);
|
|
6102
|
+
if (collapseCacheData && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isArray)(collapseCacheData)) {
|
|
6006
6103
|
collapseData = collapseCacheData;
|
|
6007
6104
|
}
|
|
6008
6105
|
var curData = getJSONDataByKeyRoute(keyRoute) || {};
|
|
6009
6106
|
curData = Object.assign({}, JSONEditorObj, curData);
|
|
6010
|
-
var style = targetJsonSchema.style ? (0,$
|
|
6011
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
6012
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
6107
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_11__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
6108
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_11__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
6109
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_11__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
6013
6110
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6014
6111
|
className: "" + (pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : 'mobile-screen-element-warp')
|
|
6015
6112
|
// key={nodeKey}
|
|
@@ -6019,18 +6116,23 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6019
6116
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6020
6117
|
className: "element-title",
|
|
6021
6118
|
style: titleStyle
|
|
6022
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6023
|
-
title: targetJsonSchema.description,
|
|
6119
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
6120
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
6024
6121
|
placement: "top"
|
|
6025
6122
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
|
|
6026
6123
|
className: "title-text",
|
|
6027
|
-
title:
|
|
6028
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\uFF08", (0,
|
|
6124
|
+
title: targetJsonSchema.title
|
|
6125
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
6029
6126
|
length: 15
|
|
6030
|
-
}), "\uFF09")))
|
|
6127
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
|
|
6128
|
+
title: targetJsonSchema.description,
|
|
6129
|
+
placement: "top"
|
|
6130
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__.InfoCircleOutlined, {
|
|
6131
|
+
className: "info-icon"
|
|
6132
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6031
6133
|
className: "array-schema-box",
|
|
6032
6134
|
style: contentStyle
|
|
6033
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6135
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Collapse, {
|
|
6034
6136
|
defaultActiveKey: collapseData,
|
|
6035
6137
|
expandIconPosition: "end",
|
|
6036
6138
|
bordered: false,
|
|
@@ -6049,13 +6151,13 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6049
6151
|
/** 5. 获取当前元素的id,用于做唯一标识 */
|
|
6050
6152
|
var childNodeKey = nodeKey + "-" + curType + "-" + currentJsonKey;
|
|
6051
6153
|
if (currentSchemaData.propertyOrder && currentSchemaData.propertyOrder.length > 0) {
|
|
6052
|
-
if ((0,$
|
|
6154
|
+
if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_11__.hasProperties)(currentSchemaData.onShow) && currentSchemaData.onShow !== '' && ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isBoolean)(currentSchemaData.onShow) && !currentSchemaData.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isString)(currentSchemaData.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.evalExpression)(currentSchemaData.onShow, curData))) {
|
|
6053
6155
|
return;
|
|
6054
6156
|
}
|
|
6055
6157
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Panel, {
|
|
6056
6158
|
header: currentSchemaData.title,
|
|
6057
6159
|
key: currentJsonKey
|
|
6058
|
-
}, (0,$
|
|
6160
|
+
}, (0,$components_MappingRender__WEBPACK_IMPORTED_MODULE_8__["default"])({
|
|
6059
6161
|
parentType: curType,
|
|
6060
6162
|
jsonKey: currentJsonKey,
|
|
6061
6163
|
indexRoute: currentIndexRoute,
|
|
@@ -6109,23 +6211,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6109
6211
|
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_3__);
|
|
6110
6212
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6111
6213
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
6112
|
-
/* harmony import */ var
|
|
6113
|
-
/* harmony import */ var
|
|
6114
|
-
/* harmony import */ var
|
|
6115
|
-
/* harmony import */ var
|
|
6116
|
-
/* harmony import */ var
|
|
6117
|
-
/* harmony import */ var
|
|
6118
|
-
/* harmony import */ var $
|
|
6119
|
-
/* harmony import */ var
|
|
6120
|
-
/* harmony import */ var
|
|
6214
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
6215
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__);
|
|
6216
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
6217
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
6218
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
6219
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
6220
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
6221
|
+
/* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $utils/webCache */ "./src/utils/webCache.js");
|
|
6222
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
6223
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./index.scss */ "./src/renderers/SohuEventSchema/index.scss");
|
|
6224
|
+
/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_11__);
|
|
6121
6225
|
|
|
6122
6226
|
|
|
6123
6227
|
|
|
6124
6228
|
|
|
6125
6229
|
|
|
6126
6230
|
|
|
6127
|
-
|
|
6128
|
-
var
|
|
6231
|
+
|
|
6232
|
+
var Option = antd__WEBPACK_IMPORTED_MODULE_6__.Select.Option;
|
|
6233
|
+
var Panel = antd__WEBPACK_IMPORTED_MODULE_6__.Collapse.Panel;
|
|
6129
6234
|
|
|
6130
6235
|
|
|
6131
6236
|
|
|
@@ -6202,18 +6307,18 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6202
6307
|
var _proto = SohuEventSchema.prototype;
|
|
6203
6308
|
_proto.componentWillMount = function componentWillMount() {
|
|
6204
6309
|
// 从web缓存中获取数值
|
|
6205
|
-
$
|
|
6310
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this);
|
|
6206
6311
|
};
|
|
6207
6312
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
6208
6313
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
6209
6314
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
6210
|
-
$
|
|
6315
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_8__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
6211
6316
|
}
|
|
6212
6317
|
};
|
|
6213
6318
|
_proto.collapseChange = function collapseChange(collapseData) {
|
|
6214
6319
|
var keyRoute = this.props.keyRoute;
|
|
6215
6320
|
// 缓存当前折叠状态
|
|
6216
|
-
(0,$
|
|
6321
|
+
(0,$utils_webCache__WEBPACK_IMPORTED_MODULE_9__.saveJSONEditorCache)(keyRoute, collapseData);
|
|
6217
6322
|
};
|
|
6218
6323
|
_proto.render = function render() {
|
|
6219
6324
|
var _this2 = this;
|
|
@@ -6245,18 +6350,18 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6245
6350
|
|
|
6246
6351
|
// 获取前端缓存中的折叠数据
|
|
6247
6352
|
var collapseData = [];
|
|
6248
|
-
var collapseCacheData = (0,$
|
|
6249
|
-
if (collapseCacheData && (0,
|
|
6353
|
+
var collapseCacheData = (0,$utils_webCache__WEBPACK_IMPORTED_MODULE_9__.getJSONEditorCache)(keyRoute);
|
|
6354
|
+
if (collapseCacheData && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isArray)(collapseCacheData)) {
|
|
6250
6355
|
collapseData = collapseCacheData;
|
|
6251
6356
|
}
|
|
6252
|
-
var style = targetJsonSchema.style ? (0,$
|
|
6357
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
6253
6358
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6254
6359
|
className: "" + (pageScreen === 'wideScreen' ? 'sohu-event-container array-schema-box wide-screen-element-warp' : 'sohu-event-container array-schema-box mobile-screen-element-warp')
|
|
6255
6360
|
// key={nodeKey}
|
|
6256
6361
|
,
|
|
6257
6362
|
id: nodeKey,
|
|
6258
6363
|
style: style
|
|
6259
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6364
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Collapse, {
|
|
6260
6365
|
defaultActiveKey: collapseData,
|
|
6261
6366
|
expandIconPosition: "right",
|
|
6262
6367
|
bordered: false,
|
|
@@ -6277,7 +6382,7 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6277
6382
|
className: "title-text"
|
|
6278
6383
|
}, event.desc || event.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6279
6384
|
className: "form-item-box"
|
|
6280
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\u7ED1\u5B9A\u4E8B\u4EF6\uFF1A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6385
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "\u7ED1\u5B9A\u4E8B\u4EF6\uFF1A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Select, {
|
|
6281
6386
|
showSearch: true,
|
|
6282
6387
|
style: {
|
|
6283
6388
|
display: 'inline-block',
|
|
@@ -6314,7 +6419,7 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6314
6419
|
className: "content-item"
|
|
6315
6420
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6316
6421
|
className: "form-item-box"
|
|
6317
|
-
}, (0,
|
|
6422
|
+
}, (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(event.code, {
|
|
6318
6423
|
length: 30
|
|
6319
6424
|
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6320
6425
|
className: "title-text"
|
|
@@ -6322,7 +6427,7 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6322
6427
|
className: "content-item"
|
|
6323
6428
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
6324
6429
|
className: "form-item-box"
|
|
6325
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6430
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Input, {
|
|
6326
6431
|
style: {
|
|
6327
6432
|
display: 'inline-block'
|
|
6328
6433
|
},
|
|
@@ -6337,19 +6442,19 @@ var SohuEventSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6337
6442
|
})), widgetType === 'page' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Panel, {
|
|
6338
6443
|
header: '事件列表',
|
|
6339
6444
|
key: "AllEmitEventList"
|
|
6340
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6445
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.List, {
|
|
6341
6446
|
itemLayout: "horizontal",
|
|
6342
6447
|
dataSource: allEmitEventList,
|
|
6343
6448
|
renderItem: function renderItem(event, index) {
|
|
6344
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6449
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.List.Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.List.Item.Meta, {
|
|
6345
6450
|
title: globalEventMap[event.code] || event.desc || event.name,
|
|
6346
|
-
description: (0,
|
|
6451
|
+
description: (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(event.code || event.desc, {
|
|
6347
6452
|
length: 30
|
|
6348
6453
|
}),
|
|
6349
6454
|
key: nodeKey + "-page-AllEmitEventList-" + index
|
|
6350
6455
|
}));
|
|
6351
6456
|
}
|
|
6352
|
-
}))), isEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
6457
|
+
}))), isEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(antd__WEBPACK_IMPORTED_MODULE_6__.Empty, {
|
|
6353
6458
|
description: '暂无事件相关数据'
|
|
6354
6459
|
}));
|
|
6355
6460
|
};
|
|
@@ -6472,14 +6577,12 @@ var TextAreaFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6472
6577
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6473
6578
|
className: "element-title",
|
|
6474
6579
|
style: titleStyle
|
|
6475
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
6476
|
-
className: "title-text warning-text"
|
|
6477
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
|
|
6580
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
|
|
6478
6581
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
6479
6582
|
placement: "top"
|
|
6480
6583
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
6481
6584
|
className: "title-text",
|
|
6482
|
-
title:
|
|
6585
|
+
title: targetJsonSchema.title
|
|
6483
6586
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.truncate)(jsonKey, {
|
|
6484
6587
|
length: 15
|
|
6485
6588
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
|
|
@@ -6698,14 +6801,15 @@ var TextEditorSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6698
6801
|
event.stopPropagation();
|
|
6699
6802
|
},
|
|
6700
6803
|
style: titleStyle
|
|
6804
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6805
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
6806
|
+
placement: "top"
|
|
6701
6807
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
6702
|
-
className: "title-text warning-text"
|
|
6703
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
6704
6808
|
className: "title-text",
|
|
6705
|
-
title:
|
|
6809
|
+
title: targetJsonSchema.title
|
|
6706
6810
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.truncate)(jsonKey, {
|
|
6707
6811
|
length: 15
|
|
6708
|
-
}), "\uFF09")), targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6812
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6709
6813
|
title: targetJsonSchema.description,
|
|
6710
6814
|
placement: "top"
|
|
6711
6815
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_8__.InfoCircleOutlined, {
|
|
@@ -6779,12 +6883,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6779
6883
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
6780
6884
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
|
|
6781
6885
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
|
|
6782
|
-
/* harmony import */ var
|
|
6783
|
-
/* harmony import */ var
|
|
6784
|
-
/* harmony import */ var
|
|
6785
|
-
/* harmony import */ var
|
|
6786
|
-
/* harmony import */ var
|
|
6787
|
-
/* harmony import */ var
|
|
6886
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
6887
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__);
|
|
6888
|
+
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! moment */ "moment");
|
|
6889
|
+
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_7__);
|
|
6890
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
6891
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__);
|
|
6892
|
+
/* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $mixins/index */ "./src/mixins/index.js");
|
|
6893
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
6894
|
+
|
|
6788
6895
|
|
|
6789
6896
|
|
|
6790
6897
|
|
|
@@ -6816,12 +6923,12 @@ var TimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6816
6923
|
var _proto = TimeFormSchema.prototype;
|
|
6817
6924
|
_proto.componentWillMount = function componentWillMount() {
|
|
6818
6925
|
// 从web缓存中获取数值
|
|
6819
|
-
$
|
|
6926
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this);
|
|
6820
6927
|
};
|
|
6821
6928
|
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
6822
6929
|
if (nextProps.keyRoute !== this.props.keyRoute) {
|
|
6823
6930
|
/** 当key值路径发生变化时重新从web缓存中获取数值 */
|
|
6824
|
-
$
|
|
6931
|
+
$mixins_index__WEBPACK_IMPORTED_MODULE_9__.catchJsonDataByWebCache.call(this, nextProps.keyRoute);
|
|
6825
6932
|
}
|
|
6826
6933
|
};
|
|
6827
6934
|
_proto.render = function render() {
|
|
@@ -6842,11 +6949,11 @@ var TimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6842
6949
|
var defaultTime = curJsonData || targetJsonSchema.default;
|
|
6843
6950
|
var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
|
|
6844
6951
|
var isRequired = targetJsonSchema.isRequired || false; // 是否必填(默认非必填)
|
|
6845
|
-
var isNeedTwoCol = (0,$
|
|
6952
|
+
var isNeedTwoCol = (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.isNeedTwoColWarpStyle)(targetJsonSchema.type); // 是否需要设置成两栏布局
|
|
6846
6953
|
|
|
6847
|
-
var style = targetJsonSchema.style ? (0,$
|
|
6848
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
6849
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
6954
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
6955
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
6956
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
6850
6957
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6851
6958
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp " + (isNeedTwoCol ? 'two-col-element-warp' : '')
|
|
6852
6959
|
// key={nodeKey}
|
|
@@ -6856,17 +6963,20 @@ var TimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6856
6963
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6857
6964
|
className: "element-title",
|
|
6858
6965
|
style: titleStyle
|
|
6859
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
6860
|
-
|
|
6861
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6862
|
-
title: targetJsonSchema.description,
|
|
6966
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6967
|
+
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
6863
6968
|
placement: "top"
|
|
6864
6969
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
6865
6970
|
className: "title-text",
|
|
6866
|
-
title:
|
|
6867
|
-
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,
|
|
6971
|
+
title: targetJsonSchema.title
|
|
6972
|
+
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_8__.truncate)(jsonKey, {
|
|
6868
6973
|
length: 15
|
|
6869
|
-
}), "\uFF09")))
|
|
6974
|
+
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
6975
|
+
title: targetJsonSchema.description,
|
|
6976
|
+
placement: "top"
|
|
6977
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__.InfoCircleOutlined, {
|
|
6978
|
+
className: "info-icon"
|
|
6979
|
+
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6870
6980
|
className: "content-item",
|
|
6871
6981
|
style: contentStyle
|
|
6872
6982
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
@@ -6878,7 +6988,7 @@ var TimeFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6878
6988
|
disabled: readOnly,
|
|
6879
6989
|
required: isRequired,
|
|
6880
6990
|
placeholder: targetJsonSchema.placeholder || "\u8BF7\u8F93\u5165" + targetJsonSchema.title,
|
|
6881
|
-
defaultValue: defaultTime &&
|
|
6991
|
+
defaultValue: defaultTime && moment__WEBPACK_IMPORTED_MODULE_7___default()(defaultTime, 'HH:mm'),
|
|
6882
6992
|
onChange: this.handleValueChange
|
|
6883
6993
|
}))));
|
|
6884
6994
|
};
|
|
@@ -6919,11 +7029,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6919
7029
|
/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_3__);
|
|
6920
7030
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6921
7031
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
6922
|
-
/* harmony import */ var
|
|
6923
|
-
/* harmony import */ var
|
|
6924
|
-
/* harmony import */ var
|
|
6925
|
-
/* harmony import */ var
|
|
6926
|
-
/* harmony import */ var
|
|
7032
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ "@ant-design/icons");
|
|
7033
|
+
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__);
|
|
7034
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ "antd");
|
|
7035
|
+
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_6__);
|
|
7036
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
|
|
7037
|
+
/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__);
|
|
7038
|
+
/* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
|
|
7039
|
+
|
|
6927
7040
|
|
|
6928
7041
|
|
|
6929
7042
|
|
|
@@ -6954,7 +7067,7 @@ var TreeSelectFromSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6954
7067
|
var treeData = [];
|
|
6955
7068
|
if (mockData && JSON.stringify(mockData) !== '{}') {
|
|
6956
7069
|
var mockObj = mockData;
|
|
6957
|
-
if (!(0,
|
|
7070
|
+
if (!(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.isObject)(mockData) && mockData !== '') {
|
|
6958
7071
|
try {
|
|
6959
7072
|
mockObj = JSON.parse(mockData);
|
|
6960
7073
|
} catch (err) {
|
|
@@ -6962,11 +7075,11 @@ var TreeSelectFromSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6962
7075
|
mockObj = {};
|
|
6963
7076
|
}
|
|
6964
7077
|
}
|
|
6965
|
-
treeData = (0,
|
|
7078
|
+
treeData = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.json2treeData)(mockObj);
|
|
6966
7079
|
}
|
|
6967
|
-
var style = targetJsonSchema.style ? (0,$
|
|
6968
|
-
var titleStyle = targetJsonSchema.titleStyle ? (0,$
|
|
6969
|
-
var contentStyle = targetJsonSchema.contentStyle ? (0,$
|
|
7080
|
+
var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
|
|
7081
|
+
var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
|
|
7082
|
+
var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_8__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
|
|
6970
7083
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6971
7084
|
className: pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : 'mobile-screen-element-warp'
|
|
6972
7085
|
// key={`${nodeKey}-dataRoute-select`}
|
|
@@ -6981,7 +7094,7 @@ var TreeSelectFromSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
6981
7094
|
style: contentStyle
|
|
6982
7095
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
6983
7096
|
className: "form-item-box"
|
|
6984
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
7097
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_6__.TreeSelect, {
|
|
6985
7098
|
className: "data-route-select",
|
|
6986
7099
|
defaultValue: dataRoute,
|
|
6987
7100
|
treeData: treeData,
|
|
@@ -7106,14 +7219,12 @@ var URLFormSchema = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
7106
7219
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
7107
7220
|
className: "element-title",
|
|
7108
7221
|
style: titleStyle
|
|
7109
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(
|
|
7110
|
-
className: "title-text warning-text"
|
|
7111
|
-
}, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
7222
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
7112
7223
|
title: pageScreen === 'wideScreen' ? targetJsonSchema.description : '',
|
|
7113
7224
|
placement: "top"
|
|
7114
7225
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
|
|
7115
7226
|
className: "title-text",
|
|
7116
|
-
title:
|
|
7227
|
+
title: targetJsonSchema.title
|
|
7117
7228
|
}, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.truncate)(jsonKey, {
|
|
7118
7229
|
length: 15
|
|
7119
7230
|
}), "\uFF09"))), pageScreen === 'mobileScreen' && targetJsonSchema.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
|
|
@@ -7752,6 +7863,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7752
7863
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7753
7864
|
/* harmony export */ buildStyle: function() { return /* binding */ buildStyle; },
|
|
7754
7865
|
/* harmony export */ deleteWebCacheData: function() { return /* binding */ deleteWebCacheData; },
|
|
7866
|
+
/* harmony export */ formatOptions: function() { return /* binding */ formatOptions; },
|
|
7867
|
+
/* harmony export */ formatOptions1: function() { return /* binding */ formatOptions1; },
|
|
7755
7868
|
/* harmony export */ getExprProperties: function() { return /* binding */ getExprProperties; },
|
|
7756
7869
|
/* harmony export */ getParams: function() { return /* binding */ getParams; },
|
|
7757
7870
|
/* harmony export */ getURLParam: function() { return /* binding */ getURLParam; },
|
|
@@ -7945,6 +8058,91 @@ function getExprProperties(schema, data, ignoreList) {
|
|
|
7945
8058
|
return schema;
|
|
7946
8059
|
}
|
|
7947
8060
|
|
|
8061
|
+
// options 异常格式 处理,自动转成可用列表格式
|
|
8062
|
+
function formatOptions(options) {
|
|
8063
|
+
var curOptions = [];
|
|
8064
|
+
var optionValue = {}; // 记录对象类型的value
|
|
8065
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isArray)(options)) {
|
|
8066
|
+
// curOptions = options;
|
|
8067
|
+
options.forEach(function (option) {
|
|
8068
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isObject)(option.value)) {
|
|
8069
|
+
var valueStr = JSON.stringify(option.value);
|
|
8070
|
+
curOptions.push({
|
|
8071
|
+
label: option.label || option.name,
|
|
8072
|
+
value: valueStr
|
|
8073
|
+
});
|
|
8074
|
+
optionValue[valueStr] = option.value;
|
|
8075
|
+
} else {
|
|
8076
|
+
curOptions.push(option);
|
|
8077
|
+
}
|
|
8078
|
+
});
|
|
8079
|
+
} else if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(options)) {
|
|
8080
|
+
try {
|
|
8081
|
+
curOptions = JSON.parse(options);
|
|
8082
|
+
var formatResult = formatOptions(curOptions);
|
|
8083
|
+
curOptions = formatResult.options;
|
|
8084
|
+
optionValue = formatResult.optionValue;
|
|
8085
|
+
} catch (error) {
|
|
8086
|
+
console.warn('options 异常数据格式转换失败:', options);
|
|
8087
|
+
}
|
|
8088
|
+
}
|
|
8089
|
+
return {
|
|
8090
|
+
options: curOptions,
|
|
8091
|
+
optionValue: optionValue
|
|
8092
|
+
};
|
|
8093
|
+
}
|
|
8094
|
+
function formatOptions1(options) {
|
|
8095
|
+
var curOptions = [];
|
|
8096
|
+
var optionValue = {}; // 记录对象类型的value
|
|
8097
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isArray)(options)) {
|
|
8098
|
+
// curOptions = options;
|
|
8099
|
+
options.forEach(function (option) {
|
|
8100
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isObject)(option)) {
|
|
8101
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isObject)(option.value)) {
|
|
8102
|
+
var valueStr = JSON.stringify(option.value);
|
|
8103
|
+
curOptions.push({
|
|
8104
|
+
label: option.label || option.name,
|
|
8105
|
+
value: valueStr
|
|
8106
|
+
});
|
|
8107
|
+
optionValue[valueStr] = option.value;
|
|
8108
|
+
} else {
|
|
8109
|
+
curOptions.push(option);
|
|
8110
|
+
}
|
|
8111
|
+
} else if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(option)) {
|
|
8112
|
+
// 兼容异常 option 数据
|
|
8113
|
+
try {
|
|
8114
|
+
var curOption = JSON.parse(option);
|
|
8115
|
+
if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isObject)(curOption.value)) {
|
|
8116
|
+
var _valueStr = JSON.stringify(curOption.value);
|
|
8117
|
+
curOptions.push({
|
|
8118
|
+
label: curOption.label || curOption.name,
|
|
8119
|
+
value: _valueStr
|
|
8120
|
+
});
|
|
8121
|
+
optionValue[_valueStr] = curOption.value;
|
|
8122
|
+
} else {
|
|
8123
|
+
curOptions.push(curOption);
|
|
8124
|
+
}
|
|
8125
|
+
} catch (error) {
|
|
8126
|
+
console.warn('option 异常数据格式转换失败:', option);
|
|
8127
|
+
}
|
|
8128
|
+
}
|
|
8129
|
+
});
|
|
8130
|
+
} else if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isString)(options)) {
|
|
8131
|
+
try {
|
|
8132
|
+
curOptions = JSON.parse(options);
|
|
8133
|
+
var formatResult = formatOptions(curOptions);
|
|
8134
|
+
curOptions = formatResult.options;
|
|
8135
|
+
optionValue = formatResult.optionValue;
|
|
8136
|
+
} catch (error) {
|
|
8137
|
+
console.warn('options 异常数据格式转换失败:', options);
|
|
8138
|
+
}
|
|
8139
|
+
}
|
|
8140
|
+
return {
|
|
8141
|
+
options: curOptions,
|
|
8142
|
+
optionValue: optionValue
|
|
8143
|
+
};
|
|
8144
|
+
}
|
|
8145
|
+
|
|
7948
8146
|
/***/ }),
|
|
7949
8147
|
|
|
7950
8148
|
/***/ "./src/utils/typeof.js":
|