@wibetter/json-editor 5.0.29 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
- * @wibetter/json-editor v5.0.28
2
+ * @wibetter/json-editor v5.1.1
3
3
  * author: wibetter
4
4
  * build tool: AKFun
5
- * build time: Tue Jan 07 2025 14:49:17 GMT+0800 (中国标准时间)
5
+ * build time: Thu Jan 09 2025 11:33:48 GMT+0800 (中国标准时间)
6
6
  * build tool info: https://github.com/wibetter/akfun
7
7
  */
8
8
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -407,26 +407,27 @@ __webpack_require__.r(__webpack_exports__);
407
407
  /* harmony import */ var $renderers_EventSchema_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! $renderers/EventSchema/index */ "./src/renderers/EventSchema/index.js");
408
408
  /* harmony import */ var $renderers_QuantitySchema_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! $renderers/QuantitySchema/index */ "./src/renderers/QuantitySchema/index.js");
409
409
  /* harmony import */ var $renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! $renderers/BoxStyleSchema/index */ "./src/renderers/BoxStyleSchema/index.js");
410
- /* harmony import */ var $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! $renderers/RadioSchema/index */ "./src/renderers/RadioSchema/index.js");
411
- /* harmony import */ var $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! $renderers/CheckboxSchema/index */ "./src/renderers/CheckboxSchema/index.js");
412
- /* harmony import */ var $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! $renderers/InputFormSchema/index */ "./src/renderers/InputFormSchema/index.js");
413
- /* harmony import */ var $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! $renderers/TextAreaFormSchema/index */ "./src/renderers/TextAreaFormSchema/index.js");
414
- /* harmony import */ var $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! $renderers/TextEditorSchema/index */ "./src/renderers/TextEditorSchema/index.js");
415
- /* harmony import */ var $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! $renderers/NumberFormSchema/index */ "./src/renderers/NumberFormSchema/index.js");
416
- /* harmony import */ var $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! $renderers/BooleanFormSchema/index */ "./src/renderers/BooleanFormSchema/index.js");
417
- /* harmony import */ var $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! $renderers/SelectSchema/index */ "./src/renderers/SelectSchema/index.js");
418
- /* harmony import */ var $renderers_CascaderSchema_index__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! $renderers/CascaderSchema/index */ "./src/renderers/CascaderSchema/index.js");
419
- /* harmony import */ var $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! $renderers/InputImageSchema/index */ "./src/renderers/InputImageSchema/index.js");
420
- /* harmony import */ var $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! $renderers/DateTimeFormSchema/index */ "./src/renderers/DateTimeFormSchema/index.js");
421
- /* harmony import */ var $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! $renderers/TimeFormSchema/index */ "./src/renderers/TimeFormSchema/index.js");
422
- /* harmony import */ var $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! $renderers/URLFormSchema/index */ "./src/renderers/URLFormSchema/index.js");
423
- /* harmony import */ var $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! $renderers/ColorFormSchemaV3/index */ "./src/renderers/ColorFormSchemaV3/index.js");
424
- /* harmony import */ var $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! $renderers/JsonFormSchema/index */ "./src/renderers/JsonFormSchema/index.js");
425
- /* harmony import */ var $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! $renderers/CodeAreaFormSchema/index */ "./src/renderers/CodeAreaFormSchema/index.js");
426
- /* harmony import */ var $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! $renderers/HtmlAreaFormSchema/index */ "./src/renderers/HtmlAreaFormSchema/index.js");
427
- /* harmony import */ var $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! $renderers/DynamicConfigSchema/index */ "./src/renderers/DynamicConfigSchema/index.js");
428
- /* harmony import */ var $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! $renderers/SohuDataSourceSchema/index */ "./src/renderers/SohuDataSourceSchema/index.js");
429
- /* harmony import */ var $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! $renderers/SohuEventSchema/index */ "./src/renderers/SohuEventSchema/index.js");
410
+ /* harmony import */ var $renderers_PaddingAndMarginSchema_index__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! $renderers/PaddingAndMarginSchema/index */ "./src/renderers/PaddingAndMarginSchema/index.js");
411
+ /* harmony import */ var $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! $renderers/RadioSchema/index */ "./src/renderers/RadioSchema/index.js");
412
+ /* harmony import */ var $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! $renderers/CheckboxSchema/index */ "./src/renderers/CheckboxSchema/index.js");
413
+ /* harmony import */ var $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! $renderers/InputFormSchema/index */ "./src/renderers/InputFormSchema/index.js");
414
+ /* harmony import */ var $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! $renderers/TextAreaFormSchema/index */ "./src/renderers/TextAreaFormSchema/index.js");
415
+ /* harmony import */ var $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! $renderers/TextEditorSchema/index */ "./src/renderers/TextEditorSchema/index.js");
416
+ /* harmony import */ var $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! $renderers/NumberFormSchema/index */ "./src/renderers/NumberFormSchema/index.js");
417
+ /* harmony import */ var $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! $renderers/BooleanFormSchema/index */ "./src/renderers/BooleanFormSchema/index.js");
418
+ /* harmony import */ var $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! $renderers/SelectSchema/index */ "./src/renderers/SelectSchema/index.js");
419
+ /* harmony import */ var $renderers_CascaderSchema_index__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! $renderers/CascaderSchema/index */ "./src/renderers/CascaderSchema/index.js");
420
+ /* harmony import */ var $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! $renderers/InputImageSchema/index */ "./src/renderers/InputImageSchema/index.js");
421
+ /* harmony import */ var $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! $renderers/DateTimeFormSchema/index */ "./src/renderers/DateTimeFormSchema/index.js");
422
+ /* harmony import */ var $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! $renderers/TimeFormSchema/index */ "./src/renderers/TimeFormSchema/index.js");
423
+ /* harmony import */ var $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! $renderers/URLFormSchema/index */ "./src/renderers/URLFormSchema/index.js");
424
+ /* harmony import */ var $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! $renderers/ColorFormSchemaV3/index */ "./src/renderers/ColorFormSchemaV3/index.js");
425
+ /* harmony import */ var $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! $renderers/JsonFormSchema/index */ "./src/renderers/JsonFormSchema/index.js");
426
+ /* harmony import */ var $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! $renderers/CodeAreaFormSchema/index */ "./src/renderers/CodeAreaFormSchema/index.js");
427
+ /* harmony import */ var $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! $renderers/HtmlAreaFormSchema/index */ "./src/renderers/HtmlAreaFormSchema/index.js");
428
+ /* harmony import */ var $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! $renderers/DynamicConfigSchema/index */ "./src/renderers/DynamicConfigSchema/index.js");
429
+ /* harmony import */ var $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! $renderers/SohuDataSourceSchema/index */ "./src/renderers/SohuDataSourceSchema/index.js");
430
+ /* harmony import */ var $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! $renderers/SohuEventSchema/index */ "./src/renderers/SohuEventSchema/index.js");
430
431
 
