@king-design/intact 3.5.0-beta.0 → 3.5.0

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

@@ -0,0 +1,114 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Table, TableColumn } from '@king-design/react';
+import './index.styl';
+import { bind } from '@king-design/react/components/utils';
+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: [],
+      variableHeightData: []
+    };
+    _this.table = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var arr = [];
+    for (var index = 0; index < 10000; index++) {
+      arr.push({
+        a: "Cell " + index + "-1",
+        b: "Cell " + index + "-2"
+      });
+    }
+    this.setState({
+      data: arr
+    });
+    var generateTreeData = function generateTreeData(count) {
+      var result = [];
+      var _loop = function _loop(i) {
+        var hasChildren = Math.random() > 0.5;
+        var node = {
+          name: "Node-" + i,
+          key: "node-" + i,
+          size: Math.floor(Math.random() * 100)
+        };
+        if (hasChildren) {
+          node.children = _Array$from({
+            length: 2
+          }, function (_, j) {
+            return {
+              name: "Node-" + i + "-" + j,
+              key: "node-" + i + "-" + j,
+              size: Math.floor(Math.random() * 100),
+              children: Math.random() > 0.5 ? [{
+                name: "Node-" + i + "-" + j + "-0",
+                key: "node-" + i + "-" + j + "-0",
+                size: Math.floor(Math.random() * 100)
+              }] : undefined
+            };
+          });
+        }
+        result.push(node);
+      };
+      for (var i = 0; i < count; i++) {
+        _loop(i);
+      }
+      return result;
+    };
+    var data = generateTreeData(10000);
+    this.setState({
+      variableHeightData: data
+    });
+  };
+  _proto.scrollToRowByKey = function scrollToRowByKey() {
+    this.table.scrollToRowByKey('Node-400');
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "\u8868\u683C"), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      virtual: true,
+      fixHeader: "400"
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      minWidth: 200
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      minWidth: 300
+    })), /*#__PURE__*/React.createElement("h4", null, "\u6811\u5F62\u8868\u683C"), /*#__PURE__*/React.createElement(Table, {
+      ref: function ref(i) {
+        return _this2.table = i;
+      },
+      data: this.state.variableHeightData,
+      virtual: true,
+      rowKey: function rowKey(data) {
+        return data.name;
+      },
+      fixHeader: "400"
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "name",
+      title: "Title 1",
+      minWidth: 200
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "size",
+      title: "Title 2",
+      minWidth: 300
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "scrollToRowByKey", null);

package/es/site/data/components/virtualList/demos/basic/index.d.ts

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

package/es/site/data/components/virtualList/demos/basic/index.js

@@ -0,0 +1,42 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _repeatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/repeat";
+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 {
+      data: [],
+      variableHeightData: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.init = function init() {
+    var arr = [];
+    var variableHeightData = [];
+    for (var index = 0; index < 10000; index++) {
+      var _context;
+      arr.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+      var repeatPart = _repeatInstanceProperty(_context = '行内容').call(_context, Math.floor(Math.random() * 5) + 1);
+      variableHeightData.push({
+        value: index,
+        label: "\u4E0D\u5B9A\u9AD8\u5EA6\u9879 " + index + "\n" + repeatPart
+      });
+    }
+    this.set({
+      data: arr,
+      variableHeightData: variableHeightData
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/virtualList/demos/basic/react.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    data: any[];
+    variableHeightData: any[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,67 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _repeatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/repeat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import React from 'react';
+import { VirtualList } 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 = {
+      data: [],
+      variableHeightData: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var arr = [];
+    var variableHeightData = [];
+    for (var index = 0; index < 10000; index++) {
+      var _context2;
+      arr.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+      var repeatPart = _repeatInstanceProperty(_context2 = '行内容').call(_context2, Math.floor(Math.random() * 5) + 1);
+      variableHeightData.push({
+        value: index,
+        label: "\u4E0D\u5B9A\u9AD8\u5EA6\u9879 " + index + "\n" + repeatPart
+      });
+    }
+    this.setState({
+      data: arr,
+      variableHeightData: variableHeightData
+    });
+  };
+  _proto.render = function render() {
+    var _context3, _context4;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "1. \u5B9A\u9AD8\u5143\u7D20"), /*#__PURE__*/React.createElement(VirtualList, {
+      style: {
+        "height": "450px"
+      }
+    }, _mapInstanceProperty(_context3 = this.state.data).call(_context3, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "fixed-height-item"
+      }, $value.label);
+    })), /*#__PURE__*/React.createElement("h3", null, "2. \u4E0D\u5B9A\u9AD8\u5143\u7D20"), /*#__PURE__*/React.createElement(VirtualList, {
+      style: {
+        "width": "200px",
+        "height": "450px"
+      }
+    }, _mapInstanceProperty(_context4 = this.state.variableHeightData).call(_context4, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "variable-height-item"
+      }, $value.label);
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/virtualList/demos/combined/index.d.ts

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

package/es/site/data/components/virtualList/demos/combined/index.js

@@ -0,0 +1,32 @@
+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 {
+      data: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.init = function init() {
+    var arr = [];
+    for (var index = 0; index < 10000; index++) {
+      arr.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+    }
+    this.set({
+      data: arr
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/virtualList/demos/combined/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    data: any[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/virtualList/demos/combined/react.js

@@ -0,0 +1,50 @@
+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 { VirtualListContainer, VirtualListWrapper, VirtualListPhantom, VirtualListRows } 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 = {
+      data: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var arr = [];
+    for (var index = 0; index < 10000; index++) {
+      arr.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+    }
+    this.setState({
+      data: arr
+    });
+  };
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        "height": "460px"
+      }
+    }, /*#__PURE__*/React.createElement(VirtualListContainer, null, /*#__PURE__*/React.createElement(VirtualListPhantom, null), /*#__PURE__*/React.createElement(VirtualListWrapper, {
+      tagName: "ul"
+    }, /*#__PURE__*/React.createElement(VirtualListRows, null, _mapInstanceProperty(_context2 = this.state.data).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("li", {
+        className: "fixed-height-item"
+      }, $value.label);
+    })))));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/virtualList/demos/delete/index.d.ts

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

package/es/site/data/components/virtualList/demos/delete/index.js

@@ -0,0 +1,51 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+import { bind } from 'kpc/components/utils';
+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: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.init = function init() {
+    var newData = [];
+    var variableHeightData = [];
+    for (var index = 0; index < 10000; index++) {
+      newData.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+    }
+    this.set({
+      data: newData
+    });
+  };
+  _proto.removeItems = function removeItems() {
+    var _context;
+    var data = _sliceInstanceProperty(_context = this.get('data')).call(_context);
+    _spliceInstanceProperty(data).call(data, 0, 5);
+    this.set('data', data);
+  };
+  _proto.removeLastItems = function removeLastItems() {
+    var _context2;
+    var data = _sliceInstanceProperty(_context2 = this.get('data')).call(_context2);
+    _spliceInstanceProperty(data).call(data, data.length - 5);
+    this.set('data', data);
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "removeItems", null);
+__decorate([bind], default_1.prototype, "removeLastItems", null);

package/es/site/data/components/virtualList/demos/delete/react.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    data: any[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    componentDidMount(): void;
+    removeItems(): void;
+    removeLastItems(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/virtualList/demos/delete/react.js

@@ -0,0 +1,75 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { __decorate } from "tslib";
+import React from 'react';
+import { VirtualList, Button } from '@king-design/react';
+import './index.styl';
+import { bind } from '@king-design/react/components/utils';
+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: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var newData = [];
+    var variableHeightData = [];
+    for (var index = 0; index < 10000; index++) {
+      newData.push({
+        value: index,
+        label: "\u6D4B\u8BD5" + index
+      });
+    }
+    this.setState({
+      data: newData
+    });
+  };
+  _proto.removeItems = function removeItems() {
+    var _context2;
+    var data = _sliceInstanceProperty(_context2 = this.state.data).call(_context2);
+    _spliceInstanceProperty(data).call(data, 0, 5);
+    this.setState({
+      data: data
+    });
+  };
+  _proto.removeLastItems = function removeLastItems() {
+    var _context3;
+    var data = _sliceInstanceProperty(_context3 = this.state.data).call(_context3);
+    _spliceInstanceProperty(data).call(data, data.length - 5);
+    this.setState({
+      data: data
+    });
+  };
+  _proto.render = function render() {
+    var _context4;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.removeItems
+    }, "\u5220\u9664\u524D5\u9879"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.removeLastItems
+    }, "\u5220\u9664\u540E5\u9879"), /*#__PURE__*/React.createElement(VirtualList, {
+      style: {
+        "height": "450px"
+      }
+    }, _mapInstanceProperty(_context4 = this.state.data).call(_context4, function ($value, $key) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "fixed-height-item"
+      }, $value.label);
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "removeItems", null);
+__decorate([bind], Demo.prototype, "removeLastItems", null);

package/es/site/data/components/virtualList/index.d.ts

@@ -0,0 +1,57 @@
+import { Component } from 'intact';
+import Article from '~/../src/components/article';
+export default class extends Article {
+    static sidebar: {
+        组件: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+            path: string;
+        }[];
+        undefined: ({
+            title: string;
+            order: number;
+            sidebar: string;
+            disabled: boolean;
+            path: string;
+        } | {
+            title: string;
+            order: number;
+            sidebar: string;
+            path: string;
+            disabled?: undefined;
+        })[];
+    };
+    static data: {
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+    static defaults: () => {
+        demos: Component<any, {}, {}, {}>[];
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+}

package/es/site/data/components/virtualList/index.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import Article from '~/../src/components/article';
+import data from './index.json';
+import sidebar from '~/doc.json';
+var r = require.context('./', true, /demos.*(index|demo).ts/);
+var keys = _keysInstanceProperty(r).call(r);
+var demos = [];
+for (var i = 0; i < keys.length; i++) {
+  var file = keys[i];
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue;
+  // if we found demo.js then ignore index.js
+  if (/demo.ts$/.test(file)) i++;
+  demos.push(r(file));
+}
+var default_1 = /*#__PURE__*/function (_Article) {
+  _inheritsLoose(default_1, _Article);
+  function default_1() {
+    return _Article.apply(this, arguments) || this;
+  }
+  return default_1;
+}(Article);
+default_1.sidebar = sidebar;
+default_1.data = data;
+default_1.defaults = function () {
+  return _extends({}, Article.defaults, data, {
+    demos: demos
+  });
+};
+export { default_1 as default };

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.0-beta.0
+ * @king-design v3.5.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -67,8 +67,9 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
+export * from './components/virtualList';
 export * from './components/wave';
 
-export const version = '3.5.0-beta.0';
+export const version = '3.5.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.5.0-beta.0",
+  "version": "3.5.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {