@soei/flyweight 0.3.12 → 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 C=(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=C(ue,[["render",fe],["__scopeId","data-v-35b94e9b"]]);function P(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=P(t),Z["--"+P(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:P,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=C(ge,[["render",be],["__scopeId","data-v-2008eeb3"]]),_e={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 Se(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 te=C(_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 W=[];var xe=he(window,"Reflect.defineProperty|Object.defineProperty=>Proxy").Proxy;let A={},re=null;xe(A,"delay",{get(){return this._delay},set(e){re=ke(()=>{p.runer(W)},e),this._delay=e}});A.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){W.push(e)}const B=new ResizeObserver(L);B.observe(ie);function se(e){e.onresize||(W.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,H,oe){oe.push(H[M])},ve,y=[]),g.unshift.apply(g,y)),s=p.each(g,function(ne,M,H){if(H[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),O=($-d+Math.min(i-d,z))/2;b=Math.max(w?O:s==3?h.top+u+l:Math.min(O,k[1]),0),N&&h.left>x&&(_=h.left-m-l+v/2)}let R=n.classList,E=e.css;R.remove(...J),R.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(),A.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=C(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,27 +1,27 @@
-import { runer as T, merge as C, isArray as ht, each as W, picker as O, isEmpty as at, isSimplyType as K, isString as xt } from "@soei/util";
-import { openBlock as N, createElementBlock as M, normalizeClass as dt, normalizeStyle as P, createElementVNode as B, Fragment as ct, renderList as ut, renderSlot as g, mergeProps as I, createCommentVNode as ft, createTextVNode as pt, toDisplayString as D, createBlock as St, resolveDynamicComponent as $t, withCtx as Nt } from "vue";
-import { runer as p, isNil as zt, each as Q } from "@soei/tools";
-import kt from "@soei/picker";
-let Tt = /(\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, Tt)) {
+  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 j = (t, e) => {
@@ -30,10 +30,10 @@ const j = (t, e) => {
     i[r] = n;
   return i;
 };
-let it = (t) => t == null || t == null, Mt = (...t) => {
+let st = (t) => t == null || t == null, Et = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const Et = {
+const Ht = {
   name: "Flyweight",
   props: {
     flys: {
@@ -97,14 +97,14 @@ const Et = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, r = {};
-      return C(r, {
-        "--width": _(this.realW),
-        "--height": _(this.realH),
-        "--flyweight-content": _(i)
+      return B(r, {
+        "--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 Et = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      Mt(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(() => {
-        W(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 Et = {
     setview(t) {
       T([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || W(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) {
@@ -207,9 +207,9 @@ const Et = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      C(r, this.space), t.from || e.push(["onscroll", r]);
+      B(r, this.space), t.from || e.push(["onscroll", r]);
       let n = !1;
-      W(
+      C(
         this.flyweights,
         (l, s, h, o, d, c, u, f, a) => {
           if (h = l / d >> 0, f = h + o * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
@@ -244,21 +244,21 @@ const Et = {
       this.count = t;
       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, c = (tt(this.width, o) || o) + s, u = tt(this.height, d) + h, f = [o / c >> 0 || 1, d / u >> 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 = c, c -= s, w = ($) => (
+        let [a, v] = f, x = this.padding, E, S = 0, y, _;
+        i ? (y = c, c -= s, _ = ($) => (
           /* 计算top偏移量 */
           $ * (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), w = ($) => $ * (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 b = Math.min(t, a * this.row), m = b - 1, z;
-        for (; b-- > 0; )
-          z = m - b, this.$set(e, z, {
+        )) : (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: c,
             height: u - h,
-            space: w(z % a),
+            space: _(z % a),
             data: {}
           });
         e.length = m + 1;
@@ -274,18 +274,18 @@ const Et = {
       });
     }
   }
-}, Ht = { class: "flyweight-all" };
-function Lt(t, e, i, r, n, l) {
+}, 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: P(l.style),
     onScroll: e[0] || (e[0] = (...s) => l.scroll && l.scroll(...s))
   }, [
-    B("div", Ht, [
-      (N(!0), M(ct, null, ut(n.flyweights, (s, h) => (N(), M("div", {
+    W("div", Lt, [
+      (N(!0), M(ut, null, ft(n.flyweights, (s, h) => (N(), M("div", {
         key: h,
         style: P({
           top: s.top + "px",
@@ -295,14 +295,14 @@ function Lt(t, e, i, r, n, l) {
         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__ */ j(Et, [["render", Lt], ["__scopeId", "data-v-35b94e9b"]]);
-function G(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);
@@ -324,17 +324,17 @@ let gt = {
   "Right",
   "Bottom",
   "Left"
-], yt = {};
-W(
+], mt = {};
+C(
   Bt,
   (t, e, i) => {
-    t = G(e), yt["--" + G(e, !0)] = t, i[t] = function() {
+    t = U(e), mt["--" + U(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  gt
+  yt
 );
-const Ct = {
+const Rt = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -393,33 +393,33 @@ const Ct = {
       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), W(yt, (e, i) => {
+      return this.margin(this.offset), C(mt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: G,
+    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 = O(
+      Q(t) || (this.closecss = O(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
     },
     margin(t) {
-      C(
+      B(
         this,
         O(
-          xt(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+          St(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -430,8 +430,8 @@ const Ct = {
   mounted() {
     this.change(this.close);
   }
-}, Rt = { class: "card-title" }, At = ["title"], Ot = { class: "card-content" };
-function Pt(t, e, i, r, n, l) {
+}, 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,
@@ -441,26 +441,26 @@ function Pt(t, e, i, r, n, l) {
       g(t.$slots, "title", {}, () => {
         var s;
         return [
-          B("div", Rt, [
-            pt(D(i.show || i.title) + " ", 1),
-            B("div", {
-              class: dt(["card-close", { hide: l.isSimplyType(i.close) ? !i.close : !1 }]),
+          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, At)
+            }, null, 14, Ot)
           ])
         ];
       }, !0),
       g(t.$slots, "content", {}, () => [
-        B("div", Ot, [
+        W("div", Pt, [
           g(t.$slots, "inner", {}, void 0, !0)
         ])
       ], !0)
     ], !0)
   ], 4);
 }
-const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3"]]), jt = {
+const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7"]]), Ft = {
   name: "Stream",
   computed: {
     component() {
@@ -468,7 +468,7 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     },
     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: {
@@ -491,7 +491,7 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     }
   },
   mounted() {
-    this.$.vnode.ref && C(this, { ...this.component });
+    this.$.vnode.ref && B(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -500,25 +500,25 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     }
   }
 };
-function Ft(t, e, i, r, n, l) {
-  return N(), St($t(i.type), I({ ref: "component" }, t.$attrs), {
-    default: Nt(() => [
-      (N(!0), M(ct, null, ut(l.column, (s) => g(t.$slots, l.__trigger(s), I({
+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 Dt = /* @__PURE__ */ j(jt, [["render", Ft]]), st = /(?:\,|\|{2})/, rt = "px", lt = "";
-let mt = document.documentElement, nt, ot = ["s-left", "s-top", "s-right", "s-bottom"], Gt = { left: 0, top: 1, right: 2, bottom: 3 };
-const U = [];
-var Ut = kt(
+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;
-Ut(V, "delay", {
+let q = {}, wt = null;
+Vt(q, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -527,13 +527,13 @@ Ut(V, "delay", {
     return this._delay;
   },
   set(t) {
-    wt = Vt(() => {
-      p(U);
+    wt = qt(() => {
+      p(V);
     }, t), this._delay = t;
   }
 });
-V.delay = 60;
-function Vt(t, e) {
+q.delay = 60;
+function qt(t, e) {
   let i = 0;
   return function() {
     const r = Date.now();
@@ -543,14 +543,14 @@ function Vt(t, e) {
 const A = () => {
   wt();
 };
-function qt(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 = zt(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(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 - c, 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 - c,
     /* top: 1 */
@@ -560,44 +560,44 @@ function bt(t) {
     /* bottom: 3 */
     E - o.bottom
   ];
-  h && (Q(
-    h.split(st),
-    function(_t, R, F, vt) {
-      vt.push(F[R]);
+  h && (Z(
+    h.split(rt),
+    function(vt, R, F, xt) {
+      xt.push(F[R]);
     },
-    Gt,
+    Ut,
     f = []
-  ), u.unshift.apply(u, f)), s = Q(
+  ), u.unshift.apply(u, f)), s = Z(
     u,
-    function(_t, R, F) {
+    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, 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
-    ), z && 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 = c - 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 Xt = {
+const D = "data-tips-scroll", Yt = {
   name: "Tips",
   props: {
     /* 是否显示 */
@@ -704,28 +704,28 @@ const Xt = {
     },
     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() {
-    C(
+    B(
       this.css,
       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, qt((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);
     });
   }
-}, Yt = ["static"], Jt = { class: "tips-title" };
-function Kt(t, e, i, r, n, l) {
+}, 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",
@@ -734,25 +734,25 @@ function Kt(t, e, i, r, n, l) {
   }, t.$attrs), [
     g(t.$slots, "default", {}, () => [
       g(t.$slots, "title", {}, () => [
-        B("div", Jt, D(i.title), 1)
+        W("div", Kt, G(i.title), 1)
       ], !0),
       g(t.$slots, "content", {}, () => [
-        pt(D(i.content), 1)
+        gt(G(i.content), 1)
       ], !0)
     ], !0)
-  ], 16, Yt)) : ft("", !0);
+  ], 16, Jt)) : pt("", !0);
 }
-const Qt = /* @__PURE__ */ j(Xt, [["render", Kt], ["__scopeId", "data-v-8c83dee3"]]), Zt = [Wt, It, Dt, Qt], re = {
+const Zt = /* @__PURE__ */ j(Yt, [["render", Qt], ["__scopeId", "data-v-e7d22ab3"]]), te = [Wt, jt, Gt, Zt], le = {
   install(t) {
-    Zt.forEach((e) => {
+    te.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  It as Card,
+  jt as Card,
   Wt as Flyweight,
-  Dt as Stream,
-  Qt as Tips,
-  re as default
+  Gt as Stream,
+  Zt as Tips,
+  le as default
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@soei/flyweight",
   "private": false,
   "description": "Vue组件, 列表de享元模式~减少DOM节点 flyweight, Card, Stream组件",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "type": "module",
   "main": "Flyweight.cjs",
   "module": "Flyweight.js",

package/style.css

@@ -1 +1 @@
-@charset "UTF-8";.flyweight[data-v-35b94e9b]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-35b94e9b]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all[data-v-35b94e9b]+*{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-35b94e9b]{height:var(--flyweight-content)}.flyweight .flyweight-all[data-v-35b94e9b]>*{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-35b94e9b]{background-color:red!important}}.card[data-v-2008eeb3]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px}.card[hover-scroll][data-v-2008eeb3]::-webkit-scrollbar-track,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-2008eeb3]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-2008eeb3]::-webkit-scrollbar,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-2008eeb3]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-2008eeb3]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-2008eeb3]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-2008eeb3]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[data-v-2008eeb3]{position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[simply][data-v-2008eeb3],.card [simply][data-v-2008eeb3]{background-color:inherit;border:0!important}.card[nothing][data-v-2008eeb3],.card [nothing][data-v-2008eeb3]{margin:0!important;padding:0!important;border:0!important}.card[flex][data-v-2008eeb3],.card[space][data-v-2008eeb3],.card[row][data-v-2008eeb3],.card[column][data-v-2008eeb3],.card [flex][data-v-2008eeb3],.card [space][data-v-2008eeb3],.card [row][data-v-2008eeb3],.card [column][data-v-2008eeb3]{display:flex}.card[column][data-v-2008eeb3],.card [column][data-v-2008eeb3]{flex-direction:column}.card[row][data-v-2008eeb3],.card [row][data-v-2008eeb3]{flex-direction:row}.card[space][data-v-2008eeb3],.card [space][data-v-2008eeb3]{justify-content:space-between}.card[space=around][data-v-2008eeb3],.card [space=around][data-v-2008eeb3]{justify-content:space-around}.card[space=evenly][data-v-2008eeb3],.card [space=evenly][data-v-2008eeb3]{justify-content:space-evenly}.card[center][data-v-2008eeb3],.card [center][data-v-2008eeb3]{justify-content:center}.card[vcenter][data-v-2008eeb3],.card [vcenter][data-v-2008eeb3]{align-items:center}.card .card-title[data-v-2008eeb3]{max-height:40px}.card .card-close.hide[data-v-2008eeb3]{display:none}.card .card-close[data-v-2008eeb3]{position:absolute;width:20px;height:20px;right:10px;top:10px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent)}.card .card-close[data-v-2008eeb3]:before,.card .card-close[data-v-2008eeb3]:after{content:"";width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:inherit;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-2008eeb3]{transition:all .3s ease}.card .card-close[data-v-2008eeb3]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-2008eeb3]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-2008eeb3]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-2008eeb3]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-2008eeb3]{overflow:auto;height:100%}.card .card-content[data-v-2008eeb3]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips.warning[data-v-8c83dee3],.tips.warn[data-v-8c83dee3]{--tips-background-color: #f44336}.tips.notice[data-v-8c83dee3]{--tips-background-color: #ff9800}.tips.simply[data-v-8c83dee3]{--tips-background-color: #00BCD4}.tips[data-v-8c83dee3]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.animate[data-v-8c83dee3]{transition:all .3s}.tips-title[data-v-8c83dee3]:empty{display:none}.tips-title[data-v-8c83dee3]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips[static][data-v-8c83dee3]{position:static!important}.tips.arrow[data-v-8c83dee3]{--deg: 45deg}.tips.arrow[data-v-8c83dee3]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-8c83dee3]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-8c83dee3]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-8c83dee3]:before,.tips.s-right[data-v-8c83dee3]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-8c83dee3]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-8c83dee3]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-8c83dee3]:before,.tips.s-bottom[data-v-8c83dee3]:before{left:calc(var(--tips-arrow-left) * 1px)}
+@charset "UTF-8";.flyweight[data-v-35b94e9b]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-35b94e9b]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-35b94e9b]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-35b94e9b]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-35b94e9b]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all[data-v-35b94e9b]+*{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-35b94e9b]{height:var(--flyweight-content)}.flyweight .flyweight-all[data-v-35b94e9b]>*{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-35b94e9b]{background-color:red!important}}html [simply]{background-color:inherit;border:0!important}html [nothing]{margin:0!important;padding:0!important;border:0!important}html [flex],html [space],html [row],html [column]{display:flex}html [column]{flex-direction:column}html [row]{flex-direction:row}html [space]{justify-content:space-between}html [space=around]{justify-content:space-around}html [space=evenly]{justify-content:space-evenly}html [center]{justify-content:center}html [vcenter]{align-items:center}html [hand]{cursor:pointer}html [overflow]{overflow:auto!important}html [overflow=scroll]{overflow:scroll!important}.card[data-v-85bce7b7]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px}.card[hover-scroll][data-v-85bce7b7]::-webkit-scrollbar-track,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-85bce7b7]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-85bce7b7]::-webkit-scrollbar,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-85bce7b7]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-85bce7b7]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-85bce7b7]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-85bce7b7]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[data-v-85bce7b7]{position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card .card[simply][data-v-85bce7b7]{background-color:inherit;border:0!important}.card .card[nothing][data-v-85bce7b7]{margin:0!important;padding:0!important;border:0!important}.card .card[flex][data-v-85bce7b7],.card .card[space][data-v-85bce7b7],.card .card[row][data-v-85bce7b7],.card .card[column][data-v-85bce7b7]{display:flex}.card .card[column][data-v-85bce7b7]{flex-direction:column}.card .card[row][data-v-85bce7b7]{flex-direction:row}.card .card[space][data-v-85bce7b7]{justify-content:space-between}.card .card[space=around][data-v-85bce7b7]{justify-content:space-around}.card .card[space=evenly][data-v-85bce7b7]{justify-content:space-evenly}.card .card[center][data-v-85bce7b7]{justify-content:center}.card .card[vcenter][data-v-85bce7b7]{align-items:center}.card .card[hand][data-v-85bce7b7]{cursor:pointer}.card .card[overflow][data-v-85bce7b7]{overflow:auto!important}.card .card[overflow=scroll][data-v-85bce7b7]{overflow:scroll!important}.card .card-title[data-v-85bce7b7]{max-height:40px}.card .card-close.hide[data-v-85bce7b7]{display:none}.card .card-close[data-v-85bce7b7]{position:absolute;width:20px;height:20px;right:10px;top:10px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent)}.card .card-close[data-v-85bce7b7]:before,.card .card-close[data-v-85bce7b7]:after{content:"";width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:inherit;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-85bce7b7]{transition:all .3s ease}.card .card-close[data-v-85bce7b7]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-85bce7b7]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-85bce7b7]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-85bce7b7]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-85bce7b7]{overflow:auto;height:100%}.card .card-content[data-v-85bce7b7]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips.warning[data-v-e7d22ab3],.tips.warn[data-v-e7d22ab3]{--tips-background-color: #f44336}.tips.notice[data-v-e7d22ab3]{--tips-background-color: #ff9800}.tips.simply[data-v-e7d22ab3]{--tips-background-color: #00BCD4}.tips[data-v-e7d22ab3]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.animate[data-v-e7d22ab3]{transition:all .3s}.tips-title[data-v-e7d22ab3]:empty{display:none}.tips-title[data-v-e7d22ab3]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips[static][data-v-e7d22ab3]{position:static!important}.tips.arrow[data-v-e7d22ab3]{--deg: 45deg}.tips.arrow[data-v-e7d22ab3]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-e7d22ab3]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-e7d22ab3]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-e7d22ab3]:before,.tips.s-right[data-v-e7d22ab3]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-e7d22ab3]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-e7d22ab3]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-e7d22ab3]:before,.tips.s-bottom[data-v-e7d22ab3]:before{left:calc(var(--tips-arrow-left) * 1px)}

package/vue2/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@soei/util"),g=require("@soei/tools"),ot=require("@soei/picker");let ht=/(\d+|[+\-\*/]|%)/g,j={"+":(t,e)=>t+e,"-":(t,e)=>t-e,"*":(t,e)=>t*e,"/":(t,e)=>t/e,"%":(t,e,i)=>parseFloat(t)/100*i},I=(t,e)=>{let i;if(i=l.runer("match",t,ht)){let s=i.length,o,u=0,n,a=[];for(;s--;)u=i.shift(),u in j?(o&&a.push(o),u==="%"&&(a.length=2),n=u):+u&&a.push(+u),a.length==2&&(a.push(e),o=j[n].apply(null,a),a.length=0);+o||(o=+a.pop()),t=o>>0}return t},q={},b=(t,e)=>(t+"").replace(/\w+\((.*)\)/g,"$1").replace(q[e]||(q[e]=new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)","g")),"$1px");function E(t,e,i,s,o,u,n,a){var r=typeof t=="function"?t.options:t;e&&(r.render=e,r.staticRenderFns=i,r._compiled=!0),s&&(r.functional=!0),u&&(r._scopeId="data-v-"+u);var h;if(n?(h=function(c){c=c||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!c&&typeof __VUE_SSR_CONTEXT__<"u"&&(c=__VUE_SSR_CONTEXT__),o&&o.call(this,c),c&&c._registeredComponents&&c._registeredComponents.add(n)},r._ssrRegister=h):o&&(h=a?function(){o.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:o),h)if(r.functional){r._injectStyles=h;var d=r.render;r.render=function(f,_){return h.call(_),d(f,_)}}else{var p=r.beforeCreate;r.beforeCreate=p?[].concat(p,h):[h]}return{exports:t,options:r}}let U=t=>t==null||t==null,at=(...t)=>{console.info("::::FLYWEIGHT",...t)};const ut={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 t=this.w,e=this.h,i=this.Size,s={};return l.merge(s,{"--width":b(this.realW),"--height":b(this.realH),"--flyweight-content":b(i)},e&&{"--flyweight-h":b(e)},t&&s,{"--flyweight-w":b(t)},"mix"),s}},data(){return{flyweights:[],actice:!1,Size:null,column:1,row:1,expand:10,count:0,task:[],realW:0,realH:0}},watch:{flys(t){this.count=t.length,this.rebuild();let e=this.task.shift();e&&this.$nextTick(()=>{this.setview(e)})},view:{handler(t){this.setview(t)},immediate:!0,deep:!0},index(t){this.setindex(t)},top(t){this.flyweight.scrollTop=t},left(t){this.flyweight.scrollLeft=t}},mounted(){this.flyweights=[],this.$set||(this.$set=(t,e,i)=>{t[e]=i}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(t){at(t)}this.scrollx=l.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:b,trigger(t,e){l.isArray(t)||(t=t&&e?[[t,e]]:[]),t.length&&this.lazyrun(()=>{l.each(t,(i,s)=>{this.$emit(s[0],U(s[1])?!0:s[1])})})},cheackflys(t){if(!this.flys.length)return t&&this.task.push(t),!0},setview(t){l.runer([this.cheackflys,e=>{e=e||{};let i=e.index||l.each(this.flys,(s,o,u,n)=>{if(o[u]==n)return s},e.picker,e.id);U(i)||this.setindex(i)}],this,t)},setindex(t){l.runer([this.cheackflys,({index:e})=>{this.selectIndex=e,this.$nextTick(()=>{let i=e/this.column>>0,s=this.expand;(this.flyweight[this.direction]/s>>0)+this.row-i-1>0||(this.flyweight[this.direction]=i*s,this.scroll())})}],this,{index:t})},lazyrun(t,e){clearTimeout(this.time),this.time=setTimeout(()=>{l.runer(t)},e||this.lazy)},run(t){let e=[],i=l.runer(this.direction,t.target),s={offset:i,top:i,width:this.realW,height:this.realH,index:i/this.expand>>0};l.merge(s,this.space),t.from||e.push(["onscroll",s]);let o=!1;l.each(this.flyweights,(u,n,a,r,h,d,p,c,f)=>{if(a=u/h>>0,c=a+r*(+(a<d%r)+(d/r>>0)),f=c*h+u%h,f>=this.count){o||(e.push(["onend"]),o=!0);return}n.index=c,n.i=f,n.data=this.flys[f];let _=[c*this.expand+n.x,n.space];p&&_.reverse(),n.top=_[0],n.left=_[1]},null,this.row,this.column,s.index,this.scrollx),this.trigger(e),e=null},scroll(t){this.run(t||{target:this.flyweight,from:"space"})},rebuild(){let t=this.count||this.flys.length,e=this.flyweights;if(!t)return e.length=t;this.count=t;let i=this.scrollx,s=this.flyweight,o=l.picker(s,this.BoxRule);this.$nextTick(()=>{let u=/true/.test(this.auto),[n,a]=this.offset,r=o.width,h=o.height,d=(I(this.width,r)||r)+n,p=I(this.height,h)+a,c=[r/d>>0||1,h/p>>0||1];i&&c.reverse();let[f,_]=c,x=this.padding,N,S=0,y,v;i?(y=d,d-=n,v=$=>$*(p-a)+($+1)*a):(u?(d=(r-n*(f+2*x-1))/f,N=!x*n,S=x*n):(N=0,S=(r%d+n*f)/(f+1)>>0,d-=n),v=$=>$*(d+N)+($+1)*S,y=p),this.row=_+2,this.column=f,this.realH=p-a,this.realW=d,this.expand=y,this.Size=Math.ceil(t/f)*y;let w=Math.min(t,f*this.row),m=w-1,T;for(;w-- >0;)T=m-w,this.$set(e,T,{x:n,y:a,width:d,height:p-a,space:v(T%f),data:{}});e.length=m+1;let z=[];h/y>m/f&&z.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),z.push(["update:space",{row:(m/f>>0)+1,column:f,showrow:this.row,showcolumn:this.column}]),this.trigger(z)})}}};var ct=function(){var e=this,i=e._self._c;return i("div",{ref:"flyweight",staticClass:"flyweight",class:{"flyweight-active":e.actice},style:e.style,on:{scroll:e.scroll}},[i("div",{staticClass:"flyweight-all"},e._l(e.flyweights,function(s,o){return i("div",{key:o,style:{top:s.top+"px",left:s.left+"px"}},[e._t("default",null,null,s)],2)}),0),e.flyweights.length?e._t("end"):e._e()],2)},ft=[],dt=E(ut,ct,ft,!1,null,"d5f1cd63",null,null);const J=dt.exports;function L(t,e){return e&&(t=t.replace(/[a-z]/g,"")),t.toLowerCase()}let K={close:{handler(t){this.change(t)},deep:!0},offset:{handler(t){this.margin(t)},deep:!0}},pt=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],Q={};l.each(pt,(t,e,i)=>{t=L(e),Q["--"+L(e,!0)]=t,i[t]=function(){this.trigger++}},K);const gt={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:K,methods:{exec:b,isEmpty:l.isEmpty,isSimplyType:l.isSimplyType,tr(){let t={};return this.margin(this.offset),l.each(Q,(e,i)=>{this.css(t,e,i)}),t},tolower:L,css(t,e,i){let s=this[i]||this.default[i];!s||this.default[i]==s||(t[e]=b(s))},change(t){l.isSimplyType(t)||(this.closecss=l.picker(t,"color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"))},margin(t){l.merge(this,l.picker(l.isString(t)?t.split(/\s*(?:,|\s+)\s*/):t,"0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",!0),!0)}},mounted(){this.change(this.close)}};var _t=function(){var e=this,i=e._self._c;return i("div",{key:e.trigger,staticClass:"card",style:e.isEmpty(e.style)?e.tr():e.style},[e._t("default",function(){return[e._t("title",function(){var s;return[i("div",{staticClass:"card-title"},[e._v(" "+e._s(e.show||e.title)+" "),i("div",{staticClass:"card-close",class:{hide:e.isSimplyType(e.close)?!e.close:!1},style:e.closecss,attrs:{title:(s=e.close)==null?void 0:s.tips},on:{click:function(o){return e.$emit("close")}}})])]}),e._t("content",function(){return[i("div",{staticClass:"card-content"},[e._t("inner")],2)]})]})],2)},yt=[],mt=E(gt,_t,yt,!1,null,"ec96bb2a",null,null);const Z=mt.exports,vt={name:"Stream",computed:{component(){return this.$refs.component},column(){let{columns:t,T:e}=this,i=t||e;return l.isEmpty(i)?[]:l.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&&l.merge(this,{...this.component})},methods:{__trigger(t){let e=t[this.bridge]||t.type;return(this.$slots||this.$scopedSlots)[e]?e:"default"}}};var wt=function(){var e=this,i=e._self._c;return i(e.type,e._b({ref:"component",tag:"component"},"component",e.$attrs,!1),[e._l(e.column,function(s){return e._t(e.__trigger(s),null,null,s)})],2)},bt=[],xt=E(vt,wt,bt,!1,null,null,null,null);const tt=xt.exports,X=/(?:\,|\|{2})/,G="px",D="";let et=document.documentElement,V,Y=["s-left","s-top","s-right","s-bottom"],St={left:0,top:1,right:2,bottom:3};const W=[];var $t=ot(window,"Reflect.defineProperty|Object.defineProperty=>Proxy").Proxy;let O={},it=null;$t(O,"delay",{get(){return this._delay},set(t){it=Tt(()=>{g.runer(W)},t),this._delay=t}});O.delay=60;function Tt(t,e){let i=0;return function(){const s=Date.now();s-i>=e&&(i=s,g.runer(t,this,arguments))}}const M=()=>{it()};function zt(t){W.push(t)}const k=new ResizeObserver(M);k.observe(et);function st(t){t.onresize||(W.push([st,null,t]),t.onresize=!0);var e=et,i=e.clientHeight,s=g.isNil(t.offset)?15:t.offset,o=t.target,u=t.room,n=t.index,a=t.position,r=o.getBoundingClientRect(),h=u.offsetHeight+s,d=u.offsetWidth+s,p="3,0,2,1".split(X),c,f=(r.height==V?r.bottom-r.top:r.height)>>0,_=(r.width==V?r.right-r.left:r.width)>>0,x=e.clientWidth-d,N=i-h,S=[r.left-d,r.top-h,x-r.right,N-r.bottom];a&&(g.each(a.split(X),function(nt,R,H,lt){lt.push(H[R])},St,c=[]),p.unshift.apply(p,c)),n=g.each(p,function(nt,R,H){if(H[R]>0)return R},S);var y=0,v=0,w=0;if(n!=null){var m=n==0||n==2,T=n==3||n==1;y=T?Math.min(r.left,x):n==2?r.right+s:S[0],h-=s*+m;var z=Math.max(r.top,0),$=Math.min(r.bottom,i),A=($-h+Math.min(i-h,z))/2;v=Math.max(m?A:n==3?r.top+f+s:Math.min(A,S[1]),0),T&&r.left>x&&(w=r.left-y-s+_/2)}let F=u.classList,C=t.css;F.remove(...Y),F.add(Y[n]),t.index=n,C.left=y+G,C.top=v+G;let P=C["--tips-arrow-top"]=m?Math.min(Math.max(v,z)-v,h-s):D,B=d-3*s;C["--tips-arrow"]=w>B-10||m&&(P+(h>50?15:0)>h||!P)?"hidden":"visible",C["--tips-arrow-left"]=w?Math.min(w,B):D}const Nt={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(t){t&&this.$nextTick(()=>{this.init()})}},data(){return{css:{}}},methods:{parent(t){let e=this.$el,i;for(;e&&(e=e.parentNode,e&&e.nodeType==1||(e=window,i=!0),g.runer(t,null,e,i),!i););},attr(t,e,i){return g.runer(t[i===void 0?"getAttribute":"setAttribute"],t,e,i)},init(){this.$el.nodeName!="#comment"&&st({onresize:!1,target:this.$el.parentNode,room:this.$el,position:this.position,css:this.css,offset:+this.offset>>0})},scrollListener(){this.static||this.parent((t,e,i)=>{e?g.runer(t.addEventListener,t,"scroll",M):(g.runer(k.observe,k,t),(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&(i=this.attr(t,"-tips-scroll"),i||(g.runer(t.addEventListener,t,"scroll",M),this.attr(t,"-tips-scroll","true"))))})}},mounted(){l.merge(this.css,l.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,zt(t=>{this.scrollListener()}),this.scrollListener()},unmounted(){this.parent(function(t,e){g.runer(t.removeEventListener,t,"scroll",M),g.runer(t.removeAttribute,t,"-tips-scroll",void 0),e||g.runer(k.unobserve,k,t)})}};var Ct=function(){var e=this,i=e._self._c;return e.visible?i("div",e._b({staticClass:"tips",style:e.static?null:e.css,attrs:{static:e.static?"":null}},"div",e.$attrs,!1),[e._t("default",function(){return[e._t("title",function(){return[i("div",{staticClass:"tips-title"},[e._v(e._s(e.title))])]}),e._t("content",function(){return[e._v(e._s(e.content))]})]})],2):e._e()},kt=[],Rt=E(Nt,Ct,kt,!1,null,"72d69fdc",null,null);const rt=Rt.exports,Mt=[J,Z,tt,rt],Et={install(t){Mt.forEach(e=>{t.component("S"+e.name,e),t.component(e.name+"S",e)})}};exports.Card=Z;exports.Flyweight=J;exports.Stream=tt;exports.Tips=rt;exports.default=Et;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@soei/util"),g=require("@soei/tools"),ht=require("@soei/picker");let at=/(\d+|[+\-\*/]|%)/g,I={"+":(t,e)=>t+e,"-":(t,e)=>t-e,"*":(t,e)=>t*e,"/":(t,e)=>t/e,"%":(t,e,i)=>parseFloat(t)/100*i},q=(t,e)=>{let i;if(i=l.runer("match",t,at)){let s=i.length,o,u=0,n,a=[];for(;s--;)u=i.shift(),u in I?(o&&a.push(o),u==="%"&&(a.length=2),n=u):+u&&a.push(+u),a.length==2&&(a.push(e),o=I[n].apply(null,a),a.length=0);+o||(o=+a.pop()),t=o>>0}return t},U={},b=(t,e)=>(t+"").replace(/\w+\((.*)\)/g,"$1").replace(U[e]||(U[e]=new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)","g")),"$1px");function E(t,e,i,s,o,u,n,a){var r=typeof t=="function"?t.options:t;e&&(r.render=e,r.staticRenderFns=i,r._compiled=!0),s&&(r.functional=!0),u&&(r._scopeId="data-v-"+u);var h;if(n?(h=function(c){c=c||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!c&&typeof __VUE_SSR_CONTEXT__<"u"&&(c=__VUE_SSR_CONTEXT__),o&&o.call(this,c),c&&c._registeredComponents&&c._registeredComponents.add(n)},r._ssrRegister=h):o&&(h=a?function(){o.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:o),h)if(r.functional){r._injectStyles=h;var d=r.render;r.render=function(f,_){return h.call(_),d(f,_)}}else{var p=r.beforeCreate;r.beforeCreate=p?[].concat(p,h):[h]}return{exports:t,options:r}}let X=t=>t==null||t==null,ut=(...t)=>{console.info("::::FLYWEIGHT",...t)};const ct={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 t=this.w,e=this.h,i=this.Size,s={};return l.merge(s,{"--width":b(this.realW),"--height":b(this.realH),"--flyweight-content":b(i)},e&&{"--flyweight-h":b(e)},t&&s,{"--flyweight-w":b(t)},"mix"),s}},data(){return{flyweights:[],actice:!1,Size:null,column:1,row:1,expand:10,count:0,task:[],realW:0,realH:0}},watch:{flys(t){this.count=t.length,this.rebuild();let e=this.task.shift();e&&this.$nextTick(()=>{this.setview(e)})},view:{handler(t){this.setview(t)},immediate:!0,deep:!0},index(t){this.setindex(t)},top(t){this.flyweight.scrollTop=t},left(t){this.flyweight.scrollLeft=t}},mounted(){this.flyweights=[],this.$set||(this.$set=(t,e,i)=>{t[e]=i}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(t){ut(t)}this.scrollx=l.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:b,trigger(t,e){l.isArray(t)||(t=t&&e?[[t,e]]:[]),t.length&&this.lazyrun(()=>{l.each(t,(i,s)=>{this.$emit(s[0],X(s[1])?!0:s[1])})})},cheackflys(t){if(!this.flys.length)return t&&this.task.push(t),!0},setview(t){l.runer([this.cheackflys,e=>{e=e||{};let i=e.index||l.each(this.flys,(s,o,u,n)=>{if(o[u]==n)return s},e.picker,e.id);X(i)||this.setindex(i)}],this,t)},setindex(t){l.runer([this.cheackflys,({index:e})=>{this.selectIndex=e,this.$nextTick(()=>{let i=e/this.column>>0,s=this.expand;(this.flyweight[this.direction]/s>>0)+this.row-i-1>0||(this.flyweight[this.direction]=i*s,this.scroll())})}],this,{index:t})},lazyrun(t,e){clearTimeout(this.time),this.time=setTimeout(()=>{l.runer(t)},e||this.lazy)},run(t){let e=[],i=l.runer(this.direction,t.target),s={offset:i,top:i,width:this.realW,height:this.realH,index:i/this.expand>>0};l.merge(s,this.space),t.from||e.push(["onscroll",s]);let o=!1;l.each(this.flyweights,(u,n,a,r,h,d,p,c,f)=>{if(a=u/h>>0,c=a+r*(+(a<d%r)+(d/r>>0)),f=c*h+u%h,f>=this.count){o||(e.push(["onend"]),o=!0);return}n.index=c,n.i=f,n.data=this.flys[f];let _=[c*this.expand+n.x,n.space];p&&_.reverse(),n.top=_[0],n.left=_[1]},null,this.row,this.column,s.index,this.scrollx),this.trigger(e),e=null},scroll(t){this.run(t||{target:this.flyweight,from:"space"})},rebuild(){let t=this.count||this.flys.length,e=this.flyweights;if(!t)return e.length=t;this.count=t;let i=this.scrollx,s=this.flyweight,o=l.picker(s,this.BoxRule);this.$nextTick(()=>{let u=/true/.test(this.auto),[n,a]=this.offset,r=o.width,h=o.height,d=(q(this.width,r)||r)+n,p=q(this.height,h)+a,c=[r/d>>0||1,h/p>>0||1];i&&c.reverse();let[f,_]=c,x=this.padding,C,S=0,y,v;i?(y=d,d-=n,v=$=>$*(p-a)+($+1)*a):(u?(d=(r-n*(f+2*x-1))/f,C=!x*n,S=x*n):(C=0,S=(r%d+n*f)/(f+1)>>0,d-=n),v=$=>$*(d+C)+($+1)*S,y=p),this.row=_+2,this.column=f,this.realH=p-a,this.realW=d,this.expand=y,this.Size=Math.ceil(t/f)*y;let w=Math.min(t,f*this.row),m=w-1,T;for(;w-- >0;)T=m-w,this.$set(e,T,{x:n,y:a,width:d,height:p-a,space:v(T%f),data:{}});e.length=m+1;let z=[];h/y>m/f&&z.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),z.push(["update:space",{row:(m/f>>0)+1,column:f,showrow:this.row,showcolumn:this.column}]),this.trigger(z)})}}};var ft=function(){var e=this,i=e._self._c;return i("div",{ref:"flyweight",staticClass:"flyweight",class:{"flyweight-active":e.actice},style:e.style,on:{scroll:e.scroll}},[i("div",{staticClass:"flyweight-all"},e._l(e.flyweights,function(s,o){return i("div",{key:o,style:{top:s.top+"px",left:s.left+"px"}},[e._t("default",null,null,s)],2)}),0),e.flyweights.length?e._t("end"):e._e()],2)},dt=[],pt=E(ct,ft,dt,!1,null,"d5f1cd63",null,null);const K=pt.exports;function W(t,e){return e&&(t=t.replace(/[a-z]/g,"")),t.toLowerCase()}let Q={close:{handler(t){this.change(t)},deep:!0},offset:{handler(t){this.margin(t)},deep:!0}},gt=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],Z={};l.each(gt,(t,e,i)=>{t=W(e),Z["--"+W(e,!0)]=t,i[t]=function(){this.trigger++}},Q);const _t={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:b,isEmpty:l.isEmpty,isSimplyType:l.isSimplyType,tr(){let t={};return this.margin(this.offset),l.each(Z,(e,i)=>{this.css(t,e,i)}),t},tolower:W,css(t,e,i){let s=this[i]||this.default[i];!s||this.default[i]==s||(t[e]=b(s))},change(t){l.isSimplyType(t)||(this.closecss=l.picker(t,"color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"))},margin(t){l.merge(this,l.picker(l.isString(t)?t.split(/\s*(?:,|\s+)\s*/):t,"0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",!0),!0)}},mounted(){this.change(this.close)}};var yt=function(){var e=this,i=e._self._c;return i("div",{key:e.trigger,staticClass:"card",style:e.isEmpty(e.style)?e.tr():e.style},[e._t("default",function(){return[e._t("title",function(){var s;return[i("div",{staticClass:"card-title"},[e._v(" "+e._s(e.show||e.title)+" "),i("div",{staticClass:"card-close",class:{hide:e.isSimplyType(e.close)?!e.close:!1},style:e.closecss,attrs:{title:(s=e.close)==null?void 0:s.tips},on:{click:function(o){return e.$emit("close")}}})])]}),e._t("content",function(){return[i("div",{staticClass:"card-content"},[e._t("inner")],2)]})]})],2)},mt=[],vt=E(_t,yt,mt,!1,null,"17093fb8",null,null);const tt=vt.exports,wt={name:"Stream",computed:{component(){return this.$refs.component},column(){let{columns:t,T:e}=this,i=t||e;return l.isEmpty(i)?[]:l.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&&l.merge(this,{...this.component})},methods:{__trigger(t){let e=t[this.bridge]||t.type;return(this.$slots||this.$scopedSlots)[e]?e:"default"}}};var bt=function(){var e=this,i=e._self._c;return i(e.type,e._b({ref:"component",tag:"component"},"component",e.$attrs,!1),[e._l(e.column,function(s){return e._t(e.__trigger(s),null,null,s)})],2)},xt=[],St=E(wt,bt,xt,!1,null,null,null,null);const et=St.exports,D=/(?:\,|\|{2})/,G="px",V="";let it=document.documentElement,Y,J=["s-left","s-top","s-right","s-bottom"],$t={left:0,top:1,right:2,bottom:3};const O=[];var Tt=ht(window,"Reflect.defineProperty|Object.defineProperty=>Proxy").Proxy;let A={},st=null;Tt(A,"delay",{get(){return this._delay},set(t){st=zt(()=>{g.runer(O)},t),this._delay=t}});A.delay=60;function zt(t,e){let i=0;return function(){const s=Date.now();s-i>=e&&(i=s,g.runer(t,this,arguments))}}const M=()=>{st()};function Ct(t){O.push(t)}const k=new ResizeObserver(M);k.observe(it);function rt(t){t.onresize||(O.push([rt,null,t]),t.onresize=!0);var e=it,i=e.clientHeight,s=g.isNil(t.offset)?15:t.offset,o=t.target,u=t.room,n=t.index,a=t.position,r=o.getBoundingClientRect(),h=u.offsetHeight+s,d=u.offsetWidth+s,p="3,0,2,1".split(D),c,f=(r.height==Y?r.bottom-r.top:r.height)>>0,_=(r.width==Y?r.right-r.left:r.width)>>0,x=e.clientWidth-d,C=i-h,S=[r.left-d,r.top-h,x-r.right,C-r.bottom];a&&(g.each(a.split(D),function(lt,R,H,ot){ot.push(H[R])},$t,c=[]),p.unshift.apply(p,c)),n=g.each(p,function(lt,R,H){if(H[R]>0)return R},S);var y=0,v=0,w=0;if(n!=null){var m=n==0||n==2,T=n==3||n==1;y=T?Math.min(r.left,x):n==2?r.right+s:S[0],h-=s*+m;var z=Math.max(r.top,0),$=Math.min(r.bottom,i),F=($-h+Math.min(i-h,z))/2;v=Math.max(m?F:n==3?r.top+f+s:Math.min(F,S[1]),0),T&&r.left>x&&(w=r.left-y-s+_/2)}let P=u.classList,N=t.css;P.remove(...J),P.add(J[n]),t.index=n,N.left=y+G,N.top=v+G;let B=N["--tips-arrow-top"]=m?Math.min(Math.max(v,z)-v,h-s):V,j=d-3*s;N["--tips-arrow"]=w>j-10||m&&(B+(h>50?15:0)>h||!B)?"hidden":"visible",N["--tips-arrow-left"]=w?Math.min(w,j):V}const L="data-tips-scroll",Nt={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(t){t&&this.$nextTick(()=>{this.init()})}},data(){return{css:{}}},methods:{parent(t){let e=this.$el,i;for(;e&&(e=e.parentNode,e&&e.nodeType==1||(e=window,i=!0),g.runer(t,null,e,i),!i););},attr(t,e,i){return g.runer(t[i===void 0?"getAttribute":"setAttribute"],t,e,i)},init(){this.$el.nodeName!="#comment"&&rt({onresize:!1,target:this.$el.parentNode,room:this.$el,position:this.position,css:this.css,offset:+this.offset>>0})},scrollListener(){this.static||this.parent((t,e,i)=>{e?g.runer(t.addEventListener,t,"scroll",M):(g.runer(k.observe,k,t),(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&(i=this.attr(t,L),i||(g.runer(t.addEventListener,t,"scroll",M),this.attr(t,L,"true"))))})}},mounted(){l.merge(this.css,l.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(),A.delay=+this.delay,Ct(t=>{this.scrollListener()}),this.scrollListener()},unmounted(){this.parent(function(t,e){g.runer(t.removeEventListener,t,"scroll",M),g.runer(t.removeAttribute,t,L,void 0),e||g.runer(k.unobserve,k,t)})}};var kt=function(){var e=this,i=e._self._c;return e.visible?i("div",e._b({staticClass:"tips",style:e.static?null:e.css,attrs:{static:e.static?"":null}},"div",e.$attrs,!1),[e._t("default",function(){return[e._t("title",function(){return[i("div",{staticClass:"tips-title"},[e._v(e._s(e.title))])]}),e._t("content",function(){return[e._v(e._s(e.content))]})]})],2):e._e()},Rt=[],Mt=E(Nt,kt,Rt,!1,null,"d4e2f8f1",null,null);const nt=Mt.exports,Et=[K,tt,et,nt],Ht={install(t){Et.forEach(e=>{t.component("S"+e.name,e),t.component(e.name+"S",e)})}};exports.Card=tt;exports.Flyweight=K;exports.Stream=et;exports.Tips=nt;exports.default=Ht;

package/vue2/index.js

@@ -1,36 +1,36 @@
-import { runer as z, merge as M, isArray as et, each as k, picker as L, isEmpty as it, isSimplyType as X, isString as ct } from "@soei/util";
-import { runer as g, isNil as ft, each as G } from "@soei/tools";
-import ut from "@soei/picker";
-let dt = /(\d+|[+\-\*/]|%)/g, q = {
+import { runer as z, merge as M, isArray as it, each as k, picker as L, isEmpty as st, isSimplyType as D, isString as ct } from "@soei/util";
+import { runer as g, isNil as ut, each as G } from "@soei/tools";
+import dt from "@soei/picker";
+let pt = /(\d+|[+\-\*/]|%)/g, q = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
   "/": (t, e) => t / e,
   "%": (t, e, i) => parseFloat(t) / 100 * i
-}, D = (t, e) => {
+}, V = (t, e) => {
   let i;
-  if (i = z("match", t, dt)) {
+  if (i = z("match", t, pt)) {
     let s = i.length, l, a = 0, n, h = [];
     for (; s--; )
       a = i.shift(), a in q ? (l && h.push(l), a === "%" && (h.length = 2), n = a) : +a && h.push(+a), h.length == 2 && (h.push(e), l = q[n].apply(null, h), h.length = 0);
     +l || (l = +h.pop()), t = l >> 0;
   }
   return t;
-}, V = {}, w = (t, e) => (t + "").replace(
+}, Y = {}, w = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
-  V[e] || (V[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
+  Y[e] || (Y[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
 function W(t, e, i, s, l, a, n, h) {
   var r = typeof t == "function" ? t.options : t;
   e && (r.render = e, r.staticRenderFns = i, r._compiled = !0), s && (r.functional = !0), a && (r._scopeId = "data-v-" + a);
   var o;
-  if (n ? (o = function(c) {
-    c = c || // cached call
+  if (n ? (o = function(f) {
+    f = f || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), l && l.call(this, c), c && c._registeredComponents && c._registeredComponents.add(n);
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ < "u" && (f = __VUE_SSR_CONTEXT__), l && l.call(this, f), f && f._registeredComponents && f._registeredComponents.add(n);
   }, r._ssrRegister = o) : l && (o = h ? function() {
     l.call(
       this,
@@ -40,8 +40,8 @@ function W(t, e, i, s, l, a, n, h) {
     if (r.functional) {
       r._injectStyles = o;
       var u = r.render;
-      r.render = function(f, p) {
-        return o.call(p), u(f, p);
+      r.render = function(c, p) {
+        return o.call(p), u(c, p);
       };
     } else {
       var d = r.beforeCreate;
@@ -52,10 +52,10 @@ function W(t, e, i, s, l, a, n, h) {
     options: r
   };
 }
-let Y = (t) => t == null || t == null, pt = (...t) => {
+let J = (t) => t == null || t == null, gt = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const gt = {
+const _t = {
   name: "Flyweight",
   props: {
     flys: {
@@ -178,7 +178,7 @@ const gt = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      pt(t);
+      gt(t);
     }
     this.scrollx = z("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
     "clientHeight=>height,clientWidth=>width", this.direction = this.scrollx ? "scrollLeft" : "scrollTop";
@@ -186,9 +186,9 @@ const gt = {
   methods: {
     exec: w,
     trigger(t, e) {
-      et(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+      it(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
         k(t, (i, s) => {
-          this.$emit(s[0], Y(s[1]) ? !0 : s[1]);
+          this.$emit(s[0], J(s[1]) ? !0 : s[1]);
         });
       });
     },
@@ -203,7 +203,7 @@ const gt = {
           if (l[a] == n)
             return s;
         }, e.picker, e.id);
-        Y(i) || this.setindex(i);
+        J(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
@@ -233,16 +233,16 @@ const gt = {
       let l = !1;
       k(
         this.flyweights,
-        (a, n, h, r, o, u, d, c, f) => {
-          if (h = a / o >> 0, c = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % r) + (u / r >> 0)), f = c * o + a % o, f >= this.count) {
+        (a, n, h, r, o, u, d, f, c) => {
+          if (h = a / o >> 0, f = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(h < u % r) + (u / r >> 0)), c = f * o + a % o, c >= this.count) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
-          n.index = c, n.i = f, n.data = this.flys[f];
+          n.index = f, n.i = c, n.data = this.flys[c];
           let p = [
             /* top */
-            c * this.expand + n.x,
+            f * this.expand + n.x,
             /* left */
             n.space
           ];
@@ -266,30 +266,30 @@ const gt = {
       this.count = t;
       let i = this.scrollx, s = this.flyweight, l = L(s, this.BoxRule);
       this.$nextTick(() => {
-        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, u = (D(this.width, r) || r) + n, d = D(this.height, o) + h, c = [r / u >> 0 || 1, o / d >> 0 || 1];
-        i && c.reverse();
-        let [f, p] = c, b = this.padding, T, x = 0, _, y;
+        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, u = (V(this.width, r) || r) + n, d = V(this.height, o) + h, f = [r / u >> 0 || 1, o / d >> 0 || 1];
+        i && f.reverse();
+        let [c, p] = f, b = this.padding, T, x = 0, _, y;
         i ? (_ = u, u -= n, y = (S) => (
           /* 计算top偏移量 */
           S * (d - h) + (S + 1) * h
-        )) : (a ? (u = (r - n * (f + 2 * b - 1)) / f, T = !b * n, x = b * n) : (T = 0, x = (r % u + n * f) / (f + 1) >> 0, u -= n), y = (S) => S * (u + T) + (S + 1) * x, _ = d), this.row = p + 2, this.column = f, this.realH = d - h, this.realW = u, this.expand = _, this.Size = Math.ceil(t / f) * _;
-        let v = Math.min(t, f * this.row), m = v - 1, $;
+        )) : (a ? (u = (r - n * (c + 2 * b - 1)) / c, T = !b * n, x = b * n) : (T = 0, x = (r % u + n * c) / (c + 1) >> 0, u -= n), y = (S) => S * (u + T) + (S + 1) * x, _ = d), this.row = p + 2, this.column = c, this.realH = d - h, this.realW = u, this.expand = _, this.Size = Math.ceil(t / c) * _;
+        let v = Math.min(t, c * this.row), m = v - 1, $;
         for (; v-- > 0; )
           $ = m - v, this.$set(e, $, {
             x: n,
             y: h,
             width: u,
             height: d - h,
-            space: y($ % f),
+            space: y($ % c),
             data: {}
           });
         e.length = m + 1;
         let N = [];
-        o / _ > m / f && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        o / _ > m / c && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
         }), N.push(["update:space", {
-          row: (m / f >> 0) + 1,
-          column: f,
+          row: (m / c >> 0) + 1,
+          column: c,
           showrow: this.row,
           showcolumn: this.column
         }]), this.trigger(N);
@@ -297,7 +297,7 @@ const gt = {
     }
   }
 };
-var _t = function() {
+var mt = function() {
   var e = this, i = e._self._c;
   return i("div", { ref: "flyweight", staticClass: "flyweight", class: {
     "flyweight-active": e.actice
@@ -307,21 +307,21 @@ var _t = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, mt = [], yt = /* @__PURE__ */ W(
-  gt,
+}, yt = [], vt = /* @__PURE__ */ W(
   _t,
   mt,
+  yt,
   !1,
   null,
   "d5f1cd63",
   null,
   null
 );
-const vt = yt.exports;
-function A(t, e) {
+const wt = vt.exports;
+function F(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let st = {
+let rt = {
   close: {
     handler(t) {
       this.change(t);
@@ -334,7 +334,7 @@ let st = {
     },
     deep: !0
   }
-}, wt = [
+}, bt = [
   "BackGround",
   "BordeR",
   "Height",
@@ -343,17 +343,17 @@ let st = {
   "Right",
   "Bottom",
   "Left"
-], rt = {};
+], nt = {};
 k(
-  wt,
+  bt,
   (t, e, i) => {
-    t = A(e), rt["--" + A(e, !0)] = t, i[t] = function() {
+    t = F(e), nt["--" + F(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  st
+  rt
 );
-const bt = {
+const xt = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -412,24 +412,24 @@ const bt = {
       return this.tr();
     }
   },
-  watch: st,
+  watch: rt,
   methods: {
     exec: w,
-    isEmpty: it,
-    isSimplyType: X,
+    isEmpty: st,
+    isSimplyType: D,
     tr() {
       let t = {};
-      return this.margin(this.offset), k(rt, (e, i) => {
+      return this.margin(this.offset), k(nt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: A,
+    tolower: F,
     css(t, e, i) {
       let s = this[i] || this.default[i];
       !s || this.default[i] == s || (t[e] = w(s));
     },
     change(t) {
-      X(t) || (this.closecss = L(
+      D(t) || (this.closecss = L(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
@@ -450,7 +450,7 @@ const bt = {
     this.change(this.close);
   }
 };
-var xt = function() {
+var St = function() {
   var e = this, i = e._self._c;
   return i("div", { key: e.trigger, staticClass: "card", style: e.isEmpty(e.style) ? e.tr() : e.style }, [e._t("default", function() {
     return [e._t("title", function() {
@@ -462,17 +462,17 @@ var xt = function() {
       return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
     })];
   })], 2);
-}, St = [], $t = /* @__PURE__ */ W(
-  bt,
+}, $t = [], Nt = /* @__PURE__ */ W(
   xt,
   St,
+  $t,
   !1,
   null,
-  "ec96bb2a",
+  "17093fb8",
   null,
   null
 );
-const Nt = $t.exports, zt = {
+const zt = Nt.exports, Tt = {
   name: "Stream",
   computed: {
     component() {
@@ -480,7 +480,7 @@ const Nt = $t.exports, zt = {
     },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return it(i) ? [] : et(i) ? i : [i];
+      return st(i) ? [] : it(i) ? i : [i];
     }
   },
   props: {
@@ -512,30 +512,30 @@ const Nt = $t.exports, zt = {
     }
   }
 };
-var Tt = function() {
+var Ct = function() {
   var e = this, i = e._self._c;
   return i(e.type, e._b({ ref: "component", tag: "component" }, "component", e.$attrs, !1), [e._l(e.column, function(s) {
     return e._t(e.__trigger(s), null, null, s);
   })], 2);
-}, Ct = [], Rt = /* @__PURE__ */ W(
-  zt,
+}, Rt = [], kt = /* @__PURE__ */ W(
   Tt,
   Ct,
+  Rt,
   !1,
   null,
   null,
   null,
   null
 );
-const kt = Rt.exports, J = /(?:\,|\|{2})/, K = "px", Q = "";
-let nt = document.documentElement, Z, tt = ["s-left", "s-top", "s-right", "s-bottom"], Mt = { left: 0, top: 1, right: 2, bottom: 3 };
-const F = [];
-var Ht = ut(
+const Mt = kt.exports, K = /(?:\,|\|{2})/, Q = "px", Z = "";
+let lt = document.documentElement, tt, et = ["s-left", "s-top", "s-right", "s-bottom"], Ht = { left: 0, top: 1, right: 2, bottom: 3 };
+const P = [];
+var Et = dt(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let P = {}, lt = null;
-Ht(P, "delay", {
+let B = {}, ot = null;
+Et(B, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -544,13 +544,13 @@ Ht(P, "delay", {
     return this._delay;
   },
   set(t) {
-    lt = Et(() => {
-      g(F);
+    ot = Lt(() => {
+      g(P);
     }, t), this._delay = t;
   }
 });
-P.delay = 60;
-function Et(t, e) {
+B.delay = 60;
+function Lt(t, e) {
   let i = 0;
   return function() {
     const s = Date.now();
@@ -558,16 +558,16 @@ function Et(t, e) {
   };
 }
 const E = () => {
-  lt();
+  ot();
 };
-function Lt(t) {
-  F.push(t);
+function Wt(t) {
+  P.push(t);
 }
 const R = new ResizeObserver(E);
-R.observe(nt);
-function ot(t) {
-  t.onresize || (F.push([ot, null, t]), t.onresize = !0);
-  var e = nt, i = e.clientHeight, s = ft(t.offset) ? 15 : t.offset, l = t.target, a = t.room, n = t.index, h = t.position, r = l.getBoundingClientRect(), o = a.offsetHeight + s, u = a.offsetWidth + s, d = "3,0,2,1".split(J), c, f = (r.height == Z ? r.bottom - r.top : r.height) >> 0, p = (r.width == Z ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, T = i - o, x = [
+R.observe(lt);
+function ht(t) {
+  t.onresize || (P.push([ht, null, t]), t.onresize = !0);
+  var e = lt, i = e.clientHeight, s = ut(t.offset) ? 15 : t.offset, l = t.target, a = t.room, n = t.index, h = t.position, r = l.getBoundingClientRect(), o = a.offsetHeight + s, u = a.offsetWidth + s, d = "3,0,2,1".split(K), f, c = (r.height == tt ? r.bottom - r.top : r.height) >> 0, p = (r.width == tt ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, T = i - o, x = [
     /* left: 0 */
     r.left - u,
     /* top: 1 */
@@ -578,15 +578,15 @@ function ot(t) {
     T - r.bottom
   ];
   h && (G(
-    h.split(J),
-    function(ht, H, O, at) {
-      at.push(O[H]);
+    h.split(K),
+    function(at, H, O, ft) {
+      ft.push(O[H]);
     },
-    Mt,
-    c = []
-  ), d.unshift.apply(d, c)), n = G(
+    Ht,
+    f = []
+  ), d.unshift.apply(d, f)), n = G(
     d,
-    function(ht, H, O) {
+    function(at, H, O) {
       if (O[H] > 0)
         return H;
     },
@@ -599,22 +599,22 @@ function ot(t) {
     var N = Math.max(r.top, 0), S = Math.min(
       r.bottom,
       i
-    ), B = (S - o + Math.min(i - o, N)) / 2;
+    ), I = (S - o + Math.min(i - o, N)) / 2;
     y = Math.max(
-      m ? B : n == 3 ? r.top + f + s : Math.min(B, x[1]),
+      m ? I : n == 3 ? r.top + c + s : Math.min(I, x[1]),
       0
     ), $ && r.left > b && (v = r.left - _ - s + p / 2);
   }
-  let I = a.classList, C = t.css;
-  I.remove(...tt), I.add(tt[n]), t.index = n, C.left = _ + K, C.top = y + K;
-  let j = C["--tips-arrow-top"] = m ? Math.min(
+  let j = a.classList, C = t.css;
+  j.remove(...et), j.add(et[n]), t.index = n, C.left = _ + Q, C.top = y + Q;
+  let U = C["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
     Math.max(y, N) - y,
     o - s
-  ) : Q, U = u - 3 * s;
-  C["--tips-arrow"] = v > U - 10 || m && (j + (o > 50 ? 15 : 0) > o || !j) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, U) : Q;
+  ) : Z, X = u - 3 * s;
+  C["--tips-arrow"] = v > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, X) : Z;
 }
-const Wt = {
+const A = "data-tips-scroll", Ot = {
   name: "Tips",
   props: {
     /* 是否显示 */
@@ -705,7 +705,7 @@ const Wt = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && ot({
+      this.$el.nodeName != "#comment" && ht({
         onresize: !1,
         /* 监控的目标 */
         target: this.$el.parentNode,
@@ -721,7 +721,7 @@ const Wt = {
     },
     scrollListener() {
       this.static || this.parent((t, e, i) => {
-        e ? g(t.addEventListener, t, "scroll", E) : (g(R.observe, R, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, "-tips-scroll"), i || (g(t.addEventListener, t, "scroll", E), this.attr(t, "-tips-scroll", "true"))));
+        e ? g(t.addEventListener, t, "scroll", E) : (g(R.observe, R, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, A), i || (g(t.addEventListener, t, "scroll", E), this.attr(t, A, "true"))));
       });
     }
   },
@@ -732,17 +732,17 @@ const Wt = {
         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(), P.delay = +this.delay, Lt((t) => {
+    ), this.css["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0, this.init(), B.delay = +this.delay, Wt((t) => {
       this.scrollListener();
     }), this.scrollListener();
   },
   unmounted() {
     this.parent(function(t, e) {
-      g(t.removeEventListener, t, "scroll", E), g(t.removeAttribute, t, "-tips-scroll", void 0), e || g(R.unobserve, R, t);
+      g(t.removeEventListener, t, "scroll", E), g(t.removeAttribute, t, A, void 0), e || g(R.unobserve, R, t);
     });
   }
 };
-var Ot = function() {
+var At = function() {
   var e = this, i = e._self._c;
   return e.visible ? i("div", e._b({ staticClass: "tips", style: e.static ? null : e.css, attrs: { static: e.static ? "" : null } }, "div", e.$attrs, !1), [e._t("default", function() {
     return [e._t("title", function() {
@@ -751,27 +751,27 @@ var Ot = function() {
       return [e._v(e._s(e.content))];
     })];
   })], 2) : e._e();
-}, At = [], Ft = /* @__PURE__ */ W(
-  Wt,
+}, Ft = [], Pt = /* @__PURE__ */ W(
   Ot,
   At,
+  Ft,
   !1,
   null,
-  "72d69fdc",
+  "d4e2f8f1",
   null,
   null
 );
-const Pt = Ft.exports, Bt = [vt, Nt, kt, Pt], Xt = {
+const Bt = Pt.exports, It = [wt, zt, Mt, Bt], Dt = {
   install(t) {
-    Bt.forEach((e) => {
+    It.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  Nt as Card,
-  vt as Flyweight,
-  kt as Stream,
-  Pt as Tips,
-  Xt as default
+  zt as Card,
+  wt as Flyweight,
+  Mt as Stream,
+  Bt as Tips,
+  Dt as default
 };

package/vue2/style.css

@@ -1 +1 @@
-@charset "UTF-8";.flyweight[data-v-d5f1cd63]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-d5f1cd63]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-d5f1cd63]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-d5f1cd63]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-d5f1cd63]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-d5f1cd63]{background-color:red!important}}.card[data-v-ec96bb2a]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px;position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar-track,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-ec96bb2a],.card [simply][data-v-ec96bb2a]{background-color:inherit;border:0!important}.card[nothing][data-v-ec96bb2a],.card [nothing][data-v-ec96bb2a]{margin:0!important;padding:0!important;border:0!important}.card[flex][data-v-ec96bb2a],.card[space][data-v-ec96bb2a],.card[row][data-v-ec96bb2a],.card[column][data-v-ec96bb2a],.card [flex][data-v-ec96bb2a],.card [space][data-v-ec96bb2a],.card [row][data-v-ec96bb2a],.card [column][data-v-ec96bb2a]{display:flex}.card[column][data-v-ec96bb2a],.card [column][data-v-ec96bb2a]{flex-direction:column}.card[row][data-v-ec96bb2a],.card [row][data-v-ec96bb2a]{flex-direction:row}.card[space][data-v-ec96bb2a],.card [space][data-v-ec96bb2a]{justify-content:space-between}.card[space=around][data-v-ec96bb2a],.card [space=around][data-v-ec96bb2a]{justify-content:space-around}.card[space=evenly][data-v-ec96bb2a],.card [space=evenly][data-v-ec96bb2a]{justify-content:space-evenly}.card[center][data-v-ec96bb2a],.card [center][data-v-ec96bb2a]{justify-content:center}.card[vcenter][data-v-ec96bb2a],.card [vcenter][data-v-ec96bb2a]{align-items:center}.card .card-title[data-v-ec96bb2a]{max-height:40px}.card .card-close[data-v-ec96bb2a]{position:absolute;width:20px;height:20px;right:10px;top:10px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent);transition:all .3s ease}.card .card-close.hide[data-v-ec96bb2a]{display:none}.card .card-close[data-v-ec96bb2a]:before,.card .card-close[data-v-ec96bb2a]:after{content:"";width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:inherit;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-ec96bb2a]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-ec96bb2a]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-ec96bb2a]{overflow:auto;height:100%}.card .card-content[data-v-ec96bb2a]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-72d69fdc]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.warning[data-v-72d69fdc],.tips.warn[data-v-72d69fdc]{--tips-background-color: #f44336}.tips.notice[data-v-72d69fdc]{--tips-background-color: #ff9800}.tips.simply[data-v-72d69fdc]{--tips-background-color: #00BCD4}.tips.animate[data-v-72d69fdc]{transition:all .3s}.tips-title[data-v-72d69fdc]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-72d69fdc]:empty{display:none}.tips[static][data-v-72d69fdc]{position:static!important}.tips.arrow[data-v-72d69fdc]{--deg: 45deg}.tips.arrow[data-v-72d69fdc]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-72d69fdc]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-72d69fdc]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-72d69fdc]:before,.tips.s-right[data-v-72d69fdc]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-72d69fdc]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-72d69fdc]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-72d69fdc]:before,.tips.s-bottom[data-v-72d69fdc]:before{left:calc(var(--tips-arrow-left) * 1px)}
+@charset "UTF-8";.flyweight[data-v-d5f1cd63]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-d5f1cd63]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-d5f1cd63]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-d5f1cd63]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-d5f1cd63]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-d5f1cd63]{background-color:red!important}}html [simply]{background-color:inherit;border:0!important}html [nothing]{margin:0!important;padding:0!important;border:0!important}html [flex],html [space],html [row],html [column]{display:flex}html [column]{flex-direction:column}html [row]{flex-direction:row}html [space]{justify-content:space-between}html [space=around]{justify-content:space-around}html [space=evenly]{justify-content:space-evenly}html [center]{justify-content:center}html [vcenter]{align-items:center}html [hand]{cursor:pointer}html [overflow]{overflow:auto!important}html [overflow=scroll]{overflow:scroll!important}.card[data-v-17093fb8]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px;position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar-track,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card .card[simply][data-v-17093fb8]{background-color:inherit;border:0!important}.card .card[nothing][data-v-17093fb8]{margin:0!important;padding:0!important;border:0!important}.card .card[flex][data-v-17093fb8],.card .card[space][data-v-17093fb8],.card .card[row][data-v-17093fb8],.card .card[column][data-v-17093fb8]{display:flex}.card .card[column][data-v-17093fb8]{flex-direction:column}.card .card[row][data-v-17093fb8]{flex-direction:row}.card .card[space][data-v-17093fb8]{justify-content:space-between}.card .card[space=around][data-v-17093fb8]{justify-content:space-around}.card .card[space=evenly][data-v-17093fb8]{justify-content:space-evenly}.card .card[center][data-v-17093fb8]{justify-content:center}.card .card[vcenter][data-v-17093fb8]{align-items:center}.card .card[hand][data-v-17093fb8]{cursor:pointer}.card .card[overflow][data-v-17093fb8]{overflow:auto!important}.card .card[overflow=scroll][data-v-17093fb8]{overflow:scroll!important}.card .card-title[data-v-17093fb8]{max-height:40px}.card .card-close[data-v-17093fb8]{position:absolute;width:20px;height:20px;right:10px;top:10px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent);transition:all .3s ease}.card .card-close.hide[data-v-17093fb8]{display:none}.card .card-close[data-v-17093fb8]:before,.card .card-close[data-v-17093fb8]:after{content:"";width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:inherit;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-17093fb8]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-17093fb8]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-17093fb8]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-17093fb8]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-17093fb8]{overflow:auto;height:100%}.card .card-content[data-v-17093fb8]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-d4e2f8f1]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.warning[data-v-d4e2f8f1],.tips.warn[data-v-d4e2f8f1]{--tips-background-color: #f44336}.tips.notice[data-v-d4e2f8f1]{--tips-background-color: #ff9800}.tips.simply[data-v-d4e2f8f1]{--tips-background-color: #00BCD4}.tips.animate[data-v-d4e2f8f1]{transition:all .3s}.tips-title[data-v-d4e2f8f1]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-d4e2f8f1]:empty{display:none}.tips[static][data-v-d4e2f8f1]{position:static!important}.tips.arrow[data-v-d4e2f8f1]{--deg: 45deg}.tips.arrow[data-v-d4e2f8f1]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-d4e2f8f1]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-d4e2f8f1]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-d4e2f8f1]:before,.tips.s-right[data-v-d4e2f8f1]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-d4e2f8f1]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-d4e2f8f1]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-d4e2f8f1]:before,.tips.s-bottom[data-v-d4e2f8f1]:before{left:calc(var(--tips-arrow-left) * 1px)}