@moment-design/material-library 0.1.12 → 0.1.13

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 (7) hide show
  1. package/README.md +127 -127
  2. package/dist/css/index.css +33 -33
  3. package/dist/index.cjs.js +31 -9
  4. package/dist/index.esm.js +31 -9
  5. package/dist/index.min.js +26 -14
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +103 -103
package/README.md CHANGED
@@ -1,127 +1,127 @@
1
- # 素材库组件
2
-
3
- ## 使用组件
4
-
5
- `安装依赖`
6
-
7
- ```
8
- npm install @moment-design/material-library --save
9
- ```
10
-
11
- `使用组件`
12
-
13
- ```ts
14
- import MaterialLibrary from "@moment-design/material-library"
15
-
16
- <MaterialLibrary
17
- ref="refLMaterialLibrary"
18
- :config="config"
19
- @choose="(v) => (chooseDatas = v)"
20
- ></MaterialLibrary>
21
- ```
22
-
23
- ## API
24
-
25
- Props
26
-
27
- | 参数名 | 描述 | 类型 | 默认值 |
28
- | -------------- | ---------------------------- | ----------------------------- | ------------------------------- |
29
- | fileType | 素材类型限制 | number | 1[图片],2[文档],3[视频],4[音乐] |
30
- | max | 素材最大数量 | number | 10 |
31
- | dialog | 列表、弹窗样式 | DialogConfig | {} |
32
- | scroll | 左侧分组、右侧内容滚动条高度 | ScrollConfig | {} |
33
- | apis | 素材库相关接口 | ApisConfig | {} |
34
- | customValidate | 自定义校验函数 | (datas) => (true 或 报错信息) | - |
35
-
36
- DialogConfig
37
-
38
- | 参数名 | 描述 | 类型 | 默认值 |
39
- | ------- | --------------------------- | ------- | -------- |
40
- | title | 弹窗标题 | string | 选择素材 |
41
- | visible | 列表(false)、弹窗(true)样式 | boolean | false |
42
- | width | 弹出框宽度 | number | 1160 |
43
-
44
- ScrollConfig
45
-
46
- | 参数名 | 描述 | 类型 | 默认值 |
47
- | ------ | ------------------ | ------ | ------- |
48
- | left | 左侧分组滚动条高度 | string | '430px' |
49
- | right | 右侧内容滚动条高度 | string | '430px' |
50
-
51
- ApisConfig
52
-
53
- | 参数名 | 描述 | 类型 | 默认值 |
54
- | ------------ | ------------------ | ---- | ------ |
55
- | getGroupList | 获取分组列表 | api | - |
56
- | postGroup | 新增、编辑分组 | api | - |
57
- | deleteGroup | 删除分组 | api | - |
58
- | getFileList | 获取分组下素材列表 | api | - |
59
- | deleteFile | 删除分组下的素材 | api | - |
60
- | moveFile | 移动分组 | api | - |
61
- | uploadFile | 上传素材 | api | - |
62
-
63
- Events
64
-
65
- | 事件名 | 描述 | 参数 |
66
- | ------ | ---------- | -------------- |
67
- | choose | 选中的素材 | (datas: any[]) |
68
-
69
- Expose
70
-
71
- | 事件名 | 描述 | 参数 |
72
- | ------ | ---------------------- | ---- |
73
- | open | 主动触发打开选择素材库 | - |
74
-
75
- ## 示例数据
76
-
77
- ```js
78
- const config = {
79
- dialog: {
80
- visible: false,
81
- title: '选择素材',
82
- width: 1160,
83
- },
84
- scroll: {
85
- left: '560px',
86
- right: '560px',
87
- },
88
- fileType: 1,
89
- apis: useMaterialApis(),
90
- };
91
-
92
- const useMaterialApis = {
93
- getGroupList,
94
- postGroup,
95
- deleteGroup,
96
- getFileList,
97
- deleteFile,
98
- moveFile,
99
- uploadFile,
100
- };
101
- ```
102
-
103
- ## Interface
104
-
105
- ```js
106
- export interface IMaterialLibrary {
107
- dialog: {
108
- visible: boolean,
109
- title?: string,
110
- width?: number,
111
- };
112
- scroll?: {
113
- left?: string,
114
- right?: string,
115
- };
116
- fileType?: 1 | 2 | 3 | 4;
117
- apis: {
118
- getGroupList: any,
119
- postGroup: any,
120
- deleteGroup: any,
121
- getFileList: any,
122
- deleteFile: any,
123
- moveFile: any,
124
- uploadFile: any,
125
- };
126
- }
127
- ```
1
+ # 素材库组件
2
+
3
+ ## 使用组件
4
+
5
+ `安装依赖`
6
+
7
+ ```
8
+ npm install @moment-design/material-library --save
9
+ ```
10
+
11
+ `使用组件`
12
+
13
+ ```ts
14
+ import MaterialLibrary from "@moment-design/material-library"
15
+
16
+ <MaterialLibrary
17
+ ref="refLMaterialLibrary"
18
+ :config="config"
19
+ @choose="(v) => (chooseDatas = v)"
20
+ ></MaterialLibrary>
21
+ ```
22
+
23
+ ## API
24
+
25
+ Props
26
+
27
+ | 参数名 | 描述 | 类型 | 默认值 |
28
+ | -------------- | ---------------------------- | ----------------------------- | ------------------------------- |
29
+ | fileType | 素材类型限制 | number | 1[图片],2[文档],3[视频],4[音乐] |
30
+ | max | 素材最大数量 | number | 10 |
31
+ | dialog | 列表、弹窗样式 | DialogConfig | {} |
32
+ | scroll | 左侧分组、右侧内容滚动条高度 | ScrollConfig | {} |
33
+ | apis | 素材库相关接口 | ApisConfig | {} |
34
+ | customValidate | 自定义校验函数 | (datas) => (true 或 报错信息) | - |
35
+
36
+ DialogConfig
37
+
38
+ | 参数名 | 描述 | 类型 | 默认值 |
39
+ | ------- | --------------------------- | ------- | -------- |
40
+ | title | 弹窗标题 | string | 选择素材 |
41
+ | visible | 列表(false)、弹窗(true)样式 | boolean | false |
42
+ | width | 弹出框宽度 | number | 1160 |
43
+
44
+ ScrollConfig
45
+
46
+ | 参数名 | 描述 | 类型 | 默认值 |
47
+ | ------ | ------------------ | ------ | ------- |
48
+ | left | 左侧分组滚动条高度 | string | '430px' |
49
+ | right | 右侧内容滚动条高度 | string | '430px' |
50
+
51
+ ApisConfig
52
+
53
+ | 参数名 | 描述 | 类型 | 默认值 |
54
+ | ------------ | ------------------ | ---- | ------ |
55
+ | getGroupList | 获取分组列表 | api | - |
56
+ | postGroup | 新增、编辑分组 | api | - |
57
+ | deleteGroup | 删除分组 | api | - |
58
+ | getFileList | 获取分组下素材列表 | api | - |
59
+ | deleteFile | 删除分组下的素材 | api | - |
60
+ | moveFile | 移动分组 | api | - |
61
+ | uploadFile | 上传素材 | api | - |
62
+
63
+ Events
64
+
65
+ | 事件名 | 描述 | 参数 |
66
+ | ------ | ---------- | -------------- |
67
+ | choose | 选中的素材 | (datas: any[]) |
68
+
69
+ Expose
70
+
71
+ | 事件名 | 描述 | 参数 |
72
+ | ------ | ---------------------- | ---- |
73
+ | open | 主动触发打开选择素材库 | - |
74
+
75
+ ## 示例数据
76
+
77
+ ```js
78
+ const config = {
79
+ dialog: {
80
+ visible: false,
81
+ title: '选择素材',
82
+ width: 1160,
83
+ },
84
+ scroll: {
85
+ left: '560px',
86
+ right: '560px',
87
+ },
88
+ fileType: 1,
89
+ apis: useMaterialApis(),
90
+ };
91
+
92
+ const useMaterialApis = {
93
+ getGroupList,
94
+ postGroup,
95
+ deleteGroup,
96
+ getFileList,
97
+ deleteFile,
98
+ moveFile,
99
+ uploadFile,
100
+ };
101
+ ```
102
+
103
+ ## Interface
104
+
105
+ ```js
106
+ export interface IMaterialLibrary {
107
+ dialog: {
108
+ visible: boolean,
109
+ title?: string,
110
+ width?: number,
111
+ };
112
+ scroll?: {
113
+ left?: string,
114
+ right?: string,
115
+ };
116
+ fileType?: 1 | 2 | 3 | 4;
117
+ apis: {
118
+ getGroupList: any,
119
+ postGroup: any,
120
+ deleteGroup: any,
121
+ getFileList: any,
122
+ deleteFile: any,
123
+ moveFile: any,
124
+ uploadFile: any,
125
+ };
126
+ }
127
+ ```
package/dist/css/index.css CHANGED
@@ -18,75 +18,75 @@
18
18
  color: #55585c;
19
19
  margin-bottom: 24px;
20
20
  }
21
- .l-material-library-content[data-v-c6cf1646] {
21
+ .l-material-library-content[data-v-0ecf57ca] {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  justify-content: space-between;
25
25
  }
26
- .l-material-library-content .label span[data-v-c6cf1646] {
26
+ .l-material-library-content .label span[data-v-0ecf57ca] {
27
27
  color: red;
28
28
  position: relative;
29
29
  top: 2px;
30
30
  margin-right: 6px;
31
31
  }
32
- .l-material-library-content .input[data-v-c6cf1646] {
32
+ .l-material-library-content .input[data-v-0ecf57ca] {
33
33
  width: 390px;
34
34
  }
35
- .l-material-library-group[data-v-d0efd9ca] {
35
+ .l-material-library-group[data-v-c01a8f7e] {
36
36
  width: 230px;
37
37
  margin-right: 24px;
38
38
  }
39
- .l-material-library-group .header[data-v-d0efd9ca] {
39
+ .l-material-library-group .header[data-v-c01a8f7e] {
40
40
  margin-bottom: 16px;
41
41
  display: flex;
42
42
  align-items: center;
43
43
  justify-content: space-between;
44
44
  }
45
- .l-material-library-group .header .title[data-v-d0efd9ca] {
45
+ .l-material-library-group .header .title[data-v-c01a8f7e] {
46
46
  font-size: 16px;
47
47
  font-weight: 600;
48
48
  color: #12141a;
49
49
  }
50
- .l-material-library-group .footer .search[data-v-d0efd9ca] {
50
+ .l-material-library-group .footer .search[data-v-c01a8f7e] {
51
51
  margin-bottom: 8px;
52
52
  }
53
- .l-material-library-group .footer .group-items[data-v-d0efd9ca] {
53
+ .l-material-library-group .footer .group-items[data-v-c01a8f7e] {
54
54
  margin-top: 16px;
55
55
  }
56
- .l-material-library-group .footer .group-items .group-item[data-v-d0efd9ca] {
56
+ .l-material-library-group .footer .group-items .group-item[data-v-c01a8f7e] {
57
57
  height: 46px;
58
58
  display: flex;
59
59
  align-items: center;
60
60
  justify-content: space-between;
61
61
  cursor: pointer;
62
62
  }
63
- .l-material-library-group .footer .group-items .group-item[data-v-d0efd9ca]:hover {
63
+ .l-material-library-group .footer .group-items .group-item[data-v-c01a8f7e]:hover {
64
64
  background-color: #f2f3f5;
65
65
  }
66
- .l-material-library-group .footer .group-items .group-item.active[data-v-d0efd9ca] {
66
+ .l-material-library-group .footer .group-items .group-item.active[data-v-c01a8f7e] {
67
67
  background-color: #f4f7ff;
68
68
  }
69
- .l-material-library-group .footer .group-items .group-item .left[data-v-d0efd9ca] {
69
+ .l-material-library-group .footer .group-items .group-item .left[data-v-c01a8f7e] {
70
70
  display: flex;
71
71
  align-items: center;
72
72
  justify-content: space-between;
73
73
  width: 30px;
74
74
  padding-left: 8px;
75
75
  }
76
- .l-material-library-group .footer .group-items .group-item .left .folder[data-v-d0efd9ca] {
76
+ .l-material-library-group .footer .group-items .group-item .left .folder[data-v-c01a8f7e] {
77
77
  margin-right: 6px;
78
78
  width: 15px;
79
79
  height: 15px;
80
80
  position: relative;
81
81
  top: 1px;
82
82
  }
83
- .l-material-library-group .footer .group-items .group-item .center[data-v-d0efd9ca] {
83
+ .l-material-library-group .footer .group-items .group-item .center[data-v-c01a8f7e] {
84
84
  flex: 1;
85
85
  white-space: nowrap;
86
86
  overflow: hidden;
87
87
  text-overflow: ellipsis;
88
88
  }
89
- .l-material-library-group .footer .group-items .group-item .right[data-v-d0efd9ca] {
89
+ .l-material-library-group .footer .group-items .group-item .right[data-v-c01a8f7e] {
90
90
  width: 30px;
91
91
  padding-right: 16px;
92
92
  }
@@ -221,37 +221,37 @@
221
221
  color: #86909c;
222
222
  line-height: 1.75;
223
223
  }
224
- .change-group-items[data-v-6511b8e9] {
224
+ .change-group-items[data-v-3777c371] {
225
225
  min-height: 350px;
226
226
  }
227
- .change-group-items .item[data-v-6511b8e9] {
227
+ .change-group-items .item[data-v-3777c371] {
228
228
  height: 46px;
229
229
  display: flex;
230
230
  align-items: center;
231
231
  justify-content: space-between;
232
232
  cursor: pointer;
233
233
  }
234
- .change-group-items .item[data-v-6511b8e9]:hover {
234
+ .change-group-items .item[data-v-3777c371]:hover {
235
235
  background-color: #f2f3f5;
236
236
  }
237
- .change-group-items .item.active[data-v-6511b8e9] {
237
+ .change-group-items .item.active[data-v-3777c371] {
238
238
  background-color: #f4f7ff;
239
239
  }
240
- .change-group-items .item .img[data-v-6511b8e9] {
240
+ .change-group-items .item .img[data-v-3777c371] {
241
241
  display: flex;
242
242
  align-items: center;
243
243
  justify-content: space-between;
244
244
  width: 30px;
245
245
  padding-left: 8px;
246
246
  }
247
- .change-group-items .item .img .folder[data-v-6511b8e9] {
247
+ .change-group-items .item .img .folder[data-v-3777c371] {
248
248
  margin-right: 6px;
249
249
  width: 15px;
250
250
  height: 15px;
251
251
  position: relative;
252
252
  top: 1px;
253
253
  }
254
- .change-group-items .item .name[data-v-6511b8e9] {
254
+ .change-group-items .item .name[data-v-3777c371] {
255
255
  flex: 1;
256
256
  white-space: nowrap;
257
257
  overflow: hidden;
@@ -285,40 +285,40 @@
285
285
  .l-material-library-upload .upload[data-v-3fcdc336] .mo-upload-progress {
286
286
  display: none;
287
287
  }
288
- .l-material-library-right-content[data-v-4085b1b9] {
288
+ .l-material-library-right-content[data-v-1d0a809d] {
289
289
  flex: 1;
290
290
  }
291
- .l-material-library-right-content .header[data-v-4085b1b9] {
291
+ .l-material-library-right-content .header[data-v-1d0a809d] {
292
292
  display: flex;
293
293
  justify-content: space-between;
294
294
  }
295
- .l-material-library-right-content .header .left[data-v-4085b1b9] {
295
+ .l-material-library-right-content .header .left[data-v-1d0a809d] {
296
296
  display: flex;
297
297
  justify-content: space-between;
298
298
  }
299
- .l-material-library-right-content .header .more-icon-down[data-v-4085b1b9] {
299
+ .l-material-library-right-content .header .more-icon-down[data-v-1d0a809d] {
300
300
  position: relative;
301
301
  top: -1px;
302
302
  margin-left: 6px;
303
303
  font-size: 15px;
304
304
  stroke-width: 5;
305
305
  }
306
- .l-material-library-right-content .toolbar[data-v-4085b1b9] {
306
+ .l-material-library-right-content .toolbar[data-v-1d0a809d] {
307
307
  margin: 16px 0;
308
308
  display: flex;
309
309
  align-items: center;
310
310
  justify-content: space-between;
311
311
  }
312
- .l-material-library-right-content .toolbar .apps[data-v-4085b1b9],
313
- .l-material-library-right-content .toolbar .menu[data-v-4085b1b9] {
312
+ .l-material-library-right-content .toolbar .apps[data-v-1d0a809d],
313
+ .l-material-library-right-content .toolbar .menu[data-v-1d0a809d] {
314
314
  margin-left: 8px;
315
315
  font-size: 20px;
316
316
  stroke-width: 5;
317
317
  }
318
- .l-material-library-right-content .toolbar .apps[data-v-4085b1b9]:hover,
319
- .l-material-library-right-content .toolbar .menu[data-v-4085b1b9]:hover,
320
- .l-material-library-right-content .toolbar .apps.active[data-v-4085b1b9],
321
- .l-material-library-right-content .toolbar .menu.active[data-v-4085b1b9] {
318
+ .l-material-library-right-content .toolbar .apps[data-v-1d0a809d]:hover,
319
+ .l-material-library-right-content .toolbar .menu[data-v-1d0a809d]:hover,
320
+ .l-material-library-right-content .toolbar .apps.active[data-v-1d0a809d],
321
+ .l-material-library-right-content .toolbar .menu.active[data-v-1d0a809d] {
322
322
  color: #1966ff;
323
323
  cursor: pointer;
324
324
  }
package/dist/index.cjs.js CHANGED
@@ -765,7 +765,7 @@ var lodash = { exports: {} };
765
765
  }
766
766
  var runInContext = function runInContext2(context) {
767
767
  context = context == null ? root2 : _.defaults(root2.Object(), context, _.pick(root2, contextProps));
768
- var Array2 = context.Array, Date = context.Date, Error = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError = context.TypeError;
768
+ var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError = context.TypeError;
769
769
  var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto2 = Object2.prototype;
770
770
  var coreJsData = context["__core-js_shared__"];
771
771
  var funcToString = funcProto.toString;
@@ -4168,7 +4168,7 @@ var lodash = { exports: {} };
4168
4168
  }
4169
4169
  function isNative(value) {
4170
4170
  if (isMaskable(value)) {
4171
- throw new Error(CORE_ERROR_TEXT);
4171
+ throw new Error2(CORE_ERROR_TEXT);
4172
4172
  }
4173
4173
  return baseIsNative(value);
4174
4174
  }
@@ -4709,7 +4709,7 @@ var lodash = { exports: {} };
4709
4709
  if (!variable) {
4710
4710
  source = "with (obj) {\n" + source + "\n}\n";
4711
4711
  } else if (reForbiddenIdentifierChars.test(variable)) {
4712
- throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);
4712
+ throw new Error2(INVALID_TEMPL_VAR_ERROR_TEXT);
4713
4713
  }
4714
4714
  source = (isEvaluating ? source.replace(reEmptyStringLeading, "") : source).replace(reEmptyStringMiddle, "$1").replace(reEmptyStringTrailing, "$1;");
4715
4715
  source = "function(" + (variable || "obj") + ") {\n" + (variable ? "" : "obj || (obj = {});\n") + "var __t, __p = ''" + (isEscaping ? ", __e = _.escape" : "") + (isEvaluating ? ", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n" : ";\n") + source + "return __p\n}";
@@ -4828,7 +4828,7 @@ var lodash = { exports: {} };
4828
4828
  try {
4829
4829
  return apply(func, undefined$1, args);
4830
4830
  } catch (e) {
4831
- return isError(e) ? e : new Error(e);
4831
+ return isError(e) ? e : new Error2(e);
4832
4832
  }
4833
4833
  });
4834
4834
  var bindAll = flatRest(function(object, methodNames) {
@@ -5650,7 +5650,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
5650
5650
  _: 1
5651
5651
  }, 8, ["visible", "title", "others", "onOk"]);
5652
5652
  }
5653
- var CLeftGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-c6cf1646"]]);
5653
+ var CLeftGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-0ecf57ca"]]);
5654
5654
  var _imports_0$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAapJREFUeF7tm71KxEAUhc9NaS+swX0IewtfQOwWxFINIj6ET2Bjo7IPYKsvYGVjISKuWFvIqp215Ej82XXZJkxmkoE5qXNPMl/m3jsnyRgSPyzx8UMANAMSJzCXAku73IJhA8SiLzY03JQljt6G9upL05fODIC84AGBY1/i/3VI3CPD5vjUHkPou2pOAOQFFwg8Aei7itWIG9EwiAnCFMAeV1jitsYgmp4SFYQJgN4O1yzDVdPR1YyPBkJXACpOUUDoEkAUELoG0DmEGAB8QwDxXrN+ND6Nhocsw/nLiV3HAqDxoFwELMNq0gAIXCYNAMBH6gCm7wNaXgi5pGyQGM2AP6yaAe16gSDT2UVUKaAU+CWgGqAa0OoLEZd6FSRGRVBFUEXwh4C6gLqAukCb3wWCtDQXUbVBtUG1QbVBrQO0ENJKUEtheQGZIZkhmSGZoRb/EnMxbkFi5AblBuUG5QblBisC+T77/MRzkFIbr+hoZr9Ar2D129h6vPfr984IDOZ2jPQKHhqwDWDZ7+WiUrsjcDE+s2qsaR8CkPbzhzZOKgWUAokTSD4FvgC1U75SW2R2+QAAAABJRU5ErkJggg==";
5655
5655
  var cLeft_vue_vue_type_style_index_0_scoped_true_lang = "";
5656
5656
  const _sfc_main$7 = vue.defineComponent({
@@ -5936,7 +5936,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
5936
5936
  }, 8, ["visible", "others", "onHandle:ok"])
5937
5937
  ], 64);
5938
5938
  }
5939
- var CLeft = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__scopeId", "data-v-d0efd9ca"]]);
5939
+ var CLeft = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__scopeId", "data-v-c01a8f7e"]]);
5940
5940
  var IconOther = "data:image/png;base64,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";
5941
5941
  var IconMusic = "data:image/png;base64,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";
5942
5942
  var IconRar = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAAXNSR0IArs4c6QAAB1dJREFUeF7tnc9vVFUUx8+9781PqJQRErB0Bko0sUpMRKlFYaGWqoEFLAwmRla6qH8AC9GVJuLGBIQFxIWJCxKDLDDUaXUhGKQxLNi4MUBb/EFCrArSKdPhXfOGlFR8b+beO3PeO485XXbO/d7zvp937rv33emtgDb9KAWi8s3aAeGpFxXARgCvD4RYBgrSbeoiUCa3bWp10Ae1y4dvzP+8/x/bvp2e1z7NPL7/Xdv2VNqJdiRys1zcLgXsVQrWt0PPRAMLsFvckxdq/kCq/8P3TPKhFtsS4Mp4X1F5tUNQr9h4fjAB+1ekblcPJrmSrQHPjpYGhVRHFUAhHrR3esUGXIes5g9kElrJVoB9uCC9YwAiFSfcqAAnuZKNAfvDMni1U3FX7sKNFUUFL/SVxOHaGPBsuXgyzmfuvSNGZuDLwEeENzNR9WbOVoNGmNt/nAn8/eJYf5IV1DZpkI0A+7NlAXAk7mFZp//Uw3uXuutGuoJiK2Ol35tphAFO2nCtDdhf586NF0/HsRRqBiPoc0zASYKsDfj6aGnQleq4jdlxtMEGnBTI2oAr5dI+BWokDlg2fUYBOAmQtQHPlksnANSAjdlxtIkKMHXIBoB7LwCIlXHAsukzSsCUIesDHitOYm8c2II0baezCdFoFh3WH8UllD7gcvE3UyOjiI/yRYfO9VCDzIBDqNlUMMU3XgwYATClZzIDRgJMBTIDRgRMATIDRgYcN+TEA3Ye3BL4nS9Z2JyWhYHAz25N7JppNiNuZZIVpB3X7DrxgMNARf2io9kNE1clM+AIhujFXURdyQw4YsBRVzIDjgFwlJAZcBjg3jdyIIS2PzrP4HtjohiutS9glui7aKxJltOzOyecjLY/NoCjqGTtC6AKGG2zYdWODKQLji04k3aYlcyAQ0jIwmBKLn0ksu99Y0FmwCGARb5XOiuez5pUYquxGJAZcCgVAW7Pq1lwsrJVcCbt2w2ZATdwXzywwXW6n0T981fs15oMuFF5CQfc1Tuz4C6JtIrbObtOPGD/nbPJEOjH6nwna0FTZFdLZ+VQBntNjFXJiQeMtQ5erCu7HnXk8k0Z0xupHfGtPpMZsCYF0f1UynngsciWTYvTagUyA9YE7IfVK7n76XQcw7W4XT2YsjgzhAEbAPZD68/kwrPpWCZetVufZDZ8tM8kZQZs4tbdmZcDoqvfdbr63cjXyYaQGbAN4LttBIj8GimyaxyZXiGVs0QKmQEQoO2rTffKALJ2Ip222WBjfJRt8sPTD+n0x4B1XCIYw4BbPOmOINP/pMSAGXD9huAhmnqphuTHFcwVfH9UcGbTFyHnZP1Y9f6cCDkn67um52RRL+yOqeAoNhsowmbALR6ERhHq4pwYMAO+P57BPEQ3HmsSv0xiwAz4fw7oHEbKz2DiDojC5rSzPPgPwGsXP7b+Zx1ULrvjJ1lUQGDlwYCxnCWiy4CJgMBKgwFjOUtElwETAYGVBgPGcpaILgMmAgIrjY4BnH3ujPEh5XPfb7mGZXxUuh0DOOwIh0ZG85usAHeS9rVZBnzHgcRvNnAF3+ebDQyYAfNuks7Mj5/BOi5FF8Oz6AZe8yyaZ9HRlaJlT1zBXMG8TLIsHhLNuIK5grmCSZSiZRIdVMGTqwBMDu5WqjK29qqlr2SadQzg7NazK0W2x9V1Xs39Wps7vZl3k+41jOqLDnfN67lU/wfduoDnf3rnr9ovn1d046nGdUwF+wDc3j05d91Il8iu8g8NDdpAUWruqle7fPhG7cpniYfrX3NHAaZaZZh5MWBMdwloM2ACEDBTYMCY7hLQZsAEIGCmwIAx3SWgzYAJQMBMgQFjuktAmwETgICZAgPGdJeANgMmAAEzBQaM6S4BbQZMAAJmCgwY010C2gyYAATMFBgwprsEtBkwAQiYKTBgTHcJaDNgAhAwU2DAmO4S0GbABCBgpsCAMd0loM2ACUDATIEBY7pLQJsBE4CAmQIDxnSXgDYDJgABMwUGjOkuAe32Ax4rToKCNIFr4xQEVPPbptfqGGFwlGHvBQBhfLKrThIcY+qAupYfvvKETisDwKUTAGpAR5RjsB0QE/nhqZ06vWgDrpRL+xSoER1RjsF1QIA4nBueel+nF23A10dLg65Ux3VEOQbZASl35Ycmz+n0og1YKRBz48XTSsF6HWGOwXFACLiYHZreKgQonR60AftiN8vF7QLgiI4wx+A4oADeWjI8/ZWuuhFgX3S2XDwJABt1O+C4tjpwPj88vcNE0RhwZbyvCF7tlAIomHTEsa05IABmQLqv5IYuTZsoGQOuV/FoaRCkdwxApEw641hbB9Q8eHJ3/uWpH0wVrAAvQBZSHeVKNrXcLN6vXOWJN23g+j1ZA/Yb+8O18mqH+JlsBs0g+ryQ7tumw/Ji/ZYALwj5s2spYC8voQzQNQj1l0Kegv0ms+UwubYA9sX9dfKNr0vPpCS8oOqzbK8PhFjGGxRNoAuoglJ/A8hLAuD8vAffdr00dU53ndvslvoX0eJ0tYKcD7EAAAAASUVORK5CYII=";
@@ -6917,7 +6917,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
6917
6917
  _: 1
6918
6918
  }, 8, ["visible", "others", "onHandle:ok"]);
6919
6919
  }
6920
- var CChangeGroup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-6511b8e9"]]);
6920
+ var CChangeGroup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-3777c371"]]);
6921
6921
  var cUpload_vue_vue_type_style_index_0_scoped_true_lang = "";
6922
6922
  const _sfc_main$2 = vue.defineComponent({
6923
6923
  name: "",
@@ -7224,6 +7224,10 @@ const _sfc_main$1 = vue.defineComponent({
7224
7224
  init(groupId.value);
7225
7225
  };
7226
7226
  const handlePreview = (item) => {
7227
+ if (item.fileFormat === "txt") {
7228
+ downloadTxtFile(item.filePath, item.fileName);
7229
+ return;
7230
+ }
7227
7231
  const a = document.createElement("a");
7228
7232
  a.setAttribute("href", item.filePath);
7229
7233
  a.setAttribute("target", "_blank");
@@ -7231,6 +7235,23 @@ const _sfc_main$1 = vue.defineComponent({
7231
7235
  a.click();
7232
7236
  setTimeout(() => document.body.removeChild(a), 500);
7233
7237
  };
7238
+ const downloadTxtFile = async (fileUrl, fileName2) => {
7239
+ try {
7240
+ const response = await fetch(fileUrl);
7241
+ if (!response.ok) {
7242
+ throw new Error(`HTTP error! status: ${response.status}`);
7243
+ }
7244
+ const blob = await response.blob();
7245
+ const url = URL.createObjectURL(blob);
7246
+ const a = document.createElement("a");
7247
+ a.href = url;
7248
+ a.download = fileName2;
7249
+ a.click();
7250
+ URL.revokeObjectURL(url);
7251
+ } catch (error) {
7252
+ console.error("\u4E0B\u8F7D\u6587\u4EF6\u65F6\u51FA\u9519:", error);
7253
+ }
7254
+ };
7234
7255
  const handleRemove = (item) => {
7235
7256
  current.value = item;
7236
7257
  visible.value = true;
@@ -7338,7 +7359,8 @@ const _sfc_main$1 = vue.defineComponent({
7338
7359
  initCheckbox,
7339
7360
  handleRemoveOk,
7340
7361
  reset,
7341
- init
7362
+ init,
7363
+ downloadTxtFile
7342
7364
  };
7343
7365
  }
7344
7366
  });
@@ -7532,7 +7554,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
7532
7554
  }, null, 8, ["config", "onUpload:success"])
7533
7555
  ], 64);
7534
7556
  }
7535
- var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-4085b1b9"]]);
7557
+ var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-1d0a809d"]]);
7536
7558
  var index_vue_vue_type_style_index_0_scoped_true_lang = "";
7537
7559
  const _sfc_main = vue.defineComponent({
7538
7560
  name: "MaterialLibrary",