perf: 优化组织下拉树选择器

@@ -8,9 +8,10 @@
 
 
   const [registerDrawer, { openDrawer }] = useDrawer();
   const [registerDrawer, { openDrawer }] = useDrawer();
 
 
-  withDefaults(
+  const props = withDefaults(
     defineProps<{
     defineProps<{
-      apiTreeSelect?: Recordable;
+      value?: string | string[];
+      apiTreeSelectProps?: Recordable;
       showCreate?: boolean;
       showCreate?: boolean;
     }>(),
     }>(),
     {
     {
@@ -18,6 +19,8 @@
     }
     }
   );
   );
 
 
+  const emit = defineEmits(['change']);
+
   const handleOpenCreate = () => {
   const handleOpenCreate = () => {
     openDrawer(true, { isUpdate: false });
     openDrawer(true, { isUpdate: false });
   };
   };
@@ -25,12 +28,20 @@
   const timespan = ref(Date.now());
   const timespan = ref(Date.now());
 
 
   const getBindProps = computed(() => {
   const getBindProps = computed(() => {
+    const { value, apiTreeSelectProps = {} } = props;
+    const { params = {} } = apiTreeSelectProps;
     return {
     return {
-      maxLength: 250,
+      replaceFields: { children: 'children', key: 'id', title: 'name', value: 'id' },
+      getPopupContainer: () => document.body,
       placeholder: '请选择所属组织',
       placeholder: '请选择所属组织',
+      maxLength: 250,
+      ...apiTreeSelectProps,
+      value,
       api: getOrganizationList,
       api: getOrganizationList,
-      params: { _t: unref(timespan) },
-      replaceFields: { children: 'children', key: 'id', title: 'name', value: 'id' },
+      params: { ...params, _t: unref(timespan) },
+      onChange: (...args: any[]) => {
+        emit('change', ...args);
+      },
     };
     };
   });
   });