431
432
 
432
433
 
@@ -458,6 +459,7 @@ __webpack_require__.r(__webpack_exports__);
458
459
 
459
460
 
460
461
 
462
+
461
463
 
462
464
 
463
465
  /** 根据当前类型选择对应的组件进行渲染 */
@@ -501,15 +503,15 @@ var MappingRender = function MappingRender(props) {
501
503
  key: curNodeKey
502
504
  }));
503
505
  case 'dynamic-config':
504
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_28__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
506
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_29__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
505
507
  key: curNodeKey
506
508
  }));
507
509
  case 'sohu-source':
508
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_29__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
510
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_30__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
509
511
  key: curNodeKey
510
512
  }));
511
513
  case 'sohu-event':
512
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_30__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
514
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_31__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
513
515
  key: curNodeKey
514
516
  }));
515
517
  case 'array':
@@ -536,78 +538,82 @@ var MappingRender = function MappingRender(props) {
536
538
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_10__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
537
539
  key: curNodeKey
538
540
  }));
541
+ case 'padding-margin':
542
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_PaddingAndMarginSchema_index__WEBPACK_IMPORTED_MODULE_11__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
543
+ key: curNodeKey
544
+ }));
539
545
  case 'radio':
540
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_11__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
546
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_12__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
541
547
  key: curNodeKey
542
548
  }));
543
549
  case 'select':
544
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
550
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
545
551
  key: curNodeKey
546
552
  }));
547
553
  case 'cascader':
548
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CascaderSchema_index__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
554
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CascaderSchema_index__WEBPACK_IMPORTED_MODULE_20__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
549
555
  key: curNodeKey
550
556
  }));
551
557
  case 'checkboxes':
552
558
  // 多选
553
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_12__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
559
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_13__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
554
560
  key: curNodeKey
555
561
  }));
556
562
  case 'input':
557
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
563
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_14__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
558
564
  key: curNodeKey
559
565
  }));
560
566
  case 'textarea':
561
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_14__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
567
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_15__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
562
568
  key: curNodeKey
563
569
  }));
564
570
  case 'text-editor':
565
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_15__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
571
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_16__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
566
572
  key: curNodeKey
567
573
  }));
568
574
  case 'number':
569
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_16__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
575
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_17__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
570
576
  key: curNodeKey
571
577
  }));
572
578
  case 'boolean':
573
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_17__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
579
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
574
580
  key: curNodeKey
575
581
  }));
576
582
  case 'date':
577
583
  case 'date-time':
578
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_21__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
584
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_22__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
579
585
  key: curNodeKey
580
586
  }));
581
587
  case 'time':
582
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_22__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
588
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_23__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
583
589
  key: curNodeKey
584
590
  }));
585
591
  case 'url':
586
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_23__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
592
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_24__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
587
593
  key: curNodeKey
588
594
  }));
589
595
  case 'color':
590
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_24__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
596
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_25__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
591
597
  key: curNodeKey
592
598
  }));
593
599
  case 'input-image':
594
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_20__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
600
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_21__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
595
601
  key: curNodeKey
596
602
  }));
597
603
  case 'json':
