@hw-component/form 1.11.0 → 1.11.2

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/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/TDPicker/RangePicker.js

@@ -1,10 +1,11 @@
 // welcome to hoo hoo hoo
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx } from 'react/jsx-runtime';
 import { DatePicker } from 'antd';
 import { useGetTimeKey, useRangeValueProvider, useRangePickerTimeVal } from './hooks.js';
-import React, { useMemo } from 'react';
+import React, { useState, useMemo } from 'react';
 import { useMatchConfigProps } from '../hooks/index.js';
 import HFormConnect from '../Form/HFormConnect.js';
 import Index$1 from '../InputGroup/index.js';
@@ -36,6 +37,10 @@ var PickerContent = function PickerContent(_ref, ref) {
     _useMatchConfigProps$ = _useMatchConfigProps.valueRangePickerValueMap,
     valueRangePickerValueMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
     dateRanges = _useMatchConfigProps.dateRanges;
+  var _useState = useState([null, null]),
+    _useState2 = _slicedToArray(_useState, 2),
+    dates = _useState2[0],
+    setDates = _useState2[1];
   var dateMapKeys = useGetTimeKey({
     valueMap: valueRangePickerValueMap,
     name: name
@@ -100,6 +105,13 @@ var PickerContent = function PickerContent(_ref, ref) {
     });
     onChange === null || onChange === void 0 || onChange(paramsProvider(subVal));
   };
+  var onOpenChange = function onOpenChange(open) {
+    if (open) {
+      setDates(timeVal);
+    } else {
+      setDates([null, null]);
+    }
+  };
   return jsx(RangePicker, _objectSpread({
     value: timeVal,
     ref: ref,
@@ -108,10 +120,13 @@ var PickerContent = function PickerContent(_ref, ref) {
     }, style),
     onChange: change,
     showTime: showTime,
-    onCalendarChange: change,
+    onCalendarChange: function onCalendarChange(val) {
+      return setDates(val);
+    },
+    onOpenChange: onOpenChange,
     ranges: defaultRanges,
     disabledDate: function disabledDate(currentDate) {
-      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, dates));
     }
   }, props));
 };

package/es/TDPicker/modal.d.ts

@@ -31,7 +31,7 @@ export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "
     valueMap?: DateRangePickerValueMapModal;
     ranges?: RangePickerProps["ranges"] | boolean;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
-    disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
+    disabledDate?: DisabledDateFnModal<(Moment | null)[]>;
 }
 export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;

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/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/TDPicker/RangePicker.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
@@ -39,6 +40,10 @@ var PickerContent = function PickerContent(_ref, ref) {
     _useMatchConfigProps$ = _useMatchConfigProps.valueRangePickerValueMap,
     valueRangePickerValueMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
     dateRanges = _useMatchConfigProps.dateRanges;
+  var _useState = React.useState([null, null]),
+    _useState2 = _slicedToArray(_useState, 2),
+    dates = _useState2[0],
+    setDates = _useState2[1];
   var dateMapKeys = hooks.useGetTimeKey({
     valueMap: valueRangePickerValueMap,
     name: name
@@ -103,6 +108,13 @@ var PickerContent = function PickerContent(_ref, ref) {
     });
     onChange === null || onChange === void 0 || onChange(paramsProvider(subVal));
   };
+  var onOpenChange = function onOpenChange(open) {
+    if (open) {
+      setDates(timeVal);
+    } else {
+      setDates([null, null]);
+    }
+  };
   return jsxRuntime.jsx(RangePicker, _objectSpread({
     value: timeVal,
     ref: ref,
@@ -111,10 +123,13 @@ var PickerContent = function PickerContent(_ref, ref) {
     }, style),
     onChange: change,
     showTime: showTime,
-    onCalendarChange: change,
+    onCalendarChange: function onCalendarChange(val) {
+      return setDates(val);
+    },
+    onOpenChange: onOpenChange,
     ranges: defaultRanges,
     disabledDate: function disabledDate(currentDate) {
-      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, dates));
     }
   }, props));
 };

package/lib/TDPicker/modal.d.ts

@@ -31,7 +31,7 @@ export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "
     valueMap?: DateRangePickerValueMapModal;
     ranges?: RangePickerProps["ranges"] | boolean;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
-    disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
+    disabledDate?: DisabledDateFnModal<(Moment | null)[]>;
 }
 export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;

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.11.0",
+  "version": "1.11.2",
   "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,22 +183,22 @@ export default () => {
         keys.forEach((key) => {
           newVale[key] = undefined;
         });
-        const allValue={
+        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:[]
-            }
+        };
+        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)
+        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/InputGroup/index.tsx

@@ -82,14 +82,13 @@ const Index: React.FC<HInputGroupProps> = ({
     }
     return "";
   }, [addonAfter, addonBefore]);
-
   return (
     <Input.Group compact className={`${contentClassname} ${className}`}>
       <Addon value={value} onChange={onChange} style={addonBeforeStyle}>
         {addonBefore}
       </Addon>
       <div className={`${bodyClassname} ${cuBodyClassName}`}>
-        {React.cloneElement(children as any, { value, onChange, ...props })}
+        {React.cloneElement(children as any, { value, onChange,...props})}
       </div>
       <Addon value={value} onChange={onChange} style={addonAfterStyle}>
         {addonAfter}

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}