@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/preview/index.js
DELETED
|
@@ -1,527 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = void 0;
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
|
-
var _reactDom = require("react-dom");
|
|
29
|
-
|
|
30
|
-
var _reactAddonsCssTransitionGroup = _interopRequireDefault(require("react-addons-css-transition-group"));
|
|
31
|
-
|
|
32
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
-
|
|
34
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
35
|
-
|
|
36
|
-
var _icon = _interopRequireDefault(require("../icon"));
|
|
37
|
-
|
|
38
|
-
var _loading = _interopRequireDefault(require("../loading"));
|
|
39
|
-
|
|
40
|
-
require("./style/index.js");
|
|
41
|
-
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
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); }; }
|
|
51
|
-
|
|
52
|
-
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; } }
|
|
53
|
-
|
|
54
|
-
var Preview = /*#__PURE__*/function (_Component) {
|
|
55
|
-
(0, _inherits2["default"])(Preview, _Component);
|
|
56
|
-
|
|
57
|
-
var _super = _createSuper(Preview);
|
|
58
|
-
|
|
59
|
-
function Preview(props) {
|
|
60
|
-
var _this;
|
|
61
|
-
|
|
62
|
-
(0, _classCallCheck2["default"])(this, Preview);
|
|
63
|
-
_this = _super.call(this, props);
|
|
64
|
-
_this.state = {
|
|
65
|
-
extraClass: '',
|
|
66
|
-
style: {
|
|
67
|
-
width: 0,
|
|
68
|
-
height: 0,
|
|
69
|
-
left: 0,
|
|
70
|
-
top: 0,
|
|
71
|
-
rotate: 0,
|
|
72
|
-
scaleX: 1,
|
|
73
|
-
scaleY: 1
|
|
74
|
-
},
|
|
75
|
-
compileStyle: {},
|
|
76
|
-
imgLoaded: false,
|
|
77
|
-
isLoaded: false,
|
|
78
|
-
isMouseDown: false,
|
|
79
|
-
mouseX: 0,
|
|
80
|
-
mouseY: 0,
|
|
81
|
-
zoomValue: 100,
|
|
82
|
-
rotateValue: 0,
|
|
83
|
-
activeIndex: props.activeIndex || 0,
|
|
84
|
-
visible: props.visible
|
|
85
|
-
};
|
|
86
|
-
_this.node = document.createElement('div');
|
|
87
|
-
document.body.appendChild(_this.node);
|
|
88
|
-
_this.imgRef = /*#__PURE__*/_react["default"].createRef();
|
|
89
|
-
_this.previewRef = /*#__PURE__*/_react["default"].createRef();
|
|
90
|
-
_this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2["default"])(_this));
|
|
91
|
-
_this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2["default"])(_this));
|
|
92
|
-
_this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2["default"])(_this));
|
|
93
|
-
_this.handleMouseWheel = _this.handleMouseWheel.bind((0, _assertThisInitialized2["default"])(_this));
|
|
94
|
-
_this.imageMouseOver = _this.imageMouseOver.bind((0, _assertThisInitialized2["default"])(_this));
|
|
95
|
-
_this.imageMouseOut = _this.imageMouseOut.bind((0, _assertThisInitialized2["default"])(_this));
|
|
96
|
-
_this.autoPlayTimer = null;
|
|
97
|
-
return _this;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
(0, _createClass2["default"])(Preview, [{
|
|
101
|
-
key: "componentDidMount",
|
|
102
|
-
value: function componentDidMount() {
|
|
103
|
-
this.loadImg(this.state.activeIndex);
|
|
104
|
-
this.addAutoPlayEvent();
|
|
105
|
-
}
|
|
106
|
-
}, {
|
|
107
|
-
key: "componentWillUnmount",
|
|
108
|
-
value: function componentWillUnmount() {
|
|
109
|
-
clearInterval(this.autoPlayTimer);
|
|
110
|
-
}
|
|
111
|
-
}, {
|
|
112
|
-
key: "componentWillReceiveProps",
|
|
113
|
-
value: function componentWillReceiveProps(nextProps) {
|
|
114
|
-
if (nextProps.activeIndex !== this.state.activeIndex || nextProps.visible !== this.state.visible) {
|
|
115
|
-
this.loadImg(nextProps.activeIndex);
|
|
116
|
-
this.addAutoPlayEvent();
|
|
117
|
-
this.setState({
|
|
118
|
-
activeIndex: nextProps.activeIndex,
|
|
119
|
-
visible: nextProps.activeIndex
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* 自动滚动函数,目前 API 未暴露
|
|
125
|
-
*/
|
|
126
|
-
|
|
127
|
-
}, {
|
|
128
|
-
key: "addAutoPlayEvent",
|
|
129
|
-
value: function addAutoPlayEvent() {
|
|
130
|
-
var _this2 = this;
|
|
131
|
-
|
|
132
|
-
var duration = this.props.duration;
|
|
133
|
-
|
|
134
|
-
if (duration && duration > 0) {
|
|
135
|
-
this.autoPlayTimer = setInterval(function () {
|
|
136
|
-
var activeIndex = _this2.state.activeIndex;
|
|
137
|
-
|
|
138
|
-
_this2.loadImg(activeIndex + 1);
|
|
139
|
-
}, duration);
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}, {
|
|
143
|
-
key: "imageMouseOver",
|
|
144
|
-
value: function imageMouseOver() {
|
|
145
|
-
clearInterval(this.autoPlayTimer);
|
|
146
|
-
}
|
|
147
|
-
}, {
|
|
148
|
-
key: "imageMouseOut",
|
|
149
|
-
value: function imageMouseOut() {
|
|
150
|
-
clearInterval(this.autoPlayTimer);
|
|
151
|
-
this.addAutoPlayEvent();
|
|
152
|
-
}
|
|
153
|
-
}, {
|
|
154
|
-
key: "onClose",
|
|
155
|
-
value: function onClose(e) {
|
|
156
|
-
this.setState({
|
|
157
|
-
style: {},
|
|
158
|
-
extraClass: '',
|
|
159
|
-
imgLoaded: false
|
|
160
|
-
});
|
|
161
|
-
this.props.onClose && this.props.onClose();
|
|
162
|
-
}
|
|
163
|
-
}, {
|
|
164
|
-
key: "handleMouseWheel",
|
|
165
|
-
value: function handleMouseWheel(e) {
|
|
166
|
-
e.preventDefault();
|
|
167
|
-
var direct = e.deltaY;
|
|
168
|
-
|
|
169
|
-
if (direct !== 0) {
|
|
170
|
-
var x = e.clientX;
|
|
171
|
-
var y = e.clientY;
|
|
172
|
-
this.handleZoom(x, y, direct);
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
}, {
|
|
176
|
-
key: "handleMouseDown",
|
|
177
|
-
value: function handleMouseDown(e) {
|
|
178
|
-
e.preventDefault();
|
|
179
|
-
e.stopPropagation();
|
|
180
|
-
this.setState({
|
|
181
|
-
isMouseDown: true,
|
|
182
|
-
mouseX: e.nativeEvent.clientX,
|
|
183
|
-
mouseY: e.nativeEvent.clientY
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
}, {
|
|
187
|
-
key: "handleMouseUp",
|
|
188
|
-
value: function handleMouseUp() {
|
|
189
|
-
this.setState({
|
|
190
|
-
isMouseDown: false
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
}, {
|
|
194
|
-
key: "handleMouseMove",
|
|
195
|
-
value: function handleMouseMove(e) {
|
|
196
|
-
if (this.state.isMouseDown) {
|
|
197
|
-
var diffX = e.clientX - this.state.mouseX;
|
|
198
|
-
var diffY = e.clientY - this.state.mouseY;
|
|
199
|
-
this.setState({
|
|
200
|
-
mouseX: e.clientX,
|
|
201
|
-
mouseY: e.clientY
|
|
202
|
-
});
|
|
203
|
-
this.changeImageState({
|
|
204
|
-
left: this.state.style.left + diffX,
|
|
205
|
-
top: this.state.style.top + diffY
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
/**
|
|
210
|
-
* 缩放事件
|
|
211
|
-
* @param {*} x 鼠标位置 x
|
|
212
|
-
* @param {*} y 鼠标位置 y
|
|
213
|
-
* @param {*} direct 方向
|
|
214
|
-
*/
|
|
215
|
-
|
|
216
|
-
}, {
|
|
217
|
-
key: "handleZoom",
|
|
218
|
-
value: function handleZoom(x, y, direct) {
|
|
219
|
-
var speed = 0.05;
|
|
220
|
-
var imgCenterXY = this.getImageCenterXY();
|
|
221
|
-
var diffX = x - imgCenterXY.x;
|
|
222
|
-
var diffY = y - imgCenterXY.y;
|
|
223
|
-
var _this$state$style = this.state.style,
|
|
224
|
-
left = _this$state$style.left,
|
|
225
|
-
top = _this$state$style.top,
|
|
226
|
-
scaleX = _this$state$style.scaleX,
|
|
227
|
-
scaleY = _this$state$style.scaleY;
|
|
228
|
-
var directX = scaleX > 0 ? 1 : -1;
|
|
229
|
-
var directY = scaleY > 0 ? 1 : -1;
|
|
230
|
-
|
|
231
|
-
var _scaleX = scaleX + speed * direct * directX;
|
|
232
|
-
|
|
233
|
-
var _scaleY = scaleY + speed * direct * directY;
|
|
234
|
-
|
|
235
|
-
if (Math.abs(_scaleX) < 0.1 || Math.abs(_scaleY) < 0.1) {
|
|
236
|
-
return;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
this.changeImageState({
|
|
240
|
-
scaleX: _scaleX,
|
|
241
|
-
scaleY: _scaleY,
|
|
242
|
-
top: top + -direct * diffY / scaleX * speed * directX,
|
|
243
|
-
left: left + -direct * diffX / scaleY * speed * directY
|
|
244
|
-
});
|
|
245
|
-
}
|
|
246
|
-
}, {
|
|
247
|
-
key: "handleRotate",
|
|
248
|
-
value: function handleRotate(isRight) {
|
|
249
|
-
var rotate = this.state.style.rotate;
|
|
250
|
-
this.changeImageState({
|
|
251
|
-
rotate: rotate + 90 * (isRight ? 1 : -1)
|
|
252
|
-
});
|
|
253
|
-
}
|
|
254
|
-
}, {
|
|
255
|
-
key: "getImageCenterXY",
|
|
256
|
-
value: function getImageCenterXY() {
|
|
257
|
-
var _this$state$style2 = this.state.style,
|
|
258
|
-
left = _this$state$style2.left,
|
|
259
|
-
top = _this$state$style2.top,
|
|
260
|
-
width = _this$state$style2.width,
|
|
261
|
-
height = _this$state$style2.height;
|
|
262
|
-
return {
|
|
263
|
-
x: left + width / 2,
|
|
264
|
-
y: top + height / 2
|
|
265
|
-
};
|
|
266
|
-
}
|
|
267
|
-
/**
|
|
268
|
-
* 修改图片样式
|
|
269
|
-
* @param {*} args 计算后的部分样式
|
|
270
|
-
*/
|
|
271
|
-
|
|
272
|
-
}, {
|
|
273
|
-
key: "changeImageState",
|
|
274
|
-
value: function changeImageState(args) {
|
|
275
|
-
var _this3 = this;
|
|
276
|
-
|
|
277
|
-
var style = this.state.style;
|
|
278
|
-
|
|
279
|
-
var _style = Object.assign({}, style, _objectSpread({}, args));
|
|
280
|
-
|
|
281
|
-
this.setState({
|
|
282
|
-
style: _style
|
|
283
|
-
}, function () {
|
|
284
|
-
var compileStyle = {
|
|
285
|
-
width: _style.width,
|
|
286
|
-
height: _style.height,
|
|
287
|
-
transform: "translateX(".concat(_style.left, "px) translateY(").concat(_style.top, "px) rotate(").concat(_style.rotate, "deg) scaleX(").concat(_style.scaleX, ") scaleY(").concat(_style.scaleY, ")")
|
|
288
|
-
};
|
|
289
|
-
|
|
290
|
-
_this3.setState({
|
|
291
|
-
compileStyle: compileStyle
|
|
292
|
-
});
|
|
293
|
-
});
|
|
294
|
-
}
|
|
295
|
-
/**
|
|
296
|
-
* 加载图片 加载完成后生成计算样式
|
|
297
|
-
* @param {*} imageIndex 加载的图片索引
|
|
298
|
-
*/
|
|
299
|
-
|
|
300
|
-
}, {
|
|
301
|
-
key: "loadImg",
|
|
302
|
-
value: function loadImg(imageIndex) {
|
|
303
|
-
var _this4 = this;
|
|
304
|
-
|
|
305
|
-
var _this$props = this.props,
|
|
306
|
-
images = _this$props.images,
|
|
307
|
-
simpleData = _this$props.simpleData;
|
|
308
|
-
|
|
309
|
-
if (!images || images.length === 0) {
|
|
310
|
-
return;
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
if (imageIndex >= images.length) {
|
|
314
|
-
imageIndex = 0;
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
if (imageIndex < 0) {
|
|
318
|
-
imageIndex = images.length - 1;
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
var currentImage = images[imageIndex];
|
|
322
|
-
var img = new window.Image();
|
|
323
|
-
|
|
324
|
-
img.onload = function () {
|
|
325
|
-
_this4.setState({
|
|
326
|
-
activeIndex: imageIndex,
|
|
327
|
-
isLoaded: true
|
|
328
|
-
});
|
|
329
|
-
|
|
330
|
-
_this4.getImgWidthHeight(img.width, img.height);
|
|
331
|
-
};
|
|
332
|
-
|
|
333
|
-
img.src = simpleData ? currentImage : currentImage.url;
|
|
334
|
-
}
|
|
335
|
-
}, {
|
|
336
|
-
key: "getImgWidthHeight",
|
|
337
|
-
value: function getImgWidthHeight(imgWidth, imgHeight) {
|
|
338
|
-
var width = 0;
|
|
339
|
-
var height = 0;
|
|
340
|
-
var _window = window,
|
|
341
|
-
innerHeight = _window.innerHeight,
|
|
342
|
-
innerWidth = _window.innerWidth;
|
|
343
|
-
var maxWidth = innerWidth * 0.8;
|
|
344
|
-
var maxHeight = innerHeight * 0.8;
|
|
345
|
-
var style = {};
|
|
346
|
-
width = Math.min(maxWidth, imgWidth);
|
|
347
|
-
height = width / imgWidth * imgHeight;
|
|
348
|
-
|
|
349
|
-
if (height > maxHeight) {
|
|
350
|
-
height = maxHeight;
|
|
351
|
-
width = height / imgHeight * imgWidth;
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
style = {
|
|
355
|
-
width: width,
|
|
356
|
-
height: height,
|
|
357
|
-
left: (innerWidth - width) / 2,
|
|
358
|
-
top: (innerHeight - height) / 2,
|
|
359
|
-
scaleX: 1,
|
|
360
|
-
scaleY: 1,
|
|
361
|
-
rotate: 0
|
|
362
|
-
};
|
|
363
|
-
this.changeImageState(style);
|
|
364
|
-
}
|
|
365
|
-
}, {
|
|
366
|
-
key: "clickEvent",
|
|
367
|
-
value: function clickEvent(type, event) {
|
|
368
|
-
event.stopPropagation();
|
|
369
|
-
var activeIndex = this.state.activeIndex;
|
|
370
|
-
|
|
371
|
-
var _this$getImageCenterX = this.getImageCenterXY(),
|
|
372
|
-
x = _this$getImageCenterX.x,
|
|
373
|
-
y = _this$getImageCenterX.y;
|
|
374
|
-
|
|
375
|
-
switch (type) {
|
|
376
|
-
case 'zoomIn':
|
|
377
|
-
this.handleZoom(x, y, -1);
|
|
378
|
-
break;
|
|
379
|
-
|
|
380
|
-
case 'zoomOut':
|
|
381
|
-
this.handleZoom(x, y, 1);
|
|
382
|
-
break;
|
|
383
|
-
|
|
384
|
-
case 'reset':
|
|
385
|
-
this.loadImg(activeIndex);
|
|
386
|
-
break;
|
|
387
|
-
|
|
388
|
-
case 'leftRotate':
|
|
389
|
-
this.handleRotate();
|
|
390
|
-
break;
|
|
391
|
-
|
|
392
|
-
case 'rightRotate':
|
|
393
|
-
this.handleRotate(true);
|
|
394
|
-
break;
|
|
395
|
-
|
|
396
|
-
case 'prev':
|
|
397
|
-
this.loadImg(activeIndex - 1);
|
|
398
|
-
break;
|
|
399
|
-
|
|
400
|
-
case 'next':
|
|
401
|
-
this.loadImg(activeIndex + 1);
|
|
402
|
-
break;
|
|
403
|
-
|
|
404
|
-
case 'close':
|
|
405
|
-
this.onClose();
|
|
406
|
-
break;
|
|
407
|
-
|
|
408
|
-
default:
|
|
409
|
-
break;
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
}, {
|
|
413
|
-
key: "render",
|
|
414
|
-
value: function render() {
|
|
415
|
-
var _this$props2 = this.props,
|
|
416
|
-
visible = _this$props2.visible,
|
|
417
|
-
images = _this$props2.images,
|
|
418
|
-
showArrow = _this$props2.showArrow,
|
|
419
|
-
showCount = _this$props2.showCount,
|
|
420
|
-
showBar = _this$props2.showBar,
|
|
421
|
-
simpleData = _this$props2.simpleData;
|
|
422
|
-
var _this$state = this.state,
|
|
423
|
-
extraClass = _this$state.extraClass,
|
|
424
|
-
compileStyle = _this$state.compileStyle,
|
|
425
|
-
isLoaded = _this$state.isLoaded,
|
|
426
|
-
activeIndex = _this$state.activeIndex;
|
|
427
|
-
|
|
428
|
-
if (images.length === 0) {
|
|
429
|
-
return null;
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
if (!visible) {
|
|
433
|
-
return null;
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_reactAddonsCssTransitionGroup["default"], {
|
|
437
|
-
transitionName: "hi-preview",
|
|
438
|
-
transitionEnterTimeout: 50,
|
|
439
|
-
transitionLeaveTimeout: 50,
|
|
440
|
-
component: "div"
|
|
441
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
442
|
-
key: 1,
|
|
443
|
-
ref: this.previewRef,
|
|
444
|
-
className: (0, _classnames["default"])('hi-preview', extraClass, {
|
|
445
|
-
'hi-preview--hide': !visible
|
|
446
|
-
}),
|
|
447
|
-
onMouseMove: this.handleMouseMove
|
|
448
|
-
}, isLoaded ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
449
|
-
ref: this.imgRef,
|
|
450
|
-
src: simpleData ? images[activeIndex] : images[activeIndex].url,
|
|
451
|
-
style: _objectSpread({}, compileStyle),
|
|
452
|
-
onMouseDown: this.handleMouseDown,
|
|
453
|
-
onMouseUp: this.handleMouseUp,
|
|
454
|
-
onMouseEnter: this.imageMouseOver,
|
|
455
|
-
onMouseLeave: this.imageMouseOut,
|
|
456
|
-
className: "hi-preview__image"
|
|
457
|
-
}) : /*#__PURE__*/_react["default"].createElement(_loading["default"], {
|
|
458
|
-
size: "small"
|
|
459
|
-
}), showBar && /*#__PURE__*/_react["default"].createElement("div", {
|
|
460
|
-
className: "hi-preview-toolbar",
|
|
461
|
-
onClick: function onClick(e) {
|
|
462
|
-
e.stopPropagation();
|
|
463
|
-
}
|
|
464
|
-
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
465
|
-
name: "zoom-out",
|
|
466
|
-
onClick: this.clickEvent.bind(this, 'zoomOut')
|
|
467
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
468
|
-
name: "zoom-in",
|
|
469
|
-
onClick: this.clickEvent.bind(this, 'zoomIn')
|
|
470
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
471
|
-
name: "left",
|
|
472
|
-
onClick: this.clickEvent.bind(this, 'prev')
|
|
473
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
474
|
-
name: "ratio",
|
|
475
|
-
onClick: this.clickEvent.bind(this, 'reset')
|
|
476
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
477
|
-
name: "right",
|
|
478
|
-
onClick: this.clickEvent.bind(this, 'next')
|
|
479
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
480
|
-
name: "rotate-left",
|
|
481
|
-
onClick: this.clickEvent.bind(this, 'leftRotate')
|
|
482
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
483
|
-
name: "rotate-right",
|
|
484
|
-
onClick: this.clickEvent.bind(this, 'rightRotate')
|
|
485
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
486
|
-
className: "hi-preview__close",
|
|
487
|
-
onClick: this.onClose.bind(this)
|
|
488
|
-
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
489
|
-
src: "data:image/png;base64,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"
|
|
490
|
-
})), showArrow && /*#__PURE__*/_react["default"].createElement("div", {
|
|
491
|
-
className: "hi-preview__wrapper-arrow"
|
|
492
|
-
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
493
|
-
name: "left",
|
|
494
|
-
onClick: this.clickEvent.bind(this, 'prev')
|
|
495
|
-
}), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
|
|
496
|
-
name: "right",
|
|
497
|
-
onClick: this.clickEvent.bind(this, 'next')
|
|
498
|
-
})), showCount && /*#__PURE__*/_react["default"].createElement("div", {
|
|
499
|
-
className: "hi-preview__count"
|
|
500
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, activeIndex + 1), "\xA0/\xA0", /*#__PURE__*/_react["default"].createElement("span", null, images.length)))), this.node);
|
|
501
|
-
}
|
|
502
|
-
}]);
|
|
503
|
-
return Preview;
|
|
504
|
-
}(_react.Component);
|
|
505
|
-
|
|
506
|
-
Preview.propTypes = {
|
|
507
|
-
visible: _propTypes["default"].bool,
|
|
508
|
-
onClose: _propTypes["default"].func,
|
|
509
|
-
showArrow: _propTypes["default"].bool,
|
|
510
|
-
showCount: _propTypes["default"].bool,
|
|
511
|
-
images: _propTypes["default"].array,
|
|
512
|
-
simpleData: _propTypes["default"].bool,
|
|
513
|
-
activeIndex: _propTypes["default"].number
|
|
514
|
-
};
|
|
515
|
-
Preview.defaultProps = {
|
|
516
|
-
showArrow: false,
|
|
517
|
-
visible: false,
|
|
518
|
-
showCount: false,
|
|
519
|
-
showBar: true,
|
|
520
|
-
duration: false,
|
|
521
|
-
onClose: function onClose() {},
|
|
522
|
-
images: [],
|
|
523
|
-
simpleData: false,
|
|
524
|
-
activeIndex: 0
|
|
525
|
-
};
|
|
526
|
-
var _default = Preview;
|
|
527
|
-
exports["default"] = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.hi-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.54);z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-preview__image:hover{cursor:move}.hi-preview-toolbar{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;padding:0 32px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:28px}.hi-preview-toolbar .hi-icon{margin:0 12px;font-size:20px;cursor:pointer}.hi-preview__close{position:absolute;right:10px;top:10px;width:36px;height:36px;line-height:1;border-radius:50%;text-align:center}.hi-preview__close img{width:100%;height:100%;cursor:pointer}.hi-preview__wrapper-arrow{position:absolute;font-size:72px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;width:100%;z-index:-1}.hi-preview__wrapper-arrow .hi-icon{cursor:pointer}.hi-preview__count{position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:4px 12px;border-radius:16px;min-width:48px;text-align:center}
|
package/es/progress/Progress.js
DELETED
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = void 0;
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
|
-
require("./style");
|
|
29
|
-
|
|
30
|
-
var _BarProgress = _interopRequireDefault(require("./BarProgress.js"));
|
|
31
|
-
|
|
32
|
-
var _CircleProgress = require("./CircleProgress.js");
|
|
33
|
-
|
|
34
|
-
var _DashboardProgress = require("./DashboardProgress");
|
|
35
|
-
|
|
36
|
-
var _context = _interopRequireDefault(require("../context"));
|
|
37
|
-
|
|
38
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
-
|
|
40
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
|
|
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 Progress = /*#__PURE__*/function (_Component) {
|
|
47
|
-
(0, _inherits2["default"])(Progress, _Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(Progress);
|
|
50
|
-
|
|
51
|
-
function Progress() {
|
|
52
|
-
(0, _classCallCheck2["default"])(this, Progress);
|
|
53
|
-
return _super.apply(this, arguments);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
(0, _createClass2["default"])(Progress, [{
|
|
57
|
-
key: "getRenderType",
|
|
58
|
-
value: function getRenderType(apperance) {
|
|
59
|
-
switch (apperance) {
|
|
60
|
-
case 'circle':
|
|
61
|
-
return /*#__PURE__*/_react["default"].createElement(_CircleProgress.CircleProgress, this.props);
|
|
62
|
-
|
|
63
|
-
case 'dashboard':
|
|
64
|
-
return /*#__PURE__*/_react["default"].createElement(_DashboardProgress.DashboardProgress, this.props);
|
|
65
|
-
|
|
66
|
-
default:
|
|
67
|
-
return /*#__PURE__*/_react["default"].createElement(_BarProgress["default"], this.props);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}, {
|
|
71
|
-
key: "render",
|
|
72
|
-
value: function render() {
|
|
73
|
-
var prefix = 'hi-progress';
|
|
74
|
-
var _this$props = this.props,
|
|
75
|
-
_this$props$className = _this$props.className,
|
|
76
|
-
className = _this$props$className === void 0 ? '' : _this$props$className,
|
|
77
|
-
apperance = _this$props.apperance,
|
|
78
|
-
theme = _this$props.theme;
|
|
79
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
|
-
className: "".concat(prefix, "__container ").concat(className, " theme__").concat(theme)
|
|
81
|
-
}, this.getRenderType(apperance));
|
|
82
|
-
}
|
|
83
|
-
}]);
|
|
84
|
-
return Progress;
|
|
85
|
-
}(_react.Component);
|
|
86
|
-
|
|
87
|
-
(0, _defineProperty2["default"])(Progress, "propTypes", {
|
|
88
|
-
apperance: _propTypes["default"].string,
|
|
89
|
-
type: _propTypes["default"].oneOf(['success', 'warn', 'error', 'primary']),
|
|
90
|
-
percent: _propTypes["default"].number,
|
|
91
|
-
width: _propTypes["default"].number,
|
|
92
|
-
height: _propTypes["default"].number,
|
|
93
|
-
tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
94
|
-
content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
95
|
-
size: _propTypes["default"].oneOf(['large', 'default', 'small']),
|
|
96
|
-
placement: _propTypes["default"].oneOf(['inside', 'outside'])
|
|
97
|
-
});
|
|
98
|
-
(0, _defineProperty2["default"])(Progress, "defaultProps", {
|
|
99
|
-
apperance: 'bar',
|
|
100
|
-
size: 'default',
|
|
101
|
-
percent: 0,
|
|
102
|
-
radius: 40,
|
|
103
|
-
type: 'primary',
|
|
104
|
-
showInfo: true,
|
|
105
|
-
placement: 'outside'
|
|
106
|
-
});
|
|
107
|
-
|
|
108
|
-
var _default = (0, _context["default"])(Progress);
|
|
109
|
-
|
|
110
|
-
exports["default"] = _default;
|