@robot-admin/naive-ui-components 0.23.3 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @robot-admin/naive-ui-components
 
+## 0.24.0
+
+### Minor Changes
+
+- C_Table 未指定宽度的列改为有界内容测宽，保留显式列宽、列设置、原生尺寸和横向虚拟化。增加 status 精简配置，复用主题标签，支持默认语义色、字典显示、自定义文字与颜色，不修改原值及输出契约。
+
 ## 0.23.3
 
 ### Patch Changes

package/README.md

@@ -33,7 +33,7 @@
 | 按需消费 | 60 个独立组件入口、自动导入 Resolver、组件样式入口，以及表单／表格的基础样式层级                       |
 | 独立接入 | 支持全量注册与局部导入；反馈、文案和全局配置可由宿主提供，表单弹窗可接入结构兼容的 Headless CRUD       |
 
-组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.23.3**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
+组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.0**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 表单与搜索共用 `config.density: 'compact'`：收紧字段、布局和空校验区，实际错误仍自然展开。表单弹窗默认紧凑，页脚按钮 22px；搜索可继承应用密度。紧凑数字输入默认隐藏步进按钮，保留键盘、精度和上下限，也可逐字段开启。按需设置默认值与显式覆盖见[表单密度](./docs/guides/form-density.md)。
 
