vap1 0.0.1

package/components/UForm/_register.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUFormInput = exports.registerFormField = void 0;
+const _Support_1 = require("../../utils/_Support");
+const Global_1 = require("../../utils/Global");
+const StringUtil_1 = require("../../utils/StringUtil");
+const _RegisterUtil_1 = require("../_RegisterUtil");
+const _C_FORM_FIELD = (0, _Support_1.globalDefault)('_C_FORM_FIELD', new Map());
+const DEFAULT = {
+    breakCol: false,
+    breakDes: false,
+    breakTitle: false,
+    isMultiple: false,
+    render: null,
+    rules: null,
+};
+/**
+ * @param type
+ *      类型名称
+ * @param element
+ *      输入组件，为一个React 类型，自动注入 props @see FieldProps
+ * @param options
+ *      注册选项  @see FieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+const registerFormField = (type, component, options = null, forceOverWrite = false) => {
+    (0, _RegisterUtil_1.register)(_C_FORM_FIELD, type, DEFAULT, component, options, forceOverWrite);
+};
+exports.registerFormField = registerFormField;
+const getUFormInput = (type) => {
+    let key = (0, StringUtil_1.trimLower)(type);
+    if (Global_1.CONFIG.FORM.USE_POWER_INPUT) {
+        if (_C_FORM_FIELD.has('_' + key)) {
+            return _C_FORM_FIELD.get('_' + key);
+        }
+    }
+    if (!_C_FORM_FIELD.has(key)) {
+        // console.warn('Not has type : ' + type);
+        return _C_FORM_FIELD.get('text');
+    }
+    return _C_FORM_FIELD.get(key);
+};
+exports.getUFormInput = getUFormInput;

package/components/UForm/index.d.ts

@@ -0,0 +1,387 @@
+/// <reference types="react" />
+export { UForm } from './UForm';
+export { UFormModal } from './UFormModal';
+export { UInfo } from './UInfo';
+export { UInfoModal } from './UInfoModal';
+export { UModal } from './UModal';
+export { UDescriptions } from './UDescriptions';
+import type { BaseOption, PlainObject, BaseItem } from '../../basetype';
+import type { VModalProps } from '../_adapt/Modal';
+import type { OButtonProps as ButtonProps } from '../_adapt/Button';
+import type { ValidationRule } from 'antd/es/form/Form';
+/**
+ * 表单布局方式 simple = 1 列 （比较宽松） | common = 2 列 （常规） |  compress = 3列 （紧凑）
+ * 说明，如果不传此值时，将以 输入参数的数量决定默认值 ：规则
+ *  1. 小于8全字段时，默认使用  simple
+ *  2. 大于8个字段时，默认使用  common
+*/
+export type UFormLayout = 'common' | 'simple' | 'compress';
+/**
+ * 分组展示的方式 default = 默认 |  tabs = 标签  | collapse = 折叠风琴
+*/
+export type GroupType = 'default' | 'tabs' | 'collapse';
+export type LinkValue = string | number | boolean;
+import type { _FieldType } from './_FieldType';
+/**
+ * 联动结果 ： 改变目标字段的交互属性
+ * 所有属性为可选，需要改变几项属性，则只返回包含几个属性的对象，
+ * 比如     return {show:false}                         // 仅改变显示状态
+ *          return  {show:false,required:false}         // 同时改变显示状态，必填状态
+*/
+export type LinkResult = {
+    /**
+     * 是否显示
+    */
+    show?: boolean;
+    /**
+     * 是否可以输入
+    */
+    disabled?: boolean;
+    /**
+     * 是否必填
+    */
+    required?: boolean;
+    /**
+     * 选项
+     * 说明： 需要清空之前的选择，使用初始 options 时，请返回 `null`
+     *      如 :  return { options: null}
+    */
+    options?: BaseOption[];
+    /**
+     * 值
+    */
+    value?: LinkValue;
+};
+/**
+ * 联动
+*/
+export type Link = {
+    /**
+     * 联动字段
+    */
+    field: string;
+    /**
+     * 联动事件
+     * 返回值为  string | number | boolean 时，改变目标field 的 value
+     * 返回值为  LinkResult, 类型时，根据返回结果改变目标 filed 的 显示/置灰/选项集/值的状态
+     * 支持 返回 Promise 对象，返回Promise时，resolve也必须为一个LinkResult
+     *
+     * 参数
+     * 第一个参数 value : 为当前最新的值
+     * 第二个参数 formData ： 为当前表单的所有字段的值
+     * 第三个参数 extra ： 额外信息，部分类型会存在，比如类型 select 会将 select option 的信息也带回
+     *
+    */
+    call: (value: any, formData?: PlainObject, extra?: any) => LinkValue | LinkResult | Promise<LinkValue | LinkResult>;
+};
+/**
+ * 说明：属性配置支持三种模式
+ * I = Info     = 查看详情
+ * A = Add      = 添加
+ * E = Edit    = 修改模式
+ * 目前自动判断规则 = 通过 data 参数判断
+ * 1. 传 **data** = Update ，
+ * 2. 不传= Add
+*/
+export type APPEAR_MODE = 'I' | 'A' | 'E' | 'IE' | 'IE' | 'AE' | 'IAE' | false | true;
+/**
+ * 表单的字段定义
+*/
+export type UFormField = BaseItem & {
+    /**
+     * 列名称
+    */
+    title: string;
+    /**
+     * 列字段
+    */
+    field: string;
+    /**
+     * 输入提示
+    */
+    placeholder?: string;
+    /**
+     * 是否显示，默认显示，不显示可以设置为show:false
+    */
+    show?: APPEAR_MODE;
+    /**
+     * 是否必选
+    */
+    required?: boolean;
+    /**
+     * 是否禁用，默认不禁用，禁用可以设置为 disabled:true
+    */
+    disabled?: APPEAR_MODE;
+    /**
+     * Type 类型列表 :  http://192.168.119.213:9999/vap2/components/form/
+     *
+     * 系统内置 Type ：
+     *
+     * 1. 目前 vap 内置了 30 多个内置类型
+     * 2. 类型在Form系组件内通用 ： UFrom / UFormModal / UInfo / UInfoModal / UModal 。
+     * 3. 部分类型是需要多个字段的，用逗号隔开， 如 { type:'timerange', field:'start,end' }
+     * 4. 部分类型需要 config 设定，请按规定传入 config数据 ，如 { type:'jsonarray',config:{...} }
+     * 5. 如果内置的 type 满足不了需求，可以通过自定义的方式进行扩展
+     *
+     *
+     * 自定义 Type :
+     *
+     * 1. 一个 type 名称只能注册一次， 建议以 功能-操作 命名type，避免冲突
+     * 2. 如果是全局多模块都需要的 type ，可以在 app-portal 里面注册
+     * 3. 如果只是某个业务使用的 type ， 就在 业务app项目 里面注册
+     * 4. UFrom 提供了 UFormInput / UFormMultiInput / UFormTableButton 等类型用于注册，
+     *      可以方便的注册为，单字段/多字段/多字段（弹出列表选择）的输入方式。
+     * */
+    type?: typeof _FieldType[number] | (string & {});
+    /**
+     * 说明：通过设置 ignore = true 时，可以忽略掉一些VAP自动附加的规则：
+     * 如部分输入自带的 长度限制， 特殊字符验证，等
+    */
+    ignore?: true;
+    /**
+     * 占用 SPAN 大小
+    */
+    span?: 1 | 2 | 3;
+    /**
+     * 字段选项，适用于 `checkbox` `radio` `switch` 等
+     * 当字段类型为 `switch`时， 数组长度必须为 2, 第一个参数放正常状态，第二个参数放异常状态
+    */
+    options?: BaseOption[];
+    /**
+     * 提示信息，仅type 为 input 时有效
+     * 1. 为字文本时，提示文本
+     * 2. 为对象时，提示标题，文本，提示图标可指定
+     */
+    tip?: React.ReactNode;
+    /**
+     * FormItem 的 extra 信息
+     * 说明 `tip` 显示在label 旁边，以 Icon图标显示
+     * extra 直接显示
+    */
+    extra?: React.ReactNode;
+    /**
+     * FormItem 的 help 信息
+    */
+    help?: React.ReactNode;
+    /**
+     * rules 用法： https://github.com/yiminghe/async-validator
+    */
+    rules?: ValidationRule[];
+    /**
+     * 字段联动，目前只支持 `text` `select` 类型，受影响的字段只能是具有 `options` 属性的类型
+     *
+    */
+    link?: Link[];
+    /**
+     * 扩展字段说明：
+     * 自定义
+     */
+    config?: any;
+    /**
+     * render
+     * 回显方法
+    */
+    render?: (txt: any, obj?: any) => React.ReactNode;
+};
+export type UFormFieldGroup = BaseItem & {
+    /**
+     * 分组标题
+    */
+    title: string;
+    /**
+     * 分组里面的字段
+    */
+    fields: UFormField[];
+};
+/**
+* 新版 UForm 使用 说明 :
+*http://192.168.119.213:9999/vap2/components/form/
+*/
+export type UFromProps = {
+    /**
+     * 自定义样式
+    */
+    className?: string;
+    /**
+     * 自定义样式
+    */
+    style?: React.CSSProperties;
+    /**
+     * 列表
+    */
+    layout?: UFormLayout;
+    /**
+     * 字段列表
+     * 字段/字段组必选其一
+    */
+    fields: (UFormField[]) | (UFormFieldGroup[]);
+    /**
+     * 分组模式时的分组方式
+    */
+    groupType?: GroupType;
+    /**
+     * 表单宽度，仅支持数字，一般不传，需要时使用，
+    */
+    width?: number;
+    /**
+     * 说明：
+     *
+     * isEdit 将会告诉表单是 (true) UPDATE/EDIT 模式， 还是 (false) ADD/NEW  模式
+     * 如果不传此参数时，判断依据为 data 字段 是否有传且不为空
+     *
+     * 作用于字段的 show,disabled 属性
+    */
+    isEdit?: boolean;
+    /**
+     * 提示信息
+    */
+    tip?: React.ReactNode;
+    /**
+     * 默认
+    */
+    default?: PlainObject;
+    /**
+     * 数据
+    */
+    data?: PlainObject;
+    /**
+     * UForm 自动判断说明
+     * 1. 传 mode 则为 mode  【END】
+     * 2. 没有传 mode 时， 如果传入了 isEdit = true 则为 EDIT  【END】
+     * 3. 如果 传入了 data ,且 data不为 null ，则为 INFO 【END】
+     * 4. 否则， 为 ADD 模式 【END】
+    */
+    mode?: 'INFO' | 'EDIT' | 'ADD';
+    /**
+     * 操作
+    */
+    buttons?: UFromAction[];
+};
+export type UFromAction = ButtonProps & {
+    /**
+     * 按钮里面的文本
+    */
+    label: string;
+    /**
+     * icon
+    */
+    /**
+     * 1. submit 点击时会触发验证，不通过不回调 onClick
+     * 2. button 不会触发验证
+     * 3. reset 的 onClick 方法不会传参数
+     * 4. 默认为 submit
+     *
+    */
+    action?: 'submit' | 'reset' | 'button';
+    /**
+     * 高
+    */
+    onClick?: (data?: PlainObject) => void;
+    /**
+     * 点击前的提示
+    */
+    confirm?: React.ReactNode;
+};
+/**
+ * 新版本 ModalProps 只支持 open 且必传，
+ * 不使用 deprecated 属性
+*/
+export type UModalProps = UFromProps & Omit<VModalProps, 'children'> & {
+    /**
+     * open 为必填项，不使用废弃的 visable 属性
+    */
+    open: boolean;
+    /**
+    * 自动为弹框命名：
+    * 当没有传 title 时，根据填框信息自动给一个标题
+    * 传 布尔 true : 标题中不会带名称
+    * 传 字串 string : 传数据字名称字段
+    * 传  { field: string, label: string } ： 以 label: data[field] 展示
+   */
+    autoTitle?: true | string | {
+        field: string;
+        label: string;
+    };
+};
+/**
+ * 需要隐藏边框的位置
+ *
+ * top : 最上面的边
+ * bottom : 最下面的边
+ * left : 左边的边
+ * right : 右边的边
+ * row : 行与行之间的边
+ * row : 列与列之间的边
+ * label : 列中间：label 与 value 之间的边
+ * border : 等同于  'top' + 'bottom' + 'left' + 'right'
+ * all : 全部
+*/
+type BorderPos = 'border' | 'top' | 'bottom' | 'left' | 'right' | 'row' | 'col' | 'label' | 'all';
+/***
+ * UDescriptions 类似于 Descriptions
+ * 由于 Descriptions 显示的不确定性，导致页面上经常出现对齐等问题。
+ * 使用 UDescriptions 可严格显示，但必需传 labelWidth
+*/
+export type UDescriptionsProps = {
+    /**
+     * 样式名称
+    */
+    className?: string;
+    /**
+     * 样式
+    */
+    style?: React.CSSProperties;
+    /**
+     * 标题
+    */
+    title?: React.ReactNode;
+    /**
+     * 标题 i18n Key
+    */
+    ik?: string;
+    /**
+     * columns 数量 ，最多支持4
+    */
+    column?: 1 | 2 | 3 | 4;
+    /**
+     * 配色方案
+     * label ：(默认) Label 处为背景色
+     * row ： 基数行处为背景色
+     * none ： 无背景色
+    */
+    theme?: 'label' | 'row' | 'none';
+    /**
+     * 默认展示所有边 border， 如果需要隐藏，可以指定一些隐藏
+    */
+    hideBorder?: BorderPos | BorderPos[];
+    /**
+     * 说明： leblel width 目前支持 1 - 20，
+     * 请传字数: 传本详情页中，所有label里面最长的一个的汉字长度
+    */
+    labelWidth: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
+};
+/**
+ * 详情条目
+*/
+export type UDescriptionsItemProps = BaseItem & {
+    /**
+     * 自定义 Class
+    */
+    className?: string;
+    /**
+     * label 名称
+    */
+    label?: React.ReactNode;
+    /**
+     * 横跨制表格数，默认：1
+    */
+    span?: number;
+    /**
+     * 不显示 label
+    */
+    breakLabel?: boolean;
+    /**
+     * 显示内容
+    */
+    children: React.ReactNode;
+};

