cloud-b2b 1.1.61 → 1.1.63
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 +8 -11
- package/es/CodeInput/CodeInput.js +16 -19
- package/es/Enhance/Dialogs.js +11 -14
- package/es/Enhance/Loading.js +15 -18
- package/es/Header/Header.js +17 -20
- package/es/Header/Vertical.js +11 -14
- package/es/ImageView/ImageView.js +10 -13
- package/es/InpurCascader/InputCascader.js +11 -14
- package/es/InputEditor/InputEditor.js +16 -18
- package/es/InputSearch/InputSearch.js +19 -22
- package/es/InputSelect/InputSelect.js +14 -17
- package/es/InputTreeSelect/InputTreeSelect.js +10 -13
- package/es/InputWriting/InputWriting.js +12 -15
- package/es/Layout/Layout.js +14 -17
- package/es/Link/Link.js +7 -10
- package/es/NumberInput/NumberInput.js +13 -16
- package/es/Search/Search.js +52 -55
- package/es/Search2/Search.js +85 -88
- package/es/Search2/Search.less +64 -64
- package/es/Search2/package.json +6 -6
- package/es/Sidebar/Sidebar.js +11 -14
- package/es/Sidebar2/Sidebar.js +13 -16
- package/es/SuperForm/SuperForm.js +74 -79
- package/es/SuperForm2/SuperForm.js +95 -100
- package/es/SuperPagination/SuperPagination.js +8 -11
- package/es/SuperTab/SuperTab.js +12 -15
- package/es/SuperTab2/SuperTab2.js +13 -16
- package/es/SuperTable/DragSortRow.js +12 -15
- package/es/SuperTable/FilterDropDown.js +11 -14
- package/es/SuperTable/SuperTable.js +68 -71
- package/es/SuperTable2/SuperTable2.js +90 -88
- package/es/SuperTable2/SuperTableCell.js +27 -30
- package/es/SuperTable3/FilterDropDown.js +11 -14
- package/es/SuperTable3/SuperTable.js +58 -61
- package/es/SuperToolbar/SuperToolbar.js +11 -14
- package/es/SuperUpload/SuperUpload.js +107 -91
- package/es/Viewer/ImageViews.js +16 -19
- package/es/Viewer/Viewer.js +11 -14
- package/es/helper.js +18 -17
- package/lib/Area/Area.js +8 -11
- package/lib/CodeInput/CodeInput.js +16 -19
- package/lib/Enhance/Dialogs.js +11 -14
- package/lib/Enhance/Loading.js +15 -18
- package/lib/Header/Header.js +17 -20
- package/lib/Header/Vertical.js +11 -14
- package/lib/ImageView/ImageView.js +10 -13
- package/lib/InpurCascader/InputCascader.js +11 -14
- package/lib/InputEditor/InputEditor.js +16 -18
- package/lib/InputSearch/InputSearch.js +19 -22
- package/lib/InputSelect/InputSelect.js +14 -17
- package/lib/InputTreeSelect/InputTreeSelect.js +10 -13
- package/lib/InputWriting/InputWriting.js +12 -15
- package/lib/Layout/Layout.js +14 -17
- package/lib/LayoutLink/LayoutLink.js +1 -2
- package/lib/Link/Link.js +7 -10
- package/lib/NumberInput/NumberInput.js +13 -16
- package/lib/Search/Search.js +53 -57
- package/lib/Search2/Search.js +86 -90
- package/lib/Search2/Search.less +64 -64
- package/lib/Search2/package.json +6 -6
- package/lib/Sidebar/Sidebar.js +11 -14
- package/lib/Sidebar2/Sidebar.js +13 -16
- package/lib/SuperForm/SuperForm.js +75 -81
- package/lib/SuperForm2/SuperForm.js +96 -102
- package/lib/SuperPagination/SuperPagination.js +8 -11
- package/lib/SuperTab/SuperTab.js +12 -15
- package/lib/SuperTab2/SuperTab2.js +13 -16
- package/lib/SuperTable/DragSortRow.js +12 -15
- package/lib/SuperTable/FilterDropDown.js +11 -14
- package/lib/SuperTable/SuperTable.js +68 -71
- package/lib/SuperTable2/SuperTable2.js +91 -90
- package/lib/SuperTable2/SuperTableCell.js +27 -30
- package/lib/SuperTable3/FilterDropDown.js +11 -14
- package/lib/SuperTable3/SuperTable.js +58 -61
- package/lib/SuperToolbar/SuperToolbar.js +11 -14
- package/lib/SuperUpload/SuperUpload.js +96 -81
- package/lib/Viewer/ImageViews.js +16 -19
- package/lib/Viewer/Viewer.js +11 -14
- package/lib/helper.js +18 -17
- package/package.json +1 -1
|
@@ -17,10 +17,9 @@ var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
|
17
17
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
18
18
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
19
19
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
21
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
22
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
23
21
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
24
23
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
25
24
|
var _button = _interopRequireDefault(require("antd/lib/button"));
|
|
26
25
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
@@ -29,8 +28,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
29
28
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
30
29
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
31
30
|
var _excluded = ["type", "children"];
|
|
32
|
-
function
|
|
33
|
-
function _isNativeReflectConstruct() {
|
|
31
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
32
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
34
33
|
var MenuItem = _menu["default"].Item;
|
|
35
34
|
var SubMenu = _menu["default"].SubMenu;
|
|
36
35
|
var clicktag = 0; //被点击标识
|
|
@@ -76,8 +75,6 @@ var ButtonEx = function ButtonEx(_ref) {
|
|
|
76
75
|
* onSubClick: 按钮为下拉时下拉项子列表项点击时触发,原型为function(key, subKey)
|
|
77
76
|
*/
|
|
78
77
|
var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
79
|
-
(0, _inherits2["default"])(SuperToolbar, _React$Component);
|
|
80
|
-
var _super = _createSuper(SuperToolbar);
|
|
81
78
|
function SuperToolbar() {
|
|
82
79
|
var _context;
|
|
83
80
|
var _this;
|
|
@@ -85,8 +82,8 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
85
82
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
86
83
|
args[_key] = arguments[_key];
|
|
87
84
|
}
|
|
88
|
-
_this =
|
|
89
|
-
(0, _defineProperty2["default"])(
|
|
85
|
+
_this = _callSuper(this, SuperToolbar, (0, _concat["default"])(_context = []).call(_context, args));
|
|
86
|
+
(0, _defineProperty2["default"])(_this, "onClick", function (e) {
|
|
90
87
|
var _this$props = _this.props,
|
|
91
88
|
onClick = _this$props.onClick,
|
|
92
89
|
onSubClick = _this$props.onSubClick;
|
|
@@ -106,7 +103,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
106
103
|
}
|
|
107
104
|
}
|
|
108
105
|
});
|
|
109
|
-
(0, _defineProperty2["default"])(
|
|
106
|
+
(0, _defineProperty2["default"])(_this, "toSubMenu", function (_ref2) {
|
|
110
107
|
var key = _ref2.key,
|
|
111
108
|
title = _ref2.title,
|
|
112
109
|
_ref2$subMenu = _ref2.subMenu,
|
|
@@ -122,7 +119,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
122
119
|
}, title);
|
|
123
120
|
}));
|
|
124
121
|
});
|
|
125
|
-
(0, _defineProperty2["default"])(
|
|
122
|
+
(0, _defineProperty2["default"])(_this, "toMenu", function (menu) {
|
|
126
123
|
return /*#__PURE__*/_react["default"].createElement(_menu["default"], {
|
|
127
124
|
onClick: _this.onClick
|
|
128
125
|
}, (0, _map["default"])(menu).call(menu, function (item) {
|
|
@@ -138,7 +135,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
138
135
|
}
|
|
139
136
|
}));
|
|
140
137
|
});
|
|
141
|
-
(0, _defineProperty2["default"])(
|
|
138
|
+
(0, _defineProperty2["default"])(_this, "toButton", function (_ref4) {
|
|
142
139
|
var _context2;
|
|
143
140
|
var key = _ref4.key,
|
|
144
141
|
title = _ref4.title,
|
|
@@ -146,7 +143,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
146
143
|
confirm = _ref4.confirm,
|
|
147
144
|
menu = _ref4.menu,
|
|
148
145
|
loading = _ref4.loading;
|
|
149
|
-
var onClick = (0, _bind["default"])(_context2 = _this.onClick).call(_context2,
|
|
146
|
+
var onClick = (0, _bind["default"])(_context2 = _this.onClick).call(_context2, _this, key);
|
|
150
147
|
var _this$props$size = _this.props.size,
|
|
151
148
|
size = _this$props$size === void 0 ? 'small' : _this$props$size;
|
|
152
149
|
if (menu && menu.length) {
|
|
@@ -182,7 +179,8 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
182
179
|
});
|
|
183
180
|
return _this;
|
|
184
181
|
}
|
|
185
|
-
(0,
|
|
182
|
+
(0, _inherits2["default"])(SuperToolbar, _React$Component);
|
|
183
|
+
return (0, _createClass2["default"])(SuperToolbar, [{
|
|
186
184
|
key: "render",
|
|
187
185
|
value: function render() {
|
|
188
186
|
var buttons = this.props.buttons;
|
|
@@ -192,7 +190,6 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
|
|
|
192
190
|
}, (0, _map["default"])(buttons).call(buttons, this.toButton));
|
|
193
191
|
}
|
|
194
192
|
}]);
|
|
195
|
-
return SuperToolbar;
|
|
196
193
|
}(_react["default"].Component);
|
|
197
194
|
(0, _defineProperty2["default"])(SuperToolbar, "propTypes", {
|
|
198
195
|
buttons: _propTypes["default"].arrayOf(_propTypes["default"].shape(ButtonType)).isRequired,
|
|
@@ -30,19 +30,19 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
|
|
|
30
30
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
31
31
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
32
32
|
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
33
|
+
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
33
34
|
var _react = _interopRequireWildcard(require("react"));
|
|
34
35
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
36
|
var _helper = _interopRequireDefault(require("../helper"));
|
|
36
37
|
var _Title = _interopRequireDefault(require("../Title"));
|
|
37
38
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
38
|
-
function
|
|
39
|
-
function
|
|
40
|
-
function
|
|
41
|
-
function
|
|
42
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
39
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t6 in e) "default" !== _t6 && {}.hasOwnProperty.call(e, _t6) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t6)) && (i.get || i.set) ? o(f, _t6, i) : f[_t6] = e[_t6]); return f; })(e, t); }
|
|
40
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (_Array$isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
41
|
+
function _unsupportedIterableToArray(r, a) { if (r) { var _context7; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context7 = {}.toString.call(r)).call(_context7, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
42
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
43
43
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
44
44
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
45
|
-
var FORMATS = ['image/jpeg', 'image/gif', 'image/bmp', 'image/jpg', 'image/png', 'image/tiff', 'image/gif', 'image/pcx', 'image/tga', 'image/exif', 'image/fpx', 'image/svg', 'image/psd', 'image/cdr', 'image/pcd', 'image/dxf', 'image/ufo', 'image/eps', 'image/ai', 'image/raw', 'image/WMF'
|
|
45
|
+
var FORMATS = ['image/jpeg', 'image/gif', 'image/bmp', 'image/jpg', 'image/png', 'image/tiff', 'image/gif', 'image/pcx', 'image/tga', 'image/exif', 'image/fpx', 'image/svg', 'image/psd', 'image/cdr', 'image/pcd', 'image/dxf', 'image/ufo', 'image/eps', 'image/ai', 'image/raw', 'image/WMF'];
|
|
46
46
|
var FORMATS1 = ['.jpeg', '.gif', '.bmp', '.jpg', '.png', '.tiff', '.pcx', '.tga', '.exif', '.fpx', '.svg', '.psd', '.cdr', '.pcd', '.dxf', '.ufo', '.eps', '.ai', '.raw', '.WMF'];
|
|
47
47
|
|
|
48
48
|
//组件属性定义
|
|
@@ -55,7 +55,7 @@ var propTypes = {
|
|
|
55
55
|
//附件组的标题
|
|
56
56
|
required: _propTypes["default"].bool,
|
|
57
57
|
//是否必须上传,默认false
|
|
58
|
-
listType: _propTypes["default"].oneOf[
|
|
58
|
+
listType: _propTypes["default"].oneOf['text', 'picture', 'picture-card'],
|
|
59
59
|
//上传列表的内建样式,支持三种,默认picture-card
|
|
60
60
|
readonly: _propTypes["default"].bool,
|
|
61
61
|
//所在页面是否只读,默认false
|
|
@@ -91,7 +91,8 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
|
|
|
91
91
|
listType = _props$listType === void 0 ? 'picture-card' : _props$listType,
|
|
92
92
|
_props$fileDeleteList = props.fileDeleteList,
|
|
93
93
|
fileDeleteList = _props$fileDeleteList === void 0 ? [] : _props$fileDeleteList,
|
|
94
|
-
onFileChange = props.onFileChange
|
|
94
|
+
onFileChange = props.onFileChange,
|
|
95
|
+
accept = props.accept;
|
|
95
96
|
var onChange = function onChange(_ref) {
|
|
96
97
|
var file = _ref.file,
|
|
97
98
|
fileList = _ref.fileList;
|
|
@@ -123,8 +124,8 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
|
|
|
123
124
|
setFileList(newList);
|
|
124
125
|
};
|
|
125
126
|
var onRemove = /*#__PURE__*/function () {
|
|
126
|
-
var _ref2 = (0, _asyncToGenerator2["default"])(
|
|
127
|
-
return _regenerator["default"].wrap(function
|
|
127
|
+
var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(fileRemove) {
|
|
128
|
+
return _regenerator["default"].wrap(function (_context2) {
|
|
128
129
|
while (1) switch (_context2.prev = _context2.next) {
|
|
129
130
|
case 0:
|
|
130
131
|
props.onRemove && props.onRemove(fileRemove, fileList, fileDeleteList);
|
|
@@ -138,19 +139,33 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
|
|
|
138
139
|
return _ref2.apply(this, arguments);
|
|
139
140
|
};
|
|
140
141
|
}();
|
|
141
|
-
|
|
142
|
+
var other = {};
|
|
143
|
+
if (accept) {
|
|
144
|
+
other = {
|
|
145
|
+
accept: accept
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
return _objectSpread(_objectSpread({
|
|
142
149
|
action: props.action || '/api/proxy/zuul/archiver-service/file/upload/document',
|
|
143
150
|
fileList: fileList,
|
|
144
151
|
listType: listType,
|
|
145
152
|
multiple: multiple,
|
|
146
153
|
onChange: onChange,
|
|
147
|
-
onRemove: onRemove
|
|
154
|
+
onRemove: onRemove
|
|
155
|
+
}, other), {}, {
|
|
148
156
|
onPreview: listType === 'text' ? undefined : onPreview,
|
|
149
157
|
beforeUpload: function beforeUpload(currentFile) {
|
|
150
158
|
var isLt = currentFile.size / 1024 / 1024 < limitSize; // 附件大小限制,单位M
|
|
151
159
|
if (!isLt) {
|
|
152
160
|
_helper["default"].showError("\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(limitSize, "M"));
|
|
153
161
|
}
|
|
162
|
+
if (accept) {
|
|
163
|
+
var ext = currentFile.name.split('.').pop().toLowerCase();
|
|
164
|
+
if (!(0, _includes["default"])(accept).call(accept, ext)) {
|
|
165
|
+
_helper["default"].showError("\u4E0A\u4F20\u7684\u6587\u4EF6\u6269\u5C55\u6587\u53EA\u80FD\u4E3A".concat(accept));
|
|
166
|
+
return false;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
154
169
|
return isLt;
|
|
155
170
|
},
|
|
156
171
|
showUploadList: {
|
|
@@ -158,7 +173,7 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
|
|
|
158
173
|
showRemoveIcon: !readonly,
|
|
159
174
|
showDownloadIcon: true
|
|
160
175
|
}
|
|
161
|
-
};
|
|
176
|
+
});
|
|
162
177
|
};
|
|
163
178
|
function UploadButton(_ref3) {
|
|
164
179
|
var _ref3$buttonLabel = _ref3.buttonLabel,
|
|
@@ -212,128 +227,128 @@ function SuperUpload(props) {
|
|
|
212
227
|
return _fetchImgData.apply(this, arguments);
|
|
213
228
|
}
|
|
214
229
|
function _fetchImgData() {
|
|
215
|
-
_fetchImgData = (0, _asyncToGenerator2["default"])(
|
|
216
|
-
var _iterator, _step, item, _iterator2, _step2, _item;
|
|
217
|
-
return _regenerator["default"].wrap(function
|
|
230
|
+
_fetchImgData = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
231
|
+
var _iterator, _step, item, _iterator2, _step2, _item, _t, _t2, _t3, _t4, _t5;
|
|
232
|
+
return _regenerator["default"].wrap(function (_context3) {
|
|
218
233
|
while (1) switch (_context3.prev = _context3.next) {
|
|
219
234
|
case 0:
|
|
220
235
|
if (!(props.fileList.length > 0 || fileList.length > 0)) {
|
|
221
|
-
_context3.next =
|
|
236
|
+
_context3.next = 24;
|
|
222
237
|
break;
|
|
223
238
|
}
|
|
224
239
|
_iterator = _createForOfIteratorHelper(props.fileList);
|
|
225
|
-
_context3.prev =
|
|
240
|
+
_context3.prev = 1;
|
|
226
241
|
_iterator.s();
|
|
227
|
-
case
|
|
242
|
+
case 2:
|
|
228
243
|
if ((_step = _iterator.n()).done) {
|
|
229
|
-
_context3.next =
|
|
244
|
+
_context3.next = 11;
|
|
230
245
|
break;
|
|
231
246
|
}
|
|
232
247
|
item = _step.value;
|
|
233
248
|
if (!(item.fileUrl == '')) {
|
|
234
|
-
_context3.next =
|
|
249
|
+
_context3.next = 6;
|
|
235
250
|
break;
|
|
236
251
|
}
|
|
237
252
|
if (!props.getFileList) {
|
|
238
|
-
_context3.next =
|
|
253
|
+
_context3.next = 4;
|
|
239
254
|
break;
|
|
240
255
|
}
|
|
241
|
-
_context3.next =
|
|
256
|
+
_context3.next = 3;
|
|
242
257
|
return props.getFileList(fileList);
|
|
243
|
-
case
|
|
244
|
-
|
|
245
|
-
_context3.next =
|
|
258
|
+
case 3:
|
|
259
|
+
_t = _context3.sent;
|
|
260
|
+
_context3.next = 5;
|
|
246
261
|
break;
|
|
247
|
-
case
|
|
248
|
-
|
|
249
|
-
case
|
|
250
|
-
initFileList =
|
|
251
|
-
_context3.next =
|
|
262
|
+
case 4:
|
|
263
|
+
_t = [];
|
|
264
|
+
case 5:
|
|
265
|
+
initFileList = _t;
|
|
266
|
+
_context3.next = 10;
|
|
252
267
|
break;
|
|
253
|
-
case
|
|
268
|
+
case 6:
|
|
254
269
|
if (!props.getFileList) {
|
|
255
|
-
_context3.next =
|
|
270
|
+
_context3.next = 8;
|
|
256
271
|
break;
|
|
257
272
|
}
|
|
258
|
-
_context3.next =
|
|
273
|
+
_context3.next = 7;
|
|
259
274
|
return props.getFileList(props.fileList);
|
|
260
|
-
case
|
|
261
|
-
|
|
262
|
-
_context3.next =
|
|
275
|
+
case 7:
|
|
276
|
+
_t2 = _context3.sent;
|
|
277
|
+
_context3.next = 9;
|
|
263
278
|
break;
|
|
264
|
-
case
|
|
265
|
-
|
|
266
|
-
case
|
|
267
|
-
initFileList =
|
|
268
|
-
case
|
|
269
|
-
_context3.next =
|
|
279
|
+
case 8:
|
|
280
|
+
_t2 = [];
|
|
281
|
+
case 9:
|
|
282
|
+
initFileList = _t2;
|
|
283
|
+
case 10:
|
|
284
|
+
_context3.next = 2;
|
|
270
285
|
break;
|
|
271
|
-
case
|
|
272
|
-
_context3.next =
|
|
286
|
+
case 11:
|
|
287
|
+
_context3.next = 13;
|
|
273
288
|
break;
|
|
274
|
-
case
|
|
275
|
-
_context3.prev =
|
|
276
|
-
|
|
277
|
-
_iterator.e(
|
|
278
|
-
case
|
|
279
|
-
_context3.prev =
|
|
289
|
+
case 12:
|
|
290
|
+
_context3.prev = 12;
|
|
291
|
+
_t3 = _context3["catch"](1);
|
|
292
|
+
_iterator.e(_t3);
|
|
293
|
+
case 13:
|
|
294
|
+
_context3.prev = 13;
|
|
280
295
|
_iterator.f();
|
|
281
|
-
return _context3.finish(
|
|
282
|
-
case
|
|
296
|
+
return _context3.finish(13);
|
|
297
|
+
case 14:
|
|
283
298
|
_iterator2 = _createForOfIteratorHelper(fileList);
|
|
284
|
-
_context3.prev =
|
|
299
|
+
_context3.prev = 15;
|
|
285
300
|
_iterator2.s();
|
|
286
|
-
case
|
|
301
|
+
case 16:
|
|
287
302
|
if ((_step2 = _iterator2.n()).done) {
|
|
288
|
-
_context3.next =
|
|
303
|
+
_context3.next = 21;
|
|
289
304
|
break;
|
|
290
305
|
}
|
|
291
306
|
_item = _step2.value;
|
|
292
307
|
if (!props.getFileList) {
|
|
293
|
-
_context3.next =
|
|
308
|
+
_context3.next = 18;
|
|
294
309
|
break;
|
|
295
310
|
}
|
|
296
|
-
_context3.next =
|
|
311
|
+
_context3.next = 17;
|
|
297
312
|
return props.getFileList(fileList);
|
|
298
|
-
case
|
|
299
|
-
|
|
300
|
-
_context3.next =
|
|
313
|
+
case 17:
|
|
314
|
+
_t4 = _context3.sent;
|
|
315
|
+
_context3.next = 19;
|
|
301
316
|
break;
|
|
302
|
-
case
|
|
303
|
-
|
|
304
|
-
case
|
|
305
|
-
initFileList =
|
|
306
|
-
case
|
|
307
|
-
_context3.next =
|
|
317
|
+
case 18:
|
|
318
|
+
_t4 = [];
|
|
319
|
+
case 19:
|
|
320
|
+
initFileList = _t4;
|
|
321
|
+
case 20:
|
|
322
|
+
_context3.next = 16;
|
|
308
323
|
break;
|
|
309
|
-
case
|
|
310
|
-
_context3.next =
|
|
324
|
+
case 21:
|
|
325
|
+
_context3.next = 23;
|
|
311
326
|
break;
|
|
312
|
-
case
|
|
313
|
-
_context3.prev =
|
|
314
|
-
|
|
315
|
-
_iterator2.e(
|
|
316
|
-
case
|
|
317
|
-
_context3.prev =
|
|
327
|
+
case 22:
|
|
328
|
+
_context3.prev = 22;
|
|
329
|
+
_t5 = _context3["catch"](15);
|
|
330
|
+
_iterator2.e(_t5);
|
|
331
|
+
case 23:
|
|
332
|
+
_context3.prev = 23;
|
|
318
333
|
_iterator2.f();
|
|
319
|
-
return _context3.finish(
|
|
320
|
-
case
|
|
334
|
+
return _context3.finish(23);
|
|
335
|
+
case 24:
|
|
321
336
|
//const initFileList = props.getFileList ? await props.getFileList(props.fileList) : [];
|
|
322
337
|
setFileList(initFileList ? initFileList : []);
|
|
323
338
|
setLoading(false);
|
|
324
|
-
case
|
|
339
|
+
case 25:
|
|
325
340
|
case "end":
|
|
326
341
|
return _context3.stop();
|
|
327
342
|
}
|
|
328
|
-
}, _callee2, null, [[
|
|
343
|
+
}, _callee2, null, [[1, 12, 13, 14], [15, 22, 23, 24]]);
|
|
329
344
|
}));
|
|
330
345
|
return _fetchImgData.apply(this, arguments);
|
|
331
346
|
}
|
|
332
347
|
fetchImgData();
|
|
333
348
|
}, [props.fileList]);
|
|
334
349
|
var onPreview = /*#__PURE__*/function () {
|
|
335
|
-
var _ref4 = (0, _asyncToGenerator2["default"])(
|
|
336
|
-
return _regenerator["default"].wrap(function
|
|
350
|
+
var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(file) {
|
|
351
|
+
return _regenerator["default"].wrap(function (_context4) {
|
|
337
352
|
while (1) switch (_context4.prev = _context4.next) {
|
|
338
353
|
case 0:
|
|
339
354
|
props.onPreview && props.onPreview(file, fileList);
|
package/lib/Viewer/ImageViews.js
CHANGED
|
@@ -12,16 +12,15 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
|
|
|
12
12
|
var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
13
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
15
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
17
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
18
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
17
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
19
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
20
19
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
21
20
|
var _react = _interopRequireDefault(require("react"));
|
|
22
21
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
23
|
-
function
|
|
24
|
-
function _isNativeReflectConstruct() {
|
|
22
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
23
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
24
|
var addEvent = function addEvent(el, event, handler) {
|
|
26
25
|
if (!el) return;
|
|
27
26
|
if (el.attachEvent) {
|
|
@@ -56,13 +55,11 @@ var getRotateDeg = function getRotateDeg(target) {
|
|
|
56
55
|
return Math.round(Math.atan2(b, a) * (180 / Math.PI));
|
|
57
56
|
};
|
|
58
57
|
var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
59
|
-
(0, _inherits2["default"])(ImageViews, _React$Component);
|
|
60
|
-
var _super = _createSuper(ImageViews);
|
|
61
58
|
function ImageViews(props) {
|
|
62
59
|
var _this;
|
|
63
60
|
(0, _classCallCheck2["default"])(this, ImageViews);
|
|
64
|
-
_this =
|
|
65
|
-
(0, _defineProperty2["default"])(
|
|
61
|
+
_this = _callSuper(this, ImageViews, [props]);
|
|
62
|
+
(0, _defineProperty2["default"])(_this, "_onwheel", function (e) {
|
|
66
63
|
var zoom = _this.state.zoom;
|
|
67
64
|
/*事件兼容*/
|
|
68
65
|
var event = e || window.event;
|
|
@@ -84,7 +81,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
84
81
|
zoom: zoomVal
|
|
85
82
|
});
|
|
86
83
|
});
|
|
87
|
-
(0, _defineProperty2["default"])(
|
|
84
|
+
(0, _defineProperty2["default"])(_this, "_onMouseDown", function (e) {
|
|
88
85
|
/*事件兼容*/
|
|
89
86
|
var event = e || window.event;
|
|
90
87
|
var imageDOM = _this.imgRef;
|
|
@@ -101,7 +98,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
101
98
|
addEvent(document, 'mousemove', _this._onMouseMove);
|
|
102
99
|
addEvent(document, 'mouseup', _this._onMouseUp);
|
|
103
100
|
});
|
|
104
|
-
(0, _defineProperty2["default"])(
|
|
101
|
+
(0, _defineProperty2["default"])(_this, "_onMouseMove", function (e) {
|
|
105
102
|
var event = e || window.event;
|
|
106
103
|
var imageDOM = _this.imgRef;
|
|
107
104
|
var startTouch = _this.state.startTouch;
|
|
@@ -112,7 +109,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
112
109
|
imageDOM.style.left = "".concat(deltaX, "px");
|
|
113
110
|
imageDOM.style.top = "".concat(deltaY, "px");
|
|
114
111
|
});
|
|
115
|
-
(0, _defineProperty2["default"])(
|
|
112
|
+
(0, _defineProperty2["default"])(_this, "_onMouseUp", function () {
|
|
116
113
|
var startTouch = _this.state.startTouch;
|
|
117
114
|
if (!startTouch.initiated) return;
|
|
118
115
|
var endTouch = JSON.parse((0, _stringify["default"])(startTouch));
|
|
@@ -123,7 +120,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
123
120
|
removeEvent(document, 'mousemove', _this._onMouseMove);
|
|
124
121
|
removeEvent(document, 'mouseup', _this._onMouseDown);
|
|
125
122
|
});
|
|
126
|
-
(0, _defineProperty2["default"])(
|
|
123
|
+
(0, _defineProperty2["default"])(_this, "_onPlus", function (event) {
|
|
127
124
|
var zoom = _this.state.zoom;
|
|
128
125
|
var imageDOM = _this.imgRef;
|
|
129
126
|
var zoomVal = zoom + 0.1;
|
|
@@ -137,7 +134,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
137
134
|
zoom: zoomVal
|
|
138
135
|
});
|
|
139
136
|
});
|
|
140
|
-
(0, _defineProperty2["default"])(
|
|
137
|
+
(0, _defineProperty2["default"])(_this, "_onMinus", function () {
|
|
141
138
|
var _context2;
|
|
142
139
|
var zoom = _this.state.zoom;
|
|
143
140
|
var imageDOM = _this.imgRef;
|
|
@@ -151,7 +148,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
151
148
|
zoom: zoomVal
|
|
152
149
|
});
|
|
153
150
|
});
|
|
154
|
-
(0, _defineProperty2["default"])(
|
|
151
|
+
(0, _defineProperty2["default"])(_this, "_reload", function () {
|
|
155
152
|
var imageDOM = _this.imgRef;
|
|
156
153
|
imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
|
|
157
154
|
imageDOM.style.left = "50%";
|
|
@@ -160,7 +157,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
160
157
|
zoom: 1
|
|
161
158
|
});
|
|
162
159
|
});
|
|
163
|
-
(0, _defineProperty2["default"])(
|
|
160
|
+
(0, _defineProperty2["default"])(_this, "_arrowLeft", function () {
|
|
164
161
|
var onLeft = _this.props.onLeft;
|
|
165
162
|
onLeft && onLeft();
|
|
166
163
|
var imageDOM = _this.imgRef;
|
|
@@ -171,7 +168,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
171
168
|
zoom: 1
|
|
172
169
|
});
|
|
173
170
|
});
|
|
174
|
-
(0, _defineProperty2["default"])(
|
|
171
|
+
(0, _defineProperty2["default"])(_this, "_arrowRight", function () {
|
|
175
172
|
var onRight = _this.props.onRight;
|
|
176
173
|
onRight && onRight();
|
|
177
174
|
var imageDOM = _this.imgRef;
|
|
@@ -182,7 +179,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
182
179
|
zoom: 1
|
|
183
180
|
});
|
|
184
181
|
});
|
|
185
|
-
(0, _defineProperty2["default"])(
|
|
182
|
+
(0, _defineProperty2["default"])(_this, "rotate", function (isLeft) {
|
|
186
183
|
return function () {
|
|
187
184
|
var _context3;
|
|
188
185
|
var imageDOM = _this.imgRef;
|
|
@@ -198,7 +195,8 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
198
195
|
};
|
|
199
196
|
return _this;
|
|
200
197
|
}
|
|
201
|
-
(0,
|
|
198
|
+
(0, _inherits2["default"])(ImageViews, _React$Component);
|
|
199
|
+
return (0, _createClass2["default"])(ImageViews, [{
|
|
202
200
|
key: "render",
|
|
203
201
|
value: function render() {
|
|
204
202
|
var _this2 = this;
|
|
@@ -261,6 +259,5 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
|
|
|
261
259
|
}))))));
|
|
262
260
|
}
|
|
263
261
|
}]);
|
|
264
|
-
return ImageViews;
|
|
265
262
|
}(_react["default"].Component);
|
|
266
263
|
var _default = exports["default"] = ImageViews;
|
package/lib/Viewer/Viewer.js
CHANGED
|
@@ -13,29 +13,26 @@ var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
|
|
|
13
13
|
var _icon = _interopRequireDefault(require("antd/lib/icon"));
|
|
14
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
15
15
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
17
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
18
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
19
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
20
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
20
|
var _react = _interopRequireDefault(require("react"));
|
|
22
21
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
22
|
var _ImageViews = _interopRequireDefault(require("./ImageViews"));
|
|
24
23
|
var _variables = _interopRequireDefault(require("../variables"));
|
|
25
|
-
function
|
|
26
|
-
function _isNativeReflectConstruct() {
|
|
24
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
26
|
var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
28
|
-
(0, _inherits2["default"])(Viewers, _React$Component);
|
|
29
|
-
var _super = _createSuper(Viewers);
|
|
30
27
|
function Viewers(props) {
|
|
31
28
|
var _this;
|
|
32
29
|
(0, _classCallCheck2["default"])(this, Viewers);
|
|
33
|
-
_this =
|
|
30
|
+
_this = _callSuper(this, Viewers, [props]);
|
|
34
31
|
//修复Warning报错
|
|
35
|
-
(0, _defineProperty2["default"])(
|
|
32
|
+
(0, _defineProperty2["default"])(_this, "componentWillUnmount", function () {
|
|
36
33
|
_this.timeout = null;
|
|
37
34
|
});
|
|
38
|
-
(0, _defineProperty2["default"])(
|
|
35
|
+
(0, _defineProperty2["default"])(_this, "closeViewers", function () {
|
|
39
36
|
var _this$props = _this.props,
|
|
40
37
|
onCancel = _this$props.onCancel,
|
|
41
38
|
onClose = _this$props.onClose;
|
|
@@ -44,7 +41,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
44
41
|
onCancel && onCancel(onClose);
|
|
45
42
|
}, 1000);
|
|
46
43
|
});
|
|
47
|
-
(0, _defineProperty2["default"])(
|
|
44
|
+
(0, _defineProperty2["default"])(_this, "_onLeft", function () {
|
|
48
45
|
var imageIndex = _this.state.imageIndex;
|
|
49
46
|
var images = _this.props.images;
|
|
50
47
|
var index = imageIndex - 1;
|
|
@@ -55,7 +52,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
55
52
|
imageIndex: index
|
|
56
53
|
});
|
|
57
54
|
});
|
|
58
|
-
(0, _defineProperty2["default"])(
|
|
55
|
+
(0, _defineProperty2["default"])(_this, "_onRight", function () {
|
|
59
56
|
var imageIndex = _this.state.imageIndex;
|
|
60
57
|
var images = _this.props.images;
|
|
61
58
|
var index = imageIndex + 1;
|
|
@@ -66,7 +63,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
66
63
|
imageIndex: index
|
|
67
64
|
});
|
|
68
65
|
});
|
|
69
|
-
(0, _defineProperty2["default"])(
|
|
66
|
+
(0, _defineProperty2["default"])(_this, "_onSelect", function (index) {
|
|
70
67
|
_this.setState({
|
|
71
68
|
imageIndex: index
|
|
72
69
|
});
|
|
@@ -76,7 +73,8 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
76
73
|
};
|
|
77
74
|
return _this;
|
|
78
75
|
}
|
|
79
|
-
(0,
|
|
76
|
+
(0, _inherits2["default"])(Viewers, _React$Component);
|
|
77
|
+
return (0, _createClass2["default"])(Viewers, [{
|
|
80
78
|
key: "render",
|
|
81
79
|
value: function render() {
|
|
82
80
|
var _this2 = this;
|
|
@@ -115,7 +113,6 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
|
|
|
115
113
|
}))) : null);
|
|
116
114
|
}
|
|
117
115
|
}]);
|
|
118
|
-
return Viewers;
|
|
119
116
|
}(_react["default"].Component);
|
|
120
117
|
(0, _defineProperty2["default"])(Viewers, "propTypes", {
|
|
121
118
|
/** viewer是否可见 */
|