@chaoswise/ui 3.0.19 → 3.0.21
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/lib/Antd5/select/style/multiple.js +4 -2
- package/lib/Badge/index.style.js +3 -1
- package/lib/CWMessage/MessageContent/TabList/index.js +3 -2
- package/lib/CWMessage/MessageContent/index.js +4 -2
- package/lib/CWMessage/index.js +12 -4
- package/lib/CWTree/index.js +1 -1
- package/lib/CWTree/index.style.js +10 -3
- package/lib/ConfigProvider/customTheme.js +11 -5
- package/package.json +1 -1
|
@@ -179,11 +179,13 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
|
|
|
179
179
|
function genSizeStyle(token, suffix) {
|
|
180
180
|
var componentCls = token.componentCls;
|
|
181
181
|
var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
|
|
182
|
-
var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty({
|
|
182
|
+
var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty(_defineProperty({
|
|
183
183
|
fontSize: token.fontSize
|
|
184
184
|
}, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-show-search&"), {
|
|
185
185
|
cursor: 'text'
|
|
186
|
-
})), "\n &".concat(componentCls, "-show-arrow ").concat(componentCls, "-
|
|
186
|
+
})), "\n &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n "), {
|
|
187
|
+
paddingInlineEnd: token.showArrowPaddingInlineEnd
|
|
188
|
+
}), "\n &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selector,\n &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n "), {
|
|
187
189
|
paddingInlineEnd: token.calc(token.fontSizeIcon).add(token.controlPaddingHorizontal).equal()
|
|
188
190
|
}));
|
|
189
191
|
return [genSelectionStyle(token, suffix), rawStyle];
|
package/lib/Badge/index.style.js
CHANGED
|
@@ -77,7 +77,7 @@ var genCustomBadgeStyle = function genCustomBadgeStyle(token) {
|
|
|
77
77
|
display: "inline-block",
|
|
78
78
|
height: "20px",
|
|
79
79
|
lineHeight: "20px"
|
|
80
|
-
})), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
|
|
80
|
+
})), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
|
|
81
81
|
padding: "0 6px"
|
|
82
82
|
}), "".concat(badgePrefix, "-count"), {
|
|
83
83
|
boxShadow: "none !important"
|
|
@@ -85,6 +85,8 @@ var genCustomBadgeStyle = function genCustomBadgeStyle(token) {
|
|
|
85
85
|
marginRight: "8px"
|
|
86
86
|
}), "".concat(badgePrefix, "-dot"), {
|
|
87
87
|
boxShadow: "none !important"
|
|
88
|
+
}), "".concat(badgePrefix, "-status-default"), {
|
|
89
|
+
backgroundColor: "#d9d9d9"
|
|
88
90
|
}), "".concat(badgePrefix, "-scroll-number"), {
|
|
89
91
|
"&-only-unit:not(.current)": {
|
|
90
92
|
visibility: "hidden"
|
|
@@ -28,7 +28,8 @@ var TabList = function TabList(props) {
|
|
|
28
28
|
requestOption = props.requestOption,
|
|
29
29
|
code = props.code,
|
|
30
30
|
onTabListAllRead = props.onTabListAllRead,
|
|
31
|
-
messagePrefixCls = props.messagePrefixCls
|
|
31
|
+
messagePrefixCls = props.messagePrefixCls,
|
|
32
|
+
format = props.format;
|
|
32
33
|
var intl = useIntl();
|
|
33
34
|
var _readInnerMessageApi = requestOption.readInnerMessageApi;
|
|
34
35
|
var onHandleMessage = function onHandleMessage(message) {
|
|
@@ -110,7 +111,7 @@ var TabList = function TabList(props) {
|
|
|
110
111
|
className: "".concat(messagePrefixCls, "-content-tabs-list-desc")
|
|
111
112
|
}, (_message$summary = message.summary) !== null && _message$summary !== void 0 ? _message$summary : ''), /*#__PURE__*/React.createElement("div", {
|
|
112
113
|
className: "".concat(messagePrefixCls, "-content-tabs-list-date")
|
|
113
|
-
}, message.time ? dayjs(Number(message.time)).format(
|
|
114
|
+
}, message.time ? dayjs(Number(message.time)).format(format) : ''));
|
|
114
115
|
});
|
|
115
116
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
|
|
116
117
|
className: "".concat(messagePrefixCls, "-content-all-read"),
|
|
@@ -49,7 +49,8 @@ var MessageContent = function MessageContent(props) {
|
|
|
49
49
|
requestOption = props.requestOption,
|
|
50
50
|
onTabListAllRead = props.onTabListAllRead,
|
|
51
51
|
conditionsRef = props.conditionsRef,
|
|
52
|
-
messagePrefixCls = props.messagePrefixCls
|
|
52
|
+
messagePrefixCls = props.messagePrefixCls,
|
|
53
|
+
format = props.format;
|
|
53
54
|
var intl = useIntl();
|
|
54
55
|
var token = useTheme();
|
|
55
56
|
var history = useHistory();
|
|
@@ -241,7 +242,8 @@ var MessageContent = function MessageContent(props) {
|
|
|
241
242
|
requestOption: requestOption,
|
|
242
243
|
code: item.code,
|
|
243
244
|
onTabListAllRead: onTabListAllRead,
|
|
244
|
-
messagePrefixCls: messagePrefixCls
|
|
245
|
+
messagePrefixCls: messagePrefixCls,
|
|
246
|
+
format: format
|
|
245
247
|
}) : /*#__PURE__*/React.createElement(_Empty, {
|
|
246
248
|
description: emptyDescription
|
|
247
249
|
}), /*#__PURE__*/React.createElement("div", {
|
package/lib/CWMessage/index.js
CHANGED
|
@@ -58,7 +58,9 @@ function Message(props) {
|
|
|
58
58
|
_props$strongMessageO = props.strongMessageOption,
|
|
59
59
|
strongMessageOption = _props$strongMessageO === void 0 ? {} : _props$strongMessageO,
|
|
60
60
|
_props$onSocketChange = props.onSocketChange,
|
|
61
|
-
onSocketChange = _props$onSocketChange === void 0 ? function () {} : _props$onSocketChange
|
|
61
|
+
onSocketChange = _props$onSocketChange === void 0 ? function () {} : _props$onSocketChange,
|
|
62
|
+
_props$format = props.format,
|
|
63
|
+
format = _props$format === void 0 ? "YYYY-MM-DD HH:mm:ss" : _props$format;
|
|
62
64
|
var _useConfigContext = useConfigContext(),
|
|
63
65
|
getPrefixCls = _useConfigContext.getPrefixCls;
|
|
64
66
|
var prefixCls = getPrefixCls();
|
|
@@ -389,7 +391,8 @@ function Message(props) {
|
|
|
389
391
|
onTabListAllRead: onTabListAllRead,
|
|
390
392
|
closable: closable,
|
|
391
393
|
conditionsRef: conditionsRef,
|
|
392
|
-
messagePrefixCls: messagePrefixCls
|
|
394
|
+
messagePrefixCls: messagePrefixCls,
|
|
395
|
+
format: format
|
|
393
396
|
}))));
|
|
394
397
|
}
|
|
395
398
|
Message.defaultProps = {
|
|
@@ -400,7 +403,8 @@ Message.defaultProps = {
|
|
|
400
403
|
isClose: false,
|
|
401
404
|
timeout: 3000,
|
|
402
405
|
socketPathPrefix: "",
|
|
403
|
-
closable: false
|
|
406
|
+
closable: false,
|
|
407
|
+
format: "YYYY-MM-DD HH:mm:ss"
|
|
404
408
|
};
|
|
405
409
|
Message.propTypes = {
|
|
406
410
|
/**
|
|
@@ -454,6 +458,10 @@ Message.propTypes = {
|
|
|
454
458
|
/**
|
|
455
459
|
* 强提醒配置strongMessageOption = {onClickStrongMessageItem = ()=>{},点击强提醒项后的回调}
|
|
456
460
|
*/
|
|
457
|
-
strongMessageOption: PropTypes.object
|
|
461
|
+
strongMessageOption: PropTypes.object,
|
|
462
|
+
/**
|
|
463
|
+
* 消息内容的时间format格式
|
|
464
|
+
*/
|
|
465
|
+
format: PropTypes.string
|
|
458
466
|
};
|
|
459
467
|
export default Message;
|
package/lib/CWTree/index.js
CHANGED
|
@@ -178,7 +178,7 @@ function CWTree(_ref) {
|
|
|
178
178
|
className: "cw-tree-treenode-title"
|
|
179
179
|
}, useTooltipText ? /*#__PURE__*/React.createElement(_TooltipText, {
|
|
180
180
|
placement: tooltipPlacement ? tooltipPlacement : "bottomLeft"
|
|
181
|
-
}, title) : title),
|
|
181
|
+
}, title) : title), /*#__PURE__*/React.createElement("span", {
|
|
182
182
|
className: "cw-tree-treenode-drag-icon"
|
|
183
183
|
}, /*#__PURE__*/React.createElement(_Tooltip, {
|
|
184
184
|
title: intl.get("5fe60774-0f08-450f-a9d9-998996485fec").d("拖拽移动")
|
|
@@ -23,7 +23,7 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
|
|
|
23
23
|
overflowY: "auto",
|
|
24
24
|
".cw-tree": _defineProperty({
|
|
25
25
|
width: "100%",
|
|
26
|
-
".cw-tree-treenode": _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
26
|
+
".cw-tree-treenode": _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
27
27
|
lineHeight: "32px",
|
|
28
28
|
padding: "0 16px",
|
|
29
29
|
whiteSpace: "nowrap",
|
|
@@ -66,7 +66,8 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
|
|
|
66
66
|
".cw-tree-treenode-drag-icon": {
|
|
67
67
|
position: "absolute",
|
|
68
68
|
left: "8px",
|
|
69
|
-
transform: "translateY(1.2px)"
|
|
69
|
+
transform: "translateY(1.2px)",
|
|
70
|
+
visibility: "hidden"
|
|
70
71
|
}
|
|
71
72
|
},
|
|
72
73
|
".cw-tree-treenode-extend": {
|
|
@@ -109,7 +110,13 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
|
|
|
109
110
|
height: "32px",
|
|
110
111
|
lineHeight: "32px",
|
|
111
112
|
marginTop: 0
|
|
112
|
-
})
|
|
113
|
+
}), "&:hover", _defineProperty({}, "".concat(treeNodePrefix, "-content-wrapper"), _defineProperty({}, "".concat(treePrefix, "-title"), {
|
|
114
|
+
".cw-tree-treenode-content": {
|
|
115
|
+
".cw-tree-treenode-drag-icon": {
|
|
116
|
+
visibility: "visible"
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
})))
|
|
113
120
|
}, "&".concat(treePrefix, "-directory"), _defineProperty({}, "".concat(treePrefix, "-child-tree"), {
|
|
114
121
|
height: "100% !important"
|
|
115
122
|
}))
|
|
@@ -15,6 +15,7 @@ export default {
|
|
|
15
15
|
// rgba(0, 0, 0, 0.15)
|
|
16
16
|
colorBorderSecondary: "#0000000f",
|
|
17
17
|
// rgba(0, 0, 0, 0.06) 一般用于边框分割线颜色
|
|
18
|
+
colorTextPlaceholder: "rgba(0,0,0,0.45)",
|
|
18
19
|
controlHeight: 28,
|
|
19
20
|
controlHeightLG: 40,
|
|
20
21
|
// Math.floor(controlHeight * 1.43)
|
|
@@ -73,10 +74,13 @@ export default {
|
|
|
73
74
|
// 1.分页组件页数过多跳转ellipsis样式调整(需要加边框)
|
|
74
75
|
controlItemBgActiveDisabled: "rgba(0, 0, 0, 0.04)" // token变量colorFillTertiary
|
|
75
76
|
},
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
Form: {
|
|
78
|
+
labelColor: "rgba(0, 0, 0, 0.65)",
|
|
79
|
+
// token变量 colorTextSecondary
|
|
80
|
+
verticalLabelPadding: "0 0 4px"
|
|
81
|
+
// 组件内部需要调整符合UI规范的样式
|
|
82
|
+
// 1.布局模式下为horizontal样式调整(label定宽等相关问题、必填项样式调整)
|
|
83
|
+
},
|
|
80
84
|
Steps: {
|
|
81
85
|
// 组件内部需要调整符合UI规范的样式
|
|
82
86
|
// 1.步骤条连接线定宽100px、颜色始终为初始色值
|
|
@@ -120,7 +124,9 @@ export default {
|
|
|
120
124
|
},
|
|
121
125
|
Badge: {
|
|
122
126
|
dotSize: 4,
|
|
123
|
-
statusSize: 8
|
|
127
|
+
statusSize: 8,
|
|
128
|
+
indicatorHeight: 20,
|
|
129
|
+
textFontSize: 12
|
|
124
130
|
},
|
|
125
131
|
Collapse: {
|
|
126
132
|
// 组件内部需要调整符合UI规范的样式
|