fat-design 0.0.1-beta.20251010070112 → 0.0.1-beta.20251010161507

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 (246) hide show
  1. package/README.md +285 -285
  2. package/index.browser.js +5 -5
  3. package/index.js +8 -8
  4. package/index.umd.cjs +4 -4
  5. package/index.umd.js +4 -4
  6. package/libs/config-16.js +7 -7
  7. package/libs/config-17.js +7 -7
  8. package/libs/config-18.js +9 -9
  9. package/libs/config-19.js +9 -9
  10. package/libs/theme/theme-blue1.css +58 -58
  11. package/libs/theme/theme-blue2.css +63 -63
  12. package/libs/theme/theme-blue3.css +73 -73
  13. package/libs/theme/theme-blue4.css +53 -53
  14. package/libs/theme/theme-default.css +60 -60
  15. package/libs/theme/theme-green.css +96 -96
  16. package/libs/theme/theme-green2.css +96 -96
  17. package/libs/theme/theme-orange.css +58 -58
  18. package/libs/theme/theme-pink.css +53 -53
  19. package/libs/theme/theme-purple.css +53 -53
  20. package/libs/theme/theme-red.css +55 -55
  21. package/package.json +2 -2
  22. package/types/0buildTypes/config-provider/constants.d.ts +3 -3
  23. package/types/0buildTypes/config-provider/index.d.ts +4 -4
  24. package/types/0buildTypes/config-provider/v2/consumer.d.ts +3 -3
  25. package/types/0buildTypes/config-provider/v2/context.d.ts +6 -6
  26. package/types/0buildTypes/config-provider/v2/error-boundary.d.ts +27 -27
  27. package/types/0buildTypes/config-provider/v2/functions.d.ts +66 -66
  28. package/types/0buildTypes/config-provider/v2/index.d.ts +37 -36
  29. package/types/0buildTypes/config-provider/v2/provider.d.ts +4 -4
  30. package/types/0buildTypes/config-provider/v2/types.d.ts +22 -22
  31. package/types/0buildTypes/dependencies.d.ts +2 -2
  32. package/types/0buildTypes/empty/empty.d.ts +22 -22
  33. package/types/0buildTypes/empty/index.d.ts +2 -2
  34. package/types/0buildTypes/filter/filter-types.d.ts +21 -21
  35. package/types/0buildTypes/filter/filter.d.ts +10 -10
  36. package/types/0buildTypes/filter/index.d.ts +9 -9
  37. package/types/0buildTypes/form2/deps.d.ts +10 -10
  38. package/types/0buildTypes/form2/form-actions.d.ts +36 -36
  39. package/types/0buildTypes/form2/form-buttons.d.ts +28 -28
  40. package/types/0buildTypes/form2/form-context.d.ts +4 -4
  41. package/types/0buildTypes/form2/form-error.d.ts +3 -3
  42. package/types/0buildTypes/form2/form-item-card.d.ts +4 -4
  43. package/types/0buildTypes/form2/form-item-comp.d.ts +4 -4
  44. package/types/0buildTypes/form2/form-item-label.d.ts +4 -4
  45. package/types/0buildTypes/form2/form-item-preview.d.ts +4 -4
  46. package/types/0buildTypes/form2/form-item.d.ts +7 -7
  47. package/types/0buildTypes/form2/form-layout.d.ts +3 -3
  48. package/types/0buildTypes/form2/form-rules.d.ts +3 -3
  49. package/types/0buildTypes/form2/form-section.d.ts +25 -25
  50. package/types/0buildTypes/form2/form-types.d.ts +395 -395
  51. package/types/0buildTypes/form2/form.d.ts +36 -36
  52. package/types/0buildTypes/form2/helper/buildParams.d.ts +5 -5
  53. package/types/0buildTypes/form2/helper/constants.d.ts +24 -24
  54. package/types/0buildTypes/form2/helper/fixItemProps.d.ts +16 -16
  55. package/types/0buildTypes/form2/helper/fnInheritProps.d.ts +2 -2
  56. package/types/0buildTypes/form2/helper/linkageFormState.d.ts +16 -16
  57. package/types/0buildTypes/form2/helper/useDataSource.d.ts +14 -14
  58. package/types/0buildTypes/form2/helper/useFormChildren.d.ts +5 -5
  59. package/types/0buildTypes/form2/helper/useFormItemState.d.ts +3 -3
  60. package/types/0buildTypes/form2/helper/useGetXProps.d.ts +3 -3
  61. package/types/0buildTypes/form2/index.d.ts +20 -20
  62. package/types/0buildTypes/form2/layout/from-float-layout.d.ts +3 -3
  63. package/types/0buildTypes/hooks/index.d.ts +16 -16
  64. package/types/0buildTypes/hooks/useCurrentState.d.ts +11 -11
  65. package/types/0buildTypes/hooks/useOnKeyPressSave.d.ts +12 -12
  66. package/types/0buildTypes/hooks/usePersistFn.d.ts +3 -3
  67. package/types/0buildTypes/hooks/usePreciseStore.d.ts +53 -53
  68. package/types/0buildTypes/hooks/useSize.d.ts +6 -6
  69. package/types/0buildTypes/hooks/useUniqueId.d.ts +2 -2
  70. package/types/0buildTypes/hooks/useValueOnChange.d.ts +2 -2
  71. package/types/0buildTypes/image/Image.d.ts +42 -42
  72. package/types/0buildTypes/image/Operations.d.ts +25 -25
  73. package/types/0buildTypes/image/Preview.d.ts +64 -64
  74. package/types/0buildTypes/image/PreviewGroup.d.ts +32 -32
  75. package/types/0buildTypes/image/common.d.ts +2 -2
  76. package/types/0buildTypes/image/context.d.ts +7 -7
  77. package/types/0buildTypes/image/getFixScaleEleTransPosition.d.ts +17 -17
  78. package/types/0buildTypes/image/hooks/useImageTransform.d.ts +28 -28
  79. package/types/0buildTypes/image/hooks/useMouseEvent.d.ts +9 -9
  80. package/types/0buildTypes/image/hooks/usePreviewItems.d.ts +7 -7
  81. package/types/0buildTypes/image/hooks/useRegisterImage.d.ts +2 -2
  82. package/types/0buildTypes/image/hooks/useStatus.d.ts +14 -14
  83. package/types/0buildTypes/image/hooks/useTouchEvent.d.ts +8 -8
  84. package/types/0buildTypes/image/index.d.ts +6 -6
  85. package/types/0buildTypes/image/interface.d.ts +14 -14
  86. package/types/0buildTypes/image/previewConfig.d.ts +4 -4
  87. package/types/0buildTypes/image/util.d.ts +1 -1
  88. package/types/0buildTypes/image/utils/KeyCode.d.ts +23 -23
  89. package/types/0buildTypes/image/utils/addEventListener.d.ts +4 -4
  90. package/types/0buildTypes/image/utils/buildIcons.d.ts +2 -2
  91. package/types/0buildTypes/image/utils/css.d.ts +8 -8
  92. package/types/0buildTypes/image/utils/isEqual.d.ts +8 -8
  93. package/types/0buildTypes/image/utils/raf.d.ts +6 -6
  94. package/types/0buildTypes/image/utils/useEvent.d.ts +1 -1
  95. package/types/0buildTypes/image/utils/useLayoutEffect.d.ts +4 -4
  96. package/types/0buildTypes/image/utils/useMergedState.d.ts +12 -12
  97. package/types/0buildTypes/image/utils/useSafeState.d.ts +14 -14
  98. package/types/0buildTypes/index.d.ts +4 -4
  99. package/types/0buildTypes/libs.d.ts +67 -67
  100. package/types/0buildTypes/nav/group.d.ts +30 -30
  101. package/types/0buildTypes/nav/index.d.ts +4 -4
  102. package/types/0buildTypes/nav/item.d.ts +30 -30
  103. package/types/0buildTypes/nav/nav.d.ts +2 -2
  104. package/types/0buildTypes/nav/popup-item.d.ts +24 -24
  105. package/types/0buildTypes/nav/sub-nav.d.ts +30 -30
  106. package/types/0buildTypes/nav/types.d.ts +375 -375
  107. package/types/0buildTypes/others.d.ts +10 -10
  108. package/types/0buildTypes/pages/deps.d.ts +5 -5
  109. package/types/0buildTypes/pages/detail-page/detail-page-card-form.d.ts +12 -12
  110. package/types/0buildTypes/pages/detail-page/detail-page-form-item.d.ts +9 -9
  111. package/types/0buildTypes/pages/detail-page/detail-page-section.d.ts +19 -19
  112. package/types/0buildTypes/pages/detail-page/detail-page-summary.d.ts +9 -9
  113. package/types/0buildTypes/pages/detail-page/detail-page.d.ts +14 -14
  114. package/types/0buildTypes/pages/detail-page/index.d.ts +2 -2
  115. package/types/0buildTypes/pages/detail-page/types.d.ts +29 -29
  116. package/types/0buildTypes/pages/page-card/types.d.ts +6 -6
  117. package/types/0buildTypes/previews/renderFileImage.d.ts +34 -34
  118. package/types/0buildTypes/query-form/index.d.ts +2 -2
  119. package/types/0buildTypes/query-form/query-form-items.d.ts +3 -3
  120. package/types/0buildTypes/query-form/query-form-layout.d.ts +2 -2
  121. package/types/0buildTypes/query-form/query-form.d.ts +18 -18
  122. package/types/0buildTypes/query-form/types.d.ts +5 -5
  123. package/types/0buildTypes/sortable-list/helpers.d.ts +8 -8
  124. package/types/0buildTypes/sortable-list/hooks.d.ts +24 -24
  125. package/types/0buildTypes/sortable-list/index.d.ts +14 -14
  126. package/types/0buildTypes/sortable-list/sortable-editable-table.d.ts +2 -2
  127. package/types/0buildTypes/sortable-list/sortable-list.d.ts +560 -560
  128. package/types/0buildTypes/sortable-list/sortable-table.d.ts +2 -2
  129. package/types/0buildTypes/sortable-list/types.d.ts +15 -15
  130. package/types/0buildTypes/table-pro/index.d.ts +26 -26
  131. package/types/0buildTypes/table-pro/table-pro.d.ts +17 -17
  132. package/types/0buildTypes/table-pro/types.d.ts +95 -95
  133. package/types/0buildTypes/table-pro/useTablePro.d.ts +10 -10
  134. package/types/0buildTypes/table-pro/utils/formatQueryRes.d.ts +1 -1
  135. package/types/0buildTypes/table-pro/widget/column-setting.d.ts +5 -5
  136. package/types/0buildTypes/table-pro/widget/deps.d.ts +2 -2
  137. package/types/0buildTypes/table-pro/widget/index.d.ts +25 -25
  138. package/types/0buildTypes/table-pro/widget/operations.d.ts +5 -5
  139. package/types/0buildTypes/table-pro/widget/operationsActions.d.ts +2 -2
  140. package/types/0buildTypes/table-pro/widget/renderFormats.d.ts +17 -17
  141. package/types/0buildTypes/table-pro/widget/renderMultiFieldCell.d.ts +4 -4
  142. package/types/0buildTypes/table-pro/widget/renderOperationCell.d.ts +4 -4
  143. package/types/0buildTypes/table-pro/widget/renderToolbar.d.ts +6 -6
  144. package/types/0buildTypes/table-pro/widget/table-utils-types.d.ts +40 -40
  145. package/types/0buildTypes/util/comp.d.ts +16 -16
  146. package/types/0buildTypes/util/component.d.ts +1 -1
  147. package/types/0buildTypes/util/constants.d.ts +4 -4
  148. package/types/0buildTypes/util/dom.d.ts +116 -116
  149. package/types/0buildTypes/util/env.d.ts +7 -7
  150. package/types/0buildTypes/util/func-wrapper.d.ts +1 -1
  151. package/types/0buildTypes/util/func.d.ts +73 -73
  152. package/types/0buildTypes/util/guid.d.ts +11 -11
  153. package/types/0buildTypes/util/isStateEquals.d.ts +4 -4
  154. package/types/0buildTypes/util/localforage.d.ts +11 -11
  155. package/types/0buildTypes/util/log.d.ts +18 -18
  156. package/types/0buildTypes/util/pick-res-data.d.ts +28 -28
  157. package/types/0buildTypes/util/react-dom.d.ts +27 -27
  158. package/types/0buildTypes/util/shallowEqual.d.ts +3 -3
  159. package/types/0buildTypes/util/string.d.ts +32 -32
  160. package/types/0buildTypes/util/tiny-emitter.d.ts +10 -10
  161. package/types/0buildTypes/util/toMap.d.ts +7 -7
  162. package/types/affix/index.d.ts +33 -33
  163. package/types/animate/index.d.ts +80 -80
  164. package/types/avatar/index.d.ts +41 -41
  165. package/types/badge/index.d.ts +38 -38
  166. package/types/balloon/index.d.ts +254 -254
  167. package/types/balloon-confirm/index.d.ts +78 -78
  168. package/types/batch-input/index.d.ts +152 -152
  169. package/types/box/index.d.ts +18 -18
  170. package/types/breadcrumb/index.d.ts +60 -60
  171. package/types/button/index.d.ts +179 -179
  172. package/types/calendar/index.d.ts +76 -76
  173. package/types/card/index.d.ts +147 -147
  174. package/types/cascader/index.d.ts +135 -135
  175. package/types/cascader-select/index.d.ts +230 -230
  176. package/types/checkbox/index.d.ts +175 -175
  177. package/types/collapse/index.d.ts +96 -96
  178. package/types/comments/index.d.ts +278 -278
  179. package/types/config-provider/index.d.ts +3 -3
  180. package/types/date-picker/index.d.ts +123 -123
  181. package/types/dialog/index.d.ts +328 -328
  182. package/types/divider/index.d.ts +21 -21
  183. package/types/drawer/index.d.ts +121 -121
  184. package/types/dropdown/index.d.ts +198 -198
  185. package/types/editable-table/index.d.ts +121 -121
  186. package/types/empty/index.d.ts +78 -78
  187. package/types/field/index.d.ts +33 -33
  188. package/types/filter/index.d.ts +2 -2
  189. package/types/form/index.d.ts +5 -5
  190. package/types/grid/index.d.ts +142 -142
  191. package/types/hooks/index.d.ts +2 -2
  192. package/types/icon/index.d.ts +29 -29
  193. package/types/image/index.d.ts +3 -3
  194. package/types/index.d.ts +69 -69
  195. package/types/input/index.d.ts +458 -458
  196. package/types/list/index.d.ts +69 -69
  197. package/types/loading/index.d.ts +100 -100
  198. package/types/locale/default.d.ts +143 -143
  199. package/types/locale/en-us.d.ts +1 -1
  200. package/types/locale/id-id.d.ts +1 -1
  201. package/types/locale/it-it.d.ts +1 -1
  202. package/types/locale/ja-jp.d.ts +1 -1
  203. package/types/locale/ko-kr.d.ts +1 -1
  204. package/types/locale/ms-my.d.ts +1 -1
  205. package/types/locale/pt-pt.d.ts +1 -1
  206. package/types/locale/th-th.d.ts +1 -1
  207. package/types/locale/vi-vn.d.ts +1 -1
  208. package/types/locale/zh-cn.d.ts +1 -1
  209. package/types/locale/zh-hk.d.ts +1 -1
  210. package/types/locale/zh-tw.d.ts +1 -1
  211. package/types/menu/index.d.ts +336 -336
  212. package/types/menu-button/index.d.ts +100 -100
  213. package/types/message/index.d.ts +165 -165
  214. package/types/nav/index.d.ts +313 -313
  215. package/types/notification/index.d.ts +35 -35
  216. package/types/number-picker/index.d.ts +161 -161
  217. package/types/overlay/index.d.ts +363 -363
  218. package/types/pagination/index.d.ts +115 -115
  219. package/types/paragraph/index.d.ts +23 -23
  220. package/types/progress/index.d.ts +53 -53
  221. package/types/query-form/index.d.ts +3 -3
  222. package/types/radio/index.d.ts +180 -180
  223. package/types/range/index.d.ts +120 -120
  224. package/types/rating/index.d.ts +84 -84
  225. package/types/responsive-grid/index.d.ts +30 -30
  226. package/types/search/index.d.ts +219 -219
  227. package/types/select/index.d.ts +479 -479
  228. package/types/shell/index.d.ts +53 -53
  229. package/types/slider/index.d.ts +172 -172
  230. package/types/sortable-list/index.d.ts +165 -165
  231. package/types/split-button/index.d.ts +134 -134
  232. package/types/step/index.d.ts +108 -108
  233. package/types/switch/index.d.ts +85 -85
  234. package/types/tab/index.d.ts +170 -170
  235. package/types/table/index.d.ts +407 -407
  236. package/types/table-pro/index.d.ts +3 -3
  237. package/types/tag/index.d.ts +142 -142
  238. package/types/time-picker/index.d.ts +193 -193
  239. package/types/timeline/index.d.ts +95 -95
  240. package/types/transfer/index.d.ts +199 -199
  241. package/types/tree/index.d.ts +421 -421
  242. package/types/tree-select/index.d.ts +251 -251
  243. package/types/typography/index.d.ts +28 -28
  244. package/types/upload/index.d.ts +711 -711
  245. package/types/util.d.ts +80 -80
  246. package/types/virtual-list/index.d.ts +44 -44