598
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_25__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
604
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_26__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
599
605
  key: curNodeKey
600
606
  }));
601
607
  case 'codearea':
602
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_26__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
608
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_27__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
603
609
  key: curNodeKey
604
610
  }));
605
611
  case 'htmlarea':
606
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_27__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
612
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_28__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
607
613
  key: curNodeKey
608
614
  }));
609
615
  default:
610
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
616
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_14__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
611
617
  key: curNodeKey
612
618
  }));
613
619
  }
@@ -1255,9 +1261,7 @@ var BoxStyleSchema = /*#__PURE__*/function (_React$PureComponent) {
1255
1261
  targetJsonSchema = _this$props.targetJsonSchema;
1256
1262
  // 从jsonData中获取对应的数值
1257
1263
  var curJsonData = getJSONDataByKeyRoute(keyRoute);
1258
- /** 获取quantity中的数值对象(默认第一个就是数值对象) */
1259
- var unitJsonKey = targetJsonSchema.propertyOrder[0];
1260
- var unitJsonSchema = targetJsonSchema.properties[unitJsonKey];
1264
+ var unitJsonSchema = targetJsonSchema.properties['unit'];
1261
1265
  var quantity = curJsonData.quantity; // 获取数值单位
1262
1266
  var unitStr = curJsonData.unit || unitJsonSchema.default; // 获取数值
1263
1267
  // 重置数值
@@ -1266,7 +1270,7 @@ var BoxStyleSchema = /*#__PURE__*/function (_React$PureComponent) {
1266
1270
  right: '',
1267
1271
  bottom: '',
1268
1272
  left: '',
1269
- quantity: quantity // 设置单位值
1273
+ quantity: quantity
1270
1274
  };
1271
1275
  // 设置盒子模型数值
1272
1276
  if (unitStr) {
@@ -4736,6 +4740,492 @@ ObjectSchema.propTypes = {
4736
4740
 
4737
4741
  /***/ }),
4738
4742
 
4743
+ /***/ "./src/renderers/PaddingAndMarginSchema/index.js":
4744
+ /*!*******************************************************!*\
4745
+ !*** ./src/renderers/PaddingAndMarginSchema/index.js ***!
4746
+ \*******************************************************/
4747
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4748
+
4749
+ "use strict";
4750
+ __webpack_require__.r(__webpack_exports__);
4751
+ /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ "@babel/runtime/helpers/inheritsLoose");
4752
+ /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__);
4753
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
4754
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
4755
+ /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobx-react */ "mobx-react");
4756
+ /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(mobx_react__WEBPACK_IMPORTED_MODULE_2__);
4757
+ /* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! mobx */ "mobx");
4758
+ /* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(mobx__WEBPACK_IMPORTED_MODULE_3__);
4759
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "prop-types");
4760
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
4761
+ /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ "antd");
4762
+ /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_5__);
4763
+ /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wibetter/json-utils */ "@wibetter/json-utils");
4764
+ /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__);
4765
+ /* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
4766
+ /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.scss */ "./src/renderers/PaddingAndMarginSchema/index.scss");
4767
+ /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_8__);
4768
+
4769
+
4770
+
4771
+
4772
+
4773
+
4774
+ var Option = antd__WEBPACK_IMPORTED_MODULE_5__.Select.Option;
4775
+
4776
+
4777
+
4778
+ var PaddingAndMarginSchema = /*#__PURE__*/function (_React$PureComponent) {
4779
+ function PaddingAndMarginSchema(props) {
4780
+ var _this;
4781
+ _this = _React$PureComponent.call(this, props) || this;
4782
+ // 记录box-style的数值(无需实时响应)
4783
+ _this.boxStyle = {
4784
+ margin: {
4785
+ top: '',
4786
+ right: '',
4787
+ bottom: '',
4788
+ left: ''
4789
+ },
4790
+ padding: {
4791
+ top: '',
4792
+ right: '',
4793
+ bottom: '',
4794
+ left: ''
4795
+ },
4796
+ quantity: 'px'
4797
+ };
4798
+ /** 初始化boxStyle的数值 */
4799
+ _this.initBoxStyle = function () {
4800
+ var jsonStore = _this.props.jsonStore;
4801
+ var _ref = jsonStore || {},
4802
+ getJSONDataByKeyRoute = _ref.getJSONDataByKeyRoute;
4803
+ var _this$props = _this.props,
4804
+ keyRoute = _this$props.keyRoute,
4805
+ targetJsonSchema = _this$props.targetJsonSchema;
4806
+ // 从jsonData中获取对应的数值
4807
+ var curJsonData = getJSONDataByKeyRoute(keyRoute);
4808
+ var marginSchema = targetJsonSchema.properties['margin'];
4809
+ var paddingSchema = targetJsonSchema.properties['padding'];
4810
+ var quantitySchema = targetJsonSchema.properties['quantity'];
4811
+ var quantity = curJsonData.quantity || quantitySchema.default; // 获取数值单位
4812
+ var marginValue = curJsonData.margin || marginSchema.default;
4813
+ var paddingValue = curJsonData.padding || paddingSchema.default;
4814
+ marginValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isNumber)(marginValue) ? marginValue.toString() : marginValue || 'auto';
4815
+ paddingValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isNumber)(paddingValue) ? paddingValue.toString() : paddingValue || 'auto';
4816
+
4817
+ // 重置数值
4818
+ _this.boxStyle.quantity = quantity;
4819
+ var marginValueArr = marginValue.split(' ');
4820
+ _this.boxStyle.margin.top = _this.getStyleValText(marginValueArr[0]);
4821
+ _this.boxStyle.margin.right = _this.getStyleValText(marginValueArr[1], paddingValue);
4822
+ _this.boxStyle.margin.bottom = _this.getStyleValText(marginValueArr[2] || marginValueArr[0]);
4823
+ _this.boxStyle.margin.left = _this.getStyleValText(marginValueArr[3] || marginValueArr[1], paddingValue);
4824
+ var paddingValueArr = paddingValue.split(' ');
4825
+ _this.boxStyle.padding.top = _this.getStyleValText(paddingValueArr[0]);
4826
+ _this.boxStyle.padding.right = _this.getStyleValText(paddingValueArr[1], paddingValue);
4827
+ _this.boxStyle.padding.bottom = _this.getStyleValText(paddingValueArr[2] || paddingValueArr[0]);
4828
+ _this.boxStyle.padding.left = _this.getStyleValText(paddingValueArr[3] || paddingValueArr[1], paddingValue);
4829
+ };
4830
+ _this.getStyleValText = function (valStr, defaultValue) {
4831
+ var curValue = 'auto';
4832
+ if (valStr === 'auto' || valStr === 0 || valStr === '' || valStr === '0') {
4833
+ curValue = valStr;
4834
+ } else if (/^\$/.test(valStr)) {
4835
+ // 识别特殊字符串数值: 保留以 $ 开头的数值
4836
+ curValue = valStr;
4837
+ } else if (valStr) {
4838
+ curValue = parseInt(valStr);
4839
+ curValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isNumber)(curValue) ? curValue : 'auto';
4840
+ } else if (defaultValue !== undefined) {
4841
+ curValue = defaultValue;
4842
+ }
4843
+ return curValue;
4844
+ };
4845
+ _this.getStyleVal = function (valStr) {
4846
+ var curValue = '';
4847
+ if (valStr === 'auto' || valStr === 0) {
4848
+ curValue = valStr;
4849
+ } else if (/^\$/.test(valStr)) {
4850
+ // 识别特殊字符串数值: 保留以 $ 开头的数值
4851
+ return valStr;
4852
+ } else if (valStr === '') {
4853
+ curValue = 'auto';
4854
+ } else if (valStr) {
4855
+ curValue = parseInt(valStr);
4856
+ curValue = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isNumber)(curValue) ? curValue : 'auto';
4857
+ }
4858
+ if (curValue === 'auto' || curValue === 0) {
4859
+ return curValue;
4860
+ }
4861
+ return "" + curValue + _this.boxStyle.quantity;
4862
+ };
4863
+ /** 设置布局容器的盒子模型数值 */
4864
+ _this.setLayoutBoxStyle = function (newVal, layoutStyleLock, styleKey, propKey) {
4865
+ if (layoutStyleLock) {
4866
+ _this.linkLayoutBoxStyle(newVal, styleKey);
4867
+ } else {
4868
+ var curValue = _this.getStyleValText(newVal);
4869
+ if (curValue !== undefined) {
4870
+ _this.boxStyle[styleKey][propKey] = curValue;
4871
+ } else {
4872
+ _this.boxStyle[styleKey][propKey] = '';
4873
+ }
4874
+ _this.updateBoxStyleState();
4875
+ }
4876
+ };
4877
+ /** 布局容器的盒子模型数值联动设值 */
4878
+ _this.linkLayoutBoxStyle = function (newVal, styleKey) {
4879
+ var curValue = _this.getStyleValText(newVal);
4880
+ if (curValue !== undefined) {
4881
+ _this.boxStyle[styleKey]['top'] = curValue;
4882
+ _this.boxStyle[styleKey]['right'] = curValue;
4883
+ _this.boxStyle[styleKey]['bottom'] = curValue;
4884
+ _this.boxStyle[styleKey]['left'] = curValue;
4885
+ } else {
4886
+ _this.boxStyle[styleKey]['top'] = '';
4887
+ _this.boxStyle[styleKey]['right'] = '';
4888
+ _this.boxStyle[styleKey]['bottom'] = '';
4889
+ _this.boxStyle[styleKey]['left'] = '';
4890
+ }
4891
+ _this.updateBoxStyleState();
4892
+ };
4893
+ /** 数值变动事件处理器 */
4894
+ _this.updateBoxStyleState = function () {
4895
+ var _this$props2 = _this.props,
4896
+ keyRoute = _this$props2.keyRoute,
4897
+ jsonStore = _this$props2.jsonStore;
4898
+ var _ref2 = jsonStore || {},
4899
+ updateFormValueData = _ref2.updateFormValueData;
4900
+ var renderAction = _this.state.renderAction;
4901
+ /** 获取布局容器的盒子模型数值 */
4902
+ var curBoxValue = {
4903
+ margin: _this.getMarginValue(),
4904
+ padding: _this.getPaddingValue(),
4905
+ quantity: _this.boxStyle.quantity
4906
+ };
4907
+ updateFormValueData(keyRoute, curBoxValue); // 更新单位数值
4908
+ _this.setState({
4909
+ renderAction: !renderAction
4910
+ });
4911
+ };
4912
+ _this.getSelectAfter = function (curJsonData) {
4913
+ var targetJsonSchema = _this.props.targetJsonSchema;
4914
+ var quantitySchema = targetJsonSchema.properties['quantity'];
4915
+ var quantity = curJsonData.quantity || quantitySchema.default;
4916
+
4917
+ /*
4918
+ // 暂时不支持单位切换
4919
+ const selectAfter = (
4920
+ <Select defaultValue={quantity} onChange={this.quantityChange}>
4921
+ {quantitySchema.options &&
4922
+ quantitySchema.options.length > 0 &&
4923
+ quantitySchema.options.map((option) => (
4924
+ <Option value={option.value}>{option.label}</Option>
4925
+ ))}
4926
+ </Select>
4927
+ );
4928
+ */
4929
+ var selectAfter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, quantity);
4930
+ return selectAfter;
4931
+ };
4932
+ _this.quantityChange = function (newVal) {
4933
+ var _this$props3 = _this.props,
4934
+ keyRoute = _this$props3.keyRoute,
4935
+ jsonStore = _this$props3.jsonStore;
4936
+ var _ref3 = jsonStore || {},
4937
+ updateFormValueData = _ref3.updateFormValueData;
4938
+ var curBoxValue = {
4939
+ margin: _this.getMarginValue(),
4940
+ padding: _this.getPaddingValue(),
4941
+ quantity: newVal
4942
+ };
4943
+ updateFormValueData(keyRoute, curBoxValue);
4944
+ };
4945
+ _this.setType = function (newVal) {
4946
+ _this.setState({
4947
+ type: newVal
4948
+ });
4949
+ };
4950
+ _this.getMarginValue = function () {
4951
+ return _this.getStyleVal(_this.boxStyle.margin.top) + " " + _this.getStyleVal(_this.boxStyle.margin.right) + " " + _this.getStyleVal(_this.boxStyle.margin.bottom) + " " + _this.getStyleVal(_this.boxStyle.margin.left);
4952
+ };
4953
+ _this.getPaddingValue = function () {
4954
+ return _this.getStyleVal(_this.boxStyle.padding.top) + " " + _this.getStyleVal(_this.boxStyle.padding.right) + " " + _this.getStyleVal(_this.boxStyle.padding.bottom) + " " + _this.getStyleVal(_this.boxStyle.padding.left);
4955
+ };
4956
+ _this.state = {
4957
+ type: 'all',
4958
+ // 设置类型,支持 自定义设值(custom)、统一设值(all)
4959
+ layoutStyleLock: false,
4960
+ // 是否锁住容器数值值的设置,默认为false,设置为true后4个数值同时联动
4961
+ renderAction: false // 用于主动触发render的临时变量
4962
+ };
4963
+ // 这边绑定是必要的,这样 `this` 才能在回调函数中使用
4964
+ _this.updateBoxStyleState = _this.updateBoxStyleState.bind(_this);
4965
+ _this.initBoxStyle = _this.initBoxStyle.bind(_this);
4966
+ _this.getStyleValText = _this.getStyleValText.bind(_this);
4967
+ _this.getSelectAfter = _this.getSelectAfter.bind(_this);
4968
+ _this.setLayoutBoxStyle = _this.setLayoutBoxStyle.bind(_this);
4969
+ _this.linkLayoutBoxStyle = _this.linkLayoutBoxStyle.bind(_this);
4970
+ _this.getSelectAfter = _this.getSelectAfter.bind(_this);
4971
+ _this.quantityChange = _this.quantityChange.bind(_this);
4972
+ return _this;
4973
+ }
4974
+ _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(PaddingAndMarginSchema, _React$PureComponent);
4975
+ var _proto = PaddingAndMarginSchema.prototype;
4976
+ _proto.componentWillMount = function componentWillMount() {
4977
+ this.initBoxStyle();
4978
+ };
4979
+ _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
4980
+ this.initBoxStyle();
4981
+ };
4982
+ _proto.render = function render() {
4983
+ var _this2 = this;
4984
+ var _this$props4 = this.props,
4985
+ nodeKey = _this$props4.nodeKey,
4986
+ jsonKey = _this$props4.jsonKey,
4987
+ targetJsonSchema = _this$props4.targetJsonSchema,
4988
+ keyRoute = _this$props4.keyRoute;
4989
+ var _this$props5 = this.props,
4990
+ schemaStore = _this$props5.schemaStore,
4991
+ jsonStore = _this$props5.jsonStore;
4992
+ var _ref4 = schemaStore || {},
4993
+ pageScreen = _ref4.pageScreen;
4994
+ var _ref5 = jsonStore || {},
4995
+ getJSONDataByKeyRoute = _ref5.getJSONDataByKeyRoute;
4996
+ var _this$state = this.state,
4997
+ renderAction = _this$state.renderAction,
4998
+ layoutStyleLock = _this$state.layoutStyleLock,
4999
+ type = _this$state.type;
5000
+ var readOnly = targetJsonSchema.readOnly || false; // 是否只读(默认可编辑)
5001
+
5002
+ // 从jsonData中获取对应的数值
5003
+ var curJsonData = getJSONDataByKeyRoute(keyRoute) || {};
5004
+ var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_7__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
5005
+ var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_7__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
5006
+ var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_7__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
5007
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5008
+ className: (pageScreen === 'wideScreen' ? 'wide-screen-element-warp' : "mobile-screen-element-warp") + " " + (renderAction ? 'render-mark' : ''),
5009
+ id: nodeKey,
5010
+ key: nodeKey,
5011
+ style: style
5012
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5013
+ className: "element-title",
5014
+ style: titleStyle
5015
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
5016
+ className: "title-text warning-text"
5017
+ }, readOnly ? '[只读]' : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
5018
+ title: targetJsonSchema.description,
5019
+ placement: "top"
5020
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
5021
+ className: "title-text",
5022
+ title: pageScreen === 'wideScreen' && targetJsonSchema.title.length > (readOnly ? 4 : 6) ? targetJsonSchema.title : ''
5023
+ }, targetJsonSchema.title, targetJsonSchema.showKey && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, "\uFF08", (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.truncate)(jsonKey, {
5024
+ length: 15
5025
+ }), "\uFF09")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5026
+ className: "content-item Style-PaddingAndMargin",
5027
+ style: contentStyle
5028
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5029
+ className: "Style-PaddingAndMargin-inner"
5030
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5031
+ className: "Style-PaddingAndMargin-label Style-PaddingAndMargin-label--custom"
5032
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5033
+ className: "\n Style-PaddingAndMargin-label-all\n " + (type === 'all' ? 'Style-PaddingAndMargin-label-all--active' : ''),
5034
+ onClick: function onClick() {
5035
+ return _this2.setType('all');
5036
+ }
5037
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5038
+ className: "\n Style-PaddingAndMargin-label-custom\n " + (type === 'custom' ? 'Style-PaddingAndMargin-label-custom--active' : ''),
5039
+ onClick: function onClick() {
5040
+ return _this2.setType('custom');
5041
+ }
5042
+ }, /*#__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
+ className: "Style-PaddingAndMargin-input"
5044
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5045
+ name: "layoutMargin",
5046
+ addonAfter: this.getSelectAfter(curJsonData),
5047
+ className: "layout-item-margin",
5048
+ size: "small",
5049
+ defaultValue: this.boxStyle['margin'].top,
5050
+ onChange: function onChange(event) {
5051
+ var newVal = event.target.value;
5052
+ _this2.setLayoutBoxStyle(newVal, true, 'margin');
5053
+ }
5054
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5055
+ className: "Style-PaddingAndMargin-input-label"
5056
+ }, "\u5916\u8FB9\u8DDD")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5057
+ className: "Style-PaddingAndMargin-input"
5058
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5059
+ name: "layoutPadding",
5060
+ addonAfter: this.getSelectAfter(curJsonData),
5061
+ className: "layout-item-padding",
5062
+ size: "small",
5063
+ defaultValue: this.boxStyle['padding'].top,
5064
+ onChange: function onChange(event) {
5065
+ var newVal = event.target.value;
5066
+ _this2.setLayoutBoxStyle(newVal, true, 'padding');
5067
+ }
5068
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5069
+ className: "Style-PaddingAndMargin-input-label"
5070
+ }, "\u5185\u8FB9\u8DDD")))), type !== 'all' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5071
+ className: "Style-PaddingAndMargin-custom Style-PaddingAndMargin-custom--padding Style-PaddingAndMargin-custom--margin"
5072
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5073
+ content: function content() {
5074
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5075
+ name: "layoutPaddingTop",
5076
+ addonAfter: _this2.getSelectAfter(curJsonData),
5077
+ className: "layout-item-padding",
5078
+ size: "small",
5079
+ defaultValue: _this2.boxStyle['padding'].top,
5080
+ onChange: function onChange(event) {
5081
+ var newVal = event.target.value;
5082
+ _this2.setLayoutBoxStyle(newVal, false, 'padding', 'top');
5083
+ }
5084
+ });
5085
+ },
5086
+ title: ""
5087
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5088
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5090
+ content: function content() {
5091
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5092
+ name: "layoutPaddingTop",
5093
+ addonAfter: _this2.getSelectAfter(curJsonData),
5094
+ className: "layout-item-padding",
5095
+ size: "small",
5096
+ defaultValue: _this2.boxStyle['padding'].right,
5097
+ onChange: function onChange(event) {
5098
+ var newVal = event.target.value;
5099
+ _this2.setLayoutBoxStyle(newVal, false, 'padding', 'right');
5100
+ }
5101
+ });
5102
+ },
5103
+ title: ""
5104
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5105
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5107
+ content: function content() {
5108
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5109
+ name: "layoutPaddingBottom",
5110
+ addonAfter: _this2.getSelectAfter(curJsonData),
5111
+ className: "layout-item-padding",
5112
+ size: "small",
5113
+ defaultValue: _this2.boxStyle['padding'].bottom,
5114
+ onChange: function onChange(event) {
5115
+ var newVal = event.target.value;
5116
+ _this2.setLayoutBoxStyle(newVal, false, 'padding', 'bottom');
5117
+ }
5118
+ });
5119
+ },
5120
+ title: ""
5121
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5122
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5124
+ content: function content() {
5125
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5126
+ name: "layoutPaddingLeft",
5127
+ addonAfter: _this2.getSelectAfter(curJsonData),
5128
+ className: "layout-item-padding",
5129
+ size: "small",
5130
+ defaultValue: _this2.boxStyle['padding'].left,
5131
+ onChange: function onChange(event) {
5132
+ var newVal = event.target.value;
5133
+ _this2.setLayoutBoxStyle(newVal, false, 'padding', 'left');
5134
+ }
5135
+ });
5136
+ },
5137
+ title: ""
5138
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5139
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5141
+ content: function content() {
5142
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5143
+ name: "layoutMarginTop",
5144
+ addonAfter: _this2.getSelectAfter(curJsonData),
5145
+ className: "layout-item-margin",
5146
+ size: "small",
5147
+ defaultValue: _this2.boxStyle['margin'].top,
5148
+ onChange: function onChange(event) {
5149
+ var newVal = event.target.value;
5150
+ _this2.setLayoutBoxStyle(newVal, false, 'margin', 'top');
5151
+ }
5152
+ });
5153
+ },
5154
+ title: ""
5155
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5156
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5158
+ content: function content() {
5159
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5160
+ name: "layoutMarginRight",
5161
+ addonAfter: _this2.getSelectAfter(curJsonData),
5162
+ className: "layout-item-margin",
5163
+ size: "small",
5164
+ defaultValue: _this2.boxStyle['margin'].right,
5165
+ onChange: function onChange(event) {
5166
+ var newVal = event.target.value;
5167
+ _this2.setLayoutBoxStyle(newVal, false, 'margin', 'right');
5168
+ }
5169
+ });
5170
+ },
5171
+ title: ""
5172
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5173
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5175
+ content: function content() {
5176
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5177
+ name: "layoutMarginBottom",
5178
+ addonAfter: _this2.getSelectAfter(curJsonData),
5179
+ className: "layout-item-margin",
5180
+ size: "small",
5181
+ defaultValue: _this2.boxStyle['margin'].bottom,
5182
+ onChange: function onChange(event) {
5183
+ var newVal = event.target.value;
5184
+ _this2.setLayoutBoxStyle(newVal, false, 'margin', 'bottom');
5185
+ }
5186
+ });
5187
+ },
5188
+ title: ""
5189
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5190
+ 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(antd__WEBPACK_IMPORTED_MODULE_5__.Popover, {
5192
+ content: function content() {
5193
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_5__.Input, {
5194
+ name: "layoutMarginLeft",
5195
+ addonAfter: _this2.getSelectAfter(curJsonData),
5196
+ className: "layout-item-margin",
5197
+ size: "small",
5198
+ defaultValue: _this2.boxStyle['margin'].left,
5199
+ onChange: function onChange(event) {
5200
+ var newVal = event.target.value;
5201
+ _this2.setLayoutBoxStyle(newVal, false, 'margin', 'left');
5202
+ }
5203
+ });
5204
+ },
5205
+ title: ""
5206
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
5207
+ className: "Style-PaddingAndMargin-custom-marginLeft"
5208
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.getStyleVal(this.boxStyle['margin'].left) || '-'))))));
5209
+ };
5210
+ return PaddingAndMarginSchema;
5211
+ }(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
5212
+ PaddingAndMarginSchema.propTypes = {
5213
+ parentType: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
5214
+ jsonKey: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
5215
+ indexRoute: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
5216
+ keyRoute: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
5217
+ nodeKey: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
5218
+ targetJsonSchema: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any)
5219
+ };
5220
+ /* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_2__.inject)(function (stores) {
5221
+ return {
5222
+ schemaStore: stores.JSONSchemaStore,
5223
+ jsonStore: stores.JSONEditorStore
5224
+ };
5225
+ })((0,mobx_react__WEBPACK_IMPORTED_MODULE_2__.observer)(PaddingAndMarginSchema)));
5226
+
5227
+ /***/ }),
5228
+
4739
5229
  /***/ "./src/renderers/QuantitySchema/index.js":
