@king-design/intact 3.3.1 → 3.3.3

package/es/site/data/components/tree/demos/expandAll/react.js

@@ -0,0 +1,71 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Tree, Button } from '@king-design/react';
+import './index.styl';
+import { bind } 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: [{
+        label: 'First floor-1',
+        children: [{
+          label: 'Second floor-1.1',
+          children: [{
+            label: 'Third floor-1.1.1'
+          }]
+        }]
+      }, {
+        label: 'First floor-2',
+        key: '2',
+        children: [{
+          label: 'Second floor-2.1',
+          children: [{
+            label: 'Third floor-2.1.1',
+            key: '2-1'
+          }, {
+            label: 'Third floor-2.1.2'
+          }]
+        }, {
+          label: 'Second floor-2.2',
+          disabled: true,
+          children: [{
+            label: 'Third floor-2.2.1'
+          }]
+        }]
+      }],
+      delayData: undefined
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.load = function load() {
+    this.setState({
+      delayData: this.state.data
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wrapper"
+    }, /*#__PURE__*/React.createElement(Tree, {
+      defaultExpandAll: true,
+      data: this.state.data
+    }), /*#__PURE__*/React.createElement(Tree, {
+      defaultExpandAll: true,
+      data: this.state.delayData
+    }), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.load
+    }, "\u52A0\u8F7D\u6570\u636E"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "load", null);

package/es/site/data/components/tree/demos/filterable/index.d.ts

@@ -0,0 +1,36 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import { TreeDataItem } from 'kpc';
+interface Props {
+    expandedKeys?: string[];
+    keywords?: string;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        expandedKeys: string[];
+        keywords: string;
+        data: {
+            label: string;
+            key: string;
+            children: ({
+                label: string;
+                key: string;
+                children: {
+                    label: string;
+                    key: string;
+                }[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                key: string;
+                children: {
+                    label: string;
+                    key: string;
+                }[];
+            })[];
+        }[];
+    };
+    filter(data: TreeDataItem<string>): boolean;
+}

package/es/site/data/components/tree/demos/filterable/index.js

