@king-design/intact 3.3.0 → 3.3.1

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

@@ -1,167 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _Promise from "@babel/runtime-corejs3/core-js/promise";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
-import { __decorate } from "tslib";
-import React from 'react';
-import { Transfer, Input, Select, Option, Tag } from '@king-design/react';
-import './index.styl';
-import { bind } from '@king-design/react';
-function mockApi(policy) {
-  var data = [{
-    name: 'AdministratorAccess',
-    policy: 'system',
-    'members': 11,
-    desc: '管理所有资源的权限'
-  }, {
-    name: 'OSSFullAccess',
-    policy: 'common',
-    'members': 11,
-    desc: '管理所有资源的权限'
-  }, {
-    name: 'SupportFullAccess',
-    policy: 'common',
-    'members': 11,
-    desc: '管理所有资源的权限'
-  }, {
-    name: 'BSSFullSupportAccess',
-    policy: 'common',
-    'members': 11,
-    desc: '管理所有资源的权限',
-    disabled: true
-  }, {
-    name: 'SystemFullAccess',
-    policy: 'system',
-    'members': 11,
-    desc: '管理所有资源的权限'
-  }, {
-    name: 'CommonAccess',
-    policy: 'common',
-    'members': 11,
-    desc: '管理所有资源的权限'
-  }];
-  return new _Promise(function (resolve) {
-    setTimeout(function () {
-      if (policy === 'all') resolve(data);else resolve(_filterInstanceProperty(data).call(data, function (item) {
-        return item.policy === policy;
-      }));
-    }, 500);
-  });
-}
-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 = {
-      policy: 'all',
-      data: [],
-      keywords: '',
-      value: []
-    };
-    _this.__test = void 0;
-    _this.originData = null;
-    _this.$unmounted = false;
-    return _this;
-  }
-  var _proto = Demo.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    this.fetch();
-  };
-  _proto.fetch = function fetch() {
-    var _this2 = this;
-    mockApi(this.state.policy).then(function (data) {
-      if (_this2.$unmounted) return;
-      _this2.originData = data;
-      _filterInstanceProperty(_this2).call(_this2);
-    });
-  };
-  _proto.filter = function filter() {
-    var _context2;
-    var keywords = this.state.keywords;
-    var data = keywords ? _filterInstanceProperty(_context2 = this.originData).call(_context2, function (data) {
-      var _context3;
-      return _includesInstanceProperty(_context3 = data.name).call(_context3, keywords);
-    }) : this.originData;
-    this.setState({
-      data: data
-    });
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.$unmounted = true;
-  };
-  _proto.setState = function setState(state, cb) {
-    if ('policy' in state) {
-      _React$Component.prototype.setState.call(this, state, this.fetch);
-    } else if ('keywords' in state) {
-      _React$Component.prototype.setState.call(this, state, _filterInstanceProperty(this));
-    } else {
-      _React$Component.prototype.setState.call(this, state, cb);
-    }
-  };
-  _proto.render = function render() {
-    var _this3 = this;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Transfer, {
-      data: this.state.data,
-      slotFilter: function slotFilter(type) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement(Input, {
-          size: "small",
-          slotPrepend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
-            value: _this3.state.policy,
-            onChangeValue: function onChangeValue(policy) {
-              return _this3.setState({
-                policy: policy
-              });
-            },
-            width: "100",
-            size: "small"
-          }, /*#__PURE__*/React.createElement(Option, {
-            value: "all"
-          }, "\u5168\u90E8\u7B56\u7565"), /*#__PURE__*/React.createElement(Option, {
-            value: "system"
-          }, "\u7CFB\u7EDF\u7B56\u7565"), /*#__PURE__*/React.createElement(Option, {
-            value: "common"
-          }, "\u901A\u7528\u7B56\u7565"))),
-          placeholder: "\u8BF7\u8F93\u5165",
-          clearable: true,
-          value: _this3.state.keywords,
-          onChangeValue: function onChangeValue(keywords) {
-            return _this3.setState({
-              keywords: keywords
-            });
-          }
-        }) : undefined);
-      },
-      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, data.policy === 'system' ? /*#__PURE__*/React.createElement(Tag, {
-          type: "warning",
-          size: "mini"
-        }, "\u7CFB\u7EDF\u7B56\u7565") : undefined), /*#__PURE__*/React.createElement("p", null, data.members, "\u4EBA / ", data.desc)));
-      },
-      filterable: true,
-      keyName: "name",
-      value: this.state.value,
-      onChangeValue: function onChangeValue(value) {
-        return _this3.setState({
-          value: value
-        });
-      },
-      ref: function ref(i) {
-        return _this3.__test = 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, "fetch", null);
-__decorate([bind], Demo.prototype, "filter", null);

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

@@ -1,26 +0,0 @@
-export { default as data } from './index.json';
-import { Component } from 'intact';
-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 extends Component<Props> {
-    static template: string | import("intact").Template<any>;
-    static defaults(): Props;
-    enableAdd(): boolean;
-    enableRemove(): boolean;
-    onAdd(): void;
-    onRemove(): void;
-}

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

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

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

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

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

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

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

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

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