@king-design/intact 3.3.1 → 3.3.3

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

@@ -0,0 +1,107 @@
+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 { Message, 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 {
+      users: [{
+        name: '刘一',
+        id: 1,
+        room: null
+      }, {
+        name: '陈二',
+        id: 2,
+        room: null
+      }, {
+        name: '张三',
+        id: 3,
+        room: null
+      }, {
+        name: '李四',
+        id: 4,
+        room: null
+      }, {
+        name: '王五',
+        id: 5,
+        room: null
+      }, {
+        name: '赵六',
+        id: 6,
+        room: null
+      }, {
+        name: '孙七',
+        id: 7,
+        room: null
+      }],
+      rooms: [{
+        name: '标准双人间1',
+        id: 1,
+        users: []
+      }, {
+        name: '标准双人间2',
+        id: 2,
+        users: []
+      }, {
+        name: '标准双人间3',
+        id: 3,
+        users: []
+      }, {
+        name: '标准双人间4',
+        id: 4,
+        users: []
+      }, {
+        name: '标准双人间5',
+        id: 5,
+        users: []
+      }],
+      checkedUsers: [],
+      checkedRooms: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.enableAdd = function enableAdd() {
+    return !!this.get('checkedUsers').length && this.get('checkedRooms').length === 1;
+  };
+  _proto.enableRemove = function enableRemove() {
+    return !!this.get('checkedRooms').length;
+  };
+  _proto.onAdd = function onAdd() {
+    var users = this.get('checkedUsers');
+    var room = this.get('checkedRooms')[0];
+    if (users.length > 2) {
+      return Message.error('当前房间最多容纳两人');
+    }
+    users.forEach(function (user) {
+      user.room = room;
+      room.users.push(user);
+    });
+    this.set({
+      'checkedUsers': [],
+      'checkedRooms': []
+    });
+  };
+  _proto.onRemove = function onRemove() {
+    var rooms = this.get('checkedRooms');
+    rooms.forEach(function (room) {
+      room.users.forEach(function (user) {
+        user.room = null;
+      });
+      room.users = [];
+    });
+    this.set('checkedRooms', []);
+  };
+  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/customList/react.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+interface Props {
+    users: User[];
+    rooms: Room[];
+    checkedUsers?: User[];
+    checkedRooms?: Room[];
+}
+type User = {
+    name: string;
+    id: number;
+    room: Room | null;
+};
+type Room = {
+    name: string;
+    id: number;
+    users: User[];
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    enableAdd(): boolean;
+    enableRemove(): boolean;
+    onAdd(): void;
+    onRemove(): void;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,154 @@
+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 { __decorate } from "tslib";
+import React from 'react';
+import { Transfer, Checkbox } from '@king-design/react';
+import { Message, 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 = {
+      users: [{
+        name: '刘一',
+        id: 1,
+        room: null
+      }, {
+        name: '陈二',
+        id: 2,
+        room: null
+      }, {
+        name: '张三',
+        id: 3,
+        room: null
+      }, {
+        name: '李四',
+        id: 4,
+        room: null
+      }, {
+        name: '王五',
+        id: 5,
+        room: null
+      }, {
+        name: '赵六',
+        id: 6,
+        room: null
+      }, {
+        name: '孙七',
+        id: 7,
+        room: null
+      }],
+      rooms: [{
+        name: '标准双人间1',
+        id: 1,
+        users: []
+      }, {
+        name: '标准双人间2',
+        id: 2,
+        users: []
+      }, {
+        name: '标准双人间3',
+        id: 3,
+        users: []
+      }, {
+        name: '标准双人间4',
+        id: 4,
+        users: []
+      }, {
+        name: '标准双人间5',
+        id: 5,
+        users: []
+      }],
+      checkedUsers: [],
+      checkedRooms: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.enableAdd = function enableAdd() {
+    return !!this.state.checkedUsers.length && this.state.checkedRooms.length === 1;
+  };
+  _proto.enableRemove = function enableRemove() {
+    return !!this.state.checkedRooms.length;
+  };
+  _proto.onAdd = function onAdd() {
+    var users = this.state.checkedUsers;
+    var room = this.state.checkedRooms[0];
+    if (users.length > 2) {
+      return Message.error('当前房间最多容纳两人');
+    }
+    users.forEach(function (user) {
+      user.room = room;
+      room.users.push(user);
+    });
+    this.setState({
+      'checkedUsers': [],
+      'checkedRooms': []
+    });
+  };
+  _proto.onRemove = function onRemove() {
+    var rooms = this.state.checkedRooms;
+    rooms.forEach(function (room) {
+      room.users.forEach(function (user) {
+        user.room = null;
+      });
+      room.users = [];
+    });
+    this.setState({
+      checkedRooms: []
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Transfer, {
+      slotHeader: function slotHeader(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement("div", null, "\u672A\u5206\u914D") : /*#__PURE__*/React.createElement("div", null, "\u6807\u51C6\u53CC\u4EBA\u95F4"));
+      },
+      slotList: function slotList(type) {
+        var _context2, _context3;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(_context2 = _this2.state.users).call(_context2, function ($value, $key) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "k-transfer-item"
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            value: _this2.state.checkedUsers,
+            onChangeValue: function onChangeValue(checkedUsers) {
+              return _this2.setState({
+                checkedUsers: checkedUsers
+              });
+            },
+            trueValue: $value,
+            disabled: !!$value.room
+          }, $value.name, $value.room ? /*#__PURE__*/React.createElement("span", null, "\uFF08", $value.room.name, "\uFF09") : undefined));
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(_context3 = _this2.state.rooms).call(_context3, function ($value, $key) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "k-transfer-item"
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            value: _this2.state.checkedRooms,
+            onChangeValue: function onChangeValue(checkedRooms) {
+              return _this2.setState({
+                checkedRooms: checkedRooms
+              });
+            },
+            trueValue: $value
+          }, $value.name, /*#__PURE__*/React.createElement("span", null, "\uFF08\u5F53\u524D\u4EBA\u6570\uFF1A", $value.users.length, "\uFF09")));
+        })));
+      },
+      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/demos/getData/index.d.ts

