amis 1.8.0-beta.5 → 1.8.0-beta.9

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 (273) hide show
  1. package/lib/Schema.d.ts +9 -2
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/actions/PageAction.d.ts +32 -0
  4. package/lib/actions/PageAction.js +72 -0
  5. package/lib/actions/PageAction.js.map +13 -0
  6. package/lib/actions/index.d.ts +1 -0
  7. package/lib/actions/index.js +1 -0
  8. package/lib/actions/index.js.map +2 -2
  9. package/lib/components/CalendarMobile.d.ts +84 -84
  10. package/lib/components/Cascader.d.ts +2 -0
  11. package/lib/components/Cascader.js +28 -12
  12. package/lib/components/Cascader.js.map +2 -2
  13. package/lib/components/Checkbox.js +2 -2
  14. package/lib/components/Checkbox.js.map +2 -2
  15. package/lib/components/Collapse.d.ts +20 -20
  16. package/lib/components/DatePicker.d.ts +84 -84
  17. package/lib/components/DatePicker.js +5 -5
  18. package/lib/components/DatePicker.js.map +2 -2
  19. package/lib/components/Drawer.js +1 -1
  20. package/lib/components/Drawer.js.map +2 -2
  21. package/lib/components/ListGroup.d.ts +21 -21
  22. package/lib/components/Modal.js +1 -1
  23. package/lib/components/Modal.js.map +2 -2
  24. package/lib/components/Overlay.d.ts +1 -0
  25. package/lib/components/Overlay.js +4 -3
  26. package/lib/components/Overlay.js.map +2 -2
  27. package/lib/components/PullRefresh.d.ts +86 -0
  28. package/lib/components/PullRefresh.js +135 -0
  29. package/lib/components/PullRefresh.js.map +13 -0
  30. package/lib/components/Spinner.d.ts +200 -107
  31. package/lib/components/Spinner.js +30 -26
  32. package/lib/components/Spinner.js.map +2 -2
  33. package/lib/components/Tooltip.d.ts +4 -0
  34. package/lib/components/Tooltip.js +6 -4
  35. package/lib/components/Tooltip.js.map +2 -2
  36. package/lib/components/TooltipWrapper.d.ts +60 -4
  37. package/lib/components/TooltipWrapper.js +27 -8
  38. package/lib/components/TooltipWrapper.js.map +2 -2
  39. package/lib/components/Transfer.d.ts +84 -84
  40. package/lib/components/TransferDropDown.d.ts +84 -84
  41. package/lib/components/Tree.d.ts +87 -85
  42. package/lib/components/Tree.js +13 -5
  43. package/lib/components/Tree.js.map +2 -2
  44. package/lib/components/TreeSelection.d.ts +84 -84
  45. package/lib/components/calendar/TimeView.d.ts +1 -0
  46. package/lib/components/calendar/TimeView.js +7 -0
  47. package/lib/components/calendar/TimeView.js.map +2 -2
  48. package/lib/components/condition-builder/Expression.d.ts +1 -0
  49. package/lib/components/condition-builder/Expression.js +4 -4
  50. package/lib/components/condition-builder/Expression.js.map +2 -2
  51. package/lib/components/condition-builder/Field.d.ts +1 -0
  52. package/lib/components/condition-builder/Field.js +3 -2
  53. package/lib/components/condition-builder/Field.js.map +2 -2
  54. package/lib/components/condition-builder/Group.d.ts +1 -0
  55. package/lib/components/condition-builder/Group.js +2 -2
  56. package/lib/components/condition-builder/Group.js.map +2 -2
  57. package/lib/components/condition-builder/GroupOrItem.d.ts +1 -0
  58. package/lib/components/condition-builder/GroupOrItem.js +2 -2
  59. package/lib/components/condition-builder/GroupOrItem.js.map +2 -2
  60. package/lib/components/condition-builder/InputSwitch.d.ts +2 -1
  61. package/lib/components/condition-builder/InputSwitch.js +2 -2
  62. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  63. package/lib/components/condition-builder/Item.d.ts +1 -0
  64. package/lib/components/condition-builder/Item.js +9 -8
  65. package/lib/components/condition-builder/Item.js.map +2 -2
  66. package/lib/components/condition-builder/Value.d.ts +1 -0
  67. package/lib/components/condition-builder/Value.js +5 -5
  68. package/lib/components/condition-builder/Value.js.map +2 -2
  69. package/lib/components/condition-builder/index.d.ts +1 -0
  70. package/lib/components/condition-builder/index.js +2 -2
  71. package/lib/components/condition-builder/index.js.map +2 -2
  72. package/lib/components/formula/Editor.d.ts +87 -85
  73. package/lib/components/formula/Editor.js +10 -6
  74. package/lib/components/formula/Editor.js.map +2 -2
  75. package/lib/components/formula/Picker.js +3 -1
  76. package/lib/components/formula/Picker.js.map +2 -2
  77. package/lib/index.js +1 -1
  78. package/lib/locale/de-DE.js +5 -1
  79. package/lib/locale/de-DE.js.map +2 -2
  80. package/lib/locale/en-US.js +5 -1
  81. package/lib/locale/en-US.js.map +2 -2
  82. package/lib/locale/zh-CN.js +5 -1
  83. package/lib/locale/zh-CN.js.map +2 -2
  84. package/lib/renderers/CRUD.js +1 -1
  85. package/lib/renderers/CRUD.js.map +2 -2
  86. package/lib/renderers/Form/Combo.d.ts +2 -1
  87. package/lib/renderers/Form/Combo.js +51 -14
  88. package/lib/renderers/Form/Combo.js.map +2 -2
  89. package/lib/renderers/Form/DiffEditor.d.ts +1 -0
  90. package/lib/renderers/Form/InputCity.d.ts +84 -84
  91. package/lib/renderers/Form/InputDate.js +10 -3
  92. package/lib/renderers/Form/InputDate.js.map +2 -2
  93. package/lib/renderers/Form/InputDateRange.js +12 -3
  94. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  95. package/lib/renderers/Form/InputFile.js +13 -5
  96. package/lib/renderers/Form/InputFile.js.map +2 -2
  97. package/lib/renderers/Form/InputImage.js +12 -4
  98. package/lib/renderers/Form/InputImage.js.map +2 -2
  99. package/lib/renderers/Form/InputMonthRange.js +5 -1
  100. package/lib/renderers/Form/InputMonthRange.js.map +2 -2
  101. package/lib/renderers/Form/InputText.js +8 -4
  102. package/lib/renderers/Form/InputText.js.map +2 -2
  103. package/lib/renderers/Form/InputTree.d.ts +5 -0
  104. package/lib/renderers/Form/InputTree.js +51 -2
  105. package/lib/renderers/Form/InputTree.js.map +2 -2
  106. package/lib/renderers/Form/Item.d.ts +68 -70
  107. package/lib/renderers/Form/Item.js.map +2 -2
  108. package/lib/renderers/Form/NestedSelect.d.ts +4 -0
  109. package/lib/renderers/Form/NestedSelect.js +14 -5
  110. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  111. package/lib/renderers/Form/Options.js +61 -27
  112. package/lib/renderers/Form/Options.js.map +2 -2
  113. package/lib/renderers/Form/Select.js +4 -2
  114. package/lib/renderers/Form/Select.js.map +2 -2
  115. package/lib/renderers/Form/TreeSelect.d.ts +11 -2
  116. package/lib/renderers/Form/TreeSelect.js +56 -10
  117. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  118. package/lib/renderers/Form/wrapControl.js +3 -3
  119. package/lib/renderers/Form/wrapControl.js.map +2 -2
  120. package/lib/renderers/Nav.d.ts +82 -67
  121. package/lib/renderers/Nav.js +47 -11
  122. package/lib/renderers/Nav.js.map +2 -2
  123. package/lib/renderers/Page.d.ts +20 -0
  124. package/lib/renderers/Page.js +51 -14
  125. package/lib/renderers/Page.js.map +2 -2
  126. package/lib/renderers/Service.d.ts +2 -0
  127. package/lib/renderers/Service.js +52 -20
  128. package/lib/renderers/Service.js.map +2 -2
  129. package/lib/renderers/Spinner.d.ts +58 -2
  130. package/lib/renderers/Spinner.js +8 -1
  131. package/lib/renderers/Spinner.js.map +2 -2
  132. package/lib/renderers/Table/ColumnToggler.d.ts +4 -0
  133. package/lib/renderers/Table/ColumnToggler.js +11 -6
  134. package/lib/renderers/Table/ColumnToggler.js.map +2 -2
  135. package/lib/renderers/Table/TableCell.js +27 -1
  136. package/lib/renderers/Table/TableCell.js.map +2 -2
  137. package/lib/renderers/Table/index.d.ts +1 -0
  138. package/lib/renderers/Table/index.js +19 -11
  139. package/lib/renderers/Table/index.js.map +2 -2
  140. package/lib/renderers/TooltipWrapper.d.ts +31 -6
  141. package/lib/renderers/TooltipWrapper.js +18 -8
  142. package/lib/renderers/TooltipWrapper.js.map +2 -2
  143. package/lib/renderers/Wizard.js +23 -14
  144. package/lib/renderers/Wizard.js.map +2 -2
  145. package/lib/store/crud.js +23 -13
  146. package/lib/store/crud.js.map +2 -2
  147. package/lib/themes/ang-ie11.css +313 -100
  148. package/lib/themes/ang.css +322 -103
  149. package/lib/themes/ang.css.map +1 -1
  150. package/lib/themes/antd-ie11.css +429 -216
  151. package/lib/themes/antd.css +323 -104
  152. package/lib/themes/antd.css.map +1 -1
  153. package/lib/themes/cxd-ie11.css +424 -211
  154. package/lib/themes/cxd.css +324 -105
  155. package/lib/themes/cxd.css.map +1 -1
  156. package/lib/themes/dark-ie11.css +313 -100
  157. package/lib/themes/dark.css +322 -103
  158. package/lib/themes/dark.css.map +1 -1
  159. package/lib/themes/default-ie11.css +424 -211
  160. package/lib/themes/default.css +324 -105
  161. package/lib/themes/default.css.map +1 -1
  162. package/lib/types.d.ts +3 -1
  163. package/lib/types.js.map +1 -1
  164. package/lib/utils/ColorScale.d.ts +19 -0
  165. package/lib/utils/ColorScale.js +104 -0
  166. package/lib/utils/ColorScale.js.map +13 -0
  167. package/lib/utils/api.js +20 -4
  168. package/lib/utils/api.js.map +2 -2
  169. package/lib/utils/dom.d.ts +1 -1
  170. package/lib/utils/dom.js +7 -5
  171. package/lib/utils/dom.js.map +2 -2
  172. package/package.json +3 -2
  173. package/schema.json +29645 -29137
  174. package/scss/_properties.scss +33 -15
  175. package/scss/components/_column-toggler.scss +21 -11
  176. package/scss/components/_formula.scss +1 -1
  177. package/scss/components/_nav.scss +51 -6
  178. package/scss/components/_pull-refresh.scss +25 -0
  179. package/scss/components/_spinner.scss +134 -56
  180. package/scss/components/_tooltip.scss +4 -9
  181. package/scss/components/form/_checks.scss +1 -0
  182. package/scss/components/form/_combo.scss +13 -1
  183. package/scss/components/form/_date-range.scss +11 -2
  184. package/scss/components/form/_date.scss +11 -0
  185. package/scss/components/form/_file.scss +4 -0
  186. package/scss/components/form/_form.scss +15 -8
  187. package/scss/components/form/_transfer.scss +3 -2
  188. package/scss/themes/_antd-variables.scss +1 -1
  189. package/scss/themes/_common.scss +1 -0
  190. package/scss/themes/_cxd-variables.scss +2 -2
  191. package/sdk/ang-ie11.css +286 -80
  192. package/sdk/ang.css +294 -82
  193. package/sdk/antd-ie11.css +402 -196
  194. package/sdk/antd.css +295 -83
  195. package/sdk/barcode.js +51 -51
  196. package/sdk/charts.js +14 -14
  197. package/sdk/codemirror.js +7 -7
  198. package/sdk/color-picker.js +65 -65
  199. package/sdk/cropperjs.js +2 -2
  200. package/sdk/cxd-ie11.css +397 -191
  201. package/sdk/cxd.css +296 -84
  202. package/sdk/dark-ie11.css +286 -80
  203. package/sdk/dark.css +294 -82
  204. package/sdk/exceljs.js +1 -1
  205. package/sdk/locale/de-DE.js +5 -1
  206. package/sdk/markdown.js +69 -69
  207. package/sdk/papaparse.js +1 -1
  208. package/sdk/renderers/Form/CityDB.js +1 -1
  209. package/sdk/rest.js +17 -17
  210. package/sdk/rich-text.js +62 -62
  211. package/sdk/sdk-ie11.css +397 -191
  212. package/sdk/sdk.css +296 -84
  213. package/sdk/sdk.js +1300 -1260
  214. package/sdk/thirds/hls.js/hls.js +1 -1
  215. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  216. package/sdk/tinymce.js +57 -57
  217. package/src/Schema.ts +10 -0
  218. package/src/actions/PageAction.ts +62 -0
  219. package/src/actions/index.ts +1 -0
  220. package/src/components/Cascader.tsx +37 -11
  221. package/src/components/Checkbox.tsx +1 -1
  222. package/src/components/DatePicker.tsx +7 -5
  223. package/src/components/Drawer.tsx +1 -0
  224. package/src/components/Modal.tsx +1 -0
  225. package/src/components/Overlay.tsx +6 -3
  226. package/src/components/PullRefresh.tsx +197 -0
  227. package/src/components/Spinner.tsx +77 -42
  228. package/src/components/Tooltip.tsx +12 -3
  229. package/src/components/TooltipWrapper.tsx +120 -33
  230. package/src/components/Tree.tsx +19 -5
  231. package/src/components/calendar/TimeView.tsx +12 -0
  232. package/src/components/condition-builder/Expression.tsx +6 -1
  233. package/src/components/condition-builder/Field.tsx +5 -1
  234. package/src/components/condition-builder/Group.tsx +4 -1
  235. package/src/components/condition-builder/GroupOrItem.tsx +4 -1
  236. package/src/components/condition-builder/InputSwitch.tsx +4 -1
  237. package/src/components/condition-builder/Item.tsx +28 -4
  238. package/src/components/condition-builder/Value.tsx +7 -1
  239. package/src/components/condition-builder/index.tsx +4 -2
  240. package/src/components/formula/Editor.tsx +20 -15
  241. package/src/components/formula/Picker.tsx +9 -5
  242. package/src/locale/de-DE.ts +5 -1
  243. package/src/locale/en-US.ts +5 -1
  244. package/src/locale/zh-CN.ts +5 -1
  245. package/src/renderers/CRUD.tsx +1 -1
  246. package/src/renderers/Form/Combo.tsx +102 -46
  247. package/src/renderers/Form/InputDate.tsx +18 -4
  248. package/src/renderers/Form/InputDateRange.tsx +19 -2
  249. package/src/renderers/Form/InputFile.tsx +16 -4
  250. package/src/renderers/Form/InputImage.tsx +15 -3
  251. package/src/renderers/Form/InputMonthRange.tsx +7 -1
  252. package/src/renderers/Form/InputText.tsx +14 -2
  253. package/src/renderers/Form/InputTree.tsx +40 -2
  254. package/src/renderers/Form/Item.tsx +6 -0
  255. package/src/renderers/Form/NestedSelect.tsx +23 -4
  256. package/src/renderers/Form/Options.tsx +26 -7
  257. package/src/renderers/Form/Select.tsx +5 -3
  258. package/src/renderers/Form/TreeSelect.tsx +47 -9
  259. package/src/renderers/Form/wrapControl.tsx +2 -2
  260. package/src/renderers/Nav.tsx +230 -32
  261. package/src/renderers/Page.tsx +89 -33
  262. package/src/renderers/Service.tsx +62 -27
  263. package/src/renderers/Spinner.tsx +85 -3
  264. package/src/renderers/Table/ColumnToggler.tsx +36 -11
  265. package/src/renderers/Table/TableCell.tsx +39 -1
  266. package/src/renderers/Table/index.tsx +34 -21
  267. package/src/renderers/TooltipWrapper.tsx +64 -28
  268. package/src/renderers/Wizard.tsx +36 -25
  269. package/src/store/crud.ts +10 -0
  270. package/src/types.ts +4 -0
  271. package/src/utils/ColorScale.ts +138 -0
  272. package/src/utils/api.ts +26 -4
  273. package/src/utils/dom.tsx +7 -6
