doui-react 2.0.2 → 2.0.7
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/es/api/component/global-style.js +1 -1
- package/es/api/component/sort.d.ts +1 -1
- package/es/api/component/sort.js +4 -8
- package/es/form/component/utils.d.ts +11 -11
- package/es/grid/component/pagination.d.ts +10 -10
- package/es/icon/hook/index.d.ts +89 -89
- package/es/open-modal/component/modal.js +5 -15
- package/es/open-modal/style/index.js +1 -1
- package/es/open-modal/style/wrap.js +1 -1
- package/es/radio/component/abstract-box.d.ts +25 -25
- package/es/table/component/date-time.d.ts +3 -0
- package/es/table/component/date-time.js +27 -0
- package/es/table/component/filter.js +1 -1
- package/es/table/component/sort.js +1 -1
- package/es/table/component/table.js +8 -5
- package/es/table/component/utils.d.ts +3 -2
- package/es/table/component/utils.js +18 -6
- package/es/tabs/component/utils.d.ts +3 -3
- package/es/tooltip/component/index.d.ts +11 -12
- package/lib/api/component/global-style.js +1 -1
- package/lib/api/component/sort.d.ts +1 -1
- package/lib/api/component/sort.js +4 -8
- package/lib/form/component/utils.d.ts +11 -11
- package/lib/grid/component/pagination.d.ts +10 -10
- package/lib/icon/hook/index.d.ts +89 -89
- package/lib/open-modal/component/modal.js +3 -13
- package/lib/open-modal/style/index.js +1 -1
- package/lib/open-modal/style/wrap.js +1 -1
- package/lib/radio/component/abstract-box.d.ts +25 -25
- package/lib/table/component/date-time.d.ts +3 -0
- package/lib/table/component/date-time.js +35 -0
- package/lib/table/component/filter.js +1 -1
- package/lib/table/component/sort.js +1 -1
- package/lib/table/component/table.js +7 -4
- package/lib/table/component/utils.d.ts +3 -2
- package/lib/table/component/utils.js +18 -6
- package/lib/tabs/component/utils.d.ts +3 -3
- package/lib/tooltip/component/index.d.ts +11 -12
- package/package.json +2 -2
- package/es/table/component/time.d.ts +0 -2
- package/es/table/component/time.js +0 -12
- package/lib/table/component/time.d.ts +0 -2
- package/lib/table/component/time.js +0 -19
|
@@ -4,7 +4,7 @@ import { transformValueToGap } from "./..";
|
|
|
4
4
|
import { injectGlobal } from '@emotion/css';
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
6
|
var commonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.do-hide-scroll {\n overflow: hidden !important;\n }\n"])));
|
|
7
|
-
injectGlobal(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n body {\n ", "\n }\n"])), commonStyle);
|
|
7
|
+
injectGlobal(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n body {\n ", "\n }\n\n [class*='do-'] {\n * {\n box-sizing: border-box;\n }\n }\n"])), commonStyle);
|
|
8
8
|
export var flexStyle = function flexStyle(_ref) {
|
|
9
9
|
var vertical = _ref.vertical,
|
|
10
10
|
_ref$gap = _ref.gap,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function sorter(a
|
|
1
|
+
export declare function sorter(a?: any, b?: any): any;
|
|
2
2
|
export declare function sortBy(data: any[] | undefined, key: string): any[];
|
package/es/api/component/sort.js
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
import _ from 'lodash';
|
|
2
|
-
export function sorter(
|
|
2
|
+
export function sorter() {
|
|
3
|
+
var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
4
|
+
var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
3
5
|
if (_.isNumber(a)) {
|
|
4
6
|
return a - b;
|
|
5
7
|
}
|
|
6
|
-
if (_.isNil(a) && _.isNil(b)) {
|
|
7
|
-
return 0;
|
|
8
|
-
}
|
|
9
|
-
if (_.isNil(a)) {
|
|
10
|
-
return -1;
|
|
11
|
-
}
|
|
12
8
|
return a.localeCompare(b);
|
|
13
9
|
}
|
|
14
10
|
export function sortBy() {
|
|
15
11
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
16
12
|
var key = arguments.length > 1 ? arguments[1] : undefined;
|
|
17
13
|
return data.sort(function (a, b) {
|
|
18
|
-
return sorter(a
|
|
14
|
+
return sorter(_.get(a, key), _.get(b, key));
|
|
19
15
|
});
|
|
20
16
|
}
|
|
@@ -12,8 +12,8 @@ export declare function getFormItemProps(props: any): {
|
|
|
12
12
|
color?: string | undefined;
|
|
13
13
|
title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
|
|
14
14
|
overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
|
|
15
|
-
styles?: Partial<Record<"
|
|
16
|
-
classNames: Partial<Record<"
|
|
15
|
+
styles?: Partial<Record<"root" | "body", import("react").CSSProperties>> | undefined;
|
|
16
|
+
classNames: Partial<Record<"root" | "body", string>>;
|
|
17
17
|
rootClassName?: string | undefined;
|
|
18
18
|
placement?: import("antd/es/tooltip").TooltipPlacement | undefined;
|
|
19
19
|
builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
|
|
@@ -24,7 +24,7 @@ export declare function getFormItemProps(props: any): {
|
|
|
24
24
|
pointAtCenter?: boolean | undefined;
|
|
25
25
|
};
|
|
26
26
|
autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
|
|
27
|
-
getPopupContainer:
|
|
27
|
+
getPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
|
|
28
28
|
children?: import("react").ReactNode;
|
|
29
29
|
destroyTooltipOnHide?: boolean | {
|
|
30
30
|
keepParent?: boolean | undefined;
|
|
@@ -38,22 +38,22 @@ export declare function getFormItemProps(props: any): {
|
|
|
38
38
|
defaultVisible?: boolean | undefined;
|
|
39
39
|
onVisibleChange?: ((visible: boolean) => void) | undefined;
|
|
40
40
|
afterVisibleChange?: ((visible: boolean) => void) | undefined;
|
|
41
|
+
zIndex?: number | undefined;
|
|
41
42
|
animation?: string | undefined;
|
|
43
|
+
motion?: import("rc-motion").CSSMotionProps | undefined;
|
|
42
44
|
transitionName?: string | undefined;
|
|
43
45
|
prefixCls?: string | undefined;
|
|
44
|
-
zIndex?: number | undefined;
|
|
45
46
|
forceRender?: boolean | undefined;
|
|
46
47
|
id?: string | undefined;
|
|
47
48
|
align?: import("@rc-component/trigger").AlignType | undefined;
|
|
48
|
-
motion?: import("rc-motion").CSSMotionProps | undefined;
|
|
49
|
-
mouseEnterDelay?: number | undefined;
|
|
50
|
-
mouseLeaveDelay?: number | undefined;
|
|
51
49
|
onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
|
|
52
|
-
overlayClassName?: string | undefined;
|
|
53
|
-
overlayStyle?: import("react").CSSProperties | undefined;
|
|
54
|
-
trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
|
|
55
|
-
popupVisible?: boolean | undefined;
|
|
56
50
|
fresh?: boolean | undefined;
|
|
51
|
+
mouseLeaveDelay?: number | undefined;
|
|
52
|
+
mouseEnterDelay?: number | undefined;
|
|
53
|
+
popupVisible?: boolean | undefined;
|
|
54
|
+
trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
|
|
55
|
+
overlayStyle?: import("react").CSSProperties | undefined;
|
|
56
|
+
overlayClassName?: string | undefined;
|
|
57
57
|
getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
|
|
58
58
|
showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
|
|
59
59
|
arrowContent?: import("react").ReactNode;
|
|
@@ -11,7 +11,7 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
11
11
|
current: number;
|
|
12
12
|
total: number;
|
|
13
13
|
onChange: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
14
|
-
position?: ("none" | "
|
|
14
|
+
position?: ("none" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter")[] | undefined;
|
|
15
15
|
showQuickJumper?: boolean | {
|
|
16
16
|
goButton?: import("react").ReactNode;
|
|
17
17
|
} | undefined;
|
|
@@ -26,7 +26,6 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
26
26
|
className?: string | undefined;
|
|
27
27
|
style?: import("react").CSSProperties | undefined;
|
|
28
28
|
prefixCls?: string | undefined;
|
|
29
|
-
disabled?: boolean | undefined;
|
|
30
29
|
"aria-activedescendant"?: string | undefined;
|
|
31
30
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
32
31
|
"aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
|
|
@@ -39,17 +38,17 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
39
38
|
"aria-colindextext"?: string | undefined;
|
|
40
39
|
"aria-colspan"?: number | undefined;
|
|
41
40
|
"aria-controls"?: string | undefined;
|
|
42
|
-
"aria-current"?: boolean | "
|
|
41
|
+
"aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
|
|
43
42
|
"aria-describedby"?: string | undefined;
|
|
44
43
|
"aria-description"?: string | undefined;
|
|
45
44
|
"aria-details"?: string | undefined;
|
|
46
45
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
47
|
-
"aria-dropeffect"?: "
|
|
46
|
+
"aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
48
47
|
"aria-errormessage"?: string | undefined;
|
|
49
48
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
50
49
|
"aria-flowto"?: string | undefined;
|
|
51
50
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
52
|
-
"aria-haspopup"?: boolean | "
|
|
51
|
+
"aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
|
|
53
52
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
54
53
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
55
54
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -60,13 +59,13 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
60
59
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
61
60
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
62
61
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
63
|
-
"aria-orientation"?: "
|
|
62
|
+
"aria-orientation"?: "vertical" | "horizontal" | undefined;
|
|
64
63
|
"aria-owns"?: string | undefined;
|
|
65
64
|
"aria-placeholder"?: string | undefined;
|
|
66
65
|
"aria-posinset"?: number | undefined;
|
|
67
66
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
68
67
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
69
|
-
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "
|
|
68
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
70
69
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
71
70
|
"aria-roledescription"?: string | undefined;
|
|
72
71
|
"aria-rowcount"?: number | undefined;
|
|
@@ -80,8 +79,9 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
80
79
|
"aria-valuemin"?: number | undefined;
|
|
81
80
|
"aria-valuenow"?: number | undefined;
|
|
82
81
|
"aria-valuetext"?: string | undefined;
|
|
82
|
+
disabled?: boolean | undefined;
|
|
83
|
+
align?: "start" | "end" | "center" | undefined;
|
|
83
84
|
locale?: import("rc-pagination").PaginationLocale | undefined;
|
|
84
|
-
align?: "center" | "start" | "end" | undefined;
|
|
85
85
|
prevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
|
|
86
86
|
nextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
|
|
87
87
|
selectPrefixCls?: string | undefined;
|
|
@@ -98,9 +98,9 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
|
|
|
98
98
|
jumpPrevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
|
|
99
99
|
jumpNextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
|
|
100
100
|
onShowSizeChange?: ((current: number, size: number) => void) | undefined;
|
|
101
|
-
itemRender?: ((page: number, type: "
|
|
101
|
+
itemRender?: ((page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
102
102
|
showTotal?: ((total: number, range: [number, number]) => import("react").ReactNode) | undefined;
|
|
103
|
-
justify?: "
|
|
103
|
+
justify?: "left" | "right" | "center" | "between" | undefined;
|
|
104
104
|
};
|
|
105
105
|
export type PaginationProps = TablePaginationConfig & Pick<HStackProps, 'justify'>;
|
|
106
106
|
export declare function Pagination({ justify, className, style, ...props }: PaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
package/es/icon/hook/index.d.ts
CHANGED
|
@@ -6,19 +6,74 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
6
6
|
style?: import("react").CSSProperties | undefined;
|
|
7
7
|
refs?: import("../../api").Refs | undefined;
|
|
8
8
|
string?: string | number | undefined;
|
|
9
|
+
filter?: string | undefined;
|
|
10
|
+
fill?: string | undefined;
|
|
11
|
+
values?: string | undefined;
|
|
12
|
+
clipPath?: string | undefined;
|
|
13
|
+
cursor?: string | number | undefined;
|
|
14
|
+
direction?: string | number | undefined;
|
|
15
|
+
display?: string | number | undefined;
|
|
16
|
+
fontFamily?: string | undefined;
|
|
17
|
+
fontSizeAdjust?: string | number | undefined;
|
|
18
|
+
fontStretch?: string | number | undefined;
|
|
19
|
+
fontStyle?: string | number | undefined;
|
|
20
|
+
fontVariant?: string | number | undefined;
|
|
21
|
+
fontWeight?: string | number | undefined;
|
|
22
|
+
height?: string | number | undefined;
|
|
23
|
+
imageRendering?: string | number | undefined;
|
|
24
|
+
letterSpacing?: string | number | undefined;
|
|
25
|
+
opacity?: string | number | undefined;
|
|
26
|
+
order?: string | number | undefined;
|
|
27
|
+
paintOrder?: string | number | undefined;
|
|
28
|
+
pointerEvents?: string | number | undefined;
|
|
29
|
+
rotate?: string | number | undefined;
|
|
30
|
+
scale?: string | number | undefined;
|
|
31
|
+
textRendering?: string | number | undefined;
|
|
32
|
+
transform?: string | undefined;
|
|
33
|
+
transformOrigin?: string | undefined;
|
|
34
|
+
unicodeBidi?: string | number | undefined;
|
|
35
|
+
visibility?: string | number | undefined;
|
|
9
36
|
width?: string | number | undefined;
|
|
37
|
+
wordSpacing?: string | number | undefined;
|
|
38
|
+
writingMode?: string | number | undefined;
|
|
10
39
|
mask?: string | undefined;
|
|
40
|
+
offset?: string | number | undefined;
|
|
41
|
+
overflow?: string | number | undefined;
|
|
42
|
+
textDecoration?: string | number | undefined;
|
|
43
|
+
azimuth?: string | number | undefined;
|
|
44
|
+
clip?: string | number | undefined;
|
|
45
|
+
alignmentBaseline?: "middle" | "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
|
|
46
|
+
baselineShift?: string | number | undefined;
|
|
47
|
+
clipRule?: string | number | undefined;
|
|
48
|
+
colorInterpolation?: string | number | undefined;
|
|
49
|
+
colorRendering?: string | number | undefined;
|
|
50
|
+
dominantBaseline?: string | number | undefined;
|
|
51
|
+
fillOpacity?: string | number | undefined;
|
|
52
|
+
fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
|
|
53
|
+
floodColor?: string | number | undefined;
|
|
54
|
+
floodOpacity?: string | number | undefined;
|
|
55
|
+
glyphOrientationVertical?: string | number | undefined;
|
|
56
|
+
lightingColor?: string | number | undefined;
|
|
57
|
+
markerEnd?: string | undefined;
|
|
58
|
+
markerMid?: string | undefined;
|
|
59
|
+
markerStart?: string | undefined;
|
|
60
|
+
shapeRendering?: string | number | undefined;
|
|
61
|
+
stopColor?: string | undefined;
|
|
62
|
+
stopOpacity?: string | number | undefined;
|
|
63
|
+
stroke?: string | undefined;
|
|
64
|
+
strokeDasharray?: string | number | undefined;
|
|
65
|
+
strokeDashoffset?: string | number | undefined;
|
|
66
|
+
strokeLinecap?: "inherit" | "round" | "square" | "butt" | undefined;
|
|
67
|
+
strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
|
|
68
|
+
strokeMiterlimit?: string | number | undefined;
|
|
69
|
+
strokeOpacity?: string | number | undefined;
|
|
70
|
+
strokeWidth?: string | number | undefined;
|
|
71
|
+
textAnchor?: string | undefined;
|
|
72
|
+
vectorEffect?: string | number | undefined;
|
|
11
73
|
children?: import("react").ReactNode;
|
|
12
|
-
height?: string | number | undefined;
|
|
13
|
-
clipPath?: string | undefined;
|
|
14
|
-
filter?: string | undefined;
|
|
15
|
-
path?: string | undefined;
|
|
16
|
-
ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
|
|
17
|
-
key?: import("react").Key | null | undefined;
|
|
18
|
-
name?: string | undefined;
|
|
19
|
-
onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
20
74
|
onSubmit?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
21
75
|
method?: string | undefined;
|
|
76
|
+
name?: string | undefined;
|
|
22
77
|
target?: string | undefined;
|
|
23
78
|
suppressHydrationWarning?: boolean | undefined;
|
|
24
79
|
id?: string | undefined;
|
|
@@ -37,17 +92,17 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
37
92
|
"aria-colindextext"?: string | undefined;
|
|
38
93
|
"aria-colspan"?: number | undefined;
|
|
39
94
|
"aria-controls"?: string | undefined;
|
|
40
|
-
"aria-current"?: boolean | "
|
|
95
|
+
"aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
|
|
41
96
|
"aria-describedby"?: string | undefined;
|
|
42
97
|
"aria-description"?: string | undefined;
|
|
43
98
|
"aria-details"?: string | undefined;
|
|
44
99
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
45
|
-
"aria-dropeffect"?: "
|
|
100
|
+
"aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
46
101
|
"aria-errormessage"?: string | undefined;
|
|
47
102
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
48
103
|
"aria-flowto"?: string | undefined;
|
|
49
104
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
50
|
-
"aria-haspopup"?: boolean | "
|
|
105
|
+
"aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
|
|
51
106
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
52
107
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
53
108
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -58,13 +113,13 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
58
113
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
59
114
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
60
115
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
61
|
-
"aria-orientation"?: "
|
|
116
|
+
"aria-orientation"?: "vertical" | "horizontal" | undefined;
|
|
62
117
|
"aria-owns"?: string | undefined;
|
|
63
118
|
"aria-placeholder"?: string | undefined;
|
|
64
119
|
"aria-posinset"?: number | undefined;
|
|
65
120
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
66
121
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
67
|
-
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "
|
|
122
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
68
123
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
69
124
|
"aria-roledescription"?: string | undefined;
|
|
70
125
|
"aria-rowcount"?: number | undefined;
|
|
@@ -97,6 +152,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
97
152
|
onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
98
153
|
onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
99
154
|
onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
|
|
155
|
+
onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
100
156
|
onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
101
157
|
onBeforeInput?: import("react").InputEventHandler<SVGSVGElement> | undefined;
|
|
102
158
|
onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
|
|
@@ -237,89 +293,23 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
237
293
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
|
|
238
294
|
onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
239
295
|
onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
240
|
-
direction?: string | number | undefined;
|
|
241
296
|
type?: string | undefined;
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
values?: string | undefined;
|
|
245
|
-
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
246
|
-
href?: string | undefined;
|
|
247
|
-
max?: string | number | undefined;
|
|
248
|
-
media?: string | undefined;
|
|
249
|
-
min?: string | number | undefined;
|
|
297
|
+
key?: import("react").Key | null | undefined;
|
|
298
|
+
ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
|
|
250
299
|
result?: string | undefined;
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
cursor?: string | number | undefined;
|
|
254
|
-
display?: string | number | undefined;
|
|
255
|
-
fontFamily?: string | undefined;
|
|
256
|
-
fontSizeAdjust?: string | number | undefined;
|
|
257
|
-
fontStretch?: string | number | undefined;
|
|
258
|
-
fontStyle?: string | number | undefined;
|
|
259
|
-
fontVariant?: string | number | undefined;
|
|
260
|
-
fontWeight?: string | number | undefined;
|
|
261
|
-
imageRendering?: string | number | undefined;
|
|
262
|
-
letterSpacing?: string | number | undefined;
|
|
263
|
-
opacity?: string | number | undefined;
|
|
264
|
-
order?: string | number | undefined;
|
|
265
|
-
paintOrder?: string | number | undefined;
|
|
266
|
-
pointerEvents?: string | number | undefined;
|
|
267
|
-
rotate?: string | number | undefined;
|
|
268
|
-
scale?: string | number | undefined;
|
|
269
|
-
textRendering?: string | number | undefined;
|
|
270
|
-
transformOrigin?: string | undefined;
|
|
271
|
-
unicodeBidi?: string | number | undefined;
|
|
272
|
-
visibility?: string | number | undefined;
|
|
273
|
-
wordSpacing?: string | number | undefined;
|
|
274
|
-
writingMode?: string | number | undefined;
|
|
275
|
-
offset?: string | number | undefined;
|
|
276
|
-
overflow?: string | number | undefined;
|
|
277
|
-
textDecoration?: string | number | undefined;
|
|
278
|
-
azimuth?: string | number | undefined;
|
|
279
|
-
clip?: string | number | undefined;
|
|
280
|
-
alignmentBaseline?: "middle" | "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
|
|
281
|
-
baselineShift?: string | number | undefined;
|
|
282
|
-
clipRule?: string | number | undefined;
|
|
283
|
-
colorInterpolation?: string | number | undefined;
|
|
284
|
-
colorRendering?: string | number | undefined;
|
|
285
|
-
dominantBaseline?: string | number | undefined;
|
|
286
|
-
fillOpacity?: string | number | undefined;
|
|
287
|
-
fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
|
|
288
|
-
floodColor?: string | number | undefined;
|
|
289
|
-
floodOpacity?: string | number | undefined;
|
|
290
|
-
glyphOrientationVertical?: string | number | undefined;
|
|
291
|
-
lightingColor?: string | number | undefined;
|
|
292
|
-
markerEnd?: string | undefined;
|
|
293
|
-
markerMid?: string | undefined;
|
|
294
|
-
markerStart?: string | undefined;
|
|
295
|
-
shapeRendering?: string | number | undefined;
|
|
296
|
-
stopColor?: string | undefined;
|
|
297
|
-
stopOpacity?: string | number | undefined;
|
|
298
|
-
stroke?: string | undefined;
|
|
299
|
-
strokeDasharray?: string | number | undefined;
|
|
300
|
-
strokeDashoffset?: string | number | undefined;
|
|
301
|
-
strokeLinecap?: "inherit" | "round" | "square" | "butt" | undefined;
|
|
302
|
-
strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
|
|
303
|
-
strokeMiterlimit?: string | number | undefined;
|
|
304
|
-
strokeOpacity?: string | number | undefined;
|
|
305
|
-
strokeWidth?: string | number | undefined;
|
|
306
|
-
textAnchor?: string | undefined;
|
|
307
|
-
vectorEffect?: string | number | undefined;
|
|
308
|
-
d?: string | undefined;
|
|
309
|
-
y?: string | number | undefined;
|
|
310
|
-
r?: string | number | undefined;
|
|
300
|
+
min?: string | number | undefined;
|
|
301
|
+
max?: string | number | undefined;
|
|
311
302
|
format?: string | number | undefined;
|
|
312
303
|
mode?: string | number | undefined;
|
|
304
|
+
end?: string | number | undefined;
|
|
313
305
|
x?: string | number | undefined;
|
|
314
|
-
|
|
315
|
-
|
|
306
|
+
path?: string | undefined;
|
|
307
|
+
href?: string | undefined;
|
|
308
|
+
media?: string | undefined;
|
|
316
309
|
from?: string | number | undefined;
|
|
317
|
-
orientation?: string | number | undefined;
|
|
318
|
-
requiredExtensions?: string | number | undefined;
|
|
319
|
-
systemLanguage?: string | number | undefined;
|
|
320
|
-
preserveAspectRatio?: string | undefined;
|
|
321
|
-
viewBox?: string | undefined;
|
|
322
310
|
to?: string | number | undefined;
|
|
311
|
+
origin?: string | number | undefined;
|
|
312
|
+
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
323
313
|
accentHeight?: string | number | undefined;
|
|
324
314
|
accumulate?: "none" | "sum" | undefined;
|
|
325
315
|
additive?: "replace" | "sum" | undefined;
|
|
@@ -346,6 +336,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
346
336
|
contentStyleType?: string | number | undefined;
|
|
347
337
|
cx?: string | number | undefined;
|
|
348
338
|
cy?: string | number | undefined;
|
|
339
|
+
d?: string | undefined;
|
|
349
340
|
decelerate?: string | number | undefined;
|
|
350
341
|
descent?: string | number | undefined;
|
|
351
342
|
diffuseConstant?: string | number | undefined;
|
|
@@ -376,6 +367,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
376
367
|
horizOriginX?: string | number | undefined;
|
|
377
368
|
ideographic?: string | number | undefined;
|
|
378
369
|
in2?: string | number | undefined;
|
|
370
|
+
in?: string | undefined;
|
|
379
371
|
intercept?: string | number | undefined;
|
|
380
372
|
k1?: string | number | undefined;
|
|
381
373
|
k2?: string | number | undefined;
|
|
@@ -390,6 +382,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
390
382
|
keyTimes?: string | number | undefined;
|
|
391
383
|
lengthAdjust?: string | number | undefined;
|
|
392
384
|
limitingConeAngle?: string | number | undefined;
|
|
385
|
+
local?: string | number | undefined;
|
|
393
386
|
markerHeight?: string | number | undefined;
|
|
394
387
|
markerUnits?: string | number | undefined;
|
|
395
388
|
markerWidth?: string | number | undefined;
|
|
@@ -399,6 +392,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
399
392
|
numOctaves?: string | number | undefined;
|
|
400
393
|
operator?: string | number | undefined;
|
|
401
394
|
orient?: string | number | undefined;
|
|
395
|
+
orientation?: string | number | undefined;
|
|
402
396
|
overlinePosition?: string | number | undefined;
|
|
403
397
|
overlineThickness?: string | number | undefined;
|
|
404
398
|
panose1?: string | number | undefined;
|
|
@@ -411,13 +405,16 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
411
405
|
pointsAtY?: string | number | undefined;
|
|
412
406
|
pointsAtZ?: string | number | undefined;
|
|
413
407
|
preserveAlpha?: (boolean | "true" | "false") | undefined;
|
|
408
|
+
preserveAspectRatio?: string | undefined;
|
|
414
409
|
primitiveUnits?: string | number | undefined;
|
|
410
|
+
r?: string | number | undefined;
|
|
415
411
|
radius?: string | number | undefined;
|
|
416
412
|
refX?: string | number | undefined;
|
|
417
413
|
refY?: string | number | undefined;
|
|
418
414
|
renderingIntent?: string | number | undefined;
|
|
419
415
|
repeatCount?: string | number | undefined;
|
|
420
416
|
repeatDur?: string | number | undefined;
|
|
417
|
+
requiredExtensions?: string | number | undefined;
|
|
421
418
|
requiredFeatures?: string | number | undefined;
|
|
422
419
|
restart?: string | number | undefined;
|
|
423
420
|
rx?: string | number | undefined;
|
|
@@ -437,6 +434,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
437
434
|
strikethroughPosition?: string | number | undefined;
|
|
438
435
|
strikethroughThickness?: string | number | undefined;
|
|
439
436
|
surfaceScale?: string | number | undefined;
|
|
437
|
+
systemLanguage?: string | number | undefined;
|
|
440
438
|
tableValues?: string | number | undefined;
|
|
441
439
|
targetX?: string | number | undefined;
|
|
442
440
|
targetY?: string | number | undefined;
|
|
@@ -455,6 +453,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
455
453
|
vertOriginY?: string | number | undefined;
|
|
456
454
|
vHanging?: string | number | undefined;
|
|
457
455
|
vIdeographic?: string | number | undefined;
|
|
456
|
+
viewBox?: string | undefined;
|
|
458
457
|
viewTarget?: string | number | undefined;
|
|
459
458
|
vMathematical?: string | number | undefined;
|
|
460
459
|
widths?: string | number | undefined;
|
|
@@ -476,6 +475,7 @@ export declare function useIcon(props: IconProps, defaultColors: Record<string,
|
|
|
476
475
|
xmlSpace?: string | undefined;
|
|
477
476
|
y1?: string | number | undefined;
|
|
478
477
|
y2?: string | number | undefined;
|
|
478
|
+
y?: string | number | undefined;
|
|
479
479
|
yChannelSelector?: string | undefined;
|
|
480
480
|
z?: string | number | undefined;
|
|
481
481
|
zoomAndPan?: string | undefined;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
-
import { getClassName } from "../../api";
|
|
3
2
|
import { Form } from "../../form";
|
|
4
3
|
import { Text } from "../../text";
|
|
5
|
-
import { Modal as AntdModal
|
|
4
|
+
import { Modal as AntdModal } from 'antd';
|
|
6
5
|
import { ModalProvider } from "../hook";
|
|
7
6
|
import { Footer } from "./footer";
|
|
8
7
|
import { Title } from "./title";
|
|
9
8
|
import { useModal } from "./use-modal";
|
|
10
|
-
import { jsx as _jsx
|
|
9
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
11
10
|
export var Modal = function Modal(props) {
|
|
12
11
|
var _useModal = useModal(props),
|
|
13
12
|
context = _useModal.context,
|
|
@@ -18,7 +17,7 @@ export var Modal = function Modal(props) {
|
|
|
18
17
|
ok = context.ok,
|
|
19
18
|
close = context.close;
|
|
20
19
|
return _jsx(ModalProvider, _objectSpread(_objectSpread({}, context), {}, {
|
|
21
|
-
children:
|
|
20
|
+
children: _jsx(AntdModal, _objectSpread(_objectSpread({
|
|
22
21
|
open: open,
|
|
23
22
|
destroyOnHidden: true
|
|
24
23
|
}, modalProps), {}, {
|
|
@@ -28,18 +27,9 @@ export var Modal = function Modal(props) {
|
|
|
28
27
|
confirmLoading: confirmLoading,
|
|
29
28
|
onCancel: close,
|
|
30
29
|
onOk: ok,
|
|
31
|
-
children:
|
|
32
|
-
style: {
|
|
33
|
-
margin: '15px 0 24px'
|
|
34
|
-
}
|
|
35
|
-
}), _jsx(Form, _objectSpread(_objectSpread({}, formProps), {}, {
|
|
30
|
+
children: _jsx(Form, _objectSpread(_objectSpread({}, formProps), {}, {
|
|
36
31
|
context: context
|
|
37
|
-
}))
|
|
38
|
-
className: getClassName('footer-divider'),
|
|
39
|
-
style: {
|
|
40
|
-
margin: '15px 0 20px'
|
|
41
|
-
}
|
|
42
|
-
})]
|
|
32
|
+
}))
|
|
43
33
|
}))
|
|
44
34
|
}));
|
|
45
35
|
};
|
|
@@ -12,7 +12,7 @@ var style = {
|
|
|
12
12
|
wrapper: function wrapper(_ref) {
|
|
13
13
|
var bodyBottomMargin = _ref.bodyBottomMargin,
|
|
14
14
|
titleCenter = _ref.titleCenter;
|
|
15
|
-
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .ant-modal-title {\n font-size: 16px;\n ", "\n }\n\n .ant-modal-body {\n
|
|
15
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .ant-modal-title {\n font-size: 16px;\n ", "\n }\n\n .ant-modal-body {\n overflow: auto;\n max-height: calc(100vh - 300px);\n border-top: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n margin: 15px 0 20px;\n padding: 20px 0 ", ";\n }\n\n .do-table-wrapper {\n height: unset;\n }\n\n &:not(:has(.ant-modal-footer)) {\n .", " {\n display: none;\n }\n }\n "])), titleStyle(titleCenter), bodyBottomMargin, getClassName('footer-divider'));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
export default style;
|
|
@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
import { css } from '@emotion/css';
|
|
4
4
|
export function getWrapStyle(wrapStyle) {
|
|
5
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n "])), wrapStyle);
|
|
5
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n * {\n box-sizing: border-box;\n }\n\n ", "\n "])), wrapStyle);
|
|
6
6
|
}
|