@@ -1,25 +1,25 @@
1
- import * as React from 'react';
2
- import type { TransformType } from './hooks/useImageTransform';
3
- import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
4
- interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {
5
- showSwitch: boolean;
6
- showProgress: boolean;
7
- current: number;
8
- transform: TransformType;
9
- count: number;
10
- scale: number;
11
- minScale: number;
12
- maxScale: number;
13
- onSwitchLeft: React.MouseEventHandler<HTMLDivElement>;
14
- onSwitchRight: React.MouseEventHandler<HTMLDivElement>;
15
- onZoomIn: () => void;
16
- onZoomOut: () => void;
17
- onRotateRight: () => void;
18
- onRotateLeft: () => void;
19
- onFlipX: () => void;
20
- onFlipY: () => void;
21
- toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
22
- zIndex?: number;
23
- }
24
- declare const Operations: React.FC<OperationsProps>;
25
- export default Operations;
1
+ import * as React from 'react';
2
+ import type { TransformType } from './hooks/useImageTransform';
3
+ import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
4
+ interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {
5
+ showSwitch: boolean;
6
+ showProgress: boolean;
7
+ current: number;
8
+ transform: TransformType;
9
+ count: number;
10
+ scale: number;
11
+ minScale: number;
12
+ maxScale: number;
13
+ onSwitchLeft: React.MouseEventHandler<HTMLDivElement>;
14
+ onSwitchRight: React.MouseEventHandler<HTMLDivElement>;
15
+ onZoomIn: () => void;
16
+ onZoomOut: () => void;
17
+ onRotateRight: () => void;
18
+ onRotateLeft: () => void;
19
+ onFlipX: () => void;
20
+ onFlipY: () => void;
21
+ toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
22
+ zIndex?: number;
23
+ }
24
+ declare const Operations: React.FC<OperationsProps>;
25
+ export default Operations;
@@ -1,64 +1,64 @@
1
- import React from 'react';
2
- import type { TransformAction, TransformType } from './hooks/useImageTransform';
3
- type IDialogPropTypes = any;
4
- export type ToolbarRenderInfoType = {
5
- icons: {
6
- flipYIcon: React.ReactNode;
7
- flipXIcon: React.ReactNode;
8
- rotateLeftIcon: React.ReactNode;
9
- rotateRightIcon: React.ReactNode;
10
- zoomOutIcon: React.ReactNode;
11
- zoomInIcon: React.ReactNode;
12
- };
13
- actions: {
14
- onFlipY: () => void;
15
- onFlipX: () => void;
16
- onRotateLeft: () => void;
17
- onRotateRight: () => void;
18
- onZoomOut: () => void;
19
- onZoomIn: () => void;
20
- };
21
- transform: TransformType;
22
- current: number;
23
- total: number;
24
- };
25
- export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {
26
- imgCommonProps?: React.ImgHTMLAttributes<HTMLImageElement>;
27
- src?: string;
28
- alt?: string;
29
- fallback?: string;
30
- movable?: boolean;
31
- rootClassName?: string;
32
- icons?: {
33
- rotateLeft?: React.ReactNode;
34
- rotateRight?: React.ReactNode;
35
- zoomIn?: React.ReactNode;
36
- zoomOut?: React.ReactNode;
37
- close?: React.ReactNode;
38
- left?: React.ReactNode;
39
- right?: React.ReactNode;
40
- flipX?: React.ReactNode;
41
- flipY?: React.ReactNode;
42
- };
43
- current?: number;
44
- count?: number;
45
- closeIcon?: React.ReactNode;
46
- countRender?: (current: number, total: number) => React.ReactNode;
47
- scaleStep?: number;
48
- minScale?: number;
49
- maxScale?: number;
50
- imageRender?: (originalNode: React.ReactElement, info: {
51
- transform: TransformType;
52
- current?: number;
53
- }) => React.ReactNode;
54
- onClose?: () => void;
55
- onTransform?: (info: {
56
- transform: TransformType;
57
- action: TransformAction;
58
- }) => void;
59
- toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
60
- onChange?: (current: any, prev: any) => void;
61
- visible: boolean;
62
- }
63
- declare function Preview(props: PreviewProps): React.JSX.Element;
64
- export default Preview;
1
+ import React from 'react';
2
+ import type { TransformAction, TransformType } from './hooks/useImageTransform';
3
+ type IDialogPropTypes = any;
4
+ export type ToolbarRenderInfoType = {
5
+ icons: {
6
+ flipYIcon: React.ReactNode;
7
+ flipXIcon: React.ReactNode;
8
+ rotateLeftIcon: React.ReactNode;
9
+ rotateRightIcon: React.ReactNode;
10
+ zoomOutIcon: React.ReactNode;
11
+ zoomInIcon: React.ReactNode;
12
+ };
13
+ actions: {
14
+ onFlipY: () => void;
15
+ onFlipX: () => void;
16
+ onRotateLeft: () => void;
17
+ onRotateRight: () => void;
18
+ onZoomOut: () => void;
19
+ onZoomIn: () => void;
20
+ };
21
+ transform: TransformType;
22
+ current: number;
23
+ total: number;
24
+ };
25
+ export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {
26
+ imgCommonProps?: React.ImgHTMLAttributes<HTMLImageElement>;
27
+ src?: string;
28
+ alt?: string;
29
+ fallback?: string;
30
+ movable?: boolean;
31
+ rootClassName?: string;
32
+ icons?: {
33
+ rotateLeft?: React.ReactNode;
34
+ rotateRight?: React.ReactNode;
35
+ zoomIn?: React.ReactNode;
36
+ zoomOut?: React.ReactNode;
37
+ close?: React.ReactNode;
38
+ left?: React.ReactNode;
39
+ right?: React.ReactNode;
40
+ flipX?: React.ReactNode;
41
+ flipY?: React.ReactNode;
42
+ };
43
+ current?: number;
44
+ count?: number;
45
+ closeIcon?: React.ReactNode;
46
+ countRender?: (current: number, total: number) => React.ReactNode;
47
+ scaleStep?: number;
48
+ minScale?: number;
49
+ maxScale?: number;
50
+ imageRender?: (originalNode: React.ReactElement, info: {
51
+ transform: TransformType;
52
+ current?: number;
53
+ }) => React.ReactNode;
54
+ onClose?: () => void;
55
+ onTransform?: (info: {
56
+ transform: TransformType;
57
+ action: TransformAction;
58
+ }) => void;
59
+ toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
60
+ onChange?: (current: any, prev: any) => void;
61
+ visible: boolean;
62
+ }
63
+ declare function Preview(props: PreviewProps): React.JSX.Element;
64
+ export default Preview;
@@ -1,32 +1,32 @@
1
- import * as React from 'react';
2
- import type { TransformType } from './hooks/useImageTransform';
3
- import { type ImagePreviewType } from './Image';
4
- import type { ImageElementProps } from './interface';
5
- import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
6
- export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {
7
- /**
8
- * If Preview the show img index
9
- * @default 0
10
- */
11
- closeIcon?: string;
12
- current?: number;
13
- countRender?: (current: number, total: number) => React.ReactNode;
14
- toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
15
- imageRender?: (originalNode: React.ReactElement, info: {
16
- transform: TransformType;
17
- current: number;
18
- }) => React.ReactNode;
19
- onVisibleChange?: (value: boolean, prevValue: boolean, current: number) => void;
20
- onChange?: (current: number, prevCurrent: number) => void;
21
- }
22
- export interface GroupConsumerProps {
23
- prefix?: string;
24
- previewPrefixCls?: string;
25
- icons?: PreviewProps['icons'];
26
- items?: (string | ImageElementProps)[];
27
- fallback?: string;
28
- preview?: boolean | PreviewGroupPreview;
29
- children?: React.ReactNode;
30
- }
31
- declare const Group: React.FC<GroupConsumerProps>;
32
- export default Group;
1
+ import * as React from 'react';
2
+ import type { TransformType } from './hooks/useImageTransform';
3
+ import { type ImagePreviewType } from './Image';
4
+ import type { ImageElementProps } from './interface';
5
+ import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
6
+ export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {
7
+ /**
8
+ * If Preview the show img index
9
+ * @default 0
10
+ */
11
+ closeIcon?: string;
12
+ current?: number;
13
+ countRender?: (current: number, total: number) => React.ReactNode;
14
+ toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
15
+ imageRender?: (originalNode: React.ReactElement, info: {
16
+ transform: TransformType;
17
+ current: number;
18
+ }) => React.ReactNode;
19
+ onVisibleChange?: (value: boolean, prevValue: boolean, current: number) => void;
20
+ onChange?: (current: number, prevCurrent: number) => void;
21
+ }
22
+ export interface GroupConsumerProps {
23
+ prefix?: string;
24
+ previewPrefixCls?: string;
25
+ icons?: PreviewProps['icons'];
26
+ items?: (string | ImageElementProps)[];
27
+ fallback?: string;
28
+ preview?: boolean | PreviewGroupPreview;
29
+ children?: React.ReactNode;
30
+ }
31
+ declare const Group: React.FC<GroupConsumerProps>;
32
+ export default Group;
@@ -1,2 +1,2 @@
1
- import type { ImageElementProps } from './interface';
2
- export declare const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[];
1
+ import type { ImageElementProps } from './interface';
2
+ export declare const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[];
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- import type { OnGroupPreview, RegisterImage } from './interface';
3
- export interface PreviewGroupContextProps {
4
- register: RegisterImage;
5
- onPreview: OnGroupPreview;
6
- }
7
- export declare const PreviewGroupContext: React.Context<PreviewGroupContextProps>;
1
+ import * as React from 'react';
2
+ import type { OnGroupPreview, RegisterImage } from './interface';
3
+ export interface PreviewGroupContextProps {
4
+ register: RegisterImage;
5
+ onPreview: OnGroupPreview;
6
+ }
7
+ export declare const PreviewGroupContext: React.Context<PreviewGroupContextProps>;
@@ -1,17 +1,17 @@
1
- export interface IPosition {
2
- x: number;
3
- y: number;
4
- }
5
- /**
6
- * Fix positon x,y point when
7
- *
8
- * Ele width && height < client
9
- * - Back origin
10
- *
11
- * - Ele width | height > clientWidth | clientHeight
12
- * - left | top > 0 -> Back 0
13
- * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight
14
- *
15
- * Regardless of other
16
- */
17
- export default function getFixScaleEleTransPosition(width: number, height: number, left: number, top: number): null | IPosition;
1
+ export interface IPosition {
2
+ x: number;
3
+ y: number;
4
+ }
5
+ /**
6
+ * Fix positon x,y point when
7
+ *
8
+ * Ele width && height < client
9
+ * - Back origin
10
+ *
11
+ * - Ele width | height > clientWidth | clientHeight
12
+ * - left | top > 0 -> Back 0
13
+ * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight
14
+ *
15
+ * Regardless of other
16
+ */
17
+ export default function getFixScaleEleTransPosition(width: number, height: number, left: number, top: number): null | IPosition;
@@ -1,28 +1,28 @@
1
- /// <reference types="react" />
2
- export type TransformType = {
3
- x: number;
4
- y: number;
5
- rotate: number;
6
- scale: number;
7
- flipX: boolean;
8
- flipY: boolean;
9
- };
10
- export type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound' | 'touchZoom';
11
- export type UpdateTransformFunc = (newTransform: Partial<TransformType>, action: TransformAction) => void;
12
- export type DispatchZoomChangeFunc = (ratio: number, action: TransformAction, centerX?: number, centerY?: number, isTouch?: boolean) => void;
13
- export default function useImageTransform(imgRef: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: {
14
- transform: TransformType;
15
- action: TransformAction;
16
- }) => void): {
17
- transform: {
18
- x: number;
19
- y: number;
20
- rotate: number;
21
- scale: number;
22
- flipX: boolean;
23
- flipY: boolean;
24
- };
25
- resetTransform: (action: TransformAction) => void;
26
- updateTransform: UpdateTransformFunc;
27
- dispatchZoomChange: DispatchZoomChangeFunc;
28
- };
1
+ /// <reference types="react" />
2
+ export type TransformType = {
3
+ x: number;
4
+ y: number;
5
+ rotate: number;
6
+ scale: number;
7
+ flipX: boolean;
8
+ flipY: boolean;
9
+ };
10
+ export type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound' | 'touchZoom';
11
+ export type UpdateTransformFunc = (newTransform: Partial<TransformType>, action: TransformAction) => void;
12
+ export type DispatchZoomChangeFunc = (ratio: number, action: TransformAction, centerX?: number, centerY?: number, isTouch?: boolean) => void;
13
+ export default function useImageTransform(imgRef: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: {
14
+ transform: TransformType;
15
+ action: TransformAction;
16
+ }) => void): {
17
+ transform: {
18
+ x: number;
19
+ y: number;
20
+ rotate: number;
21
+ scale: number;
22
+ flipX: boolean;
23
+ flipY: boolean;
24
+ };
25
+ resetTransform: (action: TransformAction) => void;
26
+ updateTransform: UpdateTransformFunc;
27
+ dispatchZoomChange: DispatchZoomChangeFunc;
28
+ };
@@ -1,9 +1,9 @@
1
- import type React from 'react';
2
- import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
3
- export default function useMouseEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, scaleStep: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
4
- isMoving: boolean;
5
- onMouseDown: React.MouseEventHandler<HTMLDivElement>;
6
- onMouseMove: React.MouseEventHandler<HTMLBodyElement>;
7
- onMouseUp: React.MouseEventHandler<HTMLBodyElement>;
8
- onWheel: (event: React.WheelEvent<HTMLImageElement>) => void;
9
- };
1
+ import type React from 'react';
2
+ import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
3
+ export default function useMouseEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, scaleStep: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
4
+ isMoving: boolean;
5
+ onMouseDown: React.MouseEventHandler<HTMLDivElement>;
6
+ onMouseMove: React.MouseEventHandler<HTMLBodyElement>;
7
+ onMouseUp: React.MouseEventHandler<HTMLBodyElement>;
8
+ onWheel: (event: React.WheelEvent<HTMLImageElement>) => void;
9
+ };
@@ -1,7 +1,7 @@
1
- import type { InternalItem, RegisterImage } from '../interface';
2
- import type { GroupConsumerProps } from '../PreviewGroup';
3
- export type Items = Omit<InternalItem, 'canPreview'>[];
4
- /**
5
- * Merge props provided `items` or context collected images
6
- */
7
- export default function usePreviewItems(items?: GroupConsumerProps['items']): [items: Items, registerImage: RegisterImage];
1
+ import type { InternalItem, RegisterImage } from '../interface';
2
+ import type { GroupConsumerProps } from '../PreviewGroup';
3
+ export type Items = Omit<InternalItem, 'canPreview'>[];
4
+ /**
5
+ * Merge props provided `items` or context collected images
6
+ */
7
+ export default function usePreviewItems(items?: GroupConsumerProps['items']): [items: Items, registerImage: RegisterImage];
@@ -1,2 +1,2 @@
1
- import type { ImageElementProps } from '../interface';
2
- export default function useRegisterImage(canPreview: boolean, data: ImageElementProps): string;
1
+ import type { ImageElementProps } from '../interface';
2
+ export default function useRegisterImage(canPreview: boolean, data: ImageElementProps): string;
@@ -1,14 +1,14 @@
1
- type ImageStatus = 'normal' | 'error' | 'loading';
2
- export interface IUseStateParam {
3
- src?: string;
4
- isCustomPlaceholder?: any;
5
- fallback?: string;
6
- }
7
- export default function useStatus({ src, isCustomPlaceholder, fallback, }: IUseStateParam): readonly [(img?: HTMLImageElement | null) => void, {
8
- src: string;
9
- onLoad?: undefined;
10
- } | {
11
- onLoad: () => void;
12
- src: string;
13
- }, ImageStatus];
14
- export {};
1
+ type ImageStatus = 'normal' | 'error' | 'loading';
2
+ export interface IUseStateParam {
3
+ src?: string;
4
+ isCustomPlaceholder?: any;
5
+ fallback?: string;
6
+ }
7
+ export default function useStatus({ src, isCustomPlaceholder, fallback, }: IUseStateParam): readonly [(img?: HTMLImageElement | null) => void, {
8
+ src: string;
9
+ onLoad?: undefined;
10
+ } | {
11
+ onLoad: () => void;
12
+ src: string;
13
+ }, ImageStatus];
14
+ export {};
@@ -1,8 +1,8 @@
1
- import type React from 'react';
2
- import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
3
- export default function useTouchEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, minScale: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
4
- isTouching: boolean;
5
- onTouchStart: (event: React.TouchEvent<HTMLImageElement>) => void;
6
- onTouchMove: (event: React.TouchEvent<HTMLImageElement>) => void;
7
- onTouchEnd: () => void;
8
- };
1
+ import type React from 'react';
2
+ import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
3
+ export default function useTouchEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, minScale: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
4
+ isTouching: boolean;
5
+ onTouchStart: (event: React.TouchEvent<HTMLImageElement>) => void;
6
+ onTouchMove: (event: React.TouchEvent<HTMLImageElement>) => void;
7
+ onTouchEnd: () => void;
8
+ };
@@ -1,6 +1,6 @@
1
- import Image from './Image';
2
- export * from './Image';
3
- export default Image;
4
- /**
5
- * Copy From https://github.com/react-component/image
6
- */
1
+ import Image from './Image';
2
+ export * from './Image';
3
+ export default Image;
4
+ /**
5
+ * Copy From https://github.com/react-component/image
6
+ */
@@ -1,14 +1,14 @@
1
- /// <reference types="react" />
2
- /**
3
- * Used for PreviewGroup passed image data
4
- */
5
- export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
6
- export type PreviewImageElementProps = {
7
- data: ImageElementProps;
8
- canPreview: boolean;
9
- };
10
- export type InternalItem = PreviewImageElementProps & {
11
- id?: string;
12
- };
13
- export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
14
- export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;
1
+ /// <reference types="react" />
2
+ /**
3
+ * Used for PreviewGroup passed image data
4
+ */
5
+ export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
6
+ export type PreviewImageElementProps = {
7
+ data: ImageElementProps;
8
+ canPreview: boolean;
9
+ };
10
+ export type InternalItem = PreviewImageElementProps & {
11
+ id?: string;
12
+ };
13
+ export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
14
+ export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;
@@ -1,4 +1,4 @@
1
- /** Scale the ratio base */
2
- export declare const BASE_SCALE_RATIO = 1;
3
- /** The maximum zoom ratio when the mouse zooms in, adjustable */
4
- export declare const WHEEL_MAX_SCALE_RATIO = 1;
1
+ /** Scale the ratio base */
2
+ export declare const BASE_SCALE_RATIO = 1;
3
+ /** The maximum zoom ratio when the mouse zooms in, adjustable */
4
+ export declare const WHEEL_MAX_SCALE_RATIO = 1;
@@ -1 +1 @@
1
- export declare function isImageValid(src?: string | any): Promise<unknown>;
1
+ export declare function isImageValid(src?: string | any): Promise<unknown>;
@@ -1,23 +1,23 @@
1
- declare const KeyCode: {
2
- /**
3
- * LEFT
4
- */
5
- LEFT: number;
6
- /**
7
- * UP
8
- */
9
- UP: number;
10
- /**
11
- * RIGHT
12
- */
13
- RIGHT: number;
14
- /**
15
- * DOWN
16
- */
17
- DOWN: number;
18
- /**
19
- * ESC
20
- */
21
- ESC: number;
22
- };
23
- export default KeyCode;
1
+ declare const KeyCode: {
2
+ /**
3
+ * LEFT
4
+ */
5
+ LEFT: number;
6
+ /**
7
+ * UP
8
+ */
9
+ UP: number;
10
+ /**
11
+ * RIGHT
12
+ */
13
+ RIGHT: number;
14
+ /**
15
+ * DOWN
16
+ */
17
+ DOWN: number;
18
+ /**
19
+ * ESC
20
+ */
21
+ ESC: number;
22
+ };
23
+ export default KeyCode;
@@ -1,4 +1,4 @@
1
- export interface IaddEventListenerWrapRes {
2
- remove: () => void;
3
- }
4
- export default function addEventListenerWrap(target: any, eventType: any, cb: any, option: any): IaddEventListenerWrapRes;
1
+ export interface IaddEventListenerWrapRes {
2
+ remove: () => void;
3
+ }
4
+ export default function addEventListenerWrap(target: any, eventType: any, cb: any, option: any): IaddEventListenerWrapRes;
@@ -1,2 +1,2 @@
1
- declare function buildIcons(icons: any): any;
2
- export { buildIcons };
1
+ declare function buildIcons(icons: any): any;
2
+ export { buildIcons };
@@ -1,8 +1,8 @@
1
- export declare function getClientSize(): {
2
- width: number;
3
- height: number;
4
- };
5
- export declare function getOffset(node: any): {
6
- left: number;
7
- top: number;
8
- };
1
+ export declare function getClientSize(): {
2
+ width: number;
3
+ height: number;
4
+ };
5
+ export declare function getOffset(node: any): {
6
+ left: number;
7
+ top: number;
8
+ };
@@ -1,8 +1,8 @@
1
- /**
2
- * Deeply compares two object literals.
3
- * @param obj1 object 1
4
- * @param obj2 object 2
5
- * @param shallow shallow compare
6
- * @returns
7
- */
8
- export default function isEqual(obj1: any, obj2: any, shallow?: boolean): boolean;
1
+ /**
2
+ * Deeply compares two object literals.
3
+ * @param obj1 object 1
4
+ * @param obj2 object 2
5
+ * @param shallow shallow compare
6
+ * @returns
7
+ */
8
+ export default function isEqual(obj1: any, obj2: any, shallow?: boolean): boolean;
@@ -1,6 +1,6 @@
1
- declare const wrapperRaf: {
2
- (callback: () => void, times?: number): number;
3
- cancel(id: number): void;
4
- ids(): Map<number, number>;
5
- };
6
- export default wrapperRaf;
1
+ declare const wrapperRaf: {
2
+ (callback: () => void, times?: number): number;
3
+ cancel(id: number): void;
4
+ ids(): Map<number, number>;
5
+ };
6
+ export default wrapperRaf;
@@ -1 +1 @@
1
- export default function useEvent<T extends Function>(callback: any): T;
1
+ export default function useEvent<T extends Function>(callback: any): T;
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
2
- declare const useLayoutEffect: (callback: (mount: boolean) => void | VoidFunction, deps?: React.DependencyList) => void;
3
- export declare const useLayoutUpdateEffect: typeof React.useEffect;
4
- export default useLayoutEffect;
1
+ import * as React from 'react';
2
+ declare const useLayoutEffect: (callback: (mount: boolean) => void | VoidFunction, deps?: React.DependencyList) => void;
3
+ export declare const useLayoutUpdateEffect: typeof React.useEffect;
4
+ export default useLayoutEffect;