@manohub/ui 1.0.5 → 1.0.6

package/dist/styles/components/table.css

@@ -1,33 +1,30 @@
 /**
  * Table —— 表格（表头/行/单元格类型 + 行态四档 + 固定表头与列 + 批量栏与合计行）。
  *
- * 出处（两套来源在关键几何上一致，故没有取舍余地）：设计稿《MH后台-0911》表头 **34**
- * （`0:3962`）/ 行 **30**（`0:3956`–`0:3961`，节距 31 = 30 + 1px 线）/ 表头底 `#f1f2f5`
- * （= `--ui-base-200`）/ 行线 `#e6e6e6` / 外框 `#e6e6e6 @1` / 选中行底 `#dbe9ff`
- * （= `--ui-primary-subtle`）；规范侧同值（勾选列 40 / 拖拽线 3×40 / 合计行 40）。
- *
- * 行态：表头底 `--ui-base-200` + 字 `--ui-base-content-muted` + 中粗 / 外框 1px `--ui-base-300` /
- * 斑马与禁用 `--ui-base-200` / 滑过 `--ui-primary-weak` / 选中 `--ui-primary-subtle`（**只底色**）。
- *
- * ⚠️ **单元格左右内距保持 16（`--ui-space-4`）**：设计稿可量的只有「勾选框距表左 20」，而它量的是
- * **内容盒**（勾选列 40 宽 + 居中时内容盒落在 13 处），无法唯一反推内距，故不作推测性改动。
+ * 出处（两套来源在关键几何上一致，故没有取舍余地）：设计稿《MH后台-0911》表头 **34**（`0:3962`）/ 行 **30**
+ * （`0:3956`–`0:3961`，节距 31 = 30 + 1px 线）/ 表头底 `#f1f2f5`（= `--ui-base-200`）/ 行线 `#e6e6e6` /
+ * 外框 `#e6e6e6 @1` / 选中行底 `#dbe9ff`（= `--ui-primary-subtle`）；规范侧同值（勾选列 40 / 拖拽线 3×40 /
+ * 合计行 40）。
+ * 行态：表头底 `--ui-base-200` + 字 `--ui-base-content-muted` + 中粗 / 外框 1px `--ui-base-300` / 斑马与禁用
+ * `--ui-base-200` / 滑过 `--ui-primary-weak` / 选中 `--ui-primary-subtle`（**只底色**）。
+ * ⚠️ **单元格左右内距保持 16（`--ui-space-4`）**：设计稿可量的只有「勾选框距表左 20」，而它量的是**内容盒**
+ * （勾选列 40 宽 + 居中时内容盒落在 13 处），无法唯一反推内距，故不作推测性改动。
  *
  * 四条必须照做的**结构**决定（做错就与规范不是一回事）：
- *
- * 1. **边框模型**：默认是外框 + 表头下分割线 + 每行底线（末行去线）⇒ `border-collapse: separate`
- *    + `border-spacing: 0`（圆角只在 separate 下渲染得出来）；`--borderless` 才切回 `collapse` 并去外框。
- *    **三条线之外的边一律显式清零**（`border: 0` 写在 `th` / `td` / `tr` 上，不是冗余）：特异性只在
- *    **同一属性**上分胜负，宿主给单元格/行下的整圈边框（典型 markdown 正文的 `.vp-doc th { border }`）
- *    不会被「没写的边」顶掉，否则与表外框、行交界处各叠成 2px，还凭空多出列分隔线。
+ * 1. **边框模型**：默认是外框 + 表头下分割线 + 每行底线（末行去线）⇒ `border-collapse: separate` +
+ *    `border-spacing: 0`（圆角只在 separate 下渲染得出来）；`--borderless` 才切回 `collapse` 并去外框。
+ *    **三条线之外的边一律显式清零**（`border: 0` 写在 `th` / `td` / `tr` 上，不是冗余）：特异性只在**同一
+ *    属性**上分胜负，宿主给单元格 / 行下的整圈边框（典型 markdown 正文的 `.vp-doc th { border }`）不会被
+ *    「没写的边」顶掉，否则与表外框、行交界处各叠成 2px，还凭空多出列分隔线。
  * 2. **斑马纹是显式类**（`.is-striped`）而非 `:nth-child(even)`：表里可以插分组行，`nth-child` 会整表错位。
- * 3. **行选中由行内的选择控件驱动**（`tr:has(.mh-table__col-check input:checked)`）：零 JS 也能选中；
- *    组件态给 `[data-state='selected']`、静态档给 `.is-selected` —— 三源等价。勾选列复用 `Checkbox`
- *    **组件**（它内部才是真实 `<input type="checkbox">`，故 `:has()` 成立；框体与半选状态归它自己的样式）。
- *    ⚠️ **选择器必须限定在勾选列内**：不限列时功能列里任何「内部本来就是 checkbox」的件都会命中
- *    —— `Switch` 内部正是 `<input type="checkbox">`，于是「启用」这类**功能值**会把整行点亮。
+ * 3. **行选中由行内的选择控件驱动**（`tr:has(.mh-table__col-check input:checked)`）：零 JS 也能选中；组件态给
+ *    `[data-state='selected']`、静态档给 `.is-selected` —— 三源等价。勾选列复用 `Checkbox` **组件**（它内部才是
+ *    真实 `<input type="checkbox">`，故 `:has()` 成立；框体与半选状态归它自己的样式）。⚠️ **选择器必须限定在
+ *    勾选列内**：不限列时功能列里任何「内部本来就是 checkbox」的件都会命中 —— `Switch` 内部正是
+ *    `<input type="checkbox">`，于是「启用」这类**功能值**会把整行点亮。
  * 4. **固定列必须自带底**（`background: var(--ui-base-100)`）：它是 sticky 的，不遮挡就会被滚过的单元格透出。
  *
- * **不做**：排序与列宽拖拽的**算法**（规范只给 `↕` 字形与 3×40 拖拽线两处视觉），也不做空态/加载态
+ * **不做**：排序与列宽拖拽的**算法**（规范只给 `↕` 字形与 3×40 拖拽线两处视觉），也不做空态 / 加载态
  * （三态归 `QueryState`）。
  */
 .mh-table-wrapper {
@@ -76,16 +73,14 @@
 }
 
 /* ===== 固定布局档（`layout="fixed"`）=====
- * 列宽由 `<colgroup>` 下发，本档只把布局算法换成 `fixed`：列宽从此**受声明约束、不再被内容撑破**
- * ⇒ 长文本不会把表格撑得比容器还宽，「百分比 / 数字权重」可以吃满容器 + 严格按比例。
- * 调用方要知道的：表体**默认不换行**（见下条）；要换行的列显式标 `wrap: true`。 */
+ * 列宽由 `<colgroup>` 下发，本档只把布局算法换成 `fixed`：列宽从此**受声明约束、不再被内容撑破** ⇒ 长文本不会把表格撑得比容器还宽，
+ * 「百分比 / 数字权重」可以吃满容器 + 严格按比例。调用方要知道的：表体**默认不换行**（见下条），要换行的列显式标 `wrap: true`。 */
 .mh-table--fixed {
   table-layout: fixed;
 }
