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

package/dist/C_ActionBar-nnfbZCea.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_ActionBar-nnfbZCea.css","names":[],"sources":["../src/components/C_ActionBar/index.vue?vue&type=style&index=0&scoped=c7b6bc21&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 通用操作按钮组件样式 */\n/* ================= 主容器 ================= */\n.c-action-bar[data-v-c7b6bc21] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  margin-bottom: 16px;\n  background: var(--c-bg-card);\n  border-radius: var(--c-radius);\n  border: 1px solid var(--c-border);\n  transition: all 0.3s ease;\n}\n.c-action-bar.is-align-left[data-v-c7b6bc21] {\n  justify-content: flex-start;\n}\n.c-action-bar.is-align-center[data-v-c7b6bc21] {\n  justify-content: center;\n}\n.c-action-bar.is-align-right[data-v-c7b6bc21] {\n  justify-content: flex-end;\n}\n.c-action-bar.is-align-space-between[data-v-c7b6bc21] {\n  justify-content: space-between;\n}\n.c-action-bar.is-align-space-around[data-v-c7b6bc21] {\n  justify-content: space-around;\n}\n.c-action-bar.is-compact[data-v-c7b6bc21] {\n  padding: 12px;\n  margin-bottom: 12px;\n}\n.c-action-bar.is-inline[data-v-c7b6bc21] {\n  padding: 0;\n  margin-bottom: 0;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n  box-shadow: none;\n}\n.c-action-bar.is-wrap[data-v-c7b6bc21] {\n  flex-wrap: wrap;\n  gap: 12px;\n}\n@media (max-width: 768px) {\n.c-action-bar[data-v-c7b6bc21] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-action-bar .actions-group[data-v-c7b6bc21] {\n    width: 100%;\n    justify-content: center;\n}\n}\n\n/* ================= 按钮组 ================= */\n.actions-group[data-v-c7b6bc21] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: nowrap;\n}\n.actions-group.actions-left[data-v-c7b6bc21] {\n  justify-content: flex-start;\n}\n.actions-group.actions-right[data-v-c7b6bc21] {\n  justify-content: flex-end;\n}\n.c-action-bar.has-only-left.is-align-center .actions-group.actions-left[data-v-c7b6bc21], .c-action-bar.has-only-right.is-align-center .actions-group.actions-right[data-v-c7b6bc21] {\n  width: 100%;\n  justify-content: center;\n}\n.c-action-bar.has-only-left.is-align-space-between .actions-group.actions-left[data-v-c7b6bc21], .c-action-bar.has-only-right.is-align-space-between .actions-group.actions-right[data-v-c7b6bc21] {\n  width: 100%;\n  justify-content: space-between;\n}\n.c-action-bar.has-only-left.is-align-space-around .actions-group.actions-left[data-v-c7b6bc21], .c-action-bar.has-only-right.is-align-space-around .actions-group.actions-right[data-v-c7b6bc21] {\n  width: 100%;\n  justify-content: space-around;\n}\n.c-action-bar.has-only-left.is-align-right .actions-group.actions-left[data-v-c7b6bc21] {\n  width: 100%;\n  justify-content: flex-end;\n}\n.c-action-bar.has-only-right.is-align-left .actions-group.actions-right[data-v-c7b6bc21] {\n  width: 100%;\n  justify-content: flex-start;\n}\n.actions-group[data-v-c7b6bc21] .n-button {\n  transition: all 0.3s ease;\n  font-weight: 500;\n}\n.actions-group[data-v-c7b6bc21] .n-button .n-icon {\n  transition: transform 0.3s ease;\n}\n.actions-group[data-v-c7b6bc21] .n-button:hover:not(:disabled) {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.actions-group[data-v-c7b6bc21] .n-button:hover:not(:disabled) .n-icon {\n  transform: scale(1.1);\n}\n.actions-group[data-v-c7b6bc21] .n-button:active:not(:disabled) {\n  transform: translateY(0);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.actions-group[data-v-c7b6bc21] .n-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.actions-group[data-v-c7b6bc21] .n-button.n-button--loading {\n  pointer-events: none;\n}\n.actions-group[data-v-c7b6bc21] .n-button--primary-type:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(24, 160, 88, 0.3);\n}\n.actions-group[data-v-c7b6bc21] .n-button--info-type:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(42, 148, 125, 0.3);\n}\n.actions-group[data-v-c7b6bc21] .n-button--success-type:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(99, 226, 183, 0.3);\n}\n.actions-group[data-v-c7b6bc21] .n-button--warning-type:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(240, 138, 0, 0.3);\n}\n.actions-group[data-v-c7b6bc21] .n-button--error-type:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(208, 48, 80, 0.3);\n}\n\n/* ================= 中间插槽区域 ================= */\n.actions-center[data-v-c7b6bc21] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: 0 24px;\n  min-width: 0;\n}\n\n/* ================= 分隔线 ================= */\n.action-divider[data-v-c7b6bc21] {\n  margin: 0 8px !important;\n  height: 20px;\n  opacity: 0.3;\n  transition: opacity 0.3s ease;\n}\n.action-divider[data-v-c7b6bc21]:hover {\n  opacity: 0.6;\n}\n\n/* ================= 下拉菜单优化 ================= */\n[data-v-c7b6bc21] .n-dropdown-option {\n  transition: all 0.2s ease;\n}\n[data-v-c7b6bc21] .n-dropdown-option:hover {\n  transform: translateX(4px);\n}\n[data-v-c7b6bc21] .n-dropdown-option .n-icon {\n  transition: transform 0.2s ease;\n}\n[data-v-c7b6bc21] .n-dropdown-option:hover .n-icon {\n  transform: scale(1.15);\n}\n\n/* ================= 加载动画 ================= */\n@keyframes button-loading-c7b6bc21 {\n0% {\n    opacity: 0.6;\n}\n50% {\n    opacity: 1;\n}\n100% {\n    opacity: 0.6;\n}\n}\n[data-v-c7b6bc21] .n-button--loading {\n  animation: button-loading-c7b6bc21 1.5s ease-in-out infinite;\n}\n\n/* ================= Tooltip 样式 ================= */\n[data-v-c7b6bc21] .n-tooltip .n-tooltip__content {\n  font-size: 12px;\n  padding: 6px 10px;\n  border-radius: 4px;\n  backdrop-filter: blur(8px);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* ================= 暗黑模式适配 ================= */\nhtml.dark .c-action-bar[data-v-c7b6bc21] {\n  border-color: rgba(255, 255, 255, 0.09);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\nhtml.dark .actions-group[data-v-c7b6bc21] .n-button:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);\n}\nhtml.dark .action-divider[data-v-c7b6bc21] {\n  opacity: 0.15;\n}\nhtml.dark .action-divider[data-v-c7b6bc21]:hover {\n  opacity: 0.4;\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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_ActionBar2.js

@@ -1,7 +1,7 @@
 import { t as C_Icon_default } from "./C_Icon2.js";
 import { t as export_helper_default } from "./export-helper.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, withDirectives } from "vue";
 import { NButton, NDivider, NDropdown, NTooltip } from "naive-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, withDirectives } from "vue";
 
 //#region src/components/C_ActionBar/index.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
@@ -189,7 +189,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 
 //#endregion
 //#region src/components/C_ActionBar/index.vue
-var C_ActionBar_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-991d8822"]]);
+var C_ActionBar_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c7b6bc21"]]);
 
 //#endregion
 export { C_ActionBar_default as t };

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":["<!--\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","<!--\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":"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"}
+{"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":"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"}

package/dist/C_AntV-DGjscTWa.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_AntV-DGjscTWa.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=20072687&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=6bf4e129&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=6067ee94&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-20072687] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-20072687] {\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-20072687] {\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-20072687] .x6-graph,\n.er-layout .graph-container[data-v-20072687] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-20072687] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-20072687] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-20072687]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-20072687]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-20072687] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-20072687]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-20072687]::-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-20072687] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-20072687] {\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-20072687] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-20072687] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-20072687] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-20072687] .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-20072687] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-20072687] {\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-20072687] .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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-6bf4e129] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-6bf4e129] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129]: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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\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-6bf4e129] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-6bf4e129] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-6bf4e129] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-6bf4e129] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-6bf4e129] {\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-6bf4e129] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-6bf4e129] .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-6bf4e129] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-6bf4e129] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-6bf4e129] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-6bf4e129] {\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-6bf4e129] {\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-6067ee94] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-6067ee94] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-6067ee94]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-6067ee94]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-6067ee94] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-6067ee94] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-6067ee94] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-6067ee94] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-6067ee94] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-6067ee94] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-6067ee94] {\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"}

package/dist/C_AntV2.js

@@ -1,7 +1,7 @@
 import { t as C_Icon_default } from "./C_Icon2.js";
 import { t as export_helper_default } from "./export-helper.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { NAlert, NButton, NCard, NCheckbox, NDivider, NDrawer, NDrawerContent, NDropdown, NForm, NFormItem, NGi, NGrid, NInput, NRadio, NRadioGroup, NSelect, NSpace, useMessage } from "naive-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { Graph, ObjectExt } from "@antv/x6";
 import html2canvas from "html2canvas";
 
@@ -1082,7 +1082,7 @@ var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_AntV/layout/ER/index.vue
-var ER_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-c459e320"]]);
+var ER_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-20072687"]]);
 
 //#endregion
 //#region src/components/C_AntV/composables/useEdgeInteraction.ts
@@ -1973,7 +1973,7 @@ var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_AntV/layout/BPMN/index.vue
-var BPMN_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-7e956ab3"]]);
+var BPMN_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-6bf4e129"]]);
 
 //#endregion
 //#region src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=script&setup=true&lang.ts
@@ -2286,7 +2286,7 @@ var UMLClassEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 
 //#endregion
 //#region src/components/C_AntV/layout/UML/components/UMLClassEditor.vue
-var UMLClassEditor_default = /* @__PURE__ */ export_helper_default(UMLClassEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e4ff5cc2"]]);
+var UMLClassEditor_default = /* @__PURE__ */ export_helper_default(UMLClassEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6067ee94"]]);
 
 //#endregion
 //#region src/components/C_AntV/layout/UML/data.ts
@@ -3032,7 +3032,7 @@ var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ define
 
 //#endregion
 //#region src/components/C_AntV/layout/UML/index.vue
-var UML_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-793e1533"]]);
+var UML_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-1092fbdb"]]);
 
 //#endregion
 //#region src/components/C_AntV/index.vue?vue&type=script&setup=true&lang.ts
@@ -3143,7 +3143,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 
 //#endregion
 //#region src/components/C_AntV/index.vue
-var C_AntV_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b03826d0"]]);
+var C_AntV_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f1ab77ea"]]);
 
 //#endregion
 export { useGraphBase as i, useEdgeInteraction as n, useGraphExport as r, C_AntV_default as t };