@plotdb/chart 0.0.2

package/dist/utils/data.js

@@ -0,0 +1,238 @@
+(function(){
+  var main;
+  main = {
+    number: function(opt){
+      var data, len;
+      opt == null && (opt = {});
+      data = opt.data.filter(function(it){
+        return !(!it || (it + "").trim() === '');
+      });
+      len = data.filter(function(it){
+        return !isNaN(parseFloat(it));
+      }).length;
+      return len / data.length;
+    },
+    serial: function(opt){
+      var data, hash, i$, to$, i, delta, k;
+      opt == null && (opt = {});
+      data = [].concat(opt.data);
+      data.sort(function(a, b){
+        return b - a;
+      });
+      hash = {};
+      for (i$ = 1, to$ = data.length; i$ < to$; ++i$) {
+        i = i$;
+        if (isNaN(data[i]) || isNaN(data[i - 1])) {
+          hash[data[i] > data[i - 1]
+            ? data[i] + ":" + data[i - 1]
+            : data[i - 1] + ":" + data[i]] = true;
+        } else {
+          delta = data[i] - data[i - 1];
+        }
+        hash[delta] = true;
+      }
+      return 1 / ((function(){
+        var results$ = [];
+        for (k in hash) {
+          results$.push(k);
+        }
+        return results$;
+      }()).filter(function(it){
+        return it !== '0';
+      }).length || 2);
+    },
+    text: function(opt){
+      opt == null && (opt = {});
+      return 1 - this.number(opt);
+    },
+    category: function(opt){
+      var len, maxlen, ret, ref$, ref1$, ref2$;
+      opt == null && (opt = {});
+      len = Array.from(new Set(opt.data)).length;
+      maxlen = opt.data.length;
+      ret = (ref$ = (ref1$ = 1 - ((ref2$ = len - 2) > 0 ? ref2$ : 0) / maxlen - 1 / maxlen) > 0 ? ref1$ : 0) < 1 ? ref$ : 1;
+      if (this.number(opt)) {
+        ret = ret * 0.9;
+      }
+      return ret;
+    },
+    parse: function(data){
+      var head, body;
+      if (Array.isArray(data)) {
+        head = data.slice(0, 1)[0];
+        body = data.slice(1);
+        body = body.map(function(d, i){
+          var ret;
+          ret = {};
+          head.map(function(h, j){
+            return ret[h] = d[j];
+          });
+          return ret;
+        });
+        return {
+          head: head,
+          body: body
+        };
+      }
+      return data;
+    },
+    autotype: function(data){
+      var head, res$, k, type, i$, len$, key, d, ret, list;
+      data == null && (data = []);
+      res$ = [];
+      for (k in data[0] || {}) {
+        res$.push(k);
+      }
+      head = res$;
+      type = [];
+      for (i$ = 0, len$ = head.length; i$ < len$; ++i$) {
+        key = head[i$];
+        d = data.map(fn$);
+        ret = {
+          key: key,
+          types: {
+            R: main.number({
+              data: d
+            }),
+            O: main.serial({
+              data: d
+            }),
+            N: main.text({
+              data: d
+            }),
+            C: main.category({
+              data: d
+            })
+          }
+        };
+        list = ['R', 'O', 'N', 'C'].map(fn1$);
+        list.sort(fn2$);
+        ret.type = list[0][0];
+        type.push(ret);
+      }
+      return type;
+      function fn$(it){
+        return it[key];
+      }
+      function fn1$(it){
+        return [it, ret.types[it]];
+      }
+      function fn2$(a, b){
+        return b[1] - a[1];
+      }
+    },
+    autobind: function(data, dimension){
+      var datatypes, dims, k, v, i$, len$, dim, ts, j$, to$, i, t, k$, to1$, dt, ret;
+      data == null && (data = []);
+      dimension == null && (dimension = {});
+      datatypes = this.autotype(data);
+      dims = (function(){
+        var ref$, results$ = [];
+        for (k in ref$ = dimension) {
+          v = ref$[k];
+          results$.push({
+            k: k,
+            v: v
+          });
+        }
+        return results$;
+      }()).filter(function(it){
+        return !it.v.passive;
+      });
+      dims.sort(function(a, b){
+        var ret, ref$, ma, mb;
+        ret = (a.v.priority || 100) - (b.v.priority || 100);
+        if (ret !== 0) {
+          return ret;
+        }
+        ref$ = [a.v.type || 'R', b.v.type || 'R'].map(function(t){
+          return Math.min.apply(Math, (function(){
+            var i$, to$, results$ = [];
+            for (i$ = 0, to$ = t.length; i$ < to$; ++i$) {
+              results$.push(i$);
+            }
+            return results$;
+          }()).map(function(i){
+            return "CONR".indexOf(t[i]);
+          }));
+        }), ma = ref$[0], mb = ref$[1];
+        return ma - mb;
+      });
+      for (i$ = 0, len$ = dims.length; i$ < len$; ++i$) {
+        dim = dims[i$];
+        dim.bind = null;
+        ts = dim.v.type || 'RNOC';
+        for (j$ = 0, to$ = ts.length; j$ < to$; ++j$) {
+          i = j$;
+          t = ts[i];
+          datatypes.sort(fn$);
+          for (k$ = 0, to1$ = datatypes.length; k$ < to1$; ++k$) {
+            i = k$;
+            dt = datatypes[i];
+            if (dt.types[t] < 0.5 || dt.used || (t === 'C' && dt.types.R > 0.5)) {
+              continue;
+            }
+            dim.bind = dim.v.multiple ? [dt] : dt;
+            dt.used = true;
+            break;
+          }
+        }
+      }
+      for (i$ = 0, len$ = dims.length; i$ < len$; ++i$) {
+        dim = dims[i$];
+        if (!dim.v.multiple) {
+          continue;
+        }
+        ts = dim.v.type || 'RNOC';
+        for (j$ = 0, to$ = ts.length; j$ < to$; ++j$) {
+          i = j$;
+          t = ts[i];
+          datatypes.sort(fn1$);
+          for (k$ = 0, to1$ = datatypes.length; k$ < to1$; ++k$) {
+            i = k$;
+            dt = datatypes[i];
+            if (dt.types[t] < 0.5 || dt.used || (t === 'C' && dt.types.R > 0.5)) {
+              continue;
+            }
+            dim.bind.push(dt);
+            dt.used = true;
+          }
+        }
+      }
+      ret = {};
+      for (i$ = 0, len$ = dims.length; i$ < len$; ++i$) {
+        dim = dims[i$];
+        if (dim.bind) {
+          ret[dim.k] = dim.bind;
+          (Array.isArray(dim.bind)
+            ? dim.bind
+            : [dim.bind]).map(fn2$);
+        }
+      }
+      return ret;
+      function fn$(a, b){
+        var ret;
+        ret = (b.types[t] || 0) - (a.types[t] || 0);
+        if (b.types[t] === a.types[t] && t === 'R') {
+          return (a.types.O || 0) - (b.types.O || 0);
+        }
+        return ret;
+      }
+      function fn1$(a, b){
+        var ret;
+        ret = (b[t] || 0) - (a[t] || 0);
+        if (b[t] === a[t] && t === 'R') {
+          return (a.O || 0) - (b.O || 0);
+        }
+        return ret;
+      }
+      function fn2$(it){
+        var ref$;
+        return ref$ = it.used, delete it.used, ref$;
+      }
+    }
+  };
+  if (typeof chart != 'undefined' && chart !== null) {
+    (chart.utils || (chart.utils = {})).data = main;
+  }
+}).call(this);

