@lemon30_npm/csit-vue3 1.0.67 → 1.0.68
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/dist/csit-vue3.js +197 -213
- package/dist/index.css +1 -1
- package/dist/lib/ci-common-list/ci-common-list-layout/index.css +1 -1
- package/dist/lib/ci-common-list/ci-common-list-layout/index.vue.js +2 -2
- package/dist/lib/ci-common-list/ci-common-list-layout/index.vue2.js +25 -31
- package/dist/lib/ci-common-list/ci-common-list-query/index.css +1 -1
- package/dist/lib/ci-common-list/ci-common-list-query/index.vue.js +2 -2
- package/dist/lib/ci-common-list/ci-common-list-query/index.vue2.js +32 -32
- package/dist/lib/ci-upload/hooks/useAbortUploadFlow.js +4 -10
- package/dist/lib/ci-upload/index.css +1 -1
- package/dist/lib/ci-upload/index.vue.js +3 -3
- package/dist/lib/ci-upload/index.vue2.js +60 -65
- package/dist/types/src/components/components-project/ci-upload/hooks/useAbortUploadFlow.d.ts +1 -9
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.CiUpload[data-v-
|
|
1
|
+
.CiUpload[data-v-5f67aa6b]{width:680px;line-height:normal}.CiUpload .el-link.is-underline[data-v-5f67aa6b]:hover:after{border-bottom:none}.CiUpload .el-link.is-hover-underline[data-v-5f67aa6b]:hover:after{border-bottom:none}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger{height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger:hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component[data-v-5f67aa6b] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn[data-v-5f67aa6b]{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon[data-v-5f67aa6b],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-5f67aa6b],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-5f67aa6b]{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-5f67aa6b],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-5f67aa6b]{display:none}.CiUpload .ci-el-upload-component .upload-btn[data-v-5f67aa6b]:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon[data-v-5f67aa6b]{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover[data-v-5f67aa6b]{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled[data-v-5f67aa6b]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled[data-v-5f67aa6b]{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[data-v-5f67aa6b],.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover[data-v-5f67aa6b]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled[data-v-5f67aa6b]{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo[data-v-5f67aa6b],.CiUpload .ci-el-upload-component .tip-slot-textInfo[data-v-5f67aa6b]{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger{background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger:hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .drag-text-info .drag-text-info-click,.CiUpload .ci-el-upload-component.is-disabled[data-v-5f67aa6b] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default[data-v-5f67aa6b]{margin-top:20px;border:1px solid #dbdbdb;padding:5px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly[data-v-5f67aa6b]{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-5f67aa6b]{padding:1.5px 2px}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-5f67aa6b]:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar[data-v-5f67aa6b]{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-5f67aa6b]:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top[data-v-5f67aa6b]{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon[data-v-5f67aa6b]{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon[data-v-5f67aa6b]{width:22px;height:22px;margin-right:5px;align-self:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name[data-v-5f67aa6b]{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name.is-show-file-name-ellipsis-tooltip[data-v-5f67aa6b] .el-link__inner{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right[data-v-5f67aa6b]{display:flex;align-items:center;justify-content:center;height:25px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size[data-v-5f67aa6b]{color:#a4a4a4;font-size:14px;margin-right:8px;display:inline-flex;height:100%;position:relative;top:.5px;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn[data-v-5f67aa6b]{margin-right:8px;height:100%;display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical[data-v-5f67aa6b]{font-size:14px;border-left-color:#191919;position:relative;top:.5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper[data-v-5f67aa6b]{height:100%;display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading[data-v-5f67aa6b]{height:100%;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[data-v-5f67aa6b]{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[data-v-5f67aa6b],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading[data-v-5f67aa6b]{display:inline-flex;height:100%;justify-content:center;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon[data-v-5f67aa6b],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon[data-v-5f67aa6b]{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[data-v-5f67aa6b]{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[data-v-5f67aa6b]{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[data-v-5f67aa6b]{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar[data-v-5f67aa6b]{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[data-v-5f67aa6b]{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner[data-v-5f67aa6b]{background-color:#2aca96}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import a from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const _ = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5f67aa6b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
_ as default
|
|
7
7
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ElUpload as oe, ElButton as te, ElLink as se, ElTooltip as le, ElDivider as ae } from "element-plus/es";
|
|
2
|
-
import { defineComponent as ne, mergeDefaults as ie, useSlots as re, ref as E, watch as de, createElementBlock as l, openBlock as s, createBlock as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { defineComponent as ne, mergeDefaults as ie, useSlots as re, ref as E, watch as de, createElementBlock as l, openBlock as s, createBlock as k, createCommentVNode as n, mergeProps as ue, unref as f, createSlots as me, withCtx as r, renderSlot as U, Fragment as g, createElementVNode as a, toDisplayString as y, renderList as z, normalizeProps as pe, guardReactiveProps as ce, normalizeClass as C, createTextVNode as v, createVNode as h, normalizeStyle as P, nextTick as fe } from "vue";
|
|
3
|
+
import R from "./icons/icon-upload-btn.svg.js";
|
|
4
|
+
import F from "./icons/icon-upload-btn-hover.svg.js";
|
|
5
|
+
import L from "./icons/icon-upload-btn-disabled.svg.js";
|
|
6
6
|
import ge from "./icons/icon-loading-blue.svg.js";
|
|
7
7
|
import ye from "./icons/icon-upload-success.svg.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
8
|
+
import we from "./icons/icon-upload-retry.svg.js";
|
|
9
|
+
import ke from "./icons/icon-upload-fail.svg.js";
|
|
10
10
|
import { ElMessageBox as ve, ElMessage as he } from "element-plus";
|
|
11
11
|
import { useUpload as be } from "./hooks/useUpload.js";
|
|
12
12
|
import { useUploadRetry as Be } from "./hooks/useUploadRetry.js";
|
|
@@ -20,13 +20,13 @@ import { handleUploadValidateFail as De } from "./hooks/useUploadValidateFail.js
|
|
|
20
20
|
import { createUploadRules as $e } from "./hooks/rules/createUploadRules.js";
|
|
21
21
|
import { confirmBeforeUpload as ze } from "./hooks/useConfirmBeforeUpload.js";
|
|
22
22
|
import { abortUploadFlow as Pe } from "./hooks/useAbortUploadFlow.js";
|
|
23
|
-
const
|
|
23
|
+
const Re = { class: "CiUpload" }, Fe = {
|
|
24
24
|
key: 0,
|
|
25
25
|
class: "tip-slot-textInfo"
|
|
26
|
-
},
|
|
26
|
+
}, Le = {
|
|
27
27
|
key: 1,
|
|
28
28
|
class: "default-tip-slot-textInfo"
|
|
29
|
-
},
|
|
29
|
+
}, Te = { class: "upload-btn-text" }, Ie = {
|
|
30
30
|
key: 0,
|
|
31
31
|
class: "tip-slot-textInfo"
|
|
32
32
|
}, Ke = {
|
|
@@ -80,25 +80,25 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
80
80
|
confirmBeforeUploadText: {}
|
|
81
81
|
}, Ne),
|
|
82
82
|
emits: ["update:fileList", "onSuccess", "onRemove", "onChange", "onError", "onCustomDownload"],
|
|
83
|
-
setup(
|
|
84
|
-
const { formatFileSize: V } = Ee(), M = re(), D = E(),
|
|
83
|
+
setup(T, { expose: I, emit: K }) {
|
|
84
|
+
const { formatFileSize: V } = Ee(), M = re(), D = E(), _ = E(!1), w = E([]), { checkUploadStatus: q } = Ue(w), i = T, { customHttpRequest: H } = be(i.axiosInstance), d = K;
|
|
85
85
|
I({
|
|
86
86
|
checkUploadStatus: q
|
|
87
87
|
});
|
|
88
|
-
const { retryUpload: A } = Be(
|
|
88
|
+
const { retryUpload: A } = Be(w, d, i);
|
|
89
89
|
de(
|
|
90
90
|
() => i.fileList,
|
|
91
91
|
(e) => {
|
|
92
|
-
|
|
92
|
+
w.value = e.map((o) => ({ ...o }));
|
|
93
93
|
},
|
|
94
94
|
{ immediate: !0 }
|
|
95
95
|
);
|
|
96
96
|
const S = (e) => {
|
|
97
97
|
var o;
|
|
98
|
-
(o = D.value) == null || o.handleRemove(e);
|
|
98
|
+
_.value = !1, (o = D.value) == null || o.handleRemove(e);
|
|
99
99
|
}, N = (e) => {
|
|
100
100
|
if (i.customDownload) {
|
|
101
|
-
|
|
101
|
+
d("onCustomDownload", e);
|
|
102
102
|
return;
|
|
103
103
|
}
|
|
104
104
|
e.downloadPercentage = 0, e.status = "downloading", Ce(
|
|
@@ -120,12 +120,7 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
120
120
|
try {
|
|
121
121
|
await ze(i.confirmBeforeUploadText);
|
|
122
122
|
} catch {
|
|
123
|
-
return Pe(
|
|
124
|
-
rawFile: e,
|
|
125
|
-
fileList: i.fileList,
|
|
126
|
-
emit: r,
|
|
127
|
-
internalRemoveFlag: U
|
|
128
|
-
});
|
|
123
|
+
return Pe(_);
|
|
129
124
|
}
|
|
130
125
|
const o = $e(i);
|
|
131
126
|
for (const u of o) {
|
|
@@ -134,12 +129,12 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
134
129
|
return De(m, {
|
|
135
130
|
rawFile: e,
|
|
136
131
|
fileList: i.fileList,
|
|
137
|
-
emit:
|
|
138
|
-
internalRemoveFlag:
|
|
132
|
+
emit: d,
|
|
133
|
+
internalRemoveFlag: _
|
|
139
134
|
});
|
|
140
135
|
}
|
|
141
136
|
return !0;
|
|
142
|
-
}, W = (e, o) =>
|
|
137
|
+
}, W = (e, o) => _.value ? !0 : ve.confirm(
|
|
143
138
|
`确定删除 ${e.fileName || e.name} 文件？`,
|
|
144
139
|
"温馨提示",
|
|
145
140
|
{
|
|
@@ -156,22 +151,22 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
156
151
|
he.error(`文件数量超出限制，最大文件数量为${i.limit}个`);
|
|
157
152
|
}, G = (e, o, u) => {
|
|
158
153
|
o.status = "fail", o.percentage = 0, fe(() => {
|
|
159
|
-
|
|
154
|
+
d("update:fileList", [...u, o]), d("onError", o, u);
|
|
160
155
|
});
|
|
161
156
|
}, J = (e, o, u) => {
|
|
162
157
|
var p, b, B;
|
|
163
158
|
if (!e) return;
|
|
164
159
|
const m = u.find((t) => t.uid === o.uid);
|
|
165
|
-
m && (m.fileName = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.fileName) || o.name, m.fileKey = ((b = e == null ? void 0 : e.data) == null ? void 0 : b.fileKey) || "当前接口没有返回fileKey字段", m.fileSize = ((B = e == null ? void 0 : e.data) == null ? void 0 : B.fileSize) || o.size),
|
|
160
|
+
m && (m.fileName = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.fileName) || o.name, m.fileKey = ((b = e == null ? void 0 : e.data) == null ? void 0 : b.fileKey) || "当前接口没有返回fileKey字段", m.fileSize = ((B = e == null ? void 0 : e.data) == null ? void 0 : B.fileSize) || o.size), d("update:fileList", u), d("onSuccess", o, u);
|
|
166
161
|
}, Q = (e, o) => {
|
|
167
|
-
e.status === "success" && !e.response || (
|
|
162
|
+
e.status === "success" && !e.response || (d("update:fileList", o), d("onChange", e, o));
|
|
168
163
|
}, X = (e, o) => {
|
|
169
|
-
|
|
164
|
+
d("update:fileList", o), d("onRemove", e, o);
|
|
170
165
|
}, { hasRealDefaultSlot: Y, finalBeforeUpload: Z, defaultTipSlotTextInfo: $, otherSlots: x } = Se(i, M, O);
|
|
171
166
|
return (e, o) => {
|
|
172
167
|
const u = te, m = oe, p = se, b = le, B = ae;
|
|
173
|
-
return s(), l("div",
|
|
174
|
-
e.readonly ? n("", !0) : (s(),
|
|
168
|
+
return s(), l("div", Re, [
|
|
169
|
+
e.readonly ? n("", !0) : (s(), k(m, ue({
|
|
175
170
|
key: 0,
|
|
176
171
|
class: ["ci-el-upload-component", { "is-disabled": e.disabled }],
|
|
177
172
|
ref_key: "uploadRef",
|
|
@@ -179,7 +174,7 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
179
174
|
action: e.action,
|
|
180
175
|
data: e.data,
|
|
181
176
|
headers: e.headers,
|
|
182
|
-
"file-list":
|
|
177
|
+
"file-list": w.value,
|
|
183
178
|
accept: e.accept,
|
|
184
179
|
limit: e.limit,
|
|
185
180
|
multiple: e.multiple,
|
|
@@ -195,53 +190,53 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
195
190
|
"http-request": f(H),
|
|
196
191
|
"show-file-list": !1
|
|
197
192
|
}, e.$attrs), me({
|
|
198
|
-
default:
|
|
199
|
-
f(Y) ?
|
|
193
|
+
default: r(() => [
|
|
194
|
+
f(Y) ? U(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), l(g, { key: 1 }, [
|
|
200
195
|
e.drag ? (s(), l(g, { key: 0 }, [
|
|
201
196
|
o[0] || (o[0] = a("img", {
|
|
202
197
|
class: "upload-btn-icon",
|
|
203
|
-
src:
|
|
198
|
+
src: R,
|
|
204
199
|
alt: ""
|
|
205
200
|
}, null, -1)),
|
|
206
201
|
o[1] || (o[1] = a("img", {
|
|
207
202
|
class: "upload-btn-icon-hover",
|
|
208
|
-
src:
|
|
203
|
+
src: F,
|
|
209
204
|
alt: ""
|
|
210
205
|
}, null, -1)),
|
|
211
206
|
o[2] || (o[2] = a("img", {
|
|
212
207
|
class: "upload-btn-icon-disabled",
|
|
213
|
-
src:
|
|
208
|
+
src: L,
|
|
214
209
|
alt: ""
|
|
215
210
|
}, null, -1)),
|
|
216
211
|
o[3] || (o[3] = a("div", { class: "drag-text-info" }, [
|
|
217
212
|
a("span", { class: "drag-text-info-click" }, "点击上传"),
|
|
218
213
|
a("span", { class: "drag-text-info-black" }, "或将文件拖拽到这里上传")
|
|
219
214
|
], -1)),
|
|
220
|
-
e.$slots.tip ? (s(), l("div",
|
|
221
|
-
|
|
222
|
-
])) : (s(), l("div",
|
|
223
|
-
], 64)) : (s(),
|
|
215
|
+
e.$slots.tip ? (s(), l("div", Fe, [
|
|
216
|
+
U(e.$slots, "tip", {}, void 0, !0)
|
|
217
|
+
])) : (s(), l("div", Le, y(f($)), 1))
|
|
218
|
+
], 64)) : (s(), k(u, {
|
|
224
219
|
key: 1,
|
|
225
220
|
class: "upload-btn",
|
|
226
221
|
disabled: e.disabled
|
|
227
222
|
}, {
|
|
228
|
-
default:
|
|
223
|
+
default: r(() => [
|
|
229
224
|
o[4] || (o[4] = a("img", {
|
|
230
225
|
class: "upload-btn-icon",
|
|
231
|
-
src:
|
|
226
|
+
src: R,
|
|
232
227
|
alt: ""
|
|
233
228
|
}, null, -1)),
|
|
234
229
|
o[5] || (o[5] = a("img", {
|
|
235
230
|
class: "upload-btn-icon-hover",
|
|
236
|
-
src:
|
|
231
|
+
src: F,
|
|
237
232
|
alt: ""
|
|
238
233
|
}, null, -1)),
|
|
239
234
|
o[6] || (o[6] = a("img", {
|
|
240
235
|
class: "upload-btn-icon-disabled",
|
|
241
|
-
src:
|
|
236
|
+
src: L,
|
|
242
237
|
alt: ""
|
|
243
238
|
}, null, -1)),
|
|
244
|
-
a("span",
|
|
239
|
+
a("span", Te, y(e.uploadBtnText), 1)
|
|
245
240
|
]),
|
|
246
241
|
_: 1,
|
|
247
242
|
__: [4, 5, 6]
|
|
@@ -252,25 +247,25 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
252
247
|
}, [
|
|
253
248
|
e.drag ? void 0 : {
|
|
254
249
|
name: "tip",
|
|
255
|
-
fn:
|
|
250
|
+
fn: r(() => [
|
|
256
251
|
e.$slots.tip ? (s(), l("div", Ie, [
|
|
257
|
-
|
|
252
|
+
U(e.$slots, "tip", {}, void 0, !0)
|
|
258
253
|
])) : (s(), l("div", Ke, y(f($)), 1))
|
|
259
254
|
]),
|
|
260
255
|
key: "0"
|
|
261
256
|
},
|
|
262
257
|
z(f(x), (t, c) => ({
|
|
263
258
|
name: c,
|
|
264
|
-
fn:
|
|
265
|
-
|
|
259
|
+
fn: r((ee) => [
|
|
260
|
+
U(e.$slots, c, pe(ce(ee || {})), void 0, !0)
|
|
266
261
|
])
|
|
267
262
|
}))
|
|
268
263
|
]), 1040, ["class", "action", "data", "headers", "file-list", "accept", "limit", "multiple", "drag", "disabled", "before-upload", "http-request"])),
|
|
269
|
-
|
|
264
|
+
w.value.length ? (s(), l("div", {
|
|
270
265
|
key: 1,
|
|
271
266
|
class: C(["custom-file-list-default", { "is-readonly": e.readonly }])
|
|
272
267
|
}, [
|
|
273
|
-
(s(!0), l(g, null, z(
|
|
268
|
+
(s(!0), l(g, null, z(w.value, (t) => (s(), l("div", {
|
|
274
269
|
class: "file-item-wrapper",
|
|
275
270
|
key: t.uid
|
|
276
271
|
}, [
|
|
@@ -281,32 +276,32 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
281
276
|
class: "file-icon",
|
|
282
277
|
src: f(_e)(t.fileName || t.name)
|
|
283
278
|
}, null, 8, qe)) : n("", !0),
|
|
284
|
-
e.showFileNameEllipsisTooltip ? (s(),
|
|
279
|
+
e.showFileNameEllipsisTooltip ? (s(), k(b, {
|
|
285
280
|
key: 2,
|
|
286
281
|
effect: "dark",
|
|
287
282
|
content: t.fileName || t.name,
|
|
288
283
|
placement: "right"
|
|
289
284
|
}, {
|
|
290
|
-
default:
|
|
285
|
+
default: r(() => [
|
|
291
286
|
h(p, {
|
|
292
287
|
class: C(["top-left file-name", { "is-show-file-name-ellipsis-tooltip": e.showFileNameEllipsisTooltip }]),
|
|
293
288
|
disabled: t.status === "downloading" || t.status === "uploading",
|
|
294
289
|
onClick: (c) => N(t)
|
|
295
290
|
}, {
|
|
296
|
-
default:
|
|
291
|
+
default: r(() => [
|
|
297
292
|
v(y(t.fileName || t.name), 1)
|
|
298
293
|
]),
|
|
299
294
|
_: 2
|
|
300
295
|
}, 1032, ["class", "disabled", "onClick"])
|
|
301
296
|
]),
|
|
302
297
|
_: 2
|
|
303
|
-
}, 1032, ["content"])) : (s(),
|
|
298
|
+
}, 1032, ["content"])) : (s(), k(p, {
|
|
304
299
|
key: 1,
|
|
305
300
|
class: "top-left file-name",
|
|
306
301
|
disabled: t.status === "downloading" || t.status === "uploading",
|
|
307
302
|
onClick: (c) => N(t)
|
|
308
303
|
}, {
|
|
309
|
-
default:
|
|
304
|
+
default: r(() => [
|
|
310
305
|
v(y(t.fileName || t.name), 1)
|
|
311
306
|
]),
|
|
312
307
|
_: 2
|
|
@@ -320,7 +315,7 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
320
315
|
h(p, {
|
|
321
316
|
onClick: (c) => S(t)
|
|
322
317
|
}, {
|
|
323
|
-
default:
|
|
318
|
+
default: r(() => o[7] || (o[7] = [
|
|
324
319
|
v(" 在线预览 ")
|
|
325
320
|
])),
|
|
326
321
|
_: 2,
|
|
@@ -333,21 +328,21 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
333
328
|
disabled: t.status === "downloading",
|
|
334
329
|
onClick: (c) => N(t)
|
|
335
330
|
}, {
|
|
336
|
-
default:
|
|
331
|
+
default: r(() => [
|
|
337
332
|
v(y(t.status === "downloading" && e.showDownloadProgress && e.customDownload ? `下载中...${t.downloadPercentage || 0}%` : "下载"), 1)
|
|
338
333
|
]),
|
|
339
334
|
_: 2
|
|
340
335
|
}, 1032, ["disabled", "onClick"]),
|
|
341
|
-
e.showDeleteBtn && !e.readonly ? (s(),
|
|
336
|
+
e.showDeleteBtn && !e.readonly ? (s(), k(B, {
|
|
342
337
|
key: 0,
|
|
343
338
|
direction: "vertical"
|
|
344
339
|
})) : n("", !0)
|
|
345
340
|
], 64)) : n("", !0),
|
|
346
|
-
e.showDeleteBtn && !e.readonly ? (s(),
|
|
341
|
+
e.showDeleteBtn && !e.readonly ? (s(), k(p, {
|
|
347
342
|
key: 2,
|
|
348
343
|
onClick: (c) => S(t)
|
|
349
344
|
}, {
|
|
350
|
-
default:
|
|
345
|
+
default: r(() => o[8] || (o[8] = [
|
|
351
346
|
v("删除")
|
|
352
347
|
])),
|
|
353
348
|
_: 2,
|
|
@@ -384,7 +379,7 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
384
379
|
h(p, {
|
|
385
380
|
onClick: (c) => S(t)
|
|
386
381
|
}, {
|
|
387
|
-
default:
|
|
382
|
+
default: r(() => o[11] || (o[11] = [
|
|
388
383
|
v(" 删除 ")
|
|
389
384
|
])),
|
|
390
385
|
_: 2,
|
|
@@ -395,10 +390,10 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
395
390
|
content: "点击重新上传",
|
|
396
391
|
placement: "bottom"
|
|
397
392
|
}, {
|
|
398
|
-
default:
|
|
393
|
+
default: r(() => [
|
|
399
394
|
a("img", {
|
|
400
395
|
class: "retry-icon",
|
|
401
|
-
src:
|
|
396
|
+
src: we,
|
|
402
397
|
onClick: (c) => f(A)(t)
|
|
403
398
|
}, null, 8, Ge)
|
|
404
399
|
]),
|
|
@@ -406,7 +401,7 @@ const Le = { class: "CiUpload" }, Re = {
|
|
|
406
401
|
}, 1024),
|
|
407
402
|
o[12] || (o[12] = a("img", {
|
|
408
403
|
class: "fail-icon",
|
|
409
|
-
src:
|
|
404
|
+
src: ke
|
|
410
405
|
}, null, -1))
|
|
411
406
|
], 2)) : n("", !0)
|
|
412
407
|
])
|
package/dist/types/src/components/components-project/ci-upload/hooks/useAbortUploadFlow.d.ts
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
|
-
import { UploadUserFile } from 'element-plus';
|
|
3
|
-
interface UploadValidateFailOptions {
|
|
4
|
-
rawFile: UploadUserFile;
|
|
5
|
-
fileList: UploadUserFile[];
|
|
6
|
-
emit: (event: 'update:fileList', value: UploadUserFile[]) => void;
|
|
7
|
-
internalRemoveFlag: Ref<boolean>;
|
|
8
|
-
}
|
|
9
2
|
/**
|
|
10
3
|
* 中断上传流程（不负责提示）
|
|
11
4
|
* 纯流程中断”方法（不带 UI）
|
|
@@ -16,5 +9,4 @@ interface UploadValidateFailOptions {
|
|
|
16
9
|
* 3. 通知父组件同步 fileList
|
|
17
10
|
* 4. 阻止上传
|
|
18
11
|
*/
|
|
19
|
-
export declare function abortUploadFlow(
|
|
20
|
-
export {};
|
|
12
|
+
export declare function abortUploadFlow(internalRemoveFlag: Ref<boolean>): boolean;
|