@hw-component/form 0.0.1-bate

package/es/TDPicker/hooks.js

@@ -0,0 +1,132 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import { useMemo, useCallback } from 'react';
+import moment from 'moment';
+
+var useTimeVal = function useTimeVal(_ref) {
+  var value = _ref.value,
+    format = _ref.format;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    return moment(value, format);
+  }, [value, format]);
+};
+var useGetTimeKey = function useGetTimeKey(_ref2) {
+  var _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
+    _ref2$name = _ref2.name,
+    name = _ref2$name === void 0 ? "" : _ref2$name;
+  var start = valueMap.start,
+    end = valueMap.end;
+  if (!start || !end) {
+    return {};
+  }
+  var startKey = typeof start === "string" ? start : start(name);
+  var endKey = typeof end === "string" ? end : end(name);
+  return {
+    start: startKey,
+    end: endKey
+  };
+};
+var useTimeChange = function useTimeChange(_ref3) {
+  var format = _ref3.format,
+    onChange = _ref3.onChange;
+  return useCallback(function (value) {
+    if (!format) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
+      return;
+    }
+    var subVal = value === null || value === void 0 ? void 0 : value.format(format);
+    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
+  }, [format, onChange]);
+};
+var formatMap = {
+  X: "s",
+  x: "ms"
+};
+var useTimePickerValue = function useTimePickerValue(_ref4) {
+  var value = _ref4.value,
+    format = _ref4.format;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    if (formatMap[format]) {
+      var timeStr = moment().startOf("days").add(value, formatMap[format]).format("HH:mm:ss");
+      return moment(timeStr, "HH:mm:ss");
+    }
+    return moment(value, format);
+  }, [value, format]);
+};
+var useTimePickerChange = function useTimePickerChange(_ref5) {
+  var value = _ref5.value,
+    format = _ref5.format,
+    onChange = _ref5.onChange;
+  return useCallback(function (val) {
+    if (!format || !val) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(val);
+      return;
+    }
+    if (formatMap[format]) {
+      var startTime = moment().startOf("days").format(format);
+      var nowTime = val.format(format);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nowTime - startTime);
+      return;
+    }
+    var subVal = val === null || val === void 0 ? void 0 : val.format(format);
+    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
+  }, [format, onChange, value]);
+};
+var useRangeValueProvider = function useRangeValueProvider(_ref6) {
+  var _ref6$valueMap = _ref6.valueMap,
+    valueMap = _ref6$valueMap === void 0 ? {} : _ref6$valueMap;
+  return function (val) {
+    var _ref7;
+    var start = valueMap.start,
+      end = valueMap.end;
+    if (!start || !end) {
+      return val;
+    }
+    return _ref7 = {}, _defineProperty(_ref7, start, val[0]), _defineProperty(_ref7, end, val[1]), _ref7;
+  };
+};
+var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
+  var value = _ref8.value,
+    format = _ref8.format,
+    _ref8$valueMap = _ref8.valueMap,
+    valueMap = _ref8$valueMap === void 0 ? {} : _ref8$valueMap;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    if (!_Array$isArray(value)) {
+      var start = valueMap.start,
+        end = valueMap.end;
+      if (!start || !end) {
+        console.error("日期value格式错误!");
+        return;
+      }
+      var startTime = value[start],
+        endTime = value[end];
+      if (!startTime && !endTime) {
+        return [];
+      }
+      var startMoment = moment(startTime, format);
+      var endMoment = moment(endTime, format);
+      return [startMoment, endMoment];
+    }
+    return _mapInstanceProperty(value).call(value, function (item) {
+      if (!item) {
+        return item;
+      }
+      return moment(item, format);
+    });
+  }, [value, format, valueMap]);
+};
+
+export { useGetTimeKey, useRangePickerTimeVal, useRangeValueProvider, useTimeChange, useTimePickerChange, useTimePickerValue, useTimeVal };
+// powered by hdj

package/es/TDPicker/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { HDatePickerProps } from "./modal";
+declare const _default: ({ value, onChange, showTime, format, ...props }: HDatePickerProps) => JSX.Element;
+export default _default;

package/es/TDPicker/index.js

