@hw-component/form 1.9.70 → 1.9.72

package/es/RichEditor/index.js

@@ -0,0 +1,96 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import BraftEditor from 'braft-editor';
+import 'braft-editor/dist/index.css';
+import { useProps, useFocusClassname, useVC, useUploadFn } from './hooks.js';
+import { useClassName } from '../hooks/index.js';
+import React from 'react';
+import HFormConnect from '../Form/HFormConnect.js';
+
+var _excluded = ["value", "onChange", "valueType", "fileRequest", "media", "contentStyle", "bordered", "onBlur", "onFocus", "addFormat"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var defaultContentStyle = {
+  height: 400
+};
+var Index = function Index(_ref, ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    valueType = _ref.valueType,
+    fileRequest = _ref.fileRequest,
+    media = _ref.media,
+    _ref$contentStyle = _ref.contentStyle,
+    contentStyle = _ref$contentStyle === void 0 ? defaultContentStyle : _ref$contentStyle,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? true : _ref$bordered,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useProps = useProps({
+      fileRequest: fileRequest,
+      valueType: valueType
+    }),
+    fileReq = _useProps.fileRequest,
+    vType = _useProps.valueType;
+  var _useFocusClassname = useFocusClassname({
+      bordered: bordered,
+      onBlur: onBlur,
+      onFocus: onFocus
+    }),
+    focusClassname = _useFocusClassname.focusClassname,
+    selfFocus = _useFocusClassname.onFocus,
+    selfBlur = _useFocusClassname.onBlur;
+  var _useVC = useVC({
+      value: value,
+      onChange: onChange,
+      valueType: vType
+    }),
+    richValue = _useVC.richValue,
+    change = _useVC.change;
+  var uploadFn = useUploadFn({
+    fileRequest: fileReq
+  });
+  var bodyClassName = useClassName("hw-rich-editor");
+  var borderClassName = useClassName("hw-rich-editor-border");
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var keyName = name;
+        var itemVal = initValue[keyName];
+        var initVal = typeof itemVal === "string" ? BraftEditor.createEditorState(itemVal) : itemVal;
+        return _defineProperty({}, keyName, initVal);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var keyName = name;
+        var itemVal = _outputValue[keyName];
+        var outputVal = typeof itemVal === "string" ? itemVal : itemVal === null || itemVal === void 0 ? void 0 : itemVal.toHTML();
+        return _defineProperty({}, keyName, outputVal);
+      }
+    }
+  });
+  return jsx("div", {
+    className: "".concat(bodyClassName, " ").concat(bordered ? borderClassName : "", " ").concat(focusClassname),
+    children: jsx(BraftEditor, _objectSpread({
+      contentStyle: contentStyle,
+      value: richValue,
+      onChange: change,
+      onFocus: selfFocus,
+      ref: ref,
+      onBlur: selfBlur,
+      media: _objectSpread({
+        uploadFn: uploadFn
+      }, media)
+    }, props))
+  });
+};
+var HRichEditor = HFormConnect(/*#__PURE__*/React.forwardRef(Index));
+
+export { HRichEditor as default };
+// powered by hdj

package/es/RichEditor/modal.d.ts

@@ -0,0 +1,11 @@
+import { BraftEditorProps, EditorState } from "braft-editor";
+import { PromiseFnResult } from "../modal";
+import { addFormatItemModal } from "../Form/modal";
+export interface IHRichEditorProps extends Omit<BraftEditorProps, "value" | "onChange"> {
+    value?: string | EditorState;
+    onChange?: (value: string | EditorState) => void;
+    fileRequest?: PromiseFnResult;
+    valueType?: "html" | "state";
+    bordered?: boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}

package/es/config.js

@@ -69,7 +69,33 @@ var baseConfig = {
   },
   defaultComponent: {},
   formItemStyle: {},
