@hw-component/form 1.10.97 → 1.11.1

package/es/Form/config.js

@@ -26,6 +26,7 @@ import HText from '../Text/index.js';
 import HRichEditor from '../RichEditor/index.js';
 import HTagSelect from '../Select/TagSelect/index.js';
 import HTimeRangePicker from '../TDPicker/TimeRangePicker.js';
+import HImgCropUpload from '../Upload/ImgCropUpload.js';
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", "urlUpload", "textArea", "richEditor"],
@@ -58,7 +59,8 @@ var componentConfig = {
   text: HText,
   richEditor: HRichEditor,
   tagSelect: HTagSelect,
-  timeRangePicker: HTimeRangePicker
+  timeRangePicker: HTimeRangePicker,
+  imgCropUpload: HImgCropUpload
 };
 
 export { componentConfig as default, placeholderConfig };

package/es/Form/hooks/useHForm.js

@@ -198,7 +198,18 @@ var useHForm = (function () {
         keys.forEach(function (key) {
           newVale[key] = undefined;
         });
-        form.setFieldsValue(_objectSpread(_objectSpread(_objectSpread({}, newVale), initSaveValue), values));
+        var allValue = _objectSpread(_objectSpread(_objectSpread({}, newVale), initSaveValue), values);
+        var valueKeys = Object.keys(allValue);
+        var names = valueKeys.map(function (key) {
+          var val = allValue[key];
+          return {
+            name: key,
+            touched: false,
+            value: val,
+            errors: []
+          };
+        });
+        form.setFields(names);
       },
       resetFieldsValues: function resetFieldsValues() {
         var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/es/Input/SelectInput.js

@@ -27,7 +27,6 @@ var Index = function Index(_ref) {
     addFormat = _ref.addFormat;
     _ref.addDispatchListener;
     var props = _objectWithoutProperties(_ref, _excluded);
-  console.log(props, "ppppppp");
   var _valueName$input = valueName.input,
     input = _valueName$input === void 0 ? "" : _valueName$input,
     _valueName$select = valueName.select,

package/es/Upload/ImgCropUpload.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "./modal";
+declare const _default: ({ value, onChange, maxCount, exFiles }: IUpLoadProps) => JSX.Element;
+export default _default;

package/es/Upload/ImgCropUpload.js

@@ -0,0 +1,71 @@
+// welcome to hoo hoo hoo
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import ImgCrop from 'antd-img-crop';
+import { Upload, message } from 'antd';
+import Btn from './Btn.js';
+import { useState } from 'react';
+import { checkFileType } from './util.js';
+import Preview from './Preview/index.js';
+
+var HImgCropUpload = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    _ref$exFiles = _ref.exFiles,
+    exFiles = _ref$exFiles === void 0 ? ["PNG", "JPEG", "JPG", "GIF"] : _ref$exFiles;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewModal = _useState2[0],
+    setPreviewModal = _useState2[1];
+  var change = function change(_ref2) {
+    var file = _ref2.file,
+      fileList = _ref2.fileList;
+    if (!checkFileType(file, exFiles)) {
+      return message.error(new Error("文件格式错误!"));
+    }
+    if (maxCount === 1) {
+      onChange === null || onChange === void 0 || onChange([file]);
+      return;
+    }
+    onChange === null || onChange === void 0 || onChange(fileList);
+  };
+  var visible = previewModal.visible,
+    previewFile = previewModal.file;
+  var preview = function preview(file) {
+    setPreviewModal({
+      visible: true,
+      file: file
+    });
+  };
+  return jsxs(Fragment, {
+    children: [jsx(ImgCrop, {
+      rotate: true,
+      children: jsx(Upload, {
+        customRequest: function customRequest(_ref3) {
+          var onSuccess = _ref3.onSuccess;
+          onSuccess === null || onSuccess === void 0 || onSuccess({});
+        },
+        fileList: value,
+        listType: "picture-card",
+        onChange: change,
+        onPreview: preview,
+        children: jsx(Btn, {
+          value: value,
+          maxCount: maxCount,
+          listType: "picture-card"
+        })
+      })
+    }), jsx(Preview, {
+      visible: visible,
+      file: previewFile,
+      onCancel: function onCancel() {
+        setPreviewModal({});
+      }
+    })]
+  });
+});
+
+export { HImgCropUpload as default };
+// powered by hdj

package/es/Upload/MediaTypeEle/index.js

@@ -8,6 +8,7 @@ import { MediaTypeEnum } from '../enums.js';
 var videoType = ["MP4"];
 var audioType = ["MP3"];
 var MediaTypeEle = (function (_ref) {
+  var _file$response;
   var file = _ref.file,
     onReady = _ref.onReady,
     onError = _ref.onError;
@@ -28,7 +29,7 @@ var MediaTypeEle = (function (_ref) {
     onError: onError,
     onReady: onReady,
     mediaType: mediaType,
-    url: file.response.url
+    url: ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.url) || file.thumbUrl
   });
 });
 

