@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/code/index.vdt.js

@@ -10,37 +10,29 @@ 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-code"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = 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,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';
 import { cache } from '../utils';

package/components/code/useEditor.js

@@ -12,14 +12,12 @@ 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,
@@ -43,7 +41,6 @@ export function useEditor() {
       codeEditor.layout();
     }
   });
-
   function watch(Editor, codeEditor) {
     instance.on('$receive:language', function (v) {
       Editor.setModelLanguage(codeEditor.getModel(), v);
@@ -66,11 +63,9 @@ 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-react';
 export * from './item';
-declare type ArrowType = 'left' | 'right';
+type ArrowType = 'left' | 'right';
 export interface CollapseProps {
     value?: string[];
     accordion?: boolean;

package/components/collapse/index.js

@@ -12,54 +12,40 @@ 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() {
     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.config = useConfigContext();
     return _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,73 +9,60 @@ 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(':scope > .k-collapse-item > .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(':scope > .k-collapse-item > .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,36 +7,28 @@ import { isNullOrUndefined } from 'intact-shared';
 import { directClone } from 'intact-react';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-collapse"] = true, _classNameObj[makeStyles(k)] = 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

@@ -13,40 +13,30 @@ 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);
     _this.config = useConfigContext();
     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,22 +6,19 @@ import { 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-collapse-item"] = true, _classNameObj[makeItemStyles(k)] = true, _classNameObj[className] = className, _classNameObj[k + "-active"] = isActive, _classNameObj[k + "-disabled"] = disabled, _classNameObj);
@@ -31,11 +28,9 @@ 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)), 0, _$cn(k + "-collapse-title-wrapper")), _$cc(Icon, {
     'className': _$cn((_$cn2 = {}, _$cn2[k + "-collapse-arrow"] = true, _$cn2[k + "-icon-right"] = true, _$cn2)),
@@ -48,12 +43,10 @@ export default function ($props, $blocks, $__proto__) {
   }, expandAnimationCallbacks, {
     '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(k + "-collapse-wrapper"))

package/components/collapse/styles.js

@@ -7,15 +7,12 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
-
   fontSize: '12px',
   borderPadding: '0 24px',
   collBorder: '1px solid #eee',
-
   get borderRadius() {
     return theme.largeBorderRadius;
   },
-
   item: {
     borderBottom: '1px solid #e5e5e5',
     titleHeight: '40px',
@@ -27,8 +24,8 @@ setDefault(function () {
   collapse = deepDefaults(theme, {
     collapse: defaults
   }).collapse;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
-  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
+  makeItemStyles == null || makeItemStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", collapse.fontSize, ";&.", k, "-left{>.", k, "-collapse-item>.", k, "-collapse-title{flex-direction:row-reverse;}}&.", k, "-border{border-radius:", collapse.borderRadius, ";padding:", collapse.borderPadding, ";border:", collapse.collBorder, ";}");

package/components/colorpicker/drag.js

@@ -6,22 +6,17 @@ import { useDrag } from './useDrag';
 import { useConfigContext } from '../config';
 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();
     _this.config = useConfigContext();
     return _this;
   }
-
   return ColorpickerDrag;
 }(Component);
 ColorpickerDrag.template = template;

package/components/colorpicker/index.js

@@ -17,7 +17,6 @@ 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'],
@@ -27,24 +26,18 @@ var defaults = function defaults() {
     }
   };
 };
-
 export var Colorpicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Colorpicker, _Component);
-
   function Colorpicker() {
     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.config = useConfigContext();
     return _this;
   }
-
   return Colorpicker;
 }(Component);
 Colorpicker.template = template;