react-vant-nova 1.0.0-test

package/es/toast/style/index.css

@@ -0,0 +1,72 @@
+:root {
+  --rv-toast-max-width: 70%;
+  --rv-toast-font-size: var(--rv-font-size-md);
+  --rv-toast-text-color: var(--rv-white);
+  --rv-toast-loading-icon-color: var(--rv-white);
+  --rv-toast-line-height: var(--rv-line-height-md);
+  --rv-toast-border-radius: var(--rv-border-radius-lg);
+  --rv-toast-background-color: rgba(0, 0, 0, 0.7);
+  --rv-toast-icon-size: 36px;
+  --rv-toast-text-min-width: 96px;
+  --rv-toast-text-padding: var(--rv-padding-xs) var(--rv-padding-sm);
+  --rv-toast-default-padding: var(--rv-padding-md);
+  --rv-toast-default-width: 88px;
+  --rv-toast-default-min-height: 88px;
+  --rv-toast-position-top-distance: 20%;
+  --rv-toast-position-bottom-distance: 20%;
+}
+.rv-toast--unclickable {
+  overflow: hidden;
+  cursor: not-allowed;
+}
+.rv-toast--unclickable * {
+  pointer-events: none;
+}
+.rv-toast.rv-popup {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+  width: var(--rv-toast-default-width);
+  max-width: var(--rv-toast-max-width);
+  min-height: var(--rv-toast-default-min-height);
+  padding: var(--rv-toast-default-padding);
+  color: var(--rv-toast-text-color);
+  font-size: var(--rv-toast-font-size);
+  line-height: var(--rv-toast-line-height);
+  white-space: pre-wrap;
+  text-align: center;
+  word-break: break-all;
+  background-color: var(--rv-toast-background-color);
+  border-radius: var(--rv-toast-border-radius);
+  transition: all var(--rv-animation-duration-fast);
+}
+.rv-toast.rv-toast--info,
+.rv-toast.rv-toast--html {
+  width: fit-content;
+  min-width: var(--rv-toast-text-min-width);
+  min-height: 0;
+  padding: var(--rv-toast-text-padding);
+}
+.rv-toast.rv-toast--info .rv-toast__info,
+.rv-toast.rv-toast--html .rv-toast__info {
+  margin-top: 0;
+}
+.rv-toast.rv-toast--top {
+  top: var(--rv-toast-position-top-distance);
+}
+.rv-toast.rv-toast--bottom {
+  top: auto;
+  bottom: var(--rv-toast-position-bottom-distance);
+}
+.rv-toast__icon {
+  font-size: var(--rv-toast-icon-size);
+}
+.rv-toast__loading {
+  padding: var(--rv-padding-base);
+  color: var(--rv-toast-loading-icon-color);
+}
+.rv-toast__info {
+  margin-top: var(--rv-padding-xs);
+}

package/es/typography/Ellipsis.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { EllipsisProps } from './PropsType';
+declare const Ellipsis: FC<EllipsisProps>;
+export default Ellipsis;