package/es/Upload/hooks/change.js

@@ -27,7 +27,6 @@ var matchFile = function matchFile(newFile) {
       return errList.push(new Error("超出限制大小!"));
     }
     if (!checkFileType(item, exFiles)) {
-      console.log(item, "item");
       return errList.push(new Error("文件格式错误!"));
     }
     if (checkFile(item, oldFile)) {

package/es/Upload/util.js

@@ -2,12 +2,10 @@
 var getFileExt = function getFileExt(file) {
   var name = file.name;
   var index = name.lastIndexOf(".");
-  console.log(index, name, file);
   return name.substring(index + 1).toUpperCase();
 };
 var checkFileType = function checkFileType(file) {
   var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  console.log(file);
   if (!exFiles) {
     return true;
   }

package/es/index.d.ts

@@ -7,6 +7,7 @@ export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvide
 export { default as HBasicForm } from "./Form/Basic";
 export { default as HInputGroup } from "./InputGroup";
 export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HImgCropUpload: ({ value, onChange, maxCount, exFiles }: import("./Upload/modal").IUpLoadProps) => JSX.Element;
 export declare const HInput: ({ copy: copyProps, value, addonAfter, ...props }: import("./Input/modal").HInputProps) => JSX.Element;
 export declare const HRichEditor: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
@@ -28,7 +29,7 @@ export declare const HModalForm: import("react").FC<import("./DialogForm/modal")
 export declare const HDrawerForm: import("react").FC<import("./DialogForm/modal").DialogFormProps<any, any>>;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
 export declare const HVerificationCodeInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HTreeSelect: (props: import("./Select/TreeSelect").HTreeSelectProps) => JSX.Element;
+export declare const HTreeSelect: (props: any) => JSX.Element;
 export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumberGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/es/index.js

@@ -12,6 +12,7 @@ import Index$1 from './DialogForm/ModalForm.js';
 import Index$2 from './DialogForm/DrawerForm/index.js';
 
 var HSelect = componentConfig.select;
+var HImgCropUpload = componentConfig.imgCropUpload;
 var HInput = componentConfig.input;
 var HRichEditor = componentConfig.richEditor;
 var HSelectInput = componentConfig.selectInput;
@@ -40,5 +41,5 @@ var HInputNumberGroup = componentConfig.inputNumberGroup.Component;
 var HTagSelect = componentConfig.tagSelect;
 var HTimeRangePicker = componentConfig.timeRangePicker.Component;
 
-export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HRichEditor, HSelect, HSelectInput, HSwitch, HTagSelect, HTextArea, HTimePicker, HTimeRangePicker, HTreeSelect, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
+export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HImgCropUpload, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HRichEditor, HSelect, HSelectInput, HSwitch, HTagSelect, HTextArea, HTimePicker, HTimeRangePicker, HTreeSelect, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
 // powered by hdj

package/lib/Form/config.d.ts

@@ -35,8 +35,8 @@ declare const componentConfig: {
         Component: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
     };
-    treeSelect: ({ request, onlyCheckChild, multiple, treeCheckable, treeData, fieldNames, ...props }: import("../Select/TreeSelect").HTreeSelectProps) => JSX.Element;
-    text: ({ value, addonBefore, addonAfter, size, ...props }: import("../Text").HFormTextProps) => JSX.Element;
+    treeSelect: (props: any) => JSX.Element;
+    text: ({ value, addonBefore, addonAfter, size, emptyNode, ...props }: import("../Text").HFormTextProps) => JSX.Element;
     richEditor: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     tagSelect: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     timeRangePicker: {
@@ -44,5 +44,6 @@ declare const componentConfig: {
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
         requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
     };
+    imgCropUpload: ({ value, onChange, maxCount, exFiles }: import("../Upload/modal").IUpLoadProps) => JSX.Element;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -29,6 +29,7 @@ var index$e = require('../Text/index.js');
 var index$f = require('../RichEditor/index.js');
 var index$g = require('../Select/TagSelect/index.js');
 var TimeRangePicker = require('../TDPicker/TimeRangePicker.js');
+var ImgCropUpload = require('../Upload/ImgCropUpload.js');
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", "urlUpload", "textArea", "richEditor"],
@@ -61,7 +62,8 @@ var componentConfig = {
   text: index$e.default,
   richEditor: index$f.default,
   tagSelect: index$g.default,
-  timeRangePicker: TimeRangePicker.default
+  timeRangePicker: TimeRangePicker.default,
+  imgCropUpload: ImgCropUpload.default
 };
 
 exports.default = componentConfig;

package/lib/Form/hooks/useHForm.js

@@ -201,7 +201,18 @@ var useHForm = (function () {
         keys.forEach(function (key) {
           newVale[key] = undefined;
         });
-        form.setFieldsValue(_objectSpread(_objectSpread(_objectSpread({}, newVale), initSaveValue), values));
+        var allValue = _objectSpread(_objectSpread(_objectSpread({}, newVale), initSaveValue), values);
+        var valueKeys = Object.keys(allValue);
+        var names = valueKeys.map(function (key) {
+          var val = allValue[key];
+          return {
+            name: key,
+            touched: false,
+            value: val,
+            errors: []
+          };
+        });
+        form.setFields(names);
       },
       resetFieldsValues: function resetFieldsValues() {
         var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/lib/Input/SelectInput.js

@@ -30,7 +30,6 @@ var Index = function Index(_ref) {
     addFormat = _ref.addFormat;
     _ref.addDispatchListener;
     var props = _objectWithoutProperties(_ref, _excluded);
-  console.log(props, "ppppppp");
   var _valueName$input = valueName.input,
     input = _valueName$input === void 0 ? "" : _valueName$input,
     _valueName$select = valueName.select,

package/lib/Upload/ImgCropUpload.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "./modal";
+declare const _default: ({ value, onChange, maxCount, exFiles }: IUpLoadProps) => JSX.Element;
+export default _default;

package/lib/Upload/ImgCropUpload.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var jsxRuntime = require('react/jsx-runtime');
+var ImgCrop = require('antd-img-crop');
+var antd = require('antd');
+var Btn = require('./Btn.js');
+var React = require('react');
+var util = require('./util.js');
+var index = require('./Preview/index.js');
+
+var HImgCropUpload = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    _ref$exFiles = _ref.exFiles,
+    exFiles = _ref$exFiles === void 0 ? ["PNG", "JPEG", "JPG", "GIF"] : _ref$exFiles;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewModal = _useState2[0],
+    setPreviewModal = _useState2[1];
+  var change = function change(_ref2) {
+    var file = _ref2.file,
+      fileList = _ref2.fileList;
+    if (!util.checkFileType(file, exFiles)) {
+      return antd.message.error(new Error("文件格式错误!"));
+    }
+    if (maxCount === 1) {
+      onChange === null || onChange === void 0 || onChange([file]);
+      return;
+    }
+    onChange === null || onChange === void 0 || onChange(fileList);
+  };
+  var visible = previewModal.visible,
+    previewFile = previewModal.file;
+  var preview = function preview(file) {
+    setPreviewModal({
+      visible: true,
+      file: file
+    });
+  };
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(ImgCrop, {
+      rotate: true,
+      children: jsxRuntime.jsx(antd.Upload, {
+        customRequest: function customRequest(_ref3) {
+          var onSuccess = _ref3.onSuccess;
+          onSuccess === null || onSuccess === void 0 || onSuccess({});
+        },
+        fileList: value,
+        listType: "picture-card",
+        onChange: change,
+        onPreview: preview,
+        children: jsxRuntime.jsx(Btn.default, {
+          value: value,
+          maxCount: maxCount,
+          listType: "picture-card"
+        })
+      })
+    }), jsxRuntime.jsx(index.default, {
+      visible: visible,
+      file: previewFile,
+      onCancel: function onCancel() {
+        setPreviewModal({});
+      }
+    })]
+  });
+});
+
+exports.default = HImgCropUpload;
+// powered by h

package/lib/Upload/MediaTypeEle/index.js

@@ -11,6 +11,7 @@ var enums = require('../enums.js');
 var videoType = ["MP4"];
 var audioType = ["MP3"];
 var MediaTypeEle = (function (_ref) {
+  var _file$response;
   var file = _ref.file,
     onReady = _ref.onReady,
     onError = _ref.onError;
@@ -31,7 +32,7 @@ var MediaTypeEle = (function (_ref) {
     onError: onError,
     onReady: onReady,
     mediaType: mediaType,
-    url: file.response.url
+    url: ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.url) || file.thumbUrl
   });
 });
 

