@fle-ui/next 1.0.0-alpha.1 → 1.0.0-alpha.2

package/components/upload/index.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import InternalUpload, { UploadProps } from './components/upload';
-
-import Dragger, { DraggerProps } from './components/dragger';
-
-interface CompoundedComponent
-  extends React.ForwardRefExoticComponent<
-    React.PropsWithChildren<UploadProps> & React.RefAttributes<any>
-  > {
-  Dragger: typeof Dragger;
-}
-
-const Upload = InternalUpload as CompoundedComponent;
-
-Upload.Dragger = Dragger;
-
-export type { UploadProps, DraggerProps };
-
-export default Upload;

package/components/upload/upload.md

@@ -1,207 +0,0 @@
----
-title: Upload 上传
-order: 0
-legacy: /upload
-group:
-  path: /
-nav:
-  title: 组件
-  path: /components
----
-
-# Upload 上传
-
-文件选择上传和拖拽上传控件。
-
-## 何时使用
-
-上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。
-
-- 当需要上传一个或一些文件时。
-- 当需要展现上传的进度时。
-- 当需要使用拖拽交互时。
-
-## 代码演示
-
-### 基本用法
-<code src="./demos/basic.tsx" />
-
-### 用户头像
-> `beforeUpload` 的返回值可以是一个 Promise 以支持异步处理，如服务端校验等：[示例](https://upload-react-component.vercel.app/demo/before-upload#beforeupload)。
-<code src="./demos/avatar.jsx" />
-
-### 已上传的文件列表
-<code src="./demos/defaultFileList.jsx" />
-
-### 照片墙
-<code src="./demos/picture-card.jsx" />
-
-### 完全控制的上传列表
-<code src="./demos/fileList.jsx" />
-
-### 拖拽上传
-<code src="./demos/drag.tsx" />
-
-### 文件夹上传
-<code src="./demos/directory.tsx" />
-
-### 手动上传
-<code src="./demos/upload-manually.jsx" />
-
-### 只上传 png 图片
-<code src="./demos/upload-png-only.jsx" />
-
-### 图片列表样式
-<code src="./demos/picture-style.jsx" />
-
-### 自定义预览
-<code src="./demos/preview-file.jsx" />
-
-### 限制数量
-<code src="./demos/max-count.jsx" />
-
-### 上传前转换文件
-<code src="./demos/transform-file.jsx" />
-
-### 阿里云 OSS
-<code src="./demos/transform-file.jsx" />
-
-### 自定义交互图标
-<code src="./demos/upload-custom-action-icon.jsx" />
-
-### 上传列表拖拽排序
-<code src="./demos/drag-sorting.jsx" />
-
-### 上传前裁切图片
-<code src="./demos/crop-image.jsx" />
-
-### 自定义进度条样式
-<code src="./demos/customize-progress-bar.jsx" />
-
-## API
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| accept | 接受上传的文件类型, 详见 [input accept Attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept) | string | - |  |
-| action | 上传的地址 | string \| (file) => Promise&lt;string> | - |  |
-| beforeUpload | 上传文件之前的钩子，参数为上传的文件，若返回 `false` 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传（ resolve 传入 `File` 或 `Blob` 对象则上传 resolve 传入对象）；也可以返回 `Upload.LIST_IGNORE`，此时列表中将不展示此文件。 **注意：IE9 不支持该方法** | (file, fileList) => boolean \| Promise&lt;File> \| `Upload.LIST_IGNORE` | - |  |
-| customRequest | 通过覆盖默认的上传行为，可以自定义自己的上传实现 | function | - |  |
-| data | 上传所需额外参数或返回上传额外参数的方法 | object\|(file) => object \| Promise&lt;object> | - |  |
-| defaultFileList | 默认已经上传的文件列表 | object\[] | - |  |
-| directory | 支持上传文件夹（[caniuse](https://caniuse.com/#feat=input-file-directory)） | boolean | false |  |
-| disabled | 是否禁用 | boolean | false |  |
-| fileList | 已经上传的文件列表（受控），使用此参数时，如果遇到 `onChange` 只调用一次的问题，请参考 [#2423](https://github.com/ant-design/ant-design/issues/2423) | [UploadFile](#UploadFile)\[] | - |  |
-| headers | 设置上传的请求头部，IE10 以上有效 | object | - |  |
-| iconRender | 自定义显示 icon | (file: UploadFile, listType?: UploadListType) => ReactNode | - |  |
-| isImageUrl | 自定义缩略图是否使用 &lt;img /> 标签进行显示 | (file: UploadFile) => boolean | [(内部实现)](https://github.com/ant-design/ant-design/blob/4ad5830eecfb87471cd8ac588c5d992862b70770/components/upload/utils.tsx#L47-L68) |  |
-| itemRender | 自定义上传列表项 | (originNode: ReactElement, file: UploadFile, fileList: object\[], actions: { download: function, preview: function, remove: function }) => React.ReactNode | - | 4.16.0 |
-| listType | 上传列表的内建样式，支持三种基本样式 `text`, `picture` 和 `picture-card` | string | `text` |  |
-| maxCount | 限制上传数量。当为 1 时，始终用最新上传的文件代替当前文件 | number | - | 4.10.0 |
-| method | 上传请求的 http method | string | `post` |  |
-| multiple | 是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件 | boolean | false |  |
-| name | 发到后台的文件参数名 | string | `file` |  |
-| openFileDialogOnClick | 点击打开文件对话框 | boolean | true |  |
-| previewFile | 自定义文件预览逻辑 | (file: File \| Blob) => Promise&lt;dataURL: string> | - |  |
-| progress | 自定义进度条样式 | [ProgressProps](/components/progress/#API)（仅支持 `type="line"`） | { strokeWidth: 2, showInfo: false } | 4.3.0 |
-| showUploadList | 是否展示文件列表, 可设为一个对象，用于单独设定 `showPreviewIcon`, `showRemoveIcon`, `showDownloadIcon`, `removeIcon` 和 `downloadIcon` | boolean \| { showPreviewIcon?: boolean, showRemoveIcon?: boolean, showDownloadIcon?: boolean, removeIcon?: ReactNode \| (file: UploadFile) => ReactNode, downloadIcon?: ReactNode \| (file: UploadFile) => ReactNode } | true | function: 4.7.0 |
-| withCredentials | 上传请求时是否携带 cookie | boolean | false |  |
-| onChange | 上传文件改变时的状态，详见 [onChange](#onChange) | function | - |  |
-| onDrop | 当文件被拖入上传区域时执行的回调功能 | (event: React.DragEvent) => void | - | 4.16.0 |
-| onDownload | 点击下载文件时的回调，如果没有指定，则默认跳转到文件 url 对应的标签页 | function(file): void | (跳转新标签页) |  |
-| onPreview | 点击文件链接或预览图标时的回调 | function(file) | - |  |
-| onRemove   | 点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除               | function(file): boolean \| Promise | -   |  |
-
-### UploadFile
-
-继承自 File，附带额外属性用于渲染。
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| name | 文件名 | string | - |
-| percent | 上传进度 | number | - |
-| status | 上传状态，不同状态展示颜色也会有所不同 | `error` \| `success` \| `done` \| `uploading` \| `removed` | - |
-| thumbUrl | 缩略图地址 | string | - |
-| uid | 唯一标识符，不设置时会自动生成 | string | - |
-| url | 下载地址 | string | - |
-
-### onChange
-
-> 上传中、完成、失败都会调用这个函数。
-
-文件状态改变的回调，返回为：
-
-```bash
-{
-  file: { /* ... */ },
-  fileList: [ /* ... */ ],
-  event: { /* ... */ },
-}
-```
-
-1. `file` 当前操作的文件对象。
-
-   ```bash
-   {
-      uid: 'uid',      // 文件唯一标识，建议设置为负数，防止和内部产生的 id 冲突
-      name: 'xx.png'   // 文件名
-      status: 'done', // 状态有：uploading done error removed，被 beforeUpload 拦截的文件没有 status 属性
-      response: '{"status": "success"}', // 服务端响应内容
-      linkProps: '{"download": "image"}', // 下载链接额外的 HTML 属性
-   }
-   ```
-
-2. `fileList` 当前的文件列表。
-
-3. `event` 上传中的服务端响应内容，包含了上传进度等信息，高级浏览器支持。
-
-## FAQ
-
-### 服务端如何实现？
-
-- 服务端上传接口实现可以参考 [jQuery-File-Upload](https://github.com/blueimp/jQuery-File-Upload/wiki#server-side)。
-- 如果要做本地 mock 可以参考这个 [express 的例子](https://github.com/react-component/upload/blob/master/server.js)。
-
-### 如何显示下载链接？
-
-请使用 fileList 属性设置数组项的 url 属性进行展示控制。
-
-### `customRequest` 怎么使用？
-
-请参考 <https://github.com/react-component/upload#customrequest>。
-
-### 为何 `fileList` 受控时，上传不在列表中的文件不会触发 `onChange` 后续的 `status` 更新事件？
-
-`onChange` 事件仅会作用于在列表中的文件，因而 `fileList` 不存在对应文件时后续事件会被忽略。请注意，在 `4.13.0` 版本之前受控状态存在 bug 导致不在列表中的文件也会触发。
-
-### `onChange` 为什么有时候返回 File 有时候返回 { originFileObj: File }？
-
-历史原因，在 `beforeUpload` 返回 `false` 时，会返回 File 对象。在下个大版本我们会统一返回 `{ originFileObj: File }` 对象。当前版本已经兼容所有场景下 `info.file.originFileObj` 获取原 File 写法。你可以提前切换。
-
-<style>
-.avatar-uploader > .ant-upload {
-  width: 128px;
-  height: 128px;
-}
-
-.upload-list-inline .ant-upload-list-item {
-  float: left;
-  width: 200px;
-  margin-right: 8px;
-}
-
-.upload-list-inline [class*='-upload-list-rtl'] .ant-upload-list-item {
-  float: right;
-}
-
-.ant-upload-draggable-list-item {
-  border-top: 2px dashed rgba(0, 0, 0, 0);
-  border-bottom: 2px dashed rgba(0, 0, 0, 0);
-}
-.ant-upload-draggable-list-item.drop-over-downward {
-  border-bottom-color: #1890ff;
-}
-.ant-upload-draggable-list-item.drop-over-upward {
-  border-top-color: #1890ff;
-}
-
-</style>

package/docs/getting-started.md

@@ -1,9 +0,0 @@
----
-nav:
-  title: 快速上手
-  order: 1
----
-
-# 快速上手
-
-Balabala...

package/docs/help.md

@@ -1,8 +0,0 @@
----
-nav:
-  title: 帮助
----
-
-# 帮助
-
-Balabala...

package/docs/index.md

@@ -1,20 +0,0 @@
----
-hero:
-  title: Fle-UI
-  desc:  是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品
-  actions:
-    - text: 快速上手
-      link: /components/button
-features:
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
-    title: 特性 1
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
-    title: 特性 2
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
-    title: 特性 3
-    desc: Balabala
-footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by xxxx
----
-

package/lib/alert/components/alert.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { AlertProps as AntdAlertProps } from 'antd/es/alert';
-export interface AlertProps extends AntdAlertProps {}
-declare const Alert: FC<AlertProps>;
-export default Alert;

package/lib/alert/components/errorBoundary.d.ts

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-export interface ErrorBoundaryProps {
-  message?: React.ReactNode;
-  description?: React.ReactNode;
-}
-declare const ErrorBoundary: FC<ErrorBoundaryProps>;
-export default ErrorBoundary;

package/lib/anchor/components/anchor.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AnchorProps as AntdAnchorProps } from 'antd';
-export interface AnchorProps extends AntdAnchorProps {}
-declare const Anchor: React.ForwardRefExoticComponent<
-  AnchorProps & React.RefAttributes<any>
->;
-export default Anchor;

package/lib/anchor/components/link.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { AnchorLinkProps as AntdAnchorLinkProps } from 'antd/es/anchor/AnchorLink';
-export interface AnchorLinkProps extends AntdAnchorLinkProps {}
-declare const Link: FC<AnchorLinkProps>;
-export default Link;

package/lib/auto-complete/components/autoComplete.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AutoCompleteProps as AntdAutoCompleteProps } from 'antd/es/auto-complete';
-export interface AutoCompleteProps extends AntdAutoCompleteProps {}
-declare const AutoComplete: React.ForwardRefExoticComponent<
-  AutoCompleteProps & React.RefAttributes<any>
->;
-export default AutoComplete;

package/lib/auto-complete/components/option.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { OptionProps as AntdSelectOptionProps } from 'rc-select/lib/Option';
-export interface OptionProps extends AntdSelectOptionProps {}
-declare const Option: FC<OptionProps>;
-export default Option;

package/lib/badge/components/badge.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { BadgeProps as AntdBadgeProps } from 'antd/es/badge';
-export interface BadgeProps extends AntdBadgeProps {}
-declare const Badge: FC<BadgeProps>;
-export default Badge;

package/lib/badge/components/ribbon.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { RibbonProps as AntdRibbonProps } from 'antd/es/badge/Ribbon';
-export interface RibbonProps extends AntdRibbonProps {}
-declare const Ribbon: FC<RibbonProps>;
-export default Ribbon;

package/lib/breadcrumb/components/breadcrumb.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { BreadcrumbProps as AntdBreadcrumbProps } from 'antd/es/breadcrumb';
-export interface BreadcrumbProps extends AntdBreadcrumbProps {}
-declare const Breadcrumb: FC<BreadcrumbProps>;
-export default Breadcrumb;

package/lib/breadcrumb/components/item.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { BreadcrumbItemProps as AntdBreadcrumbItemProps } from 'antd/es/breadcrumb';
-export interface BreadcrumbItemProps extends AntdBreadcrumbItemProps {}
-interface BreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
-  __ANT_BREADCRUMB_ITEM: boolean;
-}
-declare const Item: BreadcrumbItemInterface;
-export default Item;

package/lib/breadcrumb/components/separator.d.ts

@@ -1,4 +0,0 @@
-import EsBreadcrumbSeparator from 'antd/es/breadcrumb/BreadcrumbSeparator';
-export declare type BreadcrumbSeparatorInterface = typeof EsBreadcrumbSeparator;
-declare const Separator: BreadcrumbSeparatorInterface;
-export default Separator;

package/lib/card/components/card.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { CardProps as AntdCardProps } from 'antd/es/card';
-export interface CardProps extends AntdCardProps {}
-declare const Card: FC<CardProps>;
-export default Card;

package/lib/card/components/grid.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { CardGridProps as AntdGridProps } from 'antd/es/card';
-export interface CardGridProps extends AntdGridProps {}
-declare const Grid: FC<CardGridProps>;
-export default Grid;

package/lib/card/components/meta.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { CardMetaProps as AntdCardMetaProps } from 'antd/es/card';
-export interface CardMetaProps extends AntdCardMetaProps {}
-declare const Meta: FC<CardMetaProps>;
-export default Meta;

package/lib/checkbox/components/checkbox.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CheckboxProps as AntdCheckboxProps } from 'antd/es/checkbox';
-export interface CheckboxProps extends AntdCheckboxProps {}
-declare const Checkbox: React.ForwardRefExoticComponent<
-  CheckboxProps & React.RefAttributes<any>
->;
-export default Checkbox;

package/lib/checkbox/components/group.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox/Group';
-export interface CheckboxGroupProps extends AntdCheckboxGroupProps {}
-declare const Group: React.ForwardRefExoticComponent<
-  CheckboxGroupProps & React.RefAttributes<any>
->;
-export default Group;

package/lib/collapse/components/collapse.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { CollapseProps as AntdCollapseProps } from 'antd';
-export interface CollapseProps extends AntdCollapseProps {}
-declare const Collapse: FC<CollapseProps>;
-export default Collapse;

package/lib/collapse/components/panel.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { CollapsePanelProps as AntdCollapsePanelProps } from 'antd/es/collapse/CollapsePanel';
-export interface CollapsePanelProps extends AntdCollapsePanelProps {}
-declare const Panel: FC<AntdCollapsePanelProps>;
-export default Panel;

package/lib/descriptions/components/descriptions.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { DescriptionsProps as AntdDescriptionsProps } from 'antd';
-export interface DescriptionsProps extends AntdDescriptionsProps {}
-declare const Descriptions: FC<DescriptionsProps>;
-export default Descriptions;

package/lib/descriptions/components/item.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/es/descriptions/Item';
-export interface DescriptionsItemProps extends AntdDescriptionsItemProps {}
-declare const Item: FC<AntdDescriptionsItemProps>;
-export default Item;

package/lib/dropdown/components/button.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { DropdownButtonProps as AntdDropdownButtonProps } from 'antd/es/dropdown';
-export interface DropdownButtonProps extends AntdDropdownButtonProps {}
-declare const Button: FC<DropdownButtonProps>;
-export default Button;

package/lib/dropdown/components/dropdown.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { DropDownProps as AntdDropDownProps } from 'antd/es/dropdown';
-export interface DropDownProps extends AntdDropDownProps {}
-declare const Dropdown: FC<DropDownProps>;
-export default Dropdown;

package/lib/empty/components/empty.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import type { EmptyProps as AntdEmptyProps } from 'antd/es/empty';
-export interface EmptyProps extends AntdEmptyProps {}
-declare const Empty: FC<EmptyProps>;
-export default Empty;