package/es/typography/Ellipsis.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useMemo, useRef, useState } from 'react';
+import { useIsomorphicLayoutEffect } from '../hooks';
+import { useResizeEffect } from '../hooks/use-resize-effect';
+import { withStopPropagation } from '../utils/dom/event';
+import { mergeProps } from '../utils/get-default-props';
+const Ellipsis = p => {
+  const props = mergeProps(p, {
+    rows: 1,
+    expandText: '',
+    collapseText: '',
+    suffixText: '',
+    symbol: '...',
+    stopPropagationForActionButtons: []
+  });
+  const rootRef = useRef(null);
+  const [ellipsised, setEllipsised] = useState({});
+  const [expanded, setExpanded] = useState(false);
+  const [exceeded, setExceeded] = useState(false);
+  const suffixStr = useMemo(() => {
+    if (props.suffixText) return props.suffixText;
+    if (props.suffixCount > 0) {
+      return props.children.slice(-props.suffixCount).trim();
+    }
+    return '';
+  }, [props.suffixCount, props.suffixText]);
+  function calcEllipsised() {
+    const root = rootRef.current;
+    if (!root) return;
+    const originStyle = window.getComputedStyle(root);
+    const container = document.createElement('div');
+    const styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach(name => {
+      container.style.setProperty(name, originStyle.getPropertyValue(name));
+    });
+    container.style.position = 'fixed';
+    container.style.left = '999999px';
+    container.style.top = '999999px';
+    container.style.zIndex = '-1000';
+    container.style.height = 'auto';
+    container.style.minHeight = 'auto';
+    container.style.maxHeight = 'auto';
+    container.style.textOverflow = 'clip';
+    container.style.whiteSpace = 'normal';
+    container.style.webkitLineClamp = 'unset';
+    container.style.display = 'block';
+    const lineHeight = pxToNumber(originStyle.lineHeight);
+    const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+    container.innerHTML = props.children;
+    document.body.appendChild(container);
+    if (container.offsetHeight <= maxHeight) {
+      setExceeded(false);
+    } else {
+      setExceeded(true);
+      const end = props.children.length;
+      const actionText = expanded ? props.collapseText : props.expandText;
+      // eslint-disable-next-line no-inner-declarations
+      function check(left, right) {
+        if (right - left <= 1) {
+          return {
+            leading: props.children.slice(0, left) + props.symbol
+          };
+        }
+        const middle = Math.round((left + right) / 2);
+        container.innerHTML = props.children.slice(0, middle) + props.symbol + suffixStr + actionText;
+        if (container.offsetHeight <= maxHeight) {
+          return check(middle, right);
+        }
+        return check(left, middle);
+      }
+      const ellipsised = check(0, end);
+      setEllipsised(ellipsised);
+    }
+    document.body.removeChild(container);
+  }
+  useResizeEffect(calcEllipsised, rootRef);
+  useIsomorphicLayoutEffect(() => {
+    calcEllipsised();
+  }, [props.children, props.rows, suffixStr, props.expandText, props.collapseText]);
+  const onExpandClick = isExpend => {
+    var _a;
+    (_a = props.onExpend) === null || _a === void 0 ? void 0 : _a.call(props, isExpend);
+    setExpanded(isExpend);
+  };
+  const expandActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, _jsx("a", Object.assign({
+    onClick: () => {
+      onExpandClick(true);
+    }
+  }, {
+    children: props.expandText
+  }))) : null;
+  const collapseActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, _jsx("a", Object.assign({
+    onClick: () => {
+      onExpandClick(false);
+    }
+  }, {
+    children: props.collapseText
+  }))) : null;
+  const renderContent = () => {
+    if (!exceeded) {
+      return props.children;
+    }
+    if (expanded) {
+      return _jsxs(_Fragment, {
+        children: [props.children, collapseActionElement]
+      });
+    } else {
+      return _jsxs(_Fragment, {
+        children: [ellipsised.leading, suffixStr, expandActionElement]
+      });
+    }
+  };
+  return _jsx("div", Object.assign({
+    ref: rootRef,
+    className: clsx('rv-typography__ellipsis', props.className),
+    style: props.style
+  }, {
+    children: renderContent()
+  }));
+};
+function pxToNumber(value) {
+  if (!value) return 0;
+  const match = value.match(/^\d*(\.\d*)?/);
+  return match ? Number(match[0]) : 0;
+}
+export default Ellipsis;

package/es/typography/PropsType.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { BaseTypeProps, PropagationEvent } from '../utils';
+export declare type EllipsisProps = {
+    children: string;
+    rows?: number;
+    symbol?: string;
+    expandText?: string;
+    collapseText?: string;
+    suffixText?: string;
+    suffixCount?: number;
+    stopPropagationForActionButtons?: PropagationEvent[];
+    onExpend?: (isExpend: boolean) => void;
+    onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+} & Omit<BaseTypeProps, 'children'>;
+export declare type TypographyType = 'danger' | 'secondary' | 'light' | 'primary' | 'success' | 'warning';
+export declare type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export declare type TypographyTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface TypographyBaseProps extends BaseTypeProps {
+    type?: TypographyType;
+    color?: string | TypographyType;
+    size?: TypographySize;
+    level?: TypographyTitleLevel;
+    disabled?: boolean;
+    delete?: boolean;
+    underline?: boolean;
+    center?: boolean;
+    strong?: boolean;
+    ellipsis?: boolean | number | Omit<EllipsisProps, 'children'>;
+    onClick?: (event: React.MouseEvent) => void;
+    tag?: string;
+}
+export declare type TypographyTextProps = Omit<TypographyBaseProps, 'level'>;
+export declare type TypographyTitleProps = Omit<TypographyBaseProps, 'size' | 'tag'>;
+export declare type TypographyLinkProps = Omit<TypographyBaseProps, 'level'> & React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/es/typography/PropsType.js

