@king-design/intact 2.0.14 → 2.0.16

package/es/components/table/useGroup.d.ts

@@ -1,3 +1,4 @@
+import type { TableColumnGroupItem } from './column';
 declare type ContextValue = {
     groupValue: any;
     onChange: (key: string, groupValue: any) => void;
@@ -10,5 +11,7 @@ export declare function useGroup(): {
     onSelect: (value: any, groupValue: any, onChange: ContextValue['onChange']) => void;
     isChecked: (value: any, groupValue: any) => any;
     getGroupText: (groupValue: any) => string | null;
+    keywords: import("../../hooks/useState").State<string>;
+    filteredGroup: import("../../hooks/useState").State<TableColumnGroupItem[] | undefined>;
 };
 export {};

package/es/components/table/useGroup.js

@@ -1,13 +1,17 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import { useInstance } from 'intact';
 import { isNullOrUndefined } from 'intact-shared';
 import { toggleArray } from '../utils';
 import { createContext } from '../context';
+import { useState, watchState } from '../../hooks/useState';
 export var context = createContext();
 export function useGroup() {
   var instance = useInstance();
+  var keywords = useState('');
+  var filteredGroup = useState(instance.get('group'));
 
   function onSelect(value, groupValue, onChange) {
     var _instance$get = instance.get(),
@@ -60,9 +64,28 @@ export function useGroup() {
     return null;
   }
 
+  watchState(keywords, function (v) {
+    var _instance$get4 = instance.get(),
+        _instance$get4$group = _instance$get4.group,
+        group = _instance$get4$group === void 0 ? [] : _instance$get4$group;
+
+    v = _trimInstanceProperty(v).call(v);
+
+    if (!v) {
+      filteredGroup.set(group);
+    } else {
+      filteredGroup.set(_filterInstanceProperty(group).call(group, function (item) {
+        var _context2, _context3;
+
+        return _includesInstanceProperty(_context2 = String(item.label)).call(_context2, v) || _includesInstanceProperty(_context3 = String(item.value)).call(_context3, v);
+      }));
+    }
+  });
   return {
     onSelect: onSelect,
     isChecked: isChecked,
-    getGroupText: getGroupText
+    getGroupText: getGroupText,
+    keywords: keywords,
+    filteredGroup: filteredGroup
   };
 }

package/es/components/table/useSortable.d.ts

@@ -3,5 +3,7 @@ export declare const context: {
     Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };
 export declare function useSortable(): {
-    onChange: (key: string) => void;
+    onChange: (key: string, event: Event & {
+        _ignoreSortable?: boolean;
+    }) => void;
 };

package/es/components/table/useSortable.js

@@ -8,7 +8,10 @@ export function useSortable() {
 
   var count = 0;
 
-  function onChange(key) {
+  function onChange(key, event) {
+    // ignore when click group dropdown menu
+    if (event._ignoreSortable) return;
+
     var sort = _extends({}, instance.get('sort'));
 
     if (sort.key === key) {

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.14
+ * @king-design v2.0.16
  *
  * 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.16";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.14
+ * @king-design v2.0.16
  *
  * 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.16';
 /* 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/menu/demos/collapse/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("misstime").Key>;
+    private __test;
+    setTheme(theme?: string): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+export default class Demo extends React.Component {
+    state: MenuProps<import("misstime").Key>;
+    render(): JSX.Element;
+}

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 {};

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

@@ -0,0 +1,65 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Pagination } 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 = {
+      value1: 10,
+      value2: 10
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.disableBtn = function disableBtn(page, limit) {
+    return page > 10;
+  };
+
+  _proto.disablePage = function disablePage(page, limit) {
+    return page > 10;
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Pagination, {
+      value: this.state.value1,
+      onChangeValue: function onChangeValue(value1) {
+        return _this2.setState({
+          value1: value1
+        });
+      },
+      total: 200,
+      disableBtn: this.disableBtn
+    }), /*#__PURE__*/React.createElement(Pagination, {
+      value: this.state.value2,
+      onChangeValue: function onChangeValue(value2) {
+        return _this2.setState({
+          value2: value2
+        });
+      },
+      total: 200,
+      showGoto: true,
+      disablePage: this.disablePage
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/select/demos/basic/react.js

@@ -37,8 +37,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         return _this2.setState({
           day: day
         });
-      },
-      show: true
+      }
     }, /*#__PURE__*/React.createElement(Option, {
       value: "Monday"
     }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.14
+ * @king-design v2.0.16
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.14';
+export const version = '2.0.16';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -116,7 +116,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.14",
+    "intact-react": "^3.0.16",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -178,7 +178,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.13",
+    "intact": "^3.0.16",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",