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

package/CHANGELOG.md

@@ -1,57 +1,48 @@
-# @robot-admin/naive-ui-components
-
-## 0.6.3
-
-### Patch Changes
-
-- 菜单图标渲染统一使用 C_Icon 组件
-  - menuAdapter.defaultRenderIcon 改用组件库自有的 C_Icon 替代直接使用 NIcon + @iconify/vue
-  - 与 C_Breadcrumb、C_TagsView 等组件保持一致的图标渲染方式
-  - 彻底解决生产环境图标对齐问题
-
-## 0.6.2
-
-### Patch Changes
-
-- 修复菜单图标在生产环境下错位问题
-  - menuAdapter 的 defaultRenderIcon 中 `inline-flex items-center` 原子类改为内联 style
-  - 组件库不应依赖宿主项目的 UnoCSS/Tailwind 原子类，否则生产构建时可能丢失样式
-
-## 0.6.1
-
-### Patch Changes
-
-- 修复 C_Table loading 状态在 crud 模式下失效的问题
-  - `loading` prop 默认值从 `false` 改为 `undefined`，使 `??` 运算符能正确回退到 `crud.loading.value`
-  - 之前 `false ?? crud.loading.value` 始终返回 `false`（`??` 不回退 falsy 值，只回退 null/undefined）
-
-## 0.6.0
-
-### Minor Changes
-
-- 依赖架构优化 + CSS 按需导入 + Changesets 集成
-  - 将 optionalDependencies 迁移至 dependencies，消费端自动传递安装
-  - 新增按组件 CSS 导出 (`C_*/style.css`)，支持样式按需导入
-  - 修复 merge-css.js 中 esm/cjs CSS 重复合并问题
-  - Resolver 新增 `importStyle` 选项，自动注入组件样式
-  - 集成 @changesets/cli 自动化版本管理
-
-- 提取 C_Menu / C_Breadcrumb / C_TagsView 布局组件 + 适配器架构
-  - 新增 `_shared` 模块：统一类型定义（RouteItem, TagItem, BreadcrumbItem）+ menuAdapter 适配器
-  - `createMenuOptions(routes, config)` 工厂函数：将 RouteItem[] 转换为 NMenu MenuOption[]
-  - `flattenRoutes()` 辅助：扁平化嵌套路由用于标签页匹配
-  - C_Menu：支持双输入（options / routes），内置 labelFormatter 回调解耦 i18n
-  - C_Breadcrumb：auto（route.matched）+ manual（items）双模式
-  - C_TagsView：useTagsView composable + localStorage 持久化 + 右键菜单
-  - vue-router ^4.0.0 新增为 peerDependency
-
-## 0.5.0
-
-### Minor Changes
-
-- 依赖架构优化 + CSS 按需导入 + Changesets 集成
-  - 将 optionalDependencies 迁移至 dependencies，消费端自动传递安装
-  - 新增按组件 CSS 导出 (`C_*/style.css`)，支持样式按需导入
-  - 修复 merge-css.js 中 esm/cjs CSS 重复合并问题
-  - Resolver 新增 `importStyle` 选项，自动注入组件样式
-  - 集成 @changesets/cli 自动化版本管理
+# @robot-admin/naive-ui-components
+
+## 0.6.2
+
+### Patch Changes
+
+- 修复菜单图标在生产环境下错位问题
+  - menuAdapter 的 defaultRenderIcon 中 `inline-flex items-center` 原子类改为内联 style
+  - 组件库不应依赖宿主项目的 UnoCSS/Tailwind 原子类，否则生产构建时可能丢失样式
+
+## 0.6.1
+
+### Patch Changes
+
+- 修复 C_Table loading 状态在 crud 模式下失效的问题
+  - `loading` prop 默认值从 `false` 改为 `undefined`，使 `??` 运算符能正确回退到 `crud.loading.value`
+  - 之前 `false ?? crud.loading.value` 始终返回 `false`（`??` 不回退 falsy 值，只回退 null/undefined）
+
+## 0.6.0
+
+### Minor Changes
+
+- 依赖架构优化 + CSS 按需导入 + Changesets 集成
+  - 将 optionalDependencies 迁移至 dependencies，消费端自动传递安装
+  - 新增按组件 CSS 导出 (`C_*/style.css`)，支持样式按需导入
+  - 修复 merge-css.js 中 esm/cjs CSS 重复合并问题
+  - Resolver 新增 `importStyle` 选项，自动注入组件样式
+  - 集成 @changesets/cli 自动化版本管理
+
+- 提取 C_Menu / C_Breadcrumb / C_TagsView 布局组件 + 适配器架构
+  - 新增 `_shared` 模块：统一类型定义（RouteItem, TagItem, BreadcrumbItem）+ menuAdapter 适配器
+  - `createMenuOptions(routes, config)` 工厂函数：将 RouteItem[] 转换为 NMenu MenuOption[]
+  - `flattenRoutes()` 辅助：扁平化嵌套路由用于标签页匹配
+  - C_Menu：支持双输入（options / routes），内置 labelFormatter 回调解耦 i18n
+  - C_Breadcrumb：auto（route.matched）+ manual（items）双模式
+  - C_TagsView：useTagsView composable + localStorage 持久化 + 右键菜单
+  - vue-router ^4.0.0 新增为 peerDependency
+
+## 0.5.0
+
+### Minor Changes
+
+- 依赖架构优化 + CSS 按需导入 + Changesets 集成
+  - 将 optionalDependencies 迁移至 dependencies，消费端自动传递安装
+  - 新增按组件 CSS 导出 (`C_*/style.css`)，支持样式按需导入
+  - 修复 merge-css.js 中 esm/cjs CSS 重复合并问题
+  - Resolver 新增 `importStyle` 选项，自动注入组件样式
+  - 集成 @changesets/cli 自动化版本管理

