@king-design/vue 2.1.2 → 2.1.4

package/components/diagram/shapes/line.js

@@ -7,10 +7,9 @@ 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,
@@ -22,7 +21,6 @@ var typeDefs = _extends({}, DBase.typeDefs, {
   from: [String, Number],
   to: [String, Number]
 });
-
 var defaults = function defaults() {
   return _extends({}, DBase.defaults(), {
     startArrow: 'none',
@@ -32,16 +30,12 @@ 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;
@@ -50,28 +44,24 @@ 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);
@@ -79,38 +69,29 @@ 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];
     })) {
@@ -118,73 +99,57 @@ 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,68 +4,56 @@ 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;
@@ -73,7 +61,6 @@ 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)];
@@ -81,11 +68,9 @@ 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;
@@ -93,9 +78,7 @@ if (hasDocumentAvailable) {
         p1.x = next.x;
       }
     }
-
     return mxUtils.getPerimeterPoint(points, p1, next);
   };
-
   mxStyleRegistry.putValue('parallelogramPerimeter', mxPerimeter.ParallelogramPerimeter);
 }

package/components/diagram/shapes/rectangle.js

@@ -1,18 +1,14 @@
 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,
@@ -20,16 +16,12 @@ 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,9 +8,8 @@ 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,
@@ -23,7 +22,6 @@ var typeDefs = _extends({}, DBase.typeDefs, {
   editable: Boolean,
   connectable: Boolean
 });
-
 var defaults = function defaults() {
   return _extends({}, DBase.defaults(), {
     left: 0,
@@ -32,19 +30,14 @@ 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;
@@ -52,44 +45,35 @@ 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;
@@ -98,54 +82,41 @@ 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,34 +5,26 @@ 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,24 +3,19 @@ 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,5 +1,4 @@
 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,21 +4,18 @@ 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);
@@ -26,17 +23,14 @@ 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, {
@@ -49,21 +43,17 @@ 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__);