@hw-component/form 0.0.6-beta-v4 → 0.0.6-beta-v6

package/es/DialogForm/DrawerForm/index.js

@@ -16,6 +16,7 @@ import { useCurrentForm, useModifyProps, useSub } from '../hooks.js';
 import HForm from '../../Form/index.js';
 import Title from './Title.js';
 import Footer from './Footer.js';
+import Index, { useFormConfigContext } from '../../Form/Context/FormConfigProvider.js';
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 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; }
@@ -43,6 +44,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
+  var providerConfig = useFormConfigContext();
   var _useModifyProps = useModifyProps({
       configData: configData,
       visible: visible,
@@ -91,44 +93,46 @@ var DrawerForm = (function (_ref) {
     closable: false,
     destroyOnClose: true,
     footer: footerComponent(),
-    children: jsx(HForm, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange
-    }, props), {}, {
-      form: currentForm,
-      params: formParams,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, subParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }(),
-      infoRequest: infoRequest,
-      labelWidth: labelWidth
+    children: jsx(Index, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsx(HForm, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange
+      }, props), {}, {
+        form: currentForm,
+        params: formParams,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, subParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }(),
+        infoRequest: infoRequest,
+        labelWidth: labelWidth
+      }))
     }))
   }));
 });

package/es/DialogForm/ModalForm.js

@@ -13,6 +13,7 @@ import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { jsx } from 'react/jsx-runtime';
 import { Modal } from 'antd';
 import HForm from '../Form/index.js';
+import Index, { useFormConfigContext } from '../Form/Context/FormConfigProvider.js';
 import { useCurrentForm, useModifyProps, useSub } from './hooks.js';
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
@@ -35,6 +36,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
+  var providerConfig = useFormConfigContext();
   var _useModifyProps = useModifyProps({
       configData: configData,
       visible: visible,
@@ -73,43 +75,45 @@ var ModalForm = (function (_ref) {
   }, props), {}, {
     onOk: currentForm.submit,
     destroyOnClose: true,
-    children: jsx(HForm, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, outParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }()
-    }, props), {}, {
-      params: formParams,
-      form: currentForm,
-      infoRequest: infoRequest
+    children: jsx(Index, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsx(HForm, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, outParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }()
+      }, props), {}, {
+        params: formParams,
+        form: currentForm,
+        infoRequest: infoRequest
+      }))
     }))
   }));
 });

package/es/Upload/UrlUpload/index.js

@@ -3,6 +3,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.trim.js';
@@ -10,6 +11,7 @@ import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.from.js';
 import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/es.function.name.js';
+import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.array.filter.js';
@@ -26,6 +28,14 @@ import { useState, useRef } from 'react';
 var _excluded = ["placeholder", "value", "onChange", "mediaType"];
 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 mkSubFileList = function mkSubFileList(fileList) {
+  var maxCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var len = fileList.length;
+  if (len > maxCount) {
+    return fileList.slice(len - maxCount);
+  }
+  return fileList;
+};
 var Index = function Index(_ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
@@ -34,6 +44,7 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     mediaType = _ref.mediaType,
     props = _objectWithoutProperties(_ref, _excluded);
+  var maxCount = props.maxCount;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
@@ -55,7 +66,7 @@ var Index = function Index(_ref) {
         url: url
       }
     });
-    onChange === null || onChange === void 0 || onChange(newFileList);
+    onChange === null || onChange === void 0 || onChange(mkSubFileList(newFileList, maxCount));
     setUrl("");
     setLoad(false);
   };
