@vue-ui-kit/ant 2.5.2 → 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.
- package/dist/ant.css +2 -0
- package/dist/canvas-theme.scss +57 -0
- package/dist/cjs/index.js +1 -1
- package/dist/es/index.js +1571 -1441
- package/dist/style.css +57 -0
- package/dist/style.scss +2 -0
- package/package.json +1 -1
- package/src/packages/components/PCanvasGrid.vue +142 -78
- package/src/packages/components/PCanvasTable.vue +16 -1
- package/src/packages/styles/canvas-theme.scss +57 -0
- package/src/packages/styles/index.scss +2 -0
- package/src/packages/utils/canvasTableTheme.ts +111 -0
package/dist/ant.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--evt-border-color:var(--p-border-color,#d9d9d9);--evt-header-bg-color:var(--p-table-thead-bg-color,#f2f3f6);--evt-body-bg-color:var(--p-table-row-bg-color,#fff);--evt-stripe-color:var(--p-striped-bg-color,#f2f3f6);--evt-highlight-hover-row-color:var(--p-table-row-hover-bg-color,#e6e7ea);--evt-select-border-color:var(--p-primary-color,#4096ff);--evt-sort-icon-color:var(--p-primary-color,#4096ff);--evt-required-color:var(--p-danger-color,#f5222d);--evt-error-tip-color:var(--p-danger-color,#f5222d);--evt-error-tip-icon-color:var(--p-danger-color,#f5222d);--evt-readonly-color:var(--p-table-row-bg-color,#fff);--evt-scroller-track-color:var(--p-table-row-bg-color,#fff);--evt-header-text-color:#1d2129;--evt-body-text-color:#4e5969;--evt-footer-text-color:#4e5969;--evt-readonly-text-color:#4e5969;--evt-scroller-color:#dee0e3;--evt-scroller-focus-color:#bbbec4;--evt-edit-bg-color:#fcf6ed;--evt-footer-bg-color:#fafafa;--evt-autofill-point-border-color:#fff;--evt-editor-bg-color:#fff;--evt-editor-text-color:#333;--evt-context-menu-bg-color:#fff;--evt-context-menu-text-color:#333;--evt-context-menu-item-hover-bg-color:#f5f5f5}html[theme-mode=dark],:root[data-theme=dark],:root.dark{--evt-header-text-color:#a3a6ad;--evt-body-text-color:#cfd3dc;--evt-footer-text-color:#cfd3dc;--evt-readonly-text-color:#a3a6ad;--evt-scroller-color:#414243;--evt-scroller-track-color:#141414;--evt-scroller-focus-color:#a3a6ad;--evt-edit-bg-color:#141414;--evt-footer-bg-color:#262727;--evt-autofill-point-border-color:#a3a6ad;--evt-editor-bg-color:#434343;--evt-editor-text-color:#cfd3dc;--evt-context-menu-bg-color:#141414;--evt-context-menu-text-color:#cfd3dc;--evt-context-menu-item-hover-bg-color:#414243}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -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
|
+
}
|