@gx-design-vue/image 0.2.0-beta.15 → 0.2.0-beta.17

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 (6) hide show
  1. package/dist/Image.d.ts +13 -13
  2. package/dist/components/ImageViewer.d.ts +41 -111
  3. package/dist/image.js +350 -359
  4. package/dist/image.umd.cjs +1 -1
  5. package/dist/props.d.ts +2 -2
  6. package/package.json +13 -40
package/dist/Image.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { CSSProperties, ExtractPropTypes } from 'vue';
2
2
  import { gImagePorps } from './props';
3
3
  export type GImageProps = Partial<ExtractPropTypes<typeof gImagePorps>>;
4
- declare const GImage: import("vue").DefineComponent<{
4
+ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
5
5
  previewTeleported: {
6
6
  type: import("vue").PropType<boolean>;
7
7
  default: boolean;
@@ -19,7 +19,7 @@ declare const GImage: import("vue").DefineComponent<{
19
19
  default: string;
20
20
  };
21
21
  fit: {
22
- type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
22
+ type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
23
23
  default: string;
24
24
  };
25
25
  lazy: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -29,11 +29,11 @@ declare const GImage: import("vue").DefineComponent<{
29
29
  type: import("vue").PropType<string | HTMLElement | undefined>;
30
30
  };
31
31
  placeholder: {
32
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<import("@gx-design-vue/pro-utils").CustomRender>>;
32
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
33
33
  default: () => undefined;
34
34
  };
35
35
  fallback: {
36
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<import("@gx-design-vue/pro-utils").CustomRender>>;
36
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
37
37
  default: () => undefined;
38
38
  };
39
39
  onLoad: {
@@ -77,7 +77,7 @@ declare const GImage: import("vue").DefineComponent<{
77
77
  default: () => undefined;
78
78
  type: import("vue").PropType<number>;
79
79
  };
80
- }, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
80
+ }>, () => 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<{
81
81
  previewTeleported: {
82
82
  type: import("vue").PropType<boolean>;
83
83
  default: boolean;
@@ -95,7 +95,7 @@ declare const GImage: import("vue").DefineComponent<{
95
95
  default: string;
96
96
  };
97
97
  fit: {
98
- type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
98
+ type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
99
99
  default: string;
100
100
  };
101
101
  lazy: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -105,11 +105,11 @@ declare const GImage: import("vue").DefineComponent<{
105
105
  type: import("vue").PropType<string | HTMLElement | undefined>;
106
106
  };
107
107
  placeholder: {
108
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<import("@gx-design-vue/pro-utils").CustomRender>>;
108
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
109
109
  default: () => undefined;
110
110
  };
111
111
  fallback: {
112
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<import("@gx-design-vue/pro-utils").CustomRender>>;
112
+ type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
113
113
  default: () => undefined;
114
114
  };
115
115
  onLoad: {
@@ -153,11 +153,11 @@ declare const GImage: import("vue").DefineComponent<{
153
153
  default: () => undefined;
154
154
  type: import("vue").PropType<number>;
155
155
  };
156
- }>> & {
156
+ }>> & Readonly<{
157
157
  onLoad?: ((...args: any[]) => any) | undefined;
158
158
  onError?: ((...args: any[]) => any) | undefined;
159
159
  onClick?: ((...args: any[]) => any) | undefined;
160
- }, {
160
+ }>, {
161
161
  height: number;
162
162
  width: number;
163
163
  zIndex: number;
@@ -169,10 +169,10 @@ declare const GImage: import("vue").DefineComponent<{
169
169
  alt: string;
170
170
  fit: "contain" | "fill" | "none" | "cover" | "scale-down";
171
171
  lazy: boolean;
172
- placeholder: import("@gx-design-vue/pro-utils").CustomRender;
173
- fallback: import("@gx-design-vue/pro-utils").CustomRender;
172
+ placeholder: import("@gx-design-vue/pro-utils/dist").CustomRender;
173
+ fallback: import("@gx-design-vue/pro-utils/dist").CustomRender;
174
174
  disablePreview: boolean;
175
175
  previewSrcList: string[];
176
176
  imageClassName: string;
177
- }, {}>;
177
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
178
178
  export default GImage;
package/dist/components/ImageViewer.d.ts CHANGED
@@ -4,7 +4,7 @@ export type AnyFunction<T> = (...args: any[]) => T;
4
4
  export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clocelise' | 'anticlocelise';
5
5
  export declare const isFirefox: () => boolean;
6
6
  export declare function rafThrottle<T extends AnyFunction<any>>(fn: T): AnyFunction<void>;
7
- declare const GImageViewer: import("vue").DefineComponent<{
7
+ declare const GImageViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
8
  urlList: {
9
9
  type: import("vue").PropType<string[]>;
10
10
  default: () => never[];
@@ -34,53 +34,25 @@ declare const GImageViewer: import("vue").DefineComponent<{
34
34
  };
35
35
  icons: {
36
36
  type: import("vue").PropType<{
37
- rotateLeft?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
38
- [key: string]: any;
39
- }> | undefined;
40
- rotateRight?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
- [key: string]: any;
42
- }> | undefined;
43
- zoomIn?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
- [key: string]: any;
45
- }> | undefined;
46
- zoomOut?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
47
- [key: string]: any;
48
- }> | undefined;
49
- close?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
- [key: string]: any;
51
- }> | undefined;
52
- left?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
53
- [key: string]: any;
54
- }> | undefined;
55
- right?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
56
- [key: string]: any;
57
- }> | undefined;
37
+ rotateLeft?: import("vue").VNode;
38
+ rotateRight?: import("vue").VNode;
39
+ zoomIn?: import("vue").VNode;
40
+ zoomOut?: import("vue").VNode;
41
+ close?: import("vue").VNode;
42
+ left?: import("vue").VNode;
43
+ right?: import("vue").VNode;
58
44
  }>;
