@vtx/components 3.1.30 → 3.1.32

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.
Files changed (251) hide show
  1. package/CHANGELOG.md +1325 -0
  2. package/lib/_util/filterSpecialCharacters.js +43 -54
  3. package/lib/_util/filterSpecialCharacters.js.map +1 -1
  4. package/lib/_util/getComponentProps.js +3 -0
  5. package/lib/_util/getComponentProps.js.map +1 -1
  6. package/lib/_util/getUrlParam.js +6 -0
  7. package/lib/_util/getUrlParam.js.map +1 -1
  8. package/lib/_util/isFunction.js +1 -0
  9. package/lib/_util/isFunction.js.map +1 -1
  10. package/lib/_util/isObject.js +1 -0
  11. package/lib/_util/isObject.js.map +1 -1
  12. package/lib/_util/useColSize.js +10 -1
  13. package/lib/_util/useColSize.js.map +1 -1
  14. package/lib/_util/useInterval.js +3 -0
  15. package/lib/_util/useInterval.js.map +1 -1
  16. package/lib/_util/useSet.js +32 -14
  17. package/lib/_util/useSet.js.map +1 -1
  18. package/lib/config.js.map +1 -1
  19. package/lib/index.js +26 -0
  20. package/lib/index.js.map +1 -1
  21. package/lib/vtx-color-picker/index.js +21 -5
  22. package/lib/vtx-color-picker/index.js.map +1 -1
  23. package/lib/vtx-color-picker/style/css.js +2 -0
  24. package/lib/vtx-color-picker/style/css.js.map +1 -1
  25. package/lib/vtx-color-picker/style/index.js +2 -0
  26. package/lib/vtx-color-picker/style/index.js.map +1 -1
  27. package/lib/vtx-combogrid/Combogrid.js +74 -34
  28. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  29. package/lib/vtx-combogrid/index.js +45 -20
  30. package/lib/vtx-combogrid/index.js.map +1 -1
  31. package/lib/vtx-combogrid/style/css.js +7 -0
  32. package/lib/vtx-combogrid/style/css.js.map +1 -1
  33. package/lib/vtx-combogrid/style/index.js +7 -0
  34. package/lib/vtx-combogrid/style/index.js.map +1 -1
  35. package/lib/vtx-datagrid/Alert.js +11 -3
  36. package/lib/vtx-datagrid/Alert.js.map +1 -1
  37. package/lib/vtx-datagrid/ColumnSetting.js +44 -19
  38. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  39. package/lib/vtx-datagrid/ResizeableTitle.js +13 -2
  40. package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
  41. package/lib/vtx-datagrid/index.js +142 -77
  42. package/lib/vtx-datagrid/index.js.map +1 -1
  43. package/lib/vtx-datagrid/renderColumnButtons.js +35 -5
  44. package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
  45. package/lib/vtx-datagrid/style/css.js +10 -0
  46. package/lib/vtx-datagrid/style/css.js.map +1 -1
  47. package/lib/vtx-datagrid/style/index.css +0 -3
  48. package/lib/vtx-datagrid/style/index.js +10 -0
  49. package/lib/vtx-datagrid/style/index.js.map +1 -1
  50. package/lib/vtx-datagrid/style/index.less +1 -1
  51. package/lib/vtx-date-picker/QdatePicker.js +46 -16
  52. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  53. package/lib/vtx-date-picker/generatePicker.js +47 -6
  54. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  55. package/lib/vtx-date-picker/index.js +5 -0
  56. package/lib/vtx-date-picker/index.js.map +1 -1
  57. package/lib/vtx-date-picker/style/css.js +1 -0
  58. package/lib/vtx-date-picker/style/css.js.map +1 -1
  59. package/lib/vtx-date-picker/style/index.js +1 -0
  60. package/lib/vtx-date-picker/style/index.js.map +1 -1
  61. package/lib/vtx-editor/index.js +23 -5
  62. package/lib/vtx-editor/index.js.map +1 -1
  63. package/lib/vtx-editor/style/css.js +1 -0
  64. package/lib/vtx-editor/style/css.js.map +1 -1
  65. package/lib/vtx-editor/style/index.js +1 -0
  66. package/lib/vtx-editor/style/index.js.map +1 -1
  67. package/lib/vtx-ellipsis-text/index.js +20 -6
  68. package/lib/vtx-ellipsis-text/index.js.map +1 -1
  69. package/lib/vtx-ellipsis-text/style/css.js +1 -0
  70. package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
  71. package/lib/vtx-ellipsis-text/style/index.js +1 -0
  72. package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
  73. package/lib/vtx-export/index.js +58 -25
  74. package/lib/vtx-export/index.js.map +1 -1
  75. package/lib/vtx-export/style/css.js +5 -0
  76. package/lib/vtx-export/style/css.js.map +1 -1
  77. package/lib/vtx-export/style/index.js +5 -0
  78. package/lib/vtx-export/style/index.js.map +1 -1
  79. package/lib/vtx-form-layout/Card.js +26 -5
  80. package/lib/vtx-form-layout/Card.js.map +1 -1
  81. package/lib/vtx-form-layout/Divider.js +8 -0
  82. package/lib/vtx-form-layout/Divider.js.map +1 -1
  83. package/lib/vtx-form-layout/FormItem.js +30 -8
  84. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  85. package/lib/vtx-form-layout/Pane.js +7 -2
  86. package/lib/vtx-form-layout/Pane.js.map +1 -1
  87. package/lib/vtx-form-layout/Row.js +6 -0
  88. package/lib/vtx-form-layout/Row.js.map +1 -1
  89. package/lib/vtx-form-layout/context.js +2 -0
  90. package/lib/vtx-form-layout/context.js.map +1 -1
  91. package/lib/vtx-form-layout/index.js +22 -8
  92. package/lib/vtx-form-layout/index.js.map +1 -1
  93. package/lib/vtx-form-layout/style/css.js +7 -0
  94. package/lib/vtx-form-layout/style/css.js.map +1 -1
  95. package/lib/vtx-form-layout/style/index.js +7 -0
  96. package/lib/vtx-form-layout/style/index.js.map +1 -1
  97. package/lib/vtx-image/Image.js +98 -59
  98. package/lib/vtx-image/Image.js.map +1 -1
  99. package/lib/vtx-image/Preview.js +51 -20
  100. package/lib/vtx-image/Preview.js.map +1 -1
  101. package/lib/vtx-image/PreviewGroup.js +40 -11
  102. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  103. package/lib/vtx-image/index.js +6 -0
  104. package/lib/vtx-image/index.js.map +1 -1
  105. package/lib/vtx-image/style/css.js +1 -0
  106. package/lib/vtx-image/style/css.js.map +1 -1
  107. package/lib/vtx-image/style/index.css +19 -0
  108. package/lib/vtx-image/style/index.js +1 -0
  109. package/lib/vtx-image/style/index.js.map +1 -1
  110. package/lib/vtx-image/style/index.less +76 -63
  111. package/lib/vtx-import/index.js +72 -37
  112. package/lib/vtx-import/index.js.map +1 -1
  113. package/lib/vtx-import/result.js +24 -7
  114. package/lib/vtx-import/result.js.map +1 -1
  115. package/lib/vtx-import/style/css.js +3 -0
  116. package/lib/vtx-import/style/css.js.map +1 -1
  117. package/lib/vtx-import/style/index.js +3 -0
  118. package/lib/vtx-import/style/index.js.map +1 -1
  119. package/lib/vtx-import2/CheckResult.js +6 -0
  120. package/lib/vtx-import2/CheckResult.js.map +1 -1
  121. package/lib/vtx-import2/Content.js +25 -4
  122. package/lib/vtx-import2/Content.js.map +1 -1
  123. package/lib/vtx-import2/DownloadSvg.js +4 -0
  124. package/lib/vtx-import2/DownloadSvg.js.map +1 -1
  125. package/lib/vtx-import2/ImportResult.js +11 -5
  126. package/lib/vtx-import2/ImportResult.js.map +1 -1
  127. package/lib/vtx-import2/UploadSvg.js +4 -0
  128. package/lib/vtx-import2/UploadSvg.js.map +1 -1
  129. package/lib/vtx-import2/index.js +92 -38
  130. package/lib/vtx-import2/index.js.map +1 -1
  131. package/lib/vtx-import2/style/css.js +3 -0
  132. package/lib/vtx-import2/style/css.js.map +1 -1
  133. package/lib/vtx-import2/style/index.js +3 -0
  134. package/lib/vtx-import2/style/index.js.map +1 -1
  135. package/lib/vtx-input/TextArea.js +22 -6
  136. package/lib/vtx-input/TextArea.js.map +1 -1
  137. package/lib/vtx-input/index.js +37 -11
  138. package/lib/vtx-input/index.js.map +1 -1
  139. package/lib/vtx-input/style/css.js +1 -0
  140. package/lib/vtx-input/style/css.js.map +1 -1
  141. package/lib/vtx-input/style/index.js +1 -0
  142. package/lib/vtx-input/style/index.js.map +1 -1
  143. package/lib/vtx-input/useLength.js +16 -4
  144. package/lib/vtx-input/useLength.js.map +1 -1
  145. package/lib/vtx-modal/Title.js +6 -1
  146. package/lib/vtx-modal/Title.js.map +1 -1
  147. package/lib/vtx-modal/index.js +70 -30
  148. package/lib/vtx-modal/index.js.map +1 -1
  149. package/lib/vtx-modal/style/css.js +1 -0
  150. package/lib/vtx-modal/style/css.js.map +1 -1
  151. package/lib/vtx-modal/style/index.js +1 -0
  152. package/lib/vtx-modal/style/index.js.map +1 -1
  153. package/lib/vtx-page-layout/Basic.js +6 -2
  154. package/lib/vtx-page-layout/Basic.js.map +1 -1
  155. package/lib/vtx-page-layout/Content.js +19 -7
  156. package/lib/vtx-page-layout/Content.js.map +1 -1
  157. package/lib/vtx-page-layout/Pane.js +10 -2
  158. package/lib/vtx-page-layout/Pane.js.map +1 -1
  159. package/lib/vtx-page-layout/TableLayout.js +47 -17
  160. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  161. package/lib/vtx-page-layout/TableWrap.js +15 -3
  162. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  163. package/lib/vtx-page-layout/container.js +34 -4
  164. package/lib/vtx-page-layout/container.js.map +1 -1
  165. package/lib/vtx-page-layout/index.js +8 -0
  166. package/lib/vtx-page-layout/index.js.map +1 -1
  167. package/lib/vtx-rps-frame/index.js +44 -21
  168. package/lib/vtx-rps-frame/index.js.map +1 -1
  169. package/lib/vtx-scrollable-row/index.js +57 -19
  170. package/lib/vtx-scrollable-row/index.js.map +1 -1
  171. package/lib/vtx-search/VtxCol.js +21 -0
  172. package/lib/vtx-search/VtxCol.js.map +1 -1
  173. package/lib/vtx-search/VtxRow.js +12 -6
  174. package/lib/vtx-search/VtxRow.js.map +1 -1
  175. package/lib/vtx-search/index.js +93 -40
  176. package/lib/vtx-search/index.js.map +1 -1
  177. package/lib/vtx-search/style/css.js +4 -0
  178. package/lib/vtx-search/style/css.js.map +1 -1
  179. package/lib/vtx-search/style/index.js +4 -0
  180. package/lib/vtx-search/style/index.js.map +1 -1
  181. package/lib/vtx-search-map-input/index.js +73 -42
  182. package/lib/vtx-search-map-input/index.js.map +1 -1
  183. package/lib/vtx-search-map-input/style/css.js +2 -0
  184. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  185. package/lib/vtx-search-map-input/style/index.js +2 -0
  186. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  187. package/lib/vtx-select/index.js +65 -20
  188. package/lib/vtx-select/index.js.map +1 -1
  189. package/lib/vtx-select/style/css.js +8 -0
  190. package/lib/vtx-select/style/css.js.map +1 -1
  191. package/lib/vtx-select/style/index.js +8 -0
  192. package/lib/vtx-select/style/index.js.map +1 -1
  193. package/lib/vtx-signature/index.js +28 -14
  194. package/lib/vtx-signature/index.js.map +1 -1
  195. package/lib/vtx-signature/style/css.js +2 -0
  196. package/lib/vtx-signature/style/css.js.map +1 -1
  197. package/lib/vtx-signature/style/index.js +2 -0
  198. package/lib/vtx-signature/style/index.js.map +1 -1
  199. package/lib/vtx-split-pane/Pane.js +14 -2
  200. package/lib/vtx-split-pane/Pane.js.map +1 -1
  201. package/lib/vtx-split-pane/Resizer.js +29 -9
  202. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  203. package/lib/vtx-split-pane/SplitPane.js +94 -39
  204. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  205. package/lib/vtx-split-pane/index.js +4 -0
  206. package/lib/vtx-split-pane/index.js.map +1 -1
  207. package/lib/vtx-split-pane/style/css.js +3 -0
  208. package/lib/vtx-split-pane/style/css.js.map +1 -1
  209. package/lib/vtx-split-pane/style/index.js +3 -0
  210. package/lib/vtx-split-pane/style/index.js.map +1 -1
  211. package/lib/vtx-statistics-column/Back.js +7 -1
  212. package/lib/vtx-statistics-column/Back.js.map +1 -1
  213. package/lib/vtx-statistics-column/Item.js +22 -5
  214. package/lib/vtx-statistics-column/Item.js.map +1 -1
  215. package/lib/vtx-statistics-column/Total.js +22 -5
  216. package/lib/vtx-statistics-column/Total.js.map +1 -1
  217. package/lib/vtx-statistics-column/context.js +2 -0
  218. package/lib/vtx-statistics-column/context.js.map +1 -1
  219. package/lib/vtx-statistics-column/index.js +16 -0
  220. package/lib/vtx-statistics-column/index.js.map +1 -1
  221. package/lib/vtx-time-picker/index.js +16 -3
  222. package/lib/vtx-time-picker/index.js.map +1 -1
  223. package/lib/vtx-upload/FilePreview.js +28 -9
  224. package/lib/vtx-upload/FilePreview.js.map +1 -1
  225. package/lib/vtx-upload/index.js +138 -67
  226. package/lib/vtx-upload/index.js.map +1 -1
  227. package/lib/vtx-upload/style/css.js +5 -0
  228. package/lib/vtx-upload/style/css.js.map +1 -1
  229. package/lib/vtx-upload/style/index.js +5 -0
  230. package/lib/vtx-upload/style/index.js.map +1 -1
  231. package/lib/vtx-wang-editor/index.js +66 -27
  232. package/lib/vtx-wang-editor/index.js.map +1 -1
  233. package/lib/vtx-wang-editor/style/css.js +1 -0
  234. package/lib/vtx-wang-editor/style/css.js.map +1 -1
  235. package/lib/vtx-wang-editor/style/index.js +1 -0
  236. package/lib/vtx-wang-editor/style/index.js.map +1 -1
  237. package/lib/vtx-wang-editor/wangEditorUtil.js +88 -30
  238. package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
  239. package/lib/vtx-ztree/index.js +101 -49
  240. package/lib/vtx-ztree/index.js.map +1 -1
  241. package/lib/vtx-ztree/style/css.js +1 -0
  242. package/lib/vtx-ztree/style/css.js.map +1 -1
  243. package/lib/vtx-ztree/style/index.js +1 -0
  244. package/lib/vtx-ztree/style/index.js.map +1 -1
  245. package/lib/vtx-ztree-select/index.js +99 -43
  246. package/lib/vtx-ztree-select/index.js.map +1 -1
  247. package/lib/vtx-ztree-select/style/css.js +3 -0
  248. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  249. package/lib/vtx-ztree-select/style/index.js +3 -0
  250. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  251. package/package.json +126 -126