@@ -0,0 +1,20 @@
+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;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        value: number[];
+    };
+    getCheckedData(model: string): void;
+    getData(): void;
+}

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

@@ -0,0 +1,48 @@
+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: '主机名0',
+        key: 0
+      }, {
+        label: '主机名1',
+        key: 1,
+        disabled: true
+      }, {
+        label: '主机名2',
+        key: 2
+      }, {
+        label: '主机名3',
+        key: 3,
+        disabled: true
+      }, {
+        label: '主机名4',
+        key: 4
+      }],
+      value: [0, 1]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.getCheckedData = function getCheckedData(model) {
+    console.log(this.refs.transfer.getCheckedData(model));
+  };
+  _proto.getData = function getData() {
+    console.log(this.refs.transfer.getData());
+  };
+  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, "getData", null);

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        data: ({
+            label: string;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        value: number[];
+    };
+    private transfer;
+    getCheckedData(model: string): void;
+    getData(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,74 @@
+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 { __decorate } from "tslib";
+import React from 'react';
+import { Transfer, 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: '主机名0',
+        key: 0
+      }, {
+        label: '主机名1',
+        key: 1,
+        disabled: true
+      }, {
+        label: '主机名2',
+        key: 2
+      }, {
+        label: '主机名3',
+        key: 3,
+        disabled: true
+      }, {
+        label: '主机名4',
+        key: 4
+      }],
+      value: [0, 1]
+    };
+    _this.transfer = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.getCheckedData = function getCheckedData(model) {
+    console.log(this.transfer.getCheckedData(model));
+  };
+  _proto.getData = function getData() {
+    console.log(this.transfer.getData());
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getData
+    }, "get data"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getCheckedData.bind(this, 'left')
+    }, "get left checked data"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.getCheckedData.bind(this, 'right')
+    }, "get right checked data"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Transfer, {
+      data: this.state.data,
+      value: this.state.value,
+      onChangeValue: function onChangeValue(value) {
+        return _this2.setState({
+          value: value
+        });
+      },
+      ref: function ref(i) {
+        return _this2.transfer = i;
+      }
+    }), /*#__PURE__*/React.createElement("p", null, "You selected: ", _JSON$stringify(this.state.value)));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "getCheckedData", null);
+__decorate([bind], Demo.prototype, "getData", null);

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