@@ -0,0 +1,33 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { DatePicker } from 'antd';
+import { useTimeVal, useTimeChange } from './hooks.js';
+
+var _excluded = ["value", "onChange", "showTime", "format"];
+var HDatePicker = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$showTime = _ref.showTime,
+    showTime = _ref$showTime === void 0 ? true : _ref$showTime,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var timeVal = useTimeVal({
+    value: value,
+    format: format
+  });
+  var change = useTimeChange({
+    format: format,
+    onChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(DatePicker, _extends({
+    value: timeVal,
+    onChange: change,
+    showTime: showTime
+  }, props));
+});
+
+export { HDatePicker as default };
+// powered by hdj

package/es/TDPicker/modal.d.ts

@@ -0,0 +1,28 @@
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import type { Moment } from "moment";
+import type { DatePickerProps } from "antd";
+import type { TimePickerProps } from "antd";
+import type { DurationInputArg2 } from "moment";
+import type { DateRangePickerValueMapModal } from "../modal";
+import type { addFormatItemModal } from "@/components/Form/modal";
+export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: string;
+    showTime?: boolean | SharedTimeProps<Moment>;
+}
+export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
+    value?: [any, any] | Record<string, any>;
+    onChange?: (val: any) => void;
+    showTime?: boolean | {
+        defaultValue?: Moment[];
+    };
+    format?: string;
+    valueMap?: DateRangePickerValueMapModal;
+    ranges?: RangePickerProps["ranges"] | boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: DurationInputArg2 | string;
+}

package/es/TextArea/index.d.ts

@@ -0,0 +1,3 @@
+import type { TextAreaProps } from "antd/es/input";
+declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
+export default _default;

package/es/Upload/Btn.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IUpLoadProps } from "./modal";
+declare const _default: ({ value, maxCount, listType }: IUpLoadProps) => JSX.Element;
+export default _default;

package/es/Upload/Btn.js

@@ -0,0 +1,31 @@
+// welcome to hoo hoo hoo
+import React, { useMemo } from 'react';
+import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { Button } from 'antd';
+
+var Btn = (function (_ref) {
+  var value = _ref.value,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    listType = _ref.listType;
+  var len = (value === null || value === void 0 ? void 0 : value.length) || 0;
+  var text = useMemo(function () {
+    if (len === maxCount) {
+      return "更新";
+    }
+    return "上传";
+  }, [len, maxCount]);
+  if (listType === "picture-card") {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 8
+      }
+    }, text));
+  }
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+  }, text);
+});
+
+export { Btn as default };
+// powered by hdj

package/es/Upload/MediaTypeEle/TypeEle.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { MediaTypeEnum } from "../enums";
+interface TypeEleProps {
+    mediaType?: MediaTypeEnum;
+    url?: string;
+    onReady?: VoidFunction;
+    onError?: VoidFunction;
+}
+declare const _default: ({ mediaType, url, onReady, onError }: TypeEleProps) => JSX.Element;
+export default _default;

package/es/Upload/MediaTypeEle/TypeEle.js

@@ -0,0 +1,40 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import { MediaTypeEnum } from '../enums.js';
+
+var TypeEle = (function (_ref) {
+  var mediaType = _ref.mediaType,
+    url = _ref.url,
+    onReady = _ref.onReady,
+    onError = _ref.onError;
+  if (mediaType === MediaTypeEnum.video) {
+    return /*#__PURE__*/React.createElement("video", {
+      autoPlay: true,
+      width: "100%",
+      controls: true,
+      onPlay: onReady,
+      onError: onError
+    }, /*#__PURE__*/React.createElement("source", {
+      src: url
+    }));
+  }
+  if (mediaType === MediaTypeEnum.audio) {
+    return /*#__PURE__*/React.createElement("audio", {
+      autoPlay: true,
+      controls: true,
+      onPlay: onReady,
+      onError: onError
+    }, /*#__PURE__*/React.createElement("source", {
+      src: url
+    }));
+  }
+  return /*#__PURE__*/React.createElement("img", {
+    src: url,
+    width: "100%",
+    onLoad: onReady,
+    onError: onError
+  });
+});
+
+export { TypeEle as default };
+// powered by hdj

package/es/Upload/MediaTypeEle/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IMediaTypeEleProps } from "../modal";
+declare const _default: ({ file, onReady, onError }: IMediaTypeEleProps) => JSX.Element | null;
+export default _default;

