@king-design/intact 2.0.17-beta.0 → 2.1.1

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.17-beta.0
+ * @king-design v2.1.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -9,7 +9,7 @@
  */
 export { _$, localize } from './i18n';
 export { bind } from './components/utils';
-export { setTheme } from './styles/theme';
+export { setTheme, theme } from './styles/theme';
 export * from './components/affix';
 export * from './components/badge';
 export * from './components/breadcrumb';
@@ -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.17-beta.0";
+export declare const version = "2.1.1";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.17-beta.0
+ * @king-design v2.1.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -9,7 +9,7 @@
  */
 export { _$, localize } from './i18n';
 export { bind } from './components/utils';
-export { setTheme } from './styles/theme';
+export { setTheme, theme } from './styles/theme';
 /* generate start */
 
 export * from './components/affix';
@@ -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.17-beta.0';
+export var version = '2.1.1';
 /* generate end */

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

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

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

@@ -0,0 +1,79 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useState } from 'react';
+import * as ReactDOM from 'react-dom';
+import { Cascader } from '../../';
+import { getElement, wait } from '../../../../test/utils';
+describe('Cascader', function () {
+  var container;
+  beforeEach(function () {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+  afterEach(function () {
+    ReactDOM.unmountComponentAtNode(container);
+    document.body.removeChild(container);
+  });
+  it('should hide all menu on selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var App, select, dropdown1, _dropdown1$querySelec, item1, dropdown2, _dropdown2$querySelec, item11;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            App = function _App() {
+              var _useState = useState([]),
+                  value = _useState[0],
+                  setValue = _useState[1];
+
+              return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Cascader, {
+                data: [{
+                  value: 'a',
+                  label: 'a',
+                  children: [{
+                    value: 'b',
+                    label: 'b'
+                  }]
+                }],
+                value: value,
+                multiple: true,
+                filterable: true,
+                onChangeValue: function onChangeValue(v) {
+                  setValue(v);
+                }
+              }));
+            };
+
+            ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
+            select = container.querySelector('.k-cascader');
+            select.click();
+            _context.next = 6;
+            return wait();
+
+          case 6:
+            dropdown1 = getElement('.k-cascader-menu');
+            _dropdown1$querySelec = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec[0];
+            item1.click();
+            _context.next = 11;
+            return wait();
+
+          case 11:
+            dropdown2 = getElement('.k-cascader-menu');
+            _dropdown2$querySelec = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec[0];
+            item11.click();
+            _context.next = 16;
+            return wait(500);
+
+          case 16:
+            // should hide all menu
+            expect(dropdown1.style.display).to.eql('none');
+            expect(dropdown2.style.display).to.eql('none');
+
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});

package/es/site/data/components/input/demos/autoRows/index.d.ts

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

package/es/site/data/components/input/demos/autoRows/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';
+
+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: '',
+      value2: ''
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/input/demos/autoRows/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        value1: string;
+        value2: string;
+    };
+    render(): JSX.Element;
+}

package/es/site/data/components/input/demos/autoRows/react.js

@@ -0,0 +1,62 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Input } from '@king-design/react';
+
+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: '',
+      value2: ''
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      value: this.state.value1,
+      onChangeValue: function onChangeValue(value1) {
+        return _this2.setState({
+          value1: value1
+        });
+      },
+      type: "textarea",
+      placeholder: "please enter",
+      fluid: true,
+      rows: "auto"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: this.state.value2,
+      onChangeValue: function onChangeValue(value2) {
+        return _this2.setState({
+          value2: value2
+        });
+      },
+      type: "textarea",
+      placeholder: "please enter",
+      fluid: true,
+      rows: {
+        min: 3,
+        max: 5
+      }
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/password/index.d.ts

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

package/es/site/data/components/input/demos/password/index.js

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/input/demos/password/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    private __demo;
+    render(): JSX.Element;
+}

package/es/site/data/components/input/demos/password/react.js

@@ -0,0 +1,41 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Input } from '@king-design/react';
+
+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.__demo = void 0;
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(Input, {
+      placeholder: "password",
+      type: "password",
+      showPassword: true,
+      ref: function ref(i) {
+        return _this2.__demo = i;
+      }
+    });
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/textarea/react.js

@@ -14,11 +14,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
       type: "textarea",
-      placeholder: "please enter"
+      placeholder: "please enter",
+      fluid: true
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       type: "textarea",
       rows: "5",
-      placeholder: "please enter"
+      placeholder: "please enter",
+      fluid: true
     }));
   };
 

package/es/site/data/components/menu/demos/collapse/index.js

@@ -16,7 +16,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
   };

package/es/site/data/components/menu/demos/collapse/react.js

@@ -21,7 +21,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
     _this.__test = void 0;

package/es/site/data/components/table/demos/hideHeader/index.d.ts

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

package/es/site/data/components/table/demos/hideHeader/index.js

@@ -0,0 +1,30 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+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 {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2'
+      }],
+      hideHeader: true
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/table/demos/hideHeader/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        data: {
+            a: string;
+            b: string;
+        }[];
+        hideHeader: boolean;
+    };
+    render(): JSX.Element;
+}

package/es/site/data/components/table/demos/hideHeader/react.js

@@ -0,0 +1,60 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Table, TableColumn, Switch } from '@king-design/react';
+
+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 = {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2'
+      }],
+      hideHeader: true
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "hideHeader: ", /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.hideHeader,
+      onChangeValue: function onChangeValue(hideHeader) {
+        return _this2.setState({
+          hideHeader: hideHeader
+        });
+      }
+    })), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      resizable: true,
+      hideHeader: this.state.hideHeader
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2"
+    })));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -0,0 +1,12 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+declare type DataItem = {
+    name: string;
+    ip: string;
+};
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: DataItem[];
+    };
+}

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

@@ -0,0 +1,35 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+
+var _context;
+
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { range } from 'kpc/components/utils';
+
+var data = _mapInstanceProperty(_context = range(1, 20)).call(_context, function (item) {
+  return {
+    name: 'name ' + item,
+    ip: '127.0.0.' + item
+  };
+});
+
+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 {
+      data: data
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Props {
+    data: DataItem[];
+}
+declare type DataItem = {
+    name: string;
+    ip: string;
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: DataItem[];
+    };
+    private table;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,65 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+
+var _context;
+
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Table, TableColumn } from '@king-design/react';
+import { range } from '@king-design/react/components/utils';
+
+var data = _mapInstanceProperty(_context = range(1, 20)).call(_context, function (item) {
+  return {
+    name: 'name ' + item,
+    ip: '127.0.0.' + item
+  };
+});
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context2;
+
+    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(_context2 = [this]).call(_context2, args)) || this;
+    _this.state = {
+      data: data
+    };
+    _this.table = void 0;
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      pagination: true,
+      ref: function ref(i) {
+        return _this2.table = i;
+      },
+      draggable: true,
+      rowKey: function rowKey(item) {
+        return item.name;
+      }
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      title: "Name",
+      key: "name"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      title: "IP",
+      key: "ip"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };