@hw-component/form 1.2.4 → 1.2.6

package/es/Upload/UrlUpload/index.js

@@ -19,15 +19,17 @@ import 'core-js/modules/es.object.get-own-property-descriptor.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.object.get-own-property-descriptors.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Space, message } from 'antd';
+import { Typography, Space, message } from 'antd';
 import Input from 'antd/es/input/Input';
 import HUpload from '../index.js';
 import TypeEle from '../MediaTypeEle/TypeEle.js';
 import { useState, useRef } from 'react';
+import { useDefaultExFiles } from './hooks.js';
 
-var _excluded = ["placeholder", "value", "onChange", "mediaType"];
+var _excluded = ["placeholder", "value", "onChange", "mediaType", "inputHelper", "style", "exFiles"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Text = Typography.Text;
 var mkSubFileList = function mkSubFileList(fileList) {
   var maxCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   var len = fileList.length;
@@ -43,8 +45,16 @@ var Index = function Index(_ref) {
     value = _ref$value === void 0 ? [] : _ref$value,
     onChange = _ref.onChange,
     mediaType = _ref.mediaType,
+    inputHelper = _ref.inputHelper,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    exFiles = _ref.exFiles,
     props = _objectWithoutProperties(_ref, _excluded);
   var maxCount = props.maxCount;
+  var defaultExFiles = useDefaultExFiles({
+    mediaType: mediaType,
+    exFiles: exFiles
+  });
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
@@ -108,11 +118,14 @@ var Index = function Index(_ref) {
     setUrl("");
     setLoad(false);
   };
+  var upProps = _objectSpread({
+    exFiles: defaultExFiles
+  }, props);
   return jsxs(Space, {
     direction: "vertical",
-    style: {
+    style: _objectSpread({
       width: "100%"
-    },
+    }, style),
     size: "middle",
     children: [jsx(Input, {
       placeholder: placeholder,
@@ -122,7 +135,10 @@ var Index = function Index(_ref) {
       onChange: function onChange(e) {
         setUrl(e.target.value);
       }
-    }), jsx(HUpload, _objectSpread(_objectSpread({}, props), {}, {
+    }), inputHelper && jsx(Text, {
+      type: "secondary",
+      children: inputHelper
+    }), jsx(HUpload, _objectSpread(_objectSpread({}, upProps), {}, {
       ref: ref,
       value: value,
       onChange: onChange

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

@@ -1,3 +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;
+export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, thumbUrl }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;

package/es/Upload/hooks/change.js

@@ -1,14 +1,15 @@
 // 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 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.get-own-property-descriptor.js';
 import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.map.js';
 import { useRequest } from 'ahooks';
 import { useCustomRequest } from './customRequest.js';
 import { checkFileSize, checkFileType } from '../util.js';
@@ -58,7 +59,8 @@ var useChange = function useChange(_ref) {
     maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
     request = _ref.request,
     exFiles = _ref.exFiles,
-    maxSize = _ref.maxSize;
+    maxSize = _ref.maxSize,
+    thumbUrl = _ref.thumbUrl;
   var customRequest = useCustomRequest({
     request: request,
     onChange: onChange,
@@ -66,7 +68,7 @@ var useChange = function useChange(_ref) {
   });
   var _useRequest = useRequest( /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-        var fileList, _matchFile, addFile, newFileList, errList;
+        var fileList, _matchFile, addFile, newFileList, errList, changeFile;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -82,9 +84,14 @@ var useChange = function useChange(_ref) {
               if (errList.length) {
                 message.error(errList[0].message);
               }
-              onChange === null || onChange === void 0 || onChange(newFileList);
+              changeFile = newFileList === null || newFileList === void 0 ? void 0 : newFileList.map(function (item) {
+                return _objectSpread({
+                  thumbUrl: thumbUrl
+                }, item);
+              });
+              onChange === null || onChange === void 0 || onChange(changeFile);
               customRequest(addFile);
-            case 8:
+            case 9:
             case "end":
               return _context.stop();
           }

package/es/Upload/hooks/propsMaker.js

@@ -18,7 +18,6 @@ var useProps = function useProps(_ref) {
   var configUploadProps = useFormConfigContext("uploadProps");
   var inputProps = {
     request: request,
-    exFiles: exFiles,
     maxSize: maxSize
   };
   var keys = Object.keys(inputProps);
@@ -29,7 +28,11 @@ var useProps = function useProps(_ref) {
       return;
     }
   });
-  return resultProps;
+  var defaultExFiles = exFiles === undefined ? resultProps.exFiles : exFiles;
+  console.log(defaultExFiles);
+  return _objectSpread(_objectSpread({}, resultProps), {}, {
+    exFiles: defaultExFiles
+  });
 };
 
 export { useProps };

package/es/Upload/index.js

@@ -21,7 +21,7 @@ import { Upload } from 'antd';
 import Btn from './Btn.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat"];
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Index = function Index(_ref, ref) {
@@ -39,6 +39,7 @@ var Index = function Index(_ref, ref) {
     request = _ref.request,
     maxSize = _ref.maxSize,
     addFormat = _ref.addFormat,
+    thumbUrl = _ref.thumbUrl,
     props = _objectWithoutProperties(_ref, _excluded);
   var matchProps = useProps({
     request: request,
@@ -52,7 +53,8 @@ var Index = function Index(_ref, ref) {
   var change = useChange(_objectSpread(_objectSpread({}, matchProps), {}, {
     value: value,
     maxCount: maxCount,
-    onChange: onChange
+    onChange: onChange,
+    thumbUrl: thumbUrl
   }));
   useImperativeHandle(ref, function () {
     return {
@@ -113,7 +115,6 @@ var Index = function Index(_ref, ref) {
       }
     }
   });
-  console.log(onPreview, "onPreview");
   return jsxs("div", {
     style: contentStyle,
     children: [jsx(Upload, _objectSpread(_objectSpread({

package/es/Upload/modal.d.ts

@@ -4,8 +4,9 @@ import type { BeforeUploadFileType, RcFile } from "rc-upload/lib/interface";
 import type { UploadChangeParam } from "antd/lib/upload/interface";
 import type { MediaTypeEnum } from "@/components/Upload/enums";
 import type { addFormatItemModal } from "@/components/Form/modal";
+import type React from "react";
 export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
-    exFiles?: string[];
+    exFiles?: string[] | null;
     request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
         url: string;
     }>;
@@ -15,6 +16,7 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
     maxRowNum?: number;
     maxSize?: number;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    thumbUrl?: string;
 }
 export interface IMediaTypeEleProps {
     file?: UploadFile;
@@ -27,4 +29,5 @@ export interface IUploadRefModal {
 export interface IUrlUploadProps extends IUpLoadProps {
     placeholder?: string;
     mediaType?: MediaTypeEnum;
+    inputHelper?: React.ReactNode;
 }

package/es/Upload/util.d.ts

@@ -1,5 +1,5 @@
 import type { UploadFile } from "antd/es/upload/interface";
 export declare const getFileExt: (file: UploadFile) => string;
-export declare const checkFileType: (file: UploadFile, exFiles?: string[]) => boolean;
+export declare const checkFileType: (file: UploadFile, exFiles?: string[] | null) => boolean;
 export declare const checkFileSize: (file: UploadFile, maxSize?: number) => boolean;
 export declare const fileToBase64: (file: any) => Promise<unknown>;

package/es/Upload/util.js

@@ -10,6 +10,9 @@ var getFileExt = function getFileExt(file) {
 };
 var checkFileType = function checkFileType(file) {
   var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (!exFiles) {
+    return true;
+  }
   var exName = getFileExt(file);
   return exFiles.indexOf(exName) !== -1;
 };

package/es/index.css

@@ -33,7 +33,7 @@
 .ant-hw-form-base-item-top-left .ant-hw-form-item-required {
   position: absolute;
   left: -10px;
-  top: 0px;
+  top: 0;
 }
 .ant-hw-form-base-item-top-left .ant-hw-form-label-item {
   position: relative;
@@ -59,7 +59,7 @@
 .ant-hw-form-base-item-left .ant-hw-form-item-required {
   position: absolute;
   left: -10px;
-  top: 0px;
+  top: 0;
 }
 .ant-hw-form-base-item-left .ant-hw-form-label-item {
   position: relative;

package/es/index.d.ts

@@ -9,7 +9,7 @@ export declare const HSelect: import("react").ForwardRefExoticComponent<import("
 export declare const HInput: ({ copy, value, addonAfter, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
+export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, inputHelper, style, exFiles, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
 export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
 export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
 export declare const HSwitch: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/lib/Form/FormItem/hooks.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type React from "react";
 import type { HFormInstance, HItemProps } from "../modal";
 import type { LabelAlignModal } from "../modal";
-import { HelperModal } from "../modal";
+import type { HelperModal } from "../modal";
 export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: HItemProps) => ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: import("../modal").HFormItemProps) => JSX.Element;
 interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
     form: HFormInstance;

package/lib/Form/config.d.ts

@@ -21,7 +21,7 @@ declare const componentConfig: {
     timePicker: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     input: ({ copy, value, addonAfter, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
-    urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
+    urlUpload: ({ placeholder, value, onChange, mediaType, inputHelper, style, exFiles, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
     submit: ({ position, reset, extraList, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;

package/lib/Form/config.js

@@ -25,7 +25,7 @@ var TrimInput = require('../Input/TrimInput.js');
 var TrimTextArea = require('../TextArea/TrimTextArea.js');
 
 var placeholderConfig = {
-  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput"],
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", 'urlUpload'],
   selectType: ["select", "datePicker", "timePicker", "colorInput"]
 };
 var componentConfig = {

package/lib/Form/modal.d.ts

@@ -16,8 +16,9 @@ import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
 import type { ColProps } from "antd/lib/grid/col";
 import type { Gutter } from "antd/lib/grid/row";
+import type { IUrlUploadProps } from "../Upload/modal";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
-export type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any>;
+export type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any> | IUrlUploadProps;
 export interface HoverModal {
     text?: string;
     icon?: React.ReactNode;

package/lib/Input/VerificationCodeInput/hooks.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonProps } from "./index";
+import type { ButtonProps } from "./index";
 export declare const useDis: (buttonProps: ButtonProps) => {
     disabled: boolean | undefined;
     setBtnDisabled: ({ changedValues }: {

package/lib/Input/VerificationCodeInput/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { HFormInstance } from "../../Form/modal";
-import { HButtonInputProps } from "../modal";
-import { argsFn } from "../../Form/modal";
+import type { HButtonInputProps } from "../modal";
+import type { argsFn } from "../../Form/modal";
 type disabledFn = (data: any) => boolean;
 export interface ButtonProps extends Omit<HButtonInputProps["buttonProps"], "disabled"> {
     disabled?: boolean | disabledFn;

package/lib/Upload/UrlUpload/hooks.d.ts

@@ -0,0 +1,2 @@
+import type { IUrlUploadProps } from "../modal";
+export declare const useDefaultExFiles: ({ mediaType, exFiles }: IUrlUploadProps) => any;

package/lib/Upload/UrlUpload/hooks.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var enums = require('../enums.js');
+
+var _defaultExFiles;
+var defaultExFiles = (_defaultExFiles = {}, _defineProperty(_defaultExFiles, enums.MediaTypeEnum.video, ["MP4"]), _defineProperty(_defaultExFiles, enums.MediaTypeEnum.audio, ["MP3"]), _defaultExFiles);
+var useDefaultExFiles = function useDefaultExFiles(_ref) {
+  var _ref$mediaType = _ref.mediaType,
+    mediaType = _ref$mediaType === void 0 ? enums.MediaTypeEnum.img : _ref$mediaType,
+    exFiles = _ref.exFiles;
+  if (exFiles || exFiles === null) {
+    return exFiles;
+  }
+  return defaultExFiles[mediaType];
+};
+
+exports.useDefaultExFiles = useDefaultExFiles;
+// powered by h

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

@@ -1,3 +1,3 @@
 import type { IUrlUploadProps } from "../modal";
-declare const Index: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
+declare const Index: ({ placeholder, value, onChange, mediaType, inputHelper, style, exFiles, ...props }: IUrlUploadProps) => JSX.Element;
 export default Index;

package/lib/Upload/UrlUpload/index.js

@@ -27,10 +27,12 @@ var Input = require('antd/es/input/Input');
 var index = require('../index.js');
 var TypeEle = require('../MediaTypeEle/TypeEle.js');
 var React = require('react');
+var hooks = require('./hooks.js');
 
-var _excluded = ["placeholder", "value", "onChange", "mediaType"];
+var _excluded = ["placeholder", "value", "onChange", "mediaType", "inputHelper", "style", "exFiles"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Text = antd.Typography.Text;
 var mkSubFileList = function mkSubFileList(fileList) {
   var maxCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   var len = fileList.length;
@@ -46,8 +48,16 @@ var Index = function Index(_ref) {
     value = _ref$value === void 0 ? [] : _ref$value,
     onChange = _ref.onChange,
     mediaType = _ref.mediaType,
+    inputHelper = _ref.inputHelper,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    exFiles = _ref.exFiles,
     props = _objectWithoutProperties(_ref, _excluded);
   var maxCount = props.maxCount;
+  var defaultExFiles = hooks.useDefaultExFiles({
+    mediaType: mediaType,
+    exFiles: exFiles
+  });
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
@@ -111,11 +121,14 @@ var Index = function Index(_ref) {
     setUrl("");
     setLoad(false);
   };
+  var upProps = _objectSpread({
+    exFiles: defaultExFiles
+  }, props);
   return jsxRuntime.jsxs(antd.Space, {
     direction: "vertical",
-    style: {
+    style: _objectSpread({
       width: "100%"
-    },
+    }, style),
     size: "middle",
     children: [jsxRuntime.jsx(Input, {
       placeholder: placeholder,
@@ -125,7 +138,10 @@ var Index = function Index(_ref) {
       onChange: function onChange(e) {
         setUrl(e.target.value);
       }
-    }), jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({}, props), {}, {
+    }), inputHelper && jsxRuntime.jsx(Text, {
+      type: "secondary",
+      children: inputHelper
+    }), jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({}, upProps), {}, {
       ref: ref,
       value: value,
       onChange: onChange

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

@@ -1,3 +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;
+export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, thumbUrl }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;

package/lib/Upload/hooks/change.js

@@ -1,15 +1,16 @@
 'use strict';
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-require('core-js/modules/es.object.to-string.js');
-require('core-js/modules/web.dom-collections.for-each.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.symbol.js');
 require('core-js/modules/es.array.filter.js');
 require('core-js/modules/es.object.get-own-property-descriptor.js');
 require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.array.map.js');
 var ahooks = require('ahooks');
 var customRequest = require('./customRequest.js');
 var util = require('../util.js');
@@ -59,7 +60,8 @@ var useChange = function useChange(_ref) {
     maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
     request = _ref.request,
     exFiles = _ref.exFiles,
-    maxSize = _ref.maxSize;
+    maxSize = _ref.maxSize,
+    thumbUrl = _ref.thumbUrl;
   var customRequest$1 = customRequest.useCustomRequest({
     request: request,
     onChange: onChange,
@@ -67,7 +69,7 @@ var useChange = function useChange(_ref) {
   });
   var _useRequest = ahooks.useRequest( /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-        var fileList, _matchFile, addFile, newFileList, errList;
+        var fileList, _matchFile, addFile, newFileList, errList, changeFile;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -83,9 +85,14 @@ var useChange = function useChange(_ref) {
               if (errList.length) {
                 antd.message.error(errList[0].message);
               }
-              onChange === null || onChange === void 0 || onChange(newFileList);
+              changeFile = newFileList === null || newFileList === void 0 ? void 0 : newFileList.map(function (item) {
+                return _objectSpread({
+                  thumbUrl: thumbUrl
+                }, item);
+              });
+              onChange === null || onChange === void 0 || onChange(changeFile);
               customRequest$1(addFile);
-            case 8:
+            case 9:
             case "end":
               return _context.stop();
           }

package/lib/Upload/hooks/propsMaker.js

@@ -19,7 +19,6 @@ var useProps = function useProps(_ref) {
   var configUploadProps = FormConfigProvider.useFormConfigContext("uploadProps");
   var inputProps = {
     request: request,
-    exFiles: exFiles,
     maxSize: maxSize
   };
   var keys = Object.keys(inputProps);
@@ -30,7 +29,11 @@ var useProps = function useProps(_ref) {
       return;
     }
   });
-  return resultProps;
+  var defaultExFiles = exFiles === undefined ? resultProps.exFiles : exFiles;
+  console.log(defaultExFiles);
+  return _objectSpread(_objectSpread({}, resultProps), {}, {
+    exFiles: defaultExFiles
+  });
 };
 
 exports.useProps = useProps;

package/lib/Upload/index.js

@@ -24,7 +24,7 @@ var antd = require('antd');
 var Btn = require('./Btn.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat"];
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Index = function Index(_ref, ref) {
@@ -42,6 +42,7 @@ var Index = function Index(_ref, ref) {
     request = _ref.request,
     maxSize = _ref.maxSize,
     addFormat = _ref.addFormat,
+    thumbUrl = _ref.thumbUrl,
     props = _objectWithoutProperties(_ref, _excluded);
   var matchProps = propsMaker.useProps({
     request: request,
@@ -55,7 +56,8 @@ var Index = function Index(_ref, ref) {
   var change$1 = change.useChange(_objectSpread(_objectSpread({}, matchProps), {}, {
     value: value,
     maxCount: maxCount,
-    onChange: onChange
+    onChange: onChange,
+    thumbUrl: thumbUrl
   }));
   React.useImperativeHandle(ref, function () {
     return {
@@ -116,7 +118,6 @@ var Index = function Index(_ref, ref) {
       }
     }
   });
-  console.log(onPreview, "onPreview");
   return jsxRuntime.jsxs("div", {
     style: contentStyle,
     children: [jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({

package/lib/Upload/modal.d.ts

@@ -4,8 +4,9 @@ import type { BeforeUploadFileType, RcFile } from "rc-upload/lib/interface";
 import type { UploadChangeParam } from "antd/lib/upload/interface";
 import type { MediaTypeEnum } from "@/components/Upload/enums";
 import type { addFormatItemModal } from "@/components/Form/modal";
+import type React from "react";
 export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
-    exFiles?: string[];
+    exFiles?: string[] | null;
     request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
         url: string;
     }>;
@@ -15,6 +16,7 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
     maxRowNum?: number;
     maxSize?: number;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    thumbUrl?: string;
 }
 export interface IMediaTypeEleProps {
     file?: UploadFile;
@@ -27,4 +29,5 @@ export interface IUploadRefModal {
 export interface IUrlUploadProps extends IUpLoadProps {
     placeholder?: string;
     mediaType?: MediaTypeEnum;
+    inputHelper?: React.ReactNode;
 }

package/lib/Upload/util.d.ts

@@ -1,5 +1,5 @@
 import type { UploadFile } from "antd/es/upload/interface";
 export declare const getFileExt: (file: UploadFile) => string;
-export declare const checkFileType: (file: UploadFile, exFiles?: string[]) => boolean;
+export declare const checkFileType: (file: UploadFile, exFiles?: string[] | null) => boolean;
 export declare const checkFileSize: (file: UploadFile, maxSize?: number) => boolean;
 export declare const fileToBase64: (file: any) => Promise<unknown>;

package/lib/Upload/util.js

@@ -11,6 +11,9 @@ var getFileExt = function getFileExt(file) {
 };
 var checkFileType = function checkFileType(file) {
   var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (!exFiles) {
+    return true;
+  }
   var exName = getFileExt(file);
   return exFiles.indexOf(exName) !== -1;
 };

package/lib/index.css

@@ -33,7 +33,7 @@
 .ant-hw-form-base-item-top-left .ant-hw-form-item-required {
   position: absolute;
   left: -10px;
-  top: 0px;
+  top: 0;
 }
 .ant-hw-form-base-item-top-left .ant-hw-form-label-item {
   position: relative;
@@ -59,7 +59,7 @@
 .ant-hw-form-base-item-left .ant-hw-form-item-required {
   position: absolute;
   left: -10px;
-  top: 0px;
+  top: 0;
 }
 .ant-hw-form-base-item-left .ant-hw-form-label-item {
   position: relative;

package/lib/index.d.ts

@@ -9,7 +9,7 @@ export declare const HSelect: import("react").ForwardRefExoticComponent<import("
 export declare const HInput: ({ copy, value, addonAfter, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
+export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, inputHelper, style, exFiles, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
 export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
 export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
 export declare const HSwitch: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",