@chaoswise/ui 3.0.22 → 3.1.0

package/lib/Antd5/theme/themes/dark/colors.js

@@ -34,6 +34,9 @@ export var generateNeutralColorPalettes = function generateNeutralColorPalettes(
     colorFillSecondary: getAlphaColor(colorTextBase, 0.12),
     colorFillTertiary: getAlphaColor(colorTextBase, 0.08),
     colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),
+    colorBgSolid: getAlphaColor(colorTextBase, 0.95),
+    colorBgSolidHover: getAlphaColor(colorTextBase, 1),
+    colorBgSolidActive: getAlphaColor(colorTextBase, 0.9),
     colorBgElevated: getSolidColor(colorBgBase, 12),
     colorBgContainer: getSolidColor(colorBgBase, 8),
     colorBgLayout: getSolidColor(colorBgBase, 0),

package/lib/Antd5/theme/themes/dark/index.js

@@ -20,6 +20,7 @@ var derivative = function derivative(token, mapToken) {
       return prev;
     }, {});
   }).reduce(function (prev, cur) {
+    // biome-ignore lint/style/noParameterAssign: it is a reduce
     prev = _objectSpread(_objectSpread({}, prev), cur);
     return prev;
   }, {});

package/lib/Antd5/theme/themes/default/colors.js

