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

package/dist/C_Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Theme.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n"],"mappings":"+OE2BA,IAAM,EAAQ,EAOR,EAAO,EAIP,GAAA,EAAA,EAAA,cAAiC,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,GAAA,EAAA,EAAA,cAA8B,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,gEAjDhC,EAAA,SAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,SAAA,EAAA,EAAA,aAGC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAFD,KAAA,GAAM,QAAO,8BACyB,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAApC,KAAM,EAAA,MAAkB,KAAM,yDAGZ,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"C_Theme.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n"],"mappings":"+OEoCE,IAAM,EAAQ,EAOR,EAAO,EAIP,GAAA,EAAA,EAAA,cAAiC,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,GAAA,EAAA,EAAA,cAA8B,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,gEAjDlC,EAAA,SAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,SAAA,EAAA,EAAA,aASC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAPR,KAAA,GACC,QAAO,8BAKN,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,yDAIkB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}

package/dist/C_Theme2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Theme2.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n"],"mappings":"uXE2BA,IAAM,EAAQ,EAOR,EAAO,EAIP,EAAkB,MAAe,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,EAAe,MAAe,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,oBAxD3C,EAOW,EAAA,EAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,QAAO,MAGN,CAFV,EAEU,EAAA,EAAA,CAAA,CAFD,KAAA,GAAM,QAAO,kBACyB,CAA7C,EAA6C,EAAA,CAApC,KAAM,EAAA,MAAkB,KAAM,6CAGZ,CAA/B,EAA+B,OAAA,KAAA,EAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"C_Theme2.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\r\n      </NButton>\r\n    </template>\r\n    <span>{{ themeTooltip }}</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const themeTooltip = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return '当前: 浅色模式 (点击切换)'\r\n      case 'dark':\r\n        return '当前: 深色模式 (点击切换)'\r\n      default:\r\n        return '当前: 跟随系统 (点击切换)'\r\n    }\r\n  })\r\n\r\n  const cycleThemeMode = () => {\r\n    const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n    const currentIndex = modes.indexOf(props.modelValue)\r\n    const nextIndex = (currentIndex + 1) % modes.length\r\n    emit('update:modelValue', modes[nextIndex])\r\n  }\r\n</script>\r\n"],"mappings":"uXEoCE,IAAM,EAAQ,EAOR,EAAO,EAIP,EAAkB,MAAe,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,EAAe,MAAe,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,oBAjE7C,EAgBW,EAAA,EAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,QAAO,MASN,CARV,EAQU,EAAA,EAAA,CAAA,CAPR,KAAA,GACC,QAAO,kBAKN,CAHF,EAGE,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,6CAIkB,CAA/B,EAA+B,OAAA,KAAA,EAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}

package/dist/{C_WorkFlow-CSO86Cuc.css.map → C_WorkFlow-7F6op6qN.css.map}

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