@fle-ui/next 3.0.0-beta.1 → 3.0.0-beta.2

package/es/style/placementArrow.js

@@ -42,75 +42,75 @@ export default function getArrowStyle(token, colorBg, options) {
     '&:before': {
       background: colorBg
     }
-  })]), isInject(!!arrowPlacement.top, (_isInject = {}, _defineProperty(_isInject, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
+  })]), isInject(!!arrowPlacement.top, (_isInject = {}, _defineProperty(_isInject, ["&-placement-top > ".concat(componentCls, "-arrow"), "&-placement-topLeft > ".concat(componentCls, "-arrow"), "&-placement-topRight > ".concat(componentCls, "-arrow")].join(','), {
     bottom: arrowDistance,
     transform: 'translateY(100%) rotate(180deg)'
-  }), _defineProperty(_isInject, "&-placement-top ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject, "&-placement-top > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
-  }), _defineProperty(_isInject, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject, "&-placement-topLeft > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: arrowOffsetHorizontal
     }
-  }), _defineProperty(_isInject, "&-placement-topRight ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject, "&-placement-topRight > ".concat(componentCls, "-arrow"), {
     right: {
       _skip_check_: true,
       value: arrowOffsetHorizontal
     }
-  }), _isInject))), isInject(!!arrowPlacement.bottom, (_isInject2 = {}, _defineProperty(_isInject2, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
+  }), _isInject))), isInject(!!arrowPlacement.bottom, (_isInject2 = {}, _defineProperty(_isInject2, ["&-placement-bottom > ".concat(componentCls, "-arrow"), "&-placement-bottomLeft > ".concat(componentCls, "-arrow"), "&-placement-bottomRight > ".concat(componentCls, "-arrow")].join(','), {
     top: arrowDistance,
     transform: "translateY(-100%)"
-  }), _defineProperty(_isInject2, "&-placement-bottom ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject2, "&-placement-bottom > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
     transform: "translateX(-50%) translateY(-100%)"
-  }), _defineProperty(_isInject2, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject2, "&-placement-bottomLeft > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: arrowOffsetHorizontal
     }
-  }), _defineProperty(_isInject2, "&-placement-bottomRight ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject2, "&-placement-bottomRight > ".concat(componentCls, "-arrow"), {
     right: {
       _skip_check_: true,
       value: arrowOffsetHorizontal
     }
-  }), _isInject2))), isInject(!!arrowPlacement.left, (_isInject3 = {}, _defineProperty(_isInject3, ["&-placement-left ".concat(componentCls, "-arrow"), "&-placement-leftTop ".concat(componentCls, "-arrow"), "&-placement-leftBottom ".concat(componentCls, "-arrow")].join(','), {
+  }), _isInject2))), isInject(!!arrowPlacement.left, (_isInject3 = {}, _defineProperty(_isInject3, ["&-placement-left > ".concat(componentCls, "-arrow"), "&-placement-leftTop > ".concat(componentCls, "-arrow"), "&-placement-leftBottom > ".concat(componentCls, "-arrow")].join(','), {
     right: {
       _skip_check_: true,
       value: arrowDistance
     },
     transform: 'translateX(100%) rotate(90deg)'
-  }), _defineProperty(_isInject3, "&-placement-left ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject3, "&-placement-left > ".concat(componentCls, "-arrow"), {
     top: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
-  }), _defineProperty(_isInject3, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject3, "&-placement-leftTop > ".concat(componentCls, "-arrow"), {
     top: arrowOffsetVertical
-  }), _defineProperty(_isInject3, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject3, "&-placement-leftBottom > ".concat(componentCls, "-arrow"), {
     bottom: arrowOffsetVertical
-  }), _isInject3))), isInject(!!arrowPlacement.right, (_isInject4 = {}, _defineProperty(_isInject4, ["&-placement-right ".concat(componentCls, "-arrow"), "&-placement-rightTop ".concat(componentCls, "-arrow"), "&-placement-rightBottom ".concat(componentCls, "-arrow")].join(','), {
+  }), _isInject3))), isInject(!!arrowPlacement.right, (_isInject4 = {}, _defineProperty(_isInject4, ["&-placement-right > ".concat(componentCls, "-arrow"), "&-placement-rightTop > ".concat(componentCls, "-arrow"), "&-placement-rightBottom > ".concat(componentCls, "-arrow")].join(','), {
     left: {
       _skip_check_: true,
       value: arrowDistance
     },
     transform: 'translateX(-100%) rotate(-90deg)'
-  }), _defineProperty(_isInject4, "&-placement-right ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject4, "&-placement-right > ".concat(componentCls, "-arrow"), {
     top: {
       _skip_check_: true,
       value: '50%'
     },
     transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
-  }), _defineProperty(_isInject4, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject4, "&-placement-rightTop > ".concat(componentCls, "-arrow"), {
     top: arrowOffsetVertical
-  }), _defineProperty(_isInject4, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
+  }), _defineProperty(_isInject4, "&-placement-rightBottom > ".concat(componentCls, "-arrow"), {
     bottom: arrowOffsetVertical
   }), _isInject4))));
 }