@@ -0,0 +1,25 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+type DataItem = {
+    name: string;
+    desc: string;
+    ip: string;
+    disabled?: boolean;
+};
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: ({
+            name: string;
+            desc: string;
+            ip: string;
+            disabled?: undefined;
+        } | {
+            name: string;
+            desc: string;
+            ip: string;
+            disabled: boolean;
+        })[];
+    };
+    filter(data: DataItem, keywords: string): boolean;
+}

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

@@ -0,0 +1,45 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+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: [{
+        name: '主机名0',
+        desc: '前端服务器0',
+        ip: '192.168.1.0'
+      }, {
+        name: '主机名1',
+        desc: '前端服务器1',
+        ip: '192.168.1.1'
+      }, {
+        name: '主机名2',
+        desc: '前端服务器2',
+        ip: '192.168.1.2'
+      }, {
+        name: '主机名3',
+        desc: '前端服务器3',
+        ip: '192.168.1.3',
+        disabled: true
+      }, {
+        name: '主机名4',
+        desc: '前端服务器4',
+        ip: '192.168.1.4'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.filter = function filter(data, keywords) {
+    var _context, _context2, _context3;
+    return _includesInstanceProperty(_context = data.name).call(_context, keywords) || _includesInstanceProperty(_context2 = data.desc).call(_context2, keywords) || _includesInstanceProperty(_context3 = data.ip).call(_context3, keywords);
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,26 @@
+import React from 'react';
+type DataItem = {
+    name: string;
+    desc: string;
+    ip: string;
+    disabled?: boolean;
+};
+export default class Demo extends React.Component {
+    state: {
+        data: ({
+            name: string;
+            desc: string;
+            ip: string;
+            disabled?: undefined;
+        } | {
+            name: string;
+            desc: string;
+            ip: string;
+            disabled: boolean;
+        })[];
+    };
+    private __test;
+    filter(data: DataItem, keywords: string): boolean;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,68 @@
+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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import React from 'react';
+import { Transfer } 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: [{
+        name: '主机名0',
+        desc: '前端服务器0',
+        ip: '192.168.1.0'
+      }, {
+        name: '主机名1',
+        desc: '前端服务器1',
+        ip: '192.168.1.1'
+      }, {
+        name: '主机名2',
+        desc: '前端服务器2',
+        ip: '192.168.1.2'
+      }, {
+        name: '主机名3',
+        desc: '前端服务器3',
+        ip: '192.168.1.3',
+        disabled: true
+      }, {
+        name: '主机名4',
+        desc: '前端服务器4',
+        ip: '192.168.1.4'
+      }]
+    };
+    _this.__test = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.filter = function filter(data, keywords) {
+    var _context2, _context3, _context4;
+    return _includesInstanceProperty(_context2 = data.name).call(_context2, keywords) || _includesInstanceProperty(_context3 = data.desc).call(_context3, keywords) || _includesInstanceProperty(_context4 = data.ip).call(_context4, keywords);
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(Transfer, {
+      data: this.state.data,
+      slotLabel: function slotLabel(_ref) {
+        var data = _ref[0],
+          index = _ref[1],
+          type = _ref[2];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, data.name), /*#__PURE__*/React.createElement("p", null, data.desc, " | ", data.ip)));
+      },
+      filter: _filterInstanceProperty(this),
+      filterable: true,
+      keyName: "name",
+      ref: function ref(i) {
+        return _this2.__test = i;
+      }
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,17 @@
+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;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        checked: number[];
+    };
+}

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

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