-/* `fixed` 档表体默认**不换行**。两条依据：① 列宽已被 `<colgroup>` 钉死，换行救不回内容、只会顶高行高
- * （`td` 的 `height` 只是下限）；② 换行必然伴随**从字符间断字** —— 实测序号列窄到装不下两位数时，
- * `overflow-wrap: anywhere` 把 `10` 拆成 `1` / `0` 两行，行高 30 → **49**。
- * 于是「换行」改成**列级主动选择**（`TableColumn.wrap: true`，见 `.mh-table__cell-wrap`）。
+/* `fixed` 档表体默认**不换行**。两条依据：① 列宽已被 `<colgroup>` 钉死，换行救不回内容、只会顶高行高（`td` 的
+ * `height` 只是下限）；② 换行必然伴随**从字符间断字** —— 实测序号列窄到装不下两位数时，`overflow-wrap: anywhere`
+ * 把 `10` 拆成 `1` / `0` 两行，行高 30 → **49**。于是「换行」改成**列级主动选择**（`TableColumn.wrap`）。
  * ⚠️ **只在本档翻默认**：`auto` 档的列宽由内容计算，td 默认 nowrap 会让长文本列不再靠换行收敛。 */
 .mh-table--fixed tbody td {
   overflow: hidden;
@@ -204,10 +199,10 @@
   text-align: right;
 }
 
