@king-design/intact 3.3.1 → 3.3.3

package/es/site/data/components/tooltip/demos/trigger/index.d.ts

@@ -0,0 +1,5 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+}

package/es/site/data/components/tooltip/demos/trigger/index.js

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

package/es/site/data/components/tooltip/demos/trigger/react.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tooltip/demos/trigger/react.js

@@ -0,0 +1,28 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Tooltip, ButtonGroup, Button, Input } from '@king-design/react';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hover"
+    }, /*#__PURE__*/React.createElement(Button, null, "hover")), /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: "click",
+      content: "click"
+    }, /*#__PURE__*/React.createElement(Button, null, "click")), /*#__PURE__*/React.createElement(Tooltip, {
+      hoverable: true,
+      content: "the text can be hovered"
+    }, /*#__PURE__*/React.createElement(Button, null, "hoverable")), /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: "focus",
+      content: "foucs"
+    }, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "focus"
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,22 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import type { TransferDataItem } from 'kpc';
+interface Props {
+    data: TransferDataItem[];
+    value?: number[];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: ({
+            label: string;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        value: number[];
+    };
+}

package/es/site/data/components/transfer/demos/basic/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,
+      value: [0, 1]
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { TransferDataItem } from '@king-design/react';
+interface Props {
+    data: TransferDataItem[];
+    value?: number[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: ({
+            label: string;
+            key: number;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: number;
+            disabled: boolean;
+        })[];
+        value: number[];
+    };
+    private __test;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,58 @@
+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,
+      value: [0, 1]
+    };
+    _this.__test = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Transfer, {
+      value: this.state.value,
+      onChangeValue: function onChangeValue(value) {
+        return _this2.setState({
+          value: value
+        });
+      },
+      data: this.state.data,
+      ref: function ref(i) {
+        return _this2.__test = i;
+      }
+    }), /*#__PURE__*/React.createElement("p", null, "You selected: ", _JSON$stringify(this.state.value)));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,24 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    policy?: string | null;
+    data: DataItem[];
+    keywords?: string;
+    value?: string[];
+}
+type DataItem = {
+    name: string;
+    policy: string;
+    members: number;
+    desc: string;
+    disabled?: boolean;
+};
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    private originData;
+    init(): void;
+    fetch(): void;
+    filter(): void;
+}

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

@@ -0,0 +1,102 @@
+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 { __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';
+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 default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.originData = null;
+    return _this;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      policy: 'all',
+      data: [],
+      keywords: '',
+      value: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.init = function init() {
+    // when policy changed, fetch data
+    this.watch('policy', this.fetch);
+    this.watch('keywords', _filterInstanceProperty(this));
+    this.fetch();
+  };
+  _proto.fetch = function fetch() {
+    var _this2 = this;
+    mockApi(this.get('policy')).then(function (data) {
+      if (_this2.$unmounted) return;
+      _this2.originData = data;
+      _filterInstanceProperty(_this2).call(_this2);
+    });
+  };
+  _proto.filter = function filter() {
+    var _context2;
+    var keywords = this.get('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.set('data', data);
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "fetch", null);
+__decorate([bind], default_1.prototype, "filter", null);

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    policy?: string | null;
+    data: DataItem[];
+    keywords?: string;
+    value?: string[];
+}
+type DataItem = {
+    name: string;
+    policy: string;
+    members: number;
+    desc: string;
+    disabled?: boolean;
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    private __test;
+    private originData;
+    componentDidMount(): void;
+    fetch(): void;
+    filter(): void;
+    private $unmounted;
+    componentWillUnmount(): void;
+    setState(state: any, cb?: () => void): void;
+    render(): React.JSX.Element;
+}
+export {};

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

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

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