@@ -4,25 +4,36 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+
7
8
  var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
9
12
  var _simple_player = _interopRequireDefault(require("xgplayer/dist/simple_player"));
13
+
10
14
  var _controls = require("xgplayer/dist/controls");
15
+
11
16
  var _modal = _interopRequireDefault(require("antd/lib/modal"));
17
+
12
18
  var _button = _interopRequireDefault(require("antd/lib/button"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  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; }
23
+
15
24
  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; }
25
+
16
26
  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
+
17
28
  function Preview(props) {
18
29
  var type = props.type,
19
- name = props.name,
20
- url = props.url,
21
- downloadUrl = props.downloadUrl,
22
- visible = props.visible,
23
- onCancel = props.onCancel;
30
+ name = props.name,
31
+ url = props.url,
32
+ downloadUrl = props.downloadUrl,
33
+ visible = props.visible,
34
+ onCancel = props.onCancel;
24
35
  var player = null,
25
- timer = null;
36
+ timer = null;
26
37
  timer = setTimeout(function () {
27
38
  if (type == 'video' && document.getElementById('vs')) {
28
39
  player = new _simple_player["default"]({
@@ -30,12 +41,11 @@ function Preview(props) {
30
41
  url: url,
31
42
  width: 600,
32
43
  height: 337.5,
33
- controlPlugins: [_controls.volume,
34
- //音量
44
+ controlPlugins: [_controls.volume, //音量
35
45
  _controls.playbackRate //播放倍速
36
46
  ],
37
-
38
47
  playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
48
+
39
49
  });
40
50
  }
41
51
  }, 500);
@@ -58,22 +68,26 @@ function Preview(props) {
58
68
  }
59
69
  }, "\u4E0B\u8F7D")]