package/es/Upload/MediaTypeEle/index.js

@@ -0,0 +1,36 @@
+// welcome to hoo hoo hoo
+import React, { useMemo } from 'react';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import { getFileExt } from '../util.js';
+import TypeEle from './TypeEle.js';
+import { MediaTypeEnum } from '../enums.js';
+
+var videoType = ["MP4"];
+var audioType = ["MP3"];
+var MediaTypeEle = (function (_ref) {
+  var file = _ref.file,
+    onReady = _ref.onReady,
+    onError = _ref.onError;
+  if (!file) {
+    return null;
+  }
+  var name = getFileExt(file);
+  var mediaType = useMemo(function () {
+    if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
+      return MediaTypeEnum.video;
+    }
+    if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
+      return MediaTypeEnum.audio;
+    }
+    return MediaTypeEnum.img;
+  }, [name]);
+  return /*#__PURE__*/React.createElement(TypeEle, {
+    onError: onError,
+    onReady: onReady,
+    mediaType: mediaType,
+    url: file.response.url
+  });
+});
+
+export { MediaTypeEle as default };
+// powered by hdj

package/es/Upload/Preview/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ModalProps } from "antd";
+import type { IMediaTypeEleProps } from "../modal";
+export type IPreviewProps = IMediaTypeEleProps & ModalProps;
+declare const _default: ({ visible, file, onCancel }: IPreviewProps) => JSX.Element;
+export default _default;

package/es/Upload/Preview/index.js

@@ -0,0 +1,21 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import { Modal } from 'antd';
+import MediaTypeEle from '../MediaTypeEle/index.js';
+
+var Preview = (function (_ref) {
+  var visible = _ref.visible,
+    file = _ref.file,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/React.createElement(Modal, {
+    footer: null,
+    visible: visible,
+    title: "\u9884\u89C8",
+    onCancel: onCancel
+  }, /*#__PURE__*/React.createElement(MediaTypeEle, {
+    file: file
+  }));
+});
+
+export { Preview as default };
+// powered by hdj

package/es/Upload/UrlUpload/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IUrlUploadProps } from "../modal";
+declare const _default: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
+export default _default;

package/es/Upload/UrlUpload/index.js

