@gx-design-vue/image 0.1.1 → 0.2.0-alpha.0

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 (56) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +71 -7
  3. package/dist/GImage.d.ts +162 -0
  4. package/dist/GImage.js +221 -0
  5. package/dist/ImagePreview/Operations.d.ts +83 -0
  6. package/dist/ImagePreview/Operations.js +71 -0
  7. package/dist/ImagePreview/hooks/getFixScaleEleTransPosition.d.ts +19 -0
  8. package/dist/ImagePreview/hooks/getFixScaleEleTransPosition.js +40 -0
  9. package/dist/ImagePreview/hooks/useImageTransform.d.ts +39 -0
  10. package/dist/ImagePreview/hooks/useImageTransform.js +105 -0
  11. package/dist/ImagePreview/hooks/useMouseEvent.d.ts +14 -0
  12. package/dist/ImagePreview/hooks/useMouseEvent.js +100 -0
  13. package/dist/ImagePreview/hooks/useTouchEvent.d.ts +12 -0
  14. package/dist/ImagePreview/hooks/useTouchEvent.js +123 -0
  15. package/dist/ImagePreview/index.d.ts +162 -0
  16. package/dist/ImagePreview/index.js +303 -0
  17. package/dist/ImagePreview/props.d.ts +88 -0
  18. package/dist/ImagePreview/props.js +53 -0
  19. package/dist/ImagePreview/style.d.ts +30 -0
  20. package/dist/ImagePreview/style.js +286 -0
  21. package/dist/ImagePreview/typings.d.ts +19 -0
  22. package/dist/ImagePreview/typings.js +1 -0
  23. package/dist/ImagePreview/utils/KeyCode.d.ts +438 -0
  24. package/dist/ImagePreview/utils/KeyCode.js +173 -0
  25. package/dist/ImagePreview/utils/addEventListener.d.ts +6 -0
  26. package/dist/ImagePreview/utils/addEventListener.js +22 -0
  27. package/dist/ImagePreview/utils/util.d.ts +7 -0
  28. package/dist/ImagePreview/utils/util.js +8 -0
  29. package/dist/hooks/useFrameSetState.d.ts +5 -0
  30. package/dist/hooks/useFrameSetState.js +33 -0
  31. package/dist/image.esm.js +2374 -0
  32. package/dist/image.js +1 -0
  33. package/dist/index.d.ts +5 -7
  34. package/dist/index.js +6 -0
  35. package/dist/props.d.ts +82 -77
  36. package/dist/props.js +66 -0
  37. package/dist/slots.d.ts +6 -0
  38. package/dist/slots.js +21 -0
  39. package/dist/style.d.ts +9 -0
  40. package/dist/style.js +78 -0
  41. package/dist/typings.d.ts +6 -0
  42. package/dist/typings.js +1 -0
  43. package/dist/utils/aria.d.ts +14 -11
  44. package/dist/utils/aria.js +16 -0
  45. package/dist/utils/util.d.ts +4 -0
  46. package/dist/utils/util.js +8 -0
  47. package/global.d.ts +8 -0
  48. package/package.json +57 -60
  49. package/dist/Image.d.ts +0 -130
  50. package/dist/components/ImageViewer.d.ts +0 -59
  51. package/dist/components/ImageViewerGroup.d.ts +0 -14
  52. package/dist/design/config.less +0 -2
  53. package/dist/image.es.js +0 -801
  54. package/dist/image.umd.js +0 -1
  55. package/dist/style.css +0 -1
  56. package/dist/style.less +0 -177
