@hw-component/form 0.0.2 → 0.0.3-beta-v1

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 HDatePicker from '../TDPicker/index.js';
+import HRangePicker from '../TDPicker/RangePicker.js';
+import HTimePicker from '../TDPicker/TimePicker.js';
+import HUpload from '../Upload/index.js';
+import Index$3 from '../Upload/UrlUpload/index.js';
+import HSubmit from '../Submit/index.js';
+import Index$4 from './Context/FormConfigProvider.js';
+import TextArea from '../TextArea/index.js';
+
+var placeholderConfig = {
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
+  selectType: ["select", "datePicker", "timePicker"]
+};
+var FormConfig = {
+  select: HSelect,
+  inputNumber: HInputNumber,
+  selectInput: HSelectInput,
+  buttonInput: Index,
+  checkboxGroup: HCheckboxGroup,
+  checkBox: Index$1,
+  radioGroup: HRadioGroup,
+  "switch": Index$2,
+  datePicker: HDatePicker,
+  rangePicker: HRangePicker,
+  timePicker: HTimePicker,
+  input: HInput,
+  upload: HUpload,
+  urlUpload: Index$3,
+  submit: HSubmit,
+  formConfigProvider: Index$4,
+  textArea: TextArea
+};
+
+export { FormConfig as default, placeholderConfig };
+// powered by hdj

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

@@ -0,0 +1,6 @@
+import type { HFormProps } from "@/components/Form/modal";
+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 {};

package/es/Form/hooks/index.js

