@hw-component/form 0.0.1-bate

package/lib/CheckboxGroup/hooks.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var React = require('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 _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 changValProvider = function changValProvider(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    _ref$valueMap = _ref.valueMap,
+    valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap;
+  var newVal = _objectSpread({}, value);
+  var checked = valueMap.checked,
+    noChecked = valueMap.noChecked;
+  options === null || options === void 0 ? void 0 : _forEachInstanceProperty(options).call(options, function (item) {
+    var itemVal = item.value;
+    if (newVal[itemVal] !== checked) {
+      newVal[itemVal] = noChecked;
+    }
+  });
+  return newVal;
+};
+var useValueProvider = function useValueProvider(_ref2) {
+  var value = _ref2.value,
+    _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
+    _ref2$keyInValue = _ref2.keyInValue,
+    keyInValue = _ref2$keyInValue === void 0 ? true : _ref2$keyInValue,
+    onChange = _ref2.onChange,
+    options = _ref2.options;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  var oldValueCheckMap = React.useMemo(function () {
+    return {
+      valueMap: valueMap
+    };
+  }, []);
+  React.useEffect(function () {
+    setVal(function (oldVal) {
+      return changValProvider({
+        value: oldVal,
+        options: options,
+        valueMap: oldValueCheckMap.valueMap
+      });
+    });
+  }, [options]);
+  React.useEffect(function () {
+    var oldChecked = oldValueCheckMap.valueMap.checked;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      var keys = _Object$keys(newVal);
+      _forEachInstanceProperty(keys).call(keys, function (key) {
+        if (newVal[key] === oldChecked) {
+          newVal[key] = checked;
+          return;
+        }
+        newVal[key] = noChecked;
+      });
+      oldValueCheckMap.valueMap = valueMap;
+      return newVal;
+    });
+  }, [valueMap]);
+  React.useEffect(function () {
+    var checked = oldValueCheckMap.valueMap.checked;
+    if (!value) {
+      return;
+    }
+    if (!_Array$isArray(value)) {
+      setVal(value);
+      return;
+    }
+    setVal(function (oldVal) {
+      var newVal = _objectSpread({}, oldVal);
+      _forEachInstanceProperty(value).call(value, function (itemVal) {
+        newVal[itemVal] = checked;
+      });
+      return newVal;
+    });
+  }, [value]);
+  var change = function change(key, changeVal) {
+    var _context;
+    var checked = valueMap.checked,
+      noChecked = valueMap.noChecked;
+    var newVal = _objectSpread({}, val);
+    newVal[key] = noChecked;
+    if (changeVal === checked) {
+      newVal[key] = checked;
+    }
+    if (!onChange) {
+      setVal(newVal);
+      return;
+    }
+    if (keyInValue) {
+      onChange(newVal);
+      return;
+    }
+    var subVal = _filterInstanceProperty(_context = _Object$keys(newVal)).call(_context, function (valKey) {
+      return newVal[valKey] === checked;
+    });
+    onChange(subVal);
+  };
+  return {
+    val: val,
+    change: change
+  };
+};
+
+exports.useValueProvider = useValueProvider;
+// powered by h

package/lib/CheckboxGroup/index.d.ts

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

