@soei/flyweight 0.0.8 → 0.0.10

package/README.md

@@ -1,14 +1,24 @@
-# 享元模式
+![安装](https://img.shields.io/badge/安装-npm_i_@soei/flyweight-ffc107?style=flat)
 
+# 享元模式 [![Latest Version on NPM](https://img.shields.io/npm/v/@soei/flyweight?label=npm&style=flat-square)](https://npmjs.com/package/@soei/flyweight) [![Software License](https://img.shields.io/badge/license-ISC-brightgreen?label=&style=flat-square)](LICENSE.md) [![npm](https://img.shields.io/npm/dw/@soei/flyweight?label=Downloads&style=flat-square)](https://www.npmjs.com/package/@soei/flyweight) ![npm bundle size](https://img.shields.io/bundlephobia/min/%40soei%2Futil?label=Size&color=&style=flat-square)
+
+ 
+
+![安装](https://img.shields.io/badge/-@soei-ae8aff?style=flat-square)![NPM Downloads by package author](https://img.shields.io/npm-stat/dw/soeiz?style=flat-square)
 ```html
 <div style="height:100px;width:300px;">
   <!-- 确认父容器 宽 高 存在, 依赖父容器 `宽`, `高` 计算 -->
   <s-flyweight ...></s-flyweight>
 </div>
 ```
+  ![安装](https://img.shields.io/badge/引用-import_{_Flyweight_}_from_"@soei/flyweight"-00bcd4?style=flat-square)
 
 ### 更新日志
 
+### `0.0.9`
+
+- #### 问题修复 `v-model:space` 和 onend 冲突问题处理
+
 ### `0.0.8`
 
 - #### 新增 `v-model:space`, 计算空间显示 `行` 与 `列`

package/dist/Flyweight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@soei/util"),o=require("vue");const z=(e,t)=>{const l=e.__vccOpts||e;for(const[n,i]of t)l[n]=i;return l};let x=e=>e==null||e==null,T=/(\d+|[+\-\*/]|%)/g,_={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,l)=>parseFloat(e)/100*l},v=(e,t)=>{let l;if(l=c.runer("match",e,T)){let n=l.length,i,s=0,h,r=[];for(;n--;)s=l.shift(),s in _?(i&&r.push(i),s==="%"&&(r.length=2),h=s):+s&&r.push(+s),r.length==2&&(r.push(t),i=_[h].apply(null,r),r.length=0);+i||(i=+r.pop()),e=i>>0}return e},H=(...e)=>{console.info("::::FLYWEIGHT",...e)};const N={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:()=>null},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}},computed:{flyweight(){return this.$refs.flyweight}},data(){return{flyweights:[],actice:!1,Height:null,column:1,row:1,fwheight:10,count:0,task:[],realW:0,realH:0}},watch:{flys(e){this.count=e.length,this.re();let t=this.task.shift();t&&this.$nextTick(()=>{this.setview(t)})},view:{handler(e){this.setview(e)},immediate:!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,l)=>{e[t]=l}),this.setindex(this.index);try{new ResizeObserver(()=>{this.re(),this.$emit("resize")}).observe(this.flyweight)}catch(e){H(e)}},methods:{trigger(e,t){this.lazyrun(()=>this.$emit(e,x(t)?!0:t))},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){c.runer([this.cheackflys,t=>{t=t||{};let l=t.index||c.each(this.flys,(n,i,s,h)=>{if(i[s]==h)return n},t.picker,t.id);x(l)||this.setindex(l)}],this,e)},setindex(e){c.runer([this.cheackflys,({index:t})=>{this.$nextTick(()=>{let l=t/this.column>>0,n=this.fwheight;(this.flyweight.scrollTop/n>>0)+this.row-l-1>0||(this.flyweight.scrollTop=l*n,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{c.runer(e)},t||this.lazy)},run(e){let t=c.picker(e.target,"scrollTop=>top");c.each(this.flyweights,(l,n,i,s,h,r,a,f)=>{if(i=l/h>>0,a=i+s*(+(i<r%s)+(r/s>>0)),f=a*h+l%h,f>=this.count){this.trigger("onend");return}n.index=a,n.top=a*this.fwheight,n.data=this.flys[f]},null,this.row,this.column,t.top/this.fwheight>>0)},scroll(e){this.run(e||{target:this.flyweight})},re(){let e=this.count||this.flys.length,t=this.flyweights;if(!e)return t.length=e;this.count=e;let l=this.flyweight,n=c.picker(l,"clientHeight=>height,clientWidth=>width");this.$nextTick(()=>{let i=this.auto===!0,[s,h]=this.offset,r=n.width,a=n.height,f=(v(this.width,r)||r)+s,g=v(this.height,a)+h;this.realW=f-s,this.realH=g-h;let u=r/f>>0||1,d=a/g>>0;this.row=d+2,this.column=u,this.fwheight=g;let m=r%f/(u-1*+!i)>>0;i&&(f=this.realW=(r/u>>0)-s,m=s),this.Height=Math.ceil(e/u)*g;let w=Math.min(e,u*this.row),p=w-1,y,k;for(;w-- >0;)y=p-w,k=this.flys[y],l=t[y],d=y/u>>0,this.$set(t,y,{data:k,top:d*g,left:y%u*(f+m),index:d});t.length=p+1,a/g>p&&this.trigger("onend"),this.scroll(),this.trigger("update:space",{row:(p/u>>0)+1,column:u})})}}},S=["data"];function B(e,t,l,n,i,s){return o.openBlock(),o.createElementBlock("div",{ref:"flyweight",class:o.normalizeClass(["flyweight",{"flyweight-active":i.actice}]),style:o.normalizeStyle({"--width":i.realW+"px","--height":i.realH+"px"}),onScroll:t[0]||(t[0]=(...h)=>s.scroll&&s.scroll(...h))},[o.createElementVNode("div",{class:"flyweight-all",style:o.normalizeStyle({"--flyweight-height":i.Height+"px"})},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.flyweights,(h,r)=>(o.openBlock(),o.createElementBlock("div",{key:r,data:h.top,style:o.normalizeStyle({top:h.top+"px",left:h.left+"px"})},[o.renderSlot(e.$slots,"default",{data:h.data,index:h.index},void 0,!0)],12,S))),128))],4),i.flyweights.length?o.renderSlot(e.$slots,"end",{key:0},void 0,!0):o.createCommentVNode("",!0)],38)}const b=z(N,[["render",B],["__scopeId","data-v-84a26ea4"]]),F=[b],O={install(e){F.forEach(t=>{e.component("s-"+t.name.toLowerCase(),t)})}};exports.Flyweight=b;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@soei/util"),o=require("vue");const T=(e,t)=>{const l=e.__vccOpts||e;for(const[h,i]of t)l[h]=i;return l};let k=e=>e==null||e==null,H=/(\d+|[+\-\*/]|%)/g,b={"+":(e,t)=>e+t,"-":(e,t)=>e-t,"*":(e,t)=>e*t,"/":(e,t)=>e/t,"%":(e,t,l)=>parseFloat(e)/100*l},v=(e,t)=>{let l;if(l=f.runer("match",e,H)){let h=l.length,i,s=0,r,n=[];for(;h--;)s=l.shift(),s in b?(i&&n.push(i),s==="%"&&(n.length=2),r=s):+s&&n.push(+s),n.length==2&&(n.push(t),i=b[r].apply(null,n),n.length=0);+i||(i=+n.pop()),e=i>>0}return e},N=(...e)=>{console.info("::::FLYWEIGHT",...e)};const S={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:()=>null},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}},computed:{flyweight(){return this.$refs.flyweight}},data(){return{flyweights:[],actice:!1,Height:null,column:1,row:1,fwheight:10,count:0,task:[],realW:0,realH:0}},watch:{flys(e){this.count=e.length,this.re();let t=this.task.shift();t&&this.$nextTick(()=>{this.setview(t)})},view:{handler(e){this.setview(e)},immediate:!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,l)=>{e[t]=l}),this.setindex(this.index);try{new ResizeObserver(()=>{this.re(),this.$emit("resize")}).observe(this.flyweight)}catch(e){N(e)}},methods:{trigger(e,t){this.lazyrun(()=>{f.isArray(e)||(e=[[e,t]]),f.each(e,(l,h)=>{this.$emit(h[0],k(h[1])?!0:h[1])})})},cheackflys(e){if(!this.flys.length)return e&&this.task.push(e),!0},setview(e){f.runer([this.cheackflys,t=>{t=t||{};let l=t.index||f.each(this.flys,(h,i,s,r)=>{if(i[s]==r)return h},t.picker,t.id);k(l)||this.setindex(l)}],this,e)},setindex(e){f.runer([this.cheackflys,({index:t})=>{this.$nextTick(()=>{let l=t/this.column>>0,h=this.fwheight;(this.flyweight.scrollTop/h>>0)+this.row-l-1>0||(this.flyweight.scrollTop=l*h,this.scroll())})}],this,{index:e})},lazyrun(e,t){clearTimeout(this.time),this.time=setTimeout(()=>{f.runer(e)},t||this.lazy)},run(e){let t=f.picker(e.target,"scrollTop=>top");f.each(this.flyweights,(l,h,i,s,r,n,a,u)=>{if(i=l/r>>0,a=i+s*(+(i<n%s)+(n/s>>0)),u=a*r+l%r,u>=this.count){this.trigger("onend");return}h.index=a,h.top=a*this.fwheight,h.data=this.flys[u]},null,this.row,this.column,t.top/this.fwheight>>0)},scroll(e){this.run(e||{target:this.flyweight})},re(){let e=this.count||this.flys.length,t=this.flyweights;if(!e)return t.length=e;this.count=e;let l=this.flyweight,h=f.picker(l,"clientHeight=>height,clientWidth=>width");this.$nextTick(()=>{let i=this.auto===!0,[s,r]=this.offset,n=h.width,a=h.height,u=(v(this.width,n)||n)+s,g=v(this.height,a)+r;this.realW=u-s,this.realH=g-r;let c=n/u>>0||1,y=a/g>>0;this.row=y+2,this.column=c,this.fwheight=g;let x=n%u/(c-1*+!i)>>0;i&&(u=this.realW=(n/c>>0)-s,x=s),this.Height=Math.ceil(e/c)*g;let w=Math.min(e,c*this.row),p=w-1,d,_;for(;w-- >0;)d=p-w,_=this.flys[d],l=t[d],y=d/c>>0,this.$set(t,d,{data:_,top:y*g,left:d%c*(u+x),index:y});t.length=p+1;let m=[];a/g>p&&m.push(["onend"]),this.scroll(),m.push(["update:space",{row:(p/c>>0)+1,column:c}]),this.trigger(m)})}}},B=["data"];function F(e,t,l,h,i,s){return o.openBlock(),o.createElementBlock("div",{ref:"flyweight",class:o.normalizeClass(["flyweight",{"flyweight-active":i.actice}]),style:o.normalizeStyle({"--width":i.realW+"px","--height":i.realH+"px"}),onScroll:t[0]||(t[0]=(...r)=>s.scroll&&s.scroll(...r))},[o.createElementVNode("div",{class:"flyweight-all",style:o.normalizeStyle({"--flyweight-height":i.Height+"px"})},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.flyweights,(r,n)=>(o.openBlock(),o.createElementBlock("div",{key:n,data:r.top,style:o.normalizeStyle({top:r.top+"px",left:r.left+"px"})},[o.renderSlot(e.$slots,"default",{data:r.data,index:r.index},void 0,!0)],12,B))),128))],4),i.flyweights.length?o.renderSlot(e.$slots,"end",{key:0},void 0,!0):o.createCommentVNode("",!0)],38)}const z=T(S,[["render",F],["__scopeId","data-v-1342d2cb"]]),O=[z],$={install(e){O.forEach(t=>{e.component("s-"+t.name.toLowerCase(),t)})}};exports.Flyweight=z;exports.default=$;