@@ -7,57 +7,82 @@
7
7
  /// <reference types="hoist-non-react-statics" />
8
8
  import React from 'react';
9
9
  import { ThemeProps } from '../theme';
10
- interface SpinnerProps extends ThemeProps {
11
- overlay: boolean;
12
- spinnerClassName: string;
13
- mode: string;
14
- size: 'sm' | 'lg' | '';
10
+ export interface SpinnerProps extends ThemeProps {
15
11
  show: boolean;
16
- icon?: string;
12
+ className?: string;
13
+ spinnerClassName?: string;
14
+ /**
15
+ * @deprecated 已废弃,没有作用
16
+ */
17
+ mode?: string;
18
+ size?: 'sm' | 'lg' | '';
19
+ icon?: string | React.ReactNode;
20
+ tip?: string;
21
+ tipPlacement?: 'top' | 'right' | 'bottom' | 'left';
22
+ delay?: number;
23
+ overlay?: boolean;
17
24
  }
18
- export declare class Spinner extends React.Component<SpinnerProps, object> {
25
+ export declare class Spinner extends React.Component<SpinnerProps> {
19
26
  static defaultProps: {
20
- overlay: boolean;
27
+ show: boolean;
28
+ className: string;
21
29
  spinnerClassName: string;
22
- mode: string;
23
30
  size: "";
24
- show: boolean;
31
+ icon: string;
32
+ tip: string;
33
+ tipPlacement: "bottom";
34
+ delay: number;
35
+ overlay: boolean;
25
36
  };
26
- div: React.RefObject<HTMLDivElement>;
27
- overlay: React.RefObject<HTMLDivElement>;
28
37
  render(): JSX.Element;
29
38
  }
30
39
  declare const _default: {
31
- new (props: (Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
32
- overlay: boolean;
40
+ new (props: (Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
41
+ show: boolean;
42
+ className: string;
33
43
  spinnerClassName: string;
34
- mode: string;
35
44
  size: "";
36
- show: boolean;
37
- }, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
45
+ icon: string;
46
+ tip: string;
47
+ tipPlacement: "bottom";
48
+ delay: number;
38
49
  overlay: boolean;
50
+ }, "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
51
+ show: boolean;
52
+ className: string;
39
53
  spinnerClassName: string;
40
- mode: string;
41
54
  size: "";
42
- show: boolean;
43
- }, never>> & import("../theme").ThemeOutterProps>): {
55
+ icon: string;
56
+ tip: string;
57
+ tipPlacement: "bottom";
58
+ delay: number;
59
+ overlay: boolean;
60
+ }, "className">> & import("../theme").ThemeOutterProps>): {
44
61
  render(): JSX.Element;
45
62
  context: any;
46
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
47
- overlay: boolean;
63
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
64
+ show: boolean;
65
+ className: string;
48
66
  spinnerClassName: string;
49
- mode: string;
50
67
  size: "";
51
- show: boolean;
52
- }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
53
- forceUpdate(callback?: (() => void) | undefined): void;
54
- readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
68
+ icon: string;
69
+ tip: string;
70
+ tipPlacement: "bottom";
71
+ delay: number;
55
72
  overlay: boolean;
73
+ }, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
74
+ forceUpdate(callback?: (() => void) | undefined): void;
75
+ readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
76
+ show: boolean;
77
+ className: string;
56
78
  spinnerClassName: string;
57
- mode: string;
58
79
  size: "";
59
- show: boolean;
60
- }, never>> & import("../theme").ThemeOutterProps> & Readonly<{
80
+ icon: string;
81
+ tip: string;
82
+ tipPlacement: "bottom";
83
+ delay: number;
84
+ overlay: boolean;
85
+ }, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
61
86
  children?: React.ReactNode;