@@ -215,3 +215,30 @@ bun run check:audit  # 单独运行依赖安全审计，CI 在 verify 前执行
 ## 许可证
 
 [MIT License](./LICENSE) · Made by [CHENY](https://github.com/ChenyCHENYU)
+
+## 内容列宽与状态颜色（0.24）
+
+`C_Table` 未声明 `width` 的业务列默认按表头和显示文字测宽，均匀抽样最多 100 条已加载数据，默认 80–360px。`minWidth/maxWidth` 可调整边界；显式列宽、原生百分比宽度、列设置后的宽度和 `display.columnWidth` 优先。`autoWidth: false` 恢复原统一默认 180px。横向虚拟化同样使用数值测宽，不依赖浏览器扫描所有行；长内容默认省略并提供 tooltip。
+
+```ts
+const columns = [
+  { type: 'index' },
+  { key: 'customer', title: '客户', maxWidth: 280 },
+  { key: 'status', title: '状态', dictionary: 'order-status', status: true },
+  {
+    key: 'planStatus',
+    title: '计划状态',
+    status: {
+      S1B: { label: '待复核', color: 'danger' },
+      S1C: { label: '已完成', color: 'success' },
+      special: { label: '特殊处理', color: '#8b5cf6' },
+    },
+  },
+]
+```
+
+状态列复用 Naive UI 标签和主题。支持 `success/warning/danger/info/neutral`，也支持 Naive 的 `error/default/primary` 和 CSS 颜色。未知代码保持中性；`0/false` 是有效值，空值保留空态。显式 render 优先；formatter/字典文字会用于默认颜色判断和测宽。状态配置只改变展示，不会改写数据、排序、筛选或导出。
+
+测宽不额外挂载或执行 render；图标、进度条和复杂自定义内容请显式指定 width。数据与字典更新会触发新的有界测量，配置和缓存只属于当前组件实例。此版本将未声明宽度的业务列由自然布局改为有界内容宽度；既有显式布局及原生 table-layout 覆盖仍保留。
+
+可拖动列的最小宽度会计入列头文字和排序/筛选控件；与显式 minWidth 取较大值，避免缩窄时压盖标题。超长标题的默认保护上限为 360px，复杂自定义标题请配置 minWidth。

package/README_EN.md

@@ -33,7 +33,7 @@
 | Selective loading       | 60 component entries, an auto-import resolver, component CSS and base styles for forms and tables                                                            |
 | Application integration | Global registration or local imports; injectable feedback, locale and defaults; form dialogs compatible with structurally matching headless CRUD controllers |
 
-The library handles UI and interaction. Applications supply business APIs, authentication, authorization, upload services and platform configuration. The current repository version is **0.23.3**; see the [changelog](./CHANGELOG.md) for release details.
+The library handles UI and interaction. Applications supply business APIs, authentication, authorization, upload services and platform configuration. The current repository version is **0.24.0**; see the [changelog](./CHANGELOG.md) for release details.
 
 Forms and search share `config.density: 'compact'`, reducing field spacing and empty validation space while allowing errors to expand naturally. Form modals default to compact density with 22px footer buttons, and search can inherit application density. Compact numeric fields hide step buttons by default while retaining keyboard interaction, precision and limits; individual fields can enable buttons. See [form density](./docs/guides/form-density.en.md) for on-demand defaults and explicit overrides.
 
@@ -215,3 +215,9 @@ See [development and build](./docs/engineering.en.md) for individual checks and
 ## License
 
 [MIT License](./LICENSE) · Made by [CHENY](https://github.com/ChenyCHENYU)
+
+## Content widths and status columns (0.24)
+
+Columns without `width` now measure their header and up to 100 evenly sampled loaded rows, using formatted, dictionary and status labels. Automatic widths default to 80–360px; use `minWidth/maxWidth` to adjust. Explicit widths (including native strings), saved column widths and `display.columnWidth` take precedence. `autoWidth: false` restores the 180px default. Long automatic cells use ellipsis and a tooltip; horizontal virtualization uses the same numeric widths.
+
+Use `{ key: 'status', status: true }` for themed status tags, or `status: { S1B: { label: 'Review', color: 'danger' }, S1C: 'success' }`. Semantic colors and CSS colors are supported. Unknown codes stay neutral, zero/false stay valid, and explicit render functions win. Display changes never rewrite data or export policy. Measurement does not invoke render functions; give graphical/custom columns explicit widths. Data and dictionary updates remeasure a bounded sample; all caches remain component-local.

package/dist/C_Table.base.css

@@ -1588,7 +1588,7 @@ to {
 .px[data-v-92119048]{padding-left:1rem;padding-right:1rem;}
 .accent-blue-500[data-v-92119048]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
 
-.c-table-wrapper[data-v-9f6d91cd] {
+.c-table-wrapper[data-v-f043b5ac] {
   --c-table-border-color: var(--border-color, #e5e7eb);
   --c-table-bg: var(--body-color, #fff);
   --c-table-header-bg: var(--card-color, #fafafc);
@@ -1599,55 +1599,55 @@ to {
   width: 100%;
   position: relative;
 }
-.c-table-wrapper--compact[data-v-9f6d91cd] {
+.c-table-wrapper--compact[data-v-f043b5ac] {
   --c-table-gap: 8px;
   --c-table-button-font-size: 14px;
   --c-table-cell-min-height: 28px;
   --c-table-cell-padding: 2px 4px;
 }
-.c-table-wrapper--default[data-v-9f6d91cd] {
+.c-table-wrapper--default[data-v-f043b5ac] {
   --c-table-gap: 16px;
   --c-table-button-font-size: 14px;
   --c-table-cell-min-height: 36px;
   --c-table-cell-padding: 6px 8px;
 }
-.c-table-wrapper--comfortable[data-v-9f6d91cd] {
+.c-table-wrapper--comfortable[data-v-f043b5ac] {
   --c-table-gap: 20px;
   --c-table-button-font-size: 15px;
   --c-table-cell-min-height: 40px;
   --c-table-cell-padding: 8px 10px;
 }
-.c-table-wrapper--flex[data-v-9f6d91cd] {
+.c-table-wrapper--flex[data-v-f043b5ac] {
   display: flex;
   flex-direction: column;
   height: 100%;
   min-height: 0;
 }
-.c-table-wrapper--flex[data-v-9f6d91cd] >  .n-data-table,
-.c-table-wrapper--flex > .table-error-state[data-v-9f6d91cd] {
+.c-table-wrapper--flex[data-v-f043b5ac] >  .n-data-table,
+.c-table-wrapper--flex > .table-error-state[data-v-f043b5ac] {
   flex: 1;
   min-height: 0;
 }
-.c-table-wrapper--flex > .table-toolbar[data-v-9f6d91cd],
-.c-table-wrapper--flex > .batch-actions-bar[data-v-9f6d91cd],
-.c-table-wrapper--flex > .pagination-wrapper[data-v-9f6d91cd] {
+.c-table-wrapper--flex > .table-toolbar[data-v-f043b5ac],
+.c-table-wrapper--flex > .batch-actions-bar[data-v-f043b5ac],
+.c-table-wrapper--flex > .pagination-wrapper[data-v-f043b5ac] {
   flex-shrink: 0;
 }
-.column-drag-ghost[data-v-9f6d91cd] {
+.column-drag-ghost[data-v-f043b5ac] {
   opacity: var(--c-table-drag-ghost-opacity);
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.drag-handle[data-v-9f6d91cd] {
+.drag-handle[data-v-f043b5ac] {
   cursor: grab;
 }
-.drag-handle[data-v-9f6d91cd]:active {
+.drag-handle[data-v-f043b5ac]:active {
   cursor: grabbing;
 }
-.c-table-wrapper[data-v-9f6d91cd] .n-data-table-tfoot {
+.c-table-wrapper[data-v-f043b5ac] .n-data-table-tfoot {
   background: var(--c-table-summary-bg);
   font-weight: var(--c-table-summary-font-weight);
 }
-.table-toolbar[data-v-9f6d91cd] {
+.table-toolbar[data-v-f043b5ac] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1655,29 +1655,29 @@ to {
   gap: var(--c-table-gap, 12px);
   flex-wrap: wrap;
 }
-.table-toolbar .toolbar-left[data-v-9f6d91cd] {
+.table-toolbar .toolbar-left[data-v-f043b5ac] {
   display: flex;
   align-items: center;
   gap: var(--c-table-gap, 12px);
   flex-wrap: wrap;
   min-width: 0;
 }
-.table-toolbar .toolbar-right[data-v-9f6d91cd] {
+.table-toolbar .toolbar-right[data-v-f043b5ac] {
   display: flex;
   align-items: center;
   gap: var(--c-table-gap, 8px);
   flex-wrap: wrap;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-9f6d91cd] {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-f043b5ac] {
   opacity: 0.6;
   transition: opacity 0.2s ease, transform 0.2s ease;
   cursor: pointer;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-9f6d91cd]:hover {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-f043b5ac]:hover {
   opacity: 1;
   transform: scale(1.1);
 }
-.dynamic-rows-toolbar[data-v-9f6d91cd] {
+.dynamic-rows-toolbar[data-v-f043b5ac] {
   margin-bottom: var(--c-table-gap, 16px);
   padding: var(--c-table-gap, 16px);
   border-radius: 8px;
@@ -1686,35 +1686,35 @@ to {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
   transition: all 0.2s ease;
 }
-.dynamic-rows-toolbar[data-v-9f6d91cd]:hover {
+.dynamic-rows-toolbar[data-v-f043b5ac]:hover {
   border-color: var(--n-primary-color-suppl);
 }
-[data-v-9f6d91cd] .n-data-table {
+[data-v-f043b5ac] .n-data-table {
   table-layout: auto !important;
   width: 100% !important;
   border-radius: 8px;
   overflow: hidden;
 }
-[data-v-9f6d91cd] .n-data-table-wrapper {
+[data-v-f043b5ac] .n-data-table-wrapper {
   overflow-x: auto !important;
 }
-.pagination-wrapper[data-v-9f6d91cd] {
+.pagination-wrapper[data-v-f043b5ac] {
   margin-top: var(--c-table-gap, 16px);
   display: flex;
   justify-content: flex-end;
 }
-[data-v-9f6d91cd] .c-table-index-column {
+[data-v-f043b5ac] .c-table-index-column {
   padding-inline: 8px;
 }
-[data-v-9f6d91cd] .c-table-actions-column {
+[data-v-f043b5ac] .c-table-actions-column {
   text-align: center !important;
   padding: 8px 12px !important;
 }
-[data-v-9f6d91cd] .c-table-actions-column .n-space {
+[data-v-f043b5ac] .c-table-actions-column .n-space {
   justify-content: center !important;
   align-items: center !important;
 }
-[data-v-9f6d91cd] .cell-edit-wrapper {
+[data-v-f043b5ac] .cell-edit-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1726,18 +1726,18 @@ to {
   cursor: pointer;
   position: relative;
 }
-[data-v-9f6d91cd] .cell-edit-wrapper:hover {
+[data-v-f043b5ac] .cell-edit-wrapper:hover {
   background-color: var(--n-color-target);
 }
-[data-v-9f6d91cd] .cell-edit-wrapper:hover .cell-edit-icon {
+[data-v-f043b5ac] .cell-edit-wrapper:hover .cell-edit-icon {
   opacity: 1;
   color: var(--n-color-success);
   transform: scale(1.05);
 }
-[data-v-9f6d91cd] .cell-edit-wrapper:active {
+[data-v-f043b5ac] .cell-edit-wrapper:active {
   transform: translateY(1px);
 }
-[data-v-9f6d91cd] .cell-value {
+[data-v-f043b5ac] .cell-value {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1746,7 +1746,7 @@ to {
   line-height: 1.4;
   font-size: 13px;
 }
-.c-table-wrapper[data-v-9f6d91cd] .cell-edit-icon {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon {
   flex-shrink: 0;
   width: 24px;
   height: 24px;
@@ -1761,20 +1761,20 @@ to {
   opacity: 0;
   position: relative;
 }
-.c-table-wrapper[data-v-9f6d91cd] .cell-edit-icon:hover {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon:hover {
   opacity: 1 !important;
   color: var(--n-color-success-hover) !important;
   background-color: var(--n-color-success-pressed);
   transform: scale(1.1);
 }
-.c-table-wrapper[data-v-9f6d91cd] .cell-edit-icon:active {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon:active {
   transform: scale(0.95);
 }
-.c-table-wrapper[data-v-9f6d91cd] .cell-edit-icon svg {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon svg {
   width: 14px;
   height: 14px;
 }
-.cell-editing-container[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-editing-container {
+.cell-editing-container[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-container {
   display: flex !important;
   align-items: center !important;
   width: 100% !important;
@@ -1786,35 +1786,35 @@ to {
   box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;
   gap: 8px !important;
 }
-.cell-editing-input[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-editing-input {
+.cell-editing-input[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-input {
   flex: 1 !important;
   min-width: 0 !important;
 }
-[data-v-9f6d91cd] .cell-editing-input .n-input {
+[data-v-f043b5ac] .cell-editing-input .n-input {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f6d91cd] .cell-editing-input .n-input.n-input--focus {
+[data-v-f043b5ac] .cell-editing-input .n-input.n-input--focus {
   border: none !important;
   box-shadow: none !important;
 }
-[data-v-9f6d91cd] .cell-editing-input .n-input-number {
+[data-v-f043b5ac] .cell-editing-input .n-input-number {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f6d91cd] .cell-editing-input .n-select {
+[data-v-f043b5ac] .cell-editing-input .n-select {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f6d91cd] .cell-editing-input .n-select .n-base-selection {
+[data-v-f043b5ac] .cell-editing-input .n-select .n-base-selection {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-.cell-editing-actions[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-editing-actions {
+.cell-editing-actions[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-actions {
   display: flex !important;
   flex-shrink: 0 !important;
   align-items: center !important;
@@ -1825,7 +1825,7 @@ to {
   padding: 2px !important;
   box-shadow: var(--n-box-shadow) !important;
 }
-.cell-action-btn[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn {
+.cell-action-btn[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
@@ -1837,25 +1837,25 @@ to {
   transition: all 0.2s ease !important;
   background: transparent !important;
 }
-.cell-action-btn.cell-action-save[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn.cell-action-save {
+.cell-action-btn.cell-action-save[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn.cell-action-save {
   color: var(--n-color-success) !important;
 }
-.cell-action-btn.cell-action-save[data-v-9f6d91cd]:hover,[data-v-9f6d91cd] .cell-action-btn.cell-action-save:hover {
+.cell-action-btn.cell-action-save[data-v-f043b5ac]:hover,[data-v-f043b5ac] .cell-action-btn.cell-action-save:hover {
   background: var(--n-color-success-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn.cell-action-cancel[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn.cell-action-cancel {
+.cell-action-btn.cell-action-cancel[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn.cell-action-cancel {
   color: var(--n-color-error) !important;
 }
-.cell-action-btn.cell-action-cancel[data-v-9f6d91cd]:hover,[data-v-9f6d91cd] .cell-action-btn.cell-action-cancel:hover {
+.cell-action-btn.cell-action-cancel[data-v-f043b5ac]:hover,[data-v-f043b5ac] .cell-action-btn.cell-action-cancel:hover {
   background: var(--n-color-error-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn svg[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn svg {
+.cell-action-btn svg[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn svg {
   width: 11px !important;
   height: 11px !important;
 }
-[data-v-9f6d91cd] .n-button {
+[data-v-f043b5ac] .n-button {
   white-space: nowrap;
   font-size: var(--c-table-button-font-size, 12px) !important;
   flex-shrink: 0 !important;
@@ -1863,106 +1863,106 @@ to {
   transition: all 0.2s ease;
   font-weight: 500;
 }
-[data-v-9f6d91cd] .n-button .n-icon {
+[data-v-f043b5ac] .n-button .n-icon {
   margin-right: 4px !important;
 }
-[data-v-9f6d91cd] .n-button.n-button--small-type {
+[data-v-f043b5ac] .n-button.n-button--small-type {
   padding: 4px 8px;
   height: 28px;
   line-height: 20px;
 }
-[data-v-9f6d91cd] .n-button.n-button--quaternary-type:hover {
+[data-v-f043b5ac] .n-button.n-button--quaternary-type:hover {
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-[data-v-9f6d91cd] .n-button.n-button--quaternary-type:active {
+[data-v-f043b5ac] .n-button.n-button--quaternary-type:active {
   transform: translateY(0);
 }
-[data-v-9f6d91cd] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
+[data-v-f043b5ac] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
   margin-right: 6px !important;
 }
-[data-v-9f6d91cd] .n-modal .n-card {
+[data-v-f043b5ac] .n-modal .n-card {
   border-radius: 12px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
 }
-[data-v-9f6d91cd] .n-modal .n-card__header {
+[data-v-f043b5ac] .n-modal .n-card__header {
   padding: 20px 24px 16px;
   font-weight: 600;
   font-size: 16px;
 }
-[data-v-9f6d91cd] .n-modal .n-card__content {
+[data-v-f043b5ac] .n-modal .n-card__content {
   padding: 0 24px 16px;
 }
-[data-v-9f6d91cd] .n-modal .n-card__action {
+[data-v-f043b5ac] .n-modal .n-card__action {
   padding: 16px 24px 20px;
   border-top: 1px solid var(--n-divider-color);
 }
-[data-v-9f6d91cd] .n-descriptions .n-descriptions-item-label {
+[data-v-f043b5ac] .n-descriptions .n-descriptions-item-label {
   font-weight: 500;
   color: var(--n-text-color-2);
 }
-[data-v-9f6d91cd] .n-descriptions .n-descriptions-item-content {
+[data-v-f043b5ac] .n-descriptions .n-descriptions-item-content {
   color: var(--n-text-color-1);
   word-break: break-all;
 }
 @media (max-width: 768px) {
-.c-table-wrapper[data-v-9f6d91cd] {
+.c-table-wrapper[data-v-f043b5ac] {
     overflow-x: auto;
 }
-[data-v-9f6d91cd] .n-button {
+[data-v-f043b5ac] .n-button {
     font-size: 11px !important;
     padding: 3px 6px;
 }
-[data-v-9f6d91cd] .n-button .n-icon {
+[data-v-f043b5ac] .n-button .n-icon {
     margin-right: 2px !important;
 }
-.cell-edit-icon[data-v-9f6d91cd] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.6;
 }
 }
 @media (max-width: 768px) {
-.cell-editing-container[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-editing-container {
+.cell-editing-container[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-container {
     gap: 6px !important;
 }
-.cell-editing-actions[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-editing-actions {
+.cell-editing-actions[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-actions {
     gap: 3px !important;
     padding: 2px !important;
 }
-.cell-action-btn[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn {
+.cell-action-btn[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn {
     width: 18px !important;
     height: 18px !important;
 }
-.cell-action-btn svg[data-v-9f6d91cd],[data-v-9f6d91cd] .cell-action-btn svg {
+.cell-action-btn svg[data-v-f043b5ac],[data-v-f043b5ac] .cell-action-btn svg {
     width: 10px !important;
     height: 10px !important;
 }
-.cell-edit-icon[data-v-9f6d91cd] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.6 !important;
 }
-[data-v-9f6d91cd] .cell-value {
+[data-v-f043b5ac] .cell-value {
     margin-right: 12px !important;
 }
 }
-[data-v-9f6d91cd] .cell-edit-wrapper:focus-within,[data-v-9f6d91cd] .cell-editing-container:focus-within {
+[data-v-f043b5ac] .cell-edit-wrapper:focus-within,[data-v-f043b5ac] .cell-editing-container:focus-within {
   outline: 2px solid var(--n-primary-color);
   outline-offset: 2px;
 }
 @media (prefers-contrast: high) {
-.cell-edit-icon[data-v-9f6d91cd] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.8;
 }
-.cell-editing-actions[data-v-9f6d91cd] {
+.cell-editing-actions[data-v-f043b5ac] {
     border-width: 2px;
 }
 }
-.row-drag-ghost[data-v-9f6d91cd] {
+.row-drag-ghost[data-v-f043b5ac] {
   opacity: 0.4;
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.row-drag-chosen[data-v-9f6d91cd] {
+.row-drag-chosen[data-v-f043b5ac] {
   background: var(--n-color-hover, #f5f5f5) !important;
 }
-.batch-actions-bar[data-v-9f6d91cd] {
+.batch-actions-bar[data-v-f043b5ac] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1972,52 +1972,52 @@ to {
   border-radius: 6px;
   border: 1px solid var(--n-primary-color-suppl, #70b3ff);
 }
-.batch-actions-bar .batch-info[data-v-9f6d91cd] {
+.batch-actions-bar .batch-info[data-v-f043b5ac] {
   font-size: 13px;
   color: var(--n-text-color-2);
   font-weight: 500;
 }
-.table-error-state[data-v-9f6d91cd] {
+.table-error-state[data-v-f043b5ac] {
   padding: 48px 24px;
   text-align: center;
 }
-.table-error-state .error-content[data-v-9f6d91cd] {
+.table-error-state .error-content[data-v-f043b5ac] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   color: var(--n-text-color-3, #999);
 }
-.table-error-state .error-message[data-v-9f6d91cd] {
+.table-error-state .error-message[data-v-f043b5ac] {
   font-size: 14px;
   margin: 0;
   color: var(--n-text-color-2, #666);
 }
 
 /* layer: default */
-.visible[data-v-9f6d91cd]{visibility:visible;}
-.fixed[data-v-9f6d91cd]{position:fixed;}
-.grid[data-v-9f6d91cd]{display:grid;}
-.mb-2[data-v-9f6d91cd]{margin-bottom:0.5rem;}
-.mb-4[data-v-9f6d91cd]{margin-bottom:1rem;}
-.ml-2[data-v-9f6d91cd]{margin-left:0.5rem;}
-.w60\%[data-v-9f6d91cd]{width:60%;}
-.flex[data-v-9f6d91cd]{display:flex;}
-.table[data-v-9f6d91cd]{display:table;}
-.scale-110[data-v-9f6d91cd]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.cursor-pointer[data-v-9f6d91cd]{cursor:pointer;}
-.items-center[data-v-9f6d91cd]{align-items:center;}
-.justify-end[data-v-9f6d91cd]{justify-content:flex-end;}
-.justify-center[data-v-9f6d91cd]{justify-content:center;}
-.rd[data-v-9f6d91cd]{border-radius:0.25rem;}
-.bg-gray-50[data-v-9f6d91cd]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
-.p-4[data-v-9f6d91cd]{padding:1rem;}
-.px[data-v-9f6d91cd]{padding-left:1rem;padding-right:1rem;}
-.py-8[data-v-9f6d91cd]{padding-top:2rem;padding-bottom:2rem;}
-.text-center[data-v-9f6d91cd]{text-align:center;}
-.text-sm[data-v-9f6d91cd]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-400[data-v-9f6d91cd]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
-.text-gray-500[data-v-9f6d91cd]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
-.text-gray-600[data-v-9f6d91cd]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-.accent-blue-500[data-v-9f6d91cd]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
-.filter[data-v-9f6d91cd]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.visible[data-v-f043b5ac]{visibility:visible;}
+.fixed[data-v-f043b5ac]{position:fixed;}
+.grid[data-v-f043b5ac]{display:grid;}
+.mb-2[data-v-f043b5ac]{margin-bottom:0.5rem;}
+.mb-4[data-v-f043b5ac]{margin-bottom:1rem;}
+.ml-2[data-v-f043b5ac]{margin-left:0.5rem;}
+.w60\%[data-v-f043b5ac]{width:60%;}
+.flex[data-v-f043b5ac]{display:flex;}
+.table[data-v-f043b5ac]{display:table;}
+.scale-110[data-v-f043b5ac]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.cursor-pointer[data-v-f043b5ac]{cursor:pointer;}
+.items-center[data-v-f043b5ac]{align-items:center;}
+.justify-end[data-v-f043b5ac]{justify-content:flex-end;}
+.justify-center[data-v-f043b5ac]{justify-content:center;}
+.rd[data-v-f043b5ac]{border-radius:0.25rem;}
+.bg-gray-50[data-v-f043b5ac]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
+.p-4[data-v-f043b5ac]{padding:1rem;}
+.px[data-v-f043b5ac]{padding-left:1rem;padding-right:1rem;}
+.py-8[data-v-f043b5ac]{padding-top:2rem;padding-bottom:2rem;}
+.text-center[data-v-f043b5ac]{text-align:center;}
+.text-sm[data-v-f043b5ac]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-400[data-v-f043b5ac]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
+.text-gray-500[data-v-f043b5ac]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
+.text-gray-600[data-v-f043b5ac]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.accent-blue-500[data-v-f043b5ac]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
+.filter[data-v-f043b5ac]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}