package/es/table/interface.d.ts

@@ -9,12 +9,8 @@ import type { PaginationProps } from '../pagination';
 import type { TooltipProps } from '../tooltip';
 import type { INTERNAL_SELECTION_ITEM } from './hooks/useSelection';
 import type { InternalTableProps, TableProps } from './InternalTable';
-export type RefTable = <RecordType extends AnyObject = AnyObject>(props: React.PropsWithChildren<TableProps<RecordType>> & {
-    ref?: React.Ref<Reference>;
-}) => React.ReactElement;
-export type RefInternalTable = <RecordType extends AnyObject = AnyObject>(props: React.PropsWithChildren<InternalTableProps<RecordType>> & {
-    ref?: React.Ref<Reference>;
-}) => React.ReactElement;
+export type RefTable = <RecordType extends AnyObject = AnyObject>(props: React.PropsWithChildren<TableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
+export type RefInternalTable = <RecordType extends AnyObject = AnyObject>(props: React.PropsWithChildren<InternalTableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
 export { ExpandableConfig, GetRowKey };
 export type Key = React.Key;
 export type SafeKey = Exclude<Key, bigint>;

package/es/table/style/fixed.js

@@ -47,6 +47,7 @@ var genFixedStyle = function genFixedStyle(token) {
     content: '""',
     pointerEvents: 'none'
   }), _defineProperty(_$concat3, "".concat(componentCls, "-container"), {
+    position: 'relative',
     '&::before, &::after': {
       position: 'absolute',
       top: 0,
@@ -65,20 +66,14 @@ var genFixedStyle = function genFixedStyle(token) {
     '&::after': {
       insetInlineEnd: 0
     }
-  }), _defineProperty(_$concat3, "".concat(componentCls, "-ping-left"), (_$concat = {}, _defineProperty(_$concat, "&:not(".concat(componentCls, "-has-fix-left) ").concat(componentCls, "-container"), {
-    position: 'relative',
-    '&::before': {
-      boxShadow: "inset 10px 0 8px -8px ".concat(shadowColor)
-    }
+  }), _defineProperty(_$concat3, "".concat(componentCls, "-ping-left"), (_$concat = {}, _defineProperty(_$concat, "&:not(".concat(componentCls, "-has-fix-left) ").concat(componentCls, "-container::before"), {
+    boxShadow: "inset 10px 0 8px -8px ".concat(shadowColor)
   }), _defineProperty(_$concat, "\n          ".concat(componentCls, "-cell-fix-left-first::after,\n          ").concat(componentCls, "-cell-fix-left-last::after\n        "), {
     boxShadow: "inset 10px 0 8px -8px ".concat(shadowColor)
   }), _defineProperty(_$concat, "".concat(componentCls, "-cell-fix-left-last::before"), {
     backgroundColor: 'transparent !important'
-  }), _$concat)), _defineProperty(_$concat3, "".concat(componentCls, "-ping-right"), (_$concat2 = {}, _defineProperty(_$concat2, "&:not(".concat(componentCls, "-has-fix-right) ").concat(componentCls, "-container"), {
-    position: 'relative',
-    '&::after': {
-      boxShadow: "inset -10px 0 8px -8px ".concat(shadowColor)
-    }
+  }), _$concat)), _defineProperty(_$concat3, "".concat(componentCls, "-ping-right"), (_$concat2 = {}, _defineProperty(_$concat2, "&:not(".concat(componentCls, "-has-fix-right) ").concat(componentCls, "-container::after"), {
+    boxShadow: "inset -10px 0 8px -8px ".concat(shadowColor)
   }), _defineProperty(_$concat2, "\n          ".concat(componentCls, "-cell-fix-right-first::after,\n          ").concat(componentCls, "-cell-fix-right-last::after\n        "), {
     boxShadow: "inset -10px 0 8px -8px ".concat(shadowColor)
   }), _$concat2)), _$concat3));

package/es/theme/interface/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { CSSInterpolation, DerivativeFunc } from '@ant-design/cssinjs';
+import type { AnyObject } from '../../_util/type';
 import type { AliasToken } from './alias';
 import type { ComponentTokenMap } from './components';
 import type { MapToken } from './maps';
@@ -17,4 +18,4 @@ export { PresetColors } from './presetColors';
 export type { LegacyColorPalettes, ColorPalettes, PresetColorKey, PresetColorType, } from './presetColors';
 export type { SeedToken } from './seeds';
 export type UseComponentStyleResult = [(node: React.ReactNode) => React.ReactElement, string];
-export type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;
+export type GenerateStyle<ComponentToken extends AnyObject = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;

package/es/theme/themes/compact/index.d.ts

@@ -1,4 +1,4 @@
 import type { DerivativeFunc } from '@ant-design/cssinjs';
-import type { SeedToken, MapToken } from 'antd/es/theme/interface';
+import type { MapToken, SeedToken } from 'antd/es/theme/interface';
 declare const derivative: DerivativeFunc<SeedToken, MapToken>;
 export default derivative;

package/es/theme/themes/compact/index.js

@@ -4,25 +4,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import genControlHeight from "../shared/genControlHeight";
 import defaultAlgorithm from "../default";
+import genControlHeight from "../shared/genControlHeight";
+import genFontMapToken from "../shared/genFontMapToken";
 import genCompactSizeMapToken from "./genCompactSizeMapToken";
-import getFontSizes from "../shared/genFontSizes";
 var derivative = function derivative(token, mapToken) {
   var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
-
-  // @ts-ignore
-  var fontSize = mergedMapToken.fontSizes[0]; // Smaller size font-size as base
-  var fontSizes = getFontSizes(fontSize);
+  var fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base
   var controlHeight = mergedMapToken.controlHeight - 4;
-  return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), {}, {
-    // font
-    fontSizes: fontSizes.map(function (fs) {
-      return fs.size;
-    }),
-    lineHeights: fontSizes.map(function (fs) {
-      return fs.lineHeight;
-    }),
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), genFontMapToken(fontSize)), {}, {
     // controlHeight
     controlHeight: controlHeight
   }, genControlHeight(_objectSpread(_objectSpread({}, mergedMapToken), {}, {

package/es/theme/themes/dark/colors.js

@@ -39,8 +39,8 @@ export var generateNeutralColorPalettes = function generateNeutralColorPalettes(
     colorBgContainer: getSolidColor(colorBgBase, 8),
     colorBgLayout: getSolidColor(colorBgBase, 0),
     colorBgSpotlight: getSolidColor(colorBgBase, 26),
+    colorBgBlur: getAlphaColor(colorTextBase, 0.04),
     colorBorder: getSolidColor(colorBgBase, 26),
-    colorBorderSecondary: getSolidColor(colorBgBase, 19),
-    colorBgBlur: getAlphaColor(colorTextBase, 0.04)
+    colorBorderSecondary: getSolidColor(colorBgBase, 19)
   };
 };

package/es/theme/themes/dark/index.js

@@ -19,6 +19,7 @@ var derivative = function derivative(token, mapToken) {
     });
     return new Array(10).fill(1).reduce(function (prev, _, i) {
       prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      prev["".concat(colorKey).concat(i + 1)] = colors[i];
       return prev;
     }, {});
   }).reduce(function (prev, cur) {

package/es/theme/themes/default/colors.js

@@ -37,8 +37,8 @@ export var generateNeutralColorPalettes = function generateNeutralColorPalettes(
     colorBgContainer: getSolidColor(colorBgBase, 0),
     colorBgElevated: getSolidColor(colorBgBase, 0),
     colorBgSpotlight: getAlphaColor(colorTextBase, 0.85),
+    colorBgBlur: 'transparent',
     colorBorder: getSolidColor(colorBgBase, 15),
-    colorBorderSecondary: getSolidColor(colorBgBase, 6),
-    colorBgBlur: 'transparent'
+    colorBorderSecondary: getSolidColor(colorBgBase, 6)
   };
 };

package/es/theme/themes/default/index.js

@@ -4,12 +4,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/* eslint-disable no-param-reassign */
 import { generate } from '@ant-design/colors';
 import { defaultPresetColors } from "../seed";
 import genColorMapToken from "../shared/genColorMapToken";
 import genCommonMapToken from "../shared/genCommonMapToken";
 import genControlHeight from "../shared/genControlHeight";
+import genFontMapToken from "../shared/genFontMapToken";
 import genSizeMapToken from "../shared/genSizeMapToken";
 import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
 export default function derivative(token) {
@@ -19,14 +19,16 @@ export default function derivative(token) {
     var colors = generate(token[colorKey]);
     return new Array(10).fill(1).reduce(function (prev, _, i) {
       prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      prev["".concat(colorKey).concat(i + 1)] = colors[i];
       return prev;
     }, {});
   }).reduce(function (prev, cur) {
+    // eslint-disable-next-line no-param-reassign
     prev = _objectSpread(_objectSpread({}, prev), cur);
     return prev;
   }, {});
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, token), colorPalettes), genColorMapToken(token, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, token), colorPalettes), genColorMapToken(token, {
     generateColorPalettes: generateColorPalettes,
     generateNeutralColorPalettes: generateNeutralColorPalettes
-  })), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
+  })), genFontMapToken(token.fontSize)), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
 }