-/* ⚠️ **表头要把对齐重声明一遍**：下面几条与 `.mh-table__cell-center` / `--cell-amount` 都只有
- * **0-1-0**，而 `.mh-table thead th { text-align: left }` 是 **0-1-1** ⇒ 表头被强拉成左对齐、与表体不齐
- * （实测勾选列表头左留白 0 / 右留白 26，错位 13px；右对齐列的标题也被拉到左边）。
- * 只补 `text-align`（`thead th` 没声明过其它会被这些类覆盖的属性）。写法沿用 `th.mh-table__th-group`。 */
+/* ⚠️ **表头要把对齐重声明一遍**：下面几条与 `--cell-center` / `--cell-amount` 都只有 **0-1-0**，而
+ * `.mh-table thead th { text-align: left }` 是 **0-1-1** ⇒ 表头被强拉成左对齐、与表体不齐（实测勾选列表头
+ * 左留白 0 / 右留白 26，错位 13px；右对齐列的标题也被拉到左边）。只补 `text-align`（`thead th` 没声明过其它会被
+ * 这些类覆盖的属性），写法沿用 `th.mh-table__th-group`。 */
 .mh-table thead th.mh-table__col-check,
 .mh-table thead th.mh-table__cell-center {
   text-align: center;
@@ -227,10 +222,9 @@
   z-index: 2; /* 表头既钉顶又钉左，压住表头其余列 */
   background: var(--ui-table-head-bg);
 }
-/* `--sticky-head`：表头钉顶。
- * ⚠️ 选择器必须带 `tr`（0-1-3）：文件后段「拖拽线的定位上下文」那条 `.mh-table thead th` 是 **0-1-2**，
- * 与不写 `tr` 的写法同特异性且在后 ⇒ 会覆盖 `position: sticky`，`stickyHead` 静默失效。
- * `sticky` 同样是定位元素，照样给表头里的拖拽线当包含块，故加 `tr` 不损失原能力。 */
+/* `--sticky-head`：表头钉顶。⚠️ 选择器必须带 `tr`（0-1-3）：文件后段「拖拽线的定位上下文」那条
+ * `.mh-table thead th` 是 **0-1-2**，与不写 `tr` 的写法同特异性且在后 ⇒ 会覆盖 `position: sticky`，
+ * `stickyHead` 静默失效。`sticky` 同样是定位元素，照样给表头里的拖拽线当包含块，故加 `tr` 不损失原能力。 */
 .mh-table--sticky-head thead tr th {
   position: sticky;
   top: 0;
@@ -282,10 +276,9 @@
   color: var(--ui-error);
 }
 
-/* 单元格里的编辑控件：**表格面不为它写规则** —— 编辑格由调用方在 `#cell` 插槽里自己摆
- * （`Input` / `Select` / `NumberInput`，外层可套 `Form.Item`），框 / 内距 / 错误档全沿用 form / input
- * 两族既有口径。唯一要提醒的是**列宽**：`table-layout: auto` 下输入框的最小内容宽会把窄列顶开，
- * 列宽要守得住就开 `layout="fixed"`。 */
+/* 单元格里的编辑控件：**表格面不为它写规则** —— 编辑格由调用方在 `#cell` 插槽里自己摆（`Input` / `Select` /
+ * `NumberInput`，外层可套 `Form.Item`），框 / 内距 / 错误档全沿用 form / input 两族既有口径。唯一要提醒的是
+ * **列宽**：`table-layout: auto` 下输入框的最小内容宽会把窄列顶开，列宽要守得住就开 `layout="fixed"`。 */
 
 /* 状态点（语义四档） */
 .mh-table__status-dot {

package/dist/styles/components/upload.css

@@ -17,6 +17,8 @@
   display: flex;
   flex-direction: column;
   gap: var(--ui-space-3);
+  /* 定位上下文：隐身 file input 的包含块必须落在控件内，否则逃出滚动容器裁剪、撑大文档滚动高度 */
+  position: relative;
 }
 
 /* ===== 拖拽 / 点击上传区（整块即触发器） ===== */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manohub/ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "private": false,
   "type": "module",
   "description": "AIHub 自绘组件层：不依赖 farris 的手写 Vue TSX 组件 + 自带令牌层（Farris 规范视觉 · daisyUI 式语义令牌 · shadcn 式 API 词汇）。",
@@ -35,7 +35,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@manohub/icon": "^1.0.5"
+    "@manohub/icon": "^1.0.6"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",