@king-design/intact 3.6.2-beta.1 → 3.7.0

package/es/site/data/components/notification/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/table/demos/hidden/react.js

@@ -48,14 +48,32 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       key: "a",
-      title: "Title 1"
+      title: "Title 1",
+      hidden: true
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "b",
-      title: "Title 2",
-      hidden: true
+      title: "Title 2"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "c",
       title: "Title 3"
+    })), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data2,
+      resizable: true,
+      checkType: "none"
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "d",
+      title: "Title 4"
     })));
   };
   return Demo;

package/es/site/data/components/tag/demos/color/index.d.ts

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

package/es/site/data/components/tag/demos/color/index.js

@@ -0,0 +1,19 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+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 {
+      colors: ['default', 'primary', 'danger', 'success', 'warning', 'purple', 'teal', 'blue', 'yellow', '#f50', '#87d068', 'rgb(255, 0, 179)']
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tag/demos/color/react.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    colors: string[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/tag/demos/color/react.js

@@ -0,0 +1,34 @@
+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 React from 'react';
+import { Tag } from '@king-design/react';
+import './index.styl';
+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 = {
+      colors: ['default', 'primary', 'danger', 'success', 'warning', 'purple', 'teal', 'blue', 'yellow', '#f50', '#87d068', 'rgb(255, 0, 179)']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "container"
+    }, _mapInstanceProperty(_context2 = this.state.colors).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tag, {
+        color: $value
+      }, $value);
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,19 @@
+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: TransferDataItem<"key", "label">[];
+        value: never[];
+    };
+    onChangePage(model: 'left' | 'right', data: {
+        value: number;
+        limit: number;
+    }): void;
+    customFilter(item: TransferDataItem, keywords: string): boolean;
+}

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

@@ -0,0 +1,42 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _context;
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+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 { range, bind } from 'kpc/components/utils';
+var data = _mapInstanceProperty(_context = range(1, 100)).call(_context, function (item) {
+  return {
+    label: "\u4E3B\u673A\u540D" + item,
+    key: item
+  };
+});
+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: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.onChangePage = function onChangePage(model, data) {
+    console.log(model + " panel: page " + data.value + ", limit " + data.limit);
+  };
+  _proto.customFilter = function customFilter(item, keywords) {
+    var _context2;
+    var label = item.label;
+    var matchKeywords = _includesInstanceProperty(_context2 = label.toLowerCase()).call(_context2, keywords.toLowerCase());
+    return matchKeywords;
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "onChangePage", null);
+__decorate([bind], default_1.prototype, "customFilter", null);

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

@@ -0,0 +1,20 @@
+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: TransferDataItem<"key", "label">[];
+        value: never[];
+    };
+    private __test;
+    onChangePage(model: 'left' | 'right', data: {
+        value: number;
+        limit: number;
+    }): void;
+    customFilter(item: TransferDataItem, keywords: string): boolean;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,65 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _context;
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Transfer } from '@king-design/react';
+import { range, bind } from '@king-design/react/components/utils';
+var data = _mapInstanceProperty(_context = range(1, 100)).call(_context, function (item) {
+  return {
+    label: "\u4E3B\u673A\u540D" + item,
+    key: item
+  };
+});
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context2;
+    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(_context2 = [this]).call(_context2, args)) || this;
+    _this.state = {
+      data: data,
+      value: []
+    };
+    _this.__test = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.onChangePage = function onChangePage(model, data) {
+    console.log(model + " panel: page " + data.value + ", limit " + data.limit);
+  };
+  _proto.customFilter = function customFilter(item, keywords) {
+    var _context3;
+    var label = item.label;
+    var matchKeywords = _includesInstanceProperty(_context3 = label.toLowerCase()).call(_context3, keywords.toLowerCase());
+    return matchKeywords;
+  };
+  _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,
+      pagination: true,
+      filterable: true,
+      filter: this.customFilter,
+      onPage: this.onChangePage,
+      ref: function ref(i) {
+        return _this2.__test = i;
+      }
+    }), /*#__PURE__*/React.createElement("p", null, "You selected: [" + this.state.value.join(', ') + "]"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "onChangePage", null);
+__decorate([bind], Demo.prototype, "customFilter", null);

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

@@ -0,0 +1,33 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    allData: DataItem[];
+    leftData: DataItem[];
+    rightData: DataItem[];
+    leftCheckedKeys: number[];
+    rightCheckedKeys: number[];
+    leftKeywords: string;
+    rightKeywords: string;
+    leftFilteredData: DataItem[];
+    rightFilteredData: DataItem[];
+}
+type DataItem = {
+    id: number;
+    name: string;
+    ip: string;
+    status: string;
+};
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    filterData(data: DataItem[], keywords: string): DataItem[];
+    onLeftKeywordsChange(v: string | undefined): void;
+    onRightKeywordsChange(v: string | undefined): void;
+    onLeftCheckedKeysChange(keys: number[] | undefined): void;
+    onRightCheckedKeysChange(keys: number[] | undefined): void;
+    enableAdd(): boolean;
+    enableRemove(): boolean;
+    onAdd(): void;
+    onRemove(): void;
+}

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

