@swiftcrab/crab 0.0.5 → 0.0.7

package/es/menu/style/index.d.ts

@@ -0,0 +1,357 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/menu/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 弹出菜单的宽度
+   * @descEN Width of popup menu
+   */
+  dropdownWidth: number | string;
+  /**
+   * @desc 弹出菜单的 z-index
+   * @descEN z-index of popup menu
+   */
+  zIndexPopup: number;
+  /** @deprecated Use `groupTitleColor` instead */
+  colorGroupTitle: string;
+  /**
+   * @desc 分组标题文字颜色
+   * @descEN Color of group title text
+   */
+  groupTitleColor: string;
+  /**
+   * @desc 分组标题文字高度
+   * @descEN line-height of group title
+   */
+  groupTitleLineHeight: string | number;
+  /**
+   * @desc 分组标题文字大小
+   * @descEN font-size of group title
+   */
+  groupTitleFontSize: number;
+  /** @deprecated Use `itemBorderRadius` instead */
+  radiusItem: number;
+  /**
+   * @desc 菜单项的圆角
+   * @descEN Radius of menu item
+   */
+  itemBorderRadius: number;
+  /** @deprecated Use `subMenuItemBorderRadius` instead */
+  radiusSubMenuItem: number;
+  /**
+   * @desc 子菜单项的圆角
+   * @descEN Radius of sub-menu item
+   */
+  subMenuItemBorderRadius: number;
+  /** @deprecated Use `itemColor` instead */
+  colorItemText: string;
+  /**
+   * @desc 菜单项文字颜色
+   * @descEN Color of menu item text
+   */
+  itemColor: string;
+  /** @deprecated Use `itemHoverColor` instead */
+  colorItemTextHover: string;
+  /**
+   * @desc 菜单项文字悬浮颜色
+   * @descEN Hover color of menu item text
+   */
+  itemHoverColor: string;
+  /** @deprecated Use `horizontalItemHoverColor` instead */
+  colorItemTextHoverHorizontal: string;
+  /**
+   * @desc 水平菜单项文字悬浮颜色
+   * @descEN Hover color of horizontal menu item text
+   */
+  horizontalItemHoverColor: string;
+  /** @deprecated Use `itemSelectedColor` instead */
+  colorItemTextSelected: string;
+  /**
+   * @desc 菜单项文字选中颜色
+   * @descEN Color of selected menu item text
+   */
+  itemSelectedColor: string;
+  /** @deprecated Use `horizontalItemSelectedColor` instead */
+  colorItemTextSelectedHorizontal: string;
+  /**
+   * @desc 水平菜单项文字选中颜色
+   * @descEN Color of selected horizontal menu item text
+   */
+  horizontalItemSelectedColor: string;
+  /** @deprecated Use `itemDisabledColor` instead */
+  colorItemTextDisabled: string;
+  /**
+   * @desc 菜单项文字禁用颜色
+   * @descEN Color of disabled menu item text
+   */
+  itemDisabledColor: string;
+  /** @deprecated Use `dangerItemColor` instead */
+  colorDangerItemText: string;
+  /**
+   * @desc 危险菜单项文字颜色
+   * @descEN Color of danger menu item text
+   */
+  dangerItemColor: string;
+  /** @deprecated Use `dangerItemHoverColor` instead */
+  colorDangerItemTextHover: string;
+  /**
+   * @desc 危险菜单项文字悬浮颜色
+   * @descEN Hover color of danger menu item text
+   */
+  dangerItemHoverColor: string;
+  /** @deprecated Use `dangerItemSelectedColor` instead */
+  colorDangerItemTextSelected: string;
+  /**
+   * @desc 危险菜单项文字选中颜色
+   * @descEN Color of selected danger menu item text
+   */
+  dangerItemSelectedColor: string;
+  /** @deprecated Use `dangerItemActiveBg` instead */
+  colorDangerItemBgActive: string;
+  /**
+   * @desc 危险菜单项文字激活颜色
+   * @descEN Color of active danger menu item text
+   */
+  dangerItemActiveBg: string;
+  /** @deprecated Use `dangerItemSelectedBg` instead */
+  colorDangerItemBgSelected: string;
+  /**
+   * @desc 危险菜单项文字选中颜色
+   * @descEN Color of selected danger menu item text
+   */
+  dangerItemSelectedBg: string;
+  /** @deprecated Use `itemBg` instead */
+  colorItemBg: string;
+  /**
+   * @desc 菜单项背景色
+   */
+  itemBg: string;
+  /** @deprecated Use `itemHoverBg` instead */
+  colorItemBgHover: string;
+  /**
+   * @desc 菜单项悬浮态背景色
+   * @descEN Background color of menu item when hover
+   */
+  itemHoverBg: string;
+  /** @deprecated Use `subMenuItemBg` instead */
+  colorSubItemBg: string;
+  /**
+   * @desc 子菜单项背景色
+   * @descEN Background color of sub-menu item
+   */
+  subMenuItemBg: string;
+  /** @deprecated Use `itemActiveBg` instead */
+  colorItemBgActive: string;
+  /**
+   * @desc 菜单项激活态背景色
+   * @descEN Background color of menu item when active
+   */
+  itemActiveBg: string;
+  /** @deprecated Use `itemSelectedBg` instead */
+  colorItemBgSelected: string;
+  /**
+   * @desc 菜单项选中态背景色
+   * @descEN Background color of menu item when selected
+   */
+  itemSelectedBg: string;
+  /** @deprecated Use `horizontalItemSelectedBg` instead */
+  colorItemBgSelectedHorizontal: string;
+  /**
+   * @desc 水平菜单项选中态背景色
+   * @descEN Background color of horizontal menu item when selected
+   */
+  horizontalItemSelectedBg: string;
+  /** @deprecated Use `activeBarWidth` instead */
+  colorActiveBarWidth: number | string;
+  /**
+   * @desc 菜单项指示条宽度
+   * @descEN Width of menu item active bar
+   */
+  activeBarWidth: number | string;
+  /** @deprecated Use `activeBarHeight` instead */
+  colorActiveBarHeight: number;
+  /**
+   * @desc 菜单项指示条高度
+   * @descEN Height of menu item active bar
+   */
+  activeBarHeight: number;
+  /** @deprecated Use `activeBarBorderWidth` instead */
+  colorActiveBarBorderSize: number;
+  /**
+   * @desc 菜单项指示条边框宽度
+   * @descEN Border width of menu item active bar
+   */
+  activeBarBorderWidth: number | string;
+  /**
+   * @desc 菜单项横向外间距
+   * @descEN Horizontal margin of menu item
+   */
+  itemMarginInline: number;
+  /**
+   * @desc 横向菜单项横悬浮态背景色
+   * @descEN Background color of horizontal menu item when hover
+   */
+  horizontalItemHoverBg: string;
+  /**
+   * @desc 横向菜单项圆角
+   * @descEN Border radius of horizontal menu item
+   */
+  horizontalItemBorderRadius: number;
+  /**
+   * @desc 菜单项高度
+   * @descEN Height of menu item
+   */
+  itemHeight: number | string;
+  /**
+   * @desc 收起后的宽度
+   * @descEN Width when collapsed
+   */
+  collapsedWidth: number | string;
+  /**
+   * @desc 弹出框背景色
+   * @descEN Background color of popup
+   */
+  popupBg: string;
+  /**
+   * @desc 菜单项纵向外间距
+   * @descEN margin-block of menu item
+   */
+  itemMarginBlock: CSSProperties['marginBlock'];
+  /**
+   * @desc 菜单项横向内间距
+   * @descEN padding-inline of menu item
+   */
+  itemPaddingInline: CSSProperties['paddingInline'];
+  /**
+   * @desc 横向菜单行高
+   * @descEN LineHeight of horizontal menu item
+   */
+  horizontalLineHeight: CSSProperties['lineHeight'];
+  /**
+   * @desc 图标与文字间距
+   * @descEN Spacing between icon and text
+   */
+  iconMarginInlineEnd: CSSProperties['marginInlineEnd'];
+  /**
+   * @desc 图标尺寸
+   * @descEN Size of icon
+   */
+  iconSize: number;
+  /**
+   * @desc 收起时图标尺寸
+   * @descEN Size of icon when collapsed
+   */
+  collapsedIconSize: number;
+  /**
+   * @desc 暗色模式下的浮层菜单的背景颜色
+   * @descEN The background color of the overlay menu in dark mode.
+   */
+  darkPopupBg: string;
+  /**
+   * @desc 暗色模式下的菜单项文字颜色
+   * @descEN Color of menu item text in dark mode
+   */
+  darkItemColor: string;
+  /**
+   * @desc 暗色模式下的危险菜单项文字颜色
+   * @descEN Color of danger menu item text in dark mode
+   */
+  darkDangerItemColor: string;
+  /**
+   * @desc 暗色模式下的菜单项背景
+   * @descEN Background of menu item in dark mode
+   */
+  darkItemBg: string;
+  /**
+   * @desc 暗色模式下的子菜单项背景
+   * @descEN Background of submenu item in dark mode
+   */
+  darkSubMenuItemBg: string;
+  /**
+   * @desc 暗色模式下的菜单项选中颜色
+   * @descEN Color of selected menu item in dark mode
+   */
+  darkItemSelectedColor: string;
+  /**
+   * @desc 暗色模式下的菜单项选中背景
+   * @descEN Background of active menu item in dark mode
+   */
+  darkItemSelectedBg: string;
+  /**
+   * @desc 暗色模式下的菜单项悬浮背景
+   * @descEN Background of hovered menu item in dark mode
+   */
+  darkItemHoverBg: string;
+  /**
+   * @desc 暗色模式下的分组标题文字颜色
+   * @descEN Color of group title text in dark mode
+   */
+  darkGroupTitleColor: string;
+  /**
+   * @desc 暗色模式下的菜单项悬浮颜色
+   * @descEN Color of hovered menu item in dark mode
+   */
+  darkItemHoverColor: string;
+  /**
+   * @desc 暗色模式下的菜单项禁用颜色
+   * @descEN Color of disabled menu item in dark mode
+   */
+  darkItemDisabledColor: string;
+  /**
+   * @desc 暗色模式下的危险菜单项选中背景
+   * @descEN Background of active danger menu item in dark mode
+   */
+  darkDangerItemSelectedBg: string;
+  /**
+   * @desc 暗色模式下的危险菜单项悬浮文字背景
+   * @descEN Background of hovered danger menu item in dark mode
+   */
+  darkDangerItemHoverColor: string;
+  /**
+   * @desc 暗色模式下的危险菜单项选中文字颜色
+   * @descEN Color of selected danger menu item in dark mode
+   */
+  darkDangerItemSelectedColor: string;
+  /**
+   * @desc 暗色模式下的危险菜单项激活态背景
+   * @descEN Background of active danger menu item in dark mode
+   */
+  darkDangerItemActiveBg: string;
+}
+/**
+ * @desc Menu 组件的 Token
+ * @descEN Token for Menu component
+ */
+export interface MenuToken extends FullToken<'Menu'> {
+  /**
+   * @desc 水平菜单高度
+   * @descEN Height of horizontal menu
+   */
+  menuHorizontalHeight: number | string;
+  /**
+   * @desc 菜单箭头尺寸
+   * @descEN Size of menu arrow
+   */
+  menuArrowSize: number | string;
+  /**
+   * @desc 菜单箭头偏移量
+   * @descEN Offset of menu arrow
+   */
+  menuArrowOffset: number | string;
+  /**
+   * @desc 子菜单背景色
+   * @descEN Background color of sub-menu
+   */
+  menuSubMenuBg: string;
+  /**
+   * @desc 暗色模式下的浮层菜单背景色
+   * @descEN Background color of popup menu in dark mode
+   */
+  darkPopupBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Menu'>;
+declare const _default: (prefixCls: string, rootCls?: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/menu/style/index.js

@@ -0,0 +1,2 @@
+import{clearFix as e,resetComponent as t,resetIcon as n}from"../../style/index.js";import{genStyleHooks as r}from"../../theme/util/genStyleUtils.js";import{mergeToken as i}from"../../theme/internal.js";import a from"../../style/motion/collapse.js";import{initSlideMotion as o}from"../../style/motion/slide.js";import{initZoomMotion as s}from"../../style/motion/zoom.js";import"../../style/motion/index.js";import c from"./horizontal.js";import l from"./rtl.js";import u from"./theme.js";import d from"./vertical.js";import{unit as f}from"@ant-design/cssinjs";import{TinyColor as p}from"@ctrl/tinycolor";const m=e=>{let{componentCls:t,motionDurationSlow:r,motionDurationMid:i,motionEaseInOut:a,motionEaseOut:o,iconCls:s,iconSize:c,iconMarginInlineEnd:l}=e;return{[`${t}-item, ${t}-submenu-title`]:{position:`relative`,display:`block`,margin:0,whiteSpace:`nowrap`,cursor:`pointer`,transition:[`border-color ${r}`,`background ${r}`,`padding calc(${r} + 0.1s) ${a}`].join(`,`),[`${t}-item-icon, ${s}`]:{minWidth:c,fontSize:c,transition:[`font-size ${i} ${o}`,`margin ${r} ${a}`,`color ${r}`].join(`,`),"+ span":{marginInlineStart:l,opacity:1,transition:[`opacity ${r} ${a}`,`margin ${r}`,`color ${r}`].join(`,`)}},[`${t}-item-icon`]:{...n()},[`&${t}-item-only-child`]:{[`> ${s}, > ${t}-item-icon`]:{marginInlineEnd:0}}},[`${t}-item-disabled, ${t}-submenu-disabled`]:{background:`none !important`,cursor:`not-allowed`,"&::after":{borderColor:`transparent !important`},a:{color:`inherit !important`},[`> ${t}-submenu-title`]:{color:`inherit !important`,cursor:`not-allowed`}}}},h=e=>{let{componentCls:t,motionDurationSlow:n,motionEaseInOut:r,borderRadius:i,menuArrowSize:a,menuArrowOffset:o}=e;return{[`${t}-submenu`]:{"&-expand-icon, &-arrow":{position:`absolute`,top:`50%`,insetInlineEnd:e.margin,width:a,color:`currentcolor`,transform:`translateY(-50%)`,transition:`transform ${n} ${r}, opacity ${n}`},"&-arrow":{"&::before, &::after":{position:`absolute`,width:e.calc(a).mul(.6).equal(),height:e.calc(a).mul(.15).equal(),backgroundColor:`currentcolor`,borderRadius:i,transition:[`background ${n} ${r}`,`transform ${n} ${r}`,`top ${n} ${r}`,`color ${n} ${r}`].join(`,`),content:`""`},"&::before":{transform:`rotate(45deg) translateY(${f(e.calc(o).mul(-1).equal())})`},"&::after":{transform:`rotate(-45deg) translateY(${f(o)})`}}}}},g=n=>{let{antCls:r,componentCls:i,fontSize:a,motionDurationSlow:o,motionDurationMid:s,motionEaseInOut:c,paddingXS:l,padding:u,colorSplit:d,lineWidth:p,zIndexPopup:g,borderRadiusLG:_,subMenuItemBorderRadius:v,menuArrowSize:y,menuArrowOffset:b,lineType:x,groupTitleLineHeight:S,groupTitleFontSize:C}=n;return[{"":{[i]:{...e(),"&-hidden":{display:`none`}}},[`${i}-submenu-hidden`]:{display:`none`}},{[i]:{...t(n),...e(),marginBottom:0,paddingInlineStart:0,fontSize:a,lineHeight:0,listStyle:`none`,outline:`none`,transition:`width ${o} cubic-bezier(0.2, 0, 0, 1) 0s`,"ul, ol":{margin:0,padding:0,listStyle:`none`},"&-overflow":{display:`flex`,[`${i}-item`]:{flex:`none`}},[`${i}-item, ${i}-submenu, ${i}-submenu-title`]:{borderRadius:n.itemBorderRadius},[`${i}-item-group-title`]:{padding:`${f(l)} ${f(u)}`,fontSize:C,lineHeight:S,transition:`all ${o}`},[`&-horizontal ${i}-submenu`]:{transition:[`border-color ${o} ${c}`,`background ${o} ${c}`].join(`,`)},[`${i}-submenu, ${i}-submenu-inline`]:{transition:[`border-color ${o} ${c}`,`background ${o} ${c}`,`padding ${s} ${c}`].join(`,`)},[`${i}-submenu ${i}-sub`]:{cursor:`initial`,transition:[`background ${o} ${c}`,`padding ${o} ${c}`].join(`,`)},[`${i}-title-content`]:{transition:`color ${o}`,"&-with-extra":{display:`inline-flex`,alignItems:`center`,width:`100%`},[`> ${r}-typography-ellipsis-single-line`]:{display:`inline`,verticalAlign:`unset`},[`${i}-item-extra`]:{marginInlineStart:`auto`,paddingInlineStart:n.padding,fontSize:n.fontSizeSM}},[`${i}-item a`]:{"&::before":{position:`absolute`,inset:0,backgroundColor:`transparent`,content:`""`}},[`${i}-item-divider`]:{overflow:`hidden`,lineHeight:0,borderColor:d,borderStyle:x,borderWidth:0,borderTopWidth:p,marginBlock:p,padding:0,"&-dashed":{borderStyle:`dashed`}},...m(n),[`${i}-item-group`]:{[`${i}-item-group-list`]:{margin:0,padding:0,[`${i}-item, ${i}-submenu-title`]:{paddingInline:`${f(n.calc(a).mul(2).equal())} ${f(u)}`}}},"&-submenu":{"&-popup":{position:`absolute`,zIndex:g,borderRadius:_,boxShadow:`none`,transformOrigin:`0 0`,[`&${i}-submenu`]:{background:`transparent`},"&::before":{position:`absolute`,inset:0,zIndex:-1,width:`100%`,height:`100%`,opacity:0,content:`""`},[`> ${i}`]:{borderRadius:_,...m(n),...h(n),[`${i}-item, ${i}-submenu > ${i}-submenu-title`]:{borderRadius:v},[`${i}-submenu-title::after`]:{transition:`transform ${o} ${c}`}}},"\n          &-placement-leftTop,\n          &-placement-bottomRight,\n          ":{transformOrigin:`100% 0`},"\n          &-placement-leftBottom,\n          &-placement-topRight,\n          ":{transformOrigin:`100% 100%`},"\n          &-placement-rightBottom,\n          &-placement-topLeft,\n          ":{transformOrigin:`0 100%`},"\n          &-placement-bottomLeft,\n          &-placement-rightTop,\n          ":{transformOrigin:`0 0`},"\n          &-placement-leftTop,\n          &-placement-leftBottom\n          ":{paddingInlineEnd:n.paddingXS},"\n          &-placement-rightTop,\n          &-placement-rightBottom\n          ":{paddingInlineStart:n.paddingXS},"\n          &-placement-topRight,\n          &-placement-topLeft\n          ":{paddingBottom:n.paddingXS},"\n          &-placement-bottomRight,\n          &-placement-bottomLeft\n          ":{paddingTop:n.paddingXS}},...h(n),[`&-inline-collapsed ${i}-submenu-arrow,
+        &-inline ${i}-submenu-arrow`]:{"&::before":{transform:`rotate(-45deg) translateX(${f(b)})`},"&::after":{transform:`rotate(45deg) translateX(${f(n.calc(b).mul(-1).equal())})`}},[`${i}-submenu-open${i}-submenu-inline > ${i}-submenu-title > ${i}-submenu-arrow`]:{transform:`translateY(${f(n.calc(y).mul(.2).mul(-1).equal())})`,"&::after":{transform:`rotate(-45deg) translateX(${f(n.calc(b).mul(-1).equal())})`},"&::before":{transform:`rotate(45deg) translateX(${f(b)})`}}}},{[`${r}-layout-header`]:{[i]:{lineHeight:`inherit`}}}]},_=e=>{let{colorPrimary:t,colorError:n,colorTextDisabled:r,colorErrorBg:i,colorText:a,colorTextDescription:o,colorBgContainer:s,colorFillAlter:c,colorFillContent:l,lineWidth:u,lineWidthBold:d,controlItemBgActive:f,colorBgTextHover:m,controlHeightLG:h,lineHeight:g,colorBgElevated:_,marginXXS:v,padding:y,fontSize:b,controlHeightSM:x,fontSizeLG:S,colorTextLightSolid:C,colorErrorHover:w}=e,T=e.activeBarWidth??0,E=e.activeBarBorderWidth??u,D=e.itemMarginInline??e.marginXXS,O=new p(C).setAlpha(.65).toRgbString();return{dropdownWidth:160,zIndexPopup:e.zIndexPopupBase+50,radiusItem:e.borderRadiusLG,itemBorderRadius:e.borderRadiusLG,radiusSubMenuItem:e.borderRadiusSM,subMenuItemBorderRadius:e.borderRadiusSM,colorItemText:a,itemColor:a,colorItemTextHover:a,itemHoverColor:a,colorItemTextHoverHorizontal:t,horizontalItemHoverColor:t,colorGroupTitle:o,groupTitleColor:o,colorItemTextSelected:t,itemSelectedColor:t,colorItemTextSelectedHorizontal:t,horizontalItemSelectedColor:t,colorItemBg:s,itemBg:s,colorItemBgHover:m,itemHoverBg:m,colorItemBgActive:l,itemActiveBg:f,colorSubItemBg:c,subMenuItemBg:c,colorItemBgSelected:f,itemSelectedBg:f,colorItemBgSelectedHorizontal:`transparent`,horizontalItemSelectedBg:`transparent`,colorActiveBarWidth:0,activeBarWidth:T,colorActiveBarHeight:d,activeBarHeight:d,colorActiveBarBorderSize:u,activeBarBorderWidth:E,colorItemTextDisabled:r,itemDisabledColor:r,colorDangerItemText:n,dangerItemColor:n,colorDangerItemTextHover:n,dangerItemHoverColor:n,colorDangerItemTextSelected:n,dangerItemSelectedColor:n,colorDangerItemBgActive:i,dangerItemActiveBg:i,colorDangerItemBgSelected:i,dangerItemSelectedBg:i,itemMarginInline:D,horizontalItemBorderRadius:0,horizontalItemHoverBg:`transparent`,itemHeight:h,groupTitleLineHeight:g,collapsedWidth:h*2,popupBg:_,itemMarginBlock:v,itemPaddingInline:y,horizontalLineHeight:`${h*1.15}px`,iconSize:b,iconMarginInlineEnd:x-b,collapsedIconSize:S,groupTitleFontSize:b,darkItemDisabledColor:new p(C).setAlpha(.25).toRgbString(),darkItemColor:O,darkDangerItemColor:n,darkItemBg:`#001529`,darkPopupBg:`#001529`,darkSubMenuItemBg:`#000c17`,darkItemSelectedColor:C,darkItemSelectedBg:t,darkDangerItemSelectedBg:n,darkItemHoverBg:`transparent`,darkGroupTitleColor:O,darkItemHoverColor:C,darkDangerItemHoverColor:w,darkDangerItemSelectedColor:C,darkDangerItemActiveBg:n,itemWidth:T?`calc(100% + ${E}px)`:`calc(100% - ${D*2}px)`}};var v=(e,t=e,n=!0)=>r(`Menu`,e=>{let{colorBgElevated:t,controlHeightLG:n,fontSize:r,darkItemColor:f,darkDangerItemColor:p,darkItemBg:m,darkSubMenuItemBg:h,darkItemSelectedColor:_,darkItemSelectedBg:v,darkDangerItemSelectedBg:y,darkItemHoverBg:b,darkGroupTitleColor:x,darkItemHoverColor:S,darkItemDisabledColor:C,darkDangerItemHoverColor:w,darkDangerItemSelectedColor:T,darkDangerItemActiveBg:E,popupBg:D,darkPopupBg:O}=e,k=e.calc(r).div(7).mul(5).equal(),A=i(e,{menuArrowSize:k,menuHorizontalHeight:e.calc(n).mul(1.15).equal(),menuArrowOffset:e.calc(k).mul(.25).equal(),menuSubMenuBg:t,calc:e.calc,popupBg:D}),j=i(A,{itemColor:f,itemHoverColor:S,groupTitleColor:x,itemSelectedColor:_,itemBg:m,popupBg:O,subMenuItemBg:h,itemActiveBg:`transparent`,itemSelectedBg:v,activeBarHeight:0,activeBarBorderWidth:0,itemHoverBg:b,itemDisabledColor:C,dangerItemColor:p,dangerItemHoverColor:w,dangerItemSelectedColor:T,dangerItemActiveBg:E,dangerItemSelectedBg:y,menuSubMenuBg:h,horizontalItemSelectedColor:_,horizontalItemSelectedBg:v});return[g(A),c(A),d(A),u(A,`light`),u(j,`dark`),l(A),a(A),o(A,`slide-up`),o(A,`slide-down`),s(A,`zoom-big`)]},_,{deprecatedTokens:[[`colorGroupTitle`,`groupTitleColor`],[`radiusItem`,`itemBorderRadius`],[`radiusSubMenuItem`,`subMenuItemBorderRadius`],[`colorItemText`,`itemColor`],[`colorItemTextHover`,`itemHoverColor`],[`colorItemTextHoverHorizontal`,`horizontalItemHoverColor`],[`colorItemTextSelected`,`itemSelectedColor`],[`colorItemTextSelectedHorizontal`,`horizontalItemSelectedColor`],[`colorItemTextDisabled`,`itemDisabledColor`],[`colorDangerItemText`,`dangerItemColor`],[`colorDangerItemTextHover`,`dangerItemHoverColor`],[`colorDangerItemTextSelected`,`dangerItemSelectedColor`],[`colorDangerItemBgActive`,`dangerItemActiveBg`],[`colorDangerItemBgSelected`,`dangerItemSelectedBg`],[`colorItemBg`,`itemBg`],[`colorItemBgHover`,`itemHoverBg`],[`colorSubItemBg`,`subMenuItemBg`],[`colorItemBgActive`,`itemActiveBg`],[`colorItemBgSelectedHorizontal`,`horizontalItemSelectedBg`],[`colorActiveBarWidth`,`activeBarWidth`],[`colorActiveBarHeight`,`activeBarHeight`],[`colorActiveBarBorderSize`,`activeBarBorderWidth`],[`colorItemBgSelected`,`itemSelectedBg`]],injectStyle:n,unitless:{groupTitleLineHeight:!0}})(e,t);export{v as default,_ as prepareComponentToken};

package/es/menu/style/rtl.d.ts

@@ -0,0 +1,9 @@
+import "../../theme/internal.js";
+import { MenuToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CssUtil } from "../../node_modules/.pnpm/antd-style@3.7.1_@types_react@19.2.2_antd@5.24.8_moment@2.30.1_react-dom@18.3.1_react@1_478ff50d1d2423a9645e628a1ab339ad/node_modules/antd-style/lib/types/css.js";
+import "../../node_modules/.pnpm/antd-style@3.7.1_@types_react@19.2.2_antd@5.24.8_moment@2.30.1_react-dom@18.3.1_react@1_478ff50d1d2423a9645e628a1ab339ad/node_modules/antd-style/lib/index.js";
+//#region components/menu/style/rtl.d.ts
+declare const getRTLStyle: GenerateStyle<MenuToken & CssUtil>;
+//#endregion
+export { getRTLStyle as default };

package/es/menu/style/rtl.js

@@ -0,0 +1,2 @@
+import{unit as e}from"@ant-design/cssinjs";const t=({componentCls:t,menuArrowOffset:n,calc:r})=>({[`${t}-rtl`]:{direction:`rtl`},[`${t}-submenu-rtl`]:{transformOrigin:`100% 0`},[`${t}-rtl${t}-vertical,
+    ${t}-submenu-rtl ${t}-vertical`]:{[`${t}-submenu-arrow`]:{"&::before":{transform:`rotate(-45deg) translateY(${e(r(n).mul(-1).equal())})`},"&::after":{transform:`rotate(45deg) translateY(${e(n)})`}}}});export{t as default};

package/es/menu/style/theme.d.ts

@@ -0,0 +1,6 @@
+import { MenuToken } from "./index.js";
+import { CSSInterpolation } from "@ant-design/cssinjs";
+//#region components/menu/style/theme.d.ts
+declare const getThemeStyle: (token: MenuToken, themeSuffix: string) => CSSInterpolation;
+//#endregion
+export { getThemeStyle as default };

package/es/menu/style/theme.js

@@ -0,0 +1 @@
+import{genFocusOutline as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";const n=t=>({...e(t)}),r=(e,r)=>{let{componentCls:i,itemColor:a,itemSelectedColor:o,groupTitleColor:s,itemBg:c,subMenuItemBg:l,itemSelectedBg:u,activeBarHeight:d,activeBarWidth:f,activeBarBorderWidth:p,motionDurationSlow:m,motionEaseInOut:h,motionEaseOut:g,itemPaddingInline:_,motionDurationMid:v,itemHoverColor:y,lineType:b,colorSplit:x,itemDisabledColor:S,dangerItemColor:C,dangerItemHoverColor:w,dangerItemSelectedColor:T,dangerItemActiveBg:E,dangerItemSelectedBg:D,popupBg:O,itemHoverBg:k,itemActiveBg:A,menuSubMenuBg:j,horizontalItemSelectedColor:M,horizontalItemSelectedBg:N,horizontalItemBorderRadius:P,horizontalItemHoverBg:F}=e;return{[`${i}-${r}, ${i}-${r} > ${i}`]:{color:a,background:c,[`&${i}-root:focus-visible`]:{...n(e)},[`${i}-item`]:{"&-group-title, &-extra":{color:s}},[`${i}-submenu-selected`]:{[`> ${i}-submenu-title`]:{color:o}},[`${i}-item, ${i}-submenu-title`]:{color:a,[`&:not(${i}-item-disabled):focus-visible`]:{...n(e)}},[`${i}-item-disabled, ${i}-submenu-disabled`]:{color:`${S} !important`},[`${i}-item:not(${i}-item-selected):not(${i}-submenu-selected)`]:{[`&:hover, > ${i}-submenu-title:hover`]:{color:y}},[`&:not(${i}-horizontal)`]:{[`${i}-item:not(${i}-item-selected)`]:{"&:hover":{backgroundColor:k},"&:active":{backgroundColor:A}},[`${i}-submenu-title`]:{"&:hover":{backgroundColor:k},"&:active":{backgroundColor:A}}},[`${i}-item-danger`]:{color:C,[`&${i}-item:hover`]:{[`&:not(${i}-item-selected):not(${i}-submenu-selected)`]:{color:w}},[`&${i}-item:active`]:{background:E}},[`${i}-item a`]:{"&, &:hover":{color:`inherit`}},[`${i}-item-selected`]:{color:o,[`&${i}-item-danger`]:{color:T},"a, a:hover":{color:`inherit`}},[`& ${i}-item-selected`]:{backgroundColor:u,[`&${i}-item-danger`]:{backgroundColor:D}},[`&${i}-submenu > ${i}`]:{backgroundColor:j},[`&${i}-popup > ${i}`]:{backgroundColor:O},[`&${i}-submenu-popup > ${i}`]:{backgroundColor:O},[`&${i}-horizontal`]:{...r===`dark`?{borderBottom:0}:{},[`> ${i}-item, > ${i}-submenu`]:{top:p,marginTop:e.calc(p).mul(-1).equal(),marginBottom:0,borderRadius:P,"&::after":{position:`absolute`,insetInline:_,bottom:0,borderBottom:`${t(d)} solid transparent`,transition:`border-color ${m} ${h}`,content:`""`},"&:hover, &-active, &-open":{background:F,"&::after":{borderBottomWidth:d,borderBottomColor:M}},"&-selected":{color:M,backgroundColor:N,"&:hover":{backgroundColor:N},"&::after":{borderBottomWidth:d,borderBottomColor:M}}}},[`&${i}-root`]:{[`&${i}-inline, &${i}-vertical`]:{borderInlineEnd:`${t(p)} ${b} ${x}`}},[`&${i}-inline`]:{[`${i}-sub${i}-inline`]:{background:l},[`${i}-item`]:{position:`relative`,"&::after":{position:`absolute`,insetBlock:0,insetInlineEnd:0,borderInlineEnd:`${t(f)} solid ${o}`,transform:`scaleY(0.0001)`,opacity:0,transition:[`transform ${v} ${g}`,`opacity ${v} ${g}`].join(`,`),content:`""`},[`&${i}-item-danger`]:{"&::after":{borderInlineEndColor:T}}},[`${i}-selected, ${i}-item-selected`]:{"&::after":{transform:`scaleY(1)`,opacity:1,transition:[`transform ${v} ${h}`,`opacity ${v} ${h}`].join(`,`)}}}}}};export{r as default};

package/es/menu/style/vertical.d.ts

@@ -0,0 +1,7 @@
+import "../../theme/internal.js";
+import { MenuToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/menu/style/vertical.d.ts
+declare const getVerticalStyle: GenerateStyle<MenuToken>;
+//#endregion
+export { getVerticalStyle as default };

package/es/menu/style/vertical.js

@@ -0,0 +1,9 @@
+import{textEllipsis as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";const n=e=>{let{componentCls:n,itemHeight:r,itemMarginInline:i,padding:a,menuArrowSize:o,marginXS:s,itemMarginBlock:c,itemWidth:l,itemPaddingInline:u}=e,d=e.calc(o).add(a).add(s).equal();return{[`${n}-item`]:{position:`relative`,overflow:`hidden`},[`${n}-item, ${n}-submenu-title`]:{height:r,lineHeight:t(r),paddingInline:u,overflow:`hidden`,textOverflow:`ellipsis`,marginInline:i,marginBlock:c,width:l},[`> ${n}-item,
+            > ${n}-submenu > ${n}-submenu-title`]:{height:r,lineHeight:t(r)},[`${n}-item-group-list ${n}-submenu-title,
+            ${n}-submenu-title`]:{paddingInlineEnd:d}}},r=r=>{let{componentCls:i,iconCls:a,itemHeight:o,colorTextLightSolid:s,dropdownWidth:c,controlHeightLG:l,motionEaseOut:u,paddingXL:d,itemMarginInline:f,fontSizeLG:p,motionDurationFast:m,motionDurationSlow:h,paddingXS:g,boxShadowSecondary:_,collapsedWidth:v,collapsedIconSize:y}=r,b={height:o,lineHeight:t(o),listStylePosition:`inside`,listStyleType:`disc`};return[{[i]:{"&-inline, &-vertical":{[`&${i}-root`]:{boxShadow:`none`},...n(r)}},[`${i}-submenu-popup`]:{[`${i}-vertical`]:{...n(r),boxShadow:_}}},{[`${i}-submenu-popup ${i}-vertical${i}-sub`]:{minWidth:c,maxHeight:`calc(100vh - ${t(r.calc(l).mul(2.5).equal())})`,padding:`0`,overflow:`hidden`,borderInlineEnd:0,"&:not([class*='-active'])":{overflowX:`hidden`,overflowY:`auto`}}},{[`${i}-inline`]:{width:`100%`,[`&${i}-root`]:{[`${i}-item, ${i}-submenu-title`]:{display:`flex`,alignItems:`center`,transition:[`border-color ${h}`,`background ${h}`,`padding ${m} ${u}`].join(`,`),[`> ${i}-title-content`]:{flex:`auto`,minWidth:0,overflow:`hidden`,textOverflow:`ellipsis`},"> *":{flex:`none`}}},[`${i}-sub${i}-inline`]:{padding:0,border:0,borderRadius:0,boxShadow:`none`,[`& > ${i}-submenu > ${i}-submenu-title`]:b,[`& ${i}-item-group-title`]:{paddingInlineStart:d}},[`${i}-item`]:b}},{[`${i}-inline-collapsed`]:{width:v,[`&${i}-root`]:{[`${i}-item, ${i}-submenu ${i}-submenu-title`]:{[`> ${i}-inline-collapsed-noicon`]:{fontSize:p,textAlign:`center`}}},[`> ${i}-item,
+          > ${i}-item-group > ${i}-item-group-list > ${i}-item,
+          > ${i}-item-group > ${i}-item-group-list > ${i}-submenu > ${i}-submenu-title,
+          > ${i}-submenu > ${i}-submenu-title`]:{insetInlineStart:0,paddingInline:`calc(50% - ${t(r.calc(y).div(2).equal())} - ${t(f)})`,textOverflow:`clip`,[`
+            ${i}-submenu-arrow,
+            ${i}-submenu-expand-icon
+          `]:{opacity:0},[`${i}-item-icon, ${a}`]:{margin:0,fontSize:y,lineHeight:t(o),"+ span":{display:`inline-block`,opacity:0}}},[`${i}-item-icon, ${a}`]:{display:`inline-block`},"&-tooltip":{pointerEvents:`none`,[`${i}-item-icon, ${a}`]:{display:`none`},"a, a:hover":{color:s}},[`${i}-item-group-title`]:{...e,paddingInline:g}}}]};export{r as default};

package/es/message/PurePanel.d.ts

@@ -0,0 +1,25 @@
+import { NoticeType } from "./interface.js";
+import * as React$1 from "react";
+import { NoticeProps } from "rc-notification/lib/Notice";
+//#region components/message/PurePanel.d.ts
+export declare const TypeIcon: {
+  info: React$1.JSX.Element;
+  success: React$1.JSX.Element;
+  error: React$1.JSX.Element;
+  warning: React$1.JSX.Element;
+  loading: React$1.JSX.Element;
+};
+export interface PureContentProps {
+  prefixCls: string;
+  type?: NoticeType;
+  icon?: React$1.ReactNode;
+  children: React$1.ReactNode;
+}
+export declare const PureContent: React$1.FC<PureContentProps>;
+export interface PurePanelProps extends Omit<NoticeProps, 'prefixCls' | 'eventKey'>, Omit<PureContentProps, 'prefixCls' | 'children'> {
+  prefixCls?: string;
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React$1.FC<PurePanelProps>;
+//#endregion
+export { PurePanel as default };

package/es/message/PurePanel.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useCSSVarCls.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"@ant-design/icons/CheckCircleFilled";import o from"@ant-design/icons/CloseCircleFilled";import s from"@ant-design/icons/ExclamationCircleFilled";import c from"@ant-design/icons/InfoCircleFilled";import{Notice as l}from"rc-notification";import u from"@ant-design/icons/LoadingOutlined";const d={info:r.createElement(c,null),success:r.createElement(a,null),error:r.createElement(o,null),warning:r.createElement(s,null),loading:r.createElement(u,null)},f=({prefixCls:e,type:t,icon:n,children:a})=>r.createElement(`div`,{className:i(`${e}-custom-content`,`${e}-${t}`)},n||d[t],r.createElement(`span`,null,a)),p=a=>{let{prefixCls:o,className:s,type:c,icon:u,content:d,...p}=a,{getPrefixCls:m}=r.useContext(e),h=o||m(`message`),g=t(h),[_,v,y]=n(h,g);return _(r.createElement(l,{...p,prefixCls:h,className:i(s,v,`${h}-notice-pure-panel`,y,g),eventKey:`pure`,duration:null,content:r.createElement(f,{prefixCls:h,type:c,icon:u},d)}))};export{f as PureContent,d as TypeIcon,p as default};

package/es/message/index.d.ts

@@ -0,0 +1,24 @@
+import { ArgsProps, ConfigOptions, MessageType, TypeOpen } from "./interface.js";
+import PurePanel from "./PurePanel.js";
+import useMessage from "./useMessage.js";
+import React from "react";
+//#region components/message/index.d.ts
+declare function setMessageGlobalConfig(config: ConfigOptions): void;
+interface BaseMethods {
+  open: (config: ArgsProps) => MessageType;
+  destroy: (key?: React.Key) => void;
+  config: typeof setMessageGlobalConfig;
+  useMessage: typeof useMessage;
+  /** @private Internal Component. Do not use in your production. */
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+}
+interface MessageMethods {
+  info: TypeOpen;
+  success: TypeOpen;
+  error: TypeOpen;
+  warning: TypeOpen;
+  loading: TypeOpen;
+}
+declare const staticMethods: MessageMethods & BaseMethods;
+//#endregion
+export { type ArgsProps, staticMethods as default };

package/es/message/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import t,{globalConfig as n}from"../config-provider/index.js";import r from"./PurePanel.js";import{wrapPromiseFn as i}from"./util.js";import a,{useInternalMessage as o}from"./useMessage.js";import{getReactRender as s}from"../config-provider/UnstableContext.js";import{AppConfigContext as c}from"../app/context.js";import l,{useContext as u}from"react";let d=null,f=e=>e(),p=[],m={};function h(){let{getContainer:e,duration:t,rtl:n,maxCount:r,top:i}=m,a=e?.()||document.body;return{getContainer:()=>a,duration:t,rtl:n,maxCount:r,top:i}}const g=l.forwardRef((t,n)=>{let{messageConfig:r,sync:i}=t,{getPrefixCls:a}=u(e),s=m.prefixCls||a(`message`),d=u(c),[f,p]=o({...r,prefixCls:s,...d.message});return l.useImperativeHandle(n,()=>{let e={...f};return Object.keys(e).forEach(t=>{e[t]=(...e)=>(i(),f[t](...e))}),{instance:e,sync:i}}),p}),_=l.forwardRef((e,r)=>{let[i,a]=l.useState(h),o=()=>{a(h)};l.useEffect(o,[]);let s=n(),c=s.getRootPrefixCls(),u=s.getIconPrefixCls(),d=s.getTheme(),f=l.createElement(g,{ref:r,sync:o,messageConfig:i});return l.createElement(t,{prefixCls:c,iconPrefixCls:u,theme:d},s.holderRender?s.holderRender(f):f)});function v(){if(!d){let e=document.createDocumentFragment(),t={fragment:e};d=t,f(()=>{s()(l.createElement(_,{ref:e=>{let{instance:n,sync:r}=e||{};Promise.resolve().then(()=>{!t.instance&&n&&(t.instance=n,t.sync=r,v())})}}),e)});return}d.instance&&(p.forEach(e=>{let{type:t,skipped:n}=e;if(!n)switch(t){case`open`:f(()=>{let t=d.instance.open({...m,...e.config});t?.then(e.resolve),e.setCloseFn(t)});break;case`destroy`:f(()=>{d?.instance.destroy(e.key)});break;default:f(()=>{let n=d.instance[t](...e.args);n?.then(e.resolve),e.setCloseFn(n)})}}),p=[])}function y(e){m={...m,...e},f(()=>{d?.sync?.()})}function b(e){let t=i(t=>{let n,r={type:`open`,config:e,resolve:t,setCloseFn:e=>{n=e}};return p.push(r),()=>{n?f(()=>{n()}):r.skipped=!0}});return v(),t}function x(e,t){n();let r=i(n=>{let r,i={type:e,args:t,resolve:n,setCloseFn:e=>{r=e}};return p.push(i),()=>{r?f(()=>{r()}):i.skipped=!0}});return v(),r}const S=e=>{p.push({type:`destroy`,key:e}),v()},C=[`success`,`info`,`warning`,`error`,`loading`],w={open:b,destroy:S,config:y,useMessage:a,_InternalPanelDoNotUseOrYouWillBeFired:r};C.forEach(e=>{w[e]=(...t)=>x(e,t)});const T=()=>{};let E=T,D=T;export{D as actDestroy,E as actWrapper,w as default};

package/es/message/interface.d.ts

@@ -0,0 +1,68 @@
+import * as React$1 from "react";
+//#region components/message/interface.d.ts
+export type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading';
+export interface ConfigOptions {
+  top?: string | number;
+  duration?: number;
+  prefixCls?: string;
+  getContainer?: () => HTMLElement;
+  transitionName?: string;
+  maxCount?: number;
+  rtl?: boolean;
+}
+export interface ArgsProps {
+  /**
+   * @descCN 消息通知的内容，接收组件或者字符串
+   * @descEN The content of the message notification, receiving component or string
+   */
+  content: React$1.ReactNode;
+  /**
+   * @descCN 消息通知持续显示的时间
+   * @descEN How long the message notification remains displayed
+   */
+  duration?: number;
+  /**
+   * @descCN 消息通知的类型，可以是 'info'、'success'、'error'、'warning' 或 'loading'
+   * @descEN The type of message notification, which can be 'info', 'success', 'error', 'warning' or 'loading'
+   */
+  type?: NoticeType;
+  /**
+   * @descCN 消息通知关闭时进行调用的回调函数
+   * @descEN The callback function called when the message notification is closed
+   */
+  onClose?: () => void;
+  icon?: React$1.ReactNode;
+  key?: string | number;
+  style?: React$1.CSSProperties;
+  className?: string;
+  /**
+   * @descCN 消息通知点击时的回调函数
+   * @descEN Callback function when message notification is clicked
+   */
+  onClick?: (e: React$1.MouseEvent<HTMLDivElement>) => void;
+}
+export type JointContent = React$1.ReactNode | ArgsProps;
+export interface MessageType extends PromiseLike<boolean> {
+  (): void;
+}
+export type TypeOpen = (content: JointContent,
+/**
+ * @descCN 消息通知持续显示的时间，也可以直接使用 onClose。
+ * @descEN You can also use onClose directly to determine how long the message notification continues to be displayed.
+ */
+duration?: number | VoidFunction,
+/**
+ * @descCN 消息通知关闭时进行调用的回调函数
+ * @descEN The callback function called when the message notification is closed
+ */
+onClose?: VoidFunction) => MessageType;
+export interface MessageInstance {
+  info: TypeOpen;
+  success: TypeOpen;
+  error: TypeOpen;
+  warning: TypeOpen;
+  loading: TypeOpen;
+  open(args: ArgsProps): MessageType;
+  destroy(key?: React$1.Key): void;
+}
+//#endregion

package/es/message/style/index.d.ts

@@ -0,0 +1,26 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/message/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 提示框 z-index
+   * @descEN z-index of Message
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 提示框背景色
+   * @descEN Background color of Message
+   */
+  contentBg: string;
+  /**
+   * @desc 提示框内边距
+   * @descEN Padding of Message
+   */
+  contentPadding: CSSProperties['padding'];
+}
+export declare const prepareComponentToken: GetDefaultToken<'Message'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/message/style/index.js

@@ -0,0 +1,8 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import{CONTAINER_MAX_OFFSET as r}from"../../_util/hooks/useZIndex.js";import{Keyframes as i}from"@ant-design/cssinjs";const a=t=>{let{componentCls:n,iconCls:r,boxShadow:a,colorText:o,colorSuccess:s,colorError:c,colorWarning:l,colorInfo:u,fontSizeLG:d,motionEaseInOutCirc:f,motionDurationSlow:p,marginXS:m,paddingXS:h,borderRadiusLG:g,zIndexPopup:_,contentPadding:v,contentBg:y}=t,b=`${n}-notice`,x=new i(`MessageMoveIn`,{"0%":{padding:0,transform:`translateY(-100%)`,opacity:0},"100%":{padding:h,transform:`translateY(0)`,opacity:1}}),S=new i(`MessageMoveOut`,{"0%":{maxHeight:t.height,padding:h,opacity:1},"100%":{maxHeight:0,padding:0,opacity:0}}),C={padding:h,textAlign:`center`,[`${n}-custom-content`]:{display:`flex`,alignItems:`center`},[`${n}-custom-content > ${r}`]:{marginInlineEnd:m,fontSize:d},[`${b}-content`]:{display:`inline-block`,padding:v,background:y,borderRadius:g,boxShadow:a,pointerEvents:`all`},[`${n}-success > ${r}`]:{color:s},[`${n}-error > ${r}`]:{color:c},[`${n}-warning > ${r}`]:{color:l},[`${n}-info > ${r},
+      ${n}-loading > ${r}`]:{color:u}};return[{[n]:{...e(t),color:o,position:`fixed`,top:m,width:`100%`,pointerEvents:`none`,zIndex:_,[`${n}-move-up`]:{animationFillMode:`forwards`},[`
+        ${n}-move-up-appear,
+        ${n}-move-up-enter
+      `]:{animationName:x,animationDuration:p,animationPlayState:`paused`,animationTimingFunction:f},[`
+        ${n}-move-up-appear${n}-move-up-appear-active,
+        ${n}-move-up-enter${n}-move-up-enter-active
+      `]:{animationPlayState:`running`},[`${n}-move-up-leave`]:{animationName:S,animationDuration:p,animationPlayState:`paused`,animationTimingFunction:f},[`${n}-move-up-leave${n}-move-up-leave-active`]:{animationPlayState:`running`},"&-rtl":{direction:`rtl`,span:{direction:`rtl`}}}},{[n]:{[`${b}-wrapper`]:{...C}}},{[`${n}-notice-pure-panel`]:{...C,padding:0,textAlign:`start`}}]},o=e=>({zIndexPopup:e.zIndexPopupBase+r+10,contentBg:e.colorBgElevated,contentPadding:`${(e.controlHeightLG-e.fontSize*e.lineHeight)/2}px ${e.paddingSM}px`});var s=t(`Message`,e=>{let t=n(e,{height:150});return[a(t)]},o);export{s as default,o as prepareComponentToken};

package/es/message/useMessage.d.ts

@@ -0,0 +1,9 @@
+import { ConfigOptions, MessageInstance } from "./interface.js";
+import * as React$1 from "react";
+//#region components/message/useMessage.d.ts
+type HolderProps = ConfigOptions & {
+  onAllRemoved?: VoidFunction;
+};
+export declare function useInternalMessage(messageConfig?: HolderProps): readonly [MessageInstance, React$1.ReactElement];
+export default function useMessage(messageConfig?: ConfigOptions): readonly [MessageInstance, React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>];
+//#endregion

package/es/message/useMessage.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../_util/warning.js";import{ConfigContext as t}from"../config-provider/context.js";import"../config-provider/index.js";import n from"../config-provider/hooks/useCSSVarCls.js";import r from"./style/index.js";import{PureContent as i}from"./PurePanel.js";import{getMotion as a,wrapPromiseFn as o}from"./util.js";import*as s from"react";import c from"classnames";import l from"@ant-design/icons/CloseOutlined";import{NotificationProvider as u,useNotification as d}from"rc-notification";const f=({children:e,prefixCls:t})=>{let i=n(t),[a,o,l]=r(t,i);return a(s.createElement(u,{classNames:{list:c(o,l,i)}},e))},p=(e,{prefixCls:t,key:n})=>s.createElement(f,{prefixCls:t,key:n},e),m=s.forwardRef((e,n)=>{let{top:r,prefixCls:i,getContainer:o,maxCount:u,duration:f=3,rtl:m,transitionName:h,onAllRemoved:g}=e,{getPrefixCls:_,getPopupContainer:v,message:y,direction:b}=s.useContext(t),x=i||_(`message`),S=()=>({left:`50%`,transform:`translateX(-50%)`,top:r??8}),C=()=>c({[`${x}-rtl`]:m??b===`rtl`}),w=()=>a(x,h),T=s.createElement(`span`,{className:`${x}-close-x`},s.createElement(l,{className:`${x}-close-icon`})),[E,D]=d({prefixCls:x,style:S,className:C,motion:w,closable:!1,closeIcon:T,duration:f,getContainer:()=>o?.()||v?.()||document.body,maxCount:u,onAllRemoved:g,renderNotifications:p});return s.useImperativeHandle(n,()=>({...E,prefixCls:x,message:y})),D});let h=0;function g(t){let n=s.useRef(null),r=e(`Message`);return[s.useMemo(()=>{let e=e=>{n.current?.close(e)},t=t=>{if(!n.current){r(!1,`usage`,`You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.`);let e=()=>{};return e.then=()=>{},e}let{open:a,prefixCls:l,message:u}=n.current,d=`${l}-notice`,{content:f,icon:p,type:m,key:g,className:_,style:v,onClose:y,...b}=t,x=g;return x??=(h+=1,`antd-message-${h}`),o(t=>(a({...b,key:x,content:s.createElement(i,{prefixCls:l,type:m,icon:p},f),placement:`top`,className:c(m&&`${d}-${m}`,_,u?.className),style:{...u?.style,...v},onClose:()=>{y?.(),t()}}),()=>{e(x)}))},a={open:t,destroy:t=>{t===void 0?n.current?.destroy():e(t)}};return[`info`,`success`,`warning`,`error`,`loading`].forEach(e=>{a[e]=(n,r,i)=>{let a;a=n&&typeof n==`object`&&`content`in n?n:{content:n};let o,s;typeof r==`function`?s=r:(o=r,s=i);let c={onClose:s,duration:o,...a,type:e};return t(c)}}),a},[]),s.createElement(m,{key:`message-holder`,...t,ref:n})]}function _(e){return g(e)}export{_ as default,g as useInternalMessage};

package/es/message/util.d.ts

@@ -0,0 +1,6 @@
+import { CSSMotionProps } from "rc-motion";
+//#region components/message/util.d.ts
+export declare function getMotion(prefixCls: string, transitionName?: string): CSSMotionProps;
+/** Wrap message open with promise like function */
+export declare function wrapPromiseFn(openFn: (resolve: VoidFunction) => VoidFunction): any;
+//#endregion

package/es/message/util.js

@@ -0,0 +1 @@
+function e(e,t){return{motionName:t??`${e}-move-up`}}function t(e){let t,n=new Promise(n=>{t=e(()=>{n(!0)})}),r=()=>{t?.()};return r.then=(e,t)=>n.then(e,t),r.promise=n,r}export{e as getMotion,t as wrapPromiseFn};