package/lib/Upload/hooks/change.js

@@ -28,7 +28,6 @@ var matchFile = function matchFile(newFile) {
       return errList.push(new Error("超出限制大小!"));
     }
     if (!util.checkFileType(item, exFiles)) {
-      console.log(item, "item");
       return errList.push(new Error("文件格式错误!"));
     }
     if (checkFile(item, oldFile)) {

package/lib/Upload/util.js

@@ -3,12 +3,10 @@
 var getFileExt = function getFileExt(file) {
   var name = file.name;
   var index = name.lastIndexOf(".");
-  console.log(index, name, file);
   return name.substring(index + 1).toUpperCase();
 };
 var checkFileType = function checkFileType(file) {
   var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  console.log(file);
   if (!exFiles) {
     return true;
   }

package/lib/index.d.ts

@@ -7,6 +7,7 @@ export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvide
 export { default as HBasicForm } from "./Form/Basic";
 export { default as HInputGroup } from "./InputGroup";
 export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HImgCropUpload: ({ value, onChange, maxCount, exFiles }: import("./Upload/modal").IUpLoadProps) => JSX.Element;
 export declare const HInput: ({ copy: copyProps, value, addonAfter, ...props }: import("./Input/modal").HInputProps) => JSX.Element;
 export declare const HRichEditor: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
@@ -28,7 +29,7 @@ export declare const HModalForm: import("react").FC<import("./DialogForm/modal")
 export declare const HDrawerForm: import("react").FC<import("./DialogForm/modal").DialogFormProps<any, any>>;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
 export declare const HVerificationCodeInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HTreeSelect: (props: import("./Select/TreeSelect").HTreeSelectProps) => JSX.Element;
+export declare const HTreeSelect: (props: any) => JSX.Element;
 export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumberGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/lib/index.js

@@ -13,6 +13,7 @@ var ModalForm = require('./DialogForm/ModalForm.js');
 var index$3 = require('./DialogForm/DrawerForm/index.js');
 
 var HSelect = config.default.select;
+var HImgCropUpload = config.default.imgCropUpload;
 var HInput = config.default.input;
 var HRichEditor = config.default.richEditor;
 var HSelectInput = config.default.selectInput;
@@ -55,6 +56,7 @@ exports.HCheckboxGroup = HCheckboxGroup;
 exports.HColorInput = HColorInput;
 exports.HDatePicker = HDatePicker;
 exports.HDrawerForm = HDrawerForm;
+exports.HImgCropUpload = HImgCropUpload;
 exports.HInput = HInput;
 exports.HInputNumber = HInputNumber;
 exports.HInputNumberGroup = HInputNumberGroup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.10.97",
+  "version": "1.11.1",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -37,7 +37,8 @@
     "@babel/runtime-corejs3": "^7.26.0",
     "braft-editor": "^2.3.9",
     "copy-to-clipboard": "3.3.1",
-    "react-color": "2.19.3"
+    "react-color": "2.19.3",
+    "antd-img-crop": "^3.16.0"
   },
   "devDependencies": {
     "ahooks": "2.10.9",

package/src/components/Form/config.ts

@@ -25,6 +25,8 @@ import HText from "../Text";
 import HRichEditor from "../RichEditor";
 import HTagSelect from "../Select/TagSelect";
 import HTimeRangePicker from "../TDPicker/TimeRangePicker";
+import HImgCropUpload from "../Upload/ImgCropUpload";
+
 
 export const placeholderConfig = {
   inputType: [
@@ -74,6 +76,7 @@ const componentConfig = {
   richEditor: HRichEditor,
   tagSelect: HTagSelect,
   timeRangePicker: HTimeRangePicker,
+  imgCropUpload:HImgCropUpload
 };
 
 export default componentConfig;

package/src/components/Form/hooks/useHForm.ts

@@ -183,11 +183,22 @@ export default () => {
         keys.forEach((key) => {
           newVale[key] = undefined;
         });
-        form.setFieldsValue({
+        const allValue = {
           ...newVale,
           ...initSaveValue,
           ...values,
+        };
+        const valueKeys = Object.keys(allValue);
+        const names = valueKeys.map((key) => {
+          const val = allValue[key];
+          return {
+            name: key,
+            touched: false,
+            value: val,
+            errors: [],
+          };
         });
+        form.setFields(names);
       },
       resetFieldsValues: (values = {}) => {
         const oldValue = form.getFieldsValue(true);

package/src/components/Input/SelectInput.tsx

@@ -16,7 +16,6 @@ export const Index = ({
   addDispatchListener,
   ...props
 }: HSelectInputProps) => {
-  console.log(props,"ppppppp");
   const { input = "", select = "" } = valueName;
   const { [input]: inputVal, [select]: selectVal } = value;
   const {

package/src/components/Select/index.tsx

@@ -130,10 +130,10 @@ const Index: React.FC<HSelectProps> = ({
         optionFilterProp={optionFilterProp}
         filterOption={selfFilterOption}
         showSearch={mathShowSearch}
-        onBlur={()=>{
-           if (serviceSearch&&onSearch){
-              onSearch("");
-           }
+        onBlur={() => {
+          if (serviceSearch && onSearch) {
+            onSearch("");
+          }
         }}
         labelInValue={true}
         onPopupScroll={propsOnPopupScroll || onPopupScroll}

package/src/components/Upload/ImgCropUpload.tsx

@@ -0,0 +1,50 @@
+import ImgCrop from 'antd-img-crop';
+import {message, Upload} from "antd";
+import Btn from "./Btn";
+import React, {useState} from "react";
+import type {IUpLoadProps} from "./modal";
+import {checkFileType} from "./util";
+import Preview, {type IPreviewProps} from "./Preview";
+
+export default ({value,onChange,maxCount=1,exFiles=["PNG","JPEG","JPG","GIF"]}:IUpLoadProps)=>{
+    const [previewModal, setPreviewModal] = useState<IPreviewProps>({});
+    const change=({file,fileList})=>{
+        if (!checkFileType(file, exFiles)) {
+            return message.error(new Error("文件格式错误!"));
+        }
+         if (maxCount===1){
+          onChange?.([file]);
+          return ;
+         }
+         onChange?.(fileList);
+    }
+    const { visible, file: previewFile } = previewModal;
+    const preview = (file) => {
+        setPreviewModal({
+            visible: true,
+            file,
+        });
+    };
+    return  <>
+        <ImgCrop rotate>
+            <Upload
+                customRequest={({onSuccess})=>{
+                    onSuccess?.({});
+                }}
+                fileList={value}
+                listType="picture-card"
+                onChange={change}
+                onPreview={preview}
+            >
+                <Btn value={value} maxCount={maxCount} listType="picture-card"/>
+            </Upload>
+        </ImgCrop>
+        <Preview
+            visible={visible}
+            file={previewFile}
+            onCancel={() => {
+                setPreviewModal({});
+            }}
+        />
+    </>
+}

package/src/components/Upload/MediaTypeEle/index.tsx

@@ -28,7 +28,7 @@ export default ({ file, onReady, onError }: IMediaTypeEleProps) => {
       onError={onError}
       onReady={onReady}
       mediaType={mediaType}
-      url={file.response.url}
+      url={file.response?.url||file.thumbUrl}
     />
   );
 };

package/src/components/Upload/hooks/change.ts

@@ -24,7 +24,6 @@ const matchFile = (
       return errList.push(new Error("超出限制大小!"));
     }
     if (!checkFileType(item, exFiles)) {
-      console.log(item, "item");
       return errList.push(new Error("文件格式错误!"));
     }
     if (checkFile(item, oldFile)) {

package/src/components/Upload/hooks/customRequest.ts

@@ -4,7 +4,6 @@ import type { RcFile } from "antd/lib/upload";
 import { useEffect, useMemo } from "react";
 import type { UploadFileStatus } from "antd/es/upload/interface";
 import { message } from "antd";
-import { useRequest } from "ahooks";
 
 interface SubReqParamsModal {
   request?: IUpLoadProps["request"];

package/src/components/Upload/util.ts

@@ -3,7 +3,6 @@ import type { UploadFile } from "antd/es/upload/interface";
 export const getFileExt = (file: UploadFile): string => {
   const { name } = file;
   const index = name.lastIndexOf(".");
-  console.log(index, name, file);
   return name.substring(index + 1).toUpperCase();
 };
 
@@ -11,7 +10,6 @@ export const checkFileType = (
   file: UploadFile,
   exFiles: string[] | null = []
 ) => {
-  console.log(file);
   if (!exFiles) {
     return true;
   }

package/src/components/index.tsx

@@ -12,6 +12,8 @@ export { default as HInputGroup } from "./InputGroup";
 import ModalForm from "./DialogForm/ModalForm";
 import DrawerForm from "./DialogForm/DrawerForm";
 export const HSelect = FormConfig.select;
+export const HImgCropUpload = FormConfig.imgCropUpload;
+
 export const HInput = FormConfig.input;
 export const HRichEditor = FormConfig.richEditor;