@king-design/intact 2.0.14 → 2.0.15

package/es/components/dialog/index.spec.js

@@ -7,7 +7,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { var _context16; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context16 = Object.prototype.toString.call(o)).call(_context16, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray(o, minLen) { var _context18; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context18 = Object.prototype.toString.call(o)).call(_context18, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
@@ -15,8 +15,10 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import { __decorate } from "tslib";
 import { Component } from 'intact';
 import { Dialog, BaseDialog } from './';
+import { bind } from '../utils';
 import { getElement, mount, unmount, dispatchEvent, wait } from '../../test/utils';
 import BasicDemo from '~/components/dialog/demos/basic';
 import AsyncCloseDemo from '~/components/dialog/demos/asyncClose';
@@ -590,6 +592,64 @@ describe('Dialog', function () {
         }
       }
     }, _callee12);
+  })));
+  it('should remove body style when destroy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+    var Demo, _mount13, instance, element;
+
+    return _regeneratorRuntime.wrap(function _callee13$(_context17) {
+      while (1) {
+        switch (_context17.prev = _context17.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component4) {
+              _inheritsLoose(Demo, _Component4);
+
+              function Demo() {
+                var _context16;
+
+                var _this4;
+
+                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                  args[_key4] = arguments[_key4];
+                }
+
+                _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
+                _this4.Dialog = Dialog;
+                return _this4;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  show: true
+                };
+              };
+
+              var _proto = Demo.prototype;
+
+              _proto.onClose = function onClose() {
+                this.set('show', false);
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                var Dialog = this.Dialog;\n                <div>\n                    <Dialog v-if={this.get('show')}\n                        value={this.get('show')}\n                        ev-close={this.onClose}\n                        ref=\"dialog\"\n                    >test</Dialog>\n                </div>\n            ";
+
+            __decorate([bind], Demo.prototype, "onClose", null);
+
+            _mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
+            instance.refs.dialog.close();
+            _context17.next = 7;
+            return wait();
+
+          case 7:
+            expect(document.body.getAttribute('style')).to.be.null;
+
+          case 8:
+          case "end":
+            return _context17.stop();
+        }
+      }
+    }, _callee13);
   }))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
   // const Test = {
   // template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,

package/es/components/dialog/staticMethods.d.ts

@@ -1,11 +1,13 @@
-import { VNode } from 'intact';
 import type { Dialog, DialogProps } from './';
 export interface AlertDialogProps extends DialogProps {
-    content?: string | VNode;
+    content?: string | object;
     type?: 'success' | 'warning' | 'error' | 'confirm';
     hideIcon?: boolean;
     hideFooter?: boolean;
     ref?: (i: Dialog) => void;
+    className?: string;
+    iconClassName?: string;
+    icon?: object;
 }
 export declare type StaticMethod = (options?: AlertDialogProps) => Promise<void>;
 export declare function addStaticMethods(Component: typeof Dialog): void;

package/es/components/dialog/staticMethods.js

@@ -29,6 +29,22 @@ export function addStaticMethods(Component) {
       options = {};
     }
 
+    var normalize = Component.normalize;
+
+    if (normalize) {
+      if (options.content) {
+        options = _extends({}, options, {
+          content: normalize(options.content)
+        });
+      }
+
+      if (options.icon) {
+        options = _extends({}, options, {
+          icon: normalize(options.icon)
+        });
+      }
+    }
+
     var dialog = new AlertDialog(options);
     dialog.show();
     if (options.ref) options.ref(dialog);

package/es/components/dialog/useFixBody.js

@@ -11,7 +11,9 @@ export function useFixBody(elementRef) {
   instance.on(SHOW, onEnter);
   instance.on('afterClose', onAfterLeave);
   onBeforeUnmount(function () {
-    if (fixedBody && instance.get('value')) {
+    // should also remove body style when dialog is removed, #805
+    // if (fixedBody && instance.get('value')) {
+    if (fixedBody) {
       // maybe HIDE event has not triggered
       onClosed(instance);
     }

package/es/components/pagination/index.d.ts

@@ -13,6 +13,8 @@ export interface PaginationProps {
     showTotal?: boolean;
     showGoto?: boolean;
     showLimits?: boolean;
+    disableBtn?: (page: number, limit: number) => boolean;
+    disablePage?: (page: number, limit: number) => boolean;
 }
 export interface PaginationEvents {
     change: [PaginationChangeData];

package/es/components/pagination/index.js

@@ -16,7 +16,9 @@ var typeDefs = {
   simple: Boolean,
   showTotal: Boolean,
   showGoto: Boolean,
-  showLimits: Boolean
+  showLimits: Boolean,
+  disableBtn: Function,
+  disablePage: Function
 };
 
 var defaults = function defaults() {
@@ -141,7 +143,16 @@ export var Pagination = /*#__PURE__*/function (_Component) {
   };
 
   _proto.goto = function goto(e) {
+    var _this$get4 = this.get(),
+        disablePage = _this$get4.disablePage,
+        limit = _this$get4.limit;
+
     var value = parseInt(e.target.value) || 1;
+
+    if (disablePage && disablePage(value, limit)) {
+      return;
+    }
+
     this.changePage(value);
   };
 

package/es/components/pagination/index.spec.js

@@ -3,6 +3,7 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import BasicDemo from '~/components/pagination/demos/basic';
 import GotoDemo from '~/components/pagination/demos/goto';
 import CurrentDemo from '~/components/pagination/demos/current';
+import DisableDemo from '~/components/pagination/demos/disable';
 import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
 describe('Pagination', function () {
   afterEach(function () {
@@ -141,4 +142,31 @@ describe('Pagination', function () {
       }
     }, _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();
+        }
+      }
+    }, _callee4);
+  })));
 });