59
45
  default: () => {
60
- rotateLeft?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
61
- [key: string]: any;
62
- }> | undefined;
63
- rotateRight?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
- [key: string]: any;
65
- }> | undefined;
66
- zoomIn?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
67
- [key: string]: any;
68
- }> | undefined;
69
- zoomOut?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
70
- [key: string]: any;
71
- }> | undefined;
72
- close?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
73
- [key: string]: any;
74
- }> | undefined;
75
- left?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
76
- [key: string]: any;
77
- }> | undefined;
78
- right?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
79
- [key: string]: any;
80
- }> | undefined;
46
+ rotateLeft?: import("vue").VNode;
47
+ rotateRight?: import("vue").VNode;
48
+ zoomIn?: import("vue").VNode;
49
+ zoomOut?: import("vue").VNode;
50
+ close?: import("vue").VNode;
51
+ left?: import("vue").VNode;
52
+ right?: import("vue").VNode;
81
53
  };
82
54
  };
83
- }, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch")[], "close" | "switch", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
55
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch")[], "close" | "switch", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
56
  urlList: {
85
57
  type: import("vue").PropType<string[]>;
86
58
  default: () => never[];
@@ -110,56 +82,28 @@ declare const GImageViewer: import("vue").DefineComponent<{
110
82
  };
111
83
  icons: {
112
84
  type: import("vue").PropType<{
113
- rotateLeft?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
114
- [key: string]: any;
115
- }> | undefined;
116
- rotateRight?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
117
- [key: string]: any;
118
- }> | undefined;
119
- zoomIn?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
120
- [key: string]: any;
121
- }> | undefined;
122
- zoomOut?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
123
- [key: string]: any;
124
- }> | undefined;
125
- close?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
126
- [key: string]: any;
127
- }> | undefined;
128
- left?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
129
- [key: string]: any;
130
- }> | undefined;
131
- right?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
132
- [key: string]: any;
133
- }> | undefined;
85
+ rotateLeft?: import("vue").VNode;
86
+ rotateRight?: import("vue").VNode;
87
+ zoomIn?: import("vue").VNode;
88
+ zoomOut?: import("vue").VNode;
89
+ close?: import("vue").VNode;
90
+ left?: import("vue").VNode;
91
+ right?: import("vue").VNode;
134
92
  }>;
135
93
  default: () => {
136
- rotateLeft?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
137
- [key: string]: any;
138
- }> | undefined;
139
- rotateRight?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
140
- [key: string]: any;
141
- }> | undefined;
142
- zoomIn?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
143
- [key: string]: any;
144
- }> | undefined;
145
- zoomOut?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
146
- [key: string]: any;
147
- }> | undefined;
148
- close?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
149
- [key: string]: any;
150
- }> | undefined;
151
- left?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
152
- [key: string]: any;
153
- }> | undefined;
154
- right?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
155
- [key: string]: any;
156
- }> | undefined;
94
+ rotateLeft?: import("vue").VNode;
95
+ rotateRight?: import("vue").VNode;
96
+ zoomIn?: import("vue").VNode;
97
+ zoomOut?: import("vue").VNode;
98
+ close?: import("vue").VNode;
99
+ left?: import("vue").VNode;
100
+ right?: import("vue").VNode;
157
101
  };
158
102
  };
159
- }>> & {
103
+ }>> & Readonly<{
160
104
  onSwitch?: ((...args: any[]) => any) | undefined;
161
105
  onClose?: ((...args: any[]) => any) | undefined;
162
- }, {
106
+ }>, {
163
107
  zIndex: number;
164
108
  infinite: boolean;
165
109
  urlList: string[];
@@ -167,27 +111,13 @@ declare const GImageViewer: import("vue").DefineComponent<{
167
111
  initialIndex: number;
168
112
  onHideOnClickModal: boolean;
169
113
  icons: {
170
- rotateLeft?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
171
- [key: string]: any;
172
- }> | undefined;
173
- rotateRight?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
174
- [key: string]: any;
175
- }> | undefined;
176
- zoomIn?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
177
- [key: string]: any;
178
- }> | undefined;
179
- zoomOut?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
180
- [key: string]: any;
181
- }> | undefined;
182
- close?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
183
- [key: string]: any;
184
- }> | undefined;
185
- left?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
186
- [key: string]: any;
187
- }> | undefined;
188
- right?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
189
- [key: string]: any;
190
- }> | undefined;
191
- };
192
- }, {}>;
114
+ rotateLeft?: import("vue").VNode;
115
+ rotateRight?: import("vue").VNode;
116
+ zoomIn?: import("vue").VNode;
117
+ zoomOut?: import("vue").VNode;
118
+ close?: import("vue").VNode;
119
+ left?: import("vue").VNode;
120
+ right?: import("vue").VNode;
121
+ };
122
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
193
123
  export default GImageViewer;