@qn-pandora/pandora-component 2.2.0 → 3.0.1
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/CHANGELOG.json +45 -0
- package/CHANGELOG.md +19 -0
- package/es/components/AutoComplete/style.css +7 -7
- package/es/components/Button/style.css +0 -1
- package/es/components/Button/style.less +0 -1
- package/es/components/Card/index.js +2 -1
- package/es/components/CheckTransformList/Item/index.js +1 -1
- package/es/components/CheckTransformList/style.css +16 -8
- package/es/components/CheckboxList/index.d.ts +1 -0
- package/es/components/CheckboxList/index.js +3 -2
- package/es/components/Collapse/index.js +2 -1
- package/es/components/CollapsiblePanel/index.d.ts +2 -2
- package/es/components/ConfigProvider/index.js +2 -1
- package/es/components/DateTimePicker/Base/index.js +2 -2
- package/es/components/DateTimePicker/Base/style.css +4 -4
- package/es/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
- package/es/components/DateTimePicker/BaseMobile/index.js +2 -2
- package/es/components/DateTimePicker/DisplayInput/style.css +7 -7
- package/es/components/DateTimePicker/index.d.ts +6 -1
- package/es/components/DateTimePicker/index.js +2 -2
- package/es/components/Input/index.js +2 -1
- package/es/components/Input/style.css +7 -7
- package/es/components/InputNumber/style.css +2 -2
- package/es/components/Menu/index.d.ts +2 -2
- package/es/components/NameLimiter/index.d.ts +3 -13
- package/es/components/NameLimiter/index.js +30 -39
- package/es/components/NameLimiter/style.css +9 -1
- package/es/components/NameLimiter/style.less +10 -1
- package/es/components/OptionList/index.js +2 -1
- package/es/components/RangeInput/style.css +9 -9
- package/es/components/RemarkName/index.d.ts +0 -2
- package/es/components/RemarkName/index.js +2 -4
- package/es/components/RemarkName/style.css +9 -5
- package/es/components/RemarkName/style.less +0 -5
- package/es/components/Selector/style.css +7 -7
- package/es/components/SolidRadioGroup/index.js +7 -4
- package/es/components/SolidRadioGroup/style.css +6 -2
- package/es/components/SolidRadioGroup/style.less +5 -0
- package/es/components/Steps/index.js +2 -1
- package/es/components/Table/index.d.ts +9 -24
- package/es/components/Table/index.js +40 -8
- package/es/components/Table/style.css +5 -5
- package/es/components/TagList/Tag/style.css +3 -3
- package/es/components/TagList/Tag/style.less +3 -3
- package/es/components/TagList/index.js +3 -2
- package/es/components/TagList/style.css +3 -3
- package/es/components/TagList/style.less +8 -8
- package/es/index.css +2252 -2245
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.less +6 -6
- package/es/style/theme.less +8 -6
- package/lib/components/AutoComplete/style.css +7 -7
- package/lib/components/Button/style.css +0 -1
- package/lib/components/Button/style.less +0 -1
- package/lib/components/Card/index.js +1 -1
- package/lib/components/CheckTransformList/Item/index.js +1 -1
- package/lib/components/CheckTransformList/style.css +16 -8
- package/lib/components/CheckboxList/index.d.ts +1 -0
- package/lib/components/CheckboxList/index.js +3 -2
- package/lib/components/Collapse/index.js +1 -1
- package/lib/components/CollapsiblePanel/index.d.ts +2 -2
- package/lib/components/ConfigProvider/index.js +1 -1
- package/lib/components/DateTimePicker/Base/index.js +2 -2
- package/lib/components/DateTimePicker/Base/style.css +4 -4
- package/lib/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
- package/lib/components/DateTimePicker/BaseMobile/index.js +2 -2
- package/lib/components/DateTimePicker/DisplayInput/style.css +7 -7
- package/lib/components/DateTimePicker/index.d.ts +6 -1
- package/lib/components/DateTimePicker/index.js +2 -2
- package/lib/components/Input/index.js +1 -1
- package/lib/components/Input/style.css +7 -7
- package/lib/components/InputNumber/style.css +2 -2
- package/lib/components/Menu/index.d.ts +2 -2
- package/lib/components/NameLimiter/index.d.ts +3 -13
- package/lib/components/NameLimiter/index.js +30 -38
- package/lib/components/NameLimiter/style.css +9 -1
- package/lib/components/NameLimiter/style.less +10 -1
- package/lib/components/OptionList/index.js +1 -1
- package/lib/components/RangeInput/style.css +9 -9
- package/lib/components/RemarkName/index.d.ts +0 -2
- package/lib/components/RemarkName/index.js +2 -4
- package/lib/components/RemarkName/style.css +9 -5
- package/lib/components/RemarkName/style.less +0 -5
- package/lib/components/Selector/style.css +7 -7
- package/lib/components/SolidRadioGroup/index.js +6 -3
- package/lib/components/SolidRadioGroup/style.css +6 -2
- package/lib/components/SolidRadioGroup/style.less +5 -0
- package/lib/components/Steps/index.js +1 -1
- package/lib/components/Table/index.d.ts +9 -24
- package/lib/components/Table/index.js +39 -7
- package/lib/components/Table/style.css +5 -5
- package/lib/components/TagList/Tag/style.css +3 -3
- package/lib/components/TagList/Tag/style.less +3 -3
- package/lib/components/TagList/index.js +2 -2
- package/lib/components/TagList/style.css +3 -3
- package/lib/components/TagList/style.less +8 -8
- package/lib/index.css +19 -12
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -1
- package/lib/style/theme.less +8 -6
- package/package.json +23 -23
- package/es/components/NameLimiter/transformer.d.ts +0 -6
- package/es/components/NameLimiter/transformer.js +0 -84
- package/lib/components/NameLimiter/transformer.d.ts +0 -6
- package/lib/components/NameLimiter/transformer.js +0 -91
package/CHANGELOG.json
ADDED
@@ -0,0 +1,45 @@
|
|
1
|
+
{
|
2
|
+
"name": "@qn-pandora/pandora-component",
|
3
|
+
"entries": [
|
4
|
+
{
|
5
|
+
"version": "3.0.1",
|
6
|
+
"tag": "@qn-pandora/pandora-component_v3.0.1",
|
7
|
+
"date": "Fri, 28 Jan 2022 15:30:56 GMT",
|
8
|
+
"comments": {
|
9
|
+
"patch": [
|
10
|
+
{
|
11
|
+
"comment": "1.28publish"
|
12
|
+
}
|
13
|
+
],
|
14
|
+
"dependency": [
|
15
|
+
{
|
16
|
+
"comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^2.0.0` to `^2.0.1`"
|
17
|
+
},
|
18
|
+
{
|
19
|
+
"comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^1.0.0` to `^1.0.1`"
|
20
|
+
}
|
21
|
+
]
|
22
|
+
}
|
23
|
+
},
|
24
|
+
{
|
25
|
+
"version": "3.0.0",
|
26
|
+
"tag": "@qn-pandora/pandora-component_v3.0.0",
|
27
|
+
"date": "Mon, 20 Dec 2021 11:46:43 GMT",
|
28
|
+
"comments": {
|
29
|
+
"major": [
|
30
|
+
{
|
31
|
+
"comment": "仓库迁移至rush后统一发个大版本"
|
32
|
+
}
|
33
|
+
],
|
34
|
+
"dependency": [
|
35
|
+
{
|
36
|
+
"comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^1.2.0` to `^2.0.0`"
|
37
|
+
},
|
38
|
+
{
|
39
|
+
"comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^0.1.0` to `^1.0.0`"
|
40
|
+
}
|
41
|
+
]
|
42
|
+
}
|
43
|
+
}
|
44
|
+
]
|
45
|
+
}
|
package/CHANGELOG.md
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
# Change Log - @qn-pandora/pandora-component
|
2
|
+
|
3
|
+
This log was last generated on Fri, 28 Jan 2022 15:30:56 GMT and should not be manually modified.
|
4
|
+
|
5
|
+
## 3.0.1
|
6
|
+
|
7
|
+
Fri, 28 Jan 2022 15:30:56 GMT
|
8
|
+
|
9
|
+
### Patches
|
10
|
+
|
11
|
+
- 1.28publish
|
12
|
+
|
13
|
+
## 3.0.0
|
14
|
+
|
15
|
+
Mon, 20 Dec 2021 11:46:43 GMT
|
16
|
+
|
17
|
+
### Breaking changes
|
18
|
+
|
19
|
+
- 仓库迁移至 rush 后统一发个大版本
|
@@ -321,20 +321,20 @@
|
|
321
321
|
transition: all 0.3s;
|
322
322
|
}
|
323
323
|
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
|
324
|
-
line-height:
|
324
|
+
line-height: 32px;
|
325
325
|
}
|
326
326
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
327
|
-
height:
|
328
|
-
line-height:
|
327
|
+
height: 32px;
|
328
|
+
line-height: 30px;
|
329
329
|
}
|
330
330
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
|
331
|
-
height:
|
332
|
-
line-height:
|
331
|
+
height: 32px;
|
332
|
+
line-height: 32px;
|
333
333
|
}
|
334
334
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
|
335
335
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
|
336
|
-
height:
|
337
|
-
line-height:
|
336
|
+
height: 32px;
|
337
|
+
line-height: 30px;
|
338
338
|
}
|
339
339
|
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
|
340
340
|
line-height: 18px;
|
@@ -29,7 +29,7 @@ import { SDK_PREFIX } from '../../constants/style';
|
|
29
29
|
/**
|
30
30
|
* 卡片组件封装
|
31
31
|
*/
|
32
|
-
|
32
|
+
function Card(props) {
|
33
33
|
var className = props.className, otherProps = __rest(props, ["className"]);
|
34
34
|
return (React.createElement(AntdCard, __assign({ className: classnames(className, SDK_PREFIX + "-card") }, otherProps)));
|
35
35
|
}
|
@@ -37,3 +37,4 @@ Card.RowExtra = RowExtra;
|
|
37
37
|
Card.SearchInput = SearchInput;
|
38
38
|
Card.Grid = AntdCard.Grid;
|
39
39
|
Card.Meta = AntdCard.Meta;
|
40
|
+
export default Card;
|
@@ -20,6 +20,6 @@ export default function Item(props) {
|
|
20
20
|
React.createElement("div", { className: SDK_PREFIX + "-check-transform-checkbox-group" }, options.map(function (item) {
|
21
21
|
return (React.createElement("div", { key: item.value },
|
22
22
|
React.createElement(Checkbox, { value: item.value, checked: item.checked, onChange: onCheckboxChange },
|
23
|
-
React.createElement(NameLimiter, { name: item.text
|
23
|
+
React.createElement(NameLimiter, { name: item.text }))));
|
24
24
|
})))));
|
25
25
|
}
|
@@ -462,7 +462,7 @@ textarea.ant-input-affix-wrapper {
|
|
462
462
|
transition: all 0.3s, height 0s;
|
463
463
|
}
|
464
464
|
.ant-input-affix-wrapper-lg {
|
465
|
-
padding:
|
465
|
+
padding: 6.5px 11px;
|
466
466
|
font-size: 16px;
|
467
467
|
}
|
468
468
|
.ant-input-affix-wrapper-sm {
|
@@ -655,7 +655,7 @@ textarea.ant-input {
|
|
655
655
|
transition: all 0.3s, height 0s;
|
656
656
|
}
|
657
657
|
.ant-input-lg {
|
658
|
-
padding:
|
658
|
+
padding: 6.5px 11px;
|
659
659
|
font-size: 16px;
|
660
660
|
}
|
661
661
|
.ant-input-sm {
|
@@ -791,7 +791,7 @@ textarea.ant-input {
|
|
791
791
|
}
|
792
792
|
.ant-input-group-lg .ant-input,
|
793
793
|
.ant-input-group-lg > .ant-input-group-addon {
|
794
|
-
padding:
|
794
|
+
padding: 6.5px 11px;
|
795
795
|
font-size: 16px;
|
796
796
|
}
|
797
797
|
.ant-input-group-sm .ant-input,
|
@@ -799,7 +799,7 @@ textarea.ant-input {
|
|
799
799
|
padding: 1px 7px;
|
800
800
|
}
|
801
801
|
.ant-input-group-lg .ant-select-single .ant-select-selector {
|
802
|
-
height:
|
802
|
+
height: 40px;
|
803
803
|
}
|
804
804
|
.ant-input-group-sm .ant-select-single .ant-select-selector {
|
805
805
|
height: 26px;
|
@@ -988,7 +988,7 @@ textarea.ant-input {
|
|
988
988
|
height: 32px;
|
989
989
|
}
|
990
990
|
.ant-input[type='color'].ant-input-lg {
|
991
|
-
height:
|
991
|
+
height: 40px;
|
992
992
|
}
|
993
993
|
.ant-input[type='color'].ant-input-sm {
|
994
994
|
height: 26px;
|
@@ -1043,7 +1043,7 @@ textarea.ant-input {
|
|
1043
1043
|
z-index: 1;
|
1044
1044
|
}
|
1045
1045
|
.ant-input-search-large .ant-input-search-button {
|
1046
|
-
height:
|
1046
|
+
height: 40px;
|
1047
1047
|
}
|
1048
1048
|
.ant-input-search-small .ant-input-search-button {
|
1049
1049
|
height: 26px;
|
@@ -1102,7 +1102,7 @@ textarea.ant-input {
|
|
1102
1102
|
height: 32px;
|
1103
1103
|
}
|
1104
1104
|
.ant-input-lg {
|
1105
|
-
height:
|
1105
|
+
height: 40px;
|
1106
1106
|
}
|
1107
1107
|
.ant-input-sm {
|
1108
1108
|
height: 26px;
|
@@ -1371,7 +1371,15 @@ textarea.ant-input {
|
|
1371
1371
|
.ant-tooltip-rtl .ant-tooltip-inner {
|
1372
1372
|
text-align: right;
|
1373
1373
|
}
|
1374
|
-
.pandora-sdk-name-
|
1374
|
+
.pandora-sdk-name-limit {
|
1375
|
+
max-width: 100%;
|
1376
|
+
display: inline-block;
|
1377
|
+
vertical-align: top;
|
1378
|
+
white-space: nowrap;
|
1379
|
+
text-overflow: ellipsis;
|
1380
|
+
overflow: hidden;
|
1381
|
+
}
|
1382
|
+
.pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
|
1375
1383
|
max-width: 400px !important;
|
1376
1384
|
max-height: 200px !important;
|
1377
1385
|
overflow: auto;
|
@@ -9,10 +9,11 @@ export default function CheckboxList(props) {
|
|
9
9
|
options.map(function (option) {
|
10
10
|
// 将 option string的形式进行格式化
|
11
11
|
var optionItem = typeof option === 'string' ? { value: option } : option;
|
12
|
-
var key = optionItem.key, value = optionItem.value, text = optionItem.text, indeterminate = optionItem.indeterminate;
|
12
|
+
var key = optionItem.key, value = optionItem.value, text = optionItem.text, indeterminate = optionItem.indeterminate, disabled = optionItem.disabled;
|
13
13
|
var indeterminateState = typeof indeterminate === 'function'
|
14
14
|
? indeterminate(optionItem)
|
15
15
|
: indeterminate;
|
16
|
-
|
16
|
+
var disabledState = typeof disabled === 'function' ? disabled(optionItem) : disabled;
|
17
|
+
return (React.createElement(Checkbox, { className: classnames(SDK_PREFIX + "-checkbox-item", itemClassName), key: String(key || value), value: value, indeterminate: indeterminateState, disabled: disabledState }, text || value));
|
17
18
|
})));
|
18
19
|
}
|
@@ -15,7 +15,7 @@ import Panel from './Panel';
|
|
15
15
|
/**
|
16
16
|
* 折叠面板组件封装
|
17
17
|
*/
|
18
|
-
|
18
|
+
function Collapse(props) {
|
19
19
|
var children = props.children, defaultActiveKey = props.defaultActiveKey, className = props.className;
|
20
20
|
var getPanels = React.useCallback(function () {
|
21
21
|
var newChildren = [];
|
@@ -39,3 +39,4 @@ export default function Collapse(props) {
|
|
39
39
|
return React.createElement("div", { className: className }, getPanels());
|
40
40
|
}
|
41
41
|
Collapse.Panel = Panel;
|
42
|
+
export default Collapse;
|
@@ -16,7 +16,7 @@ export declare type TCollapsiblePanelProps = Omit<IPanelContentProps, 'active'>
|
|
16
16
|
disabled?: boolean;
|
17
17
|
header: string | React.ReactNode;
|
18
18
|
};
|
19
|
-
|
19
|
+
declare class CollapsiblePanel extends React.Component<TCollapsiblePanelProps, {
|
20
20
|
active: boolean;
|
21
21
|
}> {
|
22
22
|
static PanelContent: typeof PanelContent;
|
@@ -30,4 +30,4 @@ export default class CollapsiblePanel extends React.Component<TCollapsiblePanelP
|
|
30
30
|
toggle: () => void;
|
31
31
|
render(): JSX.Element;
|
32
32
|
}
|
33
|
-
export
|
33
|
+
export default CollapsiblePanel;
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
23
23
|
import React from 'react';
|
24
24
|
import { default as AntdConfigProvider } from 'antd/es/config-provider';
|
25
25
|
import { LocaleProvider, generateLocaleConsumer, generateUseLocale } from './context';
|
26
|
-
|
26
|
+
function ConfigProvider(props) {
|
27
27
|
var locale = props.locale, otherProps = __rest(props, ["locale"]);
|
28
28
|
var _a = locale || {}, antdLocale = _a.antd, otherLocale = __rest(_a, ["antd"]);
|
29
29
|
return (React.createElement(LocaleProvider, { locale: otherLocale },
|
@@ -31,3 +31,4 @@ export default function ConfigProvider(props) {
|
|
31
31
|
}
|
32
32
|
ConfigProvider.generateLocaleConsumer = generateLocaleConsumer;
|
33
33
|
ConfigProvider.generateUseLocale = generateUseLocale;
|
34
|
+
export default ConfigProvider;
|
@@ -44,7 +44,7 @@ import { timeFormat } from '../../../constants/time';
|
|
44
44
|
import Button from '../../Button';
|
45
45
|
import Collapse from '../../Collapse';
|
46
46
|
import Selector from '../../Selector';
|
47
|
-
import NameLimiter
|
47
|
+
import NameLimiter from '../../NameLimiter';
|
48
48
|
import RelativeTimePicker from './relativeTimePicker';
|
49
49
|
import Time from '../time';
|
50
50
|
import { defaultPresets, EPresetMode, relativeMap, RangePreset, rangePresetOptions, TimeType, RelativeUnitValue } from '../constants';
|
@@ -246,7 +246,7 @@ var Base = /** @class */ (function (_super) {
|
|
246
246
|
return (React.createElement("div", { key: preset.value, className: classnames(SDK_PREFIX + "-datetime-pick-item", (_a = {},
|
247
247
|
_a['active'] = value && preset.value === value.preset,
|
248
248
|
_a)), onClick: function () { return _this.handlePresetClick(preset); } },
|
249
|
-
React.createElement(NameLimiter, { name: preset.text
|
249
|
+
React.createElement(NameLimiter, { name: preset.text })));
|
250
250
|
});
|
251
251
|
};
|
252
252
|
Base.prototype.handlePresetClick = function (preset) {
|
@@ -97,7 +97,7 @@ textarea.ant-input-number {
|
|
97
97
|
transition: all 0.3s, height 0s;
|
98
98
|
}
|
99
99
|
.ant-input-number-lg {
|
100
|
-
padding:
|
100
|
+
padding: 6.5px 11px;
|
101
101
|
font-size: 16px;
|
102
102
|
}
|
103
103
|
.ant-input-number-sm {
|
@@ -239,7 +239,7 @@ textarea.ant-input-number {
|
|
239
239
|
font-size: 16px;
|
240
240
|
}
|
241
241
|
.ant-input-number-lg input {
|
242
|
-
height:
|
242
|
+
height: 38px;
|
243
243
|
}
|
244
244
|
.ant-input-number-sm {
|
245
245
|
padding: 0;
|
@@ -494,7 +494,7 @@ textarea.ant-picker-input > input {
|
|
494
494
|
transition: all 0.3s, height 0s;
|
495
495
|
}
|
496
496
|
.ant-picker-input > input-lg {
|
497
|
-
padding:
|
497
|
+
padding: 6.5px 11px;
|
498
498
|
font-size: 16px;
|
499
499
|
}
|
500
500
|
.ant-picker-input > input-sm {
|
@@ -514,7 +514,7 @@ textarea.ant-picker-input > input {
|
|
514
514
|
color: #bfbfbf;
|
515
515
|
}
|
516
516
|
.ant-picker-large {
|
517
|
-
padding:
|
517
|
+
padding: 6.5px 11px 6.5px;
|
518
518
|
}
|
519
519
|
.ant-picker-large .ant-picker-input > input {
|
520
520
|
font-size: 16px;
|
@@ -21,6 +21,7 @@ declare type IGetData = Array<{
|
|
21
21
|
}>> | undefined;
|
22
22
|
interface IBaseMobileProps extends IBaseProps {
|
23
23
|
buttonType: EButtonType;
|
24
|
+
contentClassName?: string;
|
24
25
|
}
|
25
26
|
export default class BaseMobile extends React.Component<IBaseMobileProps, any> {
|
26
27
|
static defaultProps: {
|
@@ -151,7 +151,7 @@ var BaseMobile = /** @class */ (function (_super) {
|
|
151
151
|
return this.props.isRangePick || this.props.isRangePick === undefined;
|
152
152
|
};
|
153
153
|
BaseMobile.prototype.render = function () {
|
154
|
-
var _a = this.props, showTimeType = _a.showTimeType, buttonType = _a.buttonType;
|
154
|
+
var _a = this.props, showTimeType = _a.showTimeType, buttonType = _a.buttonType, contentClassName = _a.contentClassName;
|
155
155
|
var title = (React.createElement("div", { className: SDK_PREFIX + "-datetime-mobile-picker-title" },
|
156
156
|
React.createElement("div", { className: SDK_PREFIX + "-datetime-mobile-picker-title-div-containter" },
|
157
157
|
React.createElement(Divider, { className: SDK_PREFIX + "-datetime-mobile-picker-title-div" })),
|
@@ -162,7 +162,7 @@ var BaseMobile = /** @class */ (function (_super) {
|
|
162
162
|
var _b = this.props, onChange = _b.onChange, value = _b.value, defaultValue = _b.defaultValue;
|
163
163
|
return (React.createElement(React.Fragment, null,
|
164
164
|
showPicker && (React.createElement(Picker, { data: this.getData() || [], title: title, extra: "\u65E5\u671F\u9009\u62E9", cascade: showTimeType && showTimeType.indexOf(TimeType.Preset) > -1, cols: this.getCols(), value: this.getValue(), onOk: this.handleOk, className: SDK_PREFIX + "-datetime-mobile-picker" },
|
165
|
-
React.createElement(CustomButton, { type: buttonType }))),
|
165
|
+
React.createElement(CustomButton, { type: buttonType, className: contentClassName }))),
|
166
166
|
!showPicker && (React.createElement(React.Fragment, null,
|
167
167
|
React.createElement(CalendarOutlined, { onClick: this.handleShow }),
|
168
168
|
React.createElement(Modal, { popup: true, visible: this.showModal, onClose: this.handleClose, animationType: "slide-up" }, showTimeType && showTimeType.indexOf(TimeType.Absolute) > -1 && (React.createElement(Absolute, { onChancle: this.handleClose, onChange: onChange, value: value, defaultValue: defaultValue })))))));
|
@@ -98,7 +98,7 @@ textarea.ant-input-affix-wrapper {
|
|
98
98
|
transition: all 0.3s, height 0s;
|
99
99
|
}
|
100
100
|
.ant-input-affix-wrapper-lg {
|
101
|
-
padding:
|
101
|
+
padding: 6.5px 11px;
|
102
102
|
font-size: 16px;
|
103
103
|
}
|
104
104
|
.ant-input-affix-wrapper-sm {
|
@@ -291,7 +291,7 @@ textarea.ant-input {
|
|
291
291
|
transition: all 0.3s, height 0s;
|
292
292
|
}
|
293
293
|
.ant-input-lg {
|
294
|
-
padding:
|
294
|
+
padding: 6.5px 11px;
|
295
295
|
font-size: 16px;
|
296
296
|
}
|
297
297
|
.ant-input-sm {
|
@@ -427,7 +427,7 @@ textarea.ant-input {
|
|
427
427
|
}
|
428
428
|
.ant-input-group-lg .ant-input,
|
429
429
|
.ant-input-group-lg > .ant-input-group-addon {
|
430
|
-
padding:
|
430
|
+
padding: 6.5px 11px;
|
431
431
|
font-size: 16px;
|
432
432
|
}
|
433
433
|
.ant-input-group-sm .ant-input,
|
@@ -435,7 +435,7 @@ textarea.ant-input {
|
|
435
435
|
padding: 1px 7px;
|
436
436
|
}
|
437
437
|
.ant-input-group-lg .ant-select-single .ant-select-selector {
|
438
|
-
height:
|
438
|
+
height: 40px;
|
439
439
|
}
|
440
440
|
.ant-input-group-sm .ant-select-single .ant-select-selector {
|
441
441
|
height: 26px;
|
@@ -624,7 +624,7 @@ textarea.ant-input {
|
|
624
624
|
height: 32px;
|
625
625
|
}
|
626
626
|
.ant-input[type='color'].ant-input-lg {
|
627
|
-
height:
|
627
|
+
height: 40px;
|
628
628
|
}
|
629
629
|
.ant-input[type='color'].ant-input-sm {
|
630
630
|
height: 26px;
|
@@ -679,7 +679,7 @@ textarea.ant-input {
|
|
679
679
|
z-index: 1;
|
680
680
|
}
|
681
681
|
.ant-input-search-large .ant-input-search-button {
|
682
|
-
height:
|
682
|
+
height: 40px;
|
683
683
|
}
|
684
684
|
.ant-input-search-small .ant-input-search-button {
|
685
685
|
height: 26px;
|
@@ -738,7 +738,7 @@ textarea.ant-input {
|
|
738
738
|
height: 32px;
|
739
739
|
}
|
740
740
|
.ant-input-lg {
|
741
|
-
height:
|
741
|
+
height: 40px;
|
742
742
|
}
|
743
743
|
.ant-input-sm {
|
744
744
|
height: 26px;
|
@@ -14,11 +14,15 @@ export interface IDateTimePickerProps extends IBaseProps {
|
|
14
14
|
* 时间组件class name
|
15
15
|
*/
|
16
16
|
timeClassName?: string;
|
17
|
+
/**
|
18
|
+
* 展示组件class name
|
19
|
+
*/
|
20
|
+
contentClassName?: string;
|
17
21
|
}
|
18
22
|
/**
|
19
23
|
* 弹出层时间选择组件封装
|
20
24
|
*/
|
21
|
-
|
25
|
+
declare class DateTimePicker extends React.Component<IDateTimePickerProps, any> {
|
22
26
|
static Base: typeof Base;
|
23
27
|
static BaseMobile: typeof BaseMobile;
|
24
28
|
visible: boolean;
|
@@ -27,3 +31,4 @@ export default class DateTimePicker extends React.Component<IDateTimePickerProps
|
|
27
31
|
handleChange(value: Time): void;
|
28
32
|
render(): JSX.Element;
|
29
33
|
}
|
34
|
+
export default DateTimePicker;
|
@@ -80,11 +80,11 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
80
80
|
this.hide();
|
81
81
|
};
|
82
82
|
DateTimePicker.prototype.render = function () {
|
83
|
-
var _a = this.props, overlayClassName = _a.overlayClassName, getPopupContainer = _a.getPopupContainer, children = _a.children, value = _a.value, showTimeType = _a.showTimeType, timeClassName = _a.timeClassName, restProps = __rest(_a, ["overlayClassName", "getPopupContainer", "children", "value", "showTimeType", "timeClassName"]);
|
83
|
+
var _a = this.props, overlayClassName = _a.overlayClassName, getPopupContainer = _a.getPopupContainer, children = _a.children, value = _a.value, showTimeType = _a.showTimeType, timeClassName = _a.timeClassName, contentClassName = _a.contentClassName, restProps = __rest(_a, ["overlayClassName", "getPopupContainer", "children", "value", "showTimeType", "timeClassName", "contentClassName"]);
|
84
84
|
var ismobile = isMobileDevice() && showTimeType && showTimeType.length;
|
85
85
|
return (React.createElement("div", null,
|
86
86
|
ismobile && (React.createElement(BaseMobile, __assign({}, restProps, { showTimeType: showTimeType, buttonType: EButtonType.Normal, value: value || this.props.defaultValue, onChange: this.handleChange }))),
|
87
|
-
!ismobile && (React.createElement(Popover, { placement: this.props.placement, trigger: "click", visible: this.visible, openClassName: overlayClassName, getPopupContainer: getPopupContainer, onVisibleChange: this.setVisible, getTooltipContainer: this.props.getPopupContainer, content: React.createElement(Base, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames(SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets }))))));
|
87
|
+
!ismobile && (React.createElement(Popover, { placement: this.props.placement, trigger: "click", visible: this.visible, openClassName: overlayClassName, getPopupContainer: getPopupContainer, onVisibleChange: this.setVisible, getTooltipContainer: this.props.getPopupContainer, content: React.createElement(Base, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames(SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets, className: contentClassName }))))));
|
88
88
|
};
|
89
89
|
DateTimePicker.Base = Base;
|
90
90
|
DateTimePicker.BaseMobile = BaseMobile;
|
@@ -27,7 +27,7 @@ import { Password } from './Password';
|
|
27
27
|
import { TextArea } from './TextArea';
|
28
28
|
import NumberInput from './NumberInput';
|
29
29
|
var useCallback = React.useCallback;
|
30
|
-
|
30
|
+
function Input(props) {
|
31
31
|
var onChange = props.onChange, restProps = __rest(props, ["onChange"]);
|
32
32
|
var handleChange = useCallback(function (e) {
|
33
33
|
if (onChange) {
|
@@ -40,3 +40,4 @@ Input.DebounceInput = debounceWrapper(Input);
|
|
40
40
|
Input.Password = Password;
|
41
41
|
Input.TextArea = TextArea;
|
42
42
|
Input.NumberInput = NumberInput;
|
43
|
+
export default Input;
|
@@ -98,7 +98,7 @@ textarea.ant-input-affix-wrapper {
|
|
98
98
|
transition: all 0.3s, height 0s;
|
99
99
|
}
|
100
100
|
.ant-input-affix-wrapper-lg {
|
101
|
-
padding:
|
101
|
+
padding: 6.5px 11px;
|
102
102
|
font-size: 16px;
|
103
103
|
}
|
104
104
|
.ant-input-affix-wrapper-sm {
|
@@ -291,7 +291,7 @@ textarea.ant-input {
|
|
291
291
|
transition: all 0.3s, height 0s;
|
292
292
|
}
|
293
293
|
.ant-input-lg {
|
294
|
-
padding:
|
294
|
+
padding: 6.5px 11px;
|
295
295
|
font-size: 16px;
|
296
296
|
}
|
297
297
|
.ant-input-sm {
|
@@ -427,7 +427,7 @@ textarea.ant-input {
|
|
427
427
|
}
|
428
428
|
.ant-input-group-lg .ant-input,
|
429
429
|
.ant-input-group-lg > .ant-input-group-addon {
|
430
|
-
padding:
|
430
|
+
padding: 6.5px 11px;
|
431
431
|
font-size: 16px;
|
432
432
|
}
|
433
433
|
.ant-input-group-sm .ant-input,
|
@@ -435,7 +435,7 @@ textarea.ant-input {
|
|
435
435
|
padding: 1px 7px;
|
436
436
|
}
|
437
437
|
.ant-input-group-lg .ant-select-single .ant-select-selector {
|
438
|
-
height:
|
438
|
+
height: 40px;
|
439
439
|
}
|
440
440
|
.ant-input-group-sm .ant-select-single .ant-select-selector {
|
441
441
|
height: 26px;
|
@@ -624,7 +624,7 @@ textarea.ant-input {
|
|
624
624
|
height: 32px;
|
625
625
|
}
|
626
626
|
.ant-input[type='color'].ant-input-lg {
|
627
|
-
height:
|
627
|
+
height: 40px;
|
628
628
|
}
|
629
629
|
.ant-input[type='color'].ant-input-sm {
|
630
630
|
height: 26px;
|
@@ -679,7 +679,7 @@ textarea.ant-input {
|
|
679
679
|
z-index: 1;
|
680
680
|
}
|
681
681
|
.ant-input-search-large .ant-input-search-button {
|
682
|
-
height:
|
682
|
+
height: 40px;
|
683
683
|
}
|
684
684
|
.ant-input-search-small .ant-input-search-button {
|
685
685
|
height: 26px;
|
@@ -738,7 +738,7 @@ textarea.ant-input {
|
|
738
738
|
height: 32px;
|
739
739
|
}
|
740
740
|
.ant-input-lg {
|
741
|
-
height:
|
741
|
+
height: 40px;
|
742
742
|
}
|
743
743
|
.ant-input-sm {
|
744
744
|
height: 26px;
|
@@ -97,7 +97,7 @@ textarea.ant-input-number {
|
|
97
97
|
transition: all 0.3s, height 0s;
|
98
98
|
}
|
99
99
|
.ant-input-number-lg {
|
100
|
-
padding:
|
100
|
+
padding: 6.5px 11px;
|
101
101
|
font-size: 16px;
|
102
102
|
}
|
103
103
|
.ant-input-number-sm {
|
@@ -239,7 +239,7 @@ textarea.ant-input-number {
|
|
239
239
|
font-size: 16px;
|
240
240
|
}
|
241
241
|
.ant-input-number-lg input {
|
242
|
-
height:
|
242
|
+
height: 38px;
|
243
243
|
}
|
244
244
|
.ant-input-number-sm {
|
245
245
|
padding: 0;
|
@@ -13,9 +13,9 @@ export interface IMenuProps extends Omit<MenuProps, 'options' | 'mode'> {
|
|
13
13
|
}
|
14
14
|
export declare function Menue(props: React.PropsWithChildren<IMenuProps>): JSX.Element;
|
15
15
|
export declare namespace Menue {
|
16
|
-
var Divider
|
16
|
+
var Divider;
|
17
17
|
var Item: typeof import("antd/lib/menu/MenuItem").default;
|
18
18
|
var SubMenu: typeof import("antd/lib/menu/SubMenu").default;
|
19
|
-
var ItemGroup
|
19
|
+
var ItemGroup;
|
20
20
|
}
|
21
21
|
export default Menue;
|
@@ -1,21 +1,11 @@
|
|
1
|
-
|
2
|
-
export declare enum SplitType {
|
3
|
-
End = "end",
|
4
|
-
Between = "between"
|
5
|
-
}
|
1
|
+
/// <reference types="react" />
|
6
2
|
/**
|
7
|
-
*
|
3
|
+
* 对于超出容器宽度的名称进行省略,使用Tooltip展示。
|
8
4
|
*/
|
9
5
|
export interface INameLimiterProps {
|
10
6
|
/** 资源名称 */
|
11
7
|
name: string;
|
12
|
-
/** 展示的最大长度,资源名称超过该长度会展示前后个一半的资源名称,中间使用省略号 */
|
13
|
-
length: number;
|
14
8
|
/** 用于显示Tooltip的title */
|
15
9
|
title?: string;
|
16
|
-
/** 省略号位置 */
|
17
|
-
type?: SplitType;
|
18
|
-
}
|
19
|
-
export default class NameLimiter extends React.PureComponent<INameLimiterProps, any> {
|
20
|
-
render(): JSX.Element;
|
21
10
|
}
|
11
|
+
export default function NameLimiter({ name, title }: INameLimiterProps): JSX.Element;
|