package/es/components/pagination/index.vdt.js

@@ -32,7 +32,9 @@ export default function ($props, $blocks, $__proto__) {
       value = _this$get.value,
       limit = _this$get.limit,
       limits = _this$get.limits,
-      showLimits = _this$get.showLimits;
+      showLimits = _this$get.showLimits,
+      disableBtn = _this$get.disableBtn,
+      disablePage = _this$get.disablePage;
 
   if (!total) return _$ccv(' pagination ');
   var classNameObj = (_classNameObj = {
@@ -47,11 +49,24 @@ export default function ($props, $blocks, $__proto__) {
   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,
       'icon': true,
       'value': page,
+      'disabled': disabled,
       'children': page
     });
   };
@@ -131,14 +146,14 @@ export default function ($props, $blocks, $__proto__) {
       'icon': true,
       'size': size,
       'type': type,
-      'disabled': value <= 1,
+      'disabled': value <= 1 || !!(disablePage && disablePage(value - 1, limit)),
       'ev-click': this.prev,
       'children': _$cc(Icon, _$tmp0)
     }), paginationItems, _$cc(Button, {
       'icon': true,
       'size': size,
       'type': type,
-      'disabled': value >= totalPages,
+      'disabled': value >= totalPages || !!(disablePage && disablePage(value + 1, limit)),
       'ev-click': this.next,
       'children': _$cc(Icon, _$tmp1)
     })],

package/es/components/pagination/styles.js

@@ -55,7 +55,7 @@ setDefault(function () {
   }).pagination;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", pagination.fontSize, ";.k-pagination-limits,.k-pagination-goto,.k-pagination-total{margin-left:", pagination.gap, ";display:inline-block;vertical-align:middle;}.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, ";&: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-select{width:auto;}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("font-size:", pagination.fontSize, ";.k-pagination-limits,.k-pagination-goto,.k-pagination-total{margin-left:", pagination.gap, ";display:inline-block;vertical-align:middle;}.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, ";&: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) {
     var styles = pagination[size];
     var btnStyles = button[size];
     return /*#__PURE__*/css("&.k-", size, "{font-size:", styles.fontSize, ";.k-btn{margin-right:", styles.btnGap, ";min-width:", btnStyles.height, ";.k-icon{font-size:", styles.iconFontSize, ";}}}");

package/es/components/portal.js

