refactor: type/注释优化 去除大量any

apps/web-antd/src/views/monitor/cache/components/command-chart.vue

@@ -1,20 +1,18 @@
 <script lang="ts">
-import type { EChartsOption } from 'echarts';
+import type { PropType } from 'vue';
+
+import type { EchartsUIType } from '@vben/plugins/echarts';
 
 import { defineComponent, onActivated, onMounted, ref, watch } from 'vue';
 
-import {
-  EchartsUI,
-  type EchartsUIType,
-  useEcharts,
-} from '@vben/plugins/echarts';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 export default defineComponent({
   components: { EchartsUI },
   props: {
     data: {
       default: () => [],
-      type: Array,
+      type: Array as PropType<{ name: string; value: string }[]>,
     },
   },
   setup(props, { expose }) {
@@ -41,6 +39,7 @@ export default defineComponent({
      */
     onActivated(() => resize(false));
 
+    type EChartsOption = Parameters<typeof renderEcharts>['0'];
     function setEchartsOption(data: any[]) {
       const option: EChartsOption = {
         series: [

apps/web-antd/src/views/monitor/cache/components/memory-chart.vue

@@ -1,13 +1,9 @@
 <script lang="ts">
-import type { EChartsOption } from 'echarts';
+import type { EchartsUIType } from '@vben/plugins/echarts';
 
 import { defineComponent, onActivated, onMounted, ref, watch } from 'vue';
 
-import {
-  EchartsUI,
-  type EchartsUIType,
-  useEcharts,
-} from '@vben/plugins/echarts';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 export default defineComponent({
   components: { EchartsUI },
@@ -38,6 +34,13 @@ export default defineComponent({
     // 从其他页面切换回来会有一个奇怪的动画效果 需要调用resize
     onActivated(resize);
 
+    /**
+     * 获取最近的十的幂次
+     * 该函数用于寻找大于给定数字num的最近的10的幂次
+     * 主要解决的问题是确定一个数附近较大的十的幂次，这在某些算法中很有用
+     *
+     * @param num {number} 输入的数字，用于寻找最近的十的幂次
+     */
     function getNearestPowerOfTen(num: number) {
       let power = 10;
       while (power <= num) {
@@ -46,6 +49,7 @@ export default defineComponent({
       return power;
     }
 
+    type EChartsOption = Parameters<typeof renderEcharts>['0'];
     function setEchartsOption(value: string) {
       // x10
       const formattedValue = Math.floor(Number.parseFloat(value));

apps/web-antd/src/views/monitor/cache/components/redis-description.vue

@@ -1,13 +1,12 @@
 <script setup lang="ts">
+import type { PropType } from 'vue';
+
 import type { RedisInfo } from '#/api/monitor/cache';
+import type { DescItem } from '#/components/description';
 
-import { onMounted, type PropType, watch } from 'vue';
+import { onMounted, watch } from 'vue';
 
-import {
-  type DescItem,
-  Description,
-  useDescription,
-} from '#/components/description';
+import { Description, useDescription } from '#/components/description';
 
 interface IRedisInfo extends RedisInfo {
   dbSize: string;

apps/web-antd/src/views/monitor/cache/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { RedisInfo } from '#/api/monitor/cache';
+
 import { onMounted, reactive, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
@@ -6,13 +8,16 @@ import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
 
 import { Button, Card, Col, Row } from 'ant-design-vue';
 
-import { redisCacheInfo, type RedisInfo } from '#/api/monitor/cache';
+import { redisCacheInfo } from '#/api/monitor/cache';
 
 import { CommandChart, MemoryChart, RedisDescription } from './components';
 
 const baseSpan = { lg: 12, md: 24, sm: 24, xl: 12, xs: 24 };
 
-const chartData = reactive<{ command: any[]; memory: string }>({
+const chartData = reactive<{
+  command: { name: string; value: string }[];
+  memory: string;
+}>({
   command: [],
   memory: '0',
 });
@@ -39,6 +44,7 @@ async function loadInfo() {
     chartData.memory = usedMemory;
     // 命令统计
     chartData.command = ret.commandStats;
+    console.log(chartData.command);
     // redis信息
     redisInfo.value = { ...ret.info, dbSize: String(ret.dbSize) };
   } catch (error) {

apps/web-antd/src/views/monitor/logininfor/data.tsx

@@ -1,11 +1,11 @@
+import type { VNode } from 'vue';
+
+import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
 import type { DescItem } from '#/components/description';
 
-import type { VNode } from 'vue';
-
 import { DictEnum } from '@vben/constants';
 
-import { type FormSchemaGetter } from '#/adapter/form';
 import { getDictOptions } from '#/utils/dict';
 import { renderBrowserIcon, renderDict, renderOsIcon } from '#/utils/render';
 
@@ -68,7 +68,9 @@ export const columns: VxeGridProps['columns'] = [
     field: 'os',
     slots: {
       default: ({ row }) => {
-        // Windows 10 or Windows Server 2016 太长了 分割一下 详情依旧能看到详细的
+        /**
+         *  Windows 10 or Windows Server 2016 太长了 分割一下 详情依旧能看到详细的
+         */
         let value = row.os;
         if (value) {
           const split = value.split(' or ');

apps/web-antd/src/views/monitor/logininfor/index.vue

@@ -1,19 +1,17 @@
 <script setup lang="ts">
-import type { Recordable } from '@vben/types';
+import type { VbenFormProps } from '@vben/common-ui';
+
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { LoginLog } from '#/api/monitor/logininfo/model';
 
 import { ref } from 'vue';
 
-import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
+import { Page, useVbenModal } from '@vben/common-ui';
 import { getVxePopupContainer } from '@vben/utils';
 
 import { Modal, Popconfirm, Space } from 'ant-design-vue';
 
-import {
-  useVbenVxeGrid,
-  vxeCheckboxChecked,
-  type VxeGridDefines,
-  type VxeGridProps,
-} from '#/adapter/vxe-table';
+import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
   loginInfoClean,
   loginInfoExport,
@@ -82,9 +80,9 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
   formOptions,
   gridOptions,
   gridEvents: {
-    checkboxChange: (e: VxeGridDefines.CheckboxChangeEventParams) => {
+    checkboxChange: (e) => {
       const records = e.$grid.getCheckboxRecords();
-      canUnlock.value = records.length === 1 && records[0]?.status === '1';
+      canUnlock.value = records.length === 1 && records[0]!.status === '1';
     },
   },
 });
@@ -93,7 +91,7 @@ const [LoginInfoModal, modalApi] = useVbenModal({
   connectedComponent: loginInfoModal,
 });
 
-function handlePreview(record: Recordable<any>) {
+function handlePreview(record: LoginLog) {
   modalApi.setData(record);
   modalApi.open();
 }
@@ -107,14 +105,14 @@ function handleClear() {
   });
 }
 
-async function handleDelete(row: Recordable<any>) {
-  await loginInfoRemove(row.infoId);
+async function handleDelete(row: LoginLog) {
+  await loginInfoRemove([row.infoId]);
   await tableApi.query();
 }
 
 function handleMultiDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
-  const ids = rows.map((row: any) => row.infoId);
+  const ids = rows.map((row: LoginLog) => row.infoId);
   Modal.confirm({
     title: '提示',
     okType: 'danger',

apps/web-antd/src/views/monitor/online/data.ts

@@ -1,10 +1,10 @@
-import type { VxeGridProps } from '#/adapter/vxe-table';
-
 import type { VNode } from 'vue';
 
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
 import dayjs from 'dayjs';
 
-import { type FormSchemaGetter } from '#/adapter/form';
 import { renderBrowserIcon, renderOsIcon } from '#/utils/render';
 
 export const querySchema: FormSchemaGetter = () => [

apps/web-antd/src/views/monitor/online/index.vue

@@ -1,12 +1,15 @@
 <script setup lang="ts">
-import type { Recordable } from '@vben/types';
+import type { VbenFormProps } from '@vben/common-ui';
 
-import { Page, type VbenFormProps } from '@vben/common-ui';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { OnlineUser } from '#/api/monitor/online/model';
+
+import { Page } from '@vben/common-ui';
 import { getVxePopupContainer } from '@vben/utils';
 
 import { Popconfirm } from 'ant-design-vue';
 
-import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { forceLogout, onlineList } from '#/api/monitor/online';
 
 import { columns, querySchema } from './data';
@@ -51,7 +54,7 @@ const gridOptions: VxeGridProps = {
 
 const [BasicTable, tableApi] = useVbenVxeGrid({ formOptions, gridOptions });
 
-async function handleForceOffline(row: Recordable<any>) {
+async function handleForceOffline(row: OnlineUser) {
   await forceLogout(row.tokenId);
   await tableApi.query();
 }

apps/web-antd/src/views/monitor/operlog/data.tsx

@@ -1,3 +1,4 @@
+import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
 import type { DescItem } from '#/components/description';
 
@@ -5,7 +6,6 @@ import { DictEnum } from '@vben/constants';
 
 import { Tag } from 'ant-design-vue';
 
-import { type FormSchemaGetter } from '#/adapter/form';
 import { getDictOptions } from '#/utils/dict';
 import {
   renderDict,

apps/web-antd/src/views/monitor/operlog/index.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import type { Recordable } from '@vben/types';
+import type { VbenFormProps } from '@vben/common-ui';
 
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { PageQuery } from '#/api/common';
 import type { OperationLog } from '#/api/monitor/operlog/model';
 
-import { Page, useVbenDrawer, type VbenFormProps } from '@vben/common-ui';
+import { Page, useVbenDrawer } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
 import { Modal, Space } from 'ant-design-vue';
@@ -12,7 +14,6 @@ import {
   addSortParams,
   useVbenVxeGrid,
   vxeCheckboxChecked,
-  type VxeGridProps,
 } from '#/adapter/vxe-table';
 import {
   operLogClean,
@@ -61,7 +62,7 @@ const gridOptions: VxeGridProps<OperationLog> = {
   proxyConfig: {
     ajax: {
       query: async ({ page, sorts }, formValues = {}) => {
-        const params: any = {
+        const params: PageQuery = {
           pageNum: page.currentPage,
           pageSize: page.pageSize,
           ...formValues,
@@ -102,7 +103,7 @@ const [OperationPreviewDrawer, drawerApi] = useVbenDrawer({
  * 预览
  * @param record 操作日志记录
  */
-function handlePreview(record: Recordable<any>) {
+function handlePreview(record: OperationLog) {
   drawerApi.setData({ record });
   drawerApi.open();
 }
@@ -123,7 +124,7 @@ function handleClear() {
  */
 async function handleDelete() {
   const rows = tableApi.grid.getCheckboxRecords();
-  const ids = rows.map((row: any) => row.operId);
+  const ids = rows.map((row: OperationLog) => row.operId);
   Modal.confirm({
     title: '提示',
     okType: 'danger',

apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Recordable } from '@vben/types';
+import type { OperationLog } from '#/api/monitor/operlog/model';
 
 import { useVbenDrawer } from '@vben/common-ui';
 
@@ -20,7 +20,7 @@ function handleOpenChange(open: boolean) {
   if (!open) {
     return null;
   }
-  const { record } = drawerApi.getData() as { record: Recordable<any> };
+  const { record } = drawerApi.getData() as { record: OperationLog };
   setDescProps({ data: record }, true);
 }
 </script>