package/lib/CheckboxGroup/index.js

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var antd = require('antd');
+var hooks = require('./hooks.js');
+var index$1 = require('./CheckBox/index.js');
+var index = require('../hooks/index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+var React = require('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 Index = function Index(_ref) {
+  var options = _ref.options,
+    fieldNames = _ref.fieldNames,
+    onChange = _ref.onChange,
+    valueMap = _ref.valueMap,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    _ref$keyInValue = _ref.keyInValue,
+    keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue,
+    addFormat = _ref.addFormat;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: fieldNames,
+      valueCheckMap: valueMap
+    }),
+    resultValueCheckMap = _useMatchConfigProps.valueCheckMap,
+    resultFieldNames = _useMatchConfigProps.fieldNames;
+  var checkOptions = index.useChangeOptions({
+    options: options,
+    fieldNames: resultFieldNames
+  });
+  var _useValueProvider = hooks.useValueProvider({
+      options: checkOptions,
+      onChange: onChange,
+      valueMap: resultValueCheckMap,
+      keyInValue: keyInValue,
+      value: value
+    }),
+    val = _useValueProvider.val,
+    change = _useValueProvider.change;
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var name = item.name;
+        var keys = checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (optItem) {
+          return optItem.value;
+        });
+        var resultObj = {};
+        keys === null || keys === void 0 ? void 0 : _forEachInstanceProperty(keys).call(keys, function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var name = item.name;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        return _objectSpread({}, itemVal);
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(antd.Space, null, checkOptions === null || checkOptions === void 0 ? void 0 : _mapInstanceProperty(checkOptions).call(checkOptions, function (item) {
+    var label = item.label,
+      itemVal = item.value;
+    var checked = val[itemVal];
+    return /*#__PURE__*/React.createElement(index$1.default, {
+      value: checked,
+      key: itemVal,
+      onChange: function onChange(changeVal) {
+        change(itemVal, changeVal);
+      },
+      valueMap: valueMap,
+      disabled: disabled
+    }, label);
+  }));
+};
+var HCheckboxGroup = HFormConnect.default(Index);
+
+exports.default = HCheckboxGroup;
+// powered by h

package/lib/CheckboxGroup/modal.d.ts

@@ -0,0 +1,13 @@
+import type { CheckboxProps } from "antd/lib/checkbox/Checkbox";
+import type { SelectProps } from "antd";
+import type { addFormatItemModal } from "../Form/modal";
+import type { ValueCheckMapModal } from "../modal";
+export interface HCheckboxProps extends Omit<CheckboxProps, "value" | "onChange"> {
+    options?: Record<string, any>[];
+    fieldNames?: SelectProps["fieldNames"];
+    valueMap?: ValueCheckMapModal;
+    keyInValue?: boolean;
+    value?: Record<string, any> | any[];
+    onChange?: (value: Record<string, any> | any[]) => void;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}

package/lib/Form/Context/FormConfigProvider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { IFormConfigContextProps } from "../modal";
+export declare const useFormConfigContext: (key?: string) => any;
+declare const Index: React.FC<IFormConfigContextProps>;
+export default Index;

package/lib/Form/Context/FormConfigProvider.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var index = require('./index.js');
+var React = require('react');
+var config = require('../../config.js');
+
+var _excluded = ["children"];
+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 useFormConfigContext = function useFormConfigContext(key) {
+  var defaultProps = React.useContext(index.FormConfigContext);
+  if (!key) {
+    return _Object$keys(defaultProps).length === 0 ? _objectSpread({}, config.baseConfig) : defaultProps;
+  }
+  return defaultProps[key] || _objectSpread({}, config.baseConfig[key]);
+};
+var mergeProps = function mergeProps(props) {
+  var newProps = _objectSpread({}, config.baseConfig);
+  var keys = _Object$keys(props);
+  _forEachInstanceProperty(keys).call(keys, function (key) {
+    var defaultItem = newProps[key];
+    if (!defaultItem) {
+      return;
+    }
+    newProps[key] = _objectSpread(_objectSpread({}, defaultItem), props[key]);
+  });
+  return newProps;
+};
+var Index = function Index(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(index.FormConfigContext.Provider, {
+    value: mergeProps(props)
+  }, children);
+};
+
+exports.default = Index;
+exports.useFormConfigContext = useFormConfigContext;
+// powered by h

package/lib/Form/Context/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { IFormConfigContextProps, FormContextProps } from "@/components/Form/modal";
+export declare const FormContext: React.Context<Partial<FormContextProps>>;
+export declare const useFormContext: () => FormContextProps;
+export declare const FormConfigContext: React.Context<IFormConfigContextProps>;

