@robot-admin/naive-ui-components 0.3.0

package/README.md

@@ -0,0 +1,257 @@
+# @agile-team/naive-ui-components
+
+基于 **Naive UI** 的 Vue 3 企业级组件库，从 Robot Admin 中提炼的 38 个高质量业务组件。
+
+支持 **全量注册**、**按需导入（Tree-Shaking）** 和 **子路径独立导入**，配合多入口构建输出 ESM / CJS / DTS，满足不同集成场景。
+
+## 📦 安装
+
+```bash
+bun add @agile-team/naive-ui-components
+```
+
+必需的对等依赖：
+
+```bash
+bun add vue@^3.5.0 naive-ui@^2.35.0
+```
+
+## 🚀 快速开始
+
+### 全局注册
+
+```typescript
+import { createApp } from "vue";
+import NaiveUIComponents from "@agile-team/naive-ui-components";
+import "@agile-team/naive-ui-components/style.css";
+
+const app = createApp(App);
+app.use(NaiveUIComponents);
+app.mount("#app");
+```
+
+### 按需导入（主入口 Tree-Shaking）
+
+```vue
+<script setup lang="ts">
+import { C_Icon, C_Table, C_Form } from "@agile-team/naive-ui-components";
+import "@agile-team/naive-ui-components/style.css";
+</script>
+```
+
+### 子路径独立导入（推荐，最小打包体积）
+
+每个组件都提供独立的子路径入口，仅加载目标组件的代码和类型：
+
+```vue
+<script setup lang="ts">
+import { C_Form } from "@agile-team/naive-ui-components/C_Form";
+import { C_Table } from "@agile-team/naive-ui-components/C_Table";
+import { C_Icon } from "@agile-team/naive-ui-components/C_Icon";
+import "@agile-team/naive-ui-components/style.css";
+</script>
+```
+
+> 子路径导入提供完整的 TypeScript 类型支持（`.d.ts`），IDE 可自动补全 props / emits / slots。
+
+### Composables 单独使用
+
+```typescript
+import {
+  useTableManager,
+  useFormState,
+  usePlayerCore,
+} from "@agile-team/naive-ui-components";
+```
+
+## 📋 组件清单（38 个）
+
+### 基础组件
+
+| 组件          | 说明             | 外部依赖                    |
+| ------------- | ---------------- | --------------------------- |
+| `C_Icon`      | Iconify 图标封装 | `@iconify/vue`              |
+| `C_Code`      | 代码高亮显示     | `highlight.js`              |
+| `C_Barcode`   | 条形码生成器     | `@chenfengyuan/vue-barcode` |
+| `C_Captcha`   | 拼图验证码       | `vue3-puzzle-vcode`         |
+| `C_Cascade`   | 级联面板选择器   | -                           |
+| `C_Guide`     | 新手引导         | `driver.js`                 |
+| `C_Progress`  | 增强进度条       | -                           |
+| `C_Steps`     | 步骤条           | -                           |
+| `C_ActionBar` | 操作按钮栏       | -                           |
+| `C_Theme`     | 主题切换器       | -                           |
+| `C_Language`  | 语言切换器       | -                           |
+| `C_Date`      | 日期选择器增强   | -                           |
+| `C_City`      | 省市区三级联动   | -                           |
+
+### 内容 & 编辑组件
+
+| 组件              | 说明                 | 外部依赖             |
+| ----------------- | -------------------- | -------------------- |
+| `C_Editor`        | 富文本编辑器         | `@wangeditor/editor` |
+| `C_Markdown`      | Markdown 编辑器/预览 | `@kangc/v-md-editor` |
+| `C_FormulaEditor` | 公式编辑器           | `expr-eval`          |
+| `C_Signature`     | 电子签名             | -                    |
+| `C_QRCode`        | 二维码生成器         | `qrcode`             |
+| `C_ImageCropper`  | 图片裁剪器           | `vue-cropper`        |
+
+### 数据展示组件
+
+| 组件             | 说明                                      | 外部依赖                             |
+| ---------------- | ----------------------------------------- | ------------------------------------ |
+| `C_Table`        | 高级数据表格（CRUD/行列编辑/动态行/打印） | `print-js`、`html2canvas`            |
+| `C_Map`          | 地图组件（OSM/高德）                      | `leaflet`                            |
+| `C_VtableGantt`  | 甘特图                                    | `@visactor/vtable-gantt`             |
+| `C_AntV`         | 图编辑器（ER/BPMN/UML）                   | `@antv/x6`、`html2canvas`            |
+| `C_WaterFall`    | 瀑布流布局                                | -                                    |
+| `C_FullCalendar` | 日历事件                                  | `@fullcalendar/*`                    |
+| `C_VideoPlayer`  | 视频播放器（HLS/字幕/书签/章节）          | `xgplayer`、`xgplayer-hls`           |
+| `C_FilePreview`  | 文件预览（PDF/Word/Excel）                | `xlsx`、`mammoth`、`@tato30/vue-pdf` |
+
+### 表单 & 布局组件
+
+| 组件              | 说明                                              | 外部依赖                     |
+| ----------------- | ------------------------------------------------- | ---------------------------- |
+| `C_Form`          | 动态表单引擎（Grid/Tabs/Steps/Card/Dynamic 布局） | `@robot-admin/form-validate` |
+| `C_FormSearch`    | 搜索表单                                          | -                            |
+| `C_CollapsePanel` | 折叠面板                                          | -                            |
+| `C_SplitPane`     | 分割面板                                          | -                            |
+| `C_Draggable`     | 拖拽排序                                          | `vue-draggable-plus`         |
+| `C_Tree`          | 高级树形控件                                      | -                            |
+| `C_Time`          | 时间选择器增强                                    | -                            |
+| `C_Cron`          | Cron 表达式编辑器                                 | -                            |
+
+### 流程 & 通知组件
+
+| 组件                   | 说明                                 | 外部依赖         |
+| ---------------------- | ------------------------------------ | ---------------- |
+| `C_WorkFlow`           | 工作流编辑器（审批/抄送/条件节点）   | `@vue-flow/core` |
+| `C_NotificationCenter` | 通知中心（WebSocket/轮询）           | -                |
+| `C_Upload`             | 大文件上传（分片/断点续传/哈希校验） | `spark-md5`      |
+
+## 🔌 可选依赖
+
+包含外部依赖的组件以 `optionalDependencies` 声明。**按需安装**：
+
+```bash
+# 视频播放器
+bun add xgplayer xgplayer-hls
+
+# 图编辑器
+bun add @antv/x6
+
+# 工作流
+bun add @vue-flow/core
+
+# 文件预览
+bun add xlsx mammoth @tato30/vue-pdf
+
+# 表格打印
+bun add print-js html2canvas
+
+# 公式编辑器
+bun add expr-eval
+```
+
+## 🏗️ 构建架构
+
+### 四阶段构建流水线
+
+```
+bun run build
+  ├── 1. tsdown          → 多入口打包（38 组件 ESM/CJS/DTS）
+  ├── 2. sass CLI        → 编译 global.scss → global-scss.css
+  ├── 3. merge-css.js    → 合并 SFC CSS + global SCSS → style.css
+  └── 4. gen-exports.js  → 自动生成 package.json exports 映射
+```
+
+### 技术要点
+
+- **构建引擎**：[tsdown](https://github.com/rolldown/tsdown)（基于 Rolldown），38 个独立入口并行编译
+- **SCSS 处理**：自定义 `scssTransformPlugin` 在 Rolldown 管线内编译 SFC SCSS，独立 Sass CLI 编译全局样式
+- **CSS 合并**：构建后将分散的 per-chunk CSS 与 `global-scss.css` 合并为单一 `style.css`
+- **类型导出**：统一 `export *` barrel 模式，自动生成完整 `.d.ts`
+- **子路径导出**：`gen-exports.js` 自动扫描 `dist/` 并写入 `package.json` 的 `exports` 字段
+- **导出冲突检测**：`check-export-conflicts.js` 确保组件间无命名冲突
+
+### 输出产物
+
+```
+dist/
+├── index.js / index.cjs / index.d.ts     # 主入口
+├── C_Form.js / C_Form.cjs / C_Form.d.ts  # 子路径入口（38 组件）
+├── style.css                              # 合并后的全量样式
+└── [chunk].js                             # 共享代码块
+```
+
+## 🔧 开发
+
+```bash
+bun install              # 安装依赖
+bun run dev              # 开发模式（SCSS watch + tsdown watch）
+bun run build            # 完整构建
+bun run build:scss       # 仅编译全局 SCSS
+bun run build:css        # 仅合并 CSS
+bun run build:exports    # 仅生成 exports 映射
+bun run check:exports    # 检测导出命名冲突
+bun run type-check       # TypeScript 类型检查
+```
+
+### 项目结构
+
+```
+naive-ui-components/
+├── src/
+│   ├── index.ts                     # 库入口（全量注册 + export * barrel）
+│   ├── styles/
+│   │   ├── variables.scss           # CSS 变量 (--c-*)
+│   │   └── global.scss              # 自动生成的全局样式聚合（@forward barrel）
+│   ├── components/
+│   │   └── C_[Name]/
+│   │       ├── index.vue            # 组件主文件
+│   │       ├── index.ts             # Barrel 导出
+│   │       ├── index.scss           # 组件样式
+│   │       ├── types.ts             # 类型定义
+│   │       ├── constants.ts         # 常量
+│   │       ├── data.ts              # 静态数据
+│   │       ├── composables/         # 组合式函数
+│   │       ├── components/          # 子组件
+│   │       └── layouts/             # 布局变体（C_Form/C_AntV）
+│   ├── plugins/                     # highlight.js 等插件
+│   └── utils/                       # 工具函数
+├── scripts/
+│   ├── gen-global-scss.js           # 生成 global.scss（@forward barrel）
+│   ├── watch-global-scss.js         # 开发模式 SCSS 监听
+│   ├── merge-css.js                 # 合并 CSS 产物
+│   ├── gen-exports.js               # 自动生成 package.json exports
+│   └── check-export-conflicts.js    # 导出命名冲突检测
+├── types/
+│   └── env.d.ts                     # .vue / .scss 模块声明
+├── tsdown.config.ts                 # 构建配置（多入口 + SCSS 插件 + Vue 插件）
+└── tsconfig.json
+```
+
+### 添加新组件
+
+1. 创建 `src/components/C_NewComponent/` 目录
+2. 编写 `index.vue`、`index.ts`（barrel）、`types.ts`
+3. 在 `src/index.ts` 中添加 `export * from './components/C_NewComponent'`
+4. 运行 `bun run build`—构建脚本会自动生成子路径入口和 exports 映射
+
+### 发布
+
+```bash
+bun run release:patch   # 0.3.0 → 0.3.1
+bun run release:minor   # 0.3.0 → 0.4.0
+bun run release:major   # 0.3.0 → 1.0.0
+```
+
+## 📄 许可证
+
+MIT License
+
+## 🔗 相关链接
+
+- [Robot Admin 文档](https://www.tzagileteam.com/robot/components/preface)
+- [GitHub](https://github.com/ChenyCHENYU/naive-ui-components)
+- [NPM](https://www.npmjs.com/package/@agile-team/naive-ui-components)

package/dist/C_ActionBar-DWN-woTc.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_ActionBar-DWN-woTc.css","names":[],"sources":["../src/components/C_ActionBar/index.vue?vue&type=style&index=0&scoped=991d8822&lang.scss"],"sourcesContent":["/* 通用操作按钮组件样式 */\n/* ================= 主容器 ================= */\n.c-action-bar[data-v-991d8822] {\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-991d8822] {\n  justify-content: flex-start;\n}\n.c-action-bar.is-align-center[data-v-991d8822] {\n  justify-content: center;\n}\n.c-action-bar.is-align-right[data-v-991d8822] {\n  justify-content: flex-end;\n}\n.c-action-bar.is-align-space-between[data-v-991d8822] {\n  justify-content: space-between;\n}\n.c-action-bar.is-align-space-around[data-v-991d8822] {\n  justify-content: space-around;\n}\n.c-action-bar.is-compact[data-v-991d8822] {\n  padding: 12px;\n  margin-bottom: 12px;\n}\n.c-action-bar.is-inline[data-v-991d8822] {\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-991d8822] {\n  flex-wrap: wrap;\n  gap: 12px;\n}\n@media (max-width: 768px) {\n.c-action-bar[data-v-991d8822] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-action-bar .actions-group[data-v-991d8822] {\n    width: 100%;\n    justify-content: center;\n}\n}\n\n/* ================= 按钮组 ================= */\n.actions-group[data-v-991d8822] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: nowrap;\n}\n.actions-group.actions-left[data-v-991d8822] {\n  justify-content: flex-start;\n}\n.actions-group.actions-right[data-v-991d8822] {\n  justify-content: flex-end;\n}\n.c-action-bar.has-only-left.is-align-center .actions-group.actions-left[data-v-991d8822], .c-action-bar.has-only-right.is-align-center .actions-group.actions-right[data-v-991d8822] {\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-991d8822], .c-action-bar.has-only-right.is-align-space-between .actions-group.actions-right[data-v-991d8822] {\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-991d8822], .c-action-bar.has-only-right.is-align-space-around .actions-group.actions-right[data-v-991d8822] {\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-991d8822] {\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-991d8822] {\n  width: 100%;\n  justify-content: flex-start;\n}\n.actions-group[data-v-991d8822] .n-button {\n  transition: all 0.3s ease;\n  font-weight: 500;\n}\n.actions-group[data-v-991d8822] .n-button .n-icon {\n  transition: transform 0.3s ease;\n}\n.actions-group[data-v-991d8822] .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-991d8822] .n-button:hover:not(:disabled) .n-icon {\n  transform: scale(1.1);\n}\n.actions-group[data-v-991d8822] .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-991d8822] .n-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.actions-group[data-v-991d8822] .n-button.n-button--loading {\n  pointer-events: none;\n}\n.actions-group[data-v-991d8822] .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-991d8822] .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-991d8822] .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-991d8822] .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-991d8822] .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-991d8822] {\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-991d8822] {\n  margin: 0 8px !important;\n  height: 20px;\n  opacity: 0.3;\n  transition: opacity 0.3s ease;\n}\n.action-divider[data-v-991d8822]:hover {\n  opacity: 0.6;\n}\n\n/* ================= 下拉菜单优化 ================= */\n[data-v-991d8822] .n-dropdown-option {\n  transition: all 0.2s ease;\n}\n[data-v-991d8822] .n-dropdown-option:hover {\n  transform: translateX(4px);\n}\n[data-v-991d8822] .n-dropdown-option .n-icon {\n  transition: transform 0.2s ease;\n}\n[data-v-991d8822] .n-dropdown-option:hover .n-icon {\n  transform: scale(1.15);\n}\n\n/* ================= 加载动画 ================= */\n@keyframes button-loading-991d8822 {\n0% {\n    opacity: 0.6;\n}\n50% {\n    opacity: 1;\n}\n100% {\n    opacity: 0.6;\n}\n}\n[data-v-991d8822] .n-button--loading {\n  animation: button-loading-991d8822 1.5s ease-in-out infinite;\n}\n\n/* ================= Tooltip 样式 ================= */\n[data-v-991d8822] .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-991d8822] {\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-991d8822] .n-button:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);\n}\nhtml.dark .action-divider[data-v-991d8822] {\n  opacity: 0.15;\n}\nhtml.dark .action-divider[data-v-991d8822]: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_ActionBar.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('./C_Icon.js');
+const require_C_ActionBar = require('./C_ActionBar.js');
+
+exports.C_ActionBar = require_C_ActionBar.C_ActionBar_default;

package/dist/C_ActionBar.d.cts

@@ -0,0 +1,2 @@
+import { a as ActionDropdownItem, c as TableActionsEmits, i as ActionButtonType, l as TableActionsProps, n as ActionBarConfig, o as ActionGroupAlign, r as ActionButtonSize, s as ActionItem, t as _default } from "./index.vue.js";
+export { type ActionBarConfig, type ActionButtonSize, type ActionButtonType, type ActionDropdownItem, type ActionGroupAlign, type ActionItem, _default as C_ActionBar, type TableActionsEmits, type TableActionsProps };

package/dist/C_ActionBar.d.ts

@@ -0,0 +1,2 @@
+import { a as ActionDropdownItem, c as TableActionsEmits, i as ActionButtonType, l as TableActionsProps, n as ActionBarConfig, o as ActionGroupAlign, r as ActionButtonSize, s as ActionItem, t as _default } from "./index.vue.js";
+export { type ActionBarConfig, type ActionButtonSize, type ActionButtonType, type ActionDropdownItem, type ActionGroupAlign, type ActionItem, _default as C_ActionBar, type TableActionsEmits, type TableActionsProps };

package/dist/C_ActionBar.js

@@ -0,0 +1,4 @@
+import "./C_Icon2.js";
+import { t as C_ActionBar_default } from "./C_ActionBar2.js";
+
+export { C_ActionBar_default as C_ActionBar };

