@lemon30_npm/csit-vue3 0.0.7 → 0.0.9
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/README.md +29 -10
- package/dist/csit-vue3.js +21 -13
- package/dist/lib/_virtual/_plugin-vue_export-helper.js +9 -0
- package/dist/lib/axios/index.js +67 -0
- package/dist/lib/axios/middlewares/middleware-executor.js +15 -0
- package/dist/lib/axios/middlewares/request-middlewares/addXRequestedWith.js +12 -0
- package/dist/lib/axios/middlewares/request-middlewares/dafeiyiqi-disposeGetUrlParams.js +17 -0
- package/dist/lib/axios/middlewares/request-middlewares/logRequest.js +7 -0
- package/dist/lib/axios/middlewares/response-middlewares/formatResponseData.js +7 -0
- package/dist/lib/axios/middlewares/response-middlewares/handle-error/errorMessages.js +14 -0
- package/dist/lib/axios/middlewares/response-middlewares/handle-error/handleError.js +35 -0
- package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleFileStream.js +11 -0
- package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleSuccess.js +20 -0
- package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleTokenInvalidToLogin.js +18 -0
- package/dist/lib/axios/middlewares/response-middlewares/logResponse.js +13 -0
- package/dist/lib/ci-blue-line-title/index.css +1 -0
- package/dist/lib/ci-blue-line-title/index.js +7 -0
- package/dist/lib/ci-blue-line-title/index.vue.js +7 -0
- package/dist/lib/ci-blue-line-title/index.vue2.js +29 -0
- package/dist/lib/ci-common-list/ci-common-list-layout/index.css +1 -0
- package/dist/lib/ci-common-list/ci-common-list-layout/index.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-layout/index.vue.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-layout/index.vue2.js +87 -0
- package/dist/lib/ci-common-list/ci-common-list-pagination/index.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-pagination/index.vue.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-pagination/index.vue2.js +31 -0
- package/dist/lib/ci-common-list/ci-common-list-query/index.css +1 -0
- package/dist/lib/ci-common-list/ci-common-list-query/index.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-query/index.vue.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-query/index.vue2.js +80 -0
- package/dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.css +1 -0
- package/dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.vue.js +7 -0
- package/dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.vue2.js +51 -0
- package/dist/lib/ci-dictionary-select/config.js +18 -0
- package/dist/lib/ci-dictionary-select/index.css +0 -0
- package/dist/lib/ci-dictionary-select/index.js +7 -0
- package/dist/lib/ci-dictionary-select/index.vue.js +7 -0
- package/dist/lib/ci-dictionary-select/index.vue2.js +78 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/index.css +1 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/index.js +7 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/index.vue.js +7 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/index.vue2.js +77 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/model/ChinaGeoJson.js +911 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/model/index.js +14 -0
- package/dist/lib/ci-echarts/ci-echart-ChinaMap/model/options.js +278 -0
- package/dist/lib/ci-echarts/ci-echart-bar/index.css +1 -0
- package/dist/lib/ci-echarts/ci-echart-bar/index.js +10 -0
- package/dist/lib/ci-echarts/ci-echart-bar/index.vue.js +7 -0
- package/dist/lib/ci-echarts/ci-echart-bar/index.vue2.js +42 -0
- package/dist/lib/ci-echarts/ci-echart-bar/model/options.js +22 -0
- package/dist/lib/ci-echarts/ci-echart-pie/index.css +1 -0
- package/dist/lib/ci-echarts/ci-echart-pie/index.js +10 -0
- package/dist/lib/ci-echarts/ci-echart-pie/index.vue.js +7 -0
- package/dist/lib/ci-echarts/ci-echart-pie/index.vue2.js +50 -0
- package/dist/lib/ci-echarts/ci-echart-pie/model/options.js +38 -0
- package/dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.css +1 -0
- package/dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.js +7 -0
- package/dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.vue.js +7 -0
- package/dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.vue2.js +77 -0
- package/dist/lib/ci-element-plus/ci-el-date-picker-daterange/model/index.js +47 -0
- package/dist/lib/ci-no-data-status/images/No-data-available.png.js +4 -0
- package/dist/lib/ci-no-data-status/index.css +1 -0
- package/dist/lib/ci-no-data-status/index.js +7 -0
- package/dist/lib/ci-no-data-status/index.vue.js +7 -0
- package/dist/lib/ci-no-data-status/index.vue2.js +25 -0
- package/dist/lib/ci-page-header/index.css +1 -0
- package/dist/lib/ci-page-header/index.js +7 -0
- package/dist/lib/ci-page-header/index.vue.js +7 -0
- package/dist/lib/ci-page-header/index.vue2.js +60 -0
- package/dist/lib/ci-svg-icon/index.js +8 -0
- package/dist/lib/ci-svg-icon/index.vue.js +26 -0
- package/dist/lib/ci-svg-icon/index.vue2.js +4 -0
- package/dist/lib/ci-time-line-list/index.css +1 -0
- package/dist/lib/ci-time-line-list/index.js +7 -0
- package/dist/lib/ci-time-line-list/index.vue.js +7 -0
- package/dist/lib/ci-time-line-list/index.vue2.js +49 -0
- package/dist/lib/ci-time-line-list/model/index.js +56 -0
- package/dist/lib/ci-upload/computed/index.js +16 -0
- package/dist/lib/ci-upload/expose/index.js +25 -0
- package/dist/lib/ci-upload/hooks/useUpload.js +58 -0
- package/dist/lib/ci-upload/hooks/useUploadRetry.js +45 -0
- package/dist/lib/ci-upload/icons/icon-loading-blue.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-btn-disabled.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-btn-hover.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-btn.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-fail.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-retry.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icon-upload-success.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/dmg.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/doc.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/docx.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/file-type-default.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/gd.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/jpg.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/jpge.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/ofd.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/pdf.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/png.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/rar.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/sep.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/txt.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/wps.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/wpt.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/xls.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/xlsx.svg.js +4 -0
- package/dist/lib/ci-upload/icons/icons-file-extension/zip.svg.js +4 -0
- package/dist/lib/ci-upload/index.css +1 -0
- package/dist/lib/ci-upload/index.js +8 -0
- package/dist/lib/ci-upload/index.vue.js +7 -0
- package/dist/lib/ci-upload/index.vue2.js +385 -0
- package/dist/lib/ci-upload/props/index.js +48 -0
- package/dist/lib/ci-upload/styles/index.css +1 -0
- package/dist/lib/ci-upload/utils/file-icon-maps.js +50 -0
- package/dist/lib/ci-upload/utils/file.js +25 -0
- package/dist/lib/components/components-global/SvgIcon/index.vue.js +26 -0
- package/dist/lib/components/components-global/SvgIcon/index.vue2.js +4 -0
- package/dist/lib/components/index.js +85 -0
- package/dist/lib/config/env-config/index.js +4 -0
- package/dist/lib/config/system-config/projectSettings.js +7 -0
- package/dist/lib/favicon.ico +0 -0
- package/dist/lib/utils/system/useSystem.js +9 -0
- package/dist/types/ci-blue-line-title/index.d.ts +3 -0
- package/dist/types/ci-blue-line-title/index.vue.d.ts +14 -0
- package/dist/types/ci-blue-line-title/type.d.ts +4 -0
- package/dist/types/ci-common-list/ci-common-list-layout/index.d.ts +2 -0
- package/dist/types/ci-common-list/ci-common-list-layout/index.vue.d.ts +19 -0
- package/dist/types/ci-common-list/ci-common-list-pagination/index.d.ts +3 -0
- package/dist/types/ci-common-list/ci-common-list-pagination/index.vue.d.ts +7 -0
- package/dist/types/ci-common-list/ci-common-list-pagination/type.d.ts +5 -0
- package/dist/types/ci-common-list/ci-common-list-query/index.d.ts +2 -0
- package/dist/types/ci-common-list/ci-common-list-query/index.vue.d.ts +12 -0
- package/dist/types/ci-common-list/ci-common-list-start-end-datepicker/index.d.ts +3 -0
- package/dist/types/ci-common-list/ci-common-list-start-end-datepicker/index.vue.d.ts +15 -0
- package/dist/types/ci-common-list/ci-common-list-start-end-datepicker/type.d.ts +7 -0
- package/dist/types/ci-dictionary-select/config.d.ts +14 -0
- package/dist/types/ci-dictionary-select/index.d.ts +3 -0
- package/dist/types/ci-dictionary-select/index.vue.d.ts +14 -0
- package/dist/types/ci-dictionary-select/model/index.d.ts +8 -0
- package/dist/types/ci-dictionary-select/type.d.ts +16 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/index.d.ts +3 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/index.vue.d.ts +17 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/model/ChinaGeoJson.d.ts +33 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/model/index.d.ts +16 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/model/options.d.ts +110 -0
- package/dist/types/ci-echarts/ci-echart-ChinaMap/type.d.ts +18 -0
- package/dist/types/ci-echarts/ci-echart-bar/index.d.ts +3 -0
- package/dist/types/ci-echarts/ci-echart-bar/index.vue.d.ts +8 -0
- package/dist/types/ci-echarts/ci-echart-bar/model/option-illegality-active-type-distribution.d.ts +63 -0
- package/dist/types/ci-echarts/ci-echart-bar/model/options.d.ts +17 -0
- package/dist/types/ci-echarts/ci-echart-bar/type.d.ts +27 -0
- package/dist/types/ci-echarts/ci-echart-pie/index.d.ts +3 -0
- package/dist/types/ci-echarts/ci-echart-pie/index.vue.d.ts +8 -0
- package/dist/types/ci-echarts/ci-echart-pie/model/option-data-distribution.d.ts +77 -0
- package/dist/types/ci-echarts/ci-echart-pie/model/options.d.ts +30 -0
- package/dist/types/ci-echarts/ci-echart-pie/type.d.ts +26 -0
- package/dist/types/ci-element-plus/ci-el-date-picker-daterange/index.d.ts +3 -0
- package/dist/types/ci-element-plus/ci-el-date-picker-daterange/index.vue.d.ts +24 -0
- package/dist/types/ci-element-plus/ci-el-date-picker-daterange/model/index.d.ts +4 -0
- package/dist/types/ci-element-plus/ci-el-date-picker-daterange/type.d.ts +12 -0
- package/dist/types/ci-no-data-status/index.d.ts +3 -0
- package/dist/types/ci-no-data-status/index.vue.d.ts +11 -0
- package/dist/types/ci-no-data-status/type.d.ts +3 -0
- package/dist/types/ci-page-header/index.d.ts +3 -0
- package/dist/types/ci-page-header/index.vue.d.ts +21 -0
- package/dist/types/ci-page-header/type.d.ts +7 -0
- package/dist/types/ci-svg-icon/index.d.ts +4 -0
- package/dist/types/ci-svg-icon/index.vue.d.ts +8 -0
- package/dist/types/ci-svg-icon/type.d.ts +7 -0
- package/dist/types/ci-time-line-list/index.d.ts +3 -0
- package/dist/types/ci-time-line-list/index.vue.d.ts +14 -0
- package/dist/types/ci-time-line-list/model/index.d.ts +5 -0
- package/dist/types/ci-time-line-list/type.d.ts +8 -0
- package/dist/types/ci-upload/computed/index.d.ts +8 -0
- package/dist/types/ci-upload/expose/index.d.ts +17 -0
- package/dist/types/ci-upload/hooks/useUpload.d.ts +8 -0
- package/dist/types/ci-upload/hooks/useUploadRetry.d.ts +13 -0
- package/dist/types/ci-upload/index.d.ts +3 -0
- package/dist/types/ci-upload/index.vue.d.ts +56 -0
- package/dist/types/ci-upload/props/index.d.ts +27 -0
- package/dist/types/ci-upload/type.d.ts +39 -0
- package/dist/types/ci-upload/utils/file-icon-maps.d.ts +1 -0
- package/dist/types/ci-upload/utils/file.d.ts +8 -0
- package/package.json +6 -2
|
@@ -0,0 +1,385 @@
|
|
|
1
|
+
import { ElUpload as se, ElButton as le, ElLink as ae, ElDivider as ne, ElTooltip as ie } from "element-plus/es";
|
|
2
|
+
import { defineComponent as re, mergeDefaults as de, useSlots as ue, ref as L, watch as ce, createElementBlock as l, openBlock as s, createBlock as _, createCommentVNode as n, mergeProps as pe, unref as y, createSlots as me, withCtx as c, renderSlot as C, Fragment as m, createElementVNode as a, toDisplayString as v, renderList as R, normalizeProps as fe, guardReactiveProps as ge, normalizeClass as S, createVNode as h, createTextVNode as B, normalizeStyle as D, nextTick as $ } from "vue";
|
|
3
|
+
import I from "./icons/icon-upload-btn.svg.js";
|
|
4
|
+
import T from "./icons/icon-upload-btn-hover.svg.js";
|
|
5
|
+
import K from "./icons/icon-upload-btn-disabled.svg.js";
|
|
6
|
+
import ye from "./icons/icon-loading-blue.svg.js";
|
|
7
|
+
import ve from "./icons/icon-upload-success.svg.js";
|
|
8
|
+
import ke from "./icons/icon-upload-retry.svg.js";
|
|
9
|
+
import we from "./icons/icon-upload-fail.svg.js";
|
|
10
|
+
import { ElMessageBox as he, ElMessage as E } from "element-plus";
|
|
11
|
+
import { useUpload as be } from "./hooks/useUpload.js";
|
|
12
|
+
import { useUploadRetry as Be } from "./hooks/useUploadRetry.js";
|
|
13
|
+
import { downloadFileWithAxios as _e } from "./utils/file.js";
|
|
14
|
+
import { getFileIconByName as Ce } from "./utils/file-icon-maps.js";
|
|
15
|
+
import { useExposeMethods as Se } from "./expose/index.js";
|
|
16
|
+
import { useCiUploadComputed as ze } from "./computed/index.js";
|
|
17
|
+
import { defaultProps as Le } from "./props/index.js";
|
|
18
|
+
const $e = { class: "CiUpload" }, Ee = {
|
|
19
|
+
key: 0,
|
|
20
|
+
class: "tip-slot-textInfo"
|
|
21
|
+
}, Ue = {
|
|
22
|
+
key: 1,
|
|
23
|
+
class: "default-tip-slot-textInfo"
|
|
24
|
+
}, Pe = { class: "upload-btn-text" }, Ne = {
|
|
25
|
+
key: 0,
|
|
26
|
+
class: "tip-slot-textInfo"
|
|
27
|
+
}, Re = {
|
|
28
|
+
key: 1,
|
|
29
|
+
class: "default-tip-slot-textInfo"
|
|
30
|
+
}, De = { class: "file-item-top" }, Ie = { class: "file-name-file-icon" }, Te = ["src"], Ke = { class: "top-right" }, Me = {
|
|
31
|
+
key: 0,
|
|
32
|
+
class: "file-size"
|
|
33
|
+
}, Ve = {
|
|
34
|
+
key: 1,
|
|
35
|
+
class: "file-operate-btn"
|
|
36
|
+
}, qe = { class: "file-status-icon-wrapper" }, Ae = { class: "uploading-percentage" }, Fe = ["onClick"], He = {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: "file-item-bottom file-progress-bar"
|
|
39
|
+
}, We = {
|
|
40
|
+
key: 0,
|
|
41
|
+
class: "file-item-bottom file-progress-bar download-progress-bar"
|
|
42
|
+
}, Oe = {
|
|
43
|
+
name: "CiUpload"
|
|
44
|
+
}, dt = /* @__PURE__ */ re({
|
|
45
|
+
...Oe,
|
|
46
|
+
props: /* @__PURE__ */ de({
|
|
47
|
+
action: {},
|
|
48
|
+
downloadUrl: {},
|
|
49
|
+
uploadBtnText: {},
|
|
50
|
+
maxSize: {},
|
|
51
|
+
multiple: { type: Boolean },
|
|
52
|
+
limit: {},
|
|
53
|
+
accept: {},
|
|
54
|
+
fileList: {},
|
|
55
|
+
beforeUpload: {},
|
|
56
|
+
showUploadProgress: { type: Boolean },
|
|
57
|
+
showDownloadProgress: { type: Boolean },
|
|
58
|
+
showFileExtIcon: { type: Boolean },
|
|
59
|
+
showFileSize: { type: Boolean },
|
|
60
|
+
showPreviewBtn: { type: Boolean },
|
|
61
|
+
showDownloadBtn: { type: Boolean },
|
|
62
|
+
showDeleteBtn: { type: Boolean },
|
|
63
|
+
drag: { type: Boolean },
|
|
64
|
+
disabled: { type: Boolean },
|
|
65
|
+
readonly: { type: Boolean },
|
|
66
|
+
axiosInstance: {}
|
|
67
|
+
}, Le),
|
|
68
|
+
emits: ["update:fileList", "onSuccess", "onRemove", "onChange", "onError"],
|
|
69
|
+
setup(M, { expose: V, emit: q }) {
|
|
70
|
+
const A = ue(), U = L(), b = L(!1), k = L([]), { checkUploadStatus: F } = Se(k), r = M, { customHttpRequest: H } = be(r.axiosInstance), d = q;
|
|
71
|
+
V({
|
|
72
|
+
checkUploadStatus: F
|
|
73
|
+
});
|
|
74
|
+
const { retryUpload: W } = Be(k, d, r);
|
|
75
|
+
ce(
|
|
76
|
+
() => r.fileList,
|
|
77
|
+
(e) => {
|
|
78
|
+
k.value = e.map((t) => ({ ...t }));
|
|
79
|
+
},
|
|
80
|
+
{ immediate: !0 }
|
|
81
|
+
);
|
|
82
|
+
const z = (e) => {
|
|
83
|
+
var t;
|
|
84
|
+
(t = U.value) == null || t.handleRemove(e);
|
|
85
|
+
}, P = (e) => {
|
|
86
|
+
e.downloadPercentage = 0, e.status = "downloading", _e(
|
|
87
|
+
{
|
|
88
|
+
fileKey: e.fileKey || "当前此条数据没有fileKey字段",
|
|
89
|
+
fileName: e.fileName || "当前此条数据没有fileName字段"
|
|
90
|
+
},
|
|
91
|
+
r.downloadUrl,
|
|
92
|
+
(t) => {
|
|
93
|
+
e.downloadPercentage = t, t === 100 && (e.status = "success");
|
|
94
|
+
},
|
|
95
|
+
(t) => {
|
|
96
|
+
e.status = "success";
|
|
97
|
+
},
|
|
98
|
+
r.axiosInstance
|
|
99
|
+
);
|
|
100
|
+
}, O = (e) => {
|
|
101
|
+
const t = r.accept.split(",").map((i) => i.trim().toLowerCase()), u = e.type.toLowerCase(), f = e.name.toLowerCase();
|
|
102
|
+
return t.some((i) => u === i || f.endsWith(i)) ? e.size <= r.maxSize ? !0 : (E.error(`文件大小超出限制,最大文件大小为${ee.value}`), b.value = !0, $(() => {
|
|
103
|
+
const i = r.fileList.filter((o) => o.uid !== e.uid);
|
|
104
|
+
d("update:fileList", i), b.value = !1;
|
|
105
|
+
}), !1) : (E.error("不支持上传该类型文件"), b.value = !0, $(() => {
|
|
106
|
+
const i = r.fileList.filter((o) => o.uid !== e.uid);
|
|
107
|
+
d("update:fileList", i), b.value = !1;
|
|
108
|
+
}), !1);
|
|
109
|
+
}, j = (e, t) => b.value ? !0 : he.confirm(`确定删除 ${e.name} 文件?`, "确定删除", {
|
|
110
|
+
// 是否可以点击遮罩层关闭
|
|
111
|
+
closeOnClickModal: !1,
|
|
112
|
+
type: "warning"
|
|
113
|
+
}).then(
|
|
114
|
+
() => !0,
|
|
115
|
+
// 用户点击“确定”按钮,允许删除
|
|
116
|
+
() => !1
|
|
117
|
+
// 用户点击“取消”按钮,取消删除
|
|
118
|
+
), x = (e, t) => {
|
|
119
|
+
E.error(`文件数量超出限制,最大文件数量为${r.limit}个`);
|
|
120
|
+
}, G = (e, t, u) => {
|
|
121
|
+
t.status = "fail", t.percentage = 0, $(() => {
|
|
122
|
+
d("update:fileList", [...u, t]), d("onError", t, u);
|
|
123
|
+
});
|
|
124
|
+
}, J = (e, t, u) => {
|
|
125
|
+
var p, w, i;
|
|
126
|
+
if (!e) return;
|
|
127
|
+
const f = u.find((o) => o.uid === t.uid);
|
|
128
|
+
f && (f.fileName = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.fileName) || t.name, f.fileKey = ((w = e == null ? void 0 : e.data) == null ? void 0 : w.fileKey) || "当前接口没有返回fileKey字段", f.fileSize = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.fileSize) || t.size), d("update:fileList", u), d("onSuccess", t, u);
|
|
129
|
+
}, Q = (e, t) => {
|
|
130
|
+
e.status === "success" && !e.response || (d("update:fileList", t), d("onChange", e, t));
|
|
131
|
+
}, X = (e, t) => {
|
|
132
|
+
d("update:fileList", t), d("onRemove", e, t);
|
|
133
|
+
}, { hasRealDefaultSlot: Y, finalBeforeUpload: Z, maxSizeInMB: ee, defaultTipSlotTextInfo: N, otherSlots: te } = ze(r, A, O);
|
|
134
|
+
return (e, t) => {
|
|
135
|
+
const u = le, f = se, p = ae, w = ne, i = ie;
|
|
136
|
+
return s(), l("div", $e, [
|
|
137
|
+
e.readonly ? n("", !0) : (s(), _(f, pe({
|
|
138
|
+
key: 0,
|
|
139
|
+
class: ["ci-el-upload-component", { "is-disabled": e.disabled }],
|
|
140
|
+
ref_key: "uploadRef",
|
|
141
|
+
ref: U,
|
|
142
|
+
action: e.action,
|
|
143
|
+
"file-list": k.value,
|
|
144
|
+
accept: e.accept,
|
|
145
|
+
limit: e.limit,
|
|
146
|
+
multiple: e.multiple,
|
|
147
|
+
drag: e.drag,
|
|
148
|
+
disabled: e.disabled,
|
|
149
|
+
"before-upload": y(Z),
|
|
150
|
+
"before-remove": j,
|
|
151
|
+
"on-success": J,
|
|
152
|
+
"on-change": Q,
|
|
153
|
+
"on-remove": X,
|
|
154
|
+
"on-exceed": x,
|
|
155
|
+
"on-error": G,
|
|
156
|
+
"http-request": y(H),
|
|
157
|
+
"show-file-list": !1
|
|
158
|
+
}, e.$attrs), me({
|
|
159
|
+
default: c(() => [
|
|
160
|
+
y(Y) ? C(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), l(m, { key: 1 }, [
|
|
161
|
+
e.drag ? (s(), l(m, { key: 0 }, [
|
|
162
|
+
t[0] || (t[0] = a("img", {
|
|
163
|
+
class: "upload-btn-icon",
|
|
164
|
+
src: I,
|
|
165
|
+
alt: ""
|
|
166
|
+
}, null, -1)),
|
|
167
|
+
t[1] || (t[1] = a("img", {
|
|
168
|
+
class: "upload-btn-icon-hover",
|
|
169
|
+
src: T,
|
|
170
|
+
alt: ""
|
|
171
|
+
}, null, -1)),
|
|
172
|
+
t[2] || (t[2] = a("img", {
|
|
173
|
+
class: "upload-btn-icon-disabled",
|
|
174
|
+
src: K,
|
|
175
|
+
alt: ""
|
|
176
|
+
}, null, -1)),
|
|
177
|
+
t[3] || (t[3] = a("div", { class: "drag-text-info" }, [
|
|
178
|
+
a("span", { class: "drag-text-info-click" }, "点击上传"),
|
|
179
|
+
a("span", { class: "drag-text-info-black" }, "或将文件拖拽到这里上传")
|
|
180
|
+
], -1)),
|
|
181
|
+
e.$slots.tip ? (s(), l("div", Ee, [
|
|
182
|
+
C(e.$slots, "tip", {}, void 0, !0)
|
|
183
|
+
])) : (s(), l("div", Ue, v(y(N)), 1))
|
|
184
|
+
], 64)) : (s(), _(u, {
|
|
185
|
+
key: 1,
|
|
186
|
+
class: "upload-btn",
|
|
187
|
+
disabled: e.disabled
|
|
188
|
+
}, {
|
|
189
|
+
default: c(() => [
|
|
190
|
+
t[4] || (t[4] = a("img", {
|
|
191
|
+
class: "upload-btn-icon",
|
|
192
|
+
src: I,
|
|
193
|
+
alt: ""
|
|
194
|
+
}, null, -1)),
|
|
195
|
+
t[5] || (t[5] = a("img", {
|
|
196
|
+
class: "upload-btn-icon-hover",
|
|
197
|
+
src: T,
|
|
198
|
+
alt: ""
|
|
199
|
+
}, null, -1)),
|
|
200
|
+
t[6] || (t[6] = a("img", {
|
|
201
|
+
class: "upload-btn-icon-disabled",
|
|
202
|
+
src: K,
|
|
203
|
+
alt: ""
|
|
204
|
+
}, null, -1)),
|
|
205
|
+
a("span", Pe, v(e.uploadBtnText), 1)
|
|
206
|
+
]),
|
|
207
|
+
_: 1,
|
|
208
|
+
__: [4, 5, 6]
|
|
209
|
+
}, 8, ["disabled"]))
|
|
210
|
+
], 64))
|
|
211
|
+
]),
|
|
212
|
+
_: 2
|
|
213
|
+
}, [
|
|
214
|
+
e.drag ? void 0 : {
|
|
215
|
+
name: "tip",
|
|
216
|
+
fn: c(() => [
|
|
217
|
+
e.$slots.tip ? (s(), l("div", Ne, [
|
|
218
|
+
C(e.$slots, "tip", {}, void 0, !0)
|
|
219
|
+
])) : (s(), l("div", Re, v(y(N)), 1))
|
|
220
|
+
]),
|
|
221
|
+
key: "0"
|
|
222
|
+
},
|
|
223
|
+
R(y(te), (o, g) => ({
|
|
224
|
+
name: g,
|
|
225
|
+
fn: c((oe) => [
|
|
226
|
+
C(e.$slots, g, fe(ge(oe || {})), void 0, !0)
|
|
227
|
+
])
|
|
228
|
+
}))
|
|
229
|
+
]), 1040, ["class", "action", "file-list", "accept", "limit", "multiple", "drag", "disabled", "before-upload", "http-request"])),
|
|
230
|
+
k.value.length ? (s(), l("div", {
|
|
231
|
+
key: 1,
|
|
232
|
+
class: S(["custom-file-list-default", { "is-readonly": e.readonly }])
|
|
233
|
+
}, [
|
|
234
|
+
(s(!0), l(m, null, R(k.value, (o) => (s(), l("div", {
|
|
235
|
+
class: "file-item-wrapper",
|
|
236
|
+
key: o.uid
|
|
237
|
+
}, [
|
|
238
|
+
a("div", De, [
|
|
239
|
+
a("div", Ie, [
|
|
240
|
+
e.showFileExtIcon ? (s(), l("img", {
|
|
241
|
+
key: 0,
|
|
242
|
+
class: "file-icon",
|
|
243
|
+
src: y(Ce)(o.fileName || o.name)
|
|
244
|
+
}, null, 8, Te)) : n("", !0),
|
|
245
|
+
h(p, {
|
|
246
|
+
class: "top-left file-name",
|
|
247
|
+
disabled: o.status === "downloading" || o.status === "uploading",
|
|
248
|
+
underline: !1,
|
|
249
|
+
onClick: (g) => P(o)
|
|
250
|
+
}, {
|
|
251
|
+
default: c(() => [
|
|
252
|
+
B(v(o.fileName || o.name), 1)
|
|
253
|
+
]),
|
|
254
|
+
_: 2
|
|
255
|
+
}, 1032, ["disabled", "onClick"])
|
|
256
|
+
]),
|
|
257
|
+
a("div", Ke, [
|
|
258
|
+
e.showFileSize ? (s(), l("span", Me, v(o.fileSize || o.size ? ((o.fileSize || o.size) / 1024 / 1024).toFixed(2) + "MB" : "无文件大小"), 1)) : n("", !0),
|
|
259
|
+
o.status !== "fail" ? (s(), l("div", Ve, [
|
|
260
|
+
o.status !== "uploading" ? (s(), l(m, { key: 0 }, [
|
|
261
|
+
e.showPreviewBtn ? (s(), l(m, { key: 0 }, [
|
|
262
|
+
h(p, {
|
|
263
|
+
underline: !1,
|
|
264
|
+
onClick: (g) => z(o)
|
|
265
|
+
}, {
|
|
266
|
+
default: c(() => t[7] || (t[7] = [
|
|
267
|
+
B(" 在线预览 ")
|
|
268
|
+
])),
|
|
269
|
+
_: 2,
|
|
270
|
+
__: [7]
|
|
271
|
+
}, 1032, ["onClick"]),
|
|
272
|
+
h(w, { direction: "vertical" })
|
|
273
|
+
], 64)) : n("", !0),
|
|
274
|
+
e.showDownloadBtn ? (s(), l(m, { key: 1 }, [
|
|
275
|
+
h(p, {
|
|
276
|
+
disabled: o.status === "downloading",
|
|
277
|
+
underline: !1,
|
|
278
|
+
onClick: (g) => P(o)
|
|
279
|
+
}, {
|
|
280
|
+
default: c(() => [
|
|
281
|
+
B(v(o.status === "downloading" ? `下载中...${o.downloadPercentage || 0}%` : "下载"), 1)
|
|
282
|
+
]),
|
|
283
|
+
_: 2
|
|
284
|
+
}, 1032, ["disabled", "onClick"]),
|
|
285
|
+
e.showDeleteBtn && !e.readonly ? (s(), _(w, {
|
|
286
|
+
key: 0,
|
|
287
|
+
direction: "vertical"
|
|
288
|
+
})) : n("", !0)
|
|
289
|
+
], 64)) : n("", !0),
|
|
290
|
+
e.showDeleteBtn && !e.readonly ? (s(), _(p, {
|
|
291
|
+
key: 2,
|
|
292
|
+
underline: !1,
|
|
293
|
+
onClick: (g) => z(o)
|
|
294
|
+
}, {
|
|
295
|
+
default: c(() => t[8] || (t[8] = [
|
|
296
|
+
B("删除")
|
|
297
|
+
])),
|
|
298
|
+
_: 2,
|
|
299
|
+
__: [8]
|
|
300
|
+
}, 1032, ["onClick"])) : n("", !0)
|
|
301
|
+
], 64)) : n("", !0)
|
|
302
|
+
])) : n("", !0),
|
|
303
|
+
a("div", qe, [
|
|
304
|
+
o.status === "uploading" ? (s(), l("div", {
|
|
305
|
+
key: 0,
|
|
306
|
+
class: S(o.status)
|
|
307
|
+
}, [
|
|
308
|
+
t[9] || (t[9] = a("img", {
|
|
309
|
+
class: "uploading-icon",
|
|
310
|
+
src: ye
|
|
311
|
+
}, null, -1)),
|
|
312
|
+
a("span", Ae, v(o.percentage) + "%", 1)
|
|
313
|
+
], 2)) : n("", !0),
|
|
314
|
+
e.readonly ? n("", !0) : (s(), l(m, { key: 1 }, [
|
|
315
|
+
o.status === "success" || o.status === "downloading" ? (s(), l("span", {
|
|
316
|
+
key: 0,
|
|
317
|
+
class: S(o.status)
|
|
318
|
+
}, t[10] || (t[10] = [
|
|
319
|
+
a("img", {
|
|
320
|
+
class: "success-icon",
|
|
321
|
+
src: ve
|
|
322
|
+
}, null, -1)
|
|
323
|
+
]), 2)) : n("", !0)
|
|
324
|
+
], 64)),
|
|
325
|
+
o.status === "fail" ? (s(), l("div", {
|
|
326
|
+
key: 2,
|
|
327
|
+
class: S(["fail-icon-wrapper", o.status])
|
|
328
|
+
}, [
|
|
329
|
+
h(p, {
|
|
330
|
+
underline: !1,
|
|
331
|
+
onClick: (g) => z(o)
|
|
332
|
+
}, {
|
|
333
|
+
default: c(() => t[11] || (t[11] = [
|
|
334
|
+
B(" 删除 ")
|
|
335
|
+
])),
|
|
336
|
+
_: 2,
|
|
337
|
+
__: [11]
|
|
338
|
+
}, 1032, ["onClick"]),
|
|
339
|
+
h(i, {
|
|
340
|
+
effect: "dark",
|
|
341
|
+
content: "点击重新上传",
|
|
342
|
+
placement: "bottom"
|
|
343
|
+
}, {
|
|
344
|
+
default: c(() => [
|
|
345
|
+
a("img", {
|
|
346
|
+
class: "retry-icon",
|
|
347
|
+
src: ke,
|
|
348
|
+
onClick: (g) => y(W)(o)
|
|
349
|
+
}, null, 8, Fe)
|
|
350
|
+
]),
|
|
351
|
+
_: 2
|
|
352
|
+
}, 1024),
|
|
353
|
+
t[12] || (t[12] = a("img", {
|
|
354
|
+
class: "fail-icon",
|
|
355
|
+
src: we
|
|
356
|
+
}, null, -1))
|
|
357
|
+
], 2)) : n("", !0)
|
|
358
|
+
])
|
|
359
|
+
])
|
|
360
|
+
]),
|
|
361
|
+
e.showUploadProgress ? (s(), l(m, { key: 0 }, [
|
|
362
|
+
o.status === "uploading" ? (s(), l("div", He, [
|
|
363
|
+
a("div", {
|
|
364
|
+
class: "file-progress-inner",
|
|
365
|
+
style: D({ width: (o.percentage || 0) + "%" })
|
|
366
|
+
}, null, 4)
|
|
367
|
+
])) : n("", !0)
|
|
368
|
+
], 64)) : n("", !0),
|
|
369
|
+
e.showDownloadProgress ? (s(), l(m, { key: 1 }, [
|
|
370
|
+
o.status === "downloading" ? (s(), l("div", We, [
|
|
371
|
+
a("div", {
|
|
372
|
+
class: "file-progress-inner",
|
|
373
|
+
style: D({ width: (o.downloadPercentage || 0) + "%" })
|
|
374
|
+
}, null, 4)
|
|
375
|
+
])) : n("", !0)
|
|
376
|
+
], 64)) : n("", !0)
|
|
377
|
+
]))), 128))
|
|
378
|
+
], 2)) : n("", !0)
|
|
379
|
+
]);
|
|
380
|
+
};
|
|
381
|
+
}
|
|
382
|
+
});
|
|
383
|
+
export {
|
|
384
|
+
dt as default
|
|
385
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
const o = {
|
|
2
|
+
// 请求 URL - 默认值: 是我本机本地跑一个 Node 服务, 提供了一个上传接口
|
|
3
|
+
action: "http://localhost:3001/upload",
|
|
4
|
+
// 下载 URL - 默认值: 是我本机本地跑一个 Node 服务, 提供了一个下载接口
|
|
5
|
+
downloadUrl: "http://localhost:3001/download-by-key",
|
|
6
|
+
// 上传按钮文本 - 默认值: 选择附件
|
|
7
|
+
uploadBtnText: "选择附件",
|
|
8
|
+
// 限制上传文件的大小(单位: byte) - 默认值: 100.00MB
|
|
9
|
+
maxSize: 104857600,
|
|
10
|
+
// 算法公式:MB = 字节数 / 1024 / 1024; 1 KB = 1024 Bytes; 1 MB = 1024 KB = 1024 × 1024 Bytes
|
|
11
|
+
// 是否支持多选文件 - 默认值: true
|
|
12
|
+
multiple: !0,
|
|
13
|
+
// 限制上传文件的个数 - 默认值: 5
|
|
14
|
+
limit: 5,
|
|
15
|
+
// 接受上传的文件类型(thumbnail-mode 模式下此参数无效)
|
|
16
|
+
accept: ".txt,.doc,.docx,.xls,.xlsx,.rar,.zip,.pdf,.jpg,.jpge,.png,.gd,.sep,.wps,.dmg,.wpt,.ofd",
|
|
17
|
+
// 文件列表,v-model:file-list - 默认值: []
|
|
18
|
+
fileList: () => [],
|
|
19
|
+
// 是否显示上传进度条 - 默认值: true
|
|
20
|
+
showUploadProgress: !0,
|
|
21
|
+
// 是否显示下载进度条 - 默认值: true
|
|
22
|
+
showDownloadProgress: !0,
|
|
23
|
+
// 是否显示文件扩展icon - 默认值: true
|
|
24
|
+
showFileExtIcon: !0,
|
|
25
|
+
// 是否显示文件大小 - 默认值: true
|
|
26
|
+
showFileSize: !0,
|
|
27
|
+
// 是否显示在线预览按钮 - 默认值: false
|
|
28
|
+
showPreviewBtn: !1,
|
|
29
|
+
// 是否显示下载按钮 - 默认值: true
|
|
30
|
+
showDownloadBtn: !0,
|
|
31
|
+
// 是否显示删除按钮 - 默认值: true
|
|
32
|
+
showDeleteBtn: !0,
|
|
33
|
+
// 是否支持拖拽上传 - 默认值: false
|
|
34
|
+
drag: !1,
|
|
35
|
+
// 是否禁用上传 - 默认值: false
|
|
36
|
+
disabled: !1,
|
|
37
|
+
// 是否是只读模式(各种详情页的情况下使用) - 默认值: false
|
|
38
|
+
readonly: !1,
|
|
39
|
+
/**
|
|
40
|
+
* 自定义请求对象:可选传入 axios 实例,用于替代默认 axios - 默认值: axios (场景:如需使用本项目配置过的 axios 实例接管上传 下载)
|
|
41
|
+
* 若传入了:将使用该实例发起上传请求(支持统一拦截器等配置)
|
|
42
|
+
* 若未传入:则默认使用全局的 axios 对象
|
|
43
|
+
*/
|
|
44
|
+
axiosInstance: void 0
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
o as defaultProps
|
|
48
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.CiUpload{width:680px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger){height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo,.CiUpload .ci-el-upload-component .tip-slot-textInfo{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger){background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger):hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#a4a4a4}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon,.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner{background-color:#2aca96}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import n from "../icons/icons-file-extension/dmg.svg.js";
|
|
2
|
+
import t from "../icons/icons-file-extension/doc.svg.js";
|
|
3
|
+
import c from "../icons/icons-file-extension/docx.svg.js";
|
|
4
|
+
import l from "../icons/icons-file-extension/file-type-default.svg.js";
|
|
5
|
+
import f from "../icons/icons-file-extension/gd.svg.js";
|
|
6
|
+
import g from "../icons/icons-file-extension/jpg.svg.js";
|
|
7
|
+
import r from "../icons/icons-file-extension/jpge.svg.js";
|
|
8
|
+
import m from "../icons/icons-file-extension/ofd.svg.js";
|
|
9
|
+
import v from "../icons/icons-file-extension/pdf.svg.js";
|
|
10
|
+
import p from "../icons/icons-file-extension/png.svg.js";
|
|
11
|
+
import x from "../icons/icons-file-extension/rar.svg.js";
|
|
12
|
+
import b from "../icons/icons-file-extension/sep.svg.js";
|
|
13
|
+
import a from "../icons/icons-file-extension/txt.svg.js";
|
|
14
|
+
import d from "../icons/icons-file-extension/wps.svg.js";
|
|
15
|
+
import u from "../icons/icons-file-extension/wpt.svg.js";
|
|
16
|
+
import j from "../icons/icons-file-extension/xls.svg.js";
|
|
17
|
+
import w from "../icons/icons-file-extension/xlsx.svg.js";
|
|
18
|
+
import y from "../icons/icons-file-extension/zip.svg.js";
|
|
19
|
+
const _ = /* @__PURE__ */ Object.assign({
|
|
20
|
+
"../icons/icons-file-extension/dmg.svg": n,
|
|
21
|
+
"../icons/icons-file-extension/doc.svg": t,
|
|
22
|
+
"../icons/icons-file-extension/docx.svg": c,
|
|
23
|
+
"../icons/icons-file-extension/file-type-default.svg": l,
|
|
24
|
+
"../icons/icons-file-extension/gd.svg": f,
|
|
25
|
+
"../icons/icons-file-extension/jpg.svg": g,
|
|
26
|
+
"../icons/icons-file-extension/jpge.svg": r,
|
|
27
|
+
"../icons/icons-file-extension/ofd.svg": m,
|
|
28
|
+
"../icons/icons-file-extension/pdf.svg": v,
|
|
29
|
+
"../icons/icons-file-extension/png.svg": p,
|
|
30
|
+
"../icons/icons-file-extension/rar.svg": x,
|
|
31
|
+
"../icons/icons-file-extension/sep.svg": b,
|
|
32
|
+
"../icons/icons-file-extension/txt.svg": a,
|
|
33
|
+
"../icons/icons-file-extension/wps.svg": d,
|
|
34
|
+
"../icons/icons-file-extension/wpt.svg": u,
|
|
35
|
+
"../icons/icons-file-extension/xls.svg": j,
|
|
36
|
+
"../icons/icons-file-extension/xlsx.svg": w,
|
|
37
|
+
"../icons/icons-file-extension/zip.svg": y
|
|
38
|
+
}), e = {};
|
|
39
|
+
Object.keys(_).forEach((o) => {
|
|
40
|
+
const i = o.split("/").pop().replace(".svg", "");
|
|
41
|
+
e[i] = _[o];
|
|
42
|
+
});
|
|
43
|
+
const J = (o) => {
|
|
44
|
+
var i;
|
|
45
|
+
const s = ((i = o.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
|
|
46
|
+
return e[s] || e["file-type-default"] || "";
|
|
47
|
+
};
|
|
48
|
+
export {
|
|
49
|
+
J as getFileIconByName
|
|
50
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import b from "axios";
|
|
2
|
+
import { ElMessage as f } from "element-plus";
|
|
3
|
+
async function x(d, l = "This is a default download file url", e, o, p) {
|
|
4
|
+
try {
|
|
5
|
+
const a = await (p || b).post(l, d, {
|
|
6
|
+
responseType: "blob",
|
|
7
|
+
// 设置响应类型为 'blob'
|
|
8
|
+
timeout: 0,
|
|
9
|
+
// 设置为0表示永不超时(当是网络不确定的情况下,比如下载大文件时,可以设置为0,不然会报错)
|
|
10
|
+
// 添加下载进度回调
|
|
11
|
+
onDownloadProgress: (n) => {
|
|
12
|
+
if (n.total) {
|
|
13
|
+
const u = Math.round(n.loaded / n.total * 100);
|
|
14
|
+
e == null || e(u);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}), m = a.data, c = a.headers["content-disposition"], r = c ? decodeURIComponent(c.split("fileName=")[1].replace(/"/g, "")) : "没有提供文件名,使用默认的文件名", s = window.URL.createObjectURL(m), t = document.createElement("a");
|
|
18
|
+
t.href = s, t.setAttribute("download", r), document.body.appendChild(t), t.click(), document.body.removeChild(t), window.URL.revokeObjectURL(s);
|
|
19
|
+
} catch (i) {
|
|
20
|
+
console.error("Axios-POST: 下载文件时出错:", i), o == null || o(i), f.error("下载文件失败,请稍后重试");
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
x as downloadFileWithAxios
|
|
25
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { defineComponent as t, createElementBlock as l, openBlock as o, normalizeStyle as n, createElementVNode as i } from "vue";
|
|
2
|
+
const r = ["xlink:href", "fill"], a = {
|
|
3
|
+
name: "SvgIcon"
|
|
4
|
+
}, d = /* @__PURE__ */ t({
|
|
5
|
+
...a,
|
|
6
|
+
props: {
|
|
7
|
+
prefix: { default: "#icon-" },
|
|
8
|
+
name: {},
|
|
9
|
+
color: { default: "" },
|
|
10
|
+
width: { default: "18px" },
|
|
11
|
+
height: { default: "18px" }
|
|
12
|
+
},
|
|
13
|
+
setup(f) {
|
|
14
|
+
return (e, h) => (o(), l("svg", {
|
|
15
|
+
style: n({ width: e.width, height: e.height })
|
|
16
|
+
}, [
|
|
17
|
+
i("use", {
|
|
18
|
+
"xlink:href": e.prefix + e.name,
|
|
19
|
+
fill: e.color
|
|
20
|
+
}, null, 8, r)
|
|
21
|
+
], 4));
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
export {
|
|
25
|
+
d as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import "../ci-blue-line-title/index.js";
|
|
2
|
+
import "../ci-svg-icon/index.js";
|
|
3
|
+
import "../ci-echarts/ci-echart-pie/index.js";
|
|
4
|
+
import "../ci-echarts/ci-echart-bar/index.js";
|
|
5
|
+
import "../ci-echarts/ci-echart-ChinaMap/index.js";
|
|
6
|
+
import "../ci-element-plus/ci-el-date-picker-daterange/index.js";
|
|
7
|
+
import "../ci-time-line-list/index.js";
|
|
8
|
+
import "../ci-no-data-status/index.js";
|
|
9
|
+
import "../ci-dictionary-select/index.js";
|
|
10
|
+
import "../ci-common-list/ci-common-list-layout/index.js";
|
|
11
|
+
import "../ci-common-list/ci-common-list-query/index.js";
|
|
12
|
+
import "../ci-common-list/ci-common-list-pagination/index.js";
|
|
13
|
+
import "../ci-common-list/ci-common-list-start-end-datepicker/index.js";
|
|
14
|
+
import "../ci-page-header/index.js";
|
|
15
|
+
import "../ci-upload/index.js";
|
|
16
|
+
import m from "../ci-blue-line-title/index.vue.js";
|
|
17
|
+
import t from "../ci-svg-icon/index.vue.js";
|
|
18
|
+
import r from "../ci-echarts/ci-echart-pie/index.vue.js";
|
|
19
|
+
import p from "../ci-echarts/ci-echart-bar/index.vue.js";
|
|
20
|
+
import a from "../ci-echarts/ci-echart-ChinaMap/index.vue.js";
|
|
21
|
+
import n from "../ci-element-plus/ci-el-date-picker-daterange/index.vue.js";
|
|
22
|
+
import e from "../ci-time-line-list/index.vue.js";
|
|
23
|
+
import C from "../ci-no-data-status/index.vue.js";
|
|
24
|
+
import f from "../ci-dictionary-select/index.vue.js";
|
|
25
|
+
import s from "../ci-common-list/ci-common-list-layout/index.vue.js";
|
|
26
|
+
import c from "../ci-common-list/ci-common-list-query/index.vue.js";
|
|
27
|
+
import l from "../ci-common-list/ci-common-list-pagination/index.vue.js";
|
|
28
|
+
import u from "../ci-common-list/ci-common-list-start-end-datepicker/index.vue.js";
|
|
29
|
+
import L from "../ci-page-header/index.vue.js";
|
|
30
|
+
import E from "../ci-upload/index.vue.js";
|
|
31
|
+
const _ = [
|
|
32
|
+
// 蓝色竖线、标题组件
|
|
33
|
+
m,
|
|
34
|
+
// svg图标组件
|
|
35
|
+
t,
|
|
36
|
+
// echarts 饼图组件
|
|
37
|
+
r,
|
|
38
|
+
// echarts 柱状图组件
|
|
39
|
+
p,
|
|
40
|
+
// echarts 中国地图组件
|
|
41
|
+
a,
|
|
42
|
+
// elementPlus 日期:选择一段时间 组件
|
|
43
|
+
n,
|
|
44
|
+
// 时间线组件
|
|
45
|
+
e,
|
|
46
|
+
// 没有数据状态时展示效果组件
|
|
47
|
+
C,
|
|
48
|
+
// 字典项组件
|
|
49
|
+
f,
|
|
50
|
+
// 公共列表布局组件
|
|
51
|
+
s,
|
|
52
|
+
// 公共列表布局组件 - 查询条件
|
|
53
|
+
c,
|
|
54
|
+
// 公共列表布局组件 - 分页
|
|
55
|
+
l,
|
|
56
|
+
// 公共列表布局组件 - 开始日期和结束日期
|
|
57
|
+
u,
|
|
58
|
+
// 规范页头组件
|
|
59
|
+
L,
|
|
60
|
+
// 中证上传文件组件
|
|
61
|
+
E
|
|
62
|
+
], d = (i) => {
|
|
63
|
+
_.forEach((o) => {
|
|
64
|
+
i.component(o.name, o);
|
|
65
|
+
});
|
|
66
|
+
}, W = { install: d };
|
|
67
|
+
export {
|
|
68
|
+
m as CiBlueLineTitle,
|
|
69
|
+
s as CiCommonListLayout,
|
|
70
|
+
l as CiCommonListPagination,
|
|
71
|
+
c as CiCommonListQuery,
|
|
72
|
+
u as CiCommonListStartEndDatePicker,
|
|
73
|
+
f as CiDictionarySelect,
|
|
74
|
+
p as CiEchartBar,
|
|
75
|
+
a as CiEchartChinaMap,
|
|
76
|
+
r as CiEchartPie,
|
|
77
|
+
n as CiElDatePickerDaterange,
|
|
78
|
+
C as CiNoDataStatus,
|
|
79
|
+
L as CiPageHeader,
|
|
80
|
+
t as CiSvgIcon,
|
|
81
|
+
e as CiTimelineList,
|
|
82
|
+
E as CiUpload,
|
|
83
|
+
W as default,
|
|
84
|
+
d as install
|
|
85
|
+
};
|