@hw-component/form 0.0.4 → 0.0.5-beta-v1

package/es/Form/Label.d.ts

@@ -0,0 +1,10 @@
+import type { HoverModal } from "./modal";
+import React from "react";
+interface IProps {
+    labelWidth?: number;
+    hover?: string | HoverModal;
+    colon?: boolean;
+    required?: boolean;
+}
+declare const Index: React.FC<IProps>;
+export default Index;

package/es/Form/Label.js

@@ -0,0 +1,49 @@
+// welcome to hoo hoo hoo
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import { Tooltip } from 'antd';
+import { useClassName } from '../hooks/index.js';
+
+var useHover = function useHover(_ref) {
+  var hover = _ref.hover;
+  if (!hover || typeof hover === "string") {
+    return {
+      text: hover,
+      icon: jsx(QuestionCircleOutlined, {})
+    };
+  }
+  return hover;
+};
+var Index = function Index(_ref2) {
+  var labelWidth = _ref2.labelWidth,
+    children = _ref2.children,
+    colon = _ref2.colon,
+    required = _ref2.required,
+    hover = _ref2.hover;
+  var _useHover = useHover({
+      hover: hover
+    }),
+    text = _useHover.text,
+    icon = _useHover.icon;
+  var array = [colon ? "hw-form-item-colon" : "", required ? "hw-form-item-required" : ""];
+  var className = useClassName(array);
+  return jsxs("div", {
+    style: {
+      width: labelWidth
+    },
+    className: className,
+    children: [children, text && jsx("span", {
+      style: {
+        marginLeft: 4
+      },
+      children: jsx(Tooltip, {
+        placement: "top",
+        title: text,
+        children: icon
+      })
+    })]
+  });
+};
+
+export { Index as default };
+// powered by hdj

