feat(Lov): 支持动态参数以及Lov覆写

Author: lingting

src/components/Lov/Lov.tsx

@@ -16,8 +16,8 @@ for (let i = 0; i < keys.length; i += 1) {
 }
 
 const Lov: React.FC<LovProps> = (props) => {
-  const config = cache[props.keyword];
-  const { value, onChange } = props;
+  const { value, onChange, keyword, overwriteConfig } = props;
+  const config = { ...cache[keyword], ...overwriteConfig };
   const [show, setShow] = useState<boolean>(false);
   const [lovValue, setLovValue] = useState<any>();
   const [modalKey, setModalKey] = useState<number>(1);

src/components/Lov/LovModal.tsx

@@ -108,7 +108,8 @@ function getRet(row: any, config: LovConfig<any>) {
 const LovModal: React.FC<LovModalProps & LovConfig<any> & ModalProps> = (props) => {
   const config: LovConfig<any> = props;
 
-  const { value, setValue, title, show, setShow, modalStyle, modalProperties } = props;
+  const { value, setValue, title, show, setShow, modalStyle, modalProperties, dynamicParams } =
+    props;
 
   const tableRef = useRef<ActionType>();
 
@@ -257,7 +258,7 @@ const LovModal: React.FC<LovModalProps & LovConfig<any> & ModalProps> = (props)
             method: config.method,
             sendMessage: false,
           };
-          option[config.position.toLowerCase()] = { ...p, ...config.fixedParams };
+          option[config.position.toLowerCase()] = { ...p, ...config.fixedParams, ...dynamicParams };
 
           return request<R<PageResult<any>>>(config.url, option);
         }}

src/components/Lov/typing.ts

@@ -2,6 +2,8 @@ import type React from 'react';
 
 export type LovProps = {
   keyword: string;
+  // 覆写配置
+  overwriteConfig?: Partial<LovConfig<any>>;
 } & LovModalProps;
 
 export type LovConfig<T> = {
@@ -17,7 +19,7 @@ export type LovConfig<T> = {
   method: 'GET' | 'POST' | 'HEAD' | 'PUT' | 'PATCH' | 'DELETE' | 'OPTIONS' | 'TRACE';
   // 参数位置
   position: 'DATA' | 'PARAMS';
-  // 固定请求参数
+  // 固定请求参数, 该参数值会覆盖搜索栏中同名的参数值
   fixedParams?: Record<string, any>;
   // 是否多选
   multiple: boolean;
@@ -72,4 +74,6 @@ export type LovModalProps = {
   value?: any;
   // 参数为新值
   onChange?: (val: any) => void;
+  // 动态参数. 该参数值会覆盖 固定参数以及搜索栏中同名的参数值
+  dynamicParams?: Record<string, any>;
 };