60
70
  };
71
+
61
72
  if (type == 'file') {
62
73
  modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
63
74
  wrapClassName: 'vtx-modal-maxClass'
64
75
  });
65
76
  }
77
+
66
78
  if (type == 'video') {
67
79
  modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
68
80
  width: 648
69
81
  });
70
82
  }
83
+
71
84
  var cancel = function cancel() {
72
85
  //销毁播放器
73
86
  player && player.destroy();
74
87
  timer && clearTimeout(timer);
75
88
  onCancel();
76
89
  };
90
+
77
91
  return /*#__PURE__*/_react["default"].createElement(_modal["default"], modalProps, type == 'file' ? /*#__PURE__*/_react["default"].createElement("iframe", {
78
92
  src: url,
79
93
  style: {
@@ -85,6 +99,7 @@ function Preview(props) {
85
99
  id: "vs"
86
100
  }) : null);
87
101
  }
102
+
88
103
  Preview.propTypes = {
89
104
  type: _propTypes["default"].string,
90
105
  name: _propTypes["default"].string,
@@ -95,13 +110,17 @@ Preview.propTypes = {
95
110
  };
96
111
  var _default = Preview;
97
112
  exports["default"] = _default;
113
+
98
114
  var createForm = function createForm(reqURL) {
99
115
  var formDom = document.createElement('form'); // 定义一个form表单
116
+
100
117
  formDom.method = 'post';
101
118
  formDom.action = reqURL;
102
119
  formDom.style = 'display:none';
103
120
  document.body.appendChild(formDom); // 将表单放置在web中
121
+
104
122
  formDom.submit(); // 表单提交
123
+
105
124
  formDom.remove();
106
125
  };
107
126
  //# sourceMappingURL=FilePreview.js.map
@@ -1 +1 @@
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/lib/modal';\nimport Button from 'antd/lib/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 const 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":"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"}
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/lib/modal';\nimport Button from 'antd/lib/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 const 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":"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"}
@@ -1,49 +1,84 @@
1
1
  "use strict";
2
2
 
3
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); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
13
+
10
14
  var _propTypes = _interopRequireDefault(require("prop-types"));
15
+
11
16
  var _viewerjs = _interopRequireDefault(require("viewerjs"));
17
+
12
18
  var _upload = _interopRequireDefault(require("antd/lib/upload"));
19
+
13
20
  var _button = _interopRequireDefault(require("antd/lib/button"));
21
+
14
22
  var _InboxOutlined = _interopRequireDefault(require("@ant-design/icons/InboxOutlined"));
23
+
15
24
  var _PlusOutlined = _interopRequireDefault(require("@ant-design/icons/PlusOutlined"));
25
+
16
26
  var _UploadOutlined = _interopRequireDefault(require("@ant-design/icons/UploadOutlined"));
27
+
17
28
  var _message = _interopRequireDefault(require("antd/lib/message"));
29
+
18
30
  var _downloadFile = _interopRequireDefault(require("@vtx/utils/lib/downloadFile"));
31
+
19
32
  var _lodash = _interopRequireDefault(require("lodash.debounce"));
33
+
20
34
  var _FilePreview = _interopRequireDefault(require("./FilePreview"));
35
+
21
36
  var _getUrlParam = _interopRequireDefault(require("../_util/getUrlParam"));
37
+
22
38
  var _excluded = ["isDragger", "draggerConfig", "accept", "mode", "viewMode", "showUploadList", "customizedButton", "listType", "onSuccess", "onError", "onRemove", "maxFileSize", "beforeUpload", "maxNum", "flag"];
39
+
23
40
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
41
+
24
42
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
43
+
25
44
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
45
+
26
46
  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); }
