@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/es/message/demo/duration.js

@@ -1,18 +0,0 @@
-/**
- * title: 修改延时
- * desc: 自定义时长 `10s`，默认时长为 `3s`。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var DurationDemo = function DurationDemo() {
-  var success = function success() {
-    message.success('This is a prompt message for success, and it will disappear in 10 seconds', 10);
-  };
-
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: success
-  }, "Customized display duration");
-};
-
-export default DurationDemo;

package/es/message/demo/hooks.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 通过 Hooks 获取上下文（4.5.0+）
- * desc: 通过 `message.useMessage` 创建支持读取 context 的 `contextHolder`。使用 `style` 和 `className` 来定义样式。
- */
-declare const HooksDemo: () => JSX.Element;
-export default HooksDemo;

package/es/message/demo/hooks.js

@@ -1,41 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 通过 Hooks 获取上下文（4.5.0+）
- * desc: 通过 `message.useMessage` 创建支持读取 context 的 `contextHolder`。使用 `style` 和 `className` 来定义样式。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var HooksDemo = function HooksDemo() {
-  var Context = /*#__PURE__*/React.createContext({
-    name: 'Default'
-  });
-
-  var _message$useMessage = message.useMessage(),
-      _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
-      messageApi = _message$useMessage2[0],
-      contextHolder = _message$useMessage2[1];
-
-  var info = function info() {
-    messageApi.open({
-      type: 'info',
-      content: /*#__PURE__*/React.createElement(Context.Consumer, null, function (_ref) {
-        var name = _ref.name;
-        return "Hello, ".concat(name, "!");
-      }),
-      duration: 1
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: {
-      name: 'Ant Design'
-    }
-  }, contextHolder, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: info
-  }, "Display normal message"));
-};
-
-export default HooksDemo;

package/es/message/demo/info.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 普通提示
- * desc: 信息提醒反馈。
- */
-declare const InfoDemo: () => JSX.Element;
-export default InfoDemo;

package/es/message/demo/info.js

@@ -1,19 +0,0 @@
-/**
- * title: 普通提示
- * desc: 信息提醒反馈。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var InfoDemo = function InfoDemo() {
-  var info = function info() {
-    message.info('This is a normal message');
-  };
-
-  return /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: info
-  }, "Display normal message");
-};
-
-export default InfoDemo;

package/es/message/demo/loading.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 加载中
- * desc: 进行全局 loading，异步自行移除。
- */
-declare const LoadingDemo: () => JSX.Element;
-export default LoadingDemo;

package/es/message/demo/loading.js

@@ -1,20 +0,0 @@
-/**
- * title: 加载中
- * desc: 进行全局 loading，异步自行移除。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var LoadingDemo = function LoadingDemo() {
-  var success = function success() {
-    var hide = message.loading('Action in progress..', 0); // Dismiss manually and asynchronously
-
-    setTimeout(hide, 2500);
-  };
-
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: success
-  }, "Display a loading indicator");
-};
-
-export default LoadingDemo;

package/es/message/demo/other.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 其他提示类型
- * desc: 包括成功、失败、警告。
- */
-declare const OtherDemo: () => JSX.Element;
-export default OtherDemo;

package/es/message/demo/other.js

@@ -1,30 +0,0 @@
-/**
- * title: 其他提示类型
- * desc: 包括成功、失败、警告。
- */
-import React from 'react';
-import { message, Button, Space } from '@fle-ui/next';
-
-var OtherDemo = function OtherDemo() {
-  var success = function success() {
-    message.success('This is a success message');
-  };
-
-  var error = function error() {
-    message.error('This is an error message');
-  };
-
-  var warning = function warning() {
-    message.warning('This is a warning message');
-  };
-
-  return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: success
-  }, "Success"), /*#__PURE__*/React.createElement(Button, {
-    onClick: error
-  }, "Error"), /*#__PURE__*/React.createElement(Button, {
-    onClick: warning
-  }, "Warning"));
-};
-
-export default OtherDemo;

