@king-design/vue 2.1.4 → 2.1.6

package/components/message/index.spec.js

@@ -9,71 +9,86 @@ 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,6 +16,7 @@ var typeDefs = {
   hideIcon: Boolean
 };
 var id = 0;
+
 var defaults = function defaults() {
   return {
     duration: 5000,
@@ -23,26 +24,34 @@ 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);
@@ -52,6 +61,7 @@ export var Message = /*#__PURE__*/function (_Component) {
         }
       }), container);
     }
+
     if (isObject(content) && !content.tag) {
       content = _extends({}, content, {
         type: type,
@@ -65,27 +75,36 @@ 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,15 +9,18 @@ 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,32 +6,44 @@ 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,6 +3,7 @@ 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,29 +7,37 @@ 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",
@@ -48,6 +56,7 @@ 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 type PaginationChangeData = {
+export declare type PaginationChangeData = {
     limit: number;
     value: number;
 };

package/components/pagination/index.js

@@ -20,6 +20,7 @@ var typeDefs = {
   disableBtn: Function,
   disablePage: Function
 };
+
 var defaults = function defaults() {
   return {
     size: 'default',
@@ -32,28 +33,37 @@ 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
@@ -61,9 +71,12 @@ 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
@@ -73,6 +86,7 @@ export var Pagination = /*#__PURE__*/function (_Component) {
     });
     this.watch('value', function (v) {
       if (_this2.ignore) return;
+
       _this2.trigger('change', {
         limit: _this2.get('limit'),
         value: v
@@ -81,61 +95,83 @@ 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);