package/dist/C_ActionBar2.js

@@ -0,0 +1,196 @@
+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";
+
+//#region src/components/C_ActionBar/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 1,
+	class: "actions-center"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_ActionBar",
+	__name: "index",
+	props: {
+		actions: { default: () => [] },
+		leftActions: { default: () => [] },
+		rightActions: { default: () => [] },
+		config: { default: () => ({}) }
+	},
+	emits: ["action-click", "dropdown-click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const defaultConfig = {
+			align: "left",
+			size: "medium",
+			gap: 8,
+			wrap: false,
+			showDivider: false,
+			dividerType: "vertical",
+			compact: false,
+			inline: true
+		};
+		const finalConfig = computed(() => ({
+			...defaultConfig,
+			...props.config
+		}));
+		const leftButtonList = computed(() => {
+			if (props.leftActions && props.leftActions.length > 0) return props.leftActions.filter((action) => shouldShowAction(action));
+			if (props.actions.length > 0) {
+				const hasRightActions = props.rightActions && props.rightActions.length > 0;
+				const hasRightGroup = props.actions.some((action) => action.group === "right");
+				if (!hasRightActions && !hasRightGroup) return props.actions.filter((action) => shouldShowAction(action));
+				return props.actions.filter((action) => action.group === "left" && shouldShowAction(action));
+			}
+			return [];
+		});
+		const rightButtonList = computed(() => {
+			if (props.rightActions && props.rightActions.length > 0) return props.rightActions.filter((action) => shouldShowAction(action));
+			return props.actions.filter((action) => action.group === "right" && shouldShowAction(action));
+		});
+		const shouldShowAction = (action) => {
+			if (action.show === void 0) return true;
+			return unref(action.show);
+		};
+		const isActionDisabled = (action) => {
+			return unref(action.disabled) || false;
+		};
+		const isActionLoading = (action) => {
+			return unref(action.loading) || false;
+		};
+		const handleActionClick = async (action) => {
+			if (action.dropdown && action.dropdown.length > 0) return;
+			emit("action-click", action);
+			if (action.onClick) await action.onClick();
+		};
+		const handleDropdownClick = async (item, action) => {
+			emit("dropdown-click", item, action);
+			if (item.onClick) await item.onClick();
+		};
+		const ActionButton = defineComponent({
+			name: "ActionButton",
+			props: { action: {
+				type: Object,
+				required: true
+			} },
+			emits: ["click", "dropdown-select"],
+			setup(props, { emit }) {
+				const action = computed(() => props.action);
+				const dropdownOptions = computed(() => {
+					if (!action.value.dropdown) return [];
+					return action.value.dropdown.filter((item) => {
+						if (item.show === void 0) return true;
+						return unref(item.show);
+					}).map((item) => ({
+						key: item.key,
+						label: item.label,
+						icon: item.icon ? () => h(C_Icon_default, {
+							name: item.icon,
+							size: 14
+						}) : void 0,
+						disabled: unref(item.disabled)
+					}));
+				});
+				const handleDropdownSelect = (key) => {
+					const item = action.value.dropdown?.find((d) => d.key === key);
+					if (item) emit("dropdown-select", item);
+				};
+				const createButtonVNode = (extraProps) => {
+					const button = h(NButton, {
+						type: action.value.type || "default",
+						size: action.value.size || finalConfig.value.size,
+						loading: isActionLoading(action.value),
+						disabled: isActionDisabled(action.value),
+						...extraProps,
+						...action.value.buttonProps
+					}, {
+						default: () => action.value.label,
+						icon: action.value.icon ? () => h(C_Icon_default, {
+							name: action.value.icon,
+							size: 16
+						}) : void 0
+					});
+					return action.value.directives && action.value.directives.length > 0 ? withDirectives(button, action.value.directives) : button;
+				};
+				const renderButton = () => {
+					const vnode = createButtonVNode({ onClick: () => emit("click") });
+					if (action.value.tooltip) return h(NTooltip, { placement: "top" }, {
+						trigger: () => vnode,
+						default: () => action.value.tooltip
+					});
+					return vnode;
+				};
+				const renderDropdownButton = () => {
+					const vnode = createButtonVNode();
+					return h(NDropdown, {
+						options: dropdownOptions.value,
+						onSelect: handleDropdownSelect
+					}, { default: () => vnode });
+				};
+				return () => {
+					if (action.value.dropdown && action.value.dropdown.length > 0) return renderDropdownButton();
+					return renderButton();
+				};
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["c-action-bar", {
+				"is-compact": finalConfig.value.compact,
+				"is-inline": finalConfig.value.inline,
+				"is-wrap": finalConfig.value.wrap,
+				[`is-align-${finalConfig.value.align}`]: true,
+				"has-only-left": leftButtonList.value.length > 0 && rightButtonList.value.length === 0 && !_ctx.$slots.center,
+				"has-only-right": rightButtonList.value.length > 0 && leftButtonList.value.length === 0 && !_ctx.$slots.center
+			}]) }, [
+				leftButtonList.value.length > 0 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "actions-group actions-left",
+					style: normalizeStyle({ gap: `${finalConfig.value.gap}px` })
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(leftButtonList.value, (action, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: action.key || `left-${index}` }, [createVNode(unref(ActionButton), {
+						action,
+						onClick: ($event) => handleActionClick(action),
+						onDropdownSelect: (item) => handleDropdownClick(item, action)
+					}, null, 8, [
+						"action",
+						"onClick",
+						"onDropdownSelect"
+					]), finalConfig.value.showDivider && index < leftButtonList.value.length - 1 && finalConfig.value.dividerType === "vertical" ? (openBlock(), createBlock(unref(NDivider), {
+						key: 0,
+						vertical: "",
+						class: "action-divider"
+					})) : createCommentVNode("v-if", true)], 64);
+				}), 128))], 4)) : createCommentVNode("v-if", true),
+				_ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "center", {}, void 0, true)])) : createCommentVNode("v-if", true),
+				rightButtonList.value.length > 0 ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "actions-group actions-right",
+					style: normalizeStyle({ gap: `${finalConfig.value.gap}px` })
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(rightButtonList.value, (action, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: action.key || `right-${index}` }, [createVNode(unref(ActionButton), {
+						action,
+						onClick: ($event) => handleActionClick(action),
+						onDropdownSelect: (item) => handleDropdownClick(item, action)
+					}, null, 8, [
+						"action",
+						"onClick",
+						"onDropdownSelect"
+					]), finalConfig.value.showDivider && index < rightButtonList.value.length - 1 && finalConfig.value.dividerType === "vertical" ? (openBlock(), createBlock(unref(NDivider), {
+						key: 0,
+						vertical: "",
+						class: "action-divider"
+					})) : createCommentVNode("v-if", true)], 64);
+				}), 128))], 4)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+
+//#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"]]);
+
+//#endregion
+export { C_ActionBar_default as t };
+//# sourceMappingURL=C_ActionBar2.js.map

