lu-lowcode-package-form 0.11.41 → 0.11.43

package/src/App.jsx

@@ -368,7 +368,7 @@ function App() {
 
               ]} label="子表填充数据源" __id="fill_datasource1" />
             <Layout.FormRow layout={'1'}>
-              <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={false} >
+              <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={true} >
 
                 <Field.WithSingleSelect
                   ref={testRef}
@@ -400,6 +400,7 @@ function App() {
                 <Field.WithSingleSelect
                   ref={testRef}
                   request={async (params) => {
+                    console.log("测试填充2 reqeust",params)
                     if (!params?.value) return { code: 0, data: { list: [{ label: '选项1', value: '1', }] } }
                     await new Promise(resolve => setTimeout(resolve, 200))
                     return { code: 0, data: { list: [{ label: '选项1', value: '1', }, { label: '选项2', value: '2', fill_tcinput1: "8989", fill_tcinput2: "2222" }, { label: '选项3', value: '3' }] } }
@@ -459,476 +460,7 @@ function App() {
 
               </Field.Table>
             </Layout.FormRow>
-            <Field.MultipleSelect mode="multiple" option_label={"label"} option_value={"value"} label="测试过滤条件" __id="selecta1" request={async (params) => {
-              return { code: 0, data: { list: [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }] } }
-            }}></Field.MultipleSelect>
-            <Layout.FormRow layout={'1'}>
-
-              <Show.WithTable label="测试关联子表" __id="withtable1"
-                filterRules={[
-                  {
-                    "value": {
-                      "parent": "",
-                      "field_key": "aa2",
-                      "group_key": "fieldsValue",
-                      "field_name": "当前表单.测试"
-                    },
-                    "valueType": "variable",
-                    "column": {
-                      "label": "库存表.所在仓库",
-                      "value": "node_ocm009lpxt2",
-                      "column_name": "node_ocm009lpxt2",
-                      "column_type": ""
-                    }
-                  }
-                ]} />
-            </Layout.FormRow>
-            <Field.Number label="测试" __id="aa2" isRequired={true} />
-            <Field.Number label="测试" __id="aa3" value={123} readonly={readonly} />
-            <Field.Number label="测试" __id="aa1" calcHidden={true} readonly={readonly} />
-            <Field.Number label="测试" __id="aa4" readonly={readonly} />
-            <Field.UserSelect label="选择用户" __id="userselect" defaultValue={[{ id: 1, username: "十天" }]} readonly={readonly} />
-            <Layout.FormGroupTitle title={"基本信息"} />
-            <Field.WithSingleSelect
-              rightIconRender={({ form, fieldName }) => {
-                // console.log("rightIconRender form", form,)
-                // console.log("rightIconRender fieldName", fieldName)
-                return <><PrinterOutlined /></>
-              }}
-              ref={testRef} fillRules={[
-                {
-                  "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
-                  "type": 0,
-                  "source": "shuilv",
-                  "target": "shuilv",
-                  "subRules": [
-                  ]
-                },
-
-              ]} label="发票类型" options={[{ label: '选项1', value: '1', shuilv: 15, }, { label: '选项2', value: '2', shuilv: 50 }, { label: '选项3', value: '3', shuilv: 2 }]} __id="fapiaoleixing" />
-
-            <Field.Number label="税率（%）" __id="shuilv" />
-
-            <Field.WithSingleSelect ref={testRef} fillRules={[
-              {
-                "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
-                "type": 0,
-                "source": "name",
-                "target": "name",
-                "subRules": [
-
-                ]
-              },
-              {
-                "id": "93401e38-60a4-4acf-84a6-8958785a4a30",
-                "type": 1,
-                "source": "table",
-                "target": "table",
-                "subRules": [
-                  {
-                    "id": "c4a65ae5-58ff-4d7f-8738-a04de1acab61",
-                    "type": 0,
-                    "source": "price",
-                    "target": "product_price1"
-                  },
-
-                  {
-                    "id": "c4a65ae5-58ff-4d7f-8738-a04de1acab61",
-                    "type": 0,
-                    "source": "num",
-                    "target": "product_num1"
-                  },
-                ]
-              }
-            ]} label="测试关联单选" options={[{ label: '选项1', value: '1', name: "1111", table: "[{\"price\":1,\"num\":2},{\"price\":2,\"num\":2},{\"price\":3,\"num\":3},{\"price\":3,\"num\":3}]" }, { label: '选项2', value: '2' }]} __id="remark11" />
-            <Layout.FormRow layout={'1'}>
-              <Field.Number label="测试规则" __id="ceshi_rule1" />
-            </Layout.FormRow>
-            <Layout.FormRow layout={'1'}>
-              <Field.Table label="子表格" __id="table2" isAllowCopy={true}  >
-                <Field.Number label="测试规则2" __id="ceshi_rule2" />
-              </Field.Table>
-            </Layout.FormRow>
-
-            <Field.WithSingleSelect
-              ref={testRef}
-              request={async (params) => {
-                console.log("request params", params);
-                const { page = 1, pageSize = 10 } = params; // 获取当前页码，默认为1
-
-
-                // 模拟数据集
-                const allData = [
-                  { label: '选项1', value: '1' },
-                  { label: '选项2', value: '2' },
-                  { label: '选项3', value: '3' },
-                  { label: '选项4', value: '4' },
-                  { label: '选项5', value: '5' },
-                  { label: '选项6', value: '6' },
-                  { label: '选项7', value: '7' },
-                  { label: '选项8', value: '8' },
-                  { label: '选项9', value: '9' },
-                  { label: '选项10', value: '10' },
-                  { label: '选项11', value: '11' },
-                  { label: '选项12', value: '12' },
-                  { label: '选项13', value: '13' },
-                  { label: '选项14', value: '14' },
-                  { label: '选项15', value: '15' },
-                  { label: '选项16', value: '16' },
-                  { label: '选项17', value: '17' },
-                  { label: '选项18', value: '18' },
-                  { label: '选项19', value: '19' },
-                  { label: '选项20', value: '20' },
-                  { label: '选项21', value: '21' },
-                  { label: '选项22', value: '22' },
-                  { label: '选项23', value: '23' },
-                  { label: '选项24', value: '24' }
-                ];
-
-                // 根据页码和每页数据量计算当前页的数据
-                const startIndex = (page - 1) * pageSize;
-                const endIndex = startIndex + pageSize;
-                let pageData = []
-                if (startIndex < allData.length) {
-                  pageData = allData.slice(startIndex, endIndex);
-                }
-
-                let result = { code: 0, data: { list: pageData } };
-                console.log("request result", result)
-                await new Promise(resolve => setTimeout(resolve, 200))
-                return result
-              }}
-              option_label="label"
-              option_value="value"
-              label="测试请求" __id="ceshirequest" />
-
-            <Layout.FormRow layout={'1'}>
-              <Field.Table label="子表格" __id="table" isAllowAdd={true} isAllowCopy={false} >
-
-                <Field.Number label="税率（%）" __id="shuilv_table" withIds={[
-                  "shuilv"
-                ]}
-                  withFill={{
-                    "value": [
-                      {
-                        "insert": {
-                          "span": true
-                        },
-                        "attributes": {
-                          "id": "shuilv",
-                          "color": "blue",
-                          "tagKey": "fieldsValue",
-                          "content": "当前表单.税率（%）"
-                        }
-                      },
-
-                    ],
-                    "version": 1723016911807,
-                    "withData": [
-
-                    ]
-                  }} />
-                <Field.DatePicker defaultNow={true} label="日期时间" prompt="" datetype="date" __id="datetime2" />
-
-                <Field.WithSingleSelect ref={testRef}
-                  request={async (params, ruleParams, fieldName) => {
-                    console.log("request params", params, ruleParams, fieldName)
-                    if (params?.ruleParams?.node_ocm009lpxt2 == 111)
-                      return { code: 0, data: { list: [{ label: '选项1', value: '1', product_price11: "1111", product_price12: "2222", product_price1: 111 }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' }] } }
-                    else return { code: 0, data: { list: [{ label: '选项1', value: '1', product_price11: "1111", product_price12: "2222", product_price1: 111 }, { label: '选项2', value: '2' },] } }
-                  }}
-                  option_label="label"
-                  option_value="value"
-                  filterRules={[
-                    {
-                      "value": {
-                        "parent": "",
-                        "field_key": "shuilv",
-                        "group_key": "fieldsValue",
-                        "field_name": "当前表单.税率"
-                      },
-                      "valueType": "variable",
-                      "column": {
-                        "label": "库存表.所在仓库",
-                        "value": "node_ocm009lpxt2",
-                        "column_name": "node_ocm009lpxt2",
-                        "column_type": ""
-                      }
-                    }
-                  ]}
-
-                  fillRules={[
-                    {
-                      "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
-                      "type": 0,
-                      "source": "product_price11",
-                      "target": "product_price11",
-                      "subRules": [
-
-                      ]
-                    },
-                    {
-                      "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
-                      "type": 0,
-                      "source": "product_price1",
-                      "target": "product_price1",
-                      "subRules": [
-
-                      ]
-                    },
-
-                  ]} label="测试关联单选" __id="remark11" />
-
-                <Field.Switch label="开关" __id="switch_table"></Field.Switch>
-                <Field.Input defaultValue={3} label="含税单价" __id="product_price11" />
-                <Field.Input label="未税单价" __id="product_price12"
-                  withIds={[
-                    "table.product_price11",
-                    "shuilv"
-                  ]}
-                  withFill={{
-                    "value": [
-                      {
-                        "insert": "("
-                      },
-                      {
-                        "insert": {
-                          "span": true
-                        },
-                        "attributes": {
-                          "id": "table.product_price11",
-                          "color": "blue",
-                          "tagKey": "fieldsValue",
-                          "content": "当前表单.产品列表.含税单价"
-                        }
-                      },
-                      {
-                        "insert": "/(1+"
-                      },
-                      {
-                        "insert": {
-                          "span": true
-                        },
-                        "attributes": {
-                          "id": "shuilv",
-                          "color": "blue",
-                          "tagKey": "fieldsValue",
-                          "content": "当前表单.税率（%）"
-                        }
-                      },
-                      {
-                        "insert": "/ 100)).toFixed(2)\n\n\n"
-                      }
-                    ],
-                    "version": 1723016911807,
-                    "withData": [
-
-                    ]
-                  }}
-                />
-                <Field.Input defaultValue={1} label="商品价格" __id="product_price13" />
-                <Field.Input defaultValue={2} label="商品价格" __id="product_price14" />
-                <Field.Input label="商品价格" __id="product_price1" />
-                <Field.Input label="商品个数" __id="product_num1" />
-                <Field.Input disabled={true} label="商品总价" __id="product_sum1"
-                  withIds={["table.product_price1", "table.product_num1"]}
-                  withFill={{
-                    "value": [
-                      {
-                        "insert": {
-                          "span": true
-                        },
-                        "attributes": {
-                          "id": "table.product_price1",
-                          "color": "blue",
-                          "tagKey": "fieldsValue",
-                          "content": "当前表单.商品价格"
-                        }
-                      },
-                      {
-                        "insert": "*"
-                      },
-                      {
-                        "insert": {
-                          "span": true
-                        },
-                        "attributes": {
-                          "id": "table.product_num1",
-                          "color": "blue",
-                          "tagKey": "fieldsValue",
-                          "content": "当前表单.商品个数"
-                        }
-                      },
-                      {
-                        "insert": "\n\n"
-                      }
-                    ],
-                    "version": 1719296886283,
-                    "withData": [
-
-                    ]
-                  }} />
-                <Field.Input label="分组名" __id="node_oclxmzswzti" />
-                <Field.MultipleSelect mode="multiple" label="测多选" __id="select2" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.MultipleSelect>
-
-              </Field.Table>
-            </Layout.FormRow>
-            <Field.Input label="总价" disabled={true} __id="product_total_price" withIds={[
-              "table.product_sum1"
-            ]}
-              withFill={{
-                "value": [
-                  {
-                    "insert": {
-                      "span": true
-                    },
-                    "attributes": {
-                      "id": "table.product_sum1",
-                      "color": "blue",
-                      "tagKey": "fieldsValue",
-                      "content": "当前表单.标签.小计"
-                    }
-                  },
-                  {
-                    "insert": ".reduce((acc, curr) => parseFloat(acc||0) + parseFloat(curr||0), 0).toFixed(2)"
-                  },
-                  {
-                    "insert": "\n"
-                  }
-                ],
-                "version": 1719383786677,
-                "withData": [
-
-                ]
-              }}
-            />
-            <Field.UserSelect label="选择用户" __id="userselect" customComponent={Input} />
-            <Field.DeptSelect label="DeptSelect" __id="DeptSelect" treeData={[{
-              value: 'parent 1-1',
-              title: 'parent 1-1',
-              children: [
-                {
-                  value: 'leaf11',
-                  title: <b style={{ color: '#08c' }}>leaf11</b>,
-                },
-              ],
-            },]}></Field.DeptSelect>
-            <Field.PostSelect multiple={true} label="PostSelect" __id="PostSelect" treeData={[{
-              value: 'parent 1-1',
-              title: 'parent 1-1',
-              children: [
-                {
-                  value: 'leaf11',
-                  title: <b style={{ color: '#08c' }}>leaf11</b>,
-                },
-              ],
-            },]}></Field.PostSelect>
-            <Field.SearchSelect mode='multiple' label="搜组件" __id="searchuser" request={searchSelectRequest} option_search={"name"} option_label="name" option_value="id"></Field.SearchSelect>
-            <Field.Input label="商品价格" __id="product_price" defaultValue={"12"} readonly={true} />
-            <Field.Input label="商品数量" __id="product_num" rules={"^(1[3-9]\\d{9})$"} />
-            <Field.NumberRange label="数量范围" __id="product_num_range" />
-            <Field.Input rules={["^(1[3-9]\\d{9})$", "^\\d+$"]} label="商品总价" __id="product_sum"
-              withIds={["product_price", "product_num"]}
-              withFill={{
-                "value": [
-                  {
-                    "insert": {
-                      "span": true
-                    },
-                    "attributes": {
-                      "id": "product_price",
-                      "color": "blue",
-                      "tagKey": "fieldsValue",
-                      "content": "当前表单.商品价格"
-                    }
-                  },
-                  {
-                    "insert": "* "
-                  },
-                  {
-                    "insert": {
-                      "span": true
-                    },
-                    "attributes": {
-                      "id": "product_num",
-                      "color": "blue",
-                      "tagKey": "fieldsValue",
-                      "content": "当前表单.商品个数"
-                    }
-                  },
-                  {
-                    "insert": "\n\n"
-                  }
-                ],
-                "version": 1719296886283,
-                "withData": [
-
-                ]
-              }} />
-
-            <Field.SingleSelect mode="single" option_value={"id"} label="测试单选" __id="select1" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.SingleSelect>
-            <Field.MultipleSelect mode="multiple" label="测多选" __id="select2" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.MultipleSelect>
-            <Field.MultipleSelect mode="multiple" option_label={"label"} option_value={"value"} label="测多选2" __id="select2222" request={async (params) => {
-              return { code: 0, data: { list: [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }] } }
-            }}></Field.MultipleSelect>
-            <Field.TreeSelect label="分组名" __id="title11"></Field.TreeSelect>
-            <Field.Switch label="开关" __id="switch"></Field.Switch>
-            <Layout.FormGroupTitle title={"嘟嘟嘟嘟嘟"} />
-            <Field.CodeMachine label="角色编号" prompt="" __id="code"
-              withIds={["switch"]}
-              withVisibleFunc={(fieldsValue) => {
-                return fieldsValue?.switch ? true : false
-              }}
-            />
-
-            <div className=' fh-10 fw-full fbg-green-300' __id="div1111"
-              _componentName="Field.div"
-              withIds={["switch"]}
-              withVisibleFunc={(fieldsValue) => {
-                return fieldsValue?.switch ? true : false
-              }}>1111</div>
-            <Field.DatePicker defaultNow={true} label="datetime" prompt="" datetype="month" value='2022-10-22' __id="datetime" />
-            <Field.DatePicker label="datetime2" prompt="" datetype="date" __id="datetime2" />
-            <Field.DatePicker readonly={true} defaultNow={true} label="datetime3" prompt="" datetype="datetime" value={'2022-10-22'} __id="datetime3" />
-            <Field.DatePicker defaultNow={true} label="datetime4" prompt="" datetype="year" value={'2022-10-22'} __id="datetime4" />
-            <Field.Input label="角色名称" __id="name" />
-            <Layout.FormRow layout={'1,1'}>
-              <Field.Input label="角色名称布局" __id="name1" />
-              <Field.Input label="角色名称布局2" __id="name2" />
-            </Layout.FormRow>
-            <Field.CheckboxTree label="角色权限" __id="permissions" addRoot={false} treeData={treeData} />
-            <Layout.FormGroupTitle title={"关联信息"} />
-            <Field.WithMultipleSelect disabled={true} label="测试关联多选" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} __id="remark12" />
-            <Layout.FormRow > <Field.TextArea label="备注" __id="remark" /></Layout.FormRow>
-
-            <Layout.FormRow layout={'1'}>
-              <Field.RadioGroup withIds={["remark11"]}
-                withFill={{
-                  "value": [
-                    {
-                      "insert": {
-                        "span": true
-                      },
-                      "attributes": {
-                        "id": "remark11",
-                        "color": "blue",
-                        "tagKey": "fieldsValue",
-                        "content": "测试关联单选"
-                      }
-                    },
-                  ],
-                  "version": 1719296886283,
-                  "withData": [
-
-                  ]
-                }} options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="单选框" __id="radio" ></Field.RadioGroup>
-            </Layout.FormRow>
-            <Layout.FormRow layout={'1'}>
-              <Field.CheckboxGroup options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="多选框" __id="CheckboxGroup" ></Field.CheckboxGroup>
-            </Layout.FormRow>
-            <Field.UploadFile label="上传文件" __id="UploadFile" ></Field.UploadFile>
-            <Field.UploadImage label="上传图片" __id="UploadImage" ></Field.UploadImage>
-
+         
           </FormContainerWrapper>
           <div className="fgroup">11111
             <div className="fbg-red-500 group-hover:fbg-blue-500">

package/src/components/field/select/search-select.jsx

@@ -6,7 +6,7 @@ import { createPromiseWrapper } from "../../../utils"
 import { useCreation } from 'ahooks';
 
 
-const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsValue, shouldUpdateKey, value, type, defaultValue, onChange, option_label, option_value, option_search, options, request, requestParams, callError, subRequest, sub_option_label = "label", mode = "single", sub_option_value = "id", rightIconRender, rightIcon, rightIconClick, recordFieldsChange, getAllWithIds,removeLastFieldsValues, ...props }, ref) => {
+const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsValue, shouldUpdateKey, value, type, defaultValue, onChange, option_label, option_value, option_search, options, request, requestParams, callError, subRequest, sub_option_label = "label", mode = "single", sub_option_value = "id", rightIconRender, rightIcon, rightIconClick, recordFieldsChange, getAllWithIds, removeLastFieldsValues, ...props }, ref) => {
     const [nOptions, setNOptions] = React.useState([])
     const [fetching, setFetching] = useState(false);
 
@@ -18,11 +18,13 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
         return createPromiseWrapper();
     }, []);
     const callbackQueue = useRef([]);
