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

package/lib/DialogForm/DrawerForm/index.js

@@ -0,0 +1,139 @@
+'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 _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var hooks = require('../hooks.js');
+var index = require('../../Form/index.js');
+var Title = require('./Title.js');
+var Footer = require('./Footer.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params"];
+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 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,
+    onOk = _ref.onOk,
+    onFinish = _ref.onFinish;
+    _ref.size;
+    _ref.form;
+    var footer = _ref.footer,
+    params = _ref.params,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = hooks.useCurrentForm(dialogForm);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm,
+      params: params
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue,
+    onAfterClose = _useModifyProps.onAfterClose,
+    formParams = _useModifyProps.formParams;
+  var cancel = function cancel() {
+    onAfterClose();
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    }
+    setModalVisible(false);
+  };
+  var _useSub = hooks.useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  var footerComponent = function footerComponent() {
+    if (footer === null) {
+      return null;
+    }
+    return footer || jsxRuntime.jsx(Footer.default, {
+      onCancel: cancel,
+      onOk: currentForm.submit,
+      confirmLoading: loading
+    });
+  };
+  return jsxRuntime.jsx(antd.Drawer, _objectSpread(_objectSpread({
+    visible: modalVisible,
+    title: jsxRuntime.jsx(Title.default, {
+      title: title,
+      closable: closable,
+      onCancel: cancel
+    })
+  }, props), {}, {
+    onClose: cancel,
+    closable: false,
+    destroyOnClose: true,
+    footer: footerComponent(),
+    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+      configData: modalFormData,
+      initialValues: initValue
+    }, props), {}, {
+      form: currentForm,
+      params: formParams,
+      onFinish: function () {
+        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+          var result, close;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return run(values, subParams);
+              case 2:
+                result = _context.sent;
+                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                if (!(close === false)) {
+                  _context.next = 6;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 6:
+                cancel();
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onFinish(_x, _x2) {
+          return _onFinish.apply(this, arguments);
+        }
+        return onFinish;
+      }(),
+      infoRequest: infoRequest,
+      labelWidth: labelWidth
+    }))
+  }));
+});
+
+exports.default = DrawerForm;
+// powered by h

package/lib/DialogForm/ModalForm.d.ts

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

package/lib/DialogForm/ModalForm.js

@@ -0,0 +1,118 @@
+'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 _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../Form/index.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk"];
+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 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,
+    params = _ref.params,
+    onOk = _ref.onOk,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var currentForm = hooks.useCurrentForm(dialogForm);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues,
+      dialogForm: currentForm,
+      params: params
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    initValue = _useModifyProps.initValue,
+    formParams = _useModifyProps.formParams;
+  var cancel = function cancel() {
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    }
+    setModalVisible(false);
+  };
+  var _useSub = hooks.useSub({
+      request: request,
+      onFinish: onFinish
+    }),
+    loading = _useSub.loading,
+    run = _useSub.run;
+  return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({
+    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,
+    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+      configData: modalFormData,
+      initialValues: initValue,
+      onFinish: function () {
+        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+          var result, close;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return run(values, outParams);
+              case 2:
+                result = _context.sent;
+                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                if (!(close === false)) {
+                  _context.next = 6;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 6:
+                cancel();
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onFinish(_x, _x2) {
+          return _onFinish.apply(this, arguments);
+        }
+        return onFinish;
+      }()
+    }, props), {}, {
+      params: formParams,
+      form: currentForm,
+      infoRequest: infoRequest
+    }))
+  }));
+});
+
+exports.default = ModalForm;
+// powered by h

package/lib/DialogForm/hooks.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, }: 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;
+    formParams: any;
+};
+export declare const useHDialogForm: () => HDialogFormInstance<any, any>;
+export declare const useCurrentForm: (hDialogForm?: HDialogFormInstance) => HDialogFormInstance<any, any>;
+export declare const useSub: ({ request, onFinish }: Partial<DialogFormProps>) => import("@ahooksjs/use-request/lib/types").BaseResult<any, [values: any, params: any]>;

package/lib/DialogForm/hooks.js

