@hi-ui/hiui 2.15.10 → 2.15.12
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/CHANGELOG.md +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/select/Select.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -19,14 +19,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
19
19
|
|
|
20
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
21
|
|
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
22
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
23
|
|
|
28
24
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
25
|
|
|
26
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
27
|
+
|
|
28
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
29
|
+
|
|
30
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
31
|
|
|
32
32
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -55,29 +55,21 @@ var _qs = _interopRequireDefault(require("qs"));
|
|
|
55
55
|
|
|
56
56
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
57
57
|
|
|
58
|
-
function
|
|
59
|
-
|
|
60
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
61
|
-
|
|
62
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
58
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
63
59
|
|
|
64
60
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
65
61
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
function
|
|
69
|
-
|
|
70
|
-
var Select = /*#__PURE__*/function (_Component) {
|
|
62
|
+
var Select =
|
|
63
|
+
/*#__PURE__*/
|
|
64
|
+
function (_Component) {
|
|
71
65
|
(0, _inherits2["default"])(Select, _Component);
|
|
72
66
|
|
|
73
|
-
var _super = _createSuper(Select);
|
|
74
|
-
|
|
75
67
|
// 第一次自动加载数据标识
|
|
76
68
|
function Select(props) {
|
|
77
69
|
var _this;
|
|
78
70
|
|
|
79
71
|
(0, _classCallCheck2["default"])(this, Select);
|
|
80
|
-
_this =
|
|
72
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Select).call(this, props));
|
|
81
73
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "autoloadFlag", true);
|
|
82
74
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setStateAutolaod", function () {
|
|
83
75
|
_this.setState({
|
|
@@ -684,15 +676,15 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
684
676
|
"is-single": type === "single"
|
|
685
677
|
};
|
|
686
678
|
var selectInputWidth = this.selectInputContainer ? this.selectInputContainer.getBoundingClientRect().width : null;
|
|
687
|
-
return
|
|
679
|
+
return _react["default"].createElement("div", {
|
|
688
680
|
className: (0, _classnames["default"])("hi-select", className, extraClass),
|
|
689
681
|
style: style
|
|
690
|
-
},
|
|
682
|
+
}, _react["default"].createElement("div", {
|
|
691
683
|
className: "hi-select__input-container",
|
|
692
684
|
ref: function ref(node) {
|
|
693
685
|
_this12.selectInputContainer = node;
|
|
694
686
|
}
|
|
695
|
-
},
|
|
687
|
+
}, _react["default"].createElement(_SelectInput["default"], {
|
|
696
688
|
ref: function ref(node) {
|
|
697
689
|
_this12.selectInput = node;
|
|
698
690
|
},
|
|
@@ -721,7 +713,7 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
721
713
|
onClear: this.deleteAllItems.bind(this),
|
|
722
714
|
onSearch: this.debouncedFilterItems.bind(this),
|
|
723
715
|
onEnterSelect: this.onEnterSelect.bind(this)
|
|
724
|
-
})), children,
|
|
716
|
+
})), children, _react["default"].createElement(_popper["default"], {
|
|
725
717
|
show: dropdownShow && this.props.open,
|
|
726
718
|
attachEle: this.selectInputContainer,
|
|
727
719
|
zIndex: 1050,
|
|
@@ -729,8 +721,9 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
729
721
|
leftGap: 0,
|
|
730
722
|
className: "hi-select__popper",
|
|
731
723
|
placement: "top-bottom-start"
|
|
732
|
-
},
|
|
733
|
-
noFoundTip: emptyContent
|
|
724
|
+
}, _react["default"].createElement(_SelectDropdown["default"], {
|
|
725
|
+
noFoundTip: emptyContent // Popper 包裹的组件需要手动传入 localeData
|
|
726
|
+
,
|
|
734
727
|
localeMap: localeDatas.select || {},
|
|
735
728
|
mode: type,
|
|
736
729
|
searchPlaceholder: searchPlaceholder,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -33,24 +33,16 @@ var _loading = _interopRequireDefault(require("../loading"));
|
|
|
33
33
|
|
|
34
34
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
36
|
+
var SelectDropdown =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Component) {
|
|
45
39
|
(0, _inherits2["default"])(SelectDropdown, _Component);
|
|
46
40
|
|
|
47
|
-
var _super = _createSuper(SelectDropdown);
|
|
48
|
-
|
|
49
41
|
function SelectDropdown(props) {
|
|
50
42
|
var _this;
|
|
51
43
|
|
|
52
44
|
(0, _classCallCheck2["default"])(this, SelectDropdown);
|
|
53
|
-
_this =
|
|
45
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SelectDropdown).call(this, props));
|
|
54
46
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
|
|
55
47
|
_this.props.searchable && setTimeout(function () {
|
|
56
48
|
return _this.searchbar && _this.searchbar.focus();
|
|
@@ -122,10 +114,10 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
122
114
|
_keyword = searchbarValue.includes('(') ? _keyword.replace(/\(/gi, '\\(') : _keyword;
|
|
123
115
|
_keyword = searchbarValue.includes(')') ? _keyword.replace(/\)/gi, '\\)') : _keyword;
|
|
124
116
|
var parts = text.toString().split(new RegExp("(".concat(_keyword, ")"), 'gi'));
|
|
125
|
-
return this.state.searchbarValue.length > 0 ?
|
|
117
|
+
return this.state.searchbarValue.length > 0 ? _react["default"].createElement("p", {
|
|
126
118
|
key: uniqueKey
|
|
127
119
|
}, parts.map(function (part, i) {
|
|
128
|
-
return part === searchbarValue ?
|
|
120
|
+
return part === searchbarValue ? _react["default"].createElement("span", {
|
|
129
121
|
key: i,
|
|
130
122
|
className: 'hi-select__dropdown--item__name-hightlight'
|
|
131
123
|
}, part) : part;
|
|
@@ -187,19 +179,19 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
187
179
|
var style = {
|
|
188
180
|
width: this.props.optionWidth ? this.props.optionWidth - paddingNum : this.props.selectInputWidth ? this.props.selectInputWidth - paddingNum : null
|
|
189
181
|
};
|
|
190
|
-
return
|
|
182
|
+
return _react["default"].createElement(_react["default"].Fragment, null, mode === 'multiple' && _react["default"].createElement(_checkbox["default"], {
|
|
191
183
|
className: "hi-select__dropdown--item__checkbox",
|
|
192
184
|
checked: isSelected,
|
|
193
185
|
disabled: item.disabled
|
|
194
|
-
},
|
|
186
|
+
}, _react["default"].createElement("div", {
|
|
195
187
|
className: "hi-select__dropdown--item__name",
|
|
196
188
|
style: style
|
|
197
|
-
}, this.props.isOnSearch ? item.title : this.hightlightKeyword(item.title || '', item.id))), mode === 'single' &&
|
|
189
|
+
}, this.props.isOnSearch ? item.title : this.hightlightKeyword(item.title || '', item.id))), mode === 'single' && _react["default"].createElement("div", {
|
|
198
190
|
className: "hi-select__dropdown--item__name",
|
|
199
191
|
style: style
|
|
200
|
-
}, this.props.isOnSearch ? item.title : this.hightlightKeyword(item.title || '', item.id)), mode === 'single' && isSelected &&
|
|
192
|
+
}, this.props.isOnSearch ? item.title : this.hightlightKeyword(item.title || '', item.id)), mode === 'single' && isSelected && _react["default"].createElement("div", {
|
|
201
193
|
className: "hi-select__dropdown--item__check-icon"
|
|
202
|
-
},
|
|
194
|
+
}, _react["default"].createElement("i", {
|
|
203
195
|
className: "hi-icon icon-check"
|
|
204
196
|
})));
|
|
205
197
|
}
|
|
@@ -230,16 +222,16 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
230
222
|
var style = optionWidth && {
|
|
231
223
|
width: optionWidth
|
|
232
224
|
};
|
|
233
|
-
return
|
|
225
|
+
return _react["default"].createElement("div", {
|
|
234
226
|
className: "hi-select__dropdown",
|
|
235
227
|
style: style
|
|
236
|
-
}, searchable &&
|
|
228
|
+
}, searchable && _react["default"].createElement("div", {
|
|
237
229
|
className: "hi-select__dropdown__searchbar"
|
|
238
|
-
},
|
|
230
|
+
}, _react["default"].createElement("div", {
|
|
239
231
|
className: "hi-select__dropdown__searchbar--content"
|
|
240
|
-
},
|
|
232
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
241
233
|
name: "search"
|
|
242
|
-
}),
|
|
234
|
+
}), _react["default"].createElement("input", {
|
|
243
235
|
className: "hi-select__dropdown__searchbar--input",
|
|
244
236
|
placeholder: searchPlaceholder,
|
|
245
237
|
clearable: "true",
|
|
@@ -253,17 +245,17 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
253
245
|
onKeyDown: this.handleKeyDown.bind(this),
|
|
254
246
|
onInput: this.searchEvent.bind(this),
|
|
255
247
|
onChange: this.searchEvent.bind(this)
|
|
256
|
-
}), searchbarValue.length > 0 ?
|
|
248
|
+
}), searchbarValue.length > 0 ? _react["default"].createElement(_icon["default"], {
|
|
257
249
|
name: "close-circle",
|
|
258
250
|
style: {
|
|
259
251
|
cursor: 'pointer'
|
|
260
252
|
},
|
|
261
253
|
onClick: this.cleanSearchbarValue.bind(this)
|
|
262
|
-
}) : null)), loading &&
|
|
254
|
+
}) : null)), loading && _react["default"].createElement("div", {
|
|
263
255
|
className: "hi-select__dropdown--loading"
|
|
264
|
-
},
|
|
256
|
+
}, _react["default"].createElement(_loading["default"], {
|
|
265
257
|
size: "small"
|
|
266
|
-
})), !loading &&
|
|
258
|
+
})), !loading && _react["default"].createElement("ul", {
|
|
267
259
|
className: "hi-select__dropdown--items"
|
|
268
260
|
}, filterItems.map(function (item, index) {
|
|
269
261
|
if (matchFilter(item)) {
|
|
@@ -272,7 +264,7 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
272
264
|
var isSelected = _this2.itemSelected(item);
|
|
273
265
|
|
|
274
266
|
var isDisabled = item.disabled;
|
|
275
|
-
return
|
|
267
|
+
return _react["default"].createElement("li", {
|
|
276
268
|
className: (0, _classnames["default"])('hi-select__dropdown--item', "theme__".concat(theme), {
|
|
277
269
|
'is-active': isSelected,
|
|
278
270
|
'is-disabled': isDisabled,
|
|
@@ -288,12 +280,12 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
288
280
|
}
|
|
289
281
|
}, _this2.renderOption(mode, isSelected, item));
|
|
290
282
|
}
|
|
291
|
-
}), matched === 0 &&
|
|
283
|
+
}), matched === 0 && _react["default"].createElement("li", {
|
|
292
284
|
className: "hi-select__dropdown--item hi-select__dropdown-item--empty is-disabled",
|
|
293
285
|
onClick: function onClick(e) {
|
|
294
286
|
return e.stopPropagation();
|
|
295
287
|
}
|
|
296
|
-
}, noFoundTip)), mode === 'multiple' && showCheckAll &&
|
|
288
|
+
}, noFoundTip)), mode === 'multiple' && showCheckAll && _react["default"].createElement("div", {
|
|
297
289
|
className: "hi-select__dropdown-check-all theme__".concat(theme),
|
|
298
290
|
onClick: this.props.checkAll.bind(this, filterItems)
|
|
299
291
|
}, localeMap['checkAll']));
|
package/es/select/SelectInput.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -29,30 +29,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
29
29
|
|
|
30
30
|
var _common = require("./common.js");
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
37
|
-
|
|
38
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
39
|
-
|
|
40
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
var SelectInput = /*#__PURE__*/function (_Component) {
|
|
32
|
+
var SelectInput =
|
|
33
|
+
/*#__PURE__*/
|
|
34
|
+
function (_Component) {
|
|
47
35
|
(0, _inherits2["default"])(SelectInput, _Component);
|
|
48
36
|
|
|
49
|
-
var _super = _createSuper(SelectInput);
|
|
50
|
-
|
|
51
37
|
function SelectInput(props) {
|
|
52
38
|
var _this;
|
|
53
39
|
|
|
54
40
|
(0, _classCallCheck2["default"])(this, SelectInput);
|
|
55
|
-
_this =
|
|
41
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SelectInput).call(this, props));
|
|
56
42
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calShowCountFlag", true);
|
|
57
43
|
_this.state = {
|
|
58
44
|
showCount: 0,
|
|
@@ -80,12 +66,12 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
80
66
|
var width = 0;
|
|
81
67
|
var showCount = 0;
|
|
82
68
|
var items = this.itemsRef.querySelectorAll('.hi-select__input--item');
|
|
83
|
-
|
|
84
|
-
var
|
|
85
|
-
|
|
69
|
+
var _iteratorNormalCompletion = true;
|
|
70
|
+
var _didIteratorError = false;
|
|
71
|
+
var _iteratorError = undefined;
|
|
86
72
|
|
|
87
73
|
try {
|
|
88
|
-
for (_iterator.
|
|
74
|
+
for (var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
89
75
|
var item = _step.value;
|
|
90
76
|
var itemRect = item.getBoundingClientRect();
|
|
91
77
|
width += itemRect.width;
|
|
@@ -98,9 +84,18 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
98
84
|
}
|
|
99
85
|
}
|
|
100
86
|
} catch (err) {
|
|
101
|
-
|
|
87
|
+
_didIteratorError = true;
|
|
88
|
+
_iteratorError = err;
|
|
102
89
|
} finally {
|
|
103
|
-
|
|
90
|
+
try {
|
|
91
|
+
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
|
92
|
+
_iterator["return"]();
|
|
93
|
+
}
|
|
94
|
+
} finally {
|
|
95
|
+
if (_didIteratorError) {
|
|
96
|
+
throw _iteratorError;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
104
99
|
}
|
|
105
100
|
|
|
106
101
|
this.setState({
|
|
@@ -196,14 +191,14 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
196
191
|
};
|
|
197
192
|
}
|
|
198
193
|
|
|
199
|
-
return
|
|
194
|
+
return _react["default"].createElement("div", {
|
|
200
195
|
className: (0, _classnames["default"])('hi-select__input', 'multiple-values', "theme__".concat(theme), {
|
|
201
196
|
disabled: disabled
|
|
202
197
|
}),
|
|
203
198
|
onClick: this.props.onClick
|
|
204
|
-
}, selectedItems.length === 0 && !value &&
|
|
199
|
+
}, selectedItems.length === 0 && !value && _react["default"].createElement("div", {
|
|
205
200
|
className: "hi-select__input--placeholder"
|
|
206
|
-
}, placeholder),
|
|
201
|
+
}, placeholder), _react["default"].createElement("div", {
|
|
207
202
|
className: (0, _classnames["default"])('hi-select__input-items', {
|
|
208
203
|
'hi-select__input-items--all': multipleMode === 'wrap'
|
|
209
204
|
}),
|
|
@@ -211,15 +206,15 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
211
206
|
_this3.itemsRef = node;
|
|
212
207
|
}
|
|
213
208
|
}, selectedItems.slice(0, showCount).map(function (item, index) {
|
|
214
|
-
var _item =
|
|
209
|
+
var _item = _react["default"].createElement("div", {
|
|
215
210
|
key: index,
|
|
216
211
|
className: "hi-select__input--item",
|
|
217
212
|
style: {
|
|
218
213
|
maxWidth: _this3.itemsRef ? (_this3.itemsRef.getBoundingClientRect().width - 50) * 0.8 : '80%'
|
|
219
214
|
}
|
|
220
|
-
},
|
|
215
|
+
}, _react["default"].createElement("div", {
|
|
221
216
|
className: "hi-select__input--item__name"
|
|
222
|
-
}, item.title),
|
|
217
|
+
}, item.title), _react["default"].createElement("span", {
|
|
223
218
|
className: (0, _classnames["default"])('hi-select__input--item__remove', {
|
|
224
219
|
disabled: disabled
|
|
225
220
|
}),
|
|
@@ -227,20 +222,20 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
227
222
|
e.stopPropagation();
|
|
228
223
|
!disabled && _this3.props.onDelete(item);
|
|
229
224
|
}
|
|
230
|
-
},
|
|
225
|
+
}, _react["default"].createElement("i", {
|
|
231
226
|
className: "hi-icon icon-close"
|
|
232
227
|
})));
|
|
233
228
|
|
|
234
229
|
return _item;
|
|
235
|
-
}), showCount < selectedItems.length &&
|
|
230
|
+
}), showCount < selectedItems.length && _react["default"].createElement("div", {
|
|
236
231
|
className: (0, _classnames["default"])('hi-select__input-items--left', {
|
|
237
232
|
disabled: disabled
|
|
238
233
|
})
|
|
239
|
-
}, "+",
|
|
234
|
+
}, "+", _react["default"].createElement("span", {
|
|
240
235
|
className: "hi-select__input-items--left-count"
|
|
241
|
-
}, selectedItems.length - showCount)), searchable && !disabled &&
|
|
236
|
+
}, selectedItems.length - showCount)), searchable && !disabled && _react["default"].createElement("div", {
|
|
242
237
|
className: "hi-select__input--search"
|
|
243
|
-
},
|
|
238
|
+
}, _react["default"].createElement("input", {
|
|
244
239
|
type: "text",
|
|
245
240
|
style: inputStyle,
|
|
246
241
|
ref: function ref(input) {
|
|
@@ -251,13 +246,13 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
251
246
|
onFocus: onFocus.bind(this),
|
|
252
247
|
onBlur: onBlur.bind(this),
|
|
253
248
|
readOnly: true
|
|
254
|
-
}))),
|
|
249
|
+
}))), _react["default"].createElement("span", {
|
|
255
250
|
className: "hi-select__input--icon"
|
|
256
|
-
},
|
|
251
|
+
}, _react["default"].createElement("i", {
|
|
257
252
|
className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
|
|
258
253
|
clearable: clearable && selectedItems.length > 0
|
|
259
254
|
})
|
|
260
|
-
}), clearable && selectedItems.length > 0 &&
|
|
255
|
+
}), clearable && selectedItems.length > 0 && _react["default"].createElement("i", {
|
|
261
256
|
className: "hi-icon icon-close-circle hi-select__input--icon__close",
|
|
262
257
|
onClick: this.handleClear.bind(this)
|
|
263
258
|
})));
|
|
@@ -279,7 +274,7 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
279
274
|
selectedItems = selectedItems.length > 0 ? selectedItems : this.state.cacheselectedItems;
|
|
280
275
|
placeholder = selectedItems.length > 0 ? selectedItems[0].title : placeholder;
|
|
281
276
|
var icon = dropdownShow ? 'up' : 'down';
|
|
282
|
-
return
|
|
277
|
+
return _react["default"].createElement("div", {
|
|
283
278
|
className: (0, _classnames["default"])('hi-select__input', 'single-value', "theme__".concat(theme), {
|
|
284
279
|
disabled: disabled
|
|
285
280
|
}),
|
|
@@ -287,23 +282,23 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
287
282
|
ref: function ref(node) {
|
|
288
283
|
_this4.itemsRef = node;
|
|
289
284
|
}
|
|
290
|
-
},
|
|
285
|
+
}, _react["default"].createElement("div", {
|
|
291
286
|
className: (0, _classnames["default"])('hi-select__input--item', {
|
|
292
287
|
'hi-select__hide': !(!dropdownShow && selectedItems.length > 0)
|
|
293
288
|
}),
|
|
294
289
|
style: {
|
|
295
290
|
width: this.wrapperRect && this.wrapperRect.width - 46
|
|
296
291
|
}
|
|
297
|
-
},
|
|
292
|
+
}, _react["default"].createElement("div", {
|
|
298
293
|
className: "hi-select__input--item__name"
|
|
299
|
-
}, selectedItems[0] && selectedItems[0].title)), (dropdownShow || selectedItems.length === 0) &&
|
|
294
|
+
}, selectedItems[0] && selectedItems[0].title)), (dropdownShow || selectedItems.length === 0) && _react["default"].createElement("div", {
|
|
300
295
|
className: (0, _classnames["default"])('hi-select__input--search', {
|
|
301
296
|
'hi-select__input--search--value': selectedItems.length > 0
|
|
302
297
|
}),
|
|
303
298
|
style: {
|
|
304
299
|
width: this.wrapperRect && this.wrapperRect.width - 46
|
|
305
300
|
}
|
|
306
|
-
},
|
|
301
|
+
}, _react["default"].createElement("input", {
|
|
307
302
|
type: "text",
|
|
308
303
|
ref: function ref(input) {
|
|
309
304
|
_this4.searchInput = input;
|
|
@@ -315,13 +310,13 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
315
310
|
onFocus: onFocus.bind(this),
|
|
316
311
|
onBlur: onBlur.bind(this),
|
|
317
312
|
readOnly: true
|
|
318
|
-
})),
|
|
313
|
+
})), _react["default"].createElement("span", {
|
|
319
314
|
className: "hi-select__input--icon"
|
|
320
|
-
},
|
|
315
|
+
}, _react["default"].createElement("i", {
|
|
321
316
|
className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
|
|
322
317
|
clearable: clearable && selectedItems.length > 0
|
|
323
318
|
})
|
|
324
|
-
}), clearable && selectedItems.length > 0 &&
|
|
319
|
+
}), clearable && selectedItems.length > 0 && _react["default"].createElement("i", {
|
|
325
320
|
className: "hi-icon icon-close-circle hi-select__input--icon__close",
|
|
326
321
|
onClick: this.handleClear.bind(this)
|
|
327
322
|
})));
|
|
@@ -95,7 +95,7 @@ describe('Select', function () {
|
|
|
95
95
|
});
|
|
96
96
|
it('should disabled', function () {
|
|
97
97
|
types.forEach(function (type) {
|
|
98
|
-
var wrapper = (0, _enzyme.mount)(
|
|
98
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
99
99
|
type: type,
|
|
100
100
|
disabled: true,
|
|
101
101
|
style: {
|
|
@@ -111,7 +111,7 @@ describe('Select', function () {
|
|
|
111
111
|
});
|
|
112
112
|
it('should have default value', function () {
|
|
113
113
|
types.forEach(function (type) {
|
|
114
|
-
var wrapper = (0, _enzyme.mount)(
|
|
114
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
115
115
|
type: type,
|
|
116
116
|
style: {
|
|
117
117
|
width: 200
|
|
@@ -149,7 +149,7 @@ describe('Select', function () {
|
|
|
149
149
|
});
|
|
150
150
|
it('should control by value', function () {
|
|
151
151
|
types.forEach(function (type) {
|
|
152
|
-
var wrapper = (0, _enzyme.mount)(
|
|
152
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
153
153
|
type: type,
|
|
154
154
|
style: {
|
|
155
155
|
width: 200
|
|
@@ -193,7 +193,7 @@ describe('Select', function () {
|
|
|
193
193
|
});
|
|
194
194
|
});
|
|
195
195
|
it('should can delete one in multiple select', function () {
|
|
196
|
-
var wrapper = (0, _enzyme.mount)(
|
|
196
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
197
197
|
type: "multiple",
|
|
198
198
|
style: {
|
|
199
199
|
width: '300px'
|
|
@@ -213,7 +213,7 @@ describe('Select', function () {
|
|
|
213
213
|
wrapper.unmount();
|
|
214
214
|
});
|
|
215
215
|
it('should can delete all in multiple select', function () {
|
|
216
|
-
var wrapper = (0, _enzyme.mount)(
|
|
216
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
217
217
|
type: "multiple",
|
|
218
218
|
style: {
|
|
219
219
|
width: '300px'
|
|
@@ -233,7 +233,7 @@ describe('Select', function () {
|
|
|
233
233
|
wrapper.unmount();
|
|
234
234
|
});
|
|
235
235
|
it('should can check all in multiple select', function () {
|
|
236
|
-
var wrapper = (0, _enzyme.mount)(
|
|
236
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
237
237
|
type: "multiple",
|
|
238
238
|
style: {
|
|
239
239
|
width: '300px'
|
|
@@ -255,7 +255,7 @@ describe('Select', function () {
|
|
|
255
255
|
wrapper.unmount();
|
|
256
256
|
});
|
|
257
257
|
it('should custom render dropdown list', function () {
|
|
258
|
-
var wrapper = (0, _enzyme.mount)(
|
|
258
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
259
259
|
placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
|
|
260
260
|
style: {
|
|
261
261
|
width: '200px'
|
|
@@ -264,12 +264,12 @@ describe('Select', function () {
|
|
|
264
264
|
data: options,
|
|
265
265
|
searchable: true,
|
|
266
266
|
render: function render(item, isSelected) {
|
|
267
|
-
return
|
|
267
|
+
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("span", {
|
|
268
268
|
className: "option-left",
|
|
269
269
|
style: {
|
|
270
270
|
"float": 'left'
|
|
271
271
|
}
|
|
272
|
-
}, item.name),
|
|
272
|
+
}, item.name), _react["default"].createElement("span", {
|
|
273
273
|
className: "option-right",
|
|
274
274
|
style: {
|
|
275
275
|
"float": 'right',
|
|
@@ -287,7 +287,7 @@ describe('Select', function () {
|
|
|
287
287
|
wrapper.unmount();
|
|
288
288
|
});
|
|
289
289
|
it('should handle keydown', function () {
|
|
290
|
-
var wrapper = (0, _enzyme.mount)(
|
|
290
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
291
291
|
type: "single",
|
|
292
292
|
placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
|
|
293
293
|
style: {
|
|
@@ -304,7 +304,7 @@ describe('Select', function () {
|
|
|
304
304
|
wrapper.unmount();
|
|
305
305
|
});
|
|
306
306
|
it('should handle mouseEnter', function () {
|
|
307
|
-
var wrapper = (0, _enzyme.mount)(
|
|
307
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
308
308
|
type: "single",
|
|
309
309
|
placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
|
|
310
310
|
style: {
|
|
@@ -334,7 +334,7 @@ describe('Select', function () {
|
|
|
334
334
|
wrapper.unmount();
|
|
335
335
|
});
|
|
336
336
|
it('should handle mouseEnter when searchable', function () {
|
|
337
|
-
var wrapper = (0, _enzyme.mount)(
|
|
337
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
338
338
|
type: "single",
|
|
339
339
|
placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
|
|
340
340
|
style: {
|
|
@@ -361,7 +361,7 @@ describe('Select', function () {
|
|
|
361
361
|
});
|
|
362
362
|
it('should close when click outside', function () {
|
|
363
363
|
var outsideDom = document.createElement('div');
|
|
364
|
-
var wrapper = (0, _enzyme.mount)(
|
|
364
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
365
365
|
type: "single",
|
|
366
366
|
placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
|
|
367
367
|
style: {
|
|
@@ -407,7 +407,7 @@ describe('Select', function () {
|
|
|
407
407
|
jest.spyOn(global, 'fetch').mockImplementation(function () {
|
|
408
408
|
return mockFetchPromise;
|
|
409
409
|
});
|
|
410
|
-
var wrapper = (0, _enzyme.mount)(
|
|
410
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
411
411
|
mode: "single",
|
|
412
412
|
dataSource: {
|
|
413
413
|
type: 'GET',
|
|
@@ -472,7 +472,7 @@ describe('Select', function () {
|
|
|
472
472
|
jest.spyOn(global, 'fetch').mockImplementation(function () {
|
|
473
473
|
return mockFetchPromise;
|
|
474
474
|
});
|
|
475
|
-
var wrapper = (0, _enzyme.mount)(
|
|
475
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
476
476
|
mode: "single",
|
|
477
477
|
dataSource: {
|
|
478
478
|
type: 'GET',
|