package/README.md

@@ -21,21 +21,21 @@ 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";
+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");
+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";
+  import { C_Icon, C_Table, C_Form } from '@agile-team/naive-ui-components'
+  import '@agile-team/naive-ui-components/style.css'
 </script>
 ```
 
@@ -45,10 +45,10 @@ import "@agile-team/naive-ui-components/style.css";
 
 ```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";
+  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>
 ```
 
@@ -61,11 +61,13 @@ import {
   useTableManager,
   useFormState,
   usePlayerCore,
-} from "@agile-team/naive-ui-components";
+} from '@agile-team/naive-ui-components'
 ```
 
 ## 📋 组件清单（38 个）
 
+> 💡 所有组件均提供 **在线交互演示**，访问 [组件文档](https://www.tzagileteam.com/robot/components/preface) 可直接在页面中体验真实效果（通过 iframe 嵌入 Robot Admin 生产环境）。
+
 ### 基础组件
 
 | 组件          | 说明             | 外部依赖                    |
@@ -252,6 +254,8 @@ MIT License
 
 ## 🔗 相关链接
 
-- [Robot Admin 文档](https://www.tzagileteam.com/robot/components/preface)
+- [组件在线文档（含交互演示）](https://www.tzagileteam.com/robot/components/preface)
+- [Robot Admin 主项目](https://github.com/ChenyCHENYU/robot_admin)
+- [Robot Admin 在线体验](https://www.robotadmin.cn)
 - [GitHub](https://github.com/ChenyCHENYU/naive-ui-components)
 - [NPM](https://www.npmjs.com/package/@agile-team/naive-ui-components)

package/dist/C_ActionBar-DYG0Yf3A.css.map

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

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

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

package/dist/C_ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_ActionBar.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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"}
+{"version":3,"file":"C_ActionBar.js","names":["$slots"],"sources":["../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue","../src/components/C_ActionBar/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-14\n * @Description: 通用操作按钮组件 - 配置化管理任何场景的按钮组\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-action-bar\"\n    :class=\"{\n      'is-compact': finalConfig.compact,\n      'is-inline': finalConfig.inline,\n      'is-wrap': finalConfig.wrap,\n      [`is-align-${finalConfig.align}`]: true,\n      'has-only-left':\n        leftButtonList.length > 0 &&\n        rightButtonList.length === 0 &&\n        !$slots.center,\n      'has-only-right':\n        rightButtonList.length > 0 &&\n        leftButtonList.length === 0 &&\n        !$slots.center,\n    }\"\n  >\n    <div\n      v-if=\"leftButtonList.length > 0\"\n      class=\"actions-group actions-left\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in leftButtonList\"\n        :key=\"action.key || `left-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < leftButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.center\" class=\"actions-center\">\n      <slot name=\"center\" />\n    </div>\n\n    <div\n      v-if=\"rightButtonList.length > 0\"\n      class=\"actions-group actions-right\"\n      :style=\"{ gap: `${finalConfig.gap}px` }\"\n    >\n      <template\n        v-for=\"(action, index) in rightButtonList\"\n        :key=\"action.key || `right-${index}`\"\n      >\n        <ActionButton\n          :action=\"action\"\n          @click=\"handleActionClick(action)\"\n          @dropdown-select=\"(item) => handleDropdownClick(item, action)\"\n        />\n        <NDivider\n          v-if=\"\n            finalConfig.showDivider &&\n            index < rightButtonList.length - 1 &&\n            finalConfig.dividerType === 'vertical'\n          \"\n          vertical\n          class=\"action-divider\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, h, withDirectives, defineComponent } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { NButton, NTooltip, NDropdown, NDivider } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport type {\n  ActionItem,\n  ActionDropdownItem,\n  ActionBarConfig,\n  TableActionsProps,\n  TableActionsEmits,\n} from \"./types\";\n\ndefineOptions({ name: \"C_ActionBar\" });\n\nconst props = withDefaults(defineProps<TableActionsProps>(), {\n  actions: () => [],\n  leftActions: () => [],\n  rightActions: () => [],\n  config: () => ({}),\n});\n\nconst emit = defineEmits<TableActionsEmits>();\n\nconst defaultConfig: Required<ActionBarConfig> = {\n  align: \"left\",\n  size: \"medium\",\n  gap: 8,\n  wrap: false,\n  showDivider: false,\n  dividerType: \"vertical\",\n  compact: false,\n  inline: true,\n};\n\nconst finalConfig = computed<Required<ActionBarConfig>>(() => ({\n  ...defaultConfig,\n  ...props.config,\n}));\n\nconst leftButtonList = computed<ActionItem[]>(() => {\n  if (props.leftActions && props.leftActions.length > 0) {\n    return props.leftActions.filter((action) => shouldShowAction(action));\n  }\n  if (props.actions.length > 0) {\n    const hasRightActions = props.rightActions && props.rightActions.length > 0;\n    const hasRightGroup = props.actions.some(\n      (action) => action.group === \"right\",\n    );\n    if (!hasRightActions && !hasRightGroup) {\n      return props.actions.filter((action) => shouldShowAction(action));\n    }\n    return props.actions.filter(\n      (action) => action.group === \"left\" && shouldShowAction(action),\n    );\n  }\n  return [];\n});\n\nconst rightButtonList = computed<ActionItem[]>(() => {\n  if (props.rightActions && props.rightActions.length > 0) {\n    return props.rightActions.filter((action) => shouldShowAction(action));\n  }\n  return props.actions.filter(\n    (action) => action.group === \"right\" && shouldShowAction(action),\n  );\n});\n\nconst shouldShowAction = (action: ActionItem): boolean => {\n  if (action.show === undefined) return true;\n  return unref(action.show);\n};\n\nconst isActionDisabled = (action: ActionItem): boolean => {\n  return unref(action.disabled) || false;\n};\n\nconst isActionLoading = (action: ActionItem): boolean => {\n  return unref(action.loading) || false;\n};\n\nconst handleActionClick = async (action: ActionItem) => {\n  if (action.dropdown && action.dropdown.length > 0) return;\n  emit(\"action-click\", action);\n  if (action.onClick) {\n    await action.onClick();\n  }\n};\n\nconst handleDropdownClick = async (\n  item: ActionDropdownItem,\n  action: ActionItem,\n) => {\n  emit(\"dropdown-click\", item, action);\n  if (item.onClick) {\n    await item.onClick();\n  }\n};\n\nconst ActionButton = defineComponent({\n  name: \"ActionButton\",\n  props: {\n    action: {\n      type: Object as PropType<ActionItem>,\n      required: true,\n    },\n  },\n  emits: [\"click\", \"dropdown-select\"],\n  setup(props, { emit }) {\n    const action = computed(() => props.action);\n\n    const dropdownOptions = computed(() => {\n      if (!action.value.dropdown) return [];\n      return action.value.dropdown\n        .filter((item) => {\n          if (item.show === undefined) return true;\n          return unref(item.show);\n        })\n        .map((item) => ({\n          key: item.key,\n          label: item.label,\n          icon: item.icon\n            ? () => h(C_Icon, { name: item.icon, size: 14 })\n            : undefined,\n          disabled: unref(item.disabled),\n        }));\n    });\n\n    const handleDropdownSelect = (key: string) => {\n      const item = action.value.dropdown?.find((d) => d.key === key);\n      if (item) {\n        emit(\"dropdown-select\", item);\n      }\n    };\n\n    const createButtonVNode = (extraProps?: Record<string, any>) => {\n      const button = h(\n        NButton,\n        {\n          type: action.value.type || \"default\",\n          size: action.value.size || finalConfig.value.size,\n          loading: isActionLoading(action.value),\n          disabled: isActionDisabled(action.value),\n          ...extraProps,\n          ...action.value.buttonProps,\n        },\n        {\n          default: () => action.value.label,\n          icon: action.value.icon\n            ? () => h(C_Icon, { name: action.value.icon, size: 16 })\n            : undefined,\n        },\n      );\n\n      return action.value.directives && action.value.directives.length > 0\n        ? withDirectives(button, action.value.directives as any)\n        : button;\n    };\n\n    const renderButton = () => {\n      const vnode = createButtonVNode({ onClick: () => emit(\"click\") });\n      if (action.value.tooltip) {\n        return h(\n          NTooltip,\n          { placement: \"top\" },\n          {\n            trigger: () => vnode,\n            default: () => action.value.tooltip,\n          },\n        );\n      }\n      return vnode;\n    };\n\n    const renderDropdownButton = () => {\n      const vnode = createButtonVNode();\n      return h(\n        NDropdown,\n        {\n          options: dropdownOptions.value,\n          onSelect: handleDropdownSelect,\n        },\n        {\n          default: () => vnode,\n        },\n      );\n    };\n\n    return () => {\n      if (action.value.dropdown && action.value.dropdown.length > 0) {\n        return renderDropdownButton();\n      }\n      return renderButton();\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/C_ActionBar2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NDivider as r,NDropdown as i,NTooltip as a}from"naive-ui";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createVNode as d,defineComponent as f,h as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withDirectives as b}from"vue";const x={key:1,class:`actions-center`};var S=t(f({name:`C_ActionBar`,__name:`index`,props:{actions:{default:()=>[]},leftActions:{default:()=>[]},rightActions:{default:()=>[]},config:{default:()=>({})}},emits:[`action-click`,`dropdown-click`],setup(t,{emit:S}){let C=t,w=S,T={align:`left`,size:`medium`,gap:8,wrap:!1,showDivider:!1,dividerType:`vertical`,compact:!1,inline:!0},E=s(()=>({...T,...C.config})),D=s(()=>{if(C.leftActions&&C.leftActions.length>0)return C.leftActions.filter(e=>k(e));if(C.actions.length>0){let e=C.rightActions&&C.rightActions.length>0,t=C.actions.some(e=>e.group===`right`);return!e&&!t?C.actions.filter(e=>k(e)):C.actions.filter(e=>e.group===`left`&&k(e))}return[]}),O=s(()=>C.rightActions&&C.rightActions.length>0?C.rightActions.filter(e=>k(e)):C.actions.filter(e=>e.group===`right`&&k(e))),k=e=>e.show===void 0?!0:y(e.show),A=e=>y(e.disabled)||!1,j=e=>y(e.loading)||!1,M=async e=>{e.dropdown&&e.dropdown.length>0||(w(`action-click`,e),e.onClick&&await e.onClick())},N=async(e,t)=>{w(`dropdown-click`,e,t),e.onClick&&await e.onClick()},P=f({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:r}){let o=s(()=>t.action),c=s(()=>o.value.dropdown?o.value.dropdown.filter(e=>e.show===void 0?!0:y(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>p(e,{name:t.icon,size:14}):void 0,disabled:y(t.disabled)})):[]),l=e=>{let t=o.value.dropdown?.find(t=>t.key===e);t&&r(`dropdown-select`,t)},u=t=>{let r=p(n,{type:o.value.type||`default`,size:o.value.size||E.value.size,loading:j(o.value),disabled:A(o.value),...t,...o.value.buttonProps},{default:()=>o.value.label,icon:o.value.icon?()=>p(e,{name:o.value.icon,size:16}):void 0});return o.value.directives&&o.value.directives.length>0?b(r,o.value.directives):r},d=()=>{let e=u({onClick:()=>r(`click`)});return o.value.tooltip?p(a,{placement:`top`},{trigger:()=>e,default:()=>o.value.tooltip}):e},f=()=>{let e=u();return p(i,{options:c.value,onSelect:l},{default:()=>e})};return()=>o.value.dropdown&&o.value.dropdown.length>0?f():d()}});return(e,t)=>(g(),u(`div`,{class:m([`c-action-bar`,{"is-compact":E.value.compact,"is-inline":E.value.inline,"is-wrap":E.value.wrap,[`is-align-${E.value.align}`]:!0,"has-only-left":D.value.length>0&&O.value.length===0&&!e.$slots.center,"has-only-right":O.value.length>0&&D.value.length===0&&!e.$slots.center}])},[D.value.length>0?(g(),u(`div`,{key:0,class:`actions-group actions-left`,style:h({gap:`${E.value.gap}px`})},[(g(!0),u(o,null,_(D.value,(e,t)=>(g(),u(o,{key:e.key||`left-${t}`},[d(y(P),{action:e,onClick:t=>M(e),onDropdownSelect:t=>N(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),E.value.showDivider&&t<D.value.length-1&&E.value.dividerType===`vertical`?(g(),c(y(r),{key:0,vertical:``,class:`action-divider`})):l(`v-if`,!0)],64))),128))],4)):l(`v-if`,!0),e.$slots.center?(g(),u(`div`,x,[v(e.$slots,`center`,{},void 0,!0)])):l(`v-if`,!0),O.value.length>0?(g(),u(`div`,{key:2,class:`actions-group actions-right`,style:h({gap:`${E.value.gap}px`})},[(g(!0),u(o,null,_(O.value,(e,t)=>(g(),u(o,{key:e.key||`right-${t}`},[d(y(P),{action:e,onClick:t=>M(e),onDropdownSelect:t=>N(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),E.value.showDivider&&t<O.value.length-1&&E.value.dividerType===`vertical`?(g(),c(y(r),{key:0,vertical:``,class:`action-divider`})):l(`v-if`,!0)],64))),128))],4)):l(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-c7b6bc21`]]);export{S as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NDivider as r,NDropdown as i,NTooltip as a}from"naive-ui";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createVNode as d,defineComponent as f,h as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withDirectives as b}from"vue";const x={key:1,class:`actions-center`};var S=t(f({name:`C_ActionBar`,__name:`index`,props:{actions:{default:()=>[]},leftActions:{default:()=>[]},rightActions:{default:()=>[]},config:{default:()=>({})}},emits:[`action-click`,`dropdown-click`],setup(t,{emit:S}){let C=t,w=S,T={align:`left`,size:`medium`,gap:8,wrap:!1,showDivider:!1,dividerType:`vertical`,compact:!1,inline:!0},E=s(()=>({...T,...C.config})),D=s(()=>{if(C.leftActions&&C.leftActions.length>0)return C.leftActions.filter(e=>k(e));if(C.actions.length>0){let e=C.rightActions&&C.rightActions.length>0,t=C.actions.some(e=>e.group===`right`);return!e&&!t?C.actions.filter(e=>k(e)):C.actions.filter(e=>e.group===`left`&&k(e))}return[]}),O=s(()=>C.rightActions&&C.rightActions.length>0?C.rightActions.filter(e=>k(e)):C.actions.filter(e=>e.group===`right`&&k(e))),k=e=>e.show===void 0?!0:y(e.show),A=e=>y(e.disabled)||!1,j=e=>y(e.loading)||!1,M=async e=>{e.dropdown&&e.dropdown.length>0||(w(`action-click`,e),e.onClick&&await e.onClick())},N=async(e,t)=>{w(`dropdown-click`,e,t),e.onClick&&await e.onClick()},P=f({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:r}){let o=s(()=>t.action),c=s(()=>o.value.dropdown?o.value.dropdown.filter(e=>e.show===void 0?!0:y(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>p(e,{name:t.icon,size:14}):void 0,disabled:y(t.disabled)})):[]),l=e=>{let t=o.value.dropdown?.find(t=>t.key===e);t&&r(`dropdown-select`,t)},u=t=>{let r=p(n,{type:o.value.type||`default`,size:o.value.size||E.value.size,loading:j(o.value),disabled:A(o.value),...t,...o.value.buttonProps},{default:()=>o.value.label,icon:o.value.icon?()=>p(e,{name:o.value.icon,size:16}):void 0});return o.value.directives&&o.value.directives.length>0?b(r,o.value.directives):r},d=()=>{let e=u({onClick:()=>r(`click`)});return o.value.tooltip?p(a,{placement:`top`},{trigger:()=>e,default:()=>o.value.tooltip}):e},f=()=>{let e=u();return p(i,{options:c.value,onSelect:l},{default:()=>e})};return()=>o.value.dropdown&&o.value.dropdown.length>0?f():d()}});return(e,t)=>(g(),u(`div`,{class:m([`c-action-bar`,{"is-compact":E.value.compact,"is-inline":E.value.inline,"is-wrap":E.value.wrap,[`is-align-${E.value.align}`]:!0,"has-only-left":D.value.length>0&&O.value.length===0&&!e.$slots.center,"has-only-right":O.value.length>0&&D.value.length===0&&!e.$slots.center}])},[D.value.length>0?(g(),u(`div`,{key:0,class:`actions-group actions-left`,style:h({gap:`${E.value.gap}px`})},[(g(!0),u(o,null,_(D.value,(e,t)=>(g(),u(o,{key:e.key||`left-${t}`},[d(y(P),{action:e,onClick:t=>M(e),onDropdownSelect:t=>N(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),E.value.showDivider&&t<D.value.length-1&&E.value.dividerType===`vertical`?(g(),c(y(r),{key:0,vertical:``,class:`action-divider`})):l(`v-if`,!0)],64))),128))],4)):l(`v-if`,!0),e.$slots.center?(g(),u(`div`,x,[v(e.$slots,`center`,{},void 0,!0)])):l(`v-if`,!0),O.value.length>0?(g(),u(`div`,{key:2,class:`actions-group actions-right`,style:h({gap:`${E.value.gap}px`})},[(g(!0),u(o,null,_(O.value,(e,t)=>(g(),u(o,{key:e.key||`right-${t}`},[d(y(P),{action:e,onClick:t=>M(e),onDropdownSelect:t=>N(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),E.value.showDivider&&t<O.value.length-1&&E.value.dividerType===`vertical`?(g(),c(y(r),{key:0,vertical:``,class:`action-divider`})):l(`v-if`,!0)],64))),128))],4)):l(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-f5b5f258`]]);export{S as t};
 //# sourceMappingURL=C_ActionBar2.js.map