@@ -0,0 +1,141 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _setTimeout = require('@babel/runtime-corejs3/core-js/set-timeout');
+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 React = require('react');
+var useHForm = require('../Form/hooks/useHForm.js');
+var ahooks = require('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,
+    params = _ref.params;
+  var _useState = React.useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = React.useState(configData),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalFormData = _useState4[0],
+    setModalFormData = _useState4[1];
+  var _useState5 = React.useState(initialValues),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initValue = _useState6[0],
+    setInitValue = _useState6[1];
+  var _useState7 = React.useState(params),
+    _useState8 = _slicedToArray(_useState7, 2),
+    formParams = _useState8[0],
+    setFormParams = _useState8[1];
+  var onAfterClose = function onAfterClose() {
+    _setTimeout(function () {
+      dialogForm.resetFields();
+      afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+    }, 100);
+  };
+  React.useEffect(function () {
+    setModalVisible(visible);
+  }, [visible]);
+  React.useEffect(function () {
+    setModalFormData(configData);
+  }, [configData]);
+  React.useEffect(function () {
+    setFormParams(params);
+  }, [params]);
+  React.useEffect(function () {
+    dialogForm.show = function () {
+      var showParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var changeConfigData = showParams.configData,
+        changeInitialValues = showParams.initialValues,
+        changeParams = showParams.params;
+      if (!!changeConfigData) {
+        setModalFormData(changeConfigData);
+      }
+      if (!!changeParams) {
+        setFormParams(changeParams);
+      }
+      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,
+    formParams: formParams
+  };
+};
+var useHDialogForm = function useHDialogForm() {
+  var hForm = useHForm.default();
+  return React.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 ahooks.useRequest( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, params) {
+      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, params));
+          case 2:
+            if (!request) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return", request(values, params));
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), {
+    manual: true
+  });
+};
+
+exports.useCurrentForm = useCurrentForm;
+exports.useHDialogForm = useHDialogForm;
+exports.useModifyProps = useModifyProps;
+exports.useSub = useSub;
+// powered by h

package/lib/DialogForm/modal.d.ts

@@ -0,0 +1,31 @@
+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<P = any> {
+    configData: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+    dialogForm: HDialogFormInstance;
+    afterClose?: VoidFunction;
+    params?: P;
+}
+export interface ShowParamsModal<P = any, T = any> {
+    configData?: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+    infoRequest?: PromiseFnResult<P, T>;
+    params?: P;
+}
+export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {
+    show: (data?: ShowParamsModal<P, T>) => void;
+    hide: VoidFunction;
+}
+export interface DialogFormProps<P = any, T = any> extends Omit<RootProps, "onFinish" | "onCancel" | "onOk" | "infoRequest"> {
+    dialogForm?: HDialogFormInstance;
+    onFinish?: (values: T, params: P) => Promise<any>;
+    onCancel?: VoidFunction;
+    onOk?: (data: T, params: P) => boolean | undefined;
+    infoRequest?: (params: P) => Promise<T>;
+}
+export {};

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,53 @@
+'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 jsxRuntime = require('react/jsx-runtime');
+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 jsxRuntime.jsx(index.FormConfigContext.Provider, {
+    value: mergeProps(props),
+    children: 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 { HFormItemProps } from "../modal";
+declare const Index: React.FC<HFormItemProps>;
+export default Index;

package/lib/Form/FormItem/BasicItem.js

@@ -0,0 +1,96 @@
+'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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var Label = require('../Label.js');
+var antd = require('antd');
+var React = require('react');
+var Helper = require('./Helper.js');
+var index$2 = require('../../hooks/index.js');
+var hooks = require('./hooks.js');
+var index = require('../Context/index.js');
+var useDefaultRender = require('../hooks/useDefaultRender.js');
+var index$1 = require('../hooks/index.js');
+
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "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 _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 Content = function Content(_ref) {
+  var children = _ref.children,
+    helper = _ref.helper,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var className = index$2.useClassName("hw-form-base-item");
+  var relChild = children && /*#__PURE__*/React.cloneElement(children, {
+    value: value,
+    onChange: onChange
+  });
+  return jsxRuntime.jsxs(antd.Space, {
+    direction: "vertical",
+    size: 4,
+    style: {
+      width: "100%"
+    },
+    children: [jsxRuntime.jsx("div", {
+      className: className,
+      children: relChild
+    }), jsxRuntime.jsx(Helper.default, {
+      helper: helper
+    })]
+  });
+};
+var Index = function Index(props) {
+  var hover = props.hover,
+    labelWidth = props.labelWidth,
+    required = props.required,
+    _props$colon = props.colon,
+    colon = _props$colon === void 0 ? true : _props$colon,
+    label = props.label;
+    props.itemProps;
+    props.children;
+    var helper = props.helper,
+    hide = props.hide;
+    props.render;
+    var oProps = _objectWithoutProperties(props, _excluded);
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form;
+  var defaultComponent = index$1.useDefaultComponents();
+  var defaultRender = useDefaultRender.useDefaultRender(props, defaultComponent);
+  var hideItem = hooks.useHide({
+    hide: hide,
+    form: form
+  });
+  if (hideItem) {
+    return null;
+  }
+  return jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
+    label: jsxRuntime.jsx(Label.default, {
+      hover: hover,
+      labelWidth: labelWidth,
+      required: required,
+      colon: colon,
+      children: label
+    })
+  }, oProps), {}, {
+    colon: false,
+    required: false,
+    children: jsxRuntime.jsx(Content, {
+      helper: helper,
+      children: defaultRender(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;