62
87
  }>;
63
88
  state: Readonly<{}>;
@@ -65,84 +90,124 @@ declare const _default: {
65
90
  [key: string]: React.ReactInstance;
66
91
  };
67
92
  componentDidMount?(): void;
68
- shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
69
- overlay: boolean;
93
+ shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
94
+ show: boolean;
95
+ className: string;
70
96
  spinnerClassName: string;
71
- mode: string;
72
97
  size: "";
73
- show: boolean;
74
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
98
+ icon: string;
99
+ tip: string;
100
+ tipPlacement: "bottom";
101
+ delay: number;
102
+ overlay: boolean;
103
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
75
104
  componentWillUnmount?(): void;
76
105
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
77
- getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
78
- overlay: boolean;
106
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
107
+ show: boolean;
108
+ className: string;
79
109
  spinnerClassName: string;
80
- mode: string;
81
110
  size: "";
82
- show: boolean;
83
- }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
84
- componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
111
+ icon: string;
112
+ tip: string;
113
+ tipPlacement: "bottom";
114
+ delay: number;
85
115
  overlay: boolean;
116
+ }, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
117
+ componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
118
+ show: boolean;
119
+ className: string;
86
120
  spinnerClassName: string;
87
- mode: string;
88
121
  size: "";
89
- show: boolean;
90
- }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
122
+ icon: string;
123
+ tip: string;
124
+ tipPlacement: "bottom";
125
+ delay: number;
126
+ overlay: boolean;
127
+ }, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
91
128
  componentWillMount?(): void;