@@ -0,0 +1,45 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { useRequest } from 'ahooks';
+import useHForm from './useHForm.js';
+
+var useCurrentForm = function useCurrentForm(form) {
+  var selfForm = useHForm();
+  return form || selfForm;
+};
+var useSub = function useSub(_ref) {
+  var request = _ref.request,
+    onFinish = _ref.onFinish,
+    form = _ref.form;
+  return 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);
+          case 4:
+            onFinish === null || onFinish === void 0 ? void 0 : onFinish(subVal);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), {
+    manual: true
+  });
+};
+
+export { useCurrentForm, useSub };
+// 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,173 @@
+// 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 _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 _Promise from '@babel/runtime-corejs3/core-js/promise';
+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 cacheValues = {};
+    var isLoading = false;
+    var norAddItemDispatch = function norAddItemDispatch(name, fn) {
+      if (!name) {
+        return {
+          keysFn: {},
+          defaultFn: [fn]
+        };
+      }
+      return {
+        keysFn: _defineProperty({}, name, fn),
+        defaultFn: []
+      };
+    };
+    return _objectSpread(_objectSpread({
+      initValues: function initValues() {
+        if (cacheValues) {
+          var newValue = this.formatValues(cacheValues);
+          form.setFieldsValue(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;
+        var items = dispatchSourceData[key];
+        if (!items) {
+          dispatchSourceData[key] = norAddItemDispatch(name, fn);
+          return;
+        }
+        var keysFn = items.keysFn,
+          defaultFn = items.defaultFn;
+        if (name) {
+          keysFn[name] = fn;
+        } else {
+          defaultFn.push(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,4 @@
+import type { FormItemWithRender, HFormProps } from "@/components/Form/modal";
+type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
+declare const _default: ({ configData, form }: InitConfigModal) => FormItemWithRender[];
+export default _default;

package/es/Form/hooks/useInitConfigData.js

@@ -0,0 +1,124 @@
+// welcome to hoo hoo hoo
+import React, { useMemo } from 'react';
+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 _extends from '@babel/runtime-corejs3/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import FormConfig, { placeholderConfig } from '../config.js';
+
+var _excluded = ["render", "type", "itemProps"],
+  _excluded2 = ["render"];
+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 mathRequired = function mathRequired(configItem, form) {
+  var required = configItem.required,
+    placeholder = configItem.placeholder,
+    rules = configItem.rules,
+    _configItem$type = configItem.type,
+    type = _configItem$type === void 0 ? "input" : _configItem$type;
+  var resultRequired = false;
+  var dom = FormConfig[type];
+  var resultRules = rules === null || rules === void 0 ? void 0 : _mapInstanceProperty(rules).call(rules, function (item) {
+    var eachItem = item;
+    if (typeof item === "function") {
+      eachItem = item(form);
+    }
+    var _eachItem = eachItem,
+      itemRequired = _eachItem.required,
+      message = _eachItem.message;
+    if (itemRequired) {
+      resultRequired = itemRequired;
+    }
+    if (itemRequired && !message) {
+      return _objectSpread(_objectSpread({}, eachItem), {}, {
+        required: itemRequired,
+        message: !!(dom !== null && dom !== void 0 && dom.requiredErrMsg) ? dom.requiredErrMsg(configItem) : placeholder
+      });
+    }
+    return eachItem;
+  });
+  return {
+    required: typeof required === "boolean" ? required : resultRequired,
+    rules: resultRules
+  };
+};
+var matchDefaultPlaceholder = function matchDefaultPlaceholder(props) {
+  var _context;
+  var label = props.label,
+    placeholder = props.placeholder,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "input" : _props$type;
+  var dom = FormConfig[type];
+  if (placeholder) {
+    return placeholder;
+  }
+  if (dom !== null && dom !== void 0 && dom.placeholder) {
+    return dom.placeholder(props);
+  }
+  if (_indexOfInstanceProperty(_context = placeholderConfig.inputType).call(_context, type) !== -1) {
+    return "\u8BF7\u8F93\u5165".concat(label);
+  }
+  return "\u8BF7\u9009\u62E9".concat(label);
+};
+var defaultRenderMaker = function defaultRenderMaker(props) {
+  var render = props.render,
+    _props$type2 = props.type,
+    type = _props$type2 === void 0 ? "input" : _props$type2,
+    _props$itemProps = props.itemProps,
+    itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var dom = FormConfig[type];
+  return function (form) {
+    var Component = !!(dom !== null && dom !== void 0 && dom.Component) ? dom.Component : dom;
+    var node = Component && /*#__PURE__*/React.createElement(Component, _extends({}, componentProps, itemProps, {
+      form: form
+    }));
+    if (render) {
+      return render(props, node, form);
+    }
+    return node;
+  };
+};
+var defaultPlaceholderPropsMaker = function defaultPlaceholderPropsMaker(props) {
+  var placeholder = matchDefaultPlaceholder(props);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    placeholder: placeholder,
+    render: defaultRenderMaker(_objectSpread(_objectSpread({}, props), {}, {
+      placeholder: placeholder
+    }))
+  });
+};
+var itemControl = function itemControl(item, form) {
+  var _defaultPlaceholderPr = defaultPlaceholderPropsMaker(item),
+    render = _defaultPlaceholderPr.render,
+    defaultProps = _objectWithoutProperties(_defaultPlaceholderPr, _excluded2);
+  var _mathRequired = mathRequired(defaultProps, form),
+    rules = _mathRequired.rules,
+    required = _mathRequired.required;
+  return _objectSpread(_objectSpread({}, defaultProps), {}, {
+    required: required,
+    rules: rules,
+    render: render
+  });
+};
+var useInitConfigData = (function (_ref) {
+  var configData = _ref.configData,
+    form = _ref.form;
+  return useMemo(function () {
+    return _mapInstanceProperty(configData).call(configData, function (item) {
+      return itemControl(item, form);
+    });
+  }, [configData]);
+});
+
+export { useInitConfigData as default };
+// powered by hdj

package/es/Form/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { HFormProps } from "./modal";
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, ...props }: HFormProps) => JSX.Element;
+export default _default;

package/es/Form/index.js

@@ -0,0 +1,104 @@
+// welcome to hoo hoo hoo
+import React, { useEffect } 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 _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { Form } from 'antd';
+import Item from './FormItem/index.js';
+import { useCurrentForm, useSub } from './hooks/index.js';
+import { FormContext } from './Context/index.js';
+import Index from '../PageHandler/index.js';
+import useInitConfigData from './hooks/useInitConfigData.js';
+import { useRequest } from 'ahooks';
+import InitSet from './InitSet.js';
+
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues"];
+var HForm = (function (_ref) {
+  var configData = _ref.configData,
+    labelWidth = _ref.labelWidth,
+    form = _ref.form,
+    request = _ref.request,
+    onFinish = _ref.onFinish,
+    infoRequest = _ref.infoRequest,
+    _ref$valueType = _ref.valueType,
+    valueType = _ref$valueType === void 0 ? "float" : _ref$valueType,
+    initialValues = _ref.initialValues,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var hForm = useCurrentForm(form);
+  var newConfigData = useInitConfigData({
+    configData: configData,
+    form: hForm
+  });
+  var _useSub = useSub({
+      request: request,
+      onFinish: onFinish,
+      valueType: valueType,
+      form: hForm
+    }),
+    run = _useSub.run,
+    loading = _useSub.loading;
+  var _useRequest = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var setValue;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setValue = initialValues;
+            if (!(!initialValues && !infoRequest)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return", {});
+          case 3:
+            if (!infoRequest) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return infoRequest();
+          case 6:
+            setValue = _context.sent;
+          case 7:
+            hForm.setFieldsValue(setValue);
+            return _context.abrupt("return", setValue || {});
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))),
+    infoRun = _useRequest.run,
+    infoLoading = _useRequest.loading,
+    infoErr = _useRequest.error,
+    infoData = _useRequest.data;
+  useEffect(function () {
+    return function () {
+      hForm.removeDispatchListener();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Index, {
+    loading: infoLoading,
+    error: infoErr,
+    data: infoData,
+    reload: infoRun
+  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
+    value: {
+      loading: loading,
+      form: hForm,
+      valueType: valueType
+    }
+  }, /*#__PURE__*/React.createElement(Form, _extends({
+    form: hForm,
+    onFinish: run
+  }, props), _mapInstanceProperty(newConfigData).call(newConfigData, function (itemData, index) {
+    var itemLabelWidth = itemData.labelWidth;
+    return /*#__PURE__*/React.createElement(Item, _extends({}, itemData, {
+      key: index,
+      labelWidth: itemLabelWidth || labelWidth
+    }));
+  }), /*#__PURE__*/React.createElement(InitSet, null))));
+});
+
+export { HForm as default };
+// powered by hdj

package/es/Form/modal.d.ts

@@ -0,0 +1,104 @@
+import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type { HCheckboxProps } from "@/components/CheckboxGroup/modal";
+import type React from "react";
+import type { HButtonProps, HInputProps, HSelectInputProps } from "@/components/Input/modal";
+import type { HRadioGroupProps } from "@/components/RadioGroup";
+import type { HSelectProps } from "@/components/Select/modal";
+import type { ButtonProps } from "antd/es";
+import type { HSwitchProps } from "@/components/Switch";
+import type { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "@/components/TDPicker/modal";
+import type { TextAreaProps } from "antd/es/input";
+import type { IUpLoadProps } from "@/components/Upload/modal";
+import type { SelectProps } from "antd";
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
+import type { ForwardedRef } from "react";
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => void;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
+export interface HoverModal {
+    text?: string;
+    icon?: React.ReactNode;
+}
+type HelperModal = (form: HFormInstance) => React.ReactNode | string;
+export type HideModal = (form: HFormInstance) => boolean;
+export type AddDispatchListenerFn = (action: ActionModal, fn: argsFn) => void;
+export interface HItemProps extends Omit<FormItemProps, "name"> {
+    type?: string;
+    itemProps?: ItemPropsType;
+    render?: RenderFun;
+    helper?: HelperModal | string;
+    hover?: string | HoverModal;
+    labelWidth?: number;
+    hide?: boolean | HideModal;
+    placeholder?: string | string[];
+    name?: string;
+}
+export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form"> {
+    configData: HItemProps[];
+    labelWidth?: number;
+    request?: PromiseFnResult<T, R>;
+    infoRequest?: () => Promise<T>;
+    valueType?: string;
+    form?: HFormInstance;
+}
+export interface HFormItemProps extends HItemProps {
+    required?: boolean;
+    value?: any;
+    onChange?: (val: any, item: any) => void;
+}
+export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
+    render: (form: HFormInstance) => React.ReactNode;
+}
+export type argsFn = (...args: any[]) => void;
+export interface FormContextProps {
+    loading?: boolean;
+    form: HFormInstance;
+    valueType?: string;
+}
+interface ConfigUploadProps {
+    exFiles?: string[];
+    maxSize?: number;
+    request?: PromiseFnResult;
+}
+export interface IFormConfigContextProps {
+    fieldNames?: SelectProps["fieldNames"];
+    valueCheckMap?: ValueCheckMapModal;
+    valueSwitchMap?: ValueSwitchMapModal;
+    valueRangePickerValueMap?: DateRangePickerValueMapModal;
+    dateRanges?: RangePickerProps["ranges"];
+    uploadProps?: ConfigUploadProps;
+}
+interface ActionModal {
+    key: string;
+    name?: string;
+}
+export interface HFormInstance extends FormInstance {
+    addFormat: (name: string, formats?: FormatItemModal) => void;
+    initValues: VoidFunction;
+    formatValues: (values?: Record<string, any>, formatKey?: string) => Record<string, any>;
+    dispatch: (action: ActionModal, ...args: any[]) => void;
+    outputValues: (values?: Record<string, any>) => Record<string, any>;
+    addDispatchListener: AddDispatchListenerFn;
+    removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
+}
+export interface ConnectConfigModal {
+    format?: Record<string, addFormatItemModal>;
+}
+type ValueFormat = (value: Record<string, any>) => Record<string, any>;
+export interface FormatItemModal {
+    inputValue: ValueFormat;
+    outputValue: ValueFormat;
+}
+type addValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
+export interface addFormatItemModal {
+    inputValue: addValueFormat;
+    outputValue: addValueFormat;
+}
+export interface ConnectResultProps extends HFormItemProps {
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    ref?: ForwardedRef<any>;
+    value?: any;
+    onChange?: (value: any, item?: any) => void;
+}
+export {};

package/es/Input/ButtonInput.d.ts

@@ -1,4 +1,4 @@
-import type { HButtonPropsProps } from "./modal";
 import React from "react";
-declare const Index: React.FC<HButtonPropsProps>;
+import type { HButtonInputProps } from "./modal";
+declare const Index: React.FC<HButtonInputProps>;
 export default Index;

package/es/Input/ButtonInput.js

@@ -1,4 +1,4 @@
-// welcome to ww-building-blocks-tmp
+// welcome to hoo hoo hoo
 import _extends from '@babel/runtime-corejs3/helpers/extends';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
@@ -32,7 +32,7 @@ var Index = function Index(_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
   };
   var click = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var result;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -47,14 +47,14 @@ var Index = function Index(_ref) {
           case 4:
             result = _context.sent;
           case 5:
-            onClick === null || onClick === void 0 ? void 0 : onClick(result, e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(result, onChange);
           case 6:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function click(_x) {
+    return function click() {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -72,9 +72,12 @@ var Index = function Index(_ref) {
   })), /*#__PURE__*/React.createElement(Button, _extends({}, oProps, {
     type: type,
     onClick: click,
-    loading: loading
+    loading: loading,
+    style: {
+      marginLeft: 4
+    }
   }), children));
 };
 
 export { Index as default };
-// powered by ww
+// powered by hdj