mwl-components 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mwl-components",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "type": "module",
   "module": "./dist/index.es.js",
@@ -13,7 +13,8 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
     },
-    "./dist/index.umd.js": "./dist/index.umd.js"
+    "./dist/index.umd.js": "./dist/index.umd.js",
+    "./dist/mwl-components.css": "./dist/mwl-components.css"
   },
   "sideEffects": false,
   "scripts": {

package/dist/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("element-plus"),_=e.defineComponent({name:"EasyButton",inheritAttrs:!1,__name:"index",setup(t){const{onClick:o,...n}=e.useAttrs(),r=e.ref(!1),i=async()=>{console.log("Button clicked"),r.value=!0;try{await o?.()}catch(c){console.error("Error in button onClick handler:",c)}finally{r.value=!1}};return(c,u)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(n,{loading:r.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["loading"])}}}),z={class:"card-header"},O={key:0,class:"card-header__message"},W=e.defineComponent({name:"ContentWarp",__name:"index",props:{title:String,message:String},setup(t){const o=e.useSlots(),n=e.ref("content-wrap");return(r,i)=>{const c=e.resolveComponent("ElCard");return e.openBlock(),e.createBlock(c,{class:e.normalizeClass([n.value]),shadow:"never"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",z,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),t.message?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},void 0,!0)]),key:"1"}:void 0]),1032,["class"])}}}),b=(t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n},M=b(W,[["__scopeId","data-v-fdaaba5e"]]),A={class:"dialog-header"},$=e.defineComponent({name:"Dialog",__name:"index",props:{title:{type:String,default:""},fullscreen:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},width:{type:String,default:"61.8%"},maxHeight:{type:[String,Number],default:""}},setup(t){const o=e.useSlots(),n=t,r=e.ref(n.fullscreen),i=()=>{r.value=!e.unref(r)},c=e.ref(n.maxHeight);e.watch(()=>r.value,async a=>{if(await e.nextTick(),a){const l=document.documentElement.offsetHeight;c.value=`${l-55-40-(o.footer?63:0)}px`}else c.value=n.maxHeight},{immediate:!0});const u=e.computed(()=>{if(n.maxHeight)return{height:e.unref(c)}});return(a,l)=>{const m=e.resolveComponent("FullScreen"),d=e.resolveComponent("el-icon"),h=e.resolveComponent("ElScrollbar"),f=e.resolveComponent("ElDialog");return e.openBlock(),e.createBlock(f,e.mergeProps({"close-on-click-modal":!1,"destroy-on-close":"",draggable:"","lock-scroll":"",class:"custom-dialog","append-to-body":""},a.$attrs,{fullscreen:r.value,width:t.width}),e.createSlots({default:e.withCtx(()=>[t.scroll?(e.openBlock(),e.createBlock(h,{key:0,style:e.normalizeStyle(u.value)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"])):e.renderSlot(a.$slots,"default",{key:1})]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",A,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),e.createElementVNode("div",{onClick:i},[e.createVNode(d,{class:"fullScreen"},{default:e.withCtx(()=>[e.createVNode(m)]),_:1})])])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),key:"1"}:void 0]),1040,["fullscreen","width"])}}}),j={key:1},D=t=>{let o=t.label;if(t.label&&typeof t.label=="function"&&(o=t.label()),t.type.indexOf("select")>-1||t.type.indexOf("cascader")>-1||t.type.indexOf("date")>-1)return`请选择${o}`;if(t.type.indexOf("text")>-1||t.type.indexOf("number")>-1)return`请输入${o}`},w={valueFormat:"YYYY-MM-DD HH:mm:ss",format:"YYYY-MM-DD HH:mm:ss"},R=t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-option"),{label:n.label,value:n.value,key:n.value}))}},S={clearable:!0},N=[{type:"slider",component:"el-slider"},{type:"text",component:"el-input",attrs:{...S}},{type:"textarea",component:"el-input",attrs:{...S}},{type:"number",component:"el-input-number",attrs:{controlsPosition:"right"}},{type:"switch",component:"el-switch"},{type:"checkbox",component:"el-checkbox-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-checkbox"),{value:n.value},{default:()=>n.label}))}}},{type:"radio",component:"el-radio-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-radio"),{value:n.value},{default:()=>n.label}))}}},{type:"select",component:"el-select",slots:R},{type:"select-v2",component:"el-select-v2"},{type:"tree-select",component:"el-tree-select",attrs:{...S,checkStrictly:!0,renderAfterExpand:!0}},{type:"date,dates",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"}},{type:"datetime,week",component:"el-date-picker",attrs:{showConfirm:!1,...w}},{type:"month,months",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM",format:"YYYY-MM"}},{type:"year,years",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY",format:"YYYY"}},{type:"datetimerange,daterange,monthrange,yearrange",component:"el-date-picker",attrs:{showConfirm:!1,rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期",...w}},{type:"cascader",component:"el-cascader",attrs:{clearable:!0}},{type:"upload",component:"el-upload"},{type:"custom",component:"el-form-item"}],q=e.defineComponent({name:"EasyForm",__name:"index",props:e.mergeModels({inline:{type:Boolean,default:!0},formItems:{type:Array,default:()=>[]},labelWidth:{type:[String,Number],default:"120px"},itemWidth:{type:[String],default:"200px"}},{modelValue:{default:{},type:Object},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.getCurrentInstance(),r=a=>{i(a,"formRef")},i=(a,l)=>{if(!a){delete n?.exposeProxy?.[l],delete n?.exposed?.[l];return}n.exposeProxy={...n?.exposed,[l]:a},n.exposed={...n?.exposed,[l]:a}},c=e.useSlots(),u=(a,l,m)=>{const{value:d,component:h,...f}=l,p=N.find(y=>!!a&&y.type.indexOf(a)>-1),k=p?.component==="el-select"&&l.props,g=l.options&&!k?p?.slots?.(l):{};if(!p&&!l.component)return new Error(`未找到type为${a}的组件且当前也未传递component`);const s=e.resolveDynamicComponent(p?.component||h);if(s)return e.h(s,{...p?.attrs,...f,placeholder:f.placeholder||D(l)},{...g,...m})};return(a,l)=>{const m=e.resolveComponent("el-form-item"),d=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(d,e.mergeProps({model:o.value,"label-width":t.labelWidth,inline:t.inline,"scroll-to-error":!0},{...a.$attrs},{ref:r,class:"easy-form"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItems,({id:h,type:f,rule:p,width:k,slots:g,...s},y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[f!="custom"&&!s.hidden?(e.openBlock(),e.createBlock(m,{prop:s.prop,key:y,"label-width":s.labelWidth,rules:p,required:s.required},{label:e.withCtx(()=>[s.label&&typeof s.label=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.label),{key:0})):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(s.label),1))]),default:e.withCtx(()=>[c[s.prop]?e.renderSlot(a.$slots,s.prop,{key:0,item:s},void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u(f,{...s,type:f},g)),{key:1,modelValue:o.value[s.prop],"onUpdate:modelValue":v=>o.value[s.prop]=v,modelModifiers:{trim:!0},style:e.normalizeStyle({width:k||t.itemWidth})},null,8,["modelValue","onUpdate:modelValue","style"]))]),_:2},1032,["prop","label-width","rules","required"])):e.createCommentVNode("",!0),f=="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g?.[s.prop]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g[s.prop]),{key:0})):e.renderSlot(a.$slots,s.prop,{key:1,item:{width:k,rule:p,...s}},void 0,!0)],64)):e.createCommentVNode("",!0)],64))),256)),c.append?(e.openBlock(),e.createBlock(m,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)]),_:3},16,["model","label-width","inline"])}}}),H=b(q,[["__scopeId","data-v-ebcd5674"]]),U=e.defineComponent({name:"EasyTable",__name:"index",props:{data:{type:Array,required:!0,default:()=>[]},tableColumns:{type:Array,default:()=>[]},buttons:{type:Array,default:()=>[]},buttonWidth:{type:[Number,String],default:120},align:{type:String,default:"center"},height:{type:Number||String,default:void 0},maxHeight:{type:String||Number,default:void 0},footerHeight:{type:Number,default:65}},setup(t){const o=e.inject(F.configProviderContextKey),n=t,r=e.computed(()=>n.buttonWidth.toString().indexOf("px")>-1?n.buttonWidth.toString().slice(0,-2):n.buttonWidth),i=e.ref(),c=e.ref("auto");let u=e.getCurrentInstance();const a=()=>{let p="auto";if(u?.parent?.attrs?.class?.indexOf("content-wrap")>-1){let s=n.footerHeight;o?.value?.size==="small"?s=s-8:o?.value?.size==="large"&&(s=s+8);try{const y=u?.refs.tableRef,{top:v}=y?.getBoundingClientRect();p=document.documentElement.clientHeight-v-s-20}catch{}return p}return p},l=e.ref(),m=()=>{l.value&&clearTimeout(l.value),l.value=setTimeout(()=>{c.value=a(),l.value=null},100)};e.onMounted(()=>{c.value=a(),window.addEventListener("resize",m)}),e.onUnmounted(()=>{window.removeEventListener("resize",m)});const d=e.resolveComponent("el-table-column"),h=e.useSlots(),f=p=>{const{slots:k={},children:g=[],...s}=p;if(g&&g.length>0){const y=g.map(v=>f(v));return e.h(d,{align:n.align,...s},{...k,default:()=>y})}return e.h(d,{align:n.align,...s},{default:y=>h[p.prop]&&h[p.prop](y),...k})};return(p,k)=>{const g=e.resolveComponent("el-button"),s=e.resolveComponent("el-table-column"),y=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",{ref_key:"tableRef",ref:i},[e.createVNode(y,e.mergeProps({style:{width:"100%"}},p.$attrs,{data:t.data,height:t.height,maxHeight:t.maxHeight?t.maxHeight:c.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumns,(v,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(v)),{key:x}))),128)),t.buttons&&t.buttons.length?(e.openBlock(),e.createBlock(s,{key:0,align:"center",fixed:"right",label:"操作",width:r.value},{default:e.withCtx(v=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(x,T)=>e.withDirectives((e.openBlock(),e.createBlock(g,e.mergeProps({ref_for:!0},{...x},{key:T,type:x.type.includes("del")?"danger":"primary",onClick:()=>{x.click?.(v.row)},disabled:x.disabled?.(v.row)||!1,link:x.link?.(v.row)||!0}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.label),1)]),_:2},1040,["type","onClick","disabled","link"])),[[e.vShow,x.show?.(v.row)||!0]])),128))]),_:1},8,["width"])):e.createCommentVNode("",!0)]),_:1},16,["data","height","maxHeight"])],512)}}}),Y=b(U,[["__scopeId","data-v-1c87357b"]]),X={name:"",components:{},props:{icon:{type:String,default:""}}};function K(t,o,n,r,i,c){return n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"menu_icon"})):e.createCommentVNode("",!0)}const B=b(X,[["render",K],["__scopeId","data-v-261ce99a"]]),G=e.defineComponent({name:"subMenu",__name:"subMenu",props:{routeData:{type:Object,default:()=>({})}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o;function r(i){n("handleMenuItemClick",i)}return(i,c)=>{const u=e.resolveComponent("subMenu",!0),a=e.resolveComponent("el-sub-menu"),l=e.resolveComponent("el-menu-item");return t.routeData.children&&t.routeData.children.length>0?(e.openBlock(),e.createBlock(a,{key:0,index:t.routeData.path},{title:e.withCtx(()=>[e.createVNode(B,{icon:t.routeData.meta.icon},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routeData.children,(m,d)=>(e.openBlock(),e.createBlock(u,{onHandleMenuItemClick:r,routeData:m,key:d},null,8,["routeData"]))),128))]),_:1},8,["index"])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:c[0]||(c[0]=m=>r(t.routeData))},[e.createVNode(l,{index:t.routeData.path},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(B,{icon:t.routeData.meta.icon},null,8,["icon"])]),_:1},8,["index"])]))}}}),L=e.defineComponent({name:"MenuTree",__name:"index",props:{menuList:{type:Array,default:()=>[]}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o,r=i=>{n("handleMenuItemClick",i)};return(i,c)=>{const u=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(u,e.normalizeProps(e.guardReactiveProps(i.$attrs)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,a=>(e.openBlock(),e.createBlock(G,{routeData:a,onHandleMenuItemClick:r},null,8,["routeData"]))),256))]),_:1},16)}}}),J=e.defineComponent({name:"Pagination",__name:"index",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pagerCount:{type:Number,default:document.body.clientWidth<992?5:7},onPagination:{type:Function}},emits:["update:page","update:limit","pagination"],setup(t,{emit:o}){const n=t,r=o,i=e.computed({get(){return n.page},set(l){r("update:page",l)}}),c=e.computed({get(){return n.limit},set(l){r("update:limit",l)}}),u=l=>{i.value*l>n.total&&(i.value=1),r("pagination",{page:i.value,limit:l})},a=l=>{r("pagination",{page:l,limit:c.value})};return(l,m)=>{const d=e.resolveComponent("el-pagination");return e.withDirectives((e.openBlock(),e.createBlock(d,{"current-page":i.value,"onUpdate:currentPage":m[0]||(m[0]=h=>i.value=h),"page-size":c.value,"onUpdate:pageSize":m[1]||(m[1]=h=>c.value=h),background:!0,"page-sizes":[10,20,30,50,100],"pager-count":t.pagerCount,total:t.total,class:"pagination",layout:"total, sizes, prev, pager, next, jumper",onSizeChange:u,onCurrentChange:a},null,8,["current-page","page-size","pager-count","total"])),[[e.vShow,t.total>0]])}}}),P=b(J,[["__scopeId","data-v-1e34e383"]]),Q=["onClick","onMouseover"],Z=e.defineComponent({name:"EasyContextMenu",__name:"index",props:{menuList:{type:Array,default:()=>[]},maxHeight:{type:[String,Number],default:200},backgroundColor:{type:String,default:"#fff"},hoverItemStyle:{type:Object,default:()=>({backgroundColor:"#ddd"})},animationCurve:{type:String,default:"linear"}},setup(t){const o=t,n=e.ref(-1),r=e.ref(!1),i=e.ref({x:0,y:0}),c=d=>{r.value=!1,d.preventDefault(),d.stopPropagation(),setTimeout(()=>{r.value=!0;const{clientX:h,clientY:f}=d;i.value={x:h,y:f},u.value?.scrollTo(0,0)},0)},u=e.ref(null),a=e.ref(null);e.onMounted(()=>{const d=a.value?.parentElement;d?.addEventListener("contextmenu",c),document.addEventListener("click",()=>{r.value=!1}),d?.addEventListener("blur",()=>{console.log("blur"),r.value=!1})});const l=e.computed(()=>o.maxHeight=="auto"?"auto":o.maxHeight.toString().indexOf("px")>-1?o.maxHeight:`${o.maxHeight}px`),m=e.computed(()=>({backgroundColor:o.backgroundColor,left:`${i.value.x}px`,top:`${i.value.y}px`,maxHeight:r.value?l.value:"0px",transition:r.value?`max-height .2s ${o.animationCurve}`:"none"}));return(d,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"contextMenu",ref:a},[e.createElementVNode("div",e.mergeProps({class:"easy-context-menu"},d.$attrs,{style:{...e.unref(m)},ref_key:"menuListRef",ref:u}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,(f,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,onContextmenu:h[0]||(h[0]=e.withModifiers(()=>{},["stop"])),onClick:f.onClick,onMouseover:k=>n.value=p,onMouseout:h[1]||(h[1]=k=>n.value=-1),style:e.normalizeStyle(e.unref(n)===p?o.hoverItemStyle:"")},e.toDisplayString(f.label),45,Q))),128))],16)],512))}}),V=b(Z,[["__scopeId","data-v-f9f5bc05"]]);class C{vnode=null;#e={bindEvent:!0};defaultStyle={position:"fixed","z-index":1e3,"border-radius":"4px",color:"#666","font-size":"14px","min-width":"100px","box-shadow":"1px 1px 11px 0px #a6b5ba","background-color":"#fff",padding:"4px",overflow:"hidden"};hoverStyle={"background-color":"#8f9f80ff"};menu=null;static#t=null;static getInstance(){return C.#t||(C.#t=new C),C.#t}constructor(){C.#t||(C.#t=this)}create(o){const n=C.getInstance();return n.vnode!==o.target&&n.destroy(),n.vnode=o.target||null,n.#e={...n.#e,...o},n.#o(),n}#o(){this.defaultStyle={...this.defaultStyle,...this.#e.style},this.hoverStyle={...this.hoverStyle,...this.#e.hoverStyle},this.vnode&&this.vnode?.addEventListener(this.#e.event||"contextmenu",this.showMenu),document.addEventListener("click",this.hideMenu),document.addEventListener("keydown",this.hideMenu)}destroy(){this.vnode?.removeEventListener(this.#e.event||"contextmenu",this.showMenu),document.removeEventListener("click",this.hideMenu),document.removeEventListener("keydown",this.hideMenu),this.resetContextMenu()}resetContextMenu(){this.#e.appendToBody?this.menu&&document.body.removeChild(this.menu):this.vnode?.contains(this.menu)&&this.menu&&this.vnode?.removeChild(this.menu),this.menu=null}#n(){this.menu&&(this.menu.style.transition="none",this.menu.style.maxHeight="0",this.menu.style.display="none")}setMenuList(o){this.#e.menuList=o}showMenu(o){C.#t.#l(o)}hideMenu(){C.#t.#n()}#l(o){if(o.preventDefault(),o.stopPropagation(),this.#e.menuList.length===0)return;if(this.vnode||(this.vnode=o.target),console.log(this,"this"),this.#n(),!this.menu){const u=document.createElement("div");u.className=this.#e.classNames||"",this.menu=u,this.#e.menuList.forEach(a=>{const l=document.createElement("div");if(!a.label&&a.divider){l.style="padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;",u.appendChild(l);return}const m=";padding: 5px 10px; cursor: pointer;";if(l.style=m,l.innerText=a.label,a.disabled){l.style.cssText+="color: #ccc; cursor: not-allowed;",u.appendChild(l);return}u.appendChild(l),l.addEventListener("click",d=>{o.stopPropagation(),a.onClick&&a.onClick(d),this.#n()}),l.addEventListener("mouseover",()=>{l.style.cssText=Object.entries(this.hoverStyle).map(([d,h])=>`${d}:${h}`).join(";")+m}),l.addEventListener("mouseout",()=>{l.style=m})}),this.#e.appendToBody?document.body.appendChild(u):this.vnode?.appendChild(u)}const{clientX:n,clientY:r}=o,i={display:"block",...this.defaultStyle,left:`${n}px`,top:`${r}px`};let c=Object.entries(i).map(([u,a])=>`${u}:${a}`).join(";");this.menu.style.cssText=c,this.menu.style.transition="none",this.menu.style.maxHeight="0",setTimeout(()=>{this.menu&&(this.menu.style.maxHeight=`${this.#e.style?.["max-height"]||"200px"}`,this.menu.style.transition=`${this.#e.style?.transition||"max-height 0.1s ease-in-out"}`)},0),this.menu.scrollTo(0,0)}}const ee=C.getInstance(),te=[_,M,$,H,Y,L,P,V],E=[],I=(t,o)=>{te.forEach(n=>{E.push(n.name),t.component(n.name,n)}),console.log("mwl-components",E)},ne={install:I};exports.ContentWarp=M;exports.ContextMenu=ee;exports.Dialog=$;exports.EasyButton=_;exports.EasyContextMenu=V;exports.EasyForm=H;exports.EasyTable=Y;exports.MenuTree=L;exports.Pagination=P;exports.componentsMap=N;exports.default=ne;exports.getPlaceholder=D;exports.install=I;

package/dist/index.es.js

@@ -1,999 +0,0 @@
-import { defineComponent as E, useAttrs as ee, ref as w, resolveComponent as y, createBlock as g, openBlock as s, mergeProps as P, withCtx as h, renderSlot as M, useSlots as F, normalizeClass as te, createSlots as U, createElementVNode as D, createElementBlock as b, createCommentVNode as I, toDisplayString as Y, watch as ne, nextTick as oe, computed as T, unref as B, normalizeStyle as V, createTextVNode as X, createVNode as N, mergeModels as ae, useModel as le, getCurrentInstance as K, Fragment as H, renderList as z, resolveDynamicComponent as L, h as O, inject as se, onMounted as G, onUnmounted as re, withDirectives as J, vShow as Q, normalizeProps as ie, guardReactiveProps as ue, withModifiers as ce } from "vue";
-import { configProviderContextKey as de } from "element-plus";
-const me = /* @__PURE__ */ E({
-  name: "EasyButton",
-  inheritAttrs: !1,
-  __name: "index",
-  setup(e) {
-    const { onClick: n, ...t } = ee(), l = w(!1), i = async () => {
-      console.log("Button clicked"), l.value = !0;
-      try {
-        await n?.();
-      } catch (u) {
-        console.error("Error in button onClick handler:", u);
-      } finally {
-        l.value = !1;
-      }
-    };
-    return (u, c) => {
-      const a = y("el-button");
-      return s(), g(a, P(t, {
-        loading: l.value,
-        onClick: i
-      }), {
-        default: h(() => [
-          M(u.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["loading"]);
-    };
-  }
-}), pe = { class: "card-header" }, he = {
-  key: 0,
-  class: "card-header__message"
-}, fe = /* @__PURE__ */ E({
-  name: "ContentWarp",
-  __name: "index",
-  props: {
-    title: String,
-    message: String
-  },
-  setup(e) {
-    const n = F(), t = w("content-wrap");
-    return (l, i) => {
-      const u = y("ElCard");
-      return s(), g(u, {
-        class: te([t.value]),
-        shadow: "never"
-      }, U({
-        default: h(() => [
-          M(l.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 2
-      }, [
-        e.title ? {
-          name: "header",
-          fn: h(() => [
-            D("div", pe, [
-              D("span", null, Y(e.title), 1),
-              e.message ? (s(), b("span", he, Y(e.message), 1)) : I("", !0)
-            ])
-          ]),
-          key: "0"
-        } : void 0,
-        n.footer ? {
-          name: "footer",
-          fn: h(() => [
-            M(l.$slots, "footer", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["class"]);
-    };
-  }
-}), W = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [l, i] of n)
-    t[l] = i;
-  return t;
-}, ye = /* @__PURE__ */ W(fe, [["__scopeId", "data-v-fdaaba5e"]]), ge = { class: "dialog-header" }, ve = /* @__PURE__ */ E({
-  name: "Dialog",
-  __name: "index",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    fullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    scroll: {
-      type: Boolean,
-      default: !1
-    },
-    width: {
-      type: String,
-      default: "61.8%"
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  setup(e) {
-    const n = F(), t = e, l = w(t.fullscreen), i = () => {
-      l.value = !B(l);
-    }, u = w(t.maxHeight);
-    ne(
-      () => l.value,
-      async (a) => {
-        if (await oe(), a) {
-          const o = document.documentElement.offsetHeight;
-          u.value = `${o - 55 - 40 - (n.footer ? 63 : 0)}px`;
-        } else
-          u.value = t.maxHeight;
-      },
-      {
-        immediate: !0
-      }
-    );
-    const c = T(() => {
-      if (t.maxHeight)
-        return {
-          height: B(u)
-        };
-    });
-    return (a, o) => {
-      const m = y("FullScreen"), d = y("el-icon"), f = y("ElScrollbar"), v = y("ElDialog");
-      return s(), g(v, P({
-        "close-on-click-modal": !1,
-        "destroy-on-close": "",
-        draggable: "",
-        "lock-scroll": "",
-        class: "custom-dialog",
-        "append-to-body": ""
-      }, a.$attrs, {
-        fullscreen: l.value,
-        width: e.width
-      }), U({
-        default: h(() => [
-          e.scroll ? (s(), g(f, {
-            key: 0,
-            style: V(c.value)
-          }, {
-            default: h(() => [
-              M(a.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style"])) : M(a.$slots, "default", { key: 1 })
-        ]),
-        _: 2
-      }, [
-        e.title ? {
-          name: "header",
-          fn: h(() => [
-            D("div", ge, [
-              M(a.$slots, "title", {}, () => [
-                X(Y(e.title), 1)
-              ]),
-              D("div", { onClick: i }, [
-                N(d, { class: "fullScreen" }, {
-                  default: h(() => [
-                    N(m)
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          key: "0"
-        } : void 0,
-        n.footer ? {
-          name: "footer",
-          fn: h(() => [
-            M(a.$slots, "footer")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040, ["fullscreen", "width"]);
-    };
-  }
-}), be = { key: 1 }, xe = (e) => {
-  let n = e.label;
-  if (e.label && typeof e.label == "function" && (n = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
-    return `请选择${n}`;
-  if (e.type.indexOf("text") > -1 || e.type.indexOf("number") > -1)
-    return `请输入${n}`;
-}, R = {
-  valueFormat: "YYYY-MM-DD HH:mm:ss",
-  format: "YYYY-MM-DD HH:mm:ss"
-}, ke = (e) => {
-  const { options: n } = e;
-  return {
-    default: () => n?.map((t) => O(y("el-option"), {
-      label: t.label,
-      value: t.value,
-      key: t.value
-    }))
-  };
-}, A = {
-  clearable: !0
-}, Ce = [
-  {
-    type: "slider",
-    component: "el-slider"
-  },
-  {
-    type: "text",
-    component: "el-input",
-    attrs: {
-      ...A
-    }
-  },
-  {
-    type: "textarea",
-    component: "el-input",
-    attrs: {
-      ...A
-    }
-  },
-  {
-    type: "number",
-    component: "el-input-number",
-    attrs: {
-      controlsPosition: "right"
-    }
-  },
-  {
-    type: "switch",
-    component: "el-switch"
-  },
-  {
-    type: "checkbox",
-    component: "el-checkbox-group",
-    slots: (e) => {
-      const { options: n } = e;
-      return {
-        default: () => n?.map((t) => O(
-          y("el-checkbox"),
-          {
-            value: t.value
-          },
-          {
-            default: () => t.label
-          }
-        ))
-      };
-    }
-  },
-  {
-    type: "radio",
-    component: "el-radio-group",
-    slots: (e) => {
-      const { options: n } = e;
-      return {
-        default: () => n?.map((t) => O(
-          y("el-radio"),
-          {
-            value: t.value
-          },
-          {
-            default: () => t.label
-          }
-        ))
-      };
-    }
-  },
-  {
-    type: "select",
-    component: "el-select",
-    slots: ke
-  },
-  {
-    type: "select-v2",
-    component: "el-select-v2"
-  },
-  {
-    type: "tree-select",
-    component: "el-tree-select",
-    attrs: {
-      ...A,
-      checkStrictly: !0,
-      //是否严格的遵循父子不互相关联的做法，默认为 false
-      renderAfterExpand: !0
-      // 是否在第一次展开时即渲染子节点，默认为 false
-    }
-  },
-  {
-    type: "date,dates",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY-MM-DD",
-      format: "YYYY-MM-DD"
-    }
-  },
-  {
-    type: "datetime,week",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      ...R
-    }
-  },
-  {
-    type: "month,months",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY-MM",
-      format: "YYYY-MM"
-    }
-  },
-  {
-    type: "year,years",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY",
-      format: "YYYY"
-    }
-  },
-  {
-    type: "datetimerange,daterange,monthrange,yearrange",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      rangeSeparator: "至",
-      startPlaceholder: "开始日期",
-      endPlaceholder: "结束日期",
-      ...R
-    }
-  },
-  {
-    type: "cascader",
-    component: "el-cascader",
-    attrs: {
-      clearable: !0
-    }
-  },
-  {
-    type: "upload",
-    component: "el-upload"
-  },
-  {
-    type: "custom",
-    component: "el-form-item"
-  }
-], we = /* @__PURE__ */ E({
-  name: "EasyForm",
-  __name: "index",
-  props: /* @__PURE__ */ ae({
-    inline: {
-      type: Boolean,
-      default: !0
-    },
-    // // 表单数据对象
-    // formData: {
-    //   type: Object as PropType<Record<string, any>>,
-    //   required: true,
-    // },
-    // 表单项配置数组
-    formItems: {
-      type: Array,
-      default: () => []
-    },
-    // 表单标签宽度
-    labelWidth: {
-      type: [String, Number],
-      default: "120px"
-    },
-    // 表单项宽度
-    itemWidth: {
-      type: [String],
-      default: "200px"
-    }
-  }, {
-    modelValue: {
-      default: {},
-      type: Object
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = le(e, "modelValue"), t = K(), l = (a) => {
-      i(a, "formRef");
-    }, i = (a, o) => {
-      if (!a) {
-        delete t?.exposeProxy?.[o], delete t?.exposed?.[o];
-        return;
-      }
-      t.exposeProxy = {
-        ...t?.exposed,
-        [o]: a
-      }, t.exposed = {
-        ...t?.exposed,
-        [o]: a
-      };
-    }, u = F(), c = (a, o, m) => {
-      const { value: d, component: f, ...v } = o, p = Ce.find(
-        (k) => !!a && k.type.indexOf(a) > -1
-      ), _ = p?.component === "el-select" && o.props, x = o.options && !_ ? p?.slots?.(o) : {};
-      if (!p && !o.component)
-        return new Error(`未找到type为${a}的组件且当前也未传递component`);
-      const r = L(p?.component || f);
-      if (r)
-        return O(
-          r,
-          {
-            ...p?.attrs,
-            // 这里的ref还是从配置注入吧。不是每次都要用到ref
-            // ref: (el: any) => {
-            //   setRefs(el, formItem.prop)
-            // },
-            ...v,
-            //外部传入的 优先级最高
-            placeholder: v.placeholder || xe(o)
-          },
-          { ...x, ...m }
-        );
-    };
-    return (a, o) => {
-      const m = y("el-form-item"), d = y("el-form");
-      return s(), g(d, P({
-        model: n.value,
-        "label-width": e.labelWidth,
-        inline: e.inline,
-        "scroll-to-error": !0
-      }, { ...a.$attrs }, {
-        ref: l,
-        class: "easy-form"
-      }), {
-        default: h(() => [
-          (s(!0), b(H, null, z(e.formItems, ({ id: f, type: v, rule: p, width: _, slots: x, ...r }, k) => (s(), b(H, null, [
-            v != "custom" && !r.hidden ? (s(), g(m, {
-              prop: r.prop,
-              key: k,
-              "label-width": r.labelWidth,
-              rules: p,
-              required: r.required
-            }, {
-              label: h(() => [
-                r.label && typeof r.label == "function" ? (s(), g(L(r.label), { key: 0 })) : (s(), b("span", be, Y(r.label), 1))
-              ]),
-              default: h(() => [
-                u[r.prop] ? M(a.$slots, r.prop, {
-                  key: 0,
-                  item: r
-                }, void 0, !0) : (s(), g(L(c(v, { ...r, type: v }, x)), {
-                  key: 1,
-                  modelValue: n.value[r.prop],
-                  "onUpdate:modelValue": (C) => n.value[r.prop] = C,
-                  modelModifiers: { trim: !0 },
-                  style: V({ width: _ || e.itemWidth })
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
-              ]),
-              _: 2
-            }, 1032, ["prop", "label-width", "rules", "required"])) : I("", !0),
-            v == "custom" ? (s(), b(H, { key: 1 }, [
-              x?.[r.prop] ? (s(), g(L(x[r.prop]), { key: 0 })) : M(a.$slots, r.prop, {
-                key: 1,
-                item: { width: _, rule: p, ...r }
-              }, void 0, !0)
-            ], 64)) : I("", !0)
-          ], 64))), 256)),
-          u.append ? (s(), g(m, { key: 0 }, {
-            default: h(() => [
-              M(a.$slots, "append", {}, void 0, !0)
-            ]),
-            _: 3
-          })) : I("", !0)
-        ]),
-        _: 3
-      }, 16, ["model", "label-width", "inline"]);
-    };
-  }
-}), _e = /* @__PURE__ */ W(we, [["__scopeId", "data-v-ebcd5674"]]), Se = /* @__PURE__ */ E({
-  name: "EasyTable",
-  __name: "index",
-  props: {
-    data: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    tableColumns: {
-      type: Array,
-      default: () => []
-    },
-    buttons: {
-      type: Array,
-      default: () => []
-    },
-    buttonWidth: {
-      type: [Number, String],
-      default: 120
-    },
-    align: {
-      type: String,
-      default: "center"
-    },
-    height: {
-      type: Number || String,
-      default: void 0
-    },
-    maxHeight: {
-      type: String || Number,
-      default: void 0
-    },
-    footerHeight: {
-      type: Number,
-      default: 65
-    }
-  },
-  setup(e) {
-    const n = se(de), t = e, l = T(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), i = w(), u = w("auto");
-    let c = K();
-    const a = () => {
-      let p = "auto";
-      if (c?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
-        let r = t.footerHeight;
-        n?.value?.size === "small" ? r = r - 8 : n?.value?.size === "large" && (r = r + 8);
-        try {
-          const k = c?.refs.tableRef, { top: C } = k?.getBoundingClientRect();
-          p = document.documentElement.clientHeight - C - r - 20;
-        } catch {
-        }
-        return p;
-      }
-      return p;
-    }, o = w(), m = () => {
-      o.value && clearTimeout(o.value), o.value = setTimeout(() => {
-        u.value = a(), o.value = null;
-      }, 100);
-    };
-    G(() => {
-      u.value = a(), window.addEventListener("resize", m);
-    }), re(() => {
-      window.removeEventListener("resize", m);
-    });
-    const d = y("el-table-column"), f = F(), v = (p) => {
-      const { slots: _ = {}, children: x = [], ...r } = p;
-      if (x && x.length > 0) {
-        const k = x.map((C) => v(C));
-        return O(
-          d,
-          {
-            align: t.align,
-            ...r
-          },
-          // default 插槽默认使用 childrenNode 不能被slots 覆盖
-          { ..._, default: () => k }
-        );
-      }
-      return O(
-        d,
-        {
-          align: t.align,
-          ...r
-        },
-        // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
-        {
-          default: (k) => f[p.prop] && f[p.prop](k),
-          ..._
-        }
-      );
-    };
-    return (p, _) => {
-      const x = y("el-button"), r = y("el-table-column"), k = y("el-table");
-      return s(), b("div", {
-        ref_key: "tableRef",
-        ref: i
-      }, [
-        N(k, P({ style: { width: "100%" } }, p.$attrs, {
-          data: e.data,
-          height: e.height,
-          maxHeight: e.maxHeight ? e.maxHeight : u.value
-        }), {
-          default: h(() => [
-            (s(!0), b(H, null, z(e.tableColumns, (C, $) => (s(), g(L(v(C)), { key: $ }))), 128)),
-            e.buttons && e.buttons.length ? (s(), g(r, {
-              key: 0,
-              align: "center",
-              fixed: "right",
-              label: "操作",
-              width: l.value
-            }, {
-              default: h((C) => [
-                (s(!0), b(H, null, z(e.buttons, ($, Z) => J((s(), g(x, P({ ref_for: !0 }, { ...$ }, {
-                  key: Z,
-                  type: $.type.includes("del") ? "danger" : "primary",
-                  onClick: () => {
-                    $.click?.(C.row);
-                  },
-                  disabled: $.disabled?.(C.row) || !1,
-                  link: $.link?.(C.row) || !0
-                }), {
-                  default: h(() => [
-                    X(Y($.label), 1)
-                  ]),
-                  _: 2
-                }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [Q, $.show?.(C.row) || !0]
-                ])), 128))
-              ]),
-              _: 1
-            }, 8, ["width"])) : I("", !0)
-          ]),
-          _: 1
-        }, 16, ["data", "height", "maxHeight"])
-      ], 512);
-    };
-  }
-}), Me = /* @__PURE__ */ W(Se, [["__scopeId", "data-v-1c87357b"]]), $e = {
-  name: "",
-  components: {},
-  props: {
-    icon: {
-      type: String,
-      default: ""
-    }
-  }
-};
-function Ee(e, n, t, l, i, u) {
-  return t.icon ? (s(), g(L(t.icon), {
-    key: 0,
-    class: "menu_icon"
-  })) : I("", !0);
-}
-const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"]]), He = /* @__PURE__ */ E({
-  name: "subMenu",
-  __name: "subMenu",
-  props: {
-    routeData: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["handleMenuItemClick"],
-  setup(e, { emit: n }) {
-    const t = n;
-    function l(i) {
-      t("handleMenuItemClick", i);
-    }
-    return (i, u) => {
-      const c = y("subMenu", !0), a = y("el-sub-menu"), o = y("el-menu-item");
-      return e.routeData.children && e.routeData.children.length > 0 ? (s(), g(a, {
-        key: 0,
-        index: e.routeData.path
-      }, {
-        title: h(() => [
-          N(j, {
-            icon: e.routeData.meta.icon
-          }, null, 8, ["icon"]),
-          D("span", null, Y(e.routeData.meta.title), 1)
-        ]),
-        default: h(() => [
-          (s(!0), b(H, null, z(e.routeData.children, (m, d) => (s(), g(c, {
-            onHandleMenuItemClick: l,
-            routeData: m,
-            key: d
-          }, null, 8, ["routeData"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["index"])) : (s(), b("div", {
-        key: 1,
-        onClick: u[0] || (u[0] = (m) => l(e.routeData))
-      }, [
-        N(o, {
-          index: e.routeData.path
-        }, {
-          title: h(() => [
-            D("span", null, Y(e.routeData.meta.title), 1)
-          ]),
-          default: h(() => [
-            N(j, {
-              icon: e.routeData.meta.icon
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 8, ["index"])
-      ]));
-    };
-  }
-}), Ye = /* @__PURE__ */ E({
-  name: "MenuTree",
-  __name: "index",
-  props: {
-    menuList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["handleMenuItemClick"],
-  setup(e, { emit: n }) {
-    const t = n, l = (i) => {
-      t("handleMenuItemClick", i);
-    };
-    return (i, u) => {
-      const c = y("el-menu");
-      return s(), g(c, ie(ue(i.$attrs)), {
-        default: h(() => [
-          (s(!0), b(H, null, z(e.menuList, (a) => (s(), g(He, {
-            routeData: a,
-            onHandleMenuItemClick: l
-          }, null, 8, ["routeData"]))), 256))
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-}), De = /* @__PURE__ */ E({
-  name: "Pagination",
-  __name: "index",
-  props: {
-    // 总条目数
-    total: {
-      required: !0,
-      type: Number
-    },
-    // 当前页数：pageNo
-    page: {
-      type: Number,
-      default: 1
-    },
-    // 每页显示条目个数：pageSize
-    limit: {
-      type: Number,
-      default: 20
-    },
-    // 设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠
-    // 移动端页码按钮的数量端默认值 5
-    pagerCount: {
-      type: Number,
-      default: document.body.clientWidth < 992 ? 5 : 7
-    },
-    onPagination: { type: Function }
-  },
-  emits: ["update:page", "update:limit", "pagination"],
-  setup(e, { emit: n }) {
-    const t = e, l = n, i = T({
-      get() {
-        return t.page;
-      },
-      set(o) {
-        l("update:page", o);
-      }
-    }), u = T({
-      get() {
-        return t.limit;
-      },
-      set(o) {
-        l("update:limit", o);
-      }
-    }), c = (o) => {
-      i.value * o > t.total && (i.value = 1), l("pagination", { page: i.value, limit: o });
-    }, a = (o) => {
-      l("pagination", { page: o, limit: u.value });
-    };
-    return (o, m) => {
-      const d = y("el-pagination");
-      return J((s(), g(d, {
-        "current-page": i.value,
-        "onUpdate:currentPage": m[0] || (m[0] = (f) => i.value = f),
-        "page-size": u.value,
-        "onUpdate:pageSize": m[1] || (m[1] = (f) => u.value = f),
-        background: !0,
-        "page-sizes": [10, 20, 30, 50, 100],
-        "pager-count": e.pagerCount,
-        total: e.total,
-        class: "pagination",
-        layout: "total, sizes, prev, pager, next, jumper",
-        onSizeChange: c,
-        onCurrentChange: a
-      }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [Q, e.total > 0]
-      ]);
-    };
-  }
-}), Le = /* @__PURE__ */ W(De, [["__scopeId", "data-v-1e34e383"]]), Ie = ["onClick", "onMouseover"], Ne = /* @__PURE__ */ E({
-  name: "EasyContextMenu",
-  __name: "index",
-  props: {
-    // 菜单列表
-    menuList: {
-      type: Array,
-      default: () => []
-    },
-    // 菜单最大高度
-    maxHeight: {
-      type: [String, Number],
-      default: 200
-    },
-    // 菜单背景颜色
-    backgroundColor: {
-      type: String,
-      default: "#fff"
-    },
-    // 当前hover的菜单样式
-    hoverItemStyle: {
-      type: Object,
-      default: () => ({
-        backgroundColor: "#ddd"
-      })
-    },
-    // 菜单显示动画曲线
-    animationCurve: {
-      type: String,
-      default: "linear"
-    }
-  },
-  setup(e) {
-    const n = e, t = w(-1), l = w(!1), i = w({ x: 0, y: 0 }), u = (d) => {
-      l.value = !1, d.preventDefault(), d.stopPropagation(), setTimeout(() => {
-        l.value = !0;
-        const { clientX: f, clientY: v } = d;
-        i.value = { x: f, y: v }, c.value?.scrollTo(0, 0);
-      }, 0);
-    }, c = w(null), a = w(null);
-    G(() => {
-      const d = a.value?.parentElement;
-      d?.addEventListener("contextmenu", u), document.addEventListener("click", () => {
-        l.value = !1;
-      }), d?.addEventListener("blur", () => {
-        console.log("blur"), l.value = !1;
-      });
-    });
-    const o = T(() => n.maxHeight == "auto" ? "auto" : n.maxHeight.toString().indexOf("px") > -1 ? n.maxHeight : `${n.maxHeight}px`), m = T(() => ({
-      backgroundColor: n.backgroundColor,
-      left: `${i.value.x}px`,
-      top: `${i.value.y}px`,
-      maxHeight: l.value ? o.value : "0px",
-      transition: l.value ? `max-height .2s ${n.animationCurve}` : "none"
-    }));
-    return (d, f) => (s(), b("div", {
-      ref_key: "contextMenu",
-      ref: a
-    }, [
-      D("div", P({ class: "easy-context-menu" }, d.$attrs, {
-        style: { ...B(m) },
-        ref_key: "menuListRef",
-        ref: c
-      }), [
-        (s(!0), b(H, null, z(e.menuList, (v, p) => (s(), b("div", {
-          key: p,
-          onContextmenu: f[0] || (f[0] = ce(() => {
-          }, ["stop"])),
-          onClick: v.onClick,
-          onMouseover: (_) => t.value = p,
-          onMouseout: f[1] || (f[1] = (_) => t.value = -1),
-          style: V(B(t) === p ? n.hoverItemStyle : "")
-        }, Y(v.label), 45, Ie))), 128))
-      ], 16)
-    ], 512));
-  }
-}), Pe = /* @__PURE__ */ W(Ne, [["__scopeId", "data-v-f9f5bc05"]]);
-class S {
-  // 右键菜单的节点
-  vnode = null;
-  // 右键菜单的配置
-  #e = {
-    bindEvent: !0
-    //初始化绑定事件
-  };
-  // 右键菜单的默认样式
-  defaultStyle = {
-    position: "fixed",
-    "z-index": 1e3,
-    "border-radius": "4px",
-    color: "#666",
-    "font-size": "14px",
-    "min-width": "100px",
-    "box-shadow": "1px 1px 11px 0px #a6b5ba",
-    "background-color": "#fff",
-    padding: "4px",
-    overflow: "hidden"
-  };
-  // 右键菜单hover的样式
-  hoverStyle = {
-    "background-color": "#8f9f80ff"
-  };
-  // 当前右键菜单的dom节点
-  menu = null;
-  // 实例
-  static #t = null;
-  static getInstance() {
-    return S.#t || (S.#t = new S()), S.#t;
-  }
-  constructor() {
-    S.#t || (S.#t = this);
-  }
-  create(n) {
-    const t = S.getInstance();
-    return t.vnode !== n.target && t.destroy(), t.vnode = n.target || null, t.#e = { ...t.#e, ...n }, t.#o(), t;
-  }
-  // 初始化
-  #o() {
-    this.defaultStyle = { ...this.defaultStyle, ...this.#e.style }, this.hoverStyle = { ...this.hoverStyle, ...this.#e.hoverStyle }, this.vnode && this.vnode?.addEventListener(this.#e.event || "contextmenu", this.showMenu), document.addEventListener("click", this.hideMenu), document.addEventListener("keydown", this.hideMenu);
-  }
-  // 销毁右键菜单
-  destroy() {
-    this.vnode?.removeEventListener(this.#e.event || "contextmenu", this.showMenu), document.removeEventListener("click", this.hideMenu), document.removeEventListener("keydown", this.hideMenu), this.resetContextMenu();
-  }
-  // 重置右键菜单
-  resetContextMenu() {
-    this.#e.appendToBody ? this.menu && document.body.removeChild(this.menu) : this.vnode?.contains(this.menu) && this.menu && this.vnode?.removeChild(this.menu), this.menu = null;
-  }
-  // 隐藏右键菜单
-  #n() {
-    this.menu && (this.menu.style.transition = "none", this.menu.style.maxHeight = "0", this.menu.style.display = "none");
-  }
-  /**
-   * 这个函数的用途写在这里
-   * @param {menuList Array<MenuItem> } 右键菜单的列表
-   */
-  setMenuList(n) {
-    this.#e.menuList = n;
-  }
-  /**
-   * 手动显示右键菜单 需要传入一个事件对象
-   */
-  showMenu(n) {
-    S.#t.#a(n);
-  }
-  /**
-   * 隐藏右键菜单
-   */
-  hideMenu() {
-    S.#t.#n();
-  }
-  // 显示右键菜单
-  #a(n) {
-    if (n.preventDefault(), n.stopPropagation(), this.#e.menuList.length === 0)
-      return;
-    if (this.vnode || (this.vnode = n.target), console.log(this, "this"), this.#n(), !this.menu) {
-      const c = document.createElement("div");
-      c.className = this.#e.classNames || "", this.menu = c, this.#e.menuList.forEach((a) => {
-        const o = document.createElement("div");
-        if (!a.label && a.divider) {
-          o.style = "padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;", c.appendChild(o);
-          return;
-        }
-        const m = ";padding: 5px 10px; cursor: pointer;";
-        if (o.style = m, o.innerText = a.label, a.disabled) {
-          o.style.cssText += "color: #ccc; cursor: not-allowed;", c.appendChild(o);
-          return;
-        }
-        c.appendChild(o), o.addEventListener("click", (d) => {
-          n.stopPropagation(), a.onClick && a.onClick(d), this.#n();
-        }), o.addEventListener("mouseover", () => {
-          o.style.cssText = Object.entries(this.hoverStyle).map(([d, f]) => `${d}:${f}`).join(";") + m;
-        }), o.addEventListener("mouseout", () => {
-          o.style = m;
-        });
-      }), this.#e.appendToBody ? document.body.appendChild(c) : this.vnode?.appendChild(c);
-    }
-    const { clientX: t, clientY: l } = n, i = {
-      display: "block",
-      ...this.defaultStyle,
-      left: `${t}px`,
-      top: `${l}px`
-    };
-    let u = Object.entries(i).map(([c, a]) => `${c}:${a}`).join(";");
-    this.menu.style.cssText = u, this.menu.style.transition = "none", this.menu.style.maxHeight = "0", setTimeout(() => {
-      this.menu && (this.menu.style.maxHeight = `${this.#e.style?.["max-height"] || "200px"}`, this.menu.style.transition = `${this.#e.style?.transition || "max-height 0.1s ease-in-out"}`);
-    }, 0), this.menu.scrollTo(0, 0);
-  }
-}
-const Be = S.getInstance(), Te = [
-  me,
-  ye,
-  ve,
-  _e,
-  // EasyFormH,
-  Me,
-  Ye,
-  Le,
-  Pe
-], q = [], ze = (e, n) => {
-  Te.forEach((t) => {
-    q.push(t.name), e.component(t.name, t);
-  }), console.log("mwl-components", q);
-}, Fe = { install: ze };
-export {
-  ye as ContentWarp,
-  Be as ContextMenu,
-  ve as Dialog,
-  me as EasyButton,
-  Pe as EasyContextMenu,
-  _e as EasyForm,
-  Me as EasyTable,
-  Ye as MenuTree,
-  Le as Pagination,
-  Ce as componentsMap,
-  Fe as default,
-  xe as getPlaceholder,
-  ze as install
-};

package/dist/index.umd.js

@@ -1 +0,0 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.mwlComponents={},h.Vue,h.ElementPlus))})(this,function(h,e,z){"use strict";const _=e.defineComponent({name:"EasyButton",inheritAttrs:!1,__name:"index",setup(t){const{onClick:o,...n}=e.useAttrs(),r=e.ref(!1),i=async()=>{console.log("Button clicked"),r.value=!0;try{await o?.()}catch(c){console.error("Error in button onClick handler:",c)}finally{r.value=!1}};return(c,d)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(n,{loading:r.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["loading"])}}}),O={class:"card-header"},W={key:0,class:"card-header__message"},j=e.defineComponent({name:"ContentWarp",__name:"index",props:{title:String,message:String},setup(t){const o=e.useSlots(),n=e.ref("content-wrap");return(r,i)=>{const c=e.resolveComponent("ElCard");return e.openBlock(),e.createBlock(c,{class:e.normalizeClass([n.value]),shadow:"never"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",O,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),t.message?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},void 0,!0)]),key:"1"}:void 0]),1032,["class"])}}}),w=(t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n},E=w(j,[["__scopeId","data-v-fdaaba5e"]]),A={class:"dialog-header"},M=e.defineComponent({name:"Dialog",__name:"index",props:{title:{type:String,default:""},fullscreen:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},width:{type:String,default:"61.8%"},maxHeight:{type:[String,Number],default:""}},setup(t){const o=e.useSlots(),n=t,r=e.ref(n.fullscreen),i=()=>{r.value=!e.unref(r)},c=e.ref(n.maxHeight);e.watch(()=>r.value,async a=>{if(await e.nextTick(),a){const l=document.documentElement.offsetHeight;c.value=`${l-55-40-(o.footer?63:0)}px`}else c.value=n.maxHeight},{immediate:!0});const d=e.computed(()=>{if(n.maxHeight)return{height:e.unref(c)}});return(a,l)=>{const p=e.resolveComponent("FullScreen"),m=e.resolveComponent("el-icon"),f=e.resolveComponent("ElScrollbar"),g=e.resolveComponent("ElDialog");return e.openBlock(),e.createBlock(g,e.mergeProps({"close-on-click-modal":!1,"destroy-on-close":"",draggable:"","lock-scroll":"",class:"custom-dialog","append-to-body":""},a.$attrs,{fullscreen:r.value,width:t.width}),e.createSlots({default:e.withCtx(()=>[t.scroll?(e.openBlock(),e.createBlock(f,{key:0,style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"])):e.renderSlot(a.$slots,"default",{key:1})]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",A,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),e.createElementVNode("div",{onClick:i},[e.createVNode(m,{class:"fullScreen"},{default:e.withCtx(()=>[e.createVNode(p)]),_:1})])])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),key:"1"}:void 0]),1040,["fullscreen","width"])}}}),R={key:1},$=t=>{let o=t.label;if(t.label&&typeof t.label=="function"&&(o=t.label()),t.type.indexOf("select")>-1||t.type.indexOf("cascader")>-1||t.type.indexOf("date")>-1)return`请选择${o}`;if(t.type.indexOf("text")>-1||t.type.indexOf("number")>-1)return`请输入${o}`},D={valueFormat:"YYYY-MM-DD HH:mm:ss",format:"YYYY-MM-DD HH:mm:ss"},q=t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-option"),{label:n.label,value:n.value,key:n.value}))}},B={clearable:!0},N=[{type:"slider",component:"el-slider"},{type:"text",component:"el-input",attrs:{...B}},{type:"textarea",component:"el-input",attrs:{...B}},{type:"number",component:"el-input-number",attrs:{controlsPosition:"right"}},{type:"switch",component:"el-switch"},{type:"checkbox",component:"el-checkbox-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-checkbox"),{value:n.value},{default:()=>n.label}))}}},{type:"radio",component:"el-radio-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-radio"),{value:n.value},{default:()=>n.label}))}}},{type:"select",component:"el-select",slots:q},{type:"select-v2",component:"el-select-v2"},{type:"tree-select",component:"el-tree-select",attrs:{...B,checkStrictly:!0,renderAfterExpand:!0}},{type:"date,dates",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"}},{type:"datetime,week",component:"el-date-picker",attrs:{showConfirm:!1,...D}},{type:"month,months",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM",format:"YYYY-MM"}},{type:"year,years",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY",format:"YYYY"}},{type:"datetimerange,daterange,monthrange,yearrange",component:"el-date-picker",attrs:{showConfirm:!1,rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期",...D}},{type:"cascader",component:"el-cascader",attrs:{clearable:!0}},{type:"upload",component:"el-upload"},{type:"custom",component:"el-form-item"}],H=w(e.defineComponent({name:"EasyForm",__name:"index",props:e.mergeModels({inline:{type:Boolean,default:!0},formItems:{type:Array,default:()=>[]},labelWidth:{type:[String,Number],default:"120px"},itemWidth:{type:[String],default:"200px"}},{modelValue:{default:{},type:Object},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.getCurrentInstance(),r=a=>{i(a,"formRef")},i=(a,l)=>{if(!a){delete n?.exposeProxy?.[l],delete n?.exposed?.[l];return}n.exposeProxy={...n?.exposed,[l]:a},n.exposed={...n?.exposed,[l]:a}},c=e.useSlots(),d=(a,l,p)=>{const{value:m,component:f,...g}=l,u=N.find(k=>!!a&&k.type.indexOf(a)>-1),b=u?.component==="el-select"&&l.props,y=l.options&&!b?u?.slots?.(l):{};if(!u&&!l.component)return new Error(`未找到type为${a}的组件且当前也未传递component`);const s=e.resolveDynamicComponent(u?.component||f);if(s)return e.h(s,{...u?.attrs,...g,placeholder:g.placeholder||$(l)},{...y,...p})};return(a,l)=>{const p=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(m,e.mergeProps({model:o.value,"label-width":t.labelWidth,inline:t.inline,"scroll-to-error":!0},{...a.$attrs},{ref:r,class:"easy-form"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItems,({id:f,type:g,rule:u,width:b,slots:y,...s},k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[g!="custom"&&!s.hidden?(e.openBlock(),e.createBlock(p,{prop:s.prop,key:k,"label-width":s.labelWidth,rules:u,required:s.required},{label:e.withCtx(()=>[s.label&&typeof s.label=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.label),{key:0})):(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(s.label),1))]),default:e.withCtx(()=>[c[s.prop]?e.renderSlot(a.$slots,s.prop,{key:0,item:s},void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(g,{...s,type:g},y)),{key:1,modelValue:o.value[s.prop],"onUpdate:modelValue":C=>o.value[s.prop]=C,modelModifiers:{trim:!0},style:e.normalizeStyle({width:b||t.itemWidth})},null,8,["modelValue","onUpdate:modelValue","style"]))]),_:2},1032,["prop","label-width","rules","required"])):e.createCommentVNode("",!0),g=="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y?.[s.prop]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y[s.prop]),{key:0})):e.renderSlot(a.$slots,s.prop,{key:1,item:{width:b,rule:u,...s}},void 0,!0)],64)):e.createCommentVNode("",!0)],64))),256)),c.append?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)]),_:3},16,["model","label-width","inline"])}}}),[["__scopeId","data-v-ebcd5674"]]),Y=w(e.defineComponent({name:"EasyTable",__name:"index",props:{data:{type:Array,required:!0,default:()=>[]},tableColumns:{type:Array,default:()=>[]},buttons:{type:Array,default:()=>[]},buttonWidth:{type:[Number,String],default:120},align:{type:String,default:"center"},height:{type:Number||String,default:void 0},maxHeight:{type:String||Number,default:void 0},footerHeight:{type:Number,default:65}},setup(t){const o=e.inject(z.configProviderContextKey),n=t,r=e.computed(()=>n.buttonWidth.toString().indexOf("px")>-1?n.buttonWidth.toString().slice(0,-2):n.buttonWidth),i=e.ref(),c=e.ref("auto");let d=e.getCurrentInstance();const a=()=>{let u="auto";if(d?.parent?.attrs?.class?.indexOf("content-wrap")>-1){let s=n.footerHeight;o?.value?.size==="small"?s=s-8:o?.value?.size==="large"&&(s=s+8);try{const k=d?.refs.tableRef,{top:C}=k?.getBoundingClientRect();u=document.documentElement.clientHeight-C-s-20}catch{}return u}return u},l=e.ref(),p=()=>{l.value&&clearTimeout(l.value),l.value=setTimeout(()=>{c.value=a(),l.value=null},100)};e.onMounted(()=>{c.value=a(),window.addEventListener("resize",p)}),e.onUnmounted(()=>{window.removeEventListener("resize",p)});const m=e.resolveComponent("el-table-column"),f=e.useSlots(),g=u=>{const{slots:b={},children:y=[],...s}=u;if(y&&y.length>0){const k=y.map(C=>g(C));return e.h(m,{align:n.align,...s},{...b,default:()=>k})}return e.h(m,{align:n.align,...s},{default:k=>f[u.prop]&&f[u.prop](k),...b})};return(u,b)=>{const y=e.resolveComponent("el-button"),s=e.resolveComponent("el-table-column"),k=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",{ref_key:"tableRef",ref:i},[e.createVNode(k,e.mergeProps({style:{width:"100%"}},u.$attrs,{data:t.data,height:t.height,maxHeight:t.maxHeight?t.maxHeight:c.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumns,(C,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(C)),{key:S}))),128)),t.buttons&&t.buttons.length?(e.openBlock(),e.createBlock(s,{key:0,align:"center",fixed:"right",label:"操作",width:r.value},{default:e.withCtx(C=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(S,ee)=>e.withDirectives((e.openBlock(),e.createBlock(y,e.mergeProps({ref_for:!0},{...S},{key:ee,type:S.type.includes("del")?"danger":"primary",onClick:()=>{S.click?.(C.row)},disabled:S.disabled?.(C.row)||!1,link:S.link?.(C.row)||!0}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1040,["type","onClick","disabled","link"])),[[e.vShow,S.show?.(C.row)||!0]])),128))]),_:1},8,["width"])):e.createCommentVNode("",!0)]),_:1},16,["data","height","maxHeight"])],512)}}}),[["__scopeId","data-v-1c87357b"]]),U={name:"",components:{},props:{icon:{type:String,default:""}}};function X(t,o,n,r,i,c){return n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"menu_icon"})):e.createCommentVNode("",!0)}const L=w(U,[["render",X],["__scopeId","data-v-261ce99a"]]),K=e.defineComponent({name:"subMenu",__name:"subMenu",props:{routeData:{type:Object,default:()=>({})}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o;function r(i){n("handleMenuItemClick",i)}return(i,c)=>{const d=e.resolveComponent("subMenu",!0),a=e.resolveComponent("el-sub-menu"),l=e.resolveComponent("el-menu-item");return t.routeData.children&&t.routeData.children.length>0?(e.openBlock(),e.createBlock(a,{key:0,index:t.routeData.path},{title:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routeData.children,(p,m)=>(e.openBlock(),e.createBlock(d,{onHandleMenuItemClick:r,routeData:p,key:m},null,8,["routeData"]))),128))]),_:1},8,["index"])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:c[0]||(c[0]=p=>r(t.routeData))},[e.createVNode(l,{index:t.routeData.path},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"])]),_:1},8,["index"])]))}}}),V=e.defineComponent({name:"MenuTree",__name:"index",props:{menuList:{type:Array,default:()=>[]}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o,r=i=>{n("handleMenuItemClick",i)};return(i,c)=>{const d=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(d,e.normalizeProps(e.guardReactiveProps(i.$attrs)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,a=>(e.openBlock(),e.createBlock(K,{routeData:a,onHandleMenuItemClick:r},null,8,["routeData"]))),256))]),_:1},16)}}}),G=e.defineComponent({name:"Pagination",__name:"index",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pagerCount:{type:Number,default:document.body.clientWidth<992?5:7},onPagination:{type:Function}},emits:["update:page","update:limit","pagination"],setup(t,{emit:o}){const n=t,r=o,i=e.computed({get(){return n.page},set(l){r("update:page",l)}}),c=e.computed({get(){return n.limit},set(l){r("update:limit",l)}}),d=l=>{i.value*l>n.total&&(i.value=1),r("pagination",{page:i.value,limit:l})},a=l=>{r("pagination",{page:l,limit:c.value})};return(l,p)=>{const m=e.resolveComponent("el-pagination");return e.withDirectives((e.openBlock(),e.createBlock(m,{"current-page":i.value,"onUpdate:currentPage":p[0]||(p[0]=f=>i.value=f),"page-size":c.value,"onUpdate:pageSize":p[1]||(p[1]=f=>c.value=f),background:!0,"page-sizes":[10,20,30,50,100],"pager-count":t.pagerCount,total:t.total,class:"pagination",layout:"total, sizes, prev, pager, next, jumper",onSizeChange:d,onCurrentChange:a},null,8,["current-page","page-size","pager-count","total"])),[[e.vShow,t.total>0]])}}}),P=w(G,[["__scopeId","data-v-1e34e383"]]),J=["onClick","onMouseover"],I=w(e.defineComponent({name:"EasyContextMenu",__name:"index",props:{menuList:{type:Array,default:()=>[]},maxHeight:{type:[String,Number],default:200},backgroundColor:{type:String,default:"#fff"},hoverItemStyle:{type:Object,default:()=>({backgroundColor:"#ddd"})},animationCurve:{type:String,default:"linear"}},setup(t){const o=t,n=e.ref(-1),r=e.ref(!1),i=e.ref({x:0,y:0}),c=m=>{r.value=!1,m.preventDefault(),m.stopPropagation(),setTimeout(()=>{r.value=!0;const{clientX:f,clientY:g}=m;i.value={x:f,y:g},d.value?.scrollTo(0,0)},0)},d=e.ref(null),a=e.ref(null);e.onMounted(()=>{const m=a.value?.parentElement;m?.addEventListener("contextmenu",c),document.addEventListener("click",()=>{r.value=!1}),m?.addEventListener("blur",()=>{console.log("blur"),r.value=!1})});const l=e.computed(()=>o.maxHeight=="auto"?"auto":o.maxHeight.toString().indexOf("px")>-1?o.maxHeight:`${o.maxHeight}px`),p=e.computed(()=>({backgroundColor:o.backgroundColor,left:`${i.value.x}px`,top:`${i.value.y}px`,maxHeight:r.value?l.value:"0px",transition:r.value?`max-height .2s ${o.animationCurve}`:"none"}));return(m,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"contextMenu",ref:a},[e.createElementVNode("div",e.mergeProps({class:"easy-context-menu"},m.$attrs,{style:{...e.unref(p)},ref_key:"menuListRef",ref:d}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,onContextmenu:f[0]||(f[0]=e.withModifiers(()=>{},["stop"])),onClick:g.onClick,onMouseover:b=>n.value=u,onMouseout:f[1]||(f[1]=b=>n.value=-1),style:e.normalizeStyle(e.unref(n)===u?o.hoverItemStyle:"")},e.toDisplayString(g.label),45,J))),128))],16)],512))}}),[["__scopeId","data-v-f9f5bc05"]]);class x{vnode=null;#e={bindEvent:!0};defaultStyle={position:"fixed","z-index":1e3,"border-radius":"4px",color:"#666","font-size":"14px","min-width":"100px","box-shadow":"1px 1px 11px 0px #a6b5ba","background-color":"#fff",padding:"4px",overflow:"hidden"};hoverStyle={"background-color":"#8f9f80ff"};menu=null;static#t=null;static getInstance(){return x.#t||(x.#t=new x),x.#t}constructor(){x.#t||(x.#t=this)}create(o){const n=x.getInstance();return n.vnode!==o.target&&n.destroy(),n.vnode=o.target||null,n.#e={...n.#e,...o},n.#o(),n}#o(){this.defaultStyle={...this.defaultStyle,...this.#e.style},this.hoverStyle={...this.hoverStyle,...this.#e.hoverStyle},this.vnode&&this.vnode?.addEventListener(this.#e.event||"contextmenu",this.showMenu),document.addEventListener("click",this.hideMenu),document.addEventListener("keydown",this.hideMenu)}destroy(){this.vnode?.removeEventListener(this.#e.event||"contextmenu",this.showMenu),document.removeEventListener("click",this.hideMenu),document.removeEventListener("keydown",this.hideMenu),this.resetContextMenu()}resetContextMenu(){this.#e.appendToBody?this.menu&&document.body.removeChild(this.menu):this.vnode?.contains(this.menu)&&this.menu&&this.vnode?.removeChild(this.menu),this.menu=null}#n(){this.menu&&(this.menu.style.transition="none",this.menu.style.maxHeight="0",this.menu.style.display="none")}setMenuList(o){this.#e.menuList=o}showMenu(o){x.#t.#l(o)}hideMenu(){x.#t.#n()}#l(o){if(o.preventDefault(),o.stopPropagation(),this.#e.menuList.length===0)return;if(this.vnode||(this.vnode=o.target),console.log(this,"this"),this.#n(),!this.menu){const d=document.createElement("div");d.className=this.#e.classNames||"",this.menu=d,this.#e.menuList.forEach(a=>{const l=document.createElement("div");if(!a.label&&a.divider){l.style="padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;",d.appendChild(l);return}const p=";padding: 5px 10px; cursor: pointer;";if(l.style=p,l.innerText=a.label,a.disabled){l.style.cssText+="color: #ccc; cursor: not-allowed;",d.appendChild(l);return}d.appendChild(l),l.addEventListener("click",m=>{o.stopPropagation(),a.onClick&&a.onClick(m),this.#n()}),l.addEventListener("mouseover",()=>{l.style.cssText=Object.entries(this.hoverStyle).map(([m,f])=>`${m}:${f}`).join(";")+p}),l.addEventListener("mouseout",()=>{l.style=p})}),this.#e.appendToBody?document.body.appendChild(d):this.vnode?.appendChild(d)}const{clientX:n,clientY:r}=o,i={display:"block",...this.defaultStyle,left:`${n}px`,top:`${r}px`};let c=Object.entries(i).map(([d,a])=>`${d}:${a}`).join(";");this.menu.style.cssText=c,this.menu.style.transition="none",this.menu.style.maxHeight="0",setTimeout(()=>{this.menu&&(this.menu.style.maxHeight=`${this.#e.style?.["max-height"]||"200px"}`,this.menu.style.transition=`${this.#e.style?.transition||"max-height 0.1s ease-in-out"}`)},0),this.menu.scrollTo(0,0)}}const Q=x.getInstance(),Z=[_,E,M,H,Y,V,P,I],T=[],F=(t,o)=>{Z.forEach(n=>{T.push(n.name),t.component(n.name,n)}),console.log("mwl-components",T)},v={install:F};h.ContentWarp=E,h.ContextMenu=Q,h.Dialog=M,h.EasyButton=_,h.EasyContextMenu=I,h.EasyForm=H,h.EasyTable=Y,h.MenuTree=V,h.Pagination=P,h.componentsMap=N,h.default=v,h.getPlaceholder=$,h.install=F,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/mwl-components.css

@@ -1 +0,0 @@
-.el-card[data-v-fdaaba5e]{background-color:transparent;margin-bottom:10px}[data-v-fdaaba5e] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-fdaaba5e] .el-card__body{padding:20px;height:100%}[data-v-fdaaba5e] .el-card__footer{padding:0 20px}.custom-dialog{padding:0;box-shadow:0 0 5px 0 var(--el-text-color-secondary)}.custom-dialog .el-dialog__header{padding:0}.dialog-header{--el-dialog-padding-primary: 20px;border-bottom:1px solid var(--el-border-color);padding:var(--el-dialog-padding-primary);padding-bottom:10px;padding-right:44px;display:flex;align-items:center;justify-content:space-between;color:var(--el-text-color-primary)}.dialog-header .fullScreen{cursor:pointer;z-index:99}.dialog-header .fullScreen:hover{color:var(--el-color-primary)}.el-dialog__headerbtn{--el-message-close-size: 20px;top:7px;margin-right:10px;width:20px}.el-dialog__body{padding:20px 30px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid var(--el-border-color)}.is-hover:hover{color:var(--el-color-primary)}[data-v-ebcd5674] .el-form-item__label{font-size:var(--el-font-size-base)}.easy-form .el-form-item[data-v-ebcd5674]{margin-right:10px}[data-v-ebcd5674] .el-date-editor{flex-grow:initial}[data-v-1c87357b] .el-table,[data-v-1c87357b] th.el-table__cell,[data-v-1c87357b] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}.easy-context-menu[data-v-f9f5bc05]{position:fixed;min-width:100px;z-index:1000;border-radius:4px;overflow:auto;color:#666;font-size:14px;box-shadow:1px 1px 11px #a6b5ba}.easy-context-menu div[data-v-f9f5bc05]{cursor:pointer;margin:5px;padding:4px 15px;border-radius:3px}