@hw-component/form 0.0.2-bate → 0.0.2-beta-v2

package/es/CheckboxGroup/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const _default: (props: import("../Form/modal").HFormItemProps) => React.ReactElement<import("../Form/modal").ConnectResultProps, string | React.JSXElementConstructor<any>>;
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/es/CheckboxGroup/index.js

@@ -50,7 +50,8 @@ var Index = function Index(_ref) {
   addFormat === null || addFormat === void 0 ? void 0 : addFormat({
     "float": {
       inputValue: function inputValue(item, initValue) {
-        var name = item.name;
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
         var keys = checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (optItem) {
           return optItem.value;
         });
@@ -61,7 +62,8 @@ var Index = function Index(_ref) {
         return _defineProperty({}, name, resultObj);
       },
       outputValue: function outputValue(item, _outputValue) {
-        var name = item.name;
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
         var _outputValue$name = _outputValue[name],
           itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
         return _objectSpread({}, itemVal);

package/es/DialogForm/DrawerForm/Footer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { DialogFormProps } from "../modal";
+declare const _default: ({ onCancel, onOk, confirmLoading, }: Omit<DialogFormProps, "configData">) => JSX.Element;
+export default _default;

package/es/DialogForm/DrawerForm/Footer.js

@@ -0,0 +1,23 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import { Row, Space, Button } from 'antd';
+
+var Footer = (function (_ref) {
+  var onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    confirmLoading = _ref.confirmLoading;
+  return /*#__PURE__*/React.createElement(Row, {
+    justify: "end"
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: "middle"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onCancel
+  }, "\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: onOk,
+    loading: confirmLoading
+  }, "\u786E\u5B9A")));
+});
+
+export { Footer as default };
+// powered by hdj

package/es/DialogForm/DrawerForm/Title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ModalProps } from "antd";
+declare const _default: ({ title, closable, onCancel }: ModalProps) => JSX.Element;
+export default _default;

package/es/DialogForm/DrawerForm/Title.js

@@ -0,0 +1,18 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import { Row } from 'antd';
+import { CloseOutlined } from '@ant-design/icons';
+
+var Title = (function (_ref) {
+  var title = _ref.title,
+    closable = _ref.closable,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/React.createElement(Row, {
+    justify: "space-between"
+  }, /*#__PURE__*/React.createElement("div", null, title), closable && /*#__PURE__*/React.createElement(CloseOutlined, {
+    onClick: onCancel
+  }));
+});
+
+export { Title as default };
+// powered by hdj

package/es/DialogForm/DrawerForm/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { DialogFormProps } from "../modal";
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, ...props }: DialogFormProps) => JSX.Element;
+export default _default;

package/es/DialogForm/DrawerForm/index.js

@@ -0,0 +1,111 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { Drawer } from 'antd';
+import { useCurrentForm, useModifyProps, useSub } from '../hooks.js';
+import HForm from '../../Form/index.js';
+import Title from './Title.js';
+import Footer from './Footer.js';
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer"];
+var DrawerForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest,
+    request = _ref.request;
+    _ref.afterClose;
+    var dialogForm = _ref.dialogForm,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    labelWidth = _ref.labelWidth;
+    _ref.onOk;
+    var onFinish = _ref.onFinish;
+    _ref.size;
+    _ref.form;
+    var footer = _ref.footer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = useCurrentForm(dialogForm);
+  var _useModifyProps = useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue,
+    onAfterClose = _useModifyProps.onAfterClose;
+  var cancel = function cancel(e) {
+    onAfterClose();
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
+    }
+    setModalVisible(false);
+  };
+  var _useSub = useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  var footerComponent = function footerComponent() {
+    if (footer === null) {
+      return null;
+    }
+    return footer || /*#__PURE__*/React.createElement(Footer, {
+      onCancel: cancel,
+      onOk: currentForm.submit,
+      confirmLoading: loading
+    });
+  };
+  return /*#__PURE__*/React.createElement(Drawer, _extends({
+    visible: modalVisible,
+    title: /*#__PURE__*/React.createElement(Title, {
+      title: title,
+      closable: closable,
+      onCancel: cancel
+    })
+  }, props, {
+    onClose: cancel,
+    closable: false,
+    destroyOnClose: true,
+    footer: footerComponent()
+  }), /*#__PURE__*/React.createElement(HForm, _extends({
+    configData: modalFormData,
+    initialValues: initValue
+  }, props, {
+    form: currentForm,
+    onFinish: /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return run(values);
+            case 2:
+              setModalVisible(false);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(),
+    infoRequest: infoRequest,
+    labelWidth: labelWidth
+  })));
+});
+
+export { DrawerForm as default };
+// powered by hdj

