@gx-design-vue/image 0.2.0-beta.22 → 0.2.0-beta.23

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.
Files changed (8) hide show
  1. package/dist/Image.d.ts +61 -69
  2. package/dist/ImagePreview/Operations.d.ts +1 -1
  3. package/dist/ImagePreview/index.d.ts +7 -20
  4. package/dist/ImagePreview/props.d.ts +13 -8
  5. package/dist/image.js +1325 -529
  6. package/dist/image.umd.cjs +1 -1
  7. package/dist/props.d.ts +22 -31
  8. package/package.json +2 -1
package/dist/Image.d.ts CHANGED
@@ -2,11 +2,21 @@ import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
2
2
  import { imagePorps } from './props';
3
3
  export type GImageProps = Partial<ExtractPropTypes<typeof imagePorps>>;
4
4
  declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
5
- previewTeleported: {
6
- type: import("vue").PropType<boolean>;
7
- default: boolean;
8
- };
9
- hideOnClickModal: {
5
+ preview: {
6
+ type: import("vue").PropType<import("./ImagePreview/props").ImagePreviewProps>;
7
+ default: () => Partial<{
8
+ previewUrls: string[];
9
+ disabled: boolean;
10
+ zIndex: number;
11
+ current: number;
12
+ infinite: boolean;
13
+ getContainer: string;
14
+ onHideOnClickModal: boolean;
15
+ countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
16
+ icons: import(".").PreviewPropsIcons;
17
+ }>;
18
+ };
19
+ showPreview: {
10
20
  type: import("vue").PropType<boolean>;
11
21
  default: boolean;
12
22
  };
@@ -22,9 +32,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
22
32
  type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
23
33
  default: string;
24
34
  };
25
- lazy: import("vue-types").VueTypeValidableDef<boolean> & {
26
- default: boolean;
27
- };
35
+ lazy: import("vue").PropType<boolean>;
28
36
  scrollContainer: {
29
37
  type: import("vue").PropType<string | HTMLElement | undefined>;
30
38
  };
@@ -45,41 +53,33 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
45
53
  onClick: {
46
54
  type: import("vue").PropType<(info: any) => void>;
47
55
  };
48
- previewUrls: {
49
- type: import("vue").PropType<string[]>;
50
- default: () => string[];
51
- };
52
- imageClassName: import("vue-types").VueTypeValidableDef<string> & {
53
- default: string;
54
- };
55
- imageStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
56
- width: import("vue-types").VueTypeValidableDef<number> & {
57
- default: number;
58
- };
59
- height: import("vue-types").VueTypeValidableDef<number> & {
60
- default: number;
61
- };
56
+ imageClassName: import("vue").PropType<string>;
57
+ imageStyle: import("vue").PropType<CSSProperties>;
58
+ width: import("vue").PropType<number>;
59
+ height: import("vue").PropType<number>;
62
60
  zIndex: {
63
61
  type: import("vue").PropType<number>;
64
62
  default: number;
65
63
  };
66
- infinite: {
67
- type: import("vue").PropType<boolean>;
68
- default: boolean;
69
- };
70
64
  getContainer: {
71
65
  type: import("vue").PropType<string>;
72
66
  };
73
- current: {
74
- default: () => undefined;
75
- type: import("vue").PropType<number>;
76
- };
77
67
  }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
78
- previewTeleported: {
79
- type: import("vue").PropType<boolean>;
80
- default: boolean;
81
- };
82
- hideOnClickModal: {
68
+ preview: {
69
+ type: import("vue").PropType<import("./ImagePreview/props").ImagePreviewProps>;
70
+ default: () => Partial<{
71
+ previewUrls: string[];
72
+ disabled: boolean;
73
+ zIndex: number;
74
+ current: number;
75
+ infinite: boolean;
76
+ getContainer: string;
77
+ onHideOnClickModal: boolean;
78
+ countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
79
+ icons: import(".").PreviewPropsIcons;
80
+ }>;
81
+ };
82
+ showPreview: {
83
83
  type: import("vue").PropType<boolean>;
84
84
  default: boolean;
85
85
  };
@@ -95,9 +95,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
95
95
  type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
96
96
  default: string;
97
97
  };
