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

package/es/site/data/components/notification/demos/close/react.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    notificationId?: number;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        notificationId: undefined;
+    };
+    showNotification(): void;
+    closeNotification(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/notification/demos/close/react.js

@@ -0,0 +1,52 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+import React from 'react';
+import { ButtonGroup, Button } from '@king-design/react';
+import { Notification, 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 = {
+      notificationId: undefined
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.showNotification = function showNotification() {
+    var id = Notification.info({
+      title: '可关闭的通知',
+      content: '点击"关闭通知"按钮可以关闭此通知',
+      duration: 0
+    });
+    this.setState({
+      notificationId: id
+    });
+  };
+  _proto.closeNotification = function closeNotification() {
+    var notificationId = this.state.notificationId;
+    if (notificationId !== undefined) {
+      Notification.close(notificationId);
+      this.setState({
+        notificationId: undefined
+      });
+    }
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showNotification
+    }, "\u663E\u793A\u901A\u77E5"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.closeNotification
+    }, "\u5173\u95ED\u901A\u77E5"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "showNotification", null);
+__decorate([bind], Demo.prototype, "closeNotification", null);

package/es/site/data/components/notification/demos/duration/index.d.ts

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

package/es/site/data/components/notification/demos/duration/index.js

@@ -0,0 +1,33 @@
+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 { Notification } from 'kpc';
+import { bind } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.showCloseDelay = function showCloseDelay() {
+    Notification.warning({
+      title: '10s后关闭',
+      content: '这条通知10s后才会自动关闭',
+      duration: 10000
+    });
+  };
+  _proto.showStick = function showStick() {
+    Notification.warning({
+      title: '不会自动关闭',
+      content: '这条通知不会自动关闭，需要手动关闭',
+      duration: 0
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "showCloseDelay", null);
+__decorate([bind], default_1.prototype, "showStick", null);

package/es/site/data/components/notification/demos/duration/react.d.ts

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

package/es/site/data/components/notification/demos/duration/react.js

@@ -0,0 +1,38 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+import React from 'react';
+import { ButtonGroup, Button } from '@king-design/react';
+import { Notification } from '@king-design/react';
+import { bind } 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.showCloseDelay = function showCloseDelay() {
+    Notification.warning({
+      title: '10s后关闭',
+      content: '这条通知10s后才会自动关闭',
+      duration: 10000
+    });
+  };
+  _proto.showStick = function showStick() {
+    Notification.warning({
+      title: '不会自动关闭',
+      content: '这条通知不会自动关闭，需要手动关闭',
+      duration: 0
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showCloseDelay
+    }, "10s\u540E\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showStick
+    }, "\u4E0D\u4F1A\u81EA\u52A8\u5173\u95ED"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "showCloseDelay", null);
+__decorate([bind], Demo.prototype, "showStick", null);

package/es/site/data/components/notification/demos/events/index.d.ts

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

package/es/site/data/components/notification/demos/events/index.js

@@ -0,0 +1,31 @@
+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 { Notification, Message } from 'kpc';
+import { bind } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.showNotification = function showNotification() {
+    Notification.info({
+      title: '事件通知',
+      content: '点击通知或等待自动关闭，查看页面信息提示',
+      onClick: function onClick(e) {
+        Message.info('你点击了通知');
+      },
+      onClose: function onClose() {
+        Message.warning('通知已关闭');
+      },
+      className: 'event-test'
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "showNotification", null);

package/es/site/data/components/notification/demos/events/react.d.ts

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

package/es/site/data/components/notification/demos/events/react.js

@@ -0,0 +1,34 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+import React from 'react';
+import { ButtonGroup, Button } from '@king-design/react';
+import { Notification, Message } from '@king-design/react';
+import { bind } 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.showNotification = function showNotification() {
+    Notification.info({
+      title: '事件通知',
+      content: '点击通知或等待自动关闭，查看页面信息提示',
+      onClick: function onClick(e) {
+        Message.info('你点击了通知');
+      },
+      onClose: function onClose() {
+        Message.warning('通知已关闭');
+      },
+      className: 'event-test'
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showNotification
+    }, "\u663E\u793A\u901A\u77E5"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "showNotification", null);

package/es/site/data/components/notification/demos/hideClose/index.d.ts

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

package/es/site/data/components/notification/demos/hideClose/index.js

@@ -0,0 +1,25 @@
+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 { Notification } from 'kpc';
+import { bind } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.hideClosable = function hideClosable() {
+    Notification.info({
+      title: '隐藏关闭按钮',
+      content: '这条通知隐藏了关闭按钮',
+      closable: false
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "hideClosable", null);

package/es/site/data/components/notification/demos/hideClose/react.d.ts

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

package/es/site/data/components/notification/demos/hideClose/react.js

@@ -0,0 +1,28 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Button } from '@king-design/react';
+import { Notification } from '@king-design/react';
+import { bind } 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.hideClosable = function hideClosable() {
+    Notification.info({
+      title: '隐藏关闭按钮',
+      content: '这条通知隐藏了关闭按钮',
+      closable: false
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: this.hideClosable
+    }, "\u9690\u85CF\u5173\u95ED\u6309\u94AE");
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "hideClosable", null);

package/es/site/data/components/notification/demos/icon/index.d.ts

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

package/es/site/data/components/notification/demos/icon/index.js

@@ -0,0 +1,33 @@
+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 { Notification } from 'kpc';
+import { bind } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.showNotificationIcon = function showNotificationIcon() {
+    Notification.notice({
+      title: '自定义图标',
+      content: 'hello, kc',
+      icon: 'k-icon-notification-fill'
+    });
+  };
+  _proto.showTimeIcon = function showTimeIcon() {
+    Notification.notice({
+      title: '自定义图标',
+      content: 'hello, kc',
+      icon: 'k-icon-time'
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "showNotificationIcon", null);
+__decorate([bind], default_1.prototype, "showTimeIcon", null);

package/es/site/data/components/notification/demos/icon/react.d.ts

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

package/es/site/data/components/notification/demos/icon/react.js

@@ -0,0 +1,42 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+import React from 'react';
+import { ButtonGroup, Button, Icon } from '@king-design/react';
+import { Notification } from '@king-design/react';
+import { bind } 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.showNotificationIcon = function showNotificationIcon() {
+    Notification.notice({
+      title: '自定义图标',
+      content: 'hello, kc',
+      icon: 'k-icon-notification-fill'
+    });
+  };
+  _proto.showTimeIcon = function showTimeIcon() {
+    Notification.notice({
+      title: '自定义图标',
+      content: 'hello, kc',
+      icon: 'k-icon-time'
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showNotificationIcon
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-notification-fill"
+    })), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showTimeIcon
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-time"
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "showNotificationIcon", null);
+__decorate([bind], Demo.prototype, "showTimeIcon", null);

package/es/site/data/components/notification/demos/position/index.d.ts

@@ -0,0 +1,9 @@
+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(): {
+        positions: readonly ["topRight", "topLeft", "bottomRight", "bottomLeft", "top", "bottom"];
+    };
+    showNotification(position: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft' | 'top' | 'bottom'): void;
+}

package/es/site/data/components/notification/demos/position/index.js

@@ -0,0 +1,27 @@
+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 { Notification } 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 {
+      positions: ['topRight', 'topLeft', 'bottomRight', 'bottomLeft', 'top', 'bottom']
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.showNotification = function showNotification(position) {
+    Notification.info({
+      title: '通知标题',
+      content: "\u901A\u77E5\u51FA\u73B0\u5728" + position + "\u4F4D\u7F6E",
+      position: position
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/notification/demos/position/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        positions: readonly ["topRight", "topLeft", "bottomRight", "bottomLeft", "top", "bottom"];
+    };
+    showNotification(position: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft' | 'top' | 'bottom'): void;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/notification/demos/position/react.js

@@ -0,0 +1,40 @@
+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 { ButtonGroup, Button } from '@king-design/react';
+import { Notification } 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 = {
+      positions: ['topRight', 'topLeft', 'bottomRight', 'bottomLeft', 'top', 'bottom']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.showNotification = function showNotification(position) {
+    Notification.info({
+      title: '通知标题',
+      content: "\u901A\u77E5\u51FA\u73B0\u5728" + position + "\u4F4D\u7F6E",
+      position: position
+    });
+  };
+  _proto.render = function render() {
+    var _context2,
+      _this2 = this;
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, _mapInstanceProperty(_context2 = this.state.positions).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Button, {
+        onClick: _this2.showNotification.bind(_this2, $value)
+      }, $value);
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/notification/demos/types/index.d.ts

@@ -0,0 +1,9 @@
+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(): {
+        types: readonly ["info", "error", "warning", "success"];
+    };
+    showNotification(type: 'info' | 'error' | 'warning' | 'success'): void;
+}

package/es/site/data/components/notification/demos/types/index.js

@@ -0,0 +1,26 @@
+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 { Notification } 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 {
+      types: ['info', 'error', 'warning', 'success']
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.showNotification = function showNotification(type) {
+    Notification[type]({
+      title: type,
+      content: "\u8FD9\u662F\u4E00\u6761" + type + "\u7C7B\u578B\u7684\u901A\u77E5"
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/notification/demos/types/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        types: readonly ["info", "error", "warning", "success"];
+    };
+    showNotification(type: 'info' | 'error' | 'warning' | 'success'): void;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/notification/demos/types/react.js

@@ -0,0 +1,39 @@
+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 { ButtonGroup, Button } from '@king-design/react';
+import { Notification } 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 = {
+      types: ['info', 'error', 'warning', 'success']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.showNotification = function showNotification(type) {
+    Notification[type]({
+      title: type,
+      content: "\u8FD9\u662F\u4E00\u6761" + type + "\u7C7B\u578B\u7684\u901A\u77E5"
+    });
+  };
+  _proto.render = function render() {
+    var _context2,
+      _this2 = this;
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, _mapInstanceProperty(_context2 = this.state.types).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Button, {
+        onClick: _this2.showNotification.bind(_this2, $value)
+      }, $value);
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/notification/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;
+        }[];
+    };
+}