@robot-admin/naive-ui-components 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @robot-admin/naive-ui-components
 
+## 0.11.1
+
+### Patch Changes
+
+- 1b09ddd: Preserve the row model generic across `C_Table` Vue props so typed `CrudBinding<T>` values can be passed directly without consumer-side casts.
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/C_Table.base.css

@@ -1100,7 +1100,7 @@ to {
   transform: scale(1.15);
 }
 /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
-.c-table-wrapper[data-v-eff47d90] {
+.c-table-wrapper[data-v-cb3ea22c] {
   --c-table-border-color: var(--border-color, #e5e7eb);
   --c-table-bg: var(--body-color, #fff);
   --c-table-header-bg: var(--card-color, #fafafc);
@@ -1113,52 +1113,52 @@ to {
 }
 
 /* ================= 列拖拽排序 ================= */
-.column-drag-ghost[data-v-eff47d90] {
+.column-drag-ghost[data-v-cb3ea22c] {
   opacity: var(--c-table-drag-ghost-opacity);
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.drag-handle[data-v-eff47d90] {
+.drag-handle[data-v-cb3ea22c] {
   cursor: grab;
 }
-.drag-handle[data-v-eff47d90]:active {
+.drag-handle[data-v-cb3ea22c]:active {
   cursor: grabbing;
 }
 
 /* ================= 合计行强调 ================= */
-.c-table-wrapper[data-v-eff47d90] .n-data-table-tfoot {
+.c-table-wrapper[data-v-cb3ea22c] .n-data-table-tfoot {
   background: var(--c-table-summary-bg);
   font-weight: var(--c-table-summary-font-weight);
 }
 
 /* ================= 2. 表格工具栏 ================= */
-.table-toolbar[data-v-eff47d90] {
+.table-toolbar[data-v-cb3ea22c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
 }
-.table-toolbar .toolbar-left[data-v-eff47d90] {
+.table-toolbar .toolbar-left[data-v-cb3ea22c] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.table-toolbar .toolbar-right[data-v-eff47d90] {
+.table-toolbar .toolbar-right[data-v-cb3ea22c] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-eff47d90] {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-cb3ea22c] {
   opacity: 0.6;
   transition: opacity 0.2s ease, transform 0.2s ease;
   cursor: pointer;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-eff47d90]:hover {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-cb3ea22c]:hover {
   opacity: 1;
   transform: scale(1.1);
 }
 
 /* ================= 3. 动态行工具栏 ================= */
-.dynamic-rows-toolbar[data-v-eff47d90] {
+.dynamic-rows-toolbar[data-v-cb3ea22c] {
   margin-bottom: 16px;
   padding: 16px;
   border-radius: 8px;
@@ -1167,12 +1167,12 @@ to {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
   transition: all 0.2s ease;
 }
-.dynamic-rows-toolbar[data-v-eff47d90]:hover {
+.dynamic-rows-toolbar[data-v-cb3ea22c]:hover {
   border-color: var(--n-primary-color-suppl);
 }
 
 /* ================= 4. 表格布局基础 ================= */
-[data-v-eff47d90] .n-data-table {
+[data-v-cb3ea22c] .n-data-table {
   table-layout: auto !important;
   width: 100% !important;
   border-radius: 8px;
@@ -1180,12 +1180,12 @@ to {
 }
 
 /* 确保表格容器允许横向滚动（固定列必需） */
-[data-v-eff47d90] .n-data-table-wrapper {
+[data-v-cb3ea22c] .n-data-table-wrapper {
   overflow-x: auto !important;
 }
 
 /* 分页组件样式 */
-.pagination-wrapper[data-v-eff47d90] {
+.pagination-wrapper[data-v-cb3ea22c] {
   margin-top: 16px;
   display: flex;
   justify-content: flex-end;
@@ -1193,12 +1193,12 @@ to {
 
 /* ================= 5. 表格列宽度管理 ================= */
 /* 普通列的最小宽度保护 */
-[data-v-eff47d90] .n-data-table-th:not(:last-child) {
+[data-v-cb3ea22c] .n-data-table-th:not(:last-child) {
   min-width: 80px !important;
 }
 
 /* 操作列固定宽度（适应4个按钮的布局） */
-[data-v-eff47d90] .c-table-actions-column {
+[data-v-cb3ea22c] .c-table-actions-column {
   width: 180px !important;
   min-width: 160px !important;
   max-width: 200px !important;
@@ -1207,14 +1207,14 @@ to {
 }
 
 /* 操作按钮容器居中 */
-[data-v-eff47d90] .c-table-actions-column .n-space {
+[data-v-cb3ea22c] .c-table-actions-column .n-space {
   justify-content: center !important;
   align-items: center !important;
 }
 
 /* ================= 6. 可编辑单元格样式 ================= */
 /* 单元格编辑容器 - 精致化设计 */
-.cell-edit-wrapper[data-v-eff47d90] {
+.cell-edit-wrapper[data-v-cb3ea22c] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1227,23 +1227,23 @@ to {
   position: relative;
   /* 悬停效果 */
 }
-.cell-edit-wrapper[data-v-eff47d90]:hover {
+.cell-edit-wrapper[data-v-cb3ea22c]:hover {
   background-color: var(--n-color-target);
 }
-.cell-edit-wrapper:hover .cell-edit-icon[data-v-eff47d90] {
+.cell-edit-wrapper:hover .cell-edit-icon[data-v-cb3ea22c] {
   opacity: 1;
   color: var(--n-color-success);
   transform: scale(1.05);
 }
-.cell-edit-wrapper[data-v-eff47d90] {
+.cell-edit-wrapper[data-v-cb3ea22c] {
   /* 激活状态 */
 }
-.cell-edit-wrapper[data-v-eff47d90]:active {
+.cell-edit-wrapper[data-v-cb3ea22c]:active {
   transform: translateY(1px);
 }
 
 /* 单元格内容 */
-.cell-value[data-v-eff47d90] {
+.cell-value[data-v-cb3ea22c] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1254,7 +1254,7 @@ to {
 }
 
 /* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
-.cell-edit-icon[data-v-eff47d90],.cell-edit-icon {
+.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
   flex-shrink: 0;
   width: 24px;
   height: 24px;
@@ -1270,29 +1270,29 @@ to {
   position: relative;
   /* 悬停效果 */
 }
-.cell-edit-icon[data-v-eff47d90]:hover,.cell-edit-icon {
+.cell-edit-icon[data-v-cb3ea22c]:hover,.cell-edit-icon {
   opacity: 1 !important;
   color: var(--n-color-success-hover) !important;
   background-color: var(--n-color-success-pressed);
   transform: scale(1.1);
 }
-.cell-edit-icon[data-v-eff47d90],.cell-edit-icon {
+.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
   /* 激活效果 */
 }
-.cell-edit-icon[data-v-eff47d90]:active,.cell-edit-icon {
+.cell-edit-icon[data-v-cb3ea22c]:active,.cell-edit-icon {
   transform: scale(0.95);
 }
-.cell-edit-icon[data-v-eff47d90],.cell-edit-icon {
+.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
   /* 图标尺寸 */
 }
-.cell-edit-icon svg[data-v-eff47d90],.cell-edit-icon {
+.cell-edit-icon svg[data-v-cb3ea22c],.cell-edit-icon {
   width: 14px;
   height: 14px;
 }
 
 /* ================= 7. 单元格编辑状态样式 ================= */
 /* 编辑容器 - 确保水平布局不换行 */
-.cell-editing-container[data-v-eff47d90],[data-v-eff47d90] .cell-editing-container {
+.cell-editing-container[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-container {
   display: flex !important;
   align-items: center !important;
   width: 100% !important;
@@ -1306,39 +1306,39 @@ to {
 }
 
 /* 编辑输入区域 - 占据剩余空间 */
-.cell-editing-input[data-v-eff47d90],[data-v-eff47d90] .cell-editing-input {
+.cell-editing-input[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-input {
   flex: 1 !important;
   min-width: 0 !important;
 }
 
 /* 深度选择器处理输入框样式 */
-[data-v-eff47d90] .cell-editing-input .n-input {
+[data-v-cb3ea22c] .cell-editing-input .n-input {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-eff47d90] .cell-editing-input .n-input.n-input--focus {
+[data-v-cb3ea22c] .cell-editing-input .n-input.n-input--focus {
   border: none !important;
   box-shadow: none !important;
 }
-[data-v-eff47d90] .cell-editing-input .n-input-number {
+[data-v-cb3ea22c] .cell-editing-input .n-input-number {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-eff47d90] .cell-editing-input .n-select {
+[data-v-cb3ea22c] .cell-editing-input .n-select {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-eff47d90] .cell-editing-input .n-select .n-base-selection {
+[data-v-cb3ea22c] .cell-editing-input .n-select .n-base-selection {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
 
 /* 编辑操作按钮容器 */
-.cell-editing-actions[data-v-eff47d90],[data-v-eff47d90] .cell-editing-actions {
+.cell-editing-actions[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-actions {
   display: flex !important;
   flex-shrink: 0 !important;
   align-items: center !important;
@@ -1351,7 +1351,7 @@ to {
 }
 
 /* 编辑操作按钮 */
-.cell-action-btn[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn {
+.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
@@ -1364,34 +1364,34 @@ to {
   background: transparent !important;
   /* 保存按钮 */
 }
-.cell-action-btn.cell-action-save[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn.cell-action-save {
+.cell-action-btn.cell-action-save[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn.cell-action-save {
   color: var(--n-color-success) !important;
 }
-.cell-action-btn.cell-action-save[data-v-eff47d90]:hover,[data-v-eff47d90] .cell-action-btn.cell-action-save:hover {
+.cell-action-btn.cell-action-save[data-v-cb3ea22c]:hover,[data-v-cb3ea22c] .cell-action-btn.cell-action-save:hover {
   background: var(--n-color-success-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn {
+.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
   /* 取消按钮 */
 }
-.cell-action-btn.cell-action-cancel[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn.cell-action-cancel {
+.cell-action-btn.cell-action-cancel[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn.cell-action-cancel {
   color: var(--n-color-error) !important;
 }
-.cell-action-btn.cell-action-cancel[data-v-eff47d90]:hover,[data-v-eff47d90] .cell-action-btn.cell-action-cancel:hover {
+.cell-action-btn.cell-action-cancel[data-v-cb3ea22c]:hover,[data-v-cb3ea22c] .cell-action-btn.cell-action-cancel:hover {
   background: var(--n-color-error-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn {
+.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
   /* 图标尺寸 */
 }
-.cell-action-btn svg[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn svg {
+.cell-action-btn svg[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn svg {
   width: 11px !important;
   height: 11px !important;
 }
 
 /* ================= 7. 操作按钮样式 ================= */
 /* 通用按钮样式 */
-[data-v-eff47d90] .n-button {
+[data-v-cb3ea22c] .n-button {
   white-space: nowrap;
   font-size: 12px !important;
   flex-shrink: 0 !important;
@@ -1400,60 +1400,60 @@ to {
   font-weight: 500;
   /* 图标间距 */
 }
-[data-v-eff47d90] .n-button .n-icon {
+[data-v-cb3ea22c] .n-button .n-icon {
   margin-right: 4px !important;
 }
-[data-v-eff47d90] .n-button {
+[data-v-cb3ea22c] .n-button {
   /* 小尺寸按钮优化 */
 }
-[data-v-eff47d90] .n-button.n-button--small-type {
+[data-v-cb3ea22c] .n-button.n-button--small-type {
   padding: 4px 8px;
   height: 28px;
   line-height: 20px;
 }
-[data-v-eff47d90] .n-button {
+[data-v-cb3ea22c] .n-button {
   /* 四元按钮样式 */
 }
-[data-v-eff47d90] .n-button.n-button--quaternary-type:hover {
+[data-v-cb3ea22c] .n-button.n-button--quaternary-type:hover {
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-[data-v-eff47d90] .n-button.n-button--quaternary-type:active {
+[data-v-cb3ea22c] .n-button.n-button--quaternary-type:active {
   transform: translateY(0);
 }
 
 /* ================= 8. 按钮组间距优化 ================= */
 /* 操作按钮组 */
-[data-v-eff47d90] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
+[data-v-cb3ea22c] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
   margin-right: 6px !important;
 }
 
 /* ================= 9. 模态框样式优化 ================= */
 /* 编辑模态框 */
-[data-v-eff47d90] .n-modal .n-card {
+[data-v-cb3ea22c] .n-modal .n-card {
   border-radius: 12px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
 }
-[data-v-eff47d90] .n-modal .n-card__header {
+[data-v-cb3ea22c] .n-modal .n-card__header {
   padding: 20px 24px 16px;
   font-weight: 600;
   font-size: 16px;
 }
-[data-v-eff47d90] .n-modal .n-card__content {
+[data-v-cb3ea22c] .n-modal .n-card__content {
   padding: 0 24px 16px;
 }
-[data-v-eff47d90] .n-modal .n-card__action {
+[data-v-cb3ea22c] .n-modal .n-card__action {
   padding: 16px 24px 20px;
   border-top: 1px solid var(--n-divider-color);
 }
 
 /* ================= 10. 描述列表样式 ================= */
 /* 详情模态框描述列表 */
-[data-v-eff47d90] .n-descriptions .n-descriptions-item-label {
+[data-v-cb3ea22c] .n-descriptions .n-descriptions-item-label {
   font-weight: 500;
   color: var(--n-text-color-2);
 }
-[data-v-eff47d90] .n-descriptions .n-descriptions-item-content {
+[data-v-cb3ea22c] .n-descriptions .n-descriptions-item-content {
   color: var(--n-text-color-1);
   word-break: break-all;
 }
@@ -1461,99 +1461,99 @@ to {
 /* ================= 11. 响应式设计 ================= */
 /* 移动端适配 */
 @media (max-width: 768px) {
-.c-table-wrapper[data-v-eff47d90] {
+.c-table-wrapper[data-v-cb3ea22c] {
     overflow-x: auto;
 }
   /* 操作列在移动端的适配 */
-[data-v-eff47d90] .n-data-table-th:last-child {
+[data-v-cb3ea22c] .n-data-table-th:last-child {
     width: 160px !important;
     min-width: 160px !important;
 }
   /* 按钮在移动端的优化 */
-[data-v-eff47d90] .n-button {
+[data-v-cb3ea22c] .n-button {
     font-size: 11px !important;
     padding: 3px 6px;
 }
-[data-v-eff47d90] .n-button .n-icon {
+[data-v-cb3ea22c] .n-button .n-icon {
     margin-right: 2px !important;
 }
   /* 单元格编辑图标在移动端始终显示 */
-.cell-edit-icon[data-v-eff47d90] {
+.cell-edit-icon[data-v-cb3ea22c] {
     opacity: 0.6;
 }
 }
 /* ================= 12. 主题适配 ================= */
 /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
-[data-theme=dark][data-v-eff47d90] {
+[data-theme=dark][data-v-cb3ea22c] {
   /* CSS 变量已自动适配，如有特殊需求可在此添加 */
 }
 
 /* ================= 13. 响应式优化 ================= */
 /* 小屏幕下的单元格编辑优化 */
 @media (max-width: 768px) {
-.cell-editing-container[data-v-eff47d90],[data-v-eff47d90] .cell-editing-container {
+.cell-editing-container[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-container {
     gap: 6px !important;
 }
-.cell-editing-actions[data-v-eff47d90],[data-v-eff47d90] .cell-editing-actions {
+.cell-editing-actions[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-actions {
     gap: 3px !important;
     padding: 2px !important;
 }
-.cell-action-btn[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn {
+.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
     width: 18px !important;
     height: 18px !important;
 }
-.cell-action-btn svg[data-v-eff47d90],[data-v-eff47d90] .cell-action-btn svg {
+.cell-action-btn svg[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn svg {
     width: 10px !important;
     height: 10px !important;
 }
   /* 移动端编辑图标 */
-.cell-edit-icon[data-v-eff47d90] {
+.cell-edit-icon[data-v-cb3ea22c] {
     opacity: 0.6 !important;
 }
-.cell-value[data-v-eff47d90] {
+.cell-value[data-v-cb3ea22c] {
     margin-right: 12px !important;
 }
 }
 /* ================= 14. 性能优化 ================= */
 /* 使用 GPU 加速的动画 */
-.cell-edit-icon[data-v-eff47d90],
-.cell-action-btn[data-v-eff47d90] {
+.cell-edit-icon[data-v-cb3ea22c],
+.cell-action-btn[data-v-cb3ea22c] {
   will-change: transform;
   backface-visibility: hidden;
 }
-[data-v-eff47d90] .n-button {
+[data-v-cb3ea22c] .n-button {
   will-change: transform;
   backface-visibility: hidden;
 }
 
 /* ================= 15. 可访问性优化 ================= */
 /* 聚焦状态 */
-.cell-edit-wrapper[data-v-eff47d90]:focus-within,
-.cell-editing-container[data-v-eff47d90]:focus-within {
+.cell-edit-wrapper[data-v-cb3ea22c]:focus-within,
+.cell-editing-container[data-v-cb3ea22c]:focus-within {
   outline: 2px solid var(--n-primary-color);
   outline-offset: 2px;
 }
 
 /* 高对比度模式支持 */
 @media (prefers-contrast: high) {
-.cell-edit-icon[data-v-eff47d90] {
+.cell-edit-icon[data-v-cb3ea22c] {
     opacity: 0.8;
 }
-.cell-editing-actions[data-v-eff47d90] {
+.cell-editing-actions[data-v-cb3ea22c] {
     border-width: 2px;
 }
 }
 /* ================= 11. 行拖拽排序 ================= */
-.row-drag-ghost[data-v-eff47d90] {
+.row-drag-ghost[data-v-cb3ea22c] {
   opacity: 0.4;
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.row-drag-chosen[data-v-eff47d90] {
+.row-drag-chosen[data-v-cb3ea22c] {
   background: var(--n-color-hover, #f5f5f5) !important;
 }
 
 /* ================= 12. 批量操作栏 ================= */
-.batch-actions-bar[data-v-eff47d90] {
+.batch-actions-bar[data-v-cb3ea22c] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1563,25 +1563,25 @@ to {
   border-radius: 6px;
   border: 1px solid var(--n-primary-color-suppl, #70b3ff);
 }
-.batch-actions-bar .batch-info[data-v-eff47d90] {
+.batch-actions-bar .batch-info[data-v-cb3ea22c] {
   font-size: 13px;
   color: var(--n-text-color-2);
   font-weight: 500;
 }
 
 /* ================= 13. 错误状态 ================= */
-.table-error-state[data-v-eff47d90] {
+.table-error-state[data-v-cb3ea22c] {
   padding: 48px 24px;
   text-align: center;
 }
-.table-error-state .error-content[data-v-eff47d90] {
+.table-error-state .error-content[data-v-cb3ea22c] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   color: var(--n-text-color-3, #999);
 }
-.table-error-state .error-message[data-v-eff47d90] {
+.table-error-state .error-message[data-v-cb3ea22c] {
   font-size: 14px;
   margin: 0;
   color: var(--n-text-color-2, #666);