dld-vue-ui 0.0.9 → 0.1.1

package/dist/dld-vue-ui.umd.cjs

@@ -1 +1 @@
-(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p["dld-vue-ui"]={},p.Vue))})(this,function(p,o){"use strict";const S={name:"splitpanes",emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click"],props:{horizontal:{type:Boolean},pushOtherPanes:{type:Boolean,default:!0},dblClickSplitter:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean}},provide(){return{requestUpdate:this.requestUpdate,onPaneAdd:this.onPaneAdd,onPaneRemove:this.onPaneRemove,onPaneClick:this.onPaneClick}},data:()=>({container:null,ready:!1,panes:[],touch:{mouseDown:!1,dragging:!1,activeSplitter:null},splitterTaps:{splitter:null,timeoutId:null}}),computed:{panesCount(){return this.panes.length},indexedPanes(){return this.panes.reduce((e,t)=>(e[t.id]=t)&&e,{})}},methods:{updatePaneComponents(){this.panes.forEach(e=>{e.update&&e.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[e.id].size}%`})})},bindEvents(){document.addEventListener("mousemove",this.onMouseMove,{passive:!1}),document.addEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.addEventListener("touchmove",this.onMouseMove,{passive:!1}),document.addEventListener("touchend",this.onMouseUp))},unbindEvents(){document.removeEventListener("mousemove",this.onMouseMove,{passive:!1}),document.removeEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.removeEventListener("touchmove",this.onMouseMove,{passive:!1}),document.removeEventListener("touchend",this.onMouseUp))},onMouseDown(e,t){this.bindEvents(),this.touch.mouseDown=!0,this.touch.activeSplitter=t},onMouseMove(e){this.touch.mouseDown&&(e.preventDefault(),this.touch.dragging=!0,this.calculatePanesSize(this.getCurrentMouseDrag(e)),this.$emit("resize",this.panes.map(t=>({min:t.min,max:t.max,size:t.size}))))},onMouseUp(){this.touch.dragging&&this.$emit("resized",this.panes.map(e=>({min:e.min,max:e.max,size:e.size}))),this.touch.mouseDown=!1,setTimeout(()=>{this.touch.dragging=!1,this.unbindEvents()},100)},onSplitterClick(e,t){"ontouchstart"in window&&(e.preventDefault(),this.dblClickSplitter&&(this.splitterTaps.splitter===t?(clearTimeout(this.splitterTaps.timeoutId),this.splitterTaps.timeoutId=null,this.onSplitterDblClick(e,t),this.splitterTaps.splitter=null):(this.splitterTaps.splitter=t,this.splitterTaps.timeoutId=setTimeout(()=>{this.splitterTaps.splitter=null},500)))),this.touch.dragging||this.$emit("splitter-click",this.panes[t])},onSplitterDblClick(e,t){let i=0;this.panes=this.panes.map((s,n)=>(s.size=n===t?s.max:s.min,n!==t&&(i+=s.min),s)),this.panes[t].size-=i,this.$emit("pane-maximize",this.panes[t]),this.$emit("resized",this.panes.map(s=>({min:s.min,max:s.max,size:s.size})))},onPaneClick(e,t){this.$emit("pane-click",this.indexedPanes[t])},getCurrentMouseDrag(e){const t=this.container.getBoundingClientRect(),{clientX:i,clientY:s}="ontouchstart"in window&&e.touches?e.touches[0]:e;return{x:i-t.left,y:s-t.top}},getCurrentDragPercentage(e){e=e[this.horizontal?"y":"x"];const t=this.container[this.horizontal?"clientHeight":"clientWidth"];return this.rtl&&!this.horizontal&&(e=t-e),e*100/t},calculatePanesSize(e){const t=this.touch.activeSplitter;let i={prevPanesSize:this.sumPrevPanesSize(t),nextPanesSize:this.sumNextPanesSize(t),prevReachedMinPanes:0,nextReachedMinPanes:0};const s=0+(this.pushOtherPanes?0:i.prevPanesSize),n=100-(this.pushOtherPanes?0:i.nextPanesSize),a=Math.max(Math.min(this.getCurrentDragPercentage(e),n),s);let r=[t,t+1],l=this.panes[r[0]]||null,d=this.panes[r[1]]||null;const h=l.max<100&&a>=l.max+i.prevPanesSize,_=d.max<100&&a<=100-(d.max+this.sumNextPanesSize(t+1));if(h||_){h?(l.size=l.max,d.size=Math.max(100-l.max-i.prevPanesSize-i.nextPanesSize,0)):(l.size=Math.max(100-d.max-i.prevPanesSize-this.sumNextPanesSize(t+1),0),d.size=d.max);return}if(this.pushOtherPanes){const c=this.doPushOtherPanes(i,a);if(!c)return;({sums:i,panesToResize:r}=c),l=this.panes[r[0]]||null,d=this.panes[r[1]]||null}l!==null&&(l.size=Math.min(Math.max(a-i.prevPanesSize-i.prevReachedMinPanes,l.min),l.max)),d!==null&&(d.size=Math.min(Math.max(100-a-i.nextPanesSize-i.nextReachedMinPanes,d.min),d.max))},doPushOtherPanes(e,t){const i=this.touch.activeSplitter,s=[i,i+1];return t<e.prevPanesSize+this.panes[s[0]].min&&(s[0]=this.findPrevExpandedPane(i).index,e.prevReachedMinPanes=0,s[0]<i&&this.panes.forEach((n,a)=>{a>s[0]&&a<=i&&(n.size=n.min,e.prevReachedMinPanes+=n.min)}),e.prevPanesSize=this.sumPrevPanesSize(s[0]),s[0]===void 0)?(e.prevReachedMinPanes=0,this.panes[0].size=this.panes[0].min,this.panes.forEach((n,a)=>{a>0&&a<=i&&(n.size=n.min,e.prevReachedMinPanes+=n.min)}),this.panes[s[1]].size=100-e.prevReachedMinPanes-this.panes[0].min-e.prevPanesSize-e.nextPanesSize,null):t>100-e.nextPanesSize-this.panes[s[1]].min&&(s[1]=this.findNextExpandedPane(i).index,e.nextReachedMinPanes=0,s[1]>i+1&&this.panes.forEach((n,a)=>{a>i&&a<s[1]&&(n.size=n.min,e.nextReachedMinPanes+=n.min)}),e.nextPanesSize=this.sumNextPanesSize(s[1]-1),s[1]===void 0)?(e.nextReachedMinPanes=0,this.panes[this.panesCount-1].size=this.panes[this.panesCount-1].min,this.panes.forEach((n,a)=>{a<this.panesCount-1&&a>=i+1&&(n.size=n.min,e.nextReachedMinPanes+=n.min)}),this.panes[s[0]].size=100-e.prevPanesSize-e.nextReachedMinPanes-this.panes[this.panesCount-1].min-e.nextPanesSize,null):{sums:e,panesToResize:s}},sumPrevPanesSize(e){return this.panes.reduce((t,i,s)=>t+(s<e?i.size:0),0)},sumNextPanesSize(e){return this.panes.reduce((t,i,s)=>t+(s>e+1?i.size:0),0)},findPrevExpandedPane(e){return[...this.panes].reverse().find(t=>t.index<e&&t.size>t.min)||{}},findNextExpandedPane(e){return this.panes.find(t=>t.index>e+1&&t.size>t.min)||{}},checkSplitpanesNodes(){Array.from(this.container.children).forEach(e=>{const t=e.classList.contains("splitpanes__pane"),i=e.classList.contains("splitpanes__splitter");!t&&!i&&(e.parentNode.removeChild(e),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))})},addSplitter(e,t,i=!1){const s=e-1,n=document.createElement("div");n.classList.add("splitpanes__splitter"),i||(n.onmousedown=a=>this.onMouseDown(a,s),typeof window<"u"&&"ontouchstart"in window&&(n.ontouchstart=a=>this.onMouseDown(a,s)),n.onclick=a=>this.onSplitterClick(a,s+1)),this.dblClickSplitter&&(n.ondblclick=a=>this.onSplitterDblClick(a,s+1)),t.parentNode.insertBefore(n,t)},removeSplitter(e){e.onmousedown=void 0,e.onclick=void 0,e.ondblclick=void 0,e.parentNode.removeChild(e)},redoSplitters(){const e=Array.from(this.container.children);e.forEach(i=>{i.className.includes("splitpanes__splitter")&&this.removeSplitter(i)});let t=0;e.forEach(i=>{i.className.includes("splitpanes__pane")&&(!t&&this.firstSplitter?this.addSplitter(t,i,!0):t&&this.addSplitter(t,i),t++)})},requestUpdate({target:e,...t}){const i=this.indexedPanes[e._.uid];Object.entries(t).forEach(([s,n])=>i[s]=n)},onPaneAdd(e){let t=-1;Array.from(e.$el.parentNode.children).some(n=>(n.className.includes("splitpanes__pane")&&t++,n===e.$el));const i=parseFloat(e.minSize),s=parseFloat(e.maxSize);this.panes.splice(t,0,{id:e._.uid,index:t,min:isNaN(i)?0:i,max:isNaN(s)?100:s,size:e.size===null?null:parseFloat(e.size),givenSize:e.size,update:e.update}),this.panes.forEach((n,a)=>n.index=a),this.ready&&this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({addedPane:this.panes[t]}),this.$emit("pane-add",{index:t,panes:this.panes.map(n=>({min:n.min,max:n.max,size:n.size}))})})},onPaneRemove(e){const t=this.panes.findIndex(s=>s.id===e._.uid),i=this.panes.splice(t,1)[0];this.panes.forEach((s,n)=>s.index=n),this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({removedPane:{...i,index:t}}),this.$emit("pane-remove",{removed:i,panes:this.panes.map(s=>({min:s.min,max:s.max,size:s.size}))})})},resetPaneSizes(e={}){!e.addedPane&&!e.removedPane?this.initialPanesSizing():this.panes.some(t=>t.givenSize!==null||t.min||t.max<100)?this.equalizeAfterAddOrRemove(e):this.equalize(),this.ready&&this.$emit("resized",this.panes.map(t=>({min:t.min,max:t.max,size:t.size})))},equalize(){const e=100/this.panesCount;let t=0;const i=[],s=[];this.panes.forEach(n=>{n.size=Math.max(Math.min(e,n.max),n.min),t-=n.size,n.size>=n.max&&i.push(n.id),n.size<=n.min&&s.push(n.id)}),t>.1&&this.readjustSizes(t,i,s)},initialPanesSizing(){let e=100;const t=[],i=[];let s=0;this.panes.forEach(a=>{e-=a.size,a.size!==null&&s++,a.size>=a.max&&t.push(a.id),a.size<=a.min&&i.push(a.id)});let n=100;e>.1&&(this.panes.forEach(a=>{a.size===null&&(a.size=Math.max(Math.min(e/(this.panesCount-s),a.max),a.min)),n-=a.size}),n>.1&&this.readjustSizes(e,t,i))},equalizeAfterAddOrRemove({addedPane:e,removedPane:t}={}){let i=100/this.panesCount,s=0;const n=[],a=[];e&&e.givenSize!==null&&(i=(100-e.givenSize)/(this.panesCount-1)),this.panes.forEach(r=>{s-=r.size,r.size>=r.max&&n.push(r.id),r.size<=r.min&&a.push(r.id)}),!(Math.abs(s)<.1)&&(this.panes.forEach(r=>{e&&e.givenSize!==null&&e.id===r.id||(r.size=Math.max(Math.min(i,r.max),r.min)),s-=r.size,r.size>=r.max&&n.push(r.id),r.size<=r.min&&a.push(r.id)}),s>.1&&this.readjustSizes(s,n,a))},readjustSizes(e,t,i){let s;e>0?s=e/(this.panesCount-t.length):s=e/(this.panesCount-i.length),this.panes.forEach((n,a)=>{if(e>0&&!t.includes(n.id)){const r=Math.max(Math.min(n.size+s,n.max),n.min),l=r-n.size;e-=l,n.size=r}else if(!i.includes(n.id)){const r=Math.max(Math.min(n.size+s,n.max),n.min),l=r-n.size;e-=l,n.size=r}n.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[n.id].size}%`})}),Math.abs(e)>.1&&this.$nextTick(()=>{this.ready&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})}},watch:{panes:{deep:!0,immediate:!1,handler(){this.updatePaneComponents()}},horizontal(){this.updatePaneComponents()},firstSplitter(){this.redoSplitters()},dblClickSplitter(e){[...this.container.querySelectorAll(".splitpanes__splitter")].forEach((t,i)=>{t.ondblclick=e?s=>this.onSplitterDblClick(s,i):void 0})}},beforeUnmount(){this.ready=!1},mounted(){this.container=this.$refs.container,this.checkSplitpanesNodes(),this.redoSplitters(),this.resetPaneSizes(),this.$emit("ready"),this.ready=!0},render(){return o.h("div",{ref:"container",class:["splitpanes",`splitpanes--${this.horizontal?"horizontal":"vertical"}`,{"splitpanes--dragging":this.touch.dragging}]},this.$slots.default())}},P=(e,t)=>{const i=e.__vccOpts||e;for(const[s,n]of t)i[s]=n;return i},g={name:"pane",inject:["requestUpdate","onPaneAdd","onPaneRemove","onPaneClick"],props:{size:{type:[Number,String],default:null},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},data:()=>({style:{}}),mounted(){this.onPaneAdd(this)},beforeUnmount(){this.onPaneRemove(this)},methods:{update(e){this.style=e}},computed:{sizeNumber(){return this.size||this.size===0?parseFloat(this.size):null},minSizeNumber(){return parseFloat(this.minSize)},maxSizeNumber(){return parseFloat(this.maxSize)}},watch:{sizeNumber(e){this.requestUpdate({target:this,size:e})},minSizeNumber(e){this.requestUpdate({target:this,min:e})},maxSizeNumber(e){this.requestUpdate({target:this,max:e})}}};function y(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("div",{class:"splitpanes__pane",onClick:t[0]||(t[0]=r=>a.onPaneClick(r,e._.uid)),style:o.normalizeStyle(e.style)},[o.renderSlot(e.$slots,"default")],4)}const M=P(g,[["render",y]]),H="",C=o.defineComponent({__name:"index",props:{styles:{type:Object,required:!1,default:()=>({width:"100%",height:"100%"})},horizontal:{type:Boolean,required:!1,default:!1}},setup(e){return(t,i)=>(o.openBlock(),o.createBlock(o.unref(S),{horizontal:e.horizontal,style:o.normalizeStyle(e.styles),class:"splitpanes"},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["horizontal","style"]))}}),G="",u=(e,t)=>{const i=e.__vccOpts||e;for(const[s,n]of t)i[s]=n;return i},m=u(C,[["__scopeId","data-v-4226b5d2"],["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]),z=u(o.defineComponent({__name:"pane",props:{styles:{type:Object,required:!0,default:()=>({background:"#ececec"})}},setup(e){return(t,i)=>(o.openBlock(),o.createBlock(o.unref(M),{style:o.normalizeStyle(e.styles)},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default")]),_:3},8,["style"]))}}),[["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);/*! Element Plus Icons Vue v2.0.10 */var f=(e,t)=>{let i=e.__vccOpts||e;for(let[s,n]of t)i[s]=n;return i},E={name:"FolderOpened"},w={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},k=o.createElementVNode("path",{fill:"currentColor",d:"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"},null,-1),b=[k];function N(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("svg",w,b)}var $=f(E,[["render",N],["__file","folder-opened.vue"]]),R={name:"Upload"},T={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},D=o.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"},null,-1),B=[D];function q(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("svg",T,B)}var O=f(R,[["render",q],["__file","upload.vue"]]),U=function(){function e(t){if(!t)throw new TypeError("Invalid argument; `value` has no value.");this.value=e.EMPTY,t&&e.isGuid(t)&&(this.value=t)}return e.isGuid=function(t){var i=t.toString();return t&&(t instanceof e||e.validator.test(i))},e.create=function(){return new e([e.gen(2),e.gen(1),e.gen(1),e.gen(1),e.gen(3)].join("-"))},e.createEmpty=function(){return new e("emptyguid")},e.parse=function(t){return new e(t)},e.raw=function(){return[e.gen(2),e.gen(1),e.gen(1),e.gen(1),e.gen(3)].join("-")},e.gen=function(t){for(var i="",s=0;s<t;s++)i+=((1+Math.random())*65536|0).toString(16).substring(1);return i},e.prototype.equals=function(t){return e.isGuid(t)&&this.value===t.toString()},e.prototype.isEmpty=function(){return this.value===e.EMPTY},e.prototype.toString=function(){return this.value},e.prototype.toJSON=function(){return{value:this.value}},e.validator=new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$","i"),e.EMPTY="00000000-0000-0000-0000-000000000000",e}(),L=U;const F={style:{}},A=["id"],j={class:"filename"},V=o.defineComponent({__name:"index",props:{size:{type:String,required:!1,default:"default"},name:{type:String,required:!1,default:"\u4E0A\u4F20\u6587\u4EF6"},icon:{type:null,required:!1,default:O},type:{type:null,required:!1,default:"success"}},emits:["upload"],setup(e,{expose:t,emit:i}){let s=L.create().toString(),n,a=o.ref("");function r(){n.click()}function l(){a.value=n.value}function d(){n.files!==null&&i("upload",n.files[0])}function h(){n.value="",a.value=""}return o.onMounted(()=>{n=document.getElementById(s)}),t({Clear:h}),(_,c)=>{const v=o.resolveComponent("el-button");return o.openBlock(),o.createElementBlock("div",F,[o.createVNode(v,{type:e.type,icon:o.unref($),size:e.size,class:"btn",onClick:r},{default:o.withCtx(()=>[o.createTextVNode("\u9009\u62E9\u6587\u4EF6")]),_:1},8,["type","icon","size"]),o.withDirectives(o.createElementVNode("input",{type:"file",id:o.unref(s),onChange:l},null,40,A),[[o.vShow,!1]]),o.createElementVNode("span",j,o.toDisplayString(o.unref(a)),1),o.createVNode(v,{type:e.type,icon:e.icon,size:e.size,disabled:o.unref(a)==null||o.unref(a)=="",class:"btn",onClick:d},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(e.name),1)]),_:1},8,["type","icon","size","disabled"])])}}}),J="",x=u(V,[["__scopeId","data-v-83b9cdd7"],["__file","D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]),I={install:e=>{e.component("SplitPanes",m),e.component("Pane",z),e.component("UpLoadFile",x)}};p.Pane=z,p.SplitPanes=m,p.UpLoadFile=x,p.default=I,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["dld-vue-ui"]={},u.Vue))})(this,function(u,e){"use strict";const P={name:"splitpanes",emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click"],props:{horizontal:{type:Boolean},pushOtherPanes:{type:Boolean,default:!0},dblClickSplitter:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean}},provide(){return{requestUpdate:this.requestUpdate,onPaneAdd:this.onPaneAdd,onPaneRemove:this.onPaneRemove,onPaneClick:this.onPaneClick}},data:()=>({container:null,ready:!1,panes:[],touch:{mouseDown:!1,dragging:!1,activeSplitter:null},splitterTaps:{splitter:null,timeoutId:null}}),computed:{panesCount(){return this.panes.length},indexedPanes(){return this.panes.reduce((t,a)=>(t[a.id]=a)&&t,{})}},methods:{updatePaneComponents(){this.panes.forEach(t=>{t.update&&t.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[t.id].size}%`})})},bindEvents(){document.addEventListener("mousemove",this.onMouseMove,{passive:!1}),document.addEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.addEventListener("touchmove",this.onMouseMove,{passive:!1}),document.addEventListener("touchend",this.onMouseUp))},unbindEvents(){document.removeEventListener("mousemove",this.onMouseMove,{passive:!1}),document.removeEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.removeEventListener("touchmove",this.onMouseMove,{passive:!1}),document.removeEventListener("touchend",this.onMouseUp))},onMouseDown(t,a){this.bindEvents(),this.touch.mouseDown=!0,this.touch.activeSplitter=a},onMouseMove(t){this.touch.mouseDown&&(t.preventDefault(),this.touch.dragging=!0,this.calculatePanesSize(this.getCurrentMouseDrag(t)),this.$emit("resize",this.panes.map(a=>({min:a.min,max:a.max,size:a.size}))))},onMouseUp(){this.touch.dragging&&this.$emit("resized",this.panes.map(t=>({min:t.min,max:t.max,size:t.size}))),this.touch.mouseDown=!1,setTimeout(()=>{this.touch.dragging=!1,this.unbindEvents()},100)},onSplitterClick(t,a){"ontouchstart"in window&&(t.preventDefault(),this.dblClickSplitter&&(this.splitterTaps.splitter===a?(clearTimeout(this.splitterTaps.timeoutId),this.splitterTaps.timeoutId=null,this.onSplitterDblClick(t,a),this.splitterTaps.splitter=null):(this.splitterTaps.splitter=a,this.splitterTaps.timeoutId=setTimeout(()=>{this.splitterTaps.splitter=null},500)))),this.touch.dragging||this.$emit("splitter-click",this.panes[a])},onSplitterDblClick(t,a){let o=0;this.panes=this.panes.map((l,i)=>(l.size=i===a?l.max:l.min,i!==a&&(o+=l.min),l)),this.panes[a].size-=o,this.$emit("pane-maximize",this.panes[a]),this.$emit("resized",this.panes.map(l=>({min:l.min,max:l.max,size:l.size})))},onPaneClick(t,a){this.$emit("pane-click",this.indexedPanes[a])},getCurrentMouseDrag(t){const a=this.container.getBoundingClientRect(),{clientX:o,clientY:l}="ontouchstart"in window&&t.touches?t.touches[0]:t;return{x:o-a.left,y:l-a.top}},getCurrentDragPercentage(t){t=t[this.horizontal?"y":"x"];const a=this.container[this.horizontal?"clientHeight":"clientWidth"];return this.rtl&&!this.horizontal&&(t=a-t),t*100/a},calculatePanesSize(t){const a=this.touch.activeSplitter;let o={prevPanesSize:this.sumPrevPanesSize(a),nextPanesSize:this.sumNextPanesSize(a),prevReachedMinPanes:0,nextReachedMinPanes:0};const l=0+(this.pushOtherPanes?0:o.prevPanesSize),i=100-(this.pushOtherPanes?0:o.nextPanesSize),s=Math.max(Math.min(this.getCurrentDragPercentage(t),i),l);let r=[a,a+1],p=this.panes[r[0]]||null,h=this.panes[r[1]]||null;const f=p.max<100&&s>=p.max+o.prevPanesSize,x=h.max<100&&s<=100-(h.max+this.sumNextPanesSize(a+1));if(f||x){f?(p.size=p.max,h.size=Math.max(100-p.max-o.prevPanesSize-o.nextPanesSize,0)):(p.size=Math.max(100-h.max-o.prevPanesSize-this.sumNextPanesSize(a+1),0),h.size=h.max);return}if(this.pushOtherPanes){const _=this.doPushOtherPanes(o,s);if(!_)return;({sums:o,panesToResize:r}=_),p=this.panes[r[0]]||null,h=this.panes[r[1]]||null}p!==null&&(p.size=Math.min(Math.max(s-o.prevPanesSize-o.prevReachedMinPanes,p.min),p.max)),h!==null&&(h.size=Math.min(Math.max(100-s-o.nextPanesSize-o.nextReachedMinPanes,h.min),h.max))},doPushOtherPanes(t,a){const o=this.touch.activeSplitter,l=[o,o+1];return a<t.prevPanesSize+this.panes[l[0]].min&&(l[0]=this.findPrevExpandedPane(o).index,t.prevReachedMinPanes=0,l[0]<o&&this.panes.forEach((i,s)=>{s>l[0]&&s<=o&&(i.size=i.min,t.prevReachedMinPanes+=i.min)}),t.prevPanesSize=this.sumPrevPanesSize(l[0]),l[0]===void 0)?(t.prevReachedMinPanes=0,this.panes[0].size=this.panes[0].min,this.panes.forEach((i,s)=>{s>0&&s<=o&&(i.size=i.min,t.prevReachedMinPanes+=i.min)}),this.panes[l[1]].size=100-t.prevReachedMinPanes-this.panes[0].min-t.prevPanesSize-t.nextPanesSize,null):a>100-t.nextPanesSize-this.panes[l[1]].min&&(l[1]=this.findNextExpandedPane(o).index,t.nextReachedMinPanes=0,l[1]>o+1&&this.panes.forEach((i,s)=>{s>o&&s<l[1]&&(i.size=i.min,t.nextReachedMinPanes+=i.min)}),t.nextPanesSize=this.sumNextPanesSize(l[1]-1),l[1]===void 0)?(t.nextReachedMinPanes=0,this.panes[this.panesCount-1].size=this.panes[this.panesCount-1].min,this.panes.forEach((i,s)=>{s<this.panesCount-1&&s>=o+1&&(i.size=i.min,t.nextReachedMinPanes+=i.min)}),this.panes[l[0]].size=100-t.prevPanesSize-t.nextReachedMinPanes-this.panes[this.panesCount-1].min-t.nextPanesSize,null):{sums:t,panesToResize:l}},sumPrevPanesSize(t){return this.panes.reduce((a,o,l)=>a+(l<t?o.size:0),0)},sumNextPanesSize(t){return this.panes.reduce((a,o,l)=>a+(l>t+1?o.size:0),0)},findPrevExpandedPane(t){return[...this.panes].reverse().find(a=>a.index<t&&a.size>a.min)||{}},findNextExpandedPane(t){return this.panes.find(a=>a.index>t+1&&a.size>a.min)||{}},checkSplitpanesNodes(){Array.from(this.container.children).forEach(t=>{const a=t.classList.contains("splitpanes__pane"),o=t.classList.contains("splitpanes__splitter");!a&&!o&&(t.parentNode.removeChild(t),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))})},addSplitter(t,a,o=!1){const l=t-1,i=document.createElement("div");i.classList.add("splitpanes__splitter"),o||(i.onmousedown=s=>this.onMouseDown(s,l),typeof window<"u"&&"ontouchstart"in window&&(i.ontouchstart=s=>this.onMouseDown(s,l)),i.onclick=s=>this.onSplitterClick(s,l+1)),this.dblClickSplitter&&(i.ondblclick=s=>this.onSplitterDblClick(s,l+1)),a.parentNode.insertBefore(i,a)},removeSplitter(t){t.onmousedown=void 0,t.onclick=void 0,t.ondblclick=void 0,t.parentNode.removeChild(t)},redoSplitters(){const t=Array.from(this.container.children);t.forEach(o=>{o.className.includes("splitpanes__splitter")&&this.removeSplitter(o)});let a=0;t.forEach(o=>{o.className.includes("splitpanes__pane")&&(!a&&this.firstSplitter?this.addSplitter(a,o,!0):a&&this.addSplitter(a,o),a++)})},requestUpdate({target:t,...a}){const o=this.indexedPanes[t._.uid];Object.entries(a).forEach(([l,i])=>o[l]=i)},onPaneAdd(t){let a=-1;Array.from(t.$el.parentNode.children).some(i=>(i.className.includes("splitpanes__pane")&&a++,i===t.$el));const o=parseFloat(t.minSize),l=parseFloat(t.maxSize);this.panes.splice(a,0,{id:t._.uid,index:a,min:isNaN(o)?0:o,max:isNaN(l)?100:l,size:t.size===null?null:parseFloat(t.size),givenSize:t.size,update:t.update}),this.panes.forEach((i,s)=>i.index=s),this.ready&&this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({addedPane:this.panes[a]}),this.$emit("pane-add",{index:a,panes:this.panes.map(i=>({min:i.min,max:i.max,size:i.size}))})})},onPaneRemove(t){const a=this.panes.findIndex(l=>l.id===t._.uid),o=this.panes.splice(a,1)[0];this.panes.forEach((l,i)=>l.index=i),this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({removedPane:{...o,index:a}}),this.$emit("pane-remove",{removed:o,panes:this.panes.map(l=>({min:l.min,max:l.max,size:l.size}))})})},resetPaneSizes(t={}){!t.addedPane&&!t.removedPane?this.initialPanesSizing():this.panes.some(a=>a.givenSize!==null||a.min||a.max<100)?this.equalizeAfterAddOrRemove(t):this.equalize(),this.ready&&this.$emit("resized",this.panes.map(a=>({min:a.min,max:a.max,size:a.size})))},equalize(){const t=100/this.panesCount;let a=0;const o=[],l=[];this.panes.forEach(i=>{i.size=Math.max(Math.min(t,i.max),i.min),a-=i.size,i.size>=i.max&&o.push(i.id),i.size<=i.min&&l.push(i.id)}),a>.1&&this.readjustSizes(a,o,l)},initialPanesSizing(){let t=100;const a=[],o=[];let l=0;this.panes.forEach(s=>{t-=s.size,s.size!==null&&l++,s.size>=s.max&&a.push(s.id),s.size<=s.min&&o.push(s.id)});let i=100;t>.1&&(this.panes.forEach(s=>{s.size===null&&(s.size=Math.max(Math.min(t/(this.panesCount-l),s.max),s.min)),i-=s.size}),i>.1&&this.readjustSizes(t,a,o))},equalizeAfterAddOrRemove({addedPane:t,removedPane:a}={}){let o=100/this.panesCount,l=0;const i=[],s=[];t&&t.givenSize!==null&&(o=(100-t.givenSize)/(this.panesCount-1)),this.panes.forEach(r=>{l-=r.size,r.size>=r.max&&i.push(r.id),r.size<=r.min&&s.push(r.id)}),!(Math.abs(l)<.1)&&(this.panes.forEach(r=>{t&&t.givenSize!==null&&t.id===r.id||(r.size=Math.max(Math.min(o,r.max),r.min)),l-=r.size,r.size>=r.max&&i.push(r.id),r.size<=r.min&&s.push(r.id)}),l>.1&&this.readjustSizes(l,i,s))},readjustSizes(t,a,o){let l;t>0?l=t/(this.panesCount-a.length):l=t/(this.panesCount-o.length),this.panes.forEach((i,s)=>{if(t>0&&!a.includes(i.id)){const r=Math.max(Math.min(i.size+l,i.max),i.min),p=r-i.size;t-=p,i.size=r}else if(!o.includes(i.id)){const r=Math.max(Math.min(i.size+l,i.max),i.min),p=r-i.size;t-=p,i.size=r}i.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[i.id].size}%`})}),Math.abs(t)>.1&&this.$nextTick(()=>{this.ready&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})}},watch:{panes:{deep:!0,immediate:!1,handler(){this.updatePaneComponents()}},horizontal(){this.updatePaneComponents()},firstSplitter(){this.redoSplitters()},dblClickSplitter(t){[...this.container.querySelectorAll(".splitpanes__splitter")].forEach((a,o)=>{a.ondblclick=t?l=>this.onSplitterDblClick(l,o):void 0})}},beforeUnmount(){this.ready=!1},mounted(){this.container=this.$refs.container,this.checkSplitpanesNodes(),this.redoSplitters(),this.resetPaneSizes(),this.$emit("ready"),this.ready=!0},render(){return e.h("div",{ref:"container",class:["splitpanes",`splitpanes--${this.horizontal?"horizontal":"vertical"}`,{"splitpanes--dragging":this.touch.dragging}]},this.$slots.default())}},F=(t,a)=>{const o=t.__vccOpts||t;for(const[l,i]of a)o[l]=i;return o},N={name:"pane",inject:["requestUpdate","onPaneAdd","onPaneRemove","onPaneClick"],props:{size:{type:[Number,String],default:null},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},data:()=>({style:{}}),mounted(){this.onPaneAdd(this)},beforeUnmount(){this.onPaneRemove(this)},methods:{update(t){this.style=t}},computed:{sizeNumber(){return this.size||this.size===0?parseFloat(this.size):null},minSizeNumber(){return parseFloat(this.minSize)},maxSizeNumber(){return parseFloat(this.maxSize)}},watch:{sizeNumber(t){this.requestUpdate({target:this,size:t})},minSizeNumber(t){this.requestUpdate({target:this,min:t})},maxSizeNumber(t){this.requestUpdate({target:this,max:t})}}};function M(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("div",{class:"splitpanes__pane",onClick:a[0]||(a[0]=r=>s.onPaneClick(r,t._.uid)),style:e.normalizeStyle(t.style)},[e.renderSlot(t.$slots,"default")],4)}const $=F(N,[["render",M]]),Ie="",q=e.defineComponent({__name:"index",props:{styles:{type:Object,required:!1,default:()=>({width:"100%",height:"100%"})},horizontal:{type:Boolean,required:!1,default:!1}},setup(t){return(a,o)=>(e.openBlock(),e.createBlock(e.unref(P),{horizontal:t.horizontal,style:e.normalizeStyle(t.styles),class:"splitpanes"},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["horizontal","style"]))}}),ve="",z=(t,a)=>{const o=t.__vccOpts||t;for(const[l,i]of a)o[l]=i;return o},w=z(q,[["__scopeId","data-v-4226b5d2"],["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]),S=z(e.defineComponent({__name:"pane",props:{styles:{type:Object,required:!0,default:()=>({background:"#ececec"})}},setup(t){return(a,o)=>(e.openBlock(),e.createBlock(e.unref($),{style:e.normalizeStyle(t.styles)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"]))}}),[["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);/*! Element Plus Icons Vue v2.0.10 */var m=(t,a)=>{let o=t.__vccOpts||t;for(let[l,i]of a)o[l]=i;return o},D={name:"CircleClose"},L={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},U=e.createElementVNode("path",{fill:"currentColor",d:"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"},null,-1),T=e.createElementVNode("path",{fill:"currentColor",d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"},null,-1),R=[U,T];function W(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",L,R)}var H=m(D,[["render",W],["__file","circle-close.vue"]]),O={name:"DeleteFilled"},A={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},I=e.createElementVNode("path",{fill:"currentColor",d:"M352 192V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64H96a32 32 0 0 1 0-64h256zm64 0h192v-64H416v64zM192 960a32 32 0 0 1-32-32V256h704v672a32 32 0 0 1-32 32H192zm224-192a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32zm192 0a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32z"},null,-1),v=[I];function j(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",A,v)}var G=m(O,[["render",j],["__file","delete-filled.vue"]]),Y={name:"Delete"},J={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},X=e.createElementVNode("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"},null,-1),K=[X];function Q(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",J,K)}var Z=m(Y,[["render",Q],["__file","delete.vue"]]),ee={name:"Edit"},te={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},ne=e.createElementVNode("path",{fill:"currentColor",d:"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"},null,-1),ae=e.createElementVNode("path",{fill:"currentColor",d:"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"},null,-1),le=[ne,ae];function oe(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",te,le)}var ie=m(ee,[["render",oe],["__file","edit.vue"]]),se={name:"FolderOpened"},re={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},de=e.createElementVNode("path",{fill:"currentColor",d:"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"},null,-1),ce=[de];function pe(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",re,ce)}var he=m(se,[["render",pe],["__file","folder-opened.vue"]]),ue={name:"Search"},me={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},fe=e.createElementVNode("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"},null,-1),ze=[fe];function _e(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",me,ze)}var ye=m(ue,[["render",_e],["__file","search.vue"]]),xe={name:"Upload"},ge={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},Ce=e.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"},null,-1),ke=[Ce];function we(t,a,o,l,i,s){return e.openBlock(),e.createElementBlock("svg",ge,ke)}var Se=m(xe,[["render",we],["__file","upload.vue"]]),Be=function(){function t(a){if(!a)throw new TypeError("Invalid argument; `value` has no value.");this.value=t.EMPTY,a&&t.isGuid(a)&&(this.value=a)}return t.isGuid=function(a){var o=a.toString();return a&&(a instanceof t||t.validator.test(o))},t.create=function(){return new t([t.gen(2),t.gen(1),t.gen(1),t.gen(1),t.gen(3)].join("-"))},t.createEmpty=function(){return new t("emptyguid")},t.parse=function(a){return new t(a)},t.raw=function(){return[t.gen(2),t.gen(1),t.gen(1),t.gen(1),t.gen(3)].join("-")},t.gen=function(a){for(var o="",l=0;l<a;l++)o+=((1+Math.random())*65536|0).toString(16).substring(1);return o},t.prototype.equals=function(a){return t.isGuid(a)&&this.value===a.toString()},t.prototype.isEmpty=function(){return this.value===t.EMPTY},t.prototype.toString=function(){return this.value},t.prototype.toJSON=function(){return{value:this.value}},t.validator=new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$","i"),t.EMPTY="00000000-0000-0000-0000-000000000000",t}(),be=Be;const Ve={style:{}},Ee=["id"],Pe={class:"filename"},Fe=e.defineComponent({__name:"index",props:{size:{type:String,required:!1,default:"default"},name:{type:String,required:!1,default:"\u4E0A\u4F20\u6587\u4EF6"},icon:{type:null,required:!1,default:Se},type:{type:null,required:!1,default:"success"}},emits:["upload"],setup(t,{expose:a,emit:o}){let l=be.create().toString(),i,s=e.ref("");function r(){i.click()}function p(){s.value=i.value}function h(){i.files!==null&&o("upload",i.files[0])}function f(){i.value="",s.value=""}return e.onMounted(()=>{i=document.getElementById(l)}),a({Clear:f}),(x,_)=>{const c=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(c,{type:t.type,icon:e.unref(he),size:t.size,class:"btn",onClick:r},{default:e.withCtx(()=>[e.createTextVNode("\u9009\u62E9\u6587\u4EF6")]),_:1},8,["type","icon","size"]),e.withDirectives(e.createElementVNode("input",{type:"file",id:e.unref(l),onChange:p},null,40,Ee),[[e.vShow,!1]]),e.createElementVNode("span",Pe,e.toDisplayString(e.unref(s)),1),e.createVNode(c,{type:t.type,icon:t.icon,size:t.size,disabled:e.unref(s)==null||e.unref(s)=="",class:"btn",title:e.unref(s)==null||e.unref(s)==""?"\u8BF7\u9009\u62E9\u6587\u4EF6":"",onClick:h},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.name),1)]),_:1},8,["type","icon","size","disabled","title"])])}}}),Ge="",B=z(Fe,[["__scopeId","data-v-83b9cdd7"],["__file","D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]),Ne=e.defineComponent({__name:"index",props:{asideWidth:{type:Number,required:!1,default:220},headerMaxHeight:{type:Number,required:!1,default:60},horizontal:{type:Boolean,required:!1,default:!1}},setup(t){const a=e.useSlots();return(o,l)=>{const i=e.resolveComponent("el-aside"),s=e.resolveComponent("el-header"),r=e.resolveComponent("el-main"),p=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(p,{class:"container"},{default:e.withCtx(()=>[e.unref(a).aside&&!t.horizontal?(e.openBlock(),e.createBlock(i,{key:0,class:"aside",style:e.normalizeStyle("width: "+t.asideWidth+"px;")},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"aside",{},void 0,!0)]),_:3},8,["style"])):e.createCommentVNode("v-if",!0),e.unref(a).header&&t.horizontal?(e.openBlock(),e.createBlock(s,{key:1,class:"inside_header",style:e.normalizeStyle("height: "+t.headerMaxHeight+"px;")},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header",{},void 0,!0)]),_:3},8,["style"])):e.createCommentVNode("v-if",!0),e.createVNode(r,{class:"main"},{default:e.withCtx(()=>[e.createVNode(p,{class:"inside_container"},{default:e.withCtx(()=>[e.unref(a).header&&!t.horizontal?(e.openBlock(),e.createBlock(s,{key:0,class:"inside_header",style:e.normalizeStyle("height: "+t.headerMaxHeight+"px;")},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header",{},void 0,!0)]),_:3},8,["style"])):e.createCommentVNode("v-if",!0),e.unref(a).aside&&t.horizontal?(e.openBlock(),e.createBlock(i,{key:1,class:"aside",style:e.normalizeStyle("width: "+t.asideWidth+"px;")},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"aside",{},void 0,!0)]),_:3},8,["style"])):e.createCommentVNode("v-if",!0),e.createVNode(r,{class:"inside_main"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},void 0,!0)]),_:3})]),_:3})]),_:3})]),_:3})}}}),Ye="",b=z(Ne,[["__scopeId","data-v-5d747d9d"],["__file","D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]),Me={key:0,class:"header"},$e={class:"header_title"},qe={class:"header_title"},De=e.defineComponent({__name:"index",props:{maxHeight:{type:Number,required:!1,default:550},size:{type:String,required:!1,default:"default"},tableData:{type:Array,required:!1,default:()=>[]},tableColumn:{type:Array,required:!1,default:()=>[]},stripe:{type:Boolean,required:!1,default:!0},border:{type:Boolean,required:!1,default:!1},highLight:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1},typeLabel:{type:String,required:!1,default:"\u5E8F\u53F7"},typeWidth:{type:Number,required:!1,default:60},typeIsFixed:{type:Boolean,required:!1},operate:{type:Boolean,required:!1},operateLabel:{type:String,required:!1,default:""},operateWidth:{type:Number,required:!1,default:220},operateIsFixed:{type:Boolean,required:!1},search:{type:Boolean,required:!1},clear:{type:Boolean,required:!1},edit:{type:Boolean,required:!1},delete:{type:Boolean,required:!1},deleteTitle:{type:String,required:!1}},emits:["row-click","row-dblclick","selection-change","search","clear","delete","edit"],setup(t,{emit:a}){const o=t;let l=e.reactive({});const i=e.useSlots(),s=c=>{a("row-click",c)},r=c=>{a("row-click",c)},p=c=>{a("selection-change",c)},h=()=>{if(o.tableColumn.length>0)for(let c=0;c<o.tableColumn.length;c++){let g=o.tableColumn[c];l[g.prop]=null}a("clear")},f=()=>{a("search",l)},x=c=>{a("edit",c)},_=c=>{a("delete",c)};return e.onMounted(()=>{if(o.tableColumn.length>0)for(let c=0;c<o.tableColumn.length;c++){let g=o.tableColumn[c];l[g.prop]=null}}),(c,g)=>{const y=e.resolveComponent("el-table-column"),Ue=e.resolveComponent("el-input"),Te=e.resolveComponent("el-input-number"),Re=e.resolveComponent("el-option"),We=e.resolveComponent("el-select"),C=e.resolveComponent("el-date-picker"),E=e.resolveComponent("el-time-picker"),He=e.resolveComponent("el-switch"),k=e.resolveComponent("el-button"),Oe=e.resolveComponent("el-popconfirm"),Ae=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(i).header?(e.openBlock(),e.createElementBlock("div",Me,[e.renderSlot(c.$slots,"header",{},void 0,!0)])):e.createCommentVNode("v-if",!0),e.createVNode(Ae,{data:t.tableData,class:e.normalizeClass([t.size&&t.size=="small"?"mini-table":"table"]),"max-height":t.maxHeight,size:t.size,stripe:t.stripe,border:t.border,"highlight-current-row":t.highLight,onRowClick:s,onRowDblclick:r,onSelectionChange:p},{default:e.withCtx(()=>[t.type&&t.type=="index"?(e.openBlock(),e.createBlock(y,{key:0,align:"center",type:"index",width:t.typeWidth+"px",fixed:t.typeIsFixed?"left":!1,label:t.typeLabel},null,8,["width","fixed","label"])):e.createCommentVNode("v-if",!0),t.type=="selection"?(e.openBlock(),e.createBlock(y,{key:1,align:"center",type:"selection",width:t.typeWidth+"px",fixed:t.typeIsFixed?"left":!1},null,8,["width","fixed"])):e.createCommentVNode("v-if",!0),t.type=="expand"?(e.openBlock(),e.createBlock(y,{key:2,align:"center",type:"expand",width:t.typeWidth+"px",fixed:t.typeIsFixed?"left":!1,label:t.typeLabel},{default:e.withCtx(n=>[e.renderSlot(c.$slots,"expand",{row:n.row},void 0,!0)]),_:3},8,["width","fixed","label"])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumn,n=>(e.openBlock(),e.createBlock(y,{prop:n.prop,width:(n.width?n.width:180)+"px",fixed:n.fixed?n.fixed:!1,align:n.align?n.align:"left"},{header:e.withCtx(()=>[e.createElementVNode("div",$e,e.toDisplayString(n.label),1),e.createCommentVNode(" \u6587\u672C\u641C\u7D22\u6846 "),n.search&&(!n.type||n.type=="text")?(e.openBlock(),e.createBlock(Ue,{key:0,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,size:n.size,clearable:"",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),disabled:n.disabled,placeholder:n.placeholder?n.placeholder:"\u8BF7\u8F93\u5165"+n.label,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","size","style","disabled","placeholder","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u6570\u5B57\u6846\u641C\u7D22 "),n.search&&n.type=="number"?(e.openBlock(),e.createBlock(Te,{key:1,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,size:n.size,clearable:"",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),disabled:n.disabled,placeholder:n.placeholder?n.placeholder:"\u8BF7\u8F93\u5165"+n.label,class:e.normalizeClass([n.align&&n.align=="center"?"center":""]),max:n.max!=null?n.max:1/0,min:n.min!=null?n.min:-1/0,step:n.step!=null?n.step:1},null,8,["modelValue","onUpdate:modelValue","size","style","disabled","placeholder","class","max","min","step"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u9009\u62E9\u641C\u7D22 "),n.search&&n.type=="select"?(e.openBlock(),e.createBlock(We,{key:2,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,size:n.size,clearable:"",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),disabled:n.disabled,multiple:n.multiple,"collapse-tags":n.omit,placeholder:n.placeholder?n.placeholder:"\u8BF7\u9009\u62E9"+n.label,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,d=>(e.openBlock(),e.createBlock(Re,{label:d.label?d.label:d.value,value:d.value,disabled:d.disabled},null,8,["label","value","disabled"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue","size","style","disabled","multiple","collapse-tags","placeholder","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65E5\u671F\u9009\u62E9 "),n.search&&n.type=="date"?(e.openBlock(),e.createBlock(C,{key:3,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,type:"date",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":""),placeholder:n.placeholder?n.placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","style","placeholder","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65F6\u95F4\u9009\u62E9 "),n.search&&n.type=="time"?(e.openBlock(),e.createBlock(E,{key:4,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,"arrow-control":"",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),placeholder:n.placeholder?n.placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4",size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","style","placeholder","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65E5\u671F\u65F6\u95F4\u641C\u7D22 "),n.search&&n.type=="datetime"?(e.openBlock(),e.createBlock(C,{key:5,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,type:"datetime",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),placeholder:n.placeholder?n.placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4",size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","style","placeholder","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65E5\u671F\u8303\u56F4\u9009\u62E9 "),n.search&&n.type=="daterange"?(e.openBlock(),e.createBlock(C,{key:6,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,type:"daterange","range-separator":"-","start-placeholder":n.placeholder?n.placeholder.split("&&")[0]:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F","end-placeholder":n.placeholder?n.placeholder.split("&&")[1]:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","start-placeholder","end-placeholder","style","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),n.search&&n.type=="timerange"?(e.openBlock(),e.createBlock(E,{key:7,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,"is-range":"","arrow-control":"","range-separator":"-","start-placeholder":n.placeholder?n.placeholder.split("&&")[0]:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4","end-placeholder":n.placeholder?n.placeholder.split("&&")[1]:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","start-placeholder","end-placeholder","style","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),n.search&&n.type=="datetimerange"?(e.openBlock(),e.createBlock(C,{key:8,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,type:"datetimerange","range-separator":"-","start-placeholder":n.placeholder?n.placeholder.split("&&")[0]:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F\u65F6\u95F4","end-placeholder":n.placeholder?n.placeholder.split("&&")[1]:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F\u65F6\u95F4",style:e.normalizeStyle(n.searchWidth?"width: "+n.searchWidth+"px;":"width: 92%"),size:n.size,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","start-placeholder","end-placeholder","style","size","class"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" \u5F00\u5173 "),n.search&&n.type=="switch"?(e.openBlock(),e.createBlock(He,{key:9,modelValue:e.unref(l)[n.prop],"onUpdate:modelValue":d=>e.unref(l)[n.prop]=d,size:n.size,"active-text":n.openText,"inactive-text":n.closeText,class:e.normalizeClass([n.align&&n.align=="center"?"center":""])},null,8,["modelValue","onUpdate:modelValue","size","active-text","inactive-text","class"])):e.createCommentVNode("v-if",!0)]),_:2},1032,["prop","width","fixed","align"]))),256)),t.operate?(e.openBlock(),e.createBlock(y,{key:3,align:"center",width:t.operateWidth,fixed:t.operateIsFixed?"left":!1},{header:e.withCtx(()=>[e.createElementVNode("div",qe,e.toDisplayString(t.operateLabel),1),t.search?(e.openBlock(),e.createBlock(k,{key:0,type:"primary",size:"small",icon:e.unref(ye),onClick:f},{default:e.withCtx(()=>[e.createTextVNode("\u641C\u7D22")]),_:1},8,["icon"])):e.createCommentVNode("v-if",!0),t.clear?(e.openBlock(),e.createBlock(k,{key:1,type:"info",size:"small",icon:e.unref(H),onClick:h},{default:e.withCtx(()=>[e.createTextVNode("\u6E05\u7A7A")]),_:1},8,["icon"])):e.createCommentVNode("v-if",!0),e.renderSlot(c.$slots,"operate",{},void 0,!0)]),default:e.withCtx(n=>[t.edit?(e.openBlock(),e.createBlock(k,{key:0,link:"",type:"primary",size:"small",icon:e.unref(ie),onClick:d=>x(n.row)},{default:e.withCtx(()=>[e.createTextVNode("\u4FEE\u6539")]),_:2},1032,["icon","onClick"])):e.createCommentVNode("v-if",!0),t.delete?(e.openBlock(),e.createBlock(Oe,{key:1,"confirm-button-text":"\u5426","cancel-button-text":"\u662F","confirm-button-type":"text","cancel-button-type":"danger",icon:e.unref(G),width:"auto",onCancel:d=>_(n.row),title:t.deleteTitle?t.deleteTitle:"\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"},{reference:e.withCtx(()=>[e.createVNode(k,{link:"",type:"danger",size:"small",icon:e.unref(Z)},{default:e.withCtx(()=>[e.createTextVNode("\u5220\u9664")]),_:1},8,["icon"])]),_:2},1032,["icon","onCancel","title"])):e.createCommentVNode("v-if",!0),e.renderSlot(c.$slots,"row-operate",{row:n.row},void 0,!0)]),_:3},8,["width","fixed"])):e.createCommentVNode("v-if",!0)]),_:3},8,["data","class","max-height","size","stripe","border","highlight-current-row"])],64)}}}),Je="",V=z(De,[["__scopeId","data-v-f4c855de"],["__file","D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]),Le={install:t=>{t.component("SplitPanes",w),t.component("Pane",S),t.component("UpLoadFile",B),t.component("Layout",b),t.component("TableForm",V)}};u.Layout=b,u.Pane=S,u.SplitPanes=w,u.TableForm=V,u.UpLoadFile=B,u.default=Le,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/packages/Layout/index.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    asideWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    headerMaxHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    asideWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    headerMaxHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    horizontal: boolean;
+    asideWidth: number;
+    headerMaxHeight: number;
+}>;
+export default _sfc_main;

package/dist/packages/TableForm/index.vue.d.ts

@@ -0,0 +1,341 @@
+export interface ITableColumn {
+    /**
+     * 列绑定的字段
+     */
+    prop: string;
+    /**
+     * 列的名称
+     */
+    label: string;
+    /**
+     * 列宽
+     */
+    width?: number;
+    /**
+     * 是否固定
+     */
+    fixed?: 'left' | 'right';
+    /**
+     * 对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 是否支持搜索
+     */
+    search?: boolean;
+    /**
+     * 禁用搜索框
+     */
+    disabled?: boolean;
+    /**
+     * 搜索框大小
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 搜索框的宽度
+     */
+    searchWidth?: number;
+    /**
+     * 自定义搜索提示，多项用&&分割
+     */
+    placeholder?: string;
+    /**
+     * 搜索框类型
+     */
+    type?: 'text' | 'select' | 'number' | 'date' | 'datetime' | 'time' | 'daterange' | 'timerange' | 'datetimerange' | 'switch';
+    /**
+     * 搜索框的下拉列表，type='select'有效
+     */
+    options?: IOptions[];
+    /**
+     * 是否支持多选
+     */
+    multiple?: boolean;
+    /**
+     * 多选时省略
+     */
+    omit?: boolean;
+    /**
+     * 开关关闭文字
+     */
+    closeText?: string;
+    /**
+     * 开关打开文字
+     */
+    openText?: string;
+    /**
+     * 数字框的最大值
+     */
+    max?: number;
+    /**
+     * 数字框的最小值
+     */
+    min?: number;
+    /**
+     * 数字框步长
+     */
+    step?: number;
+}
+/**
+ * 表单格式
+ */
+export interface ITableData {
+    [name: string]: unknown;
+}
+/**
+ * 下拉框选项
+ */
+export interface IOptions {
+    /**
+     * 显示文本
+     */
+    label?: string;
+    /**
+     * 选择的值
+     */
+    value: string | number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    maxHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tableData: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    tableColumn: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    stripe: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    highLight: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    typeLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    typeWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    typeIsFixed: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    operate: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    operateLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    operateWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    operateIsFixed: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    search: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    clear: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    edit: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    delete: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    deleteTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    props: any;
+    emits: {
+        (e: 'row-click', item: ITableData): void;
+        (e: 'row-dblclick', item: ITableData): void;
+        (e: 'selection-change', items: ITableData[]): void;
+        (e: 'search', item: ITableData): void;
+        (e: 'clear'): void;
+        (e: 'delete', item: ITableData): void;
+        (e: 'edit', item: ITableData): void;
+    };
+    form: ITableData;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
+    RowClick: (item: ITableData) => void;
+    RowDblClick: (item: ITableData) => void;
+    SelectionChange: (items: ITableData[]) => void;
+    ClearForm: () => void;
+    SearchForm: () => void;
+    EditRow: (item: ITableData) => void;
+    DeleteRow: (item: ITableData) => void;
+    readonly CircleClose: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly Search: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly Edit: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly DeleteFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly Delete: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("row-click" | "row-dblclick" | "selection-change" | "search" | "clear" | "delete" | "edit")[], "row-click" | "row-dblclick" | "selection-change" | "search" | "clear" | "delete" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tableData: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    tableColumn: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    stripe: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    highLight: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    typeLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    typeWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    typeIsFixed: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    operate: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    operateLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    operateWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    operateIsFixed: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    search: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    clear: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    edit: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    delete: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    deleteTitle: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+    "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    search: boolean;
+    clear: boolean;
+    delete: boolean;
+    edit: boolean;
+    maxHeight: number;
+    tableData: unknown[];
+    tableColumn: unknown[];
+    stripe: boolean;
+    border: boolean;
+    highLight: boolean;
+    typeLabel: string;
+    typeWidth: number;
+    typeIsFixed: boolean;
+    operate: boolean;
+    operateLabel: string;
+    operateWidth: number;
+    operateIsFixed: boolean;
+}>;
+export default _sfc_main;

package/dist/packages/index.d.ts

@@ -1,7 +1,9 @@
 import { App } from "vue";
 import { SplitPanes, Pane } from './SplitPanes';
 import UpLoadFile from './UpLoadFile/index.vue';
-export { SplitPanes, Pane, UpLoadFile };
+import Layout from './Layout/index.vue';
+import TableForm from './TableForm/index.vue';
+export { SplitPanes, Pane, UpLoadFile, Layout, TableForm };
 declare const _default: {
     install: (app: App) => void;
 };

package/dist/style.css

@@ -1 +1 @@
-.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes[data-v-4226b5d2] .splitpanes__splitter{min-width:4px;min-height:4px}.fileupload[data-v-83b9cdd7]{overflow-x:auto}.btn[data-v-83b9cdd7]{margin-left:5px;margin-right:5px}.filename[data-v-83b9cdd7]{font-size:12px;text-indent:1em}.filename[data-v-83b9cdd7]:hover{background:rgb(228,228,228)}
+.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes[data-v-4226b5d2] .splitpanes__splitter{min-width:4px;min-height:4px}.fileupload[data-v-83b9cdd7]{overflow-x:auto}.btn[data-v-83b9cdd7]{margin-left:5px;margin-right:5px}.filename[data-v-83b9cdd7]{font-size:12px;text-indent:1em}.filename[data-v-83b9cdd7]:hover{background:rgb(228,228,228)}.container[data-v-5d747d9d]{height:100%;background:rgb(241,241,241)}.container .aside[data-v-5d747d9d]{height:100%;background:#fff;margin-right:4px;transition:width .3s linear}.container .aside[data-v-5d747d9d]::-webkit-scrollbar{height:7px;width:7px}.container .aside[data-v-5d747d9d]::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#b6dcfd}.container .aside[data-v-5d747d9d]::-webkit-scrollbar-track{-webkit-box-shadow:0;border-radius:0;background:#f6f8ff}.container .main[data-v-5d747d9d]{height:100%;padding:0;margin-left:0}.container .main .inside_container[data-v-5d747d9d]{height:100%;margin-left:0}.container .main .inside_container .inside_header[data-v-5d747d9d]{padding:5px;background:#fff;margin-bottom:2px}.container .main .inside_container .inside_main[data-v-5d747d9d]{padding:0;background:#fff}.container .main .inside_container .inside_main[data-v-5d747d9d]::-webkit-scrollbar{height:7px;width:7px}.container .main .inside_container .inside_main[data-v-5d747d9d]::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#b6dcfd}.container .main .inside_container .inside_main[data-v-5d747d9d]::-webkit-scrollbar-track{-webkit-box-shadow:0;border-radius:0;background:#f6f8ff}.header[data-v-f4c855de]{text-align:right;margin-bottom:2px}.center[data-v-f4c855de] .el-input__inner{text-align:center}.table[data-v-f4c855de] .el-table__cell{padding:4px 0}.mini-table[data-v-f4c855de] .el-table__cell{padding:2px 0}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dld-vue-ui",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.1.1",
   "type": "module",
   "main": "./dist/dld-vue-ui.umd.js",
   "module": "./dist/dld-vue-ui.js",