refactor(platform): rename type Device to DeviceData

Author: xiejay97

packages/platform/src/app/routes/list/standard-table/DeviceModal.tsx

@@ -1,5 +1,5 @@
 import type { OpenModalFn } from '../../../utils/types';
-import type { Device } from './StandardTable';
+import type { DeviceData } from './StandardTable';
 import type { DSelectItem } from '@react-devui/ui/components/select';
 
 import { isUndefined } from 'lodash';
@@ -13,7 +13,7 @@ export interface AppDeviceModalProps {
   aModelList: DSelectItem<string>[] | undefined;
 }
 
-function DeviceModal(props: AppDeviceModalProps, ref: React.ForwardedRef<OpenModalFn<Device>>): JSX.Element | null {
+function DeviceModal(props: AppDeviceModalProps, ref: React.ForwardedRef<OpenModalFn<DeviceData>>): JSX.Element | null {
   const { aModelList } = props;
 
   const async = useAsync();
@@ -22,7 +22,7 @@ function DeviceModal(props: AppDeviceModalProps, ref: React.ForwardedRef<OpenMod
   const id = `app-form-${uniqueId}`;
 
   const [visible, setVisible] = useState(false);
-  const [device, setDevice] = useState<Device>();
+  const [device, setDevice] = useState<DeviceData>();
   const [form, updateForm] = useForm(
     () =>
       new FormGroup({
@@ -31,7 +31,7 @@ function DeviceModal(props: AppDeviceModalProps, ref: React.ForwardedRef<OpenMod
       })
   );
 
-  const open = useEventCallback<OpenModalFn<Device>>((device) => {
+  const open = useEventCallback<OpenModalFn<DeviceData>>((device) => {
     setVisible(true);
     setDevice(device);
     form.reset(device ? { name: device.name, model: device.model } : undefined);

packages/platform/src/app/routes/list/standard-table/StandardTable.tsx

@@ -15,7 +15,7 @@ import { useAPI, useQueryParams } from '../../../hooks';
 import { AppDeviceModal } from './DeviceModal';
 import styles from './StandardTable.module.scss';
 
-export type Device = DeviceDoc;
+export type DeviceData = DeviceDoc;
 
 interface DeviceQueryParams {
   keyword: string;
@@ -27,7 +27,7 @@ interface DeviceQueryParams {
 }
 
 export default function StandardTable(): JSX.Element | null {
-  const deviceModalRef = useRef<OpenModalFn<Device>>(null);
+  const deviceModalRef = useRef<OpenModalFn<DeviceData>>(null);
 
   const { t } = useTranslation();
   const async = useAsync();
@@ -57,7 +57,7 @@ export default function StandardTable(): JSX.Element | null {
 
   const [deviceTable, setDeviceTable] = useImmer({
     loading: true,
-    list: [] as Device[],
+    list: [] as DeviceData[],
     totalSize: 0,
     selected: new Set<number>(),
   });
@@ -68,7 +68,7 @@ export default function StandardTable(): JSX.Element | null {
 
   const [paramsOfDeleteModal, setParamsOfDeleteModal] = useImmer<{
     visible: boolean;
-    device: Device;
+    device: DeviceData;
   }>();
 
   useMount(() => {
@@ -100,7 +100,7 @@ export default function StandardTable(): JSX.Element | null {
     setDeviceTable((draft) => {
       draft.loading = true;
     });
-    deviceApi.list<Device>(apiQuery).subscribe({
+    deviceApi.list<DeviceData>(apiQuery).subscribe({
       next: (res) => {
         setDeviceQuery((draft) => {
           draft.page = res.metadata.page;

packages/platform/src/app/routes/list/standard-table/detail/Detail.tsx

@@ -1,5 +1,5 @@
 import type { OpenModalFn } from '../../../../utils/types';
-import type { Device } from '../StandardTable';
+import type { DeviceData } from '../StandardTable';
 import type { DSelectItem } from '@react-devui/ui/components/select';
 
 import { isUndefined } from 'lodash';
@@ -17,7 +17,7 @@ import { AppDeviceModal } from '../DeviceModal';
 import styles from './Detail.module.scss';
 
 export default function Detail(): JSX.Element | null {
-  const deviceModalRef = useRef<OpenModalFn<Device>>(null);
+  const deviceModalRef = useRef<OpenModalFn<DeviceData>>(null);
 
   const { t } = useTranslation();
 
@@ -27,7 +27,7 @@ export default function Detail(): JSX.Element | null {
   const { id: _id } = useParams();
   const id = Number(_id!);
 
-  const [device, setDevice] = useState<Device>();
+  const [device, setDevice] = useState<DeviceData>();
 
   const [modelList, setModelList] = useState<DSelectItem<string>[]>();