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

package/dist/C_WorkFlow.css

@@ -0,0 +1,1166 @@
+/* unplugin-vue-components disabled */.start-node[data-v-f2e5a1d2] {
+  position: relative;
+}
+.node-content[data-v-f2e5a1d2] {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 16px 20px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  min-width: 160px;
+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+.node-content[data-v-f2e5a1d2]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
+}
+.node-icon[data-v-f2e5a1d2] {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+.node-info[data-v-f2e5a1d2] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  text-align: center;
+}
+.node-text[data-v-f2e5a1d2] {
+  font-weight: 600;
+  font-size: 14px;
+}
+.initiator-name[data-v-f2e5a1d2] {
+  font-size: 12px;
+  opacity: 0.9;
+  background: rgba(255, 255, 255, 0.2);
+  padding: 2px 8px;
+  border-radius: 8px;
+}
+.placeholder-text[data-v-f2e5a1d2] {
+  font-size: 11px;
+  opacity: 0.7;
+  font-style: italic;
+}
+.add-node-btn[data-v-f2e5a1d2] {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #1890ff, #722ed1);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 16px;
+  font-weight: bold;
+  z-index: 10;
+}
+.add-node-btn[data-v-f2e5a1d2]:hover {
+  transform: translateX(-50%) scale(1.1);
+  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
+}
+/* unplugin-vue-components disabled */.approval-node[data-v-25b98d0b] {
+  position: relative;
+}
+.status-indicator[data-v-25b98d0b] {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid white;
+  z-index: 2;
+  background: #faad14;
+}
+.status-indicator.approved[data-v-25b98d0b] {
+  background: #52c41a;
+}
+.status-indicator.rejected[data-v-25b98d0b] {
+  background: #ff4d4f;
+}
+.status-indicator.pending[data-v-25b98d0b] {
+  background: #1890ff;
+}
+.delete-btn[data-v-25b98d0b] {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 100; /* 确保在所有元素之上 */
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.2s ease;
+  border: 2px solid white;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+}
+.delete-btn[data-v-25b98d0b]:hover {
+  transform: scale(1);
+  background: #ff7875;
+  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
+}
+.delete-btn[data-v-25b98d0b]:active {
+  transform: scale(0.95);
+}
+.approval-node:hover .delete-btn[data-v-25b98d0b] {
+  opacity: 1;
+  transform: scale(1);
+}
+.node-card[data-v-25b98d0b] {
+  background: white;
+  border-radius: 12px;
+  min-width: 240px;
+  max-width: 300px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  border: 2px solid transparent;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  cursor: pointer;
+}
+.node-card[data-v-25b98d0b]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+  border-color: #1890ff;
+}
+.node-header[data-v-25b98d0b] {
+  padding: 12px 16px;
+  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
+  border-bottom: 1px solid #91d5ff;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.node-icon[data-v-25b98d0b] {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #1890ff;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.node-title[data-v-25b98d0b] {
+  font-weight: 600;
+  color: var(--n-text-color-1);
+  font-size: 14px;
+  flex: 1;
+}
+.node-badge[data-v-25b98d0b] {
+  background: #1890ff;
+  color: white;
+  padding: 2px 6px;
+  border-radius: 10px;
+  font-size: 11px;
+  font-weight: 600;
+  min-width: 16px;
+  text-align: center;
+}
+.approval-mode-badge[data-v-25b98d0b] {
+  background: #f0f0f0;
+  color: #666;
+  padding: 2px 6px;
+  border-radius: 8px;
+  font-size: 10px;
+  font-weight: 500;
+}
+.node-content[data-v-25b98d0b] {
+  padding: 16px;
+}
+.approvers-list[data-v-25b98d0b] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.approver-tag[data-v-25b98d0b] {
+  background: linear-gradient(135deg, #e6f7ff, #f0f9ff);
+  border: 1px solid #91d5ff;
+  border-radius: 8px;
+  padding: 8px 12px;
+  transition: all 0.2s ease;
+}
+.approver-tag[data-v-25b98d0b]:hover {
+  transform: translateX(2px);
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
+}
+.approver-tag .approver-info[data-v-25b98d0b] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.approver-tag .approver-info .approver-avatar[data-v-25b98d0b] {
+  flex-shrink: 0;
+}
+.approver-tag .approver-info .approver-details[data-v-25b98d0b] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.approver-tag .approver-info .approver-details .approver-name[data-v-25b98d0b] {
+  font-weight: 600;
+  color: #1890ff;
+  font-size: 13px;
+}
+.approver-tag .approver-info .approver-details .approver-dept[data-v-25b98d0b] {
+  font-size: 11px;
+  color: #666;
+  background: rgba(0, 0, 0, 0.05);
+  padding: 1px 4px;
+  border-radius: 4px;
+  display: inline-block;
+}
+.approver-tag .approver-info .approver-details .approver-role[data-v-25b98d0b] {
+  font-size: 10px;
+  color: #999;
+}
+.more-count[data-v-25b98d0b] {
+  background: #f0f0f0;
+  color: #8c8c8c;
+  padding: 6px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  border: 1px dashed #d9d9d9;
+}
+.placeholder[data-v-25b98d0b] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  color: #8c8c8c;
+  font-size: 12px;
+  padding: 20px 0;
+  border: 1px dashed #d9d9d9;
+  border-radius: 8px;
+  background: #fafafa;
+}
+.placeholder span[data-v-25b98d0b] {
+  font-weight: 500;
+}
+.add-node-btn[data-v-25b98d0b] {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #1890ff, #722ed1);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 10;
+}
+.add-node-btn[data-v-25b98d0b]:hover {
+  transform: translateX(-50%) scale(1.1);
+  box-shadow: 0 6px 20px rgba(24, 144, 255, 0.4);
+}
+/* unplugin-vue-components disabled */.copy-node[data-v-8723da4d] {
+  position: relative;
+}
+.status-indicator[data-v-8723da4d] {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid white;
+  z-index: 2;
+  background: #faad14;
+}
+.status-indicator.completed[data-v-8723da4d] {
+  background: #52c41a;
+}
+.status-indicator.active[data-v-8723da4d] {
+  background: #1890ff;
+}
+.delete-btn[data-v-8723da4d] {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 100;
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.2s ease;
+  border: 2px solid white;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+}
+.delete-btn[data-v-8723da4d]:hover {
+  transform: scale(1);
+  background: #ff7875;
+  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
+}
+.delete-btn[data-v-8723da4d]:active {
+  transform: scale(0.95);
+}
+.copy-node:hover .delete-btn[data-v-8723da4d] {
+  opacity: 1;
+  transform: scale(1);
+}
+.node-card[data-v-8723da4d] {
+  background: white;
+  border-radius: 12px;
+  min-width: 200px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  border: 2px solid transparent;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  cursor: pointer;
+}
+.node-card[data-v-8723da4d]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+  border-color: #52c41a;
+}
+.node-header[data-v-8723da4d] {
+  padding: 12px 16px;
+  background: #f6ffed;
+  border-bottom: 1px solid #d9f7be;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.node-icon[data-v-8723da4d] {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #52c41a;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+.node-title[data-v-8723da4d] {
+  font-weight: 600;
+  color: #262626;
+  font-size: 14px;
+  flex: 1;
+}
+.node-badge[data-v-8723da4d] {
+  background: #52c41a;
+  color: white;
+  padding: 2px 6px;
+  border-radius: 10px;
+  font-size: 11px;
+  font-weight: 600;
+  min-width: 16px;
+  text-align: center;
+}
+.node-content[data-v-8723da4d] {
+  padding: 16px;
+}
+.copy-users-list[data-v-8723da4d] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+.copy-user-tag[data-v-8723da4d] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: #f6ffed;
+  color: #52c41a;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  border: 1px solid #b7eb8f;
+}
+.more-count[data-v-8723da4d] {
+  background: #f0f0f0;
+  color: #8c8c8c;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+}
+.placeholder[data-v-8723da4d] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #8c8c8c;
+  font-size: 12px;
+  padding: 8px 0;
+}
+.add-node-btn[data-v-8723da4d] {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #52c41a, #389e0d);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 16px;
+  font-weight: bold;
+  z-index: 10;
+}
+.add-node-btn[data-v-8723da4d]:hover {
+  transform: translateX(-50%) scale(1.1);
+  box-shadow: 0 6px 20px rgba(82, 196, 26, 0.4);
+}
+/* unplugin-vue-components disabled */.condition-node[data-v-94be7bc6] {
+  position: relative;
+}
+.status-indicator[data-v-94be7bc6] {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid white;
+  z-index: 2;
+  background: #faad14;
+}
+.status-indicator.completed[data-v-94be7bc6] {
+  background: #52c41a;
+}
+.status-indicator.active[data-v-94be7bc6] {
+  background: #fa8c16;
+}
+.delete-btn[data-v-94be7bc6] {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 100;
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.2s ease;
+  border: 2px solid white;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+}
+.delete-btn[data-v-94be7bc6]:hover {
+  transform: scale(1);
+  background: #ff7875;
+  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.5);
+}
+.delete-btn[data-v-94be7bc6]:active {
+  transform: scale(0.95);
+}
+.condition-node:hover .delete-btn[data-v-94be7bc6] {
+  opacity: 1;
+  transform: scale(1);
+}
+.node-card[data-v-94be7bc6] {
+  background: white;
+  border-radius: 12px;
+  min-width: 220px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  border: 2px solid transparent;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  cursor: pointer;
+}
+.node-card[data-v-94be7bc6]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+  border-color: #fa8c16;
+}
+.node-header[data-v-94be7bc6] {
+  padding: 12px 16px;
+  background: #fff7e6;
+  border-bottom: 1px solid #ffe7ba;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.node-icon[data-v-94be7bc6] {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #fa8c16;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+.node-title[data-v-94be7bc6] {
+  font-weight: 600;
+  color: #262626;
+  font-size: 14px;
+  flex: 1;
+}
+.node-badge[data-v-94be7bc6] {
+  background: #fa8c16;
+  color: white;
+  padding: 2px 6px;
+  border-radius: 10px;
+  font-size: 11px;
+  font-weight: 600;
+  min-width: 16px;
+  text-align: center;
+}
+.node-content[data-v-94be7bc6] {
+  padding: 16px;
+}
+.conditions-list[data-v-94be7bc6] {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.condition-tag[data-v-94be7bc6] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: #fff7e6;
+  color: #fa8c16;
+  padding: 6px 10px;
+  border-radius: 8px;
+  font-size: 12px;
+  border: 1px solid #ffd591;
+  transition: all 0.2s ease;
+}
+.condition-tag[data-v-94be7bc6]:hover {
+  background: #ffe7ba;
+  transform: translateX(2px);
+}
+.condition-icon[data-v-94be7bc6] {
+  font-weight: bold;
+  color: #d48806;
+}
+.more-count[data-v-94be7bc6] {
+  background: #f0f0f0;
+  color: #8c8c8c;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  margin-top: 4px;
+}
+.placeholder[data-v-94be7bc6] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #8c8c8c;
+  font-size: 12px;
+  padding: 8px 0;
+}
+.add-node-btn[data-v-94be7bc6] {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #fa8c16, #d48806);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 12px rgba(250, 140, 22, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 16px;
+  font-weight: bold;
+  z-index: 10;
+}
+.add-node-btn[data-v-94be7bc6]:hover {
+  transform: translateX(-50%) scale(1.1);
+  box-shadow: 0 6px 20px rgba(250, 140, 22, 0.4);
+}
+/* unplugin-vue-components disabled *//* C_WorkFlow 组件样式 */
+.approval-workflow-container[data-v-5206b129] {
+  width: 100%;
+  height: 600px;
+  position: relative;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+}
+.floating-toolbar[data-v-5206b129] {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--n-card-color);
+  backdrop-filter: blur(10px);
+  padding: 8px 12px;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+  border: 1px solid var(--n-border-color);
+}
+.floating-toolbar .toolbar-divider[data-v-5206b129] {
+  width: 1px;
+  height: 20px;
+  background: var(--n-border-color);
+  margin: 0 4px;
+}
+.workflow-canvas[data-v-5206b129] {
+  width: 100%;
+  height: 100%;
+}
+.add-node-menu[data-v-5206b129] {
+  position: fixed;
+  z-index: 1000;
+  pointer-events: none;
+}
+.add-node-menu .add-menu-content[data-v-5206b129] {
+  background: var(--n-card-color);
+  border-radius: 12px;
+  padding: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+  border: 1px solid var(--n-border-color);
+  display: flex;
+  gap: 8px;
+  pointer-events: auto;
+  animation: menuSlideUp-5206b129 0.3s ease;
+}
+.add-menu-item[data-v-5206b129] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 12px 8px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-width: 70px;
+  background: var(--n-color-embedded);
+}
+.add-menu-item[data-v-5206b129]:hover {
+  background: var(--n-color-hover);
+}
+.menu-icon[data-v-5206b129] {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 6px;
+  color: white;
+}
+.menu-icon.approval-icon[data-v-5206b129] {
+  background: linear-gradient(135deg, #1890ff, #722ed1);
+}
+.menu-icon.copy-icon[data-v-5206b129] {
+  background: linear-gradient(135deg, #52c41a, #389e0d);
+}
+.menu-icon.condition-icon[data-v-5206b129] {
+  background: linear-gradient(135deg, #fa8c16, #d48806);
+}
+.menu-text[data-v-5206b129] {
+  font-size: 12px;
+  font-weight: 500;
+}
+@keyframes menuSlideUp-5206b129 {
+from {
+    opacity: 0;
+    transform: translateY(10px);
+}
+to {
+    opacity: 1;
+    transform: translateY(0);
+}
+}
+/* 流程/数据校验结果显示样式 */
+.validation-success[data-v-5206b129] {
+  text-align: center;
+  padding: 40px 20px;
+  color: #52c41a;
+}
+.validation-success .success-icon[data-v-5206b129] {
+  margin-bottom: 16px;
+}
+.validation-success h3[data-v-5206b129] {
+  margin: 0 0 8px 0;
+  font-size: 18px;
+  font-weight: 600;
+}
+.validation-success p[data-v-5206b129] {
+  margin: 0;
+  color: #666;
+  font-size: 14px;
+}
+.validation-errors .error-summary[data-v-5206b129] {
+  text-align: center;
+  padding: 20px;
+  background: #fff2f0;
+  border-radius: 8px;
+  margin-bottom: 20px;
+  border: 1px solid #ffccc7;
+}
+.validation-errors .error-summary .error-icon[data-v-5206b129] {
+  margin-bottom: 12px;
+}
+.validation-errors .error-summary h3[data-v-5206b129] {
+  margin: 0 0 8px 0;
+  color: #ff4d4f;
+  font-size: 16px;
+  font-weight: 600;
+}
+.validation-errors .error-summary p[data-v-5206b129] {
+  margin: 0;
+  color: var(--n-text-color-2);
+  font-size: 14px;
+}
+.validation-errors .error-list[data-v-5206b129] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.validation-errors .error-item[data-v-5206b129] {
+  background: white;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  padding: 16px;
+  transition: all 0.2s ease;
+}
+.validation-errors .error-item[data-v-5206b129]:hover {
+  border-color: #d9d9d9;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+.validation-errors .error-item .error-header[data-v-5206b129] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+.validation-errors .error-item .error-header .error-number[data-v-5206b129] {
+  width: 24px;
+  height: 24px;
+  background: #ff4d4f;
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+.validation-errors .error-item .error-header .error-info[data-v-5206b129] {
+  flex: 1;
+  min-width: 0;
+}
+.validation-errors .error-item .error-header .error-info .error-node[data-v-5206b129] {
+  display: block;
+  color: var(--n-text-color-1);
+  font-size: 14px;
+  margin-bottom: 2px;
+}
+.validation-errors .error-item .error-header .error-info .error-field[data-v-5206b129] {
+  color: var(--n-text-color-3);
+  font-size: 12px;
+}
+.validation-errors .error-item .error-header .error-type[data-v-5206b129] {
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 500;
+}
+.validation-errors .error-item .error-header .error-type.required[data-v-5206b129] {
+  background: #fff2f0;
+  color: #ff4d4f;
+  border: 1px solid #ffccc7;
+}
+.validation-errors .error-item .error-header .error-type.incomplete[data-v-5206b129] {
+  background: #fff7e6;
+  color: #fa8c16;
+  border: 1px solid #ffd591;
+}
+.validation-errors .error-item .error-header .error-type.warning[data-v-5206b129] {
+  background: #fffbe6;
+  color: #faad14;
+  border: 1px solid #ffe58f;
+}
+.validation-errors .error-item .error-message[data-v-5206b129] {
+  color: var(--n-text-color-2);
+  font-size: 13px;
+  line-height: 1.5;
+  margin-bottom: 12px;
+  padding-left: 36px;
+}
+.validation-errors .error-item .error-actions[data-v-5206b129] {
+  padding-left: 36px;
+}
+.validation-errors .validation-tips[data-v-5206b129] {
+  margin-top: 24px;
+  padding: 16px;
+  background: #f6ffed;
+  border-radius: 8px;
+  border: 1px solid #b7eb8f;
+}
+.validation-errors .validation-tips h4[data-v-5206b129] {
+  margin: 0 0 12px 0;
+  color: #389e0d;
+  font-size: 14px;
+  font-weight: 600;
+}
+.validation-errors .validation-tips ul[data-v-5206b129] {
+  margin: 0;
+  padding-left: 16px;
+  color: var(--n-text-color-2);
+  font-size: 13px;
+  line-height: 1.6;
+}
+.validation-errors .validation-tips ul li[data-v-5206b129] {
+  margin-bottom: 6px;
+}
+.validation-errors .validation-tips ul li strong[data-v-5206b129] {
+  color: var(--n-text-color-1);
+}
+.validation-footer[data-v-5206b129] {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+/* 边的样式（Vue Flow） */
+[data-v-5206b129] .vue-flow__edge {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+[data-v-5206b129] .vue-flow__edge-path {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+[data-v-5206b129] .vue-flow__arrowhead {
+  fill: #1890ff;
+}
+[data-v-5206b129] .vue-flow__edge.animated {
+  stroke-dasharray: 5;
+  animation: dashdraw-5206b129 0.5s linear infinite;
+}
+@keyframes dashdraw-5206b129 {
+to {
+    stroke-dashoffset: -10;
+}
+}
+/* 暗色主题适配 */
+[data-theme=dark][data-v-5206b129] {
+  /* 添加节点菜单文字 */
+}
+[data-theme=dark] .approval-workflow-container[data-v-5206b129] {
+  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+}
+[data-theme=dark] .add-menu-item span[data-v-5206b129] {
+  color: white;
+}
+[data-theme=dark] .validation-success[data-v-5206b129] {
+  color: #52c41a;
+}
+[data-theme=dark] .validation-success h3[data-v-5206b129] {
+  color: #52c41a;
+}
+[data-theme=dark] .validation-success p[data-v-5206b129] {
+  color: var(--n-text-color-2);
+}
+[data-theme=dark] .validation-errors .error-summary[data-v-5206b129] {
+  background: rgba(255, 77, 79, 0.1);
+  border-color: rgba(255, 77, 79, 0.3);
+}
+[data-theme=dark] .validation-errors .error-summary h3[data-v-5206b129] {
+  color: #ff4d4f;
+}
+[data-theme=dark] .validation-errors .error-summary p[data-v-5206b129] {
+  color: var(--n-text-color-2);
+}
+[data-theme=dark] .validation-errors .error-item[data-v-5206b129] {
+  background: var(--n-card-color);
+  border-color: var(--n-border-color);
+}
+[data-theme=dark] .validation-errors .error-item[data-v-5206b129]:hover {
+  border-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+[data-theme=dark] .validation-errors .error-item .error-info .error-node[data-v-5206b129] {
+  color: var(--n-text-color-1);
+}
+[data-theme=dark] .validation-errors .error-item .error-info .error-field[data-v-5206b129] {
+  color: var(--n-text-color-3);
+}
+[data-theme=dark] .validation-errors .error-item .error-type.required[data-v-5206b129] {
+  background: rgba(255, 77, 79, 0.15);
+  color: #ff7875;
+  border-color: rgba(255, 77, 79, 0.3);
+}
+[data-theme=dark] .validation-errors .error-item .error-type.incomplete[data-v-5206b129] {
+  background: rgba(250, 140, 22, 0.15);
+  color: #ffa940;
+  border-color: rgba(250, 140, 22, 0.3);
+}
+[data-theme=dark] .validation-errors .error-item .error-type.warning[data-v-5206b129] {
+  background: rgba(250, 173, 20, 0.15);
+  color: #ffc53d;
+  border-color: rgba(250, 173, 20, 0.3);
+}
+[data-theme=dark] .validation-errors .error-item .error-message[data-v-5206b129] {
+  color: var(--n-text-color-2);
+}
+[data-theme=dark] .validation-errors .validation-tips[data-v-5206b129] {
+  background: rgba(82, 196, 26, 0.1);
+  border-color: rgba(82, 196, 26, 0.3);
+}
+[data-theme=dark] .validation-errors .validation-tips h4[data-v-5206b129] {
+  color: #73d13d;
+}
+[data-theme=dark] .validation-errors .validation-tips ul[data-v-5206b129] {
+  color: var(--n-text-color-2);
+}
+[data-theme=dark] .validation-errors .validation-tips ul li strong[data-v-5206b129] {
+  color: var(--n-text-color-1);
+}
+
+/* ─── 流程预览抽屉样式 ────────────────────────────────────── */
+.preview-stats[data-v-5206b129] {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+}
+.preview-stats .stat-item[data-v-5206b129] {
+  flex: 1;
+  min-width: 70px;
+  text-align: center;
+  padding: 12px 8px;
+  border-radius: 10px;
+  background: var(--n-action-color);
+  border: 1px solid var(--n-border-color);
+  transition: all 0.2s;
+}
+.preview-stats .stat-item .stat-value[data-v-5206b129] {
+  display: block;
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--n-text-color-1);
+}
+.preview-stats .stat-item .stat-label[data-v-5206b129] {
+  display: block;
+  font-size: 12px;
+  color: var(--n-text-color-3);
+  margin-top: 4px;
+}
+.preview-stats .stat-item.approval .stat-value[data-v-5206b129] {
+  color: #ff6b35;
+}
+.preview-stats .stat-item.copy .stat-value[data-v-5206b129] {
+  color: #1890ff;
+}
+.preview-stats .stat-item.condition .stat-value[data-v-5206b129] {
+  color: #faad14;
+}
+.preview-stats .stat-item.edge .stat-value[data-v-5206b129] {
+  color: #52c41a;
+}
+.preview-timeline[data-v-5206b129] {
+  position: relative;
+  padding: 0 0 0 8px;
+  /* 不同节点类型的圆点颜色 */
+}
+.preview-timeline .preview-step[data-v-5206b129] {
+  display: flex;
+  gap: 16px;
+  position: relative;
+  padding-bottom: 8px;
+}
+.preview-timeline .preview-step:last-child .step-line[data-v-5206b129] {
+  display: none;
+}
+.preview-timeline .step-connector[data-v-5206b129] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  width: 32px;
+}
+.preview-timeline .step-connector .step-dot[data-v-5206b129] {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+  z-index: 1;
+  background: #999;
+}
+.preview-timeline .step-connector .step-line[data-v-5206b129] {
+  width: 2px;
+  flex: 1;
+  min-height: 20px;
+  background: var(--n-border-color);
+}
+.preview-timeline .start .step-dot[data-v-5206b129] {
+  background: linear-gradient(135deg, #667eea, #764ba2);
+}
+.preview-timeline .approval .step-dot[data-v-5206b129] {
+  background: linear-gradient(135deg, #ff6b35, #ff4500);
+}
+.preview-timeline .copy .step-dot[data-v-5206b129] {
+  background: linear-gradient(135deg, #1890ff, #096dd9);
+}
+.preview-timeline .condition .step-dot[data-v-5206b129] {
+  background: linear-gradient(135deg, #faad14, #d48806);
+}
+.preview-timeline .step-content[data-v-5206b129] {
+  flex: 1;
+  padding-bottom: 20px;
+  min-width: 0;
+}
+.preview-timeline .step-content .step-header[data-v-5206b129] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+.preview-timeline .step-content .step-header .step-order[data-v-5206b129] {
+  font-size: 12px;
+  color: var(--n-text-color-3);
+  font-weight: 500;
+}
+.preview-timeline .step-content .step-header .step-type-badge[data-v-5206b129] {
+  font-size: 11px;
+  padding: 1px 8px;
+  border-radius: 10px;
+  background: var(--n-action-color);
+  color: var(--n-text-color-2);
+  border: 1px solid var(--n-border-color);
+}
+.preview-timeline .step-content .step-title[data-v-5206b129] {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--n-text-color-1);
+  margin-bottom: 8px;
+}
+.preview-timeline .step-content .step-details[data-v-5206b129] {
+  background: var(--n-action-color);
+  border-radius: 8px;
+  padding: 10px 14px;
+  border: 1px solid var(--n-border-color);
+}
+.preview-timeline .step-content .step-details .step-detail-item[data-v-5206b129] {
+  font-size: 13px;
+  color: var(--n-text-color-2);
+  line-height: 1.8;
+  word-break: break-all;
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.preview-timeline .step-content .step-details .step-detail-item[data-v-5206b129]:not(:last-child) {
+  border-bottom: 1px dashed var(--n-border-color);
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+}
+.preview-timeline .step-content .step-details .step-detail-item.is-warning[data-v-5206b129] {
+  color: #faad14;
+}
+.preview-timeline .step-content .step-details .step-detail-item .detail-label[data-v-5206b129] {
+  color: var(--n-text-color-3);
+  font-size: 12px;
+  flex-shrink: 0;
+  line-height: 24px;
+}
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge[data-v-5206b129] {
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 2px 10px;
+  border-radius: 12px;
+  line-height: 20px;
+}
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.any[data-v-5206b129] {
+  background: rgba(24, 144, 255, 0.1);
+  color: #1890ff;
+  border: 1px solid rgba(24, 144, 255, 0.25);
+}
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.all[data-v-5206b129] {
+  background: rgba(255, 77, 79, 0.1);
+  color: #ff4d4f;
+  border: 1px solid rgba(255, 77, 79, 0.25);
+}
+.preview-timeline .step-content .step-details .step-detail-item .mode-badge.sequence[data-v-5206b129] {
+  background: rgba(114, 46, 209, 0.1);
+  color: #722ed1;
+  border: 1px solid rgba(114, 46, 209, 0.25);
+}
+.preview-timeline .step-content .step-details .step-detail-item .user-tag[data-v-5206b129] {
+  margin: 1px 2px;
+}
+.preview-timeline .step-content .step-details .step-detail-item .warning-text[data-v-5206b129] {
+  color: #faad14;
+  font-weight: 500;
+}
+.preview-empty[data-v-5206b129] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 0;
+}
+.preview-empty p[data-v-5206b129] {
+  margin-top: 12px;
+  color: var(--n-text-color-3);
+  font-size: 14px;
+}
+.preview-footer[data-v-5206b129] {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+
+/*# sourceMappingURL=C_WorkFlow-7F6op6qN.css.map*/