@robot-admin/naive-ui-components 0.11.7 → 0.12.1

package/dist/C_ActionBar.css

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

package/dist/C_ActionBar.d.cts

@@ -1,2 +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.cjs";
-export { type ActionBarConfig, type ActionButtonSize, type ActionButtonType, type ActionDropdownItem, type ActionGroupAlign, type ActionItem, _default as C_ActionBar, type TableActionsEmits, type TableActionsProps };
+import { a as resolveActionPreset, c as ActionButtonSize, d as ActionGroupAlign, f as ActionItem, h as TableActionsProps, i as defineActions, l as ActionButtonType, m as TableActionsEmits, n as ACTION_PRESETS, o as _default, p as ActionState, r as DEFAULT_ACTION_ICON, s as ActionBarConfig, t as ACTION_BAR_DEFAULT_CONFIG, u as ActionDropdownItem } from "./presets.cjs";
+export { ACTION_BAR_DEFAULT_CONFIG, ACTION_PRESETS, type ActionBarConfig, type ActionButtonSize, type ActionButtonType, type ActionDropdownItem, type ActionGroupAlign, type ActionItem, type ActionState, _default as C_ActionBar, DEFAULT_ACTION_ICON, type TableActionsEmits, type TableActionsProps, defineActions, resolveActionPreset };

package/dist/C_ActionBar.d.ts

@@ -1,2 +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 };
+import { a as resolveActionPreset, c as ActionButtonSize, d as ActionGroupAlign, f as ActionItem, h as TableActionsProps, i as defineActions, l as ActionButtonType, m as TableActionsEmits, n as ACTION_PRESETS, o as _default, p as ActionState, r as DEFAULT_ACTION_ICON, s as ActionBarConfig, t as ACTION_BAR_DEFAULT_CONFIG, u as ActionDropdownItem } from "./presets.js";
+export { ACTION_BAR_DEFAULT_CONFIG, ACTION_PRESETS, type ActionBarConfig, type ActionButtonSize, type ActionButtonType, type ActionDropdownItem, type ActionGroupAlign, type ActionItem, type ActionState, _default as C_ActionBar, DEFAULT_ACTION_ICON, type TableActionsEmits, type TableActionsProps, defineActions, resolveActionPreset };

package/dist/C_ActionBar.js

@@ -1 +1 @@
-import"./C_Icon2.js";import{t as e}from"./C_ActionBar2.js";export{e as C_ActionBar};
+import"./C_Icon2.js";import{a as e,i as t,n,o as r,r as i,t as a}from"./C_ActionBar2.js";export{n as ACTION_BAR_DEFAULT_CONFIG,i as ACTION_PRESETS,a as C_ActionBar,t as DEFAULT_ACTION_ICON,e as defineActions,r as resolveActionPreset};