@@ -32,6 +32,9 @@ export var generateNeutralColorPalettes = function generateNeutralColorPalettes(
     colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
     colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
     colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
+    colorBgSolid: getAlphaColor(colorTextBase, 1),
+    colorBgSolidHover: getAlphaColor(colorTextBase, 0.75),
+    colorBgSolidActive: getAlphaColor(colorTextBase, 0.95),
     colorBgLayout: getSolidColor(colorBgBase, 4),
     colorBgContainer: getSolidColor(colorBgBase, 0),
     colorBgElevated: getSolidColor(colorBgBase, 0),

package/lib/Antd5/theme/themes/default/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { generate } from '@ant-design/colors';
+import { generate, presetPalettes, presetPrimaryColors } from '@ant-design/colors';
 import { defaultPresetColors } from '../seed';
 import genColorMapToken from '../shared/genColorMapToken';
 import genCommonMapToken from '../shared/genCommonMapToken';
@@ -13,14 +13,18 @@ import genFontMapToken from '../shared/genFontMapToken';
 import genSizeMapToken from '../shared/genSizeMapToken';
 import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
 export default function derivative(token) {
+  // pink is deprecated name of magenta, keep this for backwards compatibility
+  presetPrimaryColors.pink = presetPrimaryColors.magenta;
+  presetPalettes.pink = presetPalettes.magenta;
   var colorPalettes = Object.keys(defaultPresetColors).map(function (colorKey) {
-    var colors = generate(token[colorKey]);
+    var colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : 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) {
+    // biome-ignore lint/style/noParameterAssign: it is a reduce
     prev = _objectSpread(_objectSpread({}, prev), cur);
     return prev;
   }, {});

package/lib/Antd5/theme/themes/seed.js

@@ -5,12 +5,15 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export var defaultPresetColors = {
-  blue: '#1677ff',
+  blue: '#1677FF',
   purple: '#722ED1',
   cyan: '#13C2C2',
   green: '#52C41A',
   magenta: '#EB2F96',
-  pink: '#eb2f96',
+  /**
+   * @deprecated Use magenta instead
+   */
+  pink: '#EB2F96',
   red: '#F5222D',
   orange: '#FA8C16',
   yellow: '#FADB14',

package/lib/Antd5/theme/themes/shared/genColorMapToken.js

@@ -24,6 +24,7 @@ export default function genColorMapToken(seed, _ref) {
   // Color Link
   var colorLink = seed.colorLink || seed.colorInfo;
   var linkColors = generateColorPalettes(colorLink);
+  var colorErrorBgFilledHover = new TinyColor(errorColors[1]).mix(new TinyColor(errorColors[3]), 50).toHexString();
   return _objectSpread(_objectSpread({}, neutralColors), {}, {
     colorPrimaryBg: primaryColors[1],
     colorPrimaryBgHover: primaryColors[2],
@@ -47,6 +48,7 @@ export default function genColorMapToken(seed, _ref) {
     colorSuccessTextActive: successColors[10],
     colorErrorBg: errorColors[1],
     colorErrorBgHover: errorColors[2],
+    colorErrorBgFilledHover: colorErrorBgFilledHover,
     colorErrorBgActive: errorColors[3],
     colorErrorBorder: errorColors[3],
     colorErrorBorderHover: errorColors[4],

package/lib/Antd5/theme/themes/shared/genFontSizes.js

@@ -5,7 +5,7 @@ export function getLineHeight(fontSize) {
 export default function getFontSizes(base) {
   var fontSizes = new Array(10).fill(null).map(function (_, index) {
     var i = index - 1;
-    var baseSize = base * Math.pow(2.71828, i / 5);
+    var baseSize = base * Math.pow(Math.E, i / 5);
     var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);
     // Convert to even
     return Math.floor(intSize / 2) * 2;

package/lib/Antd5/theme/useToken.js

@@ -32,7 +32,8 @@ export var unitless = {
   opacityLoading: true,
   fontWeightStrong: true,
   zIndexPopupBase: true,
-  zIndexBase: true
+  zIndexBase: true,
+  opacityImage: true
 };
 export var ignore = {
   size: true,

package/lib/Antd5/theme/util/alias.js

@@ -63,7 +63,7 @@ export default function formatToken(derivativeToken) {
     // Font
     fontSizeIcon: mergedToken.fontSizeSM,
     // Line
-    lineWidthFocus: mergedToken.lineWidth * 4,
+    lineWidthFocus: mergedToken.lineWidth * 3,
     // Control
     lineWidth: mergedToken.lineWidth,
     controlOutlineWidth: mergedToken.lineWidth * 2,

package/lib/Antd5/theme/util/genStyleUtils.js

@@ -0,0 +1,61 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useContext } from 'react';
+import { genStyleUtils } from '@ant-design/cssinjs-utils';
+import { ConfigContext } from '../../config-provider/context';
+import { genCommonStyle, genLinkStyle } from '../../style';
+import useLocalToken, { unitless } from '../useToken';
+import useResetIconStyle from './useResetIconStyle';
+var _genStyleUtils = genStyleUtils({
+    usePrefix: function usePrefix() {
+      var _useContext = useContext(ConfigContext),
+        getPrefixCls = _useContext.getPrefixCls,
+        iconPrefixCls = _useContext.iconPrefixCls;
+      var rootPrefixCls = getPrefixCls();
+      return {
+        rootPrefixCls: rootPrefixCls,
+        iconPrefixCls: iconPrefixCls
+      };
+    },
+    useToken: function useToken() {
+      var _useLocalToken = useLocalToken(),
+        _useLocalToken2 = _slicedToArray(_useLocalToken, 5),
+        theme = _useLocalToken2[0],
+        realToken = _useLocalToken2[1],
+        hashId = _useLocalToken2[2],
+        token = _useLocalToken2[3],
+        cssVar = _useLocalToken2[4];
+      return {
+        theme: theme,
+        realToken: realToken,
+        hashId: hashId,
+        token: token,
+        cssVar: cssVar
+      };
+    },
+    useCSP: function useCSP() {
+      var _useContext2 = useContext(ConfigContext),
+        csp = _useContext2.csp,
+        iconPrefixCls = _useContext2.iconPrefixCls;
+      // Generate style for icons
+      useResetIconStyle(iconPrefixCls, csp);
+      return csp !== null && csp !== void 0 ? csp : {};
+    },
+    getResetStyles: function getResetStyles(token) {
+      return [{
+        '&': genLinkStyle(token)
+      }];
+    },
+    getCommonStyle: genCommonStyle,
+    getCompUnitless: function getCompUnitless() {
+      return unitless;
+    }
+  }),
+  genStyleHooks = _genStyleUtils.genStyleHooks,
+  genComponentStyleHook = _genStyleUtils.genComponentStyleHook,
+  genSubStyleComponent = _genStyleUtils.genSubStyleComponent;
+export { genStyleHooks, genComponentStyleHook, genSubStyleComponent };

package/lib/Antd5/time-picker/index.js

@@ -1,5 +1,11 @@
-var _excluded = ["addon", "renderExtraFooter"];
+var _excluded = ["addon", "renderExtraFooter", "variant", "bordered"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -12,6 +18,7 @@ import * as React from 'react';
 import genPurePanel from '../_util/PurePanel';
 import { devUseWarning } from '../_util/warning';
 import DatePicker from '../date-picker';
+import useVariant from '../form/hooks/useVariants';
 var InternalTimePicker = DatePicker.TimePicker,
   InternalRangePicker = DatePicker.RangePicker;
 var RangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -24,11 +31,16 @@ var RangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var addon = _ref.addon,
     renderExtraFooter = _ref.renderExtraFooter,
+    variant = _ref.variant,
+    bordered = _ref.bordered,
     restProps = _objectWithoutProperties(_ref, _excluded);
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('TimePicker');
     warning.deprecated(!addon, 'addon', 'renderExtraFooter');
   }
+  var _useVariant = useVariant('timePicker', variant, bordered),
+    _useVariant2 = _slicedToArray(_useVariant, 1),
+    mergedVariant = _useVariant2[0];
   var internalRenderExtraFooter = React.useMemo(function () {
     if (renderExtraFooter) {
       return renderExtraFooter;
@@ -41,7 +53,8 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return _jsx(InternalTimePicker, _objectSpread(_objectSpread({}, restProps), {}, {
     mode: undefined,
     ref: ref,
-    renderExtraFooter: internalRenderExtraFooter
+    renderExtraFooter: internalRenderExtraFooter,
+    variant: mergedVariant
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/lib/Antd5/time-picker/locale/az_AZ.js

@@ -1,4 +1,5 @@
 var locale = {
-  placeholder: 'Vaxtı seç'
+  placeholder: 'Vaxtı seç',
+  rangePlaceholder: ['Başlama tarixi', 'Bitmə tarixi']
 };
 export default locale;

package/lib/Antd5/time-picker/locale/it_IT.js

@@ -1,4 +1,5 @@
 var locale = {
-  placeholder: "Selezionare l'orario"
+  placeholder: "Selezionare l'orario",
+  rangePlaceholder: ['Inizio orario', 'Fine orario']
 };
 export default locale;

package/lib/Antd5/time-picker/locale/uk_UA.js

@@ -1,4 +1,5 @@
 var locale = {
-  placeholder: 'Оберіть час'
+  placeholder: 'Оберіть час',
+  rangePlaceholder: ['Початковий час', 'Кінцевий час']
 };
 export default locale;

package/lib/Antd5/timeline/TimelineItemList.js

@@ -71,7 +71,6 @@ var TimelineItemList = function TimelineItemList(_ref) {
       itemProps = _objectWithoutProperties(item, _excluded2);
     return /*#__PURE__*/_createElement(TimelineItem, _objectSpread(_objectSpread({}, itemProps), {}, {
       className: classNames([itemClassName, !reverse && !!pending ? pendingClass : readyClass, getPositionCls((_item$position = item === null || item === void 0 ? void 0 : item.position) !== null && _item$position !== void 0 ? _item$position : '', idx)]),
-      /* eslint-disable-next-line react/no-array-index-key */
       key: (item === null || item === void 0 ? void 0 : item.key) || idx
     }));
   });

package/lib/Antd5/timeline/style/index.js

@@ -69,7 +69,7 @@ var genTimelineStyle = function genTimelineStyle(token) {
       textAlign: 'center',
       border: 0,
       borderRadius: 0,
-      transform: "translate(-50%, -50%)"
+      transform: 'translate(-50%, -50%)'
     },
     '&-content': {
       position: 'relative',

package/lib/Antd5/tooltip/index.js

@@ -18,6 +18,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 import RcTooltip from 'rc-tooltip';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import ContextIsolator from '../_util/ContextIsolator';
 import { useZIndex } from '../_util/hooks/useZIndex';
 import { getTransitionName } from '../_util/motion';
 import getPlacements from '../_util/placements';
@@ -25,7 +26,6 @@ import { cloneElement, isFragment } from '../_util/reactNode';
 import { devUseWarning } from '../_util/warning';
 import zIndexContext from '../_util/zindexContext';
 import { ConfigContext } from '../config-provider';
-import { NoCompactStyle } from '../space/Compact';
 import { useToken } from '../theme/internal';
 import PurePanel from './PurePanel';
 import useStyle from './style';
@@ -126,7 +126,8 @@ var InternalTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return overlay || title || '';
   }, [overlay, title]);
-  var memoOverlayWrapper = _jsx(NoCompactStyle, {
+  var memoOverlayWrapper = _jsx(ContextIsolator, {
+    space: true,
     children: typeof memoOverlay === 'function' ? memoOverlay() : memoOverlay
   });
   var getPopupContainer = props.getPopupContainer,

package/lib/Antd5/tooltip/style/index.js

@@ -28,7 +28,9 @@ var genTooltipStyle = function genTooltipStyle(token) {
     width: 'max-content',
     maxWidth: tooltipMaxWidth,
     visibility: 'visible',
-    transformOrigin: "var(--arrow-x, 50%) var(--arrow-y, 50%)",
+    // When use `autoArrow`, origin will follow the arrow position
+    '--valid-offset-x': 'var(--arrow-offset-horizontal, var(--arrow-x))',
+    transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(' '),
     '&-hidden': {
       display: 'none'
     },

package/lib/Antd5/tooltip/util.js

@@ -2,7 +2,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* eslint-disable import/prefer-default-export */
 import classNames from 'classnames';
 import { isPresetColor } from '../_util/colors';
 export function parseColor(prefixCls, color) {

package/lib/Antd5/tour/panelRender.js

@@ -47,20 +47,14 @@ var TourPanel = function TourPanel(props) {
     stepType = stepProps.type,
     closable = stepProps.closable;
   var mergedType = stepType !== null && stepType !== void 0 ? stepType : type;
-  var mergedCloseIcon = React.useMemo(function () {
-    var defaultCloseIcon = _jsx(CloseOutlined, {
+  var mergedCloseIcon = _jsx("button", {
+    type: "button",
+    onClick: onClose,
+    className: "".concat(prefixCls, "-close"),
+    children: (closable === null || closable === void 0 ? void 0 : closable.closeIcon) || _jsx(CloseOutlined, {
       className: "".concat(prefixCls, "-close-icon")
-    });
-    if (closable && closable.closeIcon) {
-      defaultCloseIcon = closable.closeIcon;
-    }
-    return _jsx("button", {
-      type: "button",
-      onClick: onClose,
-      className: "".concat(prefixCls, "-close"),
-      children: defaultCloseIcon
-    });
-  }, [closable]);
+    })
+  });
   var isLastStep = current === total - 1;
   var prevBtnClick = function prevBtnClick() {
     var _prevButtonProps$onCl;

package/lib/Antd5/tour/style/index.js

@@ -13,19 +13,16 @@ import { genStyleHooks, mergeToken } from '../../theme/internal';
 // =============================== Base ===============================
 var genBaseStyle = function genBaseStyle(token) {
   var componentCls = token.componentCls,
-    lineHeight = token.lineHeight,
     padding = token.padding,
     paddingXS = token.paddingXS,
     borderRadius = token.borderRadius,
     borderRadiusXS = token.borderRadiusXS,
     colorPrimary = token.colorPrimary,
-    colorText = token.colorText,
     colorFill = token.colorFill,
     indicatorHeight = token.indicatorHeight,
     indicatorWidth = token.indicatorWidth,
     boxShadowTertiary = token.boxShadowTertiary,
-    tourZIndexPopup = token.tourZIndexPopup,
-    fontSize = token.fontSize,
+    zIndexPopup = token.zIndexPopup,
     colorBgElevated = token.colorBgElevated,
     fontWeightStrong = token.fontWeightStrong,
     marginXS = token.marginXS,
@@ -38,13 +35,10 @@ var genBaseStyle = function genBaseStyle(token) {
     antCls = token.antCls,
     primaryPrevBtnBg = token.primaryPrevBtnBg;
   return [_defineProperty(_defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    color: colorText,
     position: 'absolute',
-    zIndex: tourZIndexPopup,
-    display: 'block',
+    zIndex: zIndexPopup,
+    maxWidth: 'fit-content',
     visibility: 'visible',
-    fontSize: fontSize,
-    lineHeight: lineHeight,
     width: 520,
     '--antd-arrow-background-color': colorBgElevated,
     '&-pure': {
@@ -93,14 +87,13 @@ var genBaseStyle = function genBaseStyle(token) {
       width: '100%'
     }
   }), "".concat(componentCls, "-header"), _defineProperty({
-    padding: "".concat(unit(padding), " ").concat(unit(padding), " ").concat(unit(paddingXS))
+    padding: "".concat(unit(padding), " ").concat(unit(padding), " ").concat(unit(paddingXS)),
+    width: "calc(100% - ".concat(unit(closeBtnSize), ")"),
+    wordBreak: 'break-word'
   }, "".concat(componentCls, "-title"), {
-    lineHeight: lineHeight,
-    fontSize: fontSize,
     fontWeight: fontWeightStrong
   })), "".concat(componentCls, "-description"), {
     padding: "0 ".concat(unit(padding)),
-    lineHeight: lineHeight,
     wordWrap: 'break-word'
   }), "".concat(componentCls, "-footer"), _defineProperty(_defineProperty({
     padding: "".concat(unit(paddingXS), " ").concat(unit(padding), " ").concat(unit(padding)),

package/lib/Antd5/transfer/ListItem.js

@@ -14,7 +14,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import classNames from 'classnames';
-import TransButton from '../_util/transButton';
 import Checkbox from '../checkbox';
 import { useLocale } from '../locale';
 import defaultLocale from '../locale/en_US';
@@ -46,12 +45,13 @@ var ListItem = function ListItem(props) {
   });
   if (showRemove) {
     return _jsxs("li", _objectSpread(_objectSpread({}, liProps), {}, {
-      children: [labelNode, _jsx(TransButton, {
+      children: [labelNode, _jsx("button", {
+        type: "button",
         disabled: disabled || item.disabled,
         className: "".concat(prefixCls, "-content-item-remove"),
         "aria-label": contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.remove,
         onClick: function onClick() {
-          onRemove === null || onRemove === void 0 || onRemove(item);
+          return onRemove === null || onRemove === void 0 ? void 0 : onRemove(item);
         },
         children: _jsx(DeleteOutlined, {})
       })]

package/lib/Antd5/transfer/hooks/useData.js

@@ -16,7 +16,7 @@ var useData = function useData(dataSource, rowKey, targetKeys) {
   var mergedDataSource = React.useMemo(function () {
     return (dataSource || []).map(function (record) {
       if (rowKey) {
-        record = _objectSpread(_objectSpread({}, record), {}, {
+        return _objectSpread(_objectSpread({}, record), {}, {
           key: rowKey(record)
         });
       }

package/lib/Antd5/transfer/hooks/useSelection.js

@@ -1,3 +1,7 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -5,6 +9,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import * as React from 'react';
+import { useEvent, useMergedState } from 'rc-util';
 var EMPTY_KEYS = [];
 function filterKeys(keys, dataKeys) {
   var filteredKeys = keys.filter(function (key) {
@@ -15,8 +20,7 @@ function filterKeys(keys, dataKeys) {
 function flattenKeys(keys) {
   return Array.from(keys).join(';');
 }
-export default function useSelection(leftDataSource, rightDataSource) {
-  var selectedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_KEYS;
+export default function useSelection(leftDataSource, rightDataSource, selectedKeys) {
   // Prepare `dataSource` keys
   var _React$useMemo = React.useMemo(function () {
       return [new Set(leftDataSource.map(function (src) {
@@ -29,28 +33,29 @@ export default function useSelection(leftDataSource, rightDataSource) {
     leftKeys = _React$useMemo2[0],
     rightKeys = _React$useMemo2[1];
   // Selected Keys
-  var _React$useState = React.useState(function () {
-      return filterKeys(selectedKeys, leftKeys);
+  var _useMergedState = useMergedState(EMPTY_KEYS, {
+      value: selectedKeys
     }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    sourceSelectedKeys = _React$useState2[0],
-    setSourceSelectedKeys = _React$useState2[1];
-  var _React$useState3 = React.useState(function () {
-      return filterKeys(selectedKeys, rightKeys);
-    }),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    targetSelectedKeys = _React$useState4[0],
-    setTargetSelectedKeys = _React$useState4[1];
-  // Fill selected keys
-  React.useEffect(function () {
-    setSourceSelectedKeys(filterKeys(selectedKeys, leftKeys));
-    setTargetSelectedKeys(filterKeys(selectedKeys, rightKeys));
-  }, [selectedKeys]);
-  // Reset when data changed
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedSelectedKeys = _useMergedState2[0],
+    setMergedSelectedKeys = _useMergedState2[1];
+  var sourceSelectedKeys = React.useMemo(function () {
+    return filterKeys(mergedSelectedKeys, leftKeys);
+  }, [mergedSelectedKeys, leftKeys]);
+  var targetSelectedKeys = React.useMemo(function () {
+    return filterKeys(mergedSelectedKeys, rightKeys);
+  }, [mergedSelectedKeys, rightKeys]);
+  // // Reset when data changed
   React.useEffect(function () {
-    setSourceSelectedKeys(filterKeys(sourceSelectedKeys, leftKeys));
-    setTargetSelectedKeys(filterKeys(targetSelectedKeys, rightKeys));
+    setMergedSelectedKeys([].concat(_toConsumableArray(filterKeys(mergedSelectedKeys, leftKeys)), _toConsumableArray(filterKeys(mergedSelectedKeys, rightKeys))));
   }, [flattenKeys(leftKeys), flattenKeys(rightKeys)]);
+  // Update keys
+  var setSourceSelectedKeys = useEvent(function (nextSrcKeys) {
+    setMergedSelectedKeys([].concat(_toConsumableArray(nextSrcKeys), _toConsumableArray(targetSelectedKeys)));
+  });
+  var setTargetSelectedKeys = useEvent(function (nextTargetKeys) {
+    setMergedSelectedKeys([].concat(_toConsumableArray(sourceSelectedKeys), _toConsumableArray(nextTargetKeys)));
+  });
   return [
   // Keys
   sourceSelectedKeys, targetSelectedKeys,

package/lib/Antd5/transfer/style/index.js

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { unit } from '@ant-design/cssinjs';
-import { resetComponent, resetIcon, textEllipsis } from '../../style';
+import { resetComponent, resetIcon, textEllipsis, operationUnit } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 var genTransferCustomizeStyle = function genTransferCustomizeStyle(token) {
   var antCls = token.antCls,
@@ -18,7 +18,8 @@ var genTransferCustomizeStyle = function genTransferCustomizeStyle(token) {
     flex: '1 1 50%',
     width: 'auto',
     height: 'auto',
-    minHeight: listHeight
+    minHeight: listHeight,
+    minWidth: 0
   }), "".concat(tableCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(tableCls, "-small"), _defineProperty({
     border: 0,
     borderRadius: 0
@@ -57,6 +58,7 @@ var genTransferListStyle = function genTransferListStyle(token) {
     itemPaddingBlock = token.itemPaddingBlock,
     controlItemBgActive = token.controlItemBgActive,
     colorTextDisabled = token.colorTextDisabled,
+    colorTextSecondary = token.colorTextSecondary,
     listHeight = token.listHeight,
     listWidth = token.listWidth,
     listWidthLG = token.listWidthLG,
@@ -150,20 +152,12 @@ var genTransferListStyle = function genTransferListStyle(token) {
         '&-text': _objectSpread(_objectSpread({}, textEllipsis), {}, {
           flex: 'auto'
         }),
-        '&-remove': {
-          position: 'relative',
+        '&-remove': _objectSpread(_objectSpread({}, operationUnit(token)), {}, {
           color: colorBorder,
-          cursor: 'pointer',
-          transition: "all ".concat(motionDurationSlow),
-          '&:hover': {
-            color: token.colorLinkHover
-          },
-          '&::after': {
-            position: 'absolute',
-            inset: "-".concat(unit(itemPaddingBlock), " -50%"),
-            content: '""'
+          '&:hover, &:focus': {
+            color: colorTextSecondary
           }
-        }
+        })
       }, "&:not(".concat(componentCls, "-list-content-item-disabled)"), _defineProperty({
         '&:hover': {
           backgroundColor: controlItemBgHover,
@@ -224,15 +218,11 @@ var genTransferStyle = function genTransferStyle(token) {
     flexDirection: 'column',
     alignSelf: 'center',
     margin: "0 ".concat(unit(marginXS)),
-    verticalAlign: 'middle'
-  }, "".concat(antCls, "-btn"), _defineProperty({
-    display: 'block',
-    '&:first-child': {
-      marginBottom: marginXXS
-    }
-  }, iconCls, {
+    verticalAlign: 'middle',
+    gap: marginXXS
+  }, "".concat(antCls, "-btn ").concat(iconCls), {
     fontSize: fontSizeIcon
-  })))));
+  }))));
 };
 var genTransferRTLStyle = function genTransferRTLStyle(token) {
   var componentCls = token.componentCls;

package/lib/Antd5/tree/Tree.js

@@ -34,6 +34,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showIcon = _props$showIcon === void 0 ? false : _props$showIcon,
     showLine = props.showLine,
     switcherIcon = props.switcherIcon,
+    switcherLoadingIcon = props.switcherLoadingIcon,
     _props$blockNode = props.blockNode,
     blockNode = _props$blockNode === void 0 ? false : _props$blockNode,
     children = props.children,
@@ -92,6 +93,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return _jsx(SwitcherIconCom, {
       prefixCls: prefixCls,
       switcherIcon: switcherIcon,
+      switcherLoadingIcon: switcherLoadingIcon,
       treeNodeProps: nodeProps,
       showLine: showLine
     });