package/components/UForm/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = void 0;
+var UForm_1 = require("./UForm");
+Object.defineProperty(exports, "UForm", { enumerable: true, get: function () { return UForm_1.UForm; } });
+var UFormModal_1 = require("./UFormModal");
+Object.defineProperty(exports, "UFormModal", { enumerable: true, get: function () { return UFormModal_1.UFormModal; } });
+var UInfo_1 = require("./UInfo");
+Object.defineProperty(exports, "UInfo", { enumerable: true, get: function () { return UInfo_1.UInfo; } });
+var UInfoModal_1 = require("./UInfoModal");
+Object.defineProperty(exports, "UInfoModal", { enumerable: true, get: function () { return UInfoModal_1.UInfoModal; } });
+var UModal_1 = require("./UModal");
+Object.defineProperty(exports, "UModal", { enumerable: true, get: function () { return UModal_1.UModal; } });
+var UDescriptions_1 = require("./UDescriptions");
+Object.defineProperty(exports, "UDescriptions", { enumerable: true, get: function () { return UDescriptions_1.UDescriptions; } });

package/components/Upload/UploadFile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { BaseUploadProps } from './index';
+export declare const UploadFile: React.FC<BaseUploadProps>;

package/components/Upload/UploadFile.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadFile = void 0;
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
+// import { Icon } from '../../components/_adapt/Icon';
+const useUpload_1 = require("./useUpload");
+const antd_1 = require("antd");
+const Button_1 = require("../_adapt/Button");
+const Const_1 = require("../../components/_setup/Const");
+const UploadFile = props => {
+    const [state, onChange] = (0, useUpload_1.useUpload)(props);
+    const uploadProps = (0, useUpload_1.getBaseOptions)(props);
+    if (uploadProps.accept == null)
+        uploadProps.accept = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    if (state.uploading) {
+        uploadProps.disabled = true;
+        uploadProps.className = 'c-upload-file c-upload-file-p' + state.percent;
+    }
+    else if (state.error)
+        uploadProps.className = 'c-upload-file c-upload-file-error';
+    else if (state.uploaded)
+        uploadProps.className = 'c-upload-file c-upload-file-success';
+    else
+        uploadProps.className = 'c-upload-file';
+    let title;
+    if (props.value) {
+        title = props.value.fileName || props.value.fileId;
+    }
+    else {
+        title = state.name ? state.name : utils_1.i18n.getText(props.ik, props.label, Const_1.V.UPLOAD_FILE);
+    }
+    return react_1.default.createElement(antd_1.Upload, Object.assign({}, uploadProps, { onChange: onChange }),
+        react_1.default.createElement(Button_1.Button, { loading: state.uploading, disabled: state.uploading || props.disabled, icon: "upload" }, title),
+        state.error && react_1.default.createElement("span", { className: 'c-upload-file-message' }, state.errMsg));
+};
+exports.UploadFile = UploadFile;

