vislite 1.3.0 → 1.4.0-alpha.0

package/lib/BarLayout/index.es.js

@@ -0,0 +1,467 @@
+/*!
+* BarLayout of VISLite JavaScript Library v1.4.0-alpha.0
+* git+https://github.com/oi-contrib/VISLite.git
+*/
+function initOption(setOption, defaultOption) {
+    for (var key in setOption) {
+        defaultOption[key] = setOption[key];
+    }
+    return defaultOption;
+}
+
+function ruler (maxValue, minValue, num, option) {
+    if (maxValue < minValue) {
+        var temp = minValue;
+        minValue = maxValue;
+        maxValue = temp;
+    }
+    else if (maxValue == minValue) {
+        return [maxValue];
+    }
+    var times100 = (function (_value) {
+        var _times100_base = (_value < 100 && _value > -100) ? 10 : 0.1;
+        var _times100 = -1, _tiemsValue = _value;
+        while (_times100_base == 10 ?
+            (_tiemsValue >= -100 && _tiemsValue <= 100)
+            :
+                (_tiemsValue <= -100 || _tiemsValue >= 100)) {
+            _times100 += 1;
+            _tiemsValue *= _times100_base;
+        }
+        if (_times100_base == 10) {
+            return Math.pow(10, _times100);
+        }
+        else {
+            var temp = "0.";
+            for (var i = 1; i < _times100; i++) {
+                temp += "0";
+            }
+            return +(temp + "1");
+        }
+    })(maxValue - minValue);
+    var distance100_oral = Math.ceil((maxValue - minValue) * times100 / num);
+    var getResult = function (changValue) {
+        var distance100 = {
+            3: 2,
+            4: 5,
+            6: 5,
+            7: 5,
+            8: 10,
+            9: 10,
+            11: 10,
+            12: 10,
+            13: 15,
+            14: 15,
+            16: 15,
+            17: 15,
+            18: 20,
+            19: 20,
+            21: 20,
+            22: 20,
+            23: 25,
+            24: 25,
+            26: 25,
+            27: 25
+        }[distance100_oral + changValue] || (distance100_oral + changValue);
+        var distance = distance100 / times100;
+        var begin = Math.floor(minValue / distance) * distance;
+        var rulerArray = [];
+        rulerArray.push(begin);
+        for (var index = 1; rulerArray[rulerArray.length - 1] < maxValue; index++) {
+            rulerArray.push(begin + distance * index);
+        }
+        return rulerArray;
+    };
+    var rulerArray = getResult(0);
+    var balanceMax = function () {
+        var rulerArray_temp = [];
+        var changeDist = rulerArray[rulerArray.length - 1] - (option === null || option === void 0 ? void 0 : option.max);
+        for (var index = 0; index < rulerArray.length; index++) {
+            if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) ;
+            else {
+                rulerArray_temp.push(rulerArray[index] - changeDist);
+            }
+        }
+        return rulerArray_temp;
+    };
+    var balanceMin = function () {
+        var rulerArray_temp = [];
+        var changeDist = rulerArray[0] - (option === null || option === void 0 ? void 0 : option.min);
+        for (var index = 0; index < rulerArray.length; index++) {
+            rulerArray_temp[index] = rulerArray[index] - changeDist;
+            if (maxValue <= rulerArray_temp[index])
+                break;
+        }
+        return rulerArray_temp;
+    };
+    if (option) {
+        if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
+            var isAnswer = function () {
+                if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max)
+                    return true;
+                var rulerArray_max = balanceMax();
+                if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
+                    rulerArray = rulerArray_max;
+                    return true;
+                }
+                var rulerArray_min = balanceMin();
+                if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
+                    rulerArray = rulerArray_min;
+                    return true;
+                }
+            };
+            if (isAnswer())
+                return rulerArray;
+            for (var changValue = 1; changValue < 100; changValue++) {
+                rulerArray = getResult(changValue);
+                if (isAnswer())
+                    return rulerArray;
+                rulerArray = getResult(-changValue);
+                if (isAnswer())
+                    return rulerArray;
+            }
+        }
+        if ('max' in option && option.max >= maxValue) {
+            if (option.max < rulerArray[rulerArray.length - 1]) {
+                rulerArray = balanceMax();
+            }
+        }
+        else if ('min' in option && option.min <= minValue) {
+            if (option.min > rulerArray[0]) {
+                rulerArray = balanceMin();
+            }
+        }
+    }
+    for (var index = 0; index < rulerArray.length; index++) {
+        var valStr = rulerArray[index] + "";
+        if (/\./.test(valStr)) {
+            if (/9{7,}$/.test(valStr)) {
+                valStr = valStr.replace(/9{7,}$/, '');
+                rulerArray[index] = +(valStr.substring(0, valStr.length - 1) + ((+valStr[valStr.length - 1]) + 1));
+            }
+            else if (/0{7,}\d$/.test(valStr)) {
+                rulerArray[index] = +(valStr.replace(/0{7,}\d$/, ''));
+            }
+        }
+    }
+    return rulerArray;
+}
+
+/*!
+* animation of OIPage v1.2.0
+* git+https://github.com/oi-contrib/OIPage.git
+*/
+
+//当前正在运动的动画的tick函数堆栈
+var $timers = [];
+//唯一定时器的定时间隔
+var $interval = 13;
+//定时器ID
+var $timerId;
+
+/**
+ * 动画轮播
+ * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+ * @param {number} duration 动画时长，可选
+ * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+ *
+ * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
+ */
+function animation(doback, duration, callback) {
+    if (arguments.length < 2) duration = 400;
+    if (arguments.length < 3) callback = function () { };
+
+    var clock = {
+        //把tick函数推入堆栈
+        "timer": function (tick, duration, callback) {
+            if (!tick) {
+                throw new Error('Tick is required!');
+            }
+            var id = new Date().valueOf() + "_" + (Math.random() * 1000).toFixed(0);
+            $timers.push({
+                "id": id,
+                "createTime": new Date(),
+                "tick": tick,
+                "duration": duration,
+                "callback": callback
+            });
+            clock.start();
+            return id;
+        },
+
+        //开启唯一的定时器timerId
+        "start": function () {
+            if (!$timerId) {
+                $timerId = setInterval(clock.tick, $interval);
+            }
+        },
+
+        //被定时器调用，遍历timers堆栈
+        "tick": function () {
+            var createTime, flag, tick, callback, timer, duration, passTime, timers = $timers;
+
+            $timers = [];
+            $timers.length = 0;
+
+            for (flag = 0; flag < timers.length; flag++) {
+                //初始化数据
+                timer = timers[flag];
+                createTime = timer.createTime;
+                tick = timer.tick;
+                duration = timer.duration;
+                callback = timer.callback;
+
+                //执行
+                passTime = (+new Date().valueOf() - createTime.valueOf()) / duration;
+                passTime = passTime > 1 ? 1 : passTime;
+                tick(passTime);
+                if (passTime < 1 && timer.id) {
+                    //动画没有结束再添加
+                    $timers.push(timer);
+                } else {
+                    callback(passTime);
+                }
+            }
+            if ($timers.length <= 0) {
+                clock.stop();
+            }
+        },
+
+        //停止定时器，重置timerId=null
+        "stop": function () {
+            if ($timerId) {
+                clearInterval($timerId);
+                $timerId = null;
+            }
+        }
+    };
+
+    var id = clock.timer(function (deep) {
+        //其中deep为0-1，表示改变的程度
+        doback(deep);
+    }, duration, callback);
+
+    return {
+        // 一个函数
+        // 用于在动画结束前结束动画
+        stop: function () {
+            var i;
+            for (i in $timers) {
+                if ($timers[i].id == id) {
+                    $timers[i].id = void 0;
+                    return;
+                }
+            }
+        }
+    };
+
+}
+
+var BarLayout = (function () {
+    function BarLayout(config) {
+        if (config === void 0) { config = {}; }
+        this.name = 'BarLayout';
+        this.__option = {
+            x: 50,
+            y: 350,
+            width: 400,
+            height: 300,
+            category: "xAxis",
+            duration: 200
+        };
+        this.__config = initOption(config, {});
+    }
+    BarLayout.prototype.setOption = function (option) {
+        initOption(option, this.__option);
+        return this;
+    };
+    BarLayout.prototype.use = function (initBar) {
+        var bar = {
+            coordinate: {
+                x: this.__option.x,
+                y: this.__option.y,
+                width: this.__option.width,
+                height: this.__option.height,
+                xAxis: {
+                    type: this.__option.category === "xAxis" ? "category" : "value",
+                    data: []
+                },
+                yAxis: {
+                    type: this.__option.category === "xAxis" ? "value" : "category",
+                    data: []
+                }
+            },
+            node: []
+        };
+        var maxValue = void 0, minValue = void 0;
+        if (initBar.data) {
+            for (var _i = 0, _a = initBar.data; _i < _a.length; _i++) {
+                var val = _a[_i];
+                if (maxValue === void 0 || val > maxValue)
+                    maxValue = val;
+                if (minValue === void 0 || val < minValue)
+                    minValue = val;
+            }
+        }
+        else if (initBar.value) {
+            for (var _b = 0, _c = initBar.value; _b < _c.length; _b++) {
+                var item = _c[_b];
+                for (var _d = 0, _e = item.data; _d < _e.length; _d++) {
+                    var val = _e[_d];
+                    if (maxValue === void 0 || val > maxValue)
+                        maxValue = val;
+                    if (minValue === void 0 || val < minValue)
+                        minValue = val;
+                }
+            }
+        }
+        else {
+            throw new Error('No data leads to parsing errors');
+        }
+        var rulerArray = ruler(maxValue || 0, minValue || 0, 5);
+        var categoryLen;
+        var valueLen;
+        if (this.__option.category === "xAxis") {
+            bar.coordinate.xAxis.data = initBar.category;
+            bar.coordinate.yAxis.data = rulerArray;
+            categoryLen = this.__option.width;
+            valueLen = -1 * this.__option.height;
+        }
+        else {
+            bar.coordinate.xAxis.data = rulerArray;
+            bar.coordinate.yAxis.data = initBar.category;
+            categoryLen = this.__option.height;
+            valueLen = this.__option.width;
+        }
+        var category = [];
+        var categorySingle1Width = categoryLen / initBar.category.length;
+        var categorySingle2Width = categorySingle1Width * 0.9;
+        var categoryStart = categorySingle1Width * 0.05;
+        if (initBar.data) {
+            for (var i = 0; i < initBar.data.length; i++) {
+                category.push([
+                    categoryStart + categorySingle1Width * i,
+                    categorySingle2Width
+                ]);
+            }
+        }
+        else {
+            var categorySingle3Width = categorySingle2Width / initBar.value.length;
+            var categorySingle4Width = categorySingle3Width * 0.9;
+            var categoryStartBlance = categorySingle3Width * 0.05;
+            for (var i = 0; i < initBar.value[0].data.length; i++) {
+                category[i] = [];
+                for (var j = 0; j < initBar.value.length; j++) {
+                    category[i].push([
+                        categoryStart + categorySingle1Width * i + categorySingle3Width * j + categoryStartBlance,
+                        categorySingle4Width
+                    ]);
+                }
+            }
+        }
+        var singleValueLen = valueLen / (rulerArray[rulerArray.length - 1] - rulerArray[0]);
+        var getLenByValue = function (value) {
+            return singleValueLen * (value - rulerArray[0]);
+        };
+        if (this.__option.category === "xAxis") {
+            if (initBar.data) {
+                var nodeBar = [];
+                for (var i = 0; i < initBar.data.length; i++) {
+                    nodeBar.push({
+                        x: this.__option.x + category[i][0],
+                        y: this.__option.y,
+                        width: category[i][1],
+                        height: getLenByValue(initBar.data[i]),
+                        value: initBar.data[i]
+                    });
+                }
+                bar.node.push({
+                    bar: nodeBar
+                });
+            }
+            else {
+                for (var j = 0; j < initBar.value.length; j++) {
+                    var nodeBar = [];
+                    for (var i = 0; i < initBar.value[j].data.length; i++) {
+                        nodeBar.push({
+                            x: this.__option.x + category[i][j][0],
+                            y: this.__option.y,
+                            width: category[i][j][1],
+                            height: getLenByValue(initBar.value[j].data[i]),
+                            value: initBar.value[j].data[i]
+                        });
+                    }
+                    bar.node.push({
+                        name: initBar.value[j].name,
+                        bar: nodeBar
+                    });
+                }
+            }
+        }
+        else {
+            if (initBar.data) {
+                var nodeBar = [];
+                for (var i = 0; i < initBar.data.length; i++) {
+                    nodeBar.push({
+                        x: this.__option.x,
+                        y: this.__option.y - this.__option.height + category[i][0],
+                        width: getLenByValue(initBar.data[i]),
+                        height: category[i][1],
+                        value: initBar.data[i]
+                    });
+                }
+                bar.node.push({
+                    bar: nodeBar
+                });
+            }
+            else {
+                for (var j = 0; j < initBar.value.length; j++) {
+                    var nodeBar = [];
+                    for (var i = 0; i < initBar.value[j].data.length; i++) {
+                        nodeBar.push({
+                            x: this.__option.x,
+                            y: this.__option.y - this.__option.height + category[i][j][0],
+                            width: getLenByValue(initBar.value[j].data[i]),
+                            height: category[i][j][1],
+                            value: initBar.value[j].data[i]
+                        });
+                    }
+                    bar.node.push({
+                        name: initBar.value[j].name,
+                        bar: nodeBar
+                    });
+                }
+            }
+        }
+        return bar;
+    };
+    BarLayout.prototype.bind = function (initBar, renderBack) {
+        this.__rback = renderBack;
+        this.__oralBar = initBar;
+        this.__preBar = this.use(this.__oralBar);
+        this.__rback(this.__preBar);
+        return this;
+    };
+    BarLayout.prototype.unbind = function () {
+        this.__rback = function () { return null; };
+        this.__oralBar = null;
+        this.__preBar = null;
+        return this;
+    };
+    BarLayout.prototype.doUpdate = function () {
+        var _this = this;
+        var newBar = this.use(this.__oralBar);
+        var cacheBar = JSON.parse(JSON.stringify(newBar));
+        animation(function (deep) {
+            if (_this.__preBar) ;
+            _this.__rback(cacheBar);
+        }, this.__option.duration, function () {
+            _this.__preBar = newBar;
+            _this.__rback(_this.__preBar);
+        });
+        return this;
+    };
+    return BarLayout;
+}());
+
+export { BarLayout as default };