package/es/Form/config.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const placeholderConfig: {
+    inputType: string[];
+    selectType: string[];
+};
+declare const componentConfig: {
+    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: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    buttonInput: import("react").FC<import("../Input/modal").HButtonInputProps>;
+    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: import("react").FC<import("../TDPicker/modal").HDatePickerProps>;
+    rangePicker: {
+        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("../Input/modal").HInputProps<any>) => JSX.Element;
+    upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
+    submit: ({ text, type, form, loading, position, reset, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
+    textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
+    colorInput: ({ value, onChange, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
+};
+export default componentConfig;

package/es/Form/config.js

@@ -0,0 +1,45 @@
+// welcome to hoo hoo hoo
+import HSelect from '../Select/index.js';
+import HInput from '../Input/index.js';
+import HInputNumber from '../Input/InputNumber.js';
+import HSelectInput from '../Input/SelectInput.js';
+import Index from '../Input/ButtonInput.js';
+import HCheckboxGroup from '../CheckboxGroup/index.js';
+import Index$1 from '../CheckboxGroup/CheckBox/index.js';
+import HRadioGroup from '../RadioGroup/index.js';
+import Index$2 from '../Switch/index.js';
+import Index$3 from '../TDPicker/index.js';
+import HRangePicker from '../TDPicker/RangePicker.js';
+import HTimePicker from '../TDPicker/TimePicker.js';
+import HUpload from '../Upload/index.js';
+import Index$4 from '../Upload/UrlUpload/index.js';
+import HSubmit from '../Submit/index.js';
+import TextArea from '../TextArea/index.js';
+import ColorInput from '../Input/ColorInput/index.js';
+
+var placeholderConfig = {
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
+  selectType: ["select", "datePicker", "timePicker", "colorInput"]
+};
+var componentConfig = {
+  select: HSelect,
+  inputNumber: HInputNumber,
+  selectInput: HSelectInput,
+  buttonInput: Index,
+  checkboxGroup: HCheckboxGroup,
+  checkBox: Index$1,
+  radioGroup: HRadioGroup,
+  "switch": Index$2,
+  datePicker: Index$3,
+  rangePicker: HRangePicker,
+  timePicker: HTimePicker,
+  input: HInput,
+  upload: HUpload,
+  urlUpload: Index$4,
+  submit: HSubmit,
+  textArea: TextArea,
+  colorInput: ColorInput
+};
+
+export { componentConfig as default, placeholderConfig };
+// powered by hdj

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

@@ -0,0 +1,16 @@
+import type { HFormProps, HFormInstance } from "../modal";
+import type { DispatchModal } from "../modal";
+interface UseValuesChangeModal {
+    onValuesChange: HFormProps["onValuesChange"];
+    dispatch: DispatchModal;
+    form: HFormInstance;
+}
+export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
+type ParamsModal = Omit<HFormProps, "configData">;
+export declare const useInfoReq: ({ initialValues, infoRequest, form, params, request, onFinish, }: ParamsModal) => {
+    subControl: import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
+    infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<import("rc-field-form/lib/interface").Store, [reqParams?: any]>;
+};
+export declare const useDefaultComponents: () => any;
+export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
+export {};

package/es/Form/hooks/index.js

@@ -0,0 +1,158 @@
+// welcome to hoo hoo hoo
+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 _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 _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { useRequest } from 'ahooks';
+import useHForm from './useHForm.js';
+import { useMemo, useEffect } from 'react';
+import componentConfig from '../config.js';
+import { useFormConfigContext } from '../Context/FormConfigProvider.js';
+
+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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useCurrentForm = function useCurrentForm(form) {
+  var selfForm = useHForm();
+  return form || selfForm;
+};
+var useInfoReq = function useInfoReq(_ref) {
+  var initialValues = _ref.initialValues,
+    infoRequest = _ref.infoRequest,
+    form = _ref.form,
+    params = _ref.params,
+    request = _ref.request,
+    onFinish = _ref.onFinish;
+  var reqData = useMemo(function () {
+    var saveParams = params || {};
+    return {
+      params: saveParams
+    };
+  }, [params]);
+  var subControl = useRequest( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+      var subVal;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            subVal = form === null || form === void 0 ? void 0 : form.outputValues(value);
+            if (!request) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 4;
+            return request(subVal, reqData.params);
+          case 4:
+            onFinish === null || onFinish === void 0 ? void 0 : onFinish(subVal, reqData.params);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), {
+    manual: true
+  });
+  var infoControl = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var reqParams,
+      setValue,
+      _args2 = arguments;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
+          setValue = initialValues;
+          reqData.params = reqParams;
+          if (!(!initialValues && !infoRequest)) {
+            _context2.next = 5;
+            break;
+          }
+          return _context2.abrupt("return", {});
+        case 5:
+          if (!infoRequest) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 8;
+          return infoRequest(reqParams);
+        case 8:
+          setValue = _context2.sent;
+        case 9:
+          form === null || form === void 0 ? void 0 : form.setFieldsValue(setValue);
+          return _context2.abrupt("return", setValue || {});
+        case 11:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
+  var run = infoControl.run,
+    mutate = infoControl.mutate;
+  useEffect(function () {
+    if (form) {
+      form.reload = function (reloadParams) {
+        mutate(undefined);
+        return run(reloadParams);
+      };
+    }
+  }, []);
+  return {
+    subControl: subControl,
+    infoControl: infoControl
+  };
+};
+var useDefaultComponents = function useDefaultComponents() {
+  var defaultComponent = useFormConfigContext("defaultComponent");
+  return _objectSpread(_objectSpread({}, componentConfig), defaultComponent);
+};
+var dispatchControl = function dispatchControl(form, params, dispatch) {
+  if (!dispatch) {
+    return;
+  }
+  var dispatchKey = _Object$keys(dispatch);
+  _forEachInstanceProperty(dispatchKey).call(dispatchKey, function (name) {
+    var _dispatch$name = dispatch[name],
+      fnKey = _dispatch$name.fnKey,
+      reset = _dispatch$name.reset;
+    if (reset) {
+      form.setFields([{
+        name: name,
+        value: null,
+        errors: []
+      }]);
+    }
+    if (!fnKey) {
+      return;
+    }
+    form.dispatch({
+      key: fnKey,
+      name: name
+    }, params);
+  });
+};
+var useValuesChange = function useValuesChange(_ref4) {
+  var onValuesChange = _ref4.onValuesChange,
+    dispatch = _ref4.dispatch,
+    form = _ref4.form;
+  return function (changedValues, values) {
+    var changeKey = _Object$keys(changedValues)[0];
+    var dispatchItem = dispatch[changeKey];
+    dispatchControl(form, {
+      changedValues: changedValues,
+      oldValues: values
+    }, dispatchItem);
+    onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
+  };
+};
+
+export { useCurrentForm, useDefaultComponents, useInfoReq, useValuesChange };
+// powered by hdj

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

@@ -0,0 +1,3 @@
+import type { DefaultComponentModal, HFormItemProps } from "../modal";
+import type { FormInstance } from "antd";
+export declare const useDefaultRender: (props: HFormItemProps, defaultComponents: DefaultComponentModal) => (form: FormInstance) => any;

package/es/Form/hooks/useDefaultRender.js

@@ -0,0 +1,49 @@
+// 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 _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import componentConfig from '../config.js';
+import React from 'react';
+
+var _excluded = ["render", "labelWidth", "colon", "type", "itemProps"];
+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 useDefaultRender = function useDefaultRender(props, defaultComponents) {
+  var render = props.render;
+    props.labelWidth;
+    props.colon;
+    var _props$type = props.type,
+    type = _props$type === void 0 ? "input" : _props$type,
+    _props$itemProps = props.itemProps,
+    itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var mergeComponent = _objectSpread(_objectSpread({}, componentConfig), defaultComponents);
+  var dom = mergeComponent[type];
+  return function (form) {
+    var Component = dom;
+    if (dom !== null && dom !== void 0 && dom.Component) {
+      Component = dom.Component;
+    }
+    var node = Component && jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
+      form: form
+    }));
+    if (render) {
+      var resultNode = render(props, node, form);
+      return /*#__PURE__*/React.cloneElement(resultNode, _objectSpread(_objectSpread(_objectSpread({}, componentProps), itemProps), {}, {
+        form: form
+      }));
+    }
+    return node;
+  };
+};
+
+export { useDefaultRender };
+// powered by hdj

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