@@ -91,7 +102,7 @@ var Index = function Index(_ref) {
       };
     });
     (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.change({
-      fileList: newFileList,
+      fileList: mkSubFileList([].concat(_toConsumableArray(value), _toConsumableArray(newFileList)), maxCount),
       file: newFileList[0]
     });
     setUrl("");

package/lib/DialogForm/DrawerForm/index.js

@@ -19,6 +19,7 @@ var hooks = require('../hooks.js');
 var index = require('../../Form/index.js');
 var Title = require('./Title.js');
 var Footer = require('./Footer.js');
+var FormConfigProvider = require('../../Form/Context/FormConfigProvider.js');
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 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; }
@@ -46,6 +47,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
+  var providerConfig = FormConfigProvider.useFormConfigContext();
   var _useModifyProps = hooks.useModifyProps({
       configData: configData,
       visible: visible,
@@ -94,44 +96,46 @@ var DrawerForm = (function (_ref) {
     closable: false,
     destroyOnClose: true,
     footer: footerComponent(),
-    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange
-    }, props), {}, {
-      form: currentForm,
-      params: formParams,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, subParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }(),
-      infoRequest: infoRequest,
-      labelWidth: labelWidth
+    children: jsxRuntime.jsx(FormConfigProvider.default, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange
+      }, props), {}, {
+        form: currentForm,
+        params: formParams,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, subParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }(),
+        infoRequest: infoRequest,
+        labelWidth: labelWidth
+      }))
     }))
   }));
 });

package/lib/DialogForm/ModalForm.js

@@ -16,6 +16,7 @@ var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var index = require('../Form/index.js');
+var FormConfigProvider = require('../Form/Context/FormConfigProvider.js');
 var hooks = require('./hooks.js');
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
@@ -38,6 +39,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
+  var providerConfig = FormConfigProvider.useFormConfigContext();
   var _useModifyProps = hooks.useModifyProps({
       configData: configData,
       visible: visible,
@@ -76,43 +78,45 @@ var ModalForm = (function (_ref) {
   }, props), {}, {
     onOk: currentForm.submit,
     destroyOnClose: true,
-    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, outParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }()
-    }, props), {}, {
-      params: formParams,
-      form: currentForm,
-      infoRequest: infoRequest
+    children: jsxRuntime.jsx(FormConfigProvider.default, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, outParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }()
+      }, props), {}, {
+        params: formParams,
+        form: currentForm,
+        infoRequest: infoRequest
+      }))
     }))
   }));
 });

package/lib/Upload/UrlUpload/index.js

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.array.slice.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.regexp.to-string.js');
 require('core-js/modules/es.string.trim.js');
@@ -13,6 +14,7 @@ require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.array.from.js');
 require('core-js/modules/es.string.iterator.js');
 require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.array.concat.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.symbol.js');
 require('core-js/modules/es.array.filter.js');
@@ -29,6 +31,14 @@ var React = require('react');
 var _excluded = ["placeholder", "value", "onChange", "mediaType"];
 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 mkSubFileList = function mkSubFileList(fileList) {
+  var maxCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var len = fileList.length;
+  if (len > maxCount) {
+    return fileList.slice(len - maxCount);
+  }
+  return fileList;
+};
 var Index = function Index(_ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
@@ -37,6 +47,7 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     mediaType = _ref.mediaType,
     props = _objectWithoutProperties(_ref, _excluded);
+  var maxCount = props.maxCount;
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
@@ -58,7 +69,7 @@ var Index = function Index(_ref) {
         url: url
       }
     });
-    onChange === null || onChange === void 0 || onChange(newFileList);
+    onChange === null || onChange === void 0 || onChange(mkSubFileList(newFileList, maxCount));
     setUrl("");
     setLoad(false);
   };
