@robot-admin/naive-ui-components 0.4.5 → 0.6.0

package/dist/C_SplitPane.css

@@ -0,0 +1,152 @@
+/* unplugin-vue-components disabled *//* 分割面板组件样式 */
+.c-split-pane[data-v-396d0f5b] {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  /* ─── 方向 ────────────────────────────────── */
+  /* ─── 拖拽中 ──────────────────────────────── */
+  /* ─── 禁用 ────────────────────────────────── */
+  /* ─── 折叠过渡 ────────────────────────────── */
+}
+.c-split-pane--horizontal[data-v-396d0f5b] {
+  flex-direction: row;
+}
+.c-split-pane--vertical[data-v-396d0f5b] {
+  flex-direction: column;
+}
+.c-split-pane--dragging .split-panel__content[data-v-396d0f5b] {
+  pointer-events: none;
+  user-select: none;
+}
+.c-split-pane--disabled .split-gutter[data-v-396d0f5b] {
+  cursor: default !important;
+  opacity: 0.5;
+}
+.c-split-pane--disabled .split-gutter[data-v-396d0f5b]:hover {
+  background: transparent;
+}
+.c-split-pane--collapsed-first .split-panel[data-v-396d0f5b], .c-split-pane--collapsed-second .split-panel[data-v-396d0f5b] {
+  transition: width 0.3s ease, height 0.3s ease;
+}
+
+/* ─── 面板 ──────────────────────────────────── */
+.split-panel[data-v-396d0f5b] {
+  overflow: hidden;
+  position: relative;
+}
+.split-panel__content[data-v-396d0f5b] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+/* ─── 分割线手柄 ────────────────────────────── */
+.split-gutter[data-v-396d0f5b] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  z-index: 1;
+  background: var(--c-border, #e1e4e8);
+  transition: background-color 0.2s ease;
+  outline: none;
+  /* 水平方向 */
+  /* 垂直方向 */
+  /* focus 轮廓 */
+  /* ─── 视觉指示条 ──────────────────────────── */
+  /* ─── 折叠按钮 ────────────────────────────── */
+}
+.c-split-pane--horizontal .split-gutter[data-v-396d0f5b] {
+  cursor: col-resize;
+  min-width: 4px;
+}
+.c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:focus-visible {
+  background: var(--c-primary, #409eff);
+}
+.c-split-pane--vertical .split-gutter[data-v-396d0f5b] {
+  cursor: row-resize;
+  min-height: 4px;
+}
+.c-split-pane--vertical .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--vertical .split-gutter[data-v-396d0f5b]:focus-visible {
+  background: var(--c-primary, #409eff);
+}
+.split-gutter[data-v-396d0f5b]:focus-visible {
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.3);
+}
+.split-gutter__visual[data-v-396d0f5b] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.split-gutter__dots[data-v-396d0f5b] {
+  display: flex;
+  gap: 2px;
+}
+.c-split-pane--horizontal .split-gutter__dots[data-v-396d0f5b] {
+  flex-direction: column;
+}
+.c-split-pane--vertical .split-gutter__dots[data-v-396d0f5b] {
+  flex-direction: row;
+}
+.split-gutter__dot[data-v-396d0f5b] {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: var(--c-text-4, #ccc);
+  transition: background-color 0.2s ease;
+}
+.split-gutter:hover .split-gutter__dot[data-v-396d0f5b] {
+  background: #fff;
+}
+.split-gutter__collapse-btn[data-v-396d0f5b] {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 1px solid var(--c-border, #e1e4e8);
+  border-radius: 50%;
+  background: var(--c-bg-card, #fff);
+  color: var(--c-text-3, #999);
+  font-size: 12px;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
+  z-index: 2;
+  /* 水平方向的定位 */
+  /* 垂直方向的定位 */
+}
+.split-gutter:hover .split-gutter__collapse-btn[data-v-396d0f5b] {
+  opacity: 1;
+}
+.split-gutter__collapse-btn[data-v-396d0f5b]:hover {
+  color: var(--c-primary, #409eff);
+  background: var(--c-bg, #fff);
+}
+.c-split-pane--horizontal .split-gutter__collapse-btn[data-v-396d0f5b] {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.c-split-pane--horizontal .split-gutter__collapse-btn--first[data-v-396d0f5b] {
+  top: 8px;
+}
+.c-split-pane--horizontal .split-gutter__collapse-btn--second[data-v-396d0f5b] {
+  bottom: 8px;
+}
+.c-split-pane--vertical .split-gutter__collapse-btn[data-v-396d0f5b] {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.c-split-pane--vertical .split-gutter__collapse-btn--first[data-v-396d0f5b] {
+  left: 8px;
+}
+.c-split-pane--vertical .split-gutter__collapse-btn--second[data-v-396d0f5b] {
+  right: 8px;
+}
+
+/*# sourceMappingURL=C_SplitPane-Br2eK8IG.css.map*/

package/dist/C_Steps-DGwXxS2Y.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Steps-DGwXxS2Y.css","names":[],"sources":["../src/components/C_Steps/index.vue?vue&type=style&index=0&scoped=ecd7bf0c&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {\n  --step-gap: 24px;\n  --icon-size: 32px;\n  --line-width: 2px;\n  --primary: var(--c-primary, #18a058);\n  --success: var(--c-success, #18a058);\n  --warning: var(--c-warning, #f0a020);\n  --error: var(--c-error, #d03050);\n  --border: var(--c-border, rgba(0, 0, 0, 0.09));\n  --bg-hover: rgba(0, 0, 0, 0.04);\n  display: flex;\n}\n.steps-horizontal[data-v-ecd7bf0c] {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.steps-vertical[data-v-ecd7bf0c] {\n  flex-direction: column;\n}\n.step-item[data-v-ecd7bf0c] {\n  display: flex;\n  position: relative;\n  flex: 1;\n  gap: 12px;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  min-width: 0;\n}\n.steps-vertical .step-item[data-v-ecd7bf0c] {\n  flex-direction: row;\n  min-height: 72px;\n  flex: none;\n  width: 100%;\n}\n.step-indicator[data-v-ecd7bf0c] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.steps-horizontal .step-indicator[data-v-ecd7bf0c] {\n  width: 100%;\n  justify-content: center;\n}\n.steps-vertical .step-indicator[data-v-ecd7bf0c] {\n  flex-direction: column;\n}\n.step-icon[data-v-ecd7bf0c] {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--line-width) solid var(--border);\n  background: var(--c-bg-card, #fff);\n  position: relative;\n  z-index: 1;\n  transition: all 0.2s ease;\n  font-size: 16px;\n}\n.step-finish .step-icon[data-v-ecd7bf0c] {\n  border-color: var(--success);\n  color: var(--success);\n}\n.step-process .step-icon[data-v-ecd7bf0c] {\n  border-color: var(--primary);\n  background: var(--primary);\n  color: white;\n}\n.step-error .step-icon[data-v-ecd7bf0c] {\n  border-color: var(--error);\n  color: var(--error);\n}\n.step-index[data-v-ecd7bf0c] {\n  font-size: 14px;\n  font-weight: 500;\n}\n.step-line[data-v-ecd7bf0c] {\n  background: var(--border);\n  position: absolute;\n  transition: background 0.2s ease;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n  height: var(--line-width);\n  left: calc(50% + var(--icon-size) / 2);\n  right: calc(-50% + var(--icon-size) / 2 + var(--step-gap));\n  top: calc(var(--icon-size) / 2);\n}\n.steps-vertical .step-line[data-v-ecd7bf0c] {\n  width: var(--line-width);\n  top: calc(var(--icon-size) + 4px);\n  bottom: calc(-72px + var(--icon-size) + 4px);\n  left: calc(var(--icon-size) / 2 - 1px);\n}\n.step-finish .step-line[data-v-ecd7bf0c] {\n  background: var(--success);\n}\n.step-content[data-v-ecd7bf0c] {\n  flex: 1;\n  min-width: 0;\n}\n.steps-vertical .step-content[data-v-ecd7bf0c] {\n  padding-top: 4px;\n}\n.step-title[data-v-ecd7bf0c] {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n  margin-bottom: 2px;\n  word-break: break-word;\n}\n.step-time[data-v-ecd7bf0c] {\n  font-size: 12px;\n  line-height: 20px;\n  margin-bottom: 2px;\n  opacity: 0.65;\n}\n.step-finish .step-time[data-v-ecd7bf0c] {\n  color: var(--success);\n}\n.step-description[data-v-ecd7bf0c] {\n  font-size: 12px;\n  line-height: 20px;\n  opacity: 0.65;\n}\n.step-wait .step-title[data-v-ecd7bf0c] {\n  opacity: 0.65;\n}\n.step-process .step-title[data-v-ecd7bf0c] {\n  color: var(--primary);\n  font-weight: 600;\n}\n.step-error .step-title[data-v-ecd7bf0c] {\n  color: var(--error);\n}\n.step-clickable[data-v-ecd7bf0c] {\n  cursor: pointer;\n}\n.step-clickable:hover .step-icon[data-v-ecd7bf0c] {\n  transform: scale(1.05);\n}\n.step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {\n  background: var(--bg-hover);\n}\n.step-clickable:hover .step-title[data-v-ecd7bf0c] {\n  color: var(--primary);\n}\n@media (max-width: 768px) {\n.steps-horizontal[data-v-ecd7bf0c] {\n    flex-wrap: wrap;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n    flex: 0 0 50%;\n    margin-bottom: 24px;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n    display: none;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-icon[data-v-ecd7bf0c],\n  .step-line[data-v-ecd7bf0c] {\n    transition: none;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Steps.css

@@ -0,0 +1,171 @@
+/* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {
+  --step-gap: 24px;
+  --icon-size: 32px;
+  --line-width: 2px;
+  --primary: var(--c-primary, #18a058);
+  --success: var(--c-success, #18a058);
+  --warning: var(--c-warning, #f0a020);
+  --error: var(--c-error, #d03050);
+  --border: var(--c-border, rgba(0, 0, 0, 0.09));
+  --bg-hover: rgba(0, 0, 0, 0.04);
+  display: flex;
+}
+.steps-horizontal[data-v-ecd7bf0c] {
+  flex-direction: row;
+  align-items: flex-start;
+}
+.steps-vertical[data-v-ecd7bf0c] {
+  flex-direction: column;
+}
+.step-item[data-v-ecd7bf0c] {
+  display: flex;
+  position: relative;
+  flex: 1;
+  gap: 12px;
+}
+.steps-horizontal .step-item[data-v-ecd7bf0c] {
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  min-width: 0;
+}
+.steps-vertical .step-item[data-v-ecd7bf0c] {
+  flex-direction: row;
+  min-height: 72px;
+  flex: none;
+  width: 100%;
+}
+.step-indicator[data-v-ecd7bf0c] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.steps-horizontal .step-indicator[data-v-ecd7bf0c] {
+  width: 100%;
+  justify-content: center;
+}
+.steps-vertical .step-indicator[data-v-ecd7bf0c] {
+  flex-direction: column;
+}
+.step-icon[data-v-ecd7bf0c] {
+  width: var(--icon-size);
+  height: var(--icon-size);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--line-width) solid var(--border);
+  background: var(--c-bg-card, #fff);
+  position: relative;
+  z-index: 1;
+  transition: all 0.2s ease;
+  font-size: 16px;
+}
+.step-finish .step-icon[data-v-ecd7bf0c] {
+  border-color: var(--success);
+  color: var(--success);
+}
+.step-process .step-icon[data-v-ecd7bf0c] {
+  border-color: var(--primary);
+  background: var(--primary);
+  color: white;
+}
+.step-error .step-icon[data-v-ecd7bf0c] {
+  border-color: var(--error);
+  color: var(--error);
+}
+.step-index[data-v-ecd7bf0c] {
+  font-size: 14px;
+  font-weight: 500;
+}
+.step-line[data-v-ecd7bf0c] {
+  background: var(--border);
+  position: absolute;
+  transition: background 0.2s ease;
+}
+.steps-horizontal .step-line[data-v-ecd7bf0c] {
+  height: var(--line-width);
+  left: calc(50% + var(--icon-size) / 2);
+  right: calc(-50% + var(--icon-size) / 2 + var(--step-gap));
+  top: calc(var(--icon-size) / 2);
+}
+.steps-vertical .step-line[data-v-ecd7bf0c] {
+  width: var(--line-width);
+  top: calc(var(--icon-size) + 4px);
+  bottom: calc(-72px + var(--icon-size) + 4px);
+  left: calc(var(--icon-size) / 2 - 1px);
+}
+.step-finish .step-line[data-v-ecd7bf0c] {
+  background: var(--success);
+}
+.step-content[data-v-ecd7bf0c] {
+  flex: 1;
+  min-width: 0;
+}
+.steps-vertical .step-content[data-v-ecd7bf0c] {
+  padding-top: 4px;
+}
+.step-title[data-v-ecd7bf0c] {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+  margin-bottom: 2px;
+  word-break: break-word;
+}
+.step-time[data-v-ecd7bf0c] {
+  font-size: 12px;
+  line-height: 20px;
+  margin-bottom: 2px;
+  opacity: 0.65;
+}
+.step-finish .step-time[data-v-ecd7bf0c] {
+  color: var(--success);
+}
+.step-description[data-v-ecd7bf0c] {
+  font-size: 12px;
+  line-height: 20px;
+  opacity: 0.65;
+}
+.step-wait .step-title[data-v-ecd7bf0c] {
+  opacity: 0.65;
+}
+.step-process .step-title[data-v-ecd7bf0c] {
+  color: var(--primary);
+  font-weight: 600;
+}
+.step-error .step-title[data-v-ecd7bf0c] {
+  color: var(--error);
+}
+.step-clickable[data-v-ecd7bf0c] {
+  cursor: pointer;
+}
+.step-clickable:hover .step-icon[data-v-ecd7bf0c] {
+  transform: scale(1.05);
+}
+.step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {
+  background: var(--bg-hover);
+}
+.step-clickable:hover .step-title[data-v-ecd7bf0c] {
+  color: var(--primary);
+}
+@media (max-width: 768px) {
+.steps-horizontal[data-v-ecd7bf0c] {
+    flex-wrap: wrap;
+}
+.steps-horizontal .step-item[data-v-ecd7bf0c] {
+    flex: 0 0 50%;
+    margin-bottom: 24px;
+}
+.steps-horizontal .step-line[data-v-ecd7bf0c] {
+    display: none;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.step-icon[data-v-ecd7bf0c],
+  .step-line[data-v-ecd7bf0c] {
+    transition: none;
+}
+}
+
+/*# sourceMappingURL=C_Steps-DGwXxS2Y.css.map*/

package/dist/C_Steps.d.cts

@@ -1,2 +1,2 @@
-import { n as _default, t as StepItem } from "./index14.vue.js";
+import { n as _default, t as StepItem } from "./index16.vue.js";
 export { _default as C_Steps, type StepItem };

package/dist/C_Steps.d.ts

@@ -1,2 +1,2 @@
-import { n as _default, t as StepItem } from "./index14.vue.js";
+import { n as _default, t as StepItem } from "./index16.vue.js";
 export { _default as C_Steps, type StepItem };

package/dist/C_Table-Dcam_tRs.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Table-Dcam_tRs.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=1a3d4df6&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=18a2952a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-1a3d4df6] {\n  flex: 1;\n  min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 10px;\n  height: 34px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n  white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-1a3d4df6] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 10px 12px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-1a3d4df6] {\n  flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-1a3d4df6] {\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 4px;\n  margin-bottom: 4px;\n  border-radius: 4px;\n  background: transparent;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6]:hover {\n  background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-1a3d4df6] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-1a3d4df6] {\n  background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-1a3d4df6] {\n  background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  gap: 10px;\n  min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6] {\n  color: var(--n-text-color-3);\n  cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6]:active {\n  cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-1a3d4df6] {\n  cursor: not-allowed;\n  opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-1a3d4df6] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-1a3d4df6] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6] {\n  opacity: 0.6;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6]:not(.disabled):hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-1a3d4df6] {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6] {\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6]:hover {\n  transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-18a2952a] {\n  width: 100%;\n  position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-18a2952a] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a] {\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-18a2952a] {\n  margin-bottom: 16px;\n  padding: 16px;\n  border-radius: 8px;\n  border: 1px solid var(--n-border-color);\n  background-color: var(--n-card-color);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-18a2952a]:hover {\n  border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-18a2952a] .n-data-table {\n  table-layout: auto !important;\n  width: 100% !important;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动（固定列必需） */\n[data-v-18a2952a] .n-data-table-wrapper {\n  overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-18a2952a] {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-18a2952a] .n-data-table-th:not(:last-child) {\n  min-width: 80px !important;\n}\n\n/* 操作列固定宽度（适应4个按钮的布局） */\n[data-v-18a2952a] .n-data-table-th:last-child {\n  width: 180px !important;\n  min-width: 160px !important;\n  max-width: 200px !important;\n  text-align: center !important;\n  padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-18a2952a] .n-data-table-td:last-child .n-space {\n  justify-content: center !important;\n  align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 6px 8px;\n  min-height: 36px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  cursor: pointer;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-18a2952a]:hover {\n  background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-18a2952a] {\n  opacity: 1;\n  color: var(--n-color-success);\n  transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-18a2952a]:active {\n  transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-18a2952a] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 16px;\n  line-height: 1.4;\n  font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-18a2952a],.cell-edit-icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: pointer;\n  margin-left: 4px;\n  transition: all 0.25s ease;\n  color: var(--n-color-success);\n  opacity: 0;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活效果 */\n  /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-18a2952a]:hover,.cell-edit-icon {\n  opacity: 1 !important;\n  color: var(--n-color-success-hover) !important;\n  background-color: var(--n-color-success-pressed);\n  transform: scale(1.1);\n}\n.cell-edit-icon[data-v-18a2952a]:active,.cell-edit-icon {\n  transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-18a2952a],.cell-edit-icon {\n  width: 14px;\n  height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n  display: flex !important;\n  align-items: center !important;\n  width: 100% !important;\n  min-height: 36px !important;\n  background-color: var(--n-input-color) !important;\n  border: 1px solid var(--n-primary-color) !important;\n  border-radius: 6px !important;\n  padding: 4px 6px !important;\n  box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n  gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-18a2952a],[data-v-18a2952a] .cell-editing-input {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-18a2952a] .cell-editing-input .n-input {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input.n-input--focus {\n  border: none !important;\n  box-shadow: none !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input-number {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select .n-base-selection {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n  display: flex !important;\n  flex-shrink: 0 !important;\n  align-items: center !important;\n  gap: 4px !important;\n  background: var(--n-color-popover) !important;\n  border: 1px solid var(--n-border-color) !important;\n  border-radius: 4px !important;\n  padding: 2px !important;\n  box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  border: none !important;\n  border-radius: 3px !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n  background: transparent !important;\n  /* 保存按钮 */\n  /* 取消按钮 */\n  /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-save {\n  color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-save:hover {\n  background: var(--n-color-success-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-cancel {\n  color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-cancel:hover {\n  background: var(--n-color-error-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n  width: 11px !important;\n  height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-18a2952a] .n-button {\n  white-space: nowrap;\n  font-size: 12px !important;\n  flex-shrink: 0 !important;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  font-weight: 500;\n  /* 图标间距 */\n  /* 小尺寸按钮优化 */\n  /* 四元按钮样式 */\n}\n[data-v-18a2952a] .n-button .n-icon {\n  margin-right: 4px !important;\n}\n[data-v-18a2952a] .n-button.n-button--small-type {\n  padding: 4px 8px;\n  height: 28px;\n  line-height: 20px;\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:active {\n  transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-18a2952a] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n  margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-18a2952a] .n-modal .n-card {\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-18a2952a] .n-modal .n-card__header {\n  padding: 20px 24px 16px;\n  font-weight: 600;\n  font-size: 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__content {\n  padding: 0 24px 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__action {\n  padding: 16px 24px 20px;\n  border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-label {\n  font-weight: 500;\n  color: var(--n-text-color-2);\n}\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-content {\n  color: var(--n-text-color-1);\n  word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-18a2952a] {\n    overflow-x: auto;\n}\n  /* 操作列在移动端的适配 */\n[data-v-18a2952a] .n-data-table-th:last-child {\n    width: 160px !important;\n    min-width: 160px !important;\n}\n  /* 按钮在移动端的优化 */\n[data-v-18a2952a] .n-button {\n    font-size: 11px !important;\n    padding: 3px 6px;\n}\n[data-v-18a2952a] .n-button .n-icon {\n    margin-right: 2px !important;\n}\n  /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-18a2952a] {\n  /* CSS 变量已自动适配，如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n    gap: 6px !important;\n}\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n    gap: 3px !important;\n    padding: 2px !important;\n}\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n    width: 18px !important;\n    height: 18px !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n    width: 10px !important;\n    height: 10px !important;\n}\n  /* 移动端编辑图标 */\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.6 !important;\n}\n.cell-value[data-v-18a2952a] {\n    margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-18a2952a],\n.cell-action-btn[data-v-18a2952a] {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n[data-v-18a2952a] .n-button {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-18a2952a]:focus-within,\n.cell-editing-container[data-v-18a2952a]:focus-within {\n  outline: 2px solid var(--n-primary-color);\n  outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.8;\n}\n.cell-editing-actions[data-v-18a2952a] {\n    border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}