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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @robot-admin/naive-ui-components
 
+## 0.24.0
+
+### Minor Changes
+
+- C_Table 未指定宽度的列改为有界内容测宽，保留显式列宽、列设置、原生尺寸和横向虚拟化。增加 status 精简配置，复用主题标签，支持默认语义色、字典显示、自定义文字与颜色，不修改原值及输出契约。
+
+## 0.23.3
+
+### Patch Changes
+
+- C_Table 默认保留 Naive UI 原生空态，继承 Provider 的主题、语言和 renderEmpty，自定义 empty 插槽按需转发，与 MachTable 插画空态保持区分。
+
 ## 0.23.2
 
 ### Patch Changes

package/README.md

@@ -33,7 +33,7 @@
 | 按需消费 | 60 个独立组件入口、自动导入 Resolver、组件样式入口，以及表单／表格的基础样式层级                       |
 | 独立接入 | 支持全量注册与局部导入；反馈、文案和全局配置可由宿主提供，表单弹窗可接入结构兼容的 Headless CRUD       |
 
-组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.23.2**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
+组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.0**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 表单与搜索共用 `config.density: 'compact'`：收紧字段、布局和空校验区，实际错误仍自然展开。表单弹窗默认紧凑，页脚按钮 22px；搜索可继承应用密度。紧凑数字输入默认隐藏步进按钮，保留键盘、精度和上下限，也可逐字段开启。按需设置默认值与显式覆盖见[表单密度](./docs/guides/form-density.md)。
 
@@ -41,7 +41,7 @@
 
 ## 能力地图
 
-`C_Table` 默认空态采用内置的淡蓝表格卡片与放大镜插画，亮暗主题跟随 Naive Provider。无需页面补样式；用 `#empty` 完整替换内容，或通过 `config.locale.messages` 的 `table.empty` / `table.emptyHint` 覆盖文案。已有全局 `emptyText` 覆盖标题，加载与错误状态保持独立。
+`C_Table` 保留 Naive UI 原生空态，继承 Provider 的主题、语言与 `componentOptions.DataTable.renderEmpty`。使用 `#empty` 可替换单个表格的空态内容。
 
 | 场景       | 代表组件                                                         | 覆盖能力                                                 |
 | ---------- | ---------------------------------------------------------------- | -------------------------------------------------------- |
@@ -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.2**; 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.
 
@@ -41,7 +41,7 @@ Business workspaces can share dictionary providers, container-aware search, regi
 
 ## Capability map
 
-`C_Table` includes a soft-blue table/search illustration that follows the Naive light/dark provider. Override it with `#empty`, or change `table.empty` / `table.emptyHint` through `config.locale.messages`. The existing global `emptyText` controls the title. Loading and error states remain separate.
+`C_Table` retains the native Naive UI empty state, including provider theme, locale and `componentOptions.DataTable.renderEmpty`. Use `#empty` to replace the content of one table.
 
 | Scenario              | Representative components                                        | Capabilities                                                                         |
 | --------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
@@ -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,29 +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));}
 
-/* 矢量使用 SVG 展示属性，样式仅管理排版，避免增加表格公共样式负担。 */
-.c-table-empty[data-v-b2a0a10f] {
-  min-width: 0;
-  text-align: center;
-  overflow-wrap: anywhere;
-}
-.c-table-empty__title[data-v-b2a0a10f] {
-  color: var(--c-table-empty-fg);
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 22px;
-}
-.c-table-empty__hint[data-v-b2a0a10f] {
-  color: var(--c-table-empty-hint);
-  font-size: 12px;
-  line-height: 20px;
-}
-
-/* layer: default */
-.m77[data-v-b2a0a10f]{margin:19.25rem;}
-.block[data-v-b2a0a10f]{display:block;}
-
-.c-table-wrapper[data-v-edcf4c02] {
+.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);
@@ -1621,55 +1599,55 @@ to {
   width: 100%;
   position: relative;
 }