@@ -0,0 +1,132 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _context;
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Set from "@babel/runtime-corejs3/core-js/set";
+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';
+import { range } from 'kpc/components/utils';
+var rawData = _mapInstanceProperty(_context = range(1, 50)).call(_context, function (item) {
+  return {
+    id: item,
+    name: "\u670D\u52A1\u5668" + item,
+    ip: "10.10.1." + item,
+    status: item % 3 === 0 ? '运行中' : item % 3 === 1 ? '已停止' : '维护中'
+  };
+});
+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 {
+      allData: rawData,
+      leftData: rawData,
+      rightData: [],
+      leftCheckedKeys: [],
+      rightCheckedKeys: [],
+      leftKeywords: '',
+      rightKeywords: '',
+      leftFilteredData: rawData,
+      rightFilteredData: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.filterData = function filterData(data, keywords) {
+    if (!keywords) return data;
+    var lowerKeywords = keywords.toLowerCase();
+    return _filterInstanceProperty(data).call(data, function (item) {
+      var _context2, _context3, _context4;
+      return _includesInstanceProperty(_context2 = item.name.toLowerCase()).call(_context2, lowerKeywords) || _includesInstanceProperty(_context3 = item.ip).call(_context3, keywords) || _includesInstanceProperty(_context4 = item.status).call(_context4, keywords);
+    });
+  };
+  _proto.onLeftKeywordsChange = function onLeftKeywordsChange(v) {
+    var keywords = v || '';
+    this.set('leftKeywords', keywords);
+    var data = this.filterData(this.get('leftData'), keywords);
+    this.set('leftFilteredData', data);
+  };
+  _proto.onRightKeywordsChange = function onRightKeywordsChange(v) {
+    var keywords = v || '';
+    this.set('rightKeywords', keywords);
+    var data = this.filterData(this.get('rightData'), keywords);
+    this.set('rightFilteredData', data);
+  };
+  _proto.onLeftCheckedKeysChange = function onLeftCheckedKeysChange(keys) {
+    this.set('leftCheckedKeys', keys || []);
+  };
+  _proto.onRightCheckedKeysChange = function onRightCheckedKeysChange(keys) {
+    this.set('rightCheckedKeys', keys || []);
+  };
+  _proto.enableAdd = function enableAdd() {
+    var keys = this.get('leftCheckedKeys');
+    return keys && keys.length > 0;
+  };
+  _proto.enableRemove = function enableRemove() {
+    var keys = this.get('rightCheckedKeys');
+    return keys && keys.length > 0;
+  };
+  _proto.onAdd = function onAdd() {
+    var _context5;
+    var leftCheckedKeys = this.get('leftCheckedKeys');
+    var leftData = this.get('leftData');
+    var rightData = this.get('rightData');
+    var selectedItems = _filterInstanceProperty(leftData).call(leftData, function (item) {
+      return _includesInstanceProperty(leftCheckedKeys).call(leftCheckedKeys, item.id);
+    });
+    var newLeftData = _filterInstanceProperty(leftData).call(leftData, function (item) {
+      return !_includesInstanceProperty(leftCheckedKeys).call(leftCheckedKeys, item.id);
+    });
+    var newRightData = _concatInstanceProperty(_context5 = []).call(_context5, rightData, selectedItems);
+    this.set({
+      leftData: newLeftData,
+      rightData: newRightData,
+      leftCheckedKeys: []
+    });
+    var leftFiltered = this.filterData(newLeftData, this.get('leftKeywords'));
+    var rightFiltered = this.filterData(newRightData, this.get('rightKeywords'));
+    this.set('leftFilteredData', leftFiltered);
+    this.set('rightFilteredData', rightFiltered);
+  };
+  _proto.onRemove = function onRemove() {
+    var rightCheckedKeys = this.get('rightCheckedKeys');
+    var allData = this.get('allData');
+    var rightData = this.get('rightData');
+    var newRightData = _filterInstanceProperty(rightData).call(rightData, function (item) {
+      return !_includesInstanceProperty(rightCheckedKeys).call(rightCheckedKeys, item.id);
+    });
+    var rightDataIds = new _Set(_mapInstanceProperty(newRightData).call(newRightData, function (item) {
+      return item.id;
+    }));
+    var newLeftData = _filterInstanceProperty(allData).call(allData, function (item) {
+      return !rightDataIds.has(item.id);
+    });
+    this.set({
+      leftData: newLeftData,
+      rightData: newRightData,
+      rightCheckedKeys: []
+    });
+    var leftFiltered = this.filterData(newLeftData, this.get('leftKeywords'));
+    var rightFiltered = this.filterData(newRightData, this.get('rightKeywords'));
+    this.set('leftFilteredData', leftFiltered);
+    this.set('rightFilteredData', rightFiltered);
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "onLeftKeywordsChange", null);
+__decorate([bind], default_1.prototype, "onRightKeywordsChange", null);
+__decorate([bind], default_1.prototype, "onLeftCheckedKeysChange", null);
+__decorate([bind], default_1.prototype, "onRightCheckedKeysChange", null);
+__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/table/react.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    allData: DataItem[];
+    leftData: DataItem[];
+    rightData: DataItem[];
+    leftCheckedKeys: number[];
+    rightCheckedKeys: number[];
+    leftKeywords: string;
+    rightKeywords: string;
+    leftFilteredData: DataItem[];
+    rightFilteredData: DataItem[];
+}
+type DataItem = {
+    id: number;
+    name: string;
+    ip: string;
+    status: string;
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    private leftTable;
+    private rightTable;
+    filterData(data: DataItem[], keywords: string): DataItem[];
+    onLeftKeywordsChange(v: string | undefined): void;
+    onRightKeywordsChange(v: string | undefined): void;
+    onLeftCheckedKeysChange(keys: number[] | undefined): void;
+    onRightCheckedKeysChange(keys: number[] | undefined): void;
+    enableAdd(): boolean;
+    enableRemove(): boolean;
+    onAdd(): void;
+    onRemove(): void;
+    render(): React.JSX.Element;
+}
+export {};