@king-design/intact 2.1.3 → 2.1.4

package/es/site/data/docs/getting-started/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/data/docs/i18n/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/data/docs/react/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/data/docs/theme/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/data/docs/vue/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/data/docs/vue-legacy/index.js

@@ -5,38 +5,28 @@ import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance
 import Article from '~/../src/components/article';
 import data from './index.json';
 import sidebar from '~/doc.json';
-
 var r = require.context('./', true, /demos.*(index|demo).ts/);
-
 var keys = _keysInstanceProperty(r).call(r);
-
 var demos = [];
-
 for (var i = 0; i < keys.length; i++) {
   var file = keys[i];
-  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
-
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
   if (/demo.ts$/.test(file)) i++;
   demos.push(r(file));
 }
-
 var default_1 = /*#__PURE__*/function (_Article) {
   _inheritsLoose(default_1, _Article);
-
   function default_1() {
     return _Article.apply(this, arguments) || this;
   }
-
   return default_1;
 }(Article);
-
 default_1.sidebar = sidebar;
 default_1.data = data;
-
 default_1.defaults = function () {
   return _extends({}, Article.defaults, data, {
     demos: demos
   });
 };
-
 export { default_1 as default };

package/es/site/src/client.js

@@ -2,54 +2,44 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import router from './router';
 import { render, createVNode as h } from 'intact';
-import { history } from './history'; // import {localize} from 'kpc';
+import { history } from './history';
+// import {localize} from 'kpc';
 // import i18n from 'kpc/i18n/en-US';
 // localize(i18n);
-
 var container = document.getElementById('page');
 var unlisten;
-
 function init(router) {
   if (unlisten) unlisten();
   unlisten = history.listen( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
       var location, _yield$router$resolve, Page, data;
-
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              location = _ref.location;
-              _context.next = 3;
-              return router.resolve(location.pathname);
-
-            case 3:
-              _yield$router$resolve = _context.sent;
-              Page = _yield$router$resolve.Page;
-              data = _yield$router$resolve.data;
-              render(h(Page, data), container);
-
-            case 7:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            location = _ref.location;
+            _context.next = 3;
+            return router.resolve(location.pathname);
+          case 3:
+            _yield$router$resolve = _context.sent;
+            Page = _yield$router$resolve.Page;
+            data = _yield$router$resolve.data;
+            render(h(Page, data), container);
+          case 7:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
   }());
   history.replace(location);
 }
-
 init(router);
-
 if (module.hot) {
   module.hot.accept('./router', function () {
     var router = require('./router');
-
     init(router.default);
   });
 }

package/es/site/src/components/BezierBox/index.d.ts

@@ -1,5 +1,5 @@
 import { Component, TypeDefs } from 'intact';
-export declare type Coordinates = number[];
+export type Coordinates = number[];
 export interface BezierBoxProps {
     value: number[];
 }

package/es/site/src/components/BezierBox/index.js

@@ -4,10 +4,9 @@ import _repeatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/rep
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill";
 import { Component, createRef } from 'intact';
