feat: formSelect兼容appId传入调取接口

 ### 选择表单
 ### 选择表单
 
 
+### 外部传入options
 ```tsx
 ```tsx
 import { request, QxFormSelect } from '@qx/common';
 import { request, QxFormSelect } from '@qx/common';
 import React, { useState } from 'react';
 import React, { useState } from 'react';
@@ -243,4 +244,26 @@ export default () => {
 };
 };
 ```
 ```
 
 
+### 使用外部appId获取options
+
+```tsx
+import { request, QxFormSelect } from '@qx/common';
+import React, { useState } from 'react';
+
+export default () => {
+  const [value, setValue] = useState({});
+  return (
+    <QxFormSelect
+      optionId={'0lZK2gxUlpFD002WWKJ'}
+      value={value}
+      onChange={(datasource) => {
+        console.log(datasource, 'lllllll');
+        setValue(datasource);
+      }}
+      request={request}
+    />
+  );
+};
+```
+
 <API></API>
 <API></API>

@@ -2,19 +2,17 @@ import { BlockOutlined } from '@ant-design/icons';
 import { useSetState } from 'ahooks';
 import { useSetState } from 'ahooks';
 import { Button } from 'antd';
 import { Button } from 'antd';
 import cls from 'classnames';
 import cls from 'classnames';
-import React, { useCallback, useRef } from 'react';
+import React, {useCallback, useEffect, useRef, useState} from 'react';
 import { QxAppSelector } from '../qx-app-selector';
 import { QxAppSelector } from '../qx-app-selector';
 import type { InputSelectProps } from '../qx-input-select';
 import type { InputSelectProps } from '../qx-input-select';
 import { QxInputSelect } from '../qx-input-select';
 import { QxInputSelect } from '../qx-input-select';
 
 
 import './styles.less';
 import './styles.less';
+import {getAppFromList} from "./service";
 
 
 const prefix = 'qx-form-select';
 const prefix = 'qx-form-select';
 
 
-/**
- * 选择数据源
- */
-export const QxFormSelect: React.FC<FormSelectProps> = (props) => {
+const FormSelectMain: React.FC<FormSelectProps>= (props)=> {
   const {
   const {
     className,
     className,
     options = [],
     options = [],
@@ -106,6 +104,33 @@ export const QxFormSelect: React.FC<FormSelectProps> = (props) => {
       ) : null}
       ) : null}
     </div>
     </div>
   );
   );
+}
+
+/**
+ * 选择数据源
+ */
+export const QxFormSelect: React.FC<FormSelectProps> = (props) => {
+  const { options= [] as any , optionId } = props;
+  const [selectOptions, setSelectOptions] = useState([])
+
+  useEffect(() => {
+	  console.log(optionId,'llllloptions')
+    if(optionId && !options?.length) {
+      getAppFromList(optionId).then((res: any)=> {
+        if(res?.length){
+          setSelectOptions(res)
+        } else {
+          setSelectOptions([])
+        }
+      }).catch(()=> {
+        setSelectOptions([])
+      })
+    } else {
+      setSelectOptions(options)
+    }
+  }, []);
+
+  return <FormSelectMain {...props} options={selectOptions}/>
 };
 };
 
 
 interface FormSelectProps extends InputSelectProps {
 interface FormSelectProps extends InputSelectProps {
@@ -115,6 +140,7 @@ interface FormSelectProps extends InputSelectProps {
   request?: any;
   request?: any;
   disabled?: boolean;
   disabled?: boolean;
   popupOnBody?: boolean;
   popupOnBody?: boolean;
+  optionId?: string; // 获取options传入表单的appId
 }
 }
 interface FormSelectState {
 interface FormSelectState {
   visible: boolean;
   visible: boolean;

+import { request } from '@qx/common';
+
+/**
+ * 获取所选项集数据常量
+ */
+export function getAppFromList(appId: string) {
+  return request.get(`/qx-apaas-lowcode/app/${appId}/option`);
+}