@zykj2024/much-library 1.1.7-beta.11 → 1.1.7-beta.12

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 (27) hide show
  1. package/dist/esm/index.d.ts +1 -4
  2. package/dist/esm/index.js +1 -3
  3. package/package.json +2 -2
  4. package/dist/esm/McUpload/comps/McFormUpload/comps/UploadForVal/index.d.ts +0 -38
  5. package/dist/esm/McUpload/comps/McFormUpload/comps/UploadForVal/index.js +0 -209
  6. package/dist/esm/McUpload/comps/McFormUpload/comps/UploadForVal/index.less +0 -6
  7. package/dist/esm/McUpload/comps/McFormUpload/index.d.ts +0 -7
  8. package/dist/esm/McUpload/comps/McFormUpload/index.js +0 -29
  9. package/dist/esm/McUpload/comps/McUploadCmp/index.d.ts +0 -49
  10. package/dist/esm/McUpload/comps/McUploadCmp/index.js +0 -396
  11. package/dist/esm/McUpload/comps/McUploadCmp/index.less +0 -68
  12. package/dist/esm/McUpload/comps/McUploadDragger/index.d.ts +0 -49
  13. package/dist/esm/McUpload/comps/McUploadDragger/index.js +0 -264
  14. package/dist/esm/McUpload/comps/McUploadTrigger/index.d.ts +0 -39
  15. package/dist/esm/McUpload/comps/McUploadTrigger/index.js +0 -318
  16. package/dist/esm/McUpload/comps/McUploadTrigger/index.less +0 -204
  17. package/dist/esm/McUpload/index.d.ts +0 -14
  18. package/dist/esm/McUpload/index.js +0 -9
  19. package/dist/esm/McUpload/tools/calculateMD5/index.d.ts +0 -3
  20. package/dist/esm/McUpload/tools/calculateMD5/index.js +0 -97
  21. package/dist/esm/McUpload/tools/calculateMD5/md5Worker.js +0 -46
  22. package/dist/esm/McUpload/tools/getUid.d.ts +0 -1
  23. package/dist/esm/McUpload/tools/getUid.js +0 -6
  24. package/dist/esm/McUpload/tools/materialVerification.d.ts +0 -50
  25. package/dist/esm/McUpload/tools/materialVerification.js +0 -257
  26. package/dist/esm/McUpload/tools/uploadTools.d.ts +0 -5
  27. package/dist/esm/McUpload/tools/uploadTools.js +0 -56
