aldehyde 0.2.336 → 0.2.337

package/src/aldehyde/lowcode-components/data.d.ts

@@ -5,6 +5,7 @@ export interface DataConfigProps {
     staticData?: any;
     isInit?: boolean;
     initData?: any;
+    searchParams?: { [key: string]: any }
 }
 
 export interface OssConfig {

package/src/aldehyde/lowcode-components/effectScatter-map/index.tsx

@@ -112,6 +112,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<{ name: string, value: number[] }[]>([]);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -141,6 +142,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setSize({ width: base.width, height: base.height });
             setDataConfig(newDataConfig);
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -160,19 +162,19 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, []);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         setData(handleData(value));
         return config;
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -195,6 +197,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     // 自定义弹窗渲染
     const customizeTooltipConfig = (config) => {
         const { title, width, height, padding, backgroundColor, backgroundImage, content } = config;

package/src/aldehyde/lowcode-components/effectScatter-map-3d/index.tsx

@@ -194,6 +194,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<{ name: string, value: number[] }[]>([]);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -223,6 +224,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setSize({ width: base.width, height: base.height });
             setDataConfig(newDataConfig);
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -256,19 +258,19 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, []);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         setData(handleData(value));
         return config;
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -291,6 +293,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     // 自定义弹窗渲染
     const customizeTooltipConfig = (config) => {
         const { title, width, height, padding, backgroundColor, backgroundImage, content } = config;

package/src/aldehyde/lowcode-components/gauge-chart/index.tsx

@@ -63,6 +63,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<number>(0);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -93,6 +94,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -115,8 +117,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -124,11 +126,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -152,6 +154,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const renderChart = () => {
         const { tooltip, radius, startAngle, endAngle, min, max, axisLine, splitLine, axisTick, axisLabel, detail, progress, center } = config;
         const temAxisLine = { ...axisLine, lineStyle: { ...axisLine?.lineStyle, color: axisLine?.lineStyle?.color?.map(r => ([r.percentage, r.color])) } };

package/src/aldehyde/lowcode-components/index.ts

@@ -51,6 +51,7 @@ import BaseButton from "./base-button";
 import BaseTabs from "./base-tabs";
 import PlaceholderComponent from "./placeholder-component";
 import Carousel from "./carousel";
+import SearchForm from "./search-form";
 
 
 type CompoundedComponent = {
@@ -106,7 +107,8 @@ type CompoundedComponent = {
     BaseButton?: typeof BaseButton,
     BaseTabs?: typeof BaseTabs,
     PlaceholderComponent?: typeof PlaceholderComponent,
-    Carousel?: typeof Carousel
+    Carousel?: typeof Carousel,
+    SearchForm?: typeof SearchForm
 };
 
 const LowcodeComponents: CompoundedComponent = {
@@ -119,7 +121,7 @@ const LowcodeComponents: CompoundedComponent = {
     Decoration6, Decoration7, Decoration8, Decoration9, Decoration10, Decoration11,
     BaseTable, TextScroller, CapsuleBarChart, CircularProgressChart, ActTable, ProgressChart,
     LineBarChart, Column3dChart, StrokeAnimation, EffectScatterMap3D, BaseButton, BaseTabs,
-    PlaceholderComponent, Carousel
+    PlaceholderComponent, Carousel, SearchForm
 };
 
 export default LowcodeComponents;

package/src/aldehyde/lowcode-components/line-bar-chart/index.tsx

@@ -107,6 +107,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<{ name: string, data: any }[]>([]);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -137,6 +138,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -159,8 +161,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -168,11 +170,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -195,6 +197,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const renderChart = () => {
         const { grid, legend, tooltip, color, xAxis, yAxis, smooth, lineStyle, step, isArea, isGradient, areaStyle, barMaxWidth, symbol } = config;
         const option = _.cloneDeep(defOption);

package/src/aldehyde/lowcode-components/line-chart/index.tsx

@@ -101,6 +101,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<{ name: string, data: any }[]>([]);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -131,6 +132,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -153,8 +155,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -162,11 +164,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -189,6 +191,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const renderChart = () => {
         const { grid, legend, tooltip, color, xAxis, yAxis, smooth, lineStyle, step, isArea, isGradient, areaStyle, symbol: { itemStyle, ...symbol } } = config;
         const option = _.cloneDeep(defOption);

package/src/aldehyde/lowcode-components/liquid-chart/index.tsx

@@ -79,6 +79,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<number>(0);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -109,6 +110,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -131,8 +133,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -140,11 +142,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -168,6 +170,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const renderChart = () => {
         const { tooltip, radius, center, shape, amplitude, dataNum, color, backgroundStyle, label } = config;
         const option = _.cloneDeep(defOption);

package/src/aldehyde/lowcode-components/lowcode-view/component/assets.ts

@@ -52,6 +52,7 @@ import BaseButton from "../../base-button";
 import BaseTabs from "../../base-tabs";
 import PlaceholderComponent from "../../placeholder-component";
 import Carousel from "../../carousel";
+import SearchForm from "../../search-form";
 
 interface ComponentItemConfig {
     baseInfo: BaseInfoType, // 基础信息
@@ -451,5 +452,12 @@ export const compsConfig: { [key: string]: ComponentItemConfig } = {
             compName: "轮播图",
             compKey: "Carousel"
         }
+    },
+    SearchForm: {
+        componentNode: SearchForm,
+        baseInfo: {
+            compName: "搜索表单",
+            compKey: "SearchForm"
+        }
     }
 };

package/src/aldehyde/lowcode-components/lowcode-view/component/component-container.tsx

@@ -24,7 +24,7 @@ const ComponentContainer = memo((props: ComponentContainerProps) => {
     const ref = useRef(null);
     const [compController, setCompController] = useState<{ [key: string]: AbstractDesignerController }>({});
     const navigate = useNavigate();
-    const { setControllers } = useContext(ControllerContext);
+    const { setControllers, setSearchParams } = useContext(ControllerContext);
 
     useEffect(() => {
         //通过ref创建组件，并将组件实例存入Map中。后续通过Map匹配到具体实例，调用实例的对象方法进行组件的更新操作
@@ -48,11 +48,11 @@ const ComponentContainer = memo((props: ComponentContainerProps) => {
             //todo 此处逻辑应该使用设计模式优化，而非写死
             registerProxy(layer.id!, Controller);
             setCompController(val => ({ ...val, [layer.id]: Controller }))
-            Controller.create(ref.current!, { ...config, navigate }).then(() => {
+            Controller.create(ref.current!, { ...config, navigate, setSearchParams }).then(() => {
                 //设置组件滤镜效果（todo 考虑是否应该在此处设置？）
                 Controller.updateFilter(Controller.getConfig()?.filter);
                 //存储Controller，用于后续操作(初始化更新数据)
-                setControllers(val => ({ ...val, [layer.id]: Controller }))
+                setControllers(val => ({ ...val, [layer.id]: Controller }));
             });
         }
         return () => {

package/src/aldehyde/lowcode-components/lowcode-view/component/component-controller.ts

@@ -98,6 +98,11 @@ export class ComponentController extends AbstractDesignerController {
             this.instance?.updateConfig(this.config);
             return;
         }
+        if (data?.type === "searchParams") { // 组件数据搜索参数更新
+            this.config.data.searchParams = data?.searchParams;
+            this.instance?.updateConfig(this.config);
+            return;
+        }
         // 默认组件静态数据更新
         this.config.data.staticData = data;
         this.instance?.updateConfig(this.config);

package/src/aldehyde/lowcode-components/lowcode-view/index.tsx

@@ -43,6 +43,7 @@ const LowcodeView = (props: Props) => {
     const [layerManager, setLayerManager] = useState<LayerManagerDataType>();
     const [canvasConfig, setCanvasConfig] = useState<CanvasConfig>();
     const [controllers, setControllers] = useState<any>({});
+    const [searchParams, setSearchParams] = useState<any>({}); // 全局搜索参数，用于组件间通信
     const { width, height, adaptationType, backgroundColor, backgroundImage } = canvasConfig || {};
 
     useEffect(() => {
@@ -130,6 +131,15 @@ const LowcodeView = (props: Props) => {
         }
     }, [ddpageId]);
 
+    // 搜索参数变化时，更新组件数据
+    useEffect(() => {
+        for (const key in searchParams) {
+            if (controllers[key]) {
+                controllers[key].changeData({ type: "searchParams", searchParams: searchParams[key] });
+            }
+        }
+    }, [searchParams])
+
     const canvasDom = () => <div style={{
         width,
         height,
@@ -144,7 +154,7 @@ const LowcodeView = (props: Props) => {
     </div>;
 
     return (
-        <ControllerContext.Provider value={{ setControllers }}>
+        <ControllerContext.Provider value={{ setControllers, setSearchParams }}>
             <div className='lowcodeView' style={{ height: isFullScreen ? "100vh" : "calc(100vh - 121px)", ...screenFitStyleMap[adaptationType || "scale"] }}>
                 {loading || !layerManager ?
                     <Loading />

package/src/aldehyde/lowcode-components/pie-chart/index.tsx

@@ -137,6 +137,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<{ name: string, data: any }[]>([]);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -167,6 +168,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -189,8 +191,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -198,11 +200,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -225,6 +227,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const legendFormatter = ({ name, formatter }) => {
         if (!formatter || formatter === "a") {
             return `{a|${name}}`;

package/src/aldehyde/lowcode-components/progress-chart/index.tsx

@@ -110,6 +110,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     const [size, setSize] = useState<{ width: number, height: number }>();
     const [dataConfig, setDataConfig] = useState<DataConfigProps>({ ...propsData }); // 数据源配置
     const [data, setData] = useState<number>(0);
+    const [searchParams, setSearchParams] = useState<{ [key: string]: any }>();
     const chartRef = useRef<HTMLDivElement>(null);
     const chart = useRef<any>(null);
     const pollingIntervalRef = useRef<number | NodeJS.Timeout>(null);
@@ -140,6 +141,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             setDataConfig(newDataConfig);
             setRenderType(newStyle?.renderer || "svg");
             handleInitData(newDataConfig);
+            setSearchParams(newDataConfig.searchParams);
         },
         destroy: handleDestroy,
     }));
@@ -162,8 +164,8 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     }, [renderType]);
 
     // 请求数据
-    const getData = async () => {
-        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId) || {};
+    const getData = async (params?: object) => {
+        const { data } = await HydrocarbonService.requestChartData(null, dataConfig?.sourceId, params) || {};
         const { config, value } = data || {};
         const temData = handleData(value);
         setData(temData);
@@ -171,11 +173,11 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
     };
 
     // 初始化请求数据
-    const getInitData = async () => {
+    const getInitData = async (params?: object) => {
         pollingIntervalRef.current && clearInterval(pollingIntervalRef.current);
-        const config = await getData();
+        const config = await getData(params);
         if (config?.requestMode === "polling") {
-            pollingIntervalRef.current = setInterval(() => { getData() }, config?.pollingInterval || 60000);
+            pollingIntervalRef.current = setInterval(() => getData(params), config?.pollingInterval || 60000);
         }
     };
 
@@ -199,6 +201,13 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }, [dataConfig?.sourceType, dataConfig?.sourceId]);
 
+    // 搜索参数变化时重新请求数据
+    useEffect(() => {
+        if (searchParams) {
+            getInitData(searchParams);
+        }
+    }, [searchParams]);
+
     const renderChart = () => {
         const { title, max, background, barWidth, label, color } = config;
         const option = _.cloneDeep(defOption);

package/src/aldehyde/lowcode-components/search-form/index.less

@@ -0,0 +1,26 @@
+.search-form-component {
+    width: 100%;
+    height: 100%;
+
+    .search-form-card {
+        background: transparent;
+        border: none;
+    }
+
+    .search-form-empty {
+        color: #9a9a9a;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .search-form-btn {
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+        border: none;
+        cursor: pointer;
+    }
+}