|  |  | 
 |  |  | import React, { useState, useRef, useEffect } from 'react'; | 
 |  |  | import { Drawer, Space, Button, Card, Select, InputNumber, Input, Result, Form } from 'antd'; | 
 |  |  | import { message, Space, Button, Card, Select, InputNumber, Input, Result, Form } from 'antd'; | 
 |  |  | import { | 
 |  |  |     ProForm, | 
 |  |  |     StepsForm, | 
 |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         form.resetFields(); | 
 |  |  |         form.setFieldsValue({ | 
 |  |  |             shelfType: Utils.SHELF_TYPE.STORE | 
 |  |  |             shelfType: null | 
 |  |  |         }) | 
 |  |  |         setCurrentStep(0); | 
 |  |  |     }, [batchSprites]); | 
 |  |  |  | 
 |  |  |     const handleOk = (values) => { | 
 |  |  |         console.log(values); | 
 |  |  |         if (batchSprites?.length > 0) { | 
 |  |  |             // loading | 
 |  |  |             const closeLoading = message.loading(intl.formatMessage({ id: 'common.loading.api.message', defaultMessage: '等待服务器......' })); | 
 |  |  |             batchSprites.forEach(sprite => { | 
 |  |  |                 if (sprite.data?.type === Utils.SENSOR_TYPE.SHELF) { | 
 |  |  |                     if (values.shelfType !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.shelfType)) { | 
 |  |  |                         sprite.data.shelfType = values.shelfType; | 
 |  |  |                         Utils.showSheflType(sprite); | 
 |  |  |                     } | 
 |  |  |                     if (values.top !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.top)) { | 
 |  |  |                         sprite.data.top = values.top; | 
 |  |  |                     } | 
 |  |  |                     if (values.right !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.right)) { | 
 |  |  |                         sprite.data.right = values.right; | 
 |  |  |                     } | 
 |  |  |                     if (values.bottom !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.bottom)) { | 
 |  |  |                         sprite.data.bottom = values.bottom; | 
 |  |  |                     } | 
 |  |  |                     if (values.left !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.left)) { | 
 |  |  |                         sprite.data.left = values.left; | 
 |  |  |                     } | 
 |  |  |                     if (values.value !== null) { | 
 |  |  |                     if (!Utils.isNullOfUndefined(values.value)) { | 
 |  |  |                         sprite.data.value = values.value; | 
 |  |  |                     } | 
 |  |  |                     Utils.showSheflType(sprite); | 
 |  |  |                 } | 
 |  |  |             }); | 
 |  |  |             return false; | 
 |  |  |             closeLoading(); | 
 |  |  |             return true; | 
 |  |  |         } else { | 
 |  |  |             return false; | 
 |  |  |         } | 
 |  |  | 
 |  |  |                                     value: Utils.SHELF_TYPE.TRACK | 
 |  |  |                                 }, | 
 |  |  |                                 { | 
 |  |  |                                     label: intl.formatMessage({ id: 'map.settings.shelf.lift', defaultMessage: '提升机' }), | 
 |  |  |                                     value: Utils.SHELF_TYPE.LIFT | 
 |  |  |                                 }, | 
 |  |  |                                 { | 
 |  |  |                                     label: intl.formatMessage({ id: 'map.settings.shelf.charge', defaultMessage: '充电站' }), | 
 |  |  |                                     value: Utils.SHELF_TYPE.CHARGE | 
 |  |  |                                 }, | 
 |  |  |                                 { | 
 |  |  |                                     label: intl.formatMessage({ id: 'map.settings.shelf.diable', defaultMessage: '禁用' }), | 
 |  |  |                                     value: Utils.SHELF_TYPE.DISABLE | 
 |  |  |                                 }, |