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.
- package/lib/Schema.d.ts +9 -2
- package/lib/Schema.js.map +1 -1
- package/lib/actions/PageAction.d.ts +32 -0
- package/lib/actions/PageAction.js +72 -0
- package/lib/actions/PageAction.js.map +13 -0
- package/lib/actions/index.d.ts +1 -0
- package/lib/actions/index.js +1 -0
- package/lib/actions/index.js.map +2 -2
- package/lib/components/CalendarMobile.d.ts +84 -84
- package/lib/components/Cascader.d.ts +2 -0
- package/lib/components/Cascader.js +28 -12
- package/lib/components/Cascader.js.map +2 -2
- package/lib/components/Checkbox.js +2 -2
- package/lib/components/Checkbox.js.map +2 -2
- package/lib/components/Collapse.d.ts +20 -20
- package/lib/components/DatePicker.d.ts +84 -84
- package/lib/components/DatePicker.js +5 -5
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/Drawer.js +1 -1
- package/lib/components/Drawer.js.map +2 -2
- package/lib/components/ListGroup.d.ts +21 -21
- package/lib/components/Modal.js +1 -1
- package/lib/components/Modal.js.map +2 -2
- package/lib/components/Overlay.d.ts +1 -0
- package/lib/components/Overlay.js +4 -3
- package/lib/components/Overlay.js.map +2 -2
- package/lib/components/PullRefresh.d.ts +86 -0
- package/lib/components/PullRefresh.js +135 -0
- package/lib/components/PullRefresh.js.map +13 -0
- package/lib/components/Spinner.d.ts +200 -107
- package/lib/components/Spinner.js +30 -26
- package/lib/components/Spinner.js.map +2 -2
- package/lib/components/Tooltip.d.ts +4 -0
- package/lib/components/Tooltip.js +6 -4
- package/lib/components/Tooltip.js.map +2 -2
- package/lib/components/TooltipWrapper.d.ts +60 -4
- package/lib/components/TooltipWrapper.js +27 -8
- package/lib/components/TooltipWrapper.js.map +2 -2
- package/lib/components/Transfer.d.ts +84 -84
- package/lib/components/TransferDropDown.d.ts +84 -84
- package/lib/components/Tree.d.ts +87 -85
- package/lib/components/Tree.js +13 -5
- package/lib/components/Tree.js.map +2 -2
- package/lib/components/TreeSelection.d.ts +84 -84
- package/lib/components/calendar/TimeView.d.ts +1 -0
- package/lib/components/calendar/TimeView.js +7 -0
- package/lib/components/calendar/TimeView.js.map +2 -2
- package/lib/components/condition-builder/Expression.d.ts +1 -0
- package/lib/components/condition-builder/Expression.js +4 -4
- package/lib/components/condition-builder/Expression.js.map +2 -2
- package/lib/components/condition-builder/Field.d.ts +1 -0
- package/lib/components/condition-builder/Field.js +3 -2
- package/lib/components/condition-builder/Field.js.map +2 -2
- package/lib/components/condition-builder/Group.d.ts +1 -0
- package/lib/components/condition-builder/Group.js +2 -2
- package/lib/components/condition-builder/Group.js.map +2 -2
- package/lib/components/condition-builder/GroupOrItem.d.ts +1 -0
- package/lib/components/condition-builder/GroupOrItem.js +2 -2
- package/lib/components/condition-builder/GroupOrItem.js.map +2 -2
- package/lib/components/condition-builder/InputSwitch.d.ts +2 -1
- package/lib/components/condition-builder/InputSwitch.js +2 -2
- package/lib/components/condition-builder/InputSwitch.js.map +2 -2
- package/lib/components/condition-builder/Item.d.ts +1 -0
- package/lib/components/condition-builder/Item.js +9 -8
- package/lib/components/condition-builder/Item.js.map +2 -2
- package/lib/components/condition-builder/Value.d.ts +1 -0
- package/lib/components/condition-builder/Value.js +5 -5
- package/lib/components/condition-builder/Value.js.map +2 -2
- package/lib/components/condition-builder/index.d.ts +1 -0
- package/lib/components/condition-builder/index.js +2 -2
- package/lib/components/condition-builder/index.js.map +2 -2
- package/lib/components/formula/Editor.d.ts +87 -85
- package/lib/components/formula/Editor.js +10 -6
- package/lib/components/formula/Editor.js.map +2 -2
- package/lib/components/formula/Picker.js +3 -1
- package/lib/components/formula/Picker.js.map +2 -2
- package/lib/index.js +1 -1
- package/lib/locale/de-DE.js +5 -1
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +5 -1
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +5 -1
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/CRUD.js +1 -1
- package/lib/renderers/CRUD.js.map +2 -2
- package/lib/renderers/Form/Combo.d.ts +2 -1
- package/lib/renderers/Form/Combo.js +51 -14
- package/lib/renderers/Form/Combo.js.map +2 -2
- package/lib/renderers/Form/DiffEditor.d.ts +1 -0
- package/lib/renderers/Form/InputCity.d.ts +84 -84
- package/lib/renderers/Form/InputDate.js +10 -3
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/InputDateRange.js +12 -3
- package/lib/renderers/Form/InputDateRange.js.map +2 -2
- package/lib/renderers/Form/InputFile.js +13 -5
- package/lib/renderers/Form/InputFile.js.map +2 -2
- package/lib/renderers/Form/InputImage.js +12 -4
- package/lib/renderers/Form/InputImage.js.map +2 -2
- package/lib/renderers/Form/InputMonthRange.js +5 -1
- package/lib/renderers/Form/InputMonthRange.js.map +2 -2
- package/lib/renderers/Form/InputText.js +8 -4
- package/lib/renderers/Form/InputText.js.map +2 -2
- package/lib/renderers/Form/InputTree.d.ts +5 -0
- package/lib/renderers/Form/InputTree.js +51 -2
- package/lib/renderers/Form/InputTree.js.map +2 -2
- package/lib/renderers/Form/Item.d.ts +68 -70
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/Form/NestedSelect.d.ts +4 -0
- package/lib/renderers/Form/NestedSelect.js +14 -5
- package/lib/renderers/Form/NestedSelect.js.map +2 -2
- package/lib/renderers/Form/Options.js +61 -27
- package/lib/renderers/Form/Options.js.map +2 -2
- package/lib/renderers/Form/Select.js +4 -2
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/TreeSelect.d.ts +11 -2
- package/lib/renderers/Form/TreeSelect.js +56 -10
- package/lib/renderers/Form/TreeSelect.js.map +2 -2
- package/lib/renderers/Form/wrapControl.js +3 -3
- package/lib/renderers/Form/wrapControl.js.map +2 -2
- package/lib/renderers/Nav.d.ts +82 -67
- package/lib/renderers/Nav.js +47 -11
- package/lib/renderers/Nav.js.map +2 -2
- package/lib/renderers/Page.d.ts +20 -0
- package/lib/renderers/Page.js +51 -14
- package/lib/renderers/Page.js.map +2 -2
- package/lib/renderers/Service.d.ts +2 -0
- package/lib/renderers/Service.js +52 -20
- package/lib/renderers/Service.js.map +2 -2
- package/lib/renderers/Spinner.d.ts +58 -2
- package/lib/renderers/Spinner.js +8 -1
- package/lib/renderers/Spinner.js.map +2 -2
- package/lib/renderers/Table/ColumnToggler.d.ts +4 -0
- package/lib/renderers/Table/ColumnToggler.js +11 -6
- package/lib/renderers/Table/ColumnToggler.js.map +2 -2
- package/lib/renderers/Table/TableCell.js +27 -1
- package/lib/renderers/Table/TableCell.js.map +2 -2
- package/lib/renderers/Table/index.d.ts +1 -0
- package/lib/renderers/Table/index.js +19 -11
- package/lib/renderers/Table/index.js.map +2 -2
- package/lib/renderers/TooltipWrapper.d.ts +31 -6
- package/lib/renderers/TooltipWrapper.js +18 -8
- package/lib/renderers/TooltipWrapper.js.map +2 -2
- package/lib/renderers/Wizard.js +23 -14
- package/lib/renderers/Wizard.js.map +2 -2
- package/lib/store/crud.js +23 -13
- package/lib/store/crud.js.map +2 -2
- package/lib/themes/ang-ie11.css +313 -100
- package/lib/themes/ang.css +322 -103
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +429 -216
- package/lib/themes/antd.css +323 -104
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +424 -211
- package/lib/themes/cxd.css +324 -105
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +313 -100
- package/lib/themes/dark.css +322 -103
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default-ie11.css +424 -211
- package/lib/themes/default.css +324 -105
- package/lib/themes/default.css.map +1 -1
- package/lib/types.d.ts +3 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/ColorScale.d.ts +19 -0
- package/lib/utils/ColorScale.js +104 -0
- package/lib/utils/ColorScale.js.map +13 -0
- package/lib/utils/api.js +20 -4
- package/lib/utils/api.js.map +2 -2
- package/lib/utils/dom.d.ts +1 -1
- package/lib/utils/dom.js +7 -5
- package/lib/utils/dom.js.map +2 -2
- package/package.json +3 -2
- package/schema.json +29645 -29137
- package/scss/_properties.scss +33 -15
- package/scss/components/_column-toggler.scss +21 -11
- package/scss/components/_formula.scss +1 -1
- package/scss/components/_nav.scss +51 -6
- package/scss/components/_pull-refresh.scss +25 -0
- package/scss/components/_spinner.scss +134 -56
- package/scss/components/_tooltip.scss +4 -9
- package/scss/components/form/_checks.scss +1 -0
- package/scss/components/form/_combo.scss +13 -1
- package/scss/components/form/_date-range.scss +11 -2
- package/scss/components/form/_date.scss +11 -0
- package/scss/components/form/_file.scss +4 -0
- package/scss/components/form/_form.scss +15 -8
- package/scss/components/form/_transfer.scss +3 -2
- package/scss/themes/_antd-variables.scss +1 -1
- package/scss/themes/_common.scss +1 -0
- package/scss/themes/_cxd-variables.scss +2 -2
- package/sdk/ang-ie11.css +286 -80
- package/sdk/ang.css +294 -82
- package/sdk/antd-ie11.css +402 -196
- package/sdk/antd.css +295 -83
- package/sdk/barcode.js +51 -51
- package/sdk/charts.js +14 -14
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +397 -191
- package/sdk/cxd.css +296 -84
- package/sdk/dark-ie11.css +286 -80
- package/sdk/dark.css +294 -82
- package/sdk/exceljs.js +1 -1
- package/sdk/locale/de-DE.js +5 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +17 -17
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +397 -191
- package/sdk/sdk.css +296 -84
- package/sdk/sdk.js +1300 -1260
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +10 -0
- package/src/actions/PageAction.ts +62 -0
- package/src/actions/index.ts +1 -0
- package/src/components/Cascader.tsx +37 -11
- package/src/components/Checkbox.tsx +1 -1
- package/src/components/DatePicker.tsx +7 -5
- package/src/components/Drawer.tsx +1 -0
- package/src/components/Modal.tsx +1 -0
- package/src/components/Overlay.tsx +6 -3
- package/src/components/PullRefresh.tsx +197 -0
- package/src/components/Spinner.tsx +77 -42
- package/src/components/Tooltip.tsx +12 -3
- package/src/components/TooltipWrapper.tsx +120 -33
- package/src/components/Tree.tsx +19 -5
- package/src/components/calendar/TimeView.tsx +12 -0
- package/src/components/condition-builder/Expression.tsx +6 -1
- package/src/components/condition-builder/Field.tsx +5 -1
- package/src/components/condition-builder/Group.tsx +4 -1
- package/src/components/condition-builder/GroupOrItem.tsx +4 -1
- package/src/components/condition-builder/InputSwitch.tsx +4 -1
- package/src/components/condition-builder/Item.tsx +28 -4
- package/src/components/condition-builder/Value.tsx +7 -1
- package/src/components/condition-builder/index.tsx +4 -2
- package/src/components/formula/Editor.tsx +20 -15
- package/src/components/formula/Picker.tsx +9 -5
- package/src/locale/de-DE.ts +5 -1
- package/src/locale/en-US.ts +5 -1
- package/src/locale/zh-CN.ts +5 -1
- package/src/renderers/CRUD.tsx +1 -1
- package/src/renderers/Form/Combo.tsx +102 -46
- package/src/renderers/Form/InputDate.tsx +18 -4
- package/src/renderers/Form/InputDateRange.tsx +19 -2
- package/src/renderers/Form/InputFile.tsx +16 -4
- package/src/renderers/Form/InputImage.tsx +15 -3
- package/src/renderers/Form/InputMonthRange.tsx +7 -1
- package/src/renderers/Form/InputText.tsx +14 -2
- package/src/renderers/Form/InputTree.tsx +40 -2
- package/src/renderers/Form/Item.tsx +6 -0
- package/src/renderers/Form/NestedSelect.tsx +23 -4
- package/src/renderers/Form/Options.tsx +26 -7
- package/src/renderers/Form/Select.tsx +5 -3
- package/src/renderers/Form/TreeSelect.tsx +47 -9
- package/src/renderers/Form/wrapControl.tsx +2 -2
- package/src/renderers/Nav.tsx +230 -32
- package/src/renderers/Page.tsx +89 -33
- package/src/renderers/Service.tsx +62 -27
- package/src/renderers/Spinner.tsx +85 -3
- package/src/renderers/Table/ColumnToggler.tsx +36 -11
- package/src/renderers/Table/TableCell.tsx +39 -1
- package/src/renderers/Table/index.tsx +34 -21
- package/src/renderers/TooltipWrapper.tsx +64 -28
- package/src/renderers/Wizard.tsx +36 -25
- package/src/store/crud.ts +10 -0
- package/src/types.ts +4 -0
- package/src/utils/ColorScale.ts +138 -0
- package/src/utils/api.ts +26 -4
- 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
|
-
|
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
|
25
|
+
export declare class Spinner extends React.Component<SpinnerProps> {
|
19
26
|
static defaultProps: {
|
20
|
-
|
27
|
+
show: boolean;
|
28
|
+
className: string;
|
21
29
|
spinnerClassName: string;
|
22
|
-
mode: string;
|
23
30
|
size: "";
|
24
|
-
|
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>, "
|
32
|
-
|
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
|
-
|
37
|
-
|
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
|
-
|
43
|
-
|
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>, "
|
47
|
-
|
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
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
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
|
-
|
60
|
-
|
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>, "
|
69
|
-
|
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
|
-
|
74
|
-
|
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>, "
|
78
|
-
|
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
|
-
|
83
|
-
|
84
|
-
|
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
|
-
|
90
|
-
|
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>, "
|
94
|
-
|
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
|
-
|
99
|
-
|
100
|
-
|
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
|
-
|
106
|
-
|
107
|
-
|
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
|
-
|
113
|
-
|
114
|
-
|
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
|
-
|
120
|
-
|
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>, "
|
123
|
-
|
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
|
-
|
128
|
-
|
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>, "
|
132
|
-
|
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
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
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
|
-
|
145
|
-
|
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>, "
|
154
|
-
|
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
|
-
|
159
|
-
|
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>, "
|
163
|
-
|
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
|
-
|
168
|
-
|
169
|
-
|
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
|
-
|
175
|
-
|
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>, "
|
179
|
-
|
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
|
-
|
184
|
-
|
185
|
-
|
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
|
-
|
191
|
-
|
192
|
-
|
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
|
-
|
198
|
-
|
199
|
-
|
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
|
-
|
205
|
-
|
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
|
-
|
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
|
30
|
-
var
|
31
|
-
|
32
|
-
|
33
|
-
|
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", {
|
42
|
-
react_1.default.createElement("div", {
|
43
|
-
_a["Spinner--".concat(
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
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
|
-
|
51
|
+
show: true,
|
52
|
+
className: '',
|
52
53
|
spinnerClassName: '',
|
53
|
-
mode: '',
|
54
54
|
size: '',
|
55
|
-
|
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,
|
9
|
+
"mappings": "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",
|
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
|
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;
|
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
|
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
|
}
|