package/es/DialogForm/ModalForm.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { DialogFormProps } from "./modal";
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, ...props }: DialogFormProps) => JSX.Element;
+export default _default;

package/es/DialogForm/ModalForm.js

@@ -0,0 +1,89 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { Modal } from 'antd';
+import HForm from '../Form/index.js';
+import { useCurrentForm, useModifyProps, useSub } from './hooks.js';
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish"];
+var ModalForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest,
+    request = _ref.request,
+    _afterClose = _ref.afterClose,
+    dialogForm = _ref.dialogForm,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    onFinish = _ref.onFinish,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = useCurrentForm(dialogForm);
+  var _useModifyProps = useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue;
+  var cancel = function cancel(e) {
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
+    }
+    setModalVisible(false);
+  };
+  var _useSub = useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    title: title,
+    visible: modalVisible,
+    onCancel: cancel,
+    confirmLoading: loading,
+    afterClose: function afterClose() {
+      currentForm.resetFields();
+      _afterClose === null || _afterClose === void 0 ? void 0 : _afterClose();
+    }
+  }, props, {
+    onOk: currentForm.submit,
+    destroyOnClose: true
+  }), /*#__PURE__*/React.createElement(HForm, _extends({
+    configData: modalFormData,
+    initialValues: initValue,
+    onFinish: /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return run(values);
+            case 2:
+              setModalVisible(false);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }()
+  }, props, {
+    form: currentForm,
+    infoRequest: infoRequest
+  })));
+});
+
+export { ModalForm as default };
+// powered by hdj

package/es/DialogForm/hooks.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, }: ModifyPropsModal) => {
+    modalFormData: import("../Form/modal").HItemProps[];
+    modalVisible: boolean | undefined;
+    setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
+    setModalFormData: import("react").Dispatch<import("react").SetStateAction<import("../Form/modal").HItemProps[]>>;
+    initValue: Record<string, any> | undefined;
+    setInitValue: import("react").Dispatch<import("react").SetStateAction<Record<string, any> | undefined>>;
+    onAfterClose: () => void;
+};
+export declare const useHDialogForm: () => HDialogFormInstance;
+export declare const useCurrentForm: (hDialogForm?: HDialogFormInstance) => HDialogFormInstance;
+export declare const useSub: ({ request, onFinish }: Partial<DialogFormProps>) => import("@ahooksjs/use-request/lib/types").BaseResult<any, [values: any]>;

package/es/DialogForm/hooks.js

