@king-design/vue 2.1.3 → 2.1.4

package/components/message/index.spec.js

@@ -9,86 +9,71 @@ describe('Message', function () {
   });
   it('show messages', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, info, error, warning, success, message;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll('.k-btn'), info = _element$querySelecto[0], error = _element$querySelecto[1], warning = _element$querySelecto[2], success = _element$querySelecto[3];
-            info.click();
-            _context.next = 5;
-            return wait();
-
-          case 5:
-            message = getElement('.k-message');
-            expect(message.outerHTML).to.matchSnapshot();
-            error.click();
-            _context.next = 10;
-            return wait();
-
-          case 10:
-            expect(getElement('.k-message').outerHTML).matchSnapshot();
-            warning.click();
-            _context.next = 14;
-            return wait();
-
-          case 14:
-            expect(getElement('.k-message').outerHTML).matchSnapshot();
-            success.click();
-            _context.next = 18;
-            return wait();
-
-          case 18:
-            expect(getElement('.k-message').outerHTML).matchSnapshot();
-
-          case 19:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          _element$querySelecto = element.querySelectorAll('.k-btn'), info = _element$querySelecto[0], error = _element$querySelecto[1], warning = _element$querySelecto[2], success = _element$querySelecto[3];
+          info.click();
+          _context.next = 5;
+          return wait();
+        case 5:
+          message = getElement('.k-message');
+          expect(message.outerHTML).to.matchSnapshot();
+          error.click();
+          _context.next = 10;
+          return wait();
+        case 10:
+          expect(getElement('.k-message').outerHTML).matchSnapshot();
+          warning.click();
+          _context.next = 14;
+          return wait();
+        case 14:
+          expect(getElement('.k-message').outerHTML).matchSnapshot();
+          success.click();
+          _context.next = 18;
+          return wait();
+        case 18:
+          expect(getElement('.k-message').outerHTML).matchSnapshot();
+        case 19:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('set duration', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var message, message1;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            this.timeout(0);
-            Message.info('test', 500);
-            _context2.next = 4;
-            return wait();
-
-          case 4:
-            message = getElement('.k-message');
-            expect(message.outerHTML).to.matchSnapshot(); // should not remove when mouseenter
-
-            dispatchEvent(message, 'mouseenter');
-            _context2.next = 9;
-            return wait(1000);
-
-          case 9:
-            message1 = getElement('.k-message');
-            expect(message1).eql(message);
-            dispatchEvent(message, 'mouseleave');
-            _context2.next = 14;
-            return wait(500);
-
-          case 14:
-            message1 = getElement('.k-message');
-            expect(message1).eql(message);
-            _context2.next = 18;
-            return wait(700);
-
-          case 18:
-            message1 = getElement('.k-message');
-            expect(message1).not.eql(message);
-
-          case 20:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          this.timeout(0);
+          Message.info('test', 500);
+          _context2.next = 4;
+          return wait();
+        case 4:
+          message = getElement('.k-message');
+          expect(message.outerHTML).to.matchSnapshot();
+          // should not remove when mouseenter
+          dispatchEvent(message, 'mouseenter');
+          _context2.next = 9;
+          return wait(1000);
+        case 9:
+          message1 = getElement('.k-message');
+          expect(message1).eql(message);
+          dispatchEvent(message, 'mouseleave');
+          _context2.next = 14;
+          return wait(500);
+        case 14:
+          message1 = getElement('.k-message');
+          expect(message1).eql(message);
+          _context2.next = 18;
+          return wait(700);
+        case 18:
+          message1 = getElement('.k-message');
+          expect(message1).not.eql(message);
+        case 20:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, this);
   })));

package/components/message/message.js

@@ -16,7 +16,6 @@ var typeDefs = {
   hideIcon: Boolean
 };
 var id = 0;
-
 var defaults = function defaults() {
   return {
     duration: 5000,
@@ -24,34 +23,26 @@ var defaults = function defaults() {
     closable: true
   };
 };
-
 var messages = null;
 export var Message = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Message, _Component);
-
   function Message() {
     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.delayClose = useDelayClose(_this.close, _this.get('duration'));
     return _this;
   }
-
   Message.notice = function notice(content, duration, type) {
     if (duration === void 0) {
       duration = 5000;
     }
-
     if (type === void 0) {
       type = 'info';
     }
-
     if (!messages) {
       var container = document.createElement('div');
       document.body.append(container);
@@ -61,7 +52,6 @@ export var Message = /*#__PURE__*/function (_Component) {
         }
       }), container);
     }