package/dist/utils/data.min.js

@@ -0,0 +1 @@
+(function(){var main;main={number:function(opt){var data,len;opt==null&&(opt={});data=opt.data.filter(function(it){return!(!it||(it+"").trim()==="")});len=data.filter(function(it){return!isNaN(parseFloat(it))}).length;return len/data.length},serial:function(opt){var data,hash,i$,to$,i,delta,k;opt==null&&(opt={});data=[].concat(opt.data);data.sort(function(a,b){return b-a});hash={};for(i$=1,to$=data.length;i$<to$;++i$){i=i$;if(isNaN(data[i])||isNaN(data[i-1])){hash[data[i]>data[i-1]?data[i]+":"+data[i-1]:data[i-1]+":"+data[i]]=true}else{delta=data[i]-data[i-1]}hash[delta]=true}return 1/(function(){var results$=[];for(k in hash){results$.push(k)}return results$}().filter(function(it){return it!=="0"}).length||2)},text:function(opt){opt==null&&(opt={});return 1-this.number(opt)},category:function(opt){var len,maxlen,ret,ref$,ref1$,ref2$;opt==null&&(opt={});len=Array.from(new Set(opt.data)).length;maxlen=opt.data.length;ret=(ref$=(ref1$=1-((ref2$=len-2)>0?ref2$:0)/maxlen-1/maxlen)>0?ref1$:0)<1?ref$:1;if(this.number(opt)){ret=ret*.9}return ret},parse:function(data){var head,body;if(Array.isArray(data)){head=data.slice(0,1)[0];body=data.slice(1);body=body.map(function(d,i){var ret;ret={};head.map(function(h,j){return ret[h]=d[j]});return ret});return{head:head,body:body}}return data},autotype:function(data){var head,res$,k,type,i$,len$,key,d,ret,list;data==null&&(data=[]);res$=[];for(k in data[0]||{}){res$.push(k)}head=res$;type=[];for(i$=0,len$=head.length;i$<len$;++i$){key=head[i$];d=data.map(fn$);ret={key:key,types:{R:main.number({data:d}),O:main.serial({data:d}),N:main.text({data:d}),C:main.category({data:d})}};list=["R","O","N","C"].map(fn1$);list.sort(fn2$);ret.type=list[0][0];type.push(ret)}return type;function fn$(it){return it[key]}function fn1$(it){return[it,ret.types[it]]}function fn2$(a,b){return b[1]-a[1]}},autobind:function(data,dimension){var datatypes,dims,k,v,i$,len$,dim,ts,j$,to$,i,t,k$,to1$,dt,ret;data==null&&(data=[]);dimension==null&&(dimension={});datatypes=this.autotype(data);dims=function(){var ref$,results$=[];for(k in ref$=dimension){v=ref$[k];results$.push({k:k,v:v})}return results$}().filter(function(it){return!it.v.passive});dims.sort(function(a,b){var ret,ref$,ma,mb;ret=(a.v.priority||100)-(b.v.priority||100);if(ret!==0){return ret}ref$=[a.v.type||"R",b.v.type||"R"].map(function(t){return Math.min.apply(Math,function(){var i$,to$,results$=[];for(i$=0,to$=t.length;i$<to$;++i$){results$.push(i$)}return results$}().map(function(i){return"CONR".indexOf(t[i])}))}),ma=ref$[0],mb=ref$[1];return ma-mb});for(i$=0,len$=dims.length;i$<len$;++i$){dim=dims[i$];dim.bind=null;ts=dim.v.type||"RNOC";for(j$=0,to$=ts.length;j$<to$;++j$){i=j$;t=ts[i];datatypes.sort(fn$);for(k$=0,to1$=datatypes.length;k$<to1$;++k$){i=k$;dt=datatypes[i];if(dt.types[t]<.5||dt.used||t==="C"&&dt.types.R>.5){continue}dim.bind=dim.v.multiple?[dt]:dt;dt.used=true;break}}}for(i$=0,len$=dims.length;i$<len$;++i$){dim=dims[i$];if(!dim.v.multiple){continue}ts=dim.v.type||"RNOC";for(j$=0,to$=ts.length;j$<to$;++j$){i=j$;t=ts[i];datatypes.sort(fn1$);for(k$=0,to1$=datatypes.length;k$<to1$;++k$){i=k$;dt=datatypes[i];if(dt.types[t]<.5||dt.used||t==="C"&&dt.types.R>.5){continue}dim.bind.push(dt);dt.used=true}}}ret={};for(i$=0,len$=dims.length;i$<len$;++i$){dim=dims[i$];if(dim.bind){ret[dim.k]=dim.bind;(Array.isArray(dim.bind)?dim.bind:[dim.bind]).map(fn2$)}}return ret;function fn$(a,b){var ret;ret=(b.types[t]||0)-(a.types[t]||0);if(b.types[t]===a.types[t]&&t==="R"){return(a.types.O||0)-(b.types.O||0)}return ret}function fn1$(a,b){var ret;ret=(b[t]||0)-(a[t]||0);if(b[t]===a[t]&&t==="R"){return(a.O||0)-(b.O||0)}return ret}function fn2$(it){var ref$;return ref$=it.used,delete it.used,ref$}}};if(typeof chart!="undefined"&&chart!==null){(chart.utils||(chart.utils={})).data=main}}).call(this);

package/dist/utils/format.js

@@ -0,0 +1,70 @@
+(function(){
+  var format;
+  format = {};
+  format.auto = function(list){
+    var s, intRate, diffs, i, diffAvg, type, size;
+    list == null && (list = []);
+    return d3.format(".3s");
+    list = list.map(function(it){
+      return +it;
+    }).filter(function(it){
+      return !isNaN(it);
+    });
+    if (!list.length) {
+      return d3.format("d");
+    }
+    list.sort(function(a, b){
+      return a - b;
+    });
+    s = Math.max.apply(Math, list.map(function(it){
+      var s, ref$;
+      s = 1;
+      while (it) {
+        if (it % 10) {
+          break;
+        }
+        it = Math.floor(it / 10);
+        s++;
+      }
+      return (ref$ = Math.ceil(Math.log(it || 1) / Math.log(10) - s)) > 0 ? ref$ : 0;
+    }));
+    intRate = list.filter(function(it){
+      return Math.floor(it) === it;
+    }).length / list.length;
+    diffs = (function(){
+      var i$, to$, results$ = [];
+      for (i$ = 1, to$ = list.length; i$ < to$; ++i$) {
+        i = i$;
+        results$.push(Math.abs(list[i] - list[i - 1]));
+      }
+      return results$;
+    }()).map(function(it){
+      return Math.log(it ? it : 1) / Math.log(10);
+    });
+    diffAvg = diffs.reduce(function(a, b){
+      return a + b;
+    }, 0) / list.length;
+    type = intRate > 0.9 ? "s" : "f";
+    size = diffAvg >= 0
+      ? s > 0 ? s : 0
+      : Math.ceil(Math.abs(diffAvg));
+    return d3.format("." + size + type);
+  };
+  format.simple = function(v){
+    if (isNaN(v = +v)) {
+      return v;
+    }
+    return v >= 1000000000
+      ? (v / 1000000000).toFixed(0) + "G"
+      : v >= 1000000
+        ? (v / 1000000).toFixed(0) + "M"
+        : v >= 1000
+          ? (v / 1000).toFixed(0) + "K"
+          : Math.floor(v) === v
+            ? v.toFixed(0)
+            : v.toFixed(2);
+  };
+  if (typeof chart != 'undefined' && chart !== null) {
+    (chart.utils || (chart.utils = {})).format = format;
+  }
+}).call(this);

package/dist/utils/format.min.js

@@ -0,0 +1 @@
+(function(){var format;format={};format.auto=function(list){var s,intRate,diffs,i,diffAvg,type,size;list==null&&(list=[]);return d3.format(".3s");list=list.map(function(it){return+it}).filter(function(it){return!isNaN(it)});if(!list.length){return d3.format("d")}list.sort(function(a,b){return a-b});s=Math.max.apply(Math,list.map(function(it){var s,ref$;s=1;while(it){if(it%10){break}it=Math.floor(it/10);s++}return(ref$=Math.ceil(Math.log(it||1)/Math.log(10)-s))>0?ref$:0}));intRate=list.filter(function(it){return Math.floor(it)===it}).length/list.length;diffs=function(){var i$,to$,results$=[];for(i$=1,to$=list.length;i$<to$;++i$){i=i$;results$.push(Math.abs(list[i]-list[i-1]))}return results$}().map(function(it){return Math.log(it?it:1)/Math.log(10)});diffAvg=diffs.reduce(function(a,b){return a+b},0)/list.length;type=intRate>.9?"s":"f";size=diffAvg>=0?s>0?s:0:Math.ceil(Math.abs(diffAvg));return d3.format("."+size+type)};format.simple=function(v){if(isNaN(v=+v)){return v}return v>=1e9?(v/1e9).toFixed(0)+"G":v>=1e6?(v/1e6).toFixed(0)+"M":v>=1e3?(v/1e3).toFixed(0)+"K":Math.floor(v)===v?v.toFixed(0):v.toFixed(2)};if(typeof chart!="undefined"&&chart!==null){(chart.utils||(chart.utils={})).format=format}}).call(this);

package/dist/utils/legend.css

@@ -0,0 +1,40 @@
+.pdlg {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: start;
+  justify-content: center;
+}
+.pdlg > div {
+  display: flex;
+  align-items: center;
+  line-height: 1em;
+}
+.pdlg > div [ld=shape] {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin-right: 0.5em;
+  background: #999;
+  flex: 0 0 auto;
+  line-height: 1em;
+}
+.pdlg > div [ld=text] {
+  color: #999;
+  padding-right: 0.25em;
+  line-height: 1.2em;
+}
+.pdlg.vertical {
+  flex-direction: column;
+  align-items: start;
+}
+.pdlg.vertical > div {
+  margin-bottom: 0.5em;
+}
+.pdlg.horizontal > div {
+  margin-right: 0.5em;
+}
+g.pdlg-g {
+  cursor: pointer;
+  transition: opacity 0.15s ease-in-out;
+}

package/dist/utils/legend.js

@@ -0,0 +1,263 @@
+(function(){
+  var svgns, legend;
+  svgns = "http://www.w3.org/2000/svg";
+  legend = function(opt){
+    var x$, nodeLayout, nodeRender, gl, gs, gt, this$ = this;
+    opt == null && (opt = {});
+    this._data = opt.data || [];
+    this.name = opt.name || 'legend';
+    this.cfg = opt.cfg || {};
+    this.root = typeof opt.root === 'string'
+      ? document.querySelector(opt.root)
+      : opt.root;
+    this.dir = opt.direction || 'vertical';
+    this.evtHandler = {};
+    this._picked = Object.fromEntries(this._data.map(function(it){
+      return [it.key, true];
+    }));
+    this.layout = opt.layout || new layout({
+      root: this.root
+    });
+    x$ = this.layout;
+    x$.on('update', function(){
+      return this$.update();
+    });
+    x$.on('render', function(){
+      return this$.render();
+    });
+    this.id = Math.random().toString(36).substring(2);
+    nodeLayout = this.layout.getNode(this.name);
+    nodeRender = this.layout.getGroup(this.name);
+    if (!nodeLayout.querySelector('[ld-each=legend]')) {
+      nodeLayout.innerHTML = "<div class=\"pdlg " + this.dir + "\">\n  <div ld-each=\"legend\">\n    <div class=\"pdl-cell\" ld=\"shape\" data-only></div>\n    <div class=\"pdl-cell\" ld=\"text\" data-only></div>\n  </div>\n</div>";
+    }
+    if (!nodeRender.querySelector('[ld-each=legend]')) {
+      gl = document.createElementNS(svgns, "g");
+      gs = document.createElementNS(svgns, "g");
+      gt = document.createElementNS(svgns, "g");
+      gl.classList.add('pdlg-g');
+      gl.setAttribute('ld-each', 'legend');
+      gs.setAttribute('ld', 'shape');
+      gt.setAttribute('ld', 'text');
+      gl.appendChild(gs);
+      gl.appendChild(gt);
+      nodeRender.appendChild(gl);
+    }
+    this._func = [
+      {
+        key: "all",
+        type: "func",
+        text: "全選"
+      }, {
+        key: "none",
+        type: "func",
+        text: "全不選"
+      }
+    ];
+    this.view = {
+      layout: new ldview({
+        root: this.layout.getNode(this.name),
+        initRender: false,
+        handler: {
+          legend: {
+            list: function(){
+              return this$._data.concat(this$.cfg.selectable
+                ? this$._func
+                : []);
+            },
+            key: function(it){
+              return it.key;
+            },
+            view: {
+              handler: {
+                shape: function(arg$){
+                  var node, ctx;
+                  node = arg$.node, ctx = arg$.ctx;
+                  return node.setAttribute('data-name', this$._name(ctx, "shape"));
+                },
+                text: function(arg$){
+                  var node, ctx;
+                  node = arg$.node, ctx = arg$.ctx;
+                  node.setAttribute('data-name', this$._name(ctx, "text"));
+                  return node.innerText = ctx.text;
+                }
+              }
+            }
+          }
+        }
+      }),
+      render: new ldview({
+        root: this.layout.getGroup(this.name),
+        initRender: false,
+        handler: {
+          legend: {
+            list: function(){
+              return this$._data.concat(this$.cfg.selectable
+                ? this$._func
+                : []);
+            },
+            key: function(it){
+              return it.key;
+            },
+            view: {
+              action: {
+                click: {
+                  "@": function(arg$){
+                    var node, ctx, k;
+                    node = arg$.node, ctx = arg$.ctx;
+                    if (!this$.cfg.selectable) {
+                      return;
+                    }
+                    if (ctx.type === 'func') {
+                      for (k in this$._picked) {
+                        this$._picked[k] = ctx.key === 'all' ? true : false;
+                      }
+                    } else {
+                      this$._picked[ctx.key] = !this$._picked[ctx.key];
+                    }
+                    this$.view.render.render('legend');
+                    return this$.fire('select', this$._picked);
+                  }
+                }
+              },
+              handler: {
+                "@": function(arg$){
+                  var node, ctx;
+                  node = arg$.node, ctx = arg$.ctx;
+                  return node.style.opacity = !this$.cfg.selectable || ctx.type === 'func' || this$._picked[ctx.key] ? 1 : 0.3;
+                },
+                "shape": function(arg$){
+                  var node, ctx, n, box, rbox;
+                  node = arg$.node, ctx = arg$.ctx;
+                  if (ctx.type === 'func') {
+                    node.style.display = 'none';
+                    return;
+                  }
+                  if (!node.querySelector('circle')) {
+                    node.appendChild(document.createElementNS(svgns, 'circle'));
+                  }
+                  n = node.querySelector('circle');
+                  box = this$.layout.getBox(this$._name(ctx, 'shape'));
+                  rbox = this$.layout.getBox(this$.name);
+                  n.setAttribute('cx', ".5em");
+                  n.setAttribute('cy', ".5em");
+                  n.setAttribute('r', ".5em");
+                  n.setAttribute('transform', "translate(" + (box.x - rbox.x) + ", " + (box.y - rbox.y) + ")");
+                  if (typeof opt.shape === 'function') {
+                    return opt.shape.call(n, ctx);
+                  }
+                },
+                "text": function(arg$){
+                  var node, ctx, n, nbox, rbox, ret;
+                  node = arg$.node, ctx = arg$.ctx;
+                  n = this$.layout.getNode(this$._name(ctx, 'text'));
+                  nbox = this$.layout.getBox(this$._name(ctx, 'text'));
+                  rbox = this$.layout.getBox(this$.name);
+                  node.setAttribute('transform', "translate(" + (nbox.x - rbox.x) + ", " + (nbox.y - rbox.y) + ")");
+                  node.textContent = "";
+                  ret = wrapSvgText({
+                    node: n,
+                    useRange: true
+                  });
+                  return node.appendChild(ret);
+                }
+              }
+            }
+          }
+        }
+      })
+    };
+    this.update();
+    return this;
+  };
+  legend.prototype = import$(Object.create(Object.prototype), {
+    _name: function(ctx, type){
+      type == null && (type = "s");
+      return "pdlg-" + type + "-" + this.id + "-" + (ctx.type || '') + "-" + ctx.key;
+    },
+    enabled: function(){
+      return this._data && this._data.length && (!(this.cfg.enabled != null) || this.cfg.enabled);
+    },
+    update: function(){
+      var val, ref$;
+      val = this.enabled() ? '' : '0px';
+      ref$ = this.layout.getNode('legend').style;
+      ref$.width = val;
+      ref$.height = val;
+      ref$.padding = val;
+      ref$.margin = val;
+      return this.view.layout.render();
+    },
+    render: function(){
+      var enabled, g;
+      enabled = this.enabled();
+      g = this.layout.getGroup(this.name);
+      g.style.display = enabled ? '' : 'none';
+      if (enabled) {
+        return this.view.render.render();
+      }
+    },
+    config: function(cfg){
+      var node, this$ = this;
+      if (!(cfg != null)) {
+        return this.cfg;
+      }
+      this.cfg = cfg;
+      this.dir = this.cfg.position === 'bottom' ? 'horizontal' : 'vertical';
+      node = this.layout.getNode(this.name).querySelector('.pdlg');
+      return ['horizontal', 'vertical'].map(function(it){
+        return node.classList.toggle(it, this$.dir === it);
+      });
+    },
+    data: function(data){
+      var hash;
+      data == null && (data = []);
+      hash = {};
+      data.map(function(d, i){
+        return hash[d.key] = i;
+      });
+      this._data = data.filter(function(d, i){
+        return hash[d.key] === i;
+      });
+      this._picked = Object.fromEntries(this._data.map(function(d){
+        return [d.key, true];
+      }));
+      this.update();
+      this.layout.update(false);
+      return this.view.render.render();
+    },
+    on: function(n, cb){
+      var this$ = this;
+      return (Array.isArray(n)
+        ? n
+        : [n]).map(function(n){
+        var ref$;
+        return ((ref$ = this$.evtHandler)[n] || (ref$[n] = [])).push(cb);
+      });
+    },
+    fire: function(n){
+      var v, res$, i$, to$, ref$, len$, cb, results$ = [];
+      res$ = [];
+      for (i$ = 1, to$ = arguments.length; i$ < to$; ++i$) {
+        res$.push(arguments[i$]);
+      }
+      v = res$;
+      for (i$ = 0, len$ = (ref$ = this.evtHandler[n] || []).length; i$ < len$; ++i$) {
+        cb = ref$[i$];
+        results$.push(cb.apply(this, v));
+      }
+      return results$;
+    },
+    isSelected: function(key){
+      return !!this._picked[key];
+    }
+  });
+  if (typeof chart != 'undefined' && chart !== null) {
+    (chart.utils || (chart.utils = {})).legend = legend;
+  }
+  function import$(obj, src){
+    var own = {}.hasOwnProperty;
+    for (var key in src) if (own.call(src, key)) obj[key] = src[key];
+    return obj;
+  }
+}).call(this);

package/dist/utils/legend.min.css

@@ -0,0 +1 @@
+.pdlg{height:100%;width:100%;display:flex;align-items:start;justify-content:center}.pdlg>div{display:flex;align-items:center;line-height:1em}.pdlg>div [ld=shape]{display:inline-block;width:1em;height:1em;margin-right:.5em;background:#999;flex:0 0 auto;line-height:1em}.pdlg>div [ld=text]{color:#999;padding-right:.25em;line-height:1.2em}.pdlg.vertical{flex-direction:column;align-items:start}.pdlg.vertical>div{margin-bottom:.5em}.pdlg.horizontal>div{margin-right:.5em}g.pdlg-g{cursor:pointer;transition:opacity .15s ease-in-out}

package/dist/utils/legend.min.js

@@ -0,0 +1 @@
+(function(){var svgns,legend;svgns="http://www.w3.org/2000/svg";legend=function(opt){var x$,nodeLayout,nodeRender,gl,gs,gt,this$=this;opt==null&&(opt={});this._data=opt.data||[];this.name=opt.name||"legend";this.cfg=opt.cfg||{};this.root=typeof opt.root==="string"?document.querySelector(opt.root):opt.root;this.dir=opt.direction||"vertical";this.evtHandler={};this._picked=Object.fromEntries(this._data.map(function(it){return[it.key,true]}));this.layout=opt.layout||new layout({root:this.root});x$=this.layout;x$.on("update",function(){return this$.update()});x$.on("render",function(){return this$.render()});this.id=Math.random().toString(36).substring(2);nodeLayout=this.layout.getNode(this.name);nodeRender=this.layout.getGroup(this.name);if(!nodeLayout.querySelector("[ld-each=legend]")){nodeLayout.innerHTML='<div class="pdlg '+this.dir+'">\n  <div ld-each="legend">\n    <div class="pdl-cell" ld="shape" data-only></div>\n    <div class="pdl-cell" ld="text" data-only></div>\n  </div>\n</div>'}if(!nodeRender.querySelector("[ld-each=legend]")){gl=document.createElementNS(svgns,"g");gs=document.createElementNS(svgns,"g");gt=document.createElementNS(svgns,"g");gl.classList.add("pdlg-g");gl.setAttribute("ld-each","legend");gs.setAttribute("ld","shape");gt.setAttribute("ld","text");gl.appendChild(gs);gl.appendChild(gt);nodeRender.appendChild(gl)}this._func=[{key:"all",type:"func",text:"全選"},{key:"none",type:"func",text:"全不選"}];this.view={layout:new ldview({root:this.layout.getNode(this.name),initRender:false,handler:{legend:{list:function(){return this$._data.concat(this$.cfg.selectable?this$._func:[])},key:function(it){return it.key},view:{handler:{shape:function(arg$){var node,ctx;node=arg$.node,ctx=arg$.ctx;return node.setAttribute("data-name",this$._name(ctx,"shape"))},text:function(arg$){var node,ctx;node=arg$.node,ctx=arg$.ctx;node.setAttribute("data-name",this$._name(ctx,"text"));return node.innerText=ctx.text}}}}}}),render:new ldview({root:this.layout.getGroup(this.name),initRender:false,handler:{legend:{list:function(){return this$._data.concat(this$.cfg.selectable?this$._func:[])},key:function(it){return it.key},view:{action:{click:{"@":function(arg$){var node,ctx,k;node=arg$.node,ctx=arg$.ctx;if(!this$.cfg.selectable){return}if(ctx.type==="func"){for(k in this$._picked){this$._picked[k]=ctx.key==="all"?true:false}}else{this$._picked[ctx.key]=!this$._picked[ctx.key]}this$.view.render.render("legend");return this$.fire("select",this$._picked)}}},handler:{"@":function(arg$){var node,ctx;node=arg$.node,ctx=arg$.ctx;return node.style.opacity=!this$.cfg.selectable||ctx.type==="func"||this$._picked[ctx.key]?1:.3},shape:function(arg$){var node,ctx,n,box,rbox;node=arg$.node,ctx=arg$.ctx;if(ctx.type==="func"){node.style.display="none";return}if(!node.querySelector("circle")){node.appendChild(document.createElementNS(svgns,"circle"))}n=node.querySelector("circle");box=this$.layout.getBox(this$._name(ctx,"shape"));rbox=this$.layout.getBox(this$.name);n.setAttribute("cx",".5em");n.setAttribute("cy",".5em");n.setAttribute("r",".5em");n.setAttribute("transform","translate("+(box.x-rbox.x)+", "+(box.y-rbox.y)+")");if(typeof opt.shape==="function"){return opt.shape.call(n,ctx)}},text:function(arg$){var node,ctx,n,nbox,rbox,ret;node=arg$.node,ctx=arg$.ctx;n=this$.layout.getNode(this$._name(ctx,"text"));nbox=this$.layout.getBox(this$._name(ctx,"text"));rbox=this$.layout.getBox(this$.name);node.setAttribute("transform","translate("+(nbox.x-rbox.x)+", "+(nbox.y-rbox.y)+")");node.textContent="";ret=wrapSvgText({node:n,useRange:true});return node.appendChild(ret)}}}}}})};this.update();return this};legend.prototype=import$(Object.create(Object.prototype),{_name:function(ctx,type){type==null&&(type="s");return"pdlg-"+type+"-"+this.id+"-"+(ctx.type||"")+"-"+ctx.key},enabled:function(){return this._data&&this._data.length&&(!(this.cfg.enabled!=null)||this.cfg.enabled)},update:function(){var val,ref$;val=this.enabled()?"":"0px";ref$=this.layout.getNode("legend").style;ref$.width=val;ref$.height=val;ref$.padding=val;ref$.margin=val;return this.view.layout.render()},render:function(){var enabled,g;enabled=this.enabled();g=this.layout.getGroup(this.name);g.style.display=enabled?"":"none";if(enabled){return this.view.render.render()}},config:function(cfg){var node,this$=this;if(!(cfg!=null)){return this.cfg}this.cfg=cfg;this.dir=this.cfg.position==="bottom"?"horizontal":"vertical";node=this.layout.getNode(this.name).querySelector(".pdlg");return["horizontal","vertical"].map(function(it){return node.classList.toggle(it,this$.dir===it)})},data:function(data){var hash;data==null&&(data=[]);hash={};data.map(function(d,i){return hash[d.key]=i});this._data=data.filter(function(d,i){return hash[d.key]===i});this._picked=Object.fromEntries(this._data.map(function(d){return[d.key,true]}));this.update();this.layout.update(false);return this.view.render.render()},on:function(n,cb){var this$=this;return(Array.isArray(n)?n:[n]).map(function(n){var ref$;return((ref$=this$.evtHandler)[n]||(ref$[n]=[])).push(cb)})},fire:function(n){var v,res$,i$,to$,ref$,len$,cb,results$=[];res$=[];for(i$=1,to$=arguments.length;i$<to$;++i$){res$.push(arguments[i$])}v=res$;for(i$=0,len$=(ref$=this.evtHandler[n]||[]).length;i$<len$;++i$){cb=ref$[i$];results$.push(cb.apply(this,v))}return results$},isSelected:function(key){return!!this._picked[key]}});if(typeof chart!="undefined"&&chart!==null){(chart.utils||(chart.utils={})).legend=legend}function import$(obj,src){var own={}.hasOwnProperty;for(var key in src)if(own.call(src,key))obj[key]=src[key];return obj}}).call(this);