@king-design/intact 3.3.0 → 3.3.1

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

@@ -1,82 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

@@ -1,67 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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

@@ -1,102 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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;
-}

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

@@ -1,86 +0,0 @@
-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 { __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 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',
-        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'
-          }]
-        }]
-      }]
-    };
-  };
-  var _proto = default_1.prototype;
-  _proto.append = function append(data, node, index, e) {
-    var _context;
-    e.stopPropagation();
-    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.remove = function remove(data, node, index, e) {
-    var _context2;
-    e.stopPropagation();
-    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'))
-    });
-  };
-  _proto.appendToRoot = function appendToRoot() {
-    var _context3;
-    var data = this.get('data');
-    this.set({
-      data: _concatInstanceProperty(_context3 = []).call(_context3, data, [{
-        label: 'Appended root node',
-        key: uniqueId++
-      }])
-    });
-  };
-  return default_1;
-}(Component);
-default_1.template = template;
-export { default_1 as default };
-__decorate([bind], default_1.prototype, "append", null);
-__decorate([bind], default_1.prototype, "remove", null);
-__decorate([bind], default_1.prototype, "appendToRoot", null);

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

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

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

@@ -1,125 +0,0 @@
-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 { __decorate } from "tslib";
-import React from 'react';
-import { Tree, Button, ButtonGroup } from '@king-design/react';
-import './index.styl';
-import { bind } from '@king-design/react';
-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',
-        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'
-          }]
-        }]
-      }]
-    };
-    _this.tree = void 0;
-    return _this;
-  }
-  var _proto = Demo.prototype;
-  _proto.append = function append(data, node, index, e) {
-    var _context2;
-    e.stopPropagation();
-    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.remove = function remove(data, node, index, e) {
-    var _context3;
-    e.stopPropagation();
-    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.appendToRoot = function appendToRoot() {
-    var _context4;
-    var data = this.state.data;
-    this.setState({
-      data: _concatInstanceProperty(_context4 = []).call(_context4, data, [{
-        label: 'Appended root node',
-        key: uniqueId++
-      }])
-    });
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var data = this.state.data;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "wrapper"
-    }, /*#__PURE__*/React.createElement(ButtonGroup, {
-      className: "root-btns"
-    }, /*#__PURE__*/React.createElement(Button, {
-      icon: true,
-      size: "small",
-      onClick: this.appendToRoot
-    }, "+")), /*#__PURE__*/React.createElement(Tree, {
-      data: data,
-      ref: function ref(i) {
-        return _this2.tree = i;
-      },
-      checkbox: true,
-      selectable: false,
-      slotLabel: function slotLabel(_ref) {
-        var data = _ref[0],
-          node = _ref[1],
-          index = _ref[2];
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: "text"
-        }, data.label), !data.disabled ? /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
-          icon: true,
-          size: "small",
-          onClick: _this2.append.bind(_this2, data, node, index)
-        }, "+"), /*#__PURE__*/React.createElement(Button, {
-          icon: true,
-          size: "small",
-          onClick: _this2.remove.bind(_this2, data, node, index)
-        }, "-")) : undefined);
-      }
-    }));
-  };
-  return Demo;
-}(React.Component);
-export { Demo as default };
-__decorate([bind], Demo.prototype, "append", null);
-__decorate([bind], Demo.prototype, "remove", null);
-__decorate([bind], Demo.prototype, "appendToRoot", null);

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

@@ -1,42 +0,0 @@
-export { default as data } from './index.json';
-import { Component } from 'intact';
-import './index.styl';
-import { TreeDataItem, TreeNode, TreeDragEndData, TreeMode } from 'kpc';
-interface Props {
-    data?: TreeDataItem<string>[];
-    expandedKeys?: string[];
-}
-export default class extends Component<Props> {
-    static template: string | import("intact").Template<any>;
-    static defaults(): {
-        data: ({
-            label: string;
-            key: string;
-            type: string;
-            children?: undefined;
-            disabled?: undefined;
-        } | {
-            label: string;
-            key: string;
-            type: string;
-            children: {
-                label: string;
-                key: string;
-                type: string;
-            }[];
-            disabled?: undefined;
-        } | {
-            label: string;
-            key: string;
-            type: string;
-            disabled: boolean;
-            children?: undefined;
-        })[];
-        expandedKeys: never[];
-    };
-    onDragEnd(data: TreeDragEndData<string>): void;
-    allowDrag(node: TreeNode<string>): boolean;
-    allowDrop(node: TreeNode<string>, srcNode: TreeNode<string>, mode: TreeMode): boolean;
-    onDenyDrag(node: TreeNode<string>): void;
-    onDenyDrop(node: TreeNode<string>): void;
-}