-
     if (isObject(content) && !content.tag) {
       content = _extends({}, content, {
         type: type,
@@ -75,36 +65,27 @@ export var Message = /*#__PURE__*/function (_Component) {
         key: id++
       };
     }
-
     messages.notice(h(Message, content));
   };
-
   Message.info = function info(content, duration) {
     Message.notice(content, duration, 'info');
   };
-
   Message.error = function error(content, duration) {
     Message.notice(content, duration, 'error');
   };
-
   Message.success = function success(content, duration) {
     Message.notice(content, duration, 'success');
   };
-
   Message.warning = function warning(content, duration) {
     Message.notice(content, duration, 'warning');
   };
-
   var _proto = Message.prototype;
-
   _proto.close = function close() {
     messages.delete(this.get('key'));
   };
-
   return Message;
 }(Component);
 Message.template = template;
 Message.typeDefs = typeDefs;
 Message.defaults = defaults;
-
 __decorate([bind], Message.prototype, "close", null);

package/components/message/message.vdt.js

@@ -9,18 +9,15 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      type = _this$get.type,
-      content = _this$get.content,
-      children = _this$get.children,
-      closable = _this$get.closable,
-      hideIcon = _this$get.hideIcon;
-
+    type = _this$get.type,
+    content = _this$get.content,
+    children = _this$get.children,
+    closable = _this$get.closable,
+    hideIcon = _this$get.hideIcon;
   var classNameObj = (_classNameObj = {
     "k-message": true
   }, _classNameObj["k-" + type] = type !== 'info', _classNameObj[makeMessageStyles()] = true, _classNameObj);

package/components/message/messages.js

@@ -6,44 +6,32 @@ import { Component } from 'intact-vue-next';
 import template from './messages.vdt';
 export var Messages = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Messages, _Component);
-
   function Messages() {
     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.messages = [];
     return _this;
   }
-
   var _proto = Messages.prototype;
-
   _proto.notice = function notice(message) {
     this.messages.push(message);
     this.forceUpdate();
   };
-
   _proto.delete = function _delete(key) {
     var messages = this.messages;
-
     var index = _findIndexInstanceProperty(messages).call(messages, function (message) {
       return message.key === key;
     });
-
     if (process.env.NODE_ENV !== 'production' && !~index) {
       throw new Error('You are removing a message that does not exist.');
     }
-
     _spliceInstanceProperty(messages).call(messages, index, 1);
-
     this.forceUpdate();
   };
-
   return Messages;
 }(Component);
 Messages.template = template;

package/components/message/messages.vdt.js

