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

package/components/image/components/image.tsx

@@ -1,12 +0,0 @@
-import React, { FC, ReactElement } from 'react';
-import { Image as AntdImage } from 'antd';
-import type { ImageProps as AntdImageProps } from 'antd';
-
-export interface ImageProps extends AntdImageProps {}
-
-const Image: FC<ImageProps> = (props): ReactElement => {
-  const { children, ...otherProps } = props;
-  return <AntdImage {...otherProps}>{children}</AntdImage>;
-};
-
-export default Image;

package/components/image/components/previewGroup.tsx

@@ -1,11 +0,0 @@
-import React, { FC, ReactElement } from 'react';
-import { Image as AntdImage } from 'antd';
-import { GroupConsumerProps as AntdGroupConsumerProps } from 'rc-image/lib/PreviewGroup';
-
-export interface GroupConsumerProps extends AntdGroupConsumerProps {}
-const { PreviewGroup: AntdPreviewGroup } = AntdImage;
-const PreviewGroup: FC<AntdGroupConsumerProps> = (props): ReactElement => {
-  const { children, ...otherProps } = props;
-  return <AntdPreviewGroup {...otherProps}>{children}</AntdPreviewGroup>;
-};
-export default PreviewGroup;

package/components/image/demos/basic.tsx

@@ -1,18 +0,0 @@
-/**
- * title: 基本用法
- * desc: 单击图像可以放大显示。
- */
-
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-const BasicDemo = () => {
-  return (
-    <Image
-      width={200}
-      src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-    />
-  );
-};
-
-export default BasicDemo;

package/components/image/demos/custom.tsx

@@ -1,21 +0,0 @@
-/**
- * title: 自定义预览图片
- * desc: 可以设置不同的预览图片。
- */
-
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-const CustomDemo = () => {
-  return (
-    <Image
-      width={200}
-      src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"
-      preview={{
-        src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
-      }}
-    />
-  );
-};
-
-export default CustomDemo;

package/components/image/demos/error.tsx

@@ -1,19 +0,0 @@
-/**
- * title: 容错处理
- * desc: 加载失败显示图像占位符。
- */
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-const ErrorDemo = () => {
-  return (
-    <Image
-      width={200}
-      height={200}
-      src="error"
-      fallback="data:image/png;base64,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"
-    />
-  );
-};
-
-export default ErrorDemo;

package/components/image/demos/load.tsx

@@ -1,37 +0,0 @@
-/**
- * title: 渐进加载
- * desc: 大图使用 placeholder 渐进加载。
- */
-
-import React from 'react';
-import { Image } from '@fle-ui/next';
-import { Button, Space } from 'antd';
-
-const LoadDemo = () => {
-  const [random, setRandom] = React.useState<any>();
-  return (
-    <Space size={12}>
-      <Image
-        width={200}
-        src={`https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?${random}`}
-        placeholder={
-          <Image
-            preview={false}
-            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"
-            width={200}
-          />
-        }
-      />
-      <Button
-        type="primary"
-        onClick={() => {
-          setRandom(Date.now());
-        }}
-      >
-        Reload
-      </Button>
-    </Space>
-  );
-};
-
-export default LoadDemo;

package/components/image/demos/many.tsx

@@ -1,24 +0,0 @@
-/**
- * title: 多张图片预览
- * desc: 点击左右切换按钮可以预览多张图片。
- */
-
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-const Many = () => {
-  return (
-    <Image.PreviewGroup>
-      <Image
-        width={200}
-        src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
-      />
-      <Image
-        width={200}
-        src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
-      />
-    </Image.PreviewGroup>
-  );
-};
-
-export default Many;

package/components/image/demos/photo.tsx

@@ -1,32 +0,0 @@
-/**
- * title: 相册模式
- * desc: 从一张图片点开相册。
- */
-
-import React, { useState } from 'react';
-import { Image } from '@fle-ui/next';
-
-const PhotoDemo = () => {
-  const [visible, setVisible] = useState<boolean>(false);
-  return (
-    <>
-      <Image
-        preview={{ visible: false }}
-        width={200}
-        src="https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
-        onClick={() => setVisible(true)}
-      />
-      <div style={{ display: 'none' }}>
-        <Image.PreviewGroup
-          preview={{ visible, onVisibleChange: (vis) => setVisible(vis) }}
-        >
-          <Image src="https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp" />
-          <Image src="https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp" />
-          <Image src="https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp" />
-        </Image.PreviewGroup>
-      </div>
-    </>
-  );
-};
-
-export default PhotoDemo;