@@ -0,0 +1 @@
+export {};

package/es/typography/Typography.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TypographyBaseProps } from './PropsType';
+declare const TypographyBase: React.FC<TypographyBaseProps & {
+    renderType: string;
+}>;
+export default TypographyBase;

package/es/typography/Typography.js

@@ -0,0 +1,117 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { createNamespace, isObject } from '../utils';
+import Ellipsis from './Ellipsis';
+const [bem] = createNamespace('typography');
+const ellipsisDefaultValue = {
+  rows: 1
+};
+const TypographyBase = _a => {
+  var {
+      tag = 'div',
+      type,
+      size = 'md',
+      level = 5,
+      center,
+      ellipsis,
+      className,
+      children,
+      strong,
+      underline,
+      disabled,
+      renderType,
+      delete: del,
+      onClick
+    } = _a,
+    props = __rest(_a, ["tag", "type", "size", "level", "center", "ellipsis", "className", "children", "strong", "underline", "disabled", "renderType", "delete", "onClick"]);
+  const internalClick = e => {
+    if (disabled) {
+      e.stopPropagation();
+    }
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+  };
+  const ellipsisNumber = useMemo(() => {
+    if (typeof ellipsis === 'boolean' && ellipsis) return 1;
+    if (typeof ellipsis === 'number') return ellipsis;
+    if (isObject(ellipsis) && ellipsis.rows) return ellipsis.rows;
+    return 0;
+  }, [ellipsis]);
+  const isEllipsis = !!ellipsis;
+  const isCssEllipsis = useMemo(() => {
+    if (typeof ellipsis === 'boolean') return true;
+    if (typeof ellipsis === 'number') return true;
+    if (isObject(ellipsis)) {
+      const p = Object.assign(Object.assign({}, ellipsisDefaultValue), ellipsis);
+      if (!p.collapseText && !p.expandText && !p.suffixCount && !p.suffixText && !p.symbol) return true;
+    }
+    return false;
+  }, [ellipsis]);
+  const isEnhanceEllipsis = isEllipsis && !isCssEllipsis;
+  const TagElement = useMemo(() => {
+    if (renderType === 'title') {
+      if (level === 1) return 'h1';
+      if (level === 2) return 'h2';
+      if (level === 3) return 'h3';
+      if (level === 4) return 'h4';
+      if (level === 5) return 'h5';
+      return 'h6';
+    }
+    return tag;
+  }, [tag]);
+  const measureStyle = useMemo(() => {
+    const propsStyle = Object.assign(Object.assign({}, props.style), {
+      '--rv-typography-color': props.color
+    });
+    if (isEllipsis && isCssEllipsis && ellipsisNumber > 1) {
+      return Object.assign(Object.assign({}, propsStyle), {
+        '--line-clamp': ellipsisNumber
+      });
+    }
+    return propsStyle;
+  }, [props.style, isCssEllipsis]);
+  const renderContent = () => {
+    if (isEnhanceEllipsis) return (
+      // @ts-ignore
+      _jsx(Ellipsis, Object.assign({
+        onContentClick: internalClick,
+        className: clsx(className, `rv-typography__${renderType}`, bem([type, size, {
+          center,
+          strong,
+          underline,
+          disabled,
+          delete: del,
+          [`l${level}`]: renderType === 'title' && level
+        }]))
+      }, props, ellipsis, {
+        style: measureStyle
+      }, {
+        children: children
+      }))
+    );
+    return (
+      // @ts-ignore
+      _jsx(TagElement, Object.assign({
+        className: clsx(className, `rv-typography__${renderType}`, bem([type, size, {
+          center,
+          strong,
+          underline,
+          disabled,
+          delete: del,
+          [`l${level}`]: renderType === 'title' && level
+        }]), {
+          'rv-ellipsis': isEllipsis && isCssEllipsis && ellipsisNumber === 1,
+          'rv-typography__ellipsis--multi': isEllipsis && isCssEllipsis && ellipsisNumber > 1
+        })
+      }, props, {
+        onClick: internalClick,
+        style: measureStyle
+      }, {
+        children: children
+      }))
+    );
+  };
+  return renderContent();
+};
+export default TypographyBase;

