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

package/es/DialogForm/hooks.js

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

package/es/DialogForm/modal.d.ts

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

package/es/Form/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/es/Form/Context/FormConfigProvider.js

@@ -0,0 +1,47 @@
+// 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 _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import { FormConfigContext } from './index.js';
+import React, { useContext } from 'react';
+import { baseConfig } from '../../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 = useContext(FormConfigContext);
+  if (!key) {
+    return _Object$keys(defaultProps).length === 0 ? _objectSpread({}, baseConfig) : defaultProps;
+  }
+  return defaultProps[key] || _objectSpread({}, baseConfig[key]);
+};
+var mergeProps = function mergeProps(props) {
+  var newProps = _objectSpread({}, 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(FormConfigContext.Provider, {
+    value: mergeProps(props)
+  }, children);
+};
+
+export { Index as default, useFormConfigContext };
+// powered by hdj

package/es/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/es/Form/Context/index.js

@@ -0,0 +1,11 @@
+// welcome to hoo hoo hoo
+import React, { useContext } from 'react';
+
+var FormContext = /*#__PURE__*/React.createContext({});
+var useFormContext = function useFormContext() {
+  return useContext(FormContext);
+};
+var FormConfigContext = /*#__PURE__*/React.createContext({});
+
+export { FormConfigContext, FormContext, useFormContext };
+// powered by hdj

package/es/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/es/Form/FormItem/BasicItem.js

@@ -0,0 +1,73 @@
+// welcome to hoo hoo hoo
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import Index$1 from '../Label.js';
+import { Form, Space } from 'antd';
+import React from 'react';
+import Index$2 from './Helper.js';
+import { useClassName } from '../../hooks/index.js';
+import { useHide } from './hooks.js';
+import { useFormContext } from '../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 = useClassName("hw-form-base-item");
+  var relChild = children && /*#__PURE__*/React.cloneElement(children, {
+    value: value,
+    onChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    size: 4,
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, relChild), /*#__PURE__*/React.createElement(Index$2, {
+    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 = useFormContext(),
+    form = _useFormContext.form;
+  var hideItem = useHide({
+    hide: hide,
+    form: form
+  });
+  if (hideItem) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: /*#__PURE__*/React.createElement(Index$1, {
+      hover: hover,
+      labelWidth: labelWidth,
+      required: required,
+      colon: colon
+    }, label)
+  }, props, {
+    colon: false,
+    required: false
+  }), /*#__PURE__*/React.createElement(Content, {
+    helper: helper
+  }, render(form)));
+};
+
+export { Index as default };
+// powered by hdj

package/es/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/es/Form/FormItem/Helper.js

@@ -0,0 +1,24 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import { Typography } from 'antd';
+import { useFormContext } from '../Context/index.js';
+
+var Index = function Index(_ref) {
+  var helper = _ref.helper;
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form;
+  if (!helper) {
+    return null;
+  }
+  if (typeof helper === "function") {
+    return /*#__PURE__*/React.createElement(Typography.Text, {
+      type: "secondary"
+    }, helper(form));
+  }
+  return /*#__PURE__*/React.createElement(Typography.Text, {
+    type: "secondary"
+  }, helper);
+};
+
+export { Index as default };
+// powered by hdj

package/es/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/es/Form/FormItem/RegularFormItem.js

@@ -0,0 +1,15 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import Index from './BasicItem.js';
+
+var RegularFormItem = (function (props) {
+  var type = props.type,
+    colon = props.colon;
+  return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
+    colon: type === "submit" ? false : colon
+  }));
+});
+
+export { RegularFormItem as default };
+// powered by hdj

package/es/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/es/Form/FormItem/UpFormItem.js

