@keyblade/pro-components 1.12.2 → 1.12.4
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/{style.css → pro-components.css} +1 -1
- package/es/pro-image-upload/cropper.vue.js +2 -2
- package/es/pro-image-upload/cropper.vue2.js +9 -9
- package/es/pro-image-upload/image-upload.vue.d.ts +12 -12
- package/es/pro-image-upload/index.d.ts +138 -138
- package/es/pro-keep-alive-router-view/index.d.ts +3 -3
- package/es/pro-layout/hooks.d.ts +1 -1
- package/es/pro-layout/index.d.ts +21 -9
- package/es/pro-layout/pro-layout.vue.d.ts +30 -12
- package/es/pro-layout/pro-layout.vue.js +112 -96
- package/es/pro-menu/index.d.ts +8 -8
- package/es/pro-menu/pro-menu.vue.d.ts +2 -2
- package/es/pro-menu/pro-menu.vue.js +47 -54
- package/es/pro-page-container/index.d.ts +51 -51
- package/es/pro-page-container/pro-page-container.vue.d.ts +36 -28
- package/es/pro-page-header/index.d.ts +12 -12
- package/es/pro-page-header/pro-page-header.vue.d.ts +5 -5
- package/es/pro-reuse-tabs/index.d.ts +9 -9
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +4 -4
- package/package.json +1 -1
|
@@ -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(--
|
|
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(--3c05dc68);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(--3c05dc68);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(--3c05dc68);padding-left:var(--ec912df6);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(--5212d940)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--ec912df6);width:calc(100% - var(--ec912df6))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5212d940);width:calc(100% - var(--5212d940))}.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-4b4b19db]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-4b4b19db]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-4b4b19db]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-4b4b19db]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-4b4b19db]{flex:1;display:flex;align-items:center;justify-content:flex-end}
|
|
@@ -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-4b4b19db"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
_ as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as D, ref as d, watch as M, resolveComponent as l, openBlock as P, createBlock as q, normalizeClass as m, withCtx as n, createVNode as e, mergeProps as G, createElementVNode as y, createTextVNode as x, nextTick as
|
|
1
|
+
import { defineComponent as D, ref as d, watch as M, resolveComponent as l, openBlock as P, createBlock as q, normalizeClass as m, withCtx as n, createVNode as e, mergeProps as G, createElementVNode as y, createTextVNode as x, nextTick as C } from "vue";
|
|
2
2
|
import "vue-cropper/dist/index.css";
|
|
3
3
|
import J from "vue-cropper/lib/vue-cropper.vue";
|
|
4
4
|
const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
@@ -20,17 +20,17 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
20
20
|
}, L = () => {
|
|
21
21
|
o.value.rotateRight();
|
|
22
22
|
const { w: a, h: t } = v();
|
|
23
|
-
|
|
23
|
+
C(() => {
|
|
24
24
|
o.value.goAutoCrop(a, t);
|
|
25
25
|
});
|
|
26
26
|
}, $ = () => {
|
|
27
27
|
o.value.rotateLeft();
|
|
28
28
|
const { w: a, h: t } = v();
|
|
29
|
-
|
|
29
|
+
C(() => {
|
|
30
30
|
o.value.goAutoCrop(a, t);
|
|
31
31
|
});
|
|
32
32
|
}, N = () => {
|
|
33
|
-
o.value.reload(), o.value.rotateClear(),
|
|
33
|
+
o.value.reload(), o.value.rotateClear(), C(() => {
|
|
34
34
|
o.value.goAutoCrop();
|
|
35
35
|
});
|
|
36
36
|
}, b = () => {
|
|
@@ -58,10 +58,10 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
58
58
|
a.onloadend = () => {
|
|
59
59
|
const t = a.result, i = new Image();
|
|
60
60
|
i.onload = () => {
|
|
61
|
-
const
|
|
61
|
+
const h = i.width, c = i.height;
|
|
62
62
|
w.value = {
|
|
63
63
|
data: t,
|
|
64
|
-
width:
|
|
64
|
+
width: h,
|
|
65
65
|
height: c
|
|
66
66
|
};
|
|
67
67
|
}, i.src = t;
|
|
@@ -72,7 +72,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
72
72
|
), R({
|
|
73
73
|
cropperInsRef: o
|
|
74
74
|
}), (a, t) => {
|
|
75
|
-
const i = l("a-spin"),
|
|
75
|
+
const i = l("a-spin"), h = l("icon-zoom-in"), c = l("a-button"), p = l("a-tooltip"), B = l("icon-zoom-out"), V = l("icon-rotate-right"), E = l("icon-rotate-left"), F = l("icon-sync"), T = l("a-button-group"), U = l("a-space"), j = l("a-modal");
|
|
76
76
|
return P(), q(j, {
|
|
77
77
|
"render-to-body": "",
|
|
78
78
|
class: m(`${r}-dialog`),
|
|
@@ -83,7 +83,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
83
83
|
"mask-closable": !1,
|
|
84
84
|
"esc-to-close": !1,
|
|
85
85
|
"unmount-on-close": "",
|
|
86
|
-
|
|
86
|
+
onCancel: b
|
|
87
87
|
}, {
|
|
88
88
|
default: n(() => [
|
|
89
89
|
e(i, {
|
|
@@ -117,7 +117,7 @@ const r = "keyblade-pro-image-upload-cropper", X = /* @__PURE__ */ D({
|
|
|
117
117
|
default: n(() => [
|
|
118
118
|
e(c, { onClick: z }, {
|
|
119
119
|
icon: n(() => [
|
|
120
|
-
e(
|
|
120
|
+
e(h)
|
|
121
121
|
]),
|
|
122
122
|
_: 1
|
|
123
123
|
})
|
|
@@ -133,12 +133,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
133
133
|
action?: string | undefined;
|
|
134
134
|
headers?: Record<string, string> | undefined;
|
|
135
135
|
customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
|
|
136
|
-
imageLoading?: "
|
|
136
|
+
imageLoading?: "eager" | "lazy" | undefined;
|
|
137
137
|
responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
|
|
138
138
|
customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
|
|
139
139
|
onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
|
|
140
140
|
onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
|
|
141
|
-
onButtonClick?: ((event: Event) =>
|
|
141
|
+
onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
|
|
142
142
|
}> & {
|
|
143
143
|
onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
|
|
144
144
|
onError?: ((fileItem: FileItem) => any) | undefined;
|
|
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
149
149
|
"onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
|
|
150
150
|
}, {
|
|
151
151
|
prefixCls: string;
|
|
152
|
-
render: () =>
|
|
152
|
+
render: () => false | JSX.Element;
|
|
153
153
|
innerSubmit: (fileItem?: FileItem | undefined) => void;
|
|
154
154
|
innerAbort: (fileItem: FileItem) => void;
|
|
155
155
|
innerUpdateFile: (id: string, file: File) => void;
|
|
@@ -259,12 +259,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
259
259
|
action?: string | undefined;
|
|
260
260
|
headers?: Record<string, string> | undefined;
|
|
261
261
|
customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
|
|
262
|
-
imageLoading?: "
|
|
262
|
+
imageLoading?: "eager" | "lazy" | undefined;
|
|
263
263
|
responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
|
|
264
264
|
customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
|
|
265
265
|
onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
|
|
266
266
|
onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
|
|
267
|
-
onButtonClick?: ((event: Event) =>
|
|
267
|
+
onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
|
|
268
268
|
}> & {
|
|
269
269
|
onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
|
|
270
270
|
onError?: ((fileItem: FileItem) => any) | undefined;
|
|
@@ -275,7 +275,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
275
275
|
"onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
|
|
276
276
|
}, {
|
|
277
277
|
prefixCls: string;
|
|
278
|
-
render: () =>
|
|
278
|
+
render: () => false | JSX.Element;
|
|
279
279
|
innerSubmit: (fileItem?: FileItem | undefined) => void;
|
|
280
280
|
innerAbort: (fileItem: FileItem) => void;
|
|
281
281
|
innerUpdateFile: (id: string, file: File) => void;
|
|
@@ -370,12 +370,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
370
370
|
action?: string | undefined;
|
|
371
371
|
headers?: Record<string, string> | undefined;
|
|
372
372
|
customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
|
|
373
|
-
imageLoading?: "
|
|
373
|
+
imageLoading?: "eager" | "lazy" | undefined;
|
|
374
374
|
responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
|
|
375
375
|
customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
|
|
376
376
|
onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
|
|
377
377
|
onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
|
|
378
|
-
onButtonClick?: ((event: Event) =>
|
|
378
|
+
onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
|
|
379
379
|
}> & {
|
|
380
380
|
onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
|
|
381
381
|
onError?: ((fileItem: FileItem) => any) | undefined;
|
|
@@ -386,7 +386,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
386
386
|
"onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
|
|
387
387
|
}, {
|
|
388
388
|
prefixCls: string;
|
|
389
|
-
render: () =>
|
|
389
|
+
render: () => false | JSX.Element;
|
|
390
390
|
innerSubmit: (fileItem?: FileItem | undefined) => void;
|
|
391
391
|
innerAbort: (fileItem: FileItem) => void;
|
|
392
392
|
innerUpdateFile: (id: string, file: File) => void;
|
|
@@ -496,12 +496,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
496
496
|
action?: string | undefined;
|
|
497
497
|
headers?: Record<string, string> | undefined;
|
|
498
498
|
customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
|
|
499
|
-
imageLoading?: "
|
|
499
|
+
imageLoading?: "eager" | "lazy" | undefined;
|
|
500
500
|
responseUrlKey?: string | ((fileItem: FileItem) => string) | undefined;
|
|
501
501
|
customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
|
|
502
502
|
onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
|
|
503
503
|
onBeforeRemove?: ((fileItem: FileItem) => Promise<boolean>) | undefined;
|
|
504
|
-
onButtonClick?: ((event: Event) =>
|
|
504
|
+
onButtonClick?: ((event: Event) => Promise<FileList> | void) | undefined;
|
|
505
505
|
}> & {
|
|
506
506
|
onChange?: ((fileList: FileItem[], fileItem: FileItem) => any) | undefined;
|
|
507
507
|
onError?: ((fileItem: FileItem) => any) | undefined;
|
|
@@ -512,7 +512,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
512
512
|
"onUpdate:fileList"?: ((fileList: FileItem[]) => any) | undefined;
|
|
513
513
|
}, {
|
|
514
514
|
prefixCls: string;
|
|
515
|
-
render: () =>
|
|
515
|
+
render: () => false | JSX.Element;
|
|
516
516
|
innerSubmit: (fileItem?: FileItem | undefined) => void;
|
|
517
517
|
innerAbort: (fileItem: FileItem) => void;
|
|
518
518
|
innerUpdateFile: (id: string, file: File) => void;
|