@king-design/intact 2.1.4 → 2.1.6

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

@@ -5,28 +5,38 @@ 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,28 +5,38 @@ 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,28 +5,38 @@ 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,28 +5,38 @@ 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,28 +5,38 @@ 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,28 +5,38 @@ 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,44 +2,54 @@ 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 type Coordinates = number[];
+export declare type Coordinates = number[];
 export interface BezierBoxProps {
     value: number[];
 }

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

@@ -4,9 +4,10 @@ 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;
@@ -18,7 +19,6 @@ 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,7 +31,9 @@ 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;
@@ -45,8 +47,10 @@ 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;
@@ -56,6 +60,7 @@ 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';
@@ -63,41 +68,51 @@ 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();
@@ -106,20 +121,26 @@ 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);
@@ -127,12 +148,14 @@ 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];
@@ -140,54 +163,67 @@ 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([]);
@@ -197,13 +233,16 @@ 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]);
@@ -213,15 +252,18 @@ 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([]);
@@ -229,11 +271,15 @@ 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;
@@ -246,65 +292,84 @@ 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;