-  itemProps: {}
+  itemProps: {},
+  richEditorProps: {
+    fileRequest: function () {
+      var _fileRequest = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file) {
+        var url;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return fileToBase64(file);
+            case 2:
+              url = _context2.sent;
+              return _context2.abrupt("return", {
+                url: url
+              });
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function fileRequest(_x2) {
+        return _fileRequest.apply(this, arguments);
+      }
+      return fileRequest;
+    }()
+  }
 };
 
 export { baseConfig };

package/es/index.css

@@ -290,3 +290,25 @@
 .ant-form-item-has-error .ant-hw-input-group-body {
   border-color: #ff4d4f !important;
 }
+.ant-hw-rich-editor {
+  box-sizing: border-box;
+  width: 100%;
+}
+.ant-hw-rich-editor .bf-container .public-DraftEditorPlaceholder-root {
+  color: #bfbfbf;
+  font-size: 14px;
+}
+.ant-hw-rich-editor-border {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.ant-hw-rich-editor-border:hover {
+  border-color: #40a9ff;
+}
+.ant-hw-rich-editor-focus {
+  border-color: #40a9ff;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+.ant-form-item-has-error .ant-hw-rich-editor-border {
+  border-color: #ff4d4f !important;
+}

package/es/index.d.ts

@@ -8,6 +8,7 @@ export { default as HBasicForm } from "./Form/Basic";
 export { default as HInputGroup } from "./InputGroup";
 export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInput: ({ copy: copyProps, value, addonAfter, ...props }: import("./Input/modal").HInputProps) => JSX.Element;
+export declare const HRichEditor: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, inputHelper, style, exFiles, spaceSize, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;

package/es/index.js

@@ -13,6 +13,7 @@ import Index$2 from './DialogForm/DrawerForm/index.js';
 
 var HSelect = componentConfig.select;
 var HInput = componentConfig.input;
+var HRichEditor = componentConfig.richEditor;
 var HSelectInput = componentConfig.selectInput;
 var HUpload = componentConfig.upload;
 var HUrlUpload = componentConfig.urlUpload.Component;
@@ -36,5 +37,5 @@ var HTrimInput = componentConfig.trimInput;
 var HTrimTextArea = componentConfig.trimTextArea;
 var HInputNumberGroup = componentConfig.inputNumberGroup.Component;
 
-export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
+export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HInputNumberGroup, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HRichEditor, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
 // powered by hdj

package/lib/DialogForm/DrawerForm/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var jsxRuntime = require('react/jsx-runtime');
@@ -75,48 +75,56 @@ var Index = function Index(_ref) {
     }),
     loading = _useSub.loading,
     run = _useSub.run;
+  var finish = /*#__PURE__*/function () {
+    var _ref2 = _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);
+    }));
+    return function finish(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var footerOnOk = function footerOnOk() {
+    if (modalFormData) {
+      dialogForm === null || dialogForm === void 0 || dialogForm.submit();
+      return;
+    }
+    finish({}, formParams);
+  };
   var defaultFooter = hooks.useFooterRender({
     dialogForm: dialogForm,
     footer: footer,
     confirmLoading: loading,
-    params: formParams
+    params: formParams,
+    onOk: footerOnOk
   });
-  var node = jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+  var node = modalFormData && jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
     configData: modalFormData,
     initialValues: initValue,
     onValuesChange: onValuesChange
   }, 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;
-    }(),
+    onFinish: finish,
     infoRequest: infoRequest,
     labelWidth: labelWidth
   }));

package/lib/DialogForm/ModalForm.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var jsxRuntime = require('react/jsx-runtime');
@@ -65,39 +65,46 @@ var Index = function Index(_ref) {
     }),
     loading = _useSub.loading,
     run = _useSub.run;
