@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.
- package/CHANGELOG.json +25 -0
- package/CHANGELOG.md +11 -0
- package/es/components/AutoComplete/style.css +17 -13
- package/es/components/Button/style.css +2 -3
- 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 +25 -17
- 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 +13 -13
- 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 +16 -16
- package/es/components/DateTimePicker/index.d.ts +6 -1
- package/es/components/DateTimePicker/index.js +2 -2
- package/es/components/Input/NumberInput/index.d.ts +29 -0
- package/es/components/Input/NumberInput/index.js +116 -0
- package/es/components/Input/index.d.ts +1 -0
- package/es/components/Input/index.js +4 -1
- package/es/components/Input/style.css +19 -16
- package/es/components/Input/style.less +4 -0
- package/es/components/InputNumber/style.css +6 -6
- 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 +22 -22
- 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 +17 -13
- package/es/components/Selector/style.less +7 -3
- package/es/components/SolidRadioGroup/index.d.ts +3 -2
- package/es/components/SolidRadioGroup/index.js +7 -4
- package/es/components/SolidRadioGroup/style.css +13 -6
- package/es/components/SolidRadioGroup/style.less +16 -3
- 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 +11 -8
- package/es/components/Table/style.less +6 -0
- 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 +1804 -1784
- package/es/index.d.ts +2 -2
- package/es/index.js +1 -1
- package/es/index.less +2 -2
- package/es/style/theme.less +9 -7
- package/lib/components/AutoComplete/style.css +17 -13
- package/lib/components/Button/style.css +2 -3
- 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 +25 -17
- 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 +13 -13
- 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 +16 -16
- package/lib/components/DateTimePicker/index.d.ts +6 -1
- package/lib/components/DateTimePicker/index.js +2 -2
- package/lib/components/Input/NumberInput/index.d.ts +29 -0
- package/lib/components/Input/NumberInput/index.js +121 -0
- package/lib/components/Input/index.d.ts +1 -0
- package/lib/components/Input/index.js +3 -1
- package/lib/components/Input/style.css +19 -16
- package/lib/components/Input/style.less +4 -0
- package/lib/components/InputNumber/style.css +6 -6
- 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 +22 -22
- 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 +17 -13
- package/lib/components/Selector/style.less +7 -3
- package/lib/components/SolidRadioGroup/index.d.ts +3 -2
- package/lib/components/SolidRadioGroup/index.js +6 -3
- package/lib/components/SolidRadioGroup/style.css +13 -6
- package/lib/components/SolidRadioGroup/style.less +16 -3
- 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 +11 -8
- package/lib/components/Table/style.less +6 -0
- 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 +116 -96
- package/lib/index.d.ts +2 -2
- package/lib/index.js +0 -1
- package/lib/index.less +2 -2
- package/lib/style/theme.less +9 -7
- 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
@@ -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
|
-
|
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),
|
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.
|
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"] =
|
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:
|
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 #
|
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: #
|
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: #
|
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:
|
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:
|
1515
|
+
background: #e9f0fa;
|
1516
1516
|
}
|
1517
1517
|
.pandora-sdk-table-wrapper .ant-table-row-hover {
|
1518
|
-
background:
|
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:
|
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
|
+
}
|
@@ -9,7 +9,7 @@
|
|
9
9
|
line-height: 24px;
|
10
10
|
margin-right: 8px;
|
11
11
|
border-radius: 1px;
|
12
|
-
color: #
|
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
|
51
|
-
max-width:
|
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-
|
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
|
49
|
-
max-width:
|
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-
|
269
|
+
.pandora-sdk-popover {
|
270
270
|
max-width: 400px;
|
271
271
|
max-height: 1000px;
|
272
272
|
overflow: auto;
|
273
|
-
padding:
|
273
|
+
padding: 8px !important;
|
274
274
|
}
|
275
|
-
.pandora-sdk-
|
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
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
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-
|
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-
|
7547
|
+
.pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
|
7542
7548
|
color: #d9d9d9 !important;
|
7543
7549
|
}
|
7544
|
-
.pandora-sdk-selector-dropdown .ant-select-
|
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-
|
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-
|
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
|
7962
|
-
|
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-
|
10963
|
+
.pandora-sdk-popover {
|
10944
10964
|
max-width: 400px;
|
10945
10965
|
max-height: 1000px;
|
10946
10966
|
overflow: auto;
|
10947
|
-
padding:
|
10967
|
+
padding: 8px !important;
|
10948
10968
|
}
|
10949
|
-
.pandora-sdk-
|
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: #
|
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
|
18930
|
-
max-width:
|
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
|
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';
|
package/lib/style/theme.less
CHANGED
@@ -123,8 +123,8 @@
|
|
123
123
|
@zindex-popover: 1200; // antd
|
124
124
|
@zindex-tooltip: 1300; // antd
|
125
125
|
// pandora色
|
126
|
-
@zindex-layout-navbar:
|
127
|
-
@zindex-layout-sidebar:
|
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: #
|
173
|
+
@input-border-color: #bfbfbf; // pandora-component antd
|
174
174
|
@input-height-base: 32px; // phoenix antd
|
175
|
-
@input-height-lg:
|
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
|
-
|
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:
|
248
|
+
@layout-sidebar-width: 240px; // phoenix
|
248
249
|
@layout-sidebar-collapsed-width: 0px; // phoenix
|
249
|
-
@layout-navbar-height:
|
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
|
|