@soei/flyweight 0.2.13 → 0.3.0

package/Flyweight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@soei/util"),i=require("vue");let I=/(\d+|[+\-\*/]|%)/g,E={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,s)=>parseFloat(e)/100*s},N=(e,t)=>{let s;if(s=o.runer("match",e,I)){let n=s.length,l,h=0,r,c=[];for(;n--;)h=s.shift(),h in E?(l&&c.push(l),h==="%"&&(c.length=2),r=h):+h&&c.push(+h),c.length==2&&(c.push(t),l=E[r].apply(null,c),c.length=0);+l||(l=+c.pop()),e=l>>0}return e},B=e=>(e+"").replace(/\w+\((.*)\)/g,"$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g,"$1px");const L=(e,t)=>{const s=e.__vccOpts||e;for(const[n,l]of t)s[n]=l;return s};let C=e=>e==null||e==null,V=(...e)=>{console.info("::::FLYWEIGHT",...e)};const W={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:Number,default:0},height:{type:Number,default:100},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:Number,default:!1},left:{type:Number,default:!1},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""}},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,s)=>{e[t]=s}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(e){V(e)}this.scrollx=o.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:B,trigger(e,t){this.lazyrun(()=>{o.isArray(e)||(e=[[e,t]]),o.each(e,(s,n)=>{this.$emit(n[0],C(n[1])?!0:n[1])})})},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){o.runer([this.cheackflys,t=>{t=t||{};let s=t.index||o.each(this.flys,(n,l,h,r)=>{if(l[h]==r)return n},t.picker,t.id);C(s)||this.setindex(s)}],this,e)},setindex(e){o.runer([this.cheackflys,({index:t})=>{this.selectIndex=t,this.$nextTick(()=>{let s=t/this.column>>0,n=this.expand;(this.flyweight[this.direction]/n>>0)+this.row-s-1>0||(this.flyweight[this.direction]=s*n,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{o.runer(e)},t||this.lazy)},run(e){let t=[],s=o.runer(this.direction,e.target),n={offset:s,top:s,width:this.realW,height:this.realH,index:s/this.expand>>0};o.merge(n,this.space),e.from||t.push(["onscroll",n]);let l=!1;o.each(this.flyweights,(h,r,c,d,f,u,p,g,a)=>{if(c=h/f>>0,g=c+d*(+(c<u%d)+(u/d>>0)),a=g*f+h%f,a>=this.count){l||(t.push(["onend"]),l=!0);return}r.index=g,r.i=a,r.data=this.flys[a];let y=[g*this.expand+r.x,r.space];p&&y.reverse(),r.top=y[0],r.left=y[1]},null,this.row,this.column,n.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 s=this.scrollx,n=this.flyweight,l=o.picker(n,this.BoxRule);this.$nextTick(()=>{let h=/true/.test(this.auto),[r,c]=this.offset,d=l.width,f=l.height,u=(N(this.width,d)||d)+r,p=N(this.height,f)+c,g=[d/u>>0||1,f/p>>0||1];s&&g.reverse();let[a,y]=g,_=this.padding,S,k=0,m,b;s?(m=u,u-=r,b=w=>w*(p-c)+(w+1)*c):(h?(u=(d-r*(a+2*_-1))/a,S=!_*r,k=_*r):(S=0,k=(d%u+r*a)/(a+1)>>0,u-=r),b=w=>w*(u+S)+(w+1)*k,m=p),this.row=y+2,this.column=a,this.realH=p-c,this.realW=u,this.expand=m,this.Size=Math.ceil(e/a)*m;let T=Math.min(e,a*this.row),x=T-1,z;for(;T-- >0;)z=x-T,this.$set(t,z,{x:r,y:c,width:u,height:p-c,space:b(z%a),data:{}});t.length=x+1;let v=[];f/m>x/a&&v.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),v.push(["update:space",{row:(x/a>>0)+1,column:a,showrow:this.row,showcolumn:this.column}]),this.trigger(v)})}}},j={class:"flyweight-all"};function M(e,t,s,n,l,h){return i.openBlock(),i.createElementBlock("div",{ref:"flyweight",class:i.normalizeClass(["flyweight",{"flyweight-active":l.actice}]),style:i.normalizeStyle({"--width":h.exec(l.realW),"--height":h.exec(l.realH),"--flyweight-content":h.exec(l.Size)}),onScroll:t[0]||(t[0]=(...r)=>h.scroll&&h.scroll(...r))},[i.createElementVNode("div",j,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(l.flyweights,(r,c)=>(i.openBlock(),i.createElementBlock("div",{key:c,style:i.normalizeStyle({top:r.top+"px",left:r.left+"px"})},[i.renderSlot(e.$slots,"default",i.mergeProps({ref_for:!0},r),void 0,!0)],4))),128))]),l.flyweights.length?i.renderSlot(e.$slots,"end",{key:0},void 0,!0):i.createCommentVNode("",!0)],38)}const H=L(W,[["render",M],["__scopeId","data-v-8f29f044"]]);function $(e,t){return t&&(e=e.replace(/[a-z]/g,"")),e.toLowerCase()}let O={close:{handler(e){this.change(e)},deep:!0},offset:{handler(e){this.margin(e)},deep:!0}},q=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],A={};o.each(q,(e,t,s)=>{e=$(t),A["--"+$(t,!0)]=e,s[e]=function(){this.trigger++}},O);const G={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:{},style:{},trigger:0,default:{top:"0px",right:"0px",bottom:"0px",left:"0px",height:"100%",width:"100%",background:"",border:"1px"}}},computed:{style(){return this.tr()}},watch:O,methods:{exec:B,isEmpty:o.isEmpty,isSimplyType:o.isSimplyType,tr(){let e={};return this.margin(this.offset),o.each(A,(t,s)=>{this.css(e,t,s)}),e},tolower:$,css(e,t,s){let n=this[s]||this.default[s];!n||this.default[s]==n||(e[t]=B(n))},change(e){o.isSimplyType(e)||(this.closecss=o.picker(e,"color=>--s-card-close-color,*"))},margin(e){o.merge(this,o.picker(o.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)}},P={class:"card-title"},D={class:"card-content"};function U(e,t,s,n,l,h){return i.openBlock(),i.createElementBlock("div",{class:"card",key:l.trigger,style:i.normalizeStyle(h.isEmpty(h.style)?h.tr():h.style)},[i.renderSlot(e.$slots,"default",{},()=>[i.renderSlot(e.$slots,"title",{},()=>[i.createElementVNode("div",P,[i.createTextVNode(i.toDisplayString(s.show||s.title)+" ",1),i.createElementVNode("div",{class:i.normalizeClass(["card-close",{hide:h.isSimplyType(s.close)?!s.close:!1}]),style:i.normalizeStyle(l.closecss),onClick:t[0]||(t[0]=r=>e.$emit("close"))},null,6)])],!0),i.renderSlot(e.$slots,"content",{},()=>[i.createElementVNode("div",D,[i.renderSlot(e.$slots,"inner",{},void 0,!0)])],!0)],!0)],4)}const F=L(G,[["render",U],["__scopeId","data-v-23ece4cb"]]),R={name:"Stream",props:{type:{type:String,default:"div"},data:{type:Array,default:()=>[]},T:{type:Array,default:()=>[]}},render(e){return e(this.type,{props:{data:this.data}},this._l(this.T,(t,s)=>{let n=o.picker(t,"slot|name|type=>name").name,l=o.picker(this,o.format("$scopedSlots.?|$slots.?|$scopedSlots.default=>?",n));return o.merge(t,{index:s}),o.runer(n,l,t)}))}},X=[H,F,R],Y={install(e){X.forEach(t=>{e.component("S"+t.name,t),e.component(t.name+"S",t)})}};exports.Card=F;exports.Flyweight=H;exports.Stream=R;exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@soei/util"),l=require("vue");let I=/(\d+|[+\-\*/]|%)/g,N={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,s)=>parseFloat(e)/100*s},C=(e,t)=>{let s;if(s=c.runer("match",e,I)){let h=s.length,r,n=0,i,o=[];for(;h--;)n=s.shift(),n in N?(r&&o.push(r),n==="%"&&(o.length=2),i=n):+n&&o.push(+n),o.length==2&&(o.push(t),r=N[i].apply(null,o),o.length=0);+r||(r=+o.pop()),e=r>>0}return e},B=e=>(e+"").replace(/\w+\((.*)\)/g,"$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g,"$1px");const E=(e,t)=>{const s=e.__vccOpts||e;for(const[h,r]of t)s[h]=r;return s};let L=e=>e==null||e==null,V=(...e)=>{console.info("::::FLYWEIGHT",...e)};const W={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:Number,default:0},height:{type:Number,default:100},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:Number,default:!1},left:{type:Number,default:!1},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""}},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,s)=>{e[t]=s}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(e){V(e)}this.scrollx=c.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:B,trigger(e,t){this.lazyrun(()=>{c.isArray(e)||(e=[[e,t]]),c.each(e,(s,h)=>{this.$emit(h[0],L(h[1])?!0:h[1])})})},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){c.runer([this.cheackflys,t=>{t=t||{};let s=t.index||c.each(this.flys,(h,r,n,i)=>{if(r[n]==i)return h},t.picker,t.id);L(s)||this.setindex(s)}],this,e)},setindex(e){c.runer([this.cheackflys,({index:t})=>{this.selectIndex=t,this.$nextTick(()=>{let s=t/this.column>>0,h=this.expand;(this.flyweight[this.direction]/h>>0)+this.row-s-1>0||(this.flyweight[this.direction]=s*h,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{c.runer(e)},t||this.lazy)},run(e){let t=[],s=c.runer(this.direction,e.target),h={offset:s,top:s,width:this.realW,height:this.realH,index:s/this.expand>>0};c.merge(h,this.space),e.from||t.push(["onscroll",h]);let r=!1;c.each(this.flyweights,(n,i,o,d,f,u,p,g,a)=>{if(o=n/f>>0,g=o+d*(+(o<u%d)+(u/d>>0)),a=g*f+n%f,a>=this.count){r||(t.push(["onend"]),r=!0);return}i.index=g,i.i=a,i.data=this.flys[a];let y=[g*this.expand+i.x,i.space];p&&y.reverse(),i.top=y[0],i.left=y[1]},null,this.row,this.column,h.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 s=this.scrollx,h=this.flyweight,r=c.picker(h,this.BoxRule);this.$nextTick(()=>{let n=/true/.test(this.auto),[i,o]=this.offset,d=r.width,f=r.height,u=(C(this.width,d)||d)+i,p=C(this.height,f)+o,g=[d/u>>0||1,f/p>>0||1];s&&g.reverse();let[a,y]=g,_=this.padding,S,k=0,m,b;s?(m=u,u-=i,b=w=>w*(p-o)+(w+1)*o):(n?(u=(d-i*(a+2*_-1))/a,S=!_*i,k=_*i):(S=0,k=(d%u+i*a)/(a+1)>>0,u-=i),b=w=>w*(u+S)+(w+1)*k,m=p),this.row=y+2,this.column=a,this.realH=p-o,this.realW=u,this.expand=m,this.Size=Math.ceil(e/a)*m;let T=Math.min(e,a*this.row),x=T-1,z;for(;T-- >0;)z=x-T,this.$set(t,z,{x:i,y:o,width:u,height:p-o,space:b(z%a),data:{}});t.length=x+1;let v=[];f/m>x/a&&v.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),v.push(["update:space",{row:(x/a>>0)+1,column:a,showrow:this.row,showcolumn:this.column}]),this.trigger(v)})}}},j={class:"flyweight-all"};function M(e,t,s,h,r,n){return l.openBlock(),l.createElementBlock("div",{ref:"flyweight",class:l.normalizeClass(["flyweight",{"flyweight-active":r.actice}]),style:l.normalizeStyle({"--width":n.exec(r.realW),"--height":n.exec(r.realH),"--flyweight-content":n.exec(r.Size)}),onScroll:t[0]||(t[0]=(...i)=>n.scroll&&n.scroll(...i))},[l.createElementVNode("div",j,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(r.flyweights,(i,o)=>(l.openBlock(),l.createElementBlock("div",{key:o,style:l.normalizeStyle({top:i.top+"px",left:i.left+"px"})},[l.renderSlot(e.$slots,"default",l.mergeProps({ref_for:!0},i),void 0,!0)],4))),128))]),r.flyweights.length?l.renderSlot(e.$slots,"end",{key:0},void 0,!0):l.createCommentVNode("",!0)],38)}const F=E(W,[["render",M],["__scopeId","data-v-8f29f044"]]);function $(e,t){return t&&(e=e.replace(/[a-z]/g,"")),e.toLowerCase()}let H={close:{handler(e){this.change(e)},deep:!0},offset:{handler(e){this.margin(e)},deep:!0}},P=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],O={};c.each(P,(e,t,s)=>{e=$(t),O["--"+$(t,!0)]=e,s[e]=function(){this.trigger++}},H);const q={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:H,methods:{exec:B,isEmpty:c.isEmpty,isSimplyType:c.isSimplyType,tr(){let e={};return this.margin(this.offset),c.each(O,(t,s)=>{this.css(e,t,s)}),e},tolower:$,css(e,t,s){let h=this[s]||this.default[s];!h||this.default[s]==h||(e[t]=B(h))},change(e){c.isSimplyType(e)||(this.closecss=c.picker(e,"color=>--s-card-close-color,*"))},margin(e){c.merge(this,c.picker(c.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)}},D={class:"card-title"},G={class:"card-content"};function U(e,t,s,h,r,n){return l.openBlock(),l.createElementBlock("div",{class:"card",key:r.trigger,style:l.normalizeStyle(n.isEmpty(n.style)?n.tr():n.style)},[l.renderSlot(e.$slots,"default",{},()=>[l.renderSlot(e.$slots,"title",{},()=>[l.createElementVNode("div",D,[l.createTextVNode(l.toDisplayString(s.show||s.title)+" ",1),l.createElementVNode("div",{class:l.normalizeClass(["card-close",{hide:n.isSimplyType(s.close)?!s.close:!1}]),style:l.normalizeStyle(r.closecss),onClick:t[0]||(t[0]=i=>e.$emit("close"))},null,6)])],!0),l.renderSlot(e.$slots,"content",{},()=>[l.createElementVNode("div",G,[l.renderSlot(e.$slots,"inner",{},void 0,!0)])],!0)],!0)],4)}const A=E(q,[["render",U],["__scopeId","data-v-fcd6014d"]]),X={name:"Stream",props:{type:{type:String,default:"div"},data:{type:Array,default:()=>[]},T:{type:Array,default:()=>[]}}};function Y(e,t,s,h,r,n){return l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.type),l.mergeProps(e.$attrs,{data:s.data}),{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(s.T,i=>l.renderSlot(e.$slots,i.slot||i.type||"default",l.mergeProps({key:i.type,ref_for:!0},i))),128))]),_:3},16,["data"])}const R=E(X,[["render",Y]]),J=[F,A,R],K={install(e){J.forEach(t=>{e.component("S"+t.name,t),e.component(t.name+"S",t)})}};exports.Card=A;exports.Flyweight=F;exports.Stream=R;exports.default=K;

