@chaoswise/ui 3.0.14 → 3.0.15
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/breadcrumb/style/index.js +1 -1
- package/lib/Antd5/date-picker/style/token.js +1 -1
- package/lib/Antd5/dropdown/style/index.js +1 -1
- package/lib/Antd5/slider/style/index.js +2 -2
- package/lib/Antd5/tree/style/index.js +7 -6
- package/lib/BasicLayout/style/sider.js +3 -4
- package/lib/ConfigProvider/customTheme.js +1 -22
- package/lib/ConfigProvider/customToken.js +0 -1
- package/package.json +1 -1
|
@@ -70,7 +70,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
|
|
|
70
70
|
lastItemColor: token.colorText,
|
|
71
71
|
iconFontSize: token.fontSize,
|
|
72
72
|
linkColor: token.colorTextDescription,
|
|
73
|
-
linkHoverColor: token.
|
|
73
|
+
linkHoverColor: token.colorPrimaryHover,
|
|
74
74
|
separatorColor: token.colorTextDescription,
|
|
75
75
|
separatorMargin: token.marginXS
|
|
76
76
|
};
|
|
@@ -45,7 +45,7 @@ export var initPanelComponentToken = function initPanelComponentToken(token) {
|
|
|
45
45
|
var INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
|
|
46
46
|
var filledToken = {
|
|
47
47
|
INTERNAL_FIXED_ITEM_MARGIN: INTERNAL_FIXED_ITEM_MARGIN,
|
|
48
|
-
cellHoverBg: token.
|
|
48
|
+
cellHoverBg: token.colorPrimaryBg,
|
|
49
49
|
cellActiveWithRangeBg: token.controlItemBgActive,
|
|
50
50
|
cellHoverWithRangeBg: new TinyColor(token.colorPrimary).lighten(35).toHexString(),
|
|
51
51
|
cellRangeBorderColor: new TinyColor(token.colorPrimary).lighten(20).toHexString(),
|
|
@@ -139,7 +139,7 @@ var genBaseStyle = function genBaseStyle(token) {
|
|
|
139
139
|
transition: "all ".concat(motionDurationMid),
|
|
140
140
|
borderRadius: token.borderRadiusSM
|
|
141
141
|
}, "&:hover, &-active", {
|
|
142
|
-
backgroundColor: token.
|
|
142
|
+
backgroundColor: token.colorPrimaryBg
|
|
143
143
|
}), genFocusStyle(token)), {}, _defineProperty({
|
|
144
144
|
'&-selected': {
|
|
145
145
|
color: token.colorPrimary,
|
|
@@ -226,8 +226,8 @@ export var prepareComponentToken = function prepareComponentToken(token) {
|
|
|
226
226
|
handleLineWidthHover: handleLineWidthHover,
|
|
227
227
|
railBg: token.colorFillTertiary,
|
|
228
228
|
railHoverBg: token.colorFillSecondary,
|
|
229
|
-
trackBg: token.
|
|
230
|
-
trackHoverBg: token.
|
|
229
|
+
trackBg: token.colorPrimary,
|
|
230
|
+
trackHoverBg: token.colorPrimary,
|
|
231
231
|
handleColor: token.colorPrimaryBorder,
|
|
232
232
|
handleActiveColor: token.colorPrimary,
|
|
233
233
|
handleColorDisabled: new TinyColor(token.colorTextDisabled).onBackground(token.colorBgContainer).toHexShortString(),
|
|
@@ -111,7 +111,7 @@ export var genBaseStyle = function genBaseStyle(prefixCls, token) {
|
|
|
111
111
|
}
|
|
112
112
|
})
|
|
113
113
|
}, "&-active ".concat(treeCls, "-node-content-wrapper"), {
|
|
114
|
-
background: token.
|
|
114
|
+
background: token.colorPrimaryBg
|
|
115
115
|
}), "&:not(".concat(treeNodeCls, "-disabled).filter-node ").concat(treeCls, "-title"), {
|
|
116
116
|
color: 'inherit',
|
|
117
117
|
fontWeight: 500
|
|
@@ -283,7 +283,7 @@ export var genDirectoryStyle = function genDirectoryStyle(token) {
|
|
|
283
283
|
},
|
|
284
284
|
'&:hover': {
|
|
285
285
|
'&:before': {
|
|
286
|
-
background: token.
|
|
286
|
+
background: token.colorPrimaryBg
|
|
287
287
|
}
|
|
288
288
|
},
|
|
289
289
|
// Elements
|
|
@@ -330,16 +330,17 @@ export var initComponentToken = function initComponentToken(token) {
|
|
|
330
330
|
var controlHeightSM = token.controlHeightSM;
|
|
331
331
|
return {
|
|
332
332
|
titleHeight: controlHeightSM,
|
|
333
|
-
nodeHoverBg: token.
|
|
334
|
-
nodeSelectedBg: token.
|
|
333
|
+
nodeHoverBg: token.colorPrimaryBg,
|
|
334
|
+
nodeSelectedBg: token.colorPrimaryBg
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
337
|
export var prepareComponentToken = function prepareComponentToken(token) {
|
|
338
338
|
var colorTextLightSolid = token.colorTextLightSolid,
|
|
339
|
-
colorPrimary = token.colorPrimary
|
|
339
|
+
colorPrimary = token.colorPrimary,
|
|
340
|
+
colorPrimaryBg = token.colorPrimaryBg;
|
|
340
341
|
return _objectSpread(_objectSpread({}, initComponentToken(token)), {}, {
|
|
341
342
|
directoryNodeSelectedColor: colorTextLightSolid,
|
|
342
|
-
directoryNodeSelectedBg:
|
|
343
|
+
directoryNodeSelectedBg: colorPrimaryBg
|
|
343
344
|
});
|
|
344
345
|
};
|
|
345
346
|
export default genStyleHooks('Tree', function (token, _ref5) {
|
|
@@ -6,7 +6,6 @@ import { genStyleHooks } from "../../Antd5/theme/internal";
|
|
|
6
6
|
var prepareComponentToken = function prepareComponentToken(token) {
|
|
7
7
|
return {
|
|
8
8
|
siderBtnColor: token.BasicLayout.siderBtnColor,
|
|
9
|
-
siderBtnHoverColor: token.BasicLayout.siderBtnHoverColor,
|
|
10
9
|
collapsedBtnBg: token.BasicLayout.collapsedBtnBg,
|
|
11
10
|
versionColor: token.BasicLayout.versionColor
|
|
12
11
|
};
|
|
@@ -41,7 +40,7 @@ var genCustomSiderStyle = function genCustomSiderStyle(token) {
|
|
|
41
40
|
".cw-sider-setting": {
|
|
42
41
|
color: token.siderBtnColor,
|
|
43
42
|
"&:hover": {
|
|
44
|
-
color: token.
|
|
43
|
+
color: token.colorPrimaryHover
|
|
45
44
|
}
|
|
46
45
|
},
|
|
47
46
|
".cw-sider-collapsed-btn": {
|
|
@@ -55,14 +54,14 @@ var genCustomSiderStyle = function genCustomSiderStyle(token) {
|
|
|
55
54
|
textAlign: "center",
|
|
56
55
|
color: token.siderBtnColor,
|
|
57
56
|
"&:hover": {
|
|
58
|
-
color: token.
|
|
57
|
+
color: token.colorPrimaryHover
|
|
59
58
|
}
|
|
60
59
|
},
|
|
61
60
|
".cw-sider-version": {
|
|
62
61
|
fontSize: "12px",
|
|
63
62
|
color: token.versionColor,
|
|
64
63
|
"&:hover": {
|
|
65
|
-
color: token.
|
|
64
|
+
color: token.colorPrimaryHover
|
|
66
65
|
}
|
|
67
66
|
}
|
|
68
67
|
}
|
|
@@ -52,8 +52,6 @@ export default {
|
|
|
52
52
|
controlInteractiveSize: 16
|
|
53
53
|
},
|
|
54
54
|
Breadcrumb: {
|
|
55
|
-
linkHoverColor: "rgb(64, 169, 255)",
|
|
56
|
-
// token变量,悬停色40a9ff color[5]
|
|
57
55
|
colorBgTextHover: "rgb(255, 255, 255)" // token变量 fff
|
|
58
56
|
},
|
|
59
57
|
Tooltip: {
|
|
@@ -66,8 +64,6 @@ export default {
|
|
|
66
64
|
Dropdown: {
|
|
67
65
|
// 组件内部需要调整符合UI规范的样式
|
|
68
66
|
// 1.Dropdown的overlay内容中组菜单样式调整(字体大小、文字颜色、间距)
|
|
69
|
-
controlItemBgHover: "rgb(230, 247, 255)",
|
|
70
|
-
// token变量,悬停色e6f7ff
|
|
71
67
|
controlHeight: 30,
|
|
72
68
|
controlPaddingHorizontal: 6,
|
|
73
69
|
paddingXXS: "4px 0"
|
|
@@ -95,8 +91,6 @@ export default {
|
|
|
95
91
|
// 组件内部需要调整符合UI规范的样式
|
|
96
92
|
// 日期组件悬停样式有问题需要升级antd5
|
|
97
93
|
// 1.日期组件单元格样式调整(字体大小、间距)
|
|
98
|
-
controlItemBgHover: "rgb(230, 247, 255)",
|
|
99
|
-
// token变量,悬停色e6f7ff
|
|
100
94
|
paddingInline: 9
|
|
101
95
|
},
|
|
102
96
|
Input: {
|
|
@@ -118,12 +112,6 @@ export default {
|
|
|
118
112
|
// 组件内部需要调整符合UI规范的样式
|
|
119
113
|
// 1.图标需要替换,自定义样式多
|
|
120
114
|
railSize: 6,
|
|
121
|
-
trackBg: "rgb(24, 144, 255)",
|
|
122
|
-
// token变量 colorPrimary
|
|
123
|
-
trackHoverBg: "rgb(24, 144, 255)",
|
|
124
|
-
// token变量 colorPrimary
|
|
125
|
-
// railBg: "rgba(24, 144, 255, 0.15)", // token变量 colorPrimary + 透明度15%
|
|
126
|
-
// railHoverBg: "rgba(24, 144, 255, 0.15)", // token变量 colorPrimary + 透明度15%
|
|
127
115
|
borderRadiusXS: 3,
|
|
128
116
|
trackBgDisabled: "rgb(217, 217, 217)",
|
|
129
117
|
// token变量 colorBorder
|
|
@@ -132,8 +120,7 @@ export default {
|
|
|
132
120
|
},
|
|
133
121
|
Badge: {
|
|
134
122
|
dotSize: 4,
|
|
135
|
-
statusSize: 8
|
|
136
|
-
colorError: "rgb(255, 77, 79)" // #ff4f4f
|
|
123
|
+
statusSize: 8
|
|
137
124
|
},
|
|
138
125
|
Collapse: {
|
|
139
126
|
// 组件内部需要调整符合UI规范的样式
|
|
@@ -147,8 +134,6 @@ export default {
|
|
|
147
134
|
// 组件内部需要调整符合UI规范的样式
|
|
148
135
|
// 1.组件内间距清除按钮等位置调整
|
|
149
136
|
optionPadding: "5px 10px",
|
|
150
|
-
// optionSelectedColor: "rgb(24, 144, 255)", // token变量 colorPrimary
|
|
151
|
-
// optionActiveBg: "rgb(230, 247, 255)", // token变量,悬停色e6f7ff
|
|
152
137
|
algorithm: true,
|
|
153
138
|
colorText: "rgba(0, 0, 0, 0.85)" // token变量 colorText
|
|
154
139
|
},
|
|
@@ -217,16 +202,10 @@ export default {
|
|
|
217
202
|
// 组件内部需要调整符合UI规范的样式
|
|
218
203
|
// 1.组件折叠图标替换、位置调整
|
|
219
204
|
// 2.组件内部间距调整
|
|
220
|
-
nodeHoverBg: "#e6f7ff",
|
|
221
|
-
// token变量,悬停色e6f7ff
|
|
222
|
-
nodeSelectedBg: "#e6f7ff",
|
|
223
|
-
// token变量,悬停色e6f7ff
|
|
224
205
|
controlHeightSM: 28,
|
|
225
206
|
marginXXS: 6,
|
|
226
207
|
colorBgContainer: "transparent",
|
|
227
|
-
directoryNodeSelectedBg: "#E6F7FF",
|
|
228
208
|
directoryNodeSelectedColor: "rgba(0,0,0,0.85)",
|
|
229
|
-
controlItemBgHover: "#E6F7FF",
|
|
230
209
|
colorBgTextHover: "transparent"
|
|
231
210
|
},
|
|
232
211
|
// Popconfirm: {
|