@qn-pandora/pandora-component 4.3.2 → 4.3.4
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +37 -0
- package/CHANGELOG.md +35 -45
- package/README.md +36 -36
- package/es/components/AutoComplete/style.less +8 -8
- package/es/components/Breadcrumb/style.less +9 -9
- package/es/components/Button/style.less +51 -51
- package/es/components/Card/RowExtra/style.less +8 -8
- package/es/components/Card/SearchInput/style.less +8 -8
- package/es/components/Card/style.less +11 -11
- package/es/components/CheckTransformList/style.less +35 -35
- package/es/components/Checkbox/style.less +5 -5
- package/es/components/CheckboxList/style.less +11 -11
- package/es/components/Collapse/style.less +58 -58
- package/es/components/CollapsiblePanel/style.less +63 -63
- package/es/components/DateTimePicker/Base/style.less +160 -160
- package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/es/components/DateTimePicker/constants.d.ts +2 -2
- package/es/components/DateTimePicker/style.less +19 -19
- package/es/components/Descriptions/style.less +16 -16
- package/es/components/Drawer/CloseIcon/style.less +8 -8
- package/es/components/Drawer/index.d.ts +1 -0
- package/es/components/Drawer/index.js +13 -4
- package/es/components/Drawer/style.less +61 -61
- package/es/components/FileResumable/constants.d.ts +1 -0
- package/es/components/FileResumable/index.js +4 -2
- package/es/components/FileResumable/style.less +94 -94
- package/es/components/Input/style.less +12 -12
- package/es/components/KeyValuePair/style.less +25 -25
- package/es/components/Menu/style.less +18 -18
- package/es/components/Modal/style.less +30 -30
- package/es/components/NameExplainTooltip/style.less +10 -10
- package/es/components/NameLimiter/index.d.ts +5 -4
- package/es/components/NameLimiter/index.js +2 -2
- package/es/components/NameLimiter/style.less +19 -19
- package/es/components/OptionList/InlineOptionList/style.less +16 -16
- package/es/components/OptionList/OptionItem/style.less +25 -25
- package/es/components/OptionList/PopoverOptionList/style.less +30 -30
- package/es/components/OptionList/style.less +3 -3
- package/es/components/RadioGroup/style.less +41 -41
- package/es/components/RangeInput/style.less +37 -37
- package/es/components/RemarkName/style.less +2 -2
- package/es/components/Selector/style.less +99 -99
- package/es/components/Spin/style.less +26 -26
- package/es/components/Steps/ControlButton/style.less +5 -5
- package/es/components/Steps/style.less +48 -48
- package/es/components/Table/ColumnSetting/style.less +46 -46
- package/es/components/Table/ColumnTag/style.less +40 -40
- package/es/components/Table/style.less +321 -321
- package/es/components/Tabs/style.less +33 -33
- package/es/components/TagList/Tag/style.less +72 -72
- package/es/components/TagList/TagSwitch/style.less +28 -28
- package/es/components/TagList/style.less +28 -28
- package/es/components/Timeline/TimelineItem/style.less +49 -49
- package/es/components/Timeline/style.less +23 -23
- package/es/components/Transfer/List/style.less +19 -19
- package/es/components/Transfer/ListBody/style.less +18 -18
- package/es/components/Transfer/style.less +14 -14
- package/es/components/TreeSelector/style.less +56 -56
- package/es/index.css +1928 -1928
- package/es/index.less +53 -53
- package/es/style/mixin.less +45 -45
- package/es/style/theme.less +412 -412
- package/lib/components/AutoComplete/style.less +8 -8
- package/lib/components/Breadcrumb/style.less +9 -9
- package/lib/components/Button/style.less +51 -51
- package/lib/components/Card/RowExtra/style.less +8 -8
- package/lib/components/Card/SearchInput/style.less +8 -8
- package/lib/components/Card/style.less +11 -11
- package/lib/components/CheckTransformList/style.less +35 -35
- package/lib/components/Checkbox/style.less +5 -5
- package/lib/components/CheckboxList/style.less +11 -11
- package/lib/components/Collapse/style.less +58 -58
- package/lib/components/CollapsiblePanel/style.less +63 -63
- package/lib/components/DateTimePicker/Base/style.less +160 -160
- package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/lib/components/DateTimePicker/constants.d.ts +2 -2
- package/lib/components/DateTimePicker/style.less +19 -19
- package/lib/components/Descriptions/style.less +16 -16
- package/lib/components/Drawer/CloseIcon/style.less +8 -8
- package/lib/components/Drawer/index.d.ts +1 -0
- package/lib/components/Drawer/index.js +13 -4
- package/lib/components/Drawer/style.less +61 -61
- package/lib/components/FileResumable/constants.d.ts +1 -0
- package/lib/components/FileResumable/index.js +4 -2
- package/lib/components/FileResumable/style.less +94 -94
- package/lib/components/Input/style.less +12 -12
- package/lib/components/KeyValuePair/style.less +25 -25
- package/lib/components/Menu/style.less +18 -18
- package/lib/components/Modal/style.less +30 -30
- package/lib/components/NameExplainTooltip/style.less +10 -10
- package/lib/components/NameLimiter/index.d.ts +5 -4
- package/lib/components/NameLimiter/index.js +2 -2
- package/lib/components/NameLimiter/style.less +19 -19
- package/lib/components/OptionList/InlineOptionList/style.less +16 -16
- package/lib/components/OptionList/OptionItem/style.less +25 -25
- package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
- package/lib/components/OptionList/style.less +3 -3
- package/lib/components/RadioGroup/style.less +41 -41
- package/lib/components/RangeInput/style.less +37 -37
- package/lib/components/RemarkName/style.less +2 -2
- package/lib/components/Selector/style.less +99 -99
- package/lib/components/Spin/style.less +26 -26
- package/lib/components/Steps/ControlButton/style.less +5 -5
- package/lib/components/Steps/style.less +48 -48
- package/lib/components/Table/ColumnSetting/style.less +46 -46
- package/lib/components/Table/ColumnTag/style.less +40 -40
- package/lib/components/Table/style.less +321 -321
- package/lib/components/Tabs/style.less +33 -33
- package/lib/components/TagList/Tag/style.less +72 -72
- package/lib/components/TagList/TagSwitch/style.less +28 -28
- package/lib/components/TagList/style.less +28 -28
- package/lib/components/Timeline/TimelineItem/style.less +49 -49
- package/lib/components/Timeline/style.less +23 -23
- package/lib/components/Transfer/List/style.less +19 -19
- package/lib/components/Transfer/ListBody/style.less +18 -18
- package/lib/components/Transfer/style.less +14 -14
- package/lib/components/TreeSelector/style.less +56 -56
- package/lib/index.css +4457 -4457
- package/lib/index.less +53 -53
- package/lib/style/mixin.less +45 -45
- package/lib/style/theme.less +412 -412
- package/package.json +83 -83
@@ -1,12 +1,12 @@
|
|
1
|
-
@import 'antd/lib/input/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{ant-prefix}-input {
|
5
|
-
&[disabled] {
|
6
|
-
border-color: @input-disabled-border-color;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
|
10
|
-
.@{ant-prefix}-input-group-addon {
|
11
|
-
color: @font-color-6;
|
12
|
-
}
|
1
|
+
@import 'antd/lib/input/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{ant-prefix}-input {
|
5
|
+
&[disabled] {
|
6
|
+
border-color: @input-disabled-border-color;
|
7
|
+
}
|
8
|
+
}
|
9
|
+
|
10
|
+
.@{ant-prefix}-input-group-addon {
|
11
|
+
color: @font-color-6;
|
12
|
+
}
|
@@ -1,25 +1,25 @@
|
|
1
|
-
@import '../../style/theme.less';
|
2
|
-
|
3
|
-
.@{sdk-prefix}-key-value-label,
|
4
|
-
.@{sdk-prefix}-key-value-value {
|
5
|
-
display: inline-block;
|
6
|
-
overflow: hidden;
|
7
|
-
text-overflow: ellipsis;
|
8
|
-
white-space: nowrap;
|
9
|
-
line-height: 1.8;
|
10
|
-
vertical-align: middle; // overflow:hidden和display: inline-block一起使用时会造成baseline的移动,进而增大高度
|
11
|
-
}
|
12
|
-
|
13
|
-
.@{sdk-prefix}-key-value-label {
|
14
|
-
color: @font-color-6;
|
15
|
-
width: 30%;
|
16
|
-
}
|
17
|
-
.@{sdk-prefix}-key-value-label-top {
|
18
|
-
padding-top: 10px;
|
19
|
-
vertical-align: top;
|
20
|
-
}
|
21
|
-
|
22
|
-
.@{sdk-prefix}-key-value-value {
|
23
|
-
color: @font-color-7;
|
24
|
-
width: 70%;
|
25
|
-
}
|
1
|
+
@import '../../style/theme.less';
|
2
|
+
|
3
|
+
.@{sdk-prefix}-key-value-label,
|
4
|
+
.@{sdk-prefix}-key-value-value {
|
5
|
+
display: inline-block;
|
6
|
+
overflow: hidden;
|
7
|
+
text-overflow: ellipsis;
|
8
|
+
white-space: nowrap;
|
9
|
+
line-height: 1.8;
|
10
|
+
vertical-align: middle; // overflow:hidden和display: inline-block一起使用时会造成baseline的移动,进而增大高度
|
11
|
+
}
|
12
|
+
|
13
|
+
.@{sdk-prefix}-key-value-label {
|
14
|
+
color: @font-color-6;
|
15
|
+
width: 30%;
|
16
|
+
}
|
17
|
+
.@{sdk-prefix}-key-value-label-top {
|
18
|
+
padding-top: 10px;
|
19
|
+
vertical-align: top;
|
20
|
+
}
|
21
|
+
|
22
|
+
.@{sdk-prefix}-key-value-value {
|
23
|
+
color: @font-color-7;
|
24
|
+
width: 70%;
|
25
|
+
}
|
@@ -1,18 +1,18 @@
|
|
1
|
-
@import 'antd/lib/menu/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
|
5
|
-
.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
|
6
|
-
.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
|
7
|
-
max-height: 320px;
|
8
|
-
}
|
9
|
-
.@{ant-prefix}-menu-item {
|
10
|
-
.@{sdk-prefix}-menu-item-a {
|
11
|
-
color: @font-color-7;
|
12
|
-
}
|
13
|
-
}
|
14
|
-
.@{ant-prefix}-menu-horizontal
|
15
|
-
> .@{ant-prefix}-menu-item
|
16
|
-
.@{sdk-prefix}-menu-item-a {
|
17
|
-
color: @font-color-7;
|
18
|
-
}
|
1
|
+
@import 'antd/lib/menu/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
|
5
|
+
.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
|
6
|
+
.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
|
7
|
+
max-height: 320px;
|
8
|
+
}
|
9
|
+
.@{ant-prefix}-menu-item {
|
10
|
+
.@{sdk-prefix}-menu-item-a {
|
11
|
+
color: @font-color-7;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
.@{ant-prefix}-menu-horizontal
|
15
|
+
> .@{ant-prefix}-menu-item
|
16
|
+
.@{sdk-prefix}-menu-item-a {
|
17
|
+
color: @font-color-7;
|
18
|
+
}
|
@@ -1,30 +1,30 @@
|
|
1
|
-
@import 'antd/lib/modal/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-modal {
|
5
|
-
.@{ant-prefix}-modal-header {
|
6
|
-
border-color: @modal-header-border-color;
|
7
|
-
}
|
8
|
-
.@{ant-prefix}-modal-body {
|
9
|
-
max-height: 70vh;
|
10
|
-
overflow-y: auto;
|
11
|
-
background: @normal-color;
|
12
|
-
padding: 0px 60px;
|
13
|
-
padding-top: 24px;
|
14
|
-
border-radius: 0 0 2px 2px;
|
15
|
-
}
|
16
|
-
.@{ant-prefix}-modal-footer {
|
17
|
-
border: none;
|
18
|
-
padding: 32px 24px 24px 24px;
|
19
|
-
.@{ant-prefix}-btn {
|
20
|
-
min-width: 60px;
|
21
|
-
height: 32px;
|
22
|
-
margin-left: 12px;
|
23
|
-
font-size: 14px;
|
24
|
-
color: @text-color;
|
25
|
-
}
|
26
|
-
.@{ant-prefix}-btn-primary {
|
27
|
-
color: @normal-color;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
}
|
1
|
+
@import 'antd/lib/modal/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-modal {
|
5
|
+
.@{ant-prefix}-modal-header {
|
6
|
+
border-color: @modal-header-border-color;
|
7
|
+
}
|
8
|
+
.@{ant-prefix}-modal-body {
|
9
|
+
max-height: 70vh;
|
10
|
+
overflow-y: auto;
|
11
|
+
background: @normal-color;
|
12
|
+
padding: 0px 60px;
|
13
|
+
padding-top: 24px;
|
14
|
+
border-radius: 0 0 2px 2px;
|
15
|
+
}
|
16
|
+
.@{ant-prefix}-modal-footer {
|
17
|
+
border: none;
|
18
|
+
padding: 32px 24px 24px 24px;
|
19
|
+
.@{ant-prefix}-btn {
|
20
|
+
min-width: 60px;
|
21
|
+
height: 32px;
|
22
|
+
margin-left: 12px;
|
23
|
+
font-size: 14px;
|
24
|
+
color: @text-color;
|
25
|
+
}
|
26
|
+
.@{ant-prefix}-btn-primary {
|
27
|
+
color: @normal-color;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
@import '../../style/theme.less';
|
2
|
-
|
3
|
-
.@{sdk-prefix}-name-explain-icon {
|
4
|
-
color: @icon-color;
|
5
|
-
transition: color 0.3s;
|
6
|
-
&:hover,
|
7
|
-
.@{ant-prefix}-tooltip-open {
|
8
|
-
color: @theme-color;
|
9
|
-
}
|
10
|
-
}
|
1
|
+
@import '../../style/theme.less';
|
2
|
+
|
3
|
+
.@{sdk-prefix}-name-explain-icon {
|
4
|
+
color: @icon-color;
|
5
|
+
transition: color 0.3s;
|
6
|
+
&:hover,
|
7
|
+
.@{ant-prefix}-tooltip-open {
|
8
|
+
color: @theme-color;
|
9
|
+
}
|
10
|
+
}
|
@@ -1,13 +1,14 @@
|
|
1
|
-
|
1
|
+
import React from 'react';
|
2
2
|
import type { TooltipPlacement } from 'antd/es/tooltip';
|
3
3
|
/**
|
4
4
|
* 对于超出容器宽度的名称进行省略,使用Tooltip展示。
|
5
5
|
*/
|
6
6
|
export interface INameLimiterProps {
|
7
7
|
/** 资源名称 */
|
8
|
-
name:
|
8
|
+
name: React.ReactNode;
|
9
9
|
/** 用于显示Tooltip的title */
|
10
|
-
title?:
|
10
|
+
title?: React.ReactNode;
|
11
11
|
placement?: TooltipPlacement;
|
12
|
+
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
12
13
|
}
|
13
|
-
export default function NameLimiter({ name, title, placement }: INameLimiterProps): JSX.Element;
|
14
|
+
export default function NameLimiter({ name, title, placement, getPopupContainer }: INameLimiterProps): JSX.Element;
|
@@ -18,7 +18,7 @@ import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
18
18
|
import { Tooltip } from 'antd';
|
19
19
|
import { SDK_PREFIX } from '../../constants/style';
|
20
20
|
export default function NameLimiter(_a) {
|
21
|
-
var name = _a.name, title = _a.title, placement = _a.placement;
|
21
|
+
var name = _a.name, title = _a.title, placement = _a.placement, getPopupContainer = _a.getPopupContainer;
|
22
22
|
var _b = __read(useState(false), 2), ellipsis = _b[0], setEllipsis = _b[1];
|
23
23
|
var _c = __read(useState(false), 2), visible = _c[0], setVisible = _c[1];
|
24
24
|
var ref = useRef(null);
|
@@ -29,6 +29,6 @@ export default function NameLimiter(_a) {
|
|
29
29
|
}
|
30
30
|
setEllipsis(ref.current.clientWidth < ref.current.scrollWidth);
|
31
31
|
});
|
32
|
-
return (React.createElement(Tooltip, { overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: placement || 'top', title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
|
32
|
+
return (React.createElement(Tooltip, { getPopupContainer: getPopupContainer, overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: placement || 'top', title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
|
33
33
|
React.createElement("span", { className: SDK_PREFIX + "-name-limit", ref: ref }, name)));
|
34
34
|
}
|
@@ -1,19 +1,19 @@
|
|
1
|
-
@import 'antd/lib/tooltip/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-name-limit {
|
5
|
-
max-width: 100%;
|
6
|
-
display: inline-block;
|
7
|
-
vertical-align: top;
|
8
|
-
white-space: nowrap;
|
9
|
-
text-overflow: ellipsis;
|
10
|
-
overflow: hidden;
|
11
|
-
}
|
12
|
-
|
13
|
-
.@{sdk-prefix}-name-limit-tooltip {
|
14
|
-
.@{ant-prefix}-tooltip-inner {
|
15
|
-
max-width: 400px;
|
16
|
-
max-height: 200px;
|
17
|
-
overflow: auto;
|
18
|
-
}
|
19
|
-
}
|
1
|
+
@import 'antd/lib/tooltip/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-name-limit {
|
5
|
+
max-width: 100%;
|
6
|
+
display: inline-block;
|
7
|
+
vertical-align: top;
|
8
|
+
white-space: nowrap;
|
9
|
+
text-overflow: ellipsis;
|
10
|
+
overflow: hidden;
|
11
|
+
}
|
12
|
+
|
13
|
+
.@{sdk-prefix}-name-limit-tooltip {
|
14
|
+
.@{ant-prefix}-tooltip-inner {
|
15
|
+
max-width: 400px;
|
16
|
+
max-height: 200px;
|
17
|
+
overflow: auto;
|
18
|
+
}
|
19
|
+
}
|
@@ -1,16 +1,16 @@
|
|
1
|
-
@import 'antd/lib/divider/style/index.less';
|
2
|
-
@import '../../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-popover-inline-list {
|
5
|
-
display: inline-block;
|
6
|
-
vertical-align: middle;
|
7
|
-
|
8
|
-
.@{sdk-prefix}-popover-inline-item {
|
9
|
-
display: inline-block;
|
10
|
-
height: 100%;
|
11
|
-
margin-right: 12px;
|
12
|
-
i {
|
13
|
-
color: @theme-color;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
}
|
1
|
+
@import 'antd/lib/divider/style/index.less';
|
2
|
+
@import '../../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-popover-inline-list {
|
5
|
+
display: inline-block;
|
6
|
+
vertical-align: middle;
|
7
|
+
|
8
|
+
.@{sdk-prefix}-popover-inline-item {
|
9
|
+
display: inline-block;
|
10
|
+
height: 100%;
|
11
|
+
margin-right: 12px;
|
12
|
+
i {
|
13
|
+
color: @theme-color;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
}
|
@@ -1,25 +1,25 @@
|
|
1
|
-
@import 'antd/lib/tooltip/style/index.less';
|
2
|
-
@import '../../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-item {
|
5
|
-
color: @theme-color;
|
6
|
-
cursor: pointer;
|
7
|
-
& > .anticon {
|
8
|
-
color: inherit;
|
9
|
-
}
|
10
|
-
&.@{sdk-prefix}-disabled {
|
11
|
-
color: @font-disable-color-2;
|
12
|
-
cursor: not-allowed;
|
13
|
-
pointer-events: none;
|
14
|
-
.anticon {
|
15
|
-
color: @font-disable-color-2;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
&.@{sdk-prefix}-active {
|
19
|
-
background: @select-popover-hover-color;
|
20
|
-
}
|
21
|
-
a {
|
22
|
-
color: inherit;
|
23
|
-
cursor: inherit;
|
24
|
-
}
|
25
|
-
}
|
1
|
+
@import 'antd/lib/tooltip/style/index.less';
|
2
|
+
@import '../../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-item {
|
5
|
+
color: @theme-color;
|
6
|
+
cursor: pointer;
|
7
|
+
& > .anticon {
|
8
|
+
color: inherit;
|
9
|
+
}
|
10
|
+
&.@{sdk-prefix}-disabled {
|
11
|
+
color: @font-disable-color-2;
|
12
|
+
cursor: not-allowed;
|
13
|
+
pointer-events: none;
|
14
|
+
.anticon {
|
15
|
+
color: @font-disable-color-2;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
&.@{sdk-prefix}-active {
|
19
|
+
background: @select-popover-hover-color;
|
20
|
+
}
|
21
|
+
a {
|
22
|
+
color: inherit;
|
23
|
+
cursor: inherit;
|
24
|
+
}
|
25
|
+
}
|
@@ -1,30 +1,30 @@
|
|
1
|
-
@import 'antd/lib/popover/style/index.less';
|
2
|
-
@import '../../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-popover-item {
|
5
|
-
display: inline-block;
|
6
|
-
line-height: 18px;
|
7
|
-
color: @theme-color;
|
8
|
-
vertical-align: middle;
|
9
|
-
cursor: pointer;
|
10
|
-
}
|
11
|
-
|
12
|
-
.@{sdk-prefix}-popover-list {
|
13
|
-
min-width: 120px;
|
14
|
-
padding: 4px 0;
|
15
|
-
line-height: 32px;
|
16
|
-
text-align: center;
|
17
|
-
font-size: 12px;
|
18
|
-
.@{sdk-prefix}-item {
|
19
|
-
color: @heading-color;
|
20
|
-
display: block;
|
21
|
-
padding: 0 16px;
|
22
|
-
&:hover {
|
23
|
-
background: @select-popover-hover-color;
|
24
|
-
color: @theme-color;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
.@{sdk-prefix}-item.@{sdk-prefix}-disabled {
|
28
|
-
color: @font-disable-color-2;
|
29
|
-
}
|
30
|
-
}
|
1
|
+
@import 'antd/lib/popover/style/index.less';
|
2
|
+
@import '../../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-popover-item {
|
5
|
+
display: inline-block;
|
6
|
+
line-height: 18px;
|
7
|
+
color: @theme-color;
|
8
|
+
vertical-align: middle;
|
9
|
+
cursor: pointer;
|
10
|
+
}
|
11
|
+
|
12
|
+
.@{sdk-prefix}-popover-list {
|
13
|
+
min-width: 120px;
|
14
|
+
padding: 4px 0;
|
15
|
+
line-height: 32px;
|
16
|
+
text-align: center;
|
17
|
+
font-size: 12px;
|
18
|
+
.@{sdk-prefix}-item {
|
19
|
+
color: @heading-color;
|
20
|
+
display: block;
|
21
|
+
padding: 0 16px;
|
22
|
+
&:hover {
|
23
|
+
background: @select-popover-hover-color;
|
24
|
+
color: @theme-color;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
.@{sdk-prefix}-item.@{sdk-prefix}-disabled {
|
28
|
+
color: @font-disable-color-2;
|
29
|
+
}
|
30
|
+
}
|
@@ -1,3 +1,3 @@
|
|
1
|
-
@import './InlineOptionList/style.less';
|
2
|
-
@import './OptionItem/style.less';
|
3
|
-
@import './PopoverOptionList/style.less';
|
1
|
+
@import './InlineOptionList/style.less';
|
2
|
+
@import './OptionItem/style.less';
|
3
|
+
@import './PopoverOptionList/style.less';
|
@@ -1,41 +1,41 @@
|
|
1
|
-
@import 'antd/lib/radio/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-solid-radio-group {
|
5
|
-
.@{ant-prefix}-radio-button-wrapper:not(.@{sdk-prefix}-solid-radio-group
|
6
|
-
.@{ant-prefix}-radio-button-wrapper-checked) {
|
7
|
-
&::before {
|
8
|
-
background-color: @border-color-2;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
.@{ant-prefix}-radio-button-wrapper {
|
12
|
-
padding: 0 12px;
|
13
|
-
&:not(&-checked) {
|
14
|
-
border-color: @input-border-color;
|
15
|
-
}
|
16
|
-
&:focus-within {
|
17
|
-
box-shadow: unset;
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
.@{ant-prefix}-radio {
|
22
|
-
&:not(&-checked) {
|
23
|
-
.@{ant-prefix}-radio-inner {
|
24
|
-
border-color: @input-border-color;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
.@{ant-prefix}-radio-inner {
|
29
|
-
box-sizing: border-box;
|
30
|
-
}
|
31
|
-
|
32
|
-
.@{ant-prefix}-radio-checked {
|
33
|
-
.@{ant-prefix}-radio-inner {
|
34
|
-
border-color: @theme-color;
|
35
|
-
&::after {
|
36
|
-
background-color: @theme-color;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|
1
|
+
@import 'antd/lib/radio/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-solid-radio-group {
|
5
|
+
.@{ant-prefix}-radio-button-wrapper:not(.@{sdk-prefix}-solid-radio-group
|
6
|
+
.@{ant-prefix}-radio-button-wrapper-checked) {
|
7
|
+
&::before {
|
8
|
+
background-color: @border-color-2;
|
9
|
+
}
|
10
|
+
}
|
11
|
+
.@{ant-prefix}-radio-button-wrapper {
|
12
|
+
padding: 0 12px;
|
13
|
+
&:not(&-checked) {
|
14
|
+
border-color: @input-border-color;
|
15
|
+
}
|
16
|
+
&:focus-within {
|
17
|
+
box-shadow: unset;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.@{ant-prefix}-radio {
|
22
|
+
&:not(&-checked) {
|
23
|
+
.@{ant-prefix}-radio-inner {
|
24
|
+
border-color: @input-border-color;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
.@{ant-prefix}-radio-inner {
|
29
|
+
box-sizing: border-box;
|
30
|
+
}
|
31
|
+
|
32
|
+
.@{ant-prefix}-radio-checked {
|
33
|
+
.@{ant-prefix}-radio-inner {
|
34
|
+
border-color: @theme-color;
|
35
|
+
&::after {
|
36
|
+
background-color: @theme-color;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
@@ -1,37 +1,37 @@
|
|
1
|
-
@import 'antd/lib/input/style/index.less';
|
2
|
-
@import 'antd/lib/input-number/style/index.less';
|
3
|
-
@import '../../style/theme.less';
|
4
|
-
|
5
|
-
.@{sdk-prefix}-range-input {
|
6
|
-
position: relative;
|
7
|
-
.@{sdk-prefix}-range-input-symbol {
|
8
|
-
display: inline-block;
|
9
|
-
width: 40px;
|
10
|
-
line-height: 40px;
|
11
|
-
text-align: center;
|
12
|
-
}
|
13
|
-
|
14
|
-
.@{sdk-prefix}-range-input-input {
|
15
|
-
width: calc(~'50% - 20px');
|
16
|
-
text-align: center;
|
17
|
-
display: inline-block;
|
18
|
-
}
|
19
|
-
|
20
|
-
.@{sdk-prefix}-range-input-error {
|
21
|
-
color: @error-color;
|
22
|
-
line-height: 24px;
|
23
|
-
font-size: 12px;
|
24
|
-
}
|
25
|
-
|
26
|
-
.@{ant-prefix}-input-number {
|
27
|
-
width: 100%;
|
28
|
-
}
|
29
|
-
|
30
|
-
input::-webkit-outer-spin-button,
|
31
|
-
input::-webkit-inner-spin-button {
|
32
|
-
-webkit-appearance: none;
|
33
|
-
}
|
34
|
-
input[type='number'] {
|
35
|
-
-moz-appearance: textfield;
|
36
|
-
}
|
37
|
-
}
|
1
|
+
@import 'antd/lib/input/style/index.less';
|
2
|
+
@import 'antd/lib/input-number/style/index.less';
|
3
|
+
@import '../../style/theme.less';
|
4
|
+
|
5
|
+
.@{sdk-prefix}-range-input {
|
6
|
+
position: relative;
|
7
|
+
.@{sdk-prefix}-range-input-symbol {
|
8
|
+
display: inline-block;
|
9
|
+
width: 40px;
|
10
|
+
line-height: 40px;
|
11
|
+
text-align: center;
|
12
|
+
}
|
13
|
+
|
14
|
+
.@{sdk-prefix}-range-input-input {
|
15
|
+
width: calc(~'50% - 20px');
|
16
|
+
text-align: center;
|
17
|
+
display: inline-block;
|
18
|
+
}
|
19
|
+
|
20
|
+
.@{sdk-prefix}-range-input-error {
|
21
|
+
color: @error-color;
|
22
|
+
line-height: 24px;
|
23
|
+
font-size: 12px;
|
24
|
+
}
|
25
|
+
|
26
|
+
.@{ant-prefix}-input-number {
|
27
|
+
width: 100%;
|
28
|
+
}
|
29
|
+
|
30
|
+
input::-webkit-outer-spin-button,
|
31
|
+
input::-webkit-inner-spin-button {
|
32
|
+
-webkit-appearance: none;
|
33
|
+
}
|
34
|
+
input[type='number'] {
|
35
|
+
-moz-appearance: textfield;
|
36
|
+
}
|
37
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
@import '../NameLimiter/style.less';
|
2
|
-
@import '../../style/theme.less';
|
1
|
+
@import '../NameLimiter/style.less';
|
2
|
+
@import '../../style/theme.less';
|