package/dist/Flyweight.js

@@ -1,30 +1,30 @@
-import { runer as p, each as v, picker as b } from "@soei/util";
-import { openBlock as w, createElementBlock as m, normalizeClass as $, normalizeStyle as x, createElementVNode as F, Fragment as O, renderList as L, renderSlot as z, createCommentVNode as W } from "vue";
-const E = (t, e) => {
-  const l = t.__vccOpts || t;
-  for (const [n, i] of e)
-    l[n] = i;
-  return l;
+import { isArray as F, each as m, runer as d, picker as z } from "@soei/util";
+import { openBlock as x, createElementBlock as _, normalizeClass as O, normalizeStyle as b, createElementVNode as L, Fragment as W, renderList as E, renderSlot as T, createCommentVNode as S } from "vue";
+const A = (t, e) => {
+  const s = t.__vccOpts || t;
+  for (const [h, i] of e)
+    s[h] = i;
+  return s;
 };
-let T = (t) => t == null || t == null, S = /(\d+|[+\-\*/]|%)/g, H = {
+let H = (t) => t == null || t == null, B = /(\d+|[+\-\*/]|%)/g, N = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
   "/": (t, e) => t / e,
-  "%": (t, e, l) => parseFloat(t) / 100 * l
-}, N = (t, e) => {
-  let l;
-  if (l = p("match", t, S)) {
-    let n = l.length, i, s = 0, h, r = [];
-    for (; n--; )
-      s = l.shift(), s in H ? (i && r.push(i), s === "%" && (r.length = 2), h = s) : +s && r.push(+s), r.length == 2 && (r.push(e), i = H[h].apply(null, r), r.length = 0);
-    +i || (i = +r.pop()), t = i >> 0;
+  "%": (t, e, s) => parseFloat(t) / 100 * s
+}, $ = (t, e) => {
+  let s;
+  if (s = d("match", t, B)) {
+    let h = s.length, i, l = 0, r, n = [];
+    for (; h--; )
+      l = s.shift(), l in N ? (i && n.push(i), l === "%" && (n.length = 2), r = l) : +l && n.push(+l), n.length == 2 && (n.push(e), i = N[r].apply(null, n), n.length = 0);
+    +i || (i = +n.pop()), t = i >> 0;
   }
   return t;
-}, B = (...t) => {
+}, C = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const C = {
+const I = {
   name: "Flyweight",
   props: {
     flys: {
@@ -116,59 +116,63 @@ const C = {
     }
   },
   mounted() {
-    this.flyweights = [], this.$set || (this.$set = (t, e, l) => {
-      t[e] = l;
+    this.flyweights = [], this.$set || (this.$set = (t, e, s) => {
+      t[e] = s;
     }), this.setindex(this.index);
     try {
       new ResizeObserver(() => {
         this.re(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      B(t);
+      C(t);
     }
   },
   methods: {
     trigger(t, e) {
-      this.lazyrun(() => this.$emit(t, T(e) ? !0 : e));
+      this.lazyrun(() => {
+        F(t) || (t = [[t, e]]), m(t, (s, h) => {
+          this.$emit(h[0], H(h[1]) ? !0 : h[1]);
+        });
+      });
     },
     cheackflys(t) {
       if (!this.flys.length)
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      p([this.cheackflys, (e) => {
+      d([this.cheackflys, (e) => {
         e = e || {};
-        let l = e.index || v(this.flys, (n, i, s, h) => {
-          if (i[s] == h)
-            return n;
+        let s = e.index || m(this.flys, (h, i, l, r) => {
+          if (i[l] == r)
+            return h;
         }, e.picker, e.id);
-        T(l) || this.setindex(l);
+        H(s) || this.setindex(s);
       }], this, t);
     },
     setindex(t) {
-      p([this.cheackflys, ({ index: e }) => {
+      d([this.cheackflys, ({ index: e }) => {
         this.$nextTick(() => {
-          let l = e / this.column >> 0, n = this.fwheight;
-          (this.flyweight.scrollTop / n >> 0) + this.row - l - 1 > 0 || (this.flyweight.scrollTop = l * n, this.scroll());
+          let s = e / this.column >> 0, h = this.fwheight;
+          (this.flyweight.scrollTop / h >> 0) + this.row - s - 1 > 0 || (this.flyweight.scrollTop = s * h, this.scroll());
         });
       }], this, { index: t });
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        p(t);
+        d(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = b(t.target, "scrollTop=>top");
-      v(
+      let e = z(t.target, "scrollTop=>top");
+      m(
         this.flyweights,
-        (l, n, i, s, h, r, a, o) => {
-          if (i = l / h >> 0, a = i + s * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(i < r % s) + (r / s >> 0)), o = a * h + l % h, o >= this.count) {
+        (s, h, i, l, r, n, u, o) => {
+          if (i = s / r >> 0, u = i + l * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(i < n % l) + (n / l >> 0)), o = u * r + s % r, o >= this.count) {
             this.trigger("onend");
             return;
           }
-          n.index = a, n.top = a * this.fwheight, n.data = this.flys[o];
+          h.index = u, h.top = u * this.fwheight, h.data = this.flys[o];
         },
         null,
         this.row,
@@ -185,70 +189,72 @@ const C = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let l = this.flyweight, n = b(l, "clientHeight=>height,clientWidth=>width");
+      let s = this.flyweight, h = z(s, "clientHeight=>height,clientWidth=>width");
       this.$nextTick(() => {
-        let i = this.auto === !0, [s, h] = this.offset, r = n.width, a = n.height, o = (N(this.width, r) || r) + s, u = N(this.height, a) + h;
-        this.realW = o - s, this.realH = u - h;
-        let f = r / o >> 0 || 1, g = a / u >> 0;
-        this.row = g + 2, this.column = f, this.fwheight = u;
-        let _ = r % o / (f - 1 * +!i) >> 0;
-        i && (o = this.realW = (r / f >> 0) - s, _ = s), this.Height = Math.ceil(t / f) * u;
-        let d = Math.min(t, f * this.row), y = d - 1, c, k;
-        for (; d-- > 0; )
-          c = y - d, k = this.flys[c], l = e[c], g = c / f >> 0, this.$set(e, c, {
-            data: k,
-            top: g * u,
-            left: c % f * (o + _),
+        let i = this.auto === !0, [l, r] = this.offset, n = h.width, u = h.height, o = ($(this.width, n) || n) + l, a = $(this.height, u) + r;
+        this.realW = o - l, this.realH = a - r;
+        let f = n / o >> 0 || 1, g = u / a >> 0;
+        this.row = g + 2, this.column = f, this.fwheight = a;
+        let k = n % o / (f - 1 * +!i) >> 0;
+        i && (o = this.realW = (n / f >> 0) - l, k = l), this.Height = Math.ceil(t / f) * a;
+        let y = Math.min(t, f * this.row), p = y - 1, c, v;
+        for (; y-- > 0; )
+          c = p - y, v = this.flys[c], s = e[c], g = c / f >> 0, this.$set(e, c, {
+            data: v,
+            top: g * a,
+            left: c % f * (o + k),
             index: g
           });
-        e.length = y + 1, a / u > y && this.trigger("onend"), this.scroll(), this.trigger("update:space", { row: (y / f >> 0) + 1, column: f });
+        e.length = p + 1;
+        let w = [];
+        u / a > p && w.push(["onend"]), this.scroll(), w.push(["update:space", { row: (p / f >> 0) + 1, column: f }]), this.trigger(w);
       });
     }
   }
-}, I = ["data"];
-function j(t, e, l, n, i, s) {
-  return w(), m("div", {
+}, j = ["data"];
+function M(t, e, s, h, i, l) {
+  return x(), _("div", {
     ref: "flyweight",
-    class: $(["flyweight", {
+    class: O(["flyweight", {
       "flyweight-active": i.actice
     }]),
-    style: x({
+    style: b({
       "--width": i.realW + "px",
       "--height": i.realH + "px"
     }),
-    onScroll: e[0] || (e[0] = (...h) => s.scroll && s.scroll(...h))
+    onScroll: e[0] || (e[0] = (...r) => l.scroll && l.scroll(...r))
   }, [
-    F("div", {
+    L("div", {
       class: "flyweight-all",
-      style: x({
+      style: b({
         "--flyweight-height": i.Height + "px"
       })
     }, [
-      (w(!0), m(O, null, L(i.flyweights, (h, r) => (w(), m("div", {
-        key: r,
-        data: h.top,
-        style: x({
-          top: h.top + "px",
-          left: h.left + "px"
+      (x(!0), _(W, null, E(i.flyweights, (r, n) => (x(), _("div", {
+        key: n,
+        data: r.top,
+        style: b({
+          top: r.top + "px",
+          left: r.left + "px"
         })
       }, [
-        z(t.$slots, "default", {
-          data: h.data,
-          index: h.index
+        T(t.$slots, "default", {
+          data: r.data,
+          index: r.index
         }, void 0, !0)
-      ], 12, I))), 128))
+      ], 12, j))), 128))
     ], 4),
-    i.flyweights.length ? z(t.$slots, "end", { key: 0 }, void 0, !0) : W("", !0)
+    i.flyweights.length ? T(t.$slots, "end", { key: 0 }, void 0, !0) : S("", !0)
   ], 38);
 }
-const A = /* @__PURE__ */ E(C, [["render", j], ["__scopeId", "data-v-84a26ea4"]]), M = [A], U = {
+const R = /* @__PURE__ */ A(I, [["render", M], ["__scopeId", "data-v-1342d2cb"]]), V = [R], q = {
   install(t) {
-    M.forEach((e) => {
+    V.forEach((e) => {
       t.component("s-" + e.name.toLowerCase(), e);
     });
   }
 };
 export {
-  A as Flyweight,
-  U as default
+  R as Flyweight,
+  q as default
 };

package/dist/style.css

@@ -1 +1 @@
-.flyweight[data-v-84a26ea4]{height:100%;width:100%;overflow:auto;position:relative}.flyweight .flyweight-all[data-v-84a26ea4]{height:var(--flyweight-height)}.flyweight .flyweight-all[data-v-84a26ea4]>*{width:calc(var(--width));height:var(--height);position:absolute}
+.flyweight[data-v-1342d2cb]{height:100%;width:100%;overflow:auto;position:relative}.flyweight .flyweight-all[data-v-1342d2cb]{height:var(--flyweight-height)}.flyweight .flyweight-all[data-v-1342d2cb]>*{width:calc(var(--width));height:var(--height);position:absolute}

package/package.json

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

package/src/Flyweight.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { each, picker, runer } from '@soei/util';
+import { each, picker, runer, isArray } from '@soei/util';
 let isNil = (data) => {
     return data == null || data == undefined;
 }
@@ -176,7 +176,12 @@ export default {
     },
     methods: {
         trigger(key, data) {
-            this.lazyrun(() => this.$emit(key, isNil(data) ? true : data));
+            this.lazyrun(() => {
+                if (!isArray(key)) key = [[key, data]];
+                each(key, (k, v) => {
+                    this.$emit(v[0], isNil(v[1]) ? true : v[1]);
+                })
+            });
         },
         cheackflys(data) {
             let length = this.flys.length;
@@ -291,10 +296,13 @@ export default {
                     })
                 }
                 fws.length = length + 1;
-                if (H / height > length) this.trigger('onend');
+                let triggers = [];
+                if (H / height > length) triggers.push(['onend']);
                 this.scroll();
                 /* 计算占用空间 */
-                this.trigger('update:space', { row: (length / column >> 0) + 1, column: column });
+                triggers.push(['update:space', { row: (length / column >> 0) + 1, column: column }]);
+
+                this.trigger(triggers);
             });
         }
     }