package/dist/C_ActionBar2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={key:1,class:`actions-center`},a=(0,n.defineComponent)({name:`C_ActionBar`,__name:`index`,props:{actions:{default:()=>[]},leftActions:{default:()=>[]},rightActions:{default:()=>[]},config:{default:()=>({})}},emits:[`action-click`,`dropdown-click`],setup(t,{emit:a}){let o=t,s=a,c={align:`left`,size:`medium`,gap:8,wrap:!1,showDivider:!1,dividerType:`vertical`,compact:!1,inline:!0},l=(0,n.computed)(()=>({...c,...o.config})),u=(0,n.computed)(()=>{if(o.leftActions&&o.leftActions.length>0)return o.leftActions.filter(e=>f(e));if(o.actions.length>0){let e=o.rightActions&&o.rightActions.length>0,t=o.actions.some(e=>e.group===`right`);return!e&&!t?o.actions.filter(e=>f(e)):o.actions.filter(e=>e.group===`left`&&f(e))}return[]}),d=(0,n.computed)(()=>o.rightActions&&o.rightActions.length>0?o.rightActions.filter(e=>f(e)):o.actions.filter(e=>e.group===`right`&&f(e))),f=e=>e.show===void 0?!0:(0,n.unref)(e.show),p=e=>(0,n.unref)(e.disabled)||!1,m=e=>(0,n.unref)(e.loading)||!1,h=async e=>{e.dropdown&&e.dropdown.length>0||(s(`action-click`,e),e.onClick&&await e.onClick())},g=async(e,t)=>{s(`dropdown-click`,e,t),e.onClick&&await e.onClick()},_=(0,n.defineComponent)({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:i}){let a=(0,n.computed)(()=>t.action),o=(0,n.computed)(()=>a.value.dropdown?a.value.dropdown.filter(e=>e.show===void 0?!0:(0,n.unref)(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>(0,n.h)(e.t,{name:t.icon,size:14}):void 0,disabled:(0,n.unref)(t.disabled)})):[]),s=e=>{let t=a.value.dropdown?.find(t=>t.key===e);t&&i(`dropdown-select`,t)},c=t=>{let i=(0,n.h)(r.NButton,{type:a.value.type||`default`,size:a.value.size||l.value.size,loading:m(a.value),disabled:p(a.value),...t,...a.value.buttonProps},{default:()=>a.value.label,icon:a.value.icon?()=>(0,n.h)(e.t,{name:a.value.icon,size:16}):void 0});return a.value.directives&&a.value.directives.length>0?(0,n.withDirectives)(i,a.value.directives):i},u=()=>{let e=c({onClick:()=>i(`click`)});return a.value.tooltip?(0,n.h)(r.NTooltip,{placement:`top`},{trigger:()=>e,default:()=>a.value.tooltip}):e},d=()=>{let e=c();return(0,n.h)(r.NDropdown,{options:o.value,onSelect:s},{default:()=>e})};return()=>a.value.dropdown&&a.value.dropdown.length>0?d():u()}});return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-action-bar`,{"is-compact":l.value.compact,"is-inline":l.value.inline,"is-wrap":l.value.wrap,[`is-align-${l.value.align}`]:!0,"has-only-left":u.value.length>0&&d.value.length===0&&!e.$slots.center,"has-only-right":d.value.length>0&&u.value.length===0&&!e.$slots.center}])},[u.value.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`actions-group actions-left`,style:(0,n.normalizeStyle)({gap:`${l.value.gap}px`})},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(u.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:e.key||`left-${t}`},[(0,n.createVNode)((0,n.unref)(_),{action:e,onClick:t=>h(e),onDropdownSelect:t=>g(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),l.value.showDivider&&t<u.value.length-1&&l.value.dividerType===`vertical`?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NDivider),{key:0,vertical:``,class:`action-divider`})):(0,n.createCommentVNode)(`v-if`,!0)],64))),128))],4)):(0,n.createCommentVNode)(`v-if`,!0),e.$slots.center?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.renderSlot)(e.$slots,`center`,{},void 0,!0)])):(0,n.createCommentVNode)(`v-if`,!0),d.value.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:`actions-group actions-right`,style:(0,n.normalizeStyle)({gap:`${l.value.gap}px`})},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(d.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:e.key||`right-${t}`},[(0,n.createVNode)((0,n.unref)(_),{action:e,onClick:t=>h(e),onDropdownSelect:t=>g(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),l.value.showDivider&&t<d.value.length-1&&l.value.dividerType===`vertical`?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NDivider),{key:0,vertical:``,class:`action-divider`})):(0,n.createCommentVNode)(`v-if`,!0)],64))),128))],4)):(0,n.createCommentVNode)(`v-if`,!0)],2))}});var o=t.t(a,[[`__scopeId`,`data-v-9dc5812b`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=`mdi:gesture-tap-button`,a={align:`left`,size:`tiny`,gap:6,wrap:!1,showDivider:!1,dividerType:`vertical`,compact:!0,inline:!0},o={add:{label:`新增`,icon:`mdi:plus`,type:`primary`},create:{label:`新增`,icon:`mdi:plus`,type:`primary`},save:{label:`保存`,icon:`mdi:content-save-outline`,type:`primary`},confirm:{label:`确认`,icon:`mdi:check`,type:`primary`},cancel:{label:`取消`,icon:`mdi:close`},close:{label:`关闭`,icon:`mdi:close`},view:{label:`查看`,icon:`mdi:eye-outline`},edit:{label:`编辑`,icon:`mdi:pencil-outline`},delete:{label:`删除`,icon:`mdi:delete-outline`,type:`error`},remove:{label:`删除`,icon:`mdi:delete-outline`,type:`error`},refresh:{label:`刷新`,icon:`mdi:refresh`},import:{label:`导入`,icon:`mdi:file-import-outline`},export:{label:`导出`,icon:`mdi:file-export-outline`},print:{label:`打印`,icon:`mdi:printer-outline`},reset:{label:`重置`,icon:`mdi:restore`},columns:{label:`列设置`,icon:`mdi:view-column-outline`},fullscreen:{label:`全屏`,icon:`mdi:fullscreen`},settings:{label:`功能配置`,icon:`mdi:tune-variant`},more:{label:`更多`,icon:`mdi:dots-horizontal`}},s=e=>{let t=e.key?o[e.key]:void 0;return{...t,...e,label:e.label||t?.label||e.key||`操作`,icon:e.icon||t?.icon||i}},c=e=>typeof e==`function`?e():(0,n.unref)(e),l=e=>e,u={key:1,class:`actions-center`},d=(0,n.defineComponent)({name:`C_ActionBar`,__name:`index`,props:{actions:{default:()=>[]},leftActions:{default:()=>[]},rightActions:{default:()=>[]},config:{default:()=>({})}},emits:[`action-click`,`dropdown-click`],setup(t,{emit:i}){let o=t,l=i,d=(0,n.computed)(()=>({...a,...o.config})),f=(0,n.computed)(()=>{if(o.leftActions&&o.leftActions.length>0)return o.leftActions.filter(e=>m(e));if(o.actions.length>0){let e=o.rightActions&&o.rightActions.length>0,t=o.actions.some(e=>e.group===`right`);return!e&&!t?o.actions.filter(e=>m(e)):o.actions.filter(e=>e.group!==`right`&&m(e))}return[]}),p=(0,n.computed)(()=>o.rightActions&&o.rightActions.length>0?o.rightActions.filter(e=>m(e)):o.actions.filter(e=>e.group===`right`&&m(e))),m=e=>e.show===void 0?!0:c(e.show)??!0,h=(0,n.reactive)(new Set),g=e=>c(e.disabled)||h.has(e),_=e=>c(e.loading)||h.has(e),v=async e=>{if(!(e.dropdown&&e.dropdown.length>0)&&!(g(e)||_(e))&&(l(`action-click`,e),e.onClick)){e.autoLoading!==!1&&h.add(e);try{await e.onClick()}finally{h.delete(e)}}},y=async(e,t)=>{l(`dropdown-click`,e,t),e.onClick&&await e.onClick()},b=(0,n.defineComponent)({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:i}){let a=(0,n.computed)(()=>t.action),o=(0,n.computed)(()=>s(a.value)),l=(0,n.computed)(()=>o.value.size||d.value.size),u=(0,n.computed)(()=>({tiny:14,small:15,medium:16,large:18})[l.value]),f=(0,n.computed)(()=>o.value.dropdown?o.value.dropdown.filter(e=>e.show===void 0?!0:c(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>(0,n.h)(e.t,{name:t.icon,size:14}):void 0,disabled:c(t.disabled)})):[]),p=e=>{let t=o.value.dropdown?.find(t=>t.key===e);t&&i(`dropdown-select`,t)},m=t=>{let i=(0,n.h)(r.NButton,{type:o.value.type||`default`,size:l.value,loading:_(a.value),disabled:g(a.value),...t,...o.value.buttonProps},{default:()=>o.value.label,icon:o.value.icon?()=>(0,n.h)(e.t,{name:o.value.icon,size:u.value}):void 0});return o.value.directives&&o.value.directives.length>0?(0,n.withDirectives)(i,o.value.directives):i},h=()=>{let e=m({onClick:()=>i(`click`)});return o.value.tooltip?(0,n.h)(r.NTooltip,{placement:`top`},{trigger:()=>e,default:()=>o.value.tooltip}):e},v=()=>{let e=m();return(0,n.h)(r.NDropdown,{options:f.value,onSelect:p},{default:()=>e})};return()=>o.value.dropdown&&o.value.dropdown.length>0?v():h()}});return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-action-bar`,{"is-compact":d.value.compact,"is-inline":d.value.inline,"is-wrap":d.value.wrap,[`is-align-${d.value.align}`]:!0,"has-only-left":f.value.length>0&&p.value.length===0&&!e.$slots.center,"has-only-right":p.value.length>0&&f.value.length===0&&!e.$slots.center}])},[f.value.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`actions-group actions-left`,style:(0,n.normalizeStyle)({gap:`${d.value.gap}px`})},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(f.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:e.key||`left-${t}`},[(0,n.createVNode)((0,n.unref)(b),{action:e,onClick:t=>v(e),onDropdownSelect:t=>y(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),d.value.showDivider&&t<f.value.length-1&&d.value.dividerType===`vertical`?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NDivider),{key:0,vertical:``,class:`action-divider`})):(0,n.createCommentVNode)(`v-if`,!0)],64))),128))],4)):(0,n.createCommentVNode)(`v-if`,!0),e.$slots.center?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.renderSlot)(e.$slots,`center`,{},void 0,!0)])):(0,n.createCommentVNode)(`v-if`,!0),p.value.length>0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:`actions-group actions-right`,style:(0,n.normalizeStyle)({gap:`${d.value.gap}px`})},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(p.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:e.key||`right-${t}`},[(0,n.createVNode)((0,n.unref)(b),{action:e,onClick:t=>v(e),onDropdownSelect:t=>y(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),d.value.showDivider&&t<p.value.length-1&&d.value.dividerType===`vertical`?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NDivider),{key:0,vertical:``,class:`action-divider`})):(0,n.createCommentVNode)(`v-if`,!0)],64))),128))],4)):(0,n.createCommentVNode)(`v-if`,!0)],2))}});var f=t.t(d,[[`__scopeId`,`data-v-5e9fda00`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/C_ActionBar2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createVNode as s,defineComponent as c,h as l,normalizeClass as u,normalizeStyle as d,openBlock as f,renderList as p,renderSlot as m,unref as h,withDirectives as g}from"vue";import{NButton as _,NDivider as v,NDropdown as y,NTooltip as b}from"naive-ui";const x={key:1,class:`actions-center`};var S=t(c({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=r(()=>({...T,...C.config})),D=r(()=>{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=r(()=>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:h(e.show),A=e=>h(e.disabled)||!1,j=e=>h(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=c({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:n}){let i=r(()=>t.action),a=r(()=>i.value.dropdown?i.value.dropdown.filter(e=>e.show===void 0?!0:h(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>l(e,{name:t.icon,size:14}):void 0,disabled:h(t.disabled)})):[]),o=e=>{let t=i.value.dropdown?.find(t=>t.key===e);t&&n(`dropdown-select`,t)},s=t=>{let n=l(_,{type:i.value.type||`default`,size:i.value.size||E.value.size,loading:j(i.value),disabled:A(i.value),...t,...i.value.buttonProps},{default:()=>i.value.label,icon:i.value.icon?()=>l(e,{name:i.value.icon,size:16}):void 0});return i.value.directives&&i.value.directives.length>0?g(n,i.value.directives):n},c=()=>{let e=s({onClick:()=>n(`click`)});return i.value.tooltip?l(b,{placement:`top`},{trigger:()=>e,default:()=>i.value.tooltip}):e},u=()=>{let e=s();return l(y,{options:a.value,onSelect:o},{default:()=>e})};return()=>i.value.dropdown&&i.value.dropdown.length>0?u():c()}});return(e,t)=>(f(),o(`div`,{class:u([`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?(f(),o(`div`,{key:0,class:`actions-group actions-left`,style:d({gap:`${E.value.gap}px`})},[(f(!0),o(n,null,p(D.value,(e,t)=>(f(),o(n,{key:e.key||`left-${t}`},[s(h(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`?(f(),i(h(v),{key:0,vertical:``,class:`action-divider`})):a(`v-if`,!0)],64))),128))],4)):a(`v-if`,!0),e.$slots.center?(f(),o(`div`,x,[m(e.$slots,`center`,{},void 0,!0)])):a(`v-if`,!0),O.value.length>0?(f(),o(`div`,{key:2,class:`actions-group actions-right`,style:d({gap:`${E.value.gap}px`})},[(f(!0),o(n,null,p(O.value,(e,t)=>(f(),o(n,{key:e.key||`right-${t}`},[s(h(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`?(f(),i(h(v),{key:0,vertical:``,class:`action-divider`})):a(`v-if`,!0)],64))),128))],4)):a(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-9dc5812b`]]);export{S as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createVNode as s,defineComponent as c,h as l,normalizeClass as u,normalizeStyle as d,openBlock as f,reactive as p,renderList as m,renderSlot as h,unref as g,withDirectives as _}from"vue";import{NButton as v,NDivider as y,NDropdown as b,NTooltip as x}from"naive-ui";const S=`mdi:gesture-tap-button`,C={align:`left`,size:`tiny`,gap:6,wrap:!1,showDivider:!1,dividerType:`vertical`,compact:!0,inline:!0},w={add:{label:`新增`,icon:`mdi:plus`,type:`primary`},create:{label:`新增`,icon:`mdi:plus`,type:`primary`},save:{label:`保存`,icon:`mdi:content-save-outline`,type:`primary`},confirm:{label:`确认`,icon:`mdi:check`,type:`primary`},cancel:{label:`取消`,icon:`mdi:close`},close:{label:`关闭`,icon:`mdi:close`},view:{label:`查看`,icon:`mdi:eye-outline`},edit:{label:`编辑`,icon:`mdi:pencil-outline`},delete:{label:`删除`,icon:`mdi:delete-outline`,type:`error`},remove:{label:`删除`,icon:`mdi:delete-outline`,type:`error`},refresh:{label:`刷新`,icon:`mdi:refresh`},import:{label:`导入`,icon:`mdi:file-import-outline`},export:{label:`导出`,icon:`mdi:file-export-outline`},print:{label:`打印`,icon:`mdi:printer-outline`},reset:{label:`重置`,icon:`mdi:restore`},columns:{label:`列设置`,icon:`mdi:view-column-outline`},fullscreen:{label:`全屏`,icon:`mdi:fullscreen`},settings:{label:`功能配置`,icon:`mdi:tune-variant`},more:{label:`更多`,icon:`mdi:dots-horizontal`}},T=e=>{let t=e.key?w[e.key]:void 0;return{...t,...e,label:e.label||t?.label||e.key||`操作`,icon:e.icon||t?.icon||S}},E=e=>typeof e==`function`?e():g(e),D=e=>e,O={key:1,class:`actions-center`};var k=t(c({name:`C_ActionBar`,__name:`index`,props:{actions:{default:()=>[]},leftActions:{default:()=>[]},rightActions:{default:()=>[]},config:{default:()=>({})}},emits:[`action-click`,`dropdown-click`],setup(t,{emit:S}){let w=t,D=S,k=r(()=>({...C,...w.config})),A=r(()=>{if(w.leftActions&&w.leftActions.length>0)return w.leftActions.filter(e=>M(e));if(w.actions.length>0){let e=w.rightActions&&w.rightActions.length>0,t=w.actions.some(e=>e.group===`right`);return!e&&!t?w.actions.filter(e=>M(e)):w.actions.filter(e=>e.group!==`right`&&M(e))}return[]}),j=r(()=>w.rightActions&&w.rightActions.length>0?w.rightActions.filter(e=>M(e)):w.actions.filter(e=>e.group===`right`&&M(e))),M=e=>e.show===void 0?!0:E(e.show)??!0,N=p(new Set),P=e=>E(e.disabled)||N.has(e),F=e=>E(e.loading)||N.has(e),I=async e=>{if(!(e.dropdown&&e.dropdown.length>0)&&!(P(e)||F(e))&&(D(`action-click`,e),e.onClick)){e.autoLoading!==!1&&N.add(e);try{await e.onClick()}finally{N.delete(e)}}},L=async(e,t)=>{D(`dropdown-click`,e,t),e.onClick&&await e.onClick()},R=c({name:`ActionButton`,props:{action:{type:Object,required:!0}},emits:[`click`,`dropdown-select`],setup(t,{emit:n}){let i=r(()=>t.action),a=r(()=>T(i.value)),o=r(()=>a.value.size||k.value.size),s=r(()=>({tiny:14,small:15,medium:16,large:18})[o.value]),c=r(()=>a.value.dropdown?a.value.dropdown.filter(e=>e.show===void 0?!0:E(e.show)).map(t=>({key:t.key,label:t.label,icon:t.icon?()=>l(e,{name:t.icon,size:14}):void 0,disabled:E(t.disabled)})):[]),u=e=>{let t=a.value.dropdown?.find(t=>t.key===e);t&&n(`dropdown-select`,t)},d=t=>{let n=l(v,{type:a.value.type||`default`,size:o.value,loading:F(i.value),disabled:P(i.value),...t,...a.value.buttonProps},{default:()=>a.value.label,icon:a.value.icon?()=>l(e,{name:a.value.icon,size:s.value}):void 0});return a.value.directives&&a.value.directives.length>0?_(n,a.value.directives):n},f=()=>{let e=d({onClick:()=>n(`click`)});return a.value.tooltip?l(x,{placement:`top`},{trigger:()=>e,default:()=>a.value.tooltip}):e},p=()=>{let e=d();return l(b,{options:c.value,onSelect:u},{default:()=>e})};return()=>a.value.dropdown&&a.value.dropdown.length>0?p():f()}});return(e,t)=>(f(),o(`div`,{class:u([`c-action-bar`,{"is-compact":k.value.compact,"is-inline":k.value.inline,"is-wrap":k.value.wrap,[`is-align-${k.value.align}`]:!0,"has-only-left":A.value.length>0&&j.value.length===0&&!e.$slots.center,"has-only-right":j.value.length>0&&A.value.length===0&&!e.$slots.center}])},[A.value.length>0?(f(),o(`div`,{key:0,class:`actions-group actions-left`,style:d({gap:`${k.value.gap}px`})},[(f(!0),o(n,null,m(A.value,(e,t)=>(f(),o(n,{key:e.key||`left-${t}`},[s(g(R),{action:e,onClick:t=>I(e),onDropdownSelect:t=>L(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),k.value.showDivider&&t<A.value.length-1&&k.value.dividerType===`vertical`?(f(),i(g(y),{key:0,vertical:``,class:`action-divider`})):a(`v-if`,!0)],64))),128))],4)):a(`v-if`,!0),e.$slots.center?(f(),o(`div`,O,[h(e.$slots,`center`,{},void 0,!0)])):a(`v-if`,!0),j.value.length>0?(f(),o(`div`,{key:2,class:`actions-group actions-right`,style:d({gap:`${k.value.gap}px`})},[(f(!0),o(n,null,m(j.value,(e,t)=>(f(),o(n,{key:e.key||`right-${t}`},[s(g(R),{action:e,onClick:t=>I(e),onDropdownSelect:t=>L(t,e)},null,8,[`action`,`onClick`,`onDropdownSelect`]),k.value.showDivider&&t<j.value.length-1&&k.value.dividerType===`vertical`?(f(),i(g(y),{key:0,vertical:``,class:`action-divider`})):a(`v-if`,!0)],64))),128))],4)):a(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-5e9fda00`]]);export{D as a,S as i,C as n,T as o,w as r,k as t};