@hw-component/form 1.9.84 → 1.9.86

package/src/components/RichEditor/index.tsx

@@ -1,7 +1,7 @@
 import BraftEditor, { EditorState } from "braft-editor";
 import "braft-editor/dist/index.css";
 import { IHRichEditorProps } from "./modal";
-import {useFocusClassname, useProps, useUploadFn, useVC} from "./hooks";
+import { useFocusClassname, useProps, useUploadFn, useVC } from "./hooks";
 import { useClassName } from "../hooks";
 import React from "react";
 import HFormConnect from "../Form/HFormConnect";
@@ -19,8 +19,8 @@ const Index: React.ForwardRefRenderFunction<any, IHRichEditorProps> = (
     media,
     contentStyle = defaultContentStyle,
     bordered = true,
-      onBlur,
-      onFocus,
+    onBlur,
+    onFocus,
     addFormat,
     ...props
   },
@@ -30,37 +30,45 @@ const Index: React.ForwardRefRenderFunction<any, IHRichEditorProps> = (
     fileRequest,
     valueType,
   });
-  const { focusClassname, onFocus:selfFocus, onBlur:selfBlur } = useFocusClassname({
+  const {
+    focusClassname,
+    onFocus: selfFocus,
+    onBlur: selfBlur,
+  } = useFocusClassname({
     bordered,
     onBlur,
-    onFocus
+    onFocus,
   });
-  const {richValue,change}=useVC({value,onChange,valueType:vType});
-  const uploadFn = useUploadFn({fileRequest:fileReq});
+  const { richValue, change } = useVC({ value, onChange, valueType: vType });
+  const uploadFn = useUploadFn({ fileRequest: fileReq });
   const bodyClassName = useClassName("hw-rich-editor");
   const borderClassName = useClassName("hw-rich-editor-border");
   addFormat?.({
-    float:{
-      inputValue:(item, initValue)=>{
+    float: {
+      inputValue: (item, initValue) => {
         const { name = "" } = item;
-        const keyName=(name as string);
-        const itemVal=initValue[keyName];
-        const initVal=typeof itemVal==="string"?BraftEditor.createEditorState(itemVal):itemVal;
+        const keyName = name as string;
+        const itemVal = initValue[keyName];
+        const initVal =
+          typeof itemVal === "string"
+            ? BraftEditor.createEditorState(itemVal)
+            : itemVal;
         return {
-            [keyName]:initVal
+          [keyName]: initVal,
         };
       },
-      outputValue:(item, outputValue)=>{
+      outputValue: (item, outputValue) => {
         const { name = "" } = item;
-          const keyName=(name as string);
-        const itemVal=outputValue[keyName];
-        const outputVal=typeof itemVal==="string"?itemVal:itemVal?.toHTML();
+        const keyName = name as string;
+        const itemVal = outputValue[keyName];
+        const outputVal =
+          typeof itemVal === "string" ? itemVal : itemVal?.toHTML();
         return {
-            [keyName]:outputVal
-        }
-      }
-    }
-  })
+          [keyName]: outputVal,
+        };
+      },
+    },
+  });
   return (
     <div
       className={`${bodyClassName} ${
@@ -81,4 +89,4 @@ const Index: React.ForwardRefRenderFunction<any, IHRichEditorProps> = (
   );
 };
 
-export default HFormConnect((React.forwardRef(Index) as any));
+export default HFormConnect(React.forwardRef(Index) as any);

package/src/components/RichEditor/modal.ts

@@ -2,7 +2,8 @@ import { BraftEditorProps, EditorState } from "braft-editor";
 import { PromiseFnResult } from "../modal";
 import { addFormatItemModal } from "../Form/modal";
 
-export interface IHRichEditorProps extends Omit<BraftEditorProps, "value"|"onChange"> {
+export interface IHRichEditorProps
+  extends Omit<BraftEditorProps, "value" | "onChange"> {
   value?: string | EditorState;
   onChange?: (value: string | EditorState) => void;
   fileRequest?: PromiseFnResult;
@@ -10,4 +11,3 @@ export interface IHRichEditorProps extends Omit<BraftEditorProps, "value"|"onCha
   bordered?: boolean;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
-

package/src/components/TDPicker/TimePicker.tsx

@@ -23,7 +23,7 @@ const Index = ({
         return !!disabledDate?.(currentDate, timeVal);
       }}
       style={{
-        width:"100%"
+        width: "100%",
       }}
       {...props}
     />

package/src/components/TDPicker/hooks.ts

@@ -88,7 +88,7 @@ export const useTimePickerValue = ({
   format,
 }: UseTimePickerValParams) => {
   return useMemo(() => {
-    const valStr=value?.toString()
+    const valStr = value?.toString();
     if (!valStr || !format) {
       return value;
     }

package/src/components/TextArea/index.tsx

@@ -9,7 +9,7 @@ export default ({
   autoSize = { minRows: 4, maxRows: 4 },
   bordered = true,
   className,
-  style={},
+  style = {},
   ...props
 }: HTextAreaProps) => {
   const noBorderClassName = useClassName("hw-text-area-no-border");
@@ -17,7 +17,7 @@ export default ({
   return (
     <Input.TextArea
       autoSize={autoSize}
-      style={{width:"100%",...style}}
+      style={{ width: "100%", ...style }}
       {...props}
       className={`${borderClassName} ${className}`}
     />

package/src/components/Upload/Btn.tsx

@@ -3,7 +3,7 @@ import type { IUpLoadProps } from "./modal";
 import React, { useMemo } from "react";
 import { Button } from "antd";
 
-export default ({ value, maxCount = 1, listType ,children}: IUpLoadProps) => {
+export default ({ value, maxCount = 1, listType, children }: IUpLoadProps) => {
   const len = value?.length || 0;
   const text = useMemo(() => {
     if (len === maxCount) {
@@ -19,13 +19,17 @@ export default ({ value, maxCount = 1, listType ,children}: IUpLoadProps) => {
       </div>
     );
   }
-  const loading=useMemo(()=>{
-     return value?.some(({status})=>{
-        return status==="uploading";
-     })
-  },[value]);
-  if (children){
-    return  React.cloneElement<any>((children as any),{loading});
+  const loading = useMemo(() => {
+    return value?.some(({ status }) => {
+      return status === "uploading";
+    });
+  }, [value]);
+  if (children) {
+    return React.cloneElement<any>(children as any, { loading });
   }
-  return <Button icon={<UploadOutlined />} loading={loading}>{text}</Button>;
+  return (
+    <Button icon={<UploadOutlined />} loading={loading}>
+      {text}
+    </Button>
+  );
 };

package/src/components/Upload/hooks/customRequest.ts

@@ -4,7 +4,7 @@ import type { RcFile } from "antd/lib/upload";
 import { useEffect, useMemo } from "react";
 import type { UploadFileStatus } from "antd/es/upload/interface";
 import { message } from "antd";
-import {useRequest} from "ahooks";
+import { useRequest } from "ahooks";
 
 interface SubReqParamsModal {
   request?: IUpLoadProps["request"];

package/src/components/Upload/index.tsx

@@ -22,7 +22,7 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
     addFormat,
     thumbUrl,
     hideAddBtn,
-      children,
+    children,
     ...props
   },
   ref
@@ -49,9 +49,9 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
   }, [maxRowNum, listType]);
 
   const preview = (file) => {
-      if (onPreview===null){
-          return;
-      }
+    if (onPreview === null) {
+      return;
+    }
     if (onPreview) {
       onPreview(file);
       return;
@@ -101,7 +101,7 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
     },
   });
   const relVal = Array.isArray(value) ? value : [];
-  const upListType=listType===null?undefined:listType;
+  const upListType = listType === null ? undefined : listType;
   return (
     <div style={contentStyle}>
       <Upload
@@ -116,9 +116,9 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
         {...props}
       >
         {hideAddBtn ? null : (
-            <Btn value={relVal} maxCount={maxCount} listType={upListType} >
-                {children}
-            </Btn>
+          <Btn value={relVal} maxCount={maxCount} listType={upListType}>
+            {children}
+          </Btn>
         )}
       </Upload>
       <Preview

package/src/components/Upload/modal.ts

@@ -5,9 +5,10 @@ import type { UploadChangeParam } from "antd/lib/upload/interface";
 import type { MediaTypeEnum } from "@/components/Upload/enums";
 import type { addFormatItemModal } from "@/components/Form/modal";
 import type React from "react";
-import {UploadListType} from "antd/lib/upload/interface";
+import { UploadListType } from "antd/lib/upload/interface";
 
-export interface IUpLoadProps extends Omit<UploadProps, "onChange"|"listType"|"onPreview"> {
+export interface IUpLoadProps
+  extends Omit<UploadProps, "onChange" | "listType" | "onPreview"> {
   exFiles?: string[] | null;
   request?: (
     file: Exclude<BeforeUploadFileType, File | boolean> | RcFile
@@ -20,8 +21,8 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange"|"listType"|"o
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
   thumbUrl?: string;
   hideAddBtn?: boolean;
-  listType?:UploadListType|null;
-  onPreview?:UploadProps["onPreview"]|null
+  listType?: UploadListType | null;
+  onPreview?: UploadProps["onPreview"] | null;
 }
 export interface IMediaTypeEleProps {
   file?: UploadFile;

package/src/pages/DrawerForm/index.tsx

@@ -13,17 +13,19 @@ const data = [
       return <Test />;
     },
   },
-    {
-        type:'select',
-         label:"下啦",
-         name:"select",
-         itemProps:{
-            options:[{
-                value:"123",
-                key:1
-            }]
-         }
+  {
+    type: "select",
+    label: "下啦",
+    name: "select",
+    itemProps: {
+      options: [
+        {
+          value: "123",
+          key: 1,
+        },
+      ],
     },
+  },
 ];
 let num = 0;
 const Test1 = ({ formNode, dialogForm, params }) => {
@@ -65,11 +67,11 @@ export default () => {
       </Button>
       <Button
         onClick={() => {
-            modalForm.show({
-                 initialValues:{
-                     "input":"12312"
-                 }
-            });
+          modalForm.show({
+            initialValues: {
+              input: "12312",
+            },
+          });
         }}
       >
         打开

package/src/pages/Form/index.tsx

@@ -75,34 +75,34 @@ export default () => {
         <div style={{ width: 1000 }}>
           <HForm
             configData={[
-                {
-                    label:"文字",
-                    name:"wz"
-                },
-                {
-                    label:"文字1",
-                    name:"wz1"
-                },
-                {
-                    label: "inputSelect",
-                    type: "richEditor",
-                    name: "richEditor",
-                    rules: [
-                        {
-                            validator: (rule, value, callback) => {
-                                console.log(value);
-                                return Promise.resolve();
-                            },
-                        },
-                    ],
-                },
+              {
+                label: "文字",
+                name: "wz",
+              },
+              {
+                label: "文字1",
+                name: "wz1",
+              },
+              {
+                label: "inputSelect",
+                type: "richEditor",
+                name: "richEditor",
+                rules: [
+                  {
+                    validator: (rule, value, callback) => {
+                      console.log(value);
+                      return Promise.resolve();
+                    },
+                  },
+                ],
+              },
               {
                 label: "富文本",
                 type: "timePicker",
                 name: "textArea",
-                itemProps:{
-                    showCount:true,
-                    maxLength:100
+                itemProps: {
+                  showCount: true,
+                  maxLength: 100,
                 },
                 rules: [
                   {
@@ -191,10 +191,10 @@ export default () => {
                 label: "文字",
                 type: "text",
                 name: "text",
-                  render:()=>{
-                      return <div>fff</div>
-                  },
-                  itemProps: {
+                render: () => {
+                  return <div>fff</div>;
+                },
+                itemProps: {
                   type: "danger",
                   addonBefore: (
                     <div style={{ height: 100, backgroundColor: "red" }}>
@@ -206,12 +206,12 @@ export default () => {
                       wohao
                     </div>
                   ),
-                    initValueProvider:(...data)=>{
-                        console.log("initValueProvider")
-                       return {
-                           text:"你好"
-                       }
-                    },
+                  initValueProvider: (...data) => {
+                    console.log("initValueProvider");
+                    return {
+                      text: "你好",
+                    };
+                  },
                 },
               },
             ]}
@@ -219,7 +219,7 @@ export default () => {
             labelWidth={88}
             form={form}
             initialValues={{
-                richEditor:"1312312"
+              richEditor: "1312312",
             }}
             labelAlign={"left"}
             onFinish={(value) => {
@@ -246,15 +246,15 @@ export default () => {
       >
         点我
       </div>
-        <div
-            onClick={() => {
-                form.setFieldsValue({
-                    wz:"你好"
-                })
-            }}
-        >
-            设置
-        </div>
+      <div
+        onClick={() => {
+          form.setFieldsValue({
+            wz: "你好",
+          });
+        }}
+      >
+        设置
+      </div>
       <div
         onClick={() => {
           form.submit();

package/src/pages/ModalForm/index.tsx

@@ -1,4 +1,4 @@
-import {Button, Input} from "antd";
+import { Button, Input } from "antd";
 import {
   HModalForm,
   useHDialogForm,
@@ -11,12 +11,16 @@ import { ShowParamsModal } from "@/components/DialogForm/modal";
 const Test = (props) => {
   return <HUrlUpload {...props} />;
 };
-const ITest=()=>{
-    return <Input onPressEnter={(e)=>{
+const ITest = () => {
+  return (
+    <Input
+      onPressEnter={(e) => {
         e.preventDefault();
-        console.log("ITest")
-    }}/>
-}
+        console.log("ITest");
+      }}
+    />
+  );
+};
 const data = [
   {
     label: "输入框",
@@ -207,12 +211,12 @@ export default () => {
           destroyOnClose={false}
           autoClear={false}
           onOk={() => {
-              console.log("fff")
+            console.log("fff");
             return false;
           }}
           labelAlign={"left"}
           request={(values, params) => {
-              console.log(values,params)
+            console.log(values, params);
             return Promise.resolve();
           }}
           dialogForm={modalForm}

package/src/pages/Upload/index.tsx

@@ -1,4 +1,4 @@
-import {Button, Space} from "antd";
+import { Button, Space } from "antd";
 import { HUpload, HUrlUpload } from "../../components";
 import React, { useState } from "react";
 import { MediaTypeEnum } from "../../components/Upload/enums";
@@ -33,7 +33,7 @@ export default () => {
         }}
         onChange={setFiles1}
       >
-          <Button>按钮</Button>
+        <Button>按钮</Button>
       </HUpload>
       <HUrlUpload
         inputHelper="测试"