@cst-ui/nano-buttons 0.5.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -79,6 +79,11 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
79
79
  <nano-export-button />
80
80
  <nano-edit-button />
81
81
  <nano-manage-button />
82
+ <nano-confirm-button />
83
+ <nano-interrupt-button />
84
+ <nano-complete-button />
85
+ <nano-send-button />
86
+ <nano-reset-button />
82
87
  <nano-delete-button />
83
88
  <nano-freeze-button />
84
89
  <nano-unfreeze-button />
@@ -97,6 +102,11 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
97
102
  <nano-add-button />
98
103
  <nano-import-button />
99
104
  <nano-export-button />
105
+ <nano-send-button />
106
+ <nano-reset-button />
107
+ <nano-confirm-button />
108
+ <nano-interrupt-button />
109
+ <nano-complete-button />
100
110
  <nano-delete-button />
101
111
  <nano-freeze-button />
102
112
  <nano-unfreeze-button />
@@ -104,6 +114,35 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
104
114
  <nano-cancel-button>取消</nano-cancel-button>
105
115
  ```
106
116
 
117
+ 确认、中断、完成分别使用 Element Plus Icons 的 `Check`、`CircleClose`、`CircleCheck` 图标,并用主色、危险色、成功色区分操作语义。三个组件支持与删除按钮一致的气泡确认能力:
118
+
119
+ ```vue
120
+ <nano-confirm-button confirm-title="确定确认选中记录吗?" @confirm="onConfirm">
121
+ 批量确认
122
+ </nano-confirm-button>
123
+ <nano-interrupt-button confirm-title="确定中断选中记录吗?" @confirm="onInterrupt">
124
+ 批量中断
125
+ </nano-interrupt-button>
126
+ <nano-complete-button confirm-title="确定完成选中记录吗?" @confirm="onComplete">
127
+ 批量完成
128
+ </nano-complete-button>
129
+ ```
130
+
131
+ 不传默认插槽时,三个组件仅显示图标,适合表格操作列。图标按钮内置默认 `aria-label`,业务也可以传入最终显示语义进行覆盖:
132
+
133
+ ```vue
134
+ <nano-confirm-button aria-label="确认" confirm-title="确定确认吗?" @confirm="onConfirm" />
135
+ <nano-interrupt-button aria-label="中断" confirm-title="确定中断吗?" @confirm="onInterrupt" />
136
+ <nano-complete-button aria-label="完成" confirm-title="确定完成吗?" @confirm="onComplete" />
137
+ ```
138
+
139
+ 发送按钮默认使用 `Promotion` 图标、主色和“发送”文案;重置按钮默认使用 `RefreshLeft` 图标、次级浅色和“重置”文案:
140
+
141
+ ```vue
142
+ <nano-send-button @click="onSend" />
143
+ <nano-reset-button @click="onReset" />
144
+ ```
145
+
107
146
  删除按钮默认与普通按钮一致,直接触发 `click`。传入 `confirm-title` 后会启用气泡确认,并在用户确认或取消时分别触发 `confirm`、`cancel`:
108
147
 
109
148
  ```vue
@@ -116,16 +155,22 @@ import { CstPagination, CstTable } from '@cst-ui/nano-buttons/table'
116
155
  />
117
156
  ```
118
157
 
119
- `confirm-title`、`confirm-button-text` 和 `cancel-button-text` 接收最终显示文案,国际化由业务项目调用 `$t()` 后传入。启用确认时,删除操作应绑定 `confirm`,不要绑定 `click`。
158
+ `NanoConfirmButton`、`NanoInterruptButton`、`NanoCompleteButton`、`NanoDeleteButton`、`NanoFreezeButton` 和 `NanoUnfreezeButton` 都支持 `confirm-title`、`confirm-button-text`、`cancel-button-text` 以及 `confirm`、`cancel` 事件。三个文案属性接收最终显示文本,国际化由业务项目调用 `$t()` 后传入。启用确认时,业务操作应绑定 `confirm`,不要绑定 `click`。
120
159
 
121
- 冻结与解冻是可恢复的状态切换,按钮直接触发 `click`,不内置确认框。冻结按钮使用 EMS 现有的红色 `Hide` 图标样式,解冻按钮使用配套的绿色 `View` 图标样式:
160
+ 冻结按钮使用 EMS 现有的红色 `Hide` 图标样式,解冻按钮使用配套的绿色 `View` 图标样式。默认直接触发 `click`;传入 `confirm-title` 后启用确认框,并在确认时触发 `confirm`:
122
161
 
123
162
  ```vue