98
- lazy: import("vue-types").VueTypeValidableDef<boolean> & {
99
- default: boolean;
100
- };
98
+ lazy: import("vue").PropType<boolean>;
101
99
  scrollContainer: {
102
100
  type: import("vue").PropType<string | HTMLElement | undefined>;
103
101
  };
@@ -118,57 +116,51 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
118
116
  onClick: {
119
117
  type: import("vue").PropType<(info: any) => void>;
120
118
  };
121
- previewUrls: {
122
- type: import("vue").PropType<string[]>;
123
- default: () => string[];
124
- };
125
- imageClassName: import("vue-types").VueTypeValidableDef<string> & {
126
- default: string;
127
- };
128
- imageStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
129
- width: import("vue-types").VueTypeValidableDef<number> & {
130
- default: number;
131
- };
132
- height: import("vue-types").VueTypeValidableDef<number> & {
133
- default: number;
134
- };
119
+ imageClassName: import("vue").PropType<string>;
120
+ imageStyle: import("vue").PropType<CSSProperties>;
121
+ width: import("vue").PropType<number>;
122
+ height: import("vue").PropType<number>;
135
123
  zIndex: {
136
124
  type: import("vue").PropType<number>;
137
125
  default: number;
138
126
  };
139
- infinite: {
140
- type: import("vue").PropType<boolean>;
141
- default: boolean;
142
- };
143
127
  getContainer: {
144
128
  type: import("vue").PropType<string>;
145
129
  };
146
- current: {
147
- default: () => undefined;
148
- type: import("vue").PropType<number>;
149
- };
150
130
  }>> & Readonly<{
151
131
  onLoad?: ((...args: any[]) => any) | undefined;
152
132
  onError?: ((...args: any[]) => any) | undefined;
153
133
  onClick?: ((...args: any[]) => any) | undefined;
154
134
  }>, {
155
- height: number;
156
- width: number;
157
135
  zIndex: number;
158
- infinite: boolean;
159
- current: number;
160
- previewUrls: string[];
161
- previewTeleported: boolean;
162
- hideOnClickModal: boolean;
136
+ preview: Partial<{
137
+ previewUrls: string[];
138
+ disabled: boolean;
139
+ zIndex: number;
140
+ current: number;
141
+ infinite: boolean;
142
+ getContainer: string;
143
+ onHideOnClickModal: boolean;
144
+ countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
145
+ icons: import(".").PreviewPropsIcons;
146
+ }>;
147
+ showPreview: boolean;
163
148
  src: string;
164
149
  alt: string;
165
150
  fit: "contain" | "fill" | "none" | "cover" | "scale-down";
166
- lazy: boolean;
167
151
  placeholder: import("@gx-design-vue/pro-utils/dist").CustomRender;
168
152
  fallback: import("@gx-design-vue/pro-utils/dist").CustomRender;
169
- imageClassName: string;
170
153
  }, SlotsType<{
171
154
  default(): void;
155
+ close(): void;
156
+ left(): void;
157
+ right(): void;
158
+ rotateRight(): void;
159
+ rotateRight(): void;
160
+ zoomOut(): void;
161
+ flipX(): void;
162
+ flipY(): void;
163
+ rotateLeft(): void;
172
164
  fallback(): void;
173
165
  placeholder(): void;
174
166
  }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/ImagePreview/Operations.d.ts CHANGED
