@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.
@@ -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, "-selector,\n &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n "), {
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];
@@ -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('YYYY/MM/DD HH:mm:ss') : ''));
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", {
@@ -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;
@@ -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), draggable && _showExtend === key && /*#__PURE__*/React.createElement("span", {
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
- // Form: {
77
- // // 组件内部需要调整符合UI规范的样式
78
- // // 1.布局模式下为horizontal样式调整(label定宽等相关问题、必填项样式调整)
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规范的样式
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@chaoswise/ui",
3
3
  "packageName": "chaoswiseUI",
4
- "version": "3.0.19",
4
+ "version": "3.0.21",
5
5
  "description": "公共UI库",
6
6
  "keywords": [
7
7
  "ui",