@@ -0,0 +1,124 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _setTimeout from '@babel/runtime-corejs3/core-js/set-timeout';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import { useMemo, useState, useEffect } from 'react';
+import useHForm from '../Form/hooks/useHForm.js';
+import { useRequest } from 'ahooks';
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useModifyProps = function useModifyProps(_ref) {
+  var visible = _ref.visible,
+    configData = _ref.configData,
+    initialValues = _ref.initialValues,
+    dialogForm = _ref.dialogForm,
+    afterClose = _ref.afterClose;
+  var _useState = useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = useState(configData),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalFormData = _useState4[0],
+    setModalFormData = _useState4[1];
+  var _useState5 = useState(initialValues),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initValue = _useState6[0],
+    setInitValue = _useState6[1];
+  var onAfterClose = function onAfterClose() {
+    _setTimeout(function () {
+      dialogForm.resetFields();
+      afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+    }, 0);
+  };
+  useEffect(function () {
+    setModalVisible(visible);
+  }, [visible]);
+  useEffect(function () {
+    setModalFormData(configData);
+  }, [configData]);
+  useEffect(function () {
+    dialogForm.show = function () {
+      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var changeConfigData = params.configData,
+        changeInitialValues = params.initialValues;
+      if (!!changeConfigData) {
+        setModalFormData(changeConfigData);
+      }
+      setInitValue(changeInitialValues);
+      setModalVisible(true);
+    };
+    dialogForm.hide = function () {
+      setModalVisible(false);
+      onAfterClose();
+    };
+  }, [afterClose]);
+  return {
+    modalFormData: modalFormData,
+    modalVisible: modalVisible,
+    setModalVisible: setModalVisible,
+    setModalFormData: setModalFormData,
+    initValue: initValue,
+    setInitValue: setInitValue,
+    onAfterClose: onAfterClose
+  };
+};
+var useHDialogForm = function useHDialogForm() {
+  var hForm = useHForm();
+  return useMemo(function () {
+    return _objectSpread(_objectSpread({}, hForm), {}, {
+      show: function show(params) {},
+      hide: function hide() {}
+    });
+  }, []);
+};
+var useCurrentForm = function useCurrentForm(hDialogForm) {
+  var defaultHModalForm = useHDialogForm();
+  return hDialogForm || defaultHModalForm;
+};
+var useSub = function useSub(_ref2) {
+  var request = _ref2.request,
+    onFinish = _ref2.onFinish;
+  return useRequest( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!onFinish) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return", onFinish(values));
+          case 2:
+            if (!request) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return", request(values));
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), {
+    manual: true
+  });
+};
+
+export { useCurrentForm, useHDialogForm, useModifyProps, useSub };
+// powered by hdj

package/es/DialogForm/modal.d.ts

@@ -0,0 +1,25 @@
+import type { ModalProps } from "antd";
+import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
+import type { PromiseFnResult } from "../modal";
+type RootProps = HFormProps & ModalProps;
+export interface ModifyPropsModal {
+    configData: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+    dialogForm: HDialogFormInstance;
+    afterClose?: VoidFunction;
+}
+export interface ShowParamsModal {
+    configData?: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+}
+export interface HDialogFormInstance extends HFormInstance {
+    show: (data?: ShowParamsModal) => void;
+    hide: VoidFunction;
+}
+export interface DialogFormProps extends Omit<RootProps, "onFinish"> {
+    dialogForm?: HDialogFormInstance;
+    onFinish?: PromiseFnResult;
+}
+export {};

package/es/Form/HFormConnect.d.ts

@@ -1,6 +1,5 @@
 import type { HFormItemProps } from "@/components/Form/modal";
 import React from "react";
 import type { ConnectConfigModal } from "@/components/Form/modal";
-import type { ConnectResultProps } from "@/components/Form/modal";
-declare const _default: (Component: React.FunctionComponent | React.ComponentClass, config?: ConnectConfigModal) => (props: HFormItemProps) => React.ReactElement<ConnectResultProps, string | React.JSXElementConstructor<any>>;
+declare const _default: (component: React.FunctionComponent | React.ComponentClass | React.ForwardRefRenderFunction<any, any>, config?: ConnectConfigModal) => React.ForwardRefExoticComponent<HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/es/Form/HFormConnect.js

@@ -1,18 +1,8 @@
 // welcome to hoo hoo hoo
-import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
 import { useFormContext } from './Context/index.js';
 import React, { useEffect } from 'react';
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var formatMaker = function formatMaker(itemProps, formats) {
   if (!formats) {
     return formats;
@@ -28,12 +18,13 @@ var formatMaker = function formatMaker(itemProps, formats) {
     }
   };
 };