-import template from './index.vdt'; // A canvas box to show bezier curve
-
+import template from './index.vdt';
+// A canvas box to show bezier curve
 var Bezier = /*#__PURE__*/function () {
-  // Padding of canvas
   function Bezier(opts) {
     this.wrapper = null;
     this.opts = null;
@@ -19,6 +18,7 @@ var Bezier = /*#__PURE__*/function () {
     this.rightBottom = [0, 0];
     this.pointA = [0, 0];
     this.pointB = [0, 0];
+    // Padding of canvas
     this.padding = 20;
     this.pointRadius = 6;
     this.w = 0;
@@ -31,9 +31,7 @@ var Bezier = /*#__PURE__*/function () {
     this.opts = opts;
     this.init();
   }
-
   var _proto = Bezier.prototype;
-
   _proto.init = function init() {
     this.canvas = document.createElement('canvas');
     this.canvas.width = this.wrapper.clientWidth;
@@ -47,10 +45,8 @@ var Bezier = /*#__PURE__*/function () {
     this.initCoordinate();
     this.render();
   };
-
   _proto.initEvent = function initEvent() {
     var _this = this;
-
     this.canvas.onmousedown = function (e) {
       var pointASelected = false;
       var pointBSelected = false;
@@ -60,7 +56,6 @@ var Bezier = /*#__PURE__*/function () {
       var y2 = Math.abs(e.layerY - _this.pointB[1]);
       pointASelected = Math.pow(x1, 2) + Math.pow(y1, 2) < Math.pow(_this.pointRadius, 2);
       pointBSelected = Math.pow(x2, 2) + Math.pow(y2, 2) < Math.pow(_this.pointRadius, 2);
-
       if (pointASelected && pointBSelected) {
         pointASelected = pointASelected && _this.topLevel === 'pointA';
         pointBSelected = pointBSelected && _this.topLevel === 'pointB';
@@ -68,51 +63,41 @@ var Bezier = /*#__PURE__*/function () {
         pointASelected && (_this.topLevel = 'pointA');
         pointBSelected && (_this.topLevel = 'pointB');
       }
-
       _this.renderAble = pointASelected || pointBSelected;
-
       _this.canvas.onmousemove = function (e) {
         var x = e.layerX > _this.end[0] ? _this.end[0] : e.layerX < _this.start[0] ? _this.start[0] : e.layerX;
         var y = e.layerY > _this.start[1] ? _this.start[1] : e.layerY < _this.end[1] ? _this.end[1] : e.layerY;
-
         if (pointASelected) {
           _this.pointA = [x, y];
         }
-
         if (pointBSelected) {
           _this.pointB = [x, y];
         }
-
         if (_this.renderAble) {
           _this.render();
         }
       };
-
       document.onmouseup = function () {
         _this.canvas.onmousemove = null;
         document.onmouseup = null;
-
         if (_this.renderAble) {
           var _this$opts, _this$opts2;
-
           ((_this$opts = _this.opts) == null ? void 0 : _this$opts.onValueChange) && ((_this$opts2 = _this.opts) == null ? void 0 : _this$opts2.onValueChange(_this.getFmtValue()));
           _this.renderAble = false;
         }
       };
     };
   };
-
   _proto.initCoordinate = function initCoordinate() {
     this.w = this.canvas.width - 2 * this.padding;
     this.h = this.canvas.height - 2 * this.padding;
     this.start = [this.padding, this.h + this.padding];
     this.end = [this.padding + this.w, this.padding];
     this.leftTop = [this.padding, this.padding];
-    this.rightBottom = [this.padding + this.w, this.padding + this.h]; // default
-
+    this.rightBottom = [this.padding + this.w, this.padding + this.h];
+    // default
     this.setPoint(.5, 0, .5, 1);
   };
-
   _proto.render = function render() {
     this.clear();
     this.drawStatic();
@@ -121,26 +106,20 @@ var Bezier = /*#__PURE__*/function () {
     this.drawBezier();
     this.drawEndPoint();
   };
-
   _proto.renderText = function renderText() {
     var _context, _context2;
-
     var pen = this.pen;
     var canvas = this.canvas;
-
     var _this$getValue$map = _mapInstanceProperty(_context = this.getValue()).call(_context, function (i) {
-      return i == 1 ? '1.0' : i.toFixed(2).substring(1);
-    }),
-        x1 = _this$getValue$map[0],
-        y1 = _this$getValue$map[1],
-        x2 = _this$getValue$map[2],
-        y2 = _this$getValue$map[3];
-
+        return i == 1 ? '1.0' : i.toFixed(2).substring(1);
+      }),
+      x1 = _this$getValue$map[0],
+      y1 = _this$getValue$map[1],
+      x2 = _this$getValue$map[2],
+      y2 = _this$getValue$map[3];
     pen.font = "12px Arial";
     pen.fillStyle = '#000';
-
     var space = _repeatInstanceProperty(_context2 = ' ').call(_context2, 8);
-
     var brackets = "(" + space + "," + space + ")";
     pen.fillText(brackets, this.padding, this.padding - 8);
     pen.fillText(brackets, canvas.width - 60 - this.padding, canvas.height - 8);
@@ -148,14 +127,12 @@ var Bezier = /*#__PURE__*/function () {
     pen.fillText(x2 + "    " + y2, this.padding + 10, this.padding - 7);
     pen.fillText(x1 + "    " + y1, canvas.width - 60 - this.padding + 8, canvas.height - 7);
   };
-
   _proto.drawStatic = function drawStatic() {
     // Coordinate axis
     this.line(this.start, this.leftTop, this.staticLineColor, 1);
-    this.line(this.start, this.rightBottom, this.staticLineColor, 1); // Background dash line
-
+    this.line(this.start, this.rightBottom, this.staticLineColor, 1);
+    // Background dash line
     var size = (this.start[1] - this.leftTop[1]) / 5;
-
     for (var i = 0; i < 5; i++) {
       var y = this.start[1] - (i + 1) * size;
       var x1 = this.start[0];
@@ -163,67 +140,54 @@ var Bezier = /*#__PURE__*/function () {
       this.dashLine(x1, y, x2, y, this.staticLineColor, 1);
     }
   };
-
   _proto.drawPoint = function drawPoint() {
     // Point a
     this.line(this.start, this.pointA, '#2A2A2E', 1);
-    this.arc(this.pointA, this.pointRadius, this.pointColor, this.pointColor); // Point b
-
+    this.arc(this.pointA, this.pointRadius, this.pointColor, this.pointColor);
+    // Point b
     this.line(this.end, this.pointB, '#2A2A2E', 1);
     this.arc(this.pointB, this.pointRadius, this.pointColor, this.pointColor);
   };
-
   _proto.drawEndPoint = function drawEndPoint() {
     // End point
     this.arc(this.start, 5, '#AEAEAE', '#fff');
     this.arc(this.end, 5, '#AEAEAE', '#fff');
   };
-
   _proto.setPoint = function setPoint(x1, y1, x2, y2) {
     this.pointA = this.calcCoordinate([x1 * this.w, (1 - y1) * this.h]);
     this.pointB = this.calcCoordinate([x2 * this.w, (1 - y2) * this.h]);
   };
-
   _proto.calcCoordinate = function calcCoordinate(coordinate) {
     var _this2 = this;
-
     return _mapInstanceProperty(coordinate).call(coordinate, function (i) {
       return i + _this2.padding;
     });
   };
-
   _proto.getValue = function getValue() {
     var _this3 = this,
-        _context3;
-
+      _context3;
     var format = function format(point) {
       return [Number(((point[0] - _this3.padding) / _this3.w).toFixed(2)), Number((1 - (point[1] - _this3.padding) / _this3.w).toFixed(2))];
     };
-
     return _concatInstanceProperty(_context3 = []).call(_context3, format(this.pointA), format(this.pointB));
   };
-
   _proto.getFmtValue = function getFmtValue() {
     var _context4;
-
     return _mapInstanceProperty(_context4 = this.getValue()).call(_context4, function (i) {
       return Number(i.toFixed(2));
     });
   };
-
   _proto.line = function line(pointA, pointB, color, lineWidth) {
     if (color === void 0) {
       color = '#000';
     }
-
     if (lineWidth === void 0) {
       lineWidth = 2;
     }
-
     var startX = pointA[0],
-        startY = pointA[1];
+      startY = pointA[1];
     var endX = pointB[0],
-        endY = pointB[1];
+      endY = pointB[1];
     var pen = this.pen;
     pen.beginPath();
     pen.setLineDash([]);
@@ -233,16 +197,13 @@ var Bezier = /*#__PURE__*/function () {
     pen.lineTo(endX, endY);
     pen.stroke();
   };
-
   _proto.dashLine = function dashLine(startX, startY, endX, endY, color, lineWidth) {
     if (color === void 0) {
       color = '#000';
     }
-
     if (lineWidth === void 0) {
       lineWidth = 2;
     }
-
     var pen = this.pen;
     pen.beginPath();
     pen.setLineDash([5, 5]);
@@ -252,18 +213,15 @@ var Bezier = /*#__PURE__*/function () {
     pen.lineTo(endX, endY);
     pen.stroke();
   };
-
   _proto.arc = function arc(point, r, color, bgColor) {
     if (color === void 0) {
       color = '#000';
     }
-
     if (bgColor === void 0) {
       bgColor = '#000';
     }
-
     var x = point[0],
-        y = point[1];
+      y = point[1];
     var pen = this.pen;
     pen.beginPath();
     pen.setLineDash([]);
@@ -271,15 +229,11 @@ var Bezier = /*#__PURE__*/function () {
     pen.lineWidth = 1;
     pen.strokeStyle = color;
     pen.fillStyle = bgColor;
-
     _fillInstanceProperty(pen).call(pen);
-
     pen.stroke();
   };
-
   _proto.drawBezier = function drawBezier() {
     var _context5, _context6;
-
     var pen = this.pen;
     pen.beginPath();
     pen.lineWidth = 4;
@@ -292,84 +246,65 @@ var Bezier = /*#__PURE__*/function () {
     pen.bezierCurveTo.apply(pen, _concatInstanceProperty(_context6 = this.pointA).call(_context6, this.pointB, this.end));
     pen.stroke();
   };
-
   _proto.setValue = function setValue(x1, y1, x2, y2) {
     this.setPoint(x1, y1, x2, y2);
     this.render();
   };
-
   _proto.clear = function clear() {
     this.pen.clearRect(0, 0, this.canvas.width, this.canvas.height);
   };
-
   return Bezier;
 }();
-
 var typeDefs = {
   value: Array
 };
-
 var defaults = function defaults() {
   return {
     value: []
   };
 };
-
 export var BezierBox = /*#__PURE__*/function (_Component) {
   _inheritsLoose(BezierBox, _Component);
-
   function BezierBox() {
     var _context7;
-
     var _this4;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this4 = _Component.call.apply(_Component, _concatInstanceProperty(_context7 = [this]).call(_context7, args)) || this;
     _this4.bezierBoxRef = createRef();
     _this4.bezier = null;
     return _this4;
   }
-
   var _proto2 = BezierBox.prototype;
-
   _proto2.init = function init() {
     var _this5 = this;
-
     this.watch('value', function (coordinates) {
       var x1 = coordinates[0],
-          y1 = coordinates[1],
-          x2 = coordinates[2],
-          y2 = coordinates[3];
+        y1 = coordinates[1],
+        x2 = coordinates[2],
+        y2 = coordinates[3];
       _this5.bezier && _this5.setCoordinate(x1, y1, x2, y2);
     });
   };
-
   _proto2.mounted = function mounted() {
     var _this6 = this;
-
     this.bezier = new Bezier({
       wrapper: this.bezierBoxRef.value,
       onValueChange: function onValueChange(coordinates) {
         _this6.trigger('valueChange', coordinates);
       }
     });
-
     var _this$get = this.get('value'),
-        x1 = _this$get[0],
-        y1 = _this$get[1],
-        x2 = _this$get[2],
-        y2 = _this$get[3];
-
+      x1 = _this$get[0],
+      y1 = _this$get[1],
+      x2 = _this$get[2],
+      y2 = _this$get[3];
     this.bezier && this.setCoordinate(x1, y1, x2, y2);
   };
-
   _proto2.setCoordinate = function setCoordinate(x1, y1, x2, y2) {
     this.bezier.setValue(x1, y1, x2, y2);
   };
-
   return BezierBox;
 }(Component);
 BezierBox.template = template;