package/es/theme/themes/seed.d.ts

@@ -1,4 +1,4 @@
-import type { PresetColorType, SeedToken } from 'antd/es/theme/interface';
+import type { PresetColorType, SeedToken } from 'antd/es/theme/internal';
 export declare const defaultPresetColors: PresetColorType;
 declare const seedToken: SeedToken;
 export default seedToken;

package/es/theme/themes/seed.js

@@ -31,8 +31,8 @@ var seedToken = _objectSpread(_objectSpread({}, defaultPresetColors), {}, {
   colorLink: '#2c6bff',
   // Font
   fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n'Noto Color Emoji'",
+  fontFamilyCode: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
   fontSize: 14,
-  fontFamilyCode: '',
   // Line
   lineWidth: 1,
   lineType: 'solid',
@@ -40,14 +40,14 @@ var seedToken = _objectSpread(_objectSpread({}, defaultPresetColors), {}, {
   motionUnit: 0.1,
   // @ts-ignore
   motionBase: 0,
-  motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
-  motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
   motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-  motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
-  motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
-  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
-  motionEaseInQuint: "cubic-bezier(0.645, 0.045, 0.355, 1)",
-  motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
   // Radius
   borderRadius: 6,
   // Size

package/es/theme/themes/shared/genColorMapToken.js

@@ -21,6 +21,10 @@ export default function genColorMapToken(seed, _ref) {
   var errorColors = generateColorPalettes(colorErrorBase);
   var infoColors = generateColorPalettes(colorInfoBase);
   var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+
+  // Color Link
+  var colorLink = seed.colorLink || seed.colorInfo;
+  var linkColors = generateColorPalettes(colorLink);
   return _objectSpread(_objectSpread({}, neutralColors), {}, {
     colorPrimaryBg: primaryColors[1],
     colorPrimaryBgHover: primaryColors[2],
@@ -72,6 +76,9 @@ export default function genColorMapToken(seed, _ref) {
     colorInfoTextHover: infoColors[8],
     colorInfoText: infoColors[9],
     colorInfoTextActive: infoColors[10],
+    colorLinkHover: linkColors[4],
+    colorLink: linkColors[6],
+    colorLinkActive: linkColors[7],
     colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
     colorWhite: '#fff'
   });

package/es/theme/themes/shared/genCommonMapToken.js

@@ -4,29 +4,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import genFontSizes from "./genFontSizes";
 import genRadius from "./genRadius";
 export default function genCommonMapToken(token) {
-  // @ts-ignore
   var motionUnit = token.motionUnit,
     motionBase = token.motionBase,
-    fontSize = token.fontSize,
     borderRadius = token.borderRadius,
     lineWidth = token.lineWidth;
-  var fontSizes = genFontSizes(fontSize);
   return _objectSpread({
     // motion
     motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
     motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
     motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
-    // font
-    // @ts-ignore
-    fontSizes: fontSizes.map(function (fs) {
-      return fs.size;
-    }),
-    lineHeights: fontSizes.map(function (fs) {
-      return fs.lineHeight;
-    }),
     // line
     lineWidthBold: lineWidth + 1
   }, genRadius(borderRadius));

package/es/theme/themes/shared/genFontMapToken.d.ts

@@ -0,0 +1,3 @@
+import type { FontMapToken } from 'antd/es/theme/interface';
+declare const genFontMapToken: (fontSize: number) => FontMapToken;
+export default genFontMapToken;

package/es/theme/themes/shared/genFontMapToken.js

@@ -0,0 +1,40 @@
+import genFontSizes from "./genFontSizes";
+var genFontMapToken = function genFontMapToken(fontSize) {
+  var fontSizePairs = genFontSizes(fontSize);
+  var fontSizes = fontSizePairs.map(function (pair) {
+    return pair.size;
+  });
+  var lineHeights = fontSizePairs.map(function (pair) {
+    return pair.lineHeight;
+  });
+  var fontSizeMD = fontSizes[1];
+  var fontSizeSM = fontSizes[0];
+  var fontSizeLG = fontSizes[2];
+  var lineHeight = lineHeights[1];
+  var lineHeightSM = lineHeights[0];
+  var lineHeightLG = lineHeights[2];
+  return {
+    fontSizeSM: fontSizeSM,
+    fontSize: fontSizeMD,
+    fontSizeLG: fontSizeLG,
+    fontSizeXL: fontSizes[3],
+    fontSizeHeading1: fontSizes[6],
+    fontSizeHeading2: fontSizes[5],
+    fontSizeHeading3: fontSizes[4],
+    fontSizeHeading4: fontSizes[3],
+    fontSizeHeading5: fontSizes[2],
+    lineHeight: lineHeight,
+    lineHeightLG: lineHeightLG,
+    lineHeightSM: lineHeightSM,
+    // @ts-ignore
+    fontHeight: Math.round(lineHeight * fontSizeMD),
+    fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
+    fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
+    lineHeightHeading1: lineHeights[6],
+    lineHeightHeading2: lineHeights[5],
+    lineHeightHeading3: lineHeights[4],
+    lineHeightHeading4: lineHeights[3],
+    lineHeightHeading5: lineHeights[2]
+  };
+};
+export default genFontMapToken;

package/es/theme/themes/shared/genRadius.js

@@ -40,7 +40,7 @@ var genRadius = function genRadius(radiusBase) {
     radiusOuter = 6;
   }
   return {
-    borderRadius: radiusBase > 16 ? 16 : radiusBase,
+    borderRadius: radiusBase,
     borderRadiusXS: radiusXS,
     borderRadiusSM: radiusSM,
     borderRadiusLG: radiusLG,

package/es/theme/util/statistic.d.ts

@@ -1,11 +1,13 @@
+import type { AnyObject } from '../../_util/type';
 /**
  * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to
  * pass all value access in development. To support statistic field usage with alias token.
  */
-export declare function merge<T extends object>(...objs: Partial<T>[]): T;
+export declare function merge<T extends AnyObject>(...objs: Partial<T>[]): T;
 /** Statistic token usage case. Should use `merge` function if you do not want spread record. */
-export default function statisticToken<T extends object>(token: T): {
+declare const statisticToken: <T extends AnyObject>(token: T) => {
     token: T;
     keys: Set<string> | undefined;
     flush: (componentName: string, componentToken: Record<string, string | number>) => void;
 };
+export default statisticToken;

package/es/theme/util/statistic.js

@@ -37,7 +37,7 @@ export var _statistic_build_ = {};
 /* istanbul ignore next */
 function noop() {}
 /** Statistic token usage case. Should use `merge` function if you do not want spread record. */
-export default function statisticToken(token) {
+var statisticToken = function statisticToken(token) {
   var tokenKeys;
   var proxy = token;
   var flush = noop;
@@ -64,4 +64,5 @@ export default function statisticToken(token) {
     keys: tokenKeys,
     flush: flush
   };
-}
+};
+export default statisticToken;

package/es/transfer/hooks/useData.d.ts

@@ -1,3 +1,4 @@
 import type { KeyWise, TransferProps } from '..';
-declare function useData<RecordType extends object>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>['rowKey'], targetKeys?: string[]): KeyWise<RecordType>[][];
+import type { AnyObject } from '../../_util/type';
+declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[] | undefined, rowKey?: ((record: RecordType) => string) | undefined, targetKeys?: string[]) => KeyWise<RecordType>[][];
 export default useData;

package/es/transfer/hooks/useData.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 import { groupKeysMap } from "../../_util/transKeys";
-function useData(dataSource, rowKey, targetKeys) {
+var useData = function useData(dataSource, rowKey, targetKeys) {
   var mergedDataSource = React.useMemo(function () {
     return (dataSource || []).map(function (record) {
       if (rowKey) {
@@ -36,5 +36,5 @@ function useData(dataSource, rowKey, targetKeys) {
     leftDataSource = _React$useMemo2[0],
     rightDataSource = _React$useMemo2[1];
   return [mergedDataSource, leftDataSource, rightDataSource];
-}
+};
 export default useData;

package/es/tree/DirectoryTree.d.ts

@@ -7,9 +7,7 @@ export type ExpandAction = false | 'click' | 'doubleClick';
 export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
     expandAction?: ExpandAction;
 }
-type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & {
-    ref?: React.Ref<RcTree>;
-}) => React.ReactElement) & {
+type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & React.RefAttributes<RcTree>) => React.ReactElement) & {
     displayName?: string;
 };
 export interface DirectoryTreeState {

package/es/tree/Tree.js

@@ -19,8 +19,10 @@ import { ConfigContext } from "../config-provider";
 import useStyle from "./style";
 import dropIndicatorRender from "./utils/dropIndicator";
 import SwitcherIconCom from "./utils/iconUtil";
+import { useToken } from "../theme/internal";
 var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
+  var _a;
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
@@ -61,6 +63,10 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  var itemHeight = token.paddingXS / 2 + (((_a = token.Tree) === null || _a === void 0 ? void 0 : _a.titleHeight) || token.controlHeightSM);
   var draggableConfig = React.useMemo(function () {
     if (!draggable) {
       return false;
@@ -92,7 +98,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   };
   return wrapCSSVar( /*#__PURE__*/React.createElement(RcTree, Object.assign({
-    itemHeight: 20,
+    itemHeight: itemHeight,
     ref: ref,
     virtual: virtual
   }, newProps, {

package/es/tree/index.d.ts

@@ -9,9 +9,7 @@ export type { EventDataNode } from 'rc-tree/lib/interface';
 export type { ExpandAction as DirectoryTreeExpandAction, DirectoryTreeProps, } from './DirectoryTree';
 export type { AntTreeNode, AntTreeNodeCheckedEvent, AntTreeNodeExpandedEvent, AntTreeNodeMouseEvent, AntTreeNodeProps, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, TreeProps, } from './Tree';
 export type { DataNode, BasicDataNode };
-type CompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<TreeProps<T>> & {
-    ref?: React.Ref<RcTree>;
-}) => React.ReactElement) & {
+type CompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<TreeProps<T>> & React.RefAttributes<RcTree>) => React.ReactElement) & {
     TreeNode: typeof TreeNode;
     DirectoryTree: typeof DirectoryTree;
 };

package/es/tree/style/index.js

@@ -108,7 +108,9 @@ export var genBaseStyle = function genBaseStyle(prefixCls, token) {
         background: 'transparent'
       }
     })
-  }, _defineProperty(_$concat6, "&-active ".concat(treeCls, "-node-content-wrapper"), Object.assign({}, genFocusOutline(token))), _defineProperty(_$concat6, "&:not(".concat(treeNodeCls, "-disabled).filter-node ").concat(treeCls, "-title"), {
+  }, _defineProperty(_$concat6, "&-active ".concat(treeCls, "-node-content-wrapper"), {
+    background: token.controlItemBgHover
+  }), _defineProperty(_$concat6, "&:not(".concat(treeNodeCls, "-disabled).filter-node ").concat(treeCls, "-title"), {
     color: 'inherit',
     fontWeight: 500
   }), _defineProperty(_$concat6, '&-draggable', (_draggable = {}, _defineProperty(_draggable, "".concat(treeCls, "-draggable-icon"), _defineProperty({

package/es/tree-select/index.d.ts

@@ -40,9 +40,7 @@ export interface TreeSelectProps<ValueType = any, OptionType extends BaseOptionT
 }
 declare const TreeSelectRef: <ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: TreeSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;
-} & {
-    ref?: React.Ref<BaseSelectRef> | undefined;
-}) => React.ReactElement;
+} & React.RefAttributes<BaseSelectRef>) => React.ReactElement;
 type InternalTreeSelectType = typeof TreeSelectRef;
 type CompoundedComponent = InternalTreeSelectType & {
     displayName?: string;

package/es/tree-select/index.js

@@ -22,6 +22,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 import RcTreeSelect, { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeNode } from 'rc-tree-select';
 import omit from "rc-util/es/omit";
+import { useZIndex } from "../_util/hooks/useZIndex";
 import { getTransitionName } from "../_util/motion";
 import genPurePanel from "../_util/PurePanel";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils";
@@ -29,17 +30,16 @@ import { devUseWarning } from "../_util/warning";
 import { ConfigContext } from "../config-provider";
 import DefaultRenderEmpty from "../config-provider/defaultRenderEmpty";
 import DisabledContext from "../config-provider/DisabledContext";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls";
 import useSize from "../config-provider/hooks/useSize";
 import { FormItemInputContext } from "../form/context";
+import mergedBuiltinPlacements from "../select/mergedBuiltinPlacements";
 import useSelectStyle from "../select/style";
-import useBuiltinPlacements from "../select/useBuiltinPlacements";
-import useShowArrow from "../select/useShowArrow";
 import useIcons from "../select/useIcons";
+import useShowArrow from "../select/useShowArrow";
 import { useCompactItemContext } from "../space/Compact";
 import SwitcherIconCom from "../tree/utils/iconUtil";
 import useStyle from "./style";
-import useCSSVarCls from "../config-provider/hooks/useCSSVarCls";
-import { useZIndex } from "../_util/hooks/useZIndex";
 var InternalTreeSelect = function InternalTreeSelect(_a, ref) {
   var _classNames2;
   var _b, _c;
@@ -151,7 +151,6 @@ var InternalTreeSelect = function InternalTreeSelect(_a, ref) {
     }
     return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
   }, [placement, direction]);
-  var mergedBuiltinPlacements = useBuiltinPlacements(builtinPlacements, popupOverflow);
   var mergedSize = useSize(function (ctx) {
     var _a;
     return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a !== void 0 ? _a : ctx;
@@ -177,7 +176,7 @@ var InternalTreeSelect = function InternalTreeSelect(_a, ref) {
     disabled: mergedDisabled
   }, selectProps, {
     dropdownMatchSelectWidth: mergedPopupMatchSelectWidth,
-    builtinPlacements: mergedBuiltinPlacements,
+    builtinPlacements: mergedBuiltinPlacements(builtinPlacements, popupOverflow),
     ref: ref,
     prefixCls: prefixCls,
     className: mergedClassName,

package/es/typography/Base/index.d.ts

@@ -1,5 +1,5 @@
-import type { AutoSizeType } from 'rc-textarea';
 import * as React from 'react';
+import type { AutoSizeType } from 'rc-textarea';
 import type { TooltipProps } from '../../tooltip';
 import type { TypographyProps } from '../Typography';
 export type BaseType = 'secondary' | 'success' | 'warning' | 'danger';