@plotdb/chart 0.0.3 → 1.0.1

package/web/static/block/number/0.0.1/index.html

@@ -11,140 +11,135 @@
 .pdl-layout > [data-type=layout] .pdl-cell[data-name=number] {
   font-weight: bold;
 }
-</style><script type="@plotdb/block">(function(it){
-  return it();
-})(function(){
-  var blockFactory, mod;
-  blockFactory = {
-    pkg: {
-      name: 'number',
-      version: '0.0.1',
-      extend: {
-        name: "base",
-        version: "0.0.1"
-      },
-      dependencies: []
+</style><script type="@plotdb/block">var mod;
+module.exports = {
+  pkg: {
+    name: 'number',
+    version: '0.0.1',
+    extend: {
+      name: "base",
+      version: "0.0.1"
     },
-    init: function(arg$){
-      var root, context, pubsub;
-      root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
-      return pubsub.fire('init', {
-        mod: mod({
-          context: context
-        })
-      }).then(function(it){
-        return it[0];
-      });
-    }
-  };
-  mod = function(arg$){
-    var context, d3, ldcolor, repeatString$, infinite;
-    context = arg$.context;
-    d3 = context.d3, ldcolor = context.ldcolor, repeatString$ = context.repeatString$, infinite = context.infinite;
-    return {
-      sample: function(){
-        return {
-          raw: [{
-            val: 12777216,
-            name: "票房",
-            unit: "新臺幣"
-          }],
-          binding: {
-            name: {
-              key: 'name'
-            },
-            value: {
-              key: 'val',
-              unit: '百萬元新臺幣'
-            }
+    dependencies: []
+  },
+  init: function(arg$){
+    var root, context, pubsub;
+    root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
+    return pubsub.fire('init', {
+      mod: mod({
+        context: context
+      })
+    }).then(function(it){
+      return it[0];
+    });
+  }
+};
+mod = function(arg$){
+  var context, d3, ldcolor, repeatString$, infinite;
+  context = arg$.context;
+  d3 = context.d3, ldcolor = context.ldcolor, repeatString$ = context.repeatString$, infinite = context.infinite;
+  return {
+    sample: function(){
+      return {
+        raw: [{
+          val: 12777216,
+          name: "票房",
+          unit: "新臺幣"
+        }],
+        binding: {
+          name: {
+            key: 'name'
+          },
+          value: {
+            key: 'val',
+            unit: '百萬元新臺幣'
           }
-        };
-      },
-      config: {
-        enlarge: {
-          type: 'boolean',
-          'default': false
-        }
-      },
-      dimension: {
-        value: {
-          type: 'R',
-          name: "value"
-        },
-        name: {
-          type: 'N',
-          name: "name"
         }
+      };
+    },
+    config: {
+      enlarge: {
+        type: 'boolean',
+        'default': false
+      }
+    },
+    dimension: {
+      value: {
+        type: 'R',
+        name: "value"
       },
-      init: function(){
-        var this$ = this;
-        this.n = Object.fromEntries(['number', 'unit'].map(function(it){
-          return [it, this$.layout.getNode(it)];
-        }));
-        this.g = Object.fromEntries(['number', 'unit'].map(function(it){
-          return [it, d3.select(this$.layout.getGroup(it))];
-        }));
-        this.g.number.append('text');
-        this.g.unit.append('text');
-        return this.v = {
-          number: 0,
-          unit: '',
-          run: 0
-        };
-      },
-      resize: function(){
-        var ref$, w, h, x$, y$, r, this$ = this;
-        ref$ = [this.box.width, this.box.height], w = ref$[0], h = ref$[1];
-        this.sizeRate = {
-          number: this.cfg.numberSizeRate || 3,
-          unit: this.cfg.unitSizeRate || 1
-        };
-        import$(this.v, {
-          number: (this.data[0] || {
-            value: 0
-          }).value,
-          unit: this.binding.value.unit || (this.data[0] || {
-            unit: ''
-          }).unit || ''
-        });
-        x$ = this.n.number;
-        x$.style.fontSize = this.sizeRate.number + "em";
-        x$.textContent = this.v.number;
-        y$ = this.n.unit;
-        y$.style.fontSize = '1em';
-        y$.textContent = this.v.unit;
-        this.r = r = Object.fromEntries(['number', 'unit'].map(function(it){
-          return [it, w / (this$.n[it].getBoundingClientRect().width || 1)];
-        }));
-        (!this.cfg.enlarge
-          ? ['number', 'unit']
-          : ['unit']).map(function(it){
-          var ref$;
-          return this$.r[it] = (ref$ = r[it]) < 1 ? ref$ : 1;
-        });
-        this.n.number.style.fontSize = this.sizeRate.number * r.number + "em";
-        this.n.unit.style.fontSize = this.sizeRate.unit * r.unit + "em";
-        return this.layout.update(false);
-      },
-      tick: function(){
-        var this$ = this;
-        return this.g.number.select('text').text(function(){
-          this$.v.run = (this$.v.number - this$.v.run) * 0.1 + this$.v.run;
-          if (this$.v.run === this$.v.number) {
-            this$.stop();
-          }
-          return Math.round(this$.v.run);
-        });
-      },
-      render: function(){
-        this.g.number.select('text').attr('x', this.n.number.getBoundingClientRect().width / 2).attr('font-size', this.sizeRate.number * this.r.number + "em").attr('font-weight', 'bold').attr('dominant-baseline', 'hanging').attr('text-anchor', 'middle').text(this.v.run);
-        this.g.unit.select('text').attr('font-size', this.sizeRate.unit * this.r.unit + "em").attr('dominant-baseline', 'hanging').text(this.v.unit);
-        return this.start();
+      name: {
+        type: 'N',
+        name: "name"
       }
-    };
+    },
+    init: function(){
+      var this$ = this;
+      this.n = Object.fromEntries(['number', 'unit'].map(function(it){
+        return [it, this$.layout.getNode(it)];
+      }));
+      this.g = Object.fromEntries(['number', 'unit'].map(function(it){
+        return [it, d3.select(this$.layout.getGroup(it))];
+      }));
+      this.g.number.append('text');
+      this.g.unit.append('text');
+      return this.v = {
+        number: 0,
+        unit: '',
+        run: 0
+      };
+    },
+    resize: function(){
+      var ref$, w, h, x$, y$, r, this$ = this;
+      ref$ = [this.box.width, this.box.height], w = ref$[0], h = ref$[1];
+      this.sizeRate = {
+        number: this.cfg.numberSizeRate || 3,
+        unit: this.cfg.unitSizeRate || 1
+      };
+      import$(this.v, {
+        number: (this.data[0] || {
+          value: 0
+        }).value,
+        unit: this.binding.value.unit || (this.data[0] || {
+          unit: ''
+        }).unit || ''
+      });
+      x$ = this.n.number;
+      x$.style.fontSize = this.sizeRate.number + "em";
+      x$.textContent = this.v.number;
+      y$ = this.n.unit;
+      y$.style.fontSize = '1em';
+      y$.textContent = this.v.unit;
+      this.r = r = Object.fromEntries(['number', 'unit'].map(function(it){
+        return [it, w / (this$.n[it].getBoundingClientRect().width || 1)];
+      }));
+      (!this.cfg.enlarge
+        ? ['number', 'unit']
+        : ['unit']).map(function(it){
+        var ref$;
+        return this$.r[it] = (ref$ = r[it]) < 1 ? ref$ : 1;
+      });
+      this.n.number.style.fontSize = this.sizeRate.number * r.number + "em";
+      this.n.unit.style.fontSize = this.sizeRate.unit * r.unit + "em";
+      return this.layout.update(false);
+    },
+    tick: function(){
+      var this$ = this;
+      return this.g.number.select('text').text(function(){
+        this$.v.run = (this$.v.number - this$.v.run) * 0.1 + this$.v.run;
+        if (this$.v.run === this$.v.number) {
+          this$.stop();
+        }
+        return Math.round(this$.v.run);
+      });
+    },
+    render: function(){
+      this.g.number.select('text').attr('x', this.n.number.getBoundingClientRect().width / 2).attr('font-size', this.sizeRate.number * this.r.number + "em").attr('font-weight', 'bold').attr('dominant-baseline', 'hanging').attr('text-anchor', 'middle').text(this.v.run);
+      this.g.unit.select('text').attr('font-size', this.sizeRate.unit * this.r.unit + "em").attr('dominant-baseline', 'hanging').text(this.v.unit);
+      return this.start();
+    }
   };
-  return blockFactory;
-});
+};
 function import$(obj, src){
   var own = {}.hasOwnProperty;
   for (var key in src) if (own.call(src, key)) obj[key] = src[key];