package/lib/Form/Context/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+var FormContext = /*#__PURE__*/React.createContext({});
+var useFormContext = function useFormContext() {
+  return React.useContext(FormContext);
+};
+var FormConfigContext = /*#__PURE__*/React.createContext({});
+
+exports.FormConfigContext = FormConfigContext;
+exports.FormContext = FormContext;
+exports.useFormContext = useFormContext;
+// powered by h

package/lib/Form/FormItem/BasicItem.d.ts

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

package/lib/Form/FormItem/BasicItem.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var Label = require('../Label.js');
+var antd = require('antd');
+var React = require('react');
+var Helper = require('./Helper.js');
+var index$1 = require('../../hooks/index.js');
+var hooks = require('./hooks.js');
+var index = require('../Context/index.js');
+
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render"];
+var Content = function Content(_ref) {
+  var children = _ref.children,
+    helper = _ref.helper,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var className = index$1.useClassName("hw-form-base-item");
+  var relChild = children && /*#__PURE__*/React.cloneElement(children, {
+    value: value,
+    onChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(antd.Space, {
+    direction: "vertical",
+    size: 4,
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, relChild), /*#__PURE__*/React.createElement(Helper.default, {
+    helper: helper
+  }));
+};
+var Index = function Index(_ref2) {
+  var hover = _ref2.hover,
+    labelWidth = _ref2.labelWidth,
+    required = _ref2.required,
+    _ref2$colon = _ref2.colon,
+    colon = _ref2$colon === void 0 ? true : _ref2$colon,
+    label = _ref2.label;
+    _ref2.itemProps;
+    _ref2.children;
+    var helper = _ref2.helper,
+    hide = _ref2.hide,
+    render = _ref2.render,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form;
+  var hideItem = hooks.useHide({
+    hide: hide,
+    form: form
+  });
+  if (hideItem) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(antd.Form.Item, _extends({
+    label: /*#__PURE__*/React.createElement(Label.default, {
+      hover: hover,
+      labelWidth: labelWidth,
+      required: required,
+      colon: colon
+    }, label)
+  }, props, {
+    colon: false,
+    required: false
+  }), /*#__PURE__*/React.createElement(Content, {
+    helper: helper
+  }, render(form)));
+};
+
+exports.default = Index;
+// powered by h

package/lib/Form/FormItem/Helper.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { HItemProps } from "@/components/Form/modal";
+interface HelperProps {
+    helper?: HItemProps["helper"];
+}
+declare const Index: React.FC<HelperProps>;
+export default Index;

package/lib/Form/FormItem/Helper.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var index = require('../Context/index.js');
+
+var Index = function Index(_ref) {
+  var helper = _ref.helper;
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form;
+  if (!helper) {
+    return null;
+  }
+  if (typeof helper === "function") {
+    return /*#__PURE__*/React.createElement(antd.Typography.Text, {
+      type: "secondary"
+    }, helper(form));
+  }
+  return /*#__PURE__*/React.createElement(antd.Typography.Text, {
+    type: "secondary"
+  }, helper);
+};
+
+exports.default = Index;
+// powered by h

package/lib/Form/FormItem/RegularFormItem.d.ts

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

package/lib/Form/FormItem/RegularFormItem.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var BasicItem = require('./BasicItem.js');
+
+var RegularFormItem = (function (props) {
+  var type = props.type,
+    colon = props.colon;
+  return /*#__PURE__*/React.createElement(BasicItem.default, _extends({}, props, {
+    colon: type === "submit" ? false : colon
+  }));
+});
+
+exports.default = RegularFormItem;
+// powered by h

package/lib/Form/FormItem/UpFormItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FormItemWithRender } from "../modal";
+declare const _default: ({ shouldUpdate, dependencies, hide, ...props }: FormItemWithRender) => JSX.Element;
+export default _default;

package/lib/Form/FormItem/UpFormItem.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var antd = require('antd');
+var BasicItem = require('./BasicItem.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["shouldUpdate", "dependencies", "hide"];
+var Item = antd.Form.Item;
+var UpFormItem = (function (_ref) {
+  var shouldUpdate = _ref.shouldUpdate,
+    dependencies = _ref.dependencies,
+    hide = _ref.hide,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var resultShouldUpdate = hooks.useShouldUpdate({
+    shouldUpdate: shouldUpdate,
+    hide: hide
+  });
+  return /*#__PURE__*/React.createElement(Item, {
+    shouldUpdate: resultShouldUpdate,
+    dependencies: dependencies
+  }, function () {
+    return /*#__PURE__*/React.createElement(BasicItem.default, _extends({
+      hide: hide
+    }, props));
+  });
+});
+
+exports.default = UpFormItem;
+// powered by h

package/lib/Form/FormItem/hooks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FormItemWithRender, HFormInstance } from "@/components/Form/modal";
+import type { HItemProps } from "@/components/Form/modal";
+export declare const useFormItemDomControl: ({ shouldUpdate, hide, dependencies, }: FormItemWithRender) => ({ shouldUpdate, dependencies, hide, ...props }: FormItemWithRender) => JSX.Element;
+interface UseHideUpItemModal extends Omit<HItemProps, "name"> {
+    form: HFormInstance;
+}
+export declare const useShouldUpdate: ({ hide, shouldUpdate, }: Omit<HItemProps, "name">) => import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
+export declare const useHide: ({ hide, form }: UseHideUpItemModal) => boolean;
+export {};

package/lib/Form/FormItem/hooks.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var UpFormItem = require('./UpFormItem.js');
+var RegularFormItem = require('./RegularFormItem.js');
+var React = require('react');
+
+var useFormItemDomControl = function useFormItemDomControl(_ref) {
+  var shouldUpdate = _ref.shouldUpdate,
+    hide = _ref.hide,
+    dependencies = _ref.dependencies;
+  return React.useMemo(function () {
+    if (shouldUpdate || typeof hide === "function" || dependencies) {
+      return UpFormItem.default;
+    }
+    return RegularFormItem.default;
+  }, [shouldUpdate, hide]);
+};
+var useShouldUpdate = function useShouldUpdate(_ref2) {
+  var hide = _ref2.hide,
+    shouldUpdate = _ref2.shouldUpdate;
+  if (typeof hide === "function" && !shouldUpdate) {
+    return true;
+  }
+  return shouldUpdate;
+};
+var useHide = function useHide(_ref3) {
+  var hide = _ref3.hide,
+    form = _ref3.form;
+  if (hide === true) {
+    return true;
+  }
+  if (typeof hide === "function") {
+    return hide(form);
+  }
+  return !!hide;
+};
+
+exports.useFormItemDomControl = useFormItemDomControl;
+exports.useHide = useHide;
+exports.useShouldUpdate = useShouldUpdate;
+// powered by h

package/lib/Form/FormItem/index.d.ts

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

package/lib/Form/FormItem/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('./hooks.js');
+var React = require('react');
+
+var Item = (function (props) {
+  var Component = hooks.useFormItemDomControl(props);
+  return /*#__PURE__*/React.createElement(Component, props);
+});
+
+exports.default = Item;
+// powered by h

package/lib/Form/HFormConnect.d.ts

@@ -0,0 +1,6 @@
+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>>;
+export default _default;

package/lib/Form/HFormConnect.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var index = require('./Context/index.js');
+var React = require('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;
+  }
+  var _inputValue = formats.inputValue,
+    _outputValue = formats.outputValue;
+  return {
+    inputValue: function inputValue(value) {
+      return _inputValue(itemProps, value);
+    },
+    outputValue: function outputValue(value) {
+      return _outputValue(itemProps, value);
+    }
+  };
+};
+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 _useFormContext = index.useFormContext(),
+      form = _useFormContext.form,
+      _useFormContext$value = _useFormContext.valueType,
+      valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+    React.useEffect(function () {
+      form === null || form === void 0 ? void 0 : form.addFormat(name, formatMaker(props, format[valueType]));
+    }, [valueType, props]);
+    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
+    }));
+  };
+});
+
+exports.default = HFormConnect;
+// powered by h

package/lib/Form/InitSet.d.ts

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