perf: DEFECT-1710 优化场景联动选择下拉框时,还可以继续滚动界面下拉,下拉列表跟随界面滚动了

fengtao
1 parent 8353a1e2
Showing 1 changed file with 9 additions and 9 deletions
src/views/rule/linkedge/config/config.data.ts
--- a/src/views/rule/linkedge/config/config.data.ts
View file @4c0e8d0
+++ b/src/views/rule/linkedge/config/config.data.ts
View file @4c0e8d0
@@ -229,7 +229,7 @@ export const trigger_condition_schema: FormSchema[] = [
         placeholder: '请选择类型',
         labelField: 'itemText',
         valueField: 'itemValue',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange(e) {
           if (e) {
             setFieldsValue({ deviceProfileId: '' });
@@ -256,7 +256,7 @@ export const trigger_condition_schema: FormSchema[] = [
         placeholder: '请选择产品',
         labelField: 'name',
         valueField: 'id',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange: async (e) => {
           if (e) {
             setFieldsValue({ type2: '', entityId: [] });
@@ -315,7 +315,7 @@ export const trigger_condition_schema: FormSchema[] = [
           return [];
         },
         placeholder: '请选择设备',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         filterOption: (inputValue: string, option: Record<'label' | 'value', string>) => {
           let { label, value } = option;
           label = label.toLowerCase();
@@ -450,7 +450,7 @@ export const actionSchema: FormSchema[] = [
         placeholder: '请选择类型',
         labelField: 'itemText',
         valueField: 'itemValue',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange(e) {
           if (e) {
             setFieldsValue({ deviceProfileId: '' });
@@ -482,7 +482,7 @@ export const actionSchema: FormSchema[] = [
         placeholder: '请选择产品',
         labelField: 'name',
         valueField: 'id',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange: (_value: string, options = {} as DeviceProfileModel) => {
           const oldType = formModel['transportType'];
@@ -556,7 +556,7 @@ export const actionSchema: FormSchema[] = [
           return [];
         },
         placeholder: '请选择设备',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
       };
     },
     ifShow: ({ values }) => isPart(values.device) && isDeviceOut(values.outTarget),
@@ -593,7 +593,7 @@ export const actionSchema: FormSchema[] = [
           dictCode: 'custom_define',
         },
         numberToString: true,
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange: () => {
           setFieldsValue({ doContext: null, thingsModelId: null });
         },
@@ -619,7 +619,7 @@ export const actionSchema: FormSchema[] = [
       },
       labelField: 'itemText',
       valueField: 'itemValue',
-      getPopupContainer: () => document.body,
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
     },
     ifShow: ({ values }) =>
       isDeviceOut(values.outTarget) && isPartOrAll(values.device) && isDefine(values.commandType),
@@ -688,7 +688,7 @@ export const actionSchema: FormSchema[] = [
         },
         labelField: 'functionName',
         valueField: 'id',
-        getPopupContainer: () => document.body,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
         onChange: (_, options: ModelOfMatterParams) => {
           if (options) {
             // setFieldsValue({ doContext: { ...options.functionJson, callType: options.callType } });