92
129
  UNSAFE_componentWillMount?(): void;
93
- componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
94
- overlay: boolean;
130
+ componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
131
+ show: boolean;
132
+ className: string;
95
133
  spinnerClassName: string;
96
- mode: string;
97
134
  size: "";
98
- show: boolean;
99
- }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
100
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
135
+ icon: string;
136
+ tip: string;
137
+ tipPlacement: "bottom";
138
+ delay: number;
101
139
  overlay: boolean;
140
+ }, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
141
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
142
+ show: boolean;
143
+ className: string;
102
144
  spinnerClassName: string;
103
- mode: string;
104
145
  size: "";
105
- show: boolean;
106
- }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
107
- componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
146
+ icon: string;
147
+ tip: string;
148
+ tipPlacement: "bottom";
149
+ delay: number;
108
150
  overlay: boolean;
151
+ }, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
152
+ componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
153
+ show: boolean;
154
+ className: string;
109
155
  spinnerClassName: string;
110
- mode: string;
111
156
  size: "";
112
- show: boolean;
113
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
114
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
157
+ icon: string;
158
+ tip: string;
159
+ tipPlacement: "bottom";
160
+ delay: number;
115
161
  overlay: boolean;
162
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
163
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
164
+ show: boolean;
165
+ className: string;
116
166
  spinnerClassName: string;
117
- mode: string;
118
167
  size: "";
119
- show: boolean;
120
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
168
+ icon: string;
169
+ tip: string;
170
+ tipPlacement: "bottom";
171
+ delay: number;
172
+ overlay: boolean;
173
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
121
174
  };
122
- new (props: Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
123
- overlay: boolean;
175
+ new (props: Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
176
+ show: boolean;
177
+ className: string;
124
178
  spinnerClassName: string;
125
- mode: string;
126
179
  size: "";
127
- show: boolean;
128
- }, never>> & import("../theme").ThemeOutterProps, context: any): {
180
+ icon: string;
181
+ tip: string;
182
+ tipPlacement: "bottom";
183
+ delay: number;
184
+ overlay: boolean;
185
+ }, "className">> & import("../theme").ThemeOutterProps, context: any): {
129
186
  render(): JSX.Element;
130
187
  context: any;
131
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
132
- overlay: boolean;
188
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
189
+ show: boolean;
190
+ className: string;
133
191
  spinnerClassName: string;
134
- mode: string;
135
192
  size: "";
136
- show: boolean;
137
- }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
138
- forceUpdate(callback?: (() => void) | undefined): void;
139
- readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
193
+ icon: string;
194
+ tip: string;
195
+ tipPlacement: "bottom";
196
+ delay: number;
140
197
  overlay: boolean;
198
+ }, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
199
+ forceUpdate(callback?: (() => void) | undefined): void;
200
+ readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
201
+ show: boolean;
202
+ className: string;
141
203
  spinnerClassName: string;
142
- mode: string;
143
204
  size: "";
144
- show: boolean;
145
- }, never>> & import("../theme").ThemeOutterProps> & Readonly<{
205
+ icon: string;
206
+ tip: string;
207
+ tipPlacement: "bottom";
208
+ delay: number;
209
+ overlay: boolean;
210
+ }, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
146
211
  children?: React.ReactNode;
147
212
  }>;
148
213
  state: Readonly<{}>;
@@ -150,59 +215,87 @@ declare const _default: {
150
215
  [key: string]: React.ReactInstance;
151
216
  };
152
217
  componentDidMount?(): void;
153
- shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
154
- overlay: boolean;
218
+ shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
219
+ show: boolean;
220
+ className: string;
155
221
  spinnerClassName: string;
156
- mode: string;
157
222
  size: "";
158
- show: boolean;
159
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
223
+ icon: string;
224
+ tip: string;
225
+ tipPlacement: "bottom";
226
+ delay: number;
227
+ overlay: boolean;
228
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
160
229
  componentWillUnmount?(): void;
161
230
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
162
- getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
163
- overlay: boolean;
231
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
232
+ show: boolean;
233
+ className: string;
164
234
  spinnerClassName: string;
165
- mode: string;
166
235
  size: "";
167
- show: boolean;
168
- }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
169
- componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
236
+ icon: string;
237
+ tip: string;
238
+ tipPlacement: "bottom";
239
+ delay: number;
170
240
  overlay: boolean;
241
+ }, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
242
+ componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
243
+ show: boolean;
244
+ className: string;
171
245
  spinnerClassName: string;
172
- mode: string;
173
246
  size: "";
