@apform-ui/core 1.4.0 → 1.4.1
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/package.json +2 -1
- package/styles/fg-theme.css +53 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apform-ui/core",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "yangdongnan",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"./design-tokens.css": "./src/tokens/design-tokens.css",
|
|
38
38
|
"./style.css": "./dist/apform-ui.css",
|
|
39
39
|
"./styles/element-override.css": "./styles/element-override.css",
|
|
40
|
+
"./styles/fg-theme.css": "./styles/fg-theme.css",
|
|
40
41
|
"./theme/*": "./src/theme/*",
|
|
41
42
|
"./styles/*": "./styles/*"
|
|
42
43
|
},
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Fg / FormGrid 主题覆盖 — 将 `.fg` 运行时默认值绑到平台设计令牌
|
|
3
|
+
*
|
|
4
|
+
* 用法（editor / Schema 预览宿主）：
|
|
5
|
+
* import '@apform-ui/core/design-tokens.css'
|
|
6
|
+
* import '@apform-ui/core/styles/fg-theme.css'
|
|
7
|
+
*
|
|
8
|
+
* 说明：
|
|
9
|
+
* - 画布内单控件高度仍可由 useWidgetControlSize 通过 --el-component-size 覆盖
|
|
10
|
+
* - 此处只提供未指定尺寸时的默认阶梯，并统一 Fg 色板到 --color-primary 等
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
.fg {
|
|
14
|
+
/* 色板 → 平台令牌（覆盖旧 TDesign #0052d9） */
|
|
15
|
+
--fg-color-primary: var(--color-primary);
|
|
16
|
+
--fg-color-warning: var(--color-warning);
|
|
17
|
+
--fg-color-danger: var(--color-danger);
|
|
18
|
+
--fg-color-success: var(--color-success);
|
|
19
|
+
|
|
20
|
+
--fg-text-primary: var(--text-color-primary);
|
|
21
|
+
--fg-text-secondary: var(--text-color-secondary);
|
|
22
|
+
--fg-text-hint: var(--text-color-muted);
|
|
23
|
+
|
|
24
|
+
--fg-border-general: var(--border-color-light);
|
|
25
|
+
--fg-border-input: var(--border-color-light);
|
|
26
|
+
--fg-border-focus: var(--color-primary);
|
|
27
|
+
--fg-border-active: var(--color-primary);
|
|
28
|
+
--fg-border-error: var(--color-danger);
|
|
29
|
+
--fg-bg-disabled: var(--bg-color-gray);
|
|
30
|
+
--fg-bg-menu-hover: var(--bg-color-hover);
|
|
31
|
+
|
|
32
|
+
/* 字号 / 行高 */
|
|
33
|
+
--fg-font-family: var(--font-family-base);
|
|
34
|
+
--fg-font-size-title-lg: var(--font-size-22);
|
|
35
|
+
--fg-font-size-title: var(--font-size-18);
|
|
36
|
+
--fg-font-size-body: var(--font-size-16);
|
|
37
|
+
--fg-font-size-caption: var(--font-size-14);
|
|
38
|
+
--fg-line-height: var(--line-height-normal);
|
|
39
|
+
|
|
40
|
+
/* 控件高度阶梯 */
|
|
41
|
+
--fg-btn-height-primary: var(--control-height-md);
|
|
42
|
+
--fg-btn-height-card: var(--control-height-lg);
|
|
43
|
+
--fg-input-height: var(--list-row-height);
|
|
44
|
+
--fg-nav-menu-height: var(--control-height-xl);
|
|
45
|
+
--fg-btn-radius: var(--border-radius-sm);
|
|
46
|
+
--fg-input-radius: var(--border-radius-sm);
|
|
47
|
+
--fg-nav-icon-size: var(--icon-size-lg);
|
|
48
|
+
|
|
49
|
+
color: var(--fg-text-primary);
|
|
50
|
+
font-family: var(--fg-font-family);
|
|
51
|
+
font-size: var(--fg-font-size-body);
|
|
52
|
+
line-height: var(--fg-line-height);
|
|
53
|
+
}
|