+    const debounceFetchOptionsRef = useRef(null);
+
 
     useEffect(() => {
         // console.log("SearchSelect useEffect props", props)
-        if (value) {
-            // console.log(`SearchSelect ${fieldName} value`, value)
+        if (value && value?.value) {
+            console.log(`SearchSelect ${fieldName} value`, value)
             let item = null
             if (Array.isArray(nOptions) && nOptions.length > 0) {
                 item = nOptions.find(item => item.value == value?.value || item.value == value)
@@ -70,17 +72,29 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
     const loadSelectOptions = async (loadValue) => {
         if (request && option_value) {
             // console.log(`[${props?.label}]loadSelectOptions loadValue`, loadValue);
-            // console.log(`[${props?.label}]loadSelectOptions loadValue2`, loadValue);
-            callbackQueue.current.push((selectOptions) => {
+            console.log(`[${props?.label}]loadSelectOptions loadValue2`, loadValue);
+            // callbackQueue.current.push((selectOptions) => {
+            //     if (selectOptions && selectOptions.length > 0) {
+            //         console.log("callback selectOptions", selectOptions)
+            //         console.log("callback loadValue", loadValue)
+            //         let item = selectOptions.find(item => item.value == loadValue?.value || item.value == loadValue);
+            //         if (item && !isEqual(item, loadValue)) {
+            //             console.log(`[${props?.label}]debounceFetchOptions new value /////`, item);
+            //             typeof onChange === 'function' && onChange(item);
+            //         }
+            //     }
+            // });
+            debounceFetchOptions({ ...requestParams, [option_value]: loadValue?.value }, null, (selectOptions) => {
                 if (selectOptions && selectOptions.length > 0) {
+                    console.log("callback selectOptions", selectOptions)
+                    console.log("callback loadValue", loadValue)
                     let item = selectOptions.find(item => item.value == loadValue?.value || item.value == loadValue);
                     if (item && !isEqual(item, loadValue)) {
-                        // console.log(`[${props?.label}]debounceFetchOptions new value /////`, item);
+                        console.log(`[${props?.label}]debounceFetchOptions new value /////`, item);
                         typeof onChange === 'function' && onChange(item);
                     }
                 }
             });
-            debounceFetchOptions({ ...requestParams, [option_value]: loadValue?.value });
         }
     };
 
@@ -105,17 +119,41 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
         await debounceFetchOptions(params)
     }
 
-    const debounceFetchOptions = useCallback(debounce((params, ruleParams) => {
-        fetchOptions(params, ruleParams, fieldName).then(result => {
-            // console.log(`[${props?.label}]debounceFetchOptions result`, result);
-            while (callbackQueue.current.length > 0) {
-                const callback = callbackQueue.current.shift();
-                if (typeof callback === 'function') {
-                    callback(result);
-                }
-            }
-        });
-    }, 200), [fieldName]);
+    const debounceFetchOptions = (params, ruleParams, callback) => {
+        if (typeof callback == "function") callbackQueue.current.push(callback);
+        if (debounceFetchOptionsRef.current) clearTimeout(debounceFetchOptionsRef.current);
+        debounceFetchOptionsRef.current = setTimeout(() => {
+            const callbacks = callbackQueue.current;
+            console.log(`[${props?.label}]debounceFetchOptions callbackQueue`, JSON.parse(JSON.stringify(callbacks)));
+            callbackQueue.current = [];
+            fetchOptions(params, ruleParams, fieldName).then(result => {
+                console.log(`[${props?.label}]debounceFetchOptions result`, result);
+                while (callbacks.length > 0) {
+                    const callback = callbacks.shift();
+                    if (typeof callback === 'function') {
+                        callback(result);
+                    }
+                }   
+            });
+        }, 200);
+    }
+
+    // const debounceFetchOptions = useCallback(debounce((params, ruleParams) => {
+    //     console.log(`[${props?.label}]debounceFetchOptions params`, params);
+    //     // 取出callbackQueue.current中的callback
+    //     const callbacks = callbackQueue.current;
+    //     console.log(`[${props?.label}]debounceFetchOptions callbackQueue`, JSON.parse(JSON.stringify(callbacks)));
+    //     callbackQueue.current = [];
+    //     fetchOptions(params, ruleParams, fieldName).then(result => {
+    //         console.log(`[${props?.label}]debounceFetchOptions result`, result);
+    //         while (callbacks.length > 0) {
+    //             const callback = callbacks.shift();
+    //             if (typeof callback === 'function') {
+    //                 callback(result);
+    //             }
+    //         }
+    //     });
+    // }, 200), [fieldName]);
 
     const fetchList = async (params, ruleParams, newFieldName) => {
         let list = []
@@ -226,7 +264,7 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
 
             </OriginalSelect>
             {!props?.disabled && rightIcon}
-            {!props?.disabled && typeof rightIconRender === 'function' && rightIconRender({ value, onChange, form, fieldName, recordFieldsChange,getAllWithIds ,removeLastFieldsValues})}
+            {!props?.disabled && typeof rightIconRender === 'function' && rightIconRender({ value, onChange, form, fieldName, recordFieldsChange, getAllWithIds, removeLastFieldsValues })}
         </BaseWrapper>
     ) : (<>
         <OriginalSelect
@@ -245,7 +283,7 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
 
         </OriginalSelect>
         {!props?.disabled && rightIcon}
-        {!props?.disabled && typeof rightIconRender === 'function' && rightIconRender({ value, onChange, form, fieldName, recordFieldsChange,getAllWithIds,removeLastFieldsValues })}
+        {!props?.disabled && typeof rightIconRender === 'function' && rightIconRender({ value, onChange, form, fieldName, recordFieldsChange, getAllWithIds, removeLastFieldsValues })}
     </>
     )