@@ -60,25 +60,37 @@ export var Portal = /*#__PURE__*/function (_Component) {
   };
 
   _proto.$update = function $update(lastVNode, nextVNode, parentDom, anchor, mountedQueue, force) {
+    var _this3 = this;
+
     // update container if it has changed
     var lastProps = lastVNode.props;
     var nextProps = nextVNode.props;
-    var lastContainer = this.container;
 
-    if (lastProps.container !== nextProps.container) {
-      this.initContainer(nextProps.container, parentDom, anchor);
-    }
+    var update = function update() {
+      var lastContainer = _this3.container;
+
+      if (lastProps.container !== nextProps.container) {
+        _this3.initContainer(nextProps.container, parentDom, anchor);
+      }
+
+      var nextContainer = _this3.container;
 
-    var nextContainer = this.container;
+      if (lastContainer === nextContainer) {
+        patch(lastProps.children, nextProps.children, nextContainer, _this3, _this3.$SVG, anchor, mountedQueue, false);
+      } else {
+        remove(lastProps.children, lastContainer, false);
+        mount(nextProps.children, nextContainer, _this3, _this3.$SVG, anchor, mountedQueue);
+      }
+
+      _Component.prototype.$update.call(_this3, lastVNode, nextVNode, parentDom, anchor, mountedQueue, force);
+    };
 
-    if (lastContainer === nextContainer) {
-      patch(lastProps.children, nextProps.children, nextContainer, this, this.$SVG, anchor, mountedQueue, false);
+    if (!this.container) {
+      // in react, sometimes $update will be called before mountedQueue in $render
+      mountedQueue.push(update);
     } else {
-      remove(lastProps.children, lastContainer, false);
-      mount(nextProps.children, nextContainer, this, this.$SVG, anchor, mountedQueue);
+      update();
     }
-
-    _Component.prototype.$update.call(this, lastVNode, nextVNode, parentDom, anchor, mountedQueue, force);
   };
 
   _proto.$unmount = function $unmount(vNode, nextVNode) {

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.14
+ * @king-design v2.0.15
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.14";
+export declare const version = "2.0.15";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.14
+ * @king-design v2.0.15
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.14';
+export var version = '2.0.15';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/es/packages/kpc-react/__tests__/components/dialog.spec.js

@@ -0,0 +1,45 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Dialog, Icon } from '../../';
+import { getElement, wait } from '../../../../test/utils';
+describe('Dialog', function () {
+  var container;
+  beforeEach(function () {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+  afterEach(function () {
+    ReactDOM.unmountComponentAtNode(container);
+    document.body.removeChild(container);
+  });
+  it('should render vNode as content', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            Dialog.confirm({
+              content: /*#__PURE__*/React.createElement("div", null, "test"),
+              className: 'confirm-test',
+              icon: /*#__PURE__*/React.createElement(Icon, {
+                className: "test"
+              })
+            });
+            _context.next = 3;
+            return wait(100);
+
+          case 3:
+            expect(getElement('.confirm-test').innerHTML).to.matchSnapshot();
+            getElement('.confirm-test .k-primary').click();
+            _context.next = 7;
+            return wait(600);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});

package/es/packages/kpc-react/__tests__/components/drawer.spec.js

@@ -1,9 +1,9 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import * as ReactDOM from 'react-dom';
-import { Drawer, Card, Button } from '../../';
+import { Drawer, Card, Button, Select, Option } from '../../';
 import { Component } from 'intact-react';
 import { wait, dispatchEvent } from '../../../../test/utils';
 describe('Drawer', function () {
@@ -134,4 +134,44 @@ describe('Drawer', function () {
       }
     }, _callee2);
   })));
+  it('$update call before mountedQueue in $receive', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var App;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            App = function _App2() {
+              var _useState2 = useState(false),
+                  state = _useState2[0],
+                  setState = _useState2[1];
+
+              useEffect(function () {
+                setState(true);
+              }, []);
+              return /*#__PURE__*/React.createElement(Drawer, {
+                value: true,
+                mode: "destroy"
+              }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", null, "react element"), /*#__PURE__*/React.createElement(Select, {
+                container: function container(parentElement) {
+                  return parentElement.closest('.k-dialog-body');
+                }
+              }, state ? /*#__PURE__*/React.createElement(Option, {
+                value: "1"
+              }, "1") : null))));
+            };
+
+            ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
+            _context3.next = 4;
+            return wait();
+
+          case 4:
+            expect(document.querySelector('.k-dialog-body .k-select-menu').textContent).to.eql('1');
+
+          case 5:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })));
 });

package/es/site/data/components/icon/demos/icons/index.d.ts

@@ -0,0 +1,9 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        fonts: string[];
+    };
+}

package/es/site/data/components/icon/demos/icons/index.js

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/icon/demos/icons/react.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        fonts: string[];
+    };
+    private classNames;
+    render(): JSX.Element;
+}

package/es/site/data/components/icon/demos/icons/react.js

@@ -0,0 +1,63 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import React from 'react';
+import { Icon } from '@king-design/react';
+import './index.styl';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.classNames = function classNames(_classNames) {
+    if (typeof _classNames === 'string') return _classNames;
+    var ret = [];
+
+    for (var key in _classNames) {
+      var value = _classNames[key];
+
+      if (value) {
+        ret.push(key);
+      }
+    }
+
+    return ret.join(' ');
+  };
+
+  _proto.render = function render() {
+    var _context2,
+        _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "icons"
+    }, _mapInstanceProperty(_context2 = this.state.fonts).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "icon"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: _this2.classNames('k-icon-' + $value),
+        size: "large"
+      }), /*#__PURE__*/React.createElement("div", null, 'k-icon-' + $value));
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/pagination/demos/disable/index.d.ts

@@ -0,0 +1,16 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    value1?: number;
+    value2?: number;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        value1: number;
+        value2: number;
+    };
+    disableBtn(page: number, limit: number): boolean;
+    disablePage(page: number, limit: number): boolean;
+}

package/es/site/data/components/pagination/demos/disable/index.js

@@ -0,0 +1,35 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      value1: 10,
+      value2: 10
+    };
+  };
+
+  var _proto = default_1.prototype;
+
+  _proto.disableBtn = function disableBtn(page, limit) {
+    return page > 10;
+  };
+
+  _proto.disablePage = function disablePage(page, limit) {
+    return page > 10;
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/pagination/demos/disable/react.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    value1?: number;
+    value2?: number;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        value1: number;
+        value2: number;
+    };
+    disableBtn(page: number, limit: number): boolean;
+    disablePage(page: number, limit: number): boolean;
+    render(): JSX.Element;
+}
+export {};