@vtx/components 2.5.6 → 2.5.9
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/lib/_util/filterSpecialCharacters.js +55 -44
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +1 -4
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +0 -6
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +0 -1
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +0 -1
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useInterval.js +0 -3
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +17 -35
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +40 -62
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +10 -24
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +0 -2
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +0 -2
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +41 -79
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +26 -49
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +0 -7
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +0 -7
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +3 -11
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +19 -41
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +3 -12
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +84 -142
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +8 -36
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +0 -10
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +0 -10
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +22 -50
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +13 -34
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +17 -56
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +2 -8
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +0 -1
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +0 -1
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-editor/index.js +10 -26
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +0 -2
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +0 -2
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-export/index.js +22 -54
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +0 -6
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +0 -6
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +9 -30
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +0 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +13 -36
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +2 -7
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +0 -6
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +0 -2
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/index.js +8 -22
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +0 -8
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +0 -8
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +60 -96
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +26 -57
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +17 -46
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +3 -9
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +0 -1
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +0 -1
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-import/index.js +40 -75
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +9 -26
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +0 -2
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +0 -2
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +11 -25
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +18 -42
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +0 -1
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +0 -1
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +5 -17
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +1 -6
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +36 -74
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +0 -2
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +0 -2
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +2 -6
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +9 -21
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +2 -10
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +18 -48
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +5 -17
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +16 -46
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +0 -8
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +54 -65
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +26 -62
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js +0 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js +0 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +2 -23
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +6 -12
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +43 -94
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +0 -5
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +0 -5
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +44 -73
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +1 -1
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +1 -1
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +28 -72
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +0 -8
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +0 -8
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-signature/index.js +17 -31
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +0 -2
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +0 -2
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +7 -19
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +16 -36
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +52 -104
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +0 -4
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +0 -3
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +0 -3
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js +2 -8
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +10 -27
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +10 -27
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +0 -2
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +0 -16
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +5 -16
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +11 -30
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +75 -139
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +0 -6
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +0 -6
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-ztree/index.js +57 -109
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +0 -1
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +0 -1
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +48 -105
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +0 -4
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +0 -4
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -759
|
@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _simple_player = _interopRequireDefault(require("xgplayer/dist/simple_player"));
|
|
13
|
-
|
|
14
10
|
var _controls = require("xgplayer/dist/controls");
|
|
15
|
-
|
|
16
11
|
var _modal = _interopRequireDefault(require("antd/es/modal"));
|
|
17
|
-
|
|
18
12
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
16
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
-
|
|
28
17
|
function Preview(props) {
|
|
29
18
|
var type = props.type,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
name = props.name,
|
|
20
|
+
url = props.url,
|
|
21
|
+
downloadUrl = props.downloadUrl,
|
|
22
|
+
visible = props.visible,
|
|
23
|
+
onCancel = props.onCancel;
|
|
35
24
|
var player = null,
|
|
36
|
-
|
|
25
|
+
timer = null;
|
|
37
26
|
timer = setTimeout(function () {
|
|
38
27
|
if (type == 'video' && document.getElementById('vs')) {
|
|
39
28
|
player = new _simple_player["default"]({
|
|
@@ -41,11 +30,12 @@ function Preview(props) {
|
|
|
41
30
|
url: url,
|
|
42
31
|
width: 600,
|
|
43
32
|
height: 337.5,
|
|
44
|
-
controlPlugins: [_controls.volume,
|
|
33
|
+
controlPlugins: [_controls.volume,
|
|
34
|
+
//音量
|
|
45
35
|
_controls.playbackRate //播放倍速
|
|
46
36
|
],
|
|
47
|
-
playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
|
|
48
37
|
|
|
38
|
+
playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
|
|
49
39
|
});
|
|
50
40
|
}
|
|
51
41
|
}, 500);
|
|
@@ -68,26 +58,22 @@ function Preview(props) {
|
|
|
68
58
|
}
|
|
69
59
|
}, "\u4E0B\u8F7D")]
|
|
70
60
|
};
|
|
71
|
-
|
|
72
61
|
if (type == 'file') {
|
|
73
62
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
74
63
|
wrapClassName: 'vtx-modal-maxClass'
|
|
75
64
|
});
|
|
76
65
|
}
|
|
77
|
-
|
|
78
66
|
if (type == 'video') {
|
|
79
67
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
80
68
|
width: 648
|
|
81
69
|
});
|
|
82
70
|
}
|
|
83
|
-
|
|
84
71
|
var cancel = function cancel() {
|
|
85
72
|
//销毁播放器
|
|
86
73
|
player && player.destroy();
|
|
87
74
|
timer && clearTimeout(timer);
|
|
88
75
|
onCancel();
|
|
89
76
|
};
|
|
90
|
-
|
|
91
77
|
return /*#__PURE__*/_react["default"].createElement(_modal["default"], modalProps, type == 'file' ? /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
92
78
|
src: url,
|
|
93
79
|
style: {
|
|
@@ -99,7 +85,6 @@ function Preview(props) {
|
|
|
99
85
|
id: "vs"
|
|
100
86
|
}) : null);
|
|
101
87
|
}
|
|
102
|
-
|
|
103
88
|
Preview.propTypes = {
|
|
104
89
|
type: _propTypes["default"].string,
|
|
105
90
|
name: _propTypes["default"].string,
|
|
@@ -110,17 +95,13 @@ Preview.propTypes = {
|
|
|
110
95
|
};
|
|
111
96
|
var _default = Preview;
|
|
112
97
|
exports["default"] = _default;
|
|
113
|
-
|
|
114
98
|
var createForm = function createForm(reqURL) {
|
|
115
99
|
var formDom = document.createElement('form'); //定义一个form表单
|
|
116
|
-
|
|
117
100
|
formDom.method = 'post';
|
|
118
101
|
formDom.action = reqURL;
|
|
119
102
|
formDom.style = 'display:none';
|
|
120
103
|
document.body.appendChild(formDom); //将表单放置在web中
|
|
121
|
-
|
|
122
104
|
formDom.submit(); //表单提交
|
|
123
|
-
|
|
124
105
|
formDom.remove();
|
|
125
106
|
};
|
|
126
107
|
//# sourceMappingURL=FilePreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"FilePreview.js","names":["Preview","props","type","name","url","downloadUrl","visible","onCancel","player","timer","setTimeout","document","getElementById","Player","id","width","height","controlPlugins","volume","playbackRate","modalProps","title","cancel","footer","createForm","wrapClassName","destroy","clearTimeout","border","propTypes","PropTypes","string","bool","func","reqURL","formDom","createElement","method","action","style","body","appendChild","submit","remove"],"sources":["vtx-upload/FilePreview.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Player from 'xgplayer/dist/simple_player';\nimport { volume, playbackRate } from 'xgplayer/dist/controls';\nimport Modal from 'antd/es/modal';\nimport Button from 'antd/es/button';\n\nfunction Preview(props) {\n const { type, name, url, downloadUrl, visible, onCancel } = props;\n\n let player = null,\n timer = null;\n timer = setTimeout(() => {\n if (type == 'video' && document.getElementById('vs')) {\n player = new Player({\n id: 'vs',\n url: url,\n width: 600,\n height: 337.5,\n controlPlugins: [\n volume, //音量\n playbackRate, //播放倍速\n ],\n playbackRate: [0.5, 0.75, 1, 1.5, 2], //传入倍速可选数组\n });\n }\n }, 500);\n\n let modalProps = {\n title: name,\n visible,\n onCancel: () => cancel(),\n footer: [\n <Button key=\"close\" onClick={() => cancel()}>\n 关闭\n </Button>,\n <Button key=\"download\" type=\"primary\" onClick={() => createForm(downloadUrl)}>\n 下载\n </Button>,\n ],\n };\n if (type == 'file') {\n modalProps = {\n ...modalProps,\n wrapClassName: 'vtx-modal-maxClass',\n };\n }\n if (type == 'video') {\n modalProps = {\n ...modalProps,\n width: 648,\n };\n }\n\n const cancel = () => {\n //销毁播放器\n player && player.destroy();\n timer && clearTimeout(timer);\n onCancel();\n };\n\n return (\n <Modal {...modalProps}>\n {type == 'file' ? (\n <iframe\n src={url}\n style={{ height: '100%', width: '100%', border: 'none' }}\n ></iframe>\n ) : null}\n {type == 'video' ? <div id=\"vs\"></div> : null}\n </Modal>\n );\n}\n\nPreview.propTypes = {\n type: PropTypes.string,\n name: PropTypes.string,\n url: PropTypes.string,\n visible: PropTypes.bool,\n onCancel: PropTypes.func,\n downloadUrl: PropTypes.string,\n};\n\nexport default Preview;\n\nconst createForm = function(reqURL) {\n let formDom = document.createElement('form'); //定义一个form表单\n formDom.method = 'post';\n formDom.action = reqURL;\n formDom.style = 'display:none';\n document.body.appendChild(formDom); //将表单放置在web中\n formDom.submit(); //表单提交\n formDom.remove();\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAEpC,SAASA,OAAO,CAACC,KAAK,EAAE;EACpB,IAAQC,IAAI,GAAgDD,KAAK,CAAzDC,IAAI;IAAEC,IAAI,GAA0CF,KAAK,CAAnDE,IAAI;IAAEC,GAAG,GAAqCH,KAAK,CAA7CG,GAAG;IAAEC,WAAW,GAAwBJ,KAAK,CAAxCI,WAAW;IAAEC,OAAO,GAAeL,KAAK,CAA3BK,OAAO;IAAEC,QAAQ,GAAKN,KAAK,CAAlBM,QAAQ;EAEvD,IAAIC,MAAM,GAAG,IAAI;IACbC,KAAK,GAAG,IAAI;EAChBA,KAAK,GAAGC,UAAU,CAAC,YAAM;IACrB,IAAIR,IAAI,IAAI,OAAO,IAAIS,QAAQ,CAACC,cAAc,CAAC,IAAI,CAAC,EAAE;MAClDJ,MAAM,GAAG,IAAIK,yBAAM,CAAC;QAChBC,EAAE,EAAE,IAAI;QACRV,GAAG,EAAEA,GAAG;QACRW,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE,KAAK;QACbC,cAAc,EAAE,CACZC,gBAAM;QAAE;QACRC,sBAAY,CAAE;QAAA,CACjB;;QACDA,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAE;MAC1C,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,GAAG,CAAC;EAEP,IAAIC,UAAU,GAAG;IACbC,KAAK,EAAElB,IAAI;IACXG,OAAO,EAAPA,OAAO;IACPC,QAAQ,EAAE;MAAA,OAAMe,MAAM,EAAE;IAAA;IACxBC,MAAM,EAAE,cACJ,gCAAC,kBAAM;MAAC,GAAG,EAAC,OAAO;MAAC,OAAO,EAAE;QAAA,OAAMD,MAAM,EAAE;MAAA;IAAC,kBAEnC,eACT,gCAAC,kBAAM;MAAC,GAAG,EAAC,UAAU;MAAC,IAAI,EAAC,SAAS;MAAC,OAAO,EAAE;QAAA,OAAME,UAAU,CAACnB,WAAW,CAAC;MAAA;IAAC,kBAEpE;EAEjB,CAAC;EACD,IAAIH,IAAI,IAAI,MAAM,EAAE;IAChBkB,UAAU,mCACHA,UAAU;MACbK,aAAa,EAAE;IAAoB,EACtC;EACL;EACA,IAAIvB,IAAI,IAAI,OAAO,EAAE;IACjBkB,UAAU,mCACHA,UAAU;MACbL,KAAK,EAAE;IAAG,EACb;EACL;EAEA,IAAMO,MAAM,GAAG,SAATA,MAAM,GAAS;IACjB;IACAd,MAAM,IAAIA,MAAM,CAACkB,OAAO,EAAE;IAC1BjB,KAAK,IAAIkB,YAAY,CAAClB,KAAK,CAAC;IAC5BF,QAAQ,EAAE;EACd,CAAC;EAED,oBACI,gCAAC,iBAAK,EAAKa,UAAU,EAChBlB,IAAI,IAAI,MAAM,gBACX;IACI,GAAG,EAAEE,GAAI;IACT,KAAK,EAAE;MAAEY,MAAM,EAAE,MAAM;MAAED,KAAK,EAAE,MAAM;MAAEa,MAAM,EAAE;IAAO;EAAE,EACnD,GACV,IAAI,EACP1B,IAAI,IAAI,OAAO,gBAAG;IAAK,EAAE,EAAC;EAAI,EAAO,GAAG,IAAI,CACzC;AAEhB;AAEAF,OAAO,CAAC6B,SAAS,GAAG;EAChB3B,IAAI,EAAE4B,qBAAS,CAACC,MAAM;EACtB5B,IAAI,EAAE2B,qBAAS,CAACC,MAAM;EACtB3B,GAAG,EAAE0B,qBAAS,CAACC,MAAM;EACrBzB,OAAO,EAAEwB,qBAAS,CAACE,IAAI;EACvBzB,QAAQ,EAAEuB,qBAAS,CAACG,IAAI;EACxB5B,WAAW,EAAEyB,qBAAS,CAACC;AAC3B,CAAC;AAAC,eAEa/B,OAAO;AAAA;AAEtB,IAAMwB,UAAU,GAAG,SAAbA,UAAU,CAAYU,MAAM,EAAE;EAChC,IAAIC,OAAO,GAAGxB,QAAQ,CAACyB,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;EAC9CD,OAAO,CAACE,MAAM,GAAG,MAAM;EACvBF,OAAO,CAACG,MAAM,GAAGJ,MAAM;EACvBC,OAAO,CAACI,KAAK,GAAG,cAAc;EAC9B5B,QAAQ,CAAC6B,IAAI,CAACC,WAAW,CAACN,OAAO,CAAC,CAAC,CAAC;EACpCA,OAAO,CAACO,MAAM,EAAE,CAAC,CAAC;EAClBP,OAAO,CAACQ,MAAM,EAAE;AACpB,CAAC"}
|
package/lib/vtx-upload/index.js
CHANGED
|
@@ -1,78 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _viewerjs = _interopRequireDefault(require("viewerjs"));
|
|
17
|
-
|
|
18
12
|
var _upload = _interopRequireDefault(require("antd/es/upload"));
|
|
19
|
-
|
|
20
13
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
21
|
-
|
|
22
14
|
var _icon = _interopRequireDefault(require("antd/es/icon"));
|
|
23
|
-
|
|
24
15
|
var _message = _interopRequireDefault(require("antd/es/message"));
|
|
25
|
-
|
|
26
16
|
var _downloadFile = _interopRequireDefault(require("@vtx/utils/lib/downloadFile"));
|
|
27
|
-
|
|
28
17
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
29
|
-
|
|
30
18
|
var _FilePreview = _interopRequireDefault(require("./FilePreview"));
|
|
31
|
-
|
|
32
19
|
var _getUrlParam = _interopRequireDefault(require("../_util/getUrlParam"));
|
|
33
|
-
|
|
20
|
+
var _excluded = ["isDragger", "draggerConfig", "accept", "mode", "viewMode", "showUploadList", "customizedButton", "listType", "onSuccess", "onError", "onRemove", "maxFileSize", "beforeUpload", "maxNum", "flag"];
|
|
34
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
39
|
-
|
|
40
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
41
|
-
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
42
25
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
43
|
-
|
|
44
26
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
45
|
-
|
|
46
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
47
|
-
|
|
27
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
48
28
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
53
|
-
|
|
29
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
54
31
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
55
|
-
|
|
56
32
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
57
|
-
|
|
58
33
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
59
|
-
|
|
60
34
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
61
|
-
|
|
62
35
|
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; }
|
|
63
|
-
|
|
64
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
65
|
-
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
66
37
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
67
|
-
|
|
68
38
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
69
|
-
|
|
70
39
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
71
|
-
|
|
72
40
|
var debouncedMessage = (0, _lodash["default"])(function (msg) {
|
|
73
41
|
_message["default"].error(msg);
|
|
74
|
-
}, 500);
|
|
42
|
+
}, 500);
|
|
75
43
|
|
|
44
|
+
//文件预览
|
|
76
45
|
var initVPrev = {
|
|
77
46
|
type: '',
|
|
78
47
|
//video or file
|
|
@@ -84,86 +53,77 @@ var initVPrev = {
|
|
|
84
53
|
var initUrl = {
|
|
85
54
|
action: '/cloudFile/common/uploadFile',
|
|
86
55
|
downloadUrl: '/cloudFile/common/downloadFile?id=',
|
|
87
|
-
thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id='
|
|
88
|
-
|
|
89
|
-
};
|
|
90
|
-
|
|
56
|
+
thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id='
|
|
57
|
+
//previewUrl: '/onlinePreview',
|
|
58
|
+
};
|
|
59
|
+
//禁止上传的文件类型
|
|
91
60
|
var rejectTypes = ['.asp', '.aspx', '.jsp', '.exe', '.cgi', '.asa', '.cer', '.cdx', '.hta'];
|
|
92
61
|
var Dragger = _upload["default"].Dragger;
|
|
93
62
|
var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
94
63
|
var _props$isDragger = props.isDragger,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
64
|
+
isDragger = _props$isDragger === void 0 ? false : _props$isDragger,
|
|
65
|
+
_props$draggerConfig = props.draggerConfig,
|
|
66
|
+
draggerConfig = _props$draggerConfig === void 0 ? {} : _props$draggerConfig,
|
|
67
|
+
accept = props.accept,
|
|
68
|
+
_props$mode = props.mode,
|
|
69
|
+
mode = _props$mode === void 0 ? 'multiple' : _props$mode,
|
|
70
|
+
viewMode = props.viewMode,
|
|
71
|
+
showUploadList = props.showUploadList,
|
|
72
|
+
customizedButton = props.customizedButton,
|
|
73
|
+
_props$listType = props.listType,
|
|
74
|
+
listType = _props$listType === void 0 ? 'text' : _props$listType,
|
|
75
|
+
onSuccess = props.onSuccess,
|
|
76
|
+
onError = props.onError,
|
|
77
|
+
_onRemove = props.onRemove,
|
|
78
|
+
_props$maxFileSize = props.maxFileSize,
|
|
79
|
+
maxFileSize = _props$maxFileSize === void 0 ? 5 * 1024 * 1024 : _props$maxFileSize,
|
|
80
|
+
_beforeUpload = props.beforeUpload,
|
|
81
|
+
maxNum = props.maxNum,
|
|
82
|
+
flag = props.flag,
|
|
83
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
84
|
+
// 是否使用缩略图
|
|
117
85
|
var useThumbnail = props.useThumbnail && (listType == 'picture' || listType == 'picture-card');
|
|
118
|
-
|
|
119
86
|
var _useState = (0, _react.useState)([]),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
87
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
88
|
+
fileList = _useState2[0],
|
|
89
|
+
setFileList = _useState2[1]; //初始化文件列表
|
|
125
90
|
var _useState3 = (0, _react.useState)(null),
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
91
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
92
|
+
imageViewer = _useState4[0],
|
|
93
|
+
setImageViewer = _useState4[1]; //图片预览
|
|
131
94
|
var _useState5 = (0, _react.useState)([]),
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
95
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
96
|
+
imageList = _useState6[0],
|
|
97
|
+
setImageList = _useState6[1];
|
|
136
98
|
var _useState7 = (0, _react.useState)(null),
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
99
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
100
|
+
imageCt = _useState8[0],
|
|
101
|
+
setImageCt = _useState8[1];
|
|
141
102
|
var _useSetState = (0, _useSetState3["default"])(initVPrev),
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
103
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
104
|
+
vPrev = _useSetState2[0],
|
|
105
|
+
setVPrev = _useSetState2[1]; //文件预览相关
|
|
146
106
|
|
|
147
107
|
var url = {
|
|
148
108
|
action: props.action || initUrl.action,
|
|
149
109
|
downloadUrl: props.downloadUrl || initUrl.downloadUrl,
|
|
150
|
-
thumbnailUrl: props.thumbnailUrl || initUrl.thumbnailUrl
|
|
151
|
-
|
|
110
|
+
thumbnailUrl: props.thumbnailUrl || initUrl.thumbnailUrl
|
|
111
|
+
//previewUrl: props.previewUrl || initUrl.previewUrl,
|
|
152
112
|
};
|
|
113
|
+
|
|
153
114
|
var action = url.action,
|
|
154
|
-
|
|
155
|
-
|
|
115
|
+
downloadUrl = url.downloadUrl,
|
|
116
|
+
thumbnailUrl = url.thumbnailUrl;
|
|
156
117
|
(0, _react.useEffect)(function () {
|
|
157
118
|
setFileList(getSynFileList(props) || []);
|
|
158
119
|
}, [flag]);
|
|
159
120
|
(0, _react.useEffect)(function () {
|
|
160
121
|
if (Array.isArray(fileList)) {
|
|
161
122
|
// 只有图片的才可以预览,这边需要判断是否是图片
|
|
162
|
-
var imagelist = [];
|
|
163
|
-
|
|
123
|
+
var imagelist = [];
|
|
124
|
+
// 只能通过后缀来判断
|
|
164
125
|
fileList.map(function (file) {
|
|
165
126
|
var _file$type;
|
|
166
|
-
|
|
167
127
|
if (((_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf('image')) > -1) {
|
|
168
128
|
imagelist.push(file);
|
|
169
129
|
}
|
|
@@ -176,10 +136,8 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
176
136
|
setImageViewer(new _viewerjs["default"](imageCt, {}));
|
|
177
137
|
}
|
|
178
138
|
}, [imageCt]);
|
|
179
|
-
|
|
180
139
|
var getConfig = function getConfig() {
|
|
181
140
|
var token = (0, _getUrlParam["default"])('token') || '';
|
|
182
|
-
|
|
183
141
|
var config = _objectSpread(_objectSpread({}, rest), {}, {
|
|
184
142
|
accept: accept,
|
|
185
143
|
action: action,
|
|
@@ -191,18 +149,14 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
191
149
|
}, rest.headers),
|
|
192
150
|
onChange: function onChange(info) {
|
|
193
151
|
setFileList(info.fileList);
|
|
194
|
-
|
|
195
152
|
if (info.file.response && info.file.response.result === 1) {
|
|
196
153
|
_message["default"].error(info.file.response.errMsg || '上传失败!');
|
|
197
|
-
|
|
198
154
|
var flt = _toConsumableArray(fileList);
|
|
199
|
-
|
|
200
155
|
flt.pop();
|
|
201
156
|
setFileList(flt);
|
|
202
157
|
return;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
|
|
158
|
+
}
|
|
159
|
+
// 此处根据后台返回的数据结构取得文件ID
|
|
206
160
|
if (info.file.status !== 'uploading' && info.file.status !== 'removed') {
|
|
207
161
|
var vtxId = info.file.response && Array.isArray(info.file.response.data) && info.file.response.data.length > 0 ? info.file.response.data[0].id : undefined;
|
|
208
162
|
var newFileList = info.fileList;
|
|
@@ -223,23 +177,21 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
223
177
|
thumbUrl: useThumbnail ? thumbnailUrl + vtxId : undefined
|
|
224
178
|
});
|
|
225
179
|
}
|
|
226
|
-
|
|
227
180
|
return item;
|
|
228
181
|
});
|
|
229
|
-
|
|
230
182
|
if (mode == 'single') {
|
|
231
183
|
setFileList([newFile]);
|
|
232
184
|
} else {
|
|
233
185
|
setFileList(newFileList);
|
|
234
|
-
}
|
|
186
|
+
}
|
|
187
|
+
// 更新组件状态
|
|
235
188
|
// if (mode == 'single' && info.file.status === 'done') {
|
|
236
189
|
// setFileList([newFile]);
|
|
237
190
|
// } else {
|
|
238
191
|
// setFileList(newFileList);
|
|
239
192
|
// }
|
|
240
|
-
// 触发外部方法
|
|
241
|
-
|
|
242
193
|
|
|
194
|
+
// 触发外部方法
|
|
243
195
|
if (info.file.status === 'done') {
|
|
244
196
|
if (typeof onSuccess == 'function') {
|
|
245
197
|
onSuccess(newFile);
|
|
@@ -260,48 +212,37 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
260
212
|
//限制文件大小
|
|
261
213
|
if (maxFileSize && typeof maxFileSize === 'number') {
|
|
262
214
|
var limit = file.size < maxFileSize;
|
|
263
|
-
|
|
264
215
|
if (!limit) {
|
|
265
216
|
_message["default"].error("\u8BF7\u4E0A\u4F20".concat(maxFileSize / 1024 / 1024, "M\u4EE5\u5185\u7684\u6587\u4EF6"));
|
|
266
|
-
|
|
267
217
|
return false;
|
|
268
218
|
}
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
|
|
219
|
+
}
|
|
220
|
+
//限制不允许上传的文件类型(通过文件名后缀)
|
|
272
221
|
var pointIndex = file.name ? file.name.lastIndexOf('.') : -1;
|
|
273
|
-
|
|
274
222
|
if (pointIndex > -1) {
|
|
275
223
|
var fileType = file.name.substring(pointIndex);
|
|
276
|
-
|
|
277
224
|
if (rejectTypes.includes(fileType)) {
|
|
278
225
|
_message["default"].error('不支持该文件类型');
|
|
279
|
-
|
|
280
226
|
return false;
|
|
281
227
|
}
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
|
|
228
|
+
}
|
|
229
|
+
// 多选限制文件数量
|
|
285
230
|
if (typeof maxNum === 'number' && afterFileList.length + fileList.length > maxNum) {
|
|
286
231
|
// 减少提示错误次数, 思路,防抖 这边有个问题 就是防抖的这个方法 return fasle 不上传
|
|
287
232
|
debouncedMessage("\u6700\u591A\u4E0A\u4F20".concat(maxNum, "\u4E2A"));
|
|
288
233
|
return false;
|
|
289
234
|
}
|
|
290
|
-
|
|
291
235
|
if (typeof _beforeUpload === 'function') {
|
|
292
236
|
_beforeUpload(file, afterFileList);
|
|
293
237
|
}
|
|
294
|
-
|
|
295
238
|
return true;
|
|
296
239
|
}
|
|
297
240
|
});
|
|
298
|
-
|
|
299
241
|
if (props.onPreview && typeof props.onPreview === 'function') {
|
|
300
242
|
config.onPreview = props.onPreview;
|
|
301
243
|
} else {
|
|
302
244
|
config.onPreview = function (file) {
|
|
303
245
|
var _file$type2, _file$type3;
|
|
304
|
-
|
|
305
246
|
if (!file.type) {
|
|
306
247
|
(0, _downloadFile["default"])(downloadUrl + file.id, {
|
|
307
248
|
fileName: file.name
|
|
@@ -321,7 +262,9 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
321
262
|
(0, _downloadFile["default"])(downloadUrl + file.id, {
|
|
322
263
|
fileName: file.name
|
|
323
264
|
}, 'blob');
|
|
324
|
-
}
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
// TODO 暂无好的文件预览服务,等后续完善,只提供下载
|
|
325
268
|
// else if (
|
|
326
269
|
// file.type == 'application/PDF' ||
|
|
327
270
|
// file.type == 'application/vnd.ms-excel' ||
|
|
@@ -339,6 +282,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
339
282
|
// '?id=' + file.id + '&fullfilename=' + file.name.replace(/\s*/g, ''),
|
|
340
283
|
// )}`;
|
|
341
284
|
// }
|
|
285
|
+
|
|
342
286
|
// setVPrev({
|
|
343
287
|
// type: 'file',
|
|
344
288
|
// name: file.name || '文件预览',
|
|
@@ -347,20 +291,17 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
347
291
|
// visible: true,
|
|
348
292
|
// });
|
|
349
293
|
// }
|
|
350
|
-
|
|
351
294
|
};
|
|
352
|
-
}
|
|
353
|
-
|
|
295
|
+
}
|
|
354
296
|
|
|
297
|
+
// viewMode
|
|
355
298
|
if (viewMode) {
|
|
356
299
|
config.showUploadList = {
|
|
357
300
|
showRemoveIcon: false
|
|
358
301
|
};
|
|
359
302
|
}
|
|
360
|
-
|
|
361
303
|
return config;
|
|
362
304
|
};
|
|
363
|
-
|
|
364
305
|
var handlePreview = function handlePreview(file) {
|
|
365
306
|
var imageIndex = imageList.map(function (item) {
|
|
366
307
|
return item.id;
|
|
@@ -369,21 +310,18 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
369
310
|
imageViewer.update();
|
|
370
311
|
imageViewer.view(imageIndex);
|
|
371
312
|
};
|
|
372
|
-
|
|
373
313
|
var getSynFileList = function getSynFileList(props) {
|
|
374
|
-
var processedFileList = props.fileList || [];
|
|
375
|
-
|
|
314
|
+
var processedFileList = props.fileList || [];
|
|
315
|
+
// 单文件模式只取第一个
|
|
376
316
|
if (props.mode == 'single' && processedFileList.length > 1) {
|
|
377
317
|
processedFileList = [processedFileList[0]];
|
|
378
318
|
}
|
|
379
|
-
|
|
380
319
|
processedFileList = processedFileList.map(function (item, index) {
|
|
381
320
|
// 将外部传入的简易文件数组处理成为组件需要的数组结构
|
|
382
321
|
if (item.name === undefined || item.id === undefined) {
|
|
383
322
|
// eslint-disable-next-line no-console
|
|
384
323
|
console.error('文件列表的name和id属性不能为空');
|
|
385
324
|
}
|
|
386
|
-
|
|
387
325
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
388
326
|
uid: -1 - index,
|
|
389
327
|
status: 'done',
|
|
@@ -393,7 +331,6 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
393
331
|
});
|
|
394
332
|
return processedFileList;
|
|
395
333
|
};
|
|
396
|
-
|
|
397
334
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDragger ? /*#__PURE__*/_react["default"].createElement(Dragger, _extends({}, getConfig(), {
|
|
398
335
|
ref: ref
|
|
399
336
|
}), draggerConfig !== null && draggerConfig !== void 0 && draggerConfig.img ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
@@ -435,7 +372,6 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
435
372
|
}
|
|
436
373
|
}, imageList.filter(function (item) {
|
|
437
374
|
var _item$type;
|
|
438
|
-
|
|
439
375
|
return item.type && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.indexOf('image')) > -1;
|
|
440
376
|
}).map(function (item, index) {
|
|
441
377
|
return /*#__PURE__*/_react["default"].createElement("li", {
|