@king-design/vue 2.1.4 → 2.1.6

package/components/code/index.vdt.js

@@ -10,30 +10,38 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    width = _this$get.width,
-    height = _this$get.height,
-    className = _this$get.className,
-    style = _this$get.style;
+      width = _this$get.width,
+      height = _this$get.height,
+      className = _this$get.className,
+      style = _this$get.style;
+
   var classNameObj = (_classNameObj = {
     'k-code': true
   }, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
+
   if (width || height) {
     var _style = {};
+
     if (width) {
       _style.width = width;
     }
+
     if (height) {
       _style.height = height;
     }
+
     style = addStyle(style, _style);
   }
+
   var _this$editor = this.editor,
-    elementRef = _this$editor.elementRef,
-    loading = _this$editor.loading;
+      elementRef = _this$editor.elementRef,
+      loading = _this$editor.loading;
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this), {

package/components/code/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/code/useEditor.js

@@ -12,12 +12,14 @@ export function useEditor() {
     import('monaco-editor').then(function (monaco) {
       if (instance.$unmounted) return;
       crossDomainWorker();
+
       var _instance$get = instance.get(),
-        value = _instance$get.value,
-        language = _instance$get.language,
-        theme = _instance$get.theme,
-        readOnly = _instance$get.readOnly,
-        options = _instance$get.options;
+          value = _instance$get.value,
+          language = _instance$get.language,
+          theme = _instance$get.theme,
+          readOnly = _instance$get.readOnly,
+          options = _instance$get.options;
+
       var Editor = monaco.editor;
       codeEditor = Editor.create(elementRef.value, _extends({
         value: value,
@@ -41,6 +43,7 @@ export function useEditor() {
       codeEditor.layout();
     }
   });
+
   function watch(Editor, codeEditor) {
     instance.on('$receive:language', function (v) {
       Editor.setModelLanguage(codeEditor.getModel(), v);
@@ -63,9 +66,11 @@ export function useEditor() {
       instance.set('value', codeEditor.getValue());
     });
   }
+
   function getEditor() {
     return codeEditor;
   }
+
   return {
     elementRef: elementRef,
     loading: loading,

package/components/collapse/index.d.ts

@@ -1,6 +1,6 @@
 import { Component, TypeDefs } from 'intact-vue-next';
 export * from './item';
-type ArrowType = 'left' | 'right';
+declare type ArrowType = 'left' | 'right';
 export interface CollapseProps {
     value?: string[];
     accordion?: boolean;

package/components/collapse/index.js

@@ -10,33 +10,44 @@ var typeDefs = {
   noBorder: Boolean
 };
 export var COLLAPSE = 'Collapse';
+
 var defaults = function defaults() {
   return {
     arrow: 'right'
   };
 };
+
 export var Collapse = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Collapse, _Component);
+
   function Collapse() {
     return _Component.apply(this, arguments) || this;
   }
+
   var _proto = Collapse.prototype;
+
   _proto.init = function init() {
     provide(COLLAPSE, this);
   };
+
   _proto.changeValue = function changeValue(v) {
     var _this$get = this.get(),
-      value = _this$get.value,
-      accordion = _this$get.accordion;
+        value = _this$get.value,
+        accordion = _this$get.accordion;
+
     var _value = accordion ? this.isActive(v) ? [] : [v] : toggleArray(value, v);
+
     this.set('value', _value);
   };
+
   _proto.isActive = function isActive(v) {
     var _this$get2 = this.get(),
-      value = _this$get2.value;
+        value = _this$get2.value;
+
     if (!Array.isArray(value)) return false;
     return !!~value.indexOf(v);
   };
+
   return Collapse;
 }(Component);
 Collapse.template = template;

package/components/collapse/index.spec.js

@@ -9,60 +9,73 @@ describe('Collapse', function () {
   });
   it('should toggle expand', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, title1, title2, title3, html;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          this.timeout(0);
-          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-          _element$querySelecto = element.querySelectorAll('.k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
-          title2.click();
-          _context.next = 6;
-          return wait(500);
-        case 6:
-          // the innerHTML is different on travis and local environment
-          expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
-          expect(instance.get('value')).to.eql(['$0', '$1']);
-          title1.click();
-          _context.next = 11;
-          return wait(500);
-        case 11:
-          html = element.innerHTML.replace(/ style=""/g, '');
-          expect(html).to.matchSnapshot();
-          expect(instance.get('value')).to.eql(['$1']);
-          title3.click();
-          _context.next = 17;
-          return wait(500);
-        case 17:
-          expect(element.innerHTML.replace(/ style=""/g, '')).to.eql(html);
-          expect(instance.get('value')).to.eql(['$1']);
-        case 19:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            this.timeout(0);
+            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            _element$querySelecto = element.querySelectorAll('.k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
+            title2.click();
+            _context.next = 6;
+            return wait(500);
+
+          case 6:
+            // the innerHTML is different on travis and local environment
+            expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
+            expect(instance.get('value')).to.eql(['$0', '$1']);
+            title1.click();
+            _context.next = 11;
+            return wait(500);
+
+          case 11:
+            html = element.innerHTML.replace(/ style=""/g, '');
+            expect(html).to.matchSnapshot();
+            expect(instance.get('value')).to.eql(['$1']);
+            title3.click();
+            _context.next = 17;
+            return wait(500);
+
+          case 17:
+            expect(element.innerHTML.replace(/ style=""/g, '')).to.eql(html);
+            expect(instance.get('value')).to.eql(['$1']);
+
+          case 19:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee, this);
   })));
   it('should expand only one panel', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, _element$querySelecto2, title1, title2;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _mount2 = mount(AccordionDemo), instance = _mount2[0], element = _mount2[1];
-          _element$querySelecto2 = element.querySelectorAll('.k-collapse-title'), title1 = _element$querySelecto2[0], title2 = _element$querySelecto2[1];
-          title2.click();
-          _context2.next = 5;
-          return wait(500);
-        case 5:
-          expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
-          expect(instance.get('value')).to.eql(['$1']);
-          title2.click();
-          _context2.next = 10;
-          return wait(500);
-        case 10:
-          expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
-          expect(instance.get('value')).to.eql([]);
-        case 12:
-        case "end":
-          return _context2.stop();
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount2 = mount(AccordionDemo), instance = _mount2[0], element = _mount2[1];
+            _element$querySelecto2 = element.querySelectorAll('.k-collapse-title'), title1 = _element$querySelecto2[0], title2 = _element$querySelecto2[1];
+            title2.click();
+            _context2.next = 5;
+            return wait(500);
+
+          case 5:
+            expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
+            expect(instance.get('value')).to.eql(['$1']);
+            title2.click();
+            _context2.next = 10;
+            return wait(500);
+
+          case 10:
+            expect(element.innerHTML.replace(/ style=""/g, '')).to.matchSnapshot();
+            expect(instance.get('value')).to.eql([]);
+
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));

package/components/collapse/index.vdt.js

@@ -7,29 +7,37 @@ import { isNullOrUndefined } from 'intact-shared';
 import { directClone } from 'intact';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    children = _this$get.children,
-    className = _this$get.className,
-    arrow = _this$get.arrow,
-    noBorder = _this$get.noBorder;
+      children = _this$get.children,
+      className = _this$get.className,
+      arrow = _this$get.arrow,
+      noBorder = _this$get.noBorder;
+
   var classNameObj = (_classNameObj = {
     'k-collapse': true
   }, _classNameObj[makeStyles()] = true, _classNameObj[className] = className, _classNameObj['k-left'] = arrow === 'left', _classNameObj['k-border'] = !noBorder, _classNameObj);
+
   var _children = mapChildren(children, function (vNode, index) {
     if (vNode.tag === CollapseItem) {
       var props = _extends({}, vNode.props);
+
       if (isNullOrUndefined(props.value)) {
         props.value = "$" + index;
       }
+
       var clonedVNode = directClone(vNode);
       clonedVNode.props = props;
       return clonedVNode;
     }
+
     return vNode;
   });
+
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), _children);

package/components/collapse/item.js

@@ -12,29 +12,39 @@ var typeDefs = {
 };
 export var CollapseItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(CollapseItem, _Component);
+
   function CollapseItem() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.collapse = inject(COLLAPSE);
     return _this;
   }
