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

package/es/alert/demo/action.js

@@ -1,53 +0,0 @@
-/**
- * title: 操作
- * desc: 可以在右上角自定义操作项。
- */
-import React from 'react';
-import { Alert, Button, Space } from '@fle-ui/next';
-
-var ActionDemo = function ActionDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Tips",
-    type: "success",
-    showIcon: true,
-    action: /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      type: "text"
-    }, "UNDO"),
-    closable: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error Text",
-    showIcon: true,
-    description: "Error Description Error Description Error Description Error Description",
-    type: "error",
-    action: /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      danger: true
-    }, "Detail")
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning Text",
-    type: "warning",
-    action: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      type: "ghost"
-    }, "Done")),
-    closable: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Info Text",
-    description: "Info Description Info Description Info Description Info Description",
-    type: "info",
-    action: /*#__PURE__*/React.createElement(Space, {
-      direction: "vertical"
-    }, /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      type: "primary"
-    }, "Accept"), /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      danger: true,
-      type: "ghost"
-    }, "Decline")),
-    closable: true
-  }));
-};
-
-export default ActionDemo;

package/es/alert/demo/banner.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 顶部公告
- * desc: 页面顶部通告形式，默认有图标且 `type` 为 'warning'。
- */
-declare const BannerDemo: () => JSX.Element;
-export default BannerDemo;

package/es/alert/demo/banner.js

@@ -1,27 +0,0 @@
-/**
- * title: 顶部公告
- * desc: 页面顶部通告形式，默认有图标且 `type` 为 'warning'。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var BannerDemo = function BannerDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning text",
-    banner: true
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Alert, {
-    message: "Very long warning text warning text text text text text text text",
-    banner: true,
-    closable: true
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Alert, {
-    showIcon: false,
-    message: "Warning text without icon",
-    banner: true
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Alert, {
-    type: "error",
-    message: "Error text",
-    banner: true
-  }));
-};
-
-export default BannerDemo;

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

@@ -1,6 +0,0 @@
-/**
- * title: 基本
- * desc: 最简单的用法，适用于简短的警告提示。
- */
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/es/alert/demo/basic.js

@@ -1,15 +0,0 @@
-/**
- * title: 基本
- * desc: 最简单的用法，适用于简短的警告提示。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var BasicDemo = function BasicDemo() {
-  return /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Text",
-    type: "success"
-  });
-};
-
-export default BasicDemo;

package/es/alert/demo/closable.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 可关闭的警告提示
- * desc: 显示关闭按钮，点击可关闭警告提示。
- */
-declare const ClosableDemo: () => JSX.Element;
-export default ClosableDemo;

package/es/alert/demo/closable.js

@@ -1,27 +0,0 @@
-/**
- * title: 可关闭的警告提示
- * desc: 显示关闭按钮，点击可关闭警告提示。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var ClosableDemo = function ClosableDemo() {
-  var onClose = function onClose(e) {
-    console.log(e, 'I was closed.');
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text",
-    type: "warning",
-    closable: true,
-    onClose: onClose
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error Text",
-    description: "Error Description Error Description Error Description Error Description Error Description Error Description",
-    type: "error",
-    closable: true,
-    onClose: onClose
-  }));
-};
-
-export default ClosableDemo;

package/es/alert/demo/close-text.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义关闭
- * desc: 可以自定义关闭，自定义的文字会替换原先的关闭 `Icon`。
- */
-declare const CloseTextDemo: () => JSX.Element;
-export default CloseTextDemo;

package/es/alert/demo/close-text.js

@@ -1,16 +0,0 @@
-/**
- * title: 自定义关闭
- * desc: 可以自定义关闭，自定义的文字会替换原先的关闭 `Icon`。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var CloseTextDemo = function CloseTextDemo() {
-  return /*#__PURE__*/React.createElement(Alert, {
-    message: "Info Text",
-    type: "info",
-    closeText: "Close Now"
-  });
-};
-
-export default CloseTextDemo;