4740
5230
  /*!***********************************************!*\
4741
5231
  !*** ./src/renderers/QuantitySchema/index.js ***!
@@ -5499,19 +5989,24 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
5499
5989
  jsonStore = _this$props.jsonStore;
5500
5990
  var _ref = schemaStore || {},
5501
5991
  pageScreen = _ref.pageScreen;
5502
- // const { getJSONDataByKeyRoute } = jsonStore || {};
5992
+ var _ref2 = jsonStore || {},
5993
+ getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute,
5994
+ JSONEditorObj = _ref2.JSONEditorObj;
5503
5995
  var _this$props2 = this.props,
5504
5996
  indexRoute = _this$props2.indexRoute,
5505
5997
  jsonKey = _this$props2.jsonKey,
5506
5998
  nodeKey = _this$props2.nodeKey,
5507
5999
  keyRoute = _this$props2.keyRoute,
5508
6000
  targetJsonSchema = _this$props2.targetJsonSchema;
6001
+
5509
6002
  // 获取前端缓存中的折叠数据
5510
6003
  var collapseData = ['mainConfig'];
5511
6004
  var collapseCacheData = (0,$utils_webCache__WEBPACK_IMPORTED_MODULE_9__.getJSONEditorCache)(keyRoute);
5512
6005
  if (collapseCacheData && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isArray)(collapseCacheData)) {
5513
6006
  collapseData = collapseCacheData;
5514
6007
  }
6008
+ var curData = getJSONDataByKeyRoute(keyRoute) || {};
6009
+ curData = Object.assign({}, JSONEditorObj, curData);
5515
6010
  var style = targetJsonSchema.style ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.style)) : {};
5516
6011
  var titleStyle = targetJsonSchema.titleStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.titleStyle)) : {};
5517
6012
  var contentStyle = targetJsonSchema.contentStyle ? (0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.buildStyle)((0,mobx__WEBPACK_IMPORTED_MODULE_3__.toJS)(targetJsonSchema.contentStyle)) : {};
@@ -5554,6 +6049,9 @@ var SohuDataSourceSchema = /*#__PURE__*/function (_React$PureComponent) {
5554
6049
  /** 5. 获取当前元素的id,用于做唯一标识 */
5555
6050
  var childNodeKey = nodeKey + "-" + curType + "-" + currentJsonKey;
5556
6051
  if (currentSchemaData.propertyOrder && currentSchemaData.propertyOrder.length > 0) {
6052
+ if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_10__.hasProperties)(currentSchemaData.onShow) && currentSchemaData.onShow !== '' && ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isBoolean)(currentSchemaData.onShow) && !currentSchemaData.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isString)(currentSchemaData.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.evalExpression)(currentSchemaData.onShow, curData))) {
6053
+ return;
6054
+ }
5557
6055
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Panel, {
5558
6056
  header: currentSchemaData.title,
5559
6057
  key: currentJsonKey
@@ -7766,6 +8264,16 @@ function deleteJSONEditorCache(valueKey, cacheMark) {
7766
8264
 
7767
8265
  /***/ }),