package/components/image/image.md

@@ -1,74 +0,0 @@
----
-title: Image 图片
-order: 0
-legacy: /image
-group:
-  path: /
-nav:
-  title: 组件
-  path: /components
----
-
-# Image 图片
-
-可预览的图片。
-
-## 何时使用
-
-- 需要展示图片时使用。
-- 加载大图时显示 loading 或加载失败时容错处理。
-
-## 代码演示
-
-### 基本用法
-
-<code src="./demos/basic.tsx" />
-
-### 容错处理
-
-<code src="./demos/error.tsx" />
-
-### 渐进加载
-
-<code src="./demos/load.tsx" />
-
-### 多张图片预览
-
-<code src="./demos/many.tsx" />
-
-### 相册模式
-
-<code src="./demos/photo.tsx" />
-
-### 自定义预览图片
-
-<code src="./demos/custom.tsx" />
-
-## API
-
-| 参数        | 说明                               | 类型                                   | 默认值 | 版本                                    |
-| ----------- | ---------------------------------- | -------------------------------------- | ------ | --------------------------------------- |
-| alt         | 图像描述                           | string                                 | -      | 4.6.0                                   |
-| fallback    | 加载失败容错地址                   | string                                 | -      | 4.6.0                                   |
-| height      | 图像高度                           | string \| number                       | -      | 4.6.0                                   |
-| placeholder | 加载占位, 为 `true` 时使用默认占位 | ReactNode                              | -      | 4.6.0                                   |
-| preview     | 预览参数，为 `false` 时禁用        | boolean \| [previewType](#previewType) | true   | 4.6.0 [previewType](#previewType):4.7.0 |
-| src         | 图片地址                           | string                                 | -      | 4.6.0                                   |
-| width       | 图像宽度                           | string \| number                       | -      | 4.6.0                                   |
-| onError     | 加载错误回调                       | (event: Event) => void                 | -      | 4.12.0                                  |
-
-### previewType
-
-```bash
-{
-  visible?: boolean;
-  onVisibleChange?: (visible, prevVisible) => void;
-  getContainer?: string | HTMLElement | (() => HTMLElement); // V4.8.0
-  src?: string; // V4.10.0
-  mask?: ReactNode; // V4.9.0
-  maskClassName?: string; // V4.11.0
-  current?: number; // V4.12.0 仅支持 PreviewGroup。
-}
-```
-
-其他属性见 [&lt;img>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Attributes)

package/components/image/index.tsx

@@ -1,12 +0,0 @@
-import InternalImage, { ImageProps } from './components/image';
-import PreviewGroup from './components/previewGroup';
-import React from 'react';
-
-interface CompositionImage<P> extends React.FC<P> {
-  PreviewGroup: typeof PreviewGroup;
-}
-const Image: CompositionImage<ImageProps> =
-  InternalImage as CompositionImage<ImageProps>;
-Image.PreviewGroup = PreviewGroup;
-export type { ImageProps };
-export default Image;

package/components/index.tsx

@@ -1,180 +0,0 @@
-export type { ButtonProps } from './button';
-export { default as Button } from './button';
-
-export type { AvatarProps } from './avatar';
-export { default as Avatar } from './avatar';
-
-export type { SpinProps } from './spin';
-export { default as Spin } from './spin';
-
-export type { BadgeProps } from './badge';
-export { default as Badge } from './badge';
-
-export type { InputProps } from './input';
-export { default as Input } from './input';
-
-export type { RadioProps } from './radio';
-export { default as Radio } from './radio';
-
-export type { CheckboxProps } from './checkbox';
-export { default as Checkbox } from './checkbox';
-
-export type { SelectProps } from './select';
-export { default as Select } from './select';
-
-export type { SwitchProps } from './switch';
-export { default as Switch } from './switch';
-
-export type { DividerProps } from './divider';
-export { default as Divider } from './divider';
-
-export type { CardProps } from './card';
-export { default as Card } from './card';
-
-export type { TagProps } from './tag';
-export { default as Tag } from './tag';
-
-export type { StatisticProps } from './statistic';
-export { default as Statistic } from './statistic';
-
-export type { EmptyProps } from './empty';
-export { default as Empty } from './empty';
-
-export type { MenuProps } from './menu';
-export { default as Menu } from './menu';
-
-export type { TableProps } from './table';
-export { default as Table } from './table';
-
-export type { ListProps } from './list';
-export { default as List } from './list';
-
-export type { TimelineProps } from './timeline';
-export { default as Timeline } from './timeline';
-
-export type { ProgressProps } from './progress';
-export { default as Progress } from './progress';
-
-export type { InputNumberProps } from './inputNumber';
-export { default as InputNumber } from './inputNumber';
-
-export type { DropDownProps } from './dropdown';
-export { default as Dropdown } from './dropdown';
-
-export type { PaginationProps } from './pagination';
-export { default as Pagination } from './pagination';
-
-export type { SliderRangeProps, SliderSingleProps } from './slider';
-export { default as Slider } from './slider';
-
-export type { ModalFuncProps, ModalProps } from './modal';
-export { default as Modal } from './modal';
-
-export type { TypographyProps } from './typography';
-export { default as Typography } from './typography';
-
-export type { CascaderProps } from './cascader';
-export { default as Cascader } from './cascader';
-
-export type { DatePickerProps } from './date-picker';
-export { default as DatePicker } from './date-picker';
-
-export type { TimePickerProps } from './time-picker';
-export { default as TimePicker } from './time-picker';
-
-export type { AutoCompleteProps } from './auto-complete';
-export { default as AutoComplete } from './auto-complete';
-
-export type { LayoutProps, SiderProps } from './layout';
-export { default as Layout } from './layout';
-
-export type { SpaceProps } from './space';
-export { default as Space } from './space';
-
-export type { PopoverProps } from './popover';
-export { default as Popover } from './popover';
-
-export type { PageHeaderProps } from './page-header';
-export { default as PageHeader } from './page-header';
-
-export type { TransferProps } from './transfer';
-export { default as Transfer } from './transfer';
-
-export type { AffixProps, AffixState } from './affix';
-export { default as Affix } from './affix';
-
-export type { AlertProps, ErrorBoundaryProps } from './alert';
-export { default as Alert } from './alert';
-
-export type { DrawerProps } from './drawer';
-export { default as Drawer } from './drawer';
-
-export type { MessageArgsProps } from './message';
-export { default as message } from './message';
-
-export type { CalendarProps } from './calendar';
-export { default as Calendar } from './calendar';
-
-export type { TooltipProps } from './tooltip';
-export { default as Tooltip } from './tooltip';
-
-export type { CarouselProps } from './carousel';
-export { default as Carousel } from './carousel';
-
-export type { PopconfirmProps } from './popconfirm';
-export { default as Popconfirm } from './popconfirm';
-
-export type {
-  BreadcrumbProps,
-  BreadcrumbItemProps,
-  BreadcrumbSeparatorInterface,
-} from './breadcrumb';
-export { default as Breadcrumb } from './breadcrumb';
-
-export type { TabsProps, TabPaneProps } from './tabs';
-export { default as Tabs } from './tabs';
-
-export type { StepsProps, StepProps } from './steps';
-export { default as Steps } from './steps';
-
-export type { RateProps } from './rate';
-export { default as Rate } from './rate';
-
-export type { MentionProps, OptionProps } from './mentions';
-export { default as Mentions } from './mentions';
-
-export type { ImageProps } from './image';
-export { default as Image } from './image';
-
-export type { DescriptionsItemProps, DescriptionsProps } from './descriptions';
-export { default as Descriptions } from './descriptions';
-
-export type { ResultProps } from './result';
-export { default as Result } from './result';
-export type { UploadProps, DraggerProps } from './upload';
-export { default as Upload } from './upload';
-
-export type {
-  FormProps,
-  FormInstance,
-  FormItemProps,
-  FormListProps,
-} from './form';
-export { default as Form } from './form';
-
-export type { CommentProps } from './comment';
-export { default as Comment } from './comment';
-
-export type { CollapseProps, CollapsePanelProps } from './collapse';
-export { default as Collapse } from './collapse';
-
-export type { BackTopProps } from './back-top';
-export { default as BackTop } from './back-top';
-
-export type { AnchorProps, AnchorLinkProps } from './anchor';
-export { default as Anchor } from './anchor';
-
-export type { ConfigProviderProps } from './config-provider';
-export { default as ConfigProvider } from './config-provider';
-
-export { default as notification } from './notification';