@hw-component/form 1.9.8 → 1.9.9

package/src/components/Form/index.tsx

@@ -27,7 +27,7 @@ export default ({
   itemProps: formItemProps = {},
   colon = true,
   dismissOnPressEnter,
-                  preserve,
+  preserve,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
@@ -41,7 +41,7 @@ export default ({
     form: hForm,
     infoRequest,
     params,
-    preserve
+    preserve,
   });
   const valuesChange = useValuesChange({
     onValuesChange,
@@ -98,7 +98,11 @@ export default ({
           preserve={preserve}
           {...props}
         >
-          <Basic  configData={configData} dismissOnPressEnter={dismissOnPressEnter} gutter={gutter} />
+          <Basic
+            configData={configData}
+            dismissOnPressEnter={dismissOnPressEnter}
+            gutter={gutter}
+          />
           <InitSet />
         </Form>
       </FormContext.Provider>

package/src/components/Form/modal.ts

@@ -35,7 +35,7 @@ import type { DataFnProvider } from "../modal";
 import type { ColProps } from "antd/lib/grid/col";
 import type { Gutter } from "antd/lib/grid/row";
 import type { IUrlUploadProps } from "../Upload/modal";
-import {NamePath} from "rc-field-form/es/interface";
+import { NamePath } from "rc-field-form/es/interface";
 
 type RenderFun = (
   props: HItemProps,
@@ -82,7 +82,7 @@ export interface DispatchModal<T = string | string[]> {
 export type LabelAlignModal = "left" | "right" | "topLeft" | "topRight" | "top";
 
 export interface HItemProps
-  extends Omit<FormItemProps, "name" | "labelAlign" | "label"|"hidden"> {
+  extends Omit<FormItemProps, "name" | "labelAlign" | "label" | "hidden"> {
   type?: string;
   itemProps?: ItemPropsType;
   render?: RenderFun;
@@ -99,7 +99,7 @@ export interface HItemProps
   hideLabel?: boolean;
   labelAlign?: LabelAlignModal;
   label?: React.ReactNode | HelperModal;
-  hidden?:boolean|HideModal
+  hidden?: boolean | HideModal;
 }
 export interface HFormProps<T = any, R = any>
   extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
@@ -118,7 +118,7 @@ export interface HFormProps<T = any, R = any>
   labelAlign?: LabelAlignModal;
   formItemStyle?: React.CSSProperties;
   itemProps?: ItemPropsType;
-  dismissOnPressEnter?:boolean;
+  dismissOnPressEnter?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;
@@ -184,7 +184,10 @@ export interface HFormInstance extends FormInstance {
     formatKey?: string
   ) => Record<string, any>;
   dispatch: (action: ActionModal, ...args: any[]) => void;
-  outputValues: (values?: Record<string, any>,preserve?:HFormProps["preserve"]) => Record<string, any>;
+  outputValues: (
+    values?: Record<string, any>,
+    preserve?: HFormProps["preserve"]
+  ) => Record<string, any>;
   addDispatchListener: AddDispatchListenerFn;
   removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
   reload: PromiseFnResult;

package/src/components/Input/index.tsx

@@ -7,23 +7,28 @@ const CopyDom = ({ value }: HInputProps) => {
   return (
     <div
       style={{
-          cursor:'pointer'
+        cursor: "pointer",
       }}
-      onClick={()=>{
-          copy(value);
-          message.success("复制成功!");
+      onClick={() => {
+        copy(value);
+        message.success("复制成功!");
       }}
     >
       <CopyOutlined />
     </div>
   );
 };
-export default ({ copy, value, addonAfter, ...props }: HInputProps) => {
+export default ({
+  copy: copyProps,
+  value,
+  addonAfter,
+  ...props
+}: HInputProps) => {
   return (
     <Input
       {...props}
       value={value}
-      addonAfter={copy ? <CopyDom value={value} /> : addonAfter}
+      addonAfter={copyProps ? <CopyDom value={value} /> : addonAfter}
     />
   );
 };

package/src/components/Select/hooks/changeHooks.tsx

@@ -69,7 +69,7 @@ export const useValueChange = (params: PartialHSelectProps) => {
 
     if (options) {
       setVal((oldVale) => {
-        return  matchNotFind(params, oldVale);
+        return matchNotFind(params, oldVale);
       });
     }
   }, [value, options, mode]);

package/src/components/Select/hooks/util.ts

@@ -75,20 +75,20 @@ const resultProvider = (
   });
   return newResult;
 };
-const notMatchArray=(data,options)=>{
-  return data.map((item)=>{
+const notMatchArray = (data, options) => {
+  return data.map((item) => {
     const { value: itemVal, index } = item;
     const newItem = single({ options, value: itemVal });
     return {
       ...newItem,
       index,
     };
-  })
-}
+  });
+};
 const multiple = ({ options, value }: PartialHSelectProps, oldVal?: any[]) => {
   const { newData, oldData } = sourceDataProvider({ value }, oldVal);
-  const notMatchOldVal=notMatchArray(oldData,options);
-  const newMatchVal = notMatchArray(newData,options);
+  const notMatchOldVal = notMatchArray(oldData, options);
+  const newMatchVal = notMatchArray(newData, options);
   return resultProvider(newMatchVal, notMatchOldVal, value);
 }; //多选
 

package/src/components/Upload/UrlUpload/index.tsx

@@ -6,7 +6,7 @@ import TypeEle from "../MediaTypeEle/TypeEle";
 import { useRef, useState } from "react";
 import type { RcFile, UploadFile } from "antd/es/upload/interface";
 import { useDefaultExFiles } from "./hooks";
-import {HItemProps} from "@/components/Form/modal";
+import { HItemProps } from "@/components/Form/modal";
 const { Text } = Typography;
 const mkSubFileList = (fileList: UploadFile[], maxCount = 1) => {
   const len = fileList.length;
@@ -24,7 +24,7 @@ const Index = ({
   inputHelper,
   style = {},
   exFiles,
-                 spaceSize=6,
+  spaceSize = 6,
   ...props
 }: IUrlUploadProps) => {
   const { maxCount } = props;
@@ -120,6 +120,6 @@ const Index = ({
 export default {
   Component: Index,
   placeholder: ({ label }: HItemProps) => {
-    return `请输入${label}文件地址`
+    return `请输入${label}文件地址`;
   },
 };

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

@@ -6,7 +6,7 @@ import type { UploadFileStatus } from "antd/es/upload/interface";
 import { message } from "antd";
 
 interface SubReqParamsModal {
-  request?:IUpLoadProps['request'];
+  request?: IUpLoadProps["request"];
   file: RcFile;
 }
 interface ResultModal {

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

@@ -1,12 +1,13 @@
 import { useFormConfigContext } from "../../Form/Context/FormConfigProvider";
 import type { IUpLoadProps } from "../modal";
-import {baseConfig} from "../../config";
+import { baseConfig } from "../../config";
 
 export const useProps = ({ request, exFiles, maxSize }: IUpLoadProps) => {
   const configUploadProps = useFormConfigContext("uploadProps");
-  const cuRequest=request===null?baseConfig.uploadProps?.request:request;
+  const cuRequest =
+    request === null ? baseConfig.uploadProps?.request : request;
   const inputProps = {
-    request:cuRequest,
+    request: cuRequest,
     maxSize,
   };
   const keys = Object.keys(inputProps);

package/src/components/Upload/index.tsx

@@ -1,8 +1,4 @@
-import React, {
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from "react";
+import React, { useImperativeHandle, useMemo, useState } from "react";
 import type { IUpLoadProps, IUploadRefModal } from "./modal";
 import { useProps } from "./hooks/propsMaker";
 import type { IPreviewProps } from "./Preview";
@@ -114,7 +110,9 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
         }}
         {...props}
       >
-        {hideAddBtn?null: <Btn value={relVal} maxCount={maxCount} listType={listType} />}
+        {hideAddBtn ? null : (
+          <Btn value={relVal} maxCount={maxCount} listType={listType} />
+        )}
       </Upload>
       <Preview
         visible={visible}

package/src/components/Upload/modal.ts

@@ -18,7 +18,7 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
   maxSize?: number;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
   thumbUrl?: string;
-  hideAddBtn?:boolean;
+  hideAddBtn?: boolean;
 }
 export interface IMediaTypeEleProps {
   file?: UploadFile;
@@ -34,5 +34,5 @@ export interface IUrlUploadProps extends IUpLoadProps {
   placeholder?: string;
   mediaType?: MediaTypeEnum;
   inputHelper?: React.ReactNode;
-  spaceSize?:number
+  spaceSize?: number;
 }

package/src/components/config.ts

@@ -1,9 +1,9 @@
 import moment from "moment";
 import type { IFormConfigContextProps } from "./Form/modal";
 import { fileToBase64 } from "./Upload/util";
-const rangeStartDay=(day:number)=>{
-  return moment().subtract(day, "days").startOf("days")
-}
+const rangeStartDay = (day: number) => {
+  return moment().subtract(day, "days").startOf("days");
+};
 export const baseConfig: IFormConfigContextProps = {
   fieldNames: {
     label: "label",
@@ -26,14 +26,14 @@ export const baseConfig: IFormConfigContextProps = {
     },
   },
   dateRanges: {
-    最近三天: function three(){
-      return [rangeStartDay(2), moment()]
+    最近三天: function three() {
+      return [rangeStartDay(2), moment()];
     },
     最近七天: function seven() {
-      return [rangeStartDay(6),moment()]
+      return [rangeStartDay(6), moment()];
     },
-    最近三十天:function thirty() {
-      return  [rangeStartDay(29), moment()]
+    最近三十天: function thirty() {
+      return [rangeStartDay(29), moment()];
     },
   },
   uploadProps: {

package/src/pages/Form/index.tsx

@@ -66,31 +66,33 @@ const Test3Item = () => {
 };
 const formData = (options) => {
   return [
-      {
-          name:"name",
-          label:"输入框",
-          hidden:(form)=>{
-              const {check}=form.getFieldsValue();
-              console.log(check,"name")
-              return !check?.vv
-          }
+    {
+      name: "name",
+      label: "输入框",
+      hidden: (form) => {
+        const { check } = form.getFieldsValue();
+        console.log(check, "name");
+        return !check?.vv;
       },
-      {
-          name:"url",
-          type:"urlUpload",
-          label:"文本"
+    },
+    {
+      name: "url",
+      type: "urlUpload",
+      label: "文本",
+    },
+    {
+      label: "输入框",
+      type: "checkboxGroup",
+      name: "check",
+      itemProps: {
+        options: [
+          {
+            key: "vv",
+            value: "测试",
+          },
+        ],
       },
-      {
-          label:"输入框",
-          type:"checkboxGroup",
-          name:"check",
-          itemProps:{
-              options:[{
-                  key:"vv",
-                  value:"测试"
-              }]
-          }
-      }
+    },
   ];
 };
 function Ttta({ form }) {
@@ -137,7 +139,7 @@ export default () => {
           form={form}
           layout={"vertical"}
           itemSpan={{
-              span:12
+            span: 12,
           }}
           labelAlign={"left"}
           onFinish={(value) => {
@@ -168,7 +170,7 @@ export default () => {
       </div>
       <div
         onClick={() => {
-          console.log(form.formatValues())
+          console.log(form.formatValues());
         }}
       >
         提交

package/src/pages/Input/index.tsx

@@ -11,7 +11,7 @@ import { Space } from "antd";
 export default () => {
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
-      <HInput placeholder="基础输入框" copy value="11111"/>
+      <HInput placeholder="基础输入框" copy value="11111" />
       <HSelectInput
         placeholder="基础输入框"
         selectProps={{

package/src/pages/Select/index.tsx

@@ -1,10 +1,10 @@
 import { HSelect } from "../../components";
-import { Space, Select } from "antd";
+import { Space } from "antd";
 import { useState } from "react";
 export default () => {
   const [selectVal, setSelectVal] = useState([{ name: "11", id: -100 }]);
-  const [op,setOp]=useState([{label:"1",value:1}])
-    const [val,setVal]=useState([2,3]);
+  const [op, setOp] = useState([{ label: "1", value: 1 }]);
+  const [val, setVal] = useState([2, 3]);
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HSelect
@@ -17,38 +17,40 @@ export default () => {
           value: "id",
         }}
         value={selectVal}
-        onChange={(val, item) => {
-          setSelectVal(val);
+        onChange={(chageVal) => {
+          setSelectVal(chageVal);
         }}
         request={async (params) => {
-          const { page, size } = params;
-          const op = [];
+          const { page } = params;
+          const op1 = [];
           for (let i = 0; i < 100; i += 1) {
-            op.push({ name: `第${page}页第${i}条`, id: i + page });
+            op1.push({ name: `第${page}页第${i}条`, id: i + page });
           }
           return Promise.resolve({
             page,
             size: 100,
             total: 1000,
-            data: op,
+            data: op1,
           });
         }}
         isList
       />
       <HSelect
-       value={val}
-       onChange={(v)=>{
-           console.log(v);
-           setVal(v);
-       }}
-       mode="multiple"
-       options={op}
+        value={val}
+        onChange={(v) => {
+          console.log(v);
+          setVal(v);
+        }}
+        mode="multiple"
+        options={op}
       />
-        <div onClick={()=>{
-            setOp([{label:"2",value:2}])
-        }}>
-            改变
-        </div>
+      <div
+        onClick={() => {
+          setOp([{ label: "2", value: 2 }]);
+        }}
+      >
+        改变
+      </div>
     </Space>
   );
 };

package/src/pages/Upload/index.tsx

@@ -32,9 +32,7 @@ export default () => {
         }}
         onChange={setFiles1}
       />
-        <HUrlUpload
-         inputHelper="测试"
-        />
+      <HUrlUpload inputHelper="测试" />
     </Space>
   );
 };