124
- <nano-freeze-button @click="onFreeze(row)" />
125
- <nano-unfreeze-button @click="onUnfreeze(row)" />
163
+ <nano-freeze-button
164
+ :confirm-title="$t('common.sureFreeze')"
165
+ @confirm="onFreeze(row)"
166
+ />
167
+ <nano-unfreeze-button
168
+ :confirm-title="$t('common.sureUnfreeze')"
169
+ @confirm="onUnfreeze(row)"
170
+ />
126
171
  ```
127
172
 
128
- 两个组件都继承 Element Plus Button 的 `loading`、`disabled` 等属性;传入默认插槽时可以显示业务文案,不传时保持表格操作列的图标按钮样式。
173
+ 两个组件都继承 Element Plus Button 的 `loading`、`disabled` 等属性,并支持与删除按钮相同的确认/取消文案和事件;传入默认插槽时可以显示业务文案,不传时保持表格操作列的图标按钮样式。
129
174
 
130
175
  不在固定语义里的普通按钮,统一使用 `<nano-button>`:
131
176
 
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),u=require("element-plus"),r=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),B=e.defineComponent({name:"NanoAddButton",inheritAttrs:!1,__name:"NanoAddButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("新增",-1))])]),_:3},16))}}),k=e.defineComponent({name:"NanoBackTopButton",inheritAttrs:!1,__name:"NanoBackTopButton",props:u.buttonProps,setup(l){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{secondary:"",class:"app-backtop-button"}),{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createElementVNode("svg",{class:"app-backtop-icon",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M6 5h12"}),e.createElementVNode("path",{d:"M12 19V9"}),e.createElementVNode("path",{d:"m8 13 4-4 4 4"})],-1)])]),_:1},16))}}),$=e.defineComponent({name:"NanoCancelButton",inheritAttrs:!1,__name:"NanoCancelButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.normalizeProps(e.guardReactiveProps({...t.$props,...t.$attrs})),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("取消",-1))])]),_:3},16))}}),C=e.defineComponent({name:"NanoCompleteButton",inheritAttrs:!1,__name:"NanoCompleteButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"success",icon:"CircleCheck",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"完成",type:"success",icon:"CircleCheck",onClick:s}),null,16,["aria-label"]))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"success",icon:"CircleCheck",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"完成",type:"success",icon:"CircleCheck",onClick:s}),null,16,["aria-label"]))}}}),T=e.defineComponent({name:"NanoConfirmButton",inheritAttrs:!1,__name:"NanoConfirmButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"primary",icon:"Check",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"确认",type:"primary",icon:"Check",onClick:s}),null,16,["aria-label"]))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"primary",icon:"Check",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"确认",type:"primary",icon:"Check",onClick:s}),null,16,["aria-label"]))}}}),y=e.defineComponent({name:"NanoDeleteButton",inheritAttrs:!1,__name:"NanoDeleteButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"danger",icon:"Delete",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"danger",icon:"Delete",onClick:s}),null,16))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"danger",icon:"Delete",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{type:"danger",icon:"Delete",onClick:s}),null,16))}}}),g=e.defineComponent({name:"NanoEditButton",inheritAttrs:!1,__name:"NanoEditButton",props:u.buttonProps,setup(l){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{icon:"Edit"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{icon:"Edit"}),null,16))}}),P=e.defineComponent({name:"NanoExportButton",inheritAttrs:!1,__name:"NanoExportButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-export",icon:"Download"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导出",-1))])]),_:3},16))}}),b=e.defineComponent({name:"NanoFreezeButton",inheritAttrs:!1,__name:"NanoFreezeButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"danger",icon:"Hide",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"danger",icon:"Hide",onClick:s}),null,16))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"danger",icon:"Hide",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{type:"danger",icon:"Hide",onClick:s}),null,16))}}}),x=e.defineComponent({name:"NanoImportButton",inheritAttrs:!1,__name:"NanoImportButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{class:"app-button-import",icon:"Upload"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("导入",-1))])]),_:3},16))}}),h=e.defineComponent({name:"NanoInterruptButton",inheritAttrs:!1,__name:"NanoInterruptButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"danger",icon:"CircleClose",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"中断",type:"danger",icon:"CircleClose",onClick:s}),null,16,["aria-label"]))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"danger",icon:"CircleClose",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{"aria-label":e.unref(c)["aria-label"]??"中断",type:"danger",icon:"CircleClose",onClick:s}),null,16,["aria-label"]))}}}),w=e.defineComponent({name:"NanoManageButton",inheritAttrs:!1,__name:"NanoManageButton",props:u.buttonProps,setup(l){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{type:"primary",icon:"Setting"}),null,16))}}),N=e.defineComponent({name:"NanoMoveButton",inheritAttrs:!1,__name:"NanoMoveButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{icon:"Rank"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("移动",-1))])]),_:3},16))}}),S=e.defineComponent({name:"NanoResetButton",inheritAttrs:!1,__name:"NanoResetButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{secondary:"",icon:"RefreshLeft"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("重置",-1))])]),_:3},16))}}),v=e.defineComponent({name:"NanoSendButton",inheritAttrs:!1,__name:"NanoSendButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary",icon:"Promotion"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("发送",-1))])]),_:3},16))}}),A=e.defineComponent({name:"NanoSubmitButton",inheritAttrs:!1,__name:"NanoSubmitButton",props:u.buttonProps,setup(l){return(t,o)=>(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({...t.$props,...t.$attrs},{type:"primary"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("保存",-1))])]),_:3},16))}}),V=e.defineComponent({name:"NanoTextAddButton",inheritAttrs:!1,__name:"NanoTextAddButton",props:u.buttonProps,setup(l){return(t,o)=>t.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...t.$props,...t.$attrs},{text:"",icon:"Plus"}),null,16))}}),E=e.defineComponent({name:"NanoUnfreezeButton",inheritAttrs:!1,__name:"NanoUnfreezeButton",props:{...u.buttonProps,confirmTitle:String,confirmButtonText:String,cancelButtonText:String},emits:["click","confirm","cancel"],setup(l,{emit:t}){const o=l,i=t,c=e.useAttrs(),a=e.computed(()=>{const{confirmTitle:n,confirmButtonText:_,cancelButtonText:p,...d}=o;return d}),s=n=>{i("click",n)},f=n=>{i("confirm",n)},m=n=>{i("cancel",n)};return(n,_)=>{const p=e.resolveComponent("el-popconfirm");return o.confirmTitle?(e.openBlock(),e.createBlock(p,{key:0,title:o.confirmTitle,"confirm-button-text":o.confirmButtonText,"cancel-button-text":o.cancelButtonText,onConfirm:f,onCancel:m},{reference:e.withCtx(()=>[n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:0},{...a.value,...e.unref(c)},{type:"success",icon:"View",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"success",icon:"View",onClick:s}),null,16))]),_:3},8,["title","confirm-button-text","cancel-button-text"])):n.$slots.default?(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:1},{...a.value,...e.unref(c)},{type:"success",icon:"View",onClick:s}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(r._sfc_main,e.mergeProps({key:2},{...a.value,...e.unref(c)},{type:"success",icon:"View",onClick:s}),null,16))}}});exports._sfc_main=B;exports._sfc_main$1=V;exports._sfc_main$10=v;exports._sfc_main$11=S;exports._sfc_main$12=y;exports._sfc_main$13=b;exports._sfc_main$14=E;exports._sfc_main$15=A;exports._sfc_main$16=$;exports._sfc_main$17=k;exports._sfc_main$2=N;exports._sfc_main$3=x;exports._sfc_main$4=P;exports._sfc_main$5=g;exports._sfc_main$6=w;exports._sfc_main$7=T;exports._sfc_main$8=h;exports._sfc_main$9=C;