@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.
Files changed (106) hide show
  1. package/CHANGELOG.json +45 -0
  2. package/CHANGELOG.md +19 -0
  3. package/es/components/AutoComplete/style.css +7 -7
  4. package/es/components/Button/style.css +0 -1
  5. package/es/components/Button/style.less +0 -1
  6. package/es/components/Card/index.js +2 -1
  7. package/es/components/CheckTransformList/Item/index.js +1 -1
  8. package/es/components/CheckTransformList/style.css +16 -8
  9. package/es/components/CheckboxList/index.d.ts +1 -0
  10. package/es/components/CheckboxList/index.js +3 -2
  11. package/es/components/Collapse/index.js +2 -1
  12. package/es/components/CollapsiblePanel/index.d.ts +2 -2
  13. package/es/components/ConfigProvider/index.js +2 -1
  14. package/es/components/DateTimePicker/Base/index.js +2 -2
  15. package/es/components/DateTimePicker/Base/style.css +4 -4
  16. package/es/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  17. package/es/components/DateTimePicker/BaseMobile/index.js +2 -2
  18. package/es/components/DateTimePicker/DisplayInput/style.css +7 -7
  19. package/es/components/DateTimePicker/index.d.ts +6 -1
  20. package/es/components/DateTimePicker/index.js +2 -2
  21. package/es/components/Input/index.js +2 -1
  22. package/es/components/Input/style.css +7 -7
  23. package/es/components/InputNumber/style.css +2 -2
  24. package/es/components/Menu/index.d.ts +2 -2
  25. package/es/components/NameLimiter/index.d.ts +3 -13
  26. package/es/components/NameLimiter/index.js +30 -39
  27. package/es/components/NameLimiter/style.css +9 -1
  28. package/es/components/NameLimiter/style.less +10 -1
  29. package/es/components/OptionList/index.js +2 -1
  30. package/es/components/RangeInput/style.css +9 -9
  31. package/es/components/RemarkName/index.d.ts +0 -2
  32. package/es/components/RemarkName/index.js +2 -4
  33. package/es/components/RemarkName/style.css +9 -5
  34. package/es/components/RemarkName/style.less +0 -5
  35. package/es/components/Selector/style.css +7 -7
  36. package/es/components/SolidRadioGroup/index.js +7 -4
  37. package/es/components/SolidRadioGroup/style.css +6 -2
  38. package/es/components/SolidRadioGroup/style.less +5 -0
  39. package/es/components/Steps/index.js +2 -1
  40. package/es/components/Table/index.d.ts +9 -24
  41. package/es/components/Table/index.js +40 -8
  42. package/es/components/Table/style.css +5 -5
  43. package/es/components/TagList/Tag/style.css +3 -3
  44. package/es/components/TagList/Tag/style.less +3 -3
  45. package/es/components/TagList/index.js +3 -2
  46. package/es/components/TagList/style.css +3 -3
  47. package/es/components/TagList/style.less +8 -8
  48. package/es/index.css +2252 -2245
  49. package/es/index.d.ts +1 -1
  50. package/es/index.js +1 -1
  51. package/es/index.less +6 -6
  52. package/es/style/theme.less +8 -6
  53. package/lib/components/AutoComplete/style.css +7 -7
  54. package/lib/components/Button/style.css +0 -1
  55. package/lib/components/Button/style.less +0 -1
  56. package/lib/components/Card/index.js +1 -1
  57. package/lib/components/CheckTransformList/Item/index.js +1 -1
  58. package/lib/components/CheckTransformList/style.css +16 -8
  59. package/lib/components/CheckboxList/index.d.ts +1 -0
  60. package/lib/components/CheckboxList/index.js +3 -2
  61. package/lib/components/Collapse/index.js +1 -1
  62. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  63. package/lib/components/ConfigProvider/index.js +1 -1
  64. package/lib/components/DateTimePicker/Base/index.js +2 -2
  65. package/lib/components/DateTimePicker/Base/style.css +4 -4
  66. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  67. package/lib/components/DateTimePicker/BaseMobile/index.js +2 -2
  68. package/lib/components/DateTimePicker/DisplayInput/style.css +7 -7
  69. package/lib/components/DateTimePicker/index.d.ts +6 -1
  70. package/lib/components/DateTimePicker/index.js +2 -2
  71. package/lib/components/Input/index.js +1 -1
  72. package/lib/components/Input/style.css +7 -7
  73. package/lib/components/InputNumber/style.css +2 -2
  74. package/lib/components/Menu/index.d.ts +2 -2
  75. package/lib/components/NameLimiter/index.d.ts +3 -13
  76. package/lib/components/NameLimiter/index.js +30 -38
  77. package/lib/components/NameLimiter/style.css +9 -1
  78. package/lib/components/NameLimiter/style.less +10 -1
  79. package/lib/components/OptionList/index.js +1 -1
  80. package/lib/components/RangeInput/style.css +9 -9
  81. package/lib/components/RemarkName/index.d.ts +0 -2
  82. package/lib/components/RemarkName/index.js +2 -4
  83. package/lib/components/RemarkName/style.css +9 -5
  84. package/lib/components/RemarkName/style.less +0 -5
  85. package/lib/components/Selector/style.css +7 -7
  86. package/lib/components/SolidRadioGroup/index.js +6 -3
  87. package/lib/components/SolidRadioGroup/style.css +6 -2
  88. package/lib/components/SolidRadioGroup/style.less +5 -0
  89. package/lib/components/Steps/index.js +1 -1
  90. package/lib/components/Table/index.d.ts +9 -24
  91. package/lib/components/Table/index.js +39 -7
  92. package/lib/components/Table/style.css +5 -5
  93. package/lib/components/TagList/Tag/style.css +3 -3
  94. package/lib/components/TagList/Tag/style.less +3 -3
  95. package/lib/components/TagList/index.js +2 -2
  96. package/lib/components/TagList/style.css +3 -3
  97. package/lib/components/TagList/style.less +8 -8
  98. package/lib/index.css +19 -12
  99. package/lib/index.d.ts +1 -1
  100. package/lib/index.js +0 -1
  101. package/lib/style/theme.less +8 -6
  102. package/package.json +23 -23
  103. package/es/components/NameLimiter/transformer.d.ts +0 -6
  104. package/es/components/NameLimiter/transformer.js +0 -84
  105. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  106. 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: 24px;
324
+ line-height: 32px;
325
325
  }
326
326
  .ant-select-multiple.ant-select-lg .ant-select-selection-item {
327
- height: 24px;
328
- line-height: 22px;
327
+ height: 32px;
328
+ line-height: 30px;
329
329
  }
330
330
  .ant-select-multiple.ant-select-lg .ant-select-selection-search {
331
- height: 24px;
332
- line-height: 24px;
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: 24px;
337
- line-height: 22px;
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;
@@ -1925,7 +1925,6 @@ a.ant-btn-sm {
1925
1925
  .pandora-sdk-button {
1926
1926
  -webkit-box-shadow: none;
1927
1927
  box-shadow: none;
1928
- border-radius: 2px;
1929
1928
  }
1930
1929
  .pandora-sdk-button.pandora-sdk-button-disabled {
1931
1930
  background: #eee !important;
@@ -3,7 +3,6 @@
3
3
 
4
4
  .@{sdk-prefix}-button {
5
5
  box-shadow: none;
6
- border-radius: @border-radius-base;
7
6
 
8
7
  &.@{sdk-prefix}-button-disabled {
9
8
  background: @button-disabled-bg!important;
@@ -29,7 +29,7 @@ import { SDK_PREFIX } from '../../constants/style';
29
29
  /**
30
30
  * 卡片组件封装
31
31
  */
32
- export default function Card(props) {
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, length: 18 }))));
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: 2.5px 11px;
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: 2.5px 11px;
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: 2.5px 11px;
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: 32px;
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: 32px;
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: 32px;
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: 32px;
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-tooltip .ant-tooltip-inner {
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;
@@ -5,6 +5,7 @@ export interface IOptionItem {
5
5
  text?: string | React.ReactNode;
6
6
  value: CheckboxValueType;
7
7
  indeterminate?: boolean | ((item: IOptionItem) => boolean);
8
+ disabled?: boolean | ((item: IOptionItem) => boolean);
8
9
  }
9
10
  export interface ICheckboxListProps {
10
11
  /**
@@ -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
- return (React.createElement(Checkbox, { className: classnames(SDK_PREFIX + "-checkbox-item", itemClassName), key: String(key || value), value: value, indeterminate: indeterminateState }, text || value));
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
- export default function Collapse(props) {
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
- export default class CollapsiblePanel extends React.Component<TCollapsiblePanelProps, {
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
- export default function ConfigProvider(props) {
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, { SplitType } from '../../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, length: 12, type: SplitType.End })));
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: 2.5px 11px;
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: 30px;
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: 2.5px 11px;
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: 2.5px 11px 2.5px;
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: 2.5px 11px;
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: 2.5px 11px;
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: 2.5px 11px;
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: 32px;
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: 32px;
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: 32px;
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: 32px;
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
- export default class DateTimePicker extends React.Component<IDateTimePickerProps, any> {
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
- export default function Input(props) {
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: 2.5px 11px;
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: 2.5px 11px;
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: 2.5px 11px;
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: 32px;
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: 32px;
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: 32px;
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: 32px;
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: 2.5px 11px;
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: 30px;
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: typeof import("rc-menu").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: typeof import("rc-menu").MenuItemGroup;
19
+ var ItemGroup;
20
20
  }
21
21
  export default Menue;
@@ -1,21 +1,11 @@
1
- import * as React from 'react';
2
- export declare enum SplitType {
3
- End = "end",
4
- Between = "between"
5
- }
1
+ /// <reference types="react" />
6
2
  /**
7
- * 对于过长的名称进行format,并增加Tooltip
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;