#

luxiaotao1123

2024-04-28 9ae47a72e8f73ad8105799801f7c0fbd72213374

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// import { observer, ThreeStoreContext, ThreeStore } from 'mobx-threejs-store';
// import React, { useContext, useState } from 'react';
// import { Button, Form, Input, Radio, Switch } from 'antd';
 
// const Tools = () => {
//   const mobxStore = useContext(ThreeStoreContext);
//   const [formLayout, setFormLayout] = useState('inline');
//   // console.log('threeStore', ThreeStore.visible);
 
//   const onFormLayoutChange = (values) => {
//     mobxStore.threeStore.setCameraCtrls({ ...mobxStore.threeStore.cameraCtrls, ...values });
//     // ThreeStore.setVisible(!ThreeStore.visible);
//   };
//   return (
//     <>
//       {/* <p>响应{String(ThreeStore.visible)}</p> */}
//       <Form
//         layout={'inline'}
//         className="absolute bottom-0 left-0 translate-x-[-100%] flex-nowrap w-max"
//         initialValues={{ layout: formLayout }}
//         onValuesChange={onFormLayoutChange}
//       >
//         <Form.Item label="自动巡航" name="autoCruise">
//           <Switch />
//         </Form.Item>
//         <Form.Item label="控制器切换" name="choiceCtrls">
//           <Radio.Group>
//             <Radio value="0">按键控制</Radio>
//             <Radio value="1">自由控制</Radio>
//           </Radio.Group>
//         </Form.Item>
//       </Form>
//     </>
//   );
// };
 
// export default observer(Tools);