package/es/alert/demo/description.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 含有辅助性文字介绍
- * desc: 含有辅助性文字介绍的警告提示。
- */
-declare const DescriptionDemo: () => JSX.Element;
-export default DescriptionDemo;

package/es/alert/demo/description.js

@@ -1,28 +0,0 @@
-/**
- * title: 含有辅助性文字介绍
- * desc: 含有辅助性文字介绍的警告提示。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var DescriptionDemo = function DescriptionDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Text",
-    description: "Success Description Success Description Success Description",
-    type: "success"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Info Text",
-    description: "Info Description Info Description Info Description Info Description",
-    type: "info"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning Text",
-    description: "Warning Description Warning Description Warning Description Warning Description",
-    type: "warning"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error Text",
-    description: "Error Description Error Description Error Description Error Description",
-    type: "error"
-  }));
-};
-
-export default DescriptionDemo;

package/es/alert/demo/error-boundary.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: React 错误处理
- * desc: 友好的 [React 错误处理](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html) 包裹组件。
- */
-declare const ErrorBoundaryDemo: () => JSX.Element;
-export default ErrorBoundaryDemo;

package/es/alert/demo/error-boundary.js

@@ -1,36 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: React 错误处理
- * desc: 友好的 [React 错误处理](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html) 包裹组件。
- */
-import React, { useState } from 'react';
-import { Button, Alert } from '@fle-ui/next';
-
-var ErrorBoundaryDemo = function ErrorBoundaryDemo() {
-  var ErrorBoundary = Alert.ErrorBoundary;
-
-  var ThrowError = function ThrowError() {
-    var _useState = useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        error = _useState2[0],
-        setError = _useState2[1];
-
-    var onClick = function onClick() {
-      setError(new Error('An Uncaught Error'));
-    };
-
-    if (error) {
-      throw error;
-    }
-
-    return /*#__PURE__*/React.createElement(Button, {
-      danger: true,
-      onClick: onClick
-    }, "Click me to throw a error");
-  };
-
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ThrowError, null));
-};
-
-export default ErrorBoundaryDemo;

package/es/alert/demo/icon.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 图标
- * desc: 可口的图标让信息类型更加醒目。
- */
-declare const IconDemo: () => JSX.Element;
-export default IconDemo;

package/es/alert/demo/icon.js

@@ -1,50 +0,0 @@
-/**
- * title: 图标
- * desc: 可口的图标让信息类型更加醒目。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var IconDemo = function IconDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Tips",
-    type: "success",
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Informational Notes",
-    type: "info",
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning",
-    type: "warning",
-    showIcon: true,
-    closable: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error",
-    type: "error",
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Tips",
-    description: "Detailed description and advice about successful copywriting.",
-    type: "success",
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Informational Notes",
-    description: "Additional description and information about copywriting.",
-    type: "info",
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning",
-    description: "This is a warning notice about copywriting.",
-    type: "warning",
-    showIcon: true,
-    closable: true
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error",
-    description: "This is an error message about copywriting.",
-    type: "error",
-    showIcon: true
-  }));
-};
-
-export default IconDemo;

package/es/alert/demo/loop-banner.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 轮播的公告
- * desc: 配合 [react-text-loop](https://npmjs.com/package/react-text-loop) 实现消息轮播通知栏。
- */
-declare const LoopBannerDemo: () => JSX.Element;
-export default LoopBannerDemo;

package/es/alert/demo/loop-banner.js

@@ -1,18 +0,0 @@
-/**
- * title: 轮播的公告
- * desc: 配合 [react-text-loop](https://npmjs.com/package/react-text-loop) 实现消息轮播通知栏。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-import TextLoop from 'react-text-loop';
-
-var LoopBannerDemo = function LoopBannerDemo() {
-  return /*#__PURE__*/React.createElement(Alert, {
-    banner: true,
-    message: /*#__PURE__*/React.createElement(TextLoop, {
-      mask: true
-    }, /*#__PURE__*/React.createElement("div", null, "Notice message one"), /*#__PURE__*/React.createElement("div", null, "Notice message two"), /*#__PURE__*/React.createElement("div", null, "Notice message three"), /*#__PURE__*/React.createElement("div", null, "Notice message four"))
-  });
-};
-
-export default LoopBannerDemo;

package/es/alert/demo/smooth-closed.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 平滑地卸载
- * desc: 平滑、自然的卸载提示。
- */
-declare const SmoothClosedDemo: () => JSX.Element;
-export default SmoothClosedDemo;

package/es/alert/demo/smooth-closed.js

@@ -1,28 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 平滑地卸载
- * desc: 平滑、自然的卸载提示。
- */
-import React, { useState } from 'react';
-import { Alert } from '@fle-ui/next';
-
-var SmoothClosedDemo = function SmoothClosedDemo() {
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var handleClose = function handleClose() {
-    setVisible(false);
-  };
-
-  return /*#__PURE__*/React.createElement("div", null, visible ? /*#__PURE__*/React.createElement(Alert, {
-    message: "Alert Message Text",
-    type: "success",
-    closable: true,
-    afterClose: handleClose
-  }) : null, /*#__PURE__*/React.createElement("p", null, "placeholder text here"));
-};
-
-export default SmoothClosedDemo;

package/es/alert/demo/style.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 四种样式
- * desc: 共有四种样式 `success`、`info`、`warning`、`error`。
- */
-declare const StyleDemo: () => JSX.Element;
-export default StyleDemo;

package/es/alert/demo/style.js

@@ -1,24 +0,0 @@
-/**
- * title: 四种样式
- * desc: 共有四种样式 `success`、`info`、`warning`、`error`。
- */
-import React from 'react';
-import { Alert } from '@fle-ui/next';
-
-var StyleDemo = function StyleDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-    message: "Success Text",
-    type: "success"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Info Text",
-    type: "info"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Warning Text",
-    type: "warning"
-  }), /*#__PURE__*/React.createElement(Alert, {
-    message: "Error Text",
-    type: "error"
-  }));
-};
-
-export default StyleDemo;

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

@@ -1,151 +0,0 @@
-@import '../../style/index.less';
-
-@alert-prefix-cls: ~'@{ant-prefix}-alert';
-
-.@{alert-prefix-cls} {
-  .reset-component();
-
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 8px 15px;
-  word-wrap: break-word;
-  border-radius: @border-radius-base;
-
-  &-content {
-    flex: 1;
-    min-width: 0;
-  }
-
-  &-icon {
-    margin-right: @margin-xs;
-  }
-
-  &-description {
-    display: none;
-    font-size: @font-size-base;
-    line-height: @font-size-base + 8px;
-  }
-
-  &-success {
-    background-color: @alert-success-bg-color;
-    border: @border-width-base @border-style-base @alert-success-border-color;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-success-icon-color;
-    }
-  }
-
-  &-info {
-    background-color: @alert-info-bg-color;
-    border: @border-width-base @border-style-base @alert-info-border-color;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-info-icon-color;
-    }
-  }
-
-  &-warning {
-    background-color: @alert-warning-bg-color;
-    border: @border-width-base @border-style-base @alert-warning-border-color;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-warning-icon-color;
-    }
-  }
-
-  &-error {
-    background-color: @alert-error-bg-color;
-    border: @border-width-base @border-style-base @alert-error-border-color;
-
-    .@{alert-prefix-cls}-icon {
-      color: @alert-error-icon-color;
-    }
-
-    .@{alert-prefix-cls}-description > pre {
-      margin: 0;
-      padding: 0;
-    }
-  }
-
-  &-action {
-    margin-left: @margin-xs;
-  }
-
-  &-close-icon {
-    margin-left: @margin-xs;
-    padding: 0;
-    overflow: hidden;
-    font-size: @font-size-sm;
-    line-height: @font-size-sm;
-    background-color: transparent;
-    border: none;
-    outline: none;
-    cursor: pointer;
-
-    .@{iconfont-css-prefix}-close {
-      color: @alert-close-color;
-      transition: color 0.3s;
-      &:hover {
-        color: @alert-close-hover-color;
-      }
-    }
-  }
-
-  &-close-text {
-    color: @alert-close-color;
-    transition: color 0.3s;
-    &:hover {
-      color: @alert-close-hover-color;
-    }
-  }
-
-  &-with-description {
-    align-items: flex-start;
-    padding: @alert-with-description-padding;
-  }
-
-  &-with-description&-no-icon {
-    padding: @alert-with-description-no-icon-padding-vertical 15px;
-  }
-
-  &-with-description &-icon {
-    margin-right: @alert-with-description-padding-vertical;
-    font-size: @alert-with-description-icon-size;
-  }
-  &-with-description &-message {
-    display: block;
-    margin-bottom: 4px;
-    color: @alert-message-color;
-    font-size: @font-size-lg;
-  }
-
-  &-message {
-    color: @alert-message-color;
-  }
-
-  &-with-description &-description {
-    display: block;
-  }
-
-  &&-motion-leave {
-    overflow: hidden;
-    opacity: 1;
-    transition: max-height 0.3s @ease-in-out-circ, opacity 0.3s @ease-in-out-circ,
-      padding-top 0.3s @ease-in-out-circ, padding-bottom 0.3s @ease-in-out-circ,
-      margin-bottom 0.3s @ease-in-out-circ;
-  }
-
-  &&-motion-leave-active {
-    max-height: 0;
-    margin-bottom: 0 !important;
-    padding-top: 0;
-    padding-bottom: 0;
-    opacity: 0;
-  }
-
-  &-banner {
-    margin-bottom: 0;
-    border: 0;
-    border-radius: 0;
-  }
-}
-
-@import './rtl';

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

@@ -1,2 +0,0 @@
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/es/anchor/demo/basic.js

@@ -1,28 +0,0 @@
-/**
- * title: 基本
- * desc: 最简单的用法。
- */
-import React from 'react';
-import { Anchor } from '@fle-ui/next';
-
-var BasicDemo = function BasicDemo() {
-  var Link = Anchor.Link;
-  return /*#__PURE__*/React.createElement(Anchor, null, /*#__PURE__*/React.createElement(Link, {
-    href: "#components-anchor-demo-basic",
-    title: "Basic demo"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#components-anchor-demo-static",
-    title: "Static demo"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#API",
-    title: "API"
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: "#Anchor-Props",
-    title: "Anchor Props"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#Link-Props",
-    title: "Link Props"
-  })));
-};
-
-export default BasicDemo;

package/es/anchor/demo/click.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义onClick事件
- * desc: 点击锚点不记录历史。
- */
-declare const ClickDemo: () => JSX.Element;
-export default ClickDemo;

package/es/anchor/demo/click.js

@@ -1,37 +0,0 @@
-/**
- * title: 自定义onClick事件
- * desc: 点击锚点不记录历史。
- */
-import React from 'react';
-import { Anchor } from '@fle-ui/next';
-
-var ClickDemo = function ClickDemo() {
-  var Link = Anchor.Link;
-
-  var handleClick = function handleClick(e, link) {
-    e.preventDefault();
-    console.log(link);
-  };
-
-  return /*#__PURE__*/React.createElement(Anchor, {
-    affix: false,
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: "#components-anchor-demo-basic",
-    title: "Basic demo"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#components-anchor-demo-static",
-    title: "Static demo"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#API",
-    title: "API"
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: "#Anchor-Props",
-    title: "Anchor Props"
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: "#Link-Props",
-    title: "Link Props"
-  })));
-};
-
-export default ClickDemo;

package/es/anchor/demo/light.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义锚点高亮
- * desc: 自定义锚点高亮。
- */
-declare const LightDemo: () => JSX.Element;
-export default LightDemo;