@mtn-ui/components 1.0.7 → 1.0.9

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("@mtn-ui/shared"),e=require("vue"),he=require("class-variance-authority"),v=require("ant-design-vue"),G=require("@vueuse/core"),L=require("@ant-design/icons-vue"),ee={type:{type:String,default:"default"},color:{type:String}},be=he.cva("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border transition-colors",{variants:{type:{default:"bg-gray-100 text-gray-800 border-gray-200",success:"bg-green-100 text-green-800 border-green-200",processing:"bg-blue-100 text-blue-800 border-blue-200",error:"bg-red-100 text-red-800 border-red-200",warning:"bg-orange-100 text-orange-800 border-orange-200"}},defaultVariants:{type:"default"}}),Be=e.defineComponent({name:"MTag",props:ee,setup(t,{slots:r,attrs:n}){return()=>{var u;const{type:i}=t;return e.createVNode("span",{class:C.cn(be({type:i}),n.class)},[(u=r.default)==null?void 0:u.call(r)])}}}),te=C.withInstall(Be),ne={type:{type:String,default:"default"},size:{type:String,default:"middle"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},block:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},shape:{type:String,default:"default"},htmlType:{type:String,default:"button"},icon:{type:Object},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}};function oe(t){const{permission:r,permissionAction:n="hide"}=t,i=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker)),u=e.computed(()=>r?i.value(r):!0),m=e.computed(()=>!u.value&&n==="hide"),f=e.computed(()=>!u.value&&n==="disable");return{hasPermission:u,shouldHide:m,shouldDisable:f}}function Ce(t,r){return t.map(n=>{if(!n||n.type==="divider"||!n.permission)return n;if(!r(n.permission)){const u=n.permissionAction||"hide";if(u==="hide")return null;if(u==="disable")return{...n,disabled:!0}}return n}).filter(Boolean)}const A=e.defineComponent({name:"MButton",props:ne,emits:["click"],setup(t,{slots:r,attrs:n,emit:i}){const{shouldHide:u,shouldDisable:m}=oe({permission:t.permission,permissionAction:t.permissionAction}),f=p=>{i("click",p)};return()=>u.value?null:e.createVNode(v.Button,e.mergeProps({type:t.type,size:t.size,loading:t.loading,disabled:t.disabled||m.value,danger:t.danger,block:t.block,ghost:t.ghost,shape:t.shape,htmlType:t.htmlType,icon:t.icon},n,{class:["mtn-button",n.class],onClick:f}),{default:()=>{var p;return(p=r.default)==null?void 0:p.call(r)},icon:()=>{var p;return(p=r.icon)==null?void 0:p.call(r)}})}}),re={size:{type:String,default:"middle"},compact:{type:Boolean,default:!0},gap:{type:[Number,String],default:8},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},K=e.defineComponent({name:"MButtonGroup",props:re,setup(t,{slots:r,attrs:n}){return()=>e.createVNode(e.Fragment,null,[t.compact?e.createVNode(v.Space.Compact,e.mergeProps({size:t.size,direction:t.vertical?"vertical":"horizontal",block:t.block},n,{class:["mtn-button-group","mtn-button-group--compact",n.class]}),{default:()=>{var i;return[(i=r.default)==null?void 0:i.call(r)]}}):e.createVNode(v.Space,e.mergeProps({size:typeof t.gap=="number"?t.gap:parseInt(t.gap)||8,direction:t.vertical?"vertical":"horizontal"},n,{class:["mtn-button-group","mtn-button-group--normal",n.class]}),{default:()=>{var i;return[(i=r.default)==null?void 0:i.call(r)]}})])}}),Se={text:{type:String,default:"Dropdown"},type:{type:String,default:"default"},size:{type:String,default:"middle"},menu:{type:Array,default:void 0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},placement:{type:String,default:"bottomLeft"},trigger:{type:Array,default:()=>["click"]},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}},j=e.defineComponent({name:"MDropdownButton",props:Se,emits:["click"],setup(t,{slots:r,attrs:n,emit:i}){const{shouldHide:u,shouldDisable:m}=oe({permission:t.permission,permissionAction:t.permissionAction}),f=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker)),p=y=>{i("click",y)};return()=>{if(u.value)return null;const y={};if(r.overlay)y.overlay=r.overlay;else if(t.menu&&t.menu.length>0){const k=Ce(t.menu,f.value);y.overlay=()=>e.h(v.Menu,{items:k})}return r.icon&&(y.icon=r.icon),!(r.default||t.text)?e.createVNode(v.Dropdown,e.mergeProps({placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class]}),{default:()=>[e.createVNode(v.Button,{type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||m.value,loading:t.loading,danger:t.danger,onClick:p},{default:()=>{var k;return[(k=r.icon)==null?void 0:k.call(r)]}})],...y}):e.createVNode(v.Dropdown.Button,e.mergeProps({type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||m.value,loading:t.loading,danger:t.danger,placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class],onClick:p}),{default:()=>{var k;return[((k=r.default)==null?void 0:k.call(r))||t.text]},...y})}}}),Pe={actions:{type:Array,default:void 0},mode:{type:String,default:"default"},maxItems:{type:Number,default:3},gap:{type:Number,default:8},moreText:{type:String,default:"更多"},moreIcon:{type:Object,default:void 0},moreProps:{type:Object,default:()=>({})},size:{type:String,default:"middle"},compact:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1},disableCollapse:{type:Boolean,default:!1}};function xe(t){return t?t.filter(r=>r.type!==e.Comment&&r.type!==e.Text&&r.type!==Symbol.for("v-fgt")):[]}function Q(t,r){var n,i;if(t.key!==null&&t.key!==void 0)return typeof t.key=="symbol"?t.key.toString():t.key;if(((n=t.props)==null?void 0:n.key)!==null&&((i=t.props)==null?void 0:i.key)!==void 0){const u=t.props.key;return typeof u=="symbol"?u.toString():u}return`button-${r}`}const $="link",X="small",Te=150,we=e.defineComponent({name:"MActionGroup",inheritAttrs:!1,__name:"action-group",props:Pe,emits:["action-click"],setup(t,{emit:r}){const n=t,i=r,u=e.useSlots(),m=e.ref(),f=e.ref(),p=e.ref(),{width:y}=G.useElementSize(m),E=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker));function k(o){if(!o)return;const s=o;return s.name||s.__name||s.displayName}const P=e.computed(()=>n.mode==="table"),l=e.computed(()=>P.value?"small":n.size),c=e.computed(()=>P.value?"link":"default"),b=e.computed(()=>P.value?"":n.moreText),S=e.computed(()=>n.moreIcon||L.MoreOutlined);function V(o){return o?E.value(o):!0}const M=e.computed(()=>xe(u.default?u.default():void 0)),x=e.shallowRef([]);function q(o){var a,d,g;return[o.key??"",o.label??"",k(o.icon)??"",k(o.component)??"",Array.isArray(o.permission)?o.permission.join(","):o.permission??"",o.permissionAction??"",String(o.disabled??!1),String(((a=o.componentProps)==null?void 0:a.confirm)??""),String(((d=o.componentProps)==null?void 0:d.showSuccess)??""),String(((g=o.componentProps)==null?void 0:g.danger)??"")].join("|")}e.watch(()=>n.actions,o=>{if(!o){x.value=[];return}if(x.value.length!==o.length){x.value=o;return}const s=o.map(q).join("||"),a=x.value.map(q).join("||");s!==a&&(x.value=o)},{immediate:!0,deep:!1});const _=e.computed(()=>x.value.length?x.value.filter(o=>V(o.permission)):[]),h=e.computed(()=>n.actions?_.value.length:M.value.length);function se(){if(!f.value||!p.value||!y.value)return Math.min(n.maxItems,h.value);const o=p.value.offsetWidth,s=Array.from(f.value.querySelectorAll(".measure-item"));if(s.length===0)return Math.min(n.maxItems,h.value);let a=o,d=0;for(let g=0;g<s.length-1;g++){const T=s[g].offsetWidth+n.gap;if(a+T<=y.value)a+=T,d++;else break}return Math.max(0,Math.min(d,n.maxItems,h.value))}const D=e.ref(n.maxItems),de=G.useDebounceFn(()=>{D.value=se()},Te);e.watch([y,h,()=>n.maxItems,()=>n.gap],()=>{if(n.disableCollapse){D.value=h.value;return}if(h.value<=1){D.value=h.value;return}f.value&&p.value&&y.value?de():D.value=Math.min(n.maxItems,h.value)},{immediate:!0});const w=e.computed(()=>n.disableCollapse||h.value<=1?h.value:f.value&&p.value&&y.value?D.value:Math.min(n.maxItems,h.value)),pe=e.computed(()=>n.actions?_.value.slice(0,w.value):[]),H=e.computed(()=>n.actions?_.value.slice(w.value):[]),fe=e.computed(()=>{if(n.actions)return[];const o=M.value;return w.value>=o.length?o:o.slice(0,w.value)}),U=e.computed(()=>{if(n.actions)return[];const o=M.value;return w.value>=o.length?[]:o.slice(w.value)}),me=e.computed(()=>n.actions?[]:U.value.filter(o=>{const s=o.props||{};return s.permission&&s.permissionAction==="hide"?V(s.permission):!0})),ye=e.computed(()=>n.disableCollapse?!1:(n.actions?H.value.length:U.value.length)>0);function R(o){return o.component||A}function W(o,s){return o.key||o.label||`action-${s}`}function Y(o){const{label:s,key:a,onClick:d,permission:g,permissionAction:B,icon:T,component:z,componentProps:N,slot:I,type:F,size:O,disabled:ve,...ke}=o;return{component:z,componentProps:N,type:F,size:O,rest:ke,permission:g,permissionAction:B,disabled:ve}}function Z(o){const{component:s,componentProps:a,type:d,rest:g,permission:B,permissionAction:T,disabled:z}=Y(o),N={type:d||c.value,size:l.value,disabled:z||!V(B)&&T==="disable",...g};if(s&&a){const I={...N,...a};return P.value&&(I.type="link"),I}return N}function ge(o){const{component:s,componentProps:a,rest:d,permission:g,permissionAction:B,disabled:T}=Y(o),z={type:$,size:X,disabled:T||!V(g)&&B==="disable",...d};if(s&&a){const{type:N,size:I,...F}=a,O={...z,...F};return O.type=$,O}return z}function J(o){o.onClick&&o.onClick(o),i("action-click",o)}return(o,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:m,class:"mtn-action-group"},[e.createVNode(e.unref(K),e.mergeProps({size:l.value,compact:o.compact,vertical:o.vertical,block:o.block},o.$attrs),{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(pe.value,(a,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({key:W(a,d)},{ref_for:!0},Z(a),{onClick:g=>J(a)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040,["onClick"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(fe.value,(a,d)=>{var g,B;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(a,{type:((g=a.props)==null?void 0:g.type)??(P.value?c.value:void 0),size:((B=a.props)==null?void 0:B.size)??l.value})),{key:e.unref(Q)(a,d)})}),128)),ye.value?(e.openBlock(),e.createBlock(e.unref(j),e.mergeProps({key:2,text:b.value,size:l.value,type:c.value},n.moreProps),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value)))]),overlay:e.withCtx(()=>[e.createVNode(e.unref(v.Menu),null,{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(H.value,(a,d)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:W(a,d)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({ref_for:!0},ge(a),{onClick:g=>J(a)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040,["onClick"]))]),_:2},1024))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(me.value,(a,d)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:e.unref(Q)(a,d)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(a,{...a.props,type:$,size:X}))))]),_:2},1024))),128))]),_:1})]),_:1},16,["text","size","type"])):e.createCommentVNode("",!0)]),_:1},16,["size","compact","vertical","block"]),e.createElementVNode("div",{ref_key:"measureRef",ref:f,class:"mtn-action-group-measure"},[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(_.value,(a,d)=>(e.openBlock(),e.createElementBlock("span",{key:d,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({ref_for:!0},Z(a)),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040))]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,(a,d)=>(e.openBlock(),e.createElementBlock("span",{key:d,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a)))]))),128)),e.createElementVNode("span",{ref_key:"moreTriggerRef",ref:p,class:"measure-item"},[e.createVNode(e.unref(j),{text:b.value,size:l.value,type:c.value},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value)))]),_:1},8,["text","size","type"])],512)],512)],512))}}),ie=(t,r)=>{const n=t.__vccOpts||t;for(const[i,u]of r)n[i]=u;return n},ae=ie(we,[["__scopeId","data-v-845c43ad"]]),ze={...ne,loading:{type:Boolean,default:void 0},confirm:{type:[String,Boolean,Function],default:"确定要删除吗？"},confirmType:{type:String,default:"modal"},confirmTitle:{type:String,default:"确认删除"},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},hideIcon:{type:Boolean,default:!1},autoLoading:{type:Boolean,default:!0},beforeDelete:{type:Function,default:void 0},count:{type:Number,default:1},showSuccess:{type:Boolean,default:!1},successText:{type:String,default:"删除成功"},showError:{type:Boolean,default:!0},debounce:{type:Number,default:300},onDelete:{type:Function,default:void 0}},De=e.defineComponent({name:"MDeleteButton",inheritAttrs:!1,__name:"delete-button",props:ze,emits:["delete","success","error"],setup(t,{emit:r}){const n=r,i=t,u=e.ref(!1),m=e.ref(null),f=e.computed(()=>i.loading!==void 0?i.loading:i.autoLoading?u.value:!1),p=e.computed(()=>typeof i.confirm=="function"?i.confirm(i.count):i.confirm);e.watch(f,l=>{m.value&&e.nextTick(()=>{var c;(c=m.value)==null||c.update({okButtonProps:{loading:l}})})},{flush:"post"}),e.onBeforeUnmount(()=>{m.value&&(m.value.destroy(),m.value=null)});const y=async()=>{try{if(i.beforeDelete&&await i.beforeDelete()===!1)return;i.autoLoading&&i.loading===void 0&&(u.value=!0);let l=!1;const c=()=>{l||(l=!0,i.autoLoading&&i.loading===void 0&&(u.value=!1))};if(i.onDelete){const b=i.onDelete(c);if(b&&typeof b.then=="function")try{const S=await b;l||c(),E(S)}catch(S){throw l||c(),S}}else n("delete",c),i.autoLoading&&i.loading===void 0&&setTimeout(()=>{l||c()},5e3)}catch(l){i.autoLoading&&i.loading===void 0&&(u.value=!1);const c=l instanceof Error?l:new Error(String(l));n("error",c),i.showError&&v.message.error(c.message||"删除失败，请重试")}},E=l=>{i.showSuccess&&v.message.success(i.successText||"删除成功"),n("success",l)},k=i.debounce>0?G.useDebounceFn(y,i.debounce):y,P=()=>{if(!p.value){k();return}if(i.confirmType==="popconfirm")return;const l=()=>{m.value=v.Modal.confirm({title:i.confirmTitle,content:p.value,okText:i.okText,cancelText:i.cancelText,okType:"danger",okButtonProps:{loading:f.value},onOk:async()=>{try{return await y(),new Promise(c=>{if(!f.value){c();return}const b=e.watch(f,S=>{S||(b(),c())})})}catch(c){throw c}},onCancel:()=>{m.value=null},afterClose:()=>{m.value=null}})};e.nextTick(l)};return(l,c)=>p.value&&l.confirmType==="popconfirm"?(e.openBlock(),e.createBlock(e.unref(v.Popconfirm),{key:0,title:p.value,"ok-text":l.okText,"cancel-text":l.cancelText,"ok-button-props":{loading:f.value,danger:!0},onConfirm:e.unref(k)},{icon:e.withCtx(()=>[e.renderSlot(l.$slots,"popconfirmIcon",{},()=>[e.createVNode(e.unref(L.ExclamationCircleOutlined),{class:"text-[--color-ant-error]"})],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(A),e.mergeProps(l.$attrs,{type:l.type,size:l.size,danger:!0,loading:f.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,class:"group"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[c[0]||(c[0]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(L.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"])]),_:3},8,["title","ok-text","cancel-text","ok-button-props","onConfirm"])):(e.openBlock(),e.createBlock(e.unref(A),e.mergeProps({key:1},l.$attrs,{type:l.type,size:l.size,danger:!0,loading:f.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,onClick:P}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[c[1]||(c[1]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(L.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"]))}}),le=ie(De,[["__scopeId","data-v-a943bc19"]]),ue={columns:{type:Array,required:!0},dataSource:{type:Array,default:()=>[]},rowKey:{type:[String,Function],default:"id"},pagination:{type:[Object,Boolean],default:void 0},loading:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},size:{type:String,default:"middle"}};function Ne(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Ae=e.defineComponent({name:"MTable",props:ue,setup(t,{slots:r,attrs:n}){return()=>e.createVNode(v.Table,e.mergeProps(t,n,{class:"mtn-table"}),Ne(r)?r:{default:()=>[r]})}}),ce=C.withInstall(Ae),Ee=[A,K,j,ae,le,te,ce],Ve={install(t){Ee.forEach(r=>{t.component(r.name||"",r)})}};exports.ActionGroup=ae;exports.Button=A;exports.ButtonGroup=K;exports.DeleteButton=le;exports.DropdownButton=j;exports.Table=ce;exports.Tag=te;exports.buttonGroupProps=re;exports.default=Ve;exports.tableProps=ue;exports.tagProps=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@mtn-ui/shared"),e=require("vue"),Pe=require("class-variance-authority"),k=require("ant-design-vue"),J=require("@vueuse/core"),F=require("@ant-design/icons-vue"),Q={type:{type:String,default:"default"},color:{type:String}},Te=Pe.cva("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border transition-colors",{variants:{type:{default:"bg-gray-100 text-gray-800 border-gray-200",success:"bg-green-100 text-green-800 border-green-200",processing:"bg-blue-100 text-blue-800 border-blue-200",error:"bg-red-100 text-red-800 border-red-200",warning:"bg-orange-100 text-orange-800 border-orange-200"}},defaultVariants:{type:"default"}}),we=e.defineComponent({name:"MTag",props:Q,setup(t,{slots:a,attrs:o}){return()=>{var c;const{type:r}=t;return e.createVNode("span",{class:T.cn(Te({type:r}),o.class)},[(c=a.default)==null?void 0:c.call(a)])}}}),ee=T.withInstall(we),te={type:{type:String,default:"default"},size:{type:String,default:"middle"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},block:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},shape:{type:String,default:"default"},htmlType:{type:String,default:"button"},icon:{type:Object},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}};function ne(t){const{permission:a,permissionAction:o="hide"}=t,r=e.inject(T.PERMISSION_CHECKER_KEY,e.ref(T.defaultPermissionChecker)),c=e.computed(()=>a?r.value(a):!0),f=e.computed(()=>!c.value&&o==="hide"),d=e.computed(()=>!c.value&&o==="disable");return{hasPermission:c,shouldHide:f,shouldDisable:d}}function De(t,a){return t.map(o=>{if(!o||o.type==="divider"||!o.permission)return o;if(!a(o.permission)){const c=o.permissionAction||"hide";if(c==="hide")return null;if(c==="disable")return{...o,disabled:!0}}return o}).filter(Boolean)}const V=e.defineComponent({name:"MButton",props:te,emits:["click"],setup(t,{slots:a,attrs:o,emit:r}){const{shouldHide:c,shouldDisable:f}=ne({permission:t.permission,permissionAction:t.permissionAction}),d=p=>{r("click",p)};return()=>c.value?null:e.createVNode(k.Button,e.mergeProps({type:t.type,size:t.size,loading:t.loading,disabled:t.disabled||f.value,danger:t.danger,block:t.block,ghost:t.ghost,shape:t.shape,htmlType:t.htmlType,icon:t.icon},o,{class:["mtn-button",o.class],onClick:d}),{default:()=>{var p;return(p=a.default)==null?void 0:p.call(a)},icon:()=>{var p;return(p=a.icon)==null?void 0:p.call(a)}})}}),oe={size:{type:String,default:"middle"},compact:{type:Boolean,default:!0},gap:{type:[Number,String],default:8},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},U=e.defineComponent({name:"MButtonGroup",props:oe,setup(t,{slots:a,attrs:o}){return()=>e.createVNode(e.Fragment,null,[t.compact?e.createVNode(k.Space.Compact,e.mergeProps({size:t.size,direction:t.vertical?"vertical":"horizontal",block:t.block},o,{class:["mtn-button-group","mtn-button-group--compact",o.class]}),{default:()=>{var r;return[(r=a.default)==null?void 0:r.call(a)]}}):e.createVNode(k.Space,e.mergeProps({size:typeof t.gap=="number"?t.gap:parseInt(t.gap)||8,direction:t.vertical?"vertical":"horizontal"},o,{class:["mtn-button-group","mtn-button-group--normal",o.class]}),{default:()=>{var r;return[(r=a.default)==null?void 0:r.call(a)]}})])}}),ze={text:{type:String,default:"Dropdown"},type:{type:String,default:"default"},size:{type:String,default:"middle"},menu:{type:Array,default:void 0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},placement:{type:String,default:"bottomLeft"},trigger:{type:Array,default:()=>["click"]},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}},G=e.defineComponent({name:"MDropdownButton",props:ze,emits:["click"],setup(t,{slots:a,attrs:o,emit:r}){const{shouldHide:c,shouldDisable:f}=ne({permission:t.permission,permissionAction:t.permissionAction}),d=e.inject(T.PERMISSION_CHECKER_KEY,e.ref(T.defaultPermissionChecker)),p=y=>{r("click",y)};return()=>{if(c.value)return null;const y={};if(a.overlay)y.overlay=a.overlay;else if(t.menu&&t.menu.length>0){const g=De(t.menu,d.value);y.overlay=()=>e.h(k.Menu,{items:g})}return a.icon&&(y.icon=a.icon),!(a.default||t.text)?e.createVNode(k.Dropdown,e.mergeProps({placement:t.placement,trigger:t.trigger},o,{class:["mtn-dropdown-button",o.class]}),{default:()=>[e.createVNode(k.Button,{type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||f.value,loading:t.loading,danger:t.danger,onClick:p},{default:()=>{var g;return[(g=a.icon)==null?void 0:g.call(a)]}})],...y}):e.createVNode(k.Dropdown.Button,e.mergeProps({type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||f.value,loading:t.loading,danger:t.danger,placement:t.placement,trigger:t.trigger},o,{class:["mtn-dropdown-button",o.class],onClick:p}),{default:()=>{var g;return[((g=a.default)==null?void 0:g.call(a))||t.text]},...y})}}}),Ae={actions:{type:Array,default:void 0},mode:{type:String,default:"default"},maxItems:{type:Number,default:3},gap:{type:Number,default:8},moreText:{type:String,default:"更多"},moreIcon:{type:Object,default:void 0},moreProps:{type:Object,default:()=>({})},size:{type:String,default:"middle"},compact:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1},disableCollapse:{type:Boolean,default:!1}};function Ee(t){return t?t.filter(a=>a.type!==e.Comment&&a.type!==e.Text&&a.type!==Symbol.for("v-fgt")):[]}function Ne(t,a){var o,r;if(t.key!==null&&t.key!==void 0)return typeof t.key=="symbol"?t.key.toString():t.key;if(((o=t.props)==null?void 0:o.key)!==null&&((r=t.props)==null?void 0:r.key)!==void 0){const c=t.props.key;return typeof c=="symbol"?c.toString():c}return`button-${a}`}const H="link",Z="small",Me=150,Ve=e.defineComponent({name:"MActionGroup",inheritAttrs:!1,__name:"action-group",props:Ae,emits:["action-click"],setup(t,{emit:a}){const o=t,r=a,c=e.useSlots(),f=e.useAttrs(),d=e.ref(),p=e.ref(),y=e.ref(),_=e.inject(T.PERMISSION_CHECKER_KEY,e.ref(T.defaultPermissionChecker)),g=e.computed(()=>o.mode==="table"),w=e.computed(()=>g.value?"small":o.size),l=e.computed(()=>g.value?"link":"default"),u=e.computed(()=>g.value?"":o.moreText),x=e.computed(()=>o.moreIcon||F.MoreOutlined);function S(n){return n?_.value(n):!0}const K=e.computed(()=>{var n;return Ee((n=c.default)==null?void 0:n.call(c))}),D=e.shallowRef([]);function q(n){var b,v,B;const s=n.icon&&(n.icon.name||n.icon.__name)||"",i=n.component&&(n.component.name||n.component.__name)||"";return[n.key??"",n.label??"",s,i,Array.isArray(n.permission)?n.permission.join(","):n.permission??"",n.permissionAction??"",String(n.disabled??!1),String(((b=n.componentProps)==null?void 0:b.confirm)??""),String(((v=n.componentProps)==null?void 0:v.showSuccess)??""),String(((B=n.componentProps)==null?void 0:B.danger)??"")].join("|")}e.watch(()=>o.actions,n=>{if(!n){D.value=[];return}if(D.value.length!==n.length){D.value=n;return}const s=n.map(q).join("||"),i=D.value.map(q).join("||");s!==i&&(D.value=n)},{immediate:!0,deep:!1});const j=e.computed(()=>D.value.length?D.value.filter(n=>S(n.permission)):[]),C=e.computed(()=>o.actions?j.value.length:K.value.length),I=e.computed(()=>o.actions?j.value.map((n,s)=>({key:he(n,s),label:n.label||"",icon:n.icon||null,component:ke(n),props:be(n),menuProps:Be(n),handler:()=>Ce(n)})):K.value.filter(n=>{const s=n.props||{};return s.permission&&s.permissionAction==="hide"?S(s.permission):!0}).map((n,s)=>{var v,B;const i=Ne(n,s),m=e.cloneVNode(n,{type:((v=n.props)==null?void 0:v.type)??(g.value?l.value:void 0),size:((B=n.props)==null?void 0:B.size)??w.value}),b=e.cloneVNode(n,{...n.props,type:H,size:Z});return{key:i,label:"",icon:null,component:m,props:{},menuProps:{},handler:null,vnode:m,menuVnode:b}})),W=e.computed(()=>I.value.slice(0,Y.value)),$=e.computed(()=>I.value.slice(Y.value)),pe=e.computed(()=>({size:w.value,compact:o.compact,vertical:o.vertical,block:o.block,...f})),fe=e.computed(()=>({text:u.value,size:w.value,type:l.value,...o.moreProps})),O=e.ref(o.maxItems);function me(){if(!d.value||!p.value||!y.value)return Math.min(o.maxItems,C.value);const n=d.value.clientWidth,s=p.value.querySelectorAll(".measure-item");if(s.length===0)return Math.min(o.maxItems,C.value);const i=C.value,m=[];for(let h=0;h<Math.min(i,s.length);h++)m.push(s[h].offsetWidth);const b=y.value.offsetWidth??0;let v=0,B=0;for(let h=0;h<m.length;h++){const P=m[h],A=v===0?P:v+o.gap+P,E=m.length-(h+1)>0?v===0?b:o.gap+b:0;if(A+E<=n){v=A,B++;continue}break}return Math.max(0,Math.min(B,o.maxItems,i))}const L=()=>{if(o.disableCollapse){O.value=C.value;return}if(C.value<=1){O.value=C.value;return}O.value=me()},z=J.useDebounceFn(()=>{L()},Me),N=(n=!1)=>{n?(typeof z=="function"&&"cancel"in z&&z.cancel(),L()):z()};N.cancel=()=>{typeof z=="function"&&"cancel"in z&&z.cancel()};let M=null;const ye=async()=>{await e.nextTick(),L(),d.value&&typeof ResizeObserver<"u"&&(M=new ResizeObserver(n=>{n[0].contentRect.width>0&&N()}),M.observe(d.value))},ge=()=>{M&&d.value&&M.unobserve(d.value),M=null,"cancel"in N&&N.cancel()};e.onMounted(async()=>{L(),await e.nextTick(),ye()}),e.onUnmounted(()=>{ge()}),e.watch([j,C,()=>o.maxItems,()=>o.gap],async()=>{await e.nextTick(),N(!0)},{deep:!1});const Y=e.computed(()=>o.disableCollapse||C.value<=1?C.value:p.value&&y.value&&d.value?O.value:Math.min(o.maxItems,C.value)),ve=e.computed(()=>o.disableCollapse?!1:$.value.length>0);function ke(n){return n.component||V}function he(n,s){return n.key||n.label||`action-${s}`}function X(n){const{label:s,key:i,onClick:m,permission:b,permissionAction:v,icon:B,component:h,componentProps:P,slot:A,type:R,size:E,disabled:Se,...xe}=n;return{component:h,componentProps:P,type:R,size:E,rest:xe,permission:b,permissionAction:v,disabled:Se}}function be(n){const{component:s,componentProps:i,type:m,rest:b,permission:v,permissionAction:B,disabled:h}=X(n),P={type:m||l.value,size:w.value,disabled:h||!S(v)&&B==="disable",...b};if(s&&i){const A={...P,...i};return g.value&&(A.type="link"),A}return P}function Be(n){const{component:s,componentProps:i,rest:m,permission:b,permissionAction:v,disabled:B}=X(n),h={type:H,size:Z,disabled:B||!S(b)&&v==="disable",...m};if(s&&i){const{type:P,size:A,...R}=i,E={...h,...R};return E.type=H,E}return h}function Ce(n){n.onClick&&n.onClick(n),r("action-click",n)}return(n,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"mtn-action-group"},[e.createVNode(e.unref(U),e.normalizeProps(e.guardReactiveProps(pe.value)),{default:e.withCtx(()=>[o.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(W.value,i=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.component),e.mergeProps({key:i.key,ref_for:!0},i.props,{onClick:i.handler}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.label),1)]),_:2},[i.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon)))]),key:"0"}:void 0]),1040,["onClick"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(W.value,i=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.vnode),{key:i.key}))),128)),ve.value?(e.openBlock(),e.createBlock(e.unref(G),e.normalizeProps(e.mergeProps({key:2},fe.value)),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value)))]),overlay:e.withCtx(()=>[e.createVNode(e.unref(k.Menu),null,{default:e.withCtx(()=>[o.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList($.value,i=>(e.openBlock(),e.createBlock(e.unref(k.Menu).Item,{key:i.key},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.component),e.mergeProps({ref_for:!0},i.menuProps,{onClick:i.handler}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.label),1)]),_:2},[i.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon)))]),key:"0"}:void 0]),1040,["onClick"]))]),_:2},1024))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($.value,i=>(e.openBlock(),e.createBlock(e.unref(k.Menu).Item,{key:i.key},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.menuVnode)))]),_:2},1024))),128))]),_:1})]),_:1},16)):e.createCommentVNode("",!0)]),_:1},16),e.createElementVNode("div",{ref_key:"measureRef",ref:p,class:"mtn-action-group-measure",style:e.normalizeStyle({gap:`${o.gap}px`})},[o.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(I.value,(i,m)=>(e.openBlock(),e.createElementBlock("span",{key:m,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.component),e.mergeProps({ref_for:!0},i.props),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(i.label),1)]),_:2},[i.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.icon)))]),key:"0"}:void 0]),1040))]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(I.value,(i,m)=>(e.openBlock(),e.createElementBlock("span",{key:m,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.vnode)))]))),128)),e.createElementVNode("span",{ref_key:"moreTriggerRef",ref:y,class:"measure-item"},[e.createVNode(e.unref(G),{text:u.value,size:w.value,type:l.value},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value)))]),_:1},8,["text","size","type"])],512)],4)],512))}}),re=(t,a)=>{const o=t.__vccOpts||t;for(const[r,c]of a)o[r]=c;return o},ae=re(Ve,[["__scopeId","data-v-29d941f4"]]),_e={...te,loading:{type:Boolean,default:void 0},confirm:{type:[String,Boolean,Function],default:"确定要删除吗？"},confirmType:{type:String,default:"modal"},confirmTitle:{type:String,default:"确认删除"},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},hideIcon:{type:Boolean,default:!1},autoLoading:{type:Boolean,default:!0},beforeDelete:{type:Function,default:void 0},count:{type:Number,default:1},showSuccess:{type:Boolean,default:!1},successText:{type:String,default:"删除成功"},showError:{type:Boolean,default:!0},debounce:{type:Number,default:300},onDelete:{type:Function,default:void 0}},Ie=e.defineComponent({name:"MDeleteButton",inheritAttrs:!1,__name:"delete-button",props:_e,emits:["delete","success","error"],setup(t,{emit:a}){const o=a,r=t,c=e.ref(!1),f=e.ref(null),d=e.computed(()=>r.loading!==void 0?r.loading:r.autoLoading?c.value:!1),p=e.computed(()=>typeof r.confirm=="function"?r.confirm(r.count):r.confirm);e.watch(d,l=>{f.value&&e.nextTick(()=>{var u;(u=f.value)==null||u.update({okButtonProps:{loading:l}})})},{flush:"post"}),e.onBeforeUnmount(()=>{f.value&&(f.value.destroy(),f.value=null)});const y=async()=>{try{if(r.beforeDelete&&await r.beforeDelete()===!1)return;r.autoLoading&&r.loading===void 0&&(c.value=!0);let l=!1;const u=()=>{l||(l=!0,r.autoLoading&&r.loading===void 0&&(c.value=!1))};if(r.onDelete){const x=r.onDelete(u);if(x&&typeof x.then=="function")try{const S=await x;l||u(),_(S)}catch(S){throw l||u(),S}}else o("delete",u),r.autoLoading&&r.loading===void 0&&setTimeout(()=>{l||u()},5e3)}catch(l){r.autoLoading&&r.loading===void 0&&(c.value=!1);const u=l instanceof Error?l:new Error(String(l));o("error",u),r.showError&&k.message.error(u.message||"删除失败，请重试")}},_=l=>{r.showSuccess&&k.message.success(r.successText||"删除成功"),o("success",l)},g=r.debounce>0?J.useDebounceFn(y,r.debounce):y,w=()=>{if(!p.value){g();return}if(r.confirmType==="popconfirm")return;const l=()=>{f.value=k.Modal.confirm({title:r.confirmTitle,content:p.value,okText:r.okText,cancelText:r.cancelText,okType:"danger",okButtonProps:{loading:d.value},onOk:async()=>{try{return await y(),new Promise(u=>{if(!d.value){u();return}const x=e.watch(d,S=>{S||(x(),u())})})}catch(u){throw u}},onCancel:()=>{f.value=null},afterClose:()=>{f.value=null}})};e.nextTick(l)};return(l,u)=>p.value&&l.confirmType==="popconfirm"?(e.openBlock(),e.createBlock(e.unref(k.Popconfirm),{key:0,title:p.value,"ok-text":l.okText,"cancel-text":l.cancelText,"ok-button-props":{loading:d.value,danger:!0},onConfirm:e.unref(g)},{icon:e.withCtx(()=>[e.renderSlot(l.$slots,"popconfirmIcon",{},()=>[e.createVNode(e.unref(F.ExclamationCircleOutlined),{class:"text-[--color-ant-error]"})],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(V),e.mergeProps(l.$attrs,{type:l.type,size:l.size,danger:!0,loading:d.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,class:"group"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[u[0]||(u[0]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(F.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"])]),_:3},8,["title","ok-text","cancel-text","ok-button-props","onConfirm"])):(e.openBlock(),e.createBlock(e.unref(V),e.mergeProps({key:1},l.$attrs,{type:l.type,size:l.size,danger:!0,loading:d.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,onClick:w}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[u[1]||(u[1]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(F.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"]))}}),ie=re(Ie,[["__scopeId","data-v-a943bc19"]]);var le=(t=>(t.TEXT="text",t.TAG="tag",t.DATE="date",t.DATETIME="dateTime",t.SELECT="select",t.STATUS="status",t.CUSTOM="custom",t))(le||{}),ce=(t=>(t.LEFT="left",t.CENTER="center",t.RIGHT="right",t))(ce||{}),ue=(t=>(t.SMALL="small",t.MIDDLE="middle",t.LARGE="large",t))(ue||{}),se=(t=>(t.CHECKBOX="checkbox",t.RADIO="radio",t))(se||{}),de=(t=>(t.LEFT="left",t.RIGHT="right",t))(de||{});const Oe=[V,U,G,ae,ie,ee,k.Table],Le={install(t){Oe.forEach(a=>{t.component(a.name||"",a)})}};Object.defineProperty(exports,"Table",{enumerable:!0,get:()=>k.Table});exports.ActionGroup=ae;exports.Button=V;exports.ButtonGroup=U;exports.ButtonPositionEnum=de;exports.DeleteButton=ie;exports.DropdownButton=G;exports.TableColumnAlignEnum=ce;exports.TableColumnTypeEnum=le;exports.TableSelectionTypeEnum=se;exports.TableSizeEnum=ue;exports.Tag=ee;exports.buttonGroupProps=oe;exports.default=Le;exports.tagProps=Q;

package/dist/index.js

@@ -1,30 +1,35 @@
 import { Tag as r } from "./data-display/tag/index.js";
 import m from "./antd-wrapped/button/button.js";
-import p from "./antd-wrapped/button-group/button-group.js";
+import n from "./antd-wrapped/button-group/button-group.js";
 import { buttonGroupProps as g } from "./antd-wrapped/button-group/props.js";
-import n from "./antd-wrapped/dropdown-button/dropdown-button.js";
-import e from "./antd-wrapped/action-group/action-group.vue.js";
-import f from "./antd-wrapped/delete-button/delete-button.vue.js";
-import { Table as i } from "./antd-wrapped/table/index.js";
-import { tagProps as T } from "./data-display/tag/props.js";
-import { tableProps as w } from "./antd-wrapped/table/props.js";
-const a = [m, p, n, e, f, r, i], d = {
+import e from "./antd-wrapped/dropdown-button/dropdown-button.js";
+import p from "./antd-wrapped/action-group/action-group.vue.js";
+import u from "./antd-wrapped/delete-button/delete-button.vue.js";
+import { Table as i } from "ant-design-vue";
+import { Table as P } from "ant-design-vue";
+import { ButtonPositionEnum as A, TableColumnAlignEnum as C, TableColumnTypeEnum as D, TableSelectionTypeEnum as S, TableSizeEnum as h } from "./antd-wrapped/table/table.js";
+import { tagProps as z } from "./data-display/tag/props.js";
+const l = [m, n, e, p, u, r, i], E = {
   install(t) {
-    a.forEach((o) => {
+    l.forEach((o) => {
       t.component(o.name || "", o);
     });
   }
 };
 export {
-  e as ActionGroup,
+  p as ActionGroup,
   m as Button,
-  p as ButtonGroup,
-  f as DeleteButton,
-  n as DropdownButton,
-  i as Table,
+  n as ButtonGroup,
+  A as ButtonPositionEnum,
+  u as DeleteButton,
+  e as DropdownButton,
+  P as Table,
+  C as TableColumnAlignEnum,
+  D as TableColumnTypeEnum,
+  S as TableSelectionTypeEnum,
+  h as TableSizeEnum,
   r as Tag,
   g as buttonGroupProps,
-  d as default,
-  w as tableProps,
-  T as tagProps
+  E as default,
+  z as tagProps
 };