@soei/flyweight 0.3.11 → 0.3.13

package/Flyweight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@soei/util"),r=require("vue"),p=require("@soei/tools"),he=require("@soei/picker");let ae=/(\d+|[+\-\*/]|%)/g,V={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,i)=>parseFloat(e)/100*i},j=(e,t)=>{let i;if(i=a.runer("match",e,ae)){let l=i.length,o,n=0,s,c=[];for(;l--;)n=i.shift(),n in V?(o&&c.push(o),n==="%"&&(c.length=2),s=n):+n&&c.push(+n),c.length==2&&(c.push(t),o=V[s].apply(null,c),c.length=0);+o||(o=+c.pop()),e=o>>0}return e},q={},S=(e,t)=>(e+"").replace(/\w+\((.*)\)/g,"$1").replace(q[t]||(q[t]=new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)","g")),"$1px");const P=(e,t)=>{const i=e.__vccOpts||e;for(const[l,o]of t)i[l]=o;return i};let D=e=>e==null||e==null,ce=(...e)=>{console.info("::::FLYWEIGHT",...e)};const ue={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:[String,Number],default:0},height:{type:[String,Number],default:100},w:{type:[Number,String]},h:{type:[Number,String]},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:[String,Number],default:0},left:{type:[String,Number],default:0},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""},style(){var e=this.w,t=this.h,i=this.Size,l={};return a.merge(l,{"--width":S(this.realW),"--height":S(this.realH),"--flyweight-content":S(i)},t&&{"--flyweight-h":S(t)},e&&l,{"--flyweight-w":S(e)},"mix"),l}},data(){return{flyweights:[],actice:!1,Size:null,column:1,row:1,expand:10,count:0,task:[],realW:0,realH:0}},watch:{flys(e){this.count=e.length,this.rebuild();let t=this.task.shift();t&&this.$nextTick(()=>{this.setview(t)})},view:{handler(e){this.setview(e)},immediate:!0,deep:!0},index(e){this.setindex(e)},top(e){this.flyweight.scrollTop=e},left(e){this.flyweight.scrollLeft=e}},mounted(){this.flyweights=[],this.$set||(this.$set=(e,t,i)=>{e[t]=i}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(e){ce(e)}this.scrollx=a.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:S,trigger(e,t){a.isArray(e)||(e=e&&t?[[e,t]]:[]),e.length&&this.lazyrun(()=>{a.each(e,(i,l)=>{this.$emit(l[0],D(l[1])?!0:l[1])})})},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){a.runer([this.cheackflys,t=>{t=t||{};let i=t.index||a.each(this.flys,(l,o,n,s)=>{if(o[n]==s)return l},t.picker,t.id);D(i)||this.setindex(i)}],this,e)},setindex(e){a.runer([this.cheackflys,({index:t})=>{this.selectIndex=t,this.$nextTick(()=>{let i=t/this.column>>0,l=this.expand;(this.flyweight[this.direction]/l>>0)+this.row-i-1>0||(this.flyweight[this.direction]=i*l,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{a.runer(e)},t||this.lazy)},run(e){let t=[],i=a.runer(this.direction,e.target),l={offset:i,top:i,width:this.realW,height:this.realH,index:i/this.expand>>0};a.merge(l,this.space),e.from||t.push(["onscroll",l]);let o=!1;a.each(this.flyweights,(n,s,c,h,d,f,g,y,u)=>{if(c=n/d>>0,y=c+h*(+(c<f%h)+(f/h>>0)),u=y*d+n%d,u>=this.count){o||(t.push(["onend"]),o=!0);return}s.index=y,s.i=u,s.data=this.flys[u];let v=[y*this.expand+s.x,s.space];g&&v.reverse(),s.top=v[0],s.left=v[1]},null,this.row,this.column,l.index,this.scrollx),this.trigger(t),t=null},scroll(e){this.run(e||{target:this.flyweight,from:"space"})},rebuild(){let e=this.count||this.flys.length,t=this.flyweights;if(!e)return t.length=e;this.count=e;let i=this.scrollx,l=this.flyweight,o=a.picker(l,this.BoxRule);this.$nextTick(()=>{let n=/true/.test(this.auto),[s,c]=this.offset,h=o.width,d=o.height,f=(j(this.width,h)||h)+s,g=j(this.height,d)+c,y=[h/f>>0||1,d/g>>0||1];i&&y.reverse();let[u,v]=y,x=this.padding,T,k=0,m,b;i?(m=f,f-=s,b=$=>$*(g-c)+($+1)*c):(n?(f=(h-s*(u+2*x-1))/u,T=!x*s,k=x*s):(T=0,k=(h%f+s*u)/(u+1)>>0,f-=s),b=$=>$*(f+T)+($+1)*k,m=g),this.row=v+2,this.column=u,this.realH=g-c,this.realW=f,this.expand=m,this.Size=Math.ceil(e/u)*m;let _=Math.min(e,u*this.row),w=_-1,N;for(;_-- >0;)N=w-_,this.$set(t,N,{x:s,y:c,width:f,height:g-c,space:b(N%u),data:{}});t.length=w+1;let z=[];d/m>w/u&&z.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),z.push(["update:space",{row:(w/u>>0)+1,column:u,showrow:this.row,showcolumn:this.column}]),this.trigger(z)})}}},de={class:"flyweight-all"};function fe(e,t,i,l,o,n){return r.openBlock(),r.createElementBlock("div",{ref:"flyweight",class:r.normalizeClass(["flyweight",{"flyweight-active":o.actice}]),style:r.normalizeStyle(n.style),onScroll:t[0]||(t[0]=(...s)=>n.scroll&&n.scroll(...s))},[r.createElementVNode("div",de,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.flyweights,(s,c)=>(r.openBlock(),r.createElementBlock("div",{key:c,style:r.normalizeStyle({top:s.top+"px",left:s.left+"px"})},[r.renderSlot(e.$slots,"default",r.mergeProps({ref_for:!0},s),void 0,!0)],4))),128))]),o.flyweights.length?r.renderSlot(e.$slots,"end",{key:0},void 0,!0):r.createCommentVNode("",!0)],38)}const K=P(ue,[["render",fe],["__scopeId","data-v-35b94e9b"]]);function H(e,t){return t&&(e=e.replace(/[a-z]/g,"")),e.toLowerCase()}let Q={close:{handler(e){this.change(e)},deep:!0},offset:{handler(e){this.margin(e)},deep:!0}},pe=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],Z={};a.each(pe,(e,t,i)=>{e=H(t),Z["--"+H(t,!0)]=e,i[e]=function(){this.trigger++}},Q);const ge={name:"Card",props:{offset:{type:[String,Array],default:()=>[0,0,0,0]},background:{type:String,default:""},border:{type:String,default:"1px"},height:{type:String,default:"100%"},width:{type:String,default:"100%"},show:{type:String,default:""},close:{type:Object,default:null},title:{type:String,default:""}},data(){return{closecss:{},trigger:0,default:{top:"0px",right:"0px",bottom:"0px",left:"0px",height:"100%",width:"100%",background:"",border:"1px"}}},computed:{style(){return this.tr()}},watch:Q,methods:{exec:S,isEmpty:a.isEmpty,isSimplyType:a.isSimplyType,tr(){let e={};return this.margin(this.offset),a.each(Z,(t,i)=>{this.css(e,t,i)}),e},tolower:H,css(e,t,i){let l=this[i]||this.default[i];!l||this.default[i]==l||(e[t]=S(l))},change(e){a.isSimplyType(e)||(this.closecss=a.picker(e,"color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"))},margin(e){a.merge(this,a.picker(a.isString(e)?e.split(/\s*(?:,|\s+)\s*/):e,"0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",!0),!0)}},mounted(){this.change(this.close)}},ye={class:"card-title"},me=["title"],we={class:"card-content"};function be(e,t,i,l,o,n){return r.openBlock(),r.createElementBlock("div",{class:"card",key:o.trigger,style:r.normalizeStyle(n.isEmpty(n.style)?n.tr():n.style)},[r.renderSlot(e.$slots,"default",{},()=>[r.renderSlot(e.$slots,"title",{},()=>{var s;return[r.createElementVNode("div",ye,[r.createTextVNode(r.toDisplayString(i.show||i.title)+" ",1),r.createElementVNode("div",{class:r.normalizeClass(["card-close",{hide:n.isSimplyType(i.close)?!i.close:!1}]),style:r.normalizeStyle(o.closecss),onClick:t[0]||(t[0]=c=>e.$emit("close")),title:(s=i.close)==null?void 0:s.tips},null,14,me)])]},!0),r.renderSlot(e.$slots,"content",{},()=>[r.createElementVNode("div",we,[r.renderSlot(e.$slots,"inner",{},void 0,!0)])],!0)],!0)],4)}const ee=P(ge,[["render",be],["__scopeId","data-v-2008eeb3"]]),_e={name:"Stream",computed:{column(){let{columns:e,T:t}=this,i=e||t;return a.isEmpty(i)?[]:a.isArray(i)?i:[i]}},props:{bridge:{type:String,default:"slot"},type:{type:String,default:"div"},data:{type:Array,default:()=>[]},columns:{type:[Object,Array],default:()=>null},T:{type:[Array,Object],default:()=>null}},methods:{trigger(e){let t=e[this.bridge]||e.type;return(this.$slots||this.$scopedSlots)[t]?t:"default"}}};function Se(e,t,i,l,o,n){return r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.type),r.normalizeProps(r.guardReactiveProps(e.$attrs)),{default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(n.column,s=>r.renderSlot(e.$slots,n.trigger(s),r.mergeProps({key:s.type},{ref_for:!0},s))),128))]),_:3},16)}const te=P(_e,[["render",Se]]),G=/(?:\,|\|{2})/,U="px",X="";let ie=document.documentElement,Y,J=["s-left","s-top","s-right","s-bottom"],ve={left:0,top:1,right:2,bottom:3};const A=[];var xe=he(window,"Reflect.defineProperty|Object.defineProperty=>Proxy").Proxy;let R={},re=null;xe(R,"delay",{get(){return this._delay},set(e){re=ke(()=>{p.runer(A)},e),this._delay=e}});R.delay=60;function ke(e,t){let i=0;return function(){const l=Date.now();l-i>=t&&(i=l,p.runer(e,this,arguments))}}const L=()=>{re()};function $e(e){A.push(e)}const B=new ResizeObserver(L);B.observe(ie);function se(e){e.onresize||(A.push([se,null,e]),e.onresize=!0);var t=ie,i=t.clientHeight,l=p.isNil(e.offset)?15:e.offset,o=e.target,n=e.room,s=e.index,c=e.position,h=o.getBoundingClientRect(),d=n.offsetHeight+l,f=n.offsetWidth+l,g="3,0,2,1".split(G),y,u=(h.height==Y?h.bottom-h.top:h.height)>>0,v=(h.width==Y?h.right-h.left:h.width)>>0,x=t.clientWidth-f,T=i-d,k=[h.left-f,h.top-d,x-h.right,T-h.bottom];c&&(p.each(c.split(G),function(ne,M,C,oe){oe.push(C[M])},ve,y=[]),g.unshift.apply(g,y)),s=p.each(g,function(ne,M,C){if(C[M]>0)return M},k);var m=0,b=0,_=0;if(s!=null){var w=s==0||s==2,N=s==3||s==1;m=N?Math.min(h.left,x):s==2?h.right+l:k[0],d-=l*+w;var z=Math.max(h.top,0),$=Math.min(h.bottom,i),W=($-d+Math.min(i-d,z))/2;b=Math.max(w?W:s==3?h.top+u+l:Math.min(W,k[1]),0),N&&h.left>x&&(_=h.left-m-l+v/2)}let O=n.classList,E=e.css;O.remove(...J),O.add(J[s]),e.index=s,E.left=m+U,E.top=b+U;let F=E["--tips-arrow-top"]=w?Math.min(Math.max(b,z)-b,d-l):X,I=f-3*l;E["--tips-arrow"]=_>I-10||w&&(F+(d>50?15:0)>d||!F)?"hidden":"visible",E["--tips-arrow-left"]=_?Math.min(_,I):X}const Ne={name:"Tips",props:{visible:{type:[Boolean,String,Number],default:!0},content:{type:String,default:""},title:{type:[String,Number],default:""},position:{type:String,default:"top"},offset:{type:[String,Number],default:void 0},fontSize:{type:[String,Number],default:void 0},border:{type:[String,Number],default:void 0},color:{type:[String,Number],default:void 0},background:{type:[String,Number],default:void 0},static:{type:Boolean,default:!1},delay:{type:[String,Number],default:10},borderRadius:{type:[String,Number],default:10}},watch:{visible:function(e){e&&this.$nextTick(()=>{this.init()})}},data(){return{css:{}}},methods:{parent(e){let t=this.$el,i;for(;t&&(t=t.parentNode,t&&t.nodeType==1||(t=window,i=!0),p.runer(e,null,t,i),!i););},attr(e,t,i){return p.runer(e[i===void 0?"getAttribute":"setAttribute"],e,t,i)},init(){this.$el.nodeName!="#comment"&&se({onresize:!1,target:this.$el.parentNode,room:this.$el,position:this.position,css:this.css,offset:+this.offset>>0})},scrollListener(){this.static||this.parent((e,t,i)=>{t?p.runer(e.addEventListener,e,"scroll",L):(p.runer(B.observe,B,e),(e.offsetHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)&&(i=this.attr(e,"-tips-scroll"),i||(p.runer(e.addEventListener,e,"scroll",L),this.attr(e,"-tips-scroll","true"))))})}},mounted(){a.merge(this.css,a.picker(this.$props,"color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius")),this.css["--arrow-size"]=Math.sqrt(2*Math.pow((this.border||3)*2+2,2))/2>>0,this.init(),R.delay=+this.delay,$e(e=>{this.scrollListener()}),this.scrollListener()},unmounted(){this.parent(function(e,t){p.runer(e.removeEventListener,e,"scroll",L),p.runer(e.removeAttribute,e,"-tips-scroll",void 0),t||p.runer(B.unobserve,B,e)})}},ze=["static"],Te={class:"tips-title"};function Ee(e,t,i,l,o,n){return i.visible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:"tips",style:i.static?null:o.css,static:i.static?"":null},e.$attrs),[r.renderSlot(e.$slots,"default",{},()=>[r.renderSlot(e.$slots,"title",{},()=>[r.createElementVNode("div",Te,r.toDisplayString(i.title),1)],!0),r.renderSlot(e.$slots,"content",{},()=>[r.createTextVNode(r.toDisplayString(i.content),1)],!0)],!0)],16,ze)):r.createCommentVNode("",!0)}const le=P(Ne,[["render",Ee],["__scopeId","data-v-8c83dee3"]]),Be=[K,ee,te,le],Me={install(e){Be.forEach(t=>{e.component("S"+t.name,t),e.component(t.name+"S",t)})}};exports.Card=ee;exports.Flyweight=K;exports.Stream=te;exports.Tips=le;exports.default=Me;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@soei/util"),r=require("vue"),p=require("@soei/tools"),ae=require("@soei/picker");let ce=/(\d+|[+\-\*/]|%)/g,j={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,i)=>parseFloat(e)/100*i},D=(e,t)=>{let i;if(i=a.runer("match",e,ce)){let l=i.length,o,n=0,s,c=[];for(;l--;)n=i.shift(),n in j?(o&&c.push(o),n==="%"&&(c.length=2),s=n):+n&&c.push(+n),c.length==2&&(c.push(t),o=j[s].apply(null,c),c.length=0);+o||(o=+c.pop()),e=o>>0}return e},q={},S=(e,t)=>(e+"").replace(/\w+\((.*)\)/g,"$1").replace(q[t]||(q[t]=new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)","g")),"$1px");const L=(e,t)=>{const i=e.__vccOpts||e;for(const[l,o]of t)i[l]=o;return i};let G=e=>e==null||e==null,ue=(...e)=>{console.info("::::FLYWEIGHT",...e)};const de={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:[String,Number],default:0},height:{type:[String,Number],default:100},w:{type:[Number,String]},h:{type:[Number,String]},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:[String,Number],default:0},left:{type:[String,Number],default:0},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""},style(){var e=this.w,t=this.h,i=this.Size,l={};return a.merge(l,{"--width":S(this.realW),"--height":S(this.realH),"--flyweight-content":S(i)},t&&{"--flyweight-h":S(t)},e&&l,{"--flyweight-w":S(e)},"mix"),l}},data(){return{flyweights:[],actice:!1,Size:null,column:1,row:1,expand:10,count:0,task:[],realW:0,realH:0}},watch:{flys(e){this.count=e.length,this.rebuild();let t=this.task.shift();t&&this.$nextTick(()=>{this.setview(t)})},view:{handler(e){this.setview(e)},immediate:!0,deep:!0},index(e){this.setindex(e)},top(e){this.flyweight.scrollTop=e},left(e){this.flyweight.scrollLeft=e}},mounted(){this.flyweights=[],this.$set||(this.$set=(e,t,i)=>{e[t]=i}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(e){ue(e)}this.scrollx=a.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:S,trigger(e,t){a.isArray(e)||(e=e&&t?[[e,t]]:[]),e.length&&this.lazyrun(()=>{a.each(e,(i,l)=>{this.$emit(l[0],G(l[1])?!0:l[1])})})},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){a.runer([this.cheackflys,t=>{t=t||{};let i=t.index||a.each(this.flys,(l,o,n,s)=>{if(o[n]==s)return l},t.picker,t.id);G(i)||this.setindex(i)}],this,e)},setindex(e){a.runer([this.cheackflys,({index:t})=>{this.selectIndex=t,this.$nextTick(()=>{let i=t/this.column>>0,l=this.expand;(this.flyweight[this.direction]/l>>0)+this.row-i-1>0||(this.flyweight[this.direction]=i*l,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{a.runer(e)},t||this.lazy)},run(e){let t=[],i=a.runer(this.direction,e.target),l={offset:i,top:i,width:this.realW,height:this.realH,index:i/this.expand>>0};a.merge(l,this.space),e.from||t.push(["onscroll",l]);let o=!1;a.each(this.flyweights,(n,s,c,h,d,f,g,y,u)=>{if(c=n/d>>0,y=c+h*(+(c<f%h)+(f/h>>0)),u=y*d+n%d,u>=this.count){o||(t.push(["onend"]),o=!0);return}s.index=y,s.i=u,s.data=this.flys[u];let v=[y*this.expand+s.x,s.space];g&&v.reverse(),s.top=v[0],s.left=v[1]},null,this.row,this.column,l.index,this.scrollx),this.trigger(t),t=null},scroll(e){this.run(e||{target:this.flyweight,from:"space"})},rebuild(){let e=this.count||this.flys.length,t=this.flyweights;if(!e)return t.length=e;this.count=e;let i=this.scrollx,l=this.flyweight,o=a.picker(l,this.BoxRule);this.$nextTick(()=>{let n=/true/.test(this.auto),[s,c]=this.offset,h=o.width,d=o.height,f=(D(this.width,h)||h)+s,g=D(this.height,d)+c,y=[h/f>>0||1,d/g>>0||1];i&&y.reverse();let[u,v]=y,x=this.padding,T,k=0,m,w;i?(m=f,f-=s,w=$=>$*(g-c)+($+1)*c):(n?(f=(h-s*(u+2*x-1))/u,T=!x*s,k=x*s):(T=0,k=(h%f+s*u)/(u+1)>>0,f-=s),w=$=>$*(f+T)+($+1)*k,m=g),this.row=v+2,this.column=u,this.realH=g-c,this.realW=f,this.expand=m,this.Size=Math.ceil(e/u)*m;let b=Math.min(e,u*this.row),_=b-1,N;for(;b-- >0;)N=_-b,this.$set(t,N,{x:s,y:c,width:f,height:g-c,space:w(N%u),data:{}});t.length=_+1;let z=[];d/m>_/u&&z.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),z.push(["update:space",{row:(_/u>>0)+1,column:u,showrow:this.row,showcolumn:this.column}]),this.trigger(z)})}}},fe={class:"flyweight-all"};function pe(e,t,i,l,o,n){return r.openBlock(),r.createElementBlock("div",{ref:"flyweight",class:r.normalizeClass(["flyweight",{"flyweight-active":o.actice}]),style:r.normalizeStyle(n.style),onScroll:t[0]||(t[0]=(...s)=>n.scroll&&n.scroll(...s))},[r.createElementVNode("div",fe,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.flyweights,(s,c)=>(r.openBlock(),r.createElementBlock("div",{key:c,style:r.normalizeStyle({top:s.top+"px",left:s.left+"px"})},[r.renderSlot(e.$slots,"default",r.mergeProps({ref_for:!0},s),void 0,!0)],4))),128))]),o.flyweights.length?r.renderSlot(e.$slots,"end",{key:0},void 0,!0):r.createCommentVNode("",!0)],38)}const Q=L(de,[["render",pe],["__scopeId","data-v-35b94e9b"]]);function W(e,t){return t&&(e=e.replace(/[a-z]/g,"")),e.toLowerCase()}let Z={close:{handler(e){this.change(e)},deep:!0},offset:{handler(e){this.margin(e)},deep:!0}},ge=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],ee={};a.each(ge,(e,t,i)=>{e=W(t),ee["--"+W(t,!0)]=e,i[e]=function(){this.trigger++}},Z);const ye={name:"Card",props:{offset:{type:[String,Array],default:()=>[0,0,0,0]},background:{type:String,default:""},border:{type:String,default:"1px"},height:{type:String,default:"100%"},width:{type:String,default:"100%"},show:{type:String,default:""},close:{type:Object,default:null},title:{type:String,default:""}},data(){return{closecss:{},trigger:0,default:{top:"0px",right:"0px",bottom:"0px",left:"0px",height:"100%",width:"100%",background:"",border:"1px"}}},computed:{style(){return this.tr()}},watch:Z,methods:{exec:S,isEmpty:a.isEmpty,isSimplyType:a.isSimplyType,tr(){let e={};return this.margin(this.offset),a.each(ee,(t,i)=>{this.css(e,t,i)}),e},tolower:W,css(e,t,i){let l=this[i]||this.default[i];!l||this.default[i]==l||(e[t]=S(l))},change(e){a.isSimplyType(e)||(this.closecss=a.picker(e,"color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"))},margin(e){a.merge(this,a.picker(a.isString(e)?e.split(/\s*(?:,|\s+)\s*/):e,"0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",!0),!0)}},mounted(){this.change(this.close)}},me={class:"card-title"},_e=["title"],we={class:"card-content"};function be(e,t,i,l,o,n){return r.openBlock(),r.createElementBlock("div",{class:"card",key:o.trigger,style:r.normalizeStyle(n.isEmpty(n.style)?n.tr():n.style)},[r.renderSlot(e.$slots,"default",{},()=>[r.renderSlot(e.$slots,"title",{},()=>{var s;return[r.createElementVNode("div",me,[r.createTextVNode(r.toDisplayString(i.show||i.title)+" ",1),r.createElementVNode("div",{class:r.normalizeClass(["card-close",{hide:n.isSimplyType(i.close)?!i.close:!1}]),style:r.normalizeStyle(o.closecss),onClick:t[0]||(t[0]=c=>e.$emit("close")),title:(s=i.close)==null?void 0:s.tips},null,14,_e)])]},!0),r.renderSlot(e.$slots,"content",{},()=>[r.createElementVNode("div",we,[r.renderSlot(e.$slots,"inner",{},void 0,!0)])],!0)],!0)],4)}const te=L(ye,[["render",be],["__scopeId","data-v-85bce7b7"]]),Se={name:"Stream",computed:{component(){return this.$refs.component},column(){let{columns:e,T:t}=this,i=e||t;return a.isEmpty(i)?[]:a.isArray(i)?i:[i]}},props:{bridge:{type:String,default:"slot"},type:{type:String,default:"div"},columns:{type:[Object,Array],default:()=>null},T:{type:[Array,Object],default:()=>null}},mounted(){this.$.vnode.ref&&a.merge(this,{...this.component})},methods:{__trigger(e){let t=e[this.bridge]||e.type;return(this.$slots||this.$scopedSlots)[t]?t:"default"}}};function ve(e,t,i,l,o,n){return r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.type),r.mergeProps({ref:"component"},e.$attrs),{default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(n.column,s=>r.renderSlot(e.$slots,n.__trigger(s),r.mergeProps({key:s.type},{ref_for:!0},s))),128))]),_:3},16)}const ie=L(Se,[["render",ve]]),U=/(?:\,|\|{2})/,X="px",Y="";let re=document.documentElement,J,K=["s-left","s-top","s-right","s-bottom"],xe={left:0,top:1,right:2,bottom:3};const A=[];var ke=ae(window,"Reflect.defineProperty|Object.defineProperty=>Proxy").Proxy;let O={},se=null;ke(O,"delay",{get(){return this._delay},set(e){se=$e(()=>{p.runer(A)},e),this._delay=e}});O.delay=60;function $e(e,t){let i=0;return function(){const l=Date.now();l-i>=t&&(i=l,p.runer(e,this,arguments))}}const C=()=>{se()};function Ne(e){A.push(e)}const B=new ResizeObserver(C);B.observe(re);function le(e){e.onresize||(A.push([le,null,e]),e.onresize=!0);var t=re,i=t.clientHeight,l=p.isNil(e.offset)?15:e.offset,o=e.target,n=e.room,s=e.index,c=e.position,h=o.getBoundingClientRect(),d=n.offsetHeight+l,f=n.offsetWidth+l,g="3,0,2,1".split(U),y,u=(h.height==J?h.bottom-h.top:h.height)>>0,v=(h.width==J?h.right-h.left:h.width)>>0,x=t.clientWidth-f,T=i-d,k=[h.left-f,h.top-d,x-h.right,T-h.bottom];c&&(p.each(c.split(U),function(oe,M,H,he){he.push(H[M])},xe,y=[]),g.unshift.apply(g,y)),s=p.each(g,function(oe,M,H){if(H[M]>0)return M},k);var m=0,w=0,b=0;if(s!=null){var _=s==0||s==2,N=s==3||s==1;m=N?Math.min(h.left,x):s==2?h.right+l:k[0],d-=l*+_;var z=Math.max(h.top,0),$=Math.min(h.bottom,i),R=($-d+Math.min(i-d,z))/2;w=Math.max(_?R:s==3?h.top+u+l:Math.min(R,k[1]),0),N&&h.left>x&&(b=h.left-m-l+v/2)}let F=n.classList,E=e.css;F.remove(...K),F.add(K[s]),e.index=s,E.left=m+X,E.top=w+X;let I=E["--tips-arrow-top"]=_?Math.min(Math.max(w,z)-w,d-l):Y,V=f-3*l;E["--tips-arrow"]=b>V-10||_&&(I+(d>50?15:0)>d||!I)?"hidden":"visible",E["--tips-arrow-left"]=b?Math.min(b,V):Y}const P="data-tips-scroll",ze={name:"Tips",props:{visible:{type:[Boolean,String,Number],default:!0},content:{type:String,default:""},title:{type:[String,Number],default:""},position:{type:String,default:"top"},offset:{type:[String,Number],default:void 0},fontSize:{type:[String,Number],default:void 0},border:{type:[String,Number],default:void 0},color:{type:[String,Number],default:void 0},background:{type:[String,Number],default:void 0},static:{type:Boolean,default:!1},delay:{type:[String,Number],default:10},borderRadius:{type:[String,Number],default:10}},watch:{visible:function(e){e&&this.$nextTick(()=>{this.init()})}},data(){return{css:{}}},methods:{parent(e){let t=this.$el,i;for(;t&&(t=t.parentNode,t&&t.nodeType==1||(t=window,i=!0),p.runer(e,null,t,i),!i););},attr(e,t,i){return p.runer(e[i===void 0?"getAttribute":"setAttribute"],e,t,i)},init(){this.$el.nodeName!="#comment"&&le({onresize:!1,target:this.$el.parentNode,room:this.$el,position:this.position,css:this.css,offset:+this.offset>>0})},scrollListener(){this.static||this.parent((e,t,i)=>{t?p.runer(e.addEventListener,e,"scroll",C):(p.runer(B.observe,B,e),(e.offsetHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)&&(i=this.attr(e,P),i||(p.runer(e.addEventListener,e,"scroll",C),this.attr(e,P,"true"))))})}},mounted(){a.merge(this.css,a.picker(this.$props,"color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius")),this.css["--arrow-size"]=Math.sqrt(2*Math.pow((this.border||3)*2+2,2))/2>>0,this.init(),O.delay=+this.delay,Ne(e=>{this.scrollListener()}),this.scrollListener()},unmounted(){this.parent(function(e,t){p.runer(e.removeEventListener,e,"scroll",C),p.runer(e.removeAttribute,e,P,void 0),t||p.runer(B.unobserve,B,e)})}},Te=["static"],Ee={class:"tips-title"};function Be(e,t,i,l,o,n){return i.visible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:"tips",style:i.static?null:o.css,static:i.static?"":null},e.$attrs),[r.renderSlot(e.$slots,"default",{},()=>[r.renderSlot(e.$slots,"title",{},()=>[r.createElementVNode("div",Ee,r.toDisplayString(i.title),1)],!0),r.renderSlot(e.$slots,"content",{},()=>[r.createTextVNode(r.toDisplayString(i.content),1)],!0)],!0)],16,Te)):r.createCommentVNode("",!0)}const ne=L(ze,[["render",Be],["__scopeId","data-v-e7d22ab3"]]),Me=[Q,te,ie,ne],Ce={install(e){Me.forEach(t=>{e.component("S"+t.name,t),e.component(t.name+"S",t)})}};exports.Card=te;exports.Flyweight=Q;exports.Stream=ie;exports.Tips=ne;exports.default=Ce;