package/Flyweight.js

@@ -1,31 +1,31 @@
-import { runer as p, isArray as D, each as x, merge as R, picker as _, isEmpty as P, isSimplyType as E, isString as U, format as X } from "@soei/util";
-import { openBlock as S, createElementBlock as T, normalizeClass as j, normalizeStyle as z, createElementVNode as k, Fragment as Y, renderList as q, renderSlot as g, mergeProps as J, createCommentVNode as K, createTextVNode as Q, toDisplayString as Z } from "vue";
-let ee = /(\d+|[+\-\*/]|%)/g, F = {
-  "+": (e, t) => e + t,
-  "-": (e, t) => e - t,
-  "*": (e, t) => e * t,
-  "/": (e, t) => e / t,
-  "%": (e, t, s) => parseFloat(e) / 100 * s
-}, I = (e, t) => {
+import { runer as p, isArray as X, each as _, merge as V, picker as H, isEmpty as Y, isSimplyType as F, isString as q } from "@soei/util";
+import { openBlock as y, createElementBlock as b, normalizeClass as D, normalizeStyle as T, createElementVNode as k, Fragment as G, renderList as M, renderSlot as g, mergeProps as A, createCommentVNode as J, createTextVNode as K, toDisplayString as Q, createBlock as Z, resolveDynamicComponent as tt, withCtx as et } from "vue";
+let st = /(\d+|[+\-\*/]|%)/g, I = {
+  "+": (t, e) => t + e,
+  "-": (t, e) => t - e,
+  "*": (t, e) => t * e,
+  "/": (t, e) => t / e,
+  "%": (t, e, s) => parseFloat(t) / 100 * s
+}, W = (t, e) => {
   let s;
-  if (s = p("match", e, ee)) {
-    let r = s.length, i, h = 0, l, n = [];
-    for (; r--; )
-      h = s.shift(), h in F ? (i && n.push(i), h === "%" && (n.length = 2), l = h) : +h && n.push(+h), n.length == 2 && (n.push(t), i = F[l].apply(null, n), n.length = 0);
-    +i || (i = +n.pop()), e = i >> 0;
+  if (s = p("match", t, st)) {
+    let h = s.length, l, r = 0, i, n = [];
+    for (; h--; )
+      r = s.shift(), r in I ? (l && n.push(l), r === "%" && (n.length = 2), i = r) : +r && n.push(+r), n.length == 2 && (n.push(e), l = I[i].apply(null, n), n.length = 0);
+    +l || (l = +n.pop()), t = l >> 0;
   }
-  return e;
-}, C = (e) => (e + "").replace(/\w+\((.*)\)/g, "$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g, "$1px");
-const V = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [r, i] of t)
-    s[r] = i;
+  return t;
+}, O = (t) => (t + "").replace(/\w+\((.*)\)/g, "$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g, "$1px");
+const E = (t, e) => {
+  const s = t.__vccOpts || t;
+  for (const [h, l] of e)
+    s[h] = l;
   return s;
 };
-let W = (e) => e == null || e == null, te = (...e) => {
-  console.info("::::FLYWEIGHT", ...e);
+let j = (t) => t == null || t == null, it = (...t) => {
+  console.info("::::FLYWEIGHT", ...t);
 };
-const se = {
+const lt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -97,82 +97,82 @@ const se = {
     };
   },
   watch: {
-    flys(e) {
-      this.count = e.length, this.rebuild();
-      let t = this.task.shift();
-      t && this.$nextTick(() => {
-        this.setview(t);
+    flys(t) {
+      this.count = t.length, this.rebuild();
+      let e = this.task.shift();
+      e && this.$nextTick(() => {
+        this.setview(e);
       });
     },
     view: {
-      handler(e) {
-        this.setview(e);
+      handler(t) {
+        this.setview(t);
       },
       immediate: !0,
       deep: !0
     },
-    index(e) {
-      this.setindex(e);
+    index(t) {
+      this.setindex(t);
     },
-    top(e) {
-      this.flyweight.scrollTop = e;
+    top(t) {
+      this.flyweight.scrollTop = t;
     },
-    left(e) {
-      this.flyweight.scrollLeft = e;
+    left(t) {
+      this.flyweight.scrollLeft = t;
     }
   },
   mounted() {
-    this.flyweights = [], this.$set || (this.$set = (e, t, s) => {
-      e[t] = s;
+    this.flyweights = [], this.$set || (this.$set = (t, e, s) => {
+      t[e] = s;
     }), this.setindex(this.index);
     try {
       new ResizeObserver(() => {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
-    } catch (e) {
-      te(e);
+    } catch (t) {
+      it(t);
     }
     this.scrollx = p("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: C,
-    trigger(e, t) {
+    exec: O,
+    trigger(t, e) {
       this.lazyrun(() => {
-        D(e) || (e = [[e, t]]), x(e, (s, r) => {
-          this.$emit(r[0], W(r[1]) ? !0 : r[1]);
+        X(t) || (t = [[t, e]]), _(t, (s, h) => {
+          this.$emit(h[0], j(h[1]) ? !0 : h[1]);
         });
       });
     },
-    cheackflys(e) {
+    cheackflys(t) {
       if (!this.flys.length)
-        return e && this.task.push(e), !0;
-    },
-    setview(e) {
-      p([this.cheackflys, (t) => {
-        t = t || {};
-        let s = t.index || x(this.flys, (r, i, h, l) => {
-          if (i[h] == l)
-            return r;
-        }, t.picker, t.id);
-        W(s) || this.setindex(s);
-      }], this, e);
-    },
-    setindex(e) {
-      p([this.cheackflys, ({ index: t }) => {
-        this.selectIndex = t, this.$nextTick(() => {
-          let s = t / this.column >> 0, r = this.expand;
-          (this.flyweight[this.direction] / r >> 0) + this.row - s - 1 > 0 || (this.flyweight[this.direction] = s * r, this.scroll());
+        return t && this.task.push(t), !0;
+    },
+    setview(t) {
+      p([this.cheackflys, (e) => {
+        e = e || {};
+        let s = e.index || _(this.flys, (h, l, r, i) => {
+          if (l[r] == i)
+            return h;
+        }, e.picker, e.id);
+        j(s) || this.setindex(s);
+      }], this, t);
+    },
+    setindex(t) {
+      p([this.cheackflys, ({ index: e }) => {
+        this.selectIndex = e, this.$nextTick(() => {
+          let s = e / this.column >> 0, h = this.expand;
+          (this.flyweight[this.direction] / h >> 0) + this.row - s - 1 > 0 || (this.flyweight[this.direction] = s * h, this.scroll());
         });
-      }], this, { index: e });
+      }], this, { index: t });
     },
-    lazyrun(e, t) {
+    lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        p(e);
-      }, t || this.lazy);
+        p(t);
+      }, e || this.lazy);
     },
-    run(e) {
-      let t = [], s = p(this.direction, e.target), r = {
+    run(t) {
+      let e = [], s = p(this.direction, t.target), h = {
         // ...this
         offset: s,
         top: s,
@@ -181,125 +181,125 @@ const se = {
         /* 显示区域第一行的索引 */
         index: s / this.expand >> 0
       };
-      R(r, this.space), e.from || t.push(["onscroll", r]);
-      let i = !1;
-      x(
+      V(h, this.space), t.from || e.push(["onscroll", h]);
+      let l = !1;
+      _(
         this.flyweights,
-        (h, l, n, c, u, a, d, f, o) => {
-          if (n = h / u >> 0, f = n + c * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(n < a % c) + (a / c >> 0)), o = f * u + h % u, o >= this.count) {
-            i || (t.push(["onend"]), i = !0);
+        (r, i, n, c, u, a, d, f, o) => {
+          if (n = r / u >> 0, f = n + c * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(n < a % c) + (a / c >> 0)), o = f * u + r % u, o >= this.count) {
+            l || (e.push(["onend"]), l = !0);
             return;
           }
-          l.index = f, l.i = o, l.data = this.flys[o];
-          let y = [
+          i.index = f, i.i = o, i.data = this.flys[o];
+          let m = [
             /* top */
-            f * this.expand + l.x,
+            f * this.expand + i.x,
             /* left */
-            l.space
+            i.space
           ];
-          d && y.reverse(), l.top = y[0], l.left = y[1];
+          d && m.reverse(), i.top = m[0], i.left = m[1];
         },
         null,
         this.row,
         this.column,
         /* 显示区域第一行的索引 */
-        r.index,
+        h.index,
         this.scrollx
-      ), this.trigger(t), t = null;
+      ), this.trigger(e), e = null;
     },
-    scroll(e) {
-      this.run(e || { target: this.flyweight, from: "space" });
+    scroll(t) {
+      this.run(t || { 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 s = this.scrollx, r = this.flyweight, i = _(r, this.BoxRule);
+      let t = this.count || this.flys.length, e = this.flyweights;
+      if (!t)
+        return e.length = t;
+      this.count = t;
+      let s = this.scrollx, h = this.flyweight, l = H(h, this.BoxRule);
       this.$nextTick(() => {
-        let h = /true/.test(this.auto), [l, n] = this.offset, c = i.width, u = i.height, a = (I(this.width, c) || c) + l, d = I(this.height, u) + n, f = [c / a >> 0 || 1, u / d >> 0 || 1];
+        let r = /true/.test(this.auto), [i, n] = this.offset, c = l.width, u = l.height, a = (W(this.width, c) || c) + i, d = W(this.height, u) + n, f = [c / a >> 0 || 1, u / d >> 0 || 1];
         s && f.reverse();
-        let [o, y] = f, v = this.padding, $, N = 0, m, B;
-        s ? (m = a, a -= l, B = (w) => (
+        let [o, m] = f, v = this.padding, z, $ = 0, w, B;
+        s ? (w = a, a -= i, B = (x) => (
           /* 计算top偏移量 */
-          w * (d - n) + (w + 1) * n
-        )) : (h ? (a = (c - l * (o + 2 * v - 1)) / o, $ = !v * l, N = v * l) : ($ = 0, N = (c % a + l * o) / (o + 1) >> 0, a -= l), B = (w) => w * (a + $) + (w + 1) * N, m = d), this.row = y + 2, this.column = o, this.realH = d - n, this.realW = a, this.expand = m, this.Size = Math.ceil(e / o) * m;
-        let L = Math.min(e, o * this.row), b = L - 1, H;
-        for (; L-- > 0; )
-          H = b - L, this.$set(t, H, {
-            x: l,
+          x * (d - n) + (x + 1) * n
+        )) : (r ? (a = (c - i * (o + 2 * v - 1)) / o, z = !v * i, $ = v * i) : (z = 0, $ = (c % a + i * o) / (o + 1) >> 0, a -= i), B = (x) => x * (a + z) + (x + 1) * $, w = d), this.row = m + 2, this.column = o, this.realH = d - n, this.realW = a, this.expand = w, this.Size = Math.ceil(t / o) * w;
+        let N = Math.min(t, o * this.row), S = N - 1, C;
+        for (; N-- > 0; )
+          C = S - N, this.$set(e, C, {
+            x: i,
             y: n,
             width: a,
             height: d - n,
-            space: B(H % o),
+            space: B(C % o),
             data: {}
           });
-        t.length = b + 1;
-        let A = [];
-        u / m > b / o && A.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        e.length = S + 1;
+        let L = [];
+        u / w > S / o && L.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), A.push(["update:space", {
-          row: (b / o >> 0) + 1,
+        }), L.push(["update:space", {
+          row: (S / o >> 0) + 1,
           column: o,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(A);
+        }]), this.trigger(L);
       });
     }
   }
-}, ie = { class: "flyweight-all" };
-function le(e, t, s, r, i, h) {
-  return S(), T("div", {
+}, rt = { class: "flyweight-all" };
+function ht(t, e, s, h, l, r) {
+  return y(), b("div", {
     ref: "flyweight",
-    class: j(["flyweight", {
-      "flyweight-active": i.actice
+    class: D(["flyweight", {
+      "flyweight-active": l.actice
     }]),
-    style: z({
-      "--width": h.exec(i.realW),
-      "--height": h.exec(i.realH),
-      "--flyweight-content": h.exec(i.Size)
+    style: T({
+      "--width": r.exec(l.realW),
+      "--height": r.exec(l.realH),
+      "--flyweight-content": r.exec(l.Size)
     }),
-    onScroll: t[0] || (t[0] = (...l) => h.scroll && h.scroll(...l))
+    onScroll: e[0] || (e[0] = (...i) => r.scroll && r.scroll(...i))
   }, [
-    k("div", ie, [
-      (S(!0), T(Y, null, q(i.flyweights, (l, n) => (S(), T("div", {
+    k("div", rt, [
+      (y(!0), b(G, null, M(l.flyweights, (i, n) => (y(), b("div", {
         key: n,
-        style: z({
-          top: l.top + "px",
-          left: l.left + "px"
+        style: T({
+          top: i.top + "px",
+          left: i.left + "px"
         })
       }, [
-        g(e.$slots, "default", J({ ref_for: !0 }, l), void 0, !0)
+        g(t.$slots, "default", A({ ref_for: !0 }, i), void 0, !0)
       ], 4))), 128))
     ]),
-    i.flyweights.length ? g(e.$slots, "end", { key: 0 }, void 0, !0) : K("", !0)
+    l.flyweights.length ? g(t.$slots, "end", { key: 0 }, void 0, !0) : J("", !0)
   ], 38);
 }
-const re = /* @__PURE__ */ V(se, [["render", le], ["__scopeId", "data-v-8f29f044"]]);
-function O(e, t) {
-  return t && (e = e.replace(/[a-z]/g, "")), e.toLowerCase();
+const nt = /* @__PURE__ */ E(lt, [["render", ht], ["__scopeId", "data-v-8f29f044"]]);
+function R(t, e) {
+  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let G = {
+let P = {
   close: {
-    handler(e) {
-      this.change(e);
+    handler(t) {
+      this.change(t);
     },
     deep: !0
   },
   offset: {
-    handler(e) {
-      this.margin(e);
+    handler(t) {
+      this.margin(t);
     },
     deep: !0
   }
-}, he = ["BackGround", "BordeR", "Height", "Width", "Top", "Right", "Bottom", "Left"], M = {};
-x(he, (e, t, s) => {
-  e = O(t), M["--" + O(t, !0)] = e, s[e] = function() {
+}, ot = ["BackGround", "BordeR", "Height", "Width", "Top", "Right", "Bottom", "Left"], U = {};
+_(ot, (t, e, s) => {
+  t = R(e), U["--" + R(e, !0)] = t, s[t] = function() {
     this.trigger++;
   };
-}, G);
-const ne = {
+}, P);
+const at = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -339,7 +339,7 @@ const ne = {
   data() {
     return {
       closecss: {},
-      style: {},
+      // style: {},
       trigger: 0,
       default: {
         top: "0px",
@@ -358,28 +358,28 @@ const ne = {
       return this.tr();
     }
   },
-  watch: G,
+  watch: P,
   methods: {
-    exec: C,
-    isEmpty: P,
-    isSimplyType: E,
+    exec: O,
+    isEmpty: Y,
+    isSimplyType: F,
     tr() {
-      let e = {};
-      return this.margin(this.offset), x(M, (t, s) => {
-        this.css(e, t, s);
-      }), e;
-    },
-    tolower: O,
-    css(e, t, s) {
-      let r = this[s] || this.default[s];
-      !r || this.default[s] == r || (e[t] = C(r));
-    },
-    change(e) {
-      E(e) || (this.closecss = _(e, "color=>--s-card-close-color,*"));
-    },
-    margin(e) {
-      R(this, _(
-        U(e) ? e.split(/\s*(?:,|\s+)\s*/) : e,
+      let t = {};
+      return this.margin(this.offset), _(U, (e, s) => {
+        this.css(t, e, s);
+      }), t;
+    },
+    tolower: R,
+    css(t, e, s) {
+      let h = this[s] || this.default[s];
+      !h || this.default[s] == h || (t[e] = O(h));
+    },
+    change(t) {
+      F(t) || (this.closecss = H(t, "color=>--s-card-close-color,*"));
+    },
+    margin(t) {
+      V(this, H(
+        q(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
         "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
         !0
       ), !0);
@@ -388,33 +388,33 @@ const ne = {
   mounted() {
     this.change(this.close);
   }
-}, oe = { class: "card-title" }, ae = { class: "card-content" };
-function ce(e, t, s, r, i, h) {
-  return S(), T("div", {
+}, ct = { class: "card-title" }, ut = { class: "card-content" };
+function dt(t, e, s, h, l, r) {
+  return y(), b("div", {
     class: "card",
-    key: i.trigger,
-    style: z(h.isEmpty(h.style) ? h.tr() : h.style)
+    key: l.trigger,
+    style: T(r.isEmpty(r.style) ? r.tr() : r.style)
   }, [
-    g(e.$slots, "default", {}, () => [
-      g(e.$slots, "title", {}, () => [
-        k("div", oe, [
-          Q(Z(s.show || s.title) + " ", 1),
+    g(t.$slots, "default", {}, () => [
+      g(t.$slots, "title", {}, () => [
+        k("div", ct, [
+          K(Q(s.show || s.title) + " ", 1),
           k("div", {
-            class: j(["card-close", { hide: h.isSimplyType(s.close) ? !s.close : !1 }]),
-            style: z(i.closecss),
-            onClick: t[0] || (t[0] = (l) => e.$emit("close"))
+            class: D(["card-close", { hide: r.isSimplyType(s.close) ? !s.close : !1 }]),
+            style: T(l.closecss),
+            onClick: e[0] || (e[0] = (i) => t.$emit("close"))
           }, null, 6)
         ])
       ], !0),
-      g(e.$slots, "content", {}, () => [
-        k("div", ae, [
-          g(e.$slots, "inner", {}, void 0, !0)
+      g(t.$slots, "content", {}, () => [
+        k("div", ut, [
+          g(t.$slots, "inner", {}, void 0, !0)
         ])
       ], !0)
     ], !0)
   ], 4);
 }
-const ue = /* @__PURE__ */ V(ne, [["render", ce], ["__scopeId", "data-v-23ece4cb"]]), de = {
+const ft = /* @__PURE__ */ E(at, [["render", dt], ["__scopeId", "data-v-fcd6014d"]]), gt = {
   name: "Stream",
   props: {
     type: {
@@ -429,32 +429,29 @@ const ue = /* @__PURE__ */ V(ne, [["render", ce], ["__scopeId", "data-v-23ece4cb
       type: Array,
       default: () => []
     }
-  },
-  render(e) {
-    return e(
-      this.type,
-      {
-        // ...item,
-        props: {
-          data: this.data
-        }
-      },
-      this._l(this.T, (t, s) => {
-        let r = _(t, "slot|name|type=>name").name, i = _(this, X("$scopedSlots.?|$slots.?|$scopedSlots.default=>?", r));
-        return R(t, { index: s }), p(r, i, t);
-      })
-    );
   }
-}, fe = [re, ue, de], ye = {
-  install(e) {
-    fe.forEach((t) => {
-      e.component("S" + t.name, t), e.component(t.name + "S", t);
+};
+function pt(t, e, s, h, l, r) {
+  return y(), Z(tt(s.type), A(t.$attrs, { data: s.data }), {
+    default: et(() => [
+      (y(!0), b(G, null, M(s.T, (i) => g(t.$slots, i.slot || i.type || "default", A({
+        key: i.type,
+        ref_for: !0
+      }, i))), 128))
+    ]),
+    _: 3
+  }, 16, ["data"]);
+}
+const yt = /* @__PURE__ */ E(gt, [["render", pt]]), mt = [nt, ft, yt], _t = {
+  install(t) {
+    mt.forEach((e) => {
+      t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  ue as Card,
-  re as Flyweight,
-  de as Stream,
-  ye as default
+  ft as Card,
+  nt as Flyweight,
+  yt as Stream,
+  _t as default
 };

package/package.json

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

package/style.css

@@ -1 +1 @@
-@charset "UTF-8";.flyweight[data-v-8f29f044]{height:100%;width:100%;overflow:auto;position:relative}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-8f29f044]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all[data-v-8f29f044]+*{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-8f29f044]{height:var(--flyweight-content)}.flyweight .flyweight-all[data-v-8f29f044]>*{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-8f29f044]{background-color:red!important}}.card[data-v-23ece4cb]{--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:10px;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-23ece4cb]::-webkit-scrollbar-track,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-23ece4cb]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-23ece4cb]::-webkit-scrollbar,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-23ece4cb]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-23ece4cb]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-23ece4cb]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-23ece4cb]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-23ece4cb],.card [simply][data-v-23ece4cb]{background-color:inherit;border:0!important}.card[flex][data-v-23ece4cb],.card [flex][data-v-23ece4cb]{display:flex}.card[column][data-v-23ece4cb],.card [column][data-v-23ece4cb]{flex-direction:column}.card[row][data-v-23ece4cb],.card [row][data-v-23ece4cb]{flex-direction:row}.card[center][data-v-23ece4cb],.card [center][data-v-23ece4cb]{justify-content:center}.card[vcenter][data-v-23ece4cb],.card [vcenter][data-v-23ece4cb]{align-items:center}.card .card-title[data-v-23ece4cb]{max-height:40px}.card .card-close[data-v-23ece4cb]{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-23ece4cb]{display:none}.card .card-close[data-v-23ece4cb]:before,.card .card-close[data-v-23ece4cb]: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-23ece4cb]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-23ece4cb]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-23ece4cb]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-23ece4cb]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-23ece4cb]{overflow:auto;height:100%}
+@charset "UTF-8";.flyweight[data-v-8f29f044]{height:100%;width:100%;overflow:auto;position:relative}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-8f29f044]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-8f29f044]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-8f29f044]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-8f29f044]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all[data-v-8f29f044]+*{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-8f29f044]{height:var(--flyweight-content)}.flyweight .flyweight-all[data-v-8f29f044]>*{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-8f29f044]{background-color:red!important}}.card[data-v-fcd6014d]{--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:10px;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-fcd6014d]::-webkit-scrollbar-track,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-fcd6014d]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-fcd6014d]::-webkit-scrollbar,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-fcd6014d]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-fcd6014d]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-fcd6014d]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-fcd6014d]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-fcd6014d],.card [simply][data-v-fcd6014d]{background-color:inherit;border:0!important}.card[flex][data-v-fcd6014d],.card [flex][data-v-fcd6014d]{display:flex}.card[column][data-v-fcd6014d],.card [column][data-v-fcd6014d]{flex-direction:column}.card[row][data-v-fcd6014d],.card [row][data-v-fcd6014d]{flex-direction:row}.card[center][data-v-fcd6014d],.card [center][data-v-fcd6014d]{justify-content:center}.card[vcenter][data-v-fcd6014d],.card [vcenter][data-v-fcd6014d]{align-items:center}.card .card-title[data-v-fcd6014d]{max-height:40px}.card .card-close[data-v-fcd6014d]{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-fcd6014d]{display:none}.card .card-close[data-v-fcd6014d]:before,.card .card-close[data-v-fcd6014d]: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-fcd6014d]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-fcd6014d]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-fcd6014d]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-fcd6014d]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-fcd6014d]{overflow:auto;height:100%}

package/vue2/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@soei/util");let W=/(\d+|[+\-\*/]|%)/g,R={"+":(t,e)=>t+e,"-":(t,e)=>t-e,"*":(t,e)=>t*e,"/":(t,e)=>t/e,"%":(t,e,s)=>parseFloat(t)/100*s},F=(t,e)=>{let s;if(s=l.runer("match",t,W)){let i=s.length,r,c=0,n,o=[];for(;i--;)c=s.shift(),c in R?(r&&o.push(r),c==="%"&&(o.length=2),n=c):+c&&o.push(+c),o.length==2&&(o.push(e),r=R[n].apply(null,o),o.length=0);+r||(r=+o.pop()),t=r>>0}return t},k=t=>(t+"").replace(/\w+\((.*)\)/g,"$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g,"$1px");function z(t,e,s,i,r,c,n,o){var h=typeof t=="function"?t.options:t;e&&(h.render=e,h.staticRenderFns=s,h._compiled=!0),i&&(h.functional=!0),c&&(h._scopeId="data-v-"+c);var f;if(n?(f=function(u){u=u||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!u&&typeof __VUE_SSR_CONTEXT__<"u"&&(u=__VUE_SSR_CONTEXT__),r&&r.call(this,u),u&&u._registeredComponents&&u._registeredComponents.add(n)},h._ssrRegister=f):r&&(f=o?function(){r.call(this,(h.functional?this.parent:this).$root.$options.shadowRoot)}:r),f)if(h.functional){h._injectStyles=f;var d=h.render;h.render=function(a,g){return f.call(g),d(a,g)}}else{var p=h.beforeCreate;h.beforeCreate=p?[].concat(p,f):[f]}return{exports:t,options:h}}let N=t=>t==null||t==null,E=(...t)=>{console.info("::::FLYWEIGHT",...t)};const I={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:Number,default:0},height:{type:Number,default:100},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:Number,default:!1},left:{type:Number,default:!1},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""}},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,s)=>{t[e]=s}),this.setindex(this.index);try{new ResizeObserver(()=>{this.rebuild(),this.$emit("resize")}).observe(this.flyweight)}catch(t){E(t)}this.scrollx=l.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:k,trigger(t,e){this.lazyrun(()=>{l.isArray(t)||(t=[[t,e]]),l.each(t,(s,i)=>{this.$emit(i[0],N(i[1])?!0:i[1])})})},cheackflys(t){if(!this.flys.length)return t&&this.task.push(t),!0},setview(t){l.runer([this.cheackflys,e=>{e=e||{};let s=e.index||l.each(this.flys,(i,r,c,n)=>{if(r[c]==n)return i},e.picker,e.id);N(s)||this.setindex(s)}],this,t)},setindex(t){l.runer([this.cheackflys,({index:e})=>{this.selectIndex=e,this.$nextTick(()=>{let s=e/this.column>>0,i=this.expand;(this.flyweight[this.direction]/i>>0)+this.row-s-1>0||(this.flyweight[this.direction]=s*i,this.scroll())})}],this,{index:t})},lazyrun(t,e){clearTimeout(this.time),this.time=setTimeout(()=>{l.runer(t)},e||this.lazy)},run(t){let e=[],s=l.runer(this.direction,t.target),i={offset:s,top:s,width:this.realW,height:this.realH,index:s/this.expand>>0};l.merge(i,this.space),t.from||e.push(["onscroll",i]);let r=!1;l.each(this.flyweights,(c,n,o,h,f,d,p,u,a)=>{if(o=c/f>>0,u=o+h*(+(o<d%h)+(d/h>>0)),a=u*f+c%f,a>=this.count){r||(e.push(["onend"]),r=!0);return}n.index=u,n.i=a,n.data=this.flys[a];let g=[u*this.expand+n.x,n.space];p&&g.reverse(),n.top=g[0],n.left=g[1]},null,this.row,this.column,i.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 s=this.scrollx,i=this.flyweight,r=l.picker(i,this.BoxRule);this.$nextTick(()=>{let c=/true/.test(this.auto),[n,o]=this.offset,h=r.width,f=r.height,d=(F(this.width,h)||h)+n,p=F(this.height,f)+o,u=[h/d>>0||1,f/p>>0||1];s&&u.reverse();let[a,g]=u,w=this.padding,x,v=0,y,$;s?(y=d,d-=n,$=_=>_*(p-o)+(_+1)*o):(c?(d=(h-n*(a+2*w-1))/a,x=!w*n,v=w*n):(x=0,v=(h%d+n*a)/(a+1)>>0,d-=n),$=_=>_*(d+x)+(_+1)*v,y=p),this.row=g+2,this.column=a,this.realH=p-o,this.realW=d,this.expand=y,this.Size=Math.ceil(t/a)*y;let b=Math.min(t,a*this.row),m=b-1,S;for(;b-- >0;)S=m-b,this.$set(e,S,{x:n,y:o,width:d,height:p-o,space:$(S%a),data:{}});e.length=m+1;let T=[];f/y>m/a&&T.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),T.push(["update:space",{row:(m/a>>0)+1,column:a,showrow:this.row,showcolumn:this.column}]),this.trigger(T)})}}};var M=function(){var e=this,s=e._self._c;return s("div",{ref:"flyweight",staticClass:"flyweight",class:{"flyweight-active":e.actice},style:{"--width":e.exec(e.realW),"--height":e.exec(e.realH),"--flyweight-content":e.exec(e.Size)},on:{scroll:e.scroll}},[s("div",{staticClass:"flyweight-all"},e._l(e.flyweights,function(i,r){return s("div",{key:r,style:{top:i.top+"px",left:i.left+"px"}},[e._t("default",null,null,i)],2)}),0),e.flyweights.length?e._t("end"):e._e()],2)},U=[],X=z(I,M,U,!1,null,"05373fe1",null,null);const O=X.exports;function C(t,e){return e&&(t=t.replace(/[a-z]/g,"")),t.toLowerCase()}let H={close:{handler(t){this.change(t)},deep:!0},offset:{handler(t){this.margin(t)},deep:!0}},j=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],L={};l.each(j,(t,e,s)=>{t=C(e),L["--"+C(e,!0)]=t,s[t]=function(){this.trigger++}},H);const G={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:{},style:{},trigger:0,default:{top:"0px",right:"0px",bottom:"0px",left:"0px",height:"100%",width:"100%",background:"",border:"1px"}}},computed:{style(){return this.tr()}},watch:H,methods:{exec:k,isEmpty:l.isEmpty,isSimplyType:l.isSimplyType,tr(){let t={};return this.margin(this.offset),l.each(L,(e,s)=>{this.css(t,e,s)}),t},tolower:C,css(t,e,s){let i=this[s]||this.default[s];!i||this.default[s]==i||(t[e]=k(i))},change(t){l.isSimplyType(t)||(this.closecss=l.picker(t,"color=>--s-card-close-color,*"))},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 V=function(){var e=this,s=e._self._c;return s("div",{key:e.trigger,staticClass:"card",style:e.isEmpty(e.style)?e.tr():e.style},[e._t("default",function(){return[e._t("title",function(){return[s("div",{staticClass:"card-title"},[e._v(" "+e._s(e.show||e.title)+" "),s("div",{staticClass:"card-close",class:{hide:e.isSimplyType(e.close)?!e.close:!1},style:e.closecss,on:{click:function(i){return e.$emit("close")}}})])]}),e._t("content",function(){return[s("div",{staticClass:"card-content"},[e._t("inner")],2)]})]})],2)},q=[],P=z(G,V,q,!1,null,"b6ea8a12",null,null);const A=P.exports,Y={name:"Stream",props:{type:{type:String,default:"div"},data:{type:Array,default:()=>[]},T:{type:Array,default:()=>[]}},render(t){return t(this.type,{props:{data:this.data}},this._l(this.T,(e,s)=>{let i=l.picker(e,"slot|name|type=>name").name,r=l.picker(this,l.format("$scopedSlots.?|$slots.?|$scopedSlots.default=>?",i));return l.merge(e,{index:s}),l.runer(i,r,e)}))}},D=null,J=null;var K=z(Y,D,J,!1,null,null,null,null);const B=K.exports,Q=[O,A,B],Z={install(t){Q.forEach(e=>{t.component("S"+e.name,e),t.component(e.name+"S",e)})}};exports.Card=A;exports.Flyweight=O;exports.Stream=B;exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@soei/util");let W=/(\d+|[+\-\*/]|%)/g,R={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,i)=>parseFloat(e)/100*i},F=(e,t)=>{let i;if(i=a.runer("match",e,W)){let s=i.length,n,c=0,l,h=[];for(;s--;)c=i.shift(),c in R?(n&&h.push(n),c==="%"&&(h.length=2),l=c):+c&&h.push(+c),h.length==2&&(h.push(t),n=R[l].apply(null,h),h.length=0);+n||(n=+h.pop()),e=n>>0}return e},C=e=>(e+"").replace(/\w+\((.*)\)/g,"$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g,"$1px");function z(e,t,i,s,n,c,l,h){var r=typeof e=="function"?e.options:e;t&&(r.render=t,r.staticRenderFns=i,r._compiled=!0),s&&(r.functional=!0),c&&(r._scopeId="data-v-"+c);var f;if(l?(f=function(u){u=u||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!u&&typeof __VUE_SSR_CONTEXT__<"u"&&(u=__VUE_SSR_CONTEXT__),n&&n.call(this,u),u&&u._registeredComponents&&u._registeredComponents.add(l)},r._ssrRegister=f):n&&(f=h?function(){n.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:n),f)if(r.functional){r._injectStyles=f;var d=r.render;r.render=function(o,g){return f.call(g),d(o,g)}}else{var p=r.beforeCreate;r.beforeCreate=p?[].concat(p,f):[f]}return{exports:e,options:r}}let N=e=>e==null||e==null,E=(...e)=>{console.info("::::FLYWEIGHT",...e)};const I={name:"Flyweight",props:{flys:{type:Array,default:()=>[]},width:{type:Number,default:0},height:{type:Number,default:100},offset:{type:Array,default:()=>[0,0]},lazy:{type:Number,default:100},view:{type:Object,default:()=>({id:0})},index:{type:Number,default:0},top:{type:Number,default:!1},left:{type:Number,default:!1},auto:{type:[Boolean,String],default:!1},space:{type:Object,default:()=>null},padding:{type:Boolean,default:!1}},computed:{flyweight(){return this.$refs.flyweight||""}},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){E(e)}this.scrollx=a.runer("hasAttribute",this.flyweight,"scroll-x"),this.BoxRule="clientHeight=>height,clientWidth=>width",this.direction=this.scrollx?"scrollLeft":"scrollTop"},methods:{exec:C,trigger(e,t){this.lazyrun(()=>{a.isArray(e)||(e=[[e,t]]),a.each(e,(i,s)=>{this.$emit(s[0],N(s[1])?!0:s[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,(s,n,c,l)=>{if(n[c]==l)return s},t.picker,t.id);N(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,s=this.expand;(this.flyweight[this.direction]/s>>0)+this.row-i-1>0||(this.flyweight[this.direction]=i*s,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),s={offset:i,top:i,width:this.realW,height:this.realH,index:i/this.expand>>0};a.merge(s,this.space),e.from||t.push(["onscroll",s]);let n=!1;a.each(this.flyweights,(c,l,h,r,f,d,p,u,o)=>{if(h=c/f>>0,u=h+r*(+(h<d%r)+(d/r>>0)),o=u*f+c%f,o>=this.count){n||(t.push(["onend"]),n=!0);return}l.index=u,l.i=o,l.data=this.flys[o];let g=[u*this.expand+l.x,l.space];p&&g.reverse(),l.top=g[0],l.left=g[1]},null,this.row,this.column,s.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,s=this.flyweight,n=a.picker(s,this.BoxRule);this.$nextTick(()=>{let c=/true/.test(this.auto),[l,h]=this.offset,r=n.width,f=n.height,d=(F(this.width,r)||r)+l,p=F(this.height,f)+h,u=[r/d>>0||1,f/p>>0||1];i&&u.reverse();let[o,g]=u,w=this.padding,x,v=0,y,$;i?(y=d,d-=l,$=_=>_*(p-h)+(_+1)*h):(c?(d=(r-l*(o+2*w-1))/o,x=!w*l,v=w*l):(x=0,v=(r%d+l*o)/(o+1)>>0,d-=l),$=_=>_*(d+x)+(_+1)*v,y=p),this.row=g+2,this.column=o,this.realH=p-h,this.realW=d,this.expand=y,this.Size=Math.ceil(e/o)*y;let b=Math.min(e,o*this.row),m=b-1,S;for(;b-- >0;)S=m-b,this.$set(t,S,{x:l,y:h,width:d,height:p-h,space:$(S%o),data:{}});t.length=m+1;let T=[];f/y>m/o&&T.push(["onend"]),this.flyweight&&(this.flyweight[this.direction]=0),this.$nextTick(()=>{this.setindex(this.selectIndex||0),this.scroll()}),T.push(["update:space",{row:(m/o>>0)+1,column:o,showrow:this.row,showcolumn:this.column}]),this.trigger(T)})}}};var M=function(){var t=this,i=t._self._c;return i("div",{ref:"flyweight",staticClass:"flyweight",class:{"flyweight-active":t.actice},style:{"--width":t.exec(t.realW),"--height":t.exec(t.realH),"--flyweight-content":t.exec(t.Size)},on:{scroll:t.scroll}},[i("div",{staticClass:"flyweight-all"},t._l(t.flyweights,function(s,n){return i("div",{key:n,style:{top:s.top+"px",left:s.left+"px"}},[t._t("default",null,null,s)],2)}),0),t.flyweights.length?t._t("end"):t._e()],2)},U=[],X=z(I,M,U,!1,null,"05373fe1",null,null);const O=X.exports;function k(e,t){return t&&(e=e.replace(/[a-z]/g,"")),e.toLowerCase()}let H={close:{handler(e){this.change(e)},deep:!0},offset:{handler(e){this.margin(e)},deep:!0}},j=["BackGround","BordeR","Height","Width","Top","Right","Bottom","Left"],L={};a.each(j,(e,t,i)=>{e=k(t),L["--"+k(t,!0)]=e,i[e]=function(){this.trigger++}},H);const G={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:H,methods:{exec:C,isEmpty:a.isEmpty,isSimplyType:a.isSimplyType,tr(){let e={};return this.margin(this.offset),a.each(L,(t,i)=>{this.css(e,t,i)}),e},tolower:k,css(e,t,i){let s=this[i]||this.default[i];!s||this.default[i]==s||(e[t]=C(s))},change(e){a.isSimplyType(e)||(this.closecss=a.picker(e,"color=>--s-card-close-color,*"))},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)}};var V=function(){var t=this,i=t._self._c;return i("div",{key:t.trigger,staticClass:"card",style:t.isEmpty(t.style)?t.tr():t.style},[t._t("default",function(){return[t._t("title",function(){return[i("div",{staticClass:"card-title"},[t._v(" "+t._s(t.show||t.title)+" "),i("div",{staticClass:"card-close",class:{hide:t.isSimplyType(t.close)?!t.close:!1},style:t.closecss,on:{click:function(s){return t.$emit("close")}}})])]}),t._t("content",function(){return[i("div",{staticClass:"card-content"},[t._t("inner")],2)]})]})],2)},q=[],P=z(G,V,q,!1,null,"19340aef",null,null);const A=P.exports,Y={name:"Stream",props:{type:{type:String,default:"div"},data:{type:Array,default:()=>[]},T:{type:Array,default:()=>[]}}};var D=function(){var t=this,i=t._self._c;return i(t.type,t._b({tag:"component",attrs:{data:t.data}},"component",t.$attrs,!1),[t._l(t.T,function(s){return[t._t(s.slot||s.type||"default",null,null,s)]})],2)},J=[],K=z(Y,D,J,!1,null,null,null,null);const B=K.exports,Q=[O,A,B],Z={install(e){Q.forEach(t=>{e.component("S"+t.name,t),e.component(t.name+"S",t)})}};exports.Card=A;exports.Flyweight=O;exports.Stream=B;exports.default=Z;

package/vue2/index.js

@@ -1,53 +1,53 @@
-import { runer as g, isArray as E, each as m, merge as F, picker as w, isEmpty as I, isSimplyType as H, isString as U, format as X } from "@soei/util";
-let G = /(\d+|[+\-\*/]|%)/g, L = {
-  "+": (t, e) => t + e,
-  "-": (t, e) => t - e,
-  "*": (t, e) => t * e,
-  "/": (t, e) => t / e,
-  "%": (t, e, s) => parseFloat(t) / 100 * s
-}, O = (t, e) => {
+import { runer as g, isArray as E, each as m, merge as A, picker as k, isEmpty as I, isSimplyType as N, isString as U } from "@soei/util";
+let X = /(\d+|[+\-\*/]|%)/g, H = {
+  "+": (e, t) => e + t,
+  "-": (e, t) => e - t,
+  "*": (e, t) => e * t,
+  "/": (e, t) => e / t,
+  "%": (e, t, s) => parseFloat(e) / 100 * s
+}, L = (e, t) => {
   let s;
-  if (s = g("match", t, G)) {
-    let i = s.length, l, a = 0, r, h = [];
+  if (s = g("match", e, X)) {
+    let i = s.length, n, a = 0, l, h = [];
     for (; i--; )
-      a = s.shift(), a in L ? (l && h.push(l), a === "%" && (h.length = 2), r = a) : +a && h.push(+a), h.length == 2 && (h.push(e), l = L[r].apply(null, h), h.length = 0);
-    +l || (l = +h.pop()), t = l >> 0;
+      a = s.shift(), a in H ? (n && h.push(n), a === "%" && (h.length = 2), l = a) : +a && h.push(+a), h.length == 2 && (h.push(t), n = H[l].apply(null, h), h.length = 0);
+    +n || (n = +h.pop()), e = n >> 0;
   }
-  return t;
-}, z = (t) => (t + "").replace(/\w+\((.*)\)/g, "$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g, "$1px");
-function N(t, e, s, i, l, a, r, h) {
-  var n = typeof t == "function" ? t.options : t;
-  e && (n.render = e, n.staticRenderFns = s, n._compiled = !0), i && (n.functional = !0), a && (n._scopeId = "data-v-" + a);
+  return e;
+}, z = (e) => (e + "").replace(/\w+\((.*)\)/g, "$1").replace(/(?=\s+|^)(\d+(\.\d+)*)(?!(?:\.)*\d|%|\w)/g, "$1px");
+function F(e, t, s, i, n, a, l, h) {
+  var r = typeof e == "function" ? e.options : e;
+  t && (r.render = t, r.staticRenderFns = s, r._compiled = !0), i && (r.functional = !0), a && (r._scopeId = "data-v-" + a);
   var f;
-  if (r ? (f = function(c) {
+  if (l ? (f = function(c) {
     c = c || // 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(r);
-  }, n._ssrRegister = f) : l && (f = h ? function() {
-    l.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), n && n.call(this, c), c && c._registeredComponents && c._registeredComponents.add(l);
+  }, r._ssrRegister = f) : n && (f = h ? function() {
+    n.call(
       this,
-      (n.functional ? this.parent : this).$root.$options.shadowRoot
+      (r.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : l), f)
-    if (n.functional) {
-      n._injectStyles = f;
-      var u = n.render;
-      n.render = function(o, p) {
+  } : n), f)
+    if (r.functional) {
+      r._injectStyles = f;
+      var u = r.render;
+      r.render = function(o, p) {
         return f.call(p), u(o, p);
       };
     } else {
-      var d = n.beforeCreate;
-      n.beforeCreate = d ? [].concat(d, f) : [f];
+      var d = r.beforeCreate;
+      r.beforeCreate = d ? [].concat(d, f) : [f];
     }
   return {
-    exports: t,
-    options: n
+    exports: e,
+    options: r
   };
 }
-let A = (t) => t == null || t == null, M = (...t) => {
-  console.info("::::FLYWEIGHT", ...t);
+let O = (e) => e == null || e == null, G = (...e) => {
+  console.info("::::FLYWEIGHT", ...e);
 };
-const V = {
+const M = {
   name: "Flyweight",
   props: {
     flys: {
@@ -119,82 +119,82 @@ const V = {
     };
   },
   watch: {
-    flys(t) {
-      this.count = t.length, this.rebuild();
-      let e = this.task.shift();
-      e && this.$nextTick(() => {
-        this.setview(e);
+    flys(e) {
+      this.count = e.length, this.rebuild();
+      let t = this.task.shift();
+      t && this.$nextTick(() => {
+        this.setview(t);
       });
     },
     view: {
-      handler(t) {
-        this.setview(t);
+      handler(e) {
+        this.setview(e);
       },
       immediate: !0,
       deep: !0
     },
-    index(t) {
-      this.setindex(t);
+    index(e) {
+      this.setindex(e);
     },
-    top(t) {
-      this.flyweight.scrollTop = t;
+    top(e) {
+      this.flyweight.scrollTop = e;
     },
-    left(t) {
-      this.flyweight.scrollLeft = t;
+    left(e) {
+      this.flyweight.scrollLeft = e;
     }
   },
   mounted() {
-    this.flyweights = [], this.$set || (this.$set = (t, e, s) => {
-      t[e] = s;
+    this.flyweights = [], this.$set || (this.$set = (e, t, s) => {
+      e[t] = s;
     }), this.setindex(this.index);
     try {
       new ResizeObserver(() => {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
-    } catch (t) {
-      M(t);
+    } catch (e) {
+      G(e);
     }
     this.scrollx = g("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: z,
-    trigger(t, e) {
+    trigger(e, t) {
       this.lazyrun(() => {
-        E(t) || (t = [[t, e]]), m(t, (s, i) => {
-          this.$emit(i[0], A(i[1]) ? !0 : i[1]);
+        E(e) || (e = [[e, t]]), m(e, (s, i) => {
+          this.$emit(i[0], O(i[1]) ? !0 : i[1]);
         });
       });
     },
-    cheackflys(t) {
+    cheackflys(e) {
       if (!this.flys.length)
-        return t && this.task.push(t), !0;
+        return e && this.task.push(e), !0;
     },
-    setview(t) {
-      g([this.cheackflys, (e) => {
-        e = e || {};
-        let s = e.index || m(this.flys, (i, l, a, r) => {
-          if (l[a] == r)
+    setview(e) {
+      g([this.cheackflys, (t) => {
+        t = t || {};
+        let s = t.index || m(this.flys, (i, n, a, l) => {
+          if (n[a] == l)
             return i;
-        }, e.picker, e.id);
-        A(s) || this.setindex(s);
-      }], this, t);
-    },
-    setindex(t) {
-      g([this.cheackflys, ({ index: e }) => {
-        this.selectIndex = e, this.$nextTick(() => {
-          let s = e / this.column >> 0, i = this.expand;
+        }, t.picker, t.id);
+        O(s) || this.setindex(s);
+      }], this, e);
+    },
+    setindex(e) {
+      g([this.cheackflys, ({ index: t }) => {
+        this.selectIndex = t, this.$nextTick(() => {
+          let s = t / this.column >> 0, i = this.expand;
           (this.flyweight[this.direction] / i >> 0) + this.row - s - 1 > 0 || (this.flyweight[this.direction] = s * i, this.scroll());
         });
-      }], this, { index: t });
+      }], this, { index: e });
     },
-    lazyrun(t, e) {
+    lazyrun(e, t) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        g(t);
-      }, e || this.lazy);
+        g(e);
+      }, t || this.lazy);
     },
-    run(t) {
-      let e = [], s = g(this.direction, t.target), i = {
+    run(e) {
+      let t = [], s = g(this.direction, e.target), i = {
         // ...this
         offset: s,
         top: s,
@@ -203,24 +203,24 @@ const V = {
         /* 显示区域第一行的索引 */
         index: s / this.expand >> 0
       };
-      F(i, this.space), t.from || e.push(["onscroll", i]);
-      let l = !1;
+      A(i, this.space), e.from || t.push(["onscroll", i]);
+      let n = !1;
       m(
         this.flyweights,
-        (a, r, h, n, f, u, d, c, o) => {
-          if (h = a / f >> 0, c = h + n * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % n) + (u / n >> 0)), o = c * f + a % f, o >= this.count) {
-            l || (e.push(["onend"]), l = !0);
+        (a, l, h, r, f, u, d, c, o) => {
+          if (h = a / f >> 0, c = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(h < u % r) + (u / r >> 0)), o = c * f + a % f, o >= this.count) {
+            n || (t.push(["onend"]), n = !0);
             return;
           }
-          r.index = c, r.i = o, r.data = this.flys[o];
+          l.index = c, l.i = o, l.data = this.flys[o];
           let p = [
             /* top */
-            c * this.expand + r.x,
+            c * this.expand + l.x,
             /* left */
-            r.space
+            l.space
           ];
-          d && p.reverse(), r.top = p[0], r.left = p[1];
+          d && p.reverse(), l.top = p[0], l.left = p[1];
         },
         null,
         this.row,
@@ -228,97 +228,97 @@ const V = {
         /* 显示区域第一行的索引 */
         i.index,
         this.scrollx
-      ), this.trigger(e), e = null;
+      ), this.trigger(t), t = null;
     },
-    scroll(t) {
-      this.run(t || { target: this.flyweight, from: "space" });
+    scroll(e) {
+      this.run(e || { 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 s = this.scrollx, i = this.flyweight, l = w(i, this.BoxRule);
+      let e = this.count || this.flys.length, t = this.flyweights;
+      if (!e)
+        return t.length = e;
+      this.count = e;
+      let s = this.scrollx, i = this.flyweight, n = k(i, this.BoxRule);
       this.$nextTick(() => {
-        let a = /true/.test(this.auto), [r, h] = this.offset, n = l.width, f = l.height, u = (O(this.width, n) || n) + r, d = O(this.height, f) + h, c = [n / u >> 0 || 1, f / d >> 0 || 1];
+        let a = /true/.test(this.auto), [l, h] = this.offset, r = n.width, f = n.height, u = (L(this.width, r) || r) + l, d = L(this.height, f) + h, c = [r / u >> 0 || 1, f / d >> 0 || 1];
         s && c.reverse();
-        let [o, p] = c, $ = this.padding, v, b = 0, y, S;
-        s ? (y = u, u -= r, S = (_) => (
+        let [o, p] = c, x = this.padding, v, $ = 0, y, b;
+        s ? (y = u, u -= l, b = (_) => (
           /* 计算top偏移量 */
           _ * (d - h) + (_ + 1) * h
-        )) : (a ? (u = (n - r * (o + 2 * $ - 1)) / o, v = !$ * r, b = $ * r) : (v = 0, b = (n % u + r * o) / (o + 1) >> 0, u -= r), S = (_) => _ * (u + v) + (_ + 1) * b, y = d), this.row = p + 2, this.column = o, this.realH = d - h, this.realW = u, this.expand = y, this.Size = Math.ceil(t / o) * y;
-        let T = Math.min(t, o * this.row), x = T - 1, C;
+        )) : (a ? (u = (r - l * (o + 2 * x - 1)) / o, v = !x * l, $ = x * l) : (v = 0, $ = (r % u + l * o) / (o + 1) >> 0, u -= l), b = (_) => _ * (u + v) + (_ + 1) * $, y = d), this.row = p + 2, this.column = o, this.realH = d - h, this.realW = u, this.expand = y, this.Size = Math.ceil(e / o) * y;
+        let T = Math.min(e, o * this.row), w = T - 1, S;
         for (; T-- > 0; )
-          C = x - T, this.$set(e, C, {
-            x: r,
+          S = w - T, this.$set(t, S, {
+            x: l,
             y: h,
             width: u,
             height: d - h,
-            space: S(C % o),
+            space: b(S % o),
             data: {}
           });
-        e.length = x + 1;
-        let k = [];
-        f / y > x / o && k.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        t.length = w + 1;
+        let C = [];
+        f / y > w / o && C.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), k.push(["update:space", {
-          row: (x / o >> 0) + 1,
+        }), C.push(["update:space", {
+          row: (w / o >> 0) + 1,
           column: o,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(k);
+        }]), this.trigger(C);
       });
     }
   }
 };
-var j = function() {
-  var e = this, s = e._self._c;
+var V = function() {
+  var t = this, s = t._self._c;
   return s("div", { ref: "flyweight", staticClass: "flyweight", class: {
-    "flyweight-active": e.actice
+    "flyweight-active": t.actice
   }, style: {
-    "--width": e.exec(e.realW),
-    "--height": e.exec(e.realH),
-    "--flyweight-content": e.exec(e.Size)
-  }, on: { scroll: e.scroll } }, [s("div", { staticClass: "flyweight-all" }, e._l(e.flyweights, function(i, l) {
-    return s("div", { key: l, style: {
+    "--width": t.exec(t.realW),
+    "--height": t.exec(t.realH),
+    "--flyweight-content": t.exec(t.Size)
+  }, on: { scroll: t.scroll } }, [s("div", { staticClass: "flyweight-all" }, t._l(t.flyweights, function(i, n) {
+    return s("div", { key: n, style: {
       top: i.top + "px",
       left: i.left + "px"
-    } }, [e._t("default", null, null, i)], 2);
-  }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, Y = [], q = /* @__PURE__ */ N(
+    } }, [t._t("default", null, null, i)], 2);
+  }), 0), t.flyweights.length ? t._t("end") : t._e()], 2);
+}, j = [], Y = /* @__PURE__ */ F(
+  M,
   V,
   j,
-  Y,
   !1,
   null,
   "05373fe1",
   null,
   null
 );
-const D = q.exports;
-function R(t, e) {
-  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
+const q = Y.exports;
+function R(e, t) {
+  return t && (e = e.replace(/[a-z]/g, "")), e.toLowerCase();
 }
 let B = {
   close: {
-    handler(t) {
-      this.change(t);
+    handler(e) {
+      this.change(e);
     },
     deep: !0
   },
   offset: {
-    handler(t) {
-      this.margin(t);
+    handler(e) {
+      this.margin(e);
     },
     deep: !0
   }
-}, J = ["BackGround", "BordeR", "Height", "Width", "Top", "Right", "Bottom", "Left"], W = {};
-m(J, (t, e, s) => {
-  t = R(e), W["--" + R(e, !0)] = t, s[t] = function() {
+}, D = ["BackGround", "BordeR", "Height", "Width", "Top", "Right", "Bottom", "Left"], W = {};
+m(D, (e, t, s) => {
+  e = R(t), W["--" + R(t, !0)] = e, s[e] = function() {
     this.trigger++;
   };
 }, B);
-const K = {
+const J = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -358,7 +358,7 @@ const K = {
   data() {
     return {
       closecss: {},
-      style: {},
+      // style: {},
       trigger: 0,
       default: {
         top: "0px",
@@ -381,24 +381,24 @@ const K = {
   methods: {
     exec: z,
     isEmpty: I,
-    isSimplyType: H,
+    isSimplyType: N,
     tr() {
-      let t = {};
-      return this.margin(this.offset), m(W, (e, s) => {
-        this.css(t, e, s);
-      }), t;
+      let e = {};
+      return this.margin(this.offset), m(W, (t, s) => {
+        this.css(e, t, s);
+      }), e;
     },
     tolower: R,
-    css(t, e, s) {
+    css(e, t, s) {
       let i = this[s] || this.default[s];
-      !i || this.default[s] == i || (t[e] = z(i));
+      !i || this.default[s] == i || (e[t] = z(i));
     },
-    change(t) {
-      H(t) || (this.closecss = w(t, "color=>--s-card-close-color,*"));
+    change(e) {
+      N(e) || (this.closecss = k(e, "color=>--s-card-close-color,*"));
     },
-    margin(t) {
-      F(this, w(
-        U(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+    margin(e) {
+      A(this, k(
+        U(e) ? e.split(/\s*(?:,|\s+)\s*/) : e,
         "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
         !0
       ), !0);
@@ -408,28 +408,28 @@ const K = {
     this.change(this.close);
   }
 };
-var P = function() {
-  var e = this, s = e._self._c;
-  return s("div", { key: e.trigger, staticClass: "card", style: e.isEmpty(e.style) ? e.tr() : e.style }, [e._t("default", function() {
-    return [e._t("title", function() {
-      return [s("div", { staticClass: "card-title" }, [e._v(" " + e._s(e.show || e.title) + " "), s("div", { staticClass: "card-close", class: { hide: e.isSimplyType(e.close) ? !e.close : !1 }, style: e.closecss, on: { click: function(i) {
-        return e.$emit("close");
+var K = function() {
+  var t = this, s = t._self._c;
+  return s("div", { key: t.trigger, staticClass: "card", style: t.isEmpty(t.style) ? t.tr() : t.style }, [t._t("default", function() {
+    return [t._t("title", function() {
+      return [s("div", { staticClass: "card-title" }, [t._v(" " + t._s(t.show || t.title) + " "), s("div", { staticClass: "card-close", class: { hide: t.isSimplyType(t.close) ? !t.close : !1 }, style: t.closecss, on: { click: function(i) {
+        return t.$emit("close");
       } } })])];
-    }), e._t("content", function() {
-      return [s("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
+    }), t._t("content", function() {
+      return [s("div", { staticClass: "card-content" }, [t._t("inner")], 2)];
     })];
   })], 2);
-}, Q = [], Z = /* @__PURE__ */ N(
+}, P = [], Q = /* @__PURE__ */ F(
+  J,
   K,
   P,
-  Q,
   !1,
   null,
-  "b6ea8a12",
+  "19340aef",
   null,
   null
 );
-const tt = Z.exports, et = {
+const Z = Q.exports, tt = {
   name: "Stream",
   props: {
     type: {
@@ -444,43 +444,33 @@ const tt = Z.exports, et = {
       type: Array,
       default: () => []
     }
-  },
-  render(t) {
-    return t(
-      this.type,
-      {
-        // ...item,
-        props: {
-          data: this.data
-        }
-      },
-      this._l(this.T, (e, s) => {
-        let i = w(e, "slot|name|type=>name").name, l = w(this, X("$scopedSlots.?|$slots.?|$scopedSlots.default=>?", i));
-        return F(e, { index: s }), g(i, l, e);
-      })
-    );
   }
-}, st = null, it = null;
-var lt = /* @__PURE__ */ N(
+};
+var et = function() {
+  var t = this, s = t._self._c;
+  return s(t.type, t._b({ tag: "component", attrs: { data: t.data } }, "component", t.$attrs, !1), [t._l(t.T, function(i) {
+    return [t._t(i.slot || i.type || "default", null, null, i)];
+  })], 2);
+}, st = [], it = /* @__PURE__ */ F(
+  tt,
   et,
   st,
-  it,
   !1,
   null,
   null,
   null,
   null
 );
-const rt = lt.exports, nt = [D, tt, rt], ot = {
-  install(t) {
-    nt.forEach((e) => {
-      t.component("S" + e.name, e), t.component(e.name + "S", e);
+const lt = it.exports, rt = [q, Z, lt], ht = {
+  install(e) {
+    rt.forEach((t) => {
+      e.component("S" + t.name, t), e.component(t.name + "S", t);
     });
   }
 };
 export {
-  tt as Card,
-  D as Flyweight,
-  rt as Stream,
-  ot as default
+  Z as Card,
+  q as Flyweight,
+  lt as Stream,
+  ht as default
 };

package/vue2/style.css

@@ -1 +1 @@
-@charset "UTF-8";.flyweight[data-v-05373fe1]{height:100%;width:100%;overflow:auto;position:relative}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-05373fe1]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-05373fe1]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-05373fe1]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-05373fe1]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-05373fe1]{background-color:red!important}}.card[data-v-b6ea8a12]{--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:10px;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-b6ea8a12]::-webkit-scrollbar-track,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-b6ea8a12]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-b6ea8a12]::-webkit-scrollbar,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-b6ea8a12]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-b6ea8a12]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-b6ea8a12]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b6ea8a12]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-b6ea8a12],.card [simply][data-v-b6ea8a12]{background-color:inherit;border:0!important}.card[flex][data-v-b6ea8a12],.card [flex][data-v-b6ea8a12]{display:flex}.card[column][data-v-b6ea8a12],.card [column][data-v-b6ea8a12]{flex-direction:column}.card[row][data-v-b6ea8a12],.card [row][data-v-b6ea8a12]{flex-direction:row}.card[center][data-v-b6ea8a12],.card [center][data-v-b6ea8a12]{justify-content:center}.card[vcenter][data-v-b6ea8a12],.card [vcenter][data-v-b6ea8a12]{align-items:center}.card .card-title[data-v-b6ea8a12]{max-height:40px}.card .card-close[data-v-b6ea8a12]{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-b6ea8a12]{display:none}.card .card-close[data-v-b6ea8a12]:before,.card .card-close[data-v-b6ea8a12]: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-b6ea8a12]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-b6ea8a12]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-b6ea8a12]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-b6ea8a12]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-b6ea8a12]{overflow:auto;height:100%}
+@charset "UTF-8";.flyweight[data-v-05373fe1]{height:100%;width:100%;overflow:auto;position:relative}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-05373fe1]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-05373fe1]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-05373fe1]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-05373fe1]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-05373fe1]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-05373fe1]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-05373fe1]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-05373fe1]{background-color:red!important}}.card[data-v-19340aef]{--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:10px;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-19340aef]::-webkit-scrollbar-track,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-19340aef]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-19340aef]::-webkit-scrollbar,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-19340aef]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-19340aef]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-19340aef]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-19340aef]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-19340aef],.card [simply][data-v-19340aef]{background-color:inherit;border:0!important}.card[flex][data-v-19340aef],.card [flex][data-v-19340aef]{display:flex}.card[column][data-v-19340aef],.card [column][data-v-19340aef]{flex-direction:column}.card[row][data-v-19340aef],.card [row][data-v-19340aef]{flex-direction:row}.card[center][data-v-19340aef],.card [center][data-v-19340aef]{justify-content:center}.card[vcenter][data-v-19340aef],.card [vcenter][data-v-19340aef]{align-items:center}.card .card-title[data-v-19340aef]{max-height:40px}.card .card-close[data-v-19340aef]{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-19340aef]{display:none}.card .card-close[data-v-19340aef]:before,.card .card-close[data-v-19340aef]: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-19340aef]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-19340aef]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-19340aef]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-19340aef]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-19340aef]{overflow:auto;height:100%}