@vtx/components 3.1.77 → 3.1.79
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 +44 -55
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +4 -1
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getToken.js +15 -7
- package/lib/_util/getToken.js.map +1 -1
- package/lib/_util/getUrlParam.js +8 -1
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +1 -0
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +1 -0
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useColSize.js +12 -2
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +39 -23
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js +2 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +29 -0
- package/lib/index.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js +26 -9
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +2 -0
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +2 -0
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +86 -46
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +56 -30
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +7 -0
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +7 -0
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +13 -4
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +75 -36
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +15 -3
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +170 -100
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +38 -7
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +10 -0
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +10 -0
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +51 -21
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +65 -24
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +7 -1
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +1 -0
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +1 -0
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +39 -39
- package/lib/vtx-editor/index.js +28 -9
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +1 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +1 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js +27 -14
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +1 -0
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +1 -0
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/index.js +61 -28
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +5 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +5 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-export-async/History.js +94 -56
- package/lib/vtx-export-async/History.js.map +1 -1
- package/lib/vtx-export-async/index.js +97 -56
- package/lib/vtx-export-async/index.js.map +1 -1
- package/lib/vtx-export-async/style/css.js.map +1 -1
- package/lib/vtx-export-async/style/index.js.map +1 -1
- package/lib/vtx-export-async/util.js +13 -2
- package/lib/vtx-export-async/util.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +33 -11
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +11 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +33 -11
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +9 -3
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +8 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +4 -1
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js +24 -9
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +7 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +7 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +216 -216
- package/lib/vtx-image/Image.js +113 -73
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +59 -30
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +47 -17
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +11 -4
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +1 -0
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +1 -0
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-import/index.js +78 -45
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +28 -10
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +3 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +3 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js +8 -1
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +33 -11
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +6 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +14 -7
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +6 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +107 -52
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +3 -0
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +3 -0
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js +27 -10
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +45 -20
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +1 -0
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +1 -0
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +24 -24
- package/lib/vtx-input/useLength.js +20 -7
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +8 -2
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +82 -49
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +1 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +1 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +8 -3
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +26 -15
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +12 -3
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +60 -30
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +22 -11
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +51 -23
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +10 -1
- 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-page-layout/style/index.less +138 -138
- package/lib/vtx-rps-frame/index.js +57 -37
- 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 +64 -30
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js +26 -7
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +14 -7
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +106 -61
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +4 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +4 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +89 -56
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +87 -37
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +8 -0
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +8 -0
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +68 -68
- package/lib/vtx-signature/index.js +33 -18
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +2 -0
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +2 -0
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +33 -33
- package/lib/vtx-split-pane/Pane.js +22 -11
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +39 -19
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +107 -51
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +6 -1
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +3 -0
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +3 -0
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +76 -76
- package/lib/vtx-statistics-column/Back.js +9 -2
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +30 -14
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +30 -14
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +4 -1
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +18 -1
- 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-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js +18 -4
- 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-tree/index.js +114 -49
- package/lib/vtx-tree/index.js.map +1 -1
- package/lib/vtx-tree/style/css.js +2 -0
- package/lib/vtx-tree/style/css.js.map +1 -1
- package/lib/vtx-tree/style/index.js +2 -0
- package/lib/vtx-tree/style/index.js.map +1 -1
- package/lib/vtx-tree/style/index.less +53 -53
- package/lib/vtx-tree/utils.js +27 -6
- package/lib/vtx-tree/utils.js.map +1 -1
- package/lib/vtx-tree-select/index.js +71 -27
- package/lib/vtx-tree-select/index.js.map +1 -1
- package/lib/vtx-tree-select/style/css.js +3 -0
- package/lib/vtx-tree-select/style/css.js.map +1 -1
- package/lib/vtx-tree-select/style/index.js +3 -0
- package/lib/vtx-tree-select/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +33 -15
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +177 -92
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +7 -0
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +7 -0
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +61 -61
- package/lib/vtx-wang-editor/index.js +116 -74
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +1 -0
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +1 -0
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js +136 -75
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +119 -69
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +1 -0
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +1 -0
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +45 -45
- package/lib/vtx-ztree-select/index.js +142 -73
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +3 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +3 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +107 -107
- package/package.json +127 -126
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreview.js","names":["
|
|
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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"}
|
package/lib/vtx-upload/index.js
CHANGED
|
@@ -1,52 +1,86 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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"));
|
|
21
|
-
|
|
35
|
+
|
|
22
36
|
var _getToken = _interopRequireDefault(require("../_util/getToken"));
|
|
23
|
-
|
|
37
|
+
|
|
38
|
+
var _antdImgCrop = _interopRequireDefault(require("antd-img-crop"));
|
|
39
|
+
|
|
40
|
+
var _excluded = ["isDragger", "draggerConfig", "accept", "mode", "viewMode", "showUploadList", "customizedButton", "listType", "onSuccess", "onError", "onRemove", "maxFileSize", "beforeUpload", "maxNum", "flag", "crop"];
|
|
41
|
+
|
|
24
42
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
|
-
function
|
|
43
|
+
|
|
44
|
+
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); }
|
|
45
|
+
|
|
46
|
+
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; }
|
|
47
|
+
|
|
27
48
|
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); }
|
|
49
|
+
|
|
28
50
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
51
|
+
|
|
29
52
|
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."); }
|
|
53
|
+
|
|
30
54
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
55
|
+
|
|
31
56
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
32
|
-
|
|
33
|
-
function
|
|
34
|
-
|
|
35
|
-
function
|
|
36
|
-
|
|
57
|
+
|
|
58
|
+
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; }
|
|
59
|
+
|
|
60
|
+
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; }
|
|
61
|
+
|
|
62
|
+
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; }
|
|
63
|
+
|
|
37
64
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
65
|
+
|
|
38
66
|
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."); }
|
|
67
|
+
|
|
39
68
|
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); }
|
|
40
|
-
|
|
41
|
-
function
|
|
69
|
+
|
|
70
|
+
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; }
|
|
71
|
+
|
|
72
|
+
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; }
|
|
73
|
+
|
|
42
74
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
75
|
+
|
|
43
76
|
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; }
|
|
77
|
+
|
|
44
78
|
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; }
|
|
79
|
+
|
|
45
80
|
var debouncedMessage = (0, _lodash["default"])(function (msg) {
|
|
46
81
|
_message["default"].error(msg);
|
|
47
|
-
}, 500);
|
|
82
|
+
}, 500); //文件预览
|
|
48
83
|
|
|
49
|
-
//文件预览
|
|
50
84
|
var initVPrev = {
|
|
51
85
|
type: '',
|
|
52
86
|
//video or file
|
|
@@ -58,86 +92,100 @@ var initVPrev = {
|
|
|
58
92
|
var initUrl = {
|
|
59
93
|
action: '/cloudFile/common/uploadFile',
|
|
60
94
|
downloadUrl: '/cloudFile/common/downloadFile?id=',
|
|
61
|
-
thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id='
|
|
62
|
-
|
|
63
|
-
};
|
|
64
|
-
|
|
95
|
+
thumbnailUrl: '/vortex/rest/cloud/np/file/downloadFileThumbnail?outputQuality=0.5&scale=0.2&id=' //previewUrl: '/onlinePreview',
|
|
96
|
+
|
|
97
|
+
}; //禁止上传的文件类型
|
|
98
|
+
|
|
65
99
|
var rejectTypes = ['.asp', '.aspx', '.jsp', '.exe', '.cgi', '.asa', '.cer', '.cdx', '.hta'];
|
|
66
100
|
var Dragger = _upload["default"].Dragger;
|
|
67
101
|
var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
68
102
|
var _window;
|
|
103
|
+
|
|
69
104
|
var _props$isDragger = props.isDragger,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
105
|
+
isDragger = _props$isDragger === void 0 ? false : _props$isDragger,
|
|
106
|
+
_props$draggerConfig = props.draggerConfig,
|
|
107
|
+
draggerConfig = _props$draggerConfig === void 0 ? {} : _props$draggerConfig,
|
|
108
|
+
accept = props.accept,
|
|
109
|
+
_props$mode = props.mode,
|
|
110
|
+
mode = _props$mode === void 0 ? 'multiple' : _props$mode,
|
|
111
|
+
viewMode = props.viewMode,
|
|
112
|
+
showUploadList = props.showUploadList,
|
|
113
|
+
customizedButton = props.customizedButton,
|
|
114
|
+
_props$listType = props.listType,
|
|
115
|
+
listType = _props$listType === void 0 ? 'text' : _props$listType,
|
|
116
|
+
onSuccess = props.onSuccess,
|
|
117
|
+
onError = props.onError,
|
|
118
|
+
_onRemove = props.onRemove,
|
|
119
|
+
_props$maxFileSize = props.maxFileSize,
|
|
120
|
+
maxFileSize = _props$maxFileSize === void 0 ? 5 * 1024 * 1024 : _props$maxFileSize,
|
|
121
|
+
_beforeUpload = props.beforeUpload,
|
|
122
|
+
maxNum = props.maxNum,
|
|
123
|
+
flag = props.flag,
|
|
124
|
+
crop = props.crop,
|
|
125
|
+
rest = _objectWithoutProperties(props, _excluded); // 是否使用缩略图
|
|
126
|
+
|
|
127
|
+
|
|
91
128
|
var useThumbnail = (props.useThumbnail === undefined ? true : props.useThumbnail) && (listType == 'picture' || listType == 'picture-card');
|
|
129
|
+
|
|
92
130
|
var _useState = (0, _react.useState)([]),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
131
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
132
|
+
fileList = _useState2[0],
|
|
133
|
+
setFileList = _useState2[1]; //初始化文件列表
|
|
134
|
+
|
|
135
|
+
|
|
96
136
|
var _useState3 = (0, _react.useState)(null),
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
137
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
138
|
+
imageViewer = _useState4[0],
|
|
139
|
+
setImageViewer = _useState4[1]; //图片预览
|
|
140
|
+
|
|
141
|
+
|
|
100
142
|
var _useState5 = (0, _react.useState)([]),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
143
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
144
|
+
imageList = _useState6[0],
|
|
145
|
+
setImageList = _useState6[1];
|
|
146
|
+
|
|
104
147
|
var _useState7 = (0, _react.useState)(null),
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
var _useSetState = (0, _useSetState3["default"])(initVPrev),
|
|
109
|
-
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
110
|
-
vPrev = _useSetState2[0],
|
|
111
|
-
setVPrev = _useSetState2[1]; //文件预览相关
|
|
148
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
149
|
+
imageCt = _useState8[0],
|
|
150
|
+
setImageCt = _useState8[1];
|
|
112
151
|
|
|
152
|
+
var _useSetState = (0, _useSetState3["default"])(initVPrev),
|
|
153
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
154
|
+
vPrev = _useSetState2[0],
|
|
155
|
+
setVPrev = _useSetState2[1]; //文件预览相关
|
|
113
156
|
// 参数中拼接token
|
|
157
|
+
|
|
158
|
+
|
|
114
159
|
function joinToken(str) {
|
|
115
160
|
if (str.indexOf('token=') === -1 && str.indexOf('?') > -1) {
|
|
116
161
|
return str.replace('?', "?token=".concat((0, _getToken["default"])() || '', "&"));
|
|
117
162
|
} else if (str.indexOf('?') === -1) {
|
|
118
163
|
return str + "?token=".concat((0, _getToken["default"])() || '');
|
|
119
164
|
}
|
|
165
|
+
|
|
120
166
|
return str;
|
|
121
167
|
}
|
|
168
|
+
|
|
122
169
|
var url = {
|
|
123
170
|
action: props.action || initUrl.action,
|
|
124
171
|
downloadUrl: joinToken(props.downloadUrl || initUrl.downloadUrl),
|
|
125
|
-
thumbnailUrl: joinToken((_window = window) !== null && _window !== void 0 && _window.flsPrefix ? "".concat(window.flsPrefix).concat(initUrl.thumbnailUrl) : "".concat(props.thumbnailUrl || initUrl.thumbnailUrl))
|
|
126
|
-
|
|
172
|
+
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,
|
|
173
|
+
|
|
127
174
|
};
|
|
128
175
|
var action = url.action,
|
|
129
|
-
|
|
130
|
-
|
|
176
|
+
downloadUrl = url.downloadUrl,
|
|
177
|
+
thumbnailUrl = url.thumbnailUrl;
|
|
131
178
|
(0, _react.useEffect)(function () {
|
|
132
179
|
setFileList(getSynFileList(props) || []);
|
|
133
180
|
}, [flag]);
|
|
134
181
|
(0, _react.useEffect)(function () {
|
|
135
182
|
if (Array.isArray(fileList)) {
|
|
136
183
|
// 只有图片的才可以预览,这边需要判断是否是图片
|
|
137
|
-
var imagelist = [];
|
|
138
|
-
|
|
184
|
+
var imagelist = []; // 只能通过后缀来判断
|
|
185
|
+
|
|
139
186
|
fileList.map(function (file) {
|
|
140
187
|
var _file$type;
|
|
188
|
+
|
|
141
189
|
if (((_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf('image')) > -1) {
|
|
142
190
|
imagelist.push(file);
|
|
143
191
|
}
|
|
@@ -150,8 +198,10 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
150
198
|
setImageViewer(new _viewerjs["default"](imageCt, {}));
|
|
151
199
|
}
|
|
152
200
|
}, [imageCt]);
|
|
201
|
+
|
|
153
202
|
var getConfig = function getConfig() {
|
|
154
203
|
var token = (0, _getToken["default"])() || '';
|
|
204
|
+
|
|
155
205
|
var config = _objectSpread(_objectSpread({}, rest), {}, {
|
|
156
206
|
accept: accept,
|
|
157
207
|
action: action,
|
|
@@ -163,14 +213,18 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
163
213
|
}, rest.headers),
|
|
164
214
|
onChange: function onChange(info) {
|
|
165
215
|
setFileList(info.fileList);
|
|
216
|
+
|
|
166
217
|
if (info.file.response && info.file.response.result === 1) {
|
|
167
218
|
_message["default"].error(info.file.response.errMsg || '上传失败!');
|
|
219
|
+
|
|
168
220
|
var flt = _toConsumableArray(fileList);
|
|
221
|
+
|
|
169
222
|
flt.pop();
|
|
170
223
|
setFileList(flt);
|
|
171
224
|
return;
|
|
172
|
-
}
|
|
173
|
-
|
|
225
|
+
} // 此处根据后台返回的数据结构取得文件ID
|
|
226
|
+
|
|
227
|
+
|
|
174
228
|
if (info.file.status !== 'uploading' && info.file.status !== 'removed') {
|
|
175
229
|
var vtxId = info.file.response && Array.isArray(info.file.response.data) && info.file.response.data.length > 0 ? info.file.response.data[0].id : undefined;
|
|
176
230
|
var newFileList = info.fileList;
|
|
@@ -191,21 +245,23 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
191
245
|
thumbUrl: useThumbnail ? thumbnailUrl + vtxId : undefined
|
|
192
246
|
});
|
|
193
247
|
}
|
|
248
|
+
|
|
194
249
|
return item;
|
|
195
250
|
});
|
|
251
|
+
|
|
196
252
|
if (mode == 'single') {
|
|
197
253
|
setFileList([newFile]);
|
|
198
254
|
} else {
|
|
199
255
|
setFileList(newFileList);
|
|
200
|
-
}
|
|
201
|
-
// 更新组件状态
|
|
256
|
+
} // 更新组件状态
|
|
202
257
|
// if (mode == 'single' && info.file.status === 'done') {
|
|
203
258
|
// setFileList([newFile]);
|
|
204
259
|
// } else {
|
|
205
260
|
// setFileList(newFileList);
|
|
206
261
|
// }
|
|
207
|
-
|
|
208
262
|
// 触发外部方法
|
|
263
|
+
|
|
264
|
+
|
|
209
265
|
if (info.file.status === 'done') {
|
|
210
266
|
if (typeof onSuccess == 'function') {
|
|
211
267
|
onSuccess(newFile);
|
|
@@ -226,37 +282,53 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
226
282
|
//限制文件大小
|
|
227
283
|
if (maxFileSize && typeof maxFileSize === 'number') {
|
|
228
284
|
var limit = file.size < maxFileSize;
|
|
285
|
+
|
|
229
286
|
if (!limit) {
|
|
230
287
|
_message["default"].error("\u8BF7\u4E0A\u4F20".concat(maxFileSize / 1024 / 1024, "M\u4EE5\u5185\u7684\u6587\u4EF6"));
|
|
288
|
+
|
|
231
289
|
return false;
|
|
232
290
|
}
|
|
233
|
-
}
|
|
234
|
-
|
|
291
|
+
} //限制不允许上传的文件类型(通过文件名后缀)
|
|
292
|
+
|
|
293
|
+
|
|
235
294
|
var pointIndex = file.name ? file.name.lastIndexOf('.') : -1;
|
|
295
|
+
|
|
236
296
|
if (pointIndex > -1) {
|
|
237
297
|
var fileType = file.name.substring(pointIndex);
|
|
298
|
+
|
|
238
299
|
if (rejectTypes.includes(fileType)) {
|
|
239
300
|
_message["default"].error('不支持该文件类型');
|
|
301
|
+
|
|
240
302
|
return false;
|
|
241
303
|
}
|
|
242
|
-
}
|
|
243
|
-
|
|
304
|
+
} // 多选限制文件数量
|
|
305
|
+
|
|
306
|
+
|
|
244
307
|
if (typeof maxNum === 'number' && afterFileList.length + fileList.length > maxNum) {
|
|
245
308
|
// 减少提示错误次数, 思路,防抖 这边有个问题 就是防抖的这个方法 return fasle 不上传
|
|
246
309
|
debouncedMessage("\u6700\u591A\u4E0A\u4F20".concat(maxNum, "\u4E2A"));
|
|
247
310
|
return false;
|
|
248
311
|
}
|
|
312
|
+
|
|
249
313
|
if (typeof _beforeUpload === 'function') {
|
|
250
314
|
return _beforeUpload(file, afterFileList);
|
|
251
315
|
}
|
|
316
|
+
|
|
252
317
|
return true;
|
|
318
|
+
},
|
|
319
|
+
onDownload: function onDownload(file) {
|
|
320
|
+
(0, _downloadFile["default"])(file.url, {
|
|
321
|
+
fileName: file.name
|
|
322
|
+
}, 'blob');
|
|
253
323
|
}
|
|
254
324
|
});
|
|
325
|
+
|
|
255
326
|
if (props.onPreview && typeof props.onPreview === 'function') {
|
|
256
327
|
config.onPreview = props.onPreview;
|
|
257
328
|
} else {
|
|
258
329
|
config.onPreview = function (file) {
|
|
259
330
|
var _file$type2, _file$type3;
|
|
331
|
+
|
|
260
332
|
if (!file.type) {
|
|
261
333
|
(0, _downloadFile["default"])(downloadUrl + file.id, {
|
|
262
334
|
fileName: file.name
|
|
@@ -276,9 +348,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
276
348
|
(0, _downloadFile["default"])(downloadUrl + file.id, {
|
|
277
349
|
fileName: file.name
|
|
278
350
|
}, 'blob');
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
// TODO 暂无好的文件预览服务,等后续完善,只提供下载
|
|
351
|
+
} // TODO 暂无好的文件预览服务,等后续完善,只提供下载
|
|
282
352
|
// else if (
|
|
283
353
|
// file.type == 'application/PDF' ||
|
|
284
354
|
// file.type == 'application/vnd.ms-excel' ||
|
|
@@ -296,7 +366,6 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
296
366
|
// '?id=' + file.id + '&fullfilename=' + file.name.replace(/\s*/g, ''),
|
|
297
367
|
// )}`;
|
|
298
368
|
// }
|
|
299
|
-
|
|
300
369
|
// setVPrev({
|
|
301
370
|
// type: 'file',
|
|
302
371
|
// name: file.name || '文件预览',
|
|
@@ -305,17 +374,21 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
305
374
|
// visible: true,
|
|
306
375
|
// });
|
|
307
376
|
// }
|
|
377
|
+
|
|
308
378
|
};
|
|
309
|
-
}
|
|
379
|
+
} // viewMode
|
|
380
|
+
|
|
310
381
|
|
|
311
|
-
// viewMode
|
|
312
382
|
if (viewMode) {
|
|
313
383
|
config.showUploadList = {
|
|
314
|
-
showRemoveIcon: false
|
|
384
|
+
showRemoveIcon: false,
|
|
385
|
+
showDownloadIcon: true
|
|
315
386
|
};
|
|
316
387
|
}
|
|
388
|
+
|
|
317
389
|
return config;
|
|
318
390
|
};
|
|
391
|
+
|
|
319
392
|
var handlePreview = function handlePreview(file) {
|
|
320
393
|
var imageIndex = imageList.map(function (item) {
|
|
321
394
|
return item.id;
|
|
@@ -324,18 +397,21 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
324
397
|
imageViewer.update();
|
|
325
398
|
imageViewer.view(imageIndex);
|
|
326
399
|
};
|
|
400
|
+
|
|
327
401
|
var getSynFileList = function getSynFileList(props) {
|
|
328
|
-
var processedFileList = props.fileList || [];
|
|
329
|
-
|
|
402
|
+
var processedFileList = props.fileList || []; // 单文件模式只取第一个
|
|
403
|
+
|
|
330
404
|
if (props.mode == 'single' && processedFileList.length > 1) {
|
|
331
405
|
processedFileList = [processedFileList[0]];
|
|
332
406
|
}
|
|
407
|
+
|
|
333
408
|
processedFileList = processedFileList.map(function (item, index) {
|
|
334
409
|
// 将外部传入的简易文件数组处理成为组件需要的数组结构
|
|
335
410
|
if (item.name === undefined || item.id === undefined) {
|
|
336
411
|
// eslint-disable-next-line no-console
|
|
337
412
|
console.error('文件列表的name和id属性不能为空');
|
|
338
413
|
}
|
|
414
|
+
|
|
339
415
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
340
416
|
uid: -1 - index,
|
|
341
417
|
status: 'done',
|
|
@@ -345,6 +421,21 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
345
421
|
});
|
|
346
422
|
return processedFileList;
|
|
347
423
|
};
|
|
424
|
+
|
|
425
|
+
var upload = /*#__PURE__*/_react["default"].createElement(_upload["default"], _extends({}, getConfig(), {
|
|
426
|
+
ref: ref
|
|
427
|
+
}), viewMode || fileList.length >= maxNum ? null : customizedButton || (listType == 'picture-card' ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_PlusOutlined["default"], {
|
|
428
|
+
style: {
|
|
429
|
+
fontSize: '28px',
|
|
430
|
+
color: '#999'
|
|
431
|
+
}
|
|
432
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
433
|
+
className: "ant-upload-text"
|
|
434
|
+
}, "\u4E0A\u4F20")) : /*#__PURE__*/_react["default"].createElement(_button["default"], null, /*#__PURE__*/_react["default"].createElement(_UploadOutlined["default"], null), "\u4E0A\u4F20")));
|
|
435
|
+
|
|
436
|
+
var comp = listType == 'picture-card' && !!crop ? /*#__PURE__*/_react["default"].createElement(_antdImgCrop["default"], {
|
|
437
|
+
rotationSlider: true
|
|
438
|
+
}, upload) : upload;
|
|
348
439
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDragger ? /*#__PURE__*/_react["default"].createElement(Dragger, _extends({}, getConfig(), {
|
|
349
440
|
ref: ref
|
|
350
441
|
}), draggerConfig !== null && draggerConfig !== void 0 && draggerConfig.img ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
@@ -362,16 +453,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
362
453
|
className: "ant-upload-text"
|
|
363
454
|
}, (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.mainText) || '点击或拖拽上传'), /*#__PURE__*/_react["default"].createElement("p", {
|
|
364
455
|
className: "ant-upload-hint"
|
|
365
|
-
}, (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.subText) || '支持上传word,excel,png...')) : /*#__PURE__*/_react["default"].createElement(
|
|
366
|
-
ref: ref
|
|
367
|
-
}), viewMode || fileList.length >= maxNum ? null : customizedButton || (listType == 'picture-card' ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_PlusOutlined["default"], {
|
|
368
|
-
style: {
|
|
369
|
-
fontSize: '28px',
|
|
370
|
-
color: '#999'
|
|
371
|
-
}
|
|
372
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
373
|
-
className: "ant-upload-text"
|
|
374
|
-
}, "\u4E0A\u4F20")) : /*#__PURE__*/_react["default"].createElement(_button["default"], null, /*#__PURE__*/_react["default"].createElement(_UploadOutlined["default"], null), "\u4E0A\u4F20"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
456
|
+
}, (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.subText) || '支持上传word,excel,png...')) : comp, /*#__PURE__*/_react["default"].createElement("div", {
|
|
375
457
|
style: {
|
|
376
458
|
display: 'none'
|
|
377
459
|
}
|
|
@@ -381,6 +463,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
381
463
|
}
|
|
382
464
|
}, imageList.filter(function (item) {
|
|
383
465
|
var _item$type;
|
|
466
|
+
|
|
384
467
|
return item.type && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.indexOf('image')) > -1;
|
|
385
468
|
}).map(function (item, index) {
|
|
386
469
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
@@ -401,7 +484,7 @@ VtxUpload.propTypes = {
|
|
|
401
484
|
accept: _propTypes["default"].string,
|
|
402
485
|
mode: _propTypes["default"].string,
|
|
403
486
|
viewMode: _propTypes["default"].bool,
|
|
404
|
-
showUploadList: _propTypes["default"].bool,
|
|
487
|
+
showUploadList: _propTypes["default"].bool | _propTypes["default"].object,
|
|
405
488
|
customizedButton: _propTypes["default"].node,
|
|
406
489
|
listType: _propTypes["default"].string,
|
|
407
490
|
action: _propTypes["default"].string,
|
|
@@ -417,7 +500,9 @@ VtxUpload.propTypes = {
|
|
|
417
500
|
maxNum: _propTypes["default"].number,
|
|
418
501
|
fileList: _propTypes["default"].array,
|
|
419
502
|
flag: _propTypes["default"].number,
|
|
420
|
-
useThumbnail: _propTypes["default"].bool
|
|
503
|
+
useThumbnail: _propTypes["default"].bool,
|
|
504
|
+
crop: _propTypes["default"].bool
|
|
421
505
|
};
|
|
422
|
-
var _default =
|
|
506
|
+
var _default = VtxUpload;
|
|
507
|
+
exports["default"] = _default;
|
|
423
508
|
//# sourceMappingURL=index.js.map
|