package/components/Upload/UploadImage.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { BaseUploadProps } from './index';
+import type { PlainObject } from '../../basetype';
+export type UploadImageProps = BaseUploadProps & {
+    /**
+     * 宽度，默认：80
+    */
+    width?: number;
+    /**
+     * 高度，默认：80
+    */
+    height?: number;
+    /**
+     * 获取预览地址，返回一个可预览的链接地址
+     * 默认使用系统上传，不需要
+     * 如果自定义api上传，需要传此参数
+    */
+    preview?: (uploadResponse: PlainObject) => string;
+    /**
+     * 显示预览按钮，默认为显示
+    */
+    showPreview?: boolean;
+};
+export declare const UploadImage: React.FC<UploadImageProps>;

package/components/Upload/UploadImage.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadImage = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const Modal_1 = require("../../components/_adapt/Modal");
+const useUpload_1 = require("./useUpload");
+const utils_1 = require("../../utils");
+const Const_1 = require("../../components/_setup/Const");
+const Icon_1 = require("../../components/_adapt/Icon");
+const hooks_1 = require("../../hooks");
+const ImagePreview = (props) => {
+    const { state, ik, label, width, height, showPreview, preview } = props;
+    const [open, show] = (0, hooks_1.useToggle)();
+    if (state.info != null) {
+        let imgUrl = lodash_1.default.isFunction(preview) ? preview(state.info) : (utils_1.GLOBAL.CONFIG.UPLOAD.PREVIEW + (state.info.guid || state.info.fileId));
+        return react_1.default.createElement("div", { className: 'c-upload-img-root', style: { width, height, backgroundImage: `url(${imgUrl})` } },
+            showPreview && react_1.default.createElement(Icon_1.Icon, { type: "zoom-in", onClick: show }),
+            showPreview && react_1.default.createElement(Modal_1.Modal, { className: 'picture-card-preview', style: { top: 0, backgroundImage: `url(${imgUrl})` }, open: open, maskClosable: true, width: '100%', footer: null, onCancel: show }));
+    }
+    return react_1.default.createElement("div", { style: { width, height } },
+        react_1.default.createElement("div", { className: 'c-upload-placehoder' },
+            react_1.default.createElement(Icon_1.Icon, { type: state.uploading ? 'loading' : 'plus' }),
+            react_1.default.createElement("span", { className: "c-upload-img-text" }, utils_1.i18n.getText(ik, label, Const_1.V.UPLOAD_PIC))));
+};
+const RATIO = 1280 / 1920;
+const UploadImage = props => {
+    const [state, onChange] = (0, useUpload_1.useUpload)(props);
+    const uploadProps = (0, useUpload_1.getBaseOptions)(props);
+    const [width, height] = (0, react_1.useMemo)(() => {
+        utils_1.StringUtil.px(props.width);
+        if (props.width == null && props.height == null)
+            return [96, 96];
+        if (props.width && props.height)
+            return [props.width, props.height];
+        if (props.width) {
+            if (props.width <= 96)
+                return [96, 96];
+            return [props.width, props.width * RATIO];
+        }
+        if (props.height) {
+            if (props.height <= 96)
+                return [96, 96];
+            return [props.height / RATIO, props.height];
+        }
+        return [96, 96];
+    }, []);
+    uploadProps.accept = props.accept || "image/*";
+    uploadProps.listType = "picture";
+    if (state.uploading) {
+        uploadProps.disabled = true;
+        uploadProps.className = 'c-upload-img c-upload-file-p' + state.percent;
+    }
+    else if (state.error) {
+        uploadProps.className = 'c-upload-img c-upload-img-error';
+    }
+    else if (state.uploaded) {
+        uploadProps.className = 'c-upload-img c-upload-img-success';
+    }
+    else {
+        uploadProps.className = 'c-upload-img';
+    }
+    return react_1.default.createElement(antd_1.Upload.Dragger, Object.assign({}, uploadProps, { onChange: onChange, style: { width, height } }),
+        react_1.default.createElement(ImagePreview, { state: state, ik: props.ik, label: props.label, width: width, height: height, showPreview: props.showPreview === false ? false : true }));
+};
+exports.UploadImage = UploadImage;

