@king-design/intact 3.3.1 → 3.3.3

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

@@ -0,0 +1,36 @@
+import React from 'react';
+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;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        })[];
+    };
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,54 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Tree } 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'
+          }]
+        }]
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Tree, {
+      data: this.state.data,
+      expandedKeys: ['2', '2-1']
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,41 @@
+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;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        })[];
+        checkedKeys: string[];
+    };
+    getCheckedData(): void;
+    getCheckedLeavesData(): void;
+}

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

@@ -0,0 +1,57 @@
+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',
+          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'
+          }]
+        }]
+      }],
+      checkedKeys: ['floor-2.1.1']
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.getCheckedData = function getCheckedData() {
+    console.log(this.refs.tree.getCheckedData());
+  };
+  _proto.getCheckedLeavesData = function getCheckedLeavesData() {
+    console.log(this.refs.tree.getCheckedData(true));
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "getCheckedData", null);
+__decorate([bind], default_1.prototype, "getCheckedLeavesData", null);

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

@@ -0,0 +1,41 @@
+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;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        })[];
+        checkedKeys: string[];
+    };
+    private tree;
+    getCheckedData(): void;
+    getCheckedLeavesData(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,82 @@
+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: 'floor-2',
+        children: [{
+          label: 'Second 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'
+          }]
+        }]
+      }],
+      checkedKeys: ['floor-2.1.1']
+    };
+    _this.tree = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.getCheckedData = function getCheckedData() {
+    console.log(this.tree.getCheckedData());
+  };
+  _proto.getCheckedLeavesData = function getCheckedLeavesData() {
+    console.log(this.tree.getCheckedData(true));
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getCheckedData
+    }, "get checked data"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getCheckedLeavesData
+    }, "get checked leaves data"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tree, {
+      data: this.state.data,
+      selectable: false,
+      checkbox: true,
+      ref: function ref(i) {
+        return _this2.tree = i;
+      },
+      checkedKeys: this.state.checkedKeys,
+      onChangeCheckedKeys: function onChangeCheckedKeys(checkedKeys) {
+        return _this2.setState({
+          checkedKeys: checkedKeys
+        });
+      }
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "getCheckedData", null);
+__decorate([bind], Demo.prototype, "getCheckedLeavesData", null);

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

@@ -0,0 +1,46 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import { TreeDataItem, TreeNode } from 'kpc';
+interface Props {
+    data: TreeDataItem<string | number>[];
+    expandedKeys?: (string | number)[];
+}
+export default class extends Component<Props> {
+    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;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        })[];
+        expandedKeys: string[];
+    };
+    appendNode(data: TreeDataItem<string | number>, node: TreeNode<string | number>): void;
+    removeNode(data: TreeDataItem<string | number>, node: TreeNode<string | number>, index: number): void;
+}

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

@@ -0,0 +1,67 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+var uniqueId = 0;
+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: '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'
+          }]
+        }]
+      }],
+      expandedKeys: ['2', '2-1']
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.appendNode = function appendNode(data, node) {
+    var _context;
+    var children = data.children || (data.children = []);
+    children.push({
+      label: 'Appended node',
+      key: uniqueId++
+    });
+    this.set('data', _concatInstanceProperty(_context = []).call(_context, this.get('data')));
+    // expand the node
+    this.refs.tree.expand(node.key);
+  };
+  _proto.removeNode = function removeNode(data, node, index) {
+    var _context2;
+    var children = node.parent ? node.parent.data.children : this.get('data');
+    _spliceInstanceProperty(children).call(children, index, 1);
+    this.set('data', _concatInstanceProperty(_context2 = []).call(_context2, this.get('data')));
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import './index.styl';
+import { TreeDataItem, TreeNode } from '@king-design/react';
+interface Props {
+    data: TreeDataItem<string | number>[];
+    expandedKeys?: (string | number)[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: ({
+            label: string;
+            children: {
+                label: string;
+                children: {
+                    label: string;
+                }[];
+            }[];
+            key?: undefined;
+        } | {
+            label: string;
+            key: string;
+            children: ({
+                label: string;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        })[];
+        expandedKeys: string[];
+    };
+    private tree;
+    appendNode(data: TreeDataItem<string | number>, node: TreeNode<string | number>): void;
+    removeNode(data: TreeDataItem<string | number>, node: TreeNode<string | number>, index: number): void;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,102 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import React from 'react';
+import { Tree, Dropdown, DropdownMenu, DropdownItem } from '@king-design/react';
+import './index.styl';
+var uniqueId = 0;
+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'
+          }]
+        }]
+      }],
+      expandedKeys: ['2', '2-1']
+    };
+    _this.tree = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.appendNode = function appendNode(data, node) {
+    var _context2;
+    var children = data.children || (data.children = []);
+    children.push({
+      label: 'Appended node',
+      key: uniqueId++
+    });
+    this.setState({
+      data: _concatInstanceProperty(_context2 = []).call(_context2, this.state.data)
+    });
+    // expand the node
+    this.tree.expand(node.key);
+  };
+  _proto.removeNode = function removeNode(data, node, index) {
+    var _context3;
+    var children = node.parent ? node.parent.data.children : this.state.data;
+    _spliceInstanceProperty(children).call(children, index, 1);
+    this.setState({
+      data: _concatInstanceProperty(_context3 = []).call(_context3, this.state.data)
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tree, {
+      ref: function ref(i) {
+        return _this2.tree = i;
+      },
+      slotLabel: function slotLabel(_ref) {
+        var data = _ref[0],
+          node = _ref[1],
+          index = _ref[2];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
+          trigger: "contextmenu",
+          disabled: data.disabled
+        }, /*#__PURE__*/React.createElement("div", null, data.label), /*#__PURE__*/React.createElement(DropdownMenu, null, /*#__PURE__*/React.createElement(DropdownItem, {
+          onSelect: _this2.appendNode.bind(_this2, data, node)
+        }, "Append"), /*#__PURE__*/React.createElement(DropdownItem, {
+          onSelect: _this2.removeNode.bind(_this2, data, node, index)
+        }, "Remove"))));
+      },
+      data: this.state.data,
+      expandedKeys: this.state.expandedKeys,
+      onChangeExpandedKeys: function onChangeExpandedKeys(expandedKeys) {
+        return _this2.setState({
+          expandedKeys: expandedKeys
+        });
+      }
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,35 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import { TreeDataItem, TreeNode } from 'kpc';
+interface Props {
+    data: TreeDataItem<string | number>[];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: {
+            label: string;
+            children: ({
+                label: string;
+                children: ({
+                    label: string;
+                    key: string;
+                } | {
+                    label: string;
+                    key?: undefined;
+                })[];
+                disabled?: undefined;
+            } | {
+                label: string;
+                disabled: boolean;
+                children: {
+                    label: string;
+                }[];
+            })[];
+        }[];
+    };
+    append(data: TreeDataItem<string | number>, node: TreeNode<string>, index: number, e: Event): void;
+    remove(data: TreeDataItem<string>, node: TreeNode<string>, index: number, e: Event): void;
+    appendToRoot(): void;
+}