package/Flyweight.js

@@ -1,39 +1,39 @@
-import { runer as T, merge as B, isArray as ht, each as P, picker as C, isEmpty as at, isSimplyType as K, isString as xt } from "@soei/util";
-import { openBlock as z, createElementBlock as M, normalizeClass as dt, normalizeStyle as O, createElementVNode as R, Fragment as ut, renderList as ct, renderSlot as g, mergeProps as G, createCommentVNode as ft, createTextVNode as pt, toDisplayString as F, createBlock as St, resolveDynamicComponent as $t, normalizeProps as zt, guardReactiveProps as Nt, withCtx as kt } from "vue";
-import { runer as p, isNil as Tt, each as Q } from "@soei/tools";
-import Mt from "@soei/picker";
-let Et = /(\d+|[+\-\*/]|%)/g, Z = {
+import { runer as T, merge as B, isArray as at, each as C, picker as O, isEmpty as dt, isSimplyType as Q, isString as St } from "@soei/util";
+import { openBlock as N, createElementBlock as M, normalizeClass as ct, normalizeStyle as P, createElementVNode as W, Fragment as ut, renderList as ft, renderSlot as g, mergeProps as I, createCommentVNode as pt, createTextVNode as gt, toDisplayString as G, createBlock as $t, resolveDynamicComponent as Nt, withCtx as zt } from "vue";
+import { runer as p, isNil as kt, each as Z } from "@soei/tools";
+import Tt from "@soei/picker";
+let Mt = /(\d+|[+\-\*/]|%)/g, tt = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
   "/": (t, e) => t / e,
   "%": (t, e, i) => parseFloat(t) / 100 * i
-}, tt = (t, e) => {
+}, et = (t, e) => {
   let i;
-  if (i = T("match", t, Et)) {
+  if (i = T("match", t, Mt)) {
     let r = i.length, n, l = 0, s, h = [];
     for (; r--; )
-      l = i.shift(), l in Z ? (n && h.push(n), l === "%" && (h.length = 2), s = l) : +l && h.push(+l), h.length == 2 && (h.push(e), n = Z[s].apply(null, h), h.length = 0);
+      l = i.shift(), l in tt ? (n && h.push(n), l === "%" && (h.length = 2), s = l) : +l && h.push(+l), h.length == 2 && (h.push(e), n = tt[s].apply(null, h), h.length = 0);
     +n || (n = +h.pop()), t = n >> 0;
   }
   return t;
-}, et = {}, _ = (t, e) => (t + "").replace(
+}, it = {}, b = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
-  et[e] || (et[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
+  it[e] || (it[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
-const I = (t, e) => {
+const j = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [r, n] of e)
     i[r] = n;
   return i;
 };
-let it = (t) => t == null || t == null, Ht = (...t) => {
+let st = (t) => t == null || t == null, Et = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const Lt = {
+const Ht = {
   name: "Flyweight",
   props: {
     flys: {
@@ -98,13 +98,13 @@ const Lt = {
     style() {
       var t = this.w, e = this.h, i = this.Size, r = {};
       return B(r, {
-        "--width": _(this.realW),
-        "--height": _(this.realH),
-        "--flyweight-content": _(i)
+        "--width": b(this.realW),
+        "--height": b(this.realH),
+        "--flyweight-content": b(i)
       }, e && {
-        "--flyweight-h": _(e)
+        "--flyweight-h": b(e)
       }, t && r, {
-        "--flyweight-w": _(t)
+        "--flyweight-w": b(t)
       }, "mix"), r;
     }
   },
@@ -156,17 +156,17 @@ const Lt = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      Ht(t);
+      Et(t);
     }
     this.scrollx = T("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
     "clientHeight=>height,clientWidth=>width", this.direction = this.scrollx ? "scrollLeft" : "scrollTop";
   },
   methods: {
-    exec: _,
+    exec: b,
     trigger(t, e) {
-      ht(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        P(t, (i, r) => {
-          this.$emit(r[0], it(r[1]) ? !0 : r[1]);
+      at(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        C(t, (i, r) => {
+          this.$emit(r[0], st(r[1]) ? !0 : r[1]);
         });
       });
     },
@@ -177,11 +177,11 @@ const Lt = {
     setview(t) {
       T([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || P(this.flys, (r, n, l, s) => {
+        let i = e.index || C(this.flys, (r, n, l, s) => {
           if (n[l] == s)
             return r;
         }, e.picker, e.id);
-        it(i) || this.setindex(i);
+        st(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
@@ -209,11 +209,11 @@ const Lt = {
       };
       B(r, this.space), t.from || e.push(["onscroll", r]);
       let n = !1;
-      P(
+      C(
         this.flyweights,
-        (l, s, h, o, d, u, c, f, a) => {
+        (l, s, h, o, d, c, u, f, a) => {
           if (h = l / d >> 0, f = h + o * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % o) + (u / o >> 0)), a = f * d + l % d, a >= this.count) {
+          (+(h < c % o) + (c / o >> 0)), a = f * d + l % d, a >= this.count) {
             n || (e.push(["onend"]), n = !0);
             return;
           }
@@ -224,7 +224,7 @@ const Lt = {
             /* left */
             s.space
           ];
-          c && v.reverse(), s.top = v[0], s.left = v[1];
+          u && v.reverse(), s.top = v[0], s.left = v[1];
         },
         null,
         this.row,
@@ -242,23 +242,23 @@ const Lt = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let i = this.scrollx, r = this.flyweight, n = C(r, this.BoxRule);
+      let i = this.scrollx, r = this.flyweight, n = O(r, this.BoxRule);
       this.$nextTick(() => {
-        let l = /true/.test(this.auto), [s, h] = this.offset, o = n.width, d = n.height, u = (tt(this.width, o) || o) + s, c = tt(this.height, d) + h, f = [o / u >> 0 || 1, d / c >> 0 || 1];
+        let l = /true/.test(this.auto), [s, h] = this.offset, o = n.width, d = n.height, c = (et(this.width, o) || o) + s, u = et(this.height, d) + h, f = [o / c >> 0 || 1, d / u >> 0 || 1];
         i && f.reverse();
-        let [a, v] = f, x = this.padding, E, S = 0, y, w;
-        i ? (y = u, u -= s, w = ($) => (
+        let [a, v] = f, x = this.padding, E, S = 0, y, _;
+        i ? (y = c, c -= s, _ = ($) => (
           /* 计算top偏移量 */
-          $ * (c - h) + ($ + 1) * h
-        )) : (l ? (u = (o - s * (a + 2 * x - 1)) / a, E = !x * s, S = x * s) : (E = 0, S = (o % u + s * a) / (a + 1) >> 0, u -= s), w = ($) => $ * (u + E) + ($ + 1) * S, y = c), this.row = v + 2, this.column = a, this.realH = c - h, this.realW = u, this.expand = y, this.Size = Math.ceil(t / a) * y;
-        let b = Math.min(t, a * this.row), m = b - 1, N;
-        for (; b-- > 0; )
-          N = m - b, this.$set(e, N, {
+          $ * (u - h) + ($ + 1) * h
+        )) : (l ? (c = (o - s * (a + 2 * x - 1)) / a, E = !x * s, S = x * s) : (E = 0, S = (o % c + s * a) / (a + 1) >> 0, c -= s), _ = ($) => $ * (c + E) + ($ + 1) * S, y = u), this.row = v + 2, this.column = a, this.realH = u - h, this.realW = c, this.expand = y, this.Size = Math.ceil(t / a) * y;
+        let w = Math.min(t, a * this.row), m = w - 1, z;
+        for (; w-- > 0; )
+          z = m - w, this.$set(e, z, {
             x: s,
             y: h,
-            width: u,
-            height: c - h,
-            space: w(N % a),
+            width: c,
+            height: u - h,
+            space: _(z % a),
             data: {}
           });
         e.length = m + 1;
@@ -274,35 +274,35 @@ const Lt = {
       });
     }
   }
-}, Pt = { class: "flyweight-all" };
-function Rt(t, e, i, r, n, l) {
-  return z(), M("div", {
+}, Lt = { class: "flyweight-all" };
+function Ct(t, e, i, r, n, l) {
+  return N(), M("div", {
     ref: "flyweight",
-    class: dt(["flyweight", {
+    class: ct(["flyweight", {
       "flyweight-active": n.actice
     }]),
-    style: O(l.style),
+    style: P(l.style),
     onScroll: e[0] || (e[0] = (...s) => l.scroll && l.scroll(...s))
   }, [
-    R("div", Pt, [
-      (z(!0), M(ut, null, ct(n.flyweights, (s, h) => (z(), M("div", {
+    W("div", Lt, [
+      (N(!0), M(ut, null, ft(n.flyweights, (s, h) => (N(), M("div", {
         key: h,
-        style: O({
+        style: P({
           top: s.top + "px",
           left: s.left + "px"
         })
       }, [
-        g(t.$slots, "default", G({ ref_for: !0 }, s), void 0, !0)
+        g(t.$slots, "default", I({ ref_for: !0 }, s), void 0, !0)
       ], 4))), 128))
     ]),
-    n.flyweights.length ? g(t.$slots, "end", { key: 0 }, void 0, !0) : ft("", !0)
+    n.flyweights.length ? g(t.$slots, "end", { key: 0 }, void 0, !0) : pt("", !0)
   ], 38);
 }
-const Wt = /* @__PURE__ */ I(Lt, [["render", Rt], ["__scopeId", "data-v-35b94e9b"]]);
-function D(t, e) {
+const Wt = /* @__PURE__ */ j(Ht, [["render", Ct], ["__scopeId", "data-v-35b94e9b"]]);
+function U(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let gt = {
+let yt = {
   close: {
     handler(t) {
       this.change(t);
@@ -315,7 +315,7 @@ let gt = {
     },
     deep: !0
   }
-}, At = [
+}, Bt = [
   "BackGround",
   "BordeR",
   "Height",
@@ -324,17 +324,17 @@ let gt = {
   "Right",
   "Bottom",
   "Left"
-], yt = {};
-P(
-  At,
+], mt = {};
+C(
+  Bt,
   (t, e, i) => {
-    t = D(e), yt["--" + D(e, !0)] = t, i[t] = function() {
+    t = U(e), mt["--" + U(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  gt
+  yt
 );
-const Bt = {
+const Rt = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -393,24 +393,24 @@ const Bt = {
       return this.tr();
     }
   },
-  watch: gt,
+  watch: yt,
   methods: {
-    exec: _,
-    isEmpty: at,
-    isSimplyType: K,
+    exec: b,
+    isEmpty: dt,
+    isSimplyType: Q,
     tr() {
       let t = {};
-      return this.margin(this.offset), P(yt, (e, i) => {
+      return this.margin(this.offset), C(mt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: D,
+    tolower: U,
     css(t, e, i) {
       let r = this[i] || this.default[i];
-      !r || this.default[i] == r || (t[e] = _(r));
+      !r || this.default[i] == r || (t[e] = b(r));
     },
     change(t) {
-      K(t) || (this.closecss = C(
+      Q(t) || (this.closecss = O(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
@@ -418,8 +418,8 @@ const Bt = {
     margin(t) {
       B(
         this,
-        C(
-          xt(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+        O(
+          St(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -430,22 +430,22 @@ const Bt = {
   mounted() {
     this.change(this.close);
   }
-}, Ct = { class: "card-title" }, Ot = ["title"], It = { class: "card-content" };
-function jt(t, e, i, r, n, l) {
-  return z(), M("div", {
+}, At = { class: "card-title" }, Ot = ["title"], Pt = { class: "card-content" };
+function It(t, e, i, r, n, l) {
+  return N(), M("div", {
     class: "card",
     key: n.trigger,
-    style: O(l.isEmpty(l.style) ? l.tr() : l.style)
+    style: P(l.isEmpty(l.style) ? l.tr() : l.style)
   }, [
     g(t.$slots, "default", {}, () => [
       g(t.$slots, "title", {}, () => {
         var s;
         return [
-          R("div", Ct, [
-            pt(F(i.show || i.title) + " ", 1),
-            R("div", {
-              class: dt(["card-close", { hide: l.isSimplyType(i.close) ? !i.close : !1 }]),
-              style: O(n.closecss),
+          W("div", At, [
+            gt(G(i.show || i.title) + " ", 1),
+            W("div", {
+              class: ct(["card-close", { hide: l.isSimplyType(i.close) ? !i.close : !1 }]),
+              style: P(n.closecss),
               onClick: e[0] || (e[0] = (h) => t.$emit("close")),
               title: (s = i.close) == null ? void 0 : s.tips
             }, null, 14, Ot)
@@ -453,19 +453,22 @@ function jt(t, e, i, r, n, l) {
         ];
       }, !0),
       g(t.$slots, "content", {}, () => [
-        R("div", It, [
+        W("div", Pt, [
           g(t.$slots, "inner", {}, void 0, !0)
         ])
       ], !0)
     ], !0)
   ], 4);
 }
-const Ft = /* @__PURE__ */ I(Bt, [["render", jt], ["__scopeId", "data-v-2008eeb3"]]), Dt = {
+const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7"]]), Ft = {
   name: "Stream",
   computed: {
+    component() {
+      return this.$refs.component;
+    },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return at(i) ? [] : ht(i) ? i : [i];
+      return dt(i) ? [] : at(i) ? i : [i];
     }
   },
   props: {
@@ -478,10 +481,6 @@ const Ft = /* @__PURE__ */ I(Bt, [["render", jt], ["__scopeId", "data-v-2008eeb3
       type: String,
       default: "div"
     },
-    data: {
-      type: Array,
-      default: () => []
-    },
     columns: {
       type: [Object, Array],
       default: () => null
@@ -491,32 +490,35 @@ const Ft = /* @__PURE__ */ I(Bt, [["render", jt], ["__scopeId", "data-v-2008eeb3
       default: () => null
     }
   },
+  mounted() {
+    this.$.vnode.ref && B(this, { ...this.component });
+  },
   methods: {
-    trigger(t) {
+    __trigger(t) {
       let e = t[this.bridge] || t.type;
       return (this.$slots || this.$scopedSlots)[e] ? e : "default";
     }
   }
 };
-function Gt(t, e, i, r, n, l) {
-  return z(), St($t(i.type), zt(Nt(t.$attrs)), {
-    default: kt(() => [
-      (z(!0), M(ut, null, ct(l.column, (s) => g(t.$slots, l.trigger(s), G({
+function Dt(t, e, i, r, n, l) {
+  return N(), $t(Nt(i.type), I({ ref: "component" }, t.$attrs), {
+    default: zt(() => [
+      (N(!0), M(ut, null, ft(l.column, (s) => g(t.$slots, l.__trigger(s), I({
         key: s.type
       }, { ref_for: !0 }, s))), 128))
     ]),
     _: 3
   }, 16);
 }
-const Ut = /* @__PURE__ */ I(Dt, [["render", Gt]]), st = /(?:\,|\|{2})/, rt = "px", lt = "";
-let mt = document.documentElement, nt, ot = ["s-left", "s-top", "s-right", "s-bottom"], Vt = { left: 0, top: 1, right: 2, bottom: 3 };
-const U = [];
-var qt = Mt(
+const Gt = /* @__PURE__ */ j(Ft, [["render", Dt]]), rt = /(?:\,|\|{2})/, lt = "px", nt = "";
+let _t = document.documentElement, ot, ht = ["s-left", "s-top", "s-right", "s-bottom"], Ut = { left: 0, top: 1, right: 2, bottom: 3 };
+const V = [];
+var Vt = Tt(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let V = {}, wt = null;
-qt(V, "delay", {
+let q = {}, wt = null;
+Vt(q, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -525,13 +527,13 @@ qt(V, "delay", {
     return this._delay;
   },
   set(t) {
-    wt = Xt(() => {
-      p(U);
+    wt = qt(() => {
+      p(V);
     }, t), this._delay = t;
   }
 });
-V.delay = 60;
-function Xt(t, e) {
+q.delay = 60;
+function qt(t, e) {
   let i = 0;
   return function() {
     const r = Date.now();
@@ -541,16 +543,16 @@ function Xt(t, e) {
 const A = () => {
   wt();
 };
-function Yt(t) {
-  U.push(t);
+function Xt(t) {
+  V.push(t);
 }
 const L = new ResizeObserver(A);
-L.observe(mt);
+L.observe(_t);
 function bt(t) {
-  t.onresize || (U.push([bt, null, t]), t.onresize = !0);
-  var e = mt, i = e.clientHeight, r = Tt(t.offset) ? 15 : t.offset, n = t.target, l = t.room, s = t.index, h = t.position, o = n.getBoundingClientRect(), d = l.offsetHeight + r, u = l.offsetWidth + r, c = "3,0,2,1".split(st), f, a = (o.height == nt ? o.bottom - o.top : o.height) >> 0, v = (o.width == nt ? o.right - o.left : o.width) >> 0, x = e.clientWidth - u, E = i - d, S = [
+  t.onresize || (V.push([bt, null, t]), t.onresize = !0);
+  var e = _t, i = e.clientHeight, r = kt(t.offset) ? 15 : t.offset, n = t.target, l = t.room, s = t.index, h = t.position, o = n.getBoundingClientRect(), d = l.offsetHeight + r, c = l.offsetWidth + r, u = "3,0,2,1".split(rt), f, a = (o.height == ot ? o.bottom - o.top : o.height) >> 0, v = (o.width == ot ? o.right - o.left : o.width) >> 0, x = e.clientWidth - c, E = i - d, S = [
     /* left: 0 */
-    o.left - u,
+    o.left - c,
     /* top: 1 */
     o.top - d,
     /* right: 2 */
@@ -558,44 +560,44 @@ function bt(t) {
     /* bottom: 3 */
     E - o.bottom
   ];
-  h && (Q(
-    h.split(st),
-    function(_t, W, j, vt) {
-      vt.push(j[W]);
+  h && (Z(
+    h.split(rt),
+    function(vt, R, F, xt) {
+      xt.push(F[R]);
     },
-    Vt,
+    Ut,
     f = []
-  ), c.unshift.apply(c, f)), s = Q(
-    c,
-    function(_t, W, j) {
-      if (j[W] > 0)
-        return W;
+  ), u.unshift.apply(u, f)), s = Z(
+    u,
+    function(vt, R, F) {
+      if (F[R] > 0)
+        return R;
     },
     S
   );
-  var y = 0, w = 0, b = 0;
+  var y = 0, _ = 0, w = 0;
   if (s != null) {
-    var m = s == 0 || s == 2, N = s == 3 || s == 1;
-    y = N ? Math.min(o.left, x) : s == 2 ? o.right + r : S[0], d -= r * +m;
+    var m = s == 0 || s == 2, z = s == 3 || s == 1;
+    y = z ? Math.min(o.left, x) : s == 2 ? o.right + r : S[0], d -= r * +m;
     var k = Math.max(o.top, 0), $ = Math.min(
       o.bottom,
       i
-    ), q = ($ - d + Math.min(i - d, k)) / 2;
-    w = Math.max(
-      m ? q : s == 3 ? o.top + a + r : Math.min(q, S[1]),
+    ), X = ($ - d + Math.min(i - d, k)) / 2;
+    _ = Math.max(
+      m ? X : s == 3 ? o.top + a + r : Math.min(X, S[1]),
       0
-    ), N && o.left > x && (b = o.left - y - r + v / 2);
+    ), z && o.left > x && (w = o.left - y - r + v / 2);
   }
-  let X = l.classList, H = t.css;
-  X.remove(...ot), X.add(ot[s]), t.index = s, H.left = y + rt, H.top = w + rt;
-  let Y = H["--tips-arrow-top"] = m ? Math.min(
+  let Y = l.classList, H = t.css;
+  Y.remove(...ht), Y.add(ht[s]), t.index = s, H.left = y + lt, H.top = _ + lt;
+  let J = H["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(w, k) - w,
+    Math.max(_, k) - _,
     d - r
-  ) : lt, J = u - 3 * r;
-  H["--tips-arrow"] = b > J - 10 || m && (Y + (d > 50 ? 15 : 0) > d || !Y) ? "hidden" : "visible", H["--tips-arrow-left"] = b ? Math.min(b, J) : lt;
+  ) : nt, K = c - 3 * r;
+  H["--tips-arrow"] = w > K - 10 || m && (J + (d > 50 ? 15 : 0) > d || !J) ? "hidden" : "visible", H["--tips-arrow-left"] = w ? Math.min(w, K) : nt;
 }
-const Jt = {
+const D = "data-tips-scroll", Yt = {
   name: "Tips",
   props: {
     /* 是否显示 */
@@ -702,29 +704,29 @@ const Jt = {
     },
     scrollListener() {
       this.static || this.parent((t, e, i) => {
-        e ? p(t.addEventListener, t, "scroll", A) : (p(L.observe, L, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, "-tips-scroll"), i || (p(t.addEventListener, t, "scroll", A), this.attr(t, "-tips-scroll", "true"))));
+        e ? p(t.addEventListener, t, "scroll", A) : (p(L.observe, L, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, D), i || (p(t.addEventListener, t, "scroll", A), this.attr(t, D, "true"))));
       });
     }
   },
   mounted() {
     B(
       this.css,
-      C(
+      O(
         this.$props,
         "color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius"
       )
-    ), this.css["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0, this.init(), V.delay = +this.delay, Yt((t) => {
+    ), this.css["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0, this.init(), q.delay = +this.delay, Xt((t) => {
       this.scrollListener();
     }), this.scrollListener();
   },
   unmounted() {
     this.parent(function(t, e) {
-      p(t.removeEventListener, t, "scroll", A), p(t.removeAttribute, t, "-tips-scroll", void 0), e || p(L.unobserve, L, t);
+      p(t.removeEventListener, t, "scroll", A), p(t.removeAttribute, t, D, void 0), e || p(L.unobserve, L, t);
     });
   }
-}, Kt = ["static"], Qt = { class: "tips-title" };
-function Zt(t, e, i, r, n, l) {
-  return i.visible ? (z(), M("div", G({
+}, Jt = ["static"], Kt = { class: "tips-title" };
+function Qt(t, e, i, r, n, l) {
+  return i.visible ? (N(), M("div", I({
     key: 0,
     class: "tips",
     style: i.static ? null : n.css,
@@ -732,25 +734,25 @@ function Zt(t, e, i, r, n, l) {
   }, t.$attrs), [
     g(t.$slots, "default", {}, () => [
       g(t.$slots, "title", {}, () => [
-        R("div", Qt, F(i.title), 1)
+        W("div", Kt, G(i.title), 1)
       ], !0),
       g(t.$slots, "content", {}, () => [
-        pt(F(i.content), 1)
+        gt(G(i.content), 1)
       ], !0)
     ], !0)
-  ], 16, Kt)) : ft("", !0);
+  ], 16, Jt)) : pt("", !0);
 }
-const te = /* @__PURE__ */ I(Jt, [["render", Zt], ["__scopeId", "data-v-8c83dee3"]]), ee = [Wt, Ft, Ut, te], ne = {
+const Zt = /* @__PURE__ */ j(Yt, [["render", Qt], ["__scopeId", "data-v-e7d22ab3"]]), te = [Wt, jt, Gt, Zt], le = {
   install(t) {
-    ee.forEach((e) => {
+    te.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  Ft as Card,
+  jt as Card,
   Wt as Flyweight,
-  Ut as Stream,
-  te as Tips,
-  ne as default
+  Gt as Stream,
+  Zt as Tips,
+  le as default
 };