47
+
27
48
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
49
+
28
50
  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."); }
51
+
29
52
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
53
+
30
54
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
55
+
31
56
  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; }
57
+
32
58
  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; }
59
+
33
60
  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; }
61
+
34
62
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
63
+
35
64
  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."); }
65
+
36
66
  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); }
67
+
37
68
  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; }
69
+
38
70
  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; }
71
+
39
72
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
73
+
40
74
  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; }
75
+
41
76
  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; }
77
+
42
78
  var debouncedMessage = (0, _lodash["default"])(function (msg) {
43
79
  _message["default"].error(msg);
44
- }, 500);
80
+ }, 500); //文件预览
45
81
 
46
- //文件预览
47
82
  var initVPrev = {
48
83
  type: '',
49
84
  //video or file
@@ -55,87 +90,99 @@ var initVPrev = {
55
90
  var initUrl = {
56
91
  action: '/cloudFile/common/uploadFile',
57
92
  downloadUrl: '/cloudFile/common/downloadFile?id=',
58
- thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id='
59
- //previewUrl: '/onlinePreview',
60
- };
61
- //禁止上传的文件类型
93
+ thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id=' //previewUrl: '/onlinePreview',
94
+
95
+ }; //禁止上传的文件类型
96
+
62
97
  var rejectTypes = ['.asp', '.aspx', '.jsp', '.exe', '.cgi', '.asa', '.cer', '.cdx', '.hta'];
63
98
  var Dragger = _upload["default"].Dragger;
64
99
  var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
65
100
  var _window;
101
+
66
102
  var _props$isDragger = props.isDragger,
67
- isDragger = _props$isDragger === void 0 ? false : _props$isDragger,
68
- _props$draggerConfig = props.draggerConfig,
69
- draggerConfig = _props$draggerConfig === void 0 ? {} : _props$draggerConfig,
70
- accept = props.accept,
71
- _props$mode = props.mode,
72
- mode = _props$mode === void 0 ? 'multiple' : _props$mode,
73
- viewMode = props.viewMode,
74
- showUploadList = props.showUploadList,
75
- customizedButton = props.customizedButton,
76
- _props$listType = props.listType,
77
- listType = _props$listType === void 0 ? 'text' : _props$listType,
78
- onSuccess = props.onSuccess,
79
- onError = props.onError,
80
- _onRemove = props.onRemove,
81
- _props$maxFileSize = props.maxFileSize,
82
- maxFileSize = _props$maxFileSize === void 0 ? 5 * 1024 * 1024 : _props$maxFileSize,
83
- _beforeUpload = props.beforeUpload,
84
- maxNum = props.maxNum,
85
- flag = props.flag,
86
- rest = _objectWithoutProperties(props, _excluded);
87
- // 是否使用缩略图
103
+ isDragger = _props$isDragger === void 0 ? false : _props$isDragger,
104
+ _props$draggerConfig = props.draggerConfig,
105
+ draggerConfig = _props$draggerConfig === void 0 ? {} : _props$draggerConfig,
106
+ accept = props.accept,
107
+ _props$mode = props.mode,
108
+ mode = _props$mode === void 0 ? 'multiple' : _props$mode,
109
+ viewMode = props.viewMode,
110
+ showUploadList = props.showUploadList,
111
+ customizedButton = props.customizedButton,
112
+ _props$listType = props.listType,
113
+ listType = _props$listType === void 0 ? 'text' : _props$listType,
114
+ onSuccess = props.onSuccess,
115
+ onError = props.onError,
116
+ _onRemove = props.onRemove,
117
+ _props$maxFileSize = props.maxFileSize,
118
+ maxFileSize = _props$maxFileSize === void 0 ? 5 * 1024 * 1024 : _props$maxFileSize,
119
+ _beforeUpload = props.beforeUpload,
120
+ maxNum = props.maxNum,
121
+ flag = props.flag,
122
+ rest = _objectWithoutProperties(props, _excluded); // 是否使用缩略图
123
+
124
+
88
125
  var useThumbnail = (props.useThumbnail === undefined ? true : props.useThumbnail) && (listType == 'picture' || listType == 'picture-card');
126
+
89
127
  var _useState = (0, _react.useState)([]),
90
- _useState2 = _slicedToArray(_useState, 2),
91
- fileList = _useState2[0],
92
- setFileList = _useState2[1]; //初始化文件列表
128
+ _useState2 = _slicedToArray(_useState, 2),
129
+ fileList = _useState2[0],
130
+ setFileList = _useState2[1]; //初始化文件列表
131
+
132
+
93
133
  var _useState3 = (0, _react.useState)(null),
94
- _useState4 = _slicedToArray(_useState3, 2),
95
- imageViewer = _useState4[0],
96
- setImageViewer = _useState4[1]; //图片预览
134
+ _useState4 = _slicedToArray(_useState3, 2),
135
+ imageViewer = _useState4[0],
136
+ setImageViewer = _useState4[1]; //图片预览
137
+
138
+
97
139
  var _useState5 = (0, _react.useState)([]),
98
- _useState6 = _slicedToArray(_useState5, 2),
99
- imageList = _useState6[0],
100
- setImageList = _useState6[1];
140
+ _useState6 = _slicedToArray(_useState5, 2),
141
+ imageList = _useState6[0],
142
+ setImageList = _useState6[1];
143
+
101
144
  var _useState7 = (0, _react.useState)(null),
102
- _useState8 = _slicedToArray(_useState7, 2),
103
- imageCt = _useState8[0],
104
- setImageCt = _useState8[1];
105
- var _useSetState = (0, _useSetState3["default"])(initVPrev),
106
- _useSetState2 = _slicedToArray(_useSetState, 2),
107
- vPrev = _useSetState2[0],
108
- setVPrev = _useSetState2[1]; //文件预览相关
145
+ _useState8 = _slicedToArray(_useState7, 2),
146
+ imageCt = _useState8[0],
147
+ setImageCt = _useState8[1];
109
148
 
149
+ var _useSetState = (0, _useSetState3["default"])(initVPrev),
150
+ _useSetState2 = _slicedToArray(_useSetState, 2),
151
+ vPrev = _useSetState2[0],
152
+ setVPrev = _useSetState2[1]; //文件预览相关
110
153
  // 参数中拼接token
154
+
155
+
111
156
  function joinToken(str) {
112
157
  if (str.indexOf('token=') === -1 && str.indexOf('?') > -1) {
113
158
  return str.replace('?', "?token=".concat((0, _getUrlParam["default"])('token') || '', "&"));
114
159
  } else if (str.indexOf('?') === -1) {
115
160
  return str + "?token=".concat((0, _getUrlParam["default"])('token') || '');
116
161
  }
162
+
117
163
  return str;
118
164
  }
165
+
119
166
  var url = {
120
167
  action: props.action || initUrl.action,
121
168
  downloadUrl: joinToken(props.downloadUrl || initUrl.downloadUrl),
122
- thumbnailUrl: joinToken((_window = window) !== null && _window !== void 0 && _window.flsPrefix ? "".concat(window.flsPrefix).concat(initUrl.thumbnailUrl) : "".concat(props.thumbnailUrl || initUrl.thumbnailUrl))
123
- //previewUrl: props.previewUrl || initUrl.previewUrl,
124
- };
169
+ thumbnailUrl: joinToken((_window = window) !== null && _window !== void 0 && _window.flsPrefix ? "".concat(window.flsPrefix).concat(initUrl.thumbnailUrl) : "".concat(props.thumbnailUrl || initUrl.thumbnailUrl)) //previewUrl: props.previewUrl || initUrl.previewUrl,
125
170
 
171
+ };
126
172
  var action = url.action,