package/es/message/demo/thenable.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: Promise 接口
- * desc: 可以通过 then 接口在关闭后运行 callback 。以上用例将在每个 message 将要结束时通过 then 显示新的 message 。
- */
-declare const ThenableDemo: () => JSX.Element;
-export default ThenableDemo;

package/es/message/demo/thenable.js

@@ -1,22 +0,0 @@
-/**
- * title: Promise 接口
- * desc: 可以通过 then 接口在关闭后运行 callback 。以上用例将在每个 message 将要结束时通过 then 显示新的 message 。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var ThenableDemo = function ThenableDemo() {
-  var success = function success() {
-    message.loading('Action in progress..', 2.5).then(function () {
-      return message.success('Loading finished', 2.5);
-    }).then(function () {
-      return message.info('Loading finished is finished', 2.5);
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: success
-  }, "Display sequential messages");
-};
-
-export default ThenableDemo;

package/es/message/demo/update.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 更新消息内容
- * desc: 可以通过唯一的 `key` 来更新内容。
- */
-declare const UpdateDemo: () => JSX.Element;
-export default UpdateDemo;

package/es/message/demo/update.js

@@ -1,31 +0,0 @@
-/**
- * title: 更新消息内容
- * desc: 可以通过唯一的 `key` 来更新内容。
- */
-import React from 'react';
-import { message, Button } from '@fle-ui/next';
-
-var UpdateDemo = function UpdateDemo() {
-  var key = 'updatable';
-
-  var openMessage = function openMessage() {
-    message.loading({
-      content: 'Loading...',
-      key: key
-    });
-    setTimeout(function () {
-      message.success({
-        content: 'Loaded!',
-        key: key,
-        duration: 2
-      });
-    }, 1000);
-  };
-
-  return /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: openMessage
-  }, "Open the message box");
-};
-
-export default UpdateDemo;

package/es/message/style/index-pure.less

@@ -1,74 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@message-prefix-cls: ~'@{ant-prefix}-message';
-
-.@{message-prefix-cls} {
-  .reset-component();
-
-  position: fixed;
-  top: 8px;
-  left: 0;
-  z-index: @zindex-message;
-  width: 100%;
-  pointer-events: none;
-
-  &-notice {
-    padding: 8px;
-    text-align: center;
-  }
-
-  &-notice-content {
-    display: inline-block;
-    padding: @message-notice-content-padding;
-    background: @message-notice-content-bg;
-    border-radius: @border-radius-base;
-    box-shadow: @shadow-2;
-    pointer-events: all;
-  }
-
-  &-success .@{iconfont-css-prefix} {
-    color: @success-color;
-  }
-
-  &-error .@{iconfont-css-prefix} {
-    color: @error-color;
-  }
-
-  &-warning .@{iconfont-css-prefix} {
-    color: @warning-color;
-  }
-
-  &-info .@{iconfont-css-prefix},
-  &-loading .@{iconfont-css-prefix} {
-    color: @info-color;
-  }
-
-  .@{iconfont-css-prefix} {
-    position: relative;
-    top: 1px;
-    margin-right: 8px;
-    font-size: @font-size-lg;
-  }
-
-  &-notice.@{ant-prefix}-move-up-leave.@{ant-prefix}-move-up-leave-active {
-    animation-name: MessageMoveOut;
-    animation-duration: 0.3s;
-  }
-}
-
-@keyframes MessageMoveOut {
-  0% {
-    max-height: 150px;
-    padding: 8px;
-    opacity: 1;
-  }
-  100% {
-    max-height: 0;
-    padding: 0;
-    opacity: 0;
-  }
-}
-
-@import './rtl';

package/es/modal/demo/async.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 异步关闭
- * desc: 点击确定后异步关闭对话框，例如提交表单。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/modal/demo/async.js