@@ -94,7 +105,7 @@ var Index = function Index(_ref) {
       };
     });
     (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.change({
-      fileList: newFileList,
+      fileList: mkSubFileList([].concat(_toConsumableArray(value), _toConsumableArray(newFileList)), maxCount),
       file: newFileList[0]
     });
     setUrl("");

package/package.json

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

package/src/components/DialogForm/DrawerForm/index.tsx

@@ -4,6 +4,7 @@ import { useCurrentForm, useModifyProps, useSub } from "../hooks";
 import HForm from "../../Form";
 import Title from "./Title";
 import Footer from "./Footer";
+import FormConfigProvider,{useFormConfigContext} from "../../Form/Context/FormConfigProvider";
 export default ({
   visible,
   title,
@@ -26,6 +27,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
+  const providerConfig=useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -72,24 +74,26 @@ export default ({
       destroyOnClose={true}
       footer={footerComponent()}
     >
-      <HForm
-        configData={modalFormData}
-        initialValues={initValue}
-        onValuesChange={onValuesChange}
-        {...props}
-        form={currentForm}
-        params={formParams}
-        onFinish={async (values, subParams) => {
-          const result = await run(values, subParams);
-          const close = onOk?.(result, subParams);
-          if (close === false) {
-            return;
-          }
-          cancel();
-        }}
-        infoRequest={infoRequest}
-        labelWidth={labelWidth}
-      />
+      <FormConfigProvider {...providerConfig}>
+        <HForm
+            configData={modalFormData}
+            initialValues={initValue}
+            onValuesChange={onValuesChange}
+            {...props}
+            form={currentForm}
+            params={formParams}
+            onFinish={async (values, subParams) => {
+              const result = await run(values, subParams);
+              const close = onOk?.(result, subParams);
+              if (close === false) {
+                return;
+              }
+              cancel();
+            }}
+            infoRequest={infoRequest}
+            labelWidth={labelWidth}
+        />
+      </FormConfigProvider>
     </Drawer>
   );
 };

package/src/components/DialogForm/ModalForm.tsx

@@ -1,6 +1,7 @@
 import { Modal } from "antd";
 import type { DialogFormProps } from "./modal";
 import HForm from "../Form";
+import FormConfigProvider, {useFormConfigContext} from '../Form/Context/FormConfigProvider'
 import { useCurrentForm, useModifyProps, useSub } from "./hooks";
 export default ({
   visible,
@@ -19,6 +20,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
+  const providerConfig=useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -55,23 +57,25 @@ export default ({
       onOk={currentForm.submit}
       destroyOnClose={true}
     >
-      <HForm
-        configData={modalFormData}
-        initialValues={initValue}
-        onValuesChange={onValuesChange}
-        onFinish={async (values, outParams) => {
-          const result = await run(values, outParams);
-          const close = onOk?.(result, outParams);
-          if (close === false) {
-            return;
-          }
-          cancel();
-        }}
-        {...props}
-        params={formParams}
-        form={currentForm}
-        infoRequest={infoRequest}
-      />
+      <FormConfigProvider {...providerConfig}>
+        <HForm
+            configData={modalFormData}
+            initialValues={initValue}
+            onValuesChange={onValuesChange}
+            onFinish={async (values, outParams) => {
+              const result = await run(values, outParams);
+              const close = onOk?.(result, outParams);
+              if (close === false) {
+                return;
+              }
+              cancel();
+            }}
+            {...props}
+            params={formParams}
+            form={currentForm}
+            infoRequest={infoRequest}
+        />
+      </FormConfigProvider>
     </Modal>
   );
 };

package/src/components/DialogForm/hooks.ts

@@ -45,8 +45,8 @@ export const useModifyProps = ({
     dialogForm.show = (showParams = {}) => {
       const {
         configData: changeConfigData,
-        initialValues: changeInitialValues={},
-        params: changeParams={},
+        initialValues: changeInitialValues = {},
+        params: changeParams = {},
         title: changeTitle,
       } = showParams;
       if (!!changeConfigData) {

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

@@ -159,10 +159,10 @@ export default () => {
           });
         });
       },
-      resetFields:()=>{
+      resetFields: () => {
         form.resetFields();
-        isLoading=false;
-      }
+        isLoading = false;
+      },
     };
   }, []);
 };

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

@@ -5,6 +5,15 @@ import type { IUploadRefModal, IUrlUploadProps } from "../modal";
 import TypeEle from "../MediaTypeEle/TypeEle";
 import { useRef, useState } from "react";
 import type { RcFile, UploadFile } from "antd/es/upload/interface";
+
+const mkSubFileList = (fileList: UploadFile[], maxCount = 1) => {
+  const len = fileList.length;
+  if (len > maxCount) {
+    return fileList.slice(len - maxCount);
+  }
+  return fileList;
+};
+
 const Index = ({
   placeholder = "请输入文件地址",
   value = [],
@@ -12,6 +21,7 @@ const Index = ({
   mediaType,
   ...props
 }: IUrlUploadProps) => {
+  const { maxCount } = props;
   const [url, setUrl] = useState("");
   const [load, setLoad] = useState<boolean>(false);
   const ref = useRef<IUploadRefModal | null>(null);
@@ -27,7 +37,7 @@ const Index = ({
         url,
       },
     });
-    onChange?.(newFileList);
+    onChange?.(mkSubFileList(newFileList, maxCount));
     setUrl("");
     setLoad(false);
   };
@@ -59,7 +69,10 @@ const Index = ({
         type,
       };
     });
-    ref.current?.change({ fileList: newFileList, file: newFileList[0] });
+    ref.current?.change({
+      fileList: mkSubFileList([...value, ...newFileList], maxCount),
+      file: newFileList[0],
+    });
     setUrl("");
     setLoad(false);
   };

