fix: 报表设备支持搜索选择功能

@@ -4,6 +4,7 @@
     v-model:value="selectValue"
     v-model:value="selectValue"
     style="width: 100%"
     style="width: 100%"
     :options="selectOptions"
     :options="selectOptions"
+    v-bind="createPickerSearch()"
     @change="handleDeviceChange"
     @change="handleDeviceChange"
     :disabled="disabled"
     :disabled="disabled"
     mode="multiple"
     mode="multiple"
@@ -23,6 +24,7 @@
   import { Select } from 'ant-design-vue';
   import { Select } from 'ant-design-vue';
   import SelectAttributes from './SelectAttributes.vue';
   import SelectAttributes from './SelectAttributes.vue';
   import { TDeviceList, TSelectOption } from '../type';
   import { TDeviceList, TSelectOption } from '../type';
+  import { createPickerSearch } from '/@/utils/pickerSearch';
 
 
   const props = defineProps({
   const props = defineProps({
     selectOptions: {
     selectOptions: {

@@ -198,6 +198,7 @@
         <component
         <component
           :ref="(event) => setDataSourceFormsEl(item.uuid, event, index)"
           :ref="(event) => setDataSourceFormsEl(item.uuid, event, index)"
           class="flex-1 bg-light-50 dark:bg-dark-400"
           class="flex-1 bg-light-50 dark:bg-dark-400"
+          style="max-width: calc(100% - 216px)"
           :is="getComponent"
           :is="getComponent"
           :component-config="componentConfig"
           :component-config="componentConfig"
           :values="item"
           :values="item"
@@ -235,3 +236,11 @@
     />
     />
   </section>
   </section>
 </template>
 </template>
+
+<style scoped lang="less">
+  :deep(#deviceId) {
+    div {
+      width: 100%;
+    }
+  }
+</style>