@king-design/intact 3.3.1 → 3.3.3

package/es/site/data/components/transfer/demos/leftChecked/react.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        data: ({
+            label: string;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        checked: number[];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/transfer/demos/leftChecked/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 _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import React from 'react';
+import { Transfer } from '@king-design/react';
+var data = [{
+  label: '主机名0',
+  key: 0
+}, {
+  label: '主机名1',
+  key: 1,
+  disabled: true
+}, {
+  label: '主机名2',
+  key: 2
+}, {
+  label: '主机名3',
+  key: 3,
+  disabled: true
+}, {
+  label: '主机名4',
+  key: 4
+}];
+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: data,
+      checked: [0, 2]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Transfer, {
+      data: this.state.data,
+      leftCheckedKeys: this.state.checked,
+      onChangeLeftCheckedKeys: function onChangeLeftCheckedKeys(checked) {
+        return _this2.setState({
+          checked: checked
+        });
+      }
+    }), /*#__PURE__*/React.createElement("p", null, "You checked left side: ", _JSON$stringify(this.state.checked)));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,31 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import { Tree } from 'kpc';
+interface Props {
+    data: DataItem[];
+    leftCheckedKeys?: string[];
+    rightCheckedKeys?: string[];
+    leftExpandedKeys?: string[];
+    rightExpandedKeys?: string[];
+    leftData: DataItem[];
+    rightData: DataItem[];
+}
+type DataItem = {
+    label: string;
+    key: string;
+    children?: DataItem[];
+};
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    init(): void;
+    enableAdd(): boolean;
+    enableRemove(): boolean;
+    onAdd(): void;
+    onRemove(): void;
+    moveData(tree: Tree<string>, from: DataItem[], to: DataItem[]): {
+        from: DataItem[];
+        to: DataItem[];
+    };
+    deepClone<T>(data: T): T;
+}

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