174
- show: boolean;
175
- }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
247
+ icon: string;
248
+ tip: string;
249
+ tipPlacement: "bottom";
250
+ delay: number;
251
+ overlay: boolean;
252
+ }, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
176
253
  componentWillMount?(): void;
177
254
  UNSAFE_componentWillMount?(): void;
178
- componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
179
- overlay: boolean;
255
+ componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
256
+ show: boolean;
257
+ className: string;
180
258
  spinnerClassName: string;
181
- mode: string;
182
259
  size: "";
183
- show: boolean;
184
- }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
185
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
260
+ icon: string;
261
+ tip: string;
262
+ tipPlacement: "bottom";
263
+ delay: number;
186
264
  overlay: boolean;
265
+ }, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
266
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
267
+ show: boolean;
268
+ className: string;
187
269
  spinnerClassName: string;
188
- mode: string;
189
270
  size: "";
190
- show: boolean;
191
- }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
192
- componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
271
+ icon: string;
272
+ tip: string;
273
+ tipPlacement: "bottom";
274
+ delay: number;
193
275
  overlay: boolean;
276
+ }, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
277
+ componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
278
+ show: boolean;
279
+ className: string;
194
280
  spinnerClassName: string;
195
- mode: string;
196
281
  size: "";
197
- show: boolean;
198
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
199
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "show" | "overlay" | "size" | "spinnerClassName" | "mode">> & Partial<Pick<{
282
+ icon: string;
283
+ tip: string;
284
+ tipPlacement: "bottom";
285
+ delay: number;
200
286
  overlay: boolean;
287
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
288
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & Partial<Pick<Omit<SpinnerProps, keyof ThemeProps>, "icon" | "show" | "overlay" | "size" | "delay" | "spinnerClassName" | "tip" | "tipPlacement">> & Partial<Pick<{
289
+ show: boolean;
290
+ className: string;
201
291
  spinnerClassName: string;
202
- mode: string;
203
292
  size: "";
204
- show: boolean;
205
- }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
293
+ icon: string;
294
+ tip: string;
295
+ tipPlacement: "bottom";
296
+ delay: number;
297
+ overlay: boolean;
298
+ }, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
206
299
  };
207
300
  displayName: string;
208
301
  contextType: React.Context<string>;
@@ -13,46 +13,50 @@ var react_1 = (0, tslib_1.__importDefault)(require("react"));
13
13
  var theme_1 = require("../theme");
14
14
  var Transition_1 = tslib_1.__importStar(require("react-transition-group/Transition"));
15
15
  var icons_1 = require("./icons");
16
+ var icon_1 = require("../utils/icon");
16
17
  var fadeStyles = (_a = {},
17
- _a[Transition_1.ENTERING] = 'in',
18
18
  _a[Transition_1.ENTERED] = 'in',
19
19
  _a);
20
20
  var Spinner = /** @class */ (function (_super) {
21
21
  (0, tslib_1.__extends)(Spinner, _super);
22
22
  function Spinner() {
23
- var _this = _super !== null && _super.apply(this, arguments) || this;
24
- _this.div = react_1.default.createRef();
25
- _this.overlay = react_1.default.createRef();
26
- return _this;
23
+ return _super !== null && _super.apply(this, arguments) || this;
27
24
  }
28
25
  Spinner.prototype.render = function () {
29
- var _this = this;
30
- var _a = this.props, show = _a.show, cx = _a.classnames, spinnerClassName = _a.spinnerClassName, mode = _a.mode, size = _a.size, overlay = _a.overlay, icon = _a.icon;
31
- return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: show, timeout: 350 }, function (status) {
32
- var _a;
33
- if (status === Transition_1.ENTERING) {
34
- // force reflow
35
- // 由于从 mount 进来到加上 in 这个 class 估计是时间太短,上次的样式还没应用进去,所以这里强制reflow一把。
36
- // 否则看不到动画。
37
- // this.div.current!.offsetWidth;
38
- _this.overlay.current && _this.overlay.current.offsetWidth;
39
- }
26
+ var _a = this.props, cx = _a.classnames, show = _a.show, className = _a.className, spinnerClassName = _a.spinnerClassName, _b = _a.size, size = _b === void 0 ? '' : _b, overlay = _a.overlay, delay = _a.delay, icon = _a.icon, tip = _a.tip, _c = _a.tipPlacement, tipPlacement = _c === void 0 ? '' : _c;
27
+ var isCustomIcon = icon && react_1.default.isValidElement(icon);
28
+ var timeout = { enter: delay, exit: 0 };
29
+ return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: show, timeout: timeout }, function (status) {
30
+ var _a, _b, _c;
40
31
  return (react_1.default.createElement(react_1.default.Fragment, null,
41
- overlay ? (react_1.default.createElement("div", { ref: _this.overlay, className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
42
- react_1.default.createElement("div", { ref: _this.div, className: cx("Spinner", spinnerClassName, fadeStyles[status], (_a = {},
43
- _a["Spinner--".concat(mode)] = mode,
44
- _a["Spinner--overlay"] = overlay,
45
- _a["Spinner--".concat(size)] = size,
46
- _a["Spinner--icon"] = icon,
47
- _a)) }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : null)));
32
+ overlay ? (react_1.default.createElement("div", { className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
33
+ react_1.default.createElement("div", { className: cx("Spinner", tip && (_a = {},
34
+ _a["Spinner-tip--".concat(tipPlacement)] = [
35
+ 'top',
36
+ 'right',
37
+ 'bottom',
38
+ 'left'
39
+ ].includes(tipPlacement),
40
+ _a), (_b = {}, _b["Spinner--overlay"] = overlay, _b), fadeStyles[status], className) },
41
+ react_1.default.createElement("div", { className: cx("Spinner-icon", (_c = {},
42
+ _c["Spinner-icon--".concat(size)] = ['lg', 'sm'].includes(size),
43
+ _c["Spinner-icon--default"] = !icon,
44
+ _c["Spinner-icon--simple"] = !isCustomIcon && icon,
45
+ _c["Spinner-icon--custom"] = isCustomIcon,
46
+ _c), spinnerClassName) }, icon ? (isCustomIcon ? (icon) : (0, icons_1.hasIcon)(icon) ? (react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" })) : ((0, icon_1.generateIcon)(cx, icon, 'icon'))) : null),
47
+ tip ? react_1.default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
48
48
  }));
49
49
  };
50
50
  Spinner.defaultProps = {
51
- overlay: false,
51
+ show: true,
52
+ className: '',
52
53
  spinnerClassName: '',
53
- mode: '',
54
54
  size: '',
55
- show: true
55
+ icon: '',
56
+ tip: '',
57
+ tipPlacement: 'bottom',
58
+ delay: 0,
59
+ overlay: false
56
60
  };
57
61
  return Spinner;
58
62
  }(react_1.default.Component));
@@ -6,8 +6,8 @@
6
6
  "/src/components/Spinner.tsx"
7
7
  ],
8
8
  "names": [],
9
- "mappings": ";AAAA;;;;;GAKG;;;;;AAEH,6DAA0B;AAC1B,kCAA+C;AAC/C,2FAAgF;AAChF,iCAA6B;AAE7B,IAAM,UAAU;IAGd,GAAC,qBAAQ,IAAG,IAAI;IAChB,GAAC,oBAAO,IAAG,IAAI;OAChB,CAAC;AAWF;IAA6B,wCAAqC;IAAlE;QAAA,qEA2DC;QAlDC,SAAG,GAAoC,eAAK,CAAC,SAAS,EAAE,CAAC;QACzD,aAAO,GAAoC,eAAK,CAAC,SAAS,EAAE,CAAC;;IAiD/D,CAAC;IA/CC,wBAAM,GAAN;QAAA,iBA8CC;QA7CO,IAAA,KAQF,IAAI,CAAC,KAAK,EAPZ,IAAI,UAAA,EACQ,EAAE,gBAAA,EACd,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,IAAI,UACQ,CAAC;QACf,OAAO,CACL,8BAAC,oBAAU,IAAC,YAAY,QAAC,aAAa,QAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAC1D,UAAC,MAAc;;YACd,IAAI,MAAM,KAAK,qBAAQ,EAAE;gBACvB,eAAe;gBACf,kEAAkE;gBAClE,WAAW;gBACX,iCAAiC;gBACjC,KAAI,CAAC,OAAO,CAAC,OAAO,IAAI,KAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;aAC1D;YAED,OAAO,CACL;gBACG,OAAO,CAAC,CAAC,CAAC,CACT,uCACE,GAAG,EAAE,KAAI,CAAC,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GACpD,CACH,CAAC,CAAC,CAAC,IAAI;gBAER,uCACE,GAAG,EAAE,KAAI,CAAC,GAAG,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,CAAC,MAAM,CAAC;wBAC3D,GAAC,mBAAY,IAAI,CAAE,IAAG,IAAI;wBAC1B,GAAC,kBAAkB,IAAG,OAAO;wBAC7B,GAAC,mBAAY,IAAI,CAAE,IAAG,IAAI;wBAC1B,GAAC,eAAe,IAAG,IAAI;4BACvB,IAED,IAAI,CAAC,CAAC,CAAC,8BAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAChD,CACL,CACJ,CAAC;QACJ,CAAC,CACU,CACd,CAAC;IACJ,CAAC;IAzDM,oBAAY,GAAG;QACpB,OAAO,EAAE,KAAK;QACd,gBAAgB,EAAE,EAAE;QACpB,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAQ;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IAoDJ,cAAC;CAAA,AA3DD,CAA6B,eAAK,CAAC,SAAS,GA2D3C;AA3DY,0BAAO;AA6DpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
9
+ "mappings": ";AAAA;;;;;GAKG;;;;;AAEH,6DAA0B;AAC1B,kCAA+C;AAC/C,2FAAsE;AACtE,iCAAsC;AACtC,sCAA2C;AAE3C,IAAM,UAAU;IAGd,GAAC,oBAAO,IAAG,IAAI;OAChB,CAAC;AAmBF;IAA6B,wCAA6B;IAA1D;;IAsFA,CAAC;IAzEC,wBAAM,GAAN;QACQ,IAAA,KAWF,IAAI,CAAC,KAAK,EAVA,EAAE,gBAAA,EACd,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KACL,CAAC;QACf,IAAM,YAAY,GAAG,IAAI,IAAI,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACxD,IAAM,OAAO,GAAG,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC;QAExC,OAAO,CACL,8BAAC,oBAAU,IAAC,YAAY,QAAC,aAAa,QAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAC9D,UAAC,MAAc;;YACd,OAAO,CACL;gBAEG,OAAO,CAAC,CAAC,CAAC,CACT,uCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI;gBAGR,uCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,GAAG;wBACD,GAAC,uBAAgB,YAAY,CAAE,IAAG;4BAChC,KAAK;4BACL,OAAO;4BACP,QAAQ;4BACR,MAAM;yBACP,CAAC,QAAQ,CAAC,YAAY,CAAC;2BACzB,YACA,GAAC,kBAAkB,IAAG,OAAO,OAC9B,UAAU,CAAC,MAAM,CAAC,EAClB,SAAS,CACV;oBAED,uCACE,SAAS,EAAE,EAAE,CACX,cAAc;4BAEZ,GAAC,wBAAiB,IAAI,CAAE,IAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;4BACtD,GAAC,uBAAuB,IAAG,CAAC,IAAI;4BAChC,GAAC,sBAAsB,IAAG,CAAC,YAAY,IAAI,IAAI;4BAC/C,GAAC,sBAAsB,IAAG,YAAY;iCAExC,gBAAgB,CACjB,IAEA,IAAI,CAAC,CAAC,CAAC,CACN,YAAY,CAAC,CAAC,CAAC,CACb,IAAI,CACL,CAAC,CAAC,CAAC,IAAA,eAAO,EAAC,IAAc,CAAC,CAAC,CAAC,CAAC,CAC5B,8BAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,GAAG,CACtC,CAAC,CAAC,CAAC,CACF,IAAA,mBAAY,EAAC,EAAE,EAAE,IAAc,EAAE,MAAM,CAAC,CACzC,CACF,CAAC,CAAC,CAAC,IAAI,CACJ;oBACL,GAAG,CAAC,CAAC,CAAC,wCAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAAG,GAAG,CAAQ,CAAC,CAAC,CAAC,EAAE,CACxD,CACL,CACJ,CAAC;QACJ,CAAC,CACU,CACd,CAAC;IACJ,CAAC;IApFM,oBAAY,GAAG;QACpB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,EAAE;QACb,gBAAgB,EAAE,EAAE;QACpB,IAAI,EAAE,EAAQ;QACd,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,YAAY,EAAE,QAAoB;QAClC,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,KAAK;KACf,CAAC;IA2EJ,cAAC;CAAA,AAtFD,CAA6B,eAAK,CAAC,SAAS,GAsF3C;AAtFY,0BAAO;AAwFpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
10
10
  "sourcesContent": [
11
- "/**\n * @file Spinner\n * @description\n * @author fex\n * @date 2017-11-07\n */\n\nimport React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport Transition, {ENTERED, ENTERING} from 'react-transition-group/Transition';\nimport {Icon} from './icons';\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERING]: 'in',\n [ENTERED]: 'in'\n};\n\ninterface SpinnerProps extends ThemeProps {\n overlay: boolean;\n spinnerClassName: string;\n mode: string;\n size: 'sm' | 'lg' | '';\n show: boolean;\n icon?: string;\n}\n\nexport class Spinner extends React.Component<SpinnerProps, object> {\n static defaultProps = {\n overlay: false,\n spinnerClassName: '',\n mode: '',\n size: '' as '',\n show: true\n };\n\n div: React.RefObject<HTMLDivElement> = React.createRef();\n overlay: React.RefObject<HTMLDivElement> = React.createRef();\n\n render() {\n const {\n show,\n classnames: cx,\n spinnerClassName,\n mode,\n size,\n overlay,\n icon\n } = this.props;\n return (\n <Transition mountOnEnter unmountOnExit in={show} timeout={350}>\n {(status: string) => {\n if (status === ENTERING) {\n // force reflow\n // 由于从 mount 进来到加上 in 这个 class 估计是时间太短,上次的样式还没应用进去,所以这里强制reflow一把。\n // 否则看不到动画。\n // this.div.current!.offsetWidth;\n this.overlay.current && this.overlay.current.offsetWidth;\n }\n\n return (\n <>\n {overlay ? (\n <div\n ref={this.overlay}\n className={cx(`Spinner-overlay`, fadeStyles[status])}\n />\n ) : null}\n\n <div\n ref={this.div}\n className={cx(`Spinner`, spinnerClassName, fadeStyles[status], {\n [`Spinner--${mode}`]: mode,\n [`Spinner--overlay`]: overlay,\n [`Spinner--${size}`]: size,\n [`Spinner--icon`]: icon\n })}\n >\n {icon ? <Icon icon={icon} className=\"icon\" /> : null}\n </div>\n </>\n );\n }}\n </Transition>\n );\n }\n}\n\nexport default themeable(Spinner);\n"
11
+ "/**\n * @file Spinner\n * @description\n * @author fex\n * @date 2017-11-07\n */\n\nimport React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport Transition, {ENTERED} from 'react-transition-group/Transition';\nimport {Icon, hasIcon} from './icons';\nimport {generateIcon} from '../utils/icon';\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERED]: 'in'\n};\n\n// Spinner Props\nexport interface SpinnerProps extends ThemeProps {\n show: boolean; // 控制Spinner显示与隐藏\n className?: string; // 自定义最外层元素class\n spinnerClassName?: string; // spin图标位置包裹元素的自定义class\n /**\n * @deprecated 已废弃,没有作用\n */\n mode?: string;\n size?: 'sm' | 'lg' | ''; // spinner Icon 大小\n icon?: string | React.ReactNode; // 自定义icon\n tip?: string; // spinner文案\n tipPlacement?: 'top' | 'right' | 'bottom' | 'left'; // spinner文案位置\n delay?: number; // 延迟显示\n overlay?: boolean; // 是否显示遮罩层,有children属性才生效\n}\n\nexport class Spinner extends React.Component<SpinnerProps> {\n static defaultProps = {\n show: true,\n className: '',\n spinnerClassName: '',\n size: '' as '',\n icon: '',\n tip: '',\n tipPlacement: 'bottom' as 'bottom',\n delay: 0,\n overlay: false\n };\n\n render() {\n const {\n classnames: cx,\n show,\n className,\n spinnerClassName,\n size = '',\n overlay,\n delay,\n icon,\n tip,\n tipPlacement = ''\n } = this.props;\n const isCustomIcon = icon && React.isValidElement(icon);\n const timeout = {enter: delay, exit: 0};\n\n return (\n <Transition mountOnEnter unmountOnExit in={show} timeout={timeout}>\n {(status: string) => {\n return (\n <>\n {/* 遮罩层 */}\n {overlay ? (\n <div className={cx(`Spinner-overlay`, fadeStyles[status])} />\n ) : null}\n\n {/* spinner图标和文案 */}\n <div\n className={cx(\n `Spinner`,\n tip && {\n [`Spinner-tip--${tipPlacement}`]: [\n 'top',\n 'right',\n 'bottom',\n 'left'\n ].includes(tipPlacement)\n },\n {[`Spinner--overlay`]: overlay},\n fadeStyles[status],\n className\n )}\n >\n <div\n className={cx(\n `Spinner-icon`,\n {\n [`Spinner-icon--${size}`]: ['lg', 'sm'].includes(size),\n [`Spinner-icon--default`]: !icon,\n [`Spinner-icon--simple`]: !isCustomIcon && icon,\n [`Spinner-icon--custom`]: isCustomIcon\n },\n spinnerClassName\n )}\n >\n {icon ? (\n isCustomIcon ? (\n icon\n ) : hasIcon(icon as string) ? (\n <Icon icon={icon} className=\"icon\" />\n ) : (\n generateIcon(cx, icon as string, 'icon')\n )\n ) : null}\n </div>\n {tip ? <span className={cx(`Spinner-tip`)}>{tip}</span> : ''}\n </div>\n </>\n );\n }}\n </Transition>\n );\n }\n}\n\nexport default themeable(Spinner);\n"
12
12
  ]
13
13
  }
@@ -15,11 +15,15 @@ interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
15
15
  style?: any;
16
16
  arrowProps?: any;
17
17
  placement?: string;
18
+ showArrow?: boolean;
19
+ tooltipTheme?: string;
18
20
  [propName: string]: any;
19
21
  }
20
22
  export declare class Tooltip extends React.Component<TooltipProps> {
21
23
  static defaultProps: {
22
24
  className: string;
25
+ tooltipTheme: string;
26
+ showArrow: boolean;
23
27
  };
24
28
  render(): JSX.Element;
25
29
  }
@@ -15,14 +15,16 @@ var Tooltip = /** @class */ (function (_super) {
15
15
  return _super !== null && _super.apply(this, arguments) || this;
16
16
  }
17
17
  Tooltip.prototype.render = function () {
18
- var _a = this.props, ns = _a.classPrefix, className = _a.className, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style, placement = _a.placement, arrowOffsetLeft = _a.arrowOffsetLeft, arrowOffsetTop = _a.arrowOffsetTop, positionLeft = _a.positionLeft, positionTop = _a.positionTop, cx = _a.classnames, activePlacement = _a.activePlacement, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = (0, tslib_1.__rest)(_a, ["classPrefix", "className", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "onMouseEnter", "onMouseLeave"]);
19
- return (react_1.default.createElement("div", (0, tslib_1.__assign)({}, rest, { className: cx("Tooltip", activePlacement ? "Tooltip--".concat(activePlacement) : '', className), style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: "tooltip" }),
20
- react_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx("Tooltip-arrow") }, arrowProps)),
18
+ var _a = this.props, ns = _a.classPrefix, className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style, placement = _a.placement, arrowOffsetLeft = _a.arrowOffsetLeft, arrowOffsetTop = _a.arrowOffsetTop, positionLeft = _a.positionLeft, positionTop = _a.positionTop, cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = (0, tslib_1.__rest)(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave"]);
19
+ return (react_1.default.createElement("div", (0, tslib_1.__assign)({}, rest, { className: cx("Tooltip", activePlacement ? "Tooltip--".concat(activePlacement) : '', className, "Tooltip--".concat(tooltipTheme === 'dark' ? 'dark' : 'light')), style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: "tooltip" }),
20
+ showArrow ? (react_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx("Tooltip-arrow") }, arrowProps))) : null,
21
21
  title ? react_1.default.createElement("div", { className: cx('Tooltip-title') }, title) : null,
22
22
  react_1.default.createElement("div", { className: cx('Tooltip-body') }, children)));
23
23
  };
24
24
  Tooltip.defaultProps = {
25
- className: ''
25
+ className: '',
26
+ tooltipTheme: 'light',
27
+ showArrow: true
26
28
  };
27
29
  return Tooltip;
28
30
  }(react_1.default.Component));