@@ -1,264 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
3
- import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["maxTaskCounts", "batchProcess", "verifierConfig"];
6
- import { useLazyRef } from '@zykj2024/much-hooks';
7
- import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
8
- import { useDropzone } from 'react-dropzone';
9
- import { TaskQueue } from "../../../Utils";
10
- import { calculateMD5, getIdleCPUCores } from "../../tools/calculateMD5";
11
- import getUid from "../../tools/getUid";
12
- import { checkFile } from "../../tools/materialVerification";
13
- import { McUploadTriggerDrag } from "../McUploadTrigger";
14
- // 删除对象属性类型
15
-
16
- // 非必传函数返回值类型提取
17
- import { jsx as _jsx } from "react/jsx-runtime";
18
- import { jsxs as _jsxs } from "react/jsx-runtime";
19
- var McUploadDragger = /*#__PURE__*/forwardRef(function (props, ref) {
20
- var _props$children;
21
- // IO/CPU密集型任务,控制数量,为非批量处理提供MD5线程控制
22
- var maxTaskCounts = props.maxTaskCounts,
23
- batchProcess = props.batchProcess,
24
- verifierConfig = props.verifierConfig,
25
- rest = _objectWithoutProperties(props, _excluded);
26
- var hasUploadFile = !!props.uploadFile;
27
- // 自动任务队列管理
28
- var CHECK_QUEUE = useLazyRef(function () {
29
- return new TaskQueue(getIdleCPUCores());
30
- });
31
- // 批处理MD5线程控制
32
- var BATCH_CHECK_QUEUE = useLazyRef(function () {
33
- return new TaskQueue(getIdleCPUCores());
34
- });
35
- var batchGetMD5 = function batchGetMD5(file) {
36
- return new Promise(function (resolve) {
37
- var _BATCH_CHECK_QUEUE$cu;
38
- (_BATCH_CHECK_QUEUE$cu = BATCH_CHECK_QUEUE.current) === null || _BATCH_CHECK_QUEUE$cu === void 0 || _BATCH_CHECK_QUEUE$cu.addTask({
39
- id: file.uid,
40
- task: function () {
41
- var _task = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
42
- var md5;
43
- return _regeneratorRuntime().wrap(function _callee$(_context) {
44
- while (1) switch (_context.prev = _context.next) {
45
- case 0:
46
- _context.next = 2;
47
- return calculateMD5(file);
48
- case 2:
49
- md5 = _context.sent;
50
- resolve(md5);
51
- case 4:
52
- case "end":
53
- return _context.stop();
54
- }
55
- }, _callee);
56
- }));
57
- function task() {
58
- return _task.apply(this, arguments);
59
- }
60
- return task;
61
- }()
62
- });
63
- });
64
- };
65
- var TASK_QUEUE = useLazyRef(function () {
66
- return new TaskQueue(maxTaskCounts || 5);
67
- });
68
- var isBatchProcess = batchProcess;
69
- var countNum = useRef(0);
70
-
71
- // 上传
72
- var beforeUpload = /*#__PURE__*/function () {
73
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(file, fileList) {
74
- var count, _CHECK_QUEUE$current, _CHECK_QUEUE$current2;
75
- return _regeneratorRuntime().wrap(function _callee8$(_context8) {
76
- while (1) switch (_context8.prev = _context8.next) {
77
- case 0:
78
- count = fileList.length;
79
- countNum.current = countNum.current + 1;
80
- if (countNum.current >= count) {
81
- if (isBatchProcess && hasUploadFile) {
82
- (_CHECK_QUEUE$current = CHECK_QUEUE.current) === null || _CHECK_QUEUE$current === void 0 || _CHECK_QUEUE$current.addTask({
83
- id: file.uid,
84
- task: function () {
85
- var _task2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
86
- var _props$uploadFile;
87
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
88
- while (1) switch (_context4.prev = _context4.next) {
89
- case 0:
90
- props === null || props === void 0 || (_props$uploadFile = props.uploadFile) === null || _props$uploadFile === void 0 || _props$uploadFile.call(props, {
91
- fileList: fileList,
92
- basicVerifier: function () {
93
- var _basicVerifier = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
94
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
95
- while (1) switch (_context2.prev = _context2.next) {
96
- case 0:
97
- _context2.next = 2;
98
- return checkFile(file, verifierConfig || {});
99
- case 2:
100
- return _context2.abrupt("return", _context2.sent);
101
- case 3:
102
- case "end":
103
- return _context2.stop();
104
- }
105
- }, _callee2);
106
- }));
107
- function basicVerifier(_x3) {
108
- return _basicVerifier.apply(this, arguments);
109
- }
110
- return basicVerifier;
111
- }(),
112
- getMD5: function () {
113
- var _getMD = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(file) {
114
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
115
- while (1) switch (_context3.prev = _context3.next) {
116
- case 0:
117
- _context3.next = 2;
118
- return batchGetMD5(file);
119
- case 2:
120
- return _context3.abrupt("return", _context3.sent);
121
- case 3:
122
- case "end":
123
- return _context3.stop();
124
- }
125
- }, _callee3);
126
- }));
127
- function getMD5(_x4) {
128
- return _getMD.apply(this, arguments);
129
- }
130
- return getMD5;
131
- }(),
132
- taskQueue: TASK_QUEUE.current
133
- });
134
- case 1:
135
- case "end":
136
- return _context4.stop();
137
- }
138
- }, _callee4);
139
- }));
140
- function task() {
141
- return _task2.apply(this, arguments);
142
- }
143
- return task;
144
- }()
145
- });
146
- }
147
- countNum.current = 0; // 重置计数
148
- }
149
- if (!isBatchProcess && hasUploadFile) {
150
- (_CHECK_QUEUE$current2 = CHECK_QUEUE.current) === null || _CHECK_QUEUE$current2 === void 0 || _CHECK_QUEUE$current2.addTask({
151
- id: file.uid,
152
- task: function () {
153
- var _task3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
154
- var _props$uploadFile2;
155
- return _regeneratorRuntime().wrap(function _callee7$(_context7) {
156
- while (1) switch (_context7.prev = _context7.next) {
157
- case 0:
158
- props === null || props === void 0 || (_props$uploadFile2 = props.uploadFile) === null || _props$uploadFile2 === void 0 || _props$uploadFile2.call(props, {
159
- file: file,
160
- fileList: fileList,
161
- basicVerifier: function () {
162
- var _basicVerifier2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(file) {
163
- return _regeneratorRuntime().wrap(function _callee5$(_context5) {
164
- while (1) switch (_context5.prev = _context5.next) {
165
- case 0:
166
- _context5.next = 2;
167
- return checkFile(file, (props === null || props === void 0 ? void 0 : props.verifierConfig) || {});
168
- case 2:
169
- return _context5.abrupt("return", _context5.sent);
170
- case 3:
171
- case "end":
172
- return _context5.stop();
173
- }
174
- }, _callee5);
175
- }));
176
- function basicVerifier(_x5) {
177
- return _basicVerifier2.apply(this, arguments);
178
- }
179
- return basicVerifier;
180
- }(),
181
- getMD5: function () {
182
- var _getMD2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(file) {
183
- return _regeneratorRuntime().wrap(function _callee6$(_context6) {
184
- while (1) switch (_context6.prev = _context6.next) {
185
- case 0:
186
- _context6.next = 2;
187
- return calculateMD5(file);
188
- case 2:
189
- return _context6.abrupt("return", _context6.sent);
190
- case 3:
191
- case "end":
192
- return _context6.stop();
193
- }
194
- }, _callee6);
195
- }));
196
- function getMD5(_x6) {
197
- return _getMD2.apply(this, arguments);
198
- }
199
- return getMD5;
200
- }(),
201
- taskQueue: TASK_QUEUE.current
202
- });
203
- case 1:
204
- case "end":
205
- return _context7.stop();
206
- }
207
- }, _callee7);
208
- }));
209
- function task() {
210
- return _task3.apply(this, arguments);
211
- }
212
- return task;
213
- }()
214
- });
215
- }
216
- case 4:
217
- case "end":
218
- return _context8.stop();
219
- }
220
- }, _callee8);
221
- }));
222
- return function beforeUpload(_x, _x2) {
223
- return _ref.apply(this, arguments);
224
- };
225
- }();
226
- var onDrop = function onDrop(acceptedFiles, rejectedFiles, e) {
227
- var _props$onDrop;
228
- acceptedFiles.forEach(function (file) {
229
- file.uid = getUid();
230
- });
231
- acceptedFiles === null || acceptedFiles === void 0 || acceptedFiles.forEach(function (item) {
232
- beforeUpload(item, acceptedFiles);
233
- });
234
- props === null || props === void 0 || (_props$onDrop = props.onDrop) === null || _props$onDrop === void 0 || _props$onDrop.call(props, acceptedFiles, rejectedFiles, e);
235
- };
236
- var drMcUpload = useDropzone(_objectSpread(_objectSpread({}, rest || {}), {}, {
237
- onDrop: onDrop
238
- }));
239
- var getRootProps = drMcUpload.getRootProps,
240
- getInputProps = drMcUpload.getInputProps,
241
- isDragActive = drMcUpload.isDragActive;
242
- useEffect(function () {
243
- if (props !== null && props !== void 0 && props.taskQueueRef) {
244
- props.taskQueueRef.current = TASK_QUEUE.current;
245
- }
246
- }, []);
247
- useImperativeHandle(ref, function () {
248
- return {
249
- open: function open() {
250
- drMcUpload === null || drMcUpload === void 0 || drMcUpload.open();
251
- },
252
- control: drMcUpload
253
- };
254
- });
255
- return /*#__PURE__*/_jsx("div", {
256
- children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
257
- children: [/*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps())), /*#__PURE__*/_jsx(McUploadTriggerDrag, {
258
- active: isDragActive,
259
- children: (props === null || props === void 0 ? void 0 : props.children) && (props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.call(props, drMcUpload))
260
- })]
261
- }))
262
- });
263
- });
264
- export default McUploadDragger;
@@ -1,39 +0,0 @@
1
- import { Button, GetProps } from 'antd';
2
- import { FC, HTMLAttributes, ReactNode } from 'react';
3
- import './index.less';
4
- export declare enum E_McUploadTriggerType {
5
- BUTTON = "button",
6
- SQUARE = "square",
7
- RECTANGLE = "rectangle",
8
- CIRCLE = "circle",
9
- DRAGGER = "dragger"
10
- }
11
- export declare enum E_McUploadTriggerStatus {
12
- DEFAULT = "default",
13
- UPLOADING = "uploading",
14
- DONE = "done",
15
- ERROR = "error"
16
- }
17
- export declare const McUploadTriggerButton: React.FC<{
18
- status: E_McUploadTriggerStatus;
19
- fileName?: ReactNode;
20
- percent?: number;
21
- onDelete?: () => void;
22
- disabled?: boolean;
23
- buttonProps?: GetProps<typeof Button>;
24
- rootDivProps?: HTMLAttributes<HTMLDivElement>;
25
- }>;
26
- export type McUploadTriggerPictureProps = {
27
- type?: E_McUploadTriggerType.SQUARE | E_McUploadTriggerType.RECTANGLE | E_McUploadTriggerType.CIRCLE;
28
- status?: E_McUploadTriggerStatus;
29
- url?: string;
30
- percent?: number;
31
- onDelete?: () => void;
32
- disabled?: boolean;
33
- } & HTMLAttributes<HTMLDivElement>;
34
- export declare const McUploadTriggerPicture: React.FC<McUploadTriggerPictureProps>;
35
- export declare const McUploadTriggerDrag: FC<{
36
- children?: ReactNode;
37
- active?: boolean;
38
- onUploadClick?: () => void;
39
- } & HTMLAttributes<HTMLDivElement>>;
@@ -1,318 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
5
- var _excluded = ["type", "status", "url", "onDelete", "percent", "disabled"],
6
- _excluded2 = ["children", "active", "onUploadClick"];
7
- import { AddOutlined, AttachmentOutlined, DeleteOutlined, LoadingOutlined, PictureOutlined, UploadFilled, UploadOutlined, VisibleOutlined } from '@zykj2024/much-icons';
8
- import { Button, Image, Progress, Spin } from 'antd';
9
- import classNames from 'classnames';
10
- import { useState } from 'react';
11
- import { isNumber } from "../../tools/materialVerification";
12
- import "./index.less";
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import { jsxs as _jsxs } from "react/jsx-runtime";
15
- import { Fragment as _Fragment } from "react/jsx-runtime";
16
- export var E_McUploadTriggerType = /*#__PURE__*/function (E_McUploadTriggerType) {
17
- E_McUploadTriggerType["BUTTON"] = "button";
18
- E_McUploadTriggerType["SQUARE"] = "square";
19
- E_McUploadTriggerType["RECTANGLE"] = "rectangle";
20
- E_McUploadTriggerType["CIRCLE"] = "circle";
21
- E_McUploadTriggerType["DRAGGER"] = "dragger";
22
- return E_McUploadTriggerType;
23
- }({});
24
-
25
- // 状态枚举
26
- export var E_McUploadTriggerStatus = /*#__PURE__*/function (E_McUploadTriggerStatus) {
27
- E_McUploadTriggerStatus["DEFAULT"] = "default";
28
- E_McUploadTriggerStatus["UPLOADING"] = "uploading";
29
- E_McUploadTriggerStatus["DONE"] = "done";
30
- E_McUploadTriggerStatus["ERROR"] = "error";
31
- return E_McUploadTriggerStatus;
32
- }({});
33
-
34
- // 通用文件触发器-----------------------------------------------------------------
35
- export var McUploadTriggerButton = function McUploadTriggerButton(_ref) {
36
- var _buttonProps$children, _rootDivProps$classNa;
37
- var status = _ref.status,
38
- fileName = _ref.fileName,
39
- percent = _ref.percent,
40
- onDelete = _ref.onDelete,
41
- disabled = _ref.disabled,
42
- buttonProps = _ref.buttonProps,
43
- rootDivProps = _ref.rootDivProps;
44
- var isDefault = status === E_McUploadTriggerStatus.DEFAULT;
45
- var isUploading = status === E_McUploadTriggerStatus.UPLOADING;
46
- var isDONE = status === E_McUploadTriggerStatus.DONE;
47
- var isError = status === E_McUploadTriggerStatus.ERROR;
48
- // 有没有配置进度条
49
- var hasProgress = isNumber(percent);
50
- return isDefault ? /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
51
- icon: /*#__PURE__*/_jsx(UploadOutlined, {})
52
- }, buttonProps), {}, {
53
- disabled: disabled,
54
- children: (_buttonProps$children = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== null && _buttonProps$children !== void 0 ? _buttonProps$children : '上传文件'
55
- })) : /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, rootDivProps), {}, {
56
- className: "button-container ".concat((_rootDivProps$classNa = rootDivProps === null || rootDivProps === void 0 ? void 0 : rootDivProps.className) !== null && _rootDivProps$classNa !== void 0 ? _rootDivProps$classNa : ''),
57
- children: [/*#__PURE__*/_jsx("div", {
58
- className: 'button-icon',
59
- children: isUploading ? /*#__PURE__*/_jsx(Spin, {
60
- indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
61
- style: {
62
- color: '#D9D9D9'
63
- },
64
- spin: true
65
- })
66
- }) : /*#__PURE__*/_jsx(AttachmentOutlined, {
67
- style: {
68
- color: isDONE ? '#325CF7' : '#FF4D4F'
69
- }
70
- })
71
- }), /*#__PURE__*/_jsxs("div", {
72
- className: 'button-content',
73
- style: {
74
- justifyContent: isUploading && hasProgress ? 'flex-end' : 'center'
75
- },
76
- children: [/*#__PURE__*/_jsxs("div", {
77
- className: 'button-content-name',
78
- style: {
79
- margin: isUploading && hasProgress ? '4px 0 -4px 0' : 0,
80
- color: isError ? '#FF4D4F' : '#325CF7'
81
- },
82
- children: [/*#__PURE__*/_jsx("span", {
83
- style: {
84
- whiteSpace: 'nowrap',
85
- overflow: 'hidden',
86
- textOverflow: 'ellipsis',
87
- lineHeight: 1.2
88
- },
89
- children: fileName || ''
90
- }), !disabled && /*#__PURE__*/_jsx("span", {
91
- className: classNames('button-content-name-delete', isError ? 'delete_error' : ''),
92
- onClick: function onClick() {
93
- onDelete === null || onDelete === void 0 || onDelete();
94
- },
95
- children: /*#__PURE__*/_jsx(DeleteOutlined, {
96
- style: {
97
- color: isError ? '#FF4D4F' : '#8C8C8C'
98
- }
99
- })
100
- })]
101
- }), isUploading && hasProgress && /*#__PURE__*/_jsx("div", {
102
- className: 'button-content-progress',
103
- children: /*#__PURE__*/_jsx(Progress, {
104
- percent: percent,
105
- showInfo: false,
106
- strokeColor: "#325CF7",
107
- style: {
108
- lineHeight: '1px'
109
- },
110
- size: {
111
- height: 2
112
- }
113
- })
114
- })]
115
- })]
116
- }));
117
- };
118
-
119
- // 图片触发器,方形、矩形、圆形---------------------------------------------------
120
-
121
- // 类名映射
122
- var classNameMap = _defineProperty(_defineProperty(_defineProperty({}, E_McUploadTriggerType.SQUARE, 'square-container'), E_McUploadTriggerType.RECTANGLE, 'rectangle-container'), E_McUploadTriggerType.CIRCLE, 'circle-container');
123
-
124
- // 遮罩层
125
- var Mask = function Mask(_ref2) {
126
- var onDelete = _ref2.onDelete,
127
- onPreview = _ref2.onPreview,
128
- _ref2$disabled = _ref2.disabled,
129
- disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
130
- return /*#__PURE__*/_jsxs("div", {
131
- className: 'mc-trigger-mask',
132
- children: [!!onPreview && /*#__PURE__*/_jsx("span", {
133
- onClick: function onClick() {
134
- return onPreview === null || onPreview === void 0 ? void 0 : onPreview();
135
- },
136
- children: /*#__PURE__*/_jsx(VisibleOutlined, {
137
- style: {
138
- color: '#fff'
139
- }
140
- })
141
- }), !disabled && /*#__PURE__*/_jsx("span", {
142
- onClick: function onClick() {
143
- onDelete === null || onDelete === void 0 || onDelete();
144
- },
145
- children: /*#__PURE__*/_jsx(DeleteOutlined, {
146
- style: {
147
- color: '#fff'
148
- }
149
- })
150
- })]
151
- });
152
- };
153
- export var McUploadTriggerPicture = function McUploadTriggerPicture(_ref3) {
154
- var _contentMap$status;
155
- var _ref3$type = _ref3.type,
156
- type = _ref3$type === void 0 ? E_McUploadTriggerType.RECTANGLE : _ref3$type,
157
- _ref3$status = _ref3.status,
158
- status = _ref3$status === void 0 ? E_McUploadTriggerStatus.DEFAULT : _ref3$status,
159
- url = _ref3.url,
160
- onDelete = _ref3.onDelete,
161
- percent = _ref3.percent,
162
- disabled = _ref3.disabled,
163
- rest = _objectWithoutProperties(_ref3, _excluded);
164
- var _useState = useState(false),
165
- _useState2 = _slicedToArray(_useState, 2),
166
- visible = _useState2[0],
167
- setVisible = _useState2[1];
168
- var hasProgress = percent || percent === 0;
169
- // 内容地图
170
- var contentMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, E_McUploadTriggerStatus.DEFAULT, function () {
171
- return /*#__PURE__*/_jsxs("div", {
172
- className: classNames('base', 'picture-container_default'),
173
- onClick: function onClick(e) {
174
- if (disabled) {
175
- // 阻止冒泡
176
- e.stopPropagation();
177
- }
178
- },
179
- children: [/*#__PURE__*/_jsx(AddOutlined, {}), /*#__PURE__*/_jsx("span", {
180
- children: "\u70B9\u51FB\u4E0A\u4F20"
181
- })]
182
- });
183
- }), E_McUploadTriggerStatus.UPLOADING, function () {
184
- return /*#__PURE__*/_jsxs("div", {
185
- className: classNames('base', 'picture-container_uploading'),
186
- children: [/*#__PURE__*/_jsx(Mask, {
187
- onDelete: onDelete,
188
- disabled: disabled
189
- }), /*#__PURE__*/_jsxs("div", {
190
- children: [/*#__PURE__*/_jsxs("div", {
191
- style: {
192
- marginBottom: '-10px'
193
- },
194
- children: [/*#__PURE__*/_jsx(Spin, {
195
- style: {
196
- zIndex: 1,
197
- marginRight: 4
198
- },
199
- indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
200
- style: {
201
- color: '#D9D9D9'
202
- },
203
- spin: true
204
- }),
205
- size: "small"
206
- }), "\u4E0A\u4F20\u4E2D"]
207
- }), hasProgress && /*#__PURE__*/_jsx(Progress, {
208
- percent: percent,
209
- showInfo: false,
210
- strokeColor: "#325CF7",
211
- style: {
212
- lineHeight: '1px'
213
- },
214
- size: {
215
- height: 2
216
- }
217
- })]
218
- })]
219
- });
220
- }), E_McUploadTriggerStatus.DONE, function () {
221
- return /*#__PURE__*/_jsx(_Fragment, {
222
- children: /*#__PURE__*/_jsx(Image, {
223
- rootClassName: 'img-container',
224
- src: url,
225
- style: {
226
- borderRadius: type === E_McUploadTriggerType.CIRCLE ? '50%' : 4
227
- },
228
- preview: {
229
- visible: visible,
230
- onVisibleChange: setVisible,
231
- maskClassName: 'mc-trigger-mask',
232
- mask: /*#__PURE__*/_jsxs("div", {
233
- className: 'picture-container_done',
234
- onClick: function onClick(e) {
235
- e.stopPropagation();
236
- },
237
- children: [/*#__PURE__*/_jsx("span", {
238
- onClick: function onClick() {
239
- setVisible(true);
240
- },
241
- children: /*#__PURE__*/_jsx(VisibleOutlined, {})
242
- }), !disabled && /*#__PURE__*/_jsx("span", {
243
- onClick: function onClick(e) {
244
- e.stopPropagation();
245
- onDelete === null || onDelete === void 0 || onDelete();
246
- },
247
- children: /*#__PURE__*/_jsx(DeleteOutlined, {})
248
- })]
249
- })
250
- }
251
- })
252
- });
253
- }), E_McUploadTriggerStatus.ERROR, function () {
254
- return /*#__PURE__*/_jsxs("div", {
255
- className: classNames('base', 'picture-container_error'),
256
- children: [/*#__PURE__*/_jsx(Mask, {
257
- onDelete: onDelete,
258
- disabled: disabled
259
- }), /*#__PURE__*/_jsx(PictureOutlined, {
260
- style: {
261
- color: '#FF4D4F',
262
- fontSize: 16
263
- }
264
- }), /*#__PURE__*/_jsx("span", {
265
- style: {
266
- color: '#FF4D4F'
267
- },
268
- children: "\u4E0A\u4F20\u5931\u8D25"
269
- })]
270
- });
271
- });
272
- return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
273
- onClick: function onClick(e) {
274
- var _rest$onClick;
275
- if (disabled) {
276
- e.stopPropagation();
277
- return;
278
- }
279
- rest === null || rest === void 0 || (_rest$onClick = rest.onClick) === null || _rest$onClick === void 0 || _rest$onClick.call(rest, e);
280
- },
281
- className: classNames(classNameMap[type] || '', 'uploadTrigger', (rest === null || rest === void 0 ? void 0 : rest.className) || ''),
282
- children: contentMap === null || contentMap === void 0 || (_contentMap$status = contentMap[status]) === null || _contentMap$status === void 0 ? void 0 : _contentMap$status.call(contentMap)
283
- }));
284
- };
285
-
286
- // 拖拽触发器-----------------------------------------------------------------
287
- export var McUploadTriggerDrag = function McUploadTriggerDrag(_ref4) {
288
- var children = _ref4.children,
289
- active = _ref4.active,
290
- onUploadClick = _ref4.onUploadClick,
291
- rest = _objectWithoutProperties(_ref4, _excluded2);
292
- return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, rest), {}, {
293
- className: classNames('uploadTriggerDrag', active ? 'active' : '', (rest === null || rest === void 0 ? void 0 : rest.className) || ''),
294
- children: [/*#__PURE__*/_jsx("div", {
295
- className: 'uploadTriggerDrag-icon',
296
- children: /*#__PURE__*/_jsx(UploadFilled, {
297
- style: {
298
- fontSize: 64,
299
- color: '#8C8C8C'
300
- }
301
- })
302
- }), /*#__PURE__*/_jsxs("div", {
303
- className: 'uploadTriggerDrag-text',
304
- children: ["\u5C06\u6587\u4EF6\u6216\u6587\u4EF6\u5939\u62D6\u5230\u6B64\u5904\uFF0C\u6216", /*#__PURE__*/_jsx("a", {
305
- onClick: function onClick() {
306
- onUploadClick === null || onUploadClick === void 0 || onUploadClick();
307
- },
308
- style: {
309
- color: '#325CF7'
310
- },
311
- children: "\u70B9\u51FB\u4E0A\u4F20"
312
- })]
313
- }), /*#__PURE__*/_jsx("div", {
314
- className: 'uploadTriggerDrag-desc',
315
- children: children
316
- })]
317
- }));
318
- };