package/es/typography/index.d.ts

@@ -0,0 +1,12 @@
+import './style/index.less';
+import React from 'react';
+import { TypographyTextProps, TypographyTitleProps, TypographyLinkProps } from './PropsType';
+declare const TypographyNamespace: React.FC<import("./PropsType").TypographyBaseProps & {
+    renderType: string;
+}> & {
+    Text: (props: TypographyTextProps) => JSX.Element;
+    Title: (props: TypographyTitleProps) => JSX.Element;
+    Link: (props: TypographyLinkProps) => JSX.Element;
+};
+export { TypographyNamespace as Typography };
+export type { TypographyBaseProps as TypographyProps, TypographySize, TypographyType, TypographyTitleLevel, } from './PropsType';

package/es/typography/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./style/index.css";
+import Typography from './Typography';
+const Text = props => _jsx(Typography, Object.assign({
+  renderType: 'text',
+  tag: 'span'
+}, props));
+const Title = props => _jsx(Typography, Object.assign({
+  renderType: 'title',
+  tag: 'h1'
+}, props));
+const Link = props => _jsx(Typography, Object.assign({
+  renderType: 'link',
+  tag: 'a'
+}, props));
+const TypographyNamespace = Object.assign(Typography, {
+  Text,
+  Title,
+  Link
+});
+export { TypographyNamespace as Typography };

package/es/typography/style/index.css

