@gx-design-vue/image 0.2.0-beta.2 → 0.2.0-beta.20

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 (10) hide show
  1. package/dist/Image.d.ts +20 -27
  2. package/dist/components/ImageViewer.d.ts +41 -111
  3. package/dist/components/style.d.ts +4 -2
  4. package/dist/{image.mjs → image.js} +610 -729
  5. package/dist/image.umd.cjs +1 -0
  6. package/dist/index.d.ts +2 -0
  7. package/dist/props.d.ts +7 -12
  8. package/dist/style.d.ts +2 -5
  9. package/package.json +18 -43
  10. package/dist/image.umd.js +0 -2
package/dist/Image.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import type { CSSProperties, ExtractPropTypes } from 'vue';
1
+ import type { CSSProperties, ExtractPropTypes, SlotsType } 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;
@@ -10,11 +10,6 @@ declare const GImage: import("vue").DefineComponent<{
10
10
  type: import("vue").PropType<boolean>;
11
11
  default: boolean;
12
12
  };
13
- wrapperClassName: StringConstructor;
14
- wrapperStyle: {
15
- type: import("vue").PropType<CSSProperties>;
16
- default: undefined;
17
- };
18
13
  src: {
19
14
  type: import("vue").PropType<string>;
20
15
  default: string;
@@ -24,7 +19,7 @@ declare const GImage: import("vue").DefineComponent<{
24
19
  default: string;
25
20
  };
26
21
  fit: {
27
- type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
22
+ type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
28
23
  default: string;
29
24
  };
30
25
  lazy: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -34,11 +29,11 @@ declare const GImage: import("vue").DefineComponent<{
34
29
  type: import("vue").PropType<string | HTMLElement | undefined>;
35
30
  };
36
31
  placeholder: {
37
- 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>>;
38
33
  default: () => undefined;
39
34
  };
40
35
  fallback: {
41
- 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>>;
42
37
  default: () => undefined;
43
38
  };
44
39
  onLoad: {
@@ -79,10 +74,10 @@ declare const GImage: import("vue").DefineComponent<{
79
74
  type: import("vue").PropType<string>;
80
75
  };
81
76
  initialIndex: {
77
+ default: () => undefined;
82
78
  type: import("vue").PropType<number>;
83
- default: number;
84
79
  };
85
- }, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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<{
86
81
  previewTeleported: {
87
82
  type: import("vue").PropType<boolean>;
88
83
  default: boolean;
@@ -91,11 +86,6 @@ declare const GImage: import("vue").DefineComponent<{
91
86
  type: import("vue").PropType<boolean>;
92
87
  default: boolean;
93
88
  };
94
- wrapperClassName: StringConstructor;
95
- wrapperStyle: {
96
- type: import("vue").PropType<CSSProperties>;
97
- default: undefined;
98
- };
99
89
  src: {
100
90
  type: import("vue").PropType<string>;
101
91
  default: string;
@@ -105,7 +95,7 @@ declare const GImage: import("vue").DefineComponent<{
105
95
  default: string;
106
96
  };
107
97
  fit: {
108
- type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
98
+ type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
109
99
  default: string;
110
100
  };
111
101
  lazy: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -115,11 +105,11 @@ declare const GImage: import("vue").DefineComponent<{
115
105
  type: import("vue").PropType<string | HTMLElement | undefined>;
116
106
  };
117
107
  placeholder: {
118
- 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>>;
119
109
  default: () => undefined;
120
110
  };
121
111
  fallback: {
122
- 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>>;
123
113
  default: () => undefined;
124
114
  };
125
115
  onLoad: {
@@ -160,14 +150,14 @@ declare const GImage: import("vue").DefineComponent<{
160
150
  type: import("vue").PropType<string>;
161
151
  };
162
152
  initialIndex: {
153
+ default: () => undefined;
163
154
  type: import("vue").PropType<number>;
164
- default: number;
165
155
  };
166
- }>> & {
156
+ }>> & Readonly<{
167
157
  onLoad?: ((...args: any[]) => any) | undefined;
168
158
  onError?: ((...args: any[]) => any) | undefined;
169
159
  onClick?: ((...args: any[]) => any) | undefined;
170
- }, {
160
+ }>, {
171
161
  height: number;
172
162
  width: number;
173
163
  zIndex: number;
@@ -175,15 +165,18 @@ declare const GImage: import("vue").DefineComponent<{
175
165
  initialIndex: number;
176
166
  previewTeleported: boolean;
177
167
  hideOnClickModal: boolean;
178
- wrapperStyle: CSSProperties;
179
168
  src: string;
180
169
  alt: string;
181
170
  fit: "contain" | "fill" | "none" | "cover" | "scale-down";
182
171
  lazy: boolean;
183
- placeholder: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
184
- fallback: import("@gx-design-vue/pro-utils").WithFalse<() => 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;
185
174
  disablePreview: boolean;
186
175
  previewSrcList: string[];
187
176
  imageClassName: string;
188
- }>;
177
+ }, SlotsType<{
178
+ default(): void;
179
+ fallback(): void;
180
+ placeholder(): void;
181
+ }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
189
182
  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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
package/dist/components/style.d.ts CHANGED
@@ -18,5 +18,7 @@ export declare const genBoxStyle: (position?: PositionType) => CSSObject;
18
18
  export declare const resetComponent: (token: ProAliasToken) => CSSObject;
19
19
  export declare const genPreviewOperationsStyle: (token: ProToken) => CSSObject;
20
20
  export declare const genPreviewSwitchStyle: (token: ProToken) => CSSObject;
21
- declare const _default: (_prefixCls?: string | import("vue").Ref<string> | undefined) => import("ant-design-vue/es/theme/internal").UseComponentStyleResult;
22
- export default _default;
21
+ export declare function useStyle(componentCls: string): {
22
+ wrapSSR: (node: import("ant-design-vue/es/_util/type").VueNode) => import("ant-design-vue/es/_util/type").VueNode;
23
+ hashId: import("vue").ComputedRef<string>;
24
+ };