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

package/components/button/dynamicButton.js

@@ -4,19 +4,16 @@ var _excluded = ["tagName", "htmlType"];
 import { createVNode as h } from 'intact-vue-next';
 export var DynamicButton = function DynamicButton(_ref) {
   var tagName = _ref.tagName,
-      htmlType = _ref.htmlType,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    htmlType = _ref.htmlType,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (props.href && tagName === 'button') {
     tagName = 'a';
   }
-
   if (tagName === 'button') {
     // set type of html button
     props = _extends({}, props, {
       type: htmlType
     });
   }
-
   return h(tagName, props);
 };

package/components/button/group.js

@@ -12,41 +12,31 @@ var typeDefs = {
   checkType: ['none', 'radio', 'checkbox'],
   seperate: Boolean
 };
-
 var defaults = function defaults() {
   return {
     checkType: 'none'
   };
 };
-
 export var ButtonGroup = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ButtonGroup, _Component);
-
   function ButtonGroup() {
     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 = ButtonGroup.prototype;
-
   _proto.init = function init() {
     provide(BUTTON_GROUP, this);
   };
-
   _proto.setValue = function setValue(v) {
     var _this$get = this.get(),
-        checkType = _this$get.checkType,
-        value = _this$get.value;
-
+      checkType = _this$get.checkType,
+      value = _this$get.value;
     if (checkType === 'radio') {
       this.set('value', v);
     } else if (checkType === 'checkbox') {
@@ -54,7 +44,6 @@ export var ButtonGroup = /*#__PURE__*/function (_Component) {
       this.set('value', value);
     }
   };
-
   return ButtonGroup;
 }(Component);
 ButtonGroup.template = template;

package/components/button/group.vdt.js

@@ -4,18 +4,15 @@ import { getRestProps } from '../utils';
 import { makeButtonGroupStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      vertical = _this$get.vertical,
-      children = _this$get.children,
-      fluid = _this$get.fluid,
-      seperate = _this$get.seperate;
-
+    className = _this$get.className,
+    vertical = _this$get.vertical,
+    children = _this$get.children,
+    fluid = _this$get.fluid,
+    seperate = _this$get.seperate;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-btns"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-seperate"] = seperate, _classNameObj[className] = className, _classNameObj[makeButtonGroupStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({

package/components/button/index.js

@@ -22,7 +22,6 @@ var typeDefs = {
   tabindex: [String, Number],
   ghost: Boolean
 };
-
 var defaults = function defaults() {
   return {
     type: 'default',
@@ -32,90 +31,67 @@ var defaults = function defaults() {
     tabindex: '0'
   };
 };
-
 export var Button = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Button, _Component);
-
   function Button() {
     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.buttonGroup = inject(BUTTON_GROUP, null);
     _this.elementRef = createRef();
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = Button.prototype;
-
   _proto.showLoading = function showLoading() {
     this.set('loading', true);
   };
-
   _proto.hideLoading = function hideLoading() {
     this.set('loading', false);
   };
-
   _proto.disable = function disable() {
     this.set('disabled', true);
   };
-
   _proto.enable = function enable() {
     this.set('disabled', false);
   };
-
   _proto.isChecked = function isChecked() {
     var group = this.buttonGroup;
     if (!group) return false;
-
     var _group$get = group.get(),
-        checkType = _group$get.checkType,
-        groupValue = _group$get.value;
-
+      checkType = _group$get.checkType,
+      groupValue = _group$get.value;
     var _this$get = this.get(),
-        value = _this$get.value;
-
+      value = _this$get.value;
     return value !== undefined ? checkType === 'radio' ? value === groupValue : checkType === 'checkbox' ? Array.isArray(groupValue) && !!~groupValue.indexOf(value) : false : false;
   };
-
   _proto.onClick = function onClick(e) {
     if (this.get('disabled') || this.get('loading')) {
       e.preventDefault();
       return;
     }
-
     var buttonGroup = this.buttonGroup;
-
     if (buttonGroup) {
       var value = this.get('value');
-
       if (value !== undefined) {
         buttonGroup.setValue(value);
       }
     }
-
     e.$component = this;
     this.trigger('click', e);
   };
-
   _proto.onMouseUp = function onMouseUp(e) {
     // when click, blur it to remove the focus style
     this.elementRef.value.blur();
     this.trigger('mouseup', e);
   };
-
   return Button;
 }(Component);
 Button.template = template;
 Button.typeDefs = typeDefs;
 Button.defaults = defaults;
-
 __decorate([bind], Button.prototype, "onClick", null);
-
 __decorate([bind], Button.prototype, "onMouseUp", null);

package/components/button/index.spec.js

@@ -12,115 +12,93 @@ describe('Button', function () {
   });
   it('should change value when click radio buttons', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, radioShanggaiElement, checkboxShanghaiElement;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(GroupDemo), instance = _mount[0];
-            radioShanggaiElement = findDomFromVNode(instance.refs.__radioShanghai.$lastInput, true);
-            dispatchEvent(radioShanggaiElement, 'click');
-            _context.next = 5;
-            return wait();
-
-          case 5:
-            expect(instance.get('city')).to.eql('shanghai');
-            checkboxShanghaiElement = findDomFromVNode(instance.refs.__checkboxShanghai.$lastInput, true);
-            dispatchEvent(checkboxShanghaiElement, 'click');
-            _context.next = 10;
-            return wait();
-
-          case 10:
-            expect(instance.get('cities')).to.eql(['shanghai']);
-            dispatchEvent(checkboxShanghaiElement, 'click');
-            _context.next = 14;
-            return wait();
-
-          case 14:
-            expect(instance.get('cities')).to.eql([]); // should set value correctly, even if the type of value is not an array
-
-            instance.set('cities', '');
-            dispatchEvent(checkboxShanghaiElement, 'click');
-            _context.next = 19;
-            return wait();
-
-          case 19:
-            expect(instance.get('cities')).to.eql(['shanghai']);
-
-          case 20:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(GroupDemo), instance = _mount[0];
+          radioShanggaiElement = findDomFromVNode(instance.refs.__radioShanghai.$lastInput, true);
+          dispatchEvent(radioShanggaiElement, 'click');
+          _context.next = 5;
+          return wait();
+        case 5:
+          expect(instance.get('city')).to.eql('shanghai');
+          checkboxShanghaiElement = findDomFromVNode(instance.refs.__checkboxShanghai.$lastInput, true);
+          dispatchEvent(checkboxShanghaiElement, 'click');
+          _context.next = 10;
+          return wait();
+        case 10:
+          expect(instance.get('cities')).to.eql(['shanghai']);
+          dispatchEvent(checkboxShanghaiElement, 'click');
+          _context.next = 14;
+          return wait();
+        case 14:
+          expect(instance.get('cities')).to.eql([]);
+          // should set value correctly, even if the type of value is not an array
+          instance.set('cities', '');
+          dispatchEvent(checkboxShanghaiElement, 'click');
+          _context.next = 19;
+          return wait();
+        case 19:
+          expect(instance.get('cities')).to.eql(['shanghai']);
+        case 20:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('method test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(Button), instance = _mount2[0], element = _mount2[1];
-            instance.showLoading();
-            _context2.next = 4;
-            return wait();
-
-          case 4:
-            expect(element.classList.contains('k-loading')).to.be.true;
-            instance.hideLoading();
-            _context2.next = 8;
-            return wait();
-
-          case 8:
-            expect(element.classList.contains('k-loading')).to.be.false;
-            instance.disable();
-            _context2.next = 12;
-            return wait();
-
-          case 12:
-            expect(element.classList.contains('k-disabled')).to.be.true;
-            instance.enable();
-            _context2.next = 16;
-            return wait();
-
-          case 16:
-            expect(element.classList.contains('k-disabled')).to.be.false;
-
-          case 17:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(Button), instance = _mount2[0], element = _mount2[1];
+          instance.showLoading();
+          _context2.next = 4;
+          return wait();
+        case 4:
+          expect(element.classList.contains('k-loading')).to.be.true;
+          instance.hideLoading();
+          _context2.next = 8;
+          return wait();
+        case 8:
+          expect(element.classList.contains('k-loading')).to.be.false;
+          instance.disable();
+          _context2.next = 12;
+          return wait();
+        case 12:
+          expect(element.classList.contains('k-disabled')).to.be.true;
+          instance.enable();
+          _context2.next = 16;
+          return wait();
+        case 16:
+          expect(element.classList.contains('k-disabled')).to.be.false;
+        case 17:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should blur on mouse up', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, element;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount3 = mount(Button), element = _mount3[1];
-            element.focus(); // test color of focus style 
-
-            _context3.next = 4;
-            return wait(500);
-
-          case 4:
-            // has transition
-            expect(tinycolor(getComputedStyle(element).color).toHexString()).to.eql(buttonStyles.hoverColor);
-            dispatchEvent(element, 'mouseup');
-            _context3.next = 8;
-            return wait(500);
-
-          case 8:
-            expect(tinycolor(getComputedStyle(element).color).toHexString()).to.eql(buttonStyles.color);
-
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount3 = mount(Button), element = _mount3[1];
+          element.focus();
+          // test color of focus style 
+          _context3.next = 4;
+          return wait(500);
+        case 4:
+          // has transition
+          expect(tinycolor(getComputedStyle(element).color).toHexString()).to.eql(buttonStyles.hoverColor);
+          dispatchEvent(element, 'mouseup');
+          _context3.next = 8;
+          return wait(500);
+        case 8:
+          expect(tinycolor(getComputedStyle(element).color).toHexString()).to.eql(buttonStyles.color);
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));

package/components/button/index.vdt.js

@@ -8,40 +8,35 @@ import { Wave } from '../wave';
 import { button as theme } 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,
-      className = _this$get.className,
-      size = _this$get.size,
-      icon = _this$get.icon,
-      circle = _this$get.circle,
-      ref = _this$get.ref,
-      key = _this$get.key,
-      tabindex = _this$get.tabindex,
-      tagName = _this$get.tagName,
-      htmlType = _this$get.htmlType,
-      fluid = _this$get.fluid,
-      children = _this$get.children,
-      loading = _this$get.loading,
-      disabled = _this$get.disabled,
-      name = _this$get.name,
-      ghost = _this$get.ghost;
-
+    type = _this$get.type,
+    className = _this$get.className,
+    size = _this$get.size,
+    icon = _this$get.icon,
+    circle = _this$get.circle,
+    ref = _this$get.ref,
+    key = _this$get.key,
+    tabindex = _this$get.tabindex,
+    tagName = _this$get.tagName,
+    htmlType = _this$get.htmlType,
+    fluid = _this$get.fluid,
+    children = _this$get.children,
+    loading = _this$get.loading,
+    disabled = _this$get.disabled,
+    name = _this$get.name,
+    ghost = _this$get.ghost;
   var _this$config = this.config,
-      cls = _this$config.cls,
-      k = _this$config.k;
+    cls = _this$config.cls,
+    k = _this$config.k;
   var checked = this.isChecked();
-
   var isIcon = function isIcon(child) {
     return child.tag === Icon || child.className && child.className.indexOf('icon') > -1;
   };
-
-  var iconSide; // hack for loading transition of width
-
+  var iconSide;
+  // hack for loading transition of width
   if (!icon && Array.isArray(children)) {
     children.forEach(function (child, index) {
       if (child) {
@@ -58,18 +53,13 @@ export default function ($props, $blocks, $__proto__) {
       }
     });
   }
-
   var classNameObj = (_classNameObj = {}, _classNameObj[cls('btn')] = true, _classNameObj[cls(size)] = size !== 'default', _classNameObj[cls(type)] = true, _classNameObj[cls("btn-icon")] = icon, _classNameObj[className] = className, _classNameObj[cls('circle')] = circle, _classNameObj[cls('loading')] = loading, _classNameObj[cls('fluid')] = fluid, _classNameObj[cls('active')] = checked, _classNameObj[cls('disabled')] = disabled || loading, _classNameObj[cls('ghost')] = ghost, _classNameObj[makeButtonStyles(k, iconSide)] = true, _classNameObj);
-
   var loadingIcon = _$cc(Icon, {
     'className': _$cn("ion-load-c " + k + "-icon-loading"),
-    'size': size
-    /*loadingSizeMap[size]*/
-    ,
+    'size': size /*loadingSizeMap[size]*/,
     'key': 'k-loading',
     'rotate': true
   }, 'k-loading');
-
   var buttonGroup = this.buttonGroup;
   var checkType = buttonGroup ? buttonGroup.get('checkType') : 'none';
   var isCheckType = checkType !== 'none';

package/components/button/styles.d.ts

@@ -1,12 +1,12 @@
 import '../../styles/global';
-declare type TypeStyles = {
+type TypeStyles = {
     color: string;
     bgColor: string;
     borderColor: string;
     hoverBorderColor: string;
     ghostColor: string;
 };
-declare type SizeStyles = {
+type SizeStyles = {
     fontSize: string;
     height: string;
     padding: string;