package/lib/BarLayout/index.es.min.d.ts

@@ -0,0 +1,3 @@
+import { BarLayout } from "../../types/index"
+
+export default BarLayout

package/lib/BarLayout/index.es.min.js

@@ -0,0 +1,10 @@
+/*!
+* BarLayout of VISLite JavaScript Library v1.4.0-alpha.0
+* git+https://github.com/oi-contrib/VISLite.git
+*/
+function t(t,i){for(var a in t)i[a]=t[a];return i}
+/*!
+* animation of OIPage v1.2.0
+* git+https://github.com/oi-contrib/OIPage.git
+*/
+var i,a=[];var n=function(){function n(i){void 0===i&&(i={}),this.name="BarLayout",this.__option={x:50,y:350,width:400,height:300,category:"xAxis",duration:200},this.__config=t(i,{})}return n.prototype.setOption=function(i){return t(i,this.__option),this},n.prototype.use=function(t){var i={coordinate:{x:this.__option.x,y:this.__option.y,width:this.__option.width,height:this.__option.height,xAxis:{type:"xAxis"===this.__option.category?"category":"value",data:[]},yAxis:{type:"xAxis"===this.__option.category?"value":"category",data:[]}},node:[]},a=void 0,n=void 0;if(t.data)for(var r=0,e=t.data;r<e.length;r++){var o=e[r];(void 0===a||o>a)&&(a=o),(void 0===n||o<n)&&(n=o)}else{if(!t.value)throw new Error("No data leads to parsing errors");for(var h=0,u=t.value;h<u.length;h++)for(var s=0,l=u[h].data;s<l.length;s++){o=l[s];(void 0===a||o>a)&&(a=o),(void 0===n||o<n)&&(n=o)}}var _,d,f=function(t,i,a,n){if(t<i){var r=i;i=t,t=r}else if(t==i)return[t];var e=function(t){for(var i=t<100&&t>-100?10:.1,a=-1,n=t;10==i?n>=-100&&n<=100:n<=-100||n>=100;)a+=1,n*=i;if(10==i)return Math.pow(10,a);for(var r="0.",e=1;e<a;e++)r+="0";return+(r+"1")}(t-i),o=Math.ceil((t-i)*e/a),h=function(a){var n=({3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o+a]||o+a)/e,r=Math.floor(i/n)*n,h=[];h.push(r);for(var u=1;h[h.length-1]<t;u++)h.push(r+n*u);return h},u=h(0),s=function(){for(var t=[],a=u[u.length-1]-(null==n?void 0:n.max),r=0;r<u.length;r++)r+1<u.length&&u[r+1]-a<i||t.push(u[r]-a);return t},l=function(){for(var i=[],a=u[0]-(null==n?void 0:n.min),r=0;r<u.length&&(i[r]=u[r]-a,!(t<=i[r]));r++);return i};if(n){if("max"in n&&"min"in n&&n.max>=t&&n.min<=i){var _=function(){if(u[0]>=n.min&&u[u.length-1]<=n.max)return!0;var t=s();if(t[0]>=n.min&&t[t.length-1]<=n.max)return u=t,!0;var i=l();return i[0]>=n.min&&i[t.length-1]<=n.max?(u=i,!0):void 0};if(_())return u;for(var d=1;d<100;d++){if(u=h(d),_())return u;if(u=h(-d),_())return u}}"max"in n&&n.max>=t?n.max<u[u.length-1]&&(u=s()):"min"in n&&n.min<=i&&n.min>u[0]&&(u=l())}for(var f=0;f<u.length;f++){var v=u[f]+"";/\./.test(v)&&(/9{7,}$/.test(v)?(v=v.replace(/9{7,}$/,""),u[f]=+(v.substring(0,v.length-1)+(+v[v.length-1]+1))):/0{7,}\d$/.test(v)&&(u[f]=+v.replace(/0{7,}\d$/,"")))}return u}(a||0,n||0,5);"xAxis"===this.__option.category?(i.coordinate.xAxis.data=t.category,i.coordinate.yAxis.data=f,_=this.__option.width,d=-1*this.__option.height):(i.coordinate.xAxis.data=f,i.coordinate.yAxis.data=t.category,_=this.__option.height,d=this.__option.width);var v=[],p=_/t.category.length,c=.9*p,g=.05*p;if(t.data)for(var x=0;x<t.data.length;x++)v.push([g+p*x,c]);else{var y=c/t.value.length,m=.9*y,w=.05*y;for(x=0;x<t.value[0].data.length;x++){v[x]=[];for(var b=0;b<t.value.length;b++)v[x].push([g+p*x+y*b+w,m])}}var k=d/(f[f.length-1]-f[0]),A=function(t){return k*(t-f[0])};if("xAxis"===this.__option.category)if(t.data){var B=[];for(x=0;x<t.data.length;x++)B.push({x:this.__option.x+v[x][0],y:this.__option.y,width:v[x][1],height:A(t.data[x]),value:t.data[x]});i.node.push({bar:B})}else for(b=0;b<t.value.length;b++){for(B=[],x=0;x<t.value[b].data.length;x++)B.push({x:this.__option.x+v[x][b][0],y:this.__option.y,width:v[x][b][1],height:A(t.value[b].data[x]),value:t.value[b].data[x]});i.node.push({name:t.value[b].name,bar:B})}else if(t.data){for(B=[],x=0;x<t.data.length;x++)B.push({x:this.__option.x,y:this.__option.y-this.__option.height+v[x][0],width:A(t.data[x]),height:v[x][1],value:t.data[x]});i.node.push({bar:B})}else for(b=0;b<t.value.length;b++){for(B=[],x=0;x<t.value[b].data.length;x++)B.push({x:this.__option.x,y:this.__option.y-this.__option.height+v[x][b][0],width:A(t.value[b].data[x]),height:v[x][b][1],value:t.value[b].data[x]});i.node.push({name:t.value[b].name,bar:B})}return i},n.prototype.bind=function(t,i){return this.__rback=i,this.__oralBar=t,this.__preBar=this.use(this.__oralBar),this.__rback(this.__preBar),this},n.prototype.unbind=function(){return this.__rback=function(){return null},this.__oralBar=null,this.__preBar=null,this},n.prototype.doUpdate=function(){var t=this,n=this.use(this.__oralBar),r=JSON.parse(JSON.stringify(n));return function(t,n,r){arguments.length<2&&(n=400),arguments.length<3&&(r=function(){});var e={timer:function(t,i,n){if(!t)throw new Error("Tick is required!");var r=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return a.push({id:r,createTime:new Date,tick:t,duration:i,callback:n}),e.start(),r},start:function(){i||(i=setInterval(e.tick,13))},tick:function(){var t,i,n,r,o,h,u,s=a;for((a=[]).length=0,i=0;i<s.length;i++)t=(o=s[i]).createTime,n=o.tick,h=o.duration,r=o.callback,n(u=(u=(+(new Date).valueOf()-t.valueOf())/h)>1?1:u),u<1&&o.id?a.push(o):r(u);a.length<=0&&e.stop()},stop:function(){i&&(clearInterval(i),i=null)}},o=e.timer((function(i){t(i)}),n,r)}((function(i){t.__preBar,t.__rback(r)}),this.__option.duration,(function(){t.__preBar=n,t.__rback(t.__preBar)})),this},n}();export{n as default};

