@keyblade/pro-components 1.12.11 → 1.12.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -48,7 +48,7 @@ type __VLS_Props = {
|
|
|
48
48
|
onError?: (fileItem: FileItem) => void;
|
|
49
49
|
/** 文件超出个数限制时的钩子 */
|
|
50
50
|
onExceed?: (fileList: FileItem[], files: File[]) => void;
|
|
51
|
-
/** 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject
|
|
51
|
+
/** 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 */
|
|
52
52
|
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
53
53
|
/** 内置上传文件之前开始 */
|
|
54
54
|
onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
|
|
@@ -69,7 +69,58 @@ type __VLS_Props = {
|
|
|
69
69
|
type __VLS_PublicProps = {
|
|
70
70
|
modelValue: FileItem[];
|
|
71
71
|
} & __VLS_Props;
|
|
72
|
-
declare
|
|
72
|
+
declare function __VLS_template(): {
|
|
73
|
+
attrs: Partial<{}>;
|
|
74
|
+
slots: {
|
|
75
|
+
image?(_: {
|
|
76
|
+
fileItem: any;
|
|
77
|
+
}): any;
|
|
78
|
+
'upload-button'?(_: {}): any;
|
|
79
|
+
};
|
|
80
|
+
refs: {
|
|
81
|
+
uploadInsRef: unknown;
|
|
82
|
+
cropperInsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
83
|
+
file: File;
|
|
84
|
+
index: number;
|
|
85
|
+
options: ImageUploadCropOptions;
|
|
86
|
+
}> & Readonly<{
|
|
87
|
+
onCancel?: (() => any) | undefined;
|
|
88
|
+
onConfirm?: ((value: File) => any) | undefined;
|
|
89
|
+
onImgLoad?: ((value: File) => any) | undefined;
|
|
90
|
+
onReUpload?: ((index: number) => any) | undefined;
|
|
91
|
+
}>, {
|
|
92
|
+
cropperInsRef: import('vue').Ref<any, any>;
|
|
93
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
94
|
+
cancel: () => any;
|
|
95
|
+
confirm: (value: File) => any;
|
|
96
|
+
imgLoad: (value: File) => any;
|
|
97
|
+
reUpload: (index: number) => any;
|
|
98
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
99
|
+
cropperInsRef: any;
|
|
100
|
+
}, any, import('vue').ComponentProvideOptions, {
|
|
101
|
+
P: {};
|
|
102
|
+
B: {};
|
|
103
|
+
D: {};
|
|
104
|
+
C: {};
|
|
105
|
+
M: {};
|
|
106
|
+
Defaults: {};
|
|
107
|
+
}, Readonly<{
|
|
108
|
+
file: File;
|
|
109
|
+
index: number;
|
|
110
|
+
options: ImageUploadCropOptions;
|
|
111
|
+
}> & Readonly<{
|
|
112
|
+
onCancel?: (() => any) | undefined;
|
|
113
|
+
onConfirm?: ((value: File) => any) | undefined;
|
|
114
|
+
onImgLoad?: ((value: File) => any) | undefined;
|
|
115
|
+
onReUpload?: ((index: number) => any) | undefined;
|
|
116
|
+
}>, {
|
|
117
|
+
cropperInsRef: import('vue').Ref<any, any>;
|
|
118
|
+
}, {}, {}, {}, {}> | null;
|
|
119
|
+
};
|
|
120
|
+
rootEl: HTMLDivElement;
|
|
121
|
+
};
|
|
122
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
123
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
73
124
|
uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
74
125
|
fileList?: unknown;
|
|
75
126
|
defaultFileList?: unknown;
|
|
@@ -551,8 +602,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
551
602
|
} & {
|
|
552
603
|
cropperImgLoad: (value: File) => any;
|
|
553
604
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
554
|
-
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
555
605
|
"onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
|
|
606
|
+
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
556
607
|
}>, {
|
|
557
608
|
name: string;
|
|
558
609
|
accept: string[];
|
|
@@ -600,4 +651,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
600
651
|
cropperInsRef: import('vue').Ref<any, any>;
|
|
601
652
|
}, {}, {}, {}, {}> | null;
|
|
602
653
|
}, HTMLDivElement>;
|
|
654
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
603
655
|
export default _default;
|
|
656
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
657
|
+
new (): {
|
|
658
|
+
$slots: S;
|
|
659
|
+
};
|
|
660
|
+
};
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as me, mergeModels as J, useSlots as ge, useModel as pe, ref as m, computed as M, watch as K, resolveComponent as he, createElementBlock as Ie, openBlock as X, createVNode as xe, createBlock as Ue, createCommentVNode as ye, normalizeClass as Ce, createSlots as Be, withCtx as Y, unref as Z, renderSlot as A } from "vue";
|
|
2
2
|
import { Message as g } from "@arco-design/web-vue";
|
|
3
3
|
import { conclude as L } from "vue-global-config";
|
|
4
4
|
import { EImageUploadInnerBeforeUploadStep as v } from "./types.js";
|
|
5
5
|
import { defaultImageUploadOptions as U } from "./constant.js";
|
|
6
|
-
import
|
|
7
|
-
import { defaultImageUploadCheckOptions as
|
|
8
|
-
const
|
|
9
|
-
var
|
|
10
|
-
const
|
|
6
|
+
import we from "./cropper.vue.js";
|
|
7
|
+
import { defaultImageUploadCheckOptions as Ee, defaultImageUploadCompressorOptions as Me, defaultImageUploadCropOptions as Se, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as Le } from "@keyblade/one-travel";
|
|
8
|
+
const Oe = "keyblade-pro-image-upload";
|
|
9
|
+
var R, _, ee;
|
|
10
|
+
const He = /* @__PURE__ */ me({
|
|
11
11
|
__name: "image-upload",
|
|
12
|
-
props: /* @__PURE__ */
|
|
12
|
+
props: /* @__PURE__ */ J({
|
|
13
13
|
action: {},
|
|
14
14
|
handlerResponse: {},
|
|
15
15
|
headers: {},
|
|
16
16
|
data: {},
|
|
17
|
-
name: { default: (
|
|
17
|
+
name: { default: (R = U) == null ? void 0 : R.name },
|
|
18
18
|
tip: {},
|
|
19
19
|
accept: { default: () => {
|
|
20
|
-
var
|
|
21
|
-
return ((
|
|
20
|
+
var y;
|
|
21
|
+
return ((y = U) == null ? void 0 : y.accept) || [];
|
|
22
22
|
} },
|
|
23
23
|
multiple: { type: Boolean, default: U.multiple },
|
|
24
24
|
singleLimit: { default: U.singleLimit },
|
|
25
25
|
limit: {},
|
|
26
|
-
disabled: { type: Boolean, default: (
|
|
27
|
-
hideInnerBeforeUploadLoading: { type: Boolean, default: (
|
|
26
|
+
disabled: { type: Boolean, default: (_ = U) == null ? void 0 : _.disabled },
|
|
27
|
+
hideInnerBeforeUploadLoading: { type: Boolean, default: (ee = U) == null ? void 0 : ee.hideInnerBeforeUploadLoading },
|
|
28
28
|
checkOptions: {},
|
|
29
29
|
compressorOptions: {},
|
|
30
30
|
cropOptions: {},
|
|
@@ -38,76 +38,76 @@ const Fe = /* @__PURE__ */ se({
|
|
|
38
38
|
modelValue: { required: !0 },
|
|
39
39
|
modelModifiers: {}
|
|
40
40
|
}),
|
|
41
|
-
emits: /* @__PURE__ */
|
|
42
|
-
setup(
|
|
43
|
-
const
|
|
41
|
+
emits: /* @__PURE__ */ J(["cropperImgLoad"], ["update:modelValue"]),
|
|
42
|
+
setup(y, { expose: ae, emit: le }) {
|
|
43
|
+
const O = ge(), r = pe(y, "modelValue"), e = y, oe = le, S = m(), $ = m(), p = m(), h = m(
|
|
44
44
|
[]
|
|
45
|
-
), n = m(), c = m(), s = m(),
|
|
46
|
-
var t,
|
|
47
|
-
const l = (
|
|
45
|
+
), n = m(), c = m(), s = m(), ne = M(() => e.accept.map((a) => `.${a}`).join(",")), f = M(() => L([e.checkOptions, Ee]) || {}), C = M(() => L([e.compressorOptions, Me]) || {}), B = M(() => L([e.cropOptions, Se]) || {}), te = (a) => {
|
|
46
|
+
var t, u, d, i;
|
|
47
|
+
const l = (i = (d = (u = (t = S.value) == null ? void 0 : t.$el) == null ? void 0 : u.querySelector) == null ? void 0 : d.call(u, "input")) == null ? void 0 : i.files;
|
|
48
48
|
return l && l.length > 0 && (s.value = {
|
|
49
49
|
selectCount: l.length
|
|
50
|
-
}), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : s.value && (e != null && e.singleLimit) && s.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (s.value.handleIndex === void 0 ? (s.value.handleIndex = 0, g.clear(), g.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : s.value.handleIndex += 1, s.value.handleIndex === s.value.selectCount - 1 && (s.value = void 0), !1) : new Promise(async (
|
|
50
|
+
}), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : s.value && (e != null && e.singleLimit) && s.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (s.value.handleIndex === void 0 ? (s.value.handleIndex = 0, g.clear(), g.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : s.value.handleIndex += 1, s.value.handleIndex === s.value.selectCount - 1 && (s.value = void 0), !1) : new Promise(async (w, E) => {
|
|
51
51
|
try {
|
|
52
|
-
|
|
52
|
+
w(await se(a));
|
|
53
53
|
} catch {
|
|
54
|
-
|
|
54
|
+
E();
|
|
55
55
|
} finally {
|
|
56
|
-
|
|
56
|
+
k();
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
|
-
},
|
|
60
|
-
const l =
|
|
61
|
-
return
|
|
62
|
-
},
|
|
63
|
-
e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`),
|
|
64
|
-
},
|
|
59
|
+
}, ie = async (a) => {
|
|
60
|
+
const l = r.value.findIndex((t) => t.uid === a.uid);
|
|
61
|
+
return r.value.splice(l, 1), r.value = [...r.value], !1;
|
|
62
|
+
}, re = (a, l) => {
|
|
63
|
+
e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), r.value = a);
|
|
64
|
+
}, ue = async (a) => {
|
|
65
65
|
if (e != null && e.onSuccess)
|
|
66
66
|
e == null || e.onSuccess(a);
|
|
67
67
|
else {
|
|
68
68
|
if (!(e != null && e.handlerResponse))
|
|
69
69
|
return;
|
|
70
|
-
const l = await e.handlerResponse(a.response), t =
|
|
71
|
-
l.success ?
|
|
72
|
-
...
|
|
70
|
+
const l = await e.handlerResponse(a.response), t = r.value.findIndex((u) => u.uid === a.uid);
|
|
71
|
+
l.success ? r.value[t] = {
|
|
72
|
+
...r.value[t],
|
|
73
73
|
...l
|
|
74
|
-
} :
|
|
74
|
+
} : r.value.splice(t, 1);
|
|
75
75
|
}
|
|
76
|
-
},
|
|
76
|
+
}, de = (a) => {
|
|
77
77
|
e != null && e.onError ? e == null || e.onError(a) : setTimeout(() => {
|
|
78
|
-
const l =
|
|
79
|
-
|
|
78
|
+
const l = r.value.findIndex((t) => t.uid === a.uid);
|
|
79
|
+
r.value.splice(l, 1);
|
|
80
80
|
});
|
|
81
|
-
},
|
|
82
|
-
h.value.push({ file: a, resolve: l, reject: t }), h.value.length === 1 && !n.value &&
|
|
83
|
-
}),
|
|
81
|
+
}, se = (a) => new Promise((l, t) => {
|
|
82
|
+
h.value.push({ file: a, resolve: l, reject: t }), h.value.length === 1 && !n.value && k();
|
|
83
|
+
}), k = () => {
|
|
84
84
|
n.value === void 0 ? n.value = 0 : n.value + 1 >= h.value.length ? (n.value = void 0, h.value = []) : n.value += 1;
|
|
85
|
-
},
|
|
85
|
+
}, ce = () => {
|
|
86
86
|
var a;
|
|
87
87
|
(a = p.value) == null || a.reject();
|
|
88
|
-
},
|
|
88
|
+
}, fe = (a) => {
|
|
89
89
|
var l;
|
|
90
90
|
(l = p.value) == null || l.resolve(a);
|
|
91
|
-
},
|
|
92
|
-
|
|
91
|
+
}, ve = (a) => {
|
|
92
|
+
oe("cropperImgLoad", a);
|
|
93
93
|
};
|
|
94
|
-
|
|
95
|
-
var
|
|
94
|
+
K(n, async () => {
|
|
95
|
+
var w, E, b, F, z, j, Q, V, W, H, N, P, T, q, D, G;
|
|
96
96
|
if (n.value === void 0 || h.value.length === 0)
|
|
97
97
|
return;
|
|
98
|
-
const a = h.value[n.value], { file: l, resolve: t, reject:
|
|
99
|
-
let d = l.name,
|
|
100
|
-
if ((
|
|
98
|
+
const a = h.value[n.value], { file: l, resolve: t, reject: u } = a;
|
|
99
|
+
let d = l.name, i = l;
|
|
100
|
+
if ((w = f.value) != null && w.enable) {
|
|
101
101
|
c.value = {
|
|
102
102
|
loading: !0,
|
|
103
103
|
text: `第${n.value + 1}张图片检测中,请稍等`
|
|
104
|
-
}, (
|
|
104
|
+
}, (E = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || E.call(
|
|
105
105
|
e,
|
|
106
106
|
l,
|
|
107
107
|
n.value,
|
|
108
108
|
v.check
|
|
109
109
|
);
|
|
110
|
-
const o = await
|
|
110
|
+
const o = await be(l, l.name, {
|
|
111
111
|
imageMaxSize: f.value.maxSize,
|
|
112
112
|
imageAllowedType: f.value.allowedType,
|
|
113
113
|
imageMinWidth: f.value.minWidth,
|
|
@@ -126,26 +126,26 @@ const Fe = /* @__PURE__ */ se({
|
|
|
126
126
|
errorMessage: o == null ? void 0 : o.errorMessage
|
|
127
127
|
}
|
|
128
128
|
), !o.success)
|
|
129
|
-
return (
|
|
129
|
+
return (F = f.value) != null && F.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片校验及转换失败"), u();
|
|
130
130
|
if (o != null && o.hasTransform) {
|
|
131
131
|
const x = d == null ? void 0 : d.split(".");
|
|
132
|
-
x.pop(), d = `${x.join(",")}.jpg`,
|
|
132
|
+
x.pop(), d = `${x.join(",")}.jpg`, i = new File([o.file], d, {
|
|
133
133
|
type: o.file.type
|
|
134
134
|
});
|
|
135
135
|
} else
|
|
136
|
-
|
|
136
|
+
i = o.file;
|
|
137
137
|
}
|
|
138
|
-
if ((
|
|
139
|
-
(
|
|
138
|
+
if ((z = B.value) != null && z.enable && !d.endsWith(".gif")) {
|
|
139
|
+
(j = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || j.call(
|
|
140
140
|
e,
|
|
141
141
|
l,
|
|
142
142
|
n.value,
|
|
143
143
|
v.crop
|
|
144
144
|
);
|
|
145
145
|
try {
|
|
146
|
-
(
|
|
147
|
-
p.value = { file:
|
|
148
|
-
}), (
|
|
146
|
+
(Q = B.value) != null && Q.customCrop ? i = await B.value.customCrop(i) : i = await new Promise((o, x) => {
|
|
147
|
+
p.value = { file: i, resolve: o, reject: x };
|
|
148
|
+
}), (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
|
|
149
149
|
e,
|
|
150
150
|
l,
|
|
151
151
|
n.value,
|
|
@@ -155,7 +155,7 @@ const Fe = /* @__PURE__ */ se({
|
|
|
155
155
|
}
|
|
156
156
|
);
|
|
157
157
|
} catch {
|
|
158
|
-
return (
|
|
158
|
+
return (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
|
|
159
159
|
e,
|
|
160
160
|
l,
|
|
161
161
|
n.value,
|
|
@@ -167,27 +167,27 @@ const Fe = /* @__PURE__ */ se({
|
|
|
167
167
|
},
|
|
168
168
|
errorMessage: "图片剪裁失败"
|
|
169
169
|
}
|
|
170
|
-
), (
|
|
170
|
+
), (H = B.value) != null && H.showErrorMessage && g.error("图片剪裁失败"), u();
|
|
171
171
|
} finally {
|
|
172
172
|
p.value = void 0;
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
|
-
if ((
|
|
175
|
+
if ((N = C.value) != null && N.enable) {
|
|
176
176
|
c.value = {
|
|
177
177
|
loading: !0,
|
|
178
178
|
text: `第${n.value + 1}张图片处理中,请稍等`
|
|
179
|
-
}, (
|
|
179
|
+
}, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
|
|
180
180
|
e,
|
|
181
181
|
l,
|
|
182
182
|
n.value,
|
|
183
183
|
v.compress
|
|
184
184
|
);
|
|
185
|
-
const o = await
|
|
186
|
-
maxSize:
|
|
187
|
-
size:
|
|
188
|
-
excludeAllowedTypes: (
|
|
185
|
+
const o = await Le(i, {
|
|
186
|
+
maxSize: C.value.maxSize,
|
|
187
|
+
size: C.value.size,
|
|
188
|
+
excludeAllowedTypes: (T = C.value.excludeAllowedTypes) == null ? void 0 : T.map((x) => `image/${x}`)
|
|
189
189
|
});
|
|
190
|
-
if (c.value = void 0, (
|
|
190
|
+
if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
|
|
191
191
|
e,
|
|
192
192
|
l,
|
|
193
193
|
n.value,
|
|
@@ -200,12 +200,12 @@ const Fe = /* @__PURE__ */ se({
|
|
|
200
200
|
errorMessage: o == null ? void 0 : o.errorMessage
|
|
201
201
|
}
|
|
202
202
|
), !o.success)
|
|
203
|
-
return (
|
|
204
|
-
|
|
203
|
+
return (D = C.value) != null && D.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片压缩失败"), u();
|
|
204
|
+
i = new File([o.file], d, {
|
|
205
205
|
type: o.file.type
|
|
206
206
|
});
|
|
207
207
|
}
|
|
208
|
-
c.value = void 0, (
|
|
208
|
+
c.value = void 0, (G = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || G.call(
|
|
209
209
|
e,
|
|
210
210
|
l,
|
|
211
211
|
n.value,
|
|
@@ -213,10 +213,10 @@ const Fe = /* @__PURE__ */ se({
|
|
|
213
213
|
{
|
|
214
214
|
success: !0
|
|
215
215
|
}
|
|
216
|
-
), t(
|
|
216
|
+
), t(i);
|
|
217
217
|
});
|
|
218
218
|
let I;
|
|
219
|
-
return
|
|
219
|
+
return K(
|
|
220
220
|
() => c.value,
|
|
221
221
|
() => {
|
|
222
222
|
var a;
|
|
@@ -226,50 +226,66 @@ const Fe = /* @__PURE__ */ se({
|
|
|
226
226
|
duration: 0
|
|
227
227
|
}) : (a = I == null ? void 0 : I.close) == null || a.call(I);
|
|
228
228
|
}
|
|
229
|
-
),
|
|
229
|
+
), ae({
|
|
230
230
|
uploadInsRef: S,
|
|
231
|
-
cropperInsRef:
|
|
231
|
+
cropperInsRef: $
|
|
232
232
|
}), (a, l) => {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
233
|
+
var u, d;
|
|
234
|
+
const t = he("a-upload");
|
|
235
|
+
return X(), Ie("div", null, [
|
|
236
|
+
xe(t, {
|
|
237
|
+
class: Ce([`${Oe}-upload`]),
|
|
237
238
|
ref_key: "uploadInsRef",
|
|
238
239
|
ref: S,
|
|
239
240
|
"list-type": "picture-card",
|
|
240
241
|
tip: a.tip || "上传",
|
|
241
242
|
"image-preview": "",
|
|
242
|
-
"file-list":
|
|
243
|
-
"onUpdate:fileList": l[0] || (l[0] = (
|
|
243
|
+
"file-list": r.value,
|
|
244
|
+
"onUpdate:fileList": l[0] || (l[0] = (i) => r.value = i),
|
|
244
245
|
action: a.action,
|
|
245
246
|
headers: a.headers,
|
|
246
247
|
data: a.data,
|
|
247
248
|
name: a.name,
|
|
248
|
-
accept:
|
|
249
|
+
accept: ne.value,
|
|
249
250
|
multiple: a.multiple,
|
|
250
251
|
limit: a.limit,
|
|
251
252
|
disabled: a.disabled,
|
|
252
|
-
"on-before-upload":
|
|
253
|
-
"on-before-remove":
|
|
254
|
-
onExceedLimit:
|
|
255
|
-
onSuccess:
|
|
256
|
-
onError:
|
|
257
|
-
},
|
|
258
|
-
|
|
253
|
+
"on-before-upload": te,
|
|
254
|
+
"on-before-remove": ie,
|
|
255
|
+
onExceedLimit: re,
|
|
256
|
+
onSuccess: ue,
|
|
257
|
+
onError: de
|
|
258
|
+
}, Be({ _: 2 }, [
|
|
259
|
+
(u = Z(O)) != null && u.image ? {
|
|
260
|
+
name: "image",
|
|
261
|
+
fn: Y(({ fileItem: i }) => [
|
|
262
|
+
A(a.$slots, "image", { fileItem: i })
|
|
263
|
+
]),
|
|
264
|
+
key: "0"
|
|
265
|
+
} : void 0,
|
|
266
|
+
(d = Z(O)) != null && d["upload-button"] ? {
|
|
267
|
+
name: "upload-button",
|
|
268
|
+
fn: Y(() => [
|
|
269
|
+
A(a.$slots, "upload-button")
|
|
270
|
+
]),
|
|
271
|
+
key: "1"
|
|
272
|
+
} : void 0
|
|
273
|
+
]), 1032, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
|
|
274
|
+
p.value && n.value !== void 0 ? (X(), Ue(we, {
|
|
259
275
|
key: 0,
|
|
260
276
|
ref_key: "cropperInsRef",
|
|
261
|
-
ref:
|
|
277
|
+
ref: $,
|
|
262
278
|
file: p.value.file,
|
|
263
279
|
index: n.value,
|
|
264
280
|
options: B.value,
|
|
265
|
-
onCancel:
|
|
266
|
-
onConfirm:
|
|
267
|
-
onImgLoad:
|
|
268
|
-
}, null, 8, ["file", "index", "options"])) :
|
|
281
|
+
onCancel: ce,
|
|
282
|
+
onConfirm: fe,
|
|
283
|
+
onImgLoad: ve
|
|
284
|
+
}, null, 8, ["file", "index", "options"])) : ye("", !0)
|
|
269
285
|
]);
|
|
270
286
|
};
|
|
271
287
|
}
|
|
272
288
|
});
|
|
273
289
|
export {
|
|
274
|
-
|
|
290
|
+
He as default
|
|
275
291
|
};
|
|
@@ -41,8 +41,8 @@ declare const ProImageUpload: {
|
|
|
41
41
|
errorMessage?: string;
|
|
42
42
|
}) => void;
|
|
43
43
|
}> & Readonly<{
|
|
44
|
-
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
45
44
|
"onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
|
|
45
|
+
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
46
46
|
}>, {
|
|
47
47
|
uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
48
48
|
fileList?: unknown;
|
|
@@ -618,8 +618,8 @@ declare const ProImageUpload: {
|
|
|
618
618
|
errorMessage?: string;
|
|
619
619
|
}) => void;
|
|
620
620
|
}> & Readonly<{
|
|
621
|
-
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
622
621
|
"onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
|
|
622
|
+
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
623
623
|
}>, {
|
|
624
624
|
uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
625
625
|
fileList?: unknown;
|
|
@@ -1149,8 +1149,8 @@ declare const ProImageUpload: {
|
|
|
1149
1149
|
errorMessage?: string;
|
|
1150
1150
|
}) => void;
|
|
1151
1151
|
}> & Readonly<{
|
|
1152
|
-
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
1153
1152
|
"onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
|
|
1153
|
+
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
1154
1154
|
}>, {
|
|
1155
1155
|
uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1156
1156
|
fileList?: unknown;
|
|
@@ -1639,7 +1639,14 @@ declare const ProImageUpload: {
|
|
|
1639
1639
|
singleLimit: number;
|
|
1640
1640
|
disabled: boolean;
|
|
1641
1641
|
hideInnerBeforeUploadLoading: boolean;
|
|
1642
|
-
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
1642
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1643
|
+
$slots: {
|
|
1644
|
+
image?(_: {
|
|
1645
|
+
fileItem: any;
|
|
1646
|
+
}): any;
|
|
1647
|
+
'upload-button'?(_: {}): any;
|
|
1648
|
+
};
|
|
1649
|
+
}) & {
|
|
1643
1650
|
install: (app: App) => void;
|
|
1644
1651
|
};
|
|
1645
1652
|
export * from './types';
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@keyblade/pro-components",
|
|
3
3
|
"description": "KeyBlade Pro Components",
|
|
4
4
|
"author": "yangshuai <704807396@qq.com>",
|
|
5
|
-
"version": "1.12.
|
|
5
|
+
"version": "1.12.13",
|
|
6
6
|
"private": false,
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "es/index.js",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"@vueuse/core": "^10.7.0",
|
|
26
26
|
"vue-cropper": "^1.1.4",
|
|
27
27
|
"vue-global-config": "^0.6.3",
|
|
28
|
+
"dayjs": "^1.11.18",
|
|
28
29
|
"@keyblade/one-travel": "^3.0.0"
|
|
29
30
|
},
|
|
30
31
|
"peerDependencies": {
|