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

package/components/pagination/index.vdt.js

@@ -10,46 +10,39 @@ import { _$ } from '../../i18n';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      total = _this$get.total,
-      size = _this$get.size,
-      flat = _flatInstanceProperty(_this$get),
-      simple = _this$get.simple,
-      className = _this$get.className,
-      showTotal = _this$get.showTotal,
-      showGoto = _this$get.showGoto,
-      counts = _this$get.counts,
-      value = _this$get.value,
-      limit = _this$get.limit,
-      limits = _this$get.limits,
-      showLimits = _this$get.showLimits,
-      disableBtn = _this$get.disableBtn,
-      disablePage = _this$get.disablePage;
-
+    total = _this$get.total,
+    size = _this$get.size,
+    flat = _flatInstanceProperty(_this$get),
+    simple = _this$get.simple,
+    className = _this$get.className,
+    showTotal = _this$get.showTotal,
+    showGoto = _this$get.showGoto,
+    counts = _this$get.counts,
+    value = _this$get.value,
+    limit = _this$get.limit,
+    limits = _this$get.limits,
+    showLimits = _this$get.showLimits,
+    disableBtn = _this$get.disableBtn,
+    disablePage = _this$get.disablePage;
   if (!total) return _$ccv(' pagination ');
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-pagination"] = true, _classNameObj[className] = className, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-flat"] = flat, _classNameObj[k + "-simple"] = simple, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var type = flat ? 'flat' : simple ? 'none' : 'default';
   var totalPages = Math.ceil(total / limit) || 0;