-var HFormConnect = (function (Component) {
+var HFormConnect = (function (component) {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _config$format = config.format,
     format = _config$format === void 0 ? {} : _config$format;
-  return function (props) {
-    var name = props.name;
+  var Index = function Index(props, ref) {
+    var _props$name = props.name,
+      name = _props$name === void 0 ? "" : _props$name;
     var _useFormContext = useFormContext(),
       form = _useFormContext.form,
       _useFormContext$value = _useFormContext.valueType,
@@ -44,10 +35,20 @@ var HFormConnect = (function (Component) {
     var addFormat = function addFormat(aFormat) {
       form === null || form === void 0 ? void 0 : form.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
-    return /*#__PURE__*/React.createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
-      addFormat: addFormat
+    var addDispatchListener = function addDispatchListener(key, fn) {
+      form === null || form === void 0 ? void 0 : form.addDispatchListener({
+        key: key,
+        name: name
+      }, fn);
+    };
+    var Component = component;
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      addFormat: addFormat,
+      addDispatchListener: addDispatchListener,
+      ref: ref
     }));
   };
+  return /*#__PURE__*/React.forwardRef(Index);
 });
 
 export { HFormConnect as default };

package/es/Form/InitSet.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-interface InitSetProps {
-    initValues?: Record<string, any>;
-}
-declare const _default: ({ initValues }: InitSetProps) => JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/Form/InitSet.js

@@ -2,12 +2,11 @@
 import React, { useEffect } from 'react';
 import { useFormContext } from './Context/index.js';
 
-var InitSet = (function (_ref) {
-  var initValues = _ref.initValues;
+var InitSet = (function () {
   var _useFormContext = useFormContext(),
     form = _useFormContext.form;
   useEffect(function () {
-    form.initValues(initValues);
+    form.initValues();
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 });

package/es/Form/config.d.ts

@@ -6,23 +6,24 @@ export declare const placeholderConfig: {
 declare const _default: {
     select: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: import("../Select/modal").HSelectProps) => JSX.Element;
     inputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
-    selectInput: ({ selectProps, value, onChange, valueName, ...props }: import("../Input/modal").HSelectInputProps) => JSX.Element;
+    selectInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     buttonInput: import("react").FC<import("../Input/modal").HButtonInputProps>;
-    checkboxGroup: (props: import("./modal").HFormItemProps) => import("react").ReactElement<import("./modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
+    checkboxGroup: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
     radioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
     switch: import("react").FC<import("../Switch").HSwitchProps>;
     datePicker: ({ value, onChange, showTime, format, ...props }: import("../TDPicker/modal").HDatePickerProps) => JSX.Element;
     rangePicker: {
-        Component: ({ value, onChange, showTime, format, valueMap, ranges, name, ...props }: import("../TDPicker/modal").HRangePickerProps) => JSX.Element;
+        Component: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
         requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
     };
     timePicker: ({ value, format, onChange, ...props }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
     input: ({ ...props }: import("antd").InputProps) => JSX.Element;
-    upload: import("react").ForwardRefExoticComponent<import("../Upload/modal").IUpLoadProps & import("react").RefAttributes<import("../Upload/modal").IUploadRefModal>>;
+    upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
     submit: ({ text, type, form, loading, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     formConfigProvider: import("react").FC<import("./modal").IFormConfigContextProps>;
+    textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
 };
 export default _default;

package/es/Form/config.js

@@ -12,9 +12,10 @@ import HDatePicker from '../TDPicker/index.js';
 import HRangePicker from '../TDPicker/RangePicker.js';
 import HTimePicker from '../TDPicker/TimePicker.js';
 import HUpload from '../Upload/index.js';
-import HUrlUpload from '../Upload/UrlUpload/index.js';
+import Index$3 from '../Upload/UrlUpload/index.js';
 import HSubmit from '../Submit/index.js';
-import Index$3 from './Context/FormConfigProvider.js';
+import Index$4 from './Context/FormConfigProvider.js';
+import TextArea from '../TextArea/index.js';
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
@@ -34,9 +35,10 @@ var FormConfig = {
   timePicker: HTimePicker,
   input: HInput,
   upload: HUpload,
-  urlUpload: HUrlUpload,
+  urlUpload: Index$3,
   submit: HSubmit,
-  formConfigProvider: Index$3
+  formConfigProvider: Index$4,
+  textArea: TextArea
 };
 
 export { FormConfig as default, placeholderConfig };

package/es/Form/hooks/index.d.ts

@@ -3,10 +3,4 @@ import type { HFormInstance } from "@/components/Form/modal";
 export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
 type ParamsModal = Omit<HFormProps, "configData">;
 export declare const useSub: ({ request, onFinish, form }: ParamsModal) => import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
-export declare const useInit: ({ infoRequest, initialValues }: ParamsModal) => {
-    infoRun: () => Promise<any>;
-    infoLoading: boolean;
-    infoErr: Error | undefined;
-    infoData: any;
-};
 export {};