type(site): fix site TypeScript definition error (ant-design#57667)

Author: li-jia-nan

.dumi/theme/builtins/ComponentTokenTable/index.tsx

@@ -3,12 +3,11 @@ import { LinkOutlined, QuestionCircleOutlined, RightOutlined } from '@ant-design
 import { ConfigProvider, Flex, Popover, Table, Typography } from 'antd';
 import { createStyles, css, useTheme } from 'antd-style';
 import { getDesignToken } from 'antd-token-previewer';
-import tokenMeta from 'antd/es/version/token-meta.json';
-import tokenData from 'antd/es/version/token.json';
 
 import useLocale from '../../../hooks/useLocale';
-import { useColumns } from '../TokenTable';
 import type { TokenData } from '../TokenTable';
+import { useColumns } from '../TokenTable';
+import { tokenData, tokenMeta } from '../versionToken';
 
 const compare = (token1: string, token2: string) => {
   const hasColor1 = token1.toLowerCase().includes('color');
@@ -112,23 +111,25 @@ const SubTokenTable: React.FC<SubTokenTableProps> = (props) => {
 
   const data = tokens
     .sort(component ? undefined : compare)
-    .map<TokenData>((name) => {
+    .map<TokenData | null>((name) => {
       const meta = component
         ? tokenMeta.components[component].find((item) => item.token === name)
         : tokenMeta.global[name];
 
       if (!meta) {
-        return null as unknown as TokenData;
+        return null;
       }
 
       return {
         name,
         desc: lang === 'cn' ? meta.desc : meta.descEn,
         type: meta.type,
-        value: component ? tokenData[component].component[name] : defaultToken[name],
+        value: component
+          ? tokenData[component]?.component[name]
+          : defaultToken[name as keyof typeof defaultToken],
       };
     })
-    .filter(Boolean);
+    .filter((item): item is TokenData => item !== null && item !== undefined);
 
   const code = component
     ? `<ConfigProvider

.dumi/theme/builtins/TokenCompare/index.tsx

@@ -3,14 +3,14 @@ import React from 'react';
 import { FastColor } from '@ant-design/fast-color';
 import { Flex, theme } from 'antd';
 import { createStaticStyles } from 'antd-style';
-import tokenMeta from 'antd/es/version/token-meta.json';
 import { clsx } from 'clsx';
 
 import useLocale from '../../../hooks/useLocale';
+import { tokenMeta } from '../versionToken';
 
 const styles = createStaticStyles(({ cssVar, css }) => {
   const height = cssVar.controlHeightLG;
-  const dotSize = height / 5;
+  const dotSize = Number(height) / 5;
 
   return {
     container: css`
@@ -86,7 +86,7 @@ const TokenCompare: React.FC<TokenCompareProps> = (props) => {
     const darkTokens = theme.getDesignToken({ algorithm: theme.darkAlgorithm });
 
     return list.map((tokenName) => {
-      const meta = (tokenMeta.global as any)[tokenName];
+      const meta = tokenMeta.global?.[tokenName];
       const name = lang === 'cn' ? meta.name : meta.nameEn;
       return {
         name: name.replace('颜色', '').replace('色', '').replace('Color', '').trim(),

.dumi/theme/builtins/TokenTable/index.tsx

@@ -4,14 +4,15 @@ import type { TableProps } from 'antd';
 import { Table } from 'antd';
 import { createStyles } from 'antd-style';
 import { getDesignToken } from 'antd-token-previewer';
-import tokenMeta from 'antd/es/version/token-meta.json';
 
 import useLocale from '../../../hooks/useLocale';
 import BezierVisualizer from '../../common/BezierVisualizer';
 import ColorChunk from '../ColorChunk';
+import { tokenMeta } from '../versionToken';
+import type { GlobalTokenSource } from '../versionToken';
 
 type TokenTableProps = {
-  type: 'seed' | 'map' | 'alias';
+  type: GlobalTokenSource;
   lang: 'zh' | 'en';
 };
 

.dumi/theme/builtins/versionToken.ts

@@ -0,0 +1,41 @@
+import rawTokenMeta from 'antd/es/version/token-meta.json';
+import rawTokenData from 'antd/es/version/token.json';
+
+export type GlobalTokenSource = 'seed' | 'map' | 'alias';
+
+export interface GlobalTokenMeta {
+  name: string;
+  nameEn: string;
+  desc: string;
+  descEn: string;
+  type: string;
+  source: GlobalTokenSource;
+}
+
+export interface ComponentTokenMeta {
+  source: string;
+  token: string;
+  type: string;
+  desc: string;
+  descEn: string;
+  name: string;
+  nameEn: string;
+}
+
+export interface VersionTokenMeta {
+  global: Record<string, GlobalTokenMeta>;
+  components: Record<string, ComponentTokenMeta[]>;
+}
+
+export type VersionTokenValue = string | number | boolean;
+
+export interface ComponentTokenStatistic {
+  global?: string[];
+  component: Record<string, VersionTokenValue>;
+}
+
+export type VersionTokenStatistic = Record<string, ComponentTokenStatistic>;
+
+export const tokenMeta = rawTokenMeta as VersionTokenMeta;
+
+export const tokenData = rawTokenData as VersionTokenStatistic;