127
- downloadUrl = url.downloadUrl,
128
- thumbnailUrl = url.thumbnailUrl;
173
+ downloadUrl = url.downloadUrl,
174
+ thumbnailUrl = url.thumbnailUrl;
129
175
  (0, _react.useEffect)(function () {
130
176
  setFileList(getSynFileList(props) || []);
131
177
  }, [flag]);
132
178
  (0, _react.useEffect)(function () {
133
179
  if (Array.isArray(fileList)) {
134
180
  // 只有图片的才可以预览,这边需要判断是否是图片
135
- var imagelist = [];
136
- // 只能通过后缀来判断
181
+ var imagelist = []; // 只能通过后缀来判断
182
+
137
183
  fileList.map(function (file) {
138
184
  var _file$type;
185
+
139
186
  if (((_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf('image')) > -1) {
140
187
  imagelist.push(file);
141
188
  }
@@ -148,8 +195,10 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
148
195
  setImageViewer(new _viewerjs["default"](imageCt, {}));
149
196
  }
150
197
  }, [imageCt]);
198
+
151
199
  var getConfig = function getConfig() {
152
200
  var token = (0, _getUrlParam["default"])('token') || '';
201
+
153
202
  var config = _objectSpread(_objectSpread({}, rest), {}, {
154
203
  accept: accept,
155
204
  action: action,
@@ -161,14 +210,18 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
161
210
  }, rest.headers),
162
211
  onChange: function onChange(info) {
163
212
  setFileList(info.fileList);
213
+
164
214
  if (info.file.response && info.file.response.result === 1) {
165
215
  _message["default"].error(info.file.response.errMsg || '上传失败!');
216
+
166
217
  var flt = _toConsumableArray(fileList);
218
+
167
219
  flt.pop();
168
220
  setFileList(flt);
169
221
  return;
170
- }
171
- // 此处根据后台返回的数据结构取得文件ID
222
+ } // 此处根据后台返回的数据结构取得文件ID
223
+
224
+
172
225
  if (info.file.status !== 'uploading' && info.file.status !== 'removed') {
173
226
  var vtxId = info.file.response && Array.isArray(info.file.response.data) && info.file.response.data.length > 0 ? info.file.response.data[0].id : undefined;
174
227
  var newFileList = info.fileList;
@@ -189,21 +242,23 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
189
242
  thumbUrl: useThumbnail ? thumbnailUrl + vtxId : undefined
190
243
  });
191
244
  }
245
+
192
246
  return item;
193
247
  });