@@ -0,0 +1,32 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { Form } from 'antd';
+import Index from './BasicItem.js';
+import { useShouldUpdate } from './hooks.js';
+
+var _excluded = ["shouldUpdate", "dependencies", "hide"];
+var Item = Form.Item;
+var UpFormItem = (function (_ref) {
+  var shouldUpdate = _ref.shouldUpdate,
+    dependencies = _ref.dependencies,
+    hide = _ref.hide,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var resultShouldUpdate = useShouldUpdate({
+    shouldUpdate: shouldUpdate,
+    hide: hide
+  });
+  return /*#__PURE__*/React.createElement(Item, {
+    shouldUpdate: resultShouldUpdate,
+    dependencies: dependencies,
+    noStyle: true
+  }, function () {
+    return /*#__PURE__*/React.createElement(Index, _extends({
+      hide: hide
+    }, props));
+  });
+});
+
+export { UpFormItem as default };
+// powered by hdj

package/es/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/es/Form/FormItem/hooks.js

@@ -0,0 +1,38 @@
+// welcome to hoo hoo hoo
+import UpFormItem from './UpFormItem.js';
+import RegularFormItem from './RegularFormItem.js';
+import { useMemo } from 'react';
+
+var useFormItemDomControl = function useFormItemDomControl(_ref) {
+  var shouldUpdate = _ref.shouldUpdate,
+    hide = _ref.hide,
+    dependencies = _ref.dependencies;
+  return useMemo(function () {
+    if (shouldUpdate || typeof hide === "function" || dependencies) {
+      return UpFormItem;
+    }
+    return RegularFormItem;
+  }, [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;
+};
+
+export { useFormItemDomControl, useHide, useShouldUpdate };
+// powered by hdj

package/es/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/es/Form/FormItem/index.js

@@ -0,0 +1,11 @@
+// welcome to hoo hoo hoo
+import { useFormItemDomControl } from './hooks.js';
+import React from 'react';
+
+var Item = (function (props) {
+  var Component = useFormItemDomControl(props);
+  return /*#__PURE__*/React.createElement(Component, props);
+});
+
+export { Item as default };
+// powered by hdj

package/es/Form/HFormConnect.d.ts

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

package/es/Form/HFormConnect.js

@@ -0,0 +1,55 @@
+// welcome to hoo hoo hoo
+import _extends from '@babel/runtime-corejs3/helpers/extends';
+import { useFormContext } from './Context/index.js';
+import React, { useEffect } from 'react';
+
+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;
+  var Index = function Index(props, ref) {
+    var _props$name = props.name,
+      name = _props$name === void 0 ? "" : _props$name;
+    var _useFormContext = useFormContext(),
+      form = _useFormContext.form,
+      _useFormContext$value = _useFormContext.valueType,
+      valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+    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]));
+    };
+    var addDispatchListener = function addDispatchListener(key, fn) {
+      form === null || form === void 0 ? void 0 : form.addDispatchListener({
+        key: key,
+        name: name
+      }, fn);
+    };
+    var Component = component;
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      addFormat: addFormat,
+      addDispatchListener: addDispatchListener,
+      ref: ref
+    }));
+  };
+  return /*#__PURE__*/React.forwardRef(Index);
+});
+
+export { HFormConnect as default };
+// powered by hdj

package/es/Form/InitSet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Form/InitSet.js

@@ -0,0 +1,15 @@
+// welcome to hoo hoo hoo
+import React, { useEffect } from 'react';
+import { useFormContext } from './Context/index.js';
+
+var InitSet = (function () {
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form;
+  useEffect(function () {
+    form.initValues();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+});
+
+export { InitSet as default };
+// powered by hdj

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,46 @@
+// welcome to hoo hoo hoo
+import React from 'react';
+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: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null)
+    };
+  }
+  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 /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: labelWidth
+    },
+    className: className
+  }, children, text && /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: 4
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: text
+  }, 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 _default: {
+    select: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: import("../Select/modal").HSelectProps) => JSX.Element;
+    inputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
+    selectInput: 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: ({ value, onChange, showTime, format, ...props }: import("../TDPicker/modal").HDatePickerProps) => JSX.Element;
+    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("antd").InputProps) => 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, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
+    formConfigProvider: import("react").FC<import("./modal").IFormConfigContextProps>;
+    textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
+};
+export default _default;