#4245·yakit

[Feature]: CLI UI 优化

Author: chenmuyunxiCreated Sep 9, 2026Updated Sep 11, 2026
Labelsenhancement

Related Problem / 相关问题

参考多认证综合越权测试插件的表格配置

表格的表头与单元格( / )确实被撑宽到了 240px,但单元格里面包裹的那个单选下拉框(Select 控件)并没有随着列宽撑开,而是固执地保持着几十像素的窄宽度(右侧留着大片空白),导致下拉框里面的文字依然被 ... 截断! ──────

深入前端源码排查:为什么下拉框不跟随列宽拉伸?

通过解包分析 Yakit 桌面端渲染核心文件(app.asar 中的 EditTable 与 YakitSelect 模块),确认了这是 Yakit 前端组件实现层面的一个样式缺陷:

// Yakit 前端 EditableCell 渲染源码:
switch (el) {
    case "string":
        return tl.length > 0
            ? (0, import_jsx_runtime.jsx)(YakitSelect, { options: tl, onFocus: vl }) // ← 关键缺陷!
            : (0, import_jsx_runtime.jsx)(YakitInput, { onFocus: vl });
}
  1. 遗漏了 100% 宽度继承:Yakit 前端在表格单元格渲染 时,没有传入 style={{ width: '100%' }};
  2. 外部容器未铺满:查看对应的 CSS 文件(style-tRNhWAUi.css),YakitSelect 最外层的容器类 .YakitSelect-module_yakit-select_dar37 也没有设置 width: 100%。
  3. 结果:单元格 即使设为 240px 乃至 500px,内部的下拉框只会按照 Ant Design 的默认最小内容宽度(约 80~100px)收缩居左,因此无论外部列宽设多大,下拉框自身尺寸纹丝不动。

Desired Solution / 期望的解决方案

1

Alternatives Considered / 考虑过的替代方案

No response

Priority / 优先级

Low (Can wait) / 低(可以等待)

Additional Context / 补充信息

No response