248
+
194
249
  if (mode == 'single') {
195
250
  setFileList([newFile]);
196
251
  } else {
197
252
  setFileList(newFileList);
198
- }
199
- // 更新组件状态
253
+ } // 更新组件状态
200
254
  // if (mode == 'single' && info.file.status === 'done') {
201
255
  // setFileList([newFile]);
202
256
  // } else {
203
257
  // setFileList(newFileList);
204
258
  // }
205
-
206
259
  // 触发外部方法
260
+
261
+
207
262
  if (info.file.status === 'done') {
208
263
  if (typeof onSuccess == 'function') {
209
264
  onSuccess(newFile);
@@ -224,37 +279,48 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
224
279
  //限制文件大小
225
280
  if (maxFileSize && typeof maxFileSize === 'number') {
226
281
  var limit = file.size < maxFileSize;
282
+
227
283
  if (!limit) {
228
284
  _message["default"].error("\u8BF7\u4E0A\u4F20".concat(maxFileSize / 1024 / 1024, "M\u4EE5\u5185\u7684\u6587\u4EF6"));
285
+
229
286
  return false;
230
287
  }
231
- }
232
- //限制不允许上传的文件类型(通过文件名后缀)
288
+ } //限制不允许上传的文件类型(通过文件名后缀)
289
+
290
+
233
291
  var pointIndex = file.name ? file.name.lastIndexOf('.') : -1;
292
+
234
293
  if (pointIndex > -1) {
235
294
  var fileType = file.name.substring(pointIndex);
295
+
236
296
  if (rejectTypes.includes(fileType)) {
237
297
  _message["default"].error('不支持该文件类型');
298
+
238
299
  return false;
239
300
  }
240
- }
241
- // 多选限制文件数量
301
+ } // 多选限制文件数量
302
+
303
+
242
304
  if (typeof maxNum === 'number' && afterFileList.length + fileList.length > maxNum) {
243
305
  // 减少提示错误次数, 思路,防抖 这边有个问题 就是防抖的这个方法 return fasle 不上传
244
306
  debouncedMessage("\u6700\u591A\u4E0A\u4F20".concat(maxNum, "\u4E2A"));
245
307
  return false;
246
308
  }
