@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.
@@ -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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1bddf267"]]);
4
+ const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ede60dad"]]);
5
5
  export {
6
- m as default
6
+ a as default
7
7
  };
@@ -1,73 +1,7 @@
1
1
  import { FileItem } from '@arco-design/web-vue';
2
- import { EImageUploadInnerBeforeUploadStep } from './types';
3
- import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/one-travel';
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, {
@@ -29,6 +29,7 @@ const qe = /* @__PURE__ */ he({
29
29
  checkOptions: {},
30
30
  compressorOptions: {},
31
31
  cropOptions: {},
32
+ cropModalIndex: {},
32
33
  onSuccess: {},
33
34
  onError: {},
34
35
  onExceed: {},
@@ -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 () => {
@@ -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
- show: boolean;
6
- }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
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
- show: boolean;
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
- show: boolean;
23
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
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 const _default: import('vue').DefineComponent<IProLoader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProLoader> & Readonly<{}>, {
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
- show: boolean;
5
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
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 i, computed as d, createElementBlock as l, openBlock as a, normalizeClass as s, createElementVNode as t, normalizeStyle as f, createStaticVNode as u } from "vue";
2
- const c = "keyblade-pro-loader", g = /* @__PURE__ */ i({
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: "180px" },
6
- show: { type: Boolean, default: !0 }
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(p) {
9
- const n = p, r = d(() => n.show ? "" : `${c}-fade-out`);
10
- return (o, e) => (a(), l("div", {
11
- class: s([c, r.value])
12
- }, [
13
- t("div", {
14
- class: s(`${c}-svg-container`)
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
- (a(), l("svg", {
17
- class: s(`${c}-svg-logo`),
18
- style: f({ width: o.size, height: o.size }),
19
- viewBox: "0 0 243.8 320.3"
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
- e[0] || (e[0] = u('<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)),
22
- t("path", {
23
- class: s(`${c}-svg-path`),
24
- stroke: "url(#css-gradient)",
25
- 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
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
- }, null, 2),
34
- t("path", {
35
- class: s(`${c}-svg-path`),
36
- stroke: "url(#css-gradient)",
37
- 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
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
- }, null, 2),
41
- t("path", {
42
- class: s(`${c}-svg-path`),
43
- stroke: "url(#css-gradient)",
44
- 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
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
- }, null, 2),
48
- t("path", {
49
- class: s(`${c}-svg-path`),
50
- stroke: "url(#css-gradient)",
51
- 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
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
- }, null, 2),
55
- t("path", {
56
- class: s(`${c}-svg-path`),
57
- stroke: "url(#css-gradient)",
58
- 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
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
- }, null, 2)
61
- ], 6))
62
- ], 2)
63
- ], 2));
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
- g as default
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
- show?: boolean;
9
+ loading?: boolean;
10
+ /** 提示文字 */
11
+ tip?: string;
12
+ animation?: IProLoaderAnimation;
4
13
  }
14
+ export type ProLoaderProps = Partial<IProLoader>;
@@ -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
@@ -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.13.8-alpha.26",
5
+ "version": "1.13.8-alpha.27",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",