package/src/pages/DrawerForm/index.tsx

@@ -117,14 +117,13 @@ export default () => {
         显示
       </Button>
       <Button
-          onClick={() => {
-            modalForm.show();
-          }}
+        onClick={() => {
+          modalForm.show();
+        }}
       >
-         打开
+        打开
       </Button>
       <HDrawerForm
-
         configData={data}
         labelWidth={88}
         dialogForm={modalForm}

package/src/pages/Form/index.tsx

@@ -114,6 +114,9 @@ const formData = (options) => {
       label: "地址文件",
       name: "urlUpload",
       type: "urlUpload",
+      itemProps: {
+        maxCount: 3,
+      },
       rules: [{ required: true }],
     },
     {
@@ -151,7 +154,7 @@ export default () => {
           labelWidth={200}
           form={form}
           initialValues={{
-            name:'fff'
+            name: "fff",
           }}
           onFinish={(value) => {
             console.log(value);
@@ -184,15 +187,15 @@ export default () => {
       </HFormConfigProvider>
       <div
         onClick={() => {
-          form.setFieldsValue({name:"123"})
+          form.setFieldsValue({ name: "123" });
         }}
       >
         点我
       </div>
       <div
-          onClick={() => {
-            form.resetFields();
-          }}
+        onClick={() => {
+          form.resetFields();
+        }}
       >
         重置
       </div>

package/src/pages/ModalForm/index.tsx

@@ -1,5 +1,5 @@
 import { Button } from "antd";
-import { HModalForm, useHDialogForm } from "../../components";
+import { HModalForm, useHDialogForm ,HFormConfigProvider} from "../../components";
 const data = [
   {
     label: "输入框",
@@ -133,28 +133,37 @@ export default () => {
         打开
       </Button>
       <Button
-          onClick={() => {
-            modalForm.show({
-              params: {
-                name: num,
-              },
-              initialValues:{
-                name:"name"
-              }
-            });
-          }}
+        onClick={() => {
+          modalForm.show({
+            params: {
+              name: num,
+            },
+            initialValues: {
+              name: "name",
+            },
+          });
+        }}
       >
         宣誓
       </Button>
-      <HModalForm
-        configData={data}
-        labelWidth={88}
-        request={(val, params) => {
-          console.log(val, params);
-        }}
-        dialogForm={modalForm}
-        title="测试"
-      />
+      <HFormConfigProvider
+          uploadProps={{
+             request:()=>{
+               console.log("request,request,request,request")
+               return Promise.resolve({url:"https://gw.alicdn.com/imgextra/i2/O1CN01MYuwJQ1GXVBWryCFJ_!!6000000000632-2-tps-1125-570.png_468x468q75.jpg_.webp"});
+             }
+          }}
+      >
+        <HModalForm
+            configData={data}
+            labelWidth={88}
+            request={(val, params) => {
+              console.log(val, params);
+            }}
+            dialogForm={modalForm}
+            title="测试"
+        />
+      </HFormConfigProvider>
     </>
   );
 };