@robot-admin/naive-ui-components 0.6.3 → 0.6.5

package/dist/C_ActionBar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_ActionBar2.js","names":["$slots"],"sources":["../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-14\r\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-action-bar\"\r\n    :class=\"{\r\n      'is-compact': finalConfig.compact,\r\n      'is-inline': finalConfig.inline,\r\n      'is-wrap': finalConfig.wrap,\r\n      [`is-align-${finalConfig.align}`]: true,\r\n      'has-only-left':\r\n        leftButtonList.length > 0 &&\r\n        rightButtonList.length === 0 &&\r\n        !$slots.center,\r\n      'has-only-right':\r\n        rightButtonList.length > 0 &&\r\n        leftButtonList.length === 0 &&\r\n        !$slots.center,\r\n    }\"\r\n  >\r\n    <div\r\n      v-if=\"leftButtonList.length > 0\"\r\n      class=\"actions-group actions-left\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in leftButtonList\"\r\n        :key=\"action.key || `left-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < leftButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n\r\n    <div v-if=\"$slots.center\" class=\"actions-center\">\r\n      <slot name=\"center\" />\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"rightButtonList.length > 0\"\r\n      class=\"actions-group actions-right\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in rightButtonList\"\r\n        :key=\"action.key || `right-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < rightButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\r\nimport type { PropType } from \"vue\";\r\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport type {\r\n  ActionItem,\r\n  ActionDropdownItem,\r\n  ActionBarConfig,\r\n  TableActionsProps,\r\n  TableActionsEmits,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_ActionBar\" });\r\n\r\nconst props = withDefaults(defineProps<TableActionsProps>(), {\r\n  actions: () => [],\r\n  leftActions: () => [],\r\n  rightActions: () => [],\r\n  config: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<TableActionsEmits>();\r\n\r\nconst defaultConfig: Required<ActionBarConfig> = {\r\n  align: \"left\",\r\n  size: \"medium\",\r\n  gap: 8,\r\n  wrap: false,\r\n  showDivider: false,\r\n  dividerType: \"vertical\",\r\n  compact: false,\r\n  inline: true,\r\n};\r\n\r\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\r\n  ...defaultConfig,\r\n  ...props.config,\r\n}));\r\n\r\nconst leftButtonList = computed<ActionItem[]>(() => {\r\n  if (props.leftActions && props.leftActions.length > 0) {\r\n    return props.leftActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  if (props.actions.length > 0) {\r\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\r\n    const hasRightGroup = props.actions.some(\r\n      (action) => action.group === \"right\",\r\n    );\r\n    if (!hasRightActions && !hasRightGroup) {\r\n      return props.actions.filter((action) => shouldShowAction(action));\r\n    }\r\n    return props.actions.filter(\r\n      (action) => action.group === \"left\" && shouldShowAction(action),\r\n    );\r\n  }\r\n  return [];\r\n});\r\n\r\nconst rightButtonList = computed<ActionItem[]>(() => {\r\n  if (props.rightActions && props.rightActions.length > 0) {\r\n    return props.rightActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  return props.actions.filter(\r\n    (action) => action.group === \"right\" && shouldShowAction(action),\r\n  );\r\n});\r\n\r\nconst shouldShowAction = (action: ActionItem): boolean => {\r\n  if (action.show === undefined) return true;\r\n  return unref(action.show);\r\n};\r\n\r\nconst isActionDisabled = (action: ActionItem): boolean => {\r\n  return unref(action.disabled) || false;\r\n};\r\n\r\nconst isActionLoading = (action: ActionItem): boolean => {\r\n  return unref(action.loading) || false;\r\n};\r\n\r\nconst handleActionClick = async (action: ActionItem) => {\r\n  if (action.dropdown && action.dropdown.length > 0) return;\r\n  emit(\"action-click\", action);\r\n  if (action.onClick) {\r\n    await action.onClick();\r\n  }\r\n};\r\n\r\nconst handleDropdownClick = async (\r\n  item: ActionDropdownItem,\r\n  action: ActionItem,\r\n) => {\r\n  emit(\"dropdown-click\", item, action);\r\n  if (item.onClick) {\r\n    await item.onClick();\r\n  }\r\n};\r\n\r\nconst ActionButton = defineComponent({\r\n  name: \"ActionButton\",\r\n  props: {\r\n    action: {\r\n      type: Object as PropType<ActionItem>,\r\n      required: true,\r\n    },\r\n  },\r\n  emits: [\"click\", \"dropdown-select\"],\r\n  setup(props, { emit }) {\r\n    const action = computed(() => props.action);\r\n\r\n    const dropdownOptions = computed(() => {\r\n      if (!action.value.dropdown) return [];\r\n      return action.value.dropdown\r\n        .filter((item) => {\r\n          if (item.show === undefined) return true;\r\n          return unref(item.show);\r\n        })\r\n        .map((item) => ({\r\n          key: item.key,\r\n          label: item.label,\r\n          icon: item.icon\r\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\r\n            : undefined,\r\n          disabled: unref(item.disabled),\r\n        }));\r\n    });\r\n\r\n    const handleDropdownSelect = (key: string) => {\r\n      const item = action.value.dropdown?.find((d) => d.key === key);\r\n      if (item) {\r\n        emit(\"dropdown-select\", item);\r\n      }\r\n    };\r\n\r\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\r\n      const button = h(\r\n        NButton,\r\n        {\r\n          type: action.value.type || \"default\",\r\n          size: action.value.size || finalConfig.value.size,\r\n          loading: isActionLoading(action.value),\r\n          disabled: isActionDisabled(action.value),\r\n          ...extraProps,\r\n          ...action.value.buttonProps,\r\n        },\r\n        {\r\n          default: () => action.value.label,\r\n          icon: action.value.icon\r\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\r\n            : undefined,\r\n        },\r\n      );\r\n\r\n      return action.value.directives && action.value.directives.length > 0\r\n        ? withDirectives(button, action.value.directives as any)\r\n        : button;\r\n    };\r\n\r\n    const renderButton = () => {\r\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\r\n      if (action.value.tooltip) {\r\n        return h(\r\n          NTooltip,\r\n          { placement: \"top\" },\r\n          {\r\n            trigger: () => vnode,\r\n            default: () => action.value.tooltip,\r\n          },\r\n        );\r\n      }\r\n      return vnode;\r\n    };\r\n\r\n    const renderDropdownButton = () => {\r\n      const vnode = createButtonVNode();\r\n      return h(\r\n        NDropdown,\r\n        {\r\n          options: dropdownOptions.value,\r\n          onSelect: handleDropdownSelect,\r\n        },\r\n        {\r\n          default: () => vnode,\r\n        },\r\n      );\r\n    };\r\n\r\n    return () => {\r\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\r\n        return renderDropdownButton();\r\n      }\r\n      return renderButton();\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-14\r\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-action-bar\"\r\n    :class=\"{\r\n      'is-compact': finalConfig.compact,\r\n      'is-inline': finalConfig.inline,\r\n      'is-wrap': finalConfig.wrap,\r\n      [`is-align-${finalConfig.align}`]: true,\r\n      'has-only-left':\r\n        leftButtonList.length > 0 &&\r\n        rightButtonList.length === 0 &&\r\n        !$slots.center,\r\n      'has-only-right':\r\n        rightButtonList.length > 0 &&\r\n        leftButtonList.length === 0 &&\r\n        !$slots.center,\r\n    }\"\r\n  >\r\n    <div\r\n      v-if=\"leftButtonList.length > 0\"\r\n      class=\"actions-group actions-left\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in leftButtonList\"\r\n        :key=\"action.key || `left-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < leftButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n\r\n    <div v-if=\"$slots.center\" class=\"actions-center\">\r\n      <slot name=\"center\" />\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"rightButtonList.length > 0\"\r\n      class=\"actions-group actions-right\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in rightButtonList\"\r\n        :key=\"action.key || `right-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < rightButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\r\nimport type { PropType } from \"vue\";\r\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport type {\r\n  ActionItem,\r\n  ActionDropdownItem,\r\n  ActionBarConfig,\r\n  TableActionsProps,\r\n  TableActionsEmits,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_ActionBar\" });\r\n\r\nconst props = withDefaults(defineProps<TableActionsProps>(), {\r\n  actions: () => [],\r\n  leftActions: () => [],\r\n  rightActions: () => [],\r\n  config: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<TableActionsEmits>();\r\n\r\nconst defaultConfig: Required<ActionBarConfig> = {\r\n  align: \"left\",\r\n  size: \"medium\",\r\n  gap: 8,\r\n  wrap: false,\r\n  showDivider: false,\r\n  dividerType: \"vertical\",\r\n  compact: false,\r\n  inline: true,\r\n};\r\n\r\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\r\n  ...defaultConfig,\r\n  ...props.config,\r\n}));\r\n\r\nconst leftButtonList = computed<ActionItem[]>(() => {\r\n  if (props.leftActions && props.leftActions.length > 0) {\r\n    return props.leftActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  if (props.actions.length > 0) {\r\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\r\n    const hasRightGroup = props.actions.some(\r\n      (action) => action.group === \"right\",\r\n    );\r\n    if (!hasRightActions && !hasRightGroup) {\r\n      return props.actions.filter((action) => shouldShowAction(action));\r\n    }\r\n    return props.actions.filter(\r\n      (action) => action.group === \"left\" && shouldShowAction(action),\r\n    );\r\n  }\r\n  return [];\r\n});\r\n\r\nconst rightButtonList = computed<ActionItem[]>(() => {\r\n  if (props.rightActions && props.rightActions.length > 0) {\r\n    return props.rightActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  return props.actions.filter(\r\n    (action) => action.group === \"right\" && shouldShowAction(action),\r\n  );\r\n});\r\n\r\nconst shouldShowAction = (action: ActionItem): boolean => {\r\n  if (action.show === undefined) return true;\r\n  return unref(action.show);\r\n};\r\n\r\nconst isActionDisabled = (action: ActionItem): boolean => {\r\n  return unref(action.disabled) || false;\r\n};\r\n\r\nconst isActionLoading = (action: ActionItem): boolean => {\r\n  return unref(action.loading) || false;\r\n};\r\n\r\nconst handleActionClick = async (action: ActionItem) => {\r\n  if (action.dropdown && action.dropdown.length > 0) return;\r\n  emit(\"action-click\", action);\r\n  if (action.onClick) {\r\n    await action.onClick();\r\n  }\r\n};\r\n\r\nconst handleDropdownClick = async (\r\n  item: ActionDropdownItem,\r\n  action: ActionItem,\r\n) => {\r\n  emit(\"dropdown-click\", item, action);\r\n  if (item.onClick) {\r\n    await item.onClick();\r\n  }\r\n};\r\n\r\nconst ActionButton = defineComponent({\r\n  name: \"ActionButton\",\r\n  props: {\r\n    action: {\r\n      type: Object as PropType<ActionItem>,\r\n      required: true,\r\n    },\r\n  },\r\n  emits: [\"click\", \"dropdown-select\"],\r\n  setup(props, { emit }) {\r\n    const action = computed(() => props.action);\r\n\r\n    const dropdownOptions = computed(() => {\r\n      if (!action.value.dropdown) return [];\r\n      return action.value.dropdown\r\n        .filter((item) => {\r\n          if (item.show === undefined) return true;\r\n          return unref(item.show);\r\n        })\r\n        .map((item) => ({\r\n          key: item.key,\r\n          label: item.label,\r\n          icon: item.icon\r\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\r\n            : undefined,\r\n          disabled: unref(item.disabled),\r\n        }));\r\n    });\r\n\r\n    const handleDropdownSelect = (key: string) => {\r\n      const item = action.value.dropdown?.find((d) => d.key === key);\r\n      if (item) {\r\n        emit(\"dropdown-select\", item);\r\n      }\r\n    };\r\n\r\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\r\n      const button = h(\r\n        NButton,\r\n        {\r\n          type: action.value.type || \"default\",\r\n          size: action.value.size || finalConfig.value.size,\r\n          loading: isActionLoading(action.value),\r\n          disabled: isActionDisabled(action.value),\r\n          ...extraProps,\r\n          ...action.value.buttonProps,\r\n        },\r\n        {\r\n          default: () => action.value.label,\r\n          icon: action.value.icon\r\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\r\n            : undefined,\r\n        },\r\n      );\r\n\r\n      return action.value.directives && action.value.directives.length > 0\r\n        ? withDirectives(button, action.value.directives as any)\r\n        : button;\r\n    };\r\n\r\n    const renderButton = () => {\r\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\r\n      if (action.value.tooltip) {\r\n        return h(\r\n          NTooltip,\r\n          { placement: \"top\" },\r\n          {\r\n            trigger: () => vnode,\r\n            default: () => action.value.tooltip,\r\n          },\r\n        );\r\n      }\r\n      return vnode;\r\n    };\r\n\r\n    const renderDropdownButton = () => {\r\n      const vnode = createButtonVNode();\r\n      return h(\r\n        NDropdown,\r\n        {\r\n          options: dropdownOptions.value,\r\n          onSelect: handleDropdownSelect,\r\n        },\r\n        {\r\n          default: () => vnode,\r\n        },\r\n      );\r\n    };\r\n\r\n    return () => {\r\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\r\n        return renderDropdownButton();\r\n      }\r\n      return renderButton();\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-14\r\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-action-bar\"\r\n    :class=\"{\r\n      'is-compact': finalConfig.compact,\r\n      'is-inline': finalConfig.inline,\r\n      'is-wrap': finalConfig.wrap,\r\n      [`is-align-${finalConfig.align}`]: true,\r\n      'has-only-left':\r\n        leftButtonList.length > 0 &&\r\n        rightButtonList.length === 0 &&\r\n        !$slots.center,\r\n      'has-only-right':\r\n        rightButtonList.length > 0 &&\r\n        leftButtonList.length === 0 &&\r\n        !$slots.center,\r\n    }\"\r\n  >\r\n    <div\r\n      v-if=\"leftButtonList.length > 0\"\r\n      class=\"actions-group actions-left\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in leftButtonList\"\r\n        :key=\"action.key || `left-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < leftButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n\r\n    <div v-if=\"$slots.center\" class=\"actions-center\">\r\n      <slot name=\"center\" />\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"rightButtonList.length > 0\"\r\n      class=\"actions-group actions-right\"\r\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\r\n    >\r\n      <template\r\n        v-for=\"(action, index) in rightButtonList\"\r\n        :key=\"action.key || `right-${index}`\"\r\n      >\r\n        <ActionButton\r\n          :action=\"action\"\r\n          @click=\"handleActionClick(action)\"\r\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\r\n        />\r\n        <NDivider\r\n          v-if=\"\r\n            finalConfig.showDivider &&\r\n            index < rightButtonList.length - 1 &&\r\n            finalConfig.dividerType === 'vertical'\r\n          \"\r\n          vertical\r\n          class=\"action-divider\"\r\n        />\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\r\nimport type { PropType } from \"vue\";\r\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport type {\r\n  ActionItem,\r\n  ActionDropdownItem,\r\n  ActionBarConfig,\r\n  TableActionsProps,\r\n  TableActionsEmits,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_ActionBar\" });\r\n\r\nconst props = withDefaults(defineProps<TableActionsProps>(), {\r\n  actions: () => [],\r\n  leftActions: () => [],\r\n  rightActions: () => [],\r\n  config: () => ({}),\r\n});\r\n\r\nconst emit = defineEmits<TableActionsEmits>();\r\n\r\nconst defaultConfig: Required<ActionBarConfig> = {\r\n  align: \"left\",\r\n  size: \"medium\",\r\n  gap: 8,\r\n  wrap: false,\r\n  showDivider: false,\r\n  dividerType: \"vertical\",\r\n  compact: false,\r\n  inline: true,\r\n};\r\n\r\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\r\n  ...defaultConfig,\r\n  ...props.config,\r\n}));\r\n\r\nconst leftButtonList = computed<ActionItem[]>(() => {\r\n  if (props.leftActions && props.leftActions.length > 0) {\r\n    return props.leftActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  if (props.actions.length > 0) {\r\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\r\n    const hasRightGroup = props.actions.some(\r\n      (action) => action.group === \"right\",\r\n    );\r\n    if (!hasRightActions && !hasRightGroup) {\r\n      return props.actions.filter((action) => shouldShowAction(action));\r\n    }\r\n    return props.actions.filter(\r\n      (action) => action.group === \"left\" && shouldShowAction(action),\r\n    );\r\n  }\r\n  return [];\r\n});\r\n\r\nconst rightButtonList = computed<ActionItem[]>(() => {\r\n  if (props.rightActions && props.rightActions.length > 0) {\r\n    return props.rightActions.filter((action) => shouldShowAction(action));\r\n  }\r\n  return props.actions.filter(\r\n    (action) => action.group === \"right\" && shouldShowAction(action),\r\n  );\r\n});\r\n\r\nconst shouldShowAction = (action: ActionItem): boolean => {\r\n  if (action.show === undefined) return true;\r\n  return unref(action.show);\r\n};\r\n\r\nconst isActionDisabled = (action: ActionItem): boolean => {\r\n  return unref(action.disabled) || false;\r\n};\r\n\r\nconst isActionLoading = (action: ActionItem): boolean => {\r\n  return unref(action.loading) || false;\r\n};\r\n\r\nconst handleActionClick = async (action: ActionItem) => {\r\n  if (action.dropdown && action.dropdown.length > 0) return;\r\n  emit(\"action-click\", action);\r\n  if (action.onClick) {\r\n    await action.onClick();\r\n  }\r\n};\r\n\r\nconst handleDropdownClick = async (\r\n  item: ActionDropdownItem,\r\n  action: ActionItem,\r\n) => {\r\n  emit(\"dropdown-click\", item, action);\r\n  if (item.onClick) {\r\n    await item.onClick();\r\n  }\r\n};\r\n\r\nconst ActionButton = defineComponent({\r\n  name: \"ActionButton\",\r\n  props: {\r\n    action: {\r\n      type: Object as PropType<ActionItem>,\r\n      required: true,\r\n    },\r\n  },\r\n  emits: [\"click\", \"dropdown-select\"],\r\n  setup(props, { emit }) {\r\n    const action = computed(() => props.action);\r\n\r\n    const dropdownOptions = computed(() => {\r\n      if (!action.value.dropdown) return [];\r\n      return action.value.dropdown\r\n        .filter((item) => {\r\n          if (item.show === undefined) return true;\r\n          return unref(item.show);\r\n        })\r\n        .map((item) => ({\r\n          key: item.key,\r\n          label: item.label,\r\n          icon: item.icon\r\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\r\n            : undefined,\r\n          disabled: unref(item.disabled),\r\n        }));\r\n    });\r\n\r\n    const handleDropdownSelect = (key: string) => {\r\n      const item = action.value.dropdown?.find((d) => d.key === key);\r\n      if (item) {\r\n        emit(\"dropdown-select\", item);\r\n      }\r\n    };\r\n\r\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\r\n      const button = h(\r\n        NButton,\r\n        {\r\n          type: action.value.type || \"default\",\r\n          size: action.value.size || finalConfig.value.size,\r\n          loading: isActionLoading(action.value),\r\n          disabled: isActionDisabled(action.value),\r\n          ...extraProps,\r\n          ...action.value.buttonProps,\r\n        },\r\n        {\r\n          default: () => action.value.label,\r\n          icon: action.value.icon\r\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\r\n            : undefined,\r\n        },\r\n      );\r\n\r\n      return action.value.directives && action.value.directives.length > 0\r\n        ? withDirectives(button, action.value.directives as any)\r\n        : button;\r\n    };\r\n\r\n    const renderButton = () => {\r\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\r\n      if (action.value.tooltip) {\r\n        return h(\r\n          NTooltip,\r\n          { placement: \"top\" },\r\n          {\r\n            trigger: () => vnode,\r\n            default: () => action.value.tooltip,\r\n          },\r\n        );\r\n      }\r\n      return vnode;\r\n    };\r\n\r\n    const renderDropdownButton = () => {\r\n      const vnode = createButtonVNode();\r\n      return h(\r\n        NDropdown,\r\n        {\r\n          options: dropdownOptions.value,\r\n          onSelect: handleDropdownSelect,\r\n        },\r\n        {\r\n          default: () => vnode,\r\n        },\r\n      );\r\n    };\r\n\r\n    return () => {\r\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\r\n        return renderDropdownButton();\r\n      }\r\n      return renderButton();\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"sqBEkGA,IAAM,EAAQ,EAOR,EAAO,EAEP,EAA2C,CAC/C,MAAO,OACP,KAAM,SACN,IAAK,EACL,KAAM,GACN,YAAa,GACb,YAAa,WACb,QAAS,GACT,OAAQ,GACT,CAEK,EAAc,OAA2C,CAC7D,GAAG,EACH,GAAG,EAAM,OACV,EAAE,CAEG,EAAiB,MAA6B,CAClD,GAAI,EAAM,aAAe,EAAM,YAAY,OAAS,EAClD,OAAO,EAAM,YAAY,OAAQ,GAAW,EAAiB,EAAO,CAAC,CAEvE,GAAI,EAAM,QAAQ,OAAS,EAAG,CAC5B,IAAM,EAAkB,EAAM,cAAgB,EAAM,aAAa,OAAS,EACpE,EAAgB,EAAM,QAAQ,KACjC,GAAW,EAAO,QAAU,QAC9B,CAID,MAHI,CAAC,GAAmB,CAAC,EAChB,EAAM,QAAQ,OAAQ,GAAW,EAAiB,EAAO,CAAC,CAE5D,EAAM,QAAQ,OAClB,GAAW,EAAO,QAAU,QAAU,EAAiB,EAAO,CAChE,CAEH,MAAO,EAAE,EACT,CAEI,EAAkB,MAClB,EAAM,cAAgB,EAAM,aAAa,OAAS,EAC7C,EAAM,aAAa,OAAQ,GAAW,EAAiB,EAAO,CAAC,CAEjE,EAAM,QAAQ,OAClB,GAAW,EAAO,QAAU,SAAW,EAAiB,EAAO,CACjE,CACD,CAEI,EAAoB,GACpB,EAAO,OAAS,IAAA,GAAkB,GAC/B,EAAM,EAAO,KAAK,CAGrB,EAAoB,GACjB,EAAM,EAAO,SAAS,EAAI,GAG7B,EAAmB,GAChB,EAAM,EAAO,QAAQ,EAAI,GAG5B,EAAoB,KAAO,IAAuB,CAClD,EAAO,UAAY,EAAO,SAAS,OAAS,IAChD,EAAK,eAAgB,EAAO,CACxB,EAAO,SACT,MAAM,EAAO,SAAS,GAIpB,EAAsB,MAC1B,EACA,IACG,CACH,EAAK,iBAAkB,EAAM,EAAO,CAChC,EAAK,SACP,MAAM,EAAK,SAAS,EAIlB,EAAe,EAAgB,CACnC,KAAM,eACN,MAAO,CACL,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CACD,MAAO,CAAC,QAAS,kBAAkB,CACnC,MAAM,EAAO,CAAE,QAAQ,CACrB,IAAM,EAAS,MAAe,EAAM,OAAO,CAErC,EAAkB,MACjB,EAAO,MAAM,SACX,EAAO,MAAM,SACjB,OAAQ,GACH,EAAK,OAAS,IAAA,GAAkB,GAC7B,EAAM,EAAK,KAAK,CACvB,CACD,IAAK,IAAU,CACd,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,KAAM,EAAK,SACD,EAAE,EAAQ,CAAE,KAAM,EAAK,KAAM,KAAM,GAAI,CAAC,CAC9C,IAAA,GACJ,SAAU,EAAM,EAAK,SAAS,CAC/B,EAAE,CAb8B,EAAE,CAcrC,CAEI,EAAwB,GAAgB,CAC5C,IAAM,EAAO,EAAO,MAAM,UAAU,KAAM,GAAM,EAAE,MAAQ,EAAI,CAC1D,GACF,EAAK,kBAAmB,EAAK,EAI3B,EAAqB,GAAqC,CAC9D,IAAM,EAAS,EACb,EACA,CACE,KAAM,EAAO,MAAM,MAAQ,UAC3B,KAAM,EAAO,MAAM,MAAQ,EAAY,MAAM,KAC7C,QAAS,EAAgB,EAAO,MAAM,CACtC,SAAU,EAAiB,EAAO,MAAM,CACxC,GAAG,EACH,GAAG,EAAO,MAAM,YACjB,CACD,CACE,YAAe,EAAO,MAAM,MAC5B,KAAM,EAAO,MAAM,SACT,EAAE,EAAQ,CAAE,KAAM,EAAO,MAAM,KAAM,KAAM,GAAI,CAAC,CACtD,IAAA,GACL,CACF,CAED,OAAO,EAAO,MAAM,YAAc,EAAO,MAAM,WAAW,OAAS,EAC/D,EAAe,EAAQ,EAAO,MAAM,WAAkB,CACtD,GAGA,MAAqB,CACzB,IAAM,EAAQ,EAAkB,CAAE,YAAe,EAAK,QAAQ,CAAE,CAAC,CAWjE,OAVI,EAAO,MAAM,QACR,EACL,EACA,CAAE,UAAW,MAAO,CACpB,CACE,YAAe,EACf,YAAe,EAAO,MAAM,QAC7B,CACF,CAEI,GAGH,MAA6B,CACjC,IAAM,EAAQ,GAAmB,CACjC,OAAO,EACL,EACA,CACE,QAAS,EAAgB,MACzB,SAAU,EACX,CACD,CACE,YAAe,EAChB,CACF,EAGH,UACM,EAAO,MAAM,UAAY,EAAO,MAAM,SAAS,OAAS,EACnD,GAAsB,CAExB,GAAc,EAG1B,CAAC,mBA9QA,EAwEM,MAAA,CAvEJ,MAAK,EAAA,CAAC,eAAc,cACW,EAAA,MAAY,oBAA6B,EAAA,MAAY,iBAA0B,EAAA,MAAY,kBAA0B,EAAA,MAAY,SAAK,mBAA4C,EAAA,MAAe,OAAM,GAAiB,EAAA,MAAgB,SAAM,GAAA,CAAoBA,EAAAA,OAAO,wBAA0C,EAAA,MAAgB,OAAM,GAAiB,EAAA,MAAe,SAAM,GAAA,CAAoBA,EAAAA,OAAO,YAgBja,EAAA,MAAe,OAAM,GAAA,GAAA,CAD7B,EAwBM,MAAA,OAtBJ,MAAM,6BACL,MAAK,EAAA,CAAA,IAAA,GAAY,EAAA,MAAY,IAAG,IAAA,CAAA,UAEjC,EAkBW,EAAA,KAAA,EAjBiB,EAAA,OAAlB,EAAQ,kBACV,EAAO,KAAG,QAAY,IAAA,CAAA,CAE5B,EAIE,EAAA,EAAA,CAAA,CAHS,SACR,QAAK,GAAE,EAAkB,EAAM,CAC/B,iBAAkB,GAAS,EAAoB,EAAM,EAAM,kDAGxC,EAAA,MAAY,aAA4B,EAAQ,EAAA,MAAe,OAAM,GAAqB,EAAA,MAAY,cAAW,YAAA,GAAA,CADvI,EAQE,EAAA,EAAA,CAAA,OAFA,SAAA,GACA,MAAM,gEAKDA,EAAAA,OAAO,QAAA,GAAA,CAAlB,EAEM,MAFN,EAEM,CADJ,EAAsB,EAAA,OAAA,SAAA,EAAA,CAAA,IAAA,GAAA,GAAA,CAAA,CAAA,EAAA,EAAA,OAAA,GAAA,CAIhB,EAAA,MAAgB,OAAM,GAAA,GAAA,CAD9B,EAwBM,MAAA,OAtBJ,MAAM,8BACL,MAAK,EAAA,CAAA,IAAA,GAAY,EAAA,MAAY,IAAG,IAAA,CAAA,UAEjC,EAkBW,EAAA,KAAA,EAjBiB,EAAA,OAAlB,EAAQ,kBACV,EAAO,KAAG,SAAa,IAAA,CAAA,CAE7B,EAIE,EAAA,EAAA,CAAA,CAHS,SACR,QAAK,GAAE,EAAkB,EAAM,CAC/B,iBAAkB,GAAS,EAAoB,EAAM,EAAM,kDAGxC,EAAA,MAAY,aAA4B,EAAQ,EAAA,MAAgB,OAAM,GAAqB,EAAA,MAAY,cAAW,YAAA,GAAA,CADxI,EAQE,EAAA,EAAA,CAAA,OAFA,SAAA,GACA,MAAM"}
+{"version":3,"file":"C_ActionBar2.js","names":["$slots"],"sources":["../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/{C_AntV-A3NXx_sF.css.map → C_AntV-BY8jqqmi.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_AntV-A3NXx_sF.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=beb83641&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=c27dede7&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=e47033f6&lang.scss","../src/components/C_AntV/layout/UML/index.vue?vue&type=style&index=0&scoped=1092fbdb&lang.scss","../src/components/C_AntV/index.vue?vue&type=style&index=0&scoped=f1ab77ea&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled *//* ER 图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.er-layout[data-v-beb83641] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-beb83641] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.er-layout .graph-container[data-v-beb83641] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.er-layout .graph-container[data-v-beb83641] .x6-graph,\n.er-layout .graph-container[data-v-beb83641] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-beb83641] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-beb83641] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-beb83641]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-beb83641]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-beb83641] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-select .n-select-menu {\n  max-height: 200px;\n  z-index: 9999;\n}\n.er-layout .table-editor .fields-container .n-form-item[data-v-beb83641] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-beb83641] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-input {\n  min-width: 100px;\n}","/* unplugin-vue-components disabled *//* BPMN 布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.bpmn-layout[data-v-c27dede7] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n  background: var(--n-color-embedded);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.bpmn-layout .top-toolbar[data-v-c27dede7] {\n  background: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n  padding: 10px 16px;\n  flex-shrink: 0;\n}\n.bpmn-layout .top-toolbar .toolbar-section[data-v-c27dede7] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-c27dede7] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-c27dede7] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-c27dede7] {\n  width: 180px;\n  background: var(--c-bg-card);\n  border-right: 1px solid var(--c-border);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n.bpmn-layout .main-content .left-panel .panel-title[data-v-c27dede7] {\n  padding: 16px;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--c-text-1);\n  border-bottom: 1px solid var(--c-border);\n}\n.bpmn-layout .main-content .left-panel .element-grid[data-v-c27dede7] {\n  padding: 16px 12px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-c27dede7] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--c-text-2);\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-c27dede7]:hover {\n  background: rgba(24, 144, 255, 0.1);\n  border-color: rgba(24, 144, 255, 0.4);\n  color: var(--c-primary);\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-c27dede7] {\n  flex-shrink: 0;\n  border: 2px solid var(--c-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-c27dede7] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-c27dede7] {\n  width: 32px;\n  height: 20px;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-c27dede7] {\n  width: 24px;\n  height: 24px;\n  transform: rotate(45deg);\n  border-radius: 3px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-c27dede7] {\n  border-color: #52c41a;\n  background: #f6ffed;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-c27dede7] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-c27dede7] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-c27dede7] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-c27dede7] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-c27dede7] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-c27dede7] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-c27dede7] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  margin-bottom: 8px;\n}\n.n-drawer .property-panel .form-actions[data-v-c27dede7] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--c-border);\n}","/* unplugin-vue-components disabled */.class-editor[data-v-e47033f6] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-e47033f6] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-e47033f6]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-e47033f6]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-e47033f6] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-e47033f6] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-e47033f6] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-e47033f6] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-e47033f6] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-e47033f6] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-e47033f6] {\n  font-size: 12px;\n  margin-bottom: 4px;\n  color: #666;\n}","/* unplugin-vue-components disabled *//* UML 类图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.uml-layout[data-v-1092fbdb] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.uml-layout .toolbar[data-v-1092fbdb] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.uml-layout .graph-container[data-v-1092fbdb] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph,\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph-svg-stage {\n  outline: none;\n}\n\n/* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */\n.class-editor[data-v-1092fbdb] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.class-editor[data-v-1092fbdb]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor[data-v-1092fbdb]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section[data-v-1092fbdb] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.class-editor .section[data-v-1092fbdb]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor .section[data-v-1092fbdb]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section .item[data-v-1092fbdb] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-card[data-v-1092fbdb] {\n  border: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card-header[data-v-1092fbdb] {\n  padding: 8px 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card__content[data-v-1092fbdb] {\n  padding: 12px;\n}\n.class-editor .section .n-form-item[data-v-1092fbdb] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-form-item .n-form-item-label[data-v-1092fbdb] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}","/* unplugin-vue-components disabled */\n.c-antv-container[data-v-f1ab77ea] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACxFA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_AntV-BY8jqqmi.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=b168f2c7&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=1fa85b2c&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=ea96ef84&lang.scss","../src/components/C_AntV/layout/UML/index.vue?vue&type=style&index=0&scoped=fcc8adc9&lang.scss","../src/components/C_AntV/index.vue?vue&type=style&index=0&scoped=f1ab77ea&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled *//* ER 图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.er-layout[data-v-b168f2c7] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-b168f2c7] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.er-layout .graph-container[data-v-b168f2c7] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph,\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-b168f2c7] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-b168f2c7]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-b168f2c7]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-b168f2c7] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-select .n-select-menu {\n  max-height: 200px;\n  z-index: 9999;\n}\n.er-layout .table-editor .fields-container .n-form-item[data-v-b168f2c7] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-b168f2c7] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-input {\n  min-width: 100px;\n}","/* unplugin-vue-components disabled *//* BPMN 布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.bpmn-layout[data-v-1fa85b2c] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n  background: var(--n-color-embedded);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.bpmn-layout .top-toolbar[data-v-1fa85b2c] {\n  background: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n  padding: 10px 16px;\n  flex-shrink: 0;\n}\n.bpmn-layout .top-toolbar .toolbar-section[data-v-1fa85b2c] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-1fa85b2c] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-1fa85b2c] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-1fa85b2c] {\n  width: 180px;\n  background: var(--c-bg-card);\n  border-right: 1px solid var(--c-border);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n.bpmn-layout .main-content .left-panel .panel-title[data-v-1fa85b2c] {\n  padding: 16px;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--c-text-1);\n  border-bottom: 1px solid var(--c-border);\n}\n.bpmn-layout .main-content .left-panel .element-grid[data-v-1fa85b2c] {\n  padding: 16px 12px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-1fa85b2c] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--c-text-2);\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-1fa85b2c]:hover {\n  background: rgba(24, 144, 255, 0.1);\n  border-color: rgba(24, 144, 255, 0.4);\n  color: var(--c-primary);\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-1fa85b2c] {\n  flex-shrink: 0;\n  border: 2px solid var(--c-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-1fa85b2c] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-1fa85b2c] {\n  width: 32px;\n  height: 20px;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-1fa85b2c] {\n  width: 24px;\n  height: 24px;\n  transform: rotate(45deg);\n  border-radius: 3px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-1fa85b2c] {\n  border-color: #52c41a;\n  background: #f6ffed;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-1fa85b2c] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-1fa85b2c] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-1fa85b2c] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-1fa85b2c] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-1fa85b2c] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-1fa85b2c] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-1fa85b2c] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  margin-bottom: 8px;\n}\n.n-drawer .property-panel .form-actions[data-v-1fa85b2c] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--c-border);\n}","/* unplugin-vue-components disabled */.class-editor[data-v-ea96ef84] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-ea96ef84] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-ea96ef84]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-ea96ef84]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-ea96ef84] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-ea96ef84] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-ea96ef84] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-ea96ef84] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-ea96ef84] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-ea96ef84] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-ea96ef84] {\n  font-size: 12px;\n  margin-bottom: 4px;\n  color: #666;\n}","/* unplugin-vue-components disabled *//* UML 类图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.uml-layout[data-v-fcc8adc9] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.uml-layout .toolbar[data-v-fcc8adc9] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph,\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph-svg-stage {\n  outline: none;\n}\n\n/* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */\n.class-editor[data-v-fcc8adc9] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.class-editor[data-v-fcc8adc9]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor[data-v-fcc8adc9]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section[data-v-fcc8adc9] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.class-editor .section[data-v-fcc8adc9]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor .section[data-v-fcc8adc9]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section .item[data-v-fcc8adc9] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-card[data-v-fcc8adc9] {\n  border: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card-header[data-v-fcc8adc9] {\n  padding: 8px 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card__content[data-v-fcc8adc9] {\n  padding: 12px;\n}\n.class-editor .section .n-form-item[data-v-fcc8adc9] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-form-item .n-form-item-label[data-v-fcc8adc9] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}","/* unplugin-vue-components disabled */\n.c-antv-container[data-v-f1ab77ea] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACxFA;AACA;AACA;AACA;AACA"}

package/dist/{C_AntV-D2Zp2qQF.css.map → C_AntV-BbkHc-_a.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_AntV-D2Zp2qQF.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=beb83641&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=c27dede7&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=e47033f6&lang.scss","../src/components/C_AntV/layout/UML/index.vue?vue&type=style&index=0&scoped=1092fbdb&lang.scss","../src/components/C_AntV/index.vue?vue&type=style&index=0&scoped=f1ab77ea&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled *//* ER 图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.er-layout[data-v-beb83641] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-beb83641] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.er-layout .graph-container[data-v-beb83641] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.er-layout .graph-container[data-v-beb83641] .x6-graph,\n.er-layout .graph-container[data-v-beb83641] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-beb83641] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-beb83641] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-beb83641]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-beb83641]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-beb83641] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-beb83641] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-select .n-select-menu {\n  max-height: 200px;\n  z-index: 9999;\n}\n.er-layout .table-editor .fields-container .n-form-item[data-v-beb83641] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-beb83641] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.er-layout .table-editor .fields-container[data-v-beb83641] .n-input {\n  min-width: 100px;\n}","/* unplugin-vue-components disabled *//* BPMN 布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.bpmn-layout[data-v-c27dede7] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n  background: var(--n-color-embedded);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.bpmn-layout .top-toolbar[data-v-c27dede7] {\n  background: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n  padding: 10px 16px;\n  flex-shrink: 0;\n}\n.bpmn-layout .top-toolbar .toolbar-section[data-v-c27dede7] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-c27dede7] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-c27dede7] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-c27dede7] {\n  width: 180px;\n  background: var(--c-bg-card);\n  border-right: 1px solid var(--c-border);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n.bpmn-layout .main-content .left-panel .panel-title[data-v-c27dede7] {\n  padding: 16px;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--c-text-1);\n  border-bottom: 1px solid var(--c-border);\n}\n.bpmn-layout .main-content .left-panel .element-grid[data-v-c27dede7] {\n  padding: 16px 12px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-c27dede7] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--c-text-2);\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-c27dede7]:hover {\n  background: rgba(24, 144, 255, 0.1);\n  border-color: rgba(24, 144, 255, 0.4);\n  color: var(--c-primary);\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-c27dede7] {\n  flex-shrink: 0;\n  border: 2px solid var(--c-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-c27dede7] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-c27dede7] {\n  width: 32px;\n  height: 20px;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-c27dede7] {\n  width: 24px;\n  height: 24px;\n  transform: rotate(45deg);\n  border-radius: 3px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-c27dede7] {\n  border-color: #52c41a;\n  background: #f6ffed;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-c27dede7] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-c27dede7] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-c27dede7] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-c27dede7] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-c27dede7] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-c27dede7] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-c27dede7] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-c27dede7] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  margin-bottom: 8px;\n}\n.n-drawer .property-panel .form-actions[data-v-c27dede7] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--c-border);\n}","/* unplugin-vue-components disabled */.class-editor[data-v-e47033f6] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-e47033f6] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-e47033f6]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-e47033f6]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-e47033f6] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-e47033f6] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-e47033f6] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-e47033f6] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-e47033f6] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-e47033f6] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-e47033f6] {\n  font-size: 12px;\n  margin-bottom: 4px;\n  color: #666;\n}","/* unplugin-vue-components disabled *//* UML 类图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.uml-layout[data-v-1092fbdb] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.uml-layout .toolbar[data-v-1092fbdb] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.uml-layout .graph-container[data-v-1092fbdb] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph,\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.uml-layout .graph-container[data-v-1092fbdb] .x6-graph-svg-stage {\n  outline: none;\n}\n\n/* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */\n.class-editor[data-v-1092fbdb] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.class-editor[data-v-1092fbdb]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor[data-v-1092fbdb]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section[data-v-1092fbdb] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.class-editor .section[data-v-1092fbdb]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor .section[data-v-1092fbdb]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section .item[data-v-1092fbdb] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-card[data-v-1092fbdb] {\n  border: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card-header[data-v-1092fbdb] {\n  padding: 8px 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card__content[data-v-1092fbdb] {\n  padding: 12px;\n}\n.class-editor .section .n-form-item[data-v-1092fbdb] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-form-item .n-form-item-label[data-v-1092fbdb] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}","/* unplugin-vue-components disabled */\n.c-antv-container[data-v-f1ab77ea] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACxFA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_AntV-BbkHc-_a.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=b168f2c7&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=1fa85b2c&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=ea96ef84&lang.scss","../src/components/C_AntV/layout/UML/index.vue?vue&type=style&index=0&scoped=fcc8adc9&lang.scss","../src/components/C_AntV/index.vue?vue&type=style&index=0&scoped=f1ab77ea&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled *//* ER 图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.er-layout[data-v-b168f2c7] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-b168f2c7] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.er-layout .graph-container[data-v-b168f2c7] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph,\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-b168f2c7] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-b168f2c7] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-b168f2c7]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-b168f2c7]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-b168f2c7] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 13px;\n  font-weight: 500;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-b168f2c7] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-select .n-select-menu {\n  max-height: 200px;\n  z-index: 9999;\n}\n.er-layout .table-editor .fields-container .n-form-item[data-v-b168f2c7] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-b168f2c7] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.er-layout .table-editor .fields-container[data-v-b168f2c7] .n-input {\n  min-width: 100px;\n}","/* unplugin-vue-components disabled *//* BPMN 布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.bpmn-layout[data-v-1fa85b2c] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n  background: var(--n-color-embedded);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.bpmn-layout .top-toolbar[data-v-1fa85b2c] {\n  background: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n  padding: 10px 16px;\n  flex-shrink: 0;\n}\n.bpmn-layout .top-toolbar .toolbar-section[data-v-1fa85b2c] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-1fa85b2c] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-1fa85b2c] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-1fa85b2c] {\n  width: 180px;\n  background: var(--c-bg-card);\n  border-right: 1px solid var(--c-border);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n.bpmn-layout .main-content .left-panel .panel-title[data-v-1fa85b2c] {\n  padding: 16px;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--c-text-1);\n  border-bottom: 1px solid var(--c-border);\n}\n.bpmn-layout .main-content .left-panel .element-grid[data-v-1fa85b2c] {\n  padding: 16px 12px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-1fa85b2c] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--c-text-2);\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-1fa85b2c]:hover {\n  background: rgba(24, 144, 255, 0.1);\n  border-color: rgba(24, 144, 255, 0.4);\n  color: var(--c-primary);\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-1fa85b2c] {\n  flex-shrink: 0;\n  border: 2px solid var(--c-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-1fa85b2c] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-1fa85b2c] {\n  width: 32px;\n  height: 20px;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-1fa85b2c] {\n  width: 24px;\n  height: 24px;\n  transform: rotate(45deg);\n  border-radius: 3px;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-1fa85b2c] {\n  border-color: #52c41a;\n  background: #f6ffed;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-1fa85b2c] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-1fa85b2c] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-1fa85b2c] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-1fa85b2c] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-1fa85b2c] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-1fa85b2c] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-1fa85b2c] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-1fa85b2c] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  margin-bottom: 8px;\n}\n.n-drawer .property-panel .form-actions[data-v-1fa85b2c] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--c-border);\n}","/* unplugin-vue-components disabled */.class-editor[data-v-ea96ef84] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-ea96ef84] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-ea96ef84]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-ea96ef84]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-ea96ef84] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-ea96ef84] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-ea96ef84] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-ea96ef84] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-ea96ef84] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-ea96ef84] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-ea96ef84] {\n  font-size: 12px;\n  margin-bottom: 4px;\n  color: #666;\n}","/* unplugin-vue-components disabled *//* UML 类图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.uml-layout[data-v-fcc8adc9] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.uml-layout .toolbar[data-v-fcc8adc9] {\n  padding: 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n  flex-shrink: 0;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] {\n  flex: 1;\n  position: relative;\n  min-height: 300px;\n  width: 100%;\n  border: 1px solid var(--c-border);\n  overflow: hidden;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph,\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.uml-layout .graph-container[data-v-fcc8adc9] .x6-graph-svg-stage {\n  outline: none;\n}\n\n/* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */\n.class-editor[data-v-fcc8adc9] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.class-editor[data-v-fcc8adc9]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor[data-v-fcc8adc9]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section[data-v-fcc8adc9] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.class-editor .section[data-v-fcc8adc9]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor .section[data-v-fcc8adc9]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section .item[data-v-fcc8adc9] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-card[data-v-fcc8adc9] {\n  border: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card-header[data-v-fcc8adc9] {\n  padding: 8px 12px;\n  background: var(--n-color-embedded);\n  border-bottom: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card__content[data-v-fcc8adc9] {\n  padding: 12px;\n}\n.class-editor .section .n-form-item[data-v-fcc8adc9] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-form-item .n-form-item-label[data-v-fcc8adc9] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}","/* unplugin-vue-components disabled */\n.c-antv-container[data-v-f1ab77ea] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;ACxFA;AACA;AACA;AACA;AACA"}