@robot-admin/naive-ui-components 0.3.1 → 0.3.3

package/dist/C_Form-Cr9oX037.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Form-Cr9oX037.css","names":[],"sources":["../src/components/C_Form/layouts/Default/index.vue?vue&type=style&index=0&scoped=a0e973bb&lang.css","../src/components/C_Form/layouts/Inline/index.vue?vue&type=style&index=0&scoped=ca3767dc&lang.scss","../src/components/C_Form/layouts/Grid/index.vue?vue&type=style&index=0&scoped=feb1a2b2&lang.scss","../src/components/C_Form/layouts/Card/index.vue?vue&type=style&index=0&scoped=c9b312a4&lang.scss","../src/components/C_Form/layouts/Tabs/index.vue?vue&type=style&index=0&scoped=68d1ce03&lang.scss","../src/components/C_Form/layouts/Steps/index.vue?vue&type=style&index=0&scoped=7249a960&lang.scss","../src/components/C_Form/layouts/Dynamic/index.vue?vue&type=style&index=0&scoped=12a3673e&lang.scss","../src/components/C_Form/layouts/Custom/index.vue?vue&type=style&index=0&scoped=ff9bdb76&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-form-default[data-v-a0e973bb] {\r\n  width: 100%;\n}\r\n","/* unplugin-vue-components disabled *//* Inline 布局样式 */\n.c-form-inline[data-v-ca3767dc] {\n  width: 100%;\n  min-height: 0;\n  transition: all 0.3s ease;\n}\n.c-form-inline-item[data-v-ca3767dc] {\n  min-width: 0;\n  transition: all 0.3s ease;\n}\n\n/* 确保内部所有表单组件都占满容器宽度 */\n.c-form-inline-item[data-v-ca3767dc] .n-form-item {\n  width: 100%;\n  margin-bottom: 0;\n}\n.c-form-inline-item[data-v-ca3767dc] .n-form-item-blank {\n  width: 100%;\n}\n.c-form-inline-item[data-v-ca3767dc] .n-input,\n.c-form-inline-item[data-v-ca3767dc] .n-select,\n.c-form-inline-item[data-v-ca3767dc] .n-date-picker,\n.c-form-inline-item[data-v-ca3767dc] .n-time-picker,\n.c-form-inline-item[data-v-ca3767dc] .n-input-number,\n.c-form-inline-item[data-v-ca3767dc] .n-cascader,\n.c-form-inline-item[data-v-ca3767dc] .n-color-picker,\n.c-form-inline-item[data-v-ca3767dc] .n-auto-complete,\n.c-form-inline-item[data-v-ca3767dc] .n-tree-select {\n  width: 100% !important;\n}\n\n/* 单选框和复选框组保持自然宽度 */\n.c-form-inline-item[data-v-ca3767dc] .n-radio-group,\n.c-form-inline-item[data-v-ca3767dc] .n-checkbox-group {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* 开关组件居左对齐 */\n.c-form-inline-item[data-v-ca3767dc] .n-switch {\n  width: auto;\n}\n\n/* ================= 对齐方式样式增强 ================= */\n/* 当容器使用 center 对齐时，确保表单项也居中 */\n.c-form-inline[style*=\"justify-content: center\"] .c-form-inline-item[data-v-ca3767dc] {\n  text-align: center;\n}\n\n/* 当容器使用 end 对齐时，确保表单项也右对齐 */\n.c-form-inline[style*=\"justify-content: flex-end\"] .c-form-inline-item[data-v-ca3767dc] {\n  text-align: right;\n}\n\n/* 当容器使用 start 对齐时，确保表单项左对齐 */\n.c-form-inline[style*=\"justify-content: flex-start\"] .c-form-inline-item[data-v-ca3767dc] {\n  text-align: left;\n}\n\n/* ================= 响应式设计 ================= */\n/* 移动设备 - 改为垂直布局 */\n@media (max-width: 768px) {\n.c-form-inline[data-v-ca3767dc] {\n    flex-direction: column !important;\n    gap: 12px !important;\n    justify-content: flex-start !important;\n}\n.c-form-inline-item[data-v-ca3767dc] {\n    width: 100% !important;\n    text-align: left !important;\n}\n}\n/* 小屏手机 */\n@media (max-width: 480px) {\n.c-form-inline[data-v-ca3767dc] {\n    gap: 8px !important;\n}\n}","/* unplugin-vue-components disabled *//* Grid 布局样式 */\n/* 变量定义 */\n.c-grid-layout[data-v-feb1a2b2] {\n  width: 100%;\n  /* 配置面板 */\n  /* 网格容器 */\n  /* 统计信息 */\n}\n.c-grid-layout .config-panel[data-v-feb1a2b2] {\n  margin-bottom: 1rem;\n}\n.c-grid-layout .config-panel .config-header[data-v-feb1a2b2] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.c-grid-layout .config-panel .config-controls[data-v-feb1a2b2] {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-feb1a2b2] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-feb1a2b2] {\n  font-size: 0.875rem;\n  white-space: nowrap;\n  min-width: 3rem;\n}\n.c-grid-layout .grid-container[data-v-feb1a2b2] {\n  width: 100%;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2] {\n  /* 进场动画 */\n  animation: fadeInUp-feb1a2b2 0.3s ease-out both;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(1) {\n  animation-delay: 0.05s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(2) {\n  animation-delay: 0.1s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(3) {\n  animation-delay: 0.15s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(4) {\n  animation-delay: 0.2s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(5) {\n  animation-delay: 0.25s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(6) {\n  animation-delay: 0.3s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(7) {\n  animation-delay: 0.35s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(8) {\n  animation-delay: 0.4s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(9) {\n  animation-delay: 0.45s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(10) {\n  animation-delay: 0.5s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(11) {\n  animation-delay: 0.55s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(12) {\n  animation-delay: 0.6s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(13) {\n  animation-delay: 0.65s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(14) {\n  animation-delay: 0.7s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(15) {\n  animation-delay: 0.75s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(16) {\n  animation-delay: 0.8s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(17) {\n  animation-delay: 0.85s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(18) {\n  animation-delay: 0.9s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(19) {\n  animation-delay: 0.95s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-feb1a2b2]:nth-child(20) {\n  animation-delay: 1s;\n}\n.c-grid-layout .grid-stats[data-v-feb1a2b2] {\n  margin-top: 1rem;\n  font-size: 0.875rem;\n  opacity: 0.8;\n}\n\n/* 动画定义 */\n@keyframes fadeInUp-feb1a2b2 {\nfrom {\n    opacity: 0;\n    transform: translateY(10px) scale(0.95);\n}\nto {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n}\n/* 表单控件统一宽度 */\n[data-v-feb1a2b2] .n-form-item .n-form-item-blank {\n  /* 统一所有表单控件的宽度 */\n}\n[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-input,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-input-number,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-select,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-date-picker,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-time-picker,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-cascader,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-tree-select,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-feb1a2b2] .n-form-item .n-form-item-blank .n-dynamic-tags {\n  width: 100% !important;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.c-grid-layout .config-panel .config-controls[data-v-feb1a2b2] {\n    flex-direction: column;\n    gap: 0.75rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-feb1a2b2] {\n    justify-content: space-between;\n}\n.c-grid-layout .grid-container[data-v-feb1a2b2] .n-grid {\n    gap: 0.5rem !important;\n}\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-feb1a2b2] {\n    padding: 0.125rem;\n}\n.c-grid-layout .grid-stats[data-v-feb1a2b2] {\n    margin-top: 0.75rem;\n    font-size: 0.875rem;\n}\n}\n@media (max-width: 480px) {\n.c-grid-layout .config-panel[data-v-feb1a2b2] {\n    margin-bottom: 0.75rem;\n}\n}\n/* 主题适配 */\n[data-v-feb1a2b2] .n-card {\n  --n-border-radius: 8px;\n}\n[data-v-feb1a2b2] .n-input-number {\n  --n-width: 100%;\n}\n\n/* 暗色主题 */\n@media (prefers-color-scheme: dark) {\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-feb1a2b2]:hover {\n    background-color: rgba(255, 255, 255, 0.05);\n}\n}","/* unplugin-vue-components disabled *//* Card 布局样式 */\n.c-form-card[data-v-c9b312a4] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n/* ================= 配置面板 ================= */\n.layout-config-panel[data-v-c9b312a4] {\n  margin-bottom: 0;\n}\n.config-controls[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n@media (max-width: 768px) {\n.config-controls[data-v-c9b312a4] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.config-item[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n}\n@media (max-width: 768px) {\n.config-item[data-v-c9b312a4] {\n    justify-content: space-between;\n}\n}\n\n/* ================= 表单内容区域 ================= */\n.form-content[data-v-c9b312a4] {\n  display: flex;\n}\n.layout-single[data-v-c9b312a4],\n.layout-vertical[data-v-c9b312a4] {\n  flex-direction: column;\n}\n.layout-horizontal[data-v-c9b312a4] {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.layout-horizontal .group-card[data-v-c9b312a4] {\n  flex: 1;\n  min-width: 0;\n}\n@media (max-width: 1200px) {\n.layout-horizontal[data-v-c9b312a4] {\n    flex-direction: column;\n}\n}\n\n/* ================= 卡片样式 ================= */\n.single-card[data-v-c9b312a4],\n.group-card[data-v-c9b312a4] {\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  border-left-width: 4px;\n}\n.single-card[data-v-c9b312a4],\n.basic-card[data-v-c9b312a4] {\n  border-left-color: #3b82f6;\n}\n.contact-card[data-v-c9b312a4] {\n  border-left-color: #22c55e;\n}\n.preferences-card[data-v-c9b312a4] {\n  border-left-color: #a855f7;\n}\n.group-card.collapsed .card-content[data-v-c9b312a4] {\n  display: none;\n}\n\n/* ================= 卡片头部 ================= */\n.card-header[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.header-info[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.card-icon[data-v-c9b312a4] {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: 0.5rem;\n  border-radius: 0.5rem;\n  background: linear-gradient(to bottom right, #3b82f6, #9333ea);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.125rem;\n}\n.header-text h3[data-v-c9b312a4] {\n  font-size: 1.125rem;\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n.header-text p[data-v-c9b312a4] {\n  font-size: 0.875rem;\n  color: #6b7280;\n  margin: 0;\n}\n.header-actions[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.field-stats[data-v-c9b312a4] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n/* ================= 卡片内容 ================= */\n.card-content[data-v-c9b312a4] {\n  padding-top: 1rem;\n}\n.progress-section[data-v-c9b312a4] {\n  padding-bottom: 1rem;\n}\n\n/* ================= 操作面板 ================= */\n.action-content[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n}\n@media (max-width: 768px) {\n.action-content[data-v-c9b312a4] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.status-summary[data-v-c9b312a4] {\n  display: flex;\n  gap: 1.5rem;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.status-item[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.status-item .label[data-v-c9b312a4] {\n  font-size: 0.875rem;\n}\n.progress-display[data-v-c9b312a4] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  min-width: 8rem;\n}\n.action-buttons[data-v-c9b312a4] {\n  display: flex;\n  gap: 0.75rem;\n}","/* unplugin-vue-components disabled *//* Tabs 布局样式 */\n.c-form-tabs[data-v-68d1ce03] {\n  width: 100%;\n}\n.single-panel[data-v-68d1ce03] {\n  width: 100%;\n}\n.tabs-container[data-v-68d1ce03] {\n  width: 100%;\n}\n.form-tabs[data-v-68d1ce03] {\n  width: 100%;\n}\n.tab-icon[data-v-68d1ce03] {\n  font-size: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.tab-header[data-v-68d1ce03] {\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.tab-description[data-v-68d1ce03] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  opacity: 0.8;\n}\n.tab-form-items[data-v-68d1ce03] {\n  width: 100%;\n}\n.tab-empty[data-v-68d1ce03] {\n  padding: 40px 0;\n}\n.tabs-actions[data-v-68d1ce03] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-border-color);\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.tabs-actions[data-v-68d1ce03] {\n    margin-top: 12px;\n    padding-top: 8px;\n}\n.tabs-actions[data-v-68d1ce03] .n-space {\n    flex-wrap: wrap;\n}\n}","/* unplugin-vue-components disabled *//* Steps 布局样式 */\n.c-form-steps[data-v-7249a960] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.single-panel[data-v-7249a960] {\n  width: 100%;\n}\n.steps-container[data-v-7249a960] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.steps-indicator[data-v-7249a960] {\n  padding: 24px;\n  border-radius: 8px;\n}\n.steps-content[data-v-7249a960] {\n  min-height: 400px;\n}\n.step-panel[data-v-7249a960] {\n  animation: fadeIn-7249a960 0.3s ease-in-out;\n}\n.step-header[data-v-7249a960] {\n  margin-bottom: 24px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.step-title[data-v-7249a960] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n}\n.step-description[data-v-7249a960] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n}\n.step-form-items[data-v-7249a960] {\n  width: 100%;\n}\n.steps-actions[data-v-7249a960] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--n-border-color);\n}\n@keyframes fadeIn-7249a960 {\nfrom {\n    opacity: 0;\n    transform: translateY(8px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 垂直步骤样式 */\n.steps-container[data-v-7249a960]:has(.steps-indicator:deep(.n-steps--vertical)) {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-7249a960] {\n  flex-shrink: 0;\n  width: 250px;\n  margin-right: 24px;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-content[data-v-7249a960] {\n  flex: 1;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.steps-container[data-v-7249a960]:has(.steps-indicator:deep(.n-steps--vertical)) {\n    flex-direction: column !important;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-7249a960] {\n    width: 100% !important;\n    margin-right: 0 !important;\n    margin-bottom: 16px;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-panel[data-v-7249a960] {\n    animation: none !important;\n}\n}","/* unplugin-vue-components disabled *//* Dynamic 布局样式 */\n.c-form-dynamic[data-v-12a3673e] {\n  width: 100%;\n}\n.dynamic-controls[data-v-12a3673e],\n.dynamic-controls-fallback[data-v-12a3673e] {\n  margin-bottom: 16px;\n}\n.dynamic-stats[data-v-12a3673e] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-divider-color);\n}\n.dynamic-item-wrapper[data-v-12a3673e] {\n  position: relative;\n  transition: all 0.3s ease;\n  animation: fadeInUp-12a3673e 0.3s ease-out;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-12a3673e] {\n  border: 1px dashed var(--n-color-primary);\n  border-radius: 6px;\n  padding: 8px;\n  background-color: var(--n-color-primary-suppl);\n}\n.max-fields-config[data-v-12a3673e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n.max-fields-config span[data-v-12a3673e] {\n  font-weight: 500;\n  white-space: nowrap;\n  color: var(--n-text-color-2);\n}\n@keyframes fadeInUp-12a3673e {\nfrom {\n    opacity: 0;\n    transform: translateY(10px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 响应式设计 */\n@media (max-width: 768px) {\n.dynamic-controls[data-v-12a3673e],\n  .dynamic-controls-fallback[data-v-12a3673e] {\n    margin-bottom: 12px;\n}\n.dynamic-stats[data-v-12a3673e] {\n    margin-top: 12px;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-12a3673e] {\n    padding: 6px;\n}\n.max-fields-config[data-v-12a3673e] {\n    margin-top: 8px;\n}\n}\n/* 辅助功能 */\n@media (prefers-reduced-motion: reduce) {\n.dynamic-item-wrapper[data-v-12a3673e] {\n    animation: none !important;\n    transition: none !important;\n}\n}\n@media (prefers-contrast: high) {\n.dynamic-item-wrapper.is-dynamic-field[data-v-12a3673e] {\n    border-width: 2px;\n    border-color: currentColor;\n}\n}","/* unplugin-vue-components disabled *//* Custom 布局样式 */\n.custom-layout .toolbar-card[data-v-ff9bdb76] {\n  margin-bottom: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content[data-v-ff9bdb76] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-ff9bdb76],\n.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-ff9bdb76],\n.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.custom-layout .toolbar-card .toolbar-content .section-label[data-v-ff9bdb76] {\n  font-size: 14px;\n  font-weight: 500;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-ff9bdb76] {\n  text-align: center;\n  min-width: 60px;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-ff9bdb76] {\n  display: block;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--n-primary-color);\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-ff9bdb76] {\n  font-size: 12px;\n  opacity: 0.7;\n  margin-top: 4px;\n}\n.custom-layout .design-panel[data-v-ff9bdb76] {\n  margin-bottom: 16px;\n}\n.custom-layout .design-panel .design-tools[data-v-ff9bdb76] {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.custom-layout .design-panel .design-tools .tool-group[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-ff9bdb76] {\n  font-size: 14px;\n  font-weight: 500;\n  margin-right: 4px;\n}\n.custom-layout .layout-canvas[data-v-ff9bdb76] {\n  min-height: 200px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-ff9bdb76] {\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n  padding: 16px;\n  background: var(--n-body-color);\n}\n.custom-layout .layout-canvas .canvas-hint[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  text-align: center;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-ff9bdb76] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-ff9bdb76] {\n  margin: 0;\n  opacity: 0.7;\n  font-size: 14px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-ff9bdb76] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .layout-canvas .custom-area[data-v-ff9bdb76] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  background: var(--n-card-color);\n  padding: 16px;\n  min-height: 120px;\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .custom-area .area-header[data-v-ff9bdb76] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--n-divider-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-ff9bdb76] {\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-ff9bdb76]:hover {\n  background: var(--n-button-color-hover);\n  color: var(--n-primary-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-ff9bdb76] {\n  min-width: 120px;\n  max-width: 200px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-ff9bdb76] {\n  display: flex;\n  gap: 4px;\n}\n.custom-layout .layout-canvas .custom-area .area-fields[data-v-ff9bdb76] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-height: 60px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 6px;\n  font-size: 14px;\n  opacity: 0.6;\n  transition: all 0.2s ease;\n  background: var(--n-body-color);\n  margin-top: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-ff9bdb76]:hover {\n  border-color: var(--n-primary-color);\n  opacity: 1;\n}\n.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-ff9bdb76] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-ff9bdb76] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item[data-v-ff9bdb76] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-body-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .field-item[data-v-ff9bdb76]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-item .field-preview[data-v-ff9bdb76] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-ff9bdb76] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-ff9bdb76] {\n  font-size: 11px;\n  opacity: 0.6;\n  background: var(--n-tag-color);\n  padding: 2px 6px;\n  border-radius: 4px;\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .field-pool[data-v-ff9bdb76] {\n  margin-top: 16px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-ff9bdb76] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-ff9bdb76] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-card-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-ff9bdb76]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-ff9bdb76] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-ff9bdb76] {\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: var(--n-tag-color);\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .empty-layout[data-v-ff9bdb76] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  padding: 16px;\n}\n.custom-layout .layout-canvas .form-areas[data-v-ff9bdb76] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: flex-start;\n}\n.custom-layout .layout-canvas .form-areas .form-area[data-v-ff9bdb76] {\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-ff9bdb76] {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  /* 统一表单项宽度 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank {\n  width: 100%;\n  /* 统一输入控件宽度 */\n  /* 特殊控件的额外处理 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-input,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-date-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-input-number,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-textarea,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-checkbox-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-cascader,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-tree-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-time-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-color-picker {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-ff9bdb76] .n-form-item .n-form-item-blank .n-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-ff9bdb76] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-ff9bdb76] .n-form-item {\n  flex: 1;\n  min-width: 200px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-ff9bdb76] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 16px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-ff9bdb76] .n-form-item {\n  width: 100%;\n}\n\n/* 拖拽状态 */\n.area-ghost[data-v-ff9bdb76],\n.field-ghost[data-v-ff9bdb76] {\n  opacity: 0.5;\n  background: var(--n-primary-color-suppl);\n  border: 2px dashed var(--n-primary-color);\n  transform: rotate(2deg);\n}\n\n/* 响应式 */\n@media (max-width: 1024px) {\n.custom-layout .toolbar-content[data-v-ff9bdb76] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-ff9bdb76] {\n    flex-direction: column;\n}\n}\n@media (max-width: 768px) {\n.custom-layout .design-tools[data-v-ff9bdb76] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-ff9bdb76] {\n    padding: 12px;\n}\n.custom-layout .custom-area[data-v-ff9bdb76] {\n    padding: 12px;\n    min-height: 100px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-ff9bdb76] {\n    grid-template-columns: repeat(2, 1fr);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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;ACnKA;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;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;ACxKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACtFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;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"}

package/dist/C_Form.cjs

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('./C_Icon.js');
+require('./C_Editor.js');
 const require_C_Form = require('./C_Form.js');
 
 exports.C_Form = require_C_Form.C_Form_default;

package/dist/C_Form.js

@@ -1,4 +1,5 @@
 import "./C_Icon2.js";
+import "./C_Editor2.js";
 import { a as registerRenderer, c as FORM_DEFAULTS, d as shouldShowActions, i as useDynamicFormState, l as LAYOUTS_WITH_OWN_CONTROLS, n as DYNAMIC_FORM_STATE_KEY, o as useFormRenderer, r as FIELD_TYPE_OPTIONS, s as useFormState, t as C_Form_default, u as resolveFormConfig } from "./C_Form2.js";
 
 export { C_Form_default as C_Form, DYNAMIC_FORM_STATE_KEY, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, LAYOUTS_WITH_OWN_CONTROLS, registerRenderer, resolveFormConfig, shouldShowActions, useDynamicFormState, useFormRenderer, useFormState };

package/dist/C_Form2.js

@@ -1,7 +1,8 @@
 import { t as C_Icon_default } from "./C_Icon2.js";
 import { t as export_helper_default } from "./export-helper.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, unref, vShow, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
-import { NButton, NForm, NFormItem, NSpace } from "naive-ui";
+import { t as C_Editor_default } from "./C_Editor2.js";
+import { NAlert, NBadge, NButton, NButtonGroup, NCard, NCascader, NCheckbox, NCheckboxGroup, NColorPicker, NDatePicker, NEmpty, NForm, NFormItem, NGrid, NGridItem, NInput, NInputNumber, NProgress, NRadio, NRadioGroup, NRate, NSelect, NSlider, NSpace, NStep, NSteps, NSwitch, NTabPane, NTabs, NTag, NTimePicker, NUpload } from "naive-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, unref, vShow, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
 import { mergeRules } from "@robot-admin/form-validate";
 
 //#region src/components/C_Form/composables/useFormConfig.ts
@@ -216,11 +217,7 @@ function useFormState(options, config, formRef, emit) {
 //#region src/components/C_Form/composables/useFormRenderer.ts
 /**
 * 构建渲染器注册表
-* @param C - 组件映射表（由 C_Form 的 <script setup> 解析并注入）
-*
-* 为什么不在 .ts 文件中直接 resolveComponent？
-* unplugin-vue-components 只转换 .vue SFC 中的 resolveComponent 调用，
-* .ts 文件中的 resolveComponent 不会被转换，运行时无法找到组件。
+* @param C - 组件映射表（由 C_Form 直接 import naive-ui 组件后注入）
 */
 function buildRenderers(C) {
 	return {
@@ -372,7 +369,7 @@ var index_vue_vue_type_script_setup_true_lang_default$8 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Default/index.vue
-var Default_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$8, [["__scopeId", "data-v-3422ba86"]]);
+var Default_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$8, [["__scopeId", "data-v-a0e973bb"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Inline/index.vue?vue&type=script&setup=true&lang.ts
@@ -481,7 +478,7 @@ var index_vue_vue_type_script_setup_true_lang_default$7 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Inline/index.vue
-var Inline_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$7, [["__scopeId", "data-v-c4648e30"]]);
+var Inline_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$7, [["__scopeId", "data-v-ca3767dc"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Grid/index.vue?vue&type=script&setup=true&lang.ts
@@ -616,10 +613,10 @@ var index_vue_vue_type_script_setup_true_lang_default$6 = /* @__PURE__ */ define
 			})
 		});
 		return (_ctx, _cache) => {
-			const _component_NCard = resolveComponent("NCard");
-			const _component_NGridItem = resolveComponent("NGridItem");
-			const _component_NGrid = resolveComponent("NGrid");
-			const _component_NAlert = resolveComponent("NAlert");
+			const _component_NCard = NCard;
+			const _component_NGridItem = NGridItem;
+			const _component_NGrid = NGrid;
+			const _component_NAlert = NAlert;
 			return openBlock(), createElementBlock("div", _hoisted_1$5, [
 				createCommentVNode(" 配置面板 "),
 				showConfigPanel.value ? (openBlock(), createBlock(_component_NCard, {
@@ -675,7 +672,7 @@ var index_vue_vue_type_script_setup_true_lang_default$6 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Grid/index.vue
-var Grid_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$6, [["__scopeId", "data-v-ec7e9532"]]);
+var Grid_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$6, [["__scopeId", "data-v-feb1a2b2"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Card/index.vue?vue&type=script&setup=true&lang.ts
@@ -813,14 +810,14 @@ var index_vue_vue_type_script_setup_true_lang_default$5 = /* @__PURE__ */ define
 			});
 		});
 		return (_ctx, _cache) => {
-			const _component_NSlider = resolveComponent("NSlider");
-			const _component_NSwitch = resolveComponent("NSwitch");
-			const _component_NRadio = resolveComponent("NRadio");
-			const _component_NRadioGroup = resolveComponent("NRadioGroup");
-			const _component_NCard = resolveComponent("NCard");
-			const _component_NBadge = resolveComponent("NBadge");
-			const _component_NButton = resolveComponent("NButton");
-			const _component_NProgress = resolveComponent("NProgress");
+			const _component_NSlider = NSlider;
+			const _component_NSwitch = NSwitch;
+			const _component_NRadio = NRadio;
+			const _component_NRadioGroup = NRadioGroup;
+			const _component_NCard = NCard;
+			const _component_NBadge = NBadge;
+			const _component_NButton = NButton;
+			const _component_NProgress = NProgress;
 			return openBlock(), createElementBlock("div", _hoisted_1$4, [
 				createCommentVNode(" 布局配置面板 "),
 				hasGroups.value && showLayoutConfig.value ? (openBlock(), createBlock(_component_NCard, {
@@ -977,7 +974,7 @@ var index_vue_vue_type_script_setup_true_lang_default$5 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Card/index.vue
-var Card_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$5, [["__scopeId", "data-v-fff86989"]]);
+var Card_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$5, [["__scopeId", "data-v-c9b312a4"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Tabs/index.vue?vue&type=script&setup=true&lang.ts
@@ -1130,12 +1127,12 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /* @__PURE__ */ define
 			tabsWithItems: readonly(tabsWithItems)
 		});
 		return (_ctx, _cache) => {
-			const _component_NBadge = resolveComponent("NBadge");
-			const _component_NSpace = resolveComponent("NSpace");
-			const _component_NEmpty = resolveComponent("NEmpty");
-			const _component_NTabPane = resolveComponent("NTabPane");
-			const _component_NTabs = resolveComponent("NTabs");
-			const _component_NButton = resolveComponent("NButton");
+			const _component_NBadge = NBadge;
+			const _component_NSpace = NSpace;
+			const _component_NEmpty = NEmpty;
+			const _component_NTabPane = NTabPane;
+			const _component_NTabs = NTabs;
+			const _component_NButton = NButton;
 			return openBlock(), createElementBlock("div", _hoisted_1$3, [createCommentVNode(" 无标签配置时的单一面板模式 "), !hasTabs.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
 				return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, index) });
 			}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 有标签配置时的分标签模式 "), createElementVNode("div", _hoisted_3$3, [
@@ -1247,7 +1244,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Tabs/index.vue
-var Tabs_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$4, [["__scopeId", "data-v-5a6ef2b7"]]);
+var Tabs_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$4, [["__scopeId", "data-v-68d1ce03"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Steps/index.vue?vue&type=script&setup=true&lang.ts
@@ -1394,11 +1391,11 @@ var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ define
 			totalSteps: computed(() => stepsWithItems.value.length)
 		});
 		return (_ctx, _cache) => {
-			const _component_NStep = resolveComponent("NStep");
-			const _component_NSteps = resolveComponent("NSteps");
-			const _component_NCard = resolveComponent("NCard");
-			const _component_NButton = resolveComponent("NButton");
-			const _component_NSpace = resolveComponent("NSpace");
+			const _component_NStep = NStep;
+			const _component_NSteps = NSteps;
+			const _component_NCard = NCard;
+			const _component_NButton = NButton;
+			const _component_NSpace = NSpace;
 			return openBlock(), createElementBlock("div", _hoisted_1$2, [createCommentVNode(" 无步骤配置时的单一面板模式 "), !hasSteps.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.formItems, (item, index) => {
 				return openBlock(), createBlock(resolveDynamicComponent(item), { key: getItemKey(item, index) });
 			}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 有步骤配置时的分步骤模式 "), createElementVNode("div", _hoisted_3$2, [
@@ -1500,7 +1497,7 @@ var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Steps/index.vue
-var Steps_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-c0439a30"]]);
+var Steps_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-7249a960"]]);
 
 //#endregion
 //#region src/components/C_Form/composables/useDynamicFormState.ts
@@ -1802,15 +1799,15 @@ var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ define
 			});
 		});
 		return (_ctx, _cache) => {
-			const _component_NBadge = resolveComponent("NBadge");
-			const _component_NButton = resolveComponent("NButton");
-			const _component_NSpace = resolveComponent("NSpace");
-			const _component_NInputNumber = resolveComponent("NInputNumber");
-			const _component_NTag = resolveComponent("NTag");
-			const _component_NCard = resolveComponent("NCard");
-			const _component_NAlert = resolveComponent("NAlert");
-			const _component_NGridItem = resolveComponent("NGridItem");
-			const _component_NGrid = resolveComponent("NGrid");
+			const _component_NBadge = NBadge;
+			const _component_NButton = NButton;
+			const _component_NSpace = NSpace;
+			const _component_NInputNumber = NInputNumber;
+			const _component_NTag = NTag;
+			const _component_NCard = NCard;
+			const _component_NAlert = NAlert;
+			const _component_NGridItem = NGridItem;
+			const _component_NGrid = NGrid;
 			return openBlock(), createElementBlock("div", _hoisted_1$1, [
 				createCommentVNode(" 动态控制面板 "),
 				showControls.value && isDynamicStateAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [createVNode(_component_NCard, {
@@ -1948,7 +1945,7 @@ var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Dynamic/index.vue
-var Dynamic_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-3f0739c2"]]);
+var Dynamic_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-12a3673e"]]);
 
 //#endregion
 //#region src/components/C_Form/layouts/Custom/index.vue?vue&type=script&setup=true&lang.ts
@@ -2086,12 +2083,12 @@ var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ define
 			}))));
 		}, { deep: true });
 		return (_ctx, _cache) => {
-			const _component_NButton = resolveComponent("NButton");
-			const _component_NButtonGroup = resolveComponent("NButtonGroup");
-			const _component_NCard = resolveComponent("NCard");
-			const _component_NInput = resolveComponent("NInput");
-			const _component_NTag = resolveComponent("NTag");
-			const _component_NEmpty = resolveComponent("NEmpty");
+			const _component_NButton = NButton;
+			const _component_NButtonGroup = NButtonGroup;
+			const _component_NCard = NCard;
+			const _component_NInput = NInput;
+			const _component_NTag = NTag;
+			const _component_NEmpty = NEmpty;
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createCommentVNode(" 顶部工具栏 "),
 				createVNode(_component_NCard, {
@@ -2289,7 +2286,7 @@ var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_Form/layouts/Custom/index.vue
-var Custom_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-a21051df"]]);
+var Custom_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-ff9bdb76"]]);
 
 //#endregion
 //#region src/components/C_Form/index.vue?vue&type=script&setup=true&lang.ts
@@ -2319,25 +2316,25 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			custom: Custom_default
 		};
 		const COMPONENT_MAP = {
-			NFormItem: resolveComponent("NFormItem"),
-			NInput: resolveComponent("NInput"),
-			NInputNumber: resolveComponent("NInputNumber"),
-			NSwitch: resolveComponent("NSwitch"),
-			NSlider: resolveComponent("NSlider"),
-			NRate: resolveComponent("NRate"),
-			NDatePicker: resolveComponent("NDatePicker"),
-			NTimePicker: resolveComponent("NTimePicker"),
-			NCascader: resolveComponent("NCascader"),
-			NColorPicker: resolveComponent("NColorPicker"),
-			NSelect: resolveComponent("NSelect"),
-			NCheckboxGroup: resolveComponent("NCheckboxGroup"),
-			NCheckbox: resolveComponent("NCheckbox"),
-			NRadioGroup: resolveComponent("NRadioGroup"),
-			NRadio: resolveComponent("NRadio"),
-			NUpload: resolveComponent("NUpload"),
-			NButton: resolveComponent("NButton"),
-			NSpace: resolveComponent("NSpace"),
-			C_Editor: resolveComponent("C_Editor")
+			NFormItem,
+			NInput,
+			NInputNumber,
+			NSwitch,
+			NSlider,
+			NRate,
+			NDatePicker,
+			NTimePicker,
+			NCascader,
+			NColorPicker,
+			NSelect,
+			NCheckboxGroup,
+			NCheckbox,
+			NRadioGroup,
+			NRadio,
+			NUpload,
+			NButton,
+			NSpace,
+			C_Editor: C_Editor_default
 		};
 		const props = __props;
 		const emit = __emit;