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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @robot-admin/naive-ui-components
 
+## 0.23.2
+
+### Patch Changes
+
+- C_Table 内置与 MachTable 一致的淡蓝表格插画空态，适配亮暗主题、文案覆盖及 empty 插槽，加载和错误状态不误报无数据。
+
 ## 0.23.1
 
 ### Patch Changes

package/README.md

@@ -33,7 +33,7 @@
 | 按需消费 | 60 个独立组件入口、自动导入 Resolver、组件样式入口，以及表单／表格的基础样式层级                       |
 | 独立接入 | 支持全量注册与局部导入；反馈、文案和全局配置可由宿主提供，表单弹窗可接入结构兼容的 Headless CRUD       |
 
-组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.23.1**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
+组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.23.2**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 表单与搜索共用 `config.density: 'compact'`：收紧字段、布局和空校验区，实际错误仍自然展开。表单弹窗默认紧凑，页脚按钮 22px；搜索可继承应用密度。紧凑数字输入默认隐藏步进按钮，保留键盘、精度和上下限，也可逐字段开启。按需设置默认值与显式覆盖见[表单密度](./docs/guides/form-density.md)。
 
@@ -41,6 +41,8 @@
 
 ## 能力地图
 
+`C_Table` 默认空态采用内置的淡蓝表格卡片与放大镜插画，亮暗主题跟随 Naive Provider。无需页面补样式；用 `#empty` 完整替换内容，或通过 `config.locale.messages` 的 `table.empty` / `table.emptyHint` 覆盖文案。已有全局 `emptyText` 覆盖标题，加载与错误状态保持独立。
+
 | 场景       | 代表组件                                                         | 覆盖能力                                                 |
 | ---------- | ---------------------------------------------------------------- | -------------------------------------------------------- |
 | 数据录入   | `C_Form` · `C_FormModal` · `C_FormSearch`                        | 动态字段、校验、异步提交、搜索与新增／编辑弹窗           |

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.1**; 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.23.2**; 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,6 +41,8 @@ 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.
+
 | Scenario              | Representative components                                        | Capabilities                                                                         |
 | --------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
 | Data entry            | `C_Form` · `C_FormModal` · `C_FormSearch`                        | Dynamic fields, validation, async submission, search and create/edit dialogs         |

package/dist/C_Table.base.css

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