@@ -0,0 +1,119 @@
+// welcome to hoo hoo hoo
+import React, { useState, useRef } from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js/instance/trim';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _Array$from from '@babel/runtime-corejs3/core-js/array/from';
+import { Space, message } from 'antd';
+import Input from 'antd/es/input/Input';
+import HUpload from '../index.js';
+import TypeEle from '../MediaTypeEle/TypeEle.js';
+
+var _excluded = ["placeholder", "value", "onChange", "mediaType"];
+var HUrlUpload = (function (_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    mediaType = _ref.mediaType,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    url = _useState2[0],
+    setUrl = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    load = _useState4[0],
+    setLoad = _useState4[1];
+  var ref = useRef(null);
+  var onReady = function onReady() {
+    var newFileList = _toConsumableArray(value);
+    newFileList.push({
+      url: url,
+      uid: new Date().valueOf().toString(),
+      name: url,
+      fileName: url,
+      thumbUrl: url,
+      response: {
+        url: url
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
+    setUrl("");
+    setLoad(false);
+  };
+  var onError = function onError() {
+    message.error("文件错误!");
+    setUrl("");
+    setLoad(false);
+  };
+  var onBlur = function onBlur(e) {
+    var _context;
+    if (_trimInstanceProperty(_context = e.target.value).call(_context) === "") {
+      return;
+    }
+    setLoad(true);
+  };
+  var onPaste = function onPaste(e) {
+    var _context2, _ref$current;
+    var files = e.clipboardData.files;
+    if (!files.length) {
+      return;
+    }
+    e.preventDefault();
+    var newFileList = _mapInstanceProperty(_context2 = _Array$from(files)).call(_context2, function (item) {
+      var name = item.name,
+        size = item.size,
+        type = item.type;
+      return {
+        name: name,
+        size: size,
+        status: "uploading",
+        uid: new Date().valueOf().toString(),
+        originFileObj: item,
+        type: type
+      };
+    });
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.change({
+      fileList: newFileList,
+      file: newFileList[0]
+    });
+    setUrl("");
+    setLoad(false);
+  };
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    style: {
+      width: "100%"
+    },
+    size: "middle"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: placeholder,
+    onBlur: onBlur,
+    value: url,
+    onPaste: onPaste,
+    onChange: function onChange(e) {
+      setUrl(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(HUpload, _extends({}, props, {
+    ref: ref,
+    value: value,
+    onChange: onChange
+  })), load && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "none"
+    }
+  }, /*#__PURE__*/React.createElement(TypeEle, {
+    url: url,
+    mediaType: mediaType,
+    onReady: onReady,
+    onError: onError
+  })));
+});
+
+export { HUrlUpload as default };
+// powered by hdj

package/es/Upload/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum MediaTypeEnum {
+    video = 0,
+    audio = 1,
+    img = 2
+}

package/es/Upload/enums.js

@@ -0,0 +1,10 @@
+// welcome to hoo hoo hoo
+var MediaTypeEnum;
+(function (MediaTypeEnum) {
+  MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
+  MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
+  MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
+})(MediaTypeEnum || (MediaTypeEnum = {}));
+
+export { MediaTypeEnum };
+// powered by hdj

package/es/Upload/hooks/change.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "../modal";
+import type { UploadChangeParam, UploadFile } from "antd/lib/upload/interface";
+export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;

package/es/Upload/hooks/change.js

@@ -0,0 +1,109 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js/instance/every';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import { useRequest } from 'ahooks';
+import { useCustomRequest } from './customRequest.js';
+import { checkFileSize, checkFileType } from '../util.js';
+import { message } from 'antd';
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var checkFile = function checkFile(item) {
+  var oldFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return _everyInstanceProperty(oldFile).call(oldFile, function (oldItem) {
+    return item.uid !== oldItem.uid;
+  });
+};
+var matchFile = function matchFile(newFile) {
+  var oldFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var exFiles = arguments.length > 2 ? arguments[2] : undefined;
+  var maxSize = arguments.length > 3 ? arguments[3] : undefined;
+  var newResultFileList = [];
+  var addFile = [];
+  var errList = [];
+  _forEachInstanceProperty(newFile).call(newFile, function (item) {
+    if (!checkFileSize(item, maxSize)) {
+      return errList.push(new Error("超出限制大小!"));
+    }
+    if (!checkFileType(item, exFiles)) {
+      return errList.push(new Error("文件格式错误!"));
+    }
+    if (checkFile(item, oldFile)) {
+      addFile.push(item);
+      newResultFileList.push(_objectSpread(_objectSpread({}, item), {}, {
+        status: "uploading"
+      }));
+    } else {
+      newResultFileList.push(item);
+    }
+  });
+  return {
+    addFile: addFile,
+    fileList: newResultFileList,
+    errList: errList
+  };
+};
+var useChange = function useChange(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    request = _ref.request,
+    exFiles = _ref.exFiles,
+    maxSize = _ref.maxSize;
+  var customRequest = useCustomRequest({
+    request: request,
+    onChange: onChange,
+    value: value
+  });
+  var _useRequest = useRequest( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+        var fileList, _matchFile, addFile, newFileList, errList;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              fileList = _ref2.fileList;
+              if (!(fileList.length > maxCount)) {
+                _context.next = 4;
+                break;
+              }
+              message.error("超出最多文件限制!");
+              return _context.abrupt("return");
+            case 4:
+              _matchFile = matchFile(fileList, value, exFiles, maxSize), addFile = _matchFile.addFile, newFileList = _matchFile.fileList, errList = _matchFile.errList;
+              if (errList.length) {
+                message.error(errList[0].message);
+              }
+              onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
+              customRequest(addFile);
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }(), {
+      manual: true,
+      debounceInterval: 100
+    }),
+    run = _useRequest.run;
+  return function (info) {
+    run(info);
+  };
+};
+
+export { useChange };
+// powered by hdj

package/es/Upload/hooks/customRequest.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "../modal";
+import type { UploadFile } from "antd/es/upload/interface";
+export declare const useCustomRequest: ({ value, request, onChange, }: IUpLoadProps) => (fileList: UploadFile[]) => void;