package/lib/Buffer/index.es.js

@@ -1,41 +1,41 @@
 /*!
-* Buffer of VISLite JavaScript Library v1.3.0
+* Buffer of VISLite JavaScript Library v1.4.0-alpha.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
-var newBuffer = function (painter) {
-    return painter.createBuffer();
-};
-var writeBuffer = function (painter, data, isElement, usage) {
-    var TYPE = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
-    painter.bufferData(TYPE, data, usage);
-};
-var useBuffer = function (painter, location, size, type, stride, offset, normalized) {
-    painter.vertexAttribPointer(location, size, type, normalized, stride, offset);
-    painter.enableVertexAttribArray(location);
-};
-var BufferObject = (function () {
-    function BufferObject(painter, isElement) {
-        if (isElement === void 0) { isElement = false; }
-        this.__painter = painter;
-        this.__isElement = isElement;
-        this.__buffer = newBuffer(painter);
-        this.__type = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
-    }
-    BufferObject.prototype.use = function () {
-        this.__painter.bindBuffer(this.__type, this.__buffer);
-        return this;
-    };
-    BufferObject.prototype.write = function (data) {
-        writeBuffer(this.__painter, data, this.__isElement, this.__painter.STATIC_DRAW);
-        this.__fsize = data.BYTES_PER_ELEMENT;
-        return this;
-    };
-    BufferObject.prototype.divide = function (location, size, stride, offset) {
-        if (offset === void 0) { offset = 0; }
-        useBuffer(this.__painter, location, size, this.__painter.FLOAT, stride * this.__fsize, offset * this.__fsize, false);
-        return this;
-    };
-    return BufferObject;
+var newBuffer = function (painter) {
+    return painter.createBuffer();
+};
+var writeBuffer = function (painter, data, isElement, usage) {
+    var TYPE = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
+    painter.bufferData(TYPE, data, usage);
+};
+var useBuffer = function (painter, location, size, type, stride, offset, normalized) {
+    painter.vertexAttribPointer(location, size, type, normalized, stride, offset);
+    painter.enableVertexAttribArray(location);
+};
+var BufferObject = (function () {
+    function BufferObject(painter, isElement) {
+        if (isElement === void 0) { isElement = false; }
+        this.__painter = painter;
+        this.__isElement = isElement;
+        this.__buffer = newBuffer(painter);
+        this.__type = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
+    }
+    BufferObject.prototype.use = function () {
+        this.__painter.bindBuffer(this.__type, this.__buffer);
+        return this;
+    };
+    BufferObject.prototype.write = function (data) {
+        writeBuffer(this.__painter, data, this.__isElement, this.__painter.STATIC_DRAW);
+        this.__fsize = data.BYTES_PER_ELEMENT;
+        return this;
+    };
+    BufferObject.prototype.divide = function (location, size, stride, offset) {
+        if (offset === void 0) { offset = 0; }
+        useBuffer(this.__painter, location, size, this.__painter.FLOAT, stride * this.__fsize, offset * this.__fsize, false);
+        return this;
+    };
+    return BufferObject;
 }());
 
 export { BufferObject as default };

package/lib/Buffer/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* Buffer of VISLite JavaScript Library v1.3.0
+* Buffer of VISLite JavaScript Library v1.4.0-alpha.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var t=function(){function t(t,i){void 0===i&&(i=!1),this.__painter=t,this.__isElement=i,this.__buffer=function(t){return t.createBuffer()}(t),this.__type=i?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER}return t.prototype.use=function(){return this.__painter.bindBuffer(this.__type,this.__buffer),this},t.prototype.write=function(t){return function(t,i,e,_){var r=e?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(r,i,_)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,i,e,_){return void 0===_&&(_=0),function(t,i,e,_,r,n,s){t.vertexAttribPointer(i,e,_,s,r,n),t.enableVertexAttribArray(i)}(this.__painter,t,i,this.__painter.FLOAT,e*this.__fsize,_*this.__fsize,!1),this},t}();export{t as default};