@@ -0,0 +1,3 @@
+import type { HFormInstance } from "../modal";
+declare const _default: () => HFormInstance;
+export default _default;

package/es/Form/hooks/useHForm.js

@@ -0,0 +1,194 @@
+// welcome to hoo hoo hoo
+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 _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 _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _Promise from '@babel/runtime-corejs3/core-js/promise';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Reflect$deleteProperty from '@babel/runtime-corejs3/core-js/reflect/delete-property';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import { useMemo } from 'react';
+import { Form } from 'antd';
+
+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 _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useHForm = (function () {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  return useMemo(function () {
+    var formatSourceData = {};
+    var dispatchSourceData = {};
+    var initDispatch = {};
+    var cacheValues = {};
+    var isLoading = false;
+    var norAddItemDispatch = function norAddItemDispatch(name, manual, fn) {
+      if (manual === false && name) {
+        initDispatch[name] = fn;
+      }
+      if (!name) {
+        return {
+          keysFn: {},
+          defaultFn: [fn]
+        };
+      }
+      return {
+        keysFn: _defineProperty({}, name, fn),
+        defaultFn: []
+      };
+    };
+    return _objectSpread(_objectSpread({
+      reload: function reload(params) {
+        return _Promise.resolve(params);
+      },
+      initValues: function initValues() {
+        var newValue = {};
+        if (cacheValues) {
+          newValue = this.formatValues(cacheValues);
+          form.setFieldsValue(newValue);
+        }
+        var initKeys = _Object$keys(initDispatch);
+        _forEachInstanceProperty(initKeys).call(initKeys, function (key) {
+          initDispatch[key]({
+            changedValues: newValue,
+            oldValues: newValue
+          });
+        });
+        isLoading = true;
+      },
+      addFormat: function addFormat(name, format) {
+        if (!format) {
+          return;
+        }
+        var inputValue = format.inputValue,
+          outputValue = format.outputValue;
+        formatSourceData[name] = {
+          inputValue: inputValue,
+          outputValue: outputValue
+        };
+      },
+      formatValues: function formatValues() {
+        var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var formatKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "inputValue";
+        var valKeys = _Object$keys(value).length;
+        if (!valKeys) {
+          return {};
+        }
+        var newValue = _objectSpread({}, value);
+        var keys = _Object$keys(formatSourceData);
+        _forEachInstanceProperty(keys).call(keys, function (key) {
+          var _formatSourceData$key;
+          var format = (_formatSourceData$key = formatSourceData[key]) === null || _formatSourceData$key === void 0 ? void 0 : _formatSourceData$key[formatKey];
+          if (!format) {
+            return;
+          }
+          var resultValue = format(value);
+          _Reflect$deleteProperty(newValue, key);
+          newValue = _objectSpread(_objectSpread({}, newValue), resultValue);
+        });
+        return newValue;
+      },
+      dispatch: function dispatch(action) {
+        var _context2, _context3, _context4;
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        var key = action.key,
+          name = action.name;
+        var items = dispatchSourceData[key];
+        if (!items) {
+          return;
+        }
+        var keysFn = items.keysFn,
+          defaultFn = items.defaultFn;
+        if (name) {
+          var _keysFn$name, _context;
+          return (_keysFn$name = keysFn[name]) === null || _keysFn$name === void 0 ? void 0 : _keysFn$name.call.apply(_keysFn$name, _concatInstanceProperty(_context = [keysFn]).call(_context, args));
+        }
+        var fnArrays = _mapInstanceProperty(_context2 = _Object$keys(keysFn)).call(_context2, function (itemKey) {
+          return keysFn[itemKey];
+        });
+        _forEachInstanceProperty(_context3 = _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(fnArrays), _toConsumableArray(defaultFn))).call(_context3, function (fn) {
+          fn.apply(void 0, args);
+        });
+      },
+      addDispatchListener: function addDispatchListener(action, fn) {
+        var key = action.key,
+          name = action.name,
+          _action$dispatch = action.dispatch,
+          dispatch = _action$dispatch === void 0 ? {} : _action$dispatch;
+        var manual = dispatch.manual;
+        var items = dispatchSourceData[key];
+        if (!items) {
+          dispatchSourceData[key] = norAddItemDispatch(name, manual, fn);
+          return;
+        }
+        var keysFn = items.keysFn,
+          defaultFn = items.defaultFn;
+        if (name) {
+          keysFn[name] = fn;
+        } else {
+          defaultFn.push(fn);
+        }
+        if (manual === false && name) {
+          initDispatch[name] = fn;
+        }
+        dispatchSourceData[key] = {
+          keysFn: keysFn,
+          defaultFn: defaultFn
+        };
+      },
+      removeDispatchListener: function removeDispatchListener(action) {
+        if (!action) {
+          dispatchSourceData = {};
+          return;
+        }
+        var key = action.key,
+          name = action.name;
+        var items = dispatchSourceData[key];
+        if (!items) {
+          return;
+        }
+        if (name) {
+          var keysFn = items.keysFn;
+          _Reflect$deleteProperty(keysFn, name);
+          items.keysFn = keysFn;
+          dispatchSourceData[key] = items;
+          return;
+        }
+        _Reflect$deleteProperty(dispatchSourceData, key);
+      },
+      outputValues: function outputValues(value) {
+        return this.formatValues(value, "outputValue");
+      }
+    }, form), {}, {
+      setFieldsValue: function setFieldsValue(values) {
+        if (!isLoading) {
+          cacheValues = values;
+          return;
+        }
+        var newValue = this.formatValues(values);
+        form.setFieldsValue(newValue);
+      },
+      validateFields: function validateFields(nameList) {
+        var _this = this;
+        return new _Promise(function (resolve) {
+          form.validateFields(nameList).then(function (value) {
+            var result = _this.formatValues(value, "outputValue");
+            return resolve(result);
+          });
+        });
+      }
+    });
+  }, []);
+});
+
+export { useHForm as default };
+// powered by hdj

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

@@ -0,0 +1,8 @@
+import type { HFormProps, HItemProps } from "../modal";
+import type { DispatchSourceDataModal } from "../modal";
+type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
+declare const _default: ({ configData, form }: InitConfigModal) => {
+    newConfigData: HItemProps[];
+    dispatchSourceData: DispatchSourceDataModal;
+};
+export default _default;