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

package/components/message/messages.js

@@ -10,45 +10,33 @@ var typeDefs = {
 };
 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 = [];
     _this.config = useConfigContext();
     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

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

package/components/message/styles.js

@@ -8,37 +8,29 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
-
   top: "10px",
   left: "0px",
   transform: "translateY(-10px)",
-
   get bgColor() {
     return theme.color.bg;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   gap: "10px",
   boxShadow: 'none',
   padding: "7px 33px 8px 8px",
   fontSize: '12px',
-
   get color() {
     return theme.color.text;
   },
-
   minWidth: '400px',
   maxWidth: '700px',
   minHeight: '32px',
   textAlign: 'left',
-
   get border() {
     return "1px solid " + theme.color.border;
   },
-
   icon: {
     // color: `inherit`,
     fontSize: "18px",
@@ -51,15 +43,14 @@ setDefault(function () {
   message = deepDefaults(theme, {
     message: defaults
   }).message;
-  makeMessagesStyles == null ? void 0 : makeMessagesStyles.clearCache();
-  makeMessageStyles == null ? void 0 : makeMessageStyles.clearCache();
+  makeMessagesStyles == null || makeMessagesStyles.clearCache();
+  makeMessageStyles == null || makeMessageStyles.clearCache();
 });
 export var makeMessagesStyles = cache(function makeMessagesStyles(k) {
   return /*#__PURE__*/css("position:fixed;top:", message.top, ";left:", message.left, ";width:100%;pointer-events:none;z-index:", theme.maxZIndex + 1, ";");
 });
 export var makeMessageStyles = cache(function makeMessageStyles(k) {
   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, ";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, ";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, "-message-icon{position:absolute;left:", message.icon.left, ";top:", message.icon.top, ";font-size:", message.icon.fontSize, ";}", _mapInstanceProperty(_context = ['info', 'error', 'success', 'warning']).call(_context, function (type) {
     var color = theme.color[type === 'error' ? 'danger' : type];
     return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-message-container{background:", palette(color, -4), ";}.", k, "-message-icon{color:", color, ";}}");

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

@@ -21,7 +21,6 @@ var typeDefs = {
   disableBtn: Function,
   disablePage: Function
 };
-
 var defaults = function defaults() {
   return {
     size: 'default',
@@ -34,38 +33,29 @@ 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;
     _this.config = useConfigContext();
     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
@@ -73,12 +63,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
@@ -88,7 +75,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
@@ -97,83 +83,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);

package/components/pagination/index.spec.js

@@ -15,206 +15,166 @@ describe('Pagination', function () {
   });
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, pagination, btns, prev, next;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            pagination = element.querySelector('.k-pagination');
-            btns = pagination.querySelectorAll('.k-btns .k-btn');
-            prev = btns[0];
-            next = btns[btns.length - 1];
-            prev.click();
-            _context.next = 8;
-            return wait();
-
-          case 8:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(1);
-            next.click();
-            next.click();
-            _context.next = 14;
-            return wait();
-
-          case 14:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(3);
-            prev.click();
-            _context.next = 19;
-            return wait();
-
-          case 19:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(2);
-            pagination.querySelector('.k-pagination-ellipsis').click();
-            _context.next = 24;
-            return wait();
-
-          case 24:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(6);
-            pagination.querySelector('.k-pagination-ellipsis').click();
-            _context.next = 29;
-            return wait();
-
-          case 29:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(2); // change limit
-
-            instance.refs.__test.set('limit', 20);
-
-            _context.next = 34;
-            return wait();
-
-          case 34:
-            expect(pagination.innerHTML).to.matchSnapshot();
-            expect(instance.get('value1')).to.eql(1);
-
-          case 36:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          pagination = element.querySelector('.k-pagination');
+          btns = pagination.querySelectorAll('.k-btns .k-btn');
+          prev = btns[0];
+          next = btns[btns.length - 1];
+          prev.click();
+          _context.next = 8;
+          return wait();
+        case 8:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(1);
+          next.click();
+          next.click();
+          _context.next = 14;
+          return wait();
+        case 14:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(3);
+          prev.click();
+          _context.next = 19;
+          return wait();
+        case 19:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(2);
+          pagination.querySelector('.k-pagination-ellipsis').click();
+          _context.next = 24;
+          return wait();
+        case 24:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(6);
+          pagination.querySelector('.k-pagination-ellipsis').click();
+          _context.next = 29;
+          return wait();
+        case 29:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(2);
+          // change limit
+          instance.refs.__test.set('limit', 20);
+          _context.next = 34;
+          return wait();
+        case 34:
+          expect(pagination.innerHTML).to.matchSnapshot();
+          expect(instance.get('value1')).to.eql(1);
+        case 36:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('goto test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, input;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(GotoDemo), instance = _mount2[0], element = _mount2[1];
-            input = element.querySelector('.k-input-inner');
-            input.value = '45';
-            dispatchEvent(input, 'change');
-            _context2.next = 6;
-            return wait();
-
-          case 6:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.eql(20);
-            input.value = '-10';
-            dispatchEvent(input, 'change');
-            _context2.next = 12;
-            return wait();
-
-          case 12:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.eql(1);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(GotoDemo), instance = _mount2[0], element = _mount2[1];
+          input = element.querySelector('.k-input-inner');
+          input.value = '45';
+          dispatchEvent(input, 'change');
+          _context2.next = 6;
+          return wait();
+        case 6:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.eql(20);
+          input.value = '-10';
+          dispatchEvent(input, 'change');
+          _context2.next = 12;
+          return wait();
+        case 12:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.eql(1);
+        case 14:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should trigger change event once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var fn, _mount3, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            fn = CurrentDemo.prototype._fetch2 = sinon.spy(function () {
-              instance.forceUpdate();
-            });
-            _mount3 = mount(CurrentDemo), instance = _mount3[0], element = _mount3[1];
-            instance.set('value2', 2);
-            _context3.next = 5;
-            return wait();
-
-          case 5:
-            expect(fn.callCount).to.eql(1);
-            instance.set('limit', 50);
-            _context3.next = 9;
-            return wait();
-
-          case 9:
-            expect(fn.callCount).to.eql(2);
-            expect(fn.lastCall.lastArg).to.eql({
-              value: 1,
-              limit: 50
-            });
-
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          fn = CurrentDemo.prototype._fetch2 = sinon.spy(function () {
+            instance.forceUpdate();
+          });
+          _mount3 = mount(CurrentDemo), instance = _mount3[0], element = _mount3[1];
+          instance.set('value2', 2);
+          _context3.next = 5;
+          return wait();
+        case 5:
+          expect(fn.callCount).to.eql(1);
+          instance.set('limit', 50);
+          _context3.next = 9;
+          return wait();
+        case 9:
+          expect(fn.callCount).to.eql(2);
+          expect(fn.lastCall.lastArg).to.eql({
+            value: 1,
+            limit: 50
+          });
+        case 11:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('should not goto disabled page', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount4, instance, element, input;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _mount4 = mount(DisableDemo), instance = _mount4[0], element = _mount4[1];
-            input = element.querySelector('.k-input-inner');
-            dispatchEvent(input, 'focus');
-            input.value = '11';
-            dispatchEvent(input, 'change');
-            dispatchEvent(input, 'blur');
-            _context4.next = 8;
-            return wait();
-
-          case 8:
-            expect(input.value).to.eql('10');
-            expect(instance.get('value2')).to.eql(10);
-
-          case 10:
-          case "end":
-            return _context4.stop();
-        }
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _mount4 = mount(DisableDemo), instance = _mount4[0], element = _mount4[1];
+          input = element.querySelector('.k-input-inner');
+          dispatchEvent(input, 'focus');
+          input.value = '11';
+          dispatchEvent(input, 'change');
+          dispatchEvent(input, 'blur');
+          _context4.next = 8;
+          return wait();
+        case 8:
+          expect(input.value).to.eql('10');
+          expect(instance.get('value2')).to.eql(10);
+        case 10:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })));
   it('should not set value to 0 when total is 0 on intialization', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var Demo, _mount5, instance;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context5;
-
-                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(_context5 = [this]).call(_context5, args)) || this;
-                _this.Pagination = Pagination;
-                return _this;
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context5;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  page: 1
-                };
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context5 = [this]).call(_context5, args)) || this;
+              _this.Pagination = Pagination;
+              return _this;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                page: 1
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const { Pagination } = this;\n                <Pagination total={0} v-model=\"page\" />\n            ";
-            _mount5 = mount(Demo), instance = _mount5[0]; // await wait();
-
-            expect(instance.get('page')).to.eql(1);
-
-          case 4:
-          case "end":
-            return _context6.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Pagination } = this;\n                <Pagination total={0} v-model=\"page\" />\n            ";
+          _mount5 = mount(Demo), instance = _mount5[0]; // await wait();
+          expect(instance.get('page')).to.eql(1);
+        case 4:
+        case "end":
+          return _context6.stop();
       }
     }, _callee5);
   })));