@@ -0,0 +1,132 @@
+:root {
+  --rv-typography-color: var(--rv-text-color);
+  --rv-typography-link-color: var(--rv-primary-color);
+  --rv-typography-font-size-xs: 10px;
+  --rv-typography-font-size-sm: 12px;
+  --rv-typography-font-size: var(--rv-font-size-md);
+  --rv-typography-font-size-lg: 16px;
+  --rv-typography-font-size-xl: 20px;
+  --rv-typography-font-size-xxl: 24px;
+  --rv-typography-title-size-l1: 30px;
+  --rv-typography-title-size-l2: 26px;
+  --rv-typography-title-size-l3: 22px;
+  --rv-typography-title-size-l4: 20px;
+  --rv-typography-title-size-l5: 16px;
+  --rv-typography-title-size-l6: 14px;
+  --rv-typography-primary-color: var(--rv-primary-color);
+  --rv-typography-danger-color: var(--rv-danger-color);
+  --rv-typography-success-color: var(--rv-success-color);
+  --rv-typography-secondary-color: var(--rv-gray-6);
+  --rv-typography-warning-color: var(--rv-warning-color);
+  --rv-typography-disabled-color: var(--rv-gray-5);
+  --rv-typography-light-color: var(--rv-white);
+}
+.rv-typography {
+  color: var(--rv-typography-color);
+  word-wrap: break-word;
+}
+.rv-typography__ellipsis {
+  overflow: hidden;
+  line-height: 1.5;
+}
+.rv-typography__ellipsis--multi {
+  --line-clamp: 2;
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: var(--line-clamp);
+  line-clamp: var(--line-clamp);
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+.rv-typography__link {
+  --rv-typography-color: var(--rv-typography-link-color);
+  cursor: pointer;
+  display: inline-block;
+}
+.rv-typography--xs {
+  font-size: var(--rv-typography-font-size-xs);
+}
+.rv-typography--sm {
+  font-size: var(--rv-typography-font-size-sm);
+}
+.rv-typography--md {
+  font-size: var(--rv-typography-font-size);
+}
+.rv-typography--lg {
+  font-size: var(--rv-typography-font-size-lg);
+}
+.rv-typography--xl {
+  font-size: var(--rv-typography-font-size-xl);
+}
+.rv-typography--xxl {
+  font-size: var(--rv-typography-font-size-xxl);
+}
+.rv-typography--primary {
+  --rv-typography-color: var(--rv-typography-primary-color);
+}
+.rv-typography--danger {
+  --rv-typography-color: var(--rv-typography-danger-color);
+}
+.rv-typography--success {
+  --rv-typography-color: var(--rv-typography-success-color);
+}
+.rv-typography--secondary {
+  --rv-typography-color: var(--rv-typography-secondary-color);
+}
+.rv-typography--light {
+  --rv-typography-color: var(--rv-typography-light-color);
+}
+.rv-typography--warning {
+  --rv-typography-color: var(--rv-typography-warning-color);
+}
+.rv-typography--disabled {
+  --rv-typography-color: var(--rv-typography-disabled-color);
+  cursor: not-allowed;
+}
+.rv-typography--underline {
+  text-decoration: underline;
+}
+.rv-typography--delete {
+  text-decoration: line-through;
+}
+.rv-typography__text {
+  display: inline-block;
+}
+.rv-typography__text.rv-ellipsis {
+  display: block;
+}
+.rv-typography__title {
+  font-weight: bold;
+  margin-bottom: 0.65em;
+}
+.rv-typography--l1 {
+  font-size: var(--rv-typography-title-size-l1);
+  line-height: 1.25;
+}
+.rv-typography--l2 {
+  font-size: var(--rv-typography-title-size-l2);
+  line-height: 1.35;
+}
+.rv-typography--l3 {
+  font-size: var(--rv-typography-title-size-l3);
+  line-height: 1.35;
+}
+.rv-typography--l4 {
+  font-size: var(--rv-typography-title-size-l4);
+  line-height: 1.4;
+}
+.rv-typography--l5 {
+  font-size: var(--rv-typography-title-size-l5);
+  line-height: 1.5;
+}
+.rv-typography--l6 {
+  font-size: var(--rv-typography-title-size-l6);
+  line-height: 1.5;
+}
+.rv-typography--center {
+  text-align: center;
+}
+.rv-typography--strong {
+  font-weight: bold;
+}

package/es/uploader/PropsType.d.ts

@@ -0,0 +1,132 @@
+import React from 'react';
+import type { ImageFit } from '../image/PropsType';
+import { BaseTypeProps } from '../utils';
+import { ImagePreviewProps } from '../image-preview/PropsType';
+declare type PromiseOrNot<T> = T | Promise<T>;
+export declare type UploaderResultType = 'dataUrl' | 'text' | 'file';
+export declare type UploaderValueItem = {
+    /** 唯一标识 */
+    key?: string | number;
+    /** 资源地址 */
+    url?: string;
+    /** 预览图 */
+    thumbnail?: string;
+    /** 原始文件 */
+    file?: File;
+} & Record<string, any>;
+declare type TaskStatus = 'pending' | 'failed';
+export declare type UploaderTask = {
+    id: number;
+    url?: string;
+    status: TaskStatus;
+    file: File;
+};
+export declare type UploaderMaxSize = number | string | ((file: File) => boolean);
+export declare type UploaderBeforeRead = (file: File | File[], detail: {
+    name: string | number;
+    index: number;
+}) => PromiseOrNot<File | File[] | undefined | boolean | void>;
+export interface UploaderPrviewItemProps extends Pick<UploaderProps, 'deletable' | 'statusTextRender' | 'name' | 'imageFit' | 'previewSize' | 'deleteRender'> {
+    status?: TaskStatus;
+    /** 删除文件预览时触发	 */
+    onDelete?: () => void;
+    onPreview?: () => void;
+    onClick?: () => void;
+    previewCoverRender?: () => React.ReactNode;
+    file?: File;
+    url?: string;
+    isImage?: boolean;
+}
+export interface UploaderProps extends BaseTypeProps {
+    /** 图片选取模式，可选值为 camera (直接调起摄像头)	 */
+    capture?: string;
+    /** 是否开启图片多选，部分安卓机型不支持	 */
+    multiple?: boolean;
+    /** 是否禁用文件上传	 */
+    disabled?: boolean;
+    /** 是否将上传区域设置为只读状态	 */
+    readOnly?: boolean;
+    /** 上传区域文字提示	 */
+    uploadText?: string;
+    /** 是否展示删除按钮	 */
+    deletable?: boolean;
+    /** 是否展示上传区域	 */
+    showUpload?: boolean;
+    isImageUrl?: (file: UploaderValueItem) => boolean;
+    /** 文件读取前的回调函数，返回 false 可终止文件读取，支持返回 Promise */
+    beforeRead?: (file: File, files: File[]) => Promise<File | false> | File | false;
+    /** 预览图和上传区域的尺寸，默认单位为 px	 */
+    previewSize?: number | string;
+    /** 是否在上传完成后展示预览图	 */
+    previewImage?: boolean;
+    /** 全屏图片预览的配置项，可选值见 ImagePreview	 */
+    previewOptions?: Omit<ImagePreviewProps, 'visible'>;
+    /** 是否在点击预览图后展示全屏图片预览	 */
+    previewFullImage?: boolean;
+    /** 自定义覆盖在预览区域上方的内容	 */
+    previewCoverRender?: (item: UploaderValueItem) => React.ReactNode;
+    /** 自定义状态文案 */
+    statusTextRender?: (status: TaskStatus) => React.ReactNode;
+    /** 自定义删除按钮视图 */
+    deleteRender?: (del: () => void) => React.ReactNode;
+    /** 标识符，可以在回调函数的第二项参数中获取	*/
+    name?: number | string;
+    /**
+     * 允许上传的文件类型
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * 文件大小限制，单位为 byte
+     * @default `Number.MAX_VALUE`
+     */
+    maxSize?: UploaderMaxSize;
+    /**
+     * 文件上传数量限制
+     * @default `Number.MAX_VALUE`
+     */
+    maxCount?: number;
+    /**
+     * 预览图裁剪模式，可选值见 Image 组件
+     * @default 'cover'
+     */
+    imageFit?: ImageFit;
+    /**
+     * 文件读取结果类型，可选值为 file text
+     * @default 'dataUrl'
+     */
+    resultType?: UploaderResultType;
+    /**
+     * 上传区域图标名称或图片链接
+     * @default <Photograph />
+     */
+    uploadIcon?: React.ReactNode;
+    /** 已上传的文件列表	 */
+    value?: UploaderValueItem[];
+    defaultValue?: UploaderValueItem[];
+    /**
+     * 上传input value变化时触发
+     */
+    onChange?: (value: UploaderValueItem[]) => void;
+    /** 关闭全屏图片预览时触发	 */
+    onClosePreview?: () => void;
+    /** 删除文件预览时触发 */
+    onDelete?: (item: UploaderValueItem) => boolean | Promise<boolean> | void;
+    /** 文件大小超过限制时触发	 */
+    onOversize?: (files: File[]) => void;
+    /** 点击预览图时触发	 */
+    onClickPreview?: (item: UploaderValueItem, index: number) => void;
+    /** 点击上传区域时触发	 */
+    onClickUpload?: (e: React.MouseEvent) => void;
+    /** 上传方法，入参是需要被上传的文件对象，经过异步处理之后，返回上传结果 */
+    upload?: (file: File) => Promise<UploaderValueItem>;
+    children?: React.ReactNode;
+}
+export declare type UploaderInstance = {
+    /** 主动调起文件选择，由于浏览器安全限制，只有在用户触发操作的上下文中调用才有效	 */
+    chooseFile: () => void;
+    /** 关闭全屏的图片预览	 */
+    closeImagePreview: () => void;
+};
+export {};

package/es/uploader/PropsType.js

@@ -0,0 +1 @@
+export {};

package/es/uploader/Uploader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UploaderInstance, UploaderProps } from './PropsType';
+declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<UploaderInstance>>;
+export default Uploader;