@hi-ui/hiui 2.15.10 → 2.15.11
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/warning.js +2 -2
- package/es/alert/__test__/index.test.js +67 -0
- package/es/alert/index.js +147 -6
- package/es/alert/style/index.css +1 -1
- package/es/badge/index.js +87 -9
- package/es/badge/style/index.css +1 -1
- package/es/badge/style/index.js +0 -0
- package/es/button/Button.js +51 -59
- package/es/button/ButtonGroup.js +31 -23
- package/es/button/IconLoading.js +2 -2
- package/es/button/__test__/index.test.js +29 -0
- package/es/button/index.js +2 -3
- package/es/button/style/index.css +1 -1
- package/es/card/index.js +42 -54
- package/es/card/style/index.css +1 -1
- package/es/cascader/Cascader.js +116 -181
- package/es/cascader/__test__/index.test.js +283 -0
- package/es/cascader/index.js +2 -5
- package/es/cascader/menu.js +155 -0
- package/es/cascader/style/cascader.css +1 -1
- package/es/cascader/style/menu.css +1 -1
- package/es/checkbox/{checkbox-legacy/Base.js → Base.js} +31 -46
- package/es/checkbox/CheckBox.js +185 -0
- package/es/checkbox/index.js +4 -13
- package/es/checkbox/style/index.css +1 -1
- package/es/collapse/__test__/index.test.js +58 -0
- package/es/collapse/index.js +93 -79
- package/es/collapse/style/index.css +1 -1
- package/es/confirm/index.js +50 -37
- package/es/context/index.js +37 -39
- package/es/counter/__test__/index.test.js +52 -0
- package/es/counter/index.js +270 -6
- package/es/counter/style/index.css +1 -1
- package/es/date-picker/BasePicker.js +288 -374
- package/es/date-picker/Calender.js +90 -326
- package/es/date-picker/DatePanel.js +186 -175
- package/es/date-picker/DatePicker.js +51 -151
- package/es/date-picker/DateRangePanel.js +181 -253
- package/es/date-picker/Modal.js +25 -15
- package/es/date-picker/Time.js +336 -230
- package/es/date-picker/TimePanel.js +32 -27
- package/es/date-picker/TimePeriodPanel.js +32 -21
- package/es/date-picker/TimePicker.js +40 -42
- package/es/date-picker/TimeRangePanel.js +42 -32
- package/es/date-picker/Type.js +1 -5
- package/es/date-picker/WeekRangePanel.js +150 -237
- package/es/date-picker/constants.js +28 -14
- package/es/date-picker/dateUtil.js +52 -221
- package/es/date-picker/index.js +2 -5
- package/es/date-picker/style/index.css +1 -1
- package/es/date-picker/util.js +8 -101
- package/es/dropdown/Dropdown.js +199 -193
- package/es/dropdown/{tests → __test__}/index.test.js +2 -2
- package/es/dropdown/index.js +4 -73
- package/es/dropdown/style/index.css +1 -1
- package/es/dropdown/style/index.js +2 -0
- package/es/ficon/index.js +23 -13
- package/es/form/index.js +171 -6
- package/es/form/{Item.js → item.js} +53 -53
- package/es/form/style/index.css +1 -1
- package/es/grid/index.js +37 -25
- package/es/icon/index.js +32 -21
- package/es/index.js +9 -61
- package/es/input/index.js +345 -28
- package/es/input/style/index.css +1 -1
- package/es/input/util.js +18 -26
- package/es/lib/withDragDropContext.js +2 -2
- package/es/loading/index.js +129 -5
- package/es/loading/style/index.css +0 -0
- package/es/loading/style/index.js +0 -0
- package/es/locales/en-US.js +11 -45
- package/es/locales/index.js +2 -16
- package/es/locales/zh-CN.js +12 -46
- package/es/menu/Item.js +41 -32
- package/es/menu/ItemGroup.js +81 -0
- package/es/menu/SubMenu.js +74 -55
- package/es/menu/Title.js +42 -36
- package/es/menu/index.js +419 -12
- package/es/menu/style/index.css +1 -1
- package/es/modal/__test__/index.test.js +123 -0
- package/es/modal/index.js +61 -77
- package/es/modal/style/index.css +1 -1
- package/es/nav-menu/NavMenu.js +45 -31
- package/es/nav-menu/__test__/index.test.js +2 -2
- package/es/nav-menu/index.js +2 -2
- package/es/notification/__test__/index.test.js +56 -0
- package/es/notification/index.js +231 -68
- package/es/notification/style/index.css +1 -1
- package/es/notification/style/index.js +0 -0
- package/es/pagination/Pager.js +8 -6
- package/es/pagination/Pagination.js +115 -124
- package/es/pagination/__test__/index.test.js +140 -0
- package/es/pagination/index.js +8 -9
- package/es/pagination/style/index.css +1 -1
- package/es/panel/index.js +33 -23
- package/es/popover/__test__/index.test.js +2 -2
- package/es/popover/index.js +69 -71
- package/es/popper/index.js +54 -64
- package/es/popper/style/index.css +1 -1
- package/es/progress/BarProgress.js +43 -109
- package/es/progress/CircleProgress.js +10 -9
- package/es/progress/DashboardProgress.js +9 -7
- package/es/progress/index.js +100 -8
- package/es/progress/style/index.css +1 -1
- package/es/radio/{radio-legacy/__test__ → __test__}/index.test.js +10 -10
- package/es/radio/index.js +216 -10
- package/es/radio/style/index.css +1 -1
- package/es/rate/Icons.js +2 -2
- package/es/rate/Rate.js +90 -65
- package/es/rate/__test__/index.test.js +54 -0
- package/es/rate/index.js +2 -5
- package/es/rate/style/index.css +1 -1
- package/es/select/Option.js +93 -0
- package/es/select/Select.js +253 -325
- package/es/select/SelectDropdown.js +63 -215
- package/es/select/SelectInput.js +54 -88
- package/es/select/__test__/index.test.js +429 -0
- package/es/select/index.js +4 -6
- package/es/select/style/select-dropdown.css +1 -1
- package/es/select/style/select-input.css +1 -1
- package/es/stepper/index.js +127 -21
- package/es/stepper/style/index.css +1 -1
- package/es/style/color/colors.css +0 -0
- package/es/style/icon/diyIcon.css +1 -1
- package/es/style/icon/index.css +1 -1
- package/es/style/index.css +0 -0
- package/es/style/mixins/colors.css +0 -0
- package/es/style/mixins/index.css +0 -0
- package/es/style/theme/dark.css +0 -0
- package/es/style/theme/default.css +0 -0
- package/es/switch/{__tests__ → __test__}/index.test.js +2 -31
- package/es/switch/index.js +36 -24
- package/es/switch/style/index.css +1 -1
- package/es/table/__test__/index.test.js +73 -0
- package/es/table/{Body.js → body.js} +52 -36
- package/es/table/checkbox/index.js +36 -33
- package/es/table/clickOuterside.js +115 -0
- package/es/table/{Footer.js → footer.js} +41 -24
- package/es/table/{Header.js → header.js} +54 -41
- package/es/table/index.js +300 -262
- package/es/table/menu/index.js +34 -32
- package/es/table/pover.js +154 -0
- package/es/table/prefix.js +2 -2
- package/es/table/style/Table.css +1 -1
- package/es/table/style/index.css +1 -1
- package/es/table/tableContent.js +120 -0
- package/es/tabs/ItemDropdown.js +51 -39
- package/es/tabs/TabPane.js +35 -25
- package/es/tabs/Tabs.js +91 -98
- package/es/tabs/index.js +3 -9
- package/es/tabs/style/index.css +1 -1
- package/es/timeline/__test__/index.test.js +49 -0
- package/es/timeline/foldingItem.js +82 -0
- package/es/timeline/index.js +127 -203
- package/es/timeline/style/index.css +1 -1
- package/es/tooltip/__test__/index.test.js +67 -0
- package/es/tooltip/index.js +39 -86
- package/es/tooltip/style/index.css +1 -1
- package/es/transfer/Item.js +44 -53
- package/es/transfer/__test__/index.test.js +11 -0
- package/es/transfer/index.js +443 -4
- package/es/transfer/style/index.css +1 -1
- package/es/tree/Tree.js +86 -76
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +108 -204
- package/es/tree/TreeNode.js +318 -457
- package/es/tree/index.js +2 -9
- package/es/tree/style/index.css +1 -1
- package/es/tree/util.js +257 -9
- package/es/upload/{upload-legacy/Preview.js → Preview.js} +39 -33
- package/es/upload/Upload.js +193 -289
- package/es/upload/UploadAvatar.js +58 -44
- package/es/upload/UploadClick.js +45 -49
- package/es/upload/UploadDrag.js +43 -44
- package/es/upload/UploadPhoto.js +55 -70
- package/es/upload/UploadPictureCard.js +44 -39
- package/es/upload/index.js +71 -8
- package/es/upload/style/index.css +1 -1
- package/es/upload/tool.js +1 -0
- package/package.json +4 -1
- package/es/_util/SwitchVersion.js +0 -44
- package/es/_util/depreactedPropsCompat.js +0 -58
- package/es/_util/index.js +0 -32
- package/es/alert/Alert.js +0 -134
- package/es/alert/__tests__/index.test.js +0 -88
- package/es/badge/Badge.js +0 -90
- package/es/badge/__tests__/index.test.js +0 -82
- package/es/breadcrumb/__tests__/index.test.js +0 -61
- package/es/breadcrumb/index.js +0 -93
- package/es/breadcrumb/style/index.css +0 -1
- package/es/button/__tests__/index.test.js +0 -219
- package/es/card/__tests__/index.test.js +0 -169
- package/es/carousel/__tests__/index.test.js +0 -104
- package/es/carousel/index.js +0 -227
- package/es/carousel/style/index.css +0 -1
- package/es/carousel/style/index.js +0 -3
- package/es/cascader/Menu.js +0 -174
- package/es/cascader/__tests__/index.test.js +0 -389
- package/es/checkbox/Checkbox.js +0 -144
- package/es/checkbox/Group.js +0 -202
- package/es/checkbox/__tests__/index.test.js +0 -226
- package/es/checkbox/checkbox-legacy/CheckBox.js +0 -165
- package/es/checkbox/checkbox-legacy/index.js +0 -15
- package/es/checkbox/checkbox-legacy/style/index.css +0 -1
- package/es/checkbox/checkbox-legacy/style/index.js +0 -3
- package/es/collapse/__tests__/index.test.js +0 -111
- package/es/counter/Counter.js +0 -343
- package/es/counter/__tests__/index.test.js +0 -134
- package/es/counter/counter-legacy/index.js +0 -271
- package/es/date-picker/TimeList.js +0 -254
- package/es/date-picker/YMRangePanel.js +0 -372
- package/es/date-picker/__tests__/index.test.js +0 -961
- package/es/date-picker/datepicker-legacy/BasePicker.js +0 -519
- package/es/date-picker/datepicker-legacy/Calender.js +0 -430
- package/es/date-picker/datepicker-legacy/DatePanel.js +0 -463
- package/es/date-picker/datepicker-legacy/DatePicker.js +0 -107
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +0 -496
- package/es/date-picker/datepicker-legacy/Modal.js +0 -71
- package/es/date-picker/datepicker-legacy/Time.js +0 -413
- package/es/date-picker/datepicker-legacy/TimePanel.js +0 -93
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +0 -126
- package/es/date-picker/datepicker-legacy/TimePicker.js +0 -82
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +0 -98
- package/es/date-picker/datepicker-legacy/Type.js +0 -31
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +0 -345
- package/es/date-picker/datepicker-legacy/constants.js +0 -79
- package/es/date-picker/datepicker-legacy/dateUtil.js +0 -258
- package/es/date-picker/datepicker-legacy/index.js +0 -15
- package/es/date-picker/datepicker-legacy/local.js +0 -11
- package/es/date-picker/datepicker-legacy/style/index.css +0 -1
- package/es/date-picker/datepicker-legacy/style/index.js +0 -3
- package/es/date-picker/datepicker-legacy/style/timepicker.css +0 -1
- package/es/date-picker/datepicker-legacy/util.js +0 -60
- package/es/date-picker/toLunar.js +0 -172
- package/es/dropdown/DropdownButton.js +0 -106
- package/es/dropdown/DropdownMenu.js +0 -111
- package/es/dropdown/DropdownMenuItem.js +0 -178
- package/es/dropdown/__tests__/index.test.js +0 -317
- package/es/dropdown/utils.js +0 -35
- package/es/form/Form.js +0 -184
- package/es/form/__tests__/index.test.js +0 -575
- package/es/grid/__tests__/index.test.js +0 -104
- package/es/input/Input.js +0 -412
- package/es/input/__tests__/index.test.js +0 -381
- package/es/input/input-legacy/index.js +0 -353
- package/es/input/input-legacy/util.js +0 -176
- package/es/loading/Loading.js +0 -181
- package/es/loading/__tests__/index.test.js +0 -110
- package/es/locales/zh-Hant-HK.js +0 -121
- package/es/locales/zh-Hant-TW.js +0 -123
- package/es/menu/Menu.js +0 -422
- package/es/menu/__tests__/index.test.js +0 -279
- package/es/message/__tests__/index.test.js +0 -75
- package/es/message/index.js +0 -58
- package/es/message/style/index.css +0 -1
- package/es/message/style/index.js +0 -5
- package/es/modal/__tests__/index.test.js +0 -178
- package/es/nav-menu/__tests__/index.test.js +0 -27
- package/es/notice/Notice.js +0 -142
- package/es/notice/NoticeContainer.js +0 -113
- package/es/notice/__tests__/index.test.js +0 -174
- package/es/notice/index.js +0 -66
- package/es/notice/style/index.css +0 -1
- package/es/notice/style/index.js +0 -5
- package/es/notification/HandleNotification/index.js +0 -224
- package/es/notification/HandleNotification/style/index.css +0 -1
- package/es/notification/HandleNotification/style/index.js +0 -5
- package/es/notification/__tests__/index.test.js +0 -118
- package/es/pagination/__tests__/index.test.js +0 -248
- package/es/popover/__tests__/index.test.js +0 -152
- package/es/preview/index.js +0 -527
- package/es/preview/style/index.css +0 -1
- package/es/preview/style/index.js +0 -3
- package/es/progress/Progress.js +0 -110
- package/es/progress/__tests__/index.test.js +0 -131
- package/es/radio/Group.js +0 -203
- package/es/radio/Radio.js +0 -151
- package/es/radio/__tests__/index.test.js +0 -128
- package/es/radio/radio-legacy/index.js +0 -222
- package/es/radio/radio-legacy/style/index.css +0 -1
- package/es/radio/radio-legacy/style/index.js +0 -3
- package/es/rate/__tests__/index.test.js +0 -124
- package/es/select/__tests__/index.test.js +0 -505
- package/es/select/select-legacy/Option.js +0 -81
- package/es/select/select-legacy/Select.js +0 -710
- package/es/select/select-legacy/SelectDropdown.js +0 -164
- package/es/select/select-legacy/SelectInput.js +0 -312
- package/es/select/select-legacy/common.js +0 -19
- package/es/select/select-legacy/index.js +0 -16
- package/es/stepper/Stepper.js +0 -151
- package/es/stepper/__tests__/index.test.js +0 -161
- package/es/table/ClickOuterside.js +0 -103
- package/es/table/TableContent.js +0 -109
- package/es/table/__tests__/index.test.js +0 -133
- package/es/table/checkbox/style/index.css +0 -1
- package/es/table/checkbox/style/index.js +0 -3
- package/es/tabs/__tests__/index.test.js +0 -333
- package/es/tabs/tabs-legacy/ItemDropdown.js +0 -170
- package/es/tabs/tabs-legacy/TabPane.js +0 -78
- package/es/tabs/tabs-legacy/Tabs.js +0 -299
- package/es/tabs/tabs-legacy/index.js +0 -18
- package/es/tabs/tabs-legacy/style/index.css +0 -1
- package/es/tabs/tabs-legacy/style/index.js +0 -3
- package/es/tag/__tests__/index.test.js +0 -46
- package/es/tag/index.js +0 -94
- package/es/tag/style/index.css +0 -1
- package/es/tag/style/index.js +0 -3
- package/es/timeline/__tests__/index.test.js +0 -198
- package/es/tooltip/__tests__/index.test.js +0 -170
- package/es/transfer/Transfer.js +0 -566
- package/es/transfer/__tests__/index.test.js +0 -210
- package/es/tree/IconLoading.js +0 -38
- package/es/tree/__tests__/index.test.js +0 -603
- package/es/tree/tree-legacy/Tree.js +0 -337
- package/es/tree/tree-legacy/TreeDivider.js +0 -25
- package/es/tree/tree-legacy/TreeItem.js +0 -333
- package/es/tree/tree-legacy/TreeNode.js +0 -719
- package/es/tree/tree-legacy/index.js +0 -13
- package/es/tree/tree-legacy/style/index.css +0 -1
- package/es/tree/tree-legacy/style/index.js +0 -3
- package/es/tree/tree-legacy/util.js +0 -434
- package/es/upload/__tests__/index.test.js +0 -760
- package/es/upload/main.js +0 -91
- package/es/upload/upload-legacy/Upload.js +0 -435
- package/es/upload/upload-legacy/UploadAvatar.js +0 -322
- package/es/upload/upload-legacy/UploadClick.js +0 -125
- package/es/upload/upload-legacy/UploadDrag.js +0 -180
- package/es/upload/upload-legacy/UploadPhoto.js +0 -183
- package/es/upload/upload-legacy/UploadPictureCard.js +0 -126
- package/es/upload/upload-legacy/index.js +0 -75
- package/es/upload/upload-legacy/style/index.css +0 -1
- package/es/upload/upload-legacy/style/index.js +0 -5
- package/es/upload/upload-legacy/tool.js +0 -84
- package/es/watermark/index.js +0 -101
- package/es/watermark/watermark.js +0 -252
- /package/es/checkbox/{checkbox-legacy/common.js → common.js} +0 -0
- /package/es/{breadcrumb/style → style}/index.js +0 -0
- /package/es/upload/{upload-legacy/style → style}/preview.css +0 -0
- /package/es/upload/{upload-legacy/style → style}/preview.js +0 -0
package/es/button/ButtonGroup.js
CHANGED
|
@@ -1,67 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
3
|
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
6
|
exports["default"] = void 0;
|
|
11
7
|
|
|
12
|
-
var
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
9
|
|
|
14
|
-
var
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
11
|
|
|
16
|
-
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
19
15
|
|
|
20
|
-
var
|
|
16
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
21
17
|
|
|
22
|
-
|
|
18
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
23
19
|
|
|
24
|
-
|
|
20
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
21
|
|
|
26
|
-
var
|
|
22
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
23
|
+
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
27
25
|
|
|
28
|
-
function
|
|
26
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
29
27
|
|
|
30
|
-
function
|
|
28
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
29
|
|
|
32
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (
|
|
30
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
33
31
|
|
|
34
|
-
function
|
|
32
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
33
|
+
|
|
34
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
35
|
+
|
|
36
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
+
|
|
38
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
|
+
|
|
40
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
41
|
|
|
36
42
|
var ButtonGroup = /*#__PURE__*/function (_Component) {
|
|
37
|
-
(
|
|
43
|
+
_inherits(ButtonGroup, _Component);
|
|
38
44
|
|
|
39
45
|
var _super = _createSuper(ButtonGroup);
|
|
40
46
|
|
|
41
47
|
function ButtonGroup() {
|
|
42
|
-
(
|
|
48
|
+
_classCallCheck(this, ButtonGroup);
|
|
49
|
+
|
|
43
50
|
return _super.apply(this, arguments);
|
|
44
51
|
}
|
|
45
52
|
|
|
46
|
-
(
|
|
53
|
+
_createClass(ButtonGroup, [{
|
|
47
54
|
key: "render",
|
|
48
55
|
value: function render() {
|
|
49
56
|
var _this$props = this.props,
|
|
50
57
|
prefixCls = _this$props.prefixCls,
|
|
51
|
-
style = _this$props.style
|
|
52
|
-
|
|
53
|
-
var classes = (0, _classnames["default"])("".concat(prefixCls), className);
|
|
58
|
+
style = _this$props.style;
|
|
59
|
+
var classes = (0, _classnames["default"])("".concat(prefixCls));
|
|
54
60
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
55
61
|
className: classes,
|
|
56
62
|
style: style
|
|
57
63
|
}, this.props.children);
|
|
58
64
|
}
|
|
59
65
|
}]);
|
|
66
|
+
|
|
60
67
|
return ButtonGroup;
|
|
61
68
|
}(_react.Component);
|
|
62
69
|
|
|
63
|
-
(
|
|
70
|
+
_defineProperty(ButtonGroup, "defaultProps", {
|
|
64
71
|
prefixCls: 'hi-btn-group'
|
|
65
72
|
});
|
|
73
|
+
|
|
66
74
|
var _default = ButtonGroup;
|
|
67
75
|
exports["default"] = _default;
|
package/es/button/IconLoading.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
@@ -9,6 +7,8 @@ exports["default"] = IconLoading;
|
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
12
|
function IconLoading() {
|
|
13
13
|
var size = '0.8em';
|
|
14
14
|
return /*#__PURE__*/_react["default"].createElement("i", {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _enzyme = require("enzyme");
|
|
6
|
+
|
|
7
|
+
var _ = _interopRequireDefault(require("../"));
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
11
|
+
var wrapper;
|
|
12
|
+
var clickCallback = jest.fn(function (val) {
|
|
13
|
+
return val;
|
|
14
|
+
});
|
|
15
|
+
describe('Dropdown', function () {
|
|
16
|
+
beforeEach(function () {});
|
|
17
|
+
afterEach(function () {
|
|
18
|
+
wrapper && wrapper.unmount();
|
|
19
|
+
clickCallback.mockClear();
|
|
20
|
+
});
|
|
21
|
+
it('点击事件', function () {
|
|
22
|
+
wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
23
|
+
onClick: clickCallback,
|
|
24
|
+
type: "primary"
|
|
25
|
+
}, "\u7A81\u51FA\u6309\u94AE")));
|
|
26
|
+
wrapper.find(_["default"]).simulate('click');
|
|
27
|
+
expect(clickCallback).toHaveBeenCalled();
|
|
28
|
+
});
|
|
29
|
+
});
|
package/es/button/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
@@ -13,7 +11,8 @@ var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
|
|
|
13
11
|
|
|
14
12
|
require("./style/index");
|
|
15
13
|
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
16
|
_Button["default"].Group = _ButtonGroup["default"];
|
|
17
|
-
_Button["default"].IS_HI_COMPONENT = true;
|
|
18
17
|
var _default = _Button["default"];
|
|
19
18
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hi-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:32px;padding:4px 15px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:400;line-height:22px;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear,-webkit-box-shadow .15s linear}.hi-btn.hi-btn--appearance--link{background-color:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.hi-btn--type--primary{background-color:#4285f4;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3b78dc;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#2e5dab;color:#fff}.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(66,133,244,0.2);color:#fff}.hi-btn--type--primary.hi-btn--appearance--link{color:#4285f4}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#356ac3}.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#4285f4;opacity:0.54}.hi-btn--type--line{background-color:rgba(66,133,244,0.1);border-color:rgba(66,133,244,0.4);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(66,133,244,0.15);color:#4285f4}.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(66,133,244,0.2);color:rgba(66,133,244,0.3)}.hi-btn--type--line.hi-btn--appearance--link{color:#4285f4}.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#356ac3}.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#4285f4;opacity:0.54}.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn:focus{outline:0;z-index:1}.hi-btn+.hi-btn{margin-left:8px}.hi-btn .hi-icon{margin-right:4px}.hi-btn--size--large{height:54px;padding:13px 60px;font-size:18px;line-height:26px}.hi-btn--size--large.hi-btn--icon{padding-left:17px;padding-right:17px}.hi-btn--size--large .hi-icon{margin-right:4px}.hi-btn--size--small{height:24px;padding:1px 11px;font-size:12px;line-height:20px}.hi-btn--size--small.hi-btn--icon{padding-left:5px;padding-right:5px}.hi-btn--size--small .hi-icon{margin-right:2px}.hi-btn--icon{padding-left:8px;padding-right:8px}.hi-btn--icon .hi-icon{margin-right:0}.hi-btn--type--default,.hi-btn--type--info{background-color:#fff;border-color:#d8d8d8;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):hover,.hi-btn--type--info:not(.hi-btn--disabled):hover{border-color:#ccc;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):active,.hi-btn--type--info:not(.hi-btn--disabled):active{background-color:#f6f6f6;color:#333}.hi-btn--type--default.hi-btn--disabled,.hi-btn--type--default[disabled],.hi-btn--type--info.hi-btn--disabled,.hi-btn--type--info[disabled]{background-color:#f6f6f6;border-color:rgba(51,51,51,0.1);color:#d8d8d8}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):hover,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#292929}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):active,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):active{color:#333}.hi-btn--type--default.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--default.hi-btn--appearance--link[disabled],.hi-btn--type--info.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--info.hi-btn--appearance--link[disabled]{color:#333;opacity:0.54}.hi-btn--type--success{background-color:rgba(29,166,83,0.1);border-color:rgba(29,166,83,0.4);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(29,166,83,0.25);box-shadow:0 0 0 2px rgba(29,166,83,0.25)}.hi-btn--type--success:not(.hi-btn--disabled):hover{border-color:rgba(29,166,83,0.8);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):active{background-color:rgba(29,166,83,0.15);color:#1da653}.hi-btn--type--success.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--success[disabled]:not(.hi-btn--loading){border-color:rgba(29,166,83,0.2);color:rgba(29,166,83,0.3)}.hi-btn--type--success.hi-btn--appearance--link{color:#1da653}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#178542}.hi-btn--type--success.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--success.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#1da653;opacity:0.54}.hi-btn--type--danger{background-color:rgba(244,65,65,0.1);border-color:rgba(244,65,65,0.4);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(244,65,65,0.25);box-shadow:0 0 0 2px rgba(244,65,65,0.25)}.hi-btn--type--danger:not(.hi-btn--disabled):hover{border-color:rgba(244,65,65,0.8);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):active{background-color:rgba(244,65,65,0.15);color:#f44141}.hi-btn--type--danger.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--danger[disabled]:not(.hi-btn--loading){border-color:rgba(244,65,65,0.2);color:rgba(244,65,65,0.3)}.hi-btn--type--danger.hi-btn--appearance--link{color:#f44141}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#c33434}.hi-btn--type--danger.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--danger.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#f44141;opacity:0.54}.hi-btn--type--warning{background-color:rgba(225,157,12,0.1);border-color:rgba(225,157,12,0.4);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(225,157,12,0.25);box-shadow:0 0 0 2px rgba(225,157,12,0.25)}.hi-btn--type--warning:not(.hi-btn--disabled):hover{border-color:rgba(225,157,12,0.8);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):active{background-color:rgba(225,157,12,0.15);color:#e19d0c}.hi-btn--type--warning.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--warning[disabled]:not(.hi-btn--loading){border-color:rgba(225,157,12,0.2);color:rgba(225,157,12,0.3)}.hi-btn--type--warning.hi-btn--appearance--link{color:#e19d0c}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#b47e0a}.hi-btn--type--warning.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--warning.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#e19d0c;opacity:0.54}.hi-btn--loading{position:relative}.hi-btn--loading::before{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;content:'';background-color:#fff;cursor:default;opacity:0.4}.hi-btn--loading--icon{display:inline-block;width:1em;height:1em;cursor:default}.hi-btn--loading--icon svg{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hi-btn--disabled,.hi-btn[disabled]:not(.hi-btn--loading){cursor:not-allowed}.hi-btn--block{display:block;width:100%}.hi-btn--block+.hi-btn--block{margin-top:4px}.theme__orange.hi-btn--type--primary{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#e65c2e;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#b34724;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,102,51,0.2);color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link{color:#f63}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc5229}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#f63;opacity:0.54}.theme__orange.hi-btn--type--line{background-color:rgba(255,102,51,0.1);border-color:rgba(255,102,51,0.4);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,102,51,0.15);color:#f63}.theme__orange.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,102,51,0.2);color:rgba(255,102,51,0.3)}.theme__orange.hi-btn--type--line.hi-btn--appearance--link{color:#f63}.theme__orange.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc5229}.theme__orange.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#f63;opacity:0.54}.theme__orange.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__cyan.hi-btn--type--primary{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3fa98a;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#31846b;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(70,188,153,0.2);color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link{color:#46bc99}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#38967a}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#46bc99;opacity:0.54}.theme__cyan.hi-btn--type--line{background-color:rgba(70,188,153,0.1);border-color:rgba(70,188,153,0.4);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(70,188,153,0.15);color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(70,188,153,0.2);color:rgba(70,188,153,0.3)}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link{color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#38967a}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#46bc99;opacity:0.54}.theme__cyan.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__magenta.hi-btn--type--primary{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#e65069;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#b33e52;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,89,117,0.2);color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link{color:#ff5975}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc475e}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#ff5975;opacity:0.54}.theme__magenta.hi-btn--type--line{background-color:rgba(255,89,117,0.1);border-color:rgba(255,89,117,0.4);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,89,117,0.15);color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,89,117,0.2);color:rgba(255,89,117,0.3)}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link{color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc475e}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#ff5975;opacity:0.54}.theme__magenta.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__lavender.hi-btn--type--primary{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#a248c8;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#7e389b;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(180,80,222,0.2);color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link{color:#b450de}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#9040b2}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#b450de;opacity:0.54}.theme__lavender.hi-btn--type--line{background-color:rgba(180,80,222,0.1);border-color:rgba(180,80,222,0.4);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(180,80,222,0.15);color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(180,80,222,0.2);color:rgba(180,80,222,0.3)}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link{color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#9040b2}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#b450de;opacity:0.54}.theme__lavender.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__blue.hi-btn--type--primary{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3797dd;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#2b76ac;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(61,168,245,0.2);color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link{color:#3da8f5}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#3186c4}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#3da8f5;opacity:0.54}.theme__blue.hi-btn--type--line{background-color:rgba(61,168,245,0.1);border-color:rgba(61,168,245,0.4);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(61,168,245,0.15);color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(61,168,245,0.2);color:rgba(61,168,245,0.3)}.theme__blue.hi-btn--type--line.hi-btn--appearance--link{color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#3186c4}.theme__blue.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#3da8f5;opacity:0.54}.theme__blue.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__purple.hi-btn--type--primary{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#7c7cb7;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#61618e;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(138,138,203,0.2);color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link{color:#8a8acb}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#6e6ea2}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#8a8acb;opacity:0.54}.theme__purple.hi-btn--type--line{background-color:rgba(138,138,203,0.1);border-color:rgba(138,138,203,0.4);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(138,138,203,0.15);color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(138,138,203,0.2);color:rgba(138,138,203,0.3)}.theme__purple.hi-btn--type--line.hi-btn--appearance--link{color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#6e6ea2}.theme__purple.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#8a8acb;opacity:0.54}.theme__purple.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.hi-btn-group{display:inline-block}.hi-btn-group>.hi-btn{margin-left:0;margin-right:0}.hi-btn-group>.hi-btn:hover{z-index:1}.hi-btn-group>.hi-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.hi-btn-group>.hi-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
|
|
1
|
+
.hi-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:32px;padding:8px 15px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:400;line-height:1;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear,-webkit-box-shadow .15s linear}.hi-btn--type--primary{background-color:#4285f4;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#689df6;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3b78dc;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);box-shadow:inset 0 4px 4px rgba(66,133,244,0.25)}.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(66,133,244,0.2);color:#fff}.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#4285f4}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#4285f4;color:#fff}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3b78dc;color:#fff}.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--line{background-color:rgba(66,133,244,0.1);border-color:rgba(66,133,244,0.4);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(66,133,244,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);color:#4285f4}.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(66,133,244,0.2);color:rgba(66,133,244,0.3)}.hi-btn+.hi-btn{margin-left:8px}.hi-btn:focus{outline:0}.hi-btn--loading::before{content:'';display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;background-color:#fff;opacity:0.4;cursor:default}.hi-btn--loading--icon{width:1em;height:1em;display:inline-block;cursor:default}.hi-btn--loading--icon svg{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hi-btn--icon{padding-left:8px;padding-right:8px}.hi-btn--icon__spacer{width:8px;display:inline-block}.hi-btn--type--default,.hi-btn--type--info{background-color:#fff;border-color:#d8d8d8;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):hover,.hi-btn--type--info:not(.hi-btn--disabled):hover{border-color:#ccc;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):active,.hi-btn--type--info:not(.hi-btn--disabled):active{background-color:#f6f6f6;-webkit-box-shadow:inset 0 4px 4px rgba(51,51,51,0.25);box-shadow:inset 0 4px 4px rgba(51,51,51,0.25);color:#333}.hi-btn--type--default.hi-btn--disabled,.hi-btn--type--default[disabled],.hi-btn--type--info.hi-btn--disabled,.hi-btn--type--info[disabled]{background-color:#f6f6f6;border-color:rgba(51,51,51,0.1);color:#d8d8d8}.hi-btn--type--default.hi-btn--appearance--link,.hi-btn--type--info.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):hover,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#ccc;color:#fff}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):active,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#bfbfbf;border-color:#bfbfbf;color:#fff}.hi-btn--type--default.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--default.hi-btn--appearance--link[disabled],.hi-btn--type--info.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--info.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--success{background-color:rgba(29,166,83,0.1);border-color:rgba(29,166,83,0.4);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):hover{border-color:rgba(29,166,83,0.8);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):active{background-color:rgba(29,166,83,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(29,166,83,0.25);box-shadow:inset 0 4px 4px rgba(29,166,83,0.25);color:#1da653}.hi-btn--type--success.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--success[disabled]:not(.hi-btn--loading){border-color:rgba(29,166,83,0.2);color:rgba(29,166,83,0.3)}.hi-btn--type--success.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(29,166,83,0.8);color:#fff}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#1da653;color:#fff}.hi-btn--type--success.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--success.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--danger{background-color:rgba(244,65,65,0.1);border-color:rgba(244,65,65,0.4);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):hover{border-color:rgba(244,65,65,0.8);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):active{background-color:rgba(244,65,65,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(244,65,65,0.25);box-shadow:inset 0 4px 4px rgba(244,65,65,0.25);color:#f44141}.hi-btn--type--danger.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--danger[disabled]:not(.hi-btn--loading){border-color:rgba(244,65,65,0.2);color:rgba(244,65,65,0.3)}.hi-btn--type--danger.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(244,65,65,0.8);color:#fff}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#f44141;color:#fff}.hi-btn--type--danger.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--danger.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--warning{background-color:rgba(225,157,12,0.1);border-color:rgba(225,157,12,0.4);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):hover{border-color:rgba(225,157,12,0.8);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):active{background-color:rgba(225,157,12,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(225,157,12,0.25);box-shadow:inset 0 4px 4px rgba(225,157,12,0.25);color:#e19d0c}.hi-btn--type--warning.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--warning[disabled]:not(.hi-btn--loading){border-color:rgba(225,157,12,0.2);color:rgba(225,157,12,0.3)}.hi-btn--type--warning.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(225,157,12,0.8);color:#fff}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e19d0c;color:#fff}.hi-btn--type--warning.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--warning.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--disabled,.hi-btn[disabled]:not(.hi-btn--loading){cursor:not-allowed}.hi-btn--size--large{height:54px;padding:17px 60px;font-size:18px}.hi-btn--size--large.hi-btn--icon{padding-left:17px;padding-right:17px}.hi-btn--size--small{height:24px;padding:5px 11px;font-size:12px}.hi-btn--size--small.hi-btn--icon{padding-left:5px;padding-right:5px}.hi-btn--block{display:block;width:100%}.hi-btn--block+.hi-btn--block{margin-top:4px}.theme__orange.hi-btn--type--primary{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#ff855c;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#e65c2e;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);box-shadow:inset 0 4px 4px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,102,51,0.2);color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#f63}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e65c2e;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__orange.hi-btn--type--line{background-color:rgba(255,102,51,0.1);border-color:rgba(255,102,51,0.4);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,102,51,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);color:#f63}.theme__orange.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,102,51,0.2);color:rgba(255,102,51,0.3)}.theme__cyan.hi-btn--type--primary{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#6bc9ad;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3fa98a;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);box-shadow:inset 0 4px 4px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(70,188,153,0.2);color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#46bc99}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3fa98a;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__cyan.hi-btn--type--line{background-color:rgba(70,188,153,0.1);border-color:rgba(70,188,153,0.4);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(70,188,153,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(70,188,153,0.2);color:rgba(70,188,153,0.3)}.theme__magenta.hi-btn--type--primary{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#ff7a91;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#e65069;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);box-shadow:inset 0 4px 4px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,89,117,0.2);color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#ff5975}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e65069;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__magenta.hi-btn--type--line{background-color:rgba(255,89,117,0.1);border-color:rgba(255,89,117,0.4);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,89,117,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,89,117,0.2);color:rgba(255,89,117,0.3)}.theme__lavender.hi-btn--type--primary{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#c373e5;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#a248c8;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);box-shadow:inset 0 4px 4px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(180,80,222,0.2);color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#b450de}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#a248c8;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__lavender.hi-btn--type--line{background-color:rgba(180,80,222,0.1);border-color:rgba(180,80,222,0.4);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(180,80,222,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(180,80,222,0.2);color:rgba(180,80,222,0.3)}.theme__blue.hi-btn--type--primary{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#64b9f7;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3797dd;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);box-shadow:inset 0 4px 4px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(61,168,245,0.2);color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#3da8f5}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3797dd;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__blue.hi-btn--type--line{background-color:rgba(61,168,245,0.1);border-color:rgba(61,168,245,0.4);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(61,168,245,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(61,168,245,0.2);color:rgba(61,168,245,0.3)}.theme__purple.hi-btn--type--primary{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#a1a1d5;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#7c7cb7;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);box-shadow:inset 0 4px 4px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(138,138,203,0.2);color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#8a8acb}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#7c7cb7;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__purple.hi-btn--type--line{background-color:rgba(138,138,203,0.1);border-color:rgba(138,138,203,0.4);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(138,138,203,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(138,138,203,0.2);color:rgba(138,138,203,0.3)}.hi-btn-group{display:inline-block}.hi-btn-group>.hi-btn{margin-left:0;margin-right:0}.hi-btn-group>.hi-btn:hover{position:relative;z-index:1}.hi-btn-group>.hi-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.hi-btn-group>.hi-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
|
package/es/card/index.js
CHANGED
|
@@ -1,59 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
3
|
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
10
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
11
7
|
|
|
12
|
-
var
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
9
|
|
|
14
|
-
var
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
11
|
|
|
16
|
-
var
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
require("./style/index");
|
|
19
15
|
|
|
20
|
-
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
17
|
|
|
22
|
-
|
|
18
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
23
19
|
|
|
24
|
-
var
|
|
20
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
25
21
|
|
|
26
|
-
|
|
22
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
+
|
|
26
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
31
29
|
|
|
32
|
-
function
|
|
30
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
31
|
|
|
34
|
-
function
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
33
|
|
|
36
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (
|
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
37
35
|
|
|
38
|
-
function
|
|
36
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
37
|
+
|
|
38
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
+
|
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
+
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
43
|
|
|
40
44
|
var Card = /*#__PURE__*/function (_Component) {
|
|
41
|
-
(
|
|
45
|
+
_inherits(Card, _Component);
|
|
42
46
|
|
|
43
47
|
var _super = _createSuper(Card);
|
|
44
48
|
|
|
45
49
|
function Card(props) {
|
|
46
50
|
var _this;
|
|
47
51
|
|
|
48
|
-
(
|
|
52
|
+
_classCallCheck(this, Card);
|
|
53
|
+
|
|
49
54
|
_this = _super.call(this, props);
|
|
50
55
|
_this.state = {
|
|
51
|
-
extraShow: props.extraShow === 'stay'
|
|
56
|
+
extraShow: props.extraShow === 'stay'
|
|
52
57
|
};
|
|
53
58
|
return _this;
|
|
54
59
|
}
|
|
55
60
|
|
|
56
|
-
(
|
|
61
|
+
_createClass(Card, [{
|
|
57
62
|
key: "render",
|
|
58
63
|
value: function render() {
|
|
59
64
|
var _this2 = this;
|
|
@@ -65,18 +70,14 @@ var Card = /*#__PURE__*/function (_Component) {
|
|
|
65
70
|
title = _this$props.title,
|
|
66
71
|
extra = _this$props.extra,
|
|
67
72
|
cover = _this$props.cover,
|
|
68
|
-
coverUrl = _this$props.coverUrl,
|
|
69
73
|
description = _this$props.description,
|
|
70
|
-
content = _this$props.content,
|
|
71
74
|
children = _this$props.children,
|
|
72
75
|
disabled = _this$props.disabled,
|
|
73
76
|
extraShow = _this$props.extraShow,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
theme = _this$props.theme;
|
|
77
|
-
var cls = (0, _classnames["default"])('hi-card', "theme__".concat(theme), hoverable && 'hi-card--hover', size && "hi-card--".concat(size === 'default' ? 'middle' : size), disabled && 'hi-card--disabled', !cover && !coverUrl && type !== 'simple' && 'hi-card--padding', type === 'simple' && "hi-card--simple-".concat(size === 'default' ? 'middle' : size));
|
|
77
|
+
type = _this$props.type;
|
|
78
|
+
var cls = (0, _classnames["default"])('hi-card', hoverable && 'hi-card--hover', size && "hi-card--".concat(size), disabled && 'hi-card--disabled', !cover && type !== 'simple' && 'hi-card--padding', type === 'simple' && "hi-card--simple-".concat(size));
|
|
78
79
|
var headerCls = (0, _classnames["default"])('hi-card__header', !title && extra && 'hi-card__header--onlyextra');
|
|
79
|
-
var coverCls = (0, _classnames["default"])('hi-card__content',
|
|
80
|
+
var coverCls = (0, _classnames["default"])('hi-card__content', cover && 'hi-card__content--cover');
|
|
80
81
|
var extraCls = (0, _classnames["default"])('hi-card__extra', !this.state.extraShow && 'hi-card__extra--hide');
|
|
81
82
|
|
|
82
83
|
var header = (title || extra) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -93,19 +94,14 @@ var Card = /*#__PURE__*/function (_Component) {
|
|
|
93
94
|
|
|
94
95
|
var coverDom = null;
|
|
95
96
|
|
|
96
|
-
if (cover
|
|
97
|
-
coverDom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null,
|
|
98
|
-
style: {
|
|
99
|
-
width: '100%'
|
|
100
|
-
}
|
|
101
|
-
}), coverUrl && /*#__PURE__*/_react["default"].createElement("img", {
|
|
102
|
-
src: coverUrl,
|
|
97
|
+
if (cover) {
|
|
98
|
+
coverDom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].cloneElement(cover, {
|
|
103
99
|
style: {
|
|
104
100
|
width: '100%'
|
|
105
101
|
}
|
|
106
102
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
107
103
|
className: coverCls
|
|
108
|
-
}, header,
|
|
104
|
+
}, header, description));
|
|
109
105
|
}
|
|
110
106
|
|
|
111
107
|
if (type === 'simple') {
|
|
@@ -119,34 +115,33 @@ var Card = /*#__PURE__*/function (_Component) {
|
|
|
119
115
|
className: cls,
|
|
120
116
|
style: style,
|
|
121
117
|
onMouseEnter: function onMouseEnter() {
|
|
122
|
-
|
|
118
|
+
extraShow === 'hover' && _this2.setState({
|
|
123
119
|
extraShow: true
|
|
124
120
|
});
|
|
125
121
|
},
|
|
126
122
|
onMouseLeave: function onMouseLeave() {
|
|
127
|
-
|
|
123
|
+
extraShow === 'hover' && _this2.setState({
|
|
128
124
|
extraShow: false
|
|
129
125
|
});
|
|
130
126
|
}
|
|
131
127
|
}, coverDom || body);
|
|
132
128
|
}
|
|
133
129
|
}]);
|
|
130
|
+
|
|
134
131
|
return Card;
|
|
135
132
|
}(_react.Component);
|
|
136
133
|
|
|
137
|
-
exports.Card = Card;
|
|
138
134
|
Card.defaultProps = {
|
|
139
135
|
hoverable: false,
|
|
140
136
|
title: '',
|
|
141
137
|
extra: '',
|
|
142
|
-
extraShow: '
|
|
143
|
-
extraType: 'default'
|
|
138
|
+
extraShow: 'hover'
|
|
144
139
|
};
|
|
145
140
|
Card.propTypes = {
|
|
146
141
|
// 支持三种宽度预设值 small -> 276px middle -> 376px large -> 576px,如果传入 style 则忽略该值,如果缺省 style 及 size 则默认100%
|
|
147
|
-
size: _propTypes["default"].oneOf(['small', '
|
|
142
|
+
size: _propTypes["default"].oneOf(['small', 'middle', 'large']),
|
|
148
143
|
// 一种简单的小卡片
|
|
149
|
-
type: _propTypes["default"].oneOf(['simple'
|
|
144
|
+
type: _propTypes["default"].oneOf(['simple']),
|
|
150
145
|
style: _propTypes["default"].object,
|
|
151
146
|
// 鼠标移入是否显示悬停态(浮起)
|
|
152
147
|
hoverable: _propTypes["default"].bool,
|
|
@@ -158,16 +153,9 @@ Card.propTypes = {
|
|
|
158
153
|
cover: _propTypes["default"].element,
|
|
159
154
|
// 用于图片卡片,做为描述
|
|
160
155
|
description: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
|
|
161
|
-
// TODO: 废弃,使用 content
|
|
162
|
-
content: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
|
|
163
156
|
disabled: _propTypes["default"].bool,
|
|
164
|
-
// TODO: 废弃
|
|
165
157
|
// 扩展按钮显示模式
|
|
166
|
-
extraShow: _propTypes["default"].oneOf(['stay', 'hover'])
|
|
167
|
-
// TODO: 废弃,使用 extraType
|
|
168
|
-
extraType: _propTypes["default"].oneOf(['default', 'hover'])
|
|
158
|
+
extraShow: _propTypes["default"].oneOf(['stay', 'hover'])
|
|
169
159
|
};
|
|
170
|
-
|
|
171
|
-
var _default = (0, _context["default"])(Card);
|
|
172
|
-
|
|
160
|
+
var _default = Card;
|
|
173
161
|
exports["default"] = _default;
|
package/es/card/style/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hi-card{border-radius:2px;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box
|
|
1
|
+
.hi-card{border-radius:2px;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-card--padding{padding:24px}.hi-card--hover:not(.hi-card--disabled):hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)}.hi-card--disabled{background:#f6f6f6;color:#ccc;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-card__header{height:24px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-card__header--onlyextra{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hi-card__title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__content--cover{padding:16px}.hi-card__content--simple{height:40px;line-height:40px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__extra{cursor:pointer;color:#4284f5;font-size:14px}.hi-card__extra--hide{display:none}.hi-card--middle{width:376px}.hi-card--small{width:276px}.hi-card--large{width:576px}.hi-card--simple-small{width:136px}.hi-card--simple-middle{width:156px}.hi-card--simple-large{width:176px}
|