package/package.json CHANGED
@@ -1,69 +1,66 @@
1
1
  {
2
2
  "name": "@gx-design-vue/image",
3
- "version": "0.1.1",
4
- "scripts": {
5
- "dev": "vite",
6
- "build": "vite build",
7
- "types": "vue-tsc --declaration --emitDeclarationOnly",
8
- "preview": "vite preview --port 5050",
9
- "test:unit": "vitest --environment jsdom",
10
- "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
11
- "lint": "TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
3
+ "type": "module",
4
+ "version": "0.2.0-alpha.0",
5
+ "description": "Gx Design Image",
6
+ "author": {
7
+ "name": "gx12358",
8
+ "email": "gx12358@gmail.com",
9
+ "url": "https://github.com/gx12358"
10
+ },
11
+ "license": "MIT",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/gx12358/pro-components-next.git",
15
+ "directory": "packages/image"
12
16
  },
13
- "files": [
14
- "dist"
15
- ],
16
- "types": "./dist",
17
- "main": "./dist/image.umd.js",
18
- "module": "./dist/image.mjs",
19
17
  "exports": {
20
18
  ".": {
21
- "import": "./dist/image.mjs",
22
- "require": "./dist/image.umd.js"
19
+ "types": "./dist/index.d.ts",
20
+ "import": "./dist/index.js",
21
+ "default": "./dist/index.js"
22
+ },
23
+ "./dist/*": {
24
+ "types": "./dist/*.d.ts",
25
+ "import": "./dist/*.js",
26
+ "default": "./dist/*.js"
23
27
  },
24
- "./dist/style.css": "./dist/style.css",
25
- "./dist/style.less": "./dist/style.less"
28
+ "./global.d.ts": "./global.d.ts",
29
+ "./global": "./global.d.ts",
30
+ "./package.json": "./package.json"
26
31
  },
27
- "dependencies": {
28
- "@vueuse/core": "^9.10.0",
29
- "@gx-design-vue/pro-utils": "^0.1.3",
30
- "@gx-design-vue/pro-hooks": "^0.1.4",
31
- "ant-design-vue": "^3.2.17",
32
- "vue": "^3.2.45",
33
- "vue-types": "^4.1.1"
32
+ "unpkg": "dist/image.js",
33
+ "jsdelivr": "dist/image.js",
34
+ "files": [
35
+ "dist",
36
+ "global.d.ts",
37
+ "package.json"
38
+ ],
39
+ "peerDependencies": {
40
+ "vue": ">=3.2.0"
34
41
  },
35
- "devDependencies": {
36
- "@shared/vite-plugin-less-copy": "workspace:^0.0.0",
37
- "@rollup/plugin-typescript": "^8.3.0",
38
- "@rushstack/eslint-patch": "^1.1.0",
39
- "@types/lodash-es": "^4.17.6",
40
- "@types/jsdom": "^16.2.14",
41
- "@types/node": "^16.11.26",
42
- "@vitejs/plugin-vue": "^2.3.1",
43
- "@vitejs/plugin-vue-jsx": "^1.3.10",
44
- "@vue/eslint-config-prettier": "^7.0.0",
45
- "@vue/eslint-config-typescript": "^10.0.0",
46
- "@vue/tsconfig": "^0.1.3",
47
- "eslint": "^8.13.0",
48
- "eslint-plugin-prettier": "^4.0.0",
49
- "eslint-plugin-vue": "^8.6.0",
50
- "jsdom": "^19.0.0",
51
- "less": "^4.1.2",
52
- "postcss": "^8.4.12",
53
- "postcss-html": "^1.4.1",
54
- "postcss-less": "^6.0.0",
55
- "prettier": "^2.6.2",
56
- "rollup": "^2.70.2",
57
- "stylelint": "^14.7.1",
58
- "stylelint-config-prettier": "^9.0.3",
59
- "stylelint-config-recommended": "^7.0.0",
60
- "stylelint-config-recommended-vue": "^1.4.0",
61
- "stylelint-config-standard": "^25.0.0",
62
- "stylelint-order": "^5.0.0",
63
- "typescript": "^4.6.4",
64
- "vite": "^2.9.14",
65
- "vue-eslint-parser": "^9.0.3",
66
- "vue-tsc": "^1.0.24"
42
+ "dependencies": {
43
+ "@ant-design/icons-vue": "^7.0.1",
44
+ "@ctrl/tinycolor": "^3.5.0",
45
+ "@vueuse/core": "^14.2.0",
46
+ "ant-design-vue": "^4.2.6",
47
+ "es-toolkit": "1.43.0",
48
+ "@gx-design-vue/pro-hooks": "0.2.0-alpha.1",
49
+ "@gx-design-vue/pro-provider": "0.1.0-alpha.0",
50
+ "@gx-design-vue/pro-utils": "0.2.0-alpha.1"
67
51
  },
68
- "description": "Gx Design"
69
- }
52
+ "browserslist": [
53
+ "> 1%",
54
+ "not ie 11",
55
+ "not op_mini all"
56
+ ],
57
+ "scripts": {
58
+ "test": "vitest run",
59
+ "build": "run-s build:esm build:vite:parallel",
60
+ "build:esm": "tsdown",
61
+ "build:vite:parallel": "run-p build:umd build:full-esm",
62
+ "build:full-esm": "vite build --config ./vite.esm.config.ts",
63
+ "build:umd": "vite build",
64
+ "prepublish": "pnpm build"
65
+ }
66
+ }
package/dist/Image.d.ts DELETED
@@ -1,130 +0,0 @@
1
- import type { ExtractPropTypes } from 'vue';
2
- import { gImagePorps } from './props';
3
- import './style.less';
4
- export type GImageProps = Partial<ExtractPropTypes<typeof gImagePorps>>;
5
- declare const GImage: import("vue").DefineComponent<{
6
- appendToBody: {
7
- type: import("vue").PropType<boolean>;
8
- default: boolean;
9
- };
10
- hideOnClickModal: {
11
- type: import("vue").PropType<boolean>;
12
- default: boolean;
13
- };
14
- src: {
15
- type: import("vue").PropType<string>;
16
- default: string;
17
- };
18
- fit: {
19
- type: import("vue").PropType<string>;
20
- default: string;
21
- };
22
- lazy: import("vue-types").VueTypeValidableDef<boolean> & {
23
- default: boolean;
24
- };
25
- scrollContainer: {
26
- type: import("vue").PropType<string | HTMLElement | undefined>;
27
- };
28
- placeholder: {
29
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
30
- default: () => undefined;
31
- };
32
- fallback: {
33
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
34
- default: () => undefined;
35
- };
36
- onError: {
37
- type: import("vue").PropType<(e: Error) => void>;
38
- };
39
- onClick: {
40
- type: import("vue").PropType<(info: any) => void>;
41
- };
42
- disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
43
- default: boolean;
44
- };
45
- previewSrcList: {
46
- type: import("vue").PropType<string[]>;
47
- default: () => string[];
48
- };
49
- width: import("vue-types").VueTypeValidableDef<number> & {
50
- default: number;
51
- };
52
- height: import("vue-types").VueTypeValidableDef<number> & {
53
- default: number;
54
- };
55
- zIndex: {
56
- type: import("vue").PropType<number>;
57
- default: number;
58
- };
59
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error")[], "click" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
60
- appendToBody: {
61
- type: import("vue").PropType<boolean>;
62
- default: boolean;
63
- };
64
- hideOnClickModal: {
65
- type: import("vue").PropType<boolean>;
66
- default: boolean;
67
- };
68
- src: {
69
- type: import("vue").PropType<string>;
70
- default: string;
71
- };
72
- fit: {
73
- type: import("vue").PropType<string>;
74
- default: string;
75
- };
76
- lazy: import("vue-types").VueTypeValidableDef<boolean> & {
77
- default: boolean;
78
- };
79
- scrollContainer: {
80
- type: import("vue").PropType<string | HTMLElement | undefined>;
81
- };
82
- placeholder: {
83
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
84
- default: () => undefined;
85
- };
86
- fallback: {
87
- type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
88
- default: () => undefined;
89
- };
90
- onError: {
91
- type: import("vue").PropType<(e: Error) => void>;
92
- };
93
- onClick: {
94
- type: import("vue").PropType<(info: any) => void>;
95
- };
96
- disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
97
- default: boolean;
98
- };
99
- previewSrcList: {
100
- type: import("vue").PropType<string[]>;
101
- default: () => string[];
102
- };
103
- width: import("vue-types").VueTypeValidableDef<number> & {
104
- default: number;
105
- };
106
- height: import("vue-types").VueTypeValidableDef<number> & {
107
- default: number;
108
- };
109
- zIndex: {
110
- type: import("vue").PropType<number>;
111
- default: number;
112
- };
113
- }>> & {
114
- onError?: ((...args: any[]) => any) | undefined;
115
- onClick?: ((...args: any[]) => any) | undefined;
116
- }, {
117
- zIndex: number;
118
- height: number;
119
- width: number;
120
- appendToBody: boolean;
121
- hideOnClickModal: boolean;
122
- src: string;
123
- fit: string;
124
- lazy: boolean;
125
- placeholder: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
126
- fallback: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
127
- disablePreview: boolean;
128
- previewSrcList: string[];
129
- }>;
130
- export default GImage;
@@ -1,59 +0,0 @@
1
- export declare const on: (element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
2
- export declare const off: (element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
3
- export type AnyFunction<T> = (...args: any[]) => T;
4
- export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clocelise' | 'anticlocelise';
5
- export declare const isFirefox: () => boolean;
6
- export declare function rafThrottle<T extends AnyFunction<any>>(fn: T): AnyFunction<void>;
7
- declare const GImageViewer: import("vue").DefineComponent<{
8
- urlList: {
9
- type: import("vue").PropType<string[]>;
10
- default: () => never[];
11
- };
12
- zIndex: {
13
- type: import("vue").PropType<number>;
14
- default: number;
15
- };
16
- initialIndex: {
17
- type: import("vue").PropType<number>;
18
- default: number;
19
- };
20
- infinite: {
21
- type: import("vue").PropType<boolean>;
22
- default: boolean;
23
- };
24
- onHideOnClickModal: {
25
- type: import("vue").PropType<boolean>;
26
- default: boolean;
27
- };
28
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch")[], "close" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
- urlList: {
30
- type: import("vue").PropType<string[]>;
31
- default: () => never[];
32
- };
33
- zIndex: {
34
- type: import("vue").PropType<number>;
35
- default: number;
36
- };
37
- initialIndex: {
38
- type: import("vue").PropType<number>;
39
- default: number;
40
- };
41
- infinite: {
42
- type: import("vue").PropType<boolean>;
43
- default: boolean;
44
- };
45
- onHideOnClickModal: {
46
- type: import("vue").PropType<boolean>;
47
- default: boolean;
48
- };
49
- }>> & {
50
- onClose?: ((...args: any[]) => any) | undefined;
51
- onSwitch?: ((...args: any[]) => any) | undefined;
52
- }, {
53
- urlList: string[];
54
- zIndex: number;
55
- initialIndex: number;
56
- infinite: boolean;
57
- onHideOnClickModal: boolean;
58
- }>;
59
- export default GImageViewer;
@@ -1,14 +0,0 @@
1
- declare const gImageViewerGroup: import("vue").DefineComponent<{
2
- hideOnClickModal: {
3
- type: import("vue").PropType<boolean>;
4
- default: boolean;
5
- };
6
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
7
- hideOnClickModal: {
8
- type: import("vue").PropType<boolean>;
9
- default: boolean;
10
- };
11
- }>>, {
12
- hideOnClickModal: boolean;
13
- }>;
14
- export default gImageViewerGroup;
@@ -1,2 +0,0 @@
1
- @gx-prefix: gx;
2
- @gx-prefix-pro: ~'@{gx-prefix}-pro';