@@ -6,8 +6,8 @@
6
6
  "/src/components/Tooltip.tsx"
7
7
  ],
8
8
  "names": [],
9
- "mappings": ";AAAA;;;;GAIG;;;;AAEH,6DAA0B;AAG1B,kCAAiD;AAcjD;IAA6B,wCAA6B;IAA1D;;IA4CA,CAAC;IAvCC,wBAAM,GAAN;QACE,IAAM,KAiBF,IAAI,CAAC,KAAK,EAhBC,EAAE,iBAAA,EACf,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,2BAhBH,0NAiBL,CAAa,CAAC;QAEf,OAAO,CACL,+DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,CAAC,CAAC,CAAC,mBAAY,eAAe,CAAE,CAAC,CAAC,CAAC,EAAE,EACpD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,SAAS;YAEd,6DAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAM,UAAU,EAAI;YACtD,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;YAClE,uCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;IA1CM,oBAAY,GAAG;QACpB,SAAS,EAAE,EAAE;KACd,CAAC;IAyCJ,cAAC;CAAA,AA5CD,CAA6B,eAAK,CAAC,SAAS,GA4C3C;AA5CY,0BAAO;AA8CpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
9
+ "mappings": ";AAAA;;;;GAIG;;;;AAEH,6DAA0B;AAG1B,kCAAiD;AAgBjD;IAA6B,wCAA6B;IAA1D;;IAmDA,CAAC;IA5CC,wBAAM,GAAN;QACE,IAAM,KAmBF,IAAI,CAAC,KAAK,EAlBC,EAAE,iBAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,2BAlBH,uPAmBL,CAAa,CAAC;QAEf,OAAO,CACL,+DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,CAAC,CAAC,CAAC,mBAAY,eAAe,CAAE,CAAC,CAAC,CAAC,EAAE,EACpD,SAAS,EACT,mBAAY,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAE,CACzD,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,SAAS;YAEb,SAAS,CAAC,CAAC,CAAC,CACX,6DAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAM,UAAU,EAAI,CACxD,CAAC,CAAC,CAAC,IAAI;YACP,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;YAClE,uCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;IAjDM,oBAAY,GAAG;QACpB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,IAAI;KAChB,CAAC;IA8CJ,cAAC;CAAA,AAnDD,CAA6B,eAAK,CAAC,SAAS,GAmD3C;AAnDY,0BAAO;AAqDpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
10
10
  "sourcesContent": [
11
- "/**\n * @file Tooltip\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {classPrefix, classnames} from '../themes/default';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface TooltipProps extends React.HTMLProps<HTMLDivElement> {\n title?: string;\n classPrefix: string;\n classnames: ClassNamesFn;\n theme?: string;\n className?: string;\n style?: any;\n arrowProps?: any;\n placement?: string;\n [propName: string]: any;\n}\n\nexport class Tooltip extends React.Component<TooltipProps> {\n static defaultProps = {\n className: ''\n };\n\n render() {\n const {\n classPrefix: ns,\n className,\n title,\n children,\n arrowProps,\n style,\n placement,\n arrowOffsetLeft,\n arrowOffsetTop,\n positionLeft,\n positionTop,\n classnames: cx,\n activePlacement,\n onMouseEnter,\n onMouseLeave,\n ...rest\n } = this.props;\n\n return (\n <div\n {...rest}\n className={cx(\n `Tooltip`,\n activePlacement ? `Tooltip--${activePlacement}` : '',\n className\n )}\n style={style}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n role=\"tooltip\"\n >\n <div className={cx(`Tooltip-arrow`)} {...arrowProps} />\n {title ? <div className={cx('Tooltip-title')}>{title}</div> : null}\n <div className={cx('Tooltip-body')}>{children}</div>\n </div>\n );\n }\n}\n\nexport default themeable(Tooltip);\n"
11
+ "/**\n * @file Tooltip\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {classPrefix, classnames} from '../themes/default';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface TooltipProps extends React.HTMLProps<HTMLDivElement> {\n title?: string;\n classPrefix: string;\n classnames: ClassNamesFn;\n theme?: string;\n className?: string;\n style?: any;\n arrowProps?: any;\n placement?: string;\n showArrow?: boolean;\n tooltipTheme?: string;\n [propName: string]: any;\n}\n\nexport class Tooltip extends React.Component<TooltipProps> {\n static defaultProps = {\n className: '',\n tooltipTheme: 'light',\n showArrow: true\n };\n\n render() {\n const {\n classPrefix: ns,\n className,\n tooltipTheme,\n title,\n children,\n arrowProps,\n style,\n placement,\n arrowOffsetLeft,\n arrowOffsetTop,\n positionLeft,\n positionTop,\n classnames: cx,\n activePlacement,\n showArrow,\n onMouseEnter,\n onMouseLeave,\n ...rest\n } = this.props;\n\n return (\n <div\n {...rest}\n className={cx(\n `Tooltip`,\n activePlacement ? `Tooltip--${activePlacement}` : '',\n className,\n `Tooltip--${tooltipTheme === 'dark' ? 'dark' : 'light'}`\n )}\n style={style}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n role=\"tooltip\"\n >\n {showArrow ? (\n <div className={cx(`Tooltip-arrow`)} {...arrowProps} />\n ) : null}\n {title ? <div className={cx('Tooltip-title')}>{title}</div> : null}\n <div className={cx('Tooltip-body')}>{children}</div>\n </div>\n );\n }\n}\n\nexport default themeable(Tooltip);\n"
12
12
  ]
13
13
  }