@manohub/theme 1.0.2 → 1.0.3
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/default/spacing.css +15 -0
- package/dist/farris/spacing.css +7 -2
- package/package.json +1 -1
package/dist/default/spacing.css
CHANGED
|
@@ -25,6 +25,21 @@
|
|
|
25
25
|
--ui-control-height-sm: 24px; /* 小号控件：表格行内、密集工具条 */
|
|
26
26
|
--ui-control-height-md: 32px; /* 标准控件高：按钮 / 输入框 / 选择器缺省档 */
|
|
27
27
|
--ui-control-height-lg: 40px; /* 大号控件：表单首屏主字段 */
|
|
28
|
+
|
|
29
|
+
/* 可输入控件的**宽度口径**（Input / Textarea / NumberInput / Select / SelectTree / Search 共用）：
|
|
30
|
+
- `--ui-control-width`：控件整件的宽度，缺省 `100%`（撑满所在列 / 容器）。消费方在**任意容器上**
|
|
31
|
+
重设它即给整片控件定宽（如筛选行 `--ui-control-width: 240px`），不必逐个挂类；
|
|
32
|
+
- `--ui-control-min-width`：**收缩下限**。控件落在「宽度由内容决定」的容器里时（flex 的
|
|
33
|
+
shrink-to-fit 槽，典型是页头右位的筛选位），百分比宽度解析不出确定值、会回退成**内容宽**
|
|
34
|
+
—— 实测 SelectTree 只剩占位文字那一小截，两个筛选件还不等宽；被 flex 挤压时同理。
|
|
35
|
+
下限给出「再窄也窄不过它」的兜底。
|
|
36
|
+
取值出处：库内**最窄的可输入控件**是 Tag 的行内编辑框（`--ui-tag-input-width`，120px），
|
|
37
|
+
下限取到同一枚数 ⇒ 不改变库内任何既有最窄用法。
|
|
38
|
+
⚠️ 它不是布局约束（远小于 `--ui-form-column-min` 320 / `--ui-grid-column-min` 260）：
|
|
39
|
+
密集工具条 / 表格行内确实要更窄的，在该区域重设 `--ui-control-min-width: 0` 即局部放行。 */
|
|
40
|
+
--ui-control-width: 100%;
|
|
41
|
+
--ui-control-min-width: 120px;
|
|
42
|
+
|
|
28
43
|
--ui-row-height: 36px;
|
|
29
44
|
--ui-header-height: 48px;
|
|
30
45
|
|
package/dist/farris/spacing.css
CHANGED
|
@@ -21,10 +21,15 @@
|
|
|
21
21
|
--ui-control-height-sm: 26px;
|
|
22
22
|
--ui-control-height-md: 26px;
|
|
23
23
|
|
|
24
|
-
/*
|
|
24
|
+
/* 以下八枚规范未给槽位 → 沿用 default 值。
|
|
25
25
|
其中标记体量档（20 / 24）：规范只给了「表格内标签 36×20」的实测值，没有把标记片立成档位，
|
|
26
|
-
故如实沿用 default，不凭空造数（与上一段的控件高不是一族，见 default/spacing.css 的注释）。
|
|
26
|
+
故如实沿用 default，不凭空造数（与上一段的控件高不是一族，见 default/spacing.css 的注释）。
|
|
27
|
+
控件宽度口径两枚（`--ui-control-width` / `--ui-control-min-width`）同属此列：
|
|
28
|
+
规范给的是控件**高**，没有把控件宽度立成档位 —— 宽度一直由所在列驱动，这两枚只是
|
|
29
|
+
「消费方可覆盖的定宽口径 + 收缩下限」，两套主题同值（口径与出处见 default/spacing.css）。 */
|
|
27
30
|
--ui-control-height-lg: 40px;
|
|
31
|
+
--ui-control-width: 100%;
|
|
32
|
+
--ui-control-min-width: 120px;
|
|
28
33
|
--ui-row-height: 36px;
|
|
29
34
|
--ui-header-height: 48px;
|
|
30
35
|
--ui-grid-column-min: 260px; /* 栅格水槽 28px 与「单元最小宽度」不是同一件事 */
|