@keyblade/pro-components 1.12.0-alpha.6 → 1.12.0-alpha.8

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.
@@ -5,46 +5,12 @@ declare const ProImageUpload: {
5
5
  $: import('vue').ComponentInternalInstance;
6
6
  $data: {};
7
7
  $props: {
8
+ disabled?: boolean | undefined;
8
9
  name?: string | undefined;
9
10
  accept?: string[] | undefined;
10
11
  multiple?: boolean | undefined;
11
12
  singleLimit?: number | undefined;
12
- disabled?: boolean | undefined;
13
13
  hideInnerBeforeUploadLoading?: boolean | undefined;
14
- readonly data?: Record<string, any> | undefined;
15
- style?: unknown;
16
- readonly onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
17
- readonly action: string;
18
- readonly handlerResponse?: ((response: any) => Promise<{
19
- [key: string]: any;
20
- success: boolean;
21
- url?: string | undefined;
22
- errorMessage?: string | undefined;
23
- }>) | undefined;
24
- readonly headers?: Record<string, any> | undefined;
25
- readonly tip?: string | undefined;
26
- readonly limit?: number | undefined;
27
- readonly checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions | undefined;
28
- readonly compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions | undefined;
29
- readonly cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions | undefined;
30
- readonly onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
31
- readonly onExceed?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) | undefined;
32
- readonly onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
33
- readonly onInnerBeforeUploadStart?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void) | undefined;
34
- readonly onInnerBeforeUploadEnd?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
35
- success: boolean;
36
- error?: {
37
- size?: boolean | undefined;
38
- format?: boolean | undefined;
39
- transform?: boolean | undefined;
40
- pixel?: boolean | undefined;
41
- compress?: boolean | undefined;
42
- crop?: boolean | undefined;
43
- } | undefined;
44
- errorMessage?: string | undefined;
45
- }) => void) | undefined;
46
- onCropperImgLoad?: ((value: File) => any) | undefined;
47
- readonly modelValue: import('@arco-design/web-vue').FileItem[];
48
14
  key?: string | number | symbol | undefined;
49
15
  ref?: import('vue').VNodeRef | undefined;
50
16
  ref_for?: boolean | undefined;
@@ -88,6 +54,40 @@ declare const ProImageUpload: {
88
54
  [key: string]: any;
89
55
  }>) => void)[] | undefined;
90
56
  class?: unknown;
57
+ style?: unknown;
58
+ readonly data?: Record<string, any> | undefined;
59
+ readonly tip?: string | undefined;
60
+ readonly onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
61
+ readonly action: string;
62
+ readonly handlerResponse?: ((response: any) => Promise<{
63
+ [key: string]: any;
64
+ success: boolean;
65
+ url?: string | undefined;
66
+ errorMessage?: string | undefined;
67
+ }>) | undefined;
68
+ readonly headers?: Record<string, any> | undefined;
69
+ readonly limit?: number | undefined;
70
+ readonly checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions | undefined;
71
+ readonly compressorOptions?: import('@keyblade/one-travel').ImageUploadCompressorOptions | undefined;
72
+ readonly cropOptions?: import('@keyblade/one-travel').ImageUploadCropOptions | undefined;
73
+ readonly onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => void) | undefined;
74
+ readonly onExceed?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) | undefined;
75
+ readonly onBeforeUpload?: ((file: File) => boolean | Promise<any>) | undefined;
76
+ readonly onInnerBeforeUploadStart?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep) => void) | undefined;
77
+ readonly onInnerBeforeUploadEnd?: ((file: File, index: number, type: import('./types').EImageUploadInnerBeforeUploadStep, result: {
78
+ success: boolean;
79
+ error?: {
80
+ size?: boolean | undefined;
81
+ format?: boolean | undefined;
82
+ transform?: boolean | undefined;
83
+ pixel?: boolean | undefined;
84
+ compress?: boolean | undefined;
85
+ crop?: boolean | undefined;
86
+ } | undefined;
87
+ errorMessage?: string | undefined;
88
+ }) => void) | undefined;
89
+ onCropperImgLoad?: ((value: File) => any) | undefined;
90
+ readonly modelValue: import('@arco-design/web-vue').FileItem[];
91
91
  };
