Merge branch 'perf/ota/06-28' into 'main_dev'

perf: 云端环境中，OTA升级包新增时，产品总共18条，pagesize为10只显示了10条，应该显示所有的产品

See merge request yunteng/thingskit-front!1395

@@ -3,7 +3,12 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { ALG, formSchema, PackageField } from '../config/packageDetail.config';
   import { ref } from 'vue';
-  import { createOtaPackage, uploadOtaPackages, deleteOtaPackage } from '/@/api/ota';
+  import {
+    createOtaPackage,
+    uploadOtaPackages,
+    deleteOtaPackage,
+    getDeviceProfileInfo,
+  } from '/@/api/ota';
   import { CreateOtaPackageParams } from '/@/api/ota/model';
 
   interface FieldsValue extends CreateOtaPackageParams {
@@ -14,6 +19,8 @@
 
   const emit = defineEmits(['register', 'update:list']);
 
+  const defaultDeviceProfile = 'default';
+
   const loading = ref(false);
 
   const [registerModal, { changeLoading, closeModal }] = useModalInner();
@@ -72,6 +79,10 @@
     try {
       await validate();
       const value = getFieldsValue();
+      if (value[PackageField.DEVICE_PROFILE_INFO] === defaultDeviceProfile) {
+        const data = await getDeviceProfileInfo(defaultDeviceProfile);
+        value[PackageField.DEVICE_PROFILE_INFO] = data.id.id;
+      }
       value[PackageField.DEVICE_PROFILE_INFO] = {
         id: value[PackageField.DEVICE_PROFILE_INFO],
         entityType: 'DEVICE_PROFILE',

-import { getDeviceProfileInfo, getDeviceProfileInfos } from '/@/api/ota';
+import { getDeviceProfileInfos } from '/@/api/ota';
 
 import { FormSchema } from '/@/components/Form';
 import { FileItem } from '/@/components/Form/src/components/ApiUpload.vue';
+import { createPickerSearch } from '/@/utils/pickerSearch';
 
 export enum PackageField {
   TITLE = 'title',
@@ -107,39 +108,25 @@ export const formSchema: FormSchema[] = [
   {
     field: PackageField.DEVICE_PROFILE_INFO,
     label: '所属产品',
-    component: 'ApiSearchSelect',
+    component: 'ApiSelectScrollLoad',
     helpMessage: ['上传的包仅适用于具有所选配置文件的设备'],
     rules: [{ required: true, message: '所属产品为必填项' }],
     defaultValue: 'default',
-    componentProps: ({ formModel, formActionType }) => {
+    componentProps: () => {
       return {
         placeholder: '请选择所属产品',
-        showSearch: true,
         labelField: 'name',
         valueField: 'id',
+        pagination: { page: 0, pageSize: 10 },
         api: async (params: Recordable) => {
-          const data = await getDeviceProfileInfos(params);
-          return data.data.map((item) => ({
+          const { totalElements, data } = await getDeviceProfileInfos(params);
+          const dataList = data.map((item) => ({
             ...item,
             id: item.id.id,
           }));
+          return { items: dataList, total: totalElements };
         },
-        params: (textSearch: string) => {
-          return {
-            page: 0,
-            pageSize: 10,
-            textSearch,
-          };
-        },
-        queryApi: async (id = 'default') => {
-          const data = await getDeviceProfileInfo(id);
-
-          if (formModel[PackageField.DEVICE_PROFILE_INFO] === 'default' && id === 'default') {
-            formActionType.setFieldsValue({ [PackageField.DEVICE_PROFILE_INFO]: data.id.id });
-          }
-
-          return { ...data, id: data.id.id };
-        },
+        ...createPickerSearch(),
       };
     },
   },