@@ -0,0 +1,165 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+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: 'database',
+        key: 'database',
+        children: [{
+          label: 'table1',
+          key: 'table1',
+          children: [{
+            label: 'class',
+            key: 'class'
+          }, {
+            label: 'student',
+            key: 'student'
+          }]
+        }, {
+          label: 'table2',
+          key: 'table2',
+          children: [{
+            label: 'id',
+            key: 'id'
+          }, {
+            label: 'name',
+            key: 'name'
+          }]
+        }]
+      }],
+      leftCheckedKeys: [],
+      rightCheckedKeys: [],
+      leftExpandedKeys: [],
+      rightExpandedKeys: [],
+      leftData: [],
+      rightData: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.init = function init() {
+    // expand all nodes
+    var data = this.get('data');
+    var allKeys = [];
+    var loop = function loop(children) {
+      if (children) {
+        children.forEach(function (item) {
+          allKeys.push(item.key);
+          loop(item.children);
+        });
+      }
+    };
+    loop(data);
+    this.set({
+      leftExpandedKeys: allKeys,
+      rightExpandedKeys: allKeys,
+      leftData: this.deepClone(data)
+    });
+  };
+  _proto.enableAdd = function enableAdd() {
+    return this.get('leftCheckedKeys').length > 0;
+  };
+  _proto.enableRemove = function enableRemove() {
+    return this.get('rightCheckedKeys').length > 0;
+  };
+  _proto.onAdd = function onAdd() {
+    var _this$moveData = this.moveData(this.refs.left, this.get('leftData'), this.get('rightData')),
+      from = _this$moveData.from,
+      to = _this$moveData.to;
+    this.set({
+      leftData: from,
+      rightData: to,
+      leftCheckedKeys: []
+    });
+  };
+  _proto.onRemove = function onRemove() {
+    var _this$moveData2 = this.moveData(this.refs.right, this.get('rightData'), this.get('leftData')),
+      from = _this$moveData2.from,
+      to = _this$moveData2.to;
+    this.set({
+      leftData: to,
+      rightData: from,
+      rightCheckedKeys: []
+    });
+  };
+  _proto.moveData = function moveData(tree, from, to) {
+    var _this = this;
+    from = this.deepClone(from);
+    to = this.deepClone(to);
+    var loop = function loop(children, from, to) {
+      if (!children) return;
+      var deleteCount = 0;
+      children.forEach(function (node, index) {
+        var data = node.data;
+        if (node.checked) {
+          // remove from `from` 
+          if (from) {
+            _spliceInstanceProperty(from).call(from, index - deleteCount, 1);
+            deleteCount++;
+          }
+          // add to `to` 
+          var newData = _findInstanceProperty(to).call(to, function (item) {
+            return item.key === data.key;
+          });
+          if (!newData) {
+            to.push(_this.deepClone(data));
+          } else {
+            loop(node.children, null, newData.children);
+          }
+        } else if (node.indeterminate) {
+          var _newData = _findInstanceProperty(to).call(to, function (item) {
+            return item.key === data.key;
+          });
+          if (!_newData) {
+            _newData = _extends({}, data, {
+              children: []
+            });
+            to.push(_newData);
+          }
+          loop(node.children, from[index - deleteCount].children, _newData.children);
+        }
+      });
+    };
+    loop(tree.getNodes(), from, to);
+    return {
+      from: from,
+      to: to
+    };
+  };
+  _proto.deepClone = function deepClone(data) {
+    var _this2 = this;
+    if (data == null) return data;
+    if (Array.isArray(data)) {
+      return _mapInstanceProperty(data).call(data, function (item) {
+        return _this2.deepClone(item);
+      });
+    }
+    if (typeof data === 'object') {
+      var ret = {};
+      for (var key in data) {
+        ret[key] = this.deepClone(data[key]);
+      }
+      return ret;
+    }
+    return data;
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "enableAdd", null);
+__decorate([bind], default_1.prototype, "enableRemove", null);
+__decorate([bind], default_1.prototype, "onAdd", null);
+__decorate([bind], default_1.prototype, "onRemove", null);

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Tree } from '@king-design/react';
+interface Props {
+    data: DataItem[];
+    leftCheckedKeys?: string[];
+    rightCheckedKeys?: string[];
+    leftExpandedKeys?: string[];
+    rightExpandedKeys?: string[];
+    leftData: DataItem[];
+    rightData: DataItem[];
+}
+type DataItem = {
+    label: string;
+    key: string;
+    children?: DataItem[];
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    private left;
+    private right;
+    componentDidMount(): void;
+    enableAdd(): boolean;
+    enableRemove(): boolean;
+    onAdd(): void;
+    onRemove(): void;
+    moveData(tree: Tree<string>, from: DataItem[], to: DataItem[]): {
+        from: DataItem[];
+        to: DataItem[];
+    };
+    deepClone<T>(data: T): T;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,221 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+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 _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Transfer, 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: 'database',
+        key: 'database',
+        children: [{
+          label: 'table1',
+          key: 'table1',
+          children: [{
+            label: 'class',
+            key: 'class'
+          }, {
+            label: 'student',
+            key: 'student'
+          }]
+        }, {
+          label: 'table2',
+          key: 'table2',
+          children: [{
+            label: 'id',
+            key: 'id'
+          }, {
+            label: 'name',
+            key: 'name'
+          }]
+        }]
+      }],
+      leftCheckedKeys: [],
+      rightCheckedKeys: [],
+      leftExpandedKeys: [],
+      rightExpandedKeys: [],
+      leftData: [],
+      rightData: []
+    };
+    _this.left = void 0;
+    _this.right = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    // expand all nodes
+    var data = this.state.data;
+    var allKeys = [];
+    var loop = function loop(children) {
+      if (children) {
+        children.forEach(function (item) {
+          allKeys.push(item.key);
+          loop(item.children);
+        });
+      }
+    };
+    loop(data);
+    this.setState({
+      leftExpandedKeys: allKeys,
+      rightExpandedKeys: allKeys,
+      leftData: this.deepClone(data)
+    });
+  };
+  _proto.enableAdd = function enableAdd() {
+    return this.state.leftCheckedKeys.length > 0;
+  };
+  _proto.enableRemove = function enableRemove() {
+    return this.state.rightCheckedKeys.length > 0;
+  };
+  _proto.onAdd = function onAdd() {
+    var _this$moveData = this.moveData(this.left, this.state.leftData, this.state.rightData),
+      from = _this$moveData.from,
+      to = _this$moveData.to;
+    this.setState({
+      leftData: from,
+      rightData: to,
+      leftCheckedKeys: []
+    });
+  };
+  _proto.onRemove = function onRemove() {
+    var _this$moveData2 = this.moveData(this.right, this.state.rightData, this.state.leftData),
+      from = _this$moveData2.from,
+      to = _this$moveData2.to;
+    this.setState({
+      leftData: to,
+      rightData: from,
+      rightCheckedKeys: []
+    });
+  };
+  _proto.moveData = function moveData(tree, from, to) {
+    var _this2 = this;
+    from = this.deepClone(from);
+    to = this.deepClone(to);
+    var loop = function loop(children, from, to) {
+      if (!children) return;
+      var deleteCount = 0;
+      children.forEach(function (node, index) {
+        var data = node.data;
+        if (node.checked) {
+          // remove from `from` 
+          if (from) {
+            _spliceInstanceProperty(from).call(from, index - deleteCount, 1);
+            deleteCount++;
+          }
+          // add to `to` 
+          var newData = _findInstanceProperty(to).call(to, function (item) {
+            return item.key === data.key;
+          });
+          if (!newData) {
+            to.push(_this2.deepClone(data));
+          } else {
+            loop(node.children, null, newData.children);
+          }
+        } else if (node.indeterminate) {
+          var _newData = _findInstanceProperty(to).call(to, function (item) {
+            return item.key === data.key;
+          });
+          if (!_newData) {
+            _newData = _extends({}, data, {
+              children: []
+            });
+            to.push(_newData);
+          }
+          loop(node.children, from[index - deleteCount].children, _newData.children);
+        }
+      });
+    };
+    loop(tree.getNodes(), from, to);
+    return {
+      from: from,
+      to: to
+    };
+  };
+  _proto.deepClone = function deepClone(data) {
+    var _this3 = this;
+    if (data == null) return data;
+    if (Array.isArray(data)) {
+      return _mapInstanceProperty(data).call(data, function (item) {
+        return _this3.deepClone(item);
+      });
+    }
+    if (typeof data === 'object') {
+      var ret = {};
+      for (var key in data) {
+        ret[key] = this.deepClone(data[key]);
+      }
+      return ret;
+    }
+    return data;
+  };
+  _proto.render = function render() {
+    var _this4 = this;
+    return /*#__PURE__*/React.createElement(Transfer, {
+      slotHeader: function slotHeader(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement("div", null, "\u8BF7\u9009\u62E9") : /*#__PURE__*/React.createElement("div", null, "\u5DF2\u9009\u62E9"));
+      },
+      slotList: function slotList(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement(Tree, {
+          data: _this4.state.leftData,
+          checkbox: true,
+          checkedKeys: _this4.state.leftCheckedKeys,
+          onChangeCheckedKeys: function onChangeCheckedKeys(leftCheckedKeys) {
+            return _this4.setState({
+              leftCheckedKeys: leftCheckedKeys
+            });
+          },
+          expandedKeys: _this4.state.leftExpandedKeys,
+          onChangeExpandedKeys: function onChangeExpandedKeys(leftExpandedKeys) {
+            return _this4.setState({
+              leftExpandedKeys: leftExpandedKeys
+            });
+          },
+          ref: function ref(i) {
+            return _this4.left = i;
+          }
+        }) : /*#__PURE__*/React.createElement(Tree, {
+          data: _this4.state.rightData,
+          checkbox: true,
+          checkedKeys: _this4.state.rightCheckedKeys,
+          onChangeCheckedKeys: function onChangeCheckedKeys(rightCheckedKeys) {
+            return _this4.setState({
+              rightCheckedKeys: rightCheckedKeys
+            });
+          },
+          expandedKeys: _this4.state.rightExpandedKeys,
+          onChangeExpandedKeys: function onChangeExpandedKeys(rightExpandedKeys) {
+            return _this4.setState({
+              rightExpandedKeys: rightExpandedKeys
+            });
+          },
+          ref: function ref(i) {
+            return _this4.right = i;
+          }
+        }));
+      },
+      enableAdd: this.enableAdd,
+      enableRemove: this.enableRemove,
+      onAdd: this.onAdd,
+      onRemove: this.onRemove
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "enableAdd", null);
+__decorate([bind], Demo.prototype, "enableRemove", null);
+__decorate([bind], Demo.prototype, "onAdd", null);
+__decorate([bind], Demo.prototype, "onRemove", null);

package/es/site/data/components/transfer/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/transfer/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/es/site/data/components/tree/demos/basic/index.d.ts

@@ -0,0 +1,37 @@
+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: ({
+            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;
+                }[];
+            })[];
+        })[];
+    };
+}

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

@@ -0,0 +1,44 @@
+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: [{
+        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 default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };