1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,114 @@
+import React from 'react';
+import { useCacheToken } from '@ant-design/cssinjs';
+import { ConfigContext } from '../config-provider/context';
+import version from '../version';
+import { defaultTheme, DesignTokenContext } from './context';
+import defaultSeedToken from './themes/seed';
+import formatToken from './util/alias';
+export const unitless = {
+  lineHeight: true,
+  lineHeightSM: true,
+  lineHeightLG: true,
+  lineHeightHeading1: true,
+  lineHeightHeading2: true,
+  lineHeightHeading3: true,
+  lineHeightHeading4: true,
+  lineHeightHeading5: true,
+  opacityLoading: true,
+  fontWeightStrong: true,
+  zIndexPopupBase: true,
+  zIndexBase: true,
+  opacityImage: true
+};
+export const ignore = {
+  motionBase: true,
+  motionUnit: true
+};
+const preserve = {
+  screenXS: true,
+  screenXSMin: true,
+  screenXSMax: true,
+  screenSM: true,
+  screenSMMin: true,
+  screenSMMax: true,
+  screenMD: true,
+  screenMDMin: true,
+  screenMDMax: true,
+  screenLG: true,
+  screenLGMin: true,
+  screenLGMax: true,
+  screenXL: true,
+  screenXLMin: true,
+  screenXLMax: true,
+  screenXXL: true,
+  screenXXLMin: true,
+  screenXXLMax: true,
+  screenXXXL: true,
+  screenXXXLMin: true
+};
+export const getComputedToken = (originToken, overrideToken, theme) => {
+  const derivativeToken = theme.getDerivativeToken(originToken);
+  const {
+    override,
+    ...components
+  } = overrideToken;
+  // Merge with override
+  let mergedDerivativeToken = {
+    ...derivativeToken,
+    override
+  };
+  // Format if needed
+  mergedDerivativeToken = formatToken(mergedDerivativeToken);
+  if (components) {
+    Object.entries(components).forEach(([key, value]) => {
+      const {
+        theme: componentTheme,
+        ...componentTokens
+      } = value;
+      let mergedComponentToken = componentTokens;
+      if (componentTheme) {
+        mergedComponentToken = getComputedToken({
+          ...mergedDerivativeToken,
+          ...componentTokens
+        }, {
+          override: componentTokens
+        }, componentTheme);
+      }
+      mergedDerivativeToken[key] = mergedComponentToken;
+    });
+  }
+  return mergedDerivativeToken;
+};
+// ================================== Hook ==================================
+export default function useToken() {
+  const {
+    token: rootDesignToken,
+    hashed,
+    theme,
+    override,
+    cssVar: ctxCssVar,
+    zeroRuntime
+  } = React.useContext(DesignTokenContext);
+  const {
+    csp
+  } = React.useContext(ConfigContext);
+  const cssVar = {
+    prefix: ctxCssVar?.prefix ?? 'ant',
+    key: ctxCssVar?.key ?? 'css-var-root'
+  };
+  const salt = `${version}-${hashed || ''}`;
+  const mergedTheme = theme || defaultTheme;
+  const [token, hashId, realToken] = useCacheToken(mergedTheme, [defaultSeedToken, rootDesignToken], {
+    salt,
+    override,
+    getComputedToken,
+    cssVar: {
+      ...cssVar,
+      unitless,
+      ignore,
+      preserve
+    },
+    nonce: csp?.nonce
+  });
+  return [mergedTheme, realToken, hashed ? hashId : '', token, cssVar, !!zeroRuntime];
+}