lu-lowcode-package-form 0.10.5 → 0.10.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.10.5",
+  "version": "0.10.6",
   "dependencies": {
     "@ant-design/icons": "^4.8.1",
     "@dnd-kit/core": "^6.1.0",

package/src/App.jsx

@@ -547,8 +547,13 @@ function App() {
 
                 ]
               }} />
-            <Field.SingleSelect mode="single" label="测试单选" __id="select1" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.SingleSelect>
+            
+            <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) => {
+              console.log("MultipleSelect params", 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={"嘟嘟嘟嘟嘟"} />

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

@@ -18,6 +18,9 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
                console.log("new value /////",item)
                typeof onChange === 'function' && onChange(item)
             }
+            
+            // 没有找到与value相等的选项，说明该项数据可能尚未加载，此时需要重新加载数据 
+            if (!item) loadSelectOptions()
         }
     },[value])
     useEffect(() => {
@@ -32,6 +35,19 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
     //         onChange(undefined)
     //     }
     // },[fieldsValue])
+
+    const loadSelectOptions = async () => {
+        if (request && option_search){
+            const selectOptions = await fetchOptions({...requestParams, [option_search]:  value?.label})
+            if (selectOptions && selectOptions.length > 0) {
+                let item = selectOptions.find(item => item.value == value?.value || item.value == value)
+                if (item && !isEqual(item, value)){
+                    console.log("new value /////",item)
+                    typeof onChange === 'function' && onChange(item)
+                 }
+            }
+        }
+    }
     const initData = async (params) => {
         let item = null
         const ruleParams = {}