cloud-b2b 1.1.26 → 1.1.28
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 +104 -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 +36 -23
- 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 +104 -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 +36 -37
- package/lib/history.js +0 -5
- package/lib/index.js +0 -76
- package/lib/variables.js +0 -4
- package/package.json +1 -1
package/lib/Title/Title.js
CHANGED
|
@@ -1,43 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
|
|
11
8
|
exports["default"] = void 0;
|
|
12
|
-
|
|
13
9
|
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
14
|
-
|
|
15
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
16
|
-
|
|
17
11
|
var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
18
|
-
|
|
19
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
20
|
-
|
|
21
13
|
var _react = _interopRequireDefault(require("react"));
|
|
22
|
-
|
|
23
14
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
24
|
-
|
|
25
15
|
var _excluded = ["title", "children", "className", "required", "fold", "isFold", "noBorder", "onFold"];
|
|
26
|
-
|
|
27
16
|
function Title(_ref) {
|
|
28
17
|
var title = _ref.title,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
18
|
+
children = _ref.children,
|
|
19
|
+
className = _ref.className,
|
|
20
|
+
_ref$required = _ref.required,
|
|
21
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
22
|
+
_ref$fold = _ref.fold,
|
|
23
|
+
fold = _ref$fold === void 0 ? false : _ref$fold,
|
|
24
|
+
_ref$isFold = _ref.isFold,
|
|
25
|
+
isFold = _ref$isFold === void 0 ? false : _ref$isFold,
|
|
26
|
+
_ref$noBorder = _ref.noBorder,
|
|
27
|
+
noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
|
|
28
|
+
onFold = _ref.onFold,
|
|
29
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
41
30
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
42
31
|
className: (0, _variables["default"])('title')
|
|
43
32
|
}, props), /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -49,6 +38,5 @@ function Title(_ref) {
|
|
|
49
38
|
type: isFold ? 'down' : 'up'
|
|
50
39
|
}) : null), isFold ? null : children);
|
|
51
40
|
}
|
|
52
|
-
|
|
53
41
|
var _default = Title;
|
|
54
42
|
exports["default"] = _default;
|
package/lib/Viewer/ImageViews.js
CHANGED
|
@@ -1,50 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
|
4
|
-
|
|
5
4
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
-
|
|
7
5
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
8
|
-
|
|
9
6
|
_Object$defineProperty(exports, "__esModule", {
|
|
10
7
|
value: true
|
|
11
8
|
});
|
|
12
|
-
|
|
13
9
|
exports["default"] = void 0;
|
|
14
|
-
|
|
15
10
|
var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
|
|
16
|
-
|
|
17
11
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
|
|
19
12
|
var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
20
|
-
|
|
21
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
22
|
-
|
|
23
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
24
|
-
|
|
25
15
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
26
|
-
|
|
27
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
28
|
-
|
|
29
17
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
30
|
-
|
|
31
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
32
|
-
|
|
33
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
34
|
-
|
|
35
20
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
36
|
-
|
|
37
21
|
var _react = _interopRequireDefault(require("react"));
|
|
38
|
-
|
|
39
22
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
40
|
-
|
|
41
23
|
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); }; }
|
|
42
|
-
|
|
43
24
|
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; } }
|
|
44
|
-
|
|
45
25
|
var addEvent = function addEvent(el, event, handler) {
|
|
46
26
|
if (!el) return;
|
|
47
|
-
|
|
48
27
|
if (el.attachEvent) {
|
|
49
28
|
el.attachEvent('on' + event, handler);
|
|
50
29
|
} else if (el.addEventListener) {
|
|
@@ -53,10 +32,8 @@ var addEvent = function addEvent(el, event, handler) {
|
|
|
53
32
|
el['on' + event] = handler;
|
|
54
33
|
}
|
|
55
34
|
};
|
|
56
|
-
|
|
57
35
|
var removeEvent = function removeEvent(el, event, handler) {
|
|
58
36
|
if (!el) return;
|
|
59
|
-
|
|
60
37
|
if (el.detachEvent) {
|
|
61
38
|
el.detachEvent('on' + event, handler);
|
|
62
39
|
} else if (el.removeEventListener) {
|
|
@@ -65,56 +42,44 @@ var removeEvent = function removeEvent(el, event, handler) {
|
|
|
65
42
|
el['on' + event] = null;
|
|
66
43
|
}
|
|
67
44
|
};
|
|
68
|
-
|
|
69
45
|
var getCss = function getCss(o, key) {
|
|
70
46
|
return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o)[key];
|
|
71
|
-
};
|
|
72
|
-
|
|
47
|
+
};
|
|
73
48
|
|
|
49
|
+
// 获取元素旋转的角度
|
|
74
50
|
var getRotateDeg = function getRotateDeg(target) {
|
|
75
51
|
var rotateMatrix = getCss(target, 'transform');
|
|
76
|
-
|
|
77
52
|
var _rotateMatrix$split$ = rotateMatrix.split('(')[1].split(')')[0].split(','),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
53
|
+
_rotateMatrix$split$2 = (0, _slicedToArray2["default"])(_rotateMatrix$split$, 2),
|
|
54
|
+
a = _rotateMatrix$split$2[0],
|
|
55
|
+
b = _rotateMatrix$split$2[1];
|
|
82
56
|
return Math.round(Math.atan2(b, a) * (180 / Math.PI));
|
|
83
57
|
};
|
|
84
|
-
|
|
85
58
|
var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
86
59
|
(0, _inherits2["default"])(ImageViews, _React$Component);
|
|
87
|
-
|
|
88
60
|
var _super = _createSuper(ImageViews);
|
|
89
|
-
|
|
90
61
|
function ImageViews(props) {
|
|
91
62
|
var _this;
|
|
92
|
-
|
|
93
63
|
(0, _classCallCheck2["default"])(this, ImageViews);
|
|
94
64
|
_this = _super.call(this, props);
|
|
95
65
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onwheel", function (e) {
|
|
96
66
|
var zoom = _this.state.zoom;
|
|
97
67
|
/*事件兼容*/
|
|
98
|
-
|
|
99
68
|
var event = e || window.event;
|
|
100
69
|
var imageDOM = _this.imgRef;
|
|
101
70
|
var delta;
|
|
102
|
-
|
|
103
71
|
if (event.nativeEvent.wheelDelta) {
|
|
104
72
|
delta = event.nativeEvent.wheelDelta / 1200;
|
|
105
73
|
} else if (event.nativeEvent.deltaY) {
|
|
106
74
|
delta = -event.nativeEvent.deltaY / 1200;
|
|
107
75
|
}
|
|
108
|
-
|
|
109
76
|
var zoomVal = zoom + delta;
|
|
110
|
-
|
|
111
77
|
if (zoomVal >= 0.2) {
|
|
112
78
|
imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
|
|
113
79
|
} else {
|
|
114
80
|
zoomVal = 0.2;
|
|
115
81
|
imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
|
|
116
82
|
}
|
|
117
|
-
|
|
118
83
|
_this.setState({
|
|
119
84
|
zoom: zoomVal
|
|
120
85
|
});
|
|
@@ -127,16 +92,12 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
127
92
|
|
|
128
93
|
var startTouch = {};
|
|
129
94
|
startTouch.initiated = true; //initiated为true表示开始滑动
|
|
130
|
-
|
|
131
95
|
/*获取鼠标按下的地方距离元素左侧和上侧的距离*/
|
|
132
|
-
|
|
133
96
|
startTouch.startX = event.nativeEvent.clientX - imageDOM.offsetLeft;
|
|
134
97
|
startTouch.startY = event.nativeEvent.clientY - imageDOM.offsetTop;
|
|
135
|
-
|
|
136
98
|
_this.setState({
|
|
137
99
|
startTouch: startTouch
|
|
138
100
|
});
|
|
139
|
-
|
|
140
101
|
addEvent(document, 'mousemove', _this._onMouseMove);
|
|
141
102
|
addEvent(document, 'mouseup', _this._onMouseUp);
|
|
142
103
|
});
|
|
@@ -144,8 +105,8 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
144
105
|
var event = e || window.event;
|
|
145
106
|
var imageDOM = _this.imgRef;
|
|
146
107
|
var startTouch = _this.state.startTouch;
|
|
147
|
-
if (!startTouch.initiated) return;
|
|
148
|
-
|
|
108
|
+
if (!startTouch.initiated) return;
|
|
109
|
+
//滑动距离
|
|
149
110
|
var deltaX = event.clientX - startTouch.startX;
|
|
150
111
|
var deltaY = event.clientY - startTouch.startY;
|
|
151
112
|
imageDOM.style.left = "".concat(deltaX, "px");
|
|
@@ -156,11 +117,9 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
156
117
|
if (!startTouch.initiated) return;
|
|
157
118
|
var endTouch = JSON.parse((0, _stringify["default"])(startTouch));
|
|
158
119
|
endTouch.initiated = false;
|
|
159
|
-
|
|
160
120
|
_this.setState({
|
|
161
121
|
startTouch: startTouch
|
|
162
122
|
});
|
|
163
|
-
|
|
164
123
|
removeEvent(document, 'mousemove', _this._onMouseMove);
|
|
165
124
|
removeEvent(document, 'mouseup', _this._onMouseDown);
|
|
166
125
|
});
|
|
@@ -170,31 +129,24 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
170
129
|
var zoomVal = zoom + 0.1;
|
|
171
130
|
var originDeg = getRotateDeg(imageDOM);
|
|
172
131
|
event.stopPropagation();
|
|
173
|
-
|
|
174
132
|
if (zoomVal >= 0.2) {
|
|
175
133
|
var _context;
|
|
176
|
-
|
|
177
134
|
imageDOM.style.transform = (0, _concat["default"])(_context = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context, originDeg, "deg)");
|
|
178
135
|
}
|
|
179
|
-
|
|
180
136
|
_this.setState({
|
|
181
137
|
zoom: zoomVal
|
|
182
138
|
});
|
|
183
139
|
});
|
|
184
140
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMinus", function () {
|
|
185
141
|
var _context2;
|
|
186
|
-
|
|
187
142
|
var zoom = _this.state.zoom;
|
|
188
143
|
var imageDOM = _this.imgRef;
|
|
189
144
|
var zoomVal = zoom - 0.1;
|
|
190
145
|
var originDeg = getRotateDeg(imageDOM);
|
|
191
|
-
|
|
192
146
|
if (zoomVal < 0.2) {
|
|
193
147
|
zoomVal = 0.2;
|
|
194
148
|
}
|
|
195
|
-
|
|
196
149
|
imageDOM.style.transform = (0, _concat["default"])(_context2 = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context2, originDeg, "deg)");
|
|
197
|
-
|
|
198
150
|
_this.setState({
|
|
199
151
|
zoom: zoomVal
|
|
200
152
|
});
|
|
@@ -204,7 +156,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
204
156
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
205
157
|
imageDOM.style.left = "50%";
|
|
206
158
|
imageDOM.style.top = "50%";
|
|
207
|
-
|
|
208
159
|
_this.setState({
|
|
209
160
|
zoom: 1
|
|
210
161
|
});
|
|
@@ -216,7 +167,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
216
167
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
217
168
|
imageDOM.style.left = "50%";
|
|
218
169
|
imageDOM.style.top = "50%";
|
|
219
|
-
|
|
220
170
|
_this.setState({
|
|
221
171
|
zoom: 1
|
|
222
172
|
});
|
|
@@ -228,7 +178,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
228
178
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
229
179
|
imageDOM.style.left = "50%";
|
|
230
180
|
imageDOM.style.top = "50%";
|
|
231
|
-
|
|
232
181
|
_this.setState({
|
|
233
182
|
zoom: 1
|
|
234
183
|
});
|
|
@@ -236,7 +185,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
236
185
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (isLeft) {
|
|
237
186
|
return function () {
|
|
238
187
|
var _context3;
|
|
239
|
-
|
|
240
188
|
var imageDOM = _this.imgRef;
|
|
241
189
|
var originDeg = getRotateDeg(imageDOM);
|
|
242
190
|
var zoom = _this.state.zoom;
|
|
@@ -250,12 +198,10 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
250
198
|
};
|
|
251
199
|
return _this;
|
|
252
200
|
}
|
|
253
|
-
|
|
254
201
|
(0, _createClass2["default"])(ImageViews, [{
|
|
255
202
|
key: "render",
|
|
256
203
|
value: function render() {
|
|
257
204
|
var _this2 = this;
|
|
258
|
-
|
|
259
205
|
var image = this.props.image;
|
|
260
206
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
261
207
|
className: (0, _variables["default"])('ImageViews')
|
|
@@ -270,7 +216,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
270
216
|
onWheel: this._onwheel //缩放事件
|
|
271
217
|
,
|
|
272
218
|
onMouseDown: this._onMouseDown //拖拽事件
|
|
273
|
-
|
|
274
219
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
275
220
|
className: (0, _variables["default"])('ImageViews').footer
|
|
276
221
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -318,6 +263,5 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
318
263
|
}]);
|
|
319
264
|
return ImageViews;
|
|
320
265
|
}(_react["default"].Component);
|
|
321
|
-
|
|
322
266
|
var _default = ImageViews;
|
|
323
267
|
exports["default"] = _default;
|
package/lib/Viewer/Viewer.js
CHANGED
|
@@ -1,68 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
|
4
|
-
|
|
5
4
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
-
|
|
7
5
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
8
|
-
|
|
9
6
|
_Object$defineProperty(exports, "__esModule", {
|
|
10
7
|
value: true
|
|
11
8
|
});
|
|
12
|
-
|
|
13
9
|
exports["default"] = void 0;
|
|
14
|
-
|
|
15
10
|
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
|
|
16
|
-
|
|
17
11
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
-
|
|
19
12
|
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
20
|
-
|
|
21
13
|
var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
22
|
-
|
|
23
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
24
|
-
|
|
25
15
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
26
|
-
|
|
27
16
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
28
|
-
|
|
29
17
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
30
|
-
|
|
31
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
32
|
-
|
|
33
19
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
34
|
-
|
|
35
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
36
|
-
|
|
37
21
|
var _react = _interopRequireDefault(require("react"));
|
|
38
|
-
|
|
39
22
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
40
|
-
|
|
41
23
|
var _ImageViews = _interopRequireDefault(require("./ImageViews"));
|
|
42
|
-
|
|
43
24
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
44
|
-
|
|
45
25
|
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); }; }
|
|
46
|
-
|
|
47
26
|
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; } }
|
|
48
|
-
|
|
49
27
|
var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
50
28
|
(0, _inherits2["default"])(Viewers, _React$Component);
|
|
51
|
-
|
|
52
29
|
var _super = _createSuper(Viewers);
|
|
53
|
-
|
|
54
30
|
function Viewers(props) {
|
|
55
31
|
var _this;
|
|
56
|
-
|
|
57
32
|
(0, _classCallCheck2["default"])(this, Viewers);
|
|
58
33
|
_this = _super.call(this, props);
|
|
34
|
+
//修复Warning报错
|
|
59
35
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "componentWillUnmount", function () {
|
|
60
36
|
_this.timeout = null;
|
|
61
37
|
});
|
|
62
38
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeViewers", function () {
|
|
63
39
|
var _this$props = _this.props,
|
|
64
|
-
|
|
65
|
-
|
|
40
|
+
onCancel = _this$props.onCancel,
|
|
41
|
+
onClose = _this$props.onClose;
|
|
66
42
|
_this.containerRef.style['opacity'] = 0;
|
|
67
43
|
_this.timeout = (0, _setTimeout2["default"])(function () {
|
|
68
44
|
onCancel && onCancel(onClose);
|
|
@@ -72,11 +48,9 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
72
48
|
var imageIndex = _this.state.imageIndex;
|
|
73
49
|
var images = _this.props.images;
|
|
74
50
|
var index = imageIndex - 1;
|
|
75
|
-
|
|
76
51
|
if (index < 0) {
|
|
77
52
|
index = images.length - 1;
|
|
78
53
|
}
|
|
79
|
-
|
|
80
54
|
_this.setState({
|
|
81
55
|
imageIndex: index
|
|
82
56
|
});
|
|
@@ -85,11 +59,9 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
85
59
|
var imageIndex = _this.state.imageIndex;
|
|
86
60
|
var images = _this.props.images;
|
|
87
61
|
var index = imageIndex + 1;
|
|
88
|
-
|
|
89
62
|
if (index > images.length - 1) {
|
|
90
63
|
index = 0;
|
|
91
64
|
}
|
|
92
|
-
|
|
93
65
|
_this.setState({
|
|
94
66
|
imageIndex: index
|
|
95
67
|
});
|
|
@@ -103,18 +75,15 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
103
75
|
imageIndex: props.imageIndex
|
|
104
76
|
};
|
|
105
77
|
return _this;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
|
|
78
|
+
}
|
|
109
79
|
(0, _createClass2["default"])(Viewers, [{
|
|
110
80
|
key: "render",
|
|
111
81
|
value: function render() {
|
|
112
82
|
var _this2 = this;
|
|
113
|
-
|
|
114
83
|
var _this$props2 = this.props,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
84
|
+
visible = _this$props2.visible,
|
|
85
|
+
images = _this$props2.images,
|
|
86
|
+
titles = _this$props2.titles;
|
|
118
87
|
var imageIndex = this.state.imageIndex;
|
|
119
88
|
return /*#__PURE__*/_react["default"].createElement("div", null, visible ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
120
89
|
className: (0, _variables["default"])('Viewers'),
|
|
@@ -127,7 +96,6 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
127
96
|
className: (0, _variables["default"])('Viewers').title
|
|
128
97
|
}, (0, _map["default"])(titles).call(titles, function (item, index) {
|
|
129
98
|
var _context;
|
|
130
|
-
|
|
131
99
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
132
100
|
key: index,
|
|
133
101
|
onClick: (0, _bind["default"])(_context = _this2._onSelect).call(_context, _this2, index),
|
|
@@ -149,17 +117,13 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
149
117
|
}]);
|
|
150
118
|
return Viewers;
|
|
151
119
|
}(_react["default"].Component);
|
|
152
|
-
|
|
153
120
|
(0, _defineProperty2["default"])(Viewers, "propTypes", {
|
|
154
121
|
/** viewer是否可见 */
|
|
155
122
|
visible: _propTypes["default"].bool.isRequired,
|
|
156
|
-
|
|
157
123
|
/** 点击关闭按钮的回调 */
|
|
158
124
|
onCancel: _propTypes["default"].func.isRequired,
|
|
159
|
-
|
|
160
125
|
/** 需要进行浏览的图片地址集合 */
|
|
161
126
|
images: _propTypes["default"].array.isRequired,
|
|
162
|
-
|
|
163
127
|
/** 需要进行浏览的图片名称集合 */
|
|
164
128
|
titles: _propTypes["default"].array.isRequired
|
|
165
129
|
});
|
|
@@ -1,37 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
|
|
11
8
|
exports["default"] = void 0;
|
|
12
|
-
|
|
13
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
14
|
-
|
|
15
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
16
|
-
|
|
17
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
18
|
-
|
|
19
12
|
var _react = _interopRequireDefault(require("react"));
|
|
20
|
-
|
|
21
13
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
22
|
-
|
|
23
14
|
var _excluded = ["className", "children"];
|
|
24
|
-
|
|
25
15
|
function WingBlank(_ref) {
|
|
26
16
|
var _context;
|
|
27
|
-
|
|
28
17
|
var className = _ref.className,
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
children = _ref.children,
|
|
19
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
31
20
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
32
21
|
className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('WingBlank'))
|
|
33
22
|
}, props), /*#__PURE__*/_react["default"].createElement("div", null, children));
|
|
34
23
|
}
|
|
35
|
-
|
|
36
24
|
var _default = WingBlank;
|
|
37
25
|
exports["default"] = _default;
|
package/lib/helper.js
CHANGED
|
@@ -1,50 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
|
|
11
|
-
exports.showSuccessMsg = exports.showError = exports.isEmpty2 = exports.isEmpty = exports.getUsername = exports.getPathValue = exports.getObjectExclude = exports["default"] = void 0;
|
|
12
|
-
|
|
8
|
+
exports.toThousands = exports.showSuccessMsg = exports.showError = exports.isEmpty2 = exports.isEmpty = exports.getUsername = exports.getPathValue = exports.getObjectExclude = exports["default"] = void 0;
|
|
13
9
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
14
|
-
|
|
15
10
|
var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
|
|
16
|
-
|
|
17
11
|
var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
|
|
18
|
-
|
|
19
12
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
20
|
-
|
|
21
13
|
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
22
|
-
|
|
23
14
|
var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
|
|
24
|
-
|
|
15
|
+
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
16
|
+
var _parseFloat2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-float"));
|
|
17
|
+
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
+
var _isInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-integer"));
|
|
25
19
|
var _message = _interopRequireDefault(require("antd/lib/message"));
|
|
26
|
-
|
|
27
20
|
/**
|
|
28
21
|
* 功能:从obj中取出不包含keys指定的属性,并组成一个新的子对象
|
|
29
22
|
*/
|
|
30
23
|
var getObjectExclude = function getObjectExclude(obj, keys) {
|
|
31
24
|
var _context;
|
|
32
|
-
|
|
33
25
|
var inKeys = function inKeys(key) {
|
|
34
26
|
return (0, _some["default"])(keys).call(keys, function (k) {
|
|
35
27
|
return k === key;
|
|
36
28
|
});
|
|
37
29
|
};
|
|
38
|
-
|
|
39
30
|
return (0, _reduce["default"])(_context = (0, _keys["default"])(obj)).call(_context, function (newObj, key) {
|
|
40
31
|
!inKeys(key) && (newObj[key] = obj[key]);
|
|
41
32
|
return newObj;
|
|
42
33
|
}, {});
|
|
43
|
-
};
|
|
44
|
-
|
|
34
|
+
};
|
|
45
35
|
|
|
36
|
+
// 获取当前登录的用户名
|
|
46
37
|
exports.getObjectExclude = getObjectExclude;
|
|
47
|
-
|
|
48
38
|
var getUsername = function getUsername() {
|
|
49
39
|
var username = 'username=';
|
|
50
40
|
var cookie = document.cookie;
|
|
@@ -52,13 +42,11 @@ var getUsername = function getUsername() {
|
|
|
52
42
|
var end = (0, _indexOf["default"])(cookie).call(cookie, ';', begin);
|
|
53
43
|
return unescape(cookie.substring(begin, end < 0 ? cookie.length : end));
|
|
54
44
|
};
|
|
45
|
+
|
|
55
46
|
/**
|
|
56
47
|
* 确保path为数组
|
|
57
48
|
*/
|
|
58
|
-
|
|
59
|
-
|
|
60
49
|
exports.getUsername = getUsername;
|
|
61
|
-
|
|
62
50
|
var makeArray = function makeArray(path) {
|
|
63
51
|
if ((0, _isArray["default"])(path)) {
|
|
64
52
|
return path;
|
|
@@ -68,50 +56,42 @@ var makeArray = function makeArray(path) {
|
|
|
68
56
|
return [path];
|
|
69
57
|
}
|
|
70
58
|
};
|
|
59
|
+
|
|
71
60
|
/**
|
|
72
61
|
* 功能:获取对象关键路径的值,不存在则返回undefined
|
|
73
62
|
* obj:对象
|
|
74
63
|
* path:字符串或字符串数组,指定关键路径
|
|
75
64
|
*/
|
|
76
|
-
|
|
77
|
-
|
|
78
65
|
var getPathValue = function getPathValue(obj, path) {
|
|
79
66
|
if (!path) {
|
|
80
67
|
return undefined;
|
|
81
68
|
} else {
|
|
82
69
|
var _context2;
|
|
83
|
-
|
|
84
70
|
return (0, _reduce["default"])(_context2 = makeArray(path)).call(_context2, function (value, key) {
|
|
85
71
|
return (0, _typeof2["default"])(value) !== 'object' ? undefined : value[key];
|
|
86
72
|
}, obj);
|
|
87
73
|
}
|
|
88
74
|
};
|
|
75
|
+
|
|
89
76
|
/**
|
|
90
77
|
* 功能:判断一个值是否为空(null,undefined和''属于空)
|
|
91
78
|
*/
|
|
92
|
-
|
|
93
|
-
|
|
94
79
|
exports.getPathValue = getPathValue;
|
|
95
|
-
|
|
96
80
|
var isEmpty = function isEmpty(value) {
|
|
97
81
|
var type = (0, _typeof2["default"])(value);
|
|
98
|
-
|
|
99
82
|
if (type === 'number' || type === 'boolean') {
|
|
100
83
|
return false;
|
|
101
84
|
} else {
|
|
102
85
|
return !value;
|
|
103
86
|
}
|
|
104
87
|
};
|
|
88
|
+
|
|
105
89
|
/**
|
|
106
90
|
* 功能:判断一个值是否为空(null,undefined,''和[]属于空)
|
|
107
91
|
*/
|
|
108
|
-
|
|
109
|
-
|
|
110
92
|
exports.isEmpty = isEmpty;
|
|
111
|
-
|
|
112
93
|
var isEmpty2 = function isEmpty2(value) {
|
|
113
94
|
var type = (0, _typeof2["default"])(value);
|
|
114
|
-
|
|
115
95
|
if (type === 'number' || type === 'boolean') {
|
|
116
96
|
return false;
|
|
117
97
|
} else if ((0, _isArray["default"])(value)) {
|
|
@@ -120,19 +100,37 @@ var isEmpty2 = function isEmpty2(value) {
|
|
|
120
100
|
return !value;
|
|
121
101
|
}
|
|
122
102
|
};
|
|
123
|
-
|
|
124
103
|
exports.isEmpty2 = isEmpty2;
|
|
125
|
-
|
|
104
|
+
var toThousands = function toThousands(number, fractionDigits) {
|
|
105
|
+
if (typeof number === 'string' && (0, _includes["default"])(number).call(number, '~')) {
|
|
106
|
+
// 如果参数是形如 "1~5" 的字符串
|
|
107
|
+
var range = number.split('~');
|
|
108
|
+
var start = (0, _parseFloat2["default"])(range[0]);
|
|
109
|
+
var end = (0, _parseFloat2["default"])(range[1]);
|
|
110
|
+
if (!isNaN(start) && !isNaN(end)) {
|
|
111
|
+
var _context3;
|
|
112
|
+
var formattedStart = start.toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
113
|
+
var formattedEnd = end.toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
114
|
+
return (0, _concat["default"])(_context3 = "".concat(formattedStart, "~\uFFE5")).call(_context3, formattedEnd);
|
|
115
|
+
}
|
|
116
|
+
} else if (!isNaN(Number(number))) {
|
|
117
|
+
// 其他数字类型的参数处理,与原函数逻辑保持一致
|
|
118
|
+
if (!(0, _isInteger["default"])((0, _parseFloat2["default"])(number)) && number.toString().split('.')[1].length > 2) {
|
|
119
|
+
return Number(number).toFixed(5).replace(/(^|\s)\d+/g, function (m) {
|
|
120
|
+
return m.replace(/(?=(?!\b)(\d{3})+$)/g, ',');
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
return Number(number).toFixed(fractionDigits).replace(/(\d)(?=(\d{3})+(\.\d+)?$)/g, '$1,');
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
exports.toThousands = toThousands;
|
|
126
127
|
var showError = function showError(msg) {
|
|
127
128
|
_message["default"].error(msg);
|
|
128
129
|
};
|
|
129
|
-
|
|
130
130
|
exports.showError = showError;
|
|
131
|
-
|
|
132
131
|
var showSuccessMsg = function showSuccessMsg(msg) {
|
|
133
132
|
_message["default"].success(msg);
|
|
134
133
|
};
|
|
135
|
-
|
|
136
134
|
exports.showSuccessMsg = showSuccessMsg;
|
|
137
135
|
var helper = {
|
|
138
136
|
getObjectExclude: getObjectExclude,
|
|
@@ -141,7 +139,8 @@ var helper = {
|
|
|
141
139
|
isEmpty: isEmpty,
|
|
142
140
|
isEmpty2: isEmpty2,
|
|
143
141
|
showError: showError,
|
|
144
|
-
showSuccessMsg: showSuccessMsg
|
|
142
|
+
showSuccessMsg: showSuccessMsg,
|
|
143
|
+
toThousands: toThousands
|
|
145
144
|
};
|
|
146
145
|
var _default = helper;
|
|
147
146
|
exports["default"] = _default;
|