@keyblade/pro-components 1.13.8-alpha.26 → 1.13.8-alpha.27
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/global-props.d.ts +2 -0
- package/es/pro-image-upload/cropper.vue.js +2 -2
- package/es/pro-image-upload/image-upload.vue.d.ts +4 -70
- package/es/pro-image-upload/image-upload.vue.js +1 -0
- package/es/pro-image-upload/index.d.ts +6 -123
- package/es/pro-loader/index.d.ts +18 -5
- package/es/pro-loader/index.vue.d.ts +25 -3
- package/es/pro-loader/index.vue.js +92 -45
- package/es/pro-loader/interface.d.ts +11 -1
- package/es/pro-table/index.d.ts +3 -3
- package/es/pro-table/index.vue.d.ts +1 -1
- package/es/style.css +1 -1
- package/package.json +1 -1
package/es/global-props.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { ProTextareaProps } from './pro-textarea';
|
|
|
4
4
|
import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
|
|
5
5
|
import { ProCalendarProps } from './pro-calendar';
|
|
6
6
|
import { ProDatesPickerProps } from './pro-dates-picker/inerface';
|
|
7
|
+
import { ProLoaderProps } from './pro-loader';
|
|
7
8
|
export interface GlobalProps {
|
|
8
9
|
footerBar?: ProFooterBarProps;
|
|
9
10
|
dateRangePicker?: ProDateRangePickerProps;
|
|
@@ -11,5 +12,6 @@ export interface GlobalProps {
|
|
|
11
12
|
textarea?: ProTextareaProps;
|
|
12
13
|
table?: ProTableProps;
|
|
13
14
|
calendar?: ProCalendarProps;
|
|
15
|
+
loader?: ProLoaderProps;
|
|
14
16
|
}
|
|
15
17
|
export declare const globalProps: GlobalProps;
|
|
@@ -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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ede60dad"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,73 +1,7 @@
|
|
|
1
1
|
import { FileItem } from '@arco-design/web-vue';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
type __VLS_Props =
|
|
5
|
-
/** 上传地址 */
|
|
6
|
-
action: string;
|
|
7
|
-
/** 处理响应 */
|
|
8
|
-
handlerResponse?: (response: any) => Promise<{
|
|
9
|
-
/** 是否成功 */
|
|
10
|
-
success: boolean;
|
|
11
|
-
/** 图片地址 */
|
|
12
|
-
url?: string;
|
|
13
|
-
/** 错误消息(如果不传,请自行提示错误消息) */
|
|
14
|
-
errorMessage?: string;
|
|
15
|
-
/** 其他字段 */
|
|
16
|
-
[key: string]: any;
|
|
17
|
-
}>;
|
|
18
|
-
/** 设置上传的请求头部 */
|
|
19
|
-
headers?: Record<string, any>;
|
|
20
|
-
/** 上传时附带的额外参数 */
|
|
21
|
-
data?: Record<string, any>;
|
|
22
|
-
/** 上传的文件字段名 - 默认: file */
|
|
23
|
-
name?: string;
|
|
24
|
-
/** 提示文字 */
|
|
25
|
-
tip?: string;
|
|
26
|
-
/** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
|
|
27
|
-
accept?: string[];
|
|
28
|
-
/** 是否支持多选文件 - 默认: true */
|
|
29
|
-
multiple?: boolean;
|
|
30
|
-
/** 单次最大限制 - 默认: 10 */
|
|
31
|
-
singleLimit?: number;
|
|
32
|
-
/** 最大允许上传个数 */
|
|
33
|
-
limit?: number;
|
|
34
|
-
/** 文件超出个数限制时的提示文字 */
|
|
35
|
-
exceedTip?: string;
|
|
36
|
-
/** 是否禁用 - 默认: false */
|
|
37
|
-
disabled?: boolean;
|
|
38
|
-
/** 隐藏内置上传文件之前的loading效果 - 默认: false */
|
|
39
|
-
hideInnerBeforeUploadLoading?: boolean;
|
|
40
|
-
/** 校验选项 */
|
|
41
|
-
checkOptions?: ImageUploadCheckOptions;
|
|
42
|
-
/** 压缩选项 */
|
|
43
|
-
compressorOptions?: ImageUploadCompressorOptions;
|
|
44
|
-
/** 剪裁选项 */
|
|
45
|
-
cropOptions?: ImageUploadCropOptions;
|
|
46
|
-
/** 文件列表移除文件时的钩子 */
|
|
47
|
-
/** 文件上传成功时的钩子 */
|
|
48
|
-
onSuccess?: (fileItem: FileItem) => void;
|
|
49
|
-
/** 文件上传失败时的钩子 */
|
|
50
|
-
onError?: (fileItem: FileItem) => void;
|
|
51
|
-
/** 文件超出个数限制时的钩子 */
|
|
52
|
-
onExceed?: (fileList: FileItem[], files: File[]) => void;
|
|
53
|
-
/** 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 */
|
|
54
|
-
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
55
|
-
/** 内置上传文件之前开始 */
|
|
56
|
-
onInnerBeforeUploadStart?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep) => void;
|
|
57
|
-
/** 内置上传文件之前结束 */
|
|
58
|
-
onInnerBeforeUploadEnd?: (file: File, index: number, type: EImageUploadInnerBeforeUploadStep, result: {
|
|
59
|
-
success: boolean;
|
|
60
|
-
error?: {
|
|
61
|
-
size?: boolean;
|
|
62
|
-
format?: boolean;
|
|
63
|
-
transform?: boolean;
|
|
64
|
-
pixel?: boolean;
|
|
65
|
-
compress?: boolean;
|
|
66
|
-
crop?: boolean;
|
|
67
|
-
};
|
|
68
|
-
errorMessage?: string;
|
|
69
|
-
}) => void;
|
|
70
|
-
};
|
|
2
|
+
import { ImageUploadOptions } from './types';
|
|
3
|
+
import { ImageUploadCropOptions } from '@keyblade/one-travel';
|
|
4
|
+
type __VLS_Props = ImageUploadOptions;
|
|
71
5
|
type __VLS_PublicProps = {
|
|
72
6
|
modelValue: FileItem[];
|
|
73
7
|
} & __VLS_Props;
|
|
@@ -136,8 +70,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
136
70
|
}>, {
|
|
137
71
|
disabled: boolean;
|
|
138
72
|
name: string;
|
|
139
|
-
accept: string[];
|
|
140
73
|
multiple: boolean;
|
|
74
|
+
accept: string[];
|
|
141
75
|
singleLimit: number;
|
|
142
76
|
hideInnerBeforeUploadLoading: boolean;
|
|
143
77
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -3,46 +3,7 @@ import { App } from 'vue';
|
|
|
3
3
|
declare const ProImageUpload: {
|
|
4
4
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
5
5
|
modelValue: Tooltip[];
|
|
6
|
-
} & {
|
|
7
|
-
action: string;
|
|
8
|
-
handlerResponse?: (response: any) => Promise<{
|
|
9
|
-
success: boolean;
|
|
10
|
-
url?: string;
|
|
11
|
-
errorMessage?: string;
|
|
12
|
-
[key: string]: any;
|
|
13
|
-
}>;
|
|
14
|
-
headers?: Record<string, any>;
|
|
15
|
-
data?: Record<string, any>;
|
|
16
|
-
name?: string;
|
|
17
|
-
tip?: string;
|
|
18
|
-
accept?: string[];
|
|
19
|
-
multiple?: boolean;
|
|
20
|
-
singleLimit?: number;
|
|
21
|
-
limit?: number;
|
|
22
|
-
exceedTip?: string;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
hideInnerBeforeUploadLoading?: boolean;
|
|
25
|
-
checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
|
|
26
|
-
compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
|
|
27
|
-
cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
|
|
28
|
-
onSuccess?: (fileItem: Tooltip) => void;
|
|
29
|
-
onError?: (fileItem: Tooltip) => void;
|
|
30
|
-
onExceed?: (fileList: Tooltip[], files: File[]) => void;
|
|
31
|
-
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
32
|
-
onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
|
|
33
|
-
onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
|
|
34
|
-
success: boolean;
|
|
35
|
-
error?: {
|
|
36
|
-
size?: boolean;
|
|
37
|
-
format?: boolean;
|
|
38
|
-
transform?: boolean;
|
|
39
|
-
pixel?: boolean;
|
|
40
|
-
compress?: boolean;
|
|
41
|
-
crop?: boolean;
|
|
42
|
-
};
|
|
43
|
-
errorMessage?: string;
|
|
44
|
-
}) => void;
|
|
45
|
-
}> & Readonly<{
|
|
6
|
+
} & import('./types').ImageUploadOptions> & Readonly<{
|
|
46
7
|
"onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
|
|
47
8
|
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
48
9
|
}>, {
|
|
@@ -56,8 +17,8 @@ declare const ProImageUpload: {
|
|
|
56
17
|
}, import('vue').PublicProps, {
|
|
57
18
|
disabled: boolean;
|
|
58
19
|
name: string;
|
|
59
|
-
accept: string[];
|
|
60
20
|
multiple: boolean;
|
|
21
|
+
accept: string[];
|
|
61
22
|
singleLimit: number;
|
|
62
23
|
hideInnerBeforeUploadLoading: boolean;
|
|
63
24
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
@@ -108,46 +69,7 @@ declare const ProImageUpload: {
|
|
|
108
69
|
Defaults: {};
|
|
109
70
|
}, Readonly<{
|
|
110
71
|
modelValue: Tooltip[];
|
|
111
|
-
} & {
|
|
112
|
-
action: string;
|
|
113
|
-
handlerResponse?: (response: any) => Promise<{
|
|
114
|
-
success: boolean;
|
|
115
|
-
url?: string;
|
|
116
|
-
errorMessage?: string;
|
|
117
|
-
[key: string]: any;
|
|
118
|
-
}>;
|
|
119
|
-
headers?: Record<string, any>;
|
|
120
|
-
data?: Record<string, any>;
|
|
121
|
-
name?: string;
|
|
122
|
-
tip?: string;
|
|
123
|
-
accept?: string[];
|
|
124
|
-
multiple?: boolean;
|
|
125
|
-
singleLimit?: number;
|
|
126
|
-
limit?: number;
|
|
127
|
-
exceedTip?: string;
|
|
128
|
-
disabled?: boolean;
|
|
129
|
-
hideInnerBeforeUploadLoading?: boolean;
|
|
130
|
-
checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
|
|
131
|
-
compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
|
|
132
|
-
cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
|
|
133
|
-
onSuccess?: (fileItem: Tooltip) => void;
|
|
134
|
-
onError?: (fileItem: Tooltip) => void;
|
|
135
|
-
onExceed?: (fileList: Tooltip[], files: File[]) => void;
|
|
136
|
-
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
137
|
-
onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
|
|
138
|
-
onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
|
|
139
|
-
success: boolean;
|
|
140
|
-
error?: {
|
|
141
|
-
size?: boolean;
|
|
142
|
-
format?: boolean;
|
|
143
|
-
transform?: boolean;
|
|
144
|
-
pixel?: boolean;
|
|
145
|
-
compress?: boolean;
|
|
146
|
-
crop?: boolean;
|
|
147
|
-
};
|
|
148
|
-
errorMessage?: string;
|
|
149
|
-
}) => void;
|
|
150
|
-
}> & Readonly<{
|
|
72
|
+
} & import('./types').ImageUploadOptions> & Readonly<{
|
|
151
73
|
"onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
|
|
152
74
|
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
153
75
|
}>, {
|
|
@@ -157,8 +79,8 @@ declare const ProImageUpload: {
|
|
|
157
79
|
}, {}, {}, {}, {
|
|
158
80
|
disabled: boolean;
|
|
159
81
|
name: string;
|
|
160
|
-
accept: string[];
|
|
161
82
|
multiple: boolean;
|
|
83
|
+
accept: string[];
|
|
162
84
|
singleLimit: number;
|
|
163
85
|
hideInnerBeforeUploadLoading: boolean;
|
|
164
86
|
}>;
|
|
@@ -167,46 +89,7 @@ declare const ProImageUpload: {
|
|
|
167
89
|
__isSuspense?: never;
|
|
168
90
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
169
91
|
modelValue: Tooltip[];
|
|
170
|
-
} & {
|
|
171
|
-
action: string;
|
|
172
|
-
handlerResponse?: (response: any) => Promise<{
|
|
173
|
-
success: boolean;
|
|
174
|
-
url?: string;
|
|
175
|
-
errorMessage?: string;
|
|
176
|
-
[key: string]: any;
|
|
177
|
-
}>;
|
|
178
|
-
headers?: Record<string, any>;
|
|
179
|
-
data?: Record<string, any>;
|
|
180
|
-
name?: string;
|
|
181
|
-
tip?: string;
|
|
182
|
-
accept?: string[];
|
|
183
|
-
multiple?: boolean;
|
|
184
|
-
singleLimit?: number;
|
|
185
|
-
limit?: number;
|
|
186
|
-
exceedTip?: string;
|
|
187
|
-
disabled?: boolean;
|
|
188
|
-
hideInnerBeforeUploadLoading?: boolean;
|
|
189
|
-
checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
|
|
190
|
-
compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions;
|
|
191
|
-
cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions;
|
|
192
|
-
onSuccess?: (fileItem: Tooltip) => void;
|
|
193
|
-
onError?: (fileItem: Tooltip) => void;
|
|
194
|
-
onExceed?: (fileList: Tooltip[], files: File[]) => void;
|
|
195
|
-
onBeforeUpload?: (file: File) => boolean | Promise<any>;
|
|
196
|
-
onInnerBeforeUploadStart?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void;
|
|
197
|
-
onInnerBeforeUploadEnd?: (file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
|
|
198
|
-
success: boolean;
|
|
199
|
-
error?: {
|
|
200
|
-
size?: boolean;
|
|
201
|
-
format?: boolean;
|
|
202
|
-
transform?: boolean;
|
|
203
|
-
pixel?: boolean;
|
|
204
|
-
compress?: boolean;
|
|
205
|
-
crop?: boolean;
|
|
206
|
-
};
|
|
207
|
-
errorMessage?: string;
|
|
208
|
-
}) => void;
|
|
209
|
-
}> & Readonly<{
|
|
92
|
+
} & import('./types').ImageUploadOptions> & Readonly<{
|
|
210
93
|
"onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
|
|
211
94
|
onCropperImgLoad?: ((value: File) => any) | undefined;
|
|
212
95
|
}>, {
|
|
@@ -220,8 +103,8 @@ declare const ProImageUpload: {
|
|
|
220
103
|
}, string, {
|
|
221
104
|
disabled: boolean;
|
|
222
105
|
name: string;
|
|
223
|
-
accept: string[];
|
|
224
106
|
multiple: boolean;
|
|
107
|
+
accept: string[];
|
|
225
108
|
singleLimit: number;
|
|
226
109
|
hideInnerBeforeUploadLoading: boolean;
|
|
227
110
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
package/es/pro-loader/index.d.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
declare const ProLoader: {
|
|
3
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
4
|
+
loading: boolean;
|
|
4
5
|
size: number | string;
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
tip: string;
|
|
7
|
+
animation: import('./interface').IProLoaderAnimation;
|
|
8
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
9
|
+
divRef: HTMLDivElement;
|
|
10
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
7
11
|
P: {};
|
|
8
12
|
B: {};
|
|
9
13
|
D: {};
|
|
@@ -11,16 +15,25 @@ declare const ProLoader: {
|
|
|
11
15
|
M: {};
|
|
12
16
|
Defaults: {};
|
|
13
17
|
}, Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, {
|
|
18
|
+
loading: boolean;
|
|
14
19
|
size: number | string;
|
|
15
|
-
|
|
20
|
+
tip: string;
|
|
21
|
+
animation: import('./interface').IProLoaderAnimation;
|
|
16
22
|
}>;
|
|
17
23
|
__isFragment?: never;
|
|
18
24
|
__isTeleport?: never;
|
|
19
25
|
__isSuspense?: never;
|
|
20
26
|
} & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
27
|
+
loading: boolean;
|
|
21
28
|
size: number | string;
|
|
22
|
-
|
|
23
|
-
|
|
29
|
+
tip: string;
|
|
30
|
+
animation: import('./interface').IProLoaderAnimation;
|
|
31
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
32
|
+
$slots: {
|
|
33
|
+
tip?(_: {}): any;
|
|
34
|
+
default?(_: {}): any;
|
|
35
|
+
};
|
|
36
|
+
}) & {
|
|
24
37
|
install: (app: App) => void;
|
|
25
38
|
};
|
|
26
39
|
export * from './interface';
|
|
@@ -1,6 +1,28 @@
|
|
|
1
1
|
import { IProLoader } from './interface';
|
|
2
|
-
declare
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
tip?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {
|
|
9
|
+
divRef: HTMLDivElement;
|
|
10
|
+
};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<IProLoader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProLoader> & Readonly<{}>, {
|
|
15
|
+
loading: boolean;
|
|
3
16
|
size: number | string;
|
|
4
|
-
|
|
5
|
-
|
|
17
|
+
tip: string;
|
|
18
|
+
animation: import('./interface').IProLoaderAnimation;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
20
|
+
divRef: HTMLDivElement;
|
|
21
|
+
}, HTMLDivElement>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
6
23
|
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -1,28 +1,68 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
1
|
+
import { defineComponent as x, ref as h, useSlots as w, computed as n, watch as m, createElementBlock as l, openBlock as r, normalizeStyle as p, normalizeClass as s, createCommentVNode as k, renderSlot as $, createElementVNode as c, createStaticVNode as b, unref as B, toDisplayString as M } from "vue";
|
|
2
|
+
import { conclude as N } from "vue-global-config";
|
|
3
|
+
import { globalProps as W } from "../global-props.js";
|
|
4
|
+
const e = "keyblade-pro-loader", G = /* @__PURE__ */ x({
|
|
3
5
|
__name: "index",
|
|
4
6
|
props: {
|
|
5
|
-
size: { default: "
|
|
6
|
-
|
|
7
|
+
size: { default: "100px" },
|
|
8
|
+
loading: { type: Boolean, default: !0 },
|
|
9
|
+
tip: { default: "" },
|
|
10
|
+
animation: { default: () => ({
|
|
11
|
+
startStrokeWidth: 2,
|
|
12
|
+
endStrokeWidth: 3
|
|
13
|
+
}) }
|
|
7
14
|
},
|
|
8
|
-
setup(
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
setup(z) {
|
|
16
|
+
const d = h(), a = z, i = h(a.loading), u = w(), S = n(() => a.loading ? "" : `${e}-fade-out`), f = n(() => {
|
|
17
|
+
const t = typeof o.value.size == "number" ? `${o.value.size}px` : o.value.size;
|
|
18
|
+
return {
|
|
19
|
+
width: t,
|
|
20
|
+
height: t
|
|
21
|
+
};
|
|
22
|
+
}), C = n(() => {
|
|
23
|
+
if (u.default)
|
|
24
|
+
return {
|
|
25
|
+
position: "absolute"
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
m(() => a.loading, (t) => {
|
|
29
|
+
t && (i.value = !0);
|
|
30
|
+
}), m(d, (t) => {
|
|
31
|
+
t && (t == null || t.addEventListener("transitionend", () => {
|
|
32
|
+
a.loading || (i.value = !1);
|
|
33
|
+
}));
|
|
34
|
+
});
|
|
35
|
+
const o = n(() => N([a, W.loader || {}]));
|
|
36
|
+
return (t, y) => {
|
|
37
|
+
var v, g;
|
|
38
|
+
return r(), l("div", {
|
|
39
|
+
class: s(e),
|
|
40
|
+
style: p({ minHeight: `calc(${f.value.height} + ${t.tip ? "24px" : "0px"})` })
|
|
15
41
|
}, [
|
|
16
|
-
(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
42
|
+
i.value ? (r(), l("div", {
|
|
43
|
+
key: 0,
|
|
44
|
+
ref_key: "divRef",
|
|
45
|
+
ref: d,
|
|
46
|
+
class: s([`${e}-container`, S.value]),
|
|
47
|
+
style: p({
|
|
48
|
+
...C.value,
|
|
49
|
+
"--start-stroke-width": `${(v = o.value.animation) == null ? void 0 : v.startStrokeWidth}`,
|
|
50
|
+
"--end-stroke-width": `${(g = o.value.animation) == null ? void 0 : g.endStrokeWidth}`
|
|
51
|
+
})
|
|
20
52
|
}, [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
53
|
+
c("div", {
|
|
54
|
+
class: s(`${e}-svg-container`)
|
|
55
|
+
}, [
|
|
56
|
+
(r(), l("svg", {
|
|
57
|
+
class: s(`${e}-svg-logo`),
|
|
58
|
+
style: p(f.value),
|
|
59
|
+
viewBox: "0 0 243.8 320.3"
|
|
60
|
+
}, [
|
|
61
|
+
y[0] || (y[0] = b('<defs><linearGradient id="css-gradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1;"></stop><stop offset="25%" style="stop-color:#22d3ee;stop-opacity:1;"></stop><stop offset="50%" style="stop-color:#818cf8;stop-opacity:1;"></stop><stop offset="60%" style="stop-color:#c084fc;stop-opacity:1;"></stop><stop offset="75%" style="stop-color:#f472b6;stop-opacity:1;"></stop><stop offset="100%" style="stop-color:#FFB134;stop-opacity:1;"></stop></linearGradient></defs>', 1)),
|
|
62
|
+
c("path", {
|
|
63
|
+
class: s(`${e}-svg-path`),
|
|
64
|
+
stroke: "url(#css-gradient)",
|
|
65
|
+
d: `M70.1,236.7c-4-0.5-7.4-0.1-10.9-0.7c-14.8-2.8-25.2-15.3-25.3-30.3c0-5.1,0-10.2,0-15.3c0-5.1,3.1-8.7,7.5-9
|
|
26
66
|
c4.5-0.3,8,2.7,8.5,8c0.4,4.8,0.5,9.7,0.2,14.5c-0.7,10,5.8,16.5,16,16.8c5.4,0.2,10.8,0,16.2,0.1c1.6,0,2.7-0.6,3.8-1.8
|
|
27
67
|
c2.9-3.3,6-6.5,8.9-9.9c14.2-16.9,37.9-17.8,53.2-1.9c3.6,3.8,7,7.8,10.4,11.6c0.8,0.9,1.7,1.9,3.1,1.9c6.7-0.1,13.5,0.6,20.2-0.4
|
|
28
68
|
c7.8-1.2,12.5-6.7,12.6-14.5c0-4.5-0.1-9.1,0-13.6c0-1.8,0.2-3.7,0.7-5.4c0.9-3.3,4.5-5.6,8.1-5.3c3.9,0.3,7.2,3,7.3,7
|
|
@@ -30,39 +70,46 @@ const c = "keyblade-pro-loader", g = /* @__PURE__ */ i({
|
|
|
30
70
|
c1.2,1.4,2.5,2.7,3.2,4.4c1.5,3.5,0.4,7.4-2.6,9.6c-3.2,2.3-7.2,2.2-10.1-0.8c-4.8-5-9.4-10.2-14-15.4c-6.1-6.8-12.1-13.8-18.4-20.4
|
|
31
71
|
c-7.9-8.4-20-8.4-27.9,0.2c-10.2,11.2-20.2,22.6-30.3,33.9c-0.9,1-1.8,2.1-2.8,2.9c-3.3,2.7-7.9,2.4-10.8-0.4
|
|
32
72
|
c-2.8-2.9-3.1-7.6-0.4-10.8C65.9,241.4,67.9,239.3,70.1,236.7z`
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
73
|
+
}, null, 2),
|
|
74
|
+
c("path", {
|
|
75
|
+
class: s(`${e}-svg-path`),
|
|
76
|
+
stroke: "url(#css-gradient)",
|
|
77
|
+
d: `M123.4,173.2c-33.2-0.5-65-3.1-96.3-10.9c-1.3-0.3-2.6-0.7-3.9-1.2c-4.1-1.5-6.2-5.5-5-9.5c1.2-4,5.1-6.5,9.3-5.4
|
|
38
78
|
c13.6,3.5,27.4,5.7,41.3,7.5c9.9,1.3,19.9,2.1,30,2.6c9.5,0.5,19.1,0.7,28.6,0.6c29.7-0.5,59.1-3.4,88-10.5c6.6-1.6,11.6,2,11.2,8.1
|
|
39
79
|
c-0.3,3.6-2.5,6.1-6.7,7.3c-7.7,2.2-15.6,3.7-23.5,5.1c-20.9,3.5-41.8,5.7-63,5.9C129.6,172.8,126,173.3,123.4,173.2z`
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
80
|
+
}, null, 2),
|
|
81
|
+
c("path", {
|
|
82
|
+
class: s(`${e}-svg-path`),
|
|
83
|
+
stroke: "url(#css-gradient)",
|
|
84
|
+
d: `M210.9,114.1c0,3.9,0,7.7,0,11.6c-0.1,4.8-3.2,8.4-7.5,8.8c-4.4,0.3-8.2-2.7-8.5-7.7c-0.4-6.8-0.3-13.7-0.3-20.5
|
|
45
85
|
c0-9.7-5.5-15.2-15.2-15.2c-6.8-0.1-13.7,0-20.5-0.1c-5-0.1-8.3-3.2-8.4-7.7c-0.1-4.6,2.9-8.2,7.8-8.3c9.1-0.2,18.2-0.9,27.2,0.5
|
|
46
86
|
c15.1,2.3,25.5,14.6,25.5,29.7C210.9,108.1,210.9,111.1,210.9,114.1z`
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
87
|
+
}, null, 2),
|
|
88
|
+
c("path", {
|
|
89
|
+
class: s(`${e}-svg-path`),
|
|
90
|
+
stroke: "url(#css-gradient)",
|
|
91
|
+
d: `M34.1,112.9c0.2-4-0.5-9.1,0.5-14.2c2.3-12,13.5-22.1,25.7-23.4c8.2-0.9,16.4-0.4,24.6-0.5c2,0,4.1,0.2,5.8,1.4
|
|
52
92
|
c2.9,1.9,4.1,4.6,3.5,8c-0.5,3.2-2.5,5.2-5.5,6.1c-1.6,0.5-3.2,0.6-4.9,0.6c-6.3,0-12.6,0-18.8,0c-9.3,0.1-15.2,6-15.3,15.2
|
|
53
93
|
c0,6.5,0,12.9-0.1,19.4c0,5-3.4,8.7-7.8,8.7c-4.3,0-7.8-3.7-7.9-8.7C34,121.7,34.1,117.9,34.1,112.9z`
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
94
|
+
}, null, 2),
|
|
95
|
+
c("path", {
|
|
96
|
+
class: s(`${e}-svg-path`),
|
|
97
|
+
stroke: "url(#css-gradient)",
|
|
98
|
+
d: `M130.4,97c0,8,0,16,0,24c0,5.3-3.3,8.8-8,8.7c-4.4-0.1-7.8-3.8-7.8-8.7c0-16.1,0-32.2,0.1-48.3c0-4.7,3.5-8.4,7.8-8.5
|
|
59
99
|
c4.6-0.1,7.9,3.3,7.9,8.4C130.3,80.8,130.3,88.9,130.4,97C130.3,97,130.3,97,130.4,97z`
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
100
|
+
}, null, 2)
|
|
101
|
+
], 6))
|
|
102
|
+
], 2),
|
|
103
|
+
B(u).tip ? $(t.$slots, "tip", { key: 0 }) : o.value.tip ? (r(), l("div", {
|
|
104
|
+
key: 1,
|
|
105
|
+
class: s(`${e}-tip`)
|
|
106
|
+
}, M(o.value.tip), 3)) : k("", !0)
|
|
107
|
+
], 6)) : k("", !0),
|
|
108
|
+
$(t.$slots, "default")
|
|
109
|
+
], 4);
|
|
110
|
+
};
|
|
64
111
|
}
|
|
65
112
|
});
|
|
66
113
|
export {
|
|
67
|
-
|
|
114
|
+
G as default
|
|
68
115
|
};
|
|
@@ -1,4 +1,14 @@
|
|
|
1
|
+
export interface IProLoaderAnimation {
|
|
2
|
+
/** 开始动画时粗细 */
|
|
3
|
+
startStrokeWidth?: number;
|
|
4
|
+
/** 结束动画时粗细 */
|
|
5
|
+
endStrokeWidth?: number;
|
|
6
|
+
}
|
|
1
7
|
export interface IProLoader {
|
|
2
8
|
size?: number | string;
|
|
3
|
-
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
/** 提示文字 */
|
|
11
|
+
tip?: string;
|
|
12
|
+
animation?: IProLoaderAnimation;
|
|
4
13
|
}
|
|
14
|
+
export type ProLoaderProps = Partial<IProLoader>;
|
package/es/pro-table/index.d.ts
CHANGED
|
@@ -6,8 +6,8 @@ declare const ProTable: {
|
|
|
6
6
|
loading: boolean | Record<string, any>;
|
|
7
7
|
size: "mini" | "medium" | "large" | "small";
|
|
8
8
|
scrollbar: boolean | any;
|
|
9
|
-
bordered: boolean | any;
|
|
10
9
|
columns: any[];
|
|
10
|
+
bordered: boolean | any;
|
|
11
11
|
pagination: boolean | any;
|
|
12
12
|
stripe: boolean;
|
|
13
13
|
tableLayoutFixed: boolean;
|
|
@@ -36,8 +36,8 @@ declare const ProTable: {
|
|
|
36
36
|
loading: boolean | Record<string, any>;
|
|
37
37
|
size: "mini" | "medium" | "large" | "small";
|
|
38
38
|
scrollbar: boolean | any;
|
|
39
|
-
bordered: boolean | any;
|
|
40
39
|
columns: any[];
|
|
40
|
+
bordered: boolean | any;
|
|
41
41
|
pagination: boolean | any;
|
|
42
42
|
stripe: boolean;
|
|
43
43
|
tableLayoutFixed: boolean;
|
|
@@ -63,8 +63,8 @@ declare const ProTable: {
|
|
|
63
63
|
loading: boolean | Record<string, any>;
|
|
64
64
|
size: "mini" | "medium" | "large" | "small";
|
|
65
65
|
scrollbar: boolean | any;
|
|
66
|
-
bordered: boolean | any;
|
|
67
66
|
columns: any[];
|
|
67
|
+
bordered: boolean | any;
|
|
68
68
|
pagination: boolean | any;
|
|
69
69
|
stripe: boolean;
|
|
70
70
|
tableLayoutFixed: boolean;
|
|
@@ -14,8 +14,8 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
|
|
|
14
14
|
loading: boolean | Record<string, any>;
|
|
15
15
|
size: "mini" | "medium" | "large" | "small";
|
|
16
16
|
scrollbar: boolean | any;
|
|
17
|
-
bordered: boolean | any;
|
|
18
17
|
columns: any[];
|
|
18
|
+
bordered: boolean | any;
|
|
19
19
|
pagination: boolean | any;
|
|
20
20
|
stripe: boolean;
|
|
21
21
|
tableLayoutFixed: 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(--69231088);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(--69231088);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(--69231088);padding-left:var(--608a2431);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-hide-sider{padding-left:0}.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(--2ea5a9b4)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--608a2431);width:calc(100% - var(--608a2431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2ea5a9b4);width:calc(100% - var(--2ea5a9b4))}.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-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-9c48fc7f]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{display:flex;align-items:center;justify-content:center;border-radius:12px;height:100%;width:100%;transition:opacity 1s ease;opacity:1;pointer-events:none}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.keyblade-pro-loader-svg-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:2}50%{stroke-dashoffset:0;stroke-width:3}to{stroke-dashoffset:-800;stroke-width:2}}
|
|
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(--69231088);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(--69231088);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(--69231088);padding-left:var(--608a2431);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-hide-sider{padding-left:0}.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(--2ea5a9b4)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--608a2431);width:calc(100% - var(--608a2431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2ea5a9b4);width:calc(100% - var(--2ea5a9b4))}.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-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-ede60dad]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-ede60dad]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-ede60dad]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-ede60dad]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-ede60dad]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-9c48fc7f]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-9c48fc7f] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}
|
package/package.json
CHANGED