@hw-component/form 1.2.4 → 1.2.5

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/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,6 +4,7 @@ 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[];
     request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
@@ -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/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;

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 { 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,21 @@
+'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;
+  console.log(exFiles, "exFiles");
+  if (exFiles) {
+    return exFiles;
+  }
+  console.log(defaultExFiles, mediaType === enums.MediaTypeEnum.video, "mediaType");
+  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/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,6 +4,7 @@ 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[];
     request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
@@ -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/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;

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.5",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/Form/FormItem/hooks.tsx

@@ -1,10 +1,11 @@
 import UpFormItem from "./UpFormItem";
 import RegularFormItem from "./RegularFormItem";
-import React, { useMemo } from "react";
+import type React from "react";
+import { useMemo } from "react";
 import type { HFormInstance, HItemProps } from "../modal";
 import type { LabelAlignModal } from "../modal";
 import { useClassName } from "../../hooks";
-import {HelperModal} from "../modal";
+import type {HelperModal} from "../modal";
 
 export const useFormItemDomControl = ({
   shouldUpdate,
@@ -54,6 +55,6 @@ export const usePositionClassName = (position: LabelAlignModal) => {
   return useClassName(className);
 };
 
-export const useFormItemLabel=(form:HFormInstance,label?:React.ReactNode|HelperModal,)=>{
+export const useFormItemLabel=(form: HFormInstance,label?: React.ReactNode|HelperModal,)=>{
    return  typeof label==="function"?label(form):label;
 }

package/src/components/Form/config.ts

@@ -27,6 +27,7 @@ export const placeholderConfig = {
     "buttonInput",
     "verificationCodeInput",
     "trimInput",
+    'urlUpload'
   ],
   selectType: ["select", "datePicker", "timePicker", "colorInput"],
 };

package/src/components/Form/index.less

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

package/src/components/Form/modal.ts

@@ -34,6 +34,7 @@ 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 {IUrlUploadProps} from "../Upload/modal";
 
 type RenderFun = (
   props: HItemProps,
@@ -54,7 +55,8 @@ export type ItemPropsType =
   | HTimePickerProps
   | TextAreaProps
   | IUpLoadProps
-  | CascaderProps<any>;
+  | CascaderProps<any>
+  | IUrlUploadProps
 
 export interface HoverModal {
   text?: string;
@@ -93,7 +95,7 @@ export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign"|"l
   itemSpan?: ColProps;
   hideLabel?: boolean;
   labelAlign?: LabelAlignModal;
-  label?:React.ReactNode|HelperModal;
+  label?: React.ReactNode|HelperModal;
 }
 export interface HFormProps<T = any, R = any>
   extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {

package/src/components/Input/VerificationCodeInput/hooks.ts

@@ -1,7 +1,7 @@
-import {ButtonProps} from "./index";
+import type {ButtonProps} from "./index";
 import {useEffect, useState} from "react";
 
-export const useDis=(buttonProps:ButtonProps)=>{
+export const useDis=(buttonProps: ButtonProps)=>{
     const {disabled}=buttonProps;
     const [btnDis,setBtnDis]=useState<boolean|undefined>(!!disabled);
     const [countdown, setCountdown] = useState<number>(0);

package/src/components/Input/VerificationCodeInput/index.tsx

@@ -2,21 +2,21 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
 import ButtonInput from "../ButtonInput";
 import { useRequest } from "ahooks";
 import type { HFormInstance } from "../../Form/modal";
-import {HButtonInputProps} from "../modal";
+import type {HButtonInputProps} from "../modal";
 import HFormConnect from "../../Form/HFormConnect";
-import {argsFn} from "../../Form/modal";
+import type {argsFn} from "../../Form/modal";
 import {useDis} from "./hooks";
 
-type disabledFn=(data:any)=>boolean;
+type disabledFn=(data: any) => boolean;
 export interface ButtonProps extends Omit<HButtonInputProps["buttonProps"],"disabled">{
-    disabled?:boolean|disabledFn;
+    disabled?: boolean|disabledFn;
 }
 
 export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form"|"buttonProps"> {
     request?: (value: any) => Promise<any>;
     form?: HFormInstance;
     addDispatchListener?: (key: string, fn: argsFn) => void;
-    buttonProps?:ButtonProps;
+    buttonProps?: ButtonProps;
 }
 const Index= ({
                   value,