package/components/Upload/UploadModal.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import type { BaseUploadProps } from './index';
+import type { VModalProps } from '../../components/_adapt/Modal';
+import type { PlainObject } from '../../basetype';
+/**
+ * 导入结果
+ * 返回 boolean ： true / false ,成功 / 失败
+ * 如果需要显示提示信息，则返回结构体 ，例如
+ * return {ok:true, message:'成功导入111条记录'}
+*/
+type ImportResult = boolean | {
+    message: React.ReactNode;
+    ok: boolean;
+};
+/**
+ * 通用上传弹框
+ *
+ * 1. 约束：表格右上角的按钮，不再直接上传，统一改为 “导入”
+   2. 点击导入后，弹出文件上传弹框
+   3. 标题要体现导入的信息
+   4. 提示要说明需要上传的数据描述，也可以提供模板下载
+   5. 上传按钮仅支持单选，需要指定上传格式
+   6. 选择文件后立即开始上传。
+   7. 上传完成后显示上传结果，成功 OR 失败，失败时重新上传
+   8. 成功后直接进行导入
+   9. 导入成功后显示结果，成功 OR 失败，失败时重新上传
+   0. 成功后可关闭窗体，关闭后可自行刷新数据。
+*/
+export type UploadModalProps = VModalProps & Omit<BaseUploadProps, 'onChange' | 'disabled'> & {
+    /**
+     * 上传提示，通常包括上传数据说明，数据模板文件下载等内容。
+     * 默认 ： 请注意：导入的Excel数据字段须与Excel模版保持一致，否则无法导入数据。点击确认时将仅导入正常数据。
+    */
+    tip?: React.ReactNode;
+    /**
+     * 二步模式，且上传接口非标准接口时，必传 onUpload
+     * 返回上传结果 boolean  成功 OR 失败
+    */
+    onChange?: (data: PlainObject) => ImportResult;
+    /**
+     * 上传
+    */
+    onResult: (result: PlainObject) => Promise<ImportResult> | ImportResult;
+    /**
+     * onCancel 强制为必传
+    */
+    onCancel: () => void;
+};
+export declare const UploadModal: React.FC<UploadModalProps>;
+export {};