@hw-component/form 1.9.70 → 1.9.72

package/es/DialogForm/DrawerForm/index.js

@@ -1,6 +1,6 @@
 // welcome to hoo hoo hoo
-import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { jsx } from 'react/jsx-runtime';
@@ -72,48 +72,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 = useFooterRender({
     dialogForm: dialogForm,
     footer: footer,
     confirmLoading: loading,
-    params: formParams
+    params: formParams,
+    onOk: footerOnOk
   });
-  var node = jsx(HForm, _objectSpread(_objectSpread({
+  var node = modalFormData && jsx(HForm, _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/es/DialogForm/ModalForm.js

@@ -1,6 +1,6 @@
 // welcome to hoo hoo hoo
-import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { jsx } from 'react/jsx-runtime';
@@ -62,39 +62,46 @@ var Index = function Index(_ref) {
     }),
     loading = _useSub.loading,
     run = _useSub.run;
-  var node = jsx(HForm, _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 && jsx(HForm, _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,
@@ -104,7 +111,8 @@ var Index = function Index(_ref) {
     dialogForm: dialogForm,
     footer: footer,
     confirmLoading: loading,
-    params: formParams
+    params: formParams,
+    onOk: footerOnOk
   });
   return jsx(Modal, _objectSpread(_objectSpread({
     title: modalTitle,

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

@@ -154,7 +154,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;
   }
@@ -165,9 +166,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/es/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/es/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/es/Form/FormItem/index.js

@@ -3,6 +3,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import { useFormItemDomControl } from './hooks.js';
 import { useFormContext } from '../Context/index.js';
+import useAddFormat from '../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; }
@@ -25,6 +26,7 @@ var Item = (function (props) {
     colon = props.colon,
     _props$rowWrapper = props.rowWrapper,
     rowWrapper = _props$rowWrapper === void 0 ? formRowWrapper : _props$rowWrapper;
+  useAddFormat(props);
   var Component = useFormItemDomControl(props);
   return jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,

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

@@ -2,36 +2,12 @@
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext } from './Context/index.js';
-import React, { useEffect } from 'react';
+import React from 'react';
+import { formatMaker } from './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 = useFormContext(),
       form = _useFormContext.form,
@@ -39,12 +15,6 @@ var HFormConnect = (function (component) {
       valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
     var name = props.name;
     var relName = Array.isArray(name) ? name.join(".") : name;
-    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;

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

@@ -23,9 +23,10 @@ import TrimInput from '../Input/TrimInput.js';
 import TrimTextArea from '../TextArea/TrimTextArea.js';
 import HInputNumberGroup from '../Input/InputNumberGroup.js';
 import HText from '../Text/index.js';
+import HRichEditor from '../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 = {
@@ -52,7 +53,8 @@ var componentConfig = {
   trimTextArea: TrimTextArea,
   inputNumberGroup: HInputNumberGroup,
   treeSelect: HTreeSelect,
-  text: HText
+  text: HText,
+  richEditor: HRichEditor
 };
 
 export { componentConfig as default, placeholderConfig };

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

@@ -0,0 +1,44 @@
+// welcome to hoo hoo hoo
+import { useFormContext } from '../Context/index.js';
+import { useEffect } from '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 = useFormContext(),
+    form = _useFormContext.form,
+    _useFormContext$value = _useFormContext.valueType,
+    valueType = _useFormContext$value === void 0 ? "float" : _useFormContext$value;
+  var relName = Array.isArray(name) ? name.join(".") : name;
+  useEffect(function () {
+    if (!relName || !itemProps) {
+      return;
+    }
+    form === null || form === void 0 || form.addFormat(relName, formatMaker(itemProps));
+  }, [valueType, props]);
+});
+
+export { useAddFormat as default, formatMaker };
+// powered by hdj

package/es/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;

package/es/RichEditor/hooks.d.ts

@@ -0,0 +1,15 @@
+import { IHRichEditorProps } from "src/components/RichEditor/modal";
+export declare const useProps: ({ fileRequest, valueType }: IHRichEditorProps) => {
+    fileRequest: any;
+    valueType: any;
+};
+export declare const useFocusClassname: ({ bordered, onFocus: focusProps, onBlur: blurProps, }: IHRichEditorProps) => {
+    focusClassname: string;
+    onFocus: (editState: any) => void;
+    onBlur: (editState: any) => void;
+};
+export declare const useVC: ({ value, onChange, valueType }: IHRichEditorProps) => {
+    richValue: any;
+    change: (editorState: any) => void;
+};
+export declare const useUploadFn: ({ fileRequest }: IHRichEditorProps) => (params: any) => Promise<void>;

package/es/RichEditor/hooks.js

@@ -0,0 +1,110 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { useFormConfigContext } from '../Form/Context/FormConfigProvider.js';
+import { baseConfig } from '../config.js';
+import { useClassName } from '../hooks/index.js';
+import { useState } from 'react';
+import BraftEditor from 'braft-editor';
+
+var useProps = function useProps(_ref) {
+  var _baseConfig$richEdito;
+  var fileRequest = _ref.fileRequest,
+    valueType = _ref.valueType;
+  var _useFormConfigContext = useFormConfigContext("richEditorProps"),
+    _useFormConfigContext2 = _useFormConfigContext.fileRequest,
+    contextFileRequest = _useFormConfigContext2 === void 0 ? fileRequest : _useFormConfigContext2,
+    _useFormConfigContext3 = _useFormConfigContext.valueType,
+    contextValueType = _useFormConfigContext3 === void 0 ? valueType : _useFormConfigContext3;
+  var cuRequest = fileRequest === null ? (_baseConfig$richEdito = baseConfig.richEditorProps) === null || _baseConfig$richEdito === void 0 ? void 0 : _baseConfig$richEdito.fileRequest : contextFileRequest;
+  return {
+    fileRequest: cuRequest,
+    valueType: contextValueType
+  };
+};
+var useFocusClassname = function useFocusClassname(_ref2) {
+  var bordered = _ref2.bordered,
+    focusProps = _ref2.onFocus,
+    blurProps = _ref2.onBlur;
+  var styleFocusClassName = useClassName("hw-rich-editor-focus");
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    focusClassname = _useState2[0],
+    setFocusClassname = _useState2[1];
+  var onFocus = function onFocus(editState) {
+    focusProps === null || focusProps === void 0 || focusProps(editState);
+    if (!bordered) {
+      setFocusClassname("");
+      return;
+    }
+    setFocusClassname(styleFocusClassName);
+  };
+  var onBlur = function onBlur(editState) {
+    setFocusClassname("");
+    blurProps === null || blurProps === void 0 || blurProps(editState);
+  };
+  return {
+    focusClassname: focusClassname,
+    onFocus: onFocus,
+    onBlur: onBlur
+  };
+};
+var useVC = function useVC(_ref3) {
+  var value = _ref3.value,
+    onChange = _ref3.onChange,
+    valueType = _ref3.valueType;
+  var richValue = valueType === "html" ? BraftEditor.createEditorState(value) : value;
+  var change = function change(editorState) {
+    var changeVal = valueType === "html" ? editorState.toHTML() : editorState;
+    var isEmpty = !!richValue ? richValue.isEmpty() : true;
+    if (isEmpty && editorState.isEmpty()) {
+      return;
+    }
+    onChange === null || onChange === void 0 || onChange(changeVal);
+  };
+  return {
+    richValue: richValue,
+    change: change
+  };
+};
+var useUploadFn = function useUploadFn(_ref4) {
+  var fileRequest = _ref4.fileRequest;
+  return /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
+      var file, id, _yield$fileRequest, url;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            file = params.file, id = params.id;
+            _context.next = 3;
+            return fileRequest === null || fileRequest === void 0 ? void 0 : fileRequest(file, params);
+          case 3:
+            _yield$fileRequest = _context.sent;
+            url = _yield$fileRequest.url;
+            params.success({
+              url: url,
+              meta: {
+                id: id,
+                title: file.name,
+                alt: "媒体资源",
+                loop: false,
+                autoPlay: false,
+                controls: true,
+                poster: url
+              }
+            });
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+};
+
+export { useFocusClassname, useProps, useUploadFn, useVC };
+// powered by hdj

package/es/RichEditor/index.d.ts

@@ -0,0 +1,4 @@
+import "braft-editor/dist/index.css";
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;