@king-design/vue 2.1.4 → 2.1.6

package/components/diagram/shapes/line.js

@@ -7,9 +7,10 @@ import mx from '../mxgraph';
 import { DBase } from './base';
 import { isNullOrUndefined } from 'intact-shared';
 var mxCell = mx.mxCell,
-  mxGeometry = mx.mxGeometry,
-  mxPoint = mx.mxPoint;
+    mxGeometry = mx.mxGeometry,
+    mxPoint = mx.mxPoint;
 var arrows = ['none', 'classic', 'classicThin', 'block', 'blockThin', 'open', 'openThin', 'oval', 'diamond', 'diamondThin'];
+
 var typeDefs = _extends({}, DBase.typeDefs, {
   type: ['rounded', 'sharp', 'curved', 'straight'],
   startArrow: arrows,
@@ -21,6 +22,7 @@ var typeDefs = _extends({}, DBase.typeDefs, {
   from: [String, Number],
   to: [String, Number]
 });
+
 var defaults = function defaults() {
   return _extends({}, DBase.defaults(), {
     startArrow: 'none',
@@ -30,12 +32,16 @@ var defaults = function defaults() {
     type: 'straight'
   });
 };
+
 export var DLine = /*#__PURE__*/function (_DBase) {
   _inheritsLoose(DLine, _DBase);
+
   function DLine() {
     return _DBase.apply(this, arguments) || this;
   }
+
   var _proto = DLine.prototype;
+
   _proto.startDraw = function startDraw() {
     var graph = this.diagram.graph;
     var cell = this.cell;
@@ -44,24 +50,28 @@ export var DLine = /*#__PURE__*/function (_DBase) {
     this.setTerminal();
     graph.addCell(cell);
   };
+
   _proto.setTerminal = function setTerminal() {
     var _this$get = this.get(),
-      from = _this$get.from,
-      to = _this$get.to,
-      startPoint = _this$get.startPoint,
-      endPoint = _this$get.endPoint;
+        from = _this$get.from,
+        to = _this$get.to,
+        startPoint = _this$get.startPoint,
+        endPoint = _this$get.endPoint;
+
     var diagram = this.diagram;
     var graph = diagram.graph;
     var shapes = diagram.shapes;
     var cell = this.cell;
     var geo = cell.getGeometry();
     var tmp;
+
     if (isNullOrUndefined(from) || !(tmp = shapes.get(from))) {
       cell.setTerminal(null, true);
       geo.setTerminalPoint(_construct(mxPoint, startPoint), true);
     } else {
       cell.setTerminal(tmp.cell, true);
     }
+
     if (isNullOrUndefined(to) || !(tmp = shapes.get(to))) {
       cell.setTerminal(null, false);
       geo.setTerminalPoint(_construct(mxPoint, endPoint), false);
@@ -69,29 +79,38 @@ export var DLine = /*#__PURE__*/function (_DBase) {
       cell.setTerminal(tmp.cell, false);
     }
   };
+
   _proto.addToDigram = function addToDigram() {
     this.diagram.addLine(this);
   };
+
   _proto.deleteFromDiagram = function deleteFromDiagram() {
     this.diagram.deleteLine(this);
   };
+
   _proto.getStylesheet = function getStylesheet() {
     var _this$get2 = this.get(),
-      startArrow = _this$get2.startArrow,
-      endArrow = _this$get2.endArrow;
+        startArrow = _this$get2.startArrow,
+        endArrow = _this$get2.endArrow;
+
     return "startArrow=" + startArrow + ";endArrow=" + endArrow + ";html=1;fontSize=12;";
   };
+
   _proto.getGeometry = function getGeometry() {
     var geo = new mxGeometry(0, 0, 0, 0);
     geo.relative = true;
     return geo;
   };
+
   _proto.genStyles = function genStyles() {
     return _extends({}, this.genStylesForExitAndEntry(), this.genStylesForType(), _DBase.prototype.genStyles.call(this));
   };
+
   _proto.updateProps = function updateProps(model, lastProps, nextProps) {
     var _context;
+
     _DBase.prototype.updateProps.call(this, model, lastProps, nextProps);
+
     if (_findInstanceProperty(_context = ['from', 'to', 'startPoint', 'endPoint']).call(_context, function (key) {
       return lastProps[key] !== nextProps[key];
     })) {
@@ -99,57 +118,73 @@ export var DLine = /*#__PURE__*/function (_DBase) {
       this.setTerminal();
     }
   };
+
   _proto.genStylesForExitAndEntry = function genStylesForExitAndEntry() {
     var styles = {};
+
     var _this$get3 = this.get(),
-      from = _this$get3.from,
-      exit = _this$get3.exit,
-      to = _this$get3.to,
-      entry = _this$get3.entry;
+        from = _this$get3.from,
+        exit = _this$get3.exit,
+        to = _this$get3.to,
+        entry = _this$get3.entry;
+
     if (!isNullOrUndefined(from) && exit) {
       styles.exitX = exit[0];
       styles.exitY = exit[1];
       styles.perimeter = 0;
     }
+
     if (!isNullOrUndefined(to) && entry) {
       styles.entryX = entry[0];
       styles.entryY = entry[1];
       styles.perimeter = 0;
     }
+
     return styles;
   };
+
   _proto.genStylesForType = function genStylesForType() {
     var styles = {};
+
     var _this$get4 = this.get(),
-      type = _this$get4.type;
+        type = _this$get4.type;
+
     if (type !== 'straight') {
       styles.edgeStyle = 'orthogonalEdgeStyle';
     }
+
     switch (type) {
       case 'rounded':
         styles.rounded = 1;
         styles.curved = null;
         break;
+
       case 'curved':
         styles.rounded = 0;
         styles.curved = 1;
         break;
+
       case 'sharp':
         styles.rounded = 0;
         styles.curved = null;
         break;
+
       default:
         styles.edgeStyle = 'straight';
         styles.curved = null;
         styles.noEdgeStyle = null;
         break;
     }
+
     return styles;
   };
+
   return DLine;
 }(DBase);
+
 DLine.template = function () {
   return h('dline', null, this.get('children'));
 };
+
 DLine.typeDefs = typeDefs;
 DLine.defaults = defaults;

package/components/diagram/shapes/parallelogram.js

@@ -4,56 +4,68 @@ import { DShape } from './shape';
 import mx from '../mxgraph';
 import { hasDocumentAvailable } from 'intact-shared';
 var mxActor = mx.mxActor,
-  mxUtils = mx.mxUtils,
-  mxCellRenderer = mx.mxCellRenderer,
-  mxConstants = mx.mxConstants,
-  mxPoint = mx.mxPoint,
-  mxRectangleShape = mx.mxRectangleShape,
-  mxPerimeter = mx.mxPerimeter,
-  mxStyleRegistry = mx.mxStyleRegistry;
+    mxUtils = mx.mxUtils,
+    mxCellRenderer = mx.mxCellRenderer,
+    mxConstants = mx.mxConstants,
+    mxPoint = mx.mxPoint,
+    mxRectangleShape = mx.mxRectangleShape,
+    mxPerimeter = mx.mxPerimeter,
+    mxStyleRegistry = mx.mxStyleRegistry;
 export var DParallelogram = /*#__PURE__*/function (_DShape) {
   _inheritsLoose(DParallelogram, _DShape);
+
   function DParallelogram() {
     return _DShape.apply(this, arguments) || this;
   }
+
   DParallelogram.defaults = function defaults() {
     return _extends({}, DShape.defaults(), {
       width: 120,
       height: 60
     });
   };
+
   var _proto = DParallelogram.prototype;
+
   _proto.getStylesheet = function getStylesheet() {
     return 'shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;';
   };
+
   return DParallelogram;
 }(DShape);
 DParallelogram.displayName = 'DParallelogram';
+
 if (hasDocumentAvailable) {
   // Parallelogram shape
   var ParallelogramShape = function ParallelogramShape() {
     mxActor.call(this);
   };
+
   mxUtils.extend(ParallelogramShape, mxActor);
   ParallelogramShape.prototype.size = 0.2;
   /* istanbul ignore next */
+
   ParallelogramShape.prototype.isRoundable = function () {
     return true;
   };
+
   ParallelogramShape.prototype.redrawPath = function (c, x, y, w, h) {
     var dx = w * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, 'size', this.size))));
     var arcSize = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
     this.addPoints(c, [new mxPoint(0, h), new mxPoint(dx, 0), new mxPoint(w, 0), new mxPoint(w - dx, h)], this.isRounded, arcSize, true);
     c.end();
   };
+
   mxCellRenderer.registerShape('parallelogram', ParallelogramShape);
-  ParallelogramShape.prototype.constraints = mxRectangleShape.prototype.constraints;
-  // Parallelogram Perimeter
+  ParallelogramShape.prototype.constraints = mxRectangleShape.prototype.constraints; // Parallelogram Perimeter
+
   mxPerimeter.ParallelogramPerimeter = function (bounds, vertex, next, orthogonal) {
     var size = ParallelogramShape.prototype.size;
+
     if (vertex != null) {
       size = mxUtils.getValue(vertex.style, 'size', size);
     }
+
     var x = bounds.x;
     var y = bounds.y;
     var w = bounds.width;
@@ -61,6 +73,7 @@ if (hasDocumentAvailable) {
     var direction = vertex != null ? mxUtils.getValue(vertex.style, mxConstants.STYLE_DIRECTION, mxConstants.DIRECTION_EAST) : mxConstants.DIRECTION_EAST;
     var vertical = direction == mxConstants.DIRECTION_NORTH || direction == mxConstants.DIRECTION_SOUTH;
     var points;
+
     if (vertical) {
       var dy = h * Math.max(0, Math.min(1, size));
       points = [new mxPoint(x, y), new mxPoint(x + w, y + dy), new mxPoint(x + w, y + h), new mxPoint(x, y + h - dy), new mxPoint(x, y)];
@@ -68,9 +81,11 @@ if (hasDocumentAvailable) {
       var dx = w * Math.max(0, Math.min(1, size));
       points = [new mxPoint(x + dx, y), new mxPoint(x + w, y), new mxPoint(x + w - dx, y + h), new mxPoint(x, y + h), new mxPoint(x + dx, y)];
     }
+
     var cx = bounds.getCenterX();
     var cy = bounds.getCenterY();
     var p1 = new mxPoint(cx, cy);
+
     if (orthogonal) {
       if (next.x < x || next.x > x + w) {
         p1.y = next.y;
@@ -78,7 +93,9 @@ if (hasDocumentAvailable) {
         p1.x = next.x;
       }
     }
+
     return mxUtils.getPerimeterPoint(points, p1, next);
   };
+
   mxStyleRegistry.putValue('parallelogramPerimeter', mxPerimeter.ParallelogramPerimeter);
 }

package/components/diagram/shapes/rectangle.js

@@ -1,14 +1,18 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DShape } from './shape';
+
 var typeDefs = _extends({}, DShape.typeDefs, {
   rounded: [Number, String]
 });
+
 export var DRectangle = /*#__PURE__*/function (_DShape) {
   _inheritsLoose(DRectangle, _DShape);
+
   function DRectangle() {
     return _DShape.apply(this, arguments) || this;
   }
+
   DRectangle.defaults = function defaults() {
     return _extends({}, DShape.defaults(), {
       width: 120,
@@ -16,12 +20,16 @@ export var DRectangle = /*#__PURE__*/function (_DShape) {
       rounded: 0
     });
   };
+
   var _proto = DRectangle.prototype;
+
   _proto.getStylesheet = function getStylesheet() {
     var _this$get = this.get(),
-      rounded = _this$get.rounded;
+        rounded = _this$get.rounded;
+
     return "rounded=" + (+rounded ? 1 : 0) + ";whiteSpace=wrap;html=1;arcSize=" + rounded;
   };
+
   return DRectangle;
 }(DShape);
 DRectangle.displayName = 'DRectangle';

package/components/diagram/shapes/shape.js

@@ -8,8 +8,9 @@ import { isStringOrNumber, isNullOrUndefined } from 'intact-shared';
 import { SHAPE } from '../constants';
 import { DBase } from './base';
 var mxCell = mx.mxCell,
-  mxGeometry = mx.mxGeometry;
+    mxGeometry = mx.mxGeometry;
 var strOrNum = [String, Number];
+
 var typeDefs = _extends({}, DBase.typeDefs, {
   left: strOrNum,
   top: strOrNum,
@@ -22,6 +23,7 @@ var typeDefs = _extends({}, DBase.typeDefs, {
   editable: Boolean,
   connectable: Boolean
 });
+
 var defaults = function defaults() {
   return _extends({}, DBase.defaults(), {
     left: 0,
@@ -30,14 +32,19 @@ var defaults = function defaults() {
     height: 0
   });
 };
+
 export var DShape = /*#__PURE__*/function (_DBase) {
   _inheritsLoose(DShape, _DBase);
+
   function DShape() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _DBase.call.apply(_DBase, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.wrapperRef = createRef();
     _this.hasElement = false;
@@ -45,35 +52,44 @@ export var DShape = /*#__PURE__*/function (_DBase) {
     _this.parent = inject(SHAPE, null);
     return _this;
   }
+
   var _proto = DShape.prototype;
+
   _proto.init = function init() {
     var _this2 = this;
+
     // shape can nest
     provide(SHAPE, this);
     this.on('$receive:children', function (children) {
       _this2.children = mapChildren(children, function (vNode) {
         if (isStringOrNumber(vNode)) return vNode;
+
         if (isComponentClass(vNode)) {
           var proto = vNode.tag.prototype;
+
           if (proto instanceof DShape) {
             return vNode;
           }
         }
+
         _this2.hasElement = true;
         return vNode;
       });
     });
   };
+
   _proto.updated = function updated() {
     var model = this.diagram.graph.model;
     var geo = this.getGeometry();
     model.setGeometry(this.cell, geo);
   };
+
   _proto.beforeUnmount = function beforeUnmount() {
     var graph = this.diagram.graph;
     this.deleteFromDiagram();
     graph.removeCells([this.cell], false);
   };
+
   _proto.startDraw = function startDraw() {
     var diagram = this.diagram;
     var cell = this.cell;
@@ -82,41 +98,54 @@ export var DShape = /*#__PURE__*/function (_DBase) {
     this.setStyle();
     diagram.graph.addCell(cell, parentCell);
   };
+
   _proto.addToDigram = function addToDigram() {
     this.diagram.addShape(this);
   };
+
   _proto.deleteFromDiagram = function deleteFromDiagram() {
     this.diagram.deleteShape(this);
   };
+
   _proto.getGeometry = function getGeometry() {
     var _this$get = this.get(),
-      width = _this$get.width,
-      height = _this$get.height,
-      top = _this$get.top,
-      left = _this$get.left;
+        width = _this$get.width,
+        height = _this$get.height,
+        top = _this$get.top,
+        left = _this$get.left;
+
     return new mxGeometry(+left, +top, +width, +height);
   };
+
   _proto.getValue = function getValue() {
     var _this$get2 = this.get(),
-      label = _this$get2.label;
+        label = _this$get2.label;
+
     return isNullOrUndefined(label) ? this.hasElement && this.wrapperRef.value || null : String(label);
   };
+
   _proto.setStyle = function setStyle() {
     // if hasElement, disable edit
     this.diagram.graph.setCellStyles('editable', this.hasElement ? 0 : 1, [this.cell]);
+
     _DBase.prototype.setStyle.call(this);
   };
+
   return DShape;
 }(DBase);
+
 DShape.template = function () {
   var children = this.children;
+
   if (children && children.length) {
     children = h('div', {
       ref: this.wrapperRef
     }, children);
   }
+
   var Ctor = this.constructor;
   return h(Ctor.displayName || Ctor.name, null, children);
 };
+
 DShape.typeDefs = typeDefs;
 DShape.defaults = defaults;

package/components/diagram/shapes/square.js

@@ -5,26 +5,34 @@ import mx from '../mxgraph';
 var mxGeometry = mx.mxGeometry;
 export var DSquare = /*#__PURE__*/function (_DRectangle) {
   _inheritsLoose(DSquare, _DRectangle);
+
   function DSquare() {
     return _DRectangle.apply(this, arguments) || this;
   }
+
   DSquare.defaults = function defaults() {
     return _extends({}, DRectangle.defaults(), {
       width: 80
     });
   };
+
   var _proto = DSquare.prototype;
+
   _proto.getStylesheet = function getStylesheet() {
     var stylesheet = _DRectangle.prototype.getStylesheet.call(this);
+
     return stylesheet + "aspect=fixed;";
   };
+
   _proto.getGeometry = function getGeometry() {
     var _this$get = this.get(),
-      width = _this$get.width,
-      left = _this$get.left,
-      top = _this$get.top;
+        width = _this$get.width,
+        left = _this$get.left,
+        top = _this$get.top;
+
     return new mxGeometry(+left, +top, +width, +width);
   };
+
   return DSquare;
 }(DRectangle);
 DSquare.displayName = 'DSquare';

package/components/diagram/shapes/text.js

@@ -3,19 +3,24 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { DShape } from './shape';
 export var DText = /*#__PURE__*/function (_DShape) {
   _inheritsLoose(DText, _DShape);
+
   function DText() {
     return _DShape.apply(this, arguments) || this;
   }
+
   DText.defaults = function defaults() {
     return _extends({}, DShape.defaults(), {
       width: 40,
       height: 20
     });
   };
+
   var _proto = DText.prototype;
+
   _proto.getStylesheet = function getStylesheet() {
     return "text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;";
   };
+
   return DText;
 }(DShape);
 DText.displayName = 'DText';

package/components/diagram/styles.js

@@ -1,4 +1,5 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 import { css } from '@emotion/css';
 import '../../styles/global';
 export function makeStyles() {

package/components/dialog/alert.vdt.js

@@ -4,18 +4,21 @@ import { Button } from '../button';
 import { makeAlertStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    type = _this$get.type,
-    content = _this$get.content,
-    hideIcon = _this$get.hideIcon,
-    hideFooter = _this$get.hideFooter,
-    hideClose = _this$get.hideClose,
-    title = _this$get.title,
-    iconClassName = _this$get.iconClassName,
-    icon = _this$get.icon;
+      type = _this$get.type,
+      content = _this$get.content,
+      hideIcon = _this$get.hideIcon,
+      hideFooter = _this$get.hideFooter,
+      hideClose = _this$get.hideClose,
+      title = _this$get.title,
+      iconClassName = _this$get.iconClassName,
+      icon = _this$get.icon;
+
   var classNameObj = (_classNameObj = {
     'k-alert-dialog': true
   }, _classNameObj["k-" + type] = true, _classNameObj['k-with-title'] = title, _classNameObj[makeAlertStyles()] = true, _classNameObj);
@@ -23,14 +26,17 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(classNameObj)
   }, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['header'] = function ($super) {
       return null;
     }, __$blocks['header'] = function ($super, data) {
       var block = $blocks['header'];
+
       var callBlock = function callBlock() {
         return _$blocks['header'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), (_$blocks['body'] = function ($super) {
       return [_$ce(2, 'div', [!hideIcon && !icon ? _$cc(Icon, {
@@ -43,17 +49,21 @@ export default function ($props, $blocks, $__proto__) {
       }) : undefined, icon], 0, 'k-dialog-tip-icon'), _$ce(2, 'div', [title ? _$ce(2, 'div', title, 0, 'k-alert-dialog-title') : undefined, content], 0, 'k-alert-dialog-wrapper')];
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
+
       var callBlock = function callBlock() {
         return _$blocks['body'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), (_$blocks['footer'] = function ($super) {
       return hideFooter ? null : $super();
     }, __$blocks['footer'] = function ($super, data) {
       var block = $blocks['footer'];
+
       var callBlock = function callBlock() {
         return _$blocks['footer'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);