package/dist/C_ActionBar2.js.map

@@ -0,0 +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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"}

package/dist/C_AntV-AFKyK6hH.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_AntV-AFKyK6hH.css","names":[],"sources":["../src/components/C_AntV/layout/ER/index.vue?vue&type=style&index=0&scoped=c459e320&lang.scss","../src/components/C_AntV/layout/BPMN/index.vue?vue&type=style&index=0&scoped=7e956ab3&lang.scss","../src/components/C_AntV/layout/UML/components/UMLClassEditor.vue?vue&type=style&index=0&scoped=e4ff5cc2&lang.scss","../src/components/C_AntV/layout/UML/index.vue?vue&type=style&index=0&scoped=793e1533&lang.scss","../src/components/C_AntV/index.vue?vue&type=style&index=0&scoped=b03826d0&lang.css"],"sourcesContent":["/* ER 图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.er-layout[data-v-c459e320] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.er-layout .toolbar[data-v-c459e320] {\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-c459e320] {\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-c459e320] .x6-graph,\n.er-layout .graph-container[data-v-c459e320] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.er-layout .graph-container[data-v-c459e320] .x6-graph-svg-stage {\n  outline: none;\n}\n.er-layout .table-editor[data-v-c459e320] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 4px;\n}\n.er-layout .table-editor[data-v-c459e320]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor[data-v-c459e320]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.er-layout .table-editor .fields-container[data-v-c459e320] {\n  max-height: calc(100vh - 400px);\n  overflow-y: auto;\n}\n.er-layout .table-editor .fields-container[data-v-c459e320]::-webkit-scrollbar {\n  width: 6px;\n}\n.er-layout .table-editor .fields-container[data-v-c459e320]::-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-c459e320] {\n  margin-bottom: 16px;\n}\n.er-layout .table-editor .fields-container .field-card .field-header[data-v-c459e320] {\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-c459e320] .n-card-header {\n  padding: 10px 16px 8px;\n}\n.er-layout .table-editor .fields-container .field-card[data-v-c459e320] .n-card__content {\n  padding: 12px 16px 16px;\n}\n.er-layout .table-editor .fields-container[data-v-c459e320] .n-select {\n  min-width: 140px;\n}\n.er-layout .table-editor .fields-container[data-v-c459e320] .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-c459e320] {\n  margin-bottom: 8px;\n}\n.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-c459e320] {\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-c459e320] .n-input {\n  min-width: 100px;\n}","/* BPMN 布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.bpmn-layout[data-v-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-7e956ab3] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.bpmn-layout .main-content[data-v-7e956ab3] {\n  display: flex;\n  flex: 1;\n  height: 0;\n}\n.bpmn-layout .main-content .left-panel[data-v-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3]: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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\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-7e956ab3] {\n  border-color: #ff4d4f;\n  background: #fff2f0;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-7e956ab3] {\n  border-color: #1890ff;\n  background: #e6f7ff;\n}\n.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-7e956ab3] {\n  border-color: #722ed1;\n  background: #f9f0ff;\n}\n.bpmn-layout .main-content .graph-wrapper[data-v-7e956ab3] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-7e956ab3] {\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-7e956ab3] .x6-graph,\n.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-7e956ab3] .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-7e956ab3] .x6-graph-svg-stage {\n  outline: none;\n}\n.n-drawer .property-panel[data-v-7e956ab3] {\n  padding: 16px;\n}\n.n-drawer .property-panel .property-item[data-v-7e956ab3] {\n  margin-bottom: 16px;\n}\n.n-drawer .property-panel .property-item .property-label[data-v-7e956ab3] {\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-7e956ab3] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--c-border);\n}",".class-editor[data-v-e4ff5cc2] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.section[data-v-e4ff5cc2] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.section[data-v-e4ff5cc2]::-webkit-scrollbar {\n  width: 6px;\n}\n.section[data-v-e4ff5cc2]::-webkit-scrollbar-thumb {\n  background: #d4d4d4;\n  border-radius: 3px;\n}\n.section-header[data-v-e4ff5cc2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.item[data-v-e4ff5cc2] {\n  margin-bottom: 8px;\n}\n.section .n-card[data-v-e4ff5cc2] {\n  border: 1px solid #e8e8e8;\n}\n.section .n-card-header[data-v-e4ff5cc2] {\n  padding: 8px 12px;\n  background: #fafafa;\n  border-bottom: 1px solid #e8e8e8;\n}\n.section .n-card__content[data-v-e4ff5cc2] {\n  padding: 12px;\n}\n.section .n-form-item[data-v-e4ff5cc2] {\n  margin-bottom: 0;\n}\n.section .n-form-item-label[data-v-e4ff5cc2] {\n  font-size: 12px;\n  margin-bottom: 4px;\n  color: #666;\n}","/* UML 类图布局样式 */\n/* AntV X6 图形编辑器公共样式 */\n/* 用于 ER、UML、BPMN 等布局的共享样式 */\n/* 通用布局容器 */\n/* 工具栏样式 */\n/* 图形容器样式 */\n/* 表单项样式 */\n/* 卡片样式 */\n/* 滚动条样式 */\n/* 编辑器容器样式 */\n.uml-layout[data-v-793e1533] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n.uml-layout .toolbar[data-v-793e1533] {\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-793e1533] {\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-793e1533] .x6-graph,\n.uml-layout .graph-container[data-v-793e1533] .x6-graph-svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block;\n}\n.uml-layout .graph-container[data-v-793e1533] .x6-graph-svg-stage {\n  outline: none;\n}\n\n/* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */\n.class-editor[data-v-793e1533] {\n  padding: 20px;\n  height: calc(100vh - 60px);\n  overflow-y: auto;\n}\n.class-editor[data-v-793e1533]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor[data-v-793e1533]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section[data-v-793e1533] {\n  max-height: 300px;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n.class-editor .section[data-v-793e1533]::-webkit-scrollbar {\n  width: 6px;\n}\n.class-editor .section[data-v-793e1533]::-webkit-scrollbar-thumb {\n  background: var(--n-scrollbar-color);\n  border-radius: 3px;\n}\n.class-editor .section .item[data-v-793e1533] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-card[data-v-793e1533] {\n  border: 1px solid var(--c-border);\n}\n.class-editor .section .n-card .n-card-header[data-v-793e1533] {\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-793e1533] {\n  padding: 12px;\n}\n.class-editor .section .n-form-item[data-v-793e1533] {\n  margin-bottom: 8px;\n}\n.class-editor .section .n-form-item .n-form-item-label[data-v-793e1533] {\n  font-size: 12px;\n  color: #666;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}","\n.c-antv-container[data-v-b03826d0] {\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;;ACvFA;AACA;AACA;AACA"}

package/dist/C_AntV.cjs

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('./C_Icon.js');
+const require_C_AntV = require('./C_AntV.js');
+
+exports.C_AntV = require_C_AntV.C_AntV_default;
+exports.useEdgeInteraction = require_C_AntV.useEdgeInteraction;
+exports.useGraphBase = require_C_AntV.useGraphBase;
+exports.useGraphExport = require_C_AntV.useGraphExport;

package/dist/C_AntV.d.cts

@@ -0,0 +1,2 @@
+import { A as SelectionConfig, C as KeyboardConfig, D as MouseWheelConfig, E as MinimapConfig, F as UMLClass, I as UMLDiagramData, L as UMLMethod, M as ThemeConfig, N as ToolbarAction, O as Position, P as UMLAttribute, R as UMLRelation, S as HistoryConfig, T as MenuItem, _ as ExportFormat, a as BPMNDiagramData, b as GraphExportOptions, c as ClipboardConfig, d as DiagramData, f as DiagramType, g as ERTable, h as ERRelation, i as _default, j as SnapshotConfig, k as ScrollerConfig, l as ConnectionConfig, m as ERField, n as useGraphExport, o as BPMNFlow, p as ERDiagramData, r as useGraphBase, s as BPMNNode, t as useEdgeInteraction, u as DiagramConfig, v as GraphConfig, w as LayoutOptions, x as GridConfig, y as GraphEvents, z as ValidationResult } from "./useEdgeInteraction.js";
+export { type BPMNDiagramData, type BPMNFlow, type BPMNNode, _default as C_AntV, type ClipboardConfig, type ConnectionConfig, type DiagramConfig, type DiagramData, type DiagramType, type ERDiagramData, type ERField, type ERRelation, type ERTable, type ExportFormat, type GraphConfig, type GraphEvents, type GraphExportOptions, type GridConfig, type HistoryConfig, type KeyboardConfig, type LayoutOptions, type MenuItem, type MinimapConfig, type MouseWheelConfig, type Position, type ScrollerConfig, type SelectionConfig, type SnapshotConfig, type ThemeConfig, type ToolbarAction, type UMLAttribute, type UMLClass, type UMLDiagramData, type UMLMethod, type UMLRelation, type ValidationResult, useEdgeInteraction, useGraphBase, useGraphExport };

package/dist/C_AntV.d.ts

@@ -0,0 +1,2 @@
+import { A as SelectionConfig, C as KeyboardConfig, D as MouseWheelConfig, E as MinimapConfig, F as UMLClass, I as UMLDiagramData, L as UMLMethod, M as ThemeConfig, N as ToolbarAction, O as Position, P as UMLAttribute, R as UMLRelation, S as HistoryConfig, T as MenuItem, _ as ExportFormat, a as BPMNDiagramData, b as GraphExportOptions, c as ClipboardConfig, d as DiagramData, f as DiagramType, g as ERTable, h as ERRelation, i as _default, j as SnapshotConfig, k as ScrollerConfig, l as ConnectionConfig, m as ERField, n as useGraphExport, o as BPMNFlow, p as ERDiagramData, r as useGraphBase, s as BPMNNode, t as useEdgeInteraction, u as DiagramConfig, v as GraphConfig, w as LayoutOptions, x as GridConfig, y as GraphEvents, z as ValidationResult } from "./useEdgeInteraction.js";
+export { type BPMNDiagramData, type BPMNFlow, type BPMNNode, _default as C_AntV, type ClipboardConfig, type ConnectionConfig, type DiagramConfig, type DiagramData, type DiagramType, type ERDiagramData, type ERField, type ERRelation, type ERTable, type ExportFormat, type GraphConfig, type GraphEvents, type GraphExportOptions, type GridConfig, type HistoryConfig, type KeyboardConfig, type LayoutOptions, type MenuItem, type MinimapConfig, type MouseWheelConfig, type Position, type ScrollerConfig, type SelectionConfig, type SnapshotConfig, type ThemeConfig, type ToolbarAction, type UMLAttribute, type UMLClass, type UMLDiagramData, type UMLMethod, type UMLRelation, type ValidationResult, useEdgeInteraction, useGraphBase, useGraphExport };

package/dist/C_AntV.js

@@ -0,0 +1,4 @@
+import "./C_Icon2.js";
+import { i as useGraphBase, n as useEdgeInteraction, r as useGraphExport, t as C_AntV_default } from "./C_AntV2.js";
+
+export { C_AntV_default as C_AntV, useEdgeInteraction, useGraphBase, useGraphExport };