@keyblade/pro-components 1.12.0-alpha.4 → 1.12.0-alpha.5
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.
|
@@ -198,7 +198,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
198
198
|
}>;
|
|
199
199
|
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
200
200
|
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
201
|
-
$emit: ((event: "error", fileItem: FileItem) => void) & ((event: "success", fileItem: FileItem) => void) & ((event: "progress", fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "
|
|
201
|
+
$emit: ((event: "error", fileItem: FileItem) => void) & ((event: "success", fileItem: FileItem) => void) & ((event: "progress", fileItem: FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: FileItem[], fileItem: FileItem) => void) & ((event: "update:fileList", fileList: FileItem[]) => void) & ((event: "exceedLimit", fileList: FileItem[], files: File[]) => void) & ((event: "preview", fileItem: FileItem) => void);
|
|
202
202
|
$el: any;
|
|
203
203
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
204
204
|
fileList?: unknown;
|
|
@@ -207,7 +207,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
207
207
|
action?: unknown;
|
|
208
208
|
disabled?: unknown;
|
|
209
209
|
multiple?: unknown;
|
|
210
|
-
directory?: unknown;
|
|
210
|
+
directory?: unknown; /** 选择的数量 */
|
|
211
211
|
draggable?: unknown;
|
|
212
212
|
tip?: unknown;
|
|
213
213
|
headers?: unknown;
|
|
@@ -346,7 +346,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
346
346
|
action?: unknown;
|
|
347
347
|
disabled?: unknown;
|
|
348
348
|
multiple?: unknown;
|
|
349
|
-
directory?: unknown;
|
|
349
|
+
directory?: unknown; /** 选择的数量 */
|
|
350
350
|
draggable?: unknown;
|
|
351
351
|
tip?: unknown;
|
|
352
352
|
headers?: unknown;
|
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Message as
|
|
3
|
-
import { conclude as
|
|
4
|
-
import { EImageUploadInnerBeforeUploadStep as
|
|
5
|
-
import { defaultImageUploadOptions as
|
|
6
|
-
import { defaultImageUploadCheckOptions as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const Ee = /* @__PURE__ */ ne({
|
|
1
|
+
import { defineComponent as V, ref as d, computed as U, watch as F, openBlock as X, createElementBlock as Y } from "vue";
|
|
2
|
+
import { Message as I } from "@arco-design/web-vue";
|
|
3
|
+
import { conclude as x } from "vue-global-config";
|
|
4
|
+
import { EImageUploadInnerBeforeUploadStep as i } from "./types.js";
|
|
5
|
+
import { defaultImageUploadOptions as m } from "./constant.js";
|
|
6
|
+
import { defaultImageUploadCheckOptions as Z, defaultImageUploadCompressorOptions as N, defaultImageUploadCropOptions as A, oneTravelImageCheckAndTransform as R, oneTravelImageCompressor as ee } from "@keyblade/one-travel";
|
|
7
|
+
var T, q, P;
|
|
8
|
+
const de = /* @__PURE__ */ V({
|
|
10
9
|
__name: "image-upload",
|
|
11
10
|
props: {
|
|
12
11
|
action: {},
|
|
13
12
|
handlerResponse: {},
|
|
14
13
|
headers: {},
|
|
15
14
|
data: {},
|
|
16
|
-
name: { default: (
|
|
15
|
+
name: { default: (T = m) == null ? void 0 : T.name },
|
|
17
16
|
tip: {},
|
|
18
17
|
accept: { default: () => {
|
|
19
|
-
var
|
|
20
|
-
return ((
|
|
18
|
+
var g;
|
|
19
|
+
return ((g = m) == null ? void 0 : g.accept) || [];
|
|
21
20
|
} },
|
|
22
|
-
multiple: { type: Boolean, default:
|
|
23
|
-
singleLimit: { default:
|
|
21
|
+
multiple: { type: Boolean, default: m.multiple },
|
|
22
|
+
singleLimit: { default: m.singleLimit },
|
|
24
23
|
limit: {},
|
|
25
|
-
disabled: { type: Boolean, default: (
|
|
26
|
-
hideInnerBeforeUploadLoading: { type: Boolean, default: (
|
|
24
|
+
disabled: { type: Boolean, default: (q = m) == null ? void 0 : q.disabled },
|
|
25
|
+
hideInnerBeforeUploadLoading: { type: Boolean, default: (P = m) == null ? void 0 : P.hideInnerBeforeUploadLoading },
|
|
27
26
|
checkOptions: {},
|
|
28
27
|
compressorOptions: {},
|
|
29
28
|
cropOptions: {},
|
|
@@ -35,119 +34,83 @@ const Ee = /* @__PURE__ */ ne({
|
|
|
35
34
|
onInnerBeforeUploadEnd: {}
|
|
36
35
|
},
|
|
37
36
|
emits: ["cropperImgLoad"],
|
|
38
|
-
setup(
|
|
39
|
-
const e =
|
|
37
|
+
setup(g, { expose: D, emit: ae }) {
|
|
38
|
+
const e = g;
|
|
39
|
+
defineModel({ required: !0 });
|
|
40
|
+
const G = d(), J = d(), B = d(), M = d(
|
|
40
41
|
[]
|
|
41
|
-
), o =
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
try {
|
|
48
|
-
E(await le(a));
|
|
49
|
-
} catch {
|
|
50
|
-
w();
|
|
51
|
-
} finally {
|
|
52
|
-
L();
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
}, A = async (a) => {
|
|
56
|
-
const n = i.value.findIndex((t) => t.uid === a.uid);
|
|
57
|
-
return i.value.splice(n, 1), i.value = [...i.value], !1;
|
|
58
|
-
}, R = (a, n) => {
|
|
59
|
-
e != null && e.onExceed ? e == null || e.onExceed(a, n) : (U.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), i.value = a);
|
|
60
|
-
}, ee = async (a) => {
|
|
61
|
-
if (e != null && e.onSuccess)
|
|
62
|
-
e == null || e.onSuccess(a);
|
|
63
|
-
else {
|
|
64
|
-
if (!(e != null && e.handlerResponse))
|
|
65
|
-
return;
|
|
66
|
-
const n = await e.handlerResponse(a.response), t = i.value.findIndex((u) => u.uid === a.uid);
|
|
67
|
-
n.success ? i.value[t] = {
|
|
68
|
-
...i.value[t],
|
|
69
|
-
...n
|
|
70
|
-
} : i.value.splice(t, 1);
|
|
71
|
-
}
|
|
72
|
-
}, ae = (a) => {
|
|
73
|
-
e != null && e.onError ? e == null || e.onError(a) : setTimeout(() => {
|
|
74
|
-
const n = i.value.findIndex((t) => t.uid === a.uid);
|
|
75
|
-
i.value.splice(n, 1);
|
|
76
|
-
});
|
|
77
|
-
}, le = (a) => new Promise((n, t) => {
|
|
78
|
-
g.value.push({ file: a, resolve: n, reject: t }), g.value.length === 1 && !o.value && L();
|
|
79
|
-
}), L = () => {
|
|
80
|
-
o.value === void 0 ? o.value = 0 : o.value + 1 >= g.value.length ? (o.value = void 0, g.value = []) : o.value += 1;
|
|
81
|
-
};
|
|
82
|
-
D(o, async () => {
|
|
83
|
-
var E, w, S, $, F, z, j, k, Q, H, W, P, T, q, N, V;
|
|
84
|
-
if (o.value === void 0 || g.value.length === 0)
|
|
42
|
+
), o = d(), r = d();
|
|
43
|
+
d(), U(() => e.accept.map((u) => `.${u}`).join(","));
|
|
44
|
+
const n = U(() => x([e.checkOptions, Z]) || {}), v = U(() => x([e.compressorOptions, N]) || {}), p = U(() => x([e.cropOptions, A]) || {});
|
|
45
|
+
F(o, async () => {
|
|
46
|
+
var w, y, E, O, C, S, b, z, _, j, L, $, H, W, k, Q;
|
|
47
|
+
if (o.value === void 0 || M.value.length === 0)
|
|
85
48
|
return;
|
|
86
|
-
const
|
|
87
|
-
let s =
|
|
88
|
-
if ((
|
|
89
|
-
|
|
49
|
+
const u = M.value[o.value], { file: l, resolve: K, reject: h } = u;
|
|
50
|
+
let s = l.name, t = l;
|
|
51
|
+
if ((w = n.value) != null && w.enable) {
|
|
52
|
+
r.value = {
|
|
90
53
|
loading: !0,
|
|
91
54
|
text: `第${o.value + 1}张图片检测中，请稍等`
|
|
92
|
-
}, (
|
|
55
|
+
}, (y = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || y.call(
|
|
93
56
|
e,
|
|
94
|
-
|
|
57
|
+
l,
|
|
95
58
|
o.value,
|
|
96
|
-
|
|
59
|
+
i.check
|
|
97
60
|
);
|
|
98
|
-
const
|
|
99
|
-
imageMaxSize:
|
|
100
|
-
imageAllowedType:
|
|
101
|
-
imageMinWidth:
|
|
102
|
-
imageMinHeight:
|
|
103
|
-
imageMaxWidth:
|
|
104
|
-
imageMaxHeight:
|
|
61
|
+
const a = await R(l, l.name, {
|
|
62
|
+
imageMaxSize: n.value.maxSize,
|
|
63
|
+
imageAllowedType: n.value.allowedType,
|
|
64
|
+
imageMinWidth: n.value.minWidth,
|
|
65
|
+
imageMinHeight: n.value.minHeight,
|
|
66
|
+
imageMaxWidth: n.value.maxWidth,
|
|
67
|
+
imageMaxHeight: n.value.maxHeight
|
|
105
68
|
});
|
|
106
|
-
if (
|
|
69
|
+
if (r.value = void 0, (E = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || E.call(
|
|
107
70
|
e,
|
|
108
|
-
|
|
71
|
+
l,
|
|
109
72
|
o.value,
|
|
110
|
-
|
|
73
|
+
i.check,
|
|
111
74
|
{
|
|
112
|
-
success:
|
|
113
|
-
error:
|
|
114
|
-
errorMessage:
|
|
75
|
+
success: a.success,
|
|
76
|
+
error: a == null ? void 0 : a.error,
|
|
77
|
+
errorMessage: a == null ? void 0 : a.errorMessage
|
|
115
78
|
}
|
|
116
|
-
), !
|
|
117
|
-
return (
|
|
118
|
-
if (
|
|
119
|
-
const
|
|
120
|
-
|
|
121
|
-
type:
|
|
79
|
+
), !a.success)
|
|
80
|
+
return (O = n.value) != null && O.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片校验及转换失败"), h();
|
|
81
|
+
if (a != null && a.hasTransform) {
|
|
82
|
+
const f = s == null ? void 0 : s.split(".");
|
|
83
|
+
f.pop(), s = `${f.join(",")}.jpg`, t = new File([a.file], s, {
|
|
84
|
+
type: a.file.type
|
|
122
85
|
});
|
|
123
86
|
} else
|
|
124
|
-
|
|
87
|
+
t = a.file;
|
|
125
88
|
}
|
|
126
|
-
if ((
|
|
127
|
-
(
|
|
89
|
+
if ((C = p.value) != null && C.enable) {
|
|
90
|
+
(S = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || S.call(
|
|
128
91
|
e,
|
|
129
|
-
|
|
92
|
+
l,
|
|
130
93
|
o.value,
|
|
131
|
-
|
|
94
|
+
i.crop
|
|
132
95
|
);
|
|
133
96
|
try {
|
|
134
|
-
(
|
|
135
|
-
|
|
136
|
-
}), (
|
|
97
|
+
(b = p.value) != null && b.customCrop ? t = await p.value.customCrop(t) : t = await new Promise((a, f) => {
|
|
98
|
+
B.value = { file: t, resolve: a, reject: f };
|
|
99
|
+
}), (z = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || z.call(
|
|
137
100
|
e,
|
|
138
|
-
|
|
101
|
+
l,
|
|
139
102
|
o.value,
|
|
140
|
-
|
|
103
|
+
i.crop,
|
|
141
104
|
{
|
|
142
105
|
success: !1
|
|
143
106
|
}
|
|
144
107
|
);
|
|
145
108
|
} catch {
|
|
146
|
-
return (
|
|
109
|
+
return (_ = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || _.call(
|
|
147
110
|
e,
|
|
148
|
-
|
|
111
|
+
l,
|
|
149
112
|
o.value,
|
|
150
|
-
|
|
113
|
+
i.crop,
|
|
151
114
|
{
|
|
152
115
|
success: !1,
|
|
153
116
|
error: {
|
|
@@ -155,98 +118,71 @@ const Ee = /* @__PURE__ */ ne({
|
|
|
155
118
|
},
|
|
156
119
|
errorMessage: "图片剪裁失败"
|
|
157
120
|
}
|
|
158
|
-
), (
|
|
121
|
+
), (j = p.value) != null && j.showErrorMessage && I.error("图片剪裁失败"), h();
|
|
159
122
|
} finally {
|
|
160
|
-
|
|
123
|
+
B.value = void 0;
|
|
161
124
|
}
|
|
162
125
|
}
|
|
163
|
-
if ((
|
|
164
|
-
|
|
126
|
+
if ((L = v.value) != null && L.enable) {
|
|
127
|
+
r.value = {
|
|
165
128
|
loading: !0,
|
|
166
129
|
text: `第${o.value + 1}张图片处理中，请稍等`
|
|
167
|
-
}, (
|
|
130
|
+
}, ($ = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || $.call(
|
|
168
131
|
e,
|
|
169
|
-
|
|
132
|
+
l,
|
|
170
133
|
o.value,
|
|
171
|
-
|
|
134
|
+
i.compress
|
|
172
135
|
);
|
|
173
|
-
const
|
|
174
|
-
maxSize:
|
|
175
|
-
size:
|
|
176
|
-
excludeAllowedTypes: (
|
|
136
|
+
const a = await ee(t, {
|
|
137
|
+
maxSize: v.value.maxSize,
|
|
138
|
+
size: v.value.size,
|
|
139
|
+
excludeAllowedTypes: (H = v.value.excludeAllowedTypes) == null ? void 0 : H.map((f) => `image/${f}`)
|
|
177
140
|
});
|
|
178
|
-
if (
|
|
141
|
+
if (r.value = void 0, (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
|
|
179
142
|
e,
|
|
180
|
-
|
|
143
|
+
l,
|
|
181
144
|
o.value,
|
|
182
|
-
|
|
145
|
+
i.compress,
|
|
183
146
|
{
|
|
184
|
-
success:
|
|
147
|
+
success: a.success,
|
|
185
148
|
error: {
|
|
186
149
|
compress: !0
|
|
187
150
|
},
|
|
188
|
-
errorMessage:
|
|
151
|
+
errorMessage: a == null ? void 0 : a.errorMessage
|
|
189
152
|
}
|
|
190
|
-
), !
|
|
191
|
-
return (
|
|
192
|
-
|
|
193
|
-
type:
|
|
153
|
+
), !a.success)
|
|
154
|
+
return (k = v.value) != null && k.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片压缩失败"), h();
|
|
155
|
+
t = new File([a.file], s, {
|
|
156
|
+
type: a.file.type
|
|
194
157
|
});
|
|
195
158
|
}
|
|
196
|
-
|
|
159
|
+
r.value = void 0, (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
|
|
197
160
|
e,
|
|
198
|
-
|
|
161
|
+
l,
|
|
199
162
|
o.value,
|
|
200
|
-
|
|
163
|
+
i.all,
|
|
201
164
|
{
|
|
202
165
|
success: !0
|
|
203
166
|
}
|
|
204
|
-
), t
|
|
167
|
+
), K(t);
|
|
205
168
|
});
|
|
206
|
-
let
|
|
207
|
-
return
|
|
208
|
-
() =>
|
|
169
|
+
let c;
|
|
170
|
+
return F(
|
|
171
|
+
() => r.value,
|
|
209
172
|
() => {
|
|
210
|
-
var
|
|
211
|
-
|
|
212
|
-
content:
|
|
173
|
+
var u;
|
|
174
|
+
r.value ? c = I.loading({
|
|
175
|
+
content: r.value.text,
|
|
213
176
|
id: "image-upload-id",
|
|
214
177
|
duration: 0
|
|
215
|
-
}) : (
|
|
178
|
+
}) : (u = c == null ? void 0 : c.close) == null || u.call(c);
|
|
216
179
|
}
|
|
217
|
-
),
|
|
218
|
-
uploadInsRef:
|
|
219
|
-
cropperInsRef:
|
|
220
|
-
}), (
|
|
221
|
-
const t = oe("a-upload");
|
|
222
|
-
return te(), ie("div", null, [
|
|
223
|
-
ue(t, {
|
|
224
|
-
class: re([`${me}-upload`]),
|
|
225
|
-
ref_key: "uploadInsRef",
|
|
226
|
-
ref: M,
|
|
227
|
-
"list-type": "picture-card",
|
|
228
|
-
tip: a.tip || "上传",
|
|
229
|
-
"image-preview": "",
|
|
230
|
-
"file-list": i.value,
|
|
231
|
-
"onUpdate:fileList": n[0] || (n[0] = (u) => i.value = u),
|
|
232
|
-
action: a.action,
|
|
233
|
-
headers: a.headers,
|
|
234
|
-
data: a.data,
|
|
235
|
-
name: a.name,
|
|
236
|
-
accept: Z.value,
|
|
237
|
-
multiple: a.multiple,
|
|
238
|
-
limit: a.limit,
|
|
239
|
-
disabled: a.disabled,
|
|
240
|
-
"on-before-upload": _,
|
|
241
|
-
"on-before-remove": A,
|
|
242
|
-
onExceedLimit: R,
|
|
243
|
-
onSuccess: ee,
|
|
244
|
-
onError: ae
|
|
245
|
-
}, null, 8, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"])
|
|
246
|
-
]);
|
|
247
|
-
};
|
|
180
|
+
), D({
|
|
181
|
+
uploadInsRef: G,
|
|
182
|
+
cropperInsRef: J
|
|
183
|
+
}), (u, l) => (X(), Y("div"));
|
|
248
184
|
}
|
|
249
185
|
});
|
|
250
186
|
export {
|
|
251
|
-
|
|
187
|
+
de as default
|
|
252
188
|
};
|
|
@@ -297,7 +297,7 @@ declare const ProImageUpload: {
|
|
|
297
297
|
}>;
|
|
298
298
|
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
299
299
|
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
300
|
-
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "
|
|
300
|
+
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
|
|
301
301
|
$el: any;
|
|
302
302
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
303
303
|
fileList?: unknown;
|
|
@@ -753,7 +753,7 @@ declare const ProImageUpload: {
|
|
|
753
753
|
}>;
|
|
754
754
|
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
755
755
|
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
756
|
-
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "
|
|
756
|
+
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
|
|
757
757
|
$el: any;
|
|
758
758
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
759
759
|
fileList?: unknown;
|
|
@@ -1184,7 +1184,7 @@ declare const ProImageUpload: {
|
|
|
1184
1184
|
}>;
|
|
1185
1185
|
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
1186
1186
|
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
1187
|
-
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "
|
|
1187
|
+
$emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void);
|
|
1188
1188
|
$el: any;
|
|
1189
1189
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
1190
1190
|
fileList?: unknown;
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.keyblade-pro-page-
|
|
1
|
+
.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--2156faf3);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}
|
package/package.json
CHANGED