@@ -69,8 +69,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
69
69
  }>> & Readonly<{}>, {
70
70
  zIndex: number;
71
71
  infinite: boolean;
72
+ current: number;
72
73
  icons: import("./props").PreviewPropsIcons;
73
74
  count: number;
74
- current: number;
75
75
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
76
76
  export default _default;
package/dist/ImagePreview/index.d.ts CHANGED
@@ -1,15 +1,13 @@
1
1
  import type { ExtractPropTypes } from 'vue';
2
2
  import imagePreviewProps, { type PreviewPropsIcons } from './props';
3
+ export declare const slotsNames: string[];
3
4
  export type ImagePreviewProps = Partial<ExtractPropTypes<typeof imagePreviewProps>>;
4
5
  declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
5
6
  previewUrls: {
6
7
  type: import("vue").PropType<string[]>;
7
8
  default: () => never[];
8
9
  };
9
- teleported: {
10
- type: import("vue").PropType<boolean>;
11
- default: boolean;
12
- };
10
+ disabled: import("vue").PropType<boolean>;
13
11
  zIndex: {
14
12
  type: import("vue").PropType<number>;
15
13
  default: number;
@@ -25,10 +23,7 @@ declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
25
23
  getContainer: {
26
24
  type: import("vue").PropType<string>;
27
25
  };
28
- onHideOnClickModal: {
29
- type: import("vue").PropType<boolean>;
30
- default: boolean;
31
- };
26
+ onHideOnClickModal: import("vue").PropType<boolean>;
32
27
  countRender: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
33
28
  icons: {
34
29
  type: import("vue").PropType<PreviewPropsIcons>;
@@ -39,10 +34,7 @@ declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
39
34
  type: import("vue").PropType<string[]>;
40
35
  default: () => never[];
41
36
  };
42
- teleported: {
43
- type: import("vue").PropType<boolean>;
44
- default: boolean;
45
- };
37
+ disabled: import("vue").PropType<boolean>;
46
38
  zIndex: {
47
39
  type: import("vue").PropType<number>;
48
40
  default: number;
@@ -58,10 +50,7 @@ declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
58
50
  getContainer: {
59
51
  type: import("vue").PropType<string>;
60
52
  };
61
- onHideOnClickModal: {
62
- type: import("vue").PropType<boolean>;
63
- default: boolean;
64
- };
53
+ onHideOnClickModal: import("vue").PropType<boolean>;
65
54
  countRender: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
66
55
  icons: {
67
56
  type: import("vue").PropType<PreviewPropsIcons>;
@@ -74,10 +63,8 @@ declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
74
63
  }>, {
75
64
  zIndex: number;
76
65
  infinite: boolean;
77
- icons: PreviewPropsIcons;
78
- current: number;
79
66
  previewUrls: string[];
80
- teleported: boolean;
81
- onHideOnClickModal: boolean;
67
+ current: number;
68
+ icons: PreviewPropsIcons;
82
69
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
83
70
  export default ImagePreview;
package/dist/ImagePreview/props.d.ts CHANGED
@@ -11,15 +11,23 @@ export type PreviewPropsIcons = {
11
11
  flipX?: VNode;
12
12
  flipY?: VNode;
13
13
  };
14
+ export type ImagePreviewProps = Partial<{
15
+ previewUrls: string[];
16
+ disabled: boolean;
17
+ zIndex: number;
18
+ current: number;
19
+ infinite: boolean;
20
+ getContainer: string;
21
+ onHideOnClickModal: boolean;
22
+ countRender: WithFalse<(current: number, total: number) => CustomRender>;
23
+ icons: PreviewPropsIcons;
24
+ }>;
14
25
  declare const _default: {
15
26
  previewUrls: {
16
27
  type: PropType<string[]>;
17
28
  default: () => never[];
18
29
  };
19
- teleported: {
20
- type: PropType<boolean>;
21
- default: boolean;
22
- };
30
+ disabled: PropType<boolean>;
23
31
  zIndex: {
24
32
  type: PropType<number>;
25
33
  default: number;
@@ -35,10 +43,7 @@ declare const _default: {
35
43
  getContainer: {
36
44
  type: PropType<string>;
37
45
  };
38
- onHideOnClickModal: {
39
- type: PropType<boolean>;
40
- default: boolean;
41
- };
46
+ onHideOnClickModal: PropType<boolean>;
42
47
  countRender: PropType<WithFalse<(current: number, total: number) => CustomRender>>;
43
48
  icons: {
44
49
  type: PropType<PreviewPropsIcons>;