309
+
247
310
  if (typeof _beforeUpload === 'function') {
248
311
  return _beforeUpload(file, afterFileList);
249
312
  }
313
+
250
314
  return true;
251
315
  }
252
316
  });
317
+
253
318
  if (props.onPreview && typeof props.onPreview === 'function') {
254
319
  config.onPreview = props.onPreview;
255
320
  } else {
256
321
  config.onPreview = function (file) {
257
322
  var _file$type2, _file$type3;
323
+
258
324
  if (!file.type) {
259
325
  (0, _downloadFile["default"])(downloadUrl + file.id, {
260
326
  fileName: file.name
@@ -274,9 +340,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
274
340
  (0, _downloadFile["default"])(downloadUrl + file.id, {
275
341
  fileName: file.name
276
342
  }, 'blob');
277
- }
278
-
279
- // TODO 暂无好的文件预览服务,等后续完善,只提供下载
343
+ } // TODO 暂无好的文件预览服务,等后续完善,只提供下载
280
344
  // else if (
281
345
  // file.type == 'application/PDF' ||
282
346
  // file.type == 'application/vnd.ms-excel' ||
@@ -294,7 +358,6 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
294
358
  // '?id=' + file.id + '&fullfilename=' + file.name.replace(/\s*/g, ''),
295
359
  // )}`;
296
360
  // }
297
-
298
361
  // setVPrev({
299
362
  // type: 'file',
300
363
  // name: file.name || '文件预览',
@@ -303,17 +366,20 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
303
366
  // visible: true,
304
367
  // });
305
368
  // }
369
+
306
370
  };
307
- }
371
+ } // viewMode
372
+
308
373
 