@@ -0,0 +1,65 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { bind } from 'kpc';
+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 {
+      expandedKeys: ['2', '2-1'],
+      keywords: '',
+      data: [{
+        label: 'First floor-1',
+        key: '1',
+        children: [{
+          label: 'Second floor-1.1',
+          key: '1-1',
+          children: [{
+            label: 'Third floor-1.1.1',
+            key: '1-1-1'
+          }]
+        }]
+      }, {
+        label: 'First floor-2',
+        key: '2',
+        children: [{
+          label: 'Second floor-2.1',
+          key: '2-1',
+          children: [{
+            label: 'Third floor-2.1.1',
+            key: '2-1-1'
+          }, {
+            label: 'Third floor-2.1.2',
+            key: '2-1-2'
+          }]
+        }, {
+          label: 'Second floor-2.2',
+          disabled: true,
+          key: '2-2',
+          children: [{
+            label: 'Third floor-2.2.1',
+            key: '2-2-1'
+          }]
+        }]
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.filter = function filter(data) {
+    var _context;
+    var keywords = this.get('keywords');
+    if (!keywords) return true;
+    return _includesInstanceProperty(_context = data.label.toLowerCase()).call(_context, _trimInstanceProperty(keywords).call(keywords).toLowerCase());
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "filter", null);

package/es/site/data/components/tree/demos/filterable/react.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { TreeDataItem } from '@king-design/react';
+interface Props {
+    expandedKeys?: string[];
+    keywords?: string;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        expandedKeys: string[];
+        keywords: string;
+        data: {
+            label: string;
+            key: string;
+            children: ({
+                label: string;
+                key: string;
+                children: {
+                    label: string;
+                    key: string;
+                }[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                key: string;
+                children: {
+                    label: string;
+                    key: string;
+                }[];
+            })[];
+        }[];
+    };
+    filter(data: TreeDataItem<string>): boolean;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/tree/demos/filterable/react.js

@@ -0,0 +1,90 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Tree, Input } from '@king-design/react';
+import { bind } 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 = {
+      expandedKeys: ['2', '2-1'],
+      keywords: '',
+      data: [{
+        label: 'First floor-1',
+        key: '1',
+        children: [{
+          label: 'Second floor-1.1',
+          key: '1-1',
+          children: [{
+            label: 'Third floor-1.1.1',
+            key: '1-1-1'
+          }]
+        }]
+      }, {
+        label: 'First floor-2',
+        key: '2',
+        children: [{
+          label: 'Second floor-2.1',
+          key: '2-1',
+          children: [{
+            label: 'Third floor-2.1.1',
+            key: '2-1-1'
+          }, {
+            label: 'Third floor-2.1.2',
+            key: '2-1-2'
+          }]
+        }, {
+          label: 'Second floor-2.2',
+          disabled: true,
+          key: '2-2',
+          children: [{
+            label: 'Third floor-2.2.1',
+            key: '2-2-1'
+          }]
+        }]
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.filter = function filter(data) {
+    var _context2;
+    var keywords = this.state.keywords;
+    if (!keywords) return true;
+    return _includesInstanceProperty(_context2 = data.label.toLowerCase()).call(_context2, _trimInstanceProperty(keywords).call(keywords).toLowerCase());
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      value: this.state.keywords,
+      onChangeValue: function onChangeValue(keywords) {
+        return _this2.setState({
+          keywords: keywords
+        });
+      },
+      placeholder: "Please enter keywords to filter node."
+    }), /*#__PURE__*/React.createElement(Tree, {
+      data: this.state.data,
+      expandedKeys: this.state.expandedKeys,
+      onChangeExpandedKeys: function onChangeExpandedKeys(expandedKeys) {
+        return _this2.setState({
+          expandedKeys: expandedKeys
+        });
+      },
+      filter: _filterInstanceProperty(this)
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "filter", null);

package/es/site/data/components/tree/demos/loading/index.d.ts

@@ -0,0 +1,24 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import { TreeProps, TreeNode } from 'kpc';
+interface Props {
+    data: NonNullable<TreeProps['data']>;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: {
+            label: string;
+            children: ({
+                label: string;
+                children: never[];
+                loaded?: undefined;
+            } | {
+                label: string;
+                children: never[];
+                loaded: boolean;
+            })[];
+        }[];
+    };
+    loadData(node: TreeNode<never>): Promise<void>;
+}

package/es/site/data/components/tree/demos/loading/index.js

@@ -0,0 +1,50 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { bind } from 'kpc';
+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: [{
+        label: 'parent',
+        children: [{
+          label: 'first child',
+          children: []
+        }, {
+          label: 'last child',
+          children: [],
+          loaded: true
+        }]
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.loadData = function loadData(node) {
+    var _this = this;
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        var _context;
+        node.data.children = [{
+          label: 'child1',
+          children: []
+        }, {
+          label: 'child2'
+        }];
+        _this.set('data', _concatInstanceProperty(_context = []).call(_context, _this.get('data')));
+        resolve();
+      }, 1000);
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "loadData", null);

package/es/site/data/components/tree/demos/loading/react.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TreeProps, TreeNode } from '@king-design/react';
+interface Props {
+    data: NonNullable<TreeProps['data']>;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: {
+            label: string;
+            children: ({
+                label: string;
+                children: never[];
+                loaded?: undefined;
+            } | {
+                label: string;
+                children: never[];
+                loaded: boolean;
+            })[];
+        }[];
+    };
+    loadData(node: TreeNode<never>): Promise<void>;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/tree/demos/loading/react.js

@@ -0,0 +1,61 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Tree } from '@king-design/react';
+import { bind } 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: [{
+        label: 'parent',
+        children: [{
+          label: 'first child',
+          children: []
+        }, {
+          label: 'last child',
+          children: [],
+          loaded: true
+        }]
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.loadData = function loadData(node) {
+    var _this2 = this;
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        var _context2;
+        node.data.children = [{
+          label: 'child1',
+          children: []
+        }, {
+          label: 'child2'
+        }];
+        _this2.setState({
+          data: _concatInstanceProperty(_context2 = []).call(_context2, _this2.state.data)
+        });
+        resolve();
+      }, 1000);
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Tree, {
+      data: this.state.data,
+      checkbox: true,
+      load: this.loadData
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "loadData", null);

package/es/site/data/components/tree/demos/select/index.d.ts

@@ -0,0 +1,43 @@
+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(): {
+        data: ({
+            label: string;
+            children: {
+                label: string;
+                children: {
+                    label: string;
+                }[];
+            }[];
+            key?: undefined;
+        } | {
+            label: string;
+            key: string;
+            children: ({
+                label: string;
+                key: string;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+                key?: undefined;
+            })[];
+        })[];
+        selectedKeys: string[];
+        expandedKeys: string[];
+    };
+    getSelectedData(): void;
+}

package/es/site/data/components/tree/demos/select/index.js

@@ -0,0 +1,55 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+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';
+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: [{
+        label: 'First floor-1',
+        children: [{
+          label: 'Second floor-1.1',
+          children: [{
+            label: 'Third floor-1.1.1'
+          }]
+        }]
+      }, {
+        label: 'First floor-2',
+        key: 'floor-2',
+        children: [{
+          label: 'Second floor-2.1',
+          key: 'floor-2.1',
+          children: [{
+            label: 'Third floor-2.1.1',
+            key: 'floor-2.1.1'
+          }, {
+            label: 'Third floor-2.1.2'
+          }]
+        }, {
+          label: 'Second floor-2.2',
+          disabled: true,
+          children: [{
+            label: 'Third floor-2.2.1'
+          }]
+        }]
+      }],
+      selectedKeys: ['floor-2.1.1'],
+      expandedKeys: ['floor-2', 'floor-2.1', 'floor-2.1.1']
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.getSelectedData = function getSelectedData() {
+    console.log(this.refs.tree.getSelectedData());
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "getSelectedData", null);

package/es/site/data/components/tree/demos/select/react.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        data: ({
+            label: string;
+            children: {
+                label: string;
+                children: {
+                    label: string;
+                }[];
+            }[];
+            key?: undefined;
+        } | {
+            label: string;
+            key: string;
+            children: ({
+                label: string;
+                key: string;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+                key?: undefined;
+            })[];
+        })[];
+        selectedKeys: string[];
+        expandedKeys: string[];
+    };
+    private tree;
+    getSelectedData(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,84 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Tree } from '@king-design/react';
+import { Button } from '@king-design/react';
+import './index.styl';
+import { bind } 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: [{
+        label: 'First floor-1',
+        children: [{
+          label: 'Second floor-1.1',
+          children: [{
+            label: 'Third floor-1.1.1'
+          }]
+        }]
+      }, {
+        label: 'First floor-2',
+        key: 'floor-2',
+        children: [{
+          label: 'Second floor-2.1',
+          key: 'floor-2.1',
+          children: [{
+            label: 'Third floor-2.1.1',
+            key: 'floor-2.1.1'
+          }, {
+            label: 'Third floor-2.1.2'
+          }]
+        }, {
+          label: 'Second floor-2.2',
+          disabled: true,
+          children: [{
+            label: 'Third floor-2.2.1'
+          }]
+        }]
+      }],
+      selectedKeys: ['floor-2.1.1'],
+      expandedKeys: ['floor-2', 'floor-2.1', 'floor-2.1.1']
+    };
+    _this.tree = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.getSelectedData = function getSelectedData() {
+    console.log(this.tree.getSelectedData());
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getSelectedData
+    }, "get selected data"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tree, {
+      data: this.state.data,
+      ref: function ref(i) {
+        return _this2.tree = i;
+      },
+      selectedKeys: this.state.selectedKeys,
+      onChangeSelectedKeys: function onChangeSelectedKeys(selectedKeys) {
+        return _this2.setState({
+          selectedKeys: selectedKeys
+        });
+      },
+      expandedKeys: this.state.expandedKeys,
+      onChangeExpandedKeys: function onChangeExpandedKeys(expandedKeys) {
+        return _this2.setState({
+          expandedKeys: expandedKeys
+        });
+      },
+      multiple: true
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "getSelectedData", null);