@qn-pandora/pandora-component 2.1.2 → 3.0.0

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 (121) hide show
  1. package/CHANGELOG.json +25 -0
  2. package/CHANGELOG.md +11 -0
  3. package/es/components/AutoComplete/style.css +17 -13
  4. package/es/components/Button/style.css +2 -3
  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 +25 -17
  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 +13 -13
  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 +16 -16
  19. package/es/components/DateTimePicker/index.d.ts +6 -1
  20. package/es/components/DateTimePicker/index.js +2 -2
  21. package/es/components/Input/NumberInput/index.d.ts +29 -0
  22. package/es/components/Input/NumberInput/index.js +116 -0
  23. package/es/components/Input/index.d.ts +1 -0
  24. package/es/components/Input/index.js +4 -1
  25. package/es/components/Input/style.css +19 -16
  26. package/es/components/Input/style.less +4 -0
  27. package/es/components/InputNumber/style.css +6 -6
  28. package/es/components/Menu/index.d.ts +2 -2
  29. package/es/components/NameLimiter/index.d.ts +3 -13
  30. package/es/components/NameLimiter/index.js +30 -39
  31. package/es/components/NameLimiter/style.css +9 -1
  32. package/es/components/NameLimiter/style.less +10 -1
  33. package/es/components/OptionList/index.js +2 -1
  34. package/es/components/RangeInput/style.css +22 -22
  35. package/es/components/RemarkName/index.d.ts +0 -2
  36. package/es/components/RemarkName/index.js +2 -4
  37. package/es/components/RemarkName/style.css +9 -5
  38. package/es/components/RemarkName/style.less +0 -5
  39. package/es/components/Selector/style.css +17 -13
  40. package/es/components/Selector/style.less +7 -3
  41. package/es/components/SolidRadioGroup/index.d.ts +3 -2
  42. package/es/components/SolidRadioGroup/index.js +7 -4
  43. package/es/components/SolidRadioGroup/style.css +13 -6
  44. package/es/components/SolidRadioGroup/style.less +16 -3
  45. package/es/components/Steps/index.js +2 -1
  46. package/es/components/Table/index.d.ts +9 -24
  47. package/es/components/Table/index.js +40 -8
  48. package/es/components/Table/style.css +11 -8
  49. package/es/components/Table/style.less +6 -0
  50. package/es/components/TagList/Tag/style.css +3 -3
  51. package/es/components/TagList/Tag/style.less +3 -3
  52. package/es/components/TagList/index.js +3 -2
  53. package/es/components/TagList/style.css +3 -3
  54. package/es/components/TagList/style.less +8 -8
  55. package/es/index.css +1804 -1784
  56. package/es/index.d.ts +2 -2
  57. package/es/index.js +1 -1
  58. package/es/index.less +2 -2
  59. package/es/style/theme.less +9 -7
  60. package/lib/components/AutoComplete/style.css +17 -13
  61. package/lib/components/Button/style.css +2 -3
  62. package/lib/components/Button/style.less +0 -1
  63. package/lib/components/Card/index.js +1 -1
  64. package/lib/components/CheckTransformList/Item/index.js +1 -1
  65. package/lib/components/CheckTransformList/style.css +25 -17
  66. package/lib/components/CheckboxList/index.d.ts +1 -0
  67. package/lib/components/CheckboxList/index.js +3 -2
  68. package/lib/components/Collapse/index.js +1 -1
  69. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  70. package/lib/components/ConfigProvider/index.js +1 -1
  71. package/lib/components/DateTimePicker/Base/index.js +2 -2
  72. package/lib/components/DateTimePicker/Base/style.css +13 -13
  73. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  74. package/lib/components/DateTimePicker/BaseMobile/index.js +2 -2
  75. package/lib/components/DateTimePicker/DisplayInput/style.css +16 -16
  76. package/lib/components/DateTimePicker/index.d.ts +6 -1
  77. package/lib/components/DateTimePicker/index.js +2 -2
  78. package/lib/components/Input/NumberInput/index.d.ts +29 -0
  79. package/lib/components/Input/NumberInput/index.js +121 -0
  80. package/lib/components/Input/index.d.ts +1 -0
  81. package/lib/components/Input/index.js +3 -1
  82. package/lib/components/Input/style.css +19 -16
  83. package/lib/components/Input/style.less +4 -0
  84. package/lib/components/InputNumber/style.css +6 -6
  85. package/lib/components/Menu/index.d.ts +2 -2
  86. package/lib/components/NameLimiter/index.d.ts +3 -13
  87. package/lib/components/NameLimiter/index.js +30 -38
  88. package/lib/components/NameLimiter/style.css +9 -1
  89. package/lib/components/NameLimiter/style.less +10 -1
  90. package/lib/components/OptionList/index.js +1 -1
  91. package/lib/components/RangeInput/style.css +22 -22
  92. package/lib/components/RemarkName/index.d.ts +0 -2
  93. package/lib/components/RemarkName/index.js +2 -4
  94. package/lib/components/RemarkName/style.css +9 -5
  95. package/lib/components/RemarkName/style.less +0 -5
  96. package/lib/components/Selector/style.css +17 -13
  97. package/lib/components/Selector/style.less +7 -3
  98. package/lib/components/SolidRadioGroup/index.d.ts +3 -2
  99. package/lib/components/SolidRadioGroup/index.js +6 -3
  100. package/lib/components/SolidRadioGroup/style.css +13 -6
  101. package/lib/components/SolidRadioGroup/style.less +16 -3
  102. package/lib/components/Steps/index.js +1 -1
  103. package/lib/components/Table/index.d.ts +9 -24
  104. package/lib/components/Table/index.js +39 -7
  105. package/lib/components/Table/style.css +11 -8
  106. package/lib/components/Table/style.less +6 -0
  107. package/lib/components/TagList/Tag/style.css +3 -3
  108. package/lib/components/TagList/Tag/style.less +3 -3
  109. package/lib/components/TagList/index.js +2 -2
  110. package/lib/components/TagList/style.css +3 -3
  111. package/lib/components/TagList/style.less +8 -8
  112. package/lib/index.css +116 -96
  113. package/lib/index.d.ts +2 -2
  114. package/lib/index.js +0 -1
  115. package/lib/index.less +2 -2
  116. package/lib/style/theme.less +9 -7
  117. package/package.json +23 -23
  118. package/es/components/NameLimiter/transformer.d.ts +0 -6
  119. package/es/components/NameLimiter/transformer.js +0 -84
  120. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  121. package/lib/components/NameLimiter/transformer.js +0 -91