7768
8266
 
8267
+ /***/ "../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/PaddingAndMarginSchema/index.scss":
8268
+ /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
8269
+ !*** ../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/PaddingAndMarginSchema/index.scss ***!
8270
+ \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
8271
+ /***/ (function() {
8272
+
8273
+ // extracted by mini-css-extract-plugin
8274
+
8275
+ /***/ }),
8276
+
7769
8277
  /***/ "../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/RemoteDynamicDataSchema/index.scss":
7770
8278
  /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
7771
8279
  !*** ../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/RemoteDynamicDataSchema/index.scss ***!
@@ -8037,6 +8545,27 @@ if(false) {}
8037
8545
 
8038
8546
  /***/ }),
8039
8547
 
8548
+ /***/ "./src/renderers/PaddingAndMarginSchema/index.scss":
8549
+ /*!*********************************************************!*\
8550
+ !*** ./src/renderers/PaddingAndMarginSchema/index.scss ***!
8551
+ \*********************************************************/
8552
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
8553
+
8554
+ // style-loader: Adds some css to the DOM by adding a <style> tag
8555
+
8556
+ // load the styles
8557
+ var content = __webpack_require__(/*! !!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../../../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./index.scss */ "../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/renderers/PaddingAndMarginSchema/index.scss");
8558
+ if(content.__esModule) content = content.default;
8559
+ if(typeof content === 'string') content = [[module.id, content, '']];
8560
+ if(content.locals) module.exports = content.locals;
8561
+ // add the styles to the DOM
8562
+ var add = (__webpack_require__(/*! !../../../../../node_modules/vue-style-loader/lib/addStylesClient.js */ "../../node_modules/vue-style-loader/lib/addStylesClient.js")["default"])
8563
+ var update = add("6e510ca0", content, false, {"sourceMap":false});
8564
+ // Hot Module Replacement
8565
+ if(false) {}
8566
+
8567
+ /***/ }),
8568
+
8040
8569
  /***/ "./src/renderers/RemoteDynamicDataSchema/index.scss":
8041
8570
  /*!**********************************************************!*\
8042
8571
  !*** ./src/renderers/RemoteDynamicDataSchema/index.scss ***!