92
92
  $attrs: {
93
93
  [x: string]: unknown;
@@ -110,6 +110,13 @@ declare const ProImageUpload: {
110
110
  data: {
111
111
  type: import('vue').PropType<Record<string, any>>;
112
112
  };
113
+ disabled: {
114
+ type: import('vue').PropType<boolean>;
115
+ default: boolean | undefined;
116
+ };
117
+ tip: {
118
+ type: import('vue').PropType<string>;
119
+ };
113
120
  onError: {
114
121
  type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => void>;
115
122
  };
@@ -132,9 +139,6 @@ declare const ProImageUpload: {
132
139
  type: import('vue').PropType<string>;
133
140
  default: string | undefined;
134
141
  };
135
- tip: {
136
- type: import('vue').PropType<string>;
137
- };
138
142
  accept: {
139
143
  type: import('vue').PropType<string[]>;
140
144
  default: () => string[];
@@ -150,10 +154,6 @@ declare const ProImageUpload: {
150
154
  limit: {
151
155
  type: import('vue').PropType<number>;
152
156
  };
153
- disabled: {
154
- type: import('vue').PropType<boolean>;
155
- default: boolean | undefined;
156
- };
157
157
  hideInnerBeforeUploadLoading: {
158
158
  type: import('vue').PropType<boolean>;
159
159
  default: boolean | undefined;
@@ -221,24 +221,6 @@ declare const ProImageUpload: {
221
221
  download?: boolean | undefined;
222
222
  showLink?: boolean | undefined;
223
223
  listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
224
- readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
225
- style?: unknown;
226
- onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
227
- onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
228
- onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
229
- readonly action?: string | undefined;
230
- readonly headers?: Record<string, string> | undefined;
231
- readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
232
- readonly tip?: string | undefined;
233
- readonly accept?: string | undefined;
234
- onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
235
- readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
236
- readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
237
- readonly imageLoading?: "eager" | "lazy" | undefined;
238
- readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
239
- readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
240
- readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
241
- readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
242
224
  key?: string | number | symbol | undefined;
243
225
  ref?: import('vue').VNodeRef | undefined;
244
226
  ref_for?: boolean | undefined;
@@ -282,6 +264,24 @@ declare const ProImageUpload: {
282
264
  [key: string]: any;
283
265
  }>) => void)[] | undefined;
284
266
  class?: unknown;
267
+ style?: unknown;
268
+ readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
269
+ readonly tip?: string | undefined;
270
+ onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
271
+ onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
272
+ onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
273
+ readonly action?: string | undefined;
274
+ readonly headers?: Record<string, string> | undefined;
275
+ readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
276
+ readonly accept?: string | undefined;
277
+ onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
278
+ readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
279
+ readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
280
+ readonly imageLoading?: "eager" | "lazy" | undefined;
281
+ readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
282
+ readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
283
+ readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
284
+ readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
285
285
  onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
286
286
  onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
287
287
  "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -297,7 +297,7 @@ declare const ProImageUpload: {
297
297
  }>;
298
298
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
299
299
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
300
- $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
300
+ $emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
301
301
  $el: any;
302
302
  $options: import('vue').ComponentOptionsBase<Readonly<{
303
303
  fileList?: unknown;
@@ -532,11 +532,11 @@ declare const ProImageUpload: {
532
532
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
533
533
  cropperImgLoad: (value: File) => void;
534
534
  }, string, {
535
+ disabled: boolean;
535
536
  name: string;
536
537
  accept: string[];
537
538
  multiple: boolean;
538
539
  singleLimit: number;
539
- disabled: boolean;
540
540
  hideInnerBeforeUploadLoading: boolean;
541
541
  }, {}, string, {}> & {
542
542
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -566,6 +566,13 @@ declare const ProImageUpload: {
566
566
  data: {
567
567
  type: import('vue').PropType<Record<string, any>>;
568
568
  };
569
+ disabled: {
570
+ type: import('vue').PropType<boolean>;
571
+ default: boolean | undefined;
572
+ };
573
+ tip: {
574
+ type: import('vue').PropType<string>;
575
+ };
569
576
  onError: {
570
577
  type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => void>;
571
578
  };
@@ -588,9 +595,6 @@ declare const ProImageUpload: {
588
595
  type: import('vue').PropType<string>;
589
596
  default: string | undefined;
590
597
  };
591
- tip: {
592
- type: import('vue').PropType<string>;
593
- };
594
598
  accept: {
595
599
  type: import('vue').PropType<string[]>;
596
600
  default: () => string[];
@@ -606,10 +610,6 @@ declare const ProImageUpload: {
606
610
  limit: {
607
611
  type: import('vue').PropType<number>;
608
612
  };
609
- disabled: {
610
- type: import('vue').PropType<boolean>;
611
- default: boolean | undefined;
612
- };
613
613
  hideInnerBeforeUploadLoading: {
614
614
  type: import('vue').PropType<boolean>;
615
615
  default: boolean | undefined;
@@ -677,24 +677,6 @@ declare const ProImageUpload: {
677
677
  download?: boolean | undefined;
678
678
  showLink?: boolean | undefined;
679
679
  listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
680
- readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
681
- style?: unknown;
682
- onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
683
- onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
684
- onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
685
- readonly action?: string | undefined;
686
- readonly headers?: Record<string, string> | undefined;
687
- readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
688
- readonly tip?: string | undefined;
689
- readonly accept?: string | undefined;
690
- onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
691
- readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
692
- readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
693
- readonly imageLoading?: "eager" | "lazy" | undefined;
694
- readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
695
- readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
696
- readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
697
- readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
698
680
  key?: string | number | symbol | undefined;
699
681
  ref?: import('vue').VNodeRef | undefined;
700
682
  ref_for?: boolean | undefined;
@@ -738,6 +720,24 @@ declare const ProImageUpload: {
738
720
  [key: string]: any;
739
721
  }>) => void)[] | undefined;
740
722
  class?: unknown;
723
+ style?: unknown;
724
+ readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
725
+ readonly tip?: string | undefined;
726
+ onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
727
+ onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
728
+ onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
729
+ readonly action?: string | undefined;
730
+ readonly headers?: Record<string, string> | undefined;
731
+ readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
732
+ readonly accept?: string | undefined;
733
+ onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
734
+ readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
735
+ readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
736
+ readonly imageLoading?: "eager" | "lazy" | undefined;
737
+ readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
738
+ readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
739
+ readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
740
+ readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
741
741
  onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
742
742
  onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
743
743
  "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -753,7 +753,7 @@ declare const ProImageUpload: {
753
753
  }>;
754
754
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
755
755
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
756
- $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
756
+ $emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
757
757
  $el: any;
758
758
  $options: import('vue').ComponentOptionsBase<Readonly<{
759
759
  fileList?: unknown;
@@ -997,6 +997,13 @@ declare const ProImageUpload: {
997
997
  data: {
998
998
  type: import('vue').PropType<Record<string, any>>;
999
999
  };
1000
+ disabled: {
1001
+ type: import('vue').PropType<boolean>;
1002
+ default: boolean | undefined;
1003
+ };
1004
+ tip: {
1005
+ type: import('vue').PropType<string>;
1006
+ };
1000
1007
  onError: {
1001
1008
  type: import('vue').PropType<(fileItem: import('@arco-design/web-vue').FileItem) => void>;
1002
1009
  };
@@ -1019,9 +1026,6 @@ declare const ProImageUpload: {
1019
1026
  type: import('vue').PropType<string>;
1020
1027
  default: string | undefined;
1021
1028
  };
1022
- tip: {
1023
- type: import('vue').PropType<string>;
1024
- };
1025
1029
  accept: {
1026
1030
  type: import('vue').PropType<string[]>;
1027
1031
  default: () => string[];
@@ -1037,10 +1041,6 @@ declare const ProImageUpload: {
1037
1041
  limit: {
1038
1042
  type: import('vue').PropType<number>;
1039
1043
  };
1040
- disabled: {
1041
- type: import('vue').PropType<boolean>;
1042
- default: boolean | undefined;
1043
- };
1044
1044
  hideInnerBeforeUploadLoading: {
1045
1045
  type: import('vue').PropType<boolean>;
1046
1046
  default: boolean | undefined;
@@ -1108,24 +1108,6 @@ declare const ProImageUpload: {
1108
1108
  download?: boolean | undefined;
1109
1109
  showLink?: boolean | undefined;
1110
1110
  listType?: import('@arco-design/web-vue/es/upload/interfaces').ListType | undefined;
1111
- readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
1112
- style?: unknown;
1113
- onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1114
- onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1115
- onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
1116
- readonly action?: string | undefined;
1117
- readonly headers?: Record<string, string> | undefined;
1118
- readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
1119
- readonly tip?: string | undefined;
1120
- readonly accept?: string | undefined;
1121
- onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1122
- readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
1123
- readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
1124
- readonly imageLoading?: "eager" | "lazy" | undefined;
1125
- readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
1126
- readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
1127
- readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
1128
- readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
1129
1111
  key?: string | number | symbol | undefined;
1130
1112
  ref?: import('vue').VNodeRef | undefined;
1131
1113
  ref_for?: boolean | undefined;
@@ -1169,6 +1151,24 @@ declare const ProImageUpload: {
1169
1151
  [key: string]: any;
1170
1152
  }>) => void)[] | undefined;
1171
1153
  class?: unknown;
1154
+ style?: unknown;
1155
+ readonly data?: Record<string, string | Blob> | ((fileItem: import('@arco-design/web-vue').FileItem) => Record<string, string | Blob>) | undefined;
1156
+ readonly tip?: string | undefined;
1157
+ onChange?: ((fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1158
+ onError?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1159
+ onProgress?: ((fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
1160
+ readonly action?: string | undefined;
1161
+ readonly headers?: Record<string, string> | undefined;
1162
+ readonly name?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
1163
+ readonly accept?: string | undefined;
1164
+ onSuccess?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1165
+ readonly onBeforeUpload?: ((file: File) => boolean | Promise<boolean | File>) | undefined;
1166
+ readonly customRequest?: ((option: import('@arco-design/web-vue').RequestOption) => import('@arco-design/web-vue').UploadRequest) | undefined;
1167
+ readonly imageLoading?: "eager" | "lazy" | undefined;
1168
+ readonly responseUrlKey?: string | ((fileItem: import('@arco-design/web-vue').FileItem) => string) | undefined;
1169
+ readonly customIcon?: import('@arco-design/web-vue').CustomIcon | undefined;
1170
+ readonly onBeforeRemove?: ((fileItem: import('@arco-design/web-vue').FileItem) => Promise<boolean>) | undefined;
1171
+ readonly onButtonClick?: ((event: Event) => void | Promise<FileList>) | undefined;
1172
1172
  onExceedLimit?: ((fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => any) | undefined;
1173
1173
  onPreview?: ((fileItem: import('@arco-design/web-vue').FileItem) => any) | undefined;
1174
1174
  "onUpdate:fileList"?: ((fileList: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
@@ -1184,7 +1184,7 @@ declare const ProImageUpload: {
1184
1184
  }>;
1185
1185
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
1186
1186
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
1187
- $emit: ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
1187
+ $emit: ((event: "error", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "success", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "progress", fileItem: import('@arco-design/web-vue').FileItem, ev?: ProgressEvent<EventTarget> | undefined) => void) & ((event: "preview", fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "change", fileList: import('@arco-design/web-vue').FileItem[], fileItem: import('@arco-design/web-vue').FileItem) => void) & ((event: "exceedLimit", fileList: import('@arco-design/web-vue').FileItem[], files: File[]) => void) & ((event: "update:fileList", fileList: import('@arco-design/web-vue').FileItem[]) => void);
1188
1188
  $el: any;
1189
1189
  $options: import('vue').ComponentOptionsBase<Readonly<{
1190
1190
  fileList?: unknown;
@@ -1419,11 +1419,11 @@ declare const ProImageUpload: {
1419
1419
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1420
1420
  cropperImgLoad: (value: File) => void;
1421
1421
  }, string, {
1422
+ disabled: boolean;
1422
1423
  name: string;
1423
1424
  accept: string[];
1424
1425
  multiple: boolean;
1425
1426
  singleLimit: number;
1426
- disabled: boolean;
1427
1427
  hideInnerBeforeUploadLoading: boolean;
1428
1428
  }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
1429
1429
  install: (app: App) => void;
@@ -1,10 +1,11 @@
1
- import o from "./image-upload.vue.js";
2
- const t = Object.assign(o, {
3
- install: (a) => {
4
- a.component("KbProImageUpload", o);
1
+ import e from "./image-upload.vue.js";
2
+ import { Modal as s, Upload as t, Button as l, Tooltip as m, Spin as n, Space as u, Message as a } from "@arco-design/web-vue";
3
+ const r = Object.assign(e, {
4
+ install: (o) => {
5
+ o.use(s), o.use(t), o.use(l), o.use(m), o.use(n), o.use(u), o.use(a), o.component("KbProImageUpload", e);
5
6
  }
6
- }), m = t;
7
+ }), d = r;
7
8
  export {
8
- t as ProImageUpload,
9
- m as default
9
+ r as ProImageUpload,
10
+ d as default
10
11
  };
@@ -8,7 +8,6 @@ declare const ProKeepAliveRouterView: {
8
8
  keepAliveInclude?: string[] | undefined;
9
9
  keepAliveExclude?: string[] | undefined;
10
10
  keepAliveMax?: number | undefined;
11
- style?: unknown;
12
11
  key?: string | number | symbol | undefined;
13
12
  ref?: import('vue').VNodeRef | undefined;
14
13
  ref_for?: boolean | undefined;
@@ -52,6 +51,7 @@ declare const ProKeepAliveRouterView: {
52
51
  [key: string]: any;
53
52
  }>) => void)[] | undefined;
54
53
  class?: unknown;
54
+ style?: unknown;
55
55
  };
56
56
  $attrs: {
57
57
  [x: string]: unknown;
@@ -22,7 +22,6 @@ declare const ProLayout: {
22
22
  hideFooter?: boolean | undefined;
23
23
  hideTabs?: boolean | undefined;
24
24
  disableKeepAlive?: boolean | undefined;
25
- style?: unknown;
26
25
  key?: string | number | symbol | undefined;
27
26
  ref?: import('vue').VNodeRef | undefined;
28
27
  ref_for?: boolean | undefined;
@@ -66,6 +65,7 @@ declare const ProLayout: {
66
65
  [key: string]: any;
67
66
  }>) => void)[] | undefined;
68
67
  class?: unknown;
68
+ style?: unknown;
69
69
  onCollapse?: ((collapsed: boolean) => any) | undefined;
70
70
  onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
71
71
  };
@@ -7,7 +7,6 @@ declare const ProMenu: {
7
7
  $props: {
8
8
  mode?: "horizontal" | "vertical" | undefined;
9
9
  menuProps?: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps> | undefined;
10
- style?: unknown;
11
10
  key?: string | number | symbol | undefined;
12
11
  ref?: import('vue').VNodeRef | undefined;
13
12
  ref_for?: boolean | undefined;
@@ -51,6 +50,7 @@ declare const ProMenu: {
51
50
  [key: string]: any;
52
51
  }>) => void)[] | undefined;
53
52
  class?: unknown;
53
+ style?: unknown;
54
54
  readonly collapsed: boolean;
55
55
  readonly selectedKeys: string[];
56
56
  readonly items: import('./interface').IProMenuItem[];
@@ -18,7 +18,6 @@ declare const ProPageContainer: {
18
18
  path?: string | undefined;
19
19
  }[] | undefined;
20
20
  } | undefined;
21
- style?: unknown;
22
21
  key?: string | number | symbol | undefined;
23
22
  ref?: import('vue').VNodeRef | undefined;
24
23
  ref_for?: boolean | undefined;
@@ -62,6 +61,7 @@ declare const ProPageContainer: {
62
61
  [key: string]: any;
63
62
  }>) => void)[] | undefined;
64
63
  class?: unknown;
64
+ style?: unknown;
65
65
  };
66
66
  $attrs: {
67
67
  [x: string]: unknown;
@@ -6,16 +6,15 @@ declare const ProPageHeader: {
6
6
  $data: {};
7
7
  $props: {
8
8
  title?: string | undefined;
9
+ hideTitle?: boolean | undefined;
9
10
  breadcrumbItems?: {
10
11
  path?: string | undefined;
11
12
  label: string;
12
13
  }[] | undefined;
13
14
  subTitle?: string | undefined;
14
15
  titlePosition?: "top" | "bottom" | undefined;
15
- hideTitle?: boolean | undefined;
16
16
  breadcrumbRouterMode?: boolean | undefined;
17
17
  breadcrumbPrefixIcon?: string | boolean | undefined;
18
- style?: unknown;
19
18
  key?: string | number | symbol | undefined;
20
19
  ref?: import('vue').VNodeRef | undefined;
21
20
  ref_for?: boolean | undefined;
@@ -59,6 +58,7 @@ declare const ProPageHeader: {
59
58
  [key: string]: any;
60
59
  }>) => void)[] | undefined;
61
60
  class?: unknown;
61
+ style?: unknown;
62
62
  };
63
63
  $attrs: {
64
64
  [x: string]: unknown;
@@ -114,13 +114,13 @@ declare const ProPageHeader: {
114
114
  };
115
115
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
116
116
  title: string;
117
+ hideTitle: boolean;
117
118
  breadcrumbItems: {
118
119
  path?: string | undefined;
119
120
  label: string;
120
121
  }[];
121
122
  subTitle: string;
122
123
  titlePosition: "top" | "bottom";
123
- hideTitle: boolean;
124
124
  breadcrumbRouterMode: boolean;
125
125
  breadcrumbPrefixIcon: string | boolean;
126
126
  }, {}, string, {}> & {
@@ -227,13 +227,13 @@ declare const ProPageHeader: {
227
227
  };
228
228
  }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
229
229
  title: string;
230
+ hideTitle: boolean;
230
231
  breadcrumbItems: {
231
232
  path?: string | undefined;
232
233
  label: string;
233
234
  }[];
234
235
  subTitle: string;
235
236
  titlePosition: "top" | "bottom";
236
- hideTitle: boolean;
237
237
  breadcrumbRouterMode: boolean;
238
238
  breadcrumbPrefixIcon: string | boolean;
239
239
  }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
@@ -94,13 +94,13 @@ declare const _default: import('vue').DefineComponent<{
94
94
  };
95
95
  }>>, {
96
96
  title: string;
97
+ hideTitle: boolean;
97
98
  breadcrumbItems: {
98
99
  path?: string | undefined;
99
100
  label: string;
100
101
  }[];
101
102
  subTitle: string;
102
103
  titlePosition: "top" | "bottom";
103
- hideTitle: boolean;
104
104
  breadcrumbRouterMode: boolean;
105
105
  breadcrumbPrefixIcon: string | boolean;
106
106
  }, {}>;
@@ -9,7 +9,6 @@ declare const ProReuseTabs: {
9
9
  tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
10
10
  tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
11
11
  tabsHeaderPadding?: boolean | undefined;
12
- style?: unknown;
13
12
  key?: string | number | symbol | undefined;
14
13
  ref?: import('vue').VNodeRef | undefined;
15
14
  ref_for?: boolean | undefined;
@@ -53,6 +52,7 @@ declare const ProReuseTabs: {
53
52
  [key: string]: any;
54
53
  }>) => void)[] | undefined;
55
54
  class?: unknown;
55
+ style?: unknown;
56
56
  "onTab-click"?: ((key: string) => any) | undefined;
57
57
  "onTab-delete"?: ((key: string) => any) | undefined;
58
58
  };
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.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-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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}
1
+ .keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-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-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-image-upload-cropper-dialog-cropper-wrapper[data-v-ae8ab9e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-ae8ab9e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-ae8ab9e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-ae8ab9e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.12.0-alpha.6",
5
+ "version": "1.12.0-alpha.8",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",