ydb-components-material 0.1.92 → 0.1.94
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/build/docs/404.html +3 -3
- package/build/docs/_demos/:uuid +3 -3
- package/build/docs/colorful-button.html +3 -3
- package/build/docs/colorful-input.html +3 -3
- package/build/docs/index.html +3 -3
- package/build/docs/{umi.a4b81f12.js → umi.0ba92005.js} +1 -1
- package/build/docs/{umi.1f007429.css → umi.4ce26e30.css} +1 -1
- package/build/docs/~demos/:uuid.html +3 -3
- package/build/docs/~demos/colorful-button-demo.html +3 -3
- package/build/docs/~demos/colorful-input-demo.html +3 -3
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +1 -1
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +1 -1
- package/dist/BizComps.css +1 -1
- package/dist/BizComps.js +5 -5
- package/dist/BizComps.js.map +1 -1
- package/es/components/file-list-preview/index.d.ts +0 -4
- package/es/components/file-list-preview/index.js +23 -87
- package/es/components/file-list-preview/item.d.ts +0 -3
- package/es/components/file-list-preview/item.js +83 -83
- package/es/components/submit-type/index.scss +1 -1
- package/lib/components/file-list-preview/index.d.ts +0 -4
- package/lib/components/file-list-preview/index.js +23 -87
- package/lib/components/file-list-preview/item.d.ts +0 -3
- package/lib/components/file-list-preview/item.js +83 -83
- package/lib/components/submit-type/index.scss +1 -1
- package/lowcode/file-list-preview/meta.ts +1 -54
- package/lowcode_es/file-list-preview/meta.js +1 -51
- package/lowcode_es/meta.js +1 -1
- package/lowcode_lib/file-list-preview/meta.js +1 -51
- package/lowcode_lib/meta.js +1 -1
- package/package.json +3 -3
|
@@ -7,7 +7,6 @@ var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _item = _interopRequireDefault(require("./item"));
|
|
9
9
|
require("./index.scss");
|
|
10
|
-
var Tooltip = _balloon["default"].Tooltip;
|
|
11
10
|
var MATERIAL_TYPE = {
|
|
12
11
|
1: '原件',
|
|
13
12
|
2: '复印件',
|
|
@@ -35,18 +34,13 @@ var MATERIAL_FORMAT = {
|
|
|
35
34
|
};
|
|
36
35
|
var FileListPreview = function FileListPreview(_ref) {
|
|
37
36
|
var fileList = _ref.fileList,
|
|
38
|
-
token = _ref.token,
|
|
39
37
|
tokenTY = _ref.tokenTY,
|
|
40
38
|
accessToken = _ref.accessToken,
|
|
41
|
-
userInfo = _ref.userInfo,
|
|
42
39
|
baseUrl = _ref.baseUrl,
|
|
43
40
|
env = _ref.env,
|
|
44
41
|
isPC = _ref.isPC,
|
|
45
|
-
disabled = _ref.disabled,
|
|
46
|
-
isShowLib = _ref.isShowLib,
|
|
47
42
|
style = _ref.style,
|
|
48
|
-
download = _ref.download
|
|
49
|
-
valChange = _ref.valChange;
|
|
43
|
+
download = _ref.download;
|
|
50
44
|
var convertNumbersToChinese = function convertNumbersToChinese(str) {
|
|
51
45
|
// 定义基础映射关系
|
|
52
46
|
var digitMap = {
|
|
@@ -109,58 +103,6 @@ var FileListPreview = function FileListPreview(_ref) {
|
|
|
109
103
|
console.log('text', sizeText);
|
|
110
104
|
return text + "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
|
|
111
105
|
};
|
|
112
|
-
var handleChange = function handleChange(value, fileIndex, index, subIndex) {
|
|
113
|
-
console.log('handleChange', value, fileIndex, index, subIndex);
|
|
114
|
-
// 先找到一级目录
|
|
115
|
-
var oneLevelItem = fileList[index];
|
|
116
|
-
// 如果subIndex有值。再去找一下二级目录
|
|
117
|
-
if (subIndex !== undefined) {
|
|
118
|
-
// value为空,说明删除了
|
|
119
|
-
if (!value) {
|
|
120
|
-
oneLevelItem.subMaterials[subIndex].isSmart = false;
|
|
121
|
-
oneLevelItem.subMaterials[subIndex].isShareFile = false;
|
|
122
|
-
// 如果当前文件list中只有一个文件,还得补个空的
|
|
123
|
-
if (oneLevelItem.subMaterials[subIndex].fileList.length === 1) {
|
|
124
|
-
oneLevelItem.subMaterials[subIndex].fileList = [{
|
|
125
|
-
fileId: ''
|
|
126
|
-
}];
|
|
127
|
-
} else {
|
|
128
|
-
oneLevelItem.subMaterials[subIndex].fileList.splice(fileIndex, 1);
|
|
129
|
-
}
|
|
130
|
-
} else {
|
|
131
|
-
// 如果当前这个位置的fileId是空的。说明这次修改是新增
|
|
132
|
-
var isAdd = !oneLevelItem.subMaterials[subIndex].fileList[fileIndex].fileId;
|
|
133
|
-
oneLevelItem.subMaterials[subIndex].fileList[fileIndex] = value;
|
|
134
|
-
if (isAdd && oneLevelItem.subMaterials[subIndex].fileList.length < 10) {
|
|
135
|
-
oneLevelItem.subMaterials[subIndex].fileList.push({
|
|
136
|
-
fileId: ''
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
} else {
|
|
141
|
-
if (!value) {
|
|
142
|
-
oneLevelItem.isSmart = false;
|
|
143
|
-
oneLevelItem.isShareFile = false;
|
|
144
|
-
oneLevelItem.fileList.splice(fileIndex, 1);
|
|
145
|
-
if (oneLevelItem.fileList.length === 0) {
|
|
146
|
-
oneLevelItem.fileList.push({
|
|
147
|
-
fileId: ''
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
} else {
|
|
151
|
-
// 如果当前这个位置的fileId是空的。说明这次修改是新增
|
|
152
|
-
var _isAdd = !oneLevelItem.fileList[fileIndex].fileId;
|
|
153
|
-
oneLevelItem.fileList[fileIndex] = value;
|
|
154
|
-
if (_isAdd && oneLevelItem.fileList.length < 10) {
|
|
155
|
-
oneLevelItem.fileList.push({
|
|
156
|
-
fileId: ''
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
console.log('fileList--------res', fileList);
|
|
162
|
-
valChange(fileList);
|
|
163
|
-
};
|
|
164
106
|
var trigger = function trigger(child) {
|
|
165
107
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
166
108
|
className: "tag",
|
|
@@ -212,42 +154,36 @@ var FileListPreview = function FileListPreview(_ref) {
|
|
|
212
154
|
align: "t",
|
|
213
155
|
title: "",
|
|
214
156
|
delay: 20
|
|
215
|
-
}, child.isSmart ? '本材料为智能生成材料,系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料,数据由大数据共享获取,无需用户自行准备。' : '需要用户自行准备申报材料')),
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
token: token,
|
|
221
|
-
tokenTY: tokenTY,
|
|
222
|
-
accessToken: accessToken,
|
|
223
|
-
baseUrl: baseUrl,
|
|
224
|
-
env: env,
|
|
225
|
-
isPC: isPC,
|
|
226
|
-
disabled: disabled,
|
|
227
|
-
download: download,
|
|
228
|
-
style: {
|
|
229
|
-
marginBottom: '12px',
|
|
230
|
-
marginTop: '12px'
|
|
231
|
-
}
|
|
232
|
-
});
|
|
233
|
-
}));
|
|
234
|
-
})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.fileList.length > 0 && item.fileList[0].fileId && item.fileList.map(function (file, i) {
|
|
235
|
-
return /*#__PURE__*/_react["default"].createElement(_item["default"], {
|
|
236
|
-
file: file,
|
|
237
|
-
fileConfig: item,
|
|
238
|
-
maxFileSize: item.materialSize,
|
|
239
|
-
token: token,
|
|
157
|
+
}, child.isSmart ? '本材料为智能生成材料,系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料,数据由大数据共享获取,无需用户自行准备。' : '需要用户自行准备申报材料')), /*#__PURE__*/_react["default"].createElement("p", {
|
|
158
|
+
className: "tip"
|
|
159
|
+
}, getTipTextForSubMaterial(item, index, subIndex)), child.fileObj && /*#__PURE__*/_react["default"].createElement(_item["default"], {
|
|
160
|
+
file: child.fileObj,
|
|
161
|
+
fileConfig: child,
|
|
240
162
|
tokenTY: tokenTY,
|
|
241
163
|
accessToken: accessToken,
|
|
242
164
|
baseUrl: baseUrl,
|
|
243
165
|
env: env,
|
|
244
166
|
isPC: isPC,
|
|
245
|
-
disabled: disabled,
|
|
246
167
|
download: download,
|
|
247
168
|
style: {
|
|
248
|
-
marginBottom: '12px'
|
|
169
|
+
marginBottom: '12px',
|
|
170
|
+
marginTop: '12px'
|
|
249
171
|
}
|
|
250
|
-
});
|
|
172
|
+
}));
|
|
173
|
+
})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", {
|
|
174
|
+
className: "tip"
|
|
175
|
+
}, getTipText(item)), item.fileObj && /*#__PURE__*/_react["default"].createElement(_item["default"], {
|
|
176
|
+
file: item.fileObj,
|
|
177
|
+
fileConfig: item,
|
|
178
|
+
tokenTY: tokenTY,
|
|
179
|
+
accessToken: accessToken,
|
|
180
|
+
baseUrl: baseUrl,
|
|
181
|
+
env: env,
|
|
182
|
+
isPC: isPC,
|
|
183
|
+
download: download,
|
|
184
|
+
style: {
|
|
185
|
+
marginBottom: '12px'
|
|
186
|
+
}
|
|
251
187
|
})));
|
|
252
188
|
}));
|
|
253
189
|
};
|
|
@@ -3,14 +3,11 @@ import './item.scss';
|
|
|
3
3
|
export interface FileItemProps {
|
|
4
4
|
file: object;
|
|
5
5
|
fileConfig: object;
|
|
6
|
-
token: string;
|
|
7
6
|
tokenTY: string;
|
|
8
7
|
accessToken: string;
|
|
9
8
|
baseUrl: string;
|
|
10
9
|
env: string;
|
|
11
10
|
isPC?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
maxFileSize: number;
|
|
14
11
|
style?: object;
|
|
15
12
|
download: (value: any) => void;
|
|
16
13
|
}
|
|
@@ -20,20 +20,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
20
20
|
var FileItem = function FileItem(_ref) {
|
|
21
21
|
var file = _ref.file,
|
|
22
22
|
fileConfig = _ref.fileConfig,
|
|
23
|
-
maxFileSize = _ref.maxFileSize,
|
|
24
|
-
token = _ref.token,
|
|
25
23
|
tokenTY = _ref.tokenTY,
|
|
26
24
|
accessToken = _ref.accessToken,
|
|
27
25
|
baseUrl = _ref.baseUrl,
|
|
28
26
|
env = _ref.env,
|
|
29
27
|
isPC = _ref.isPC,
|
|
30
|
-
disabled = _ref.disabled,
|
|
31
28
|
style = _ref.style,
|
|
32
29
|
download = _ref.download;
|
|
33
|
-
console.log('fileItem', file
|
|
30
|
+
console.log('fileItem', file);
|
|
34
31
|
var fileName = file.fileName,
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
downloadFileId = file.downloadFileId,
|
|
33
|
+
previewFileId = file.previewFileId,
|
|
34
|
+
fileUrl = file.fileUrl;
|
|
37
35
|
var signGuidFileId = fileConfig.signGuidFileId,
|
|
38
36
|
keyPoint = fileConfig.keyPoint;
|
|
39
37
|
var _useState = (0, _react.useState)(false),
|
|
@@ -72,7 +70,6 @@ var FileItem = function FileItem(_ref) {
|
|
|
72
70
|
id: signGuidFileId,
|
|
73
71
|
effectiveTime: 3600000
|
|
74
72
|
}, {
|
|
75
|
-
token: token,
|
|
76
73
|
tokenTY: tokenTY,
|
|
77
74
|
baseUrl: baseUrl,
|
|
78
75
|
env: env,
|
|
@@ -95,71 +92,79 @@ var FileItem = function FileItem(_ref) {
|
|
|
95
92
|
return _ref2.apply(this, arguments);
|
|
96
93
|
};
|
|
97
94
|
}();
|
|
98
|
-
var onDownload = function
|
|
99
|
-
var
|
|
100
|
-
|
|
101
|
-
if (disabled) return;
|
|
102
|
-
var format = (0, _file2.getFileExtension)(fileName);
|
|
103
|
-
download({
|
|
104
|
-
fileId: fileId,
|
|
105
|
-
format: format
|
|
106
|
-
});
|
|
107
|
-
};
|
|
108
|
-
var extractImageUrls = /*#__PURE__*/function () {
|
|
109
|
-
var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(previewUrl) {
|
|
110
|
-
var response, htmlText, parser, doc, imgElements, srcList;
|
|
95
|
+
var onDownload = /*#__PURE__*/function () {
|
|
96
|
+
var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
97
|
+
var format;
|
|
111
98
|
return _regenerator["default"].wrap(function (_context2) {
|
|
112
99
|
while (1) switch (_context2.prev = _context2.next) {
|
|
113
100
|
case 0:
|
|
114
|
-
|
|
101
|
+
format = (0, _file2.getFileExtension)(fileName);
|
|
102
|
+
download({
|
|
103
|
+
fileId: downloadFileId,
|
|
104
|
+
format: format
|
|
105
|
+
});
|
|
106
|
+
case 1:
|
|
107
|
+
case "end":
|
|
108
|
+
return _context2.stop();
|
|
109
|
+
}
|
|
110
|
+
}, _callee2);
|
|
111
|
+
}));
|
|
112
|
+
return function onDownload() {
|
|
113
|
+
return _ref3.apply(this, arguments);
|
|
114
|
+
};
|
|
115
|
+
}();
|
|
116
|
+
var extractImageUrls = /*#__PURE__*/function () {
|
|
117
|
+
var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(previewUrl) {
|
|
118
|
+
var response, htmlText, parser, doc, imgElements, srcList;
|
|
119
|
+
return _regenerator["default"].wrap(function (_context3) {
|
|
120
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
121
|
+
case 0:
|
|
122
|
+
_context3.next = 1;
|
|
115
123
|
return fetch(previewUrl);
|
|
116
124
|
case 1:
|
|
117
|
-
response =
|
|
118
|
-
|
|
125
|
+
response = _context3.sent;
|
|
126
|
+
_context3.next = 2;
|
|
119
127
|
return response.text();
|
|
120
128
|
case 2:
|
|
121
|
-
htmlText =
|
|
129
|
+
htmlText = _context3.sent;
|
|
122
130
|
parser = new DOMParser();
|
|
123
131
|
doc = parser.parseFromString(htmlText, 'text/html');
|
|
124
132
|
imgElements = doc.querySelectorAll('img');
|
|
125
133
|
srcList = Array.from(imgElements).map(function (img) {
|
|
126
134
|
return img.getAttribute('data-src');
|
|
127
135
|
});
|
|
128
|
-
return
|
|
136
|
+
return _context3.abrupt("return", srcList);
|
|
129
137
|
case 3:
|
|
130
138
|
case "end":
|
|
131
|
-
return
|
|
139
|
+
return _context3.stop();
|
|
132
140
|
}
|
|
133
|
-
},
|
|
141
|
+
}, _callee3);
|
|
134
142
|
}));
|
|
135
143
|
return function extractImageUrls(_x) {
|
|
136
|
-
return
|
|
144
|
+
return _ref4.apply(this, arguments);
|
|
137
145
|
};
|
|
138
146
|
}();
|
|
139
147
|
|
|
140
148
|
// 预览材料
|
|
141
149
|
var preview = /*#__PURE__*/function () {
|
|
142
|
-
var
|
|
150
|
+
var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
|
|
143
151
|
var urlRes, res;
|
|
144
|
-
return _regenerator["default"].wrap(function (
|
|
145
|
-
while (1) switch (
|
|
152
|
+
return _regenerator["default"].wrap(function (_context4) {
|
|
153
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
146
154
|
case 0:
|
|
147
|
-
if (
|
|
148
|
-
|
|
155
|
+
if (previewFileId) {
|
|
156
|
+
_context4.next = 1;
|
|
149
157
|
break;
|
|
150
158
|
}
|
|
151
|
-
return
|
|
159
|
+
return _context4.abrupt("return");
|
|
152
160
|
case 1:
|
|
153
|
-
console.log('fileUrl',
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
// if (!fileId) return;
|
|
157
|
-
_context3.next = 2;
|
|
161
|
+
console.log('fileUrl', previewFileId);
|
|
162
|
+
// if (!previewFileId) return;
|
|
163
|
+
_context4.next = 2;
|
|
158
164
|
return (0, _api.getUrlById)({
|
|
159
|
-
id:
|
|
165
|
+
id: previewFileId,
|
|
160
166
|
effectiveTime: 3600000
|
|
161
167
|
}, {
|
|
162
|
-
token: token,
|
|
163
168
|
tokenTY: tokenTY,
|
|
164
169
|
baseUrl: baseUrl,
|
|
165
170
|
env: env,
|
|
@@ -167,16 +172,15 @@ var FileItem = function FileItem(_ref) {
|
|
|
167
172
|
accessToken: accessToken
|
|
168
173
|
});
|
|
169
174
|
case 2:
|
|
170
|
-
urlRes =
|
|
175
|
+
urlRes = _context4.sent;
|
|
171
176
|
if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
|
|
172
|
-
|
|
177
|
+
_context4.next = 4;
|
|
173
178
|
break;
|
|
174
179
|
}
|
|
175
|
-
|
|
180
|
+
_context4.next = 3;
|
|
176
181
|
return (0, _api.onlinePreview)({
|
|
177
182
|
url: urlRes.presignedUrlList[2]
|
|
178
183
|
}, {
|
|
179
|
-
token: token,
|
|
180
184
|
tokenTY: tokenTY,
|
|
181
185
|
baseUrl: baseUrl,
|
|
182
186
|
env: env,
|
|
@@ -184,44 +188,43 @@ var FileItem = function FileItem(_ref) {
|
|
|
184
188
|
accessToken: accessToken
|
|
185
189
|
});
|
|
186
190
|
case 3:
|
|
187
|
-
res =
|
|
191
|
+
res = _context4.sent;
|
|
188
192
|
setPreviewIframeUrl(res.url);
|
|
189
193
|
setIsShowPreview(true);
|
|
190
194
|
case 4:
|
|
191
195
|
case "end":
|
|
192
|
-
return
|
|
196
|
+
return _context4.stop();
|
|
193
197
|
}
|
|
194
|
-
},
|
|
198
|
+
}, _callee4);
|
|
195
199
|
}));
|
|
196
200
|
return function preview() {
|
|
197
|
-
return
|
|
201
|
+
return _ref5.apply(this, arguments);
|
|
198
202
|
};
|
|
199
203
|
}();
|
|
200
204
|
var getViewUrl = /*#__PURE__*/function () {
|
|
201
|
-
var
|
|
205
|
+
var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(id) {
|
|
202
206
|
var type, urlRes, res, list;
|
|
203
|
-
return _regenerator["default"].wrap(function (
|
|
204
|
-
while (1) switch (
|
|
207
|
+
return _regenerator["default"].wrap(function (_context5) {
|
|
208
|
+
while (1) switch (_context5.prev = _context5.next) {
|
|
205
209
|
case 0:
|
|
206
210
|
type = (0, _file2.getFileExtension)(fileName);
|
|
207
211
|
if (!['png', 'jpg', 'jpeg'].includes(type)) {
|
|
208
|
-
|
|
212
|
+
_context5.next = 1;
|
|
209
213
|
break;
|
|
210
214
|
}
|
|
211
|
-
return
|
|
215
|
+
return _context5.abrupt("return", fileUrl);
|
|
212
216
|
case 1:
|
|
213
217
|
if (!(type !== 'pdf')) {
|
|
214
|
-
|
|
218
|
+
_context5.next = 2;
|
|
215
219
|
break;
|
|
216
220
|
}
|
|
217
|
-
return
|
|
221
|
+
return _context5.abrupt("return", '');
|
|
218
222
|
case 2:
|
|
219
|
-
|
|
223
|
+
_context5.next = 3;
|
|
220
224
|
return (0, _api.getUrlById)({
|
|
221
225
|
id: id,
|
|
222
226
|
effectiveTime: 3600000
|
|
223
227
|
}, {
|
|
224
|
-
token: token,
|
|
225
228
|
tokenTY: tokenTY,
|
|
226
229
|
baseUrl: baseUrl,
|
|
227
230
|
env: env,
|
|
@@ -229,17 +232,16 @@ var FileItem = function FileItem(_ref) {
|
|
|
229
232
|
accessToken: accessToken
|
|
230
233
|
});
|
|
231
234
|
case 3:
|
|
232
|
-
urlRes =
|
|
235
|
+
urlRes = _context5.sent;
|
|
233
236
|
if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
|
|
234
|
-
|
|
237
|
+
_context5.next = 6;
|
|
235
238
|
break;
|
|
236
239
|
}
|
|
237
240
|
console.log('urlRes', urlRes);
|
|
238
|
-
|
|
241
|
+
_context5.next = 4;
|
|
239
242
|
return (0, _api.onlinePreview)({
|
|
240
243
|
url: urlRes.presignedUrlList[2]
|
|
241
244
|
}, {
|
|
242
|
-
token: token,
|
|
243
245
|
tokenTY: tokenTY,
|
|
244
246
|
baseUrl: baseUrl,
|
|
245
247
|
env: env,
|
|
@@ -247,36 +249,34 @@ var FileItem = function FileItem(_ref) {
|
|
|
247
249
|
accessToken: accessToken
|
|
248
250
|
});
|
|
249
251
|
case 4:
|
|
250
|
-
res =
|
|
251
|
-
|
|
252
|
+
res = _context5.sent;
|
|
253
|
+
_context5.next = 5;
|
|
252
254
|
return extractImageUrls(res.url);
|
|
253
255
|
case 5:
|
|
254
|
-
list =
|
|
256
|
+
list = _context5.sent;
|
|
255
257
|
console.log('list---', list);
|
|
256
|
-
return
|
|
258
|
+
return _context5.abrupt("return", list[0]);
|
|
257
259
|
case 6:
|
|
258
260
|
case "end":
|
|
259
|
-
return
|
|
261
|
+
return _context5.stop();
|
|
260
262
|
}
|
|
261
|
-
},
|
|
263
|
+
}, _callee5);
|
|
262
264
|
}));
|
|
263
265
|
return function getViewUrl(_x2) {
|
|
264
|
-
return
|
|
266
|
+
return _ref6.apply(this, arguments);
|
|
265
267
|
};
|
|
266
268
|
}();
|
|
267
269
|
(0, _react.useEffect)(function () {
|
|
268
|
-
if (
|
|
269
|
-
getViewUrl(
|
|
270
|
+
if (previewFileId) {
|
|
271
|
+
getViewUrl(previewFileId).then(function (url) {
|
|
270
272
|
setThumbnail(url);
|
|
271
273
|
});
|
|
272
274
|
}
|
|
273
|
-
}, [
|
|
275
|
+
}, [previewFileId]);
|
|
274
276
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
275
277
|
className: "file_item",
|
|
276
278
|
style: style
|
|
277
|
-
}, /*#__PURE__*/_react["default"].createElement("
|
|
278
|
-
className: "file_name"
|
|
279
|
-
}, fileName), /*#__PURE__*/_react["default"].createElement("div", {
|
|
279
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
280
280
|
className: "file"
|
|
281
281
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
282
282
|
className: "file_img"
|
|
@@ -292,21 +292,21 @@ var FileItem = function FileItem(_ref) {
|
|
|
292
292
|
alt: ""
|
|
293
293
|
}))), isPC && /*#__PURE__*/_react["default"].createElement("div", {
|
|
294
294
|
className: "blocks"
|
|
295
|
-
},
|
|
295
|
+
}, downloadFileId && previewFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
296
296
|
className: "btns"
|
|
297
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
297
|
+
}, previewFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
298
298
|
className: "btn",
|
|
299
299
|
onClick: preview
|
|
300
300
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
301
301
|
src: _preview_pc["default"],
|
|
302
302
|
alt: ""
|
|
303
|
-
}), "\u9884\u89C8"),
|
|
303
|
+
}), "\u9884\u89C8"), downloadFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
304
304
|
className: "btn",
|
|
305
305
|
onClick: onDownload
|
|
306
306
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
307
307
|
src: _download_pc["default"],
|
|
308
308
|
alt: ""
|
|
309
|
-
}), "\u4E0B\u8F7D"))),
|
|
309
|
+
}), "\u4E0B\u8F7D"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
310
310
|
className: isPC ? 'operation_pc' : 'operation'
|
|
311
311
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
312
312
|
className: "btn"
|
|
@@ -321,17 +321,17 @@ var FileItem = function FileItem(_ref) {
|
|
|
321
321
|
}, "\u5BA1\u67E5\u8981\u70B9")))), !isPC && /*#__PURE__*/_react["default"].createElement("div", {
|
|
322
322
|
className: "file_item_bottom",
|
|
323
323
|
style: {
|
|
324
|
-
justifyContent:
|
|
324
|
+
justifyContent: previewFileId && downloadFileId ? 'space-evenly' : 'center'
|
|
325
325
|
}
|
|
326
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
326
|
+
}, previewFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
327
327
|
className: "icon_text",
|
|
328
328
|
onClick: preview
|
|
329
329
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
330
330
|
src: _preview["default"],
|
|
331
331
|
alt: ""
|
|
332
|
-
}), "\u9884\u89C8"),
|
|
332
|
+
}), "\u9884\u89C8"), previewFileId && downloadFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
333
333
|
className: "line"
|
|
334
|
-
}),
|
|
334
|
+
}), downloadFileId && /*#__PURE__*/_react["default"].createElement("div", {
|
|
335
335
|
className: "icon_text",
|
|
336
336
|
onClick: onDownload
|
|
337
337
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
@@ -9,7 +9,7 @@ const FileListPreviewMeta: IPublicTypeComponentMetadata = {
|
|
|
9
9
|
"devMode": "proCode",
|
|
10
10
|
"npm": {
|
|
11
11
|
"package": "ydb-components-material",
|
|
12
|
-
"version": "0.1.
|
|
12
|
+
"version": "0.1.93",
|
|
13
13
|
"exportName": "FileListPreview",
|
|
14
14
|
"main": "src/index.tsx",
|
|
15
15
|
"destructuring": true,
|
|
@@ -95,30 +95,6 @@ const FileListPreviewMeta: IPublicTypeComponentMetadata = {
|
|
|
95
95
|
"initialValue": ""
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
|
-
{
|
|
99
|
-
"title": {
|
|
100
|
-
"label": {
|
|
101
|
-
"type": "i18n",
|
|
102
|
-
"en-US": "userInfo",
|
|
103
|
-
"zh-CN": "userInfo"
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
"name": "userInfo",
|
|
107
|
-
"setter": {
|
|
108
|
-
"componentName": "ObjectSetter",
|
|
109
|
-
"props": {
|
|
110
|
-
"config": {
|
|
111
|
-
"extraSetter": {
|
|
112
|
-
"componentName": "MixedSetter",
|
|
113
|
-
"isRequired": false,
|
|
114
|
-
"props": {}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
"isRequired": true,
|
|
119
|
-
"initialValue": {}
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
98
|
{
|
|
123
99
|
"title": {
|
|
124
100
|
"label": {
|
|
@@ -164,21 +140,6 @@ const FileListPreviewMeta: IPublicTypeComponentMetadata = {
|
|
|
164
140
|
"initialValue": false
|
|
165
141
|
}
|
|
166
142
|
},
|
|
167
|
-
{
|
|
168
|
-
"title": {
|
|
169
|
-
"label": {
|
|
170
|
-
"type": "i18n",
|
|
171
|
-
"en-US": "disabled",
|
|
172
|
-
"zh-CN": "disabled"
|
|
173
|
-
}
|
|
174
|
-
},
|
|
175
|
-
"name": "disabled",
|
|
176
|
-
"setter": {
|
|
177
|
-
"componentName": "BoolSetter",
|
|
178
|
-
"isRequired": false,
|
|
179
|
-
"initialValue": false
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
143
|
{
|
|
183
144
|
"title": {
|
|
184
145
|
"label": {
|
|
@@ -193,20 +154,6 @@ const FileListPreviewMeta: IPublicTypeComponentMetadata = {
|
|
|
193
154
|
"isRequired": true
|
|
194
155
|
}
|
|
195
156
|
},
|
|
196
|
-
{
|
|
197
|
-
"title": {
|
|
198
|
-
"label": {
|
|
199
|
-
"type": "i18n",
|
|
200
|
-
"en-US": "valChange",
|
|
201
|
-
"zh-CN": "valChange"
|
|
202
|
-
}
|
|
203
|
-
},
|
|
204
|
-
"name": "valChange",
|
|
205
|
-
"setter": {
|
|
206
|
-
"componentName": "FunctionSetter",
|
|
207
|
-
"isRequired": true
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
157
|
],
|
|
211
158
|
"supports": {
|
|
212
159
|
"style": true
|
|
@@ -7,7 +7,7 @@ var FileListPreviewMeta = {
|
|
|
7
7
|
"devMode": "proCode",
|
|
8
8
|
"npm": {
|
|
9
9
|
"package": "ydb-components-material",
|
|
10
|
-
"version": "0.1.
|
|
10
|
+
"version": "0.1.93",
|
|
11
11
|
"exportName": "FileListPreview",
|
|
12
12
|
"main": "src/index.tsx",
|
|
13
13
|
"destructuring": true,
|
|
@@ -88,29 +88,6 @@ var FileListPreviewMeta = {
|
|
|
88
88
|
"isRequired": true,
|
|
89
89
|
"initialValue": ""
|
|
90
90
|
}
|
|
91
|
-
}, {
|
|
92
|
-
"title": {
|
|
93
|
-
"label": {
|
|
94
|
-
"type": "i18n",
|
|
95
|
-
"en-US": "userInfo",
|
|
96
|
-
"zh-CN": "userInfo"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
"name": "userInfo",
|
|
100
|
-
"setter": {
|
|
101
|
-
"componentName": "ObjectSetter",
|
|
102
|
-
"props": {
|
|
103
|
-
"config": {
|
|
104
|
-
"extraSetter": {
|
|
105
|
-
"componentName": "MixedSetter",
|
|
106
|
-
"isRequired": false,
|
|
107
|
-
"props": {}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
"isRequired": true,
|
|
112
|
-
"initialValue": {}
|
|
113
|
-
}
|
|
114
91
|
}, {
|
|
115
92
|
"title": {
|
|
116
93
|
"label": {
|
|
@@ -153,20 +130,6 @@ var FileListPreviewMeta = {
|
|
|
153
130
|
"isRequired": false,
|
|
154
131
|
"initialValue": false
|
|
155
132
|
}
|
|
156
|
-
}, {
|
|
157
|
-
"title": {
|
|
158
|
-
"label": {
|
|
159
|
-
"type": "i18n",
|
|
160
|
-
"en-US": "disabled",
|
|
161
|
-
"zh-CN": "disabled"
|
|
162
|
-
}
|
|
163
|
-
},
|
|
164
|
-
"name": "disabled",
|
|
165
|
-
"setter": {
|
|
166
|
-
"componentName": "BoolSetter",
|
|
167
|
-
"isRequired": false,
|
|
168
|
-
"initialValue": false
|
|
169
|
-
}
|
|
170
133
|
}, {
|
|
171
134
|
"title": {
|
|
172
135
|
"label": {
|
|
@@ -180,19 +143,6 @@ var FileListPreviewMeta = {
|
|
|
180
143
|
"componentName": "FunctionSetter",
|
|
181
144
|
"isRequired": true
|
|
182
145
|
}
|
|
183
|
-
}, {
|
|
184
|
-
"title": {
|
|
185
|
-
"label": {
|
|
186
|
-
"type": "i18n",
|
|
187
|
-
"en-US": "valChange",
|
|
188
|
-
"zh-CN": "valChange"
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
"name": "valChange",
|
|
192
|
-
"setter": {
|
|
193
|
-
"componentName": "FunctionSetter",
|
|
194
|
-
"isRequired": true
|
|
195
|
-
}
|
|
196
146
|
}],
|
|
197
147
|
"supports": {
|
|
198
148
|
"style": true
|