+
   var _proto = CollapseItem.prototype;
+
   _proto.toggle = function toggle() {
     if (this.get('disabled')) return;
     this.collapse.changeValue(this.get('value'));
   };
+
   _proto.onEnter = function onEnter() {
     this.trigger('show', this);
   };
+
   _proto.onAfterLeave = function onAfterLeave() {
     this.trigger('hide', this);
   };
+
   return CollapseItem;
 }(Component);
 CollapseItem.template = template;
 CollapseItem.typeDefs = typeDefs;
+
 __decorate([bind], CollapseItem.prototype, "toggle", null);

package/components/collapse/item.vdt.js

@@ -6,19 +6,22 @@ import { kls, makeItemStyles } from './styles';
 import { Icon } from '../icon';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _$cn2,
-    _this = this;
+      _$cn2,
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    children = _this$get.children,
-    title = _this$get.title,
-    value = _this$get.value,
-    className = _this$get.className,
-    disabled = _this$get.disabled;
+      children = _this$get.children,
+      title = _this$get.title,
+      value = _this$get.value,
+      className = _this$get.className,
+      disabled = _this$get.disabled;
+
   var isActive = this.collapse.isActive(value);
   var classNameObj = (_classNameObj = {
     'k-collapse-item': true
@@ -29,9 +32,11 @@ export default function ($props, $blocks, $__proto__) {
     return title;
   }, __$blocks['title'] = function ($super, data) {
     var block = $blocks['title'];
+
     var callBlock = function callBlock() {
       return _$blocks['title'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['title'](_$no)), _$cc(Icon, {
     'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2)),
@@ -44,10 +49,12 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(kls('content')),
     'onEnter': function onEnter(el) {
       expandAnimationCallbacks.onEnter(el);
+
       _this.onEnter();
     },
     'onAfterLeave': function onAfterLeave(el) {
       expandAnimationCallbacks.onAfterLeave(el);
+
       _this.onAfterLeave();
     },
     'children': _$ce(2, 'div', children, 0, _$cn(kls('wrapper')))

package/components/collapse/styles.js

@@ -9,6 +9,7 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
+
   fontSize: '12px',
   titleMarginRight: '8px',
   borderPadding: '0 24px',

package/components/colorpicker/drag.js

@@ -5,16 +5,21 @@ import template from './drag.vdt';
 import { useDrag } from './useDrag';
 export var ColorpickerDrag = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ColorpickerDrag, _Component);
+
   function ColorpickerDrag() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.drag = useDrag();
     return _this;
   }
+
   return ColorpickerDrag;
 }(Component);
 ColorpickerDrag.template = template;

package/components/colorpicker/index.js

@@ -15,6 +15,7 @@ var typeDefs = {
   show: Boolean,
   position: Dropdown.typeDefs.position
 };
+
 var defaults = function defaults() {
   return {
     presets: ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF'],
@@ -24,11 +25,14 @@ var defaults = function defaults() {
     }
   };
 };
+
 export var Colorpicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Colorpicker, _Component);
+
   function Colorpicker() {
     return _Component.apply(this, arguments) || this;
   }
+
   return Colorpicker;
 }(Component);
 Colorpicker.template = template;