@@ -138,10 +138,23 @@ var Table = /** @class */ (function (_super) {
138
138
  enumerable: true,
139
139
  configurable: true
140
140
  });
141
+ Object.defineProperty(Table.prototype, "undisabledData", {
142
+ get: function () {
143
+ var _a = this.props, dataSource = _a.dataSource, rowSelection = _a.rowSelection;
144
+ var getCheckboxProps = (rowSelection || {}).getCheckboxProps;
145
+ var undisabledData = dataSource || [];
146
+ if (getCheckboxProps) {
147
+ // 如果checkbox有disabled的,要去掉这些rowItem
148
+ undisabledData = undisabledData.filter(function (data) { return !getCheckboxProps(data).disabled; });
149
+ }
150
+ return undisabledData;
151
+ },
152
+ enumerable: true,
153
+ configurable: true
154
+ });
141
155
  Object.defineProperty(Table.prototype, "keysOfCurrentPage", {
142
156
  get: function () {
143
- var dataSource = this.props.dataSource;
144
- return (dataSource || []).map(this.getRowKey);
157
+ return this.undisabledData.map(this.getRowKey);
145
158
  },
146
159
  enumerable: true,
147
160
  configurable: true
@@ -217,19 +230,29 @@ var Table = /** @class */ (function (_super) {
217
230
  ? rowClassName
218
231
  : rowClassName(record, index, indent));
219
232
  };
233
+ Table.prototype.getDisabledStatus = function (option) {
234
+ var noneSelected = this.selectedRowKeys.length === 0;
235
+ var disabled = typeof option.disabled === 'function'
236
+ ? option.disabled(__spread(this.undisabledData))
237
+ : option.disabled;
238
+ return noneSelected || disabled;
239
+ };
220
240
  Table.prototype.render = function () {
221
241
  var _a, _b;
222
242
  var _this = this;
223
243
  var _c = this.props, className = _c.className, batchOptions = _c.batchOptions, scroll = _c.scroll, restProps = __rest(_c, ["className", "batchOptions", "scroll"]);
224
244
  return (React.createElement("div", null,
225
- React.createElement(antd_1.Table, __assign({ scroll: scroll }, restProps, { className: classnames_1.default(style_1.SDK_PREFIX + "-table-wrapper", (_a = {}, _a[style_1.SDK_PREFIX + "-table-scrollX"] = lodash_1.get(scroll, 'x'), _a), (_b = {}, _b[style_1.SDK_PREFIX + "-table-scrollY"] = lodash_1.get(scroll, 'y'), _b), className), rowSelection: batchOptions && this.props.rowSelection
245
+ React.createElement(antd_1.Table, __assign({ scroll: scroll }, restProps, { className: classnames_1.default(style_1.SDK_PREFIX + "-table-wrapper", (_a = {}, _a[style_1.SDK_PREFIX + "-table-scrollX"] = lodash_1.get(scroll, 'x'), _a), (_b = {}, _b[style_1.SDK_PREFIX + "-table-scrollY"] = lodash_1.get(scroll, 'y'), _b), className),
246
+ // 涉及到权限
247
+ // getCheckboxProps只能放到tableBatchWrapper里,因为selectedRowKeys在那个组件计算
248
+ rowSelection: batchOptions && this.props.rowSelection
226
249
  ? this.rowSelection
227
250
  : this.props.rowSelection, rowClassName: this.getRowClassName })),
228
251
  this.props.batchOptions &&
229
252
  this.props.rowSelection &&
230
253
  this.props.dataSource &&
231
254
  this.props.dataSource.length > 0 ? (React.createElement("div", { className: style_1.SDK_PREFIX + "-table-batch-opt" },
232
- React.createElement(antd_1.Checkbox, { indeterminate: this.indeterminate, onChange: this.handleCheckAllChange, checked: this.checkAll, disabled: lodash_1.size(this.props.dataSource) === 0 }),
255
+ React.createElement(antd_1.Checkbox, { indeterminate: this.indeterminate, onChange: this.handleCheckAllChange, checked: this.checkAll, disabled: lodash_1.size(this.undisabledData) === 0 }),
233
256
  React.createElement("span", { className: style_1.SDK_PREFIX + "-table-batch-opt-label" },
234
257
  "\u5DF2\u9009 ",
235
258
  this.selectedRowKeys.length),
@@ -237,9 +260,7 @@ var Table = /** @class */ (function (_super) {
237
260
  var _a;
238
261
  return (React.createElement("span", { key: index, className: classnames_1.default((_a = {},
239
262
  _a[style_1.SDK_PREFIX + "-table-batch-opt-item"] = true,
240
- _a[style_1.SDK_PREFIX + "-table-batch-opt-disabled"] = lodash_1.isUndefined(option.disabled)
241
- ? _this.selectedRowKeys.length === 0
242
- : option.disabled,
263
+ _a[style_1.SDK_PREFIX + "-table-batch-opt-disabled"] = _this.getDisabledStatus(option),
243
264
  _a)), onClick: function () { return _this.handleBatchOptionClick(option); } }, option.text));
244
265
  })))) : null));
245
266
  };
@@ -263,6 +284,11 @@ var Table = /** @class */ (function (_super) {
263
284
  __metadata("design:type", Object),
264
285
  __metadata("design:paramtypes", [])
265
286
  ], Table.prototype, "rowSelection", null);
287
+ __decorate([
288
+ mobx_1.computed,
289
+ __metadata("design:type", Object),
290
+ __metadata("design:paramtypes", [])
291
+ ], Table.prototype, "undisabledData", null);
266
292
  __decorate([
267
293
  mobx_1.computed,
268
294
  __metadata("design:type", Object),
@@ -324,6 +350,12 @@ var Table = /** @class */ (function (_super) {
324
350
  __metadata("design:paramtypes", [Object, Number, Number]),
325
351
  __metadata("design:returntype", void 0)
326
352
  ], Table.prototype, "getRowClassName", null);
353
+ __decorate([
354
+ bind_1.default,
355
+ __metadata("design:type", Function),
356
+ __metadata("design:paramtypes", [Object]),
357
+ __metadata("design:returntype", void 0)
358
+ ], Table.prototype, "getDisabledStatus", null);
327
359
  Table = __decorate([
328
360
  mobx_react_1.observer
329
361
  ], Table);
@@ -264,7 +264,7 @@
264
264
  border-radius: 0;
265
265
  }
266
266
  .ant-table-tbody > tr.ant-table-row:hover > td {
267
- background: rgba(44, 109, 210, 0.1);
267
+ background: #e9f0fa;
268
268
  }
269
269
  .ant-table-tbody > tr.ant-table-row-selected > td {
270
270
  background: #2c6dd2;
@@ -1145,7 +1145,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
1145
1145
  line-height: 1.5715;
1146
1146
  background-color: transparent;
1147
1147
  background-image: none;
1148
- border: 1px solid #d9d9d9;
1148
+ border: 1px solid #bfbfbf;
1149
1149
  border-radius: 2px;
1150
1150
  -webkit-transition: all 0.3s;
1151
1151
  transition: all 0.3s;
@@ -1187,7 +1187,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
1187
1187
  opacity: 1;
1188
1188
  }
1189
1189
  .ant-pagination-options-quick-jumper input-disabled:hover {
1190
- border-color: #d9d9d9;
1190
+ border-color: #bfbfbf;
1191
1191
  border-right-width: 1px !important;
1192
1192
  }
1193
1193
  .ant-pagination-options-quick-jumper input[disabled] {
@@ -1197,7 +1197,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
1197
1197
  opacity: 1;
1198
1198
  }
1199
1199
  .ant-pagination-options-quick-jumper input[disabled]:hover {
1200
- border-color: #d9d9d9;
1200
+ border-color: #bfbfbf;
1201
1201
  border-right-width: 1px !important;
1202
1202
  }
1203
1203
  .ant-pagination-options-quick-jumper input-borderless,
@@ -1221,7 +1221,7 @@ textarea.ant-pagination-options-quick-jumper input {
1221
1221
  transition: all 0.3s, height 0s;
1222
1222
  }
1223
1223
  .ant-pagination-options-quick-jumper input-lg {
1224
- padding: 2.5px 11px;
1224
+ padding: 6.5px 11px;
1225
1225
  font-size: 16px;
1226
1226
  }
1227
1227
  .ant-pagination-options-quick-jumper input-sm {
@@ -1512,10 +1512,10 @@ textarea.ant-pagination-options-quick-jumper input {
1512
1512
  background: #ffffff !important;
1513
1513
  }
1514
1514
  .pandora-sdk-table-wrapper .ant-table-row:hover {
1515
- background: rgba(44, 109, 210, 0.1);
1515
+ background: #e9f0fa;
1516
1516
  }
1517
1517
  .pandora-sdk-table-wrapper .ant-table-row-hover {
1518
- background: rgba(44, 109, 210, 0.1);
1518
+ background: #e9f0fa;
1519
1519
  }
1520
1520
  .pandora-sdk-table-wrapper .ant-table-placeholder {
1521
1521
  border: none;
@@ -1608,7 +1608,7 @@ textarea.ant-pagination-options-quick-jumper input {
1608
1608
  max-height: 200px;
1609
1609
  }
1610
1610
  .pandora-sdk-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
1611
- background-color: rgba(44, 109, 210, 0.1);
1611
+ background-color: #e9f0fa;
1612
1612
  }
1613
1613
  .pandora-sdk-table-wrapper .ant-table-filter-trigger {
1614
1614
  display: block;
@@ -1647,3 +1647,6 @@ textarea.ant-pagination-options-quick-jumper input {
1647
1647
  .ant-table-cell::before {
1648
1648
  display: none;
1649
1649
  }
1650
+ .ant-empty .ant-empty-description {
1651
+ color: #bfbfbf;
1652
+ }
@@ -298,3 +298,9 @@
298
298
  .@{ant-prefix}-table-cell::before {
299
299
  display: none;
300
300
  }
301
+
302
+ .@{ant-prefix}-empty {
303
+ .@{ant-prefix}-empty-description {
304
+ color: @input-placeholder-color;
305
+ }
306
+ }
@@ -9,7 +9,7 @@
9
9
  line-height: 24px;
10
10
  margin-right: 8px;
11
11
  border-radius: 1px;
12
- color: #42526e;
12
+ color: #333;
13
13
  text-align: center;
14
14
  vertical-align: middle;
15
15
  border-radius: 2px;
@@ -47,8 +47,8 @@
47
47
  border-left: 1px solid rgba(44, 109, 210, 0.1);
48
48
  }
49
49
  .pandora-sdk-root .pandora-sdk-content {
50
- padding: 0 4px;
51
- max-width: 200px;
50
+ padding: 0 8px;
51
+ max-width: 150px;
52
52
  vertical-align: middle;
53
53
  overflow: hidden;
54
54
  white-space: nowrap;
@@ -5,7 +5,7 @@
5
5
  line-height: 24px;
6
6
  margin-right: 8px;
7
7
  border-radius: 1px;
8
- color: @font-color-2;
8
+ color: @font-color-7;
9
9
  text-align: center;
10
10
  vertical-align: middle;
11
11
  border-radius: @border-radius-base;
@@ -45,8 +45,8 @@
45
45
  }
46
46
 
47
47
  .@{sdk-prefix}-content {
48
- padding: 0 4px;
49
- max-width: 200px;
48
+ padding: 0 8px;
49
+ max-width: 150px;
50
50
  vertical-align: middle;
51
51
  overflow: hidden;
52
52
  white-space: nowrap;
@@ -69,11 +69,11 @@ function TagList(props) {
69
69
  }
70
70
  return (React.createElement("div", { className: classnames_1.default(style_1.SDK_PREFIX + "-simplify", props.className) },
71
71
  React.Children.toArray(children).slice(0, simplifyTo),
72
- React.createElement(popover_1.default, { content: React.createElement("div", { className: style_1.SDK_PREFIX + "-popover" }, children), getPopupContainer: getPopupContainer },
72
+ React.createElement(popover_1.default, { content: React.createElement("div", { className: style_1.SDK_PREFIX + "-popover" }, React.Children.toArray(children).slice(simplifyTo, childSize)), getPopupContainer: getPopupContainer },
73
73
  React.createElement(pandora_component_icons_1.MoreCircle, { className: style_1.SDK_PREFIX + "-icon" }))));
74
74
  };
75
75
  return (React.createElement("div", { className: classnames_1.default(style_1.SDK_PREFIX + "-taglist-containter", className) }, mode === 'tag' ? getTagList() : getTagSwitchList()));
76
76
  }
77
- exports.default = TagList;
78
77
  TagList.Tag = Tag_1.default;
79
78
  TagList.TagSwitch = TagSwitch_1.default;
79
+ exports.default = TagList;
@@ -266,12 +266,12 @@
266
266
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
267
267
  color: #7a869a;
268
268
  }
269
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
269
+ .pandora-sdk-popover {
270
270
  max-width: 400px;
271
271
  max-height: 1000px;
272
272
  overflow: auto;
273
- padding: 16px;
273
+ padding: 8px !important;
274
274
  }
275
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
275
+ .pandora-sdk-popover > div {
276
276
  margin: 4px;
277
277
  }
@@ -15,14 +15,14 @@
15
15
  }
16
16
  }
17
17
  }
18
+ }
18
19
 
19
- .@{sdk-prefix}-popover {
20
- max-width: 400px;
21
- max-height: 1000px;
22
- overflow: auto;
23
- padding: 16px;
24
- > div {
25
- margin: 4px;
26
- }
20
+ .@{sdk-prefix}-popover {
21
+ max-width: 400px;
22
+ max-height: 1000px;
23
+ overflow: auto;
24
+ padding: 8px !important;
25
+ > div {
26
+ margin: 4px;
27
27
  }
28
28
  }
package/lib/index.css CHANGED
@@ -27,6 +27,81 @@
27
27
  .pandora-sdk-auto-complete .ant-input {
28
28
  border: 0px;
29
29
  }
30
+ .ant-breadcrumb {
31
+ -webkit-box-sizing: border-box;
32
+ box-sizing: border-box;
33
+ margin: 0;
34
+ padding: 0;
35
+ color: rgba(0, 0, 0, 0.85);
36
+ font-variant: tabular-nums;
37
+ line-height: 1.5715;
38
+ list-style: none;
39
+ -webkit-font-feature-settings: 'tnum';
40
+ font-feature-settings: 'tnum';
41
+ color: rgba(0, 0, 0, 0.45);
42
+ font-size: 14px;
43
+ }
44
+ .ant-breadcrumb .anticon {
45
+ font-size: 14px;
46
+ }
47
+ .ant-breadcrumb a {
48
+ color: rgba(0, 0, 0, 0.45);
49
+ -webkit-transition: color 0.3s;
50
+ transition: color 0.3s;
51
+ }
52
+ .ant-breadcrumb a:hover {
53
+ color: #40a9ff;
54
+ }
55
+ .ant-breadcrumb > span:last-child {
56
+ color: rgba(0, 0, 0, 0.85);
57
+ }
58
+ .ant-breadcrumb > span:last-child a {
59
+ color: rgba(0, 0, 0, 0.85);
60
+ }
61
+ .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
62
+ display: none;
63
+ }
64
+ .ant-breadcrumb-separator {
65
+ margin: 0 8px;
66
+ color: rgba(0, 0, 0, 0.45);
67
+ }
68
+ .ant-breadcrumb-link > .anticon + span,
69
+ .ant-breadcrumb-link > .anticon + a {
70
+ margin-left: 4px;
71
+ }
72
+ .ant-breadcrumb-overlay-link > .anticon {
73
+ margin-left: 4px;
74
+ }
75
+ .ant-breadcrumb-rtl {
76
+ direction: rtl;
77
+ }
78
+ .ant-breadcrumb-rtl::before {
79
+ display: table;
80
+ content: '';
81
+ }
82
+ .ant-breadcrumb-rtl::after {
83
+ display: table;
84
+ clear: both;
85
+ content: '';
86
+ }
87
+ .ant-breadcrumb-rtl > span {
88
+ float: right;
89
+ }
90
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
91
+ .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
92
+ margin-right: 4px;
93
+ margin-left: 0;
94
+ }
95
+ .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
96
+ margin-right: 4px;
97
+ margin-left: 0;
98
+ }
99
+ .pandora-sdk-breadcrumb {
100
+ font-size: 14px;
101
+ }
102
+ .pandora-sdk-breadcrumb a {
103
+ text-decoration: none;
104
+ }
30
105
  .ant-btn {
31
106
  line-height: 1.5715;
32
107
  position: relative;
@@ -1944,7 +2019,6 @@ a.ant-btn-sm {
1944
2019
  .pandora-sdk-button {
1945
2020
  -webkit-box-shadow: none;
1946
2021
  box-shadow: none;
1947
- border-radius: 2px;
1948
2022
  }
1949
2023
  .pandora-sdk-button.pandora-sdk-button-disabled {
1950
2024
  background: #eee !important;
@@ -1996,81 +2070,6 @@ a.ant-btn-sm {
1996
2070
  color: inherit;
1997
2071
  vertical-align: middle;
1998
2072
  }
1999
- .ant-breadcrumb {
2000
- -webkit-box-sizing: border-box;
2001
- box-sizing: border-box;
2002
- margin: 0;
2003
- padding: 0;
2004
- color: rgba(0, 0, 0, 0.85);
2005
- font-variant: tabular-nums;
2006
- line-height: 1.5715;
2007
- list-style: none;
2008
- -webkit-font-feature-settings: 'tnum';
2009
- font-feature-settings: 'tnum';
2010
- color: rgba(0, 0, 0, 0.45);
2011
- font-size: 14px;
2012
- }
2013
- .ant-breadcrumb .anticon {
2014
- font-size: 14px;
2015
- }
2016
- .ant-breadcrumb a {
2017
- color: rgba(0, 0, 0, 0.45);
2018
- -webkit-transition: color 0.3s;
2019
- transition: color 0.3s;
2020
- }
2021
- .ant-breadcrumb a:hover {
2022
- color: #40a9ff;
2023
- }
2024
- .ant-breadcrumb > span:last-child {
2025
- color: rgba(0, 0, 0, 0.85);
2026
- }
2027
- .ant-breadcrumb > span:last-child a {
2028
- color: rgba(0, 0, 0, 0.85);
2029
- }
2030
- .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
2031
- display: none;
2032
- }
2033
- .ant-breadcrumb-separator {
2034
- margin: 0 8px;
2035
- color: rgba(0, 0, 0, 0.45);
2036
- }
2037
- .ant-breadcrumb-link > .anticon + span,
2038
- .ant-breadcrumb-link > .anticon + a {
2039
- margin-left: 4px;
2040
- }
2041
- .ant-breadcrumb-overlay-link > .anticon {
2042
- margin-left: 4px;
2043
- }
2044
- .ant-breadcrumb-rtl {
2045
- direction: rtl;
2046
- }
2047
- .ant-breadcrumb-rtl::before {
2048
- display: table;
2049
- content: '';
2050
- }
2051
- .ant-breadcrumb-rtl::after {
2052
- display: table;
2053
- clear: both;
2054
- content: '';
2055
- }
2056
- .ant-breadcrumb-rtl > span {
2057
- float: right;
2058
- }
2059
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
2060
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
2061
- margin-right: 4px;
2062
- margin-left: 0;
2063
- }
2064
- .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
2065
- margin-right: 4px;
2066
- margin-left: 0;
2067
- }
2068
- .pandora-sdk-breadcrumb {
2069
- font-size: 14px;
2070
- }
2071
- .pandora-sdk-breadcrumb a {
2072
- text-decoration: none;
2073
- }
2074
2073
  .ant-card {
2075
2074
  -webkit-box-sizing: border-box;
2076
2075
  box-sizing: border-box;
@@ -4203,15 +4202,15 @@ textarea.ant-input {
4203
4202
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4204
4203
  line-height: 40px;
4205
4204
  }
4205
+ .ant-checkbox-inner::after {
4206
+ left: 20%;
4207
+ }
4206
4208
  .pandora-sdk-checkbox-item {
4207
4209
  line-height: 25px !important;
4208
4210
  white-space: nowrap;
4209
4211
  width: 100%;
4210
4212
  margin-left: 0 !important;
4211
4213
  }
4212
- .ant-checkbox-inner::after {
4213
- left: 20%;
4214
- }
4215
4214
  .pandora-sdk-collapsible-panel > .panel-header {
4216
4215
  position: relative;
4217
4216
  padding: 12px 16px 12px 40px;
@@ -4764,6 +4763,9 @@ textarea.ant-input {
4764
4763
  .ant-input[disabled] {
4765
4764
  border-color: #d9d9d9;
4766
4765
  }
4766
+ .ant-input-group-addon {
4767
+ color: #666;
4768
+ }
4767
4769
  .ant-input-number {
4768
4770
  -webkit-box-sizing: border-box;
4769
4771
  box-sizing: border-box;
@@ -6706,7 +6708,15 @@ textarea.ant-input-number {
6706
6708
  .ant-tooltip-rtl .ant-tooltip-inner {
6707
6709
  text-align: right;
6708
6710
  }
6709
- .pandora-sdk-name-tooltip .ant-tooltip-inner {
6711
+ .pandora-sdk-name-limit {
6712
+ max-width: 100%;
6713
+ display: inline-block;
6714
+ vertical-align: top;
6715
+ white-space: nowrap;
6716
+ text-overflow: ellipsis;
6717
+ overflow: hidden;
6718
+ }
6719
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6710
6720
  max-width: 400px !important;
6711
6721
  max-height: 200px !important;
6712
6722
  overflow: auto;
@@ -6742,10 +6752,6 @@ textarea.ant-input-number {
6742
6752
  .pandora-sdk-range-input input[type='number'] {
6743
6753
  -moz-appearance: textfield;
6744
6754
  }
6745
- .pandora-sdk-remark-name {
6746
- word-break: break-all;
6747
- white-space: nowrap;
6748
- }
6749
6755
  .ant-select-single .ant-select-selector {
6750
6756
  display: -webkit-box;
6751
6757
  display: -ms-flexbox;
@@ -7538,16 +7544,20 @@ textarea.ant-input-number {
7538
7544
  .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
7539
7545
  background: transparent;
7540
7546
  }
7541
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-disabled {
7547
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
7542
7548
  color: #d9d9d9 !important;
7543
7549
  }
7544
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected {
7550
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
7545
7551
  color: #2c6dd2;
7552
+ font-weight: 400;
7546
7553
  }
7547
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected::after {
7554
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
7548
7555
  color: #2c6dd2 !important;
7549
7556
  }
7550
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-group-title {
7557
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
7558
+ color: #2c6dd2;
7559
+ }
7560
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
7551
7561
  color: #d9d9d9;
7552
7562
  }
7553
7563
  .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
@@ -7958,8 +7968,15 @@ span.ant-radio + * {
7958
7968
  border-color: #2c6dd2 !important;
7959
7969
  color: #2c6dd2 !important;
7960
7970
  }
7961
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7962
- background-color: #2c6dd2;
7971
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
7972
+ border-color: #d9d9d9 !important;
7973
+ color: rgba(0, 0, 0, 0.85) !important;
7974
+ }
7975
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7976
+ background-color: #d9d9d9;
7977
+ }
7978
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7979
+ background-color: #2c6dd2 !important;
7963
7980
  }
7964
7981
  .ant-spin {
7965
7982
  -webkit-box-sizing: border-box;
@@ -10658,6 +10675,9 @@ textarea.ant-pagination-options-quick-jumper input {
10658
10675
  .ant-table-cell::before {
10659
10676
  display: none;
10660
10677
  }
10678
+ .ant-empty .ant-empty-description {
10679
+ color: #bfbfbf;
10680
+ }
10661
10681
  .pandora-sdk-tabs .pandora-sdk-tabs-tab {
10662
10682
  position: relative;
10663
10683
  }
@@ -10940,13 +10960,13 @@ textarea.ant-pagination-options-quick-jumper input {
10940
10960
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
10941
10961
  color: #7a869a;
10942
10962
  }
10943
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
10963
+ .pandora-sdk-popover {
10944
10964
  max-width: 400px;
10945
10965
  max-height: 1000px;
10946
10966
  overflow: auto;
10947
- padding: 16px;
10967
+ padding: 8px !important;
10948
10968
  }
10949
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
10969
+ .pandora-sdk-popover > div {
10950
10970
  margin: 4px;
10951
10971
  }
10952
10972
  .pandora-sdk-timeline-container {
@@ -18888,7 +18908,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18888
18908
  line-height: 24px;
18889
18909
  margin-right: 8px;
18890
18910
  border-radius: 1px;
18891
- color: #42526e;
18911
+ color: #333;
18892
18912
  text-align: center;
18893
18913
  vertical-align: middle;
18894
18914
  border-radius: 2px;
@@ -18926,8 +18946,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18926
18946
  border-left: 1px solid rgba(44, 109, 210, 0.1);
18927
18947
  }
18928
18948
  .pandora-sdk-root .pandora-sdk-content {
18929
- padding: 0 4px;
18930
- max-width: 200px;
18949
+ padding: 0 8px;
18950
+ max-width: 150px;
18931
18951
  vertical-align: middle;
18932
18952
  overflow: hidden;
18933
18953
  white-space: nowrap;
package/lib/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export { default as Button, IButtonProps } from './components/Button';
4
4
  export { default as Card } from './components/Card';
5
5
  export { default as Collapse } from './components/Collapse';
6
6
  export { default as ConfigProvider } from './components/ConfigProvider';
7
- export { default as NameLimiter, INameLimiterProps, SplitType } from './components/NameLimiter';
7
+ export { default as NameLimiter, INameLimiterProps } from './components/NameLimiter';
8
8
  export { default as Input, TInputProps } from './components/Input';
9
9
  export { default as Selector, ISelectorProps, IGroupOption as ISelectorGroupOption, IOptions as ISelectorOptions, SelectValue as ISelectValue } from './components/Selector';
10
10
  export { default as Table, ITableProps, IOptionItem as ITableOptionItem } from './components/Table';
@@ -13,7 +13,7 @@ export { default as DateTimePicker, Time, EButtonType, IDateTimePickerProps } fr
13
13
  export * from './components/DateTimePicker/constants';
14
14
  export * from './components/DateTimePicker/transform';
15
15
  export { default as Style } from './components/Style';
16
- export { default as SolidRadioGroup, ISolidRadioGroupProps } from './components/SolidRadioGroup';
16
+ export { default as SolidRadioGroup, ISolidRadioGroupProps, IOption as ISolidRadioGroupOption } from './components/SolidRadioGroup';
17
17
  export { default as Menu, IOption as IMenuOption } from './components/Menu';
18
18
  export { default as Spin, SpinMode } from './components/Spin';
19
19
  export { default as Modal } from './components/Modal';
package/lib/index.js CHANGED
@@ -16,7 +16,6 @@ var ConfigProvider_1 = require("./components/ConfigProvider");
16
16
  exports.ConfigProvider = ConfigProvider_1.default;
17
17
  var NameLimiter_1 = require("./components/NameLimiter");
18
18
  exports.NameLimiter = NameLimiter_1.default;
19
- exports.SplitType = NameLimiter_1.SplitType;
20
19
  var Input_1 = require("./components/Input");
21
20
  exports.Input = Input_1.default;
22
21
  var Selector_1 = require("./components/Selector");
package/lib/index.less CHANGED
@@ -1,12 +1,12 @@
1
1
  @import './style/mixin.less';
2
2
  @import './style/theme.less';
3
3
  @import './components/AutoComplete/style.less';
4
- @import './components/Button/style.less';
5
4
  @import './components/Breadcrumb/style.less';
5
+ @import './components/Button/style.less';
6
6
  @import './components/Card/style.less';
7
7
  @import './components/CheckTransformList/style.less';
8
- @import './components/CheckboxList/style.less';
9
8
  @import './components/Checkbox/style.less';
9
+ @import './components/CheckboxList/style.less';
10
10
  @import './components/CollapsiblePanel/style.less';
11
11
  @import './components/DateTimePicker/style.less';
12
12
  @import './components/Drawer/style.less';
@@ -123,8 +123,8 @@
123
123
  @zindex-popover: 1200; // antd
124
124
  @zindex-tooltip: 1300; // antd
125
125
  // pandora色
126
- @zindex-layout-navbar: 1100; // phoenix
127
- @zindex-layout-sidebar: 1100; // phoenix
126
+ @zindex-layout-navbar: 1210; // phoenix
127
+ @zindex-layout-sidebar: 1200; // phoenix
128
128
  @zindex-toaster: 3000; // app-platform phoenix
129
129
 
130
130
  // 组件色变量=========================================================
@@ -170,9 +170,9 @@
170
170
  // Input和label------------------------
171
171
  // antd覆盖色
172
172
  @input-placeholder-color: #bfbfbf; // pandora-component antd 多 phoenix
173
- @input-border-color: #d9d9d9; // pandora-component antd
173
+ @input-border-color: #bfbfbf; // pandora-component antd
174
174
  @input-height-base: 32px; // phoenix antd
175
- @input-height-lg: 32px; // antd
175
+ @input-height-lg: 40px; // antd
176
176
  @input-height-sm: 26px; // antd
177
177
  @input-padding-vertical-base: 4px;
178
178
  @input-bg: transparent; // 多个 antd
@@ -201,7 +201,8 @@
201
201
 
202
202
  // Table------------------------
203
203
  // antd覆盖色
204
- @table-row-hover-bg: @theme-color-010; // pandora-component antd phoenix
204
+ // TODO: 暂时写死,后续通过函数计算@theme-color-010得到
205
+ @table-row-hover-bg: #e9f0fa;
205
206
  @table-selected-row-bg: @theme-color; // antd
206
207
  @table-padding-vertical: 14px; // antd
207
208
  @table-padding-horizontal: 12px; // antd
@@ -244,9 +245,10 @@
244
245
  @time-absolute-picker-title-div: #939393; // pandora-component
245
246
 
246
247
  // sidebar------------------------
247
- @layout-sidebar-width: 176px; // phoenix
248
+ @layout-sidebar-width: 240px; // phoenix
248
249
  @layout-sidebar-collapsed-width: 0px; // phoenix
249
- @layout-navbar-height: 48px; // phoenix
250
+ @layout-navbar-height: 52px; // phoenix
251
+ @layout-navbar-sub-height: 56px; // phoenix
250
252
  // 深色主题
251
253
  @side-bar-active-color: #6ac73c; // pandora-visualization
252
254