@nokecy/qc-ui 1.1.62 → 1.1.63
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.
|
@@ -5,6 +5,6 @@
|
|
|
5
5
|
export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
6
6
|
/**
|
|
7
7
|
* 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
|
|
8
|
-
*
|
|
8
|
+
* 网格、筛选弹层、输入框和强调状态均直接跟随 antd 主题。@author nokecy
|
|
9
9
|
*/
|
|
10
10
|
export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
@@ -87,13 +87,34 @@ var agGridTheme = exports.agGridTheme = _agGridCommunity.themeQuartz.withPart(he
|
|
|
87
87
|
|
|
88
88
|
/**
|
|
89
89
|
* 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
|
|
90
|
-
*
|
|
90
|
+
* 网格、筛选弹层、输入框和强调状态均直接跟随 antd 主题。@author nokecy
|
|
91
91
|
*/
|
|
92
92
|
function useAgGridTheme() {
|
|
93
93
|
var _antdTheme$useToken = _antd.theme.useToken(),
|
|
94
94
|
token = _antdTheme$useToken.token;
|
|
95
95
|
return (0, _react.useMemo)(function () {
|
|
96
96
|
return agGridTheme.withParams({
|
|
97
|
+
// 弹层可能挂到网格容器之外，必须由组件主题完整声明颜色。@author nokecy
|
|
98
|
+
backgroundColor: token.colorBgContainer,
|
|
99
|
+
foregroundColor: token.colorText,
|
|
100
|
+
cellTextColor: token.colorText,
|
|
101
|
+
headerTextColor: token.colorText,
|
|
102
|
+
subtleTextColor: token.colorTextSecondary,
|
|
103
|
+
headerBackgroundColor: token.colorFillAlter,
|
|
104
|
+
oddRowBackgroundColor: token.colorBgContainer,
|
|
105
|
+
borderColor: token.colorBorderSecondary,
|
|
106
|
+
menuBackgroundColor: token.colorBgElevated,
|
|
107
|
+
menuTextColor: token.colorText,
|
|
108
|
+
panelBackgroundColor: token.colorBgElevated,
|
|
109
|
+
inputBackgroundColor: token.colorBgContainer,
|
|
110
|
+
inputTextColor: token.colorText,
|
|
111
|
+
inputBorder: {
|
|
112
|
+
color: token.colorBorder
|
|
113
|
+
},
|
|
114
|
+
inputPlaceholderTextColor: token.colorTextPlaceholder,
|
|
115
|
+
dragAndDropImageBackgroundColor: token.colorBgElevated,
|
|
116
|
+
invalidColor: token.colorError,
|
|
117
|
+
browserColorScheme: 'inherit',
|
|
97
118
|
accentColor: token.colorPrimary,
|
|
98
119
|
rowHoverColor: token.colorPrimaryBg,
|
|
99
120
|
selectedRowBackgroundColor: token.colorPrimaryBgHover,
|
|
@@ -111,5 +132,5 @@ function useAgGridTheme() {
|
|
|
111
132
|
checkboxIndeterminateShapeColor: token.colorWhite,
|
|
112
133
|
toggleButtonOnBackgroundColor: token.colorPrimary
|
|
113
134
|
});
|
|
114
|
-
}, [token
|
|
135
|
+
}, [token]);
|
|
115
136
|
}
|
|
@@ -5,6 +5,6 @@
|
|
|
5
5
|
export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
6
6
|
/**
|
|
7
7
|
* 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
|
|
8
|
-
*
|
|
8
|
+
* 网格、筛选弹层、输入框和强调状态均直接跟随 antd 主题。@author nokecy
|
|
9
9
|
*/
|
|
10
10
|
export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
@@ -81,13 +81,34 @@ export var agGridTheme = themeQuartz.withPart(headerFilterPlacement).withParams(
|
|
|
81
81
|
|
|
82
82
|
/**
|
|
83
83
|
* 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
|
|
84
|
-
*
|
|
84
|
+
* 网格、筛选弹层、输入框和强调状态均直接跟随 antd 主题。@author nokecy
|
|
85
85
|
*/
|
|
86
86
|
export function useAgGridTheme() {
|
|
87
87
|
var _antdTheme$useToken = antdTheme.useToken(),
|
|
88
88
|
token = _antdTheme$useToken.token;
|
|
89
89
|
return useMemo(function () {
|
|
90
90
|
return agGridTheme.withParams({
|
|
91
|
+
// 弹层可能挂到网格容器之外，必须由组件主题完整声明颜色。@author nokecy
|
|
92
|
+
backgroundColor: token.colorBgContainer,
|
|
93
|
+
foregroundColor: token.colorText,
|
|
94
|
+
cellTextColor: token.colorText,
|
|
95
|
+
headerTextColor: token.colorText,
|
|
96
|
+
subtleTextColor: token.colorTextSecondary,
|
|
97
|
+
headerBackgroundColor: token.colorFillAlter,
|
|
98
|
+
oddRowBackgroundColor: token.colorBgContainer,
|
|
99
|
+
borderColor: token.colorBorderSecondary,
|
|
100
|
+
menuBackgroundColor: token.colorBgElevated,
|
|
101
|
+
menuTextColor: token.colorText,
|
|
102
|
+
panelBackgroundColor: token.colorBgElevated,
|
|
103
|
+
inputBackgroundColor: token.colorBgContainer,
|
|
104
|
+
inputTextColor: token.colorText,
|
|
105
|
+
inputBorder: {
|
|
106
|
+
color: token.colorBorder
|
|
107
|
+
},
|
|
108
|
+
inputPlaceholderTextColor: token.colorTextPlaceholder,
|
|
109
|
+
dragAndDropImageBackgroundColor: token.colorBgElevated,
|
|
110
|
+
invalidColor: token.colorError,
|
|
111
|
+
browserColorScheme: 'inherit',
|
|
91
112
|
accentColor: token.colorPrimary,
|
|
92
113
|
rowHoverColor: token.colorPrimaryBg,
|
|
93
114
|
selectedRowBackgroundColor: token.colorPrimaryBgHover,
|
|
@@ -105,5 +126,5 @@ export function useAgGridTheme() {
|
|
|
105
126
|
checkboxIndeterminateShapeColor: token.colorWhite,
|
|
106
127
|
toggleButtonOnBackgroundColor: token.colorPrimary
|
|
107
128
|
});
|
|
108
|
-
}, [token
|
|
129
|
+
}, [token]);
|
|
109
130
|
}
|