cloud-b2b 1.1.27 → 1.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Area/Area.js +16 -45
- package/es/Card/Card.js +3 -4
- package/es/CodeInput/CodeInput.js +30 -59
- package/es/Control/Control.js +47 -94
- package/es/Control/event.js +0 -14
- package/es/Enhance/Dialogs.js +0 -15
- package/es/Enhance/Loading.js +16 -36
- package/es/Enhance/index.js +0 -2
- package/es/Header/Header.js +3 -35
- package/es/Header/Vertical.js +1 -24
- package/es/ImageView/ImageView.js +5 -22
- package/es/Indent/Indent.js +3 -7
- package/es/InpurCascader/InputCascader.js +10 -36
- package/es/InputEditor/InputEditor.js +55 -55
- package/es/InputSearch/InputSearch.js +26 -71
- package/es/InputSelect/InputSelect.js +17 -48
- package/es/InputWriting/InputWriting.js +6 -28
- package/es/Layout/Layout.js +28 -59
- package/es/LayoutLink/LayoutLink.js +11 -20
- package/es/Link/Link.js +4 -27
- package/es/Loading/Loading.js +1 -3
- package/es/Loading2/Loading2.js +0 -2
- package/es/ModalWithDrag/ModalWithDrag.js +3 -8
- package/es/ModalWithDrag/drag.js +12 -29
- package/es/NumberInput/NumberInput.js +24 -63
- package/es/Search/Search.js +53 -149
- package/es/Sidebar/Sidebar.js +13 -34
- package/es/Sidebar2/Sidebar.js +3 -30
- package/es/SuperForm/SuperForm.js +27 -150
- package/es/SuperForm2/SuperForm.js +31 -165
- package/es/SuperIcon/SuperIcon.js +3 -6
- package/es/SuperPagination/SuperPagination.js +15 -32
- package/es/SuperTab/SuperTab.js +4 -27
- package/es/SuperTab2/SuperTab2.js +11 -33
- package/es/SuperTable/DragSortRow.js +6 -34
- package/es/SuperTable/FilterDropDown.js +10 -34
- package/es/SuperTable/SuperTable.js +91 -216
- package/es/SuperTable/fixed.js +1 -9
- package/es/SuperTable2/SuperTable2.js +96 -206
- package/es/SuperTable2/SuperTableCell.js +16 -55
- package/es/SuperTable3/FilterDropDown.js +10 -34
- package/es/SuperTable3/SuperTable.js +57 -175
- package/es/SuperTable3/fixed.js +1 -9
- package/es/SuperToolbar/SuperToolbar.js +21 -49
- package/es/SuperUpload/SuperUpload.js +73 -110
- package/es/Title/Title.js +12 -15
- package/es/Viewer/ImageViews.js +7 -60
- package/es/Viewer/Viewer.js +7 -34
- package/es/WingBlank/WingBlank.js +2 -6
- package/es/helper.js +7 -27
- package/es/history.js +3 -2
- package/lib/Area/Area.js +16 -64
- package/lib/Card/Card.js +3 -13
- package/lib/CodeInput/CodeInput.js +30 -77
- package/lib/Control/Control.js +47 -135
- package/lib/Control/event.js +0 -16
- package/lib/Enhance/Dialogs.js +0 -26
- package/lib/Enhance/Loading.js +16 -52
- package/lib/Enhance/index.js +0 -9
- package/lib/Header/Header.js +3 -48
- package/lib/Header/Vertical.js +1 -36
- package/lib/ImageView/ImageView.js +5 -30
- package/lib/Indent/Indent.js +3 -13
- package/lib/InpurCascader/InputCascader.js +11 -50
- package/lib/InputEditor/InputEditor.js +55 -64
- package/lib/InputSearch/InputSearch.js +26 -78
- package/lib/InputSelect/InputSelect.js +17 -62
- package/lib/InputWriting/InputWriting.js +6 -35
- package/lib/Layout/Layout.js +28 -76
- package/lib/LayoutLink/LayoutLink.js +11 -38
- package/lib/Link/Link.js +4 -40
- package/lib/Loading/Loading.js +1 -9
- package/lib/Loading2/Loading2.js +0 -8
- package/lib/ModalWithDrag/ModalWithDrag.js +3 -18
- package/lib/ModalWithDrag/drag.js +12 -34
- package/lib/NumberInput/NumberInput.js +24 -76
- package/lib/Search/Search.js +53 -157
- package/lib/Sidebar/Sidebar.js +13 -46
- package/lib/Sidebar2/Sidebar.js +3 -42
- package/lib/SuperForm/SuperForm.js +27 -149
- package/lib/SuperForm2/SuperForm.js +31 -160
- package/lib/SuperIcon/SuperIcon.js +3 -14
- package/lib/SuperPagination/SuperPagination.js +15 -42
- package/lib/SuperTab/SuperTab.js +4 -34
- package/lib/SuperTab2/SuperTab2.js +11 -48
- package/lib/SuperTable/DragSortRow.js +6 -42
- package/lib/SuperTable/FilterDropDown.js +10 -42
- package/lib/SuperTable/SuperTable.js +90 -210
- package/lib/SuperTable/fixed.js +1 -13
- package/lib/SuperTable2/SuperTable2.js +96 -222
- package/lib/SuperTable2/SuperTableCell.js +13 -62
- package/lib/SuperTable3/FilterDropDown.js +10 -42
- package/lib/SuperTable3/SuperTable.js +56 -169
- package/lib/SuperTable3/fixed.js +1 -13
- package/lib/SuperToolbar/SuperToolbar.js +20 -64
- package/lib/SuperUpload/SuperUpload.js +73 -140
- package/lib/Title/Title.js +12 -24
- package/lib/Viewer/ImageViews.js +7 -63
- package/lib/Viewer/Viewer.js +7 -43
- package/lib/WingBlank/WingBlank.js +2 -14
- package/lib/helper.js +6 -44
- package/lib/history.js +0 -5
- package/lib/index.js +0 -76
- package/lib/variables.js +0 -4
- package/package.json +1 -1
package/es/Viewer/ImageViews.js
CHANGED
|
@@ -10,17 +10,12 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
|
|
|
10
10
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
11
11
|
import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
|
|
12
12
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
13
|
-
|
|
14
13
|
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); }; }
|
|
15
|
-
|
|
16
14
|
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; } }
|
|
17
|
-
|
|
18
15
|
import React from "react";
|
|
19
16
|
import variables from '../variables';
|
|
20
|
-
|
|
21
17
|
var addEvent = function addEvent(el, event, handler) {
|
|
22
18
|
if (!el) return;
|
|
23
|
-
|
|
24
19
|
if (el.attachEvent) {
|
|
25
20
|
el.attachEvent('on' + event, handler);
|
|
26
21
|
} else if (el.addEventListener) {
|
|
@@ -29,10 +24,8 @@ var addEvent = function addEvent(el, event, handler) {
|
|
|
29
24
|
el['on' + event] = handler;
|
|
30
25
|
}
|
|
31
26
|
};
|
|
32
|
-
|
|
33
27
|
var removeEvent = function removeEvent(el, event, handler) {
|
|
34
28
|
if (!el) return;
|
|
35
|
-
|
|
36
29
|
if (el.detachEvent) {
|
|
37
30
|
el.detachEvent('on' + event, handler);
|
|
38
31
|
} else if (el.removeEventListener) {
|
|
@@ -41,63 +34,48 @@ var removeEvent = function removeEvent(el, event, handler) {
|
|
|
41
34
|
el['on' + event] = null;
|
|
42
35
|
}
|
|
43
36
|
};
|
|
44
|
-
|
|
45
37
|
var getCss = function getCss(o, key) {
|
|
46
38
|
return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o)[key];
|
|
47
|
-
};
|
|
48
|
-
|
|
39
|
+
};
|
|
49
40
|
|
|
41
|
+
// 获取元素旋转的角度
|
|
50
42
|
var getRotateDeg = function getRotateDeg(target) {
|
|
51
43
|
var rotateMatrix = getCss(target, 'transform');
|
|
52
|
-
|
|
53
44
|
var _rotateMatrix$split$ = rotateMatrix.split('(')[1].split(')')[0].split(','),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
_rotateMatrix$split$2 = _slicedToArray(_rotateMatrix$split$, 2),
|
|
46
|
+
a = _rotateMatrix$split$2[0],
|
|
47
|
+
b = _rotateMatrix$split$2[1];
|
|
58
48
|
return Math.round(Math.atan2(b, a) * (180 / Math.PI));
|
|
59
49
|
};
|
|
60
|
-
|
|
61
50
|
var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
62
51
|
_inherits(ImageViews, _React$Component);
|
|
63
|
-
|
|
64
52
|
var _super = _createSuper(ImageViews);
|
|
65
|
-
|
|
66
53
|
function ImageViews(props) {
|
|
67
54
|
var _this;
|
|
68
|
-
|
|
69
55
|
_classCallCheck(this, ImageViews);
|
|
70
|
-
|
|
71
56
|
_this = _super.call(this, props);
|
|
72
|
-
|
|
73
57
|
_defineProperty(_assertThisInitialized(_this), "_onwheel", function (e) {
|
|
74
58
|
var zoom = _this.state.zoom;
|
|
75
59
|
/*事件兼容*/
|
|
76
|
-
|
|
77
60
|
var event = e || window.event;
|
|
78
61
|
var imageDOM = _this.imgRef;
|
|
79
62
|
var delta;
|
|
80
|
-
|
|
81
63
|
if (event.nativeEvent.wheelDelta) {
|
|
82
64
|
delta = event.nativeEvent.wheelDelta / 1200;
|
|
83
65
|
} else if (event.nativeEvent.deltaY) {
|
|
84
66
|
delta = -event.nativeEvent.deltaY / 1200;
|
|
85
67
|
}
|
|
86
|
-
|
|
87
68
|
var zoomVal = zoom + delta;
|
|
88
|
-
|
|
89
69
|
if (zoomVal >= 0.2) {
|
|
90
70
|
imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
|
|
91
71
|
} else {
|
|
92
72
|
zoomVal = 0.2;
|
|
93
73
|
imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
|
|
94
74
|
}
|
|
95
|
-
|
|
96
75
|
_this.setState({
|
|
97
76
|
zoom: zoomVal
|
|
98
77
|
});
|
|
99
78
|
});
|
|
100
|
-
|
|
101
79
|
_defineProperty(_assertThisInitialized(_this), "_onMouseDown", function (e) {
|
|
102
80
|
/*事件兼容*/
|
|
103
81
|
var event = e || window.event;
|
|
@@ -106,94 +84,74 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
106
84
|
|
|
107
85
|
var startTouch = {};
|
|
108
86
|
startTouch.initiated = true; //initiated为true表示开始滑动
|
|
109
|
-
|
|
110
87
|
/*获取鼠标按下的地方距离元素左侧和上侧的距离*/
|
|
111
|
-
|
|
112
88
|
startTouch.startX = event.nativeEvent.clientX - imageDOM.offsetLeft;
|
|
113
89
|
startTouch.startY = event.nativeEvent.clientY - imageDOM.offsetTop;
|
|
114
|
-
|
|
115
90
|
_this.setState({
|
|
116
91
|
startTouch: startTouch
|
|
117
92
|
});
|
|
118
|
-
|
|
119
93
|
addEvent(document, 'mousemove', _this._onMouseMove);
|
|
120
94
|
addEvent(document, 'mouseup', _this._onMouseUp);
|
|
121
95
|
});
|
|
122
|
-
|
|
123
96
|
_defineProperty(_assertThisInitialized(_this), "_onMouseMove", function (e) {
|
|
124
97
|
var event = e || window.event;
|
|
125
98
|
var imageDOM = _this.imgRef;
|
|
126
99
|
var startTouch = _this.state.startTouch;
|
|
127
|
-
if (!startTouch.initiated) return;
|
|
128
|
-
|
|
100
|
+
if (!startTouch.initiated) return;
|
|
101
|
+
//滑动距离
|
|
129
102
|
var deltaX = event.clientX - startTouch.startX;
|
|
130
103
|
var deltaY = event.clientY - startTouch.startY;
|
|
131
104
|
imageDOM.style.left = "".concat(deltaX, "px");
|
|
132
105
|
imageDOM.style.top = "".concat(deltaY, "px");
|
|
133
106
|
});
|
|
134
|
-
|
|
135
107
|
_defineProperty(_assertThisInitialized(_this), "_onMouseUp", function () {
|
|
136
108
|
var startTouch = _this.state.startTouch;
|
|
137
109
|
if (!startTouch.initiated) return;
|
|
138
110
|
var endTouch = JSON.parse(_JSON$stringify(startTouch));
|
|
139
111
|
endTouch.initiated = false;
|
|
140
|
-
|
|
141
112
|
_this.setState({
|
|
142
113
|
startTouch: startTouch
|
|
143
114
|
});
|
|
144
|
-
|
|
145
115
|
removeEvent(document, 'mousemove', _this._onMouseMove);
|
|
146
116
|
removeEvent(document, 'mouseup', _this._onMouseDown);
|
|
147
117
|
});
|
|
148
|
-
|
|
149
118
|
_defineProperty(_assertThisInitialized(_this), "_onPlus", function (event) {
|
|
150
119
|
var zoom = _this.state.zoom;
|
|
151
120
|
var imageDOM = _this.imgRef;
|
|
152
121
|
var zoomVal = zoom + 0.1;
|
|
153
122
|
var originDeg = getRotateDeg(imageDOM);
|
|
154
123
|
event.stopPropagation();
|
|
155
|
-
|
|
156
124
|
if (zoomVal >= 0.2) {
|
|
157
125
|
var _context;
|
|
158
|
-
|
|
159
126
|
imageDOM.style.transform = _concatInstanceProperty(_context = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context, originDeg, "deg)");
|
|
160
127
|
}
|
|
161
|
-
|
|
162
128
|
_this.setState({
|
|
163
129
|
zoom: zoomVal
|
|
164
130
|
});
|
|
165
131
|
});
|
|
166
|
-
|
|
167
132
|
_defineProperty(_assertThisInitialized(_this), "_onMinus", function () {
|
|
168
133
|
var _context2;
|
|
169
|
-
|
|
170
134
|
var zoom = _this.state.zoom;
|
|
171
135
|
var imageDOM = _this.imgRef;
|
|
172
136
|
var zoomVal = zoom - 0.1;
|
|
173
137
|
var originDeg = getRotateDeg(imageDOM);
|
|
174
|
-
|
|
175
138
|
if (zoomVal < 0.2) {
|
|
176
139
|
zoomVal = 0.2;
|
|
177
140
|
}
|
|
178
|
-
|
|
179
141
|
imageDOM.style.transform = _concatInstanceProperty(_context2 = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context2, originDeg, "deg)");
|
|
180
|
-
|
|
181
142
|
_this.setState({
|
|
182
143
|
zoom: zoomVal
|
|
183
144
|
});
|
|
184
145
|
});
|
|
185
|
-
|
|
186
146
|
_defineProperty(_assertThisInitialized(_this), "_reload", function () {
|
|
187
147
|
var imageDOM = _this.imgRef;
|
|
188
148
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
189
149
|
imageDOM.style.left = "50%";
|
|
190
150
|
imageDOM.style.top = "50%";
|
|
191
|
-
|
|
192
151
|
_this.setState({
|
|
193
152
|
zoom: 1
|
|
194
153
|
});
|
|
195
154
|
});
|
|
196
|
-
|
|
197
155
|
_defineProperty(_assertThisInitialized(_this), "_arrowLeft", function () {
|
|
198
156
|
var onLeft = _this.props.onLeft;
|
|
199
157
|
onLeft && onLeft();
|
|
@@ -201,12 +159,10 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
201
159
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
202
160
|
imageDOM.style.left = "50%";
|
|
203
161
|
imageDOM.style.top = "50%";
|
|
204
|
-
|
|
205
162
|
_this.setState({
|
|
206
163
|
zoom: 1
|
|
207
164
|
});
|
|
208
165
|
});
|
|
209
|
-
|
|
210
166
|
_defineProperty(_assertThisInitialized(_this), "_arrowRight", function () {
|
|
211
167
|
var onRight = _this.props.onRight;
|
|
212
168
|
onRight && onRight();
|
|
@@ -214,16 +170,13 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
214
170
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
215
171
|
imageDOM.style.left = "50%";
|
|
216
172
|
imageDOM.style.top = "50%";
|
|
217
|
-
|
|
218
173
|
_this.setState({
|
|
219
174
|
zoom: 1
|
|
220
175
|
});
|
|
221
176
|
});
|
|
222
|
-
|
|
223
177
|
_defineProperty(_assertThisInitialized(_this), "rotate", function (isLeft) {
|
|
224
178
|
return function () {
|
|
225
179
|
var _context3;
|
|
226
|
-
|
|
227
180
|
var imageDOM = _this.imgRef;
|
|
228
181
|
var originDeg = getRotateDeg(imageDOM);
|
|
229
182
|
var zoom = _this.state.zoom;
|
|
@@ -231,19 +184,16 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
231
184
|
imageDOM.style.transform = _concatInstanceProperty(_context3 = "translate(-50%,-50%) rotate(".concat(rotateDeg, "deg) scale(")).call(_context3, zoom, ")");
|
|
232
185
|
};
|
|
233
186
|
});
|
|
234
|
-
|
|
235
187
|
_this.state = {
|
|
236
188
|
zoom: 1,
|
|
237
189
|
startTouch: {}
|
|
238
190
|
};
|
|
239
191
|
return _this;
|
|
240
192
|
}
|
|
241
|
-
|
|
242
193
|
_createClass(ImageViews, [{
|
|
243
194
|
key: "render",
|
|
244
195
|
value: function render() {
|
|
245
196
|
var _this2 = this;
|
|
246
|
-
|
|
247
197
|
var image = this.props.image;
|
|
248
198
|
return /*#__PURE__*/React.createElement("div", {
|
|
249
199
|
className: variables('ImageViews')
|
|
@@ -258,7 +208,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
258
208
|
onWheel: this._onwheel //缩放事件
|
|
259
209
|
,
|
|
260
210
|
onMouseDown: this._onMouseDown //拖拽事件
|
|
261
|
-
|
|
262
211
|
})), /*#__PURE__*/React.createElement("div", {
|
|
263
212
|
className: variables('ImageViews').footer
|
|
264
213
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -304,8 +253,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
304
253
|
}))))));
|
|
305
254
|
}
|
|
306
255
|
}]);
|
|
307
|
-
|
|
308
256
|
return ImageViews;
|
|
309
257
|
}(React.Component);
|
|
310
|
-
|
|
311
258
|
export default ImageViews;
|
package/es/Viewer/Viewer.js
CHANGED
|
@@ -10,92 +10,72 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
|
|
|
10
10
|
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
|
11
11
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
12
12
|
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
13
|
-
|
|
14
13
|
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); }; }
|
|
15
|
-
|
|
16
14
|
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; } }
|
|
17
|
-
|
|
18
15
|
import React from 'react';
|
|
19
16
|
import PropTypes from 'prop-types';
|
|
20
17
|
import ImageViews from "./ImageViews";
|
|
21
18
|
import variables from '../variables';
|
|
22
|
-
|
|
23
19
|
var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
24
20
|
_inherits(Viewers, _React$Component);
|
|
25
|
-
|
|
26
21
|
var _super = _createSuper(Viewers);
|
|
27
|
-
|
|
28
22
|
function Viewers(props) {
|
|
29
23
|
var _this;
|
|
30
|
-
|
|
31
24
|
_classCallCheck(this, Viewers);
|
|
32
|
-
|
|
33
25
|
_this = _super.call(this, props);
|
|
34
|
-
|
|
26
|
+
//修复Warning报错
|
|
35
27
|
_defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
|
|
36
28
|
_this.timeout = null;
|
|
37
29
|
});
|
|
38
|
-
|
|
39
30
|
_defineProperty(_assertThisInitialized(_this), "closeViewers", function () {
|
|
40
31
|
var _this$props = _this.props,
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
onCancel = _this$props.onCancel,
|
|
33
|
+
onClose = _this$props.onClose;
|
|
43
34
|
_this.containerRef.style['opacity'] = 0;
|
|
44
35
|
_this.timeout = _setTimeout(function () {
|
|
45
36
|
onCancel && onCancel(onClose);
|
|
46
37
|
}, 1000);
|
|
47
38
|
});
|
|
48
|
-
|
|
49
39
|
_defineProperty(_assertThisInitialized(_this), "_onLeft", function () {
|
|
50
40
|
var imageIndex = _this.state.imageIndex;
|
|
51
41
|
var images = _this.props.images;
|
|
52
42
|
var index = imageIndex - 1;
|
|
53
|
-
|
|
54
43
|
if (index < 0) {
|
|
55
44
|
index = images.length - 1;
|
|
56
45
|
}
|
|
57
|
-
|
|
58
46
|
_this.setState({
|
|
59
47
|
imageIndex: index
|
|
60
48
|
});
|
|
61
49
|
});
|
|
62
|
-
|
|
63
50
|
_defineProperty(_assertThisInitialized(_this), "_onRight", function () {
|
|
64
51
|
var imageIndex = _this.state.imageIndex;
|
|
65
52
|
var images = _this.props.images;
|
|
66
53
|
var index = imageIndex + 1;
|
|
67
|
-
|
|
68
54
|
if (index > images.length - 1) {
|
|
69
55
|
index = 0;
|
|
70
56
|
}
|
|
71
|
-
|
|
72
57
|
_this.setState({
|
|
73
58
|
imageIndex: index
|
|
74
59
|
});
|
|
75
60
|
});
|
|
76
|
-
|
|
77
61
|
_defineProperty(_assertThisInitialized(_this), "_onSelect", function (index) {
|
|
78
62
|
_this.setState({
|
|
79
63
|
imageIndex: index
|
|
80
64
|
});
|
|
81
65
|
});
|
|
82
|
-
|
|
83
66
|
_this.state = {
|
|
84
67
|
imageIndex: props.imageIndex
|
|
85
68
|
};
|
|
86
69
|
return _this;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
70
|
+
}
|
|
90
71
|
_createClass(Viewers, [{
|
|
91
72
|
key: "render",
|
|
92
73
|
value: function render() {
|
|
93
74
|
var _this2 = this;
|
|
94
|
-
|
|
95
75
|
var _this$props2 = this.props,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
76
|
+
visible = _this$props2.visible,
|
|
77
|
+
images = _this$props2.images,
|
|
78
|
+
titles = _this$props2.titles;
|
|
99
79
|
var imageIndex = this.state.imageIndex;
|
|
100
80
|
return /*#__PURE__*/React.createElement("div", null, visible ? /*#__PURE__*/React.createElement("div", {
|
|
101
81
|
className: variables('Viewers'),
|
|
@@ -108,7 +88,6 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
108
88
|
className: variables('Viewers').title
|
|
109
89
|
}, _mapInstanceProperty(titles).call(titles, function (item, index) {
|
|
110
90
|
var _context;
|
|
111
|
-
|
|
112
91
|
return /*#__PURE__*/React.createElement("div", {
|
|
113
92
|
key: index,
|
|
114
93
|
onClick: _bindInstanceProperty(_context = _this2._onSelect).call(_context, _this2, index),
|
|
@@ -128,22 +107,16 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
128
107
|
}))) : null);
|
|
129
108
|
}
|
|
130
109
|
}]);
|
|
131
|
-
|
|
132
110
|
return Viewers;
|
|
133
111
|
}(React.Component);
|
|
134
|
-
|
|
135
112
|
_defineProperty(Viewers, "propTypes", {
|
|
136
113
|
/** viewer是否可见 */
|
|
137
114
|
visible: PropTypes.bool.isRequired,
|
|
138
|
-
|
|
139
115
|
/** 点击关闭按钮的回调 */
|
|
140
116
|
onCancel: PropTypes.func.isRequired,
|
|
141
|
-
|
|
142
117
|
/** 需要进行浏览的图片地址集合 */
|
|
143
118
|
images: PropTypes.array.isRequired,
|
|
144
|
-
|
|
145
119
|
/** 需要进行浏览的图片名称集合 */
|
|
146
120
|
titles: PropTypes.array.isRequired
|
|
147
121
|
});
|
|
148
|
-
|
|
149
122
|
export default Viewers;
|
|
@@ -4,17 +4,13 @@ var _excluded = ["className", "children"];
|
|
|
4
4
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import variables from '../variables';
|
|
7
|
-
|
|
8
7
|
function WingBlank(_ref) {
|
|
9
8
|
var _context;
|
|
10
|
-
|
|
11
9
|
var className = _ref.className,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
children = _ref.children,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
12
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
16
13
|
className: _concatInstanceProperty(_context = "".concat(className, " ")).call(_context, variables('WingBlank'))
|
|
17
14
|
}, props), /*#__PURE__*/React.createElement("div", null, children));
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
export default WingBlank;
|
package/es/helper.js
CHANGED
|
@@ -9,40 +9,35 @@ import _parseFloat from "@babel/runtime-corejs3/core-js-stable/parse-float";
|
|
|
9
9
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
10
10
|
import _Number$isInteger from "@babel/runtime-corejs3/core-js-stable/number/is-integer";
|
|
11
11
|
import message from 'antd/lib/message';
|
|
12
|
+
|
|
12
13
|
/**
|
|
13
14
|
* 功能:从obj中取出不包含keys指定的属性,并组成一个新的子对象
|
|
14
15
|
*/
|
|
15
|
-
|
|
16
16
|
var getObjectExclude = function getObjectExclude(obj, keys) {
|
|
17
17
|
var _context;
|
|
18
|
-
|
|
19
18
|
var inKeys = function inKeys(key) {
|
|
20
19
|
return _someInstanceProperty(keys).call(keys, function (k) {
|
|
21
20
|
return k === key;
|
|
22
21
|
});
|
|
23
22
|
};
|
|
24
|
-
|
|
25
23
|
return _reduceInstanceProperty(_context = _Object$keys(obj)).call(_context, function (newObj, key) {
|
|
26
24
|
!inKeys(key) && (newObj[key] = obj[key]);
|
|
27
25
|
return newObj;
|
|
28
26
|
}, {});
|
|
29
|
-
};
|
|
30
|
-
|
|
27
|
+
};
|
|
31
28
|
|
|
29
|
+
// 获取当前登录的用户名
|
|
32
30
|
var getUsername = function getUsername() {
|
|
33
31
|
var username = 'username=';
|
|
34
32
|
var cookie = document.cookie;
|
|
35
33
|
var begin = _indexOfInstanceProperty(cookie).call(cookie, username) + username.length;
|
|
36
|
-
|
|
37
34
|
var end = _indexOfInstanceProperty(cookie).call(cookie, ';', begin);
|
|
38
|
-
|
|
39
35
|
return unescape(cookie.substring(begin, end < 0 ? cookie.length : end));
|
|
40
36
|
};
|
|
37
|
+
|
|
41
38
|
/**
|
|
42
39
|
* 确保path为数组
|
|
43
40
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
41
|
var makeArray = function makeArray(path) {
|
|
47
42
|
if (_Array$isArray(path)) {
|
|
48
43
|
return path;
|
|
@@ -52,46 +47,40 @@ var makeArray = function makeArray(path) {
|
|
|
52
47
|
return [path];
|
|
53
48
|
}
|
|
54
49
|
};
|
|
50
|
+
|
|
55
51
|
/**
|
|
56
52
|
* 功能:获取对象关键路径的值,不存在则返回undefined
|
|
57
53
|
* obj:对象
|
|
58
54
|
* path:字符串或字符串数组,指定关键路径
|
|
59
55
|
*/
|
|
60
|
-
|
|
61
|
-
|
|
62
56
|
var getPathValue = function getPathValue(obj, path) {
|
|
63
57
|
if (!path) {
|
|
64
58
|
return undefined;
|
|
65
59
|
} else {
|
|
66
60
|
var _context2;
|
|
67
|
-
|
|
68
61
|
return _reduceInstanceProperty(_context2 = makeArray(path)).call(_context2, function (value, key) {
|
|
69
62
|
return _typeof(value) !== 'object' ? undefined : value[key];
|
|
70
63
|
}, obj);
|
|
71
64
|
}
|
|
72
65
|
};
|
|
66
|
+
|
|
73
67
|
/**
|
|
74
68
|
* 功能:判断一个值是否为空(null,undefined和''属于空)
|
|
75
69
|
*/
|
|
76
|
-
|
|
77
|
-
|
|
78
70
|
var isEmpty = function isEmpty(value) {
|
|
79
71
|
var type = _typeof(value);
|
|
80
|
-
|
|
81
72
|
if (type === 'number' || type === 'boolean') {
|
|
82
73
|
return false;
|
|
83
74
|
} else {
|
|
84
75
|
return !value;
|
|
85
76
|
}
|
|
86
77
|
};
|
|
78
|
+
|
|
87
79
|
/**
|
|
88
80
|
* 功能:判断一个值是否为空(null,undefined,''和[]属于空)
|
|
89
81
|
*/
|
|
90
|
-
|
|
91
|
-
|
|
92
82
|
var isEmpty2 = function isEmpty2(value) {
|
|
93
83
|
var type = _typeof(value);
|
|
94
|
-
|
|
95
84
|
if (type === 'number' || type === 'boolean') {
|
|
96
85
|
return false;
|
|
97
86
|
} else if (_Array$isArray(value)) {
|
|
@@ -100,19 +89,14 @@ var isEmpty2 = function isEmpty2(value) {
|
|
|
100
89
|
return !value;
|
|
101
90
|
}
|
|
102
91
|
};
|
|
103
|
-
|
|
104
92
|
var toThousands = function toThousands(number, fractionDigits) {
|
|
105
93
|
if (typeof number === 'string' && _includesInstanceProperty(number).call(number, '~')) {
|
|
106
94
|
// 如果参数是形如 "1~5" 的字符串
|
|
107
95
|
var range = number.split('~');
|
|
108
|
-
|
|
109
96
|
var start = _parseFloat(range[0]);
|
|
110
|
-
|
|
111
97
|
var end = _parseFloat(range[1]);
|
|
112
|
-
|
|
113
98
|
if (!isNaN(start) && !isNaN(end)) {
|
|
114
99
|
var _context3;
|
|
115
|
-
|
|
116
100
|
var formattedStart = start.toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
117
101
|
var formattedEnd = end.toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
118
102
|
return _concatInstanceProperty(_context3 = "".concat(formattedStart, "~\uFFE5")).call(_context3, formattedEnd);
|
|
@@ -124,19 +108,15 @@ var toThousands = function toThousands(number, fractionDigits) {
|
|
|
124
108
|
return m.replace(/(?=(?!\b)(\d{3})+$)/g, ',');
|
|
125
109
|
});
|
|
126
110
|
}
|
|
127
|
-
|
|
128
111
|
return Number(number).toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
129
112
|
}
|
|
130
113
|
};
|
|
131
|
-
|
|
132
114
|
var showError = function showError(msg) {
|
|
133
115
|
message.error(msg);
|
|
134
116
|
};
|
|
135
|
-
|
|
136
117
|
var showSuccessMsg = function showSuccessMsg(msg) {
|
|
137
118
|
message.success(msg);
|
|
138
119
|
};
|
|
139
|
-
|
|
140
120
|
var helper = {
|
|
141
121
|
getObjectExclude: getObjectExclude,
|
|
142
122
|
getUsername: getUsername,
|
package/es/history.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// import createBrowserHistory from 'history/createBrowserHistory';
|
|
2
|
-
import { createBrowserHistory } from 'history';
|
|
3
|
-
// https://github.com/mjackson/history
|
|
2
|
+
import { createBrowserHistory } from 'history';
|
|
4
3
|
|
|
4
|
+
// Navigation manager, e.g. history.push('/home')
|
|
5
|
+
// https://github.com/mjackson/history
|
|
5
6
|
export default process.env.BROWSER && createBrowserHistory();
|