@@ -1,56 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 异步关闭
- * desc: 点击确定后异步关闭对话框，例如提交表单。
- */
-import React, { useState } from 'react';
-import { Modal, Button } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      confirmLoading = _useState4[0],
-      setConfirmLoading = _useState4[1];
-
-  var _useState5 = useState('Content of the modal'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      modalText = _useState6[0],
-      setModalText = _useState6[1];
-
-  var showModal = function showModal() {
-    setVisible(true);
-  };
-
-  var handleOk = function handleOk() {
-    setModalText('The modal will be closed after two seconds');
-    setConfirmLoading(true);
-    setTimeout(function () {
-      setVisible(false);
-      setConfirmLoading(false);
-    }, 2000);
-  };
-
-  var handleCancel = function handleCancel() {
-    console.log('Clicked cancel button');
-    setVisible(false);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showModal
-  }, "Open Modal with async logic"), /*#__PURE__*/React.createElement(Modal, {
-    title: "Title",
-    visible: visible,
-    onOk: handleOk,
-    confirmLoading: confirmLoading,
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("p", null, modalText)));
-};
-
-export default Demo;

package/es/modal/demo/basic.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本
- * desc: 第一个对话框。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/modal/demo/basic.js

@@ -1,39 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 基本
- * desc: 第一个对话框。
- */
-import React, { useState } from 'react';
-import { Modal, Button } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isModalVisible = _useState2[0],
-      setIsModalVisible = _useState2[1];
-
-  var showModal = function showModal() {
-    setIsModalVisible(true);
-  };
-
-  var handleOk = function handleOk() {
-    setIsModalVisible(false);
-  };
-
-  var handleCancel = function handleCancel() {
-    setIsModalVisible(false);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showModal
-  }, "Open Modal"), /*#__PURE__*/React.createElement(Modal, {
-    title: "Basic Modal",
-    visible: isModalVisible,
-    onOk: handleOk,
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
-};
-
-export default Demo;

package/es/modal/demo/button-props.d.ts

@@ -1,15 +0,0 @@
-/**
- * title: 自定义页脚按钮属性
- * desc: 传入 `okButtonProps` 和 `cancelButtonProps` 可分别自定义确定按钮和取消按钮的 props。
- */
-import React from 'react';
-declare class Demo extends React.Component {
-    state: {
-        visible: boolean;
-    };
-    showModal: () => void;
-    handleOk: (e: any) => void;
-    handleCancel: (e: any) => void;
-    render(): JSX.Element;
-}
-export default Demo;

package/es/modal/demo/button-props.js

@@ -1,77 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-/**
- * title: 自定义页脚按钮属性
- * desc: 传入 `okButtonProps` 和 `cancelButtonProps` 可分别自定义确定按钮和取消按钮的 props。
- */
-import React from 'react';
-import { Modal, Button } from '@fle-ui/next';
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  _inherits(Demo, _React$Component);
-
-  var _super = _createSuper(Demo);
-
-  function Demo() {
-    var _this;
-
-    _classCallCheck(this, Demo);
-
-    _this = _super.apply(this, arguments);
-    _this.state = {
-      visible: false
-    };
-
-    _this.showModal = function () {
-      _this.setState({
-        visible: true
-      });
-    };
-
-    _this.handleOk = function (e) {
-      console.log(e);
-
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.handleCancel = function (e) {
-      console.log(e);
-
-      _this.setState({
-        visible: false
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(Demo, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: this.showModal
-      }, "Open Modal with customized button props"), /*#__PURE__*/React.createElement(Modal, {
-        title: "Basic Modal",
-        visible: this.state.visible,
-        onOk: this.handleOk,
-        onCancel: this.handleCancel,
-        okButtonProps: {
-          disabled: true
-        },
-        cancelButtonProps: {
-          disabled: true
-        }
-      }, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
-    }
-  }]);
-
-  return Demo;
-}(React.Component);
-
-export default Demo;

package/es/modal/demo/confirm-router.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 销毁确认对话框
- * desc: 使用 `Modal.destroyAll()` 可以销毁弹出的确认窗。通常用于路由监听当中，处理路由前进、后退不能销毁确认对话框的问题。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/modal/demo/confirm-router.js

@@ -1,40 +0,0 @@
-/**
- * title: 销毁确认对话框
- * desc: 使用 `Modal.destroyAll()` 可以销毁弹出的确认窗。通常用于路由监听当中，处理路由前进、后退不能销毁确认对话框的问题。
- */
-import React from 'react';
-import { Modal, Button } from '@fle-ui/next';
-import { ExclamationCircleOutlined } from '@ant-design/icons';
-
-function destroyAll() {
-  Modal.destroyAll();
-}
-
-var confirm = Modal.confirm;
-
-function showConfirm() {
-  for (var i = 0; i < 3; i += 1) {
-    setTimeout(function () {
-      confirm({
-        icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-        content: /*#__PURE__*/React.createElement(Button, {
-          onClick: destroyAll
-        }, "Click to destroy all"),
-        onOk: function onOk() {
-          console.log('OK');
-        },
-        onCancel: function onCancel() {
-          console.log('Cancel');
-        }
-      });
-    }, i * 500);
-  }
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: showConfirm
-  }, "Confirm");
-};
-
-export default Demo;