-.c-table-wrapper--compact[data-v-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02] {
+.c-table-wrapper--flex[data-v-f043b5ac] {
   display: flex;
   flex-direction: column;
   height: 100%;
   min-height: 0;
 }
-.c-table-wrapper--flex[data-v-edcf4c02] >  .n-data-table,
-.c-table-wrapper--flex > .table-error-state[data-v-edcf4c02] {
+.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-edcf4c02],
-.c-table-wrapper--flex > .batch-actions-bar[data-v-edcf4c02],
-.c-table-wrapper--flex > .pagination-wrapper[data-v-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02] {
+.drag-handle[data-v-f043b5ac] {
   cursor: grab;
 }
-.drag-handle[data-v-edcf4c02]:active {
+.drag-handle[data-v-f043b5ac]:active {
   cursor: grabbing;
 }
-.c-table-wrapper[data-v-edcf4c02] .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-edcf4c02] {
+.table-toolbar[data-v-f043b5ac] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1677,29 +1655,29 @@ to {
   gap: var(--c-table-gap, 12px);
   flex-wrap: wrap;
 }
-.table-toolbar .toolbar-left[data-v-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02]:hover {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-f043b5ac]:hover {
   opacity: 1;
   transform: scale(1.1);
 }
-.dynamic-rows-toolbar[data-v-edcf4c02] {
+.dynamic-rows-toolbar[data-v-f043b5ac] {
   margin-bottom: var(--c-table-gap, 16px);
   padding: var(--c-table-gap, 16px);
   border-radius: 8px;
@@ -1708,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-edcf4c02]:hover {
+.dynamic-rows-toolbar[data-v-f043b5ac]:hover {
   border-color: var(--n-primary-color-suppl);
 }
-[data-v-edcf4c02] .n-data-table {
+[data-v-f043b5ac] .n-data-table {
   table-layout: auto !important;
   width: 100% !important;
   border-radius: 8px;
   overflow: hidden;
 }
-[data-v-edcf4c02] .n-data-table-wrapper {
+[data-v-f043b5ac] .n-data-table-wrapper {
   overflow-x: auto !important;
 }
-.pagination-wrapper[data-v-edcf4c02] {
+.pagination-wrapper[data-v-f043b5ac] {
   margin-top: var(--c-table-gap, 16px);
   display: flex;
   justify-content: flex-end;
 }
-[data-v-edcf4c02] .c-table-index-column {
+[data-v-f043b5ac] .c-table-index-column {
   padding-inline: 8px;
 }
-[data-v-edcf4c02] .c-table-actions-column {
+[data-v-f043b5ac] .c-table-actions-column {
   text-align: center !important;
   padding: 8px 12px !important;
 }
-[data-v-edcf4c02] .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-edcf4c02] .cell-edit-wrapper {
+[data-v-f043b5ac] .cell-edit-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1748,18 +1726,18 @@ to {
   cursor: pointer;
   position: relative;
 }
-[data-v-edcf4c02] .cell-edit-wrapper:hover {
+[data-v-f043b5ac] .cell-edit-wrapper:hover {
   background-color: var(--n-color-target);
 }
-[data-v-edcf4c02] .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-edcf4c02] .cell-edit-wrapper:active {
+[data-v-f043b5ac] .cell-edit-wrapper:active {
   transform: translateY(1px);
 }
-[data-v-edcf4c02] .cell-value {
+[data-v-f043b5ac] .cell-value {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1768,7 +1746,7 @@ to {
   line-height: 1.4;
   font-size: 13px;
 }
-.c-table-wrapper[data-v-edcf4c02] .cell-edit-icon {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon {
   flex-shrink: 0;
   width: 24px;
   height: 24px;
@@ -1783,20 +1761,20 @@ to {
   opacity: 0;
   position: relative;
 }
-.c-table-wrapper[data-v-edcf4c02] .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-edcf4c02] .cell-edit-icon:active {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon:active {
   transform: scale(0.95);
 }
-.c-table-wrapper[data-v-edcf4c02] .cell-edit-icon svg {
+.c-table-wrapper[data-v-f043b5ac] .cell-edit-icon svg {
   width: 14px;
   height: 14px;
 }
-.cell-editing-container[data-v-edcf4c02],[data-v-edcf4c02] .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;
@@ -1808,35 +1786,35 @@ to {
   box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;
   gap: 8px !important;
 }
-.cell-editing-input[data-v-edcf4c02],[data-v-edcf4c02] .cell-editing-input {
+.cell-editing-input[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-input {
   flex: 1 !important;
   min-width: 0 !important;
 }
-[data-v-edcf4c02] .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-edcf4c02] .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-edcf4c02] .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-edcf4c02] .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-edcf4c02] .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-edcf4c02],[data-v-edcf4c02] .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;
@@ -1847,7 +1825,7 @@ to {
   padding: 2px !important;
   box-shadow: var(--n-box-shadow) !important;
 }
-.cell-action-btn[data-v-edcf4c02],[data-v-edcf4c02] .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;
@@ -1859,25 +1837,25 @@ to {
   transition: all 0.2s ease !important;
   background: transparent !important;
 }
-.cell-action-btn.cell-action-save[data-v-edcf4c02],[data-v-edcf4c02] .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-edcf4c02]:hover,[data-v-edcf4c02] .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-edcf4c02],[data-v-edcf4c02] .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-edcf4c02]:hover,[data-v-edcf4c02] .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-edcf4c02],[data-v-edcf4c02] .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-edcf4c02] .n-button {
+[data-v-f043b5ac] .n-button {
   white-space: nowrap;
   font-size: var(--c-table-button-font-size, 12px) !important;
   flex-shrink: 0 !important;
@@ -1885,106 +1863,106 @@ to {
   transition: all 0.2s ease;
   font-weight: 500;
 }
-[data-v-edcf4c02] .n-button .n-icon {
+[data-v-f043b5ac] .n-button .n-icon {
   margin-right: 4px !important;
 }
-[data-v-edcf4c02] .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-edcf4c02] .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-edcf4c02] .n-button.n-button--quaternary-type:active {
+[data-v-f043b5ac] .n-button.n-button--quaternary-type:active {
   transform: translateY(0);
 }
-[data-v-edcf4c02] .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-edcf4c02] .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-edcf4c02] .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-edcf4c02] .n-modal .n-card__content {
+[data-v-f043b5ac] .n-modal .n-card__content {
   padding: 0 24px 16px;
 }
-[data-v-edcf4c02] .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-edcf4c02] .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-edcf4c02] .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-edcf4c02] {
+.c-table-wrapper[data-v-f043b5ac] {
     overflow-x: auto;
 }
-[data-v-edcf4c02] .n-button {
+[data-v-f043b5ac] .n-button {
     font-size: 11px !important;
     padding: 3px 6px;
 }
-[data-v-edcf4c02] .n-button .n-icon {
+[data-v-f043b5ac] .n-button .n-icon {
     margin-right: 2px !important;
 }
-.cell-edit-icon[data-v-edcf4c02] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.6;
 }
 }
 @media (max-width: 768px) {
-.cell-editing-container[data-v-edcf4c02],[data-v-edcf4c02] .cell-editing-container {
+.cell-editing-container[data-v-f043b5ac],[data-v-f043b5ac] .cell-editing-container {
     gap: 6px !important;
 }
-.cell-editing-actions[data-v-edcf4c02],[data-v-edcf4c02] .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-edcf4c02],[data-v-edcf4c02] .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-edcf4c02],[data-v-edcf4c02] .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-edcf4c02] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.6 !important;
 }
-[data-v-edcf4c02] .cell-value {
+[data-v-f043b5ac] .cell-value {
     margin-right: 12px !important;
 }
 }
-[data-v-edcf4c02] .cell-edit-wrapper:focus-within,[data-v-edcf4c02] .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-edcf4c02] {
+.cell-edit-icon[data-v-f043b5ac] {
     opacity: 0.8;
 }
-.cell-editing-actions[data-v-edcf4c02] {
+.cell-editing-actions[data-v-f043b5ac] {
     border-width: 2px;
 }
 }
-.row-drag-ghost[data-v-edcf4c02] {
+.row-drag-ghost[data-v-f043b5ac] {
   opacity: 0.4;
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.row-drag-chosen[data-v-edcf4c02] {
+.row-drag-chosen[data-v-f043b5ac] {
   background: var(--n-color-hover, #f5f5f5) !important;
 }
-.batch-actions-bar[data-v-edcf4c02] {
+.batch-actions-bar[data-v-f043b5ac] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1994,52 +1972,52 @@ to {
   border-radius: 6px;
   border: 1px solid var(--n-primary-color-suppl, #70b3ff);
 }
-.batch-actions-bar .batch-info[data-v-edcf4c02] {
+.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-edcf4c02] {
+.table-error-state[data-v-f043b5ac] {
   padding: 48px 24px;
   text-align: center;
 }
-.table-error-state .error-content[data-v-edcf4c02] {
+.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-edcf4c02] {
+.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-edcf4c02]{visibility:visible;}
-.fixed[data-v-edcf4c02]{position:fixed;}
-.grid[data-v-edcf4c02]{display:grid;}
-.mb-2[data-v-edcf4c02]{margin-bottom:0.5rem;}
-.mb-4[data-v-edcf4c02]{margin-bottom:1rem;}
-.ml-2[data-v-edcf4c02]{margin-left:0.5rem;}
-.w60\%[data-v-edcf4c02]{width:60%;}
-.flex[data-v-edcf4c02]{display:flex;}
-.table[data-v-edcf4c02]{display:table;}
-.scale-110[data-v-edcf4c02]{--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-edcf4c02]{cursor:pointer;}
-.items-center[data-v-edcf4c02]{align-items:center;}
-.justify-end[data-v-edcf4c02]{justify-content:flex-end;}
-.justify-center[data-v-edcf4c02]{justify-content:center;}
-.rd[data-v-edcf4c02]{border-radius:0.25rem;}
-.bg-gray-50[data-v-edcf4c02]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
-.p-4[data-v-edcf4c02]{padding:1rem;}
-.px[data-v-edcf4c02]{padding-left:1rem;padding-right:1rem;}
-.py-8[data-v-edcf4c02]{padding-top:2rem;padding-bottom:2rem;}
-.text-center[data-v-edcf4c02]{text-align:center;}
-.text-sm[data-v-edcf4c02]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-400[data-v-edcf4c02]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
-.text-gray-500[data-v-edcf4c02]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
-.text-gray-600[data-v-edcf4c02]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-.accent-blue-500[data-v-edcf4c02]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
-.filter[data-v-edcf4c02]{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);}