cloud-b2b 1.1.69 → 1.1.70
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/es/Control/Control.js +21 -3
- package/es/InputSearch/InputSearch.js +2 -1
- package/es/SuperForm2/SuperForm.js +27 -16
- package/es/SuperForm2/SuperForm.less +7 -0
- package/lib/Control/Control.js +21 -3
- package/lib/InputSearch/InputSearch.js +2 -1
- package/lib/SuperForm2/SuperForm.js +27 -16
- package/lib/SuperForm2/SuperForm.less +7 -0
- package/package.json +1 -1
package/es/Control/Control.js
CHANGED
|
@@ -7,10 +7,10 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
|
|
|
7
7
|
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
|
8
8
|
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
|
9
9
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
|
|
10
|
-
import _DatePicker from "antd/es/date-picker";
|
|
11
10
|
import _typeof from "@babel/runtime-corejs3/helpers/typeof";
|
|
12
11
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
13
12
|
import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
|
|
13
|
+
import _DatePicker from "antd/es/date-picker";
|
|
14
14
|
import _Radio from "antd/es/radio";
|
|
15
15
|
import _Input from "antd/es/input";
|
|
16
16
|
import _Select from "antd/es/select";
|
|
@@ -46,6 +46,7 @@ import Area from '../Area/Area';
|
|
|
46
46
|
var SelectOption = _Select.Option;
|
|
47
47
|
var TextArea = _Input.TextArea;
|
|
48
48
|
var RadioGroup = _Radio.Group;
|
|
49
|
+
var RangePicker = _DatePicker.RangePicker;
|
|
49
50
|
moment.locale('zh-cn');
|
|
50
51
|
var getTitleOptions = function getTitleOptions(options) {
|
|
51
52
|
var existTitles = [];
|
|
@@ -291,7 +292,20 @@ var date = function date(props) {
|
|
|
291
292
|
onBlur: props.onBlur
|
|
292
293
|
}, /*#__PURE__*/React.createElement(_DatePicker, props));
|
|
293
294
|
};
|
|
294
|
-
|
|
295
|
+
var rangePicker = function rangePicker(props) {
|
|
296
|
+
var origin = props.onChange;
|
|
297
|
+
if (typeof props.value !== 'undefined' && props.value.length === 2) {
|
|
298
|
+
props.value = !props.value ? undefined : [moment(props.value[0]), moment(props.value[1])];
|
|
299
|
+
}
|
|
300
|
+
if (props.onChange) {
|
|
301
|
+
props.onChange = function (date, str) {
|
|
302
|
+
return origin(str);
|
|
303
|
+
};
|
|
304
|
+
}
|
|
305
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
306
|
+
onBlur: props.onBlur
|
|
307
|
+
}, " ", /*#__PURE__*/React.createElement(RangePicker, props));
|
|
308
|
+
};
|
|
295
309
|
// 单选按钮组
|
|
296
310
|
var radioGroup = function radioGroup(_ref3) {
|
|
297
311
|
var _ref3$options = _ref3.options,
|
|
@@ -362,12 +376,16 @@ var controls = {
|
|
|
362
376
|
area: area,
|
|
363
377
|
uploadImg: uploadImg,
|
|
364
378
|
"double": _double,
|
|
365
|
-
treeSelect: treeSelect
|
|
379
|
+
treeSelect: treeSelect,
|
|
380
|
+
rangePicker: rangePicker
|
|
366
381
|
};
|
|
367
382
|
var Control = function Control(_ref4) {
|
|
368
383
|
var type = _ref4.type,
|
|
369
384
|
autoFocus = _ref4.autoFocus,
|
|
370
385
|
props = _objectWithoutProperties(_ref4, _excluded2);
|
|
386
|
+
if (props && props['data-__meta'] && props['data-__meta'].originalProps && props['data-__meta'].originalProps.value) {
|
|
387
|
+
props.value = props['data-__meta'].originalProps.value;
|
|
388
|
+
}
|
|
371
389
|
var ref = autoFocus ? function (e) {
|
|
372
390
|
return setFocus(e, type);
|
|
373
391
|
} : null;
|
|
@@ -261,7 +261,8 @@ var InputSearch = /*#__PURE__*/function (_React$Component) {
|
|
|
261
261
|
return /*#__PURE__*/React.createElement("div", {
|
|
262
262
|
onClick: this.onClick
|
|
263
263
|
}, /*#__PURE__*/React.createElement(_AutoComplete, this.getProps(), /*#__PURE__*/React.createElement(_Input, {
|
|
264
|
-
suffix: suffix
|
|
264
|
+
suffix: suffix,
|
|
265
|
+
placeholder: this.props.placeholder
|
|
265
266
|
})));
|
|
266
267
|
}
|
|
267
268
|
}]);
|
|
@@ -41,7 +41,7 @@ import variables from '../variables';
|
|
|
41
41
|
var FormItem = _Form.Item;
|
|
42
42
|
var defaultSize = 'large';
|
|
43
43
|
var defaultColNum = 4;
|
|
44
|
-
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg', 'cascader', 'checkbox', 'treeSelect'];
|
|
44
|
+
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'rangePicker', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg', 'cascader', 'checkbox', 'treeSelect'];
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
47
|
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
@@ -443,9 +443,18 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
443
443
|
rule && (props.disabledDate = _this2.validDate(rule));
|
|
444
444
|
return /*#__PURE__*/React.createElement(Control, props);
|
|
445
445
|
});
|
|
446
|
-
_defineProperty(_assertThisInitialized(_this2), "
|
|
447
|
-
var
|
|
448
|
-
|
|
446
|
+
_defineProperty(_assertThisInitialized(_this2), "toRangePicker", function (props, _ref8) {
|
|
447
|
+
var rule = _ref8.rule;
|
|
448
|
+
props.getCalendarContainer = _this2.getPopupContainer;
|
|
449
|
+
props.style = {
|
|
450
|
+
width: '100%'
|
|
451
|
+
};
|
|
452
|
+
// rule && (props.disabledDate = this.validDate(rule));
|
|
453
|
+
return /*#__PURE__*/React.createElement(Control, props);
|
|
454
|
+
});
|
|
455
|
+
_defineProperty(_assertThisInitialized(_this2), "toRadioGroup", function (props, _ref9) {
|
|
456
|
+
var key = _ref9.key,
|
|
457
|
+
options = _ref9.options;
|
|
449
458
|
props.options = _this2.getOptions(key, options);
|
|
450
459
|
return /*#__PURE__*/React.createElement(Control, props);
|
|
451
460
|
});
|
|
@@ -453,9 +462,9 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
453
462
|
props.onGetCode = _this2.props.onGetCode;
|
|
454
463
|
return /*#__PURE__*/React.createElement(Control, props);
|
|
455
464
|
});
|
|
456
|
-
_defineProperty(_assertThisInitialized(_this2), "toReadonly", function (props,
|
|
457
|
-
var options =
|
|
458
|
-
key =
|
|
465
|
+
_defineProperty(_assertThisInitialized(_this2), "toReadonly", function (props, _ref10) {
|
|
466
|
+
var options = _ref10.options,
|
|
467
|
+
key = _ref10.key;
|
|
459
468
|
props.value = getTitle(props.value, _this2.getOptions(key, options));
|
|
460
469
|
return /*#__PURE__*/React.createElement(Control, props);
|
|
461
470
|
});
|
|
@@ -466,9 +475,9 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
466
475
|
props.dropdownMatchSelectWidth = false;
|
|
467
476
|
return /*#__PURE__*/React.createElement(Control, props);
|
|
468
477
|
});
|
|
469
|
-
_defineProperty(_assertThisInitialized(_this2), "area", function (props,
|
|
470
|
-
var key =
|
|
471
|
-
options =
|
|
478
|
+
_defineProperty(_assertThisInitialized(_this2), "area", function (props, _ref11) {
|
|
479
|
+
var key = _ref11.key,
|
|
480
|
+
options = _ref11.options;
|
|
472
481
|
var readonly = _this2.props.readonly;
|
|
473
482
|
props.parentKey = key;
|
|
474
483
|
props.options = _this2.getOptions(key, options);
|
|
@@ -524,6 +533,8 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
524
533
|
return _this2.toSearch(props, control);
|
|
525
534
|
case 'date':
|
|
526
535
|
return _this2.toDate(props, control);
|
|
536
|
+
case 'rangePicker':
|
|
537
|
+
return _this2.toRangePicker(props, control);
|
|
527
538
|
case 'radioGroup':
|
|
528
539
|
return _this2.toRadioGroup(props, control);
|
|
529
540
|
case 'textArea':
|
|
@@ -554,12 +565,12 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
554
565
|
return 'type error';
|
|
555
566
|
}
|
|
556
567
|
});
|
|
557
|
-
_defineProperty(_assertThisInitialized(_this2), "toLabel", function (
|
|
558
|
-
var title =
|
|
559
|
-
showAdd =
|
|
560
|
-
key =
|
|
561
|
-
showInfo =
|
|
562
|
-
showInfoTitle =
|
|
568
|
+
_defineProperty(_assertThisInitialized(_this2), "toLabel", function (_ref12, type) {
|
|
569
|
+
var title = _ref12.title,
|
|
570
|
+
showAdd = _ref12.showAdd,
|
|
571
|
+
key = _ref12.key,
|
|
572
|
+
showInfo = _ref12.showInfo,
|
|
573
|
+
showInfoTitle = _ref12.showInfoTitle;
|
|
563
574
|
if (showAdd && type !== 'readonly') {
|
|
564
575
|
var _context24;
|
|
565
576
|
var onClick = _bindInstanceProperty(_context24 = _this2.onAdd).call(_context24, _assertThisInitialized(_this2), key, title);
|
|
@@ -34,6 +34,13 @@
|
|
|
34
34
|
:global(.ant-select-selection--multiple) {
|
|
35
35
|
border-top-width: 1px;
|
|
36
36
|
}
|
|
37
|
+
:global(.ant-calendar-picker-input) {
|
|
38
|
+
display: flex;
|
|
39
|
+
}
|
|
40
|
+
:global(.has-error .ant-calendar-picker-input) {
|
|
41
|
+
border-color: #ff4d4f !important;
|
|
42
|
+
box-shadow:0 0 2px rgba(245, 34, 45, 0.2) !important;
|
|
43
|
+
}
|
|
37
44
|
|
|
38
45
|
:global(.ant-radio-group-small) {
|
|
39
46
|
display: block;
|
package/lib/Control/Control.js
CHANGED
|
@@ -24,10 +24,10 @@ var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
|
|
|
24
24
|
var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
|
|
25
25
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
26
26
|
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
27
|
-
var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
|
|
28
27
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
29
28
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
30
29
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
30
|
+
var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
|
|
31
31
|
var _radio = _interopRequireDefault(require("antd/lib/radio"));
|
|
32
32
|
var _input = _interopRequireDefault(require("antd/lib/input"));
|
|
33
33
|
var _select = _interopRequireDefault(require("antd/lib/select"));
|
|
@@ -53,6 +53,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
|
|
|
53
53
|
var SelectOption = _select["default"].Option;
|
|
54
54
|
var TextArea = _input["default"].TextArea;
|
|
55
55
|
var RadioGroup = _radio["default"].Group;
|
|
56
|
+
var RangePicker = _datePicker["default"].RangePicker;
|
|
56
57
|
_moment["default"].locale('zh-cn');
|
|
57
58
|
var getTitleOptions = function getTitleOptions(options) {
|
|
58
59
|
var existTitles = [];
|
|
@@ -298,7 +299,20 @@ var date = function date(props) {
|
|
|
298
299
|
onBlur: props.onBlur
|
|
299
300
|
}, /*#__PURE__*/_react["default"].createElement(_datePicker["default"], props));
|
|
300
301
|
};
|
|
301
|
-
|
|
302
|
+
var rangePicker = function rangePicker(props) {
|
|
303
|
+
var origin = props.onChange;
|
|
304
|
+
if (typeof props.value !== 'undefined' && props.value.length === 2) {
|
|
305
|
+
props.value = !props.value ? undefined : [(0, _moment["default"])(props.value[0]), (0, _moment["default"])(props.value[1])];
|
|
306
|
+
}
|
|
307
|
+
if (props.onChange) {
|
|
308
|
+
props.onChange = function (date, str) {
|
|
309
|
+
return origin(str);
|
|
310
|
+
};
|
|
311
|
+
}
|
|
312
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
313
|
+
onBlur: props.onBlur
|
|
314
|
+
}, " ", /*#__PURE__*/_react["default"].createElement(RangePicker, props));
|
|
315
|
+
};
|
|
302
316
|
// 单选按钮组
|
|
303
317
|
var radioGroup = function radioGroup(_ref3) {
|
|
304
318
|
var _ref3$options = _ref3.options,
|
|
@@ -369,12 +383,16 @@ var controls = {
|
|
|
369
383
|
area: area,
|
|
370
384
|
uploadImg: uploadImg,
|
|
371
385
|
"double": _double,
|
|
372
|
-
treeSelect: treeSelect
|
|
386
|
+
treeSelect: treeSelect,
|
|
387
|
+
rangePicker: rangePicker
|
|
373
388
|
};
|
|
374
389
|
var Control = function Control(_ref4) {
|
|
375
390
|
var type = _ref4.type,
|
|
376
391
|
autoFocus = _ref4.autoFocus,
|
|
377
392
|
props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded2);
|
|
393
|
+
if (props && props['data-__meta'] && props['data-__meta'].originalProps && props['data-__meta'].originalProps.value) {
|
|
394
|
+
props.value = props['data-__meta'].originalProps.value;
|
|
395
|
+
}
|
|
378
396
|
var ref = autoFocus ? function (e) {
|
|
379
397
|
return setFocus(e, type);
|
|
380
398
|
} : null;
|
|
@@ -269,7 +269,8 @@ var InputSearch = /*#__PURE__*/function (_React$Component) {
|
|
|
269
269
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
270
270
|
onClick: this.onClick
|
|
271
271
|
}, /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], this.getProps(), /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
|
272
|
-
suffix: suffix
|
|
272
|
+
suffix: suffix,
|
|
273
|
+
placeholder: this.props.placeholder
|
|
273
274
|
})));
|
|
274
275
|
}
|
|
275
276
|
}]);
|
|
@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
|
|
|
53
53
|
var FormItem = _form["default"].Item;
|
|
54
54
|
var defaultSize = 'large';
|
|
55
55
|
var defaultColNum = 4;
|
|
56
|
-
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg', 'cascader', 'checkbox', 'treeSelect'];
|
|
56
|
+
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'rangePicker', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg', 'cascader', 'checkbox', 'treeSelect'];
|
|
57
57
|
|
|
58
58
|
/**
|
|
59
59
|
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
@@ -455,9 +455,18 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
455
455
|
rule && (props.disabledDate = _this2.validDate(rule));
|
|
456
456
|
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
457
457
|
});
|
|
458
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "
|
|
459
|
-
var
|
|
460
|
-
|
|
458
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toRangePicker", function (props, _ref8) {
|
|
459
|
+
var rule = _ref8.rule;
|
|
460
|
+
props.getCalendarContainer = _this2.getPopupContainer;
|
|
461
|
+
props.style = {
|
|
462
|
+
width: '100%'
|
|
463
|
+
};
|
|
464
|
+
// rule && (props.disabledDate = this.validDate(rule));
|
|
465
|
+
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
466
|
+
});
|
|
467
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toRadioGroup", function (props, _ref9) {
|
|
468
|
+
var key = _ref9.key,
|
|
469
|
+
options = _ref9.options;
|
|
461
470
|
props.options = _this2.getOptions(key, options);
|
|
462
471
|
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
463
472
|
});
|
|
@@ -465,9 +474,9 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
465
474
|
props.onGetCode = _this2.props.onGetCode;
|
|
466
475
|
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
467
476
|
});
|
|
468
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toReadonly", function (props,
|
|
469
|
-
var options =
|
|
470
|
-
key =
|
|
477
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toReadonly", function (props, _ref10) {
|
|
478
|
+
var options = _ref10.options,
|
|
479
|
+
key = _ref10.key;
|
|
471
480
|
props.value = (0, _Control.getTitle)(props.value, _this2.getOptions(key, options));
|
|
472
481
|
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
473
482
|
});
|
|
@@ -478,9 +487,9 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
478
487
|
props.dropdownMatchSelectWidth = false;
|
|
479
488
|
return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
|
|
480
489
|
});
|
|
481
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "area", function (props,
|
|
482
|
-
var key =
|
|
483
|
-
options =
|
|
490
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "area", function (props, _ref11) {
|
|
491
|
+
var key = _ref11.key,
|
|
492
|
+
options = _ref11.options;
|
|
484
493
|
var readonly = _this2.props.readonly;
|
|
485
494
|
props.parentKey = key;
|
|
486
495
|
props.options = _this2.getOptions(key, options);
|
|
@@ -536,6 +545,8 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
536
545
|
return _this2.toSearch(props, control);
|
|
537
546
|
case 'date':
|
|
538
547
|
return _this2.toDate(props, control);
|
|
548
|
+
case 'rangePicker':
|
|
549
|
+
return _this2.toRangePicker(props, control);
|
|
539
550
|
case 'radioGroup':
|
|
540
551
|
return _this2.toRadioGroup(props, control);
|
|
541
552
|
case 'textArea':
|
|
@@ -566,12 +577,12 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
566
577
|
return 'type error';
|
|
567
578
|
}
|
|
568
579
|
});
|
|
569
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toLabel", function (
|
|
570
|
-
var title =
|
|
571
|
-
showAdd =
|
|
572
|
-
key =
|
|
573
|
-
showInfo =
|
|
574
|
-
showInfoTitle =
|
|
580
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toLabel", function (_ref12, type) {
|
|
581
|
+
var title = _ref12.title,
|
|
582
|
+
showAdd = _ref12.showAdd,
|
|
583
|
+
key = _ref12.key,
|
|
584
|
+
showInfo = _ref12.showInfo,
|
|
585
|
+
showInfoTitle = _ref12.showInfoTitle;
|
|
575
586
|
if (showAdd && type !== 'readonly') {
|
|
576
587
|
var _context24;
|
|
577
588
|
var onClick = (0, _bind["default"])(_context24 = _this2.onAdd).call(_context24, (0, _assertThisInitialized2["default"])(_this2), key, title);
|
|
@@ -34,6 +34,13 @@
|
|
|
34
34
|
:global(.ant-select-selection--multiple) {
|
|
35
35
|
border-top-width: 1px;
|
|
36
36
|
}
|
|
37
|
+
:global(.ant-calendar-picker-input) {
|
|
38
|
+
display: flex;
|
|
39
|
+
}
|
|
40
|
+
:global(.has-error .ant-calendar-picker-input) {
|
|
41
|
+
border-color: #ff4d4f !important;
|
|
42
|
+
box-shadow:0 0 2px rgba(245, 34, 45, 0.2) !important;
|
|
43
|
+
}
|
|
37
44
|
|
|
38
45
|
:global(.ant-radio-group-small) {
|
|
39
46
|
display: block;
|