package/es/modal/demo/confirm.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 确认对话框
- * desc: 使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/modal/demo/confirm.js

@@ -1,91 +0,0 @@
-/**
- * title: 确认对话框
- * desc: 使用 `confirm()` 可以快捷地弹出确认框。onCancel/onOk 返回 promise 可以延迟关闭。
- */
-import React from 'react';
-import { Modal, Button, Space } from '@fle-ui/next';
-import { ExclamationCircleOutlined } from '@ant-design/icons';
-var confirm = Modal.confirm;
-
-function showConfirm() {
-  confirm({
-    title: 'Do you Want to delete these items?',
-    icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-    content: 'Some descriptions',
-    onOk: function onOk() {
-      console.log('OK');
-    },
-    onCancel: function onCancel() {
-      console.log('Cancel');
-    }
-  });
-}
-
-function showPromiseConfirm() {
-  confirm({
-    title: 'Do you want to delete these items?',
-    icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-    content: 'When clicked the OK button, this dialog will be closed after 1 second',
-    onOk: function onOk() {
-      return new Promise(function (resolve, reject) {
-        setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
-      })["catch"](function () {
-        return console.log('Oops errors!');
-      });
-    },
-    onCancel: function onCancel() {}
-  });
-}
-
-function showDeleteConfirm() {
-  confirm({
-    title: 'Are you sure delete this task?',
-    icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-    content: 'Some descriptions',
-    okText: 'Yes',
-    okType: 'danger',
-    cancelText: 'No',
-    onOk: function onOk() {
-      console.log('OK');
-    },
-    onCancel: function onCancel() {
-      console.log('Cancel');
-    }
-  });
-}
-
-function showPropsConfirm() {
-  confirm({
-    title: 'Are you sure delete this task?',
-    icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-    content: 'Some descriptions',
-    okText: 'Yes',
-    okType: 'danger',
-    okButtonProps: {
-      disabled: true
-    },
-    cancelText: 'No',
-    onOk: function onOk() {
-      console.log('OK');
-    },
-    onCancel: function onCancel() {
-      console.log('Cancel');
-    }
-  });
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: showConfirm
-  }, "Confirm"), /*#__PURE__*/React.createElement(Button, {
-    onClick: showPromiseConfirm
-  }, "With promise"), /*#__PURE__*/React.createElement(Button, {
-    onClick: showDeleteConfirm,
-    type: "dashed"
-  }, "Delete"), /*#__PURE__*/React.createElement(Button, {
-    onClick: showPropsConfirm,
-    type: "dashed"
-  }, "With extra props"));
-};
-
-export default Demo;

package/es/modal/demo/footer.d.ts

@@ -1,16 +0,0 @@
-/**
- * title: 自定义页脚
- * desc: 更复杂的例子，自定义了页脚的按钮，点击提交后进入 loading 状态，完成后关闭。<br /><br />不需要默认确定取消按钮时，你可以把 `footer` 设为 `null`。
- */
-import React from 'react';
-declare class Demo extends React.Component {
-    state: {
-        loading: boolean;
-        visible: boolean;
-    };
-    showModal: () => void;
-    handleOk: () => void;
-    handleCancel: () => void;
-    render(): JSX.Element;
-}
-export default Demo;