@vue-ui-kit/ant 2.5.3 → 2.5.4
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.
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* EVirtTable（PCanvasGrid / PCanvasTable）主题变量
|
|
3
|
+
* - 与 PGrid 共用 --p-* 语义变量，保证 Canvas 表格与 DOM 表格同色
|
|
4
|
+
* - 无对应 --p-* 的项使用 storybook theme.css 默认值
|
|
5
|
+
* - e-virt-table 初始化时通过 Config.updateCssVar() 读取 --evt-*
|
|
6
|
+
*/
|
|
7
|
+
:root {
|
|
8
|
+
--evt-border-color: var(--p-border-color, #d9d9d9);
|
|
9
|
+
--evt-header-bg-color: var(--p-table-thead-bg-color, #f2f3f6);
|
|
10
|
+
--evt-body-bg-color: var(--p-table-row-bg-color, #fff);
|
|
11
|
+
--evt-stripe-color: var(--p-striped-bg-color, #f2f3f6);
|
|
12
|
+
--evt-highlight-hover-row-color: var(--p-table-row-hover-bg-color, #e6e7ea);
|
|
13
|
+
--evt-select-border-color: var(--p-primary-color, #4096ff);
|
|
14
|
+
--evt-sort-icon-color: var(--p-primary-color, #4096ff);
|
|
15
|
+
--evt-required-color: var(--p-danger-color, #f5222d);
|
|
16
|
+
--evt-error-tip-color: var(--p-danger-color, #f5222d);
|
|
17
|
+
--evt-error-tip-icon-color: var(--p-danger-color, #f5222d);
|
|
18
|
+
--evt-readonly-color: var(--p-table-row-bg-color, #fff);
|
|
19
|
+
--evt-scroller-track-color: var(--p-table-row-bg-color, #fff);
|
|
20
|
+
|
|
21
|
+
/* Canvas 专用（白天 = storybook 默认值） */
|
|
22
|
+
--evt-header-text-color: #1d2129;
|
|
23
|
+
--evt-body-text-color: #4e5969;
|
|
24
|
+
--evt-footer-text-color: #4e5969;
|
|
25
|
+
--evt-readonly-text-color: #4e5969;
|
|
26
|
+
--evt-scroller-color: #dee0e3;
|
|
27
|
+
--evt-scroller-focus-color: #bbbec4;
|
|
28
|
+
--evt-edit-bg-color: #fcf6ed;
|
|
29
|
+
--evt-footer-bg-color: #fafafa;
|
|
30
|
+
--evt-autofill-point-border-color: #fff;
|
|
31
|
+
--evt-editor-bg-color: #fff;
|
|
32
|
+
--evt-editor-text-color: #333;
|
|
33
|
+
--evt-context-menu-bg-color: #fff;
|
|
34
|
+
--evt-context-menu-text-color: #333;
|
|
35
|
+
--evt-context-menu-item-hover-bg-color: #f5f5f5;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* 夜间：背景随 --p-* 传递，仅覆盖 Canvas 专用色 */
|
|
39
|
+
html[theme-mode='dark'],
|
|
40
|
+
:root[data-theme='dark'],
|
|
41
|
+
:root.dark {
|
|
42
|
+
--evt-header-text-color: #a3a6ad;
|
|
43
|
+
--evt-body-text-color: #cfd3dc;
|
|
44
|
+
--evt-footer-text-color: #cfd3dc;
|
|
45
|
+
--evt-readonly-text-color: #a3a6ad;
|
|
46
|
+
--evt-scroller-color: #414243;
|
|
47
|
+
--evt-scroller-track-color: #141414;
|
|
48
|
+
--evt-scroller-focus-color: #a3a6ad;
|
|
49
|
+
--evt-edit-bg-color: #141414;
|
|
50
|
+
--evt-footer-bg-color: #262727;
|
|
51
|
+
--evt-autofill-point-border-color: #a3a6ad;
|
|
52
|
+
--evt-editor-bg-color: #434343;
|
|
53
|
+
--evt-editor-text-color: #cfd3dc;
|
|
54
|
+
--evt-context-menu-bg-color: #141414;
|
|
55
|
+
--evt-context-menu-text-color: #cfd3dc;
|
|
56
|
+
--evt-context-menu-item-hover-bg-color: #414243;
|
|
57
|
+
}
|
package/package.json
CHANGED
|
@@ -20,7 +20,11 @@
|
|
|
20
20
|
import type { CanvasColumnProps, CanvasTableProps, FormatterFunc, CellRender } from '#/antProxy';
|
|
21
21
|
import { v4 as uuidv4 } from 'uuid';
|
|
22
22
|
import { antFormatters } from '@/utils/AFormatters';
|
|
23
|
-
import {
|
|
23
|
+
import {
|
|
24
|
+
bindCanvasTableThemeSync,
|
|
25
|
+
syncCanvasThemeCssVars,
|
|
26
|
+
type CanvasTableThemeHandle,
|
|
27
|
+
} from '@/utils/canvasTableTheme';
|
|
24
28
|
import { getCanvasTableDefaults } from '@/utils/config';
|
|
25
29
|
import { watchPreviousDeep } from '@/utils/core';
|
|
26
30
|
import '../styles/canvas-theme.scss';
|