@@ -3,7 +3,6 @@ import { TransitionGroup, Transition } from 'intact';
 import { makeMessagesStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _$cn2;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;

package/components/message/styles.js

@@ -7,37 +7,29 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
-
   top: "10px",
   transform: "translateY(-10px)",
-
   get bgColor() {
     return theme.color.bg;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   gap: "10px",
   boxShadow: 'none',
   padding: "7px 33px 8px 8px",
   closeFontSize: "26px",
   fontSize: '12px',
-
   get color() {
     return theme.color.ghost;
   },
-
   minWidth: '400px',
   maxWidth: '700px',
   minHeight: '32px',
   textAlign: 'left',
-
   get border() {
     return "1px solid " + theme.color.border;
   },
-
   icon: {
     color: "inherit",
     fontSize: "14px",
@@ -56,7 +48,6 @@ export function makeMessagesStyles() {
 }
 export function makeMessageStyles() {
   var _context;
-
   return /*#__PURE__*/css("text-align:center;width:100%;font-size:", message.fontSize, ";color:", message.color, ";.k-message-container{display:inline-block;box-shadow:", message.boxShadow, ";background:", message.bgColor, ";border-radius:", message.borderRadius, ";margin-bottom:", message.gap, ";pointer-events:all;min-width:", message.minWidth, ";max-width:", message.maxWidth, ";position:relative;text-align:", message.textAlign, ";border:", message.border, ";min-height:", message.minHeight, ";}.k-message-wrapper{position:relative;display:inline-block;&.k-with-icon{padding-left:calc(", message.icon.left, " + 14px);}}.k-message-content{display:inline-block;padding:", message.padding, ";vertical-align:middle;word-break:break-word;word-wrap:break-word;}.k-message-close{vertical-align:middle;position:absolute;right:0;top:0;&:hover{background:none;}.k-icon{font-size:", message.closeFontSize, ";}}.k-message-icon{position:absolute;left:", message.icon.left, ";top:", message.icon.top, ";color:", message.icon.color, ";font-size:", message.icon.fontSize, ";}", _mapInstanceProperty(_context = ['error', 'success', 'warning']).call(_context, function (type) {
     var color = theme.color[type === 'error' ? 'danger' : type];
     return /*#__PURE__*/css("&.k-", type, "{.k-message-container{color:", color, ";border-color:", color, ";background:", palette(color, -4), ";}.k-message-close{color:", color, ";&:hover{color:", palette(color, 1), ";}}}");

package/components/pagination/index.d.ts

@@ -19,7 +19,7 @@ export interface PaginationProps {
 export interface PaginationEvents {
     change: [PaginationChangeData];
 }
-export declare type PaginationChangeData = {
+export type PaginationChangeData = {
     limit: number;
     value: number;
 };

package/components/pagination/index.js

@@ -20,7 +20,6 @@ var typeDefs = {
   disableBtn: Function,
   disablePage: Function
 };
-
 var defaults = function defaults() {
   return {
     size: 'default',
@@ -33,37 +32,28 @@ var defaults = function defaults() {
     showLimits: true
   };
 };
-
 var events = {
   change: true
 };
 export var Pagination = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Pagination, _Component);
-
   function Pagination() {
     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.ignore = false;
     return _this;
   }
-
   var _proto = Pagination.prototype;
-
   _proto.init = function init() {
     var _this2 = this;
-
     // avoid setting incorrect value
     this.changePage(this.get('value'));
     this.watch('limit', function (v) {
       var oldvalue = _this2.get('value');
-
       if (oldvalue !== 1) {
         // we should not silent it, but let it trigger change event
         // to sync the value to parent
@@ -71,12 +61,9 @@ export var Pagination = /*#__PURE__*/function (_Component) {
         // change event again in bellow $change:value callback
         // #341
         _this2.ignore = true;
-
         _this2.set('value', 1);
-
         _this2.ignore = false;
       }
-
       _this2.trigger('change', {
         limit: v,
         value: 1
@@ -86,7 +73,6 @@ export var Pagination = /*#__PURE__*/function (_Component) {
     });
     this.watch('value', function (v) {
       if (_this2.ignore) return;
-
       _this2.trigger('change', {
         limit: _this2.get('limit'),
         value: v
@@ -95,83 +81,61 @@ export var Pagination = /*#__PURE__*/function (_Component) {
       inited: true
     });
   };
-
   _proto.changePage = function changePage(page) {
     var _this$get = this.get(),
-        total = _this$get.total,
-        limit = _this$get.limit;
-
+      total = _this$get.total,
+      limit = _this$get.limit;
     var totalPages = Math.ceil(total / limit);
-
     if (page > totalPages) {
       page = totalPages;
-    } // perhaps totalPages is 0
-
-
+    }
+    // perhaps totalPages is 0
     if (page < 1) {
       page = 1;
     }
-
     if (this.get('value') !== page) {
       this.set('value', page);
     }
   };
-
   _proto.prev = function prev() {
     this.changePage(this.get('value') - 1);
   };
-
   _proto.next = function next() {
     this.changePage(this.get('value') + 1);
   };
-
   _proto.fastPrev = function fastPrev() {
     var _this$get2 = this.get(),
-        value = _this$get2.value,
-        counts = _this$get2.counts;
-
+      value = _this$get2.value,
+      counts = _this$get2.counts;
     var page = value - Math.ceil(Number(counts) / 2);
     this.changePage(page);
   };
-
   _proto.fastNext = function fastNext() {
     var _this$get3 = this.get(),
-        value = _this$get3.value,
-        counts = _this$get3.counts;
-
+      value = _this$get3.value,
+      counts = _this$get3.counts;
     var page = value + Math.ceil(Number(counts) / 2);
     this.changePage(page);
   };
-
   _proto.goto = function goto(e) {
     var _this$get4 = this.get(),
-        disablePage = _this$get4.disablePage,
-        limit = _this$get4.limit;
-
+      disablePage = _this$get4.disablePage,
+      limit = _this$get4.limit;
     var value = parseInt(e.target.value) || 1;
-
     if (disablePage && disablePage(value, limit)) {
       return;
     }
-
     this.changePage(value);
   };
-
   return Pagination;
 }(Component);
 Pagination.template = template;
 Pagination.typeDefs = typeDefs;
 Pagination.defaults = defaults;
 Pagination.events = events;
-
 __decorate([bind], Pagination.prototype, "changePage", null);
-
 __decorate([bind], Pagination.prototype, "prev", null);
-
 __decorate([bind], Pagination.prototype, "next", null);
-
 __decorate([bind], Pagination.prototype, "fastPrev", null);
-
 __decorate([bind], Pagination.prototype, "fastNext", null);
-
 __decorate([bind], Pagination.prototype, "goto", null);