309
- // viewMode
310
374
  if (viewMode) {
311
375
  config.showUploadList = {
312
376
  showRemoveIcon: false
313
377
  };
314
378
  }
379
+
315
380
  return config;
316
381
  };
382
+
317
383
  var handlePreview = function handlePreview(file) {
318
384
  var imageIndex = imageList.map(function (item) {
319
385
  return item.id;
@@ -322,18 +388,21 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
322
388
  imageViewer.update();
323
389
  imageViewer.view(imageIndex);
324
390
  };
391
+
325
392
  var getSynFileList = function getSynFileList(props) {
326
- var processedFileList = props.fileList || [];
327
- // 单文件模式只取第一个
393
+ var processedFileList = props.fileList || []; // 单文件模式只取第一个
394
+
328
395
  if (props.mode == 'single' && processedFileList.length > 1) {
329
396
  processedFileList = [processedFileList[0]];
330
397
  }
398
+
331
399
  processedFileList = processedFileList.map(function (item, index) {
332
400
  // 将外部传入的简易文件数组处理成为组件需要的数组结构
333
401
  if (item.name === undefined || item.id === undefined) {
334
402
  // eslint-disable-next-line no-console
335
403
  console.error('文件列表的name和id属性不能为空');
336
404
  }
405
+
337
406
  return _objectSpread(_objectSpread({}, item), {}, {
338
407
  uid: -1 - index,
339
408
  status: 'done',
@@ -343,6 +412,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
343
412
  });
344
413
  return processedFileList;
345
414
  };
415
+
346
416
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDragger ? /*#__PURE__*/_react["default"].createElement(Dragger, _extends({}, getConfig(), {
347
417
  ref: ref
348
418
  }), draggerConfig !== null && draggerConfig !== void 0 && draggerConfig.img ? /*#__PURE__*/_react["default"].createElement("img", {
@@ -379,6 +449,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
379
449
  }
380
450
  }, imageList.filter(function (item) {
381
451
  var _item$type;
452
+
382
453
  return item.type && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.indexOf('image')) > -1;
383
454
  }).map(function (item, index) {
384
455
  return /*#__PURE__*/_react["default"].createElement("li", {