@nokecy/qc-ui 1.1.61 → 1.1.62
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.
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
* AG-Grid v33 主题配置
|
|
3
3
|
* 使用 themeQuartz API 替代 CSS 变量方式
|
|
4
4
|
*/
|
|
5
|
-
export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").
|
|
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
|
-
export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").
|
|
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 & {}>;
|
|
@@ -13,7 +13,12 @@ var _react = require("react");
|
|
|
13
13
|
* 使用 themeQuartz API 替代 CSS 变量方式
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
/** 右对齐只影响标题和数值,筛选入口在所有列中统一位于右侧。@author nokecy */
|
|
17
|
+
var headerFilterPlacement = (0, _agGridCommunity.createPart)({
|
|
18
|
+
feature: 'qcHeaderFilterPlacement',
|
|
19
|
+
css: "\n .ag-ltr .ag-right-aligned-header .ag-cell-label-container {\n flex-direction: row-reverse;\n }\n .ag-ltr .ag-right-aligned-header .ag-header-cell-filter-button {\n margin-left: var(--ag-spacing);\n margin-right: 0;\n }\n "
|
|
20
|
+
});
|
|
21
|
+
var agGridTheme = exports.agGridTheme = _agGridCommunity.themeQuartz.withPart(headerFilterPlacement).withParams({
|
|
17
22
|
// 基础颜色
|
|
18
23
|
backgroundColor: '#FFFFFF',
|
|
19
24
|
foregroundColor: '#555B62',
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
* AG-Grid v33 主题配置
|
|
3
3
|
* 使用 themeQuartz API 替代 CSS 变量方式
|
|
4
4
|
*/
|
|
5
|
-
export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").
|
|
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
|
-
export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").
|
|
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 & {}>;
|
|
@@ -3,10 +3,16 @@
|
|
|
3
3
|
* 使用 themeQuartz API 替代 CSS 变量方式
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
import { themeQuartz } from 'ag-grid-community';
|
|
6
|
+
import { createPart, themeQuartz } from 'ag-grid-community';
|
|
7
7
|
import { theme as antdTheme } from 'antd';
|
|
8
8
|
import { useMemo } from 'react';
|
|
9
|
-
|
|
9
|
+
|
|
10
|
+
/** 右对齐只影响标题和数值,筛选入口在所有列中统一位于右侧。@author nokecy */
|
|
11
|
+
var headerFilterPlacement = createPart({
|
|
12
|
+
feature: 'qcHeaderFilterPlacement',
|
|
13
|
+
css: "\n .ag-ltr .ag-right-aligned-header .ag-cell-label-container {\n flex-direction: row-reverse;\n }\n .ag-ltr .ag-right-aligned-header .ag-header-cell-filter-button {\n margin-left: var(--ag-spacing);\n margin-right: 0;\n }\n "
|
|
14
|
+
});
|
|
15
|
+
export var agGridTheme = themeQuartz.withPart(headerFilterPlacement).withParams({
|
|
10
16
|
// 基础颜色
|
|
11
17
|
backgroundColor: '#FFFFFF',
|
|
12
18
|
foregroundColor: '#555B62',
|