@keyblade/pro-components 1.12.13 → 1.12.15
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/es/pro-date-range-picker/index.d.ts +20 -32
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +8 -12
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +49 -47
- package/es/pro-date-range-picker/type.d.ts +3 -0
- package/es/pro-image-upload/cropper.vue.js +2 -2
- package/es/pro-image-upload/cropper.vue2.js +82 -74
- package/es/pro-image-upload/types.d.ts +1 -1
- package/es/pro-layout/index.d.ts +9 -9
- package/es/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
declare const ProDateRangePicker: {
|
|
3
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
4
|
-
modelValue:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
};
|
|
4
|
+
modelValue: import('./type').IModelValue;
|
|
5
|
+
startField?: string;
|
|
6
|
+
endField?: string;
|
|
8
7
|
startPlaceholder?: string;
|
|
9
8
|
endPlaceholder?: string;
|
|
10
9
|
separator?: string;
|
|
11
10
|
}> & Readonly<{
|
|
12
|
-
"onUpdate:modelValue"?: ((value:
|
|
13
|
-
startDate?: string;
|
|
14
|
-
endDate?: string;
|
|
15
|
-
}) => any) | undefined;
|
|
11
|
+
"onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
|
|
16
12
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
17
|
-
"update:modelValue": (value:
|
|
18
|
-
startDate?: string;
|
|
19
|
-
endDate?: string;
|
|
20
|
-
}) => any;
|
|
13
|
+
"update:modelValue": (value: import('./type').IModelValue) => any;
|
|
21
14
|
}, import('vue').PublicProps, {
|
|
15
|
+
startField: string;
|
|
16
|
+
endField: string;
|
|
22
17
|
startPlaceholder: string;
|
|
23
18
|
endPlaceholder: string;
|
|
24
19
|
separator: string;
|
|
@@ -33,19 +28,17 @@ declare const ProDateRangePicker: {
|
|
|
33
28
|
M: {};
|
|
34
29
|
Defaults: {};
|
|
35
30
|
}, Readonly<{
|
|
36
|
-
modelValue:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
};
|
|
31
|
+
modelValue: import('./type').IModelValue;
|
|
32
|
+
startField?: string;
|
|
33
|
+
endField?: string;
|
|
40
34
|
startPlaceholder?: string;
|
|
41
35
|
endPlaceholder?: string;
|
|
42
36
|
separator?: string;
|
|
43
37
|
}> & Readonly<{
|
|
44
|
-
"onUpdate:modelValue"?: ((value:
|
|
45
|
-
startDate?: string;
|
|
46
|
-
endDate?: string;
|
|
47
|
-
}) => any) | undefined;
|
|
38
|
+
"onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
|
|
48
39
|
}>, {}, {}, {}, {}, {
|
|
40
|
+
startField: string;
|
|
41
|
+
endField: string;
|
|
49
42
|
startPlaceholder: string;
|
|
50
43
|
endPlaceholder: string;
|
|
51
44
|
separator: string;
|
|
@@ -54,24 +47,19 @@ declare const ProDateRangePicker: {
|
|
|
54
47
|
__isTeleport?: never;
|
|
55
48
|
__isSuspense?: never;
|
|
56
49
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
57
|
-
modelValue:
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
};
|
|
50
|
+
modelValue: import('./type').IModelValue;
|
|
51
|
+
startField?: string;
|
|
52
|
+
endField?: string;
|
|
61
53
|
startPlaceholder?: string;
|
|
62
54
|
endPlaceholder?: string;
|
|
63
55
|
separator?: string;
|
|
64
56
|
}> & Readonly<{
|
|
65
|
-
"onUpdate:modelValue"?: ((value:
|
|
66
|
-
startDate?: string;
|
|
67
|
-
endDate?: string;
|
|
68
|
-
}) => any) | undefined;
|
|
57
|
+
"onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
|
|
69
58
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
70
|
-
"update:modelValue": (value:
|
|
71
|
-
startDate?: string;
|
|
72
|
-
endDate?: string;
|
|
73
|
-
}) => any;
|
|
59
|
+
"update:modelValue": (value: import('./type').IModelValue) => any;
|
|
74
60
|
}, string, {
|
|
61
|
+
startField: string;
|
|
62
|
+
endField: string;
|
|
75
63
|
startPlaceholder: string;
|
|
76
64
|
endPlaceholder: string;
|
|
77
65
|
separator: string;
|
|
@@ -1,23 +1,19 @@
|
|
|
1
|
+
import { IModelValue } from './type.ts';
|
|
1
2
|
type __VLS_Props = {
|
|
2
|
-
modelValue:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
3
|
+
modelValue: IModelValue;
|
|
4
|
+
startField?: string;
|
|
5
|
+
endField?: string;
|
|
6
6
|
startPlaceholder?: string;
|
|
7
7
|
endPlaceholder?: string;
|
|
8
8
|
separator?: string;
|
|
9
9
|
};
|
|
10
10
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
|
-
"update:modelValue": (value:
|
|
12
|
-
startDate?: string;
|
|
13
|
-
endDate?: string;
|
|
14
|
-
}) => any;
|
|
11
|
+
"update:modelValue": (value: IModelValue) => any;
|
|
15
12
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:modelValue"?: ((value:
|
|
17
|
-
startDate?: string;
|
|
18
|
-
endDate?: string;
|
|
19
|
-
}) => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
|
|
20
14
|
}>, {
|
|
15
|
+
startField: string;
|
|
16
|
+
endField: string;
|
|
21
17
|
startPlaceholder: string;
|
|
22
18
|
endPlaceholder: string;
|
|
23
19
|
separator: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./pro-date-range-picker.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f6a8cf2c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -1,101 +1,103 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as C, ref as f, computed as V, resolveComponent as k, createElementBlock as v, openBlock as P, normalizeClass as E, createVNode as d, withCtx as n, createTextVNode as S, toDisplayString as R, nextTick as h } from "vue";
|
|
2
2
|
import o from "dayjs";
|
|
3
|
-
const T = "keyblade-pro-date-range-picker",
|
|
3
|
+
const T = "keyblade-pro-date-range-picker", N = /* @__PURE__ */ C({
|
|
4
4
|
__name: "pro-date-range-picker",
|
|
5
5
|
props: {
|
|
6
6
|
modelValue: {},
|
|
7
|
+
startField: { default: "startDate" },
|
|
8
|
+
endField: { default: "endDate" },
|
|
7
9
|
startPlaceholder: { default: "开始日期" },
|
|
8
10
|
endPlaceholder: { default: "结束日期" },
|
|
9
11
|
separator: { default: "至" }
|
|
10
12
|
},
|
|
11
13
|
emits: ["update:modelValue"],
|
|
12
|
-
setup(
|
|
13
|
-
const
|
|
14
|
-
get: () =>
|
|
15
|
-
set: (
|
|
16
|
-
|
|
17
|
-
...
|
|
18
|
-
|
|
14
|
+
setup(D, { emit: F }) {
|
|
15
|
+
const e = D, i = F, s = f(), u = f(), m = V({
|
|
16
|
+
get: () => e.modelValue[e.startField],
|
|
17
|
+
set: (t) => {
|
|
18
|
+
i("update:modelValue", {
|
|
19
|
+
...e.modelValue,
|
|
20
|
+
[e.startField]: t
|
|
19
21
|
});
|
|
20
22
|
}
|
|
21
|
-
}),
|
|
22
|
-
get: () =>
|
|
23
|
-
set: (
|
|
24
|
-
|
|
25
|
-
...
|
|
26
|
-
|
|
23
|
+
}), p = V({
|
|
24
|
+
get: () => e.modelValue[e.endField],
|
|
25
|
+
set: (t) => {
|
|
26
|
+
i("update:modelValue", {
|
|
27
|
+
...e.modelValue,
|
|
28
|
+
[e.endField]: t
|
|
27
29
|
});
|
|
28
30
|
}
|
|
29
|
-
}),
|
|
31
|
+
}), g = (t) => e.modelValue.endDate ? o(t).isAfter(o(e.modelValue[e.startField])) : !1, b = (t) => e.modelValue.startDate ? o(t).isBefore(o(e.modelValue[e.endField])) : !1, _ = () => {
|
|
30
32
|
setTimeout(() => {
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
const
|
|
34
|
-
|
|
33
|
+
e.modelValue[e.startField] && !e.modelValue[e.endField] && h(() => {
|
|
34
|
+
var l;
|
|
35
|
+
const t = (l = u.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
|
|
36
|
+
t && t.click();
|
|
35
37
|
});
|
|
36
38
|
});
|
|
37
|
-
},
|
|
39
|
+
}, y = () => {
|
|
38
40
|
setTimeout(() => {
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
const
|
|
42
|
-
|
|
41
|
+
e.modelValue[e.endField] && !e.modelValue[e.startField] && h(() => {
|
|
42
|
+
var l;
|
|
43
|
+
const t = (l = s.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
|
|
44
|
+
t && t.click();
|
|
43
45
|
});
|
|
44
46
|
});
|
|
45
47
|
};
|
|
46
|
-
return (
|
|
47
|
-
const
|
|
48
|
-
return
|
|
48
|
+
return (t, l) => {
|
|
49
|
+
const c = k("a-date-picker"), r = k("a-form-item");
|
|
50
|
+
return P(), v("div", {
|
|
49
51
|
class: E(T)
|
|
50
52
|
}, [
|
|
51
53
|
d(r, {
|
|
52
|
-
field:
|
|
54
|
+
field: t.startField,
|
|
53
55
|
style: { "margin-right": "8px" },
|
|
54
56
|
"hide-label": ""
|
|
55
57
|
}, {
|
|
56
58
|
default: n(() => [
|
|
57
|
-
d(
|
|
59
|
+
d(c, {
|
|
58
60
|
ref_key: "startDatePickerRef",
|
|
59
|
-
ref:
|
|
61
|
+
ref: s,
|
|
60
62
|
modelValue: m.value,
|
|
61
|
-
"onUpdate:modelValue":
|
|
62
|
-
placeholder:
|
|
63
|
-
"disabled-date": (
|
|
64
|
-
onChange:
|
|
63
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => m.value = a),
|
|
64
|
+
placeholder: t.startPlaceholder,
|
|
65
|
+
"disabled-date": (a) => g(a),
|
|
66
|
+
onChange: _
|
|
65
67
|
}, null, 8, ["modelValue", "placeholder", "disabled-date"])
|
|
66
68
|
]),
|
|
67
69
|
_: 1
|
|
68
|
-
}),
|
|
70
|
+
}, 8, ["field"]),
|
|
69
71
|
d(r, {
|
|
70
72
|
"hide-label": "",
|
|
71
73
|
style: { "margin-right": "8px" }
|
|
72
74
|
}, {
|
|
73
75
|
default: n(() => [
|
|
74
|
-
S(R(
|
|
76
|
+
S(R(t.separator), 1)
|
|
75
77
|
]),
|
|
76
78
|
_: 1
|
|
77
79
|
}),
|
|
78
80
|
d(r, {
|
|
79
|
-
field:
|
|
81
|
+
field: t.endField,
|
|
80
82
|
"hide-label": ""
|
|
81
83
|
}, {
|
|
82
84
|
default: n(() => [
|
|
83
|
-
d(
|
|
85
|
+
d(c, {
|
|
84
86
|
ref_key: "endDatePickerRef",
|
|
85
|
-
ref:
|
|
86
|
-
modelValue:
|
|
87
|
-
"onUpdate:modelValue":
|
|
88
|
-
placeholder:
|
|
89
|
-
"disabled-date": (
|
|
90
|
-
onChange:
|
|
87
|
+
ref: u,
|
|
88
|
+
modelValue: p.value,
|
|
89
|
+
"onUpdate:modelValue": l[1] || (l[1] = (a) => p.value = a),
|
|
90
|
+
placeholder: t.endPlaceholder,
|
|
91
|
+
"disabled-date": (a) => b(a),
|
|
92
|
+
onChange: y
|
|
91
93
|
}, null, 8, ["modelValue", "placeholder", "disabled-date"])
|
|
92
94
|
]),
|
|
93
95
|
_: 1
|
|
94
|
-
})
|
|
96
|
+
}, 8, ["field"])
|
|
95
97
|
]);
|
|
96
98
|
};
|
|
97
99
|
}
|
|
98
100
|
});
|
|
99
101
|
export {
|
|
100
|
-
|
|
102
|
+
N as default
|
|
101
103
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./cropper.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0d419122"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
_ as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as D, ref as d,
|
|
1
|
+
import { defineComponent as D, ref as d, computed as M, watch as q, resolveComponent as l, createBlock as G, openBlock as J, normalizeClass as m, withCtx as a, createVNode as e, createElementVNode as y, mergeProps as K, createTextVNode as W, nextTick as C } from "vue";
|
|
2
2
|
import "vue-cropper/dist/index.css";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import O from "vue-cropper/lib/vue-cropper.vue";
|
|
4
|
+
const s = "keyblade-pro-image-upload-cropper", Z = /* @__PURE__ */ D({
|
|
5
5
|
__name: "cropper",
|
|
6
6
|
props: {
|
|
7
7
|
file: {},
|
|
@@ -9,25 +9,33 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
9
9
|
options: {}
|
|
10
10
|
},
|
|
11
11
|
emits: ["cancel", "confirm", "imgLoad", "reUpload"],
|
|
12
|
-
setup(
|
|
13
|
-
const
|
|
12
|
+
setup(x, { expose: H, emit: R }) {
|
|
13
|
+
const c = x, f = R, o = d(), w = d(), u = d(!0), _ = d(!1), z = M(() => {
|
|
14
|
+
var t;
|
|
15
|
+
const n = ((t = c == null ? void 0 : c.file) == null ? void 0 : t.name) || "";
|
|
16
|
+
return n.endsWith(".jpg") || n.endsWith(".jpeg") ? {
|
|
17
|
+
...c.options,
|
|
18
|
+
outputType: "jpeg",
|
|
19
|
+
outputSize: 0.95
|
|
20
|
+
} : c.options;
|
|
21
|
+
}), g = d({
|
|
14
22
|
autoCropWidth: 100,
|
|
15
23
|
autoCropHeight: 100
|
|
16
|
-
}),
|
|
24
|
+
}), I = () => {
|
|
17
25
|
o.value.changeScale(1);
|
|
18
|
-
}, I = () => {
|
|
19
|
-
o.value.changeScale(-1);
|
|
20
26
|
}, L = () => {
|
|
27
|
+
o.value.changeScale(-1);
|
|
28
|
+
}, S = () => {
|
|
21
29
|
o.value.rotateRight();
|
|
22
|
-
const { w:
|
|
30
|
+
const { w: n, h: t } = v();
|
|
23
31
|
C(() => {
|
|
24
|
-
o.value.goAutoCrop(
|
|
32
|
+
o.value.goAutoCrop(n, t);
|
|
25
33
|
});
|
|
26
34
|
}, $ = () => {
|
|
27
35
|
o.value.rotateLeft();
|
|
28
|
-
const { w:
|
|
36
|
+
const { w: n, h: t } = v();
|
|
29
37
|
C(() => {
|
|
30
|
-
o.value.goAutoCrop(
|
|
38
|
+
o.value.goAutoCrop(n, t);
|
|
31
39
|
});
|
|
32
40
|
}, N = () => {
|
|
33
41
|
o.value.reload(), o.value.rotateClear(), C(() => {
|
|
@@ -35,47 +43,47 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
35
43
|
});
|
|
36
44
|
}, b = () => {
|
|
37
45
|
f("cancel");
|
|
38
|
-
},
|
|
39
|
-
u.value || _.value || (_.value = !0, o.value.getCropBlob((
|
|
46
|
+
}, j = () => {
|
|
47
|
+
u.value || _.value || (_.value = !0, o.value.getCropBlob((n) => {
|
|
40
48
|
_.value = !1;
|
|
41
|
-
const t = new File([
|
|
49
|
+
const t = new File([n], c.file.name, { type: "image/jpeg" });
|
|
42
50
|
f("confirm", t);
|
|
43
51
|
}));
|
|
44
52
|
}, A = () => {
|
|
45
53
|
u.value = !1;
|
|
46
|
-
const { w:
|
|
47
|
-
g.value.autoCropWidth =
|
|
54
|
+
const { w: n, h: t } = v();
|
|
55
|
+
g.value.autoCropWidth = n, g.value.autoCropHeight = t, f("imgLoad", c.file);
|
|
48
56
|
}, v = () => {
|
|
49
|
-
const
|
|
50
|
-
return { w: t, h:
|
|
57
|
+
const n = Math.abs(o.value.rotate) % 2 > 0, t = (n ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, r = (n ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
|
|
58
|
+
return { w: t, h: r };
|
|
51
59
|
};
|
|
52
|
-
return
|
|
53
|
-
() =>
|
|
60
|
+
return q(
|
|
61
|
+
() => c.file,
|
|
54
62
|
() => {
|
|
55
|
-
if (
|
|
63
|
+
if (c.file) {
|
|
56
64
|
u.value = !0, o.value && o.value.clearCrop();
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
const t =
|
|
60
|
-
|
|
61
|
-
const h =
|
|
65
|
+
const n = new FileReader();
|
|
66
|
+
n.onloadend = () => {
|
|
67
|
+
const t = n.result, r = new Image();
|
|
68
|
+
r.onload = () => {
|
|
69
|
+
const h = r.width, i = r.height;
|
|
62
70
|
w.value = {
|
|
63
71
|
data: t,
|
|
64
72
|
width: h,
|
|
65
|
-
height:
|
|
73
|
+
height: i
|
|
66
74
|
};
|
|
67
|
-
},
|
|
68
|
-
},
|
|
75
|
+
}, r.src = t;
|
|
76
|
+
}, n.readAsDataURL(c.file);
|
|
69
77
|
}
|
|
70
78
|
},
|
|
71
79
|
{ immediate: !0 }
|
|
72
|
-
),
|
|
80
|
+
), H({
|
|
73
81
|
cropperInsRef: o
|
|
74
|
-
}), (
|
|
75
|
-
const
|
|
76
|
-
return
|
|
82
|
+
}), (n, t) => {
|
|
83
|
+
const r = l("a-spin"), h = l("icon-zoom-in"), i = l("a-button"), p = l("a-tooltip"), B = l("icon-zoom-out"), V = l("icon-rotate-right"), T = l("icon-rotate-left"), E = l("icon-sync"), F = l("a-button-group"), P = l("a-space"), U = l("a-modal");
|
|
84
|
+
return J(), G(U, {
|
|
77
85
|
"render-to-body": "",
|
|
78
|
-
class: m(`${
|
|
86
|
+
class: m(`${s}-dialog`),
|
|
79
87
|
title: "编辑图片",
|
|
80
88
|
width: "675px",
|
|
81
89
|
visible: !0,
|
|
@@ -85,38 +93,38 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
85
93
|
"unmount-on-close": "",
|
|
86
94
|
onCancel: b
|
|
87
95
|
}, {
|
|
88
|
-
default:
|
|
89
|
-
e(
|
|
90
|
-
class: m(`${
|
|
96
|
+
default: a(() => [
|
|
97
|
+
e(r, {
|
|
98
|
+
class: m(`${s}-dialog-cropper-wrapper`),
|
|
91
99
|
loading: u.value
|
|
92
100
|
}, {
|
|
93
|
-
default:
|
|
101
|
+
default: a(() => {
|
|
94
102
|
var k;
|
|
95
103
|
return [
|
|
96
|
-
e(
|
|
104
|
+
e(O, K({
|
|
97
105
|
ref_key: "cropperInsRef",
|
|
98
106
|
ref: o,
|
|
99
|
-
class: `${
|
|
107
|
+
class: `${s}-dialog-cropper`,
|
|
100
108
|
img: (k = w.value) == null ? void 0 : k.data,
|
|
101
109
|
info: !1,
|
|
102
110
|
autoCrop: !0,
|
|
103
111
|
autoCropWidth: g.value.autoCropWidth,
|
|
104
112
|
autoCropHeight: g.value.autoCropHeight,
|
|
105
113
|
full: !0
|
|
106
|
-
},
|
|
114
|
+
}, z.value, { onImgLoad: A }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
|
|
107
115
|
];
|
|
108
116
|
}),
|
|
109
117
|
_: 1
|
|
110
118
|
}, 8, ["class", "loading"]),
|
|
111
119
|
y("div", {
|
|
112
|
-
class: m(`${
|
|
120
|
+
class: m(`${s}-dialog-operate`)
|
|
113
121
|
}, [
|
|
114
|
-
e(
|
|
115
|
-
default:
|
|
122
|
+
e(F, { type: "primary" }, {
|
|
123
|
+
default: a(() => [
|
|
116
124
|
e(p, { content: "放大" }, {
|
|
117
|
-
default:
|
|
118
|
-
e(
|
|
119
|
-
icon:
|
|
125
|
+
default: a(() => [
|
|
126
|
+
e(i, { onClick: I }, {
|
|
127
|
+
icon: a(() => [
|
|
120
128
|
e(h)
|
|
121
129
|
]),
|
|
122
130
|
_: 1
|
|
@@ -125,9 +133,9 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
125
133
|
_: 1
|
|
126
134
|
}),
|
|
127
135
|
e(p, { content: "缩小" }, {
|
|
128
|
-
default:
|
|
129
|
-
e(
|
|
130
|
-
icon:
|
|
136
|
+
default: a(() => [
|
|
137
|
+
e(i, { onClick: L }, {
|
|
138
|
+
icon: a(() => [
|
|
131
139
|
e(B)
|
|
132
140
|
]),
|
|
133
141
|
_: 1
|
|
@@ -136,9 +144,9 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
136
144
|
_: 1
|
|
137
145
|
}),
|
|
138
146
|
e(p, { content: "向右旋转" }, {
|
|
139
|
-
default:
|
|
140
|
-
e(
|
|
141
|
-
icon:
|
|
147
|
+
default: a(() => [
|
|
148
|
+
e(i, { onClick: S }, {
|
|
149
|
+
icon: a(() => [
|
|
142
150
|
e(V)
|
|
143
151
|
]),
|
|
144
152
|
_: 1
|
|
@@ -147,10 +155,10 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
147
155
|
_: 1
|
|
148
156
|
}),
|
|
149
157
|
e(p, { content: "向左旋转" }, {
|
|
150
|
-
default:
|
|
151
|
-
e(
|
|
152
|
-
icon:
|
|
153
|
-
e(
|
|
158
|
+
default: a(() => [
|
|
159
|
+
e(i, { onClick: $ }, {
|
|
160
|
+
icon: a(() => [
|
|
161
|
+
e(T)
|
|
154
162
|
]),
|
|
155
163
|
_: 1
|
|
156
164
|
})
|
|
@@ -158,10 +166,10 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
158
166
|
_: 1
|
|
159
167
|
}),
|
|
160
168
|
e(p, { content: "重置" }, {
|
|
161
|
-
default:
|
|
162
|
-
e(
|
|
163
|
-
icon:
|
|
164
|
-
e(
|
|
169
|
+
default: a(() => [
|
|
170
|
+
e(i, { onClick: N }, {
|
|
171
|
+
icon: a(() => [
|
|
172
|
+
e(E)
|
|
165
173
|
]),
|
|
166
174
|
_: 1
|
|
167
175
|
})
|
|
@@ -173,26 +181,26 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
173
181
|
})
|
|
174
182
|
], 2),
|
|
175
183
|
y("div", {
|
|
176
|
-
class: m(`${
|
|
184
|
+
class: m(`${s}-dialog-footer`)
|
|
177
185
|
}, [
|
|
178
|
-
e(
|
|
179
|
-
class: m(`${
|
|
186
|
+
e(P, {
|
|
187
|
+
class: m(`${s}-dialog-footer-right`)
|
|
180
188
|
}, {
|
|
181
|
-
default:
|
|
182
|
-
e(
|
|
183
|
-
default:
|
|
184
|
-
|
|
189
|
+
default: a(() => [
|
|
190
|
+
e(i, { onClick: b }, {
|
|
191
|
+
default: a(() => t[0] || (t[0] = [
|
|
192
|
+
W("取消")
|
|
185
193
|
])),
|
|
186
194
|
_: 1
|
|
187
195
|
}),
|
|
188
|
-
e(
|
|
196
|
+
e(i, {
|
|
189
197
|
disabled: u.value,
|
|
190
198
|
type: "primary",
|
|
191
|
-
onClick:
|
|
199
|
+
onClick: j,
|
|
192
200
|
loading: _.value
|
|
193
201
|
}, {
|
|
194
|
-
default:
|
|
195
|
-
|
|
202
|
+
default: a(() => t[1] || (t[1] = [
|
|
203
|
+
W("确定")
|
|
196
204
|
])),
|
|
197
205
|
_: 1
|
|
198
206
|
}, 8, ["disabled", "loading"])
|
|
@@ -207,5 +215,5 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
207
215
|
}
|
|
208
216
|
});
|
|
209
217
|
export {
|
|
210
|
-
|
|
218
|
+
Z as default
|
|
211
219
|
};
|
|
@@ -55,7 +55,7 @@ export interface ImageUploadOptions {
|
|
|
55
55
|
onError?: (fileItem: FileItem) => void;
|
|
56
56
|
/** 文件超出个数限制时的钩子 */
|
|
57
57
|
onExceed?: (fileList: FileItem[], files: File[]) => void;
|
|
58
|
-
/** 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject
|
|
58
|
+
/** 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 */
|
|
59
59
|
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
60
60
|
/** 内置上传文件之前开始 */
|
|
61
61
|
onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
|
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -42,7 +42,7 @@ declare const ProLayout: {
|
|
|
42
42
|
default: boolean;
|
|
43
43
|
};
|
|
44
44
|
menuItems: {
|
|
45
|
-
type: import('vue').PropType<import('
|
|
45
|
+
type: import('vue').PropType<import('..').IProMenuItem[]>;
|
|
46
46
|
required: false;
|
|
47
47
|
default: () => never[];
|
|
48
48
|
};
|
|
@@ -87,7 +87,7 @@ declare const ProLayout: {
|
|
|
87
87
|
default: boolean;
|
|
88
88
|
};
|
|
89
89
|
onMenuItemClick: {
|
|
90
|
-
type: import('vue').PropType<(menuItem: import('
|
|
90
|
+
type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
|
|
91
91
|
required: false;
|
|
92
92
|
};
|
|
93
93
|
}>> & Readonly<{
|
|
@@ -109,7 +109,7 @@ declare const ProLayout: {
|
|
|
109
109
|
siderWidth: number;
|
|
110
110
|
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
111
111
|
siderCollapsed: boolean;
|
|
112
|
-
menuItems: import('
|
|
112
|
+
menuItems: import('..').IProMenuItem[];
|
|
113
113
|
footerTitle: string;
|
|
114
114
|
hideFooter: boolean;
|
|
115
115
|
hideTabs: boolean;
|
|
@@ -163,7 +163,7 @@ declare const ProLayout: {
|
|
|
163
163
|
default: boolean;
|
|
164
164
|
};
|
|
165
165
|
menuItems: {
|
|
166
|
-
type: import('vue').PropType<import('
|
|
166
|
+
type: import('vue').PropType<import('..').IProMenuItem[]>;
|
|
167
167
|
required: false;
|
|
168
168
|
default: () => never[];
|
|
169
169
|
};
|
|
@@ -208,7 +208,7 @@ declare const ProLayout: {
|
|
|
208
208
|
default: boolean;
|
|
209
209
|
};
|
|
210
210
|
onMenuItemClick: {
|
|
211
|
-
type: import('vue').PropType<(menuItem: import('
|
|
211
|
+
type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
|
|
212
212
|
required: false;
|
|
213
213
|
};
|
|
214
214
|
}>> & Readonly<{
|
|
@@ -227,7 +227,7 @@ declare const ProLayout: {
|
|
|
227
227
|
siderWidth: number;
|
|
228
228
|
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
229
229
|
siderCollapsed: boolean;
|
|
230
|
-
menuItems: import('
|
|
230
|
+
menuItems: import('..').IProMenuItem[];
|
|
231
231
|
footerTitle: string;
|
|
232
232
|
hideFooter: boolean;
|
|
233
233
|
hideTabs: boolean;
|
|
@@ -278,7 +278,7 @@ declare const ProLayout: {
|
|
|
278
278
|
default: boolean;
|
|
279
279
|
};
|
|
280
280
|
menuItems: {
|
|
281
|
-
type: import('vue').PropType<import('
|
|
281
|
+
type: import('vue').PropType<import('..').IProMenuItem[]>;
|
|
282
282
|
required: false;
|
|
283
283
|
default: () => never[];
|
|
284
284
|
};
|
|
@@ -323,7 +323,7 @@ declare const ProLayout: {
|
|
|
323
323
|
default: boolean;
|
|
324
324
|
};
|
|
325
325
|
onMenuItemClick: {
|
|
326
|
-
type: import('vue').PropType<(menuItem: import('
|
|
326
|
+
type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
|
|
327
327
|
required: false;
|
|
328
328
|
};
|
|
329
329
|
}>> & Readonly<{
|
|
@@ -345,7 +345,7 @@ declare const ProLayout: {
|
|
|
345
345
|
siderWidth: number;
|
|
346
346
|
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
347
347
|
siderCollapsed: boolean;
|
|
348
|
-
menuItems: import('
|
|
348
|
+
menuItems: import('..').IProMenuItem[];
|
|
349
349
|
footerTitle: string;
|
|
350
350
|
hideFooter: boolean;
|
|
351
351
|
hideTabs: boolean;
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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(--41512b1e);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(--41512b1e);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(--41512b1e);padding-left:var(--514ba31c);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(--27c679ae)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--514ba31c);width:calc(100% - var(--514ba31c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--27c679ae);width:calc(100% - var(--27c679ae))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-
|
|
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(--41512b1e);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(--41512b1e);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(--41512b1e);padding-left:var(--514ba31c);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(--27c679ae)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--514ba31c);width:calc(100% - var(--514ba31c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--27c679ae);width:calc(100% - var(--27c679ae))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-0d419122]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-0d419122]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-0d419122]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-0d419122]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-0d419122]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-f6a8cf2c]{display:flex;align-items:center}
|
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.15",
|
|
6
6
|
"private": false,
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "es/index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"vue-cropper": "^1.1.4",
|
|
27
27
|
"vue-global-config": "^0.6.3",
|
|
28
28
|
"dayjs": "^1.11.18",
|
|
29
|
-
"@keyblade/one-travel": "^3.0.
|
|
29
|
+
"@keyblade/one-travel": "^3.0.1"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"vue": "^3.4.27"
|