-
   var paginationButton = function paginationButton(page) {
     var disabled = false;
-
     if (page !== value) {
       if (disablePage) {
         disabled || (disabled = !!disablePage(page, limit));
       }
-
       if (disableBtn) {
         disabled || (disabled = !!disableBtn(page, limit));
       }
     }
-
     return _$cc(Button, {
       'type': type,
       'size': size,
@@ -59,7 +52,6 @@ export default function ($props, $blocks, $__proto__) {
       'children': page
     });
   };
-
   var paginationDot = function paginationDot(callback) {
     return _$cc(Button, {
       'type': type,
@@ -70,22 +62,18 @@ export default function ($props, $blocks, $__proto__) {
       'children': '...'
     });
   };
-
   var paginationItems = [];
   var minCount = Math.ceil(counts / 2);
   var maxCount = totalPages - minCount;
   var prevPage = value - 1;
   var nextPage = value + 1;
-
   if (!simple) {
     if (totalPages > counts) {
       if (value <= minCount) {
         var max = counts - 2;
-
         for (var i = 1; i <= max; i++) {
           paginationItems.push(paginationButton(i));
         }
-
         paginationItems.push(paginationDot(this.fastNext));
         paginationItems.push(paginationButton(totalPages));
       } else if (value > minCount && value <= maxCount) {
@@ -94,21 +82,16 @@ export default function ($props, $blocks, $__proto__) {
         var midCount = counts - 4;
         var mid = Math.floor(midCount / 2);
         var min = value - mid;
-
         var _max = midCount % 2 === 1 ? value + mid : value + mid - 1;
-
         for (var _i = min; _i <= _max; _i++) {
           paginationItems.push(paginationButton(_i));
         }
-
         paginationItems.push(paginationDot(this.fastNext));
         paginationItems.push(paginationButton(totalPages));
       } else {
         paginationItems.push(paginationButton(1));
         paginationItems.push(paginationDot(this.fastPrev));
-
         var _min = totalPages - counts + 3;
-
         for (var _i2 = _min; _i2 <= totalPages; _i2++) {
           paginationItems.push(paginationButton(_i2));
         }
@@ -126,7 +109,6 @@ export default function ($props, $blocks, $__proto__) {
       'ev-change': this.goto
     }), _$ce(2, 'span', [_$ct(' / '), totalPages], 0, _$cn(k + "-pagination-text"))];
   }
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [showTotal && !simple ? _$ce(2, 'div', _$('共 {n} 条', {

package/components/pagination/styles.js

@@ -20,17 +20,14 @@ var defaults = deepDefaults({
   get fontSize() {
     return theme.default.fontSize;
   },
-
   gap: '16px',
   btn: {
     gap: '6px',
     padding: '0 3px',
-
     get borderRadius() {
       return theme.borderRadius;
-    } // get hoverBgColor() { return theme.color.hoverBg }
-
-
+    }
+    // get hoverBgColor() { return theme.color.hoverBg }
   },
   // goto
   goto: {
@@ -43,15 +40,12 @@ var defaults = deepDefaults({
     get fontSize() {
       return styles.fontSize;
     },
-
     get btnGap() {
       return btnGapMap[size];
     },
-
     get iconFontSize() {
       return iconFontSizeMap[size];
     }
-
   };
   return memo;
 }, {}));
@@ -60,7 +54,7 @@ setDefault(function () {
   pagination = deepDefaults(theme, {
     pagination: defaults
   }).pagination;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", pagination.fontSize, ";>*{display:inline-block;vertical-align:middle;&:not(:first-child){margin-left:", pagination.gap, ";}}.", k, "-pagination-ellipsis{background-color:transparent;border-color:transparent;}.", k, "-btns{.", k, "-btn{width:auto!important;min-width:", button.height, ";padding:", pagination.btn.padding, ";margin-right:", pagination.btn.gap, ";border-radius:", pagination.btn.borderRadius, "!important;&:last-of-type{margin:0!important;}}.", k, "-icon{font-size:18px;}}.", k, "-pagination-goto{.", k, "-input{font-size:inherit;width:", pagination.goto.width, ";margin:", pagination.goto.gap, ";}.", k, "-input-inner{text-align:center;}}.", k, "-select{width:auto;}", _mapInstanceProperty(sizes).call(sizes, function (size) {

package/components/popover/content.js

@@ -10,21 +10,17 @@ var typeDefs = {
 };
 export var PopoverContent = /*#__PURE__*/function (_TooltipContent) {
   _inheritsLoose(PopoverContent, _TooltipContent);
-
   function PopoverContent() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _TooltipContent.call.apply(_TooltipContent, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    // don't check children
     _this.isEmptyChildren = false;
     return _this;
   }
-
   return PopoverContent;
 }(TooltipContent);
 PopoverContent.template = template;

package/components/popover/content.vdt.js

@@ -3,18 +3,15 @@ import { Icon } from '../icon';
 import { makeStyles } from "./styles";
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      type = _this$get.type,
-      title = _this$get.title,
-      content = _this$get.content;
-
+    type = _this$get.type,
+    title = _this$get.title,
+    content = _this$get.content;
   var k = this.config.k;
   var iconMap = {
     info: 'information-fill',
@@ -27,8 +24,7 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(classNameObj)
   }, function ($blocks) {
     var _$blocks = {},
-        __$blocks = _$ex({}, $blocks);
-
+      __$blocks = _$ex({}, $blocks);
     return (_$blocks['body'] = function ($super) {
       return [title || $blocks.title ? _$ce(2, 'div', [type ? _$cc(Icon, {
         'className': _$cn(k + "-icon-" + iconMap[type] + " " + k + "-popover-icon"),
@@ -38,30 +34,24 @@ 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 + "-popover-title")) : undefined, content || $blocks.content ? _$ce(2, 'div', (_$blocks['content'] = function ($super) {
         return content;
       }, __$blocks['content'] = function ($super, data) {
         var block = $blocks['content'];
-
         var callBlock = function callBlock() {
           return _$blocks['content'].call($this, $super, data);
         };
-
         return block ? block.call($this, callBlock, data) : callBlock();
       }, __$blocks['content'](_$no)), 0, _$cn(k + "-popover-content")) : undefined];
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
-
       var callBlock = function callBlock() {
         return _$blocks['body'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/popover/index.js

@@ -5,25 +5,21 @@ import { createVNode as h, Component } from 'intact-react';
 import { Tooltip } from "../tooltip/tooltip";
 import { PopoverContent } from './content';
 import { noop } from 'intact-shared';
-
 function Wrapper(props) {
   var children = props.children,
-      type = props.type,
-      title = props.title,
-      content = props.content,
-      $blocks = props.$blocks,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    type = props.type,
+    title = props.title,
+    content = props.content,
+    $blocks = props.$blocks,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   if ($blocks) {
     if ($blocks.title) {
       title = $blocks.title(noop);
     }
-
     if ($blocks.content) {
       content = $blocks.content(noop);
     }
   }
-
   var contentVNode = h(PopoverContent, {
     type: type,
     title: title,
@@ -39,6 +35,5 @@ function Wrapper(props) {
     trigger: 'click'
   }));
 }
-
 var functionalWrapper = Component.functionalWrapper;
 export var Popover = functionalWrapper ? functionalWrapper(Wrapper) : Wrapper;

package/components/popover/index.spec.js

@@ -14,181 +14,144 @@ describe("Popover", function () {
   });
   it('should handle popover correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, cancelCb, okCb, content, _Array$from, btn;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            cancelCb = sinon.spy();
-            okCb = sinon.spy();
-            instance.refs.popover1.on('cancel', cancelCb);
-            instance.refs.popover1.on('ok', okCb);
-            dispatchEvent(element.children[0], 'click');
-            _context.next = 8;
-            return wait();
-
-          case 8:
-            content = getElement('.k-tooltip-content');
-            expect(content.innerHTML).to.matchSnapshot();
-            content.querySelector('.k-btn').click();
-            _context.next = 13;
-            return wait(500);
-
-          case 13:
-            expect(content.style.display).eql('none');
-            dispatchEvent(element.firstElementChild, 'click');
-            _context.next = 17;
-            return wait();
-
-          case 17:
-            content = getElement('.k-tooltip-content');
-            _Array$from = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from[1];
-            btn.click();
-            _context.next = 22;
-            return wait(500);
-
-          case 22:
-            expect(content.style.display).eql('none');
-            expect(cancelCb.callCount).eql(1);
-            expect(okCb.callCount).eql(1);
-
-          case 25:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          cancelCb = sinon.spy();
+          okCb = sinon.spy();
+          instance.refs.popover1.on('cancel', cancelCb);
+          instance.refs.popover1.on('ok', okCb);
+          dispatchEvent(element.children[0], 'click');
+          _context.next = 8;
+          return wait();
+        case 8:
+          content = getElement('.k-tooltip-content');
+          expect(content.innerHTML).to.matchSnapshot();
+          content.querySelector('.k-btn').click();
+          _context.next = 13;
+          return wait(500);
+        case 13:
+          expect(content.style.display).eql('none');
+          dispatchEvent(element.firstElementChild, 'click');
+          _context.next = 17;
+          return wait();
+        case 17:
+          content = getElement('.k-tooltip-content');
+          _Array$from = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from[1];
+          btn.click();
+          _context.next = 22;
+          return wait(500);
+        case 22:
+          expect(content.style.display).eql('none');
+          expect(cancelCb.callCount).eql(1);
+          expect(okCb.callCount).eql(1);
+        case 25:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should handle type correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount2, instance, element, _element$querySelecto, info, success, error, warning, test;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount2 = mount(TypeDemo), instance = _mount2[0], element = _mount2[1];
-            _element$querySelecto = element.querySelectorAll('.k-btn'), info = _element$querySelecto[0], success = _element$querySelecto[1], error = _element$querySelecto[2], warning = _element$querySelecto[3];
-
-            test = /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(element, className) {
-                var content;
-                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        element.click();
-                        _context2.next = 3;
-                        return wait();
-
-                      case 3:
-                        content = getElement('.k-tooltip-content');
-                        expect(content.querySelector('.k-popover-icon').classList.contains(className)).eql(true);
-
-                      case 5:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function test(_x, _x2) {
-                return _ref3.apply(this, arguments);
-              };
-            }();
-
-            _context3.next = 5;
-            return test(info, 'k-icon-information-fill');
-
-          case 5:
-            _context3.next = 7;
-            return test(success, 'k-icon-success-fill');
-
-          case 7:
-            _context3.next = 9;
-            return test(error, 'k-icon-error-fill');
-
-          case 9:
-            _context3.next = 11;
-            return test(warning, 'k-icon-warning-fill');
-
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount2 = mount(TypeDemo), instance = _mount2[0], element = _mount2[1];
+          _element$querySelecto = element.querySelectorAll('.k-btn'), info = _element$querySelecto[0], success = _element$querySelecto[1], error = _element$querySelecto[2], warning = _element$querySelecto[3];
+          test = /*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(element, className) {
+              var content;
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    element.click();
+                    _context2.next = 3;
+                    return wait();
+                  case 3:
+                    content = getElement('.k-tooltip-content');
+                    expect(content.querySelector('.k-popover-icon').classList.contains(className)).eql(true);
+                  case 5:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function test(_x, _x2) {
+              return _ref3.apply(this, arguments);
+            };
+          }();
+          _context3.next = 5;
+          return test(info, 'k-icon-information-fill');
+        case 5:
+          _context3.next = 7;
+          return test(success, 'k-icon-success-fill');
+        case 7:
+          _context3.next = 9;
+          return test(error, 'k-icon-error-fill');
+        case 9:
+          _context3.next = 11;
+          return test(warning, 'k-icon-warning-fill');
+        case 11:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('should handle title/content slot correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount3, instance, element, content;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _mount3 = mount(ContentDemo), instance = _mount3[0], element = _mount3[1];
-            dispatchEvent(element.children[0], 'click');
-            _context4.next = 4;
-            return wait();
-
-          case 4:
-            content = getElement('.k-tooltip-content');
-            expect(content.querySelector('.k-popover-title')).to.matchSnapshot();
-            expect(content.querySelector('.k-popover-content')).to.matchSnapshot();
-
-          case 7:
-          case "end":
-            return _context4.stop();
-        }
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _mount3 = mount(ContentDemo), instance = _mount3[0], element = _mount3[1];
+          dispatchEvent(element.children[0], 'click');
+          _context4.next = 4;
+          return wait();
+        case 4:
+          content = getElement('.k-tooltip-content');
+          expect(content.querySelector('.k-popover-title')).to.matchSnapshot();
+          expect(content.querySelector('.k-popover-content')).to.matchSnapshot();
+        case 7:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })));
   it('should handle text props correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount4, instance, element, content, btns;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _mount4 = mount(TextDemo), instance = _mount4[0], element = _mount4[1];
-            dispatchEvent(element.children[0], 'click');
-            _context5.next = 4;
-            return wait();
-
-          case 4:
-            content = getElement('.k-tooltip-content');
-            btns = content.querySelectorAll('.k-btn');
-            expect(btns[0].textContent).eql('cancel');
-            expect(btns[1].textContent).eql('confirm');
-
-          case 8:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _mount4 = mount(TextDemo), instance = _mount4[0], element = _mount4[1];
+          dispatchEvent(element.children[0], 'click');
+          _context5.next = 4;
+          return wait();
+        case 4:
+          content = getElement('.k-tooltip-content');
+          btns = content.querySelectorAll('.k-btn');
+          expect(btns[0].textContent).eql('cancel');
+          expect(btns[1].textContent).eql('confirm');
+        case 8:
+        case "end":
+          return _context5.stop();
       }
     }, _callee5);
   })));
   it('should handle footer slot correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount5, instance, element, content;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _mount5 = mount(ButtonDemo), instance = _mount5[0], element = _mount5[1];
-            dispatchEvent(element.children[0], 'click');
-            _context6.next = 4;
-            return wait();
-
-          case 4:
-            content = getElement('.k-tooltip-content');
-            expect(content.querySelector('.k-tooltip-footer').outerHTML).to.matchSnapshot();
-
-          case 6:
-          case "end":
-            return _context6.stop();
-        }
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _mount5 = mount(ButtonDemo), instance = _mount5[0], element = _mount5[1];
+          dispatchEvent(element.children[0], 'click');
+          _context6.next = 4;
+          return wait();
+        case 4:
+          content = getElement('.k-tooltip-content');
+          expect(content.querySelector('.k-tooltip-footer').outerHTML).to.matchSnapshot();
+        case 6:
+        case "end":
+          return _context6.stop();
       }
     }, _callee6);
   })));

package/components/popover/styles.js

@@ -20,7 +20,7 @@ setDefault(function () {
   popover = deepDefaults(theme, {
     popover: defaults
   }).popover;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("&.", k, "-tooltip-content.", k, "-popover{width:", popover.width, ";padding:", popover.padding, ";.", k, "-popover-title{display:flex;align-items:center;font-size:", popover.title.fontSize, ";line-height:", popover.title.lineHeight, ";font-weight:", popover.title.fontWeight, ";}.", k, "-popover-icon{margin-right:", popover.gap, ";}.", k, "-popover-content{margin-top:", popover.gap, ";}.", k, "-tooltip-footer{text-align:right;}&.", k, "-small{padding:", popover.padding, ";width:", popover.small.width, ";}}");

package/components/portal.d.ts

@@ -2,7 +2,7 @@ import { Component, VNodeComponentClass, IntactDom, TypeDefs } from 'intact-reac
 export interface PortalProps {
     container?: Container;
 }
-export declare type Container = string | ((parentDom: Element, anchor: IntactDom | null) => Element);
+export type Container = string | ((parentDom: Element, anchor: IntactDom | null) => Element);
 export declare class Portal<T extends PortalProps = PortalProps> extends Component<T> {
     static template(this: Portal): import('intact-react').VNodeTextElement;
     static typeDefs: Required<TypeDefs<PortalProps>>;