-  var node = jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+  var finish = /*#__PURE__*/function () {
+    var _ref2 = _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);
+    }));
+    return function finish(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var footerOnOk = function footerOnOk() {
+    if (modalFormData) {
+      dialogForm === null || dialogForm === void 0 || dialogForm.submit();
+      return;
+    }
+    finish({}, formParams);
+  };
+  var node = modalFormData && jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
     configData: modalFormData,
     initialValues: initValue,
     onValuesChange: onValuesChange,
-    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;
-    }()
+    onFinish: finish
   }, props), {}, {
     params: formParams,
     form: currentForm,
@@ -107,7 +114,8 @@ var Index = function Index(_ref) {
     dialogForm: dialogForm,
     footer: footer,
     confirmLoading: loading,
-    params: formParams
+    params: formParams,
+    onOk: footerOnOk
   });
   return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({
     title: modalTitle,

package/lib/DialogForm/hooks.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
 export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, autoClear, }: ModifyPropsModal) => {
-    modalFormData: import("../Form/modal").HItemProps[];
+    modalFormData: import("../Form/modal").HItemProps[] | undefined;
     modalVisible: boolean | undefined;
     setModalVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
-    setModalFormData: React.Dispatch<React.SetStateAction<import("../Form/modal").HItemProps[]>>;
+    setModalFormData: React.Dispatch<React.SetStateAction<import("../Form/modal").HItemProps[] | undefined>>;
     initValue: Record<string, any> | undefined;
     setInitValue: React.Dispatch<React.SetStateAction<Record<string, any> | undefined>>;
     formParams: any;
@@ -14,4 +14,8 @@ export declare const useModifyProps: ({ visible, configData, initialValues, dial
 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]>;
-export declare const useFooterRender: ({ footer, confirmLoading, dialogForm, params, }: Omit<DialogFormProps, "configData">) => any;
+interface FooterRenderParamsModal extends Omit<DialogFormProps, "configData"> {
+    onOk: VoidFunction;
+}
+export declare const useFooterRender: ({ footer, confirmLoading, dialogForm, params, onOk }: FooterRenderParamsModal) => any;
+export {};

package/lib/DialogForm/hooks.js

@@ -155,7 +155,8 @@ var useFooterRender = function useFooterRender(_ref4) {
   var footer = _ref4.footer,
     confirmLoading = _ref4.confirmLoading,
     dialogForm = _ref4.dialogForm,
-    params = _ref4.params;
+    params = _ref4.params,
+    onOk = _ref4.onOk;
   if (footer === null) {
     return null;
   }
@@ -166,9 +167,7 @@ var useFooterRender = function useFooterRender(_ref4) {
     onCancel: function onCancel() {
       dialogForm === null || dialogForm === void 0 || dialogForm.hide();
     },
-    onOk: function onOk() {
-      dialogForm === null || dialogForm === void 0 || dialogForm.submit();
-    },
+    onOk: onOk,
     confirmLoading: confirmLoading
   });
 };

package/lib/DialogForm/modal.d.ts

@@ -4,7 +4,7 @@ import type { PromiseFnResult } from "../modal";
 import type React from "react";
 type RootProps = HFormProps & ModalProps;
 export interface ModifyPropsModal<P = any> {
-    configData: HItemProps[];
+    configData?: HItemProps[];
     visible?: boolean;
     initialValues?: Record<string, any>;
     dialogForm: HDialogFormInstance;
@@ -28,8 +28,9 @@ export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {
     getParams: () => Record<string, any>;
 }
 export type FooterRender = (dialogForm?: HDialogFormInstance, loading?: boolean, params?: Record<string, any>) => React.ReactNode;
-export interface DialogFormProps<P = any, T = any> extends Omit<RootProps, "onFinish" | "onCancel" | "onOk" | "infoRequest" | "title" | "footer"> {
+export interface DialogFormProps<P = any, T = any> extends Omit<RootProps, "onFinish" | "onCancel" | "onOk" | "infoRequest" | "title" | "footer" | "configData"> {
     dialogForm?: HDialogFormInstance;
+    configData?: HFormProps["configData"];
     onFinish?: (values: T, params: P) => Promise<any>;
     onCancel?: VoidFunction;
     onOk?: (data: T, params: P) => boolean | void;

package/lib/Form/Basic.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, gutter, dismissOnPressEnter, itemSpan, labelWidth, formItemStyle, flexBox: formFlexBox }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, gutter, dismissOnPressEnter, itemSpan, labelWidth, formItemStyle, flexBox: formFlexBox, }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/FormItem/index.js

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 var hooks = require('./hooks.js');
 var index = require('../Context/index.js');
+var useAddFormat = require('../hooks/useAddFormat.js');
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -28,6 +29,7 @@ var Item = (function (props) {
     colon = props.colon,
     _props$rowWrapper = props.rowWrapper,
     rowWrapper = _props$rowWrapper === void 0 ? formRowWrapper : _props$rowWrapper;
+  useAddFormat.default(props);
   var Component = hooks.useFormItemDomControl(props);
   return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,

package/lib/Form/HFormConnect.d.ts

@@ -1,5 +1,4 @@
-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>>;
+import type { HFormItemProps } from "./modal";
+declare const _default: (component: React.FunctionComponent | React.ComponentClass | React.ForwardRefRenderFunction<any, any>) => React.ForwardRefExoticComponent<HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/lib/Form/HFormConnect.js

@@ -6,35 +6,11 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('./Context/index.js');
 var React = require('react');
+var useAddFormat = require('./hooks/useAddFormat.js');
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var formatMaker = function formatMaker(itemProps, formats) {
-  var _ref = formats || {},
-    inputValue = _ref.inputValue,
-    outputValue = _ref.outputValue;
-  var _itemProps$initValueP = itemProps.initValueProvider,
-    initValueProvider = _itemProps$initValueP === void 0 ? inputValue : _itemProps$initValueP,
-    _itemProps$subProvide = itemProps.subProvider,
-    subProvider = _itemProps$subProvide === void 0 ? outputValue : _itemProps$subProvide;
-  var resultObj = {};
-  if (initValueProvider) {
-    resultObj.inputValue = function (value) {
-      return initValueProvider(itemProps, value);
-    };
-  }
-  if (subProvider) {
-    resultObj.outputValue = function (value) {
-      return subProvider(itemProps, value);
-    };
-  }
-  var keysLen = Object.keys(resultObj).length;
-  return keysLen === 0 ? undefined : resultObj;
-};
 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 _useFormContext = index.useFormContext(),
       form = _useFormContext.form,
@@ -42,17 +18,11 @@ var HFormConnect = (function (component) {
       valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
     var name = props.name;
     var relName = Array.isArray(name) ? name.join(".") : name;
-    React.useEffect(function () {
-      if (!relName) {
-        return;
-      }
-      form === null || form === void 0 || form.addFormat(relName, formatMaker(props, format[valueType]));
-    }, [valueType, props]);
     var addFormat = function addFormat(aFormat) {
       if (!relName) {
         return;
       }
-      form === null || form === void 0 || form.addFormat(relName, formatMaker(props, aFormat[valueType]));
+      form === null || form === void 0 || form.addFormat(relName, useAddFormat.formatMaker(props, aFormat[valueType]));
     };
     var addDispatchListener = function addDispatchListener(key, fn) {
       var dispatch = props.dispatch;

package/lib/Form/config.d.ts

@@ -37,5 +37,6 @@ declare const componentConfig: {
     };
     treeSelect: ({ request, onlyCheckChild, multiple, treeCheckable, treeData, fieldNames, ...props }: import("../Select/TreeSelect").HTreeSelectProps) => JSX.Element;
     text: ({ value, addonBefore, addonAfter, size, ...props }: import("../Text").HFormTextProps) => JSX.Element;
+    richEditor: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -26,9 +26,10 @@ var TrimInput = require('../Input/TrimInput.js');
 var TrimTextArea = require('../TextArea/TrimTextArea.js');
 var InputNumberGroup = require('../Input/InputNumberGroup.js');
 var index$e = require('../Text/index.js');
+var index$f = require('../RichEditor/index.js');
 
 var placeholderConfig = {
-  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", "urlUpload", "textArea"],
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", "urlUpload", "textArea", "richEditor"],
   selectType: ["select", "datePicker", "timePicker", "colorInput", "treeSelect"]
 };
 var componentConfig = {
@@ -55,7 +56,8 @@ var componentConfig = {
   trimTextArea: TrimTextArea.default,
   inputNumberGroup: InputNumberGroup.default,
   treeSelect: TreeSelect.default,
-  text: index$e.default
+  text: index$e.default,
+  richEditor: index$f.default
 };
 
 exports.default = componentConfig;

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

@@ -13,4 +13,5 @@ export declare const useInfoReq: ({ initialValues, infoRequest, form, params, re
 };
 export declare const useDefaultComponents: () => any;
 export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
+export declare const useAddFormat: () => void;
 export {};

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

@@ -0,0 +1,8 @@
+import { addFormatItemModal, HFormItemProps } from "../modal";
+interface ResultModal {
+    inputValue?: (value: Record<string, any>) => Record<string, any>;
+    outputValue?: (value: Record<string, any>) => Record<string, any>;
+}
+export declare const formatMaker: (itemProps: HFormItemProps, formats?: addFormatItemModal) => ResultModal | undefined;
+declare const _default: (props: HFormItemProps) => void;
+export default _default;

package/lib/Form/hooks/useAddFormat.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../Context/index.js');
+var React = require('react');
+
+var formatMaker = function formatMaker(itemProps, formats) {
+  var _ref = formats || {},
+    inputValue = _ref.inputValue,
+    outputValue = _ref.outputValue;
+  var _itemProps$initValueP = itemProps.initValueProvider,
+    initValueProvider = _itemProps$initValueP === void 0 ? inputValue : _itemProps$initValueP,
+    _itemProps$subProvide = itemProps.subProvider,
+    subProvider = _itemProps$subProvide === void 0 ? outputValue : _itemProps$subProvide;
+  var resultObj = {};
+  if (initValueProvider) {
+    resultObj.inputValue = function (value) {
+      return initValueProvider(itemProps, value);
+    };
+  }
+  if (subProvider) {
+    resultObj.outputValue = function (value) {
+      return subProvider(itemProps, value);
+    };
+  }
+  var keysLen = Object.keys(resultObj).length;
+  return keysLen === 0 ? undefined : resultObj;
+};
+var useAddFormat = (function (props) {
+  var name = props.name,
+    itemProps = props.itemProps;
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form,
+    _useFormContext$value = _useFormContext.valueType,
+    valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+  var relName = Array.isArray(name) ? name.join(".") : name;
+  React.useEffect(function () {
+    if (!relName || !itemProps) {
+      return;
+    }
+    form === null || form === void 0 || form.addFormat(relName, formatMaker(itemProps));
+  }, [valueType, props]);
+});
+
+exports.default = useAddFormat;
+exports.formatMaker = formatMaker;
+// powered by h

package/lib/Form/modal.d.ts

@@ -109,6 +109,10 @@ interface ConfigUploadProps {
     maxSize?: number;
     request?: PromiseFnResult;
 }
+interface ConfigRichEditorProps {
+    fileRequest?: PromiseFnResult;
+    valueType?: "html" | "state";
+}
 export type ComponentModal = React.FunctionComponent<any> | React.ComponentClass<any> | React.ForwardRefExoticComponent<any>;
 export interface ConfigComponentModal {
     Component: ComponentModal;
@@ -127,6 +131,7 @@ export interface IFormConfigContextProps {
     defaultComponent?: DefaultComponentModal;
     formItemStyle?: React.CSSProperties;
     itemProps?: ItemPropsType;
+    richEditorProps?: ConfigRichEditorProps;
 }
 interface ActionModal {
     key: string;