@swiftcrab/crab 0.0.5 → 0.0.6

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

@@ -0,0 +1,139 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/tabs/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 下拉菜单 z-index
+   * @descEN z-index of dropdown menu
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 卡片标签页背景色
+   * @descEN Background color of card tab
+   */
+  cardBg: string;
+  /**
+   * @desc 卡片标签页高度
+   * @descEN Height of card tab
+   */
+  cardHeight: number | string;
+  /**
+   * @desc 卡片标签页内间距
+   * @descEN Padding of card tab
+   */
+  cardPadding: string;
+  /**
+   * @desc 小号卡片标签页内间距
+   * @descEN Padding of small card tab
+   */
+  cardPaddingSM: string;
+  /**
+   * @desc 大号卡片标签页内间距
+   * @descEN Padding of large card tab
+   */
+  cardPaddingLG: string;
+  /**
+   * @desc 标签页标题文本大小
+   * @descEN Font size of title
+   */
+  titleFontSize: number;
+  /**
+   * @desc 大号标签页标题文本大小
+   * @descEN Font size of large title
+   */
+  titleFontSizeLG: number;
+  /**
+   * @desc 小号标签页标题文本大小
+   * @descEN Font size of small title
+   */
+  titleFontSizeSM: number;
+  /**
+   * @desc 指示条颜色
+   * @descEN Color of indicator
+   */
+  inkBarColor: string;
+  /**
+   * @desc 横向标签页外间距
+   * @descEN Horizontal margin of horizontal tab
+   */
+  horizontalMargin: string;
+  /**
+   * @desc 横向标签页标签间距
+   * @descEN Horizontal gutter of horizontal tab
+   */
+  horizontalItemGutter: number;
+  /**
+   * @desc 横向标签页标签外间距
+   * @descEN Horizontal margin of horizontal tab item
+   */
+  horizontalItemMargin: string;
+  /**
+   * @desc 横向标签页标签外间距（RTL）
+   * @descEN Horizontal margin of horizontal tab item (RTL)
+   */
+  horizontalItemMarginRTL: string;
+  /**
+   * @desc 横向标签页标签内间距
+   * @descEN Horizontal padding of horizontal tab item
+   */
+  horizontalItemPadding: string;
+  /**
+   * @desc 大号横向标签页标签内间距
+   * @descEN Horizontal padding of large horizontal tab item
+   */
+  horizontalItemPaddingLG: string;
+  /**
+   * @desc 小号横向标签页标签内间距
+   * @descEN Horizontal padding of small horizontal tab item
+   */
+  horizontalItemPaddingSM: string;
+  /**
+   * @desc 纵向标签页标签内间距
+   * @descEN Vertical padding of vertical tab item
+   */
+  verticalItemPadding: string;
+  /**
+   * @desc 纵向标签页标签外间距
+   * @descEN Vertical margin of vertical tab item
+   */
+  verticalItemMargin: string;
+  /**
+   * @desc 标签文本颜色
+   * @descEN Text color of tab
+   */
+  itemColor: string;
+  /**
+   * @desc 标签激活态文本颜色
+   * @descEN Text color of active tab
+   */
+  itemActiveColor: string;
+  /**
+   * @desc 标签悬浮态文本颜色
+   * @descEN Text color of hover tab
+   */
+  itemHoverColor: string;
+  /**
+   * @desc 标签选中态文本颜色
+   * @descEN Text color of selected tab
+   */
+  itemSelectedColor: string;
+  /**
+   * @desc 卡片标签间距
+   * @descEN Gutter of card tab
+   */
+  cardGutter: number;
+}
+export interface TabsToken extends FullToken<'Tabs'> {
+  tabsCardPadding: string;
+  dropdownEdgeChildVerticalPadding: number;
+  tabsNavWrapPseudoWidth: number;
+  tabsActiveTextShadow: string;
+  tabsDropdownHeight: number | string;
+  tabsDropdownWidth: number | string;
+  tabsHorizontalItemMargin: string;
+  tabsHorizontalItemMarginRTL: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tabs'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tabs/style/index.js

@@ -0,0 +1,3 @@
+import{genFocusStyle as e,resetComponent as t,textEllipsis 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"./motion.js";import{unit as o}from"@ant-design/cssinjs";const s=e=>{let{componentCls:t,tabsCardPadding:n,cardBg:r,cardGutter:i,colorBorderSecondary:a,itemSelectedColor:s}=e;return{[`${t}-card`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{margin:0,padding:n,background:r,border:`${o(e.lineWidth)} ${e.lineType} ${a}`,transition:`all ${e.motionDurationSlow} ${e.motionEaseInOut}`},[`${t}-tab-active`]:{color:s,background:e.colorBgContainer},[`${t}-ink-bar`]:{visibility:`hidden`}},[`&${t}-top, &${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginLeft:{_skip_check_:!0,value:o(i)}}}},[`&${t}-top`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:`${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)} 0 0`},[`${t}-tab-active`]:{borderBottomColor:e.colorBgContainer}}},[`&${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:`0 0 ${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)}`},[`${t}-tab-active`]:{borderTopColor:e.colorBgContainer}}},[`&${t}-left, &${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginTop:o(i)}}},[`&${t}-left`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`${o(e.borderRadiusLG)} 0 0 ${o(e.borderRadiusLG)}`}},[`${t}-tab-active`]:{borderRightColor:{_skip_check_:!0,value:e.colorBgContainer}}}},[`&${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)} 0`}},[`${t}-tab-active`]:{borderLeftColor:{_skip_check_:!0,value:e.colorBgContainer}}}}}}},c=e=>{let{componentCls:r,itemHoverColor:i,dropdownEdgeChildVerticalPadding:a}=e;return{[`${r}-dropdown`]:{...t(e),position:`absolute`,top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:e.zIndexPopup,display:`block`,"&-hidden":{display:`none`},[`${r}-dropdown-menu`]:{maxHeight:e.tabsDropdownHeight,margin:0,padding:`${o(a)} 0`,overflowX:`hidden`,overflowY:`auto`,textAlign:{_skip_check_:!0,value:`left`},listStyleType:`none`,backgroundColor:e.colorBgContainer,backgroundClip:`padding-box`,borderRadius:e.borderRadiusLG,outline:`none`,boxShadow:e.boxShadowSecondary,"&-item":{...n,display:`flex`,alignItems:`center`,minWidth:e.tabsDropdownWidth,margin:0,padding:`${o(e.paddingXXS)} ${o(e.paddingSM)}`,color:e.colorText,fontWeight:`normal`,fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:`pointer`,transition:`all ${e.motionDurationSlow}`,"> span":{flex:1,whiteSpace:`nowrap`},"&-remove":{flex:`none`,marginLeft:{_skip_check_:!0,value:e.marginSM},color:e.colorTextDescription,fontSize:e.fontSizeSM,background:`transparent`,border:0,cursor:`pointer`,"&:hover":{color:i}},"&:hover":{background:e.controlItemBgHover},"&-disabled":{"&, &:hover":{color:e.colorTextDisabled,background:`transparent`,cursor:`not-allowed`}}}}}}},l=e=>{let{componentCls:t,margin:n,colorBorderSecondary:r,horizontalMargin:i,verticalItemPadding:a,verticalItemMargin:s,calc:c}=e;return{[`${t}-top, ${t}-bottom`]:{flexDirection:`column`,[`> ${t}-nav, > div > ${t}-nav`]:{margin:i,"&::before":{position:`absolute`,right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},borderBottom:`${o(e.lineWidth)} ${e.lineType} ${r}`,content:`''`},[`${t}-ink-bar`]:{height:e.lineWidthBold,"&-animated":{transition:`width ${e.motionDurationSlow}, left ${e.motionDurationSlow},
+            right ${e.motionDurationSlow}`}},[`${t}-nav-wrap`]:{"&::before, &::after":{top:0,bottom:0,width:e.controlHeight},"&::before":{left:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowLeft},"&::after":{right:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowRight},[`&${t}-nav-wrap-ping-left::before`]:{opacity:1},[`&${t}-nav-wrap-ping-right::after`]:{opacity:1}}}},[`${t}-top`]:{[`> ${t}-nav,
+        > div > ${t}-nav`]:{"&::before":{bottom:0},[`${t}-ink-bar`]:{bottom:0}}},[`${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{order:1,marginTop:n,marginBottom:0,"&::before":{top:0},[`${t}-ink-bar`]:{top:0}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{order:0}},[`${t}-left, ${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{flexDirection:`column`,minWidth:c(e.controlHeight).mul(1.25).equal(),[`${t}-tab`]:{padding:a,textAlign:`center`},[`${t}-tab + ${t}-tab`]:{margin:s},[`${t}-nav-wrap`]:{flexDirection:`column`,"&::before, &::after":{right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},height:e.controlHeight},"&::before":{top:0,boxShadow:e.boxShadowTabsOverflowTop},"&::after":{bottom:0,boxShadow:e.boxShadowTabsOverflowBottom},[`&${t}-nav-wrap-ping-top::before`]:{opacity:1},[`&${t}-nav-wrap-ping-bottom::after`]:{opacity:1}},[`${t}-ink-bar`]:{width:e.lineWidthBold,"&-animated":{transition:`height ${e.motionDurationSlow}, top ${e.motionDurationSlow}`}},[`${t}-nav-list, ${t}-nav-operations`]:{flex:`1 0 auto`,flexDirection:`column`}}},[`${t}-left`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-ink-bar`]:{right:{_skip_check_:!0,value:0}}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{marginLeft:{_skip_check_:!0,value:o(c(e.lineWidth).mul(-1).equal())},borderLeft:{_skip_check_:!0,value:`${o(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},[`> ${t}-content > ${t}-tabpane`]:{paddingLeft:{_skip_check_:!0,value:e.paddingLG}}}},[`${t}-right`]:{[`> ${t}-nav, > div > ${t}-nav`]:{order:1,[`${t}-ink-bar`]:{left:{_skip_check_:!0,value:0}}},[`> ${t}-content-holder, > div > ${t}-content-holder`]:{order:0,marginRight:{_skip_check_:!0,value:c(e.lineWidth).mul(-1).equal()},borderRight:{_skip_check_:!0,value:`${o(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},[`> ${t}-content > ${t}-tabpane`]:{paddingRight:{_skip_check_:!0,value:e.paddingLG}}}}}},u=e=>{let{componentCls:t,cardPaddingSM:n,cardPaddingLG:r,horizontalItemPaddingSM:i,horizontalItemPaddingLG:a}=e;return{[t]:{"&-small":{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:i,fontSize:e.titleFontSizeSM}}},"&-large":{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:a,fontSize:e.titleFontSizeLG}}}},[`${t}-card`]:{[`&${t}-small`]:{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:n}},[`&${t}-bottom`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:`0 0 ${o(e.borderRadius)} ${o(e.borderRadius)}`}},[`&${t}-top`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:`${o(e.borderRadius)} ${o(e.borderRadius)} 0 0`}},[`&${t}-right`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${o(e.borderRadius)} ${o(e.borderRadius)} 0`}}},[`&${t}-left`]:{[`> ${t}-nav ${t}-tab`]:{borderRadius:{_skip_check_:!0,value:`${o(e.borderRadius)} 0 0 ${o(e.borderRadius)}`}}}},[`&${t}-large`]:{[`> ${t}-nav`]:{[`${t}-tab`]:{padding:r}}}}}},d=t=>{let{componentCls:n,itemActiveColor:r,itemHoverColor:i,iconCls:a,tabsHorizontalItemMargin:o,horizontalItemPadding:s,itemSelectedColor:c,itemColor:l}=t,u=`${n}-tab`;return{[u]:{position:`relative`,WebkitTouchCallout:`none`,WebkitTapHighlightColor:`transparent`,display:`inline-flex`,alignItems:`center`,padding:s,fontSize:t.titleFontSize,background:`transparent`,border:0,outline:`none`,cursor:`pointer`,color:l,"&-btn, &-remove":{"&:focus:not(:focus-visible), &:active":{color:r},...e(t)},"&-btn":{outline:`none`,transition:`all ${t.motionDurationSlow}`,[`${u}-icon:not(:last-child)`]:{marginInlineEnd:t.marginSM}},"&-remove":{flex:`none`,marginRight:{_skip_check_:!0,value:t.calc(t.marginXXS).mul(-1).equal()},marginLeft:{_skip_check_:!0,value:t.marginXS},color:t.colorTextDescription,fontSize:t.fontSizeSM,background:`transparent`,border:`none`,outline:`none`,cursor:`pointer`,transition:`all ${t.motionDurationSlow}`,"&:hover":{color:t.colorTextHeading}},"&:hover":{color:i},[`&${u}-active ${u}-btn`]:{color:c,textShadow:t.tabsActiveTextShadow},[`&${u}-disabled`]:{color:t.colorTextDisabled,cursor:`not-allowed`},[`&${u}-disabled ${u}-btn, &${u}-disabled ${n}-remove`]:{"&:focus, &:active":{color:t.colorTextDisabled}},[`& ${u}-remove ${a}`]:{margin:0},[`${a}:not(:last-child)`]:{marginRight:{_skip_check_:!0,value:t.marginSM}}},[`${u} + ${u}`]:{margin:{_skip_check_:!0,value:o}}}},f=e=>{let{componentCls:t,tabsHorizontalItemMarginRTL:n,iconCls:r,cardGutter:i,calc:a}=e;return{[`${t}-rtl`]:{direction:`rtl`,[`${t}-nav`]:{[`${t}-tab`]:{margin:{_skip_check_:!0,value:n},[`${t}-tab:last-of-type`]:{marginLeft:{_skip_check_:!0,value:0}},[r]:{marginRight:{_skip_check_:!0,value:0},marginLeft:{_skip_check_:!0,value:o(e.marginSM)}},[`${t}-tab-remove`]:{marginRight:{_skip_check_:!0,value:o(e.marginXS)},marginLeft:{_skip_check_:!0,value:o(a(e.marginXXS).mul(-1).equal())},[r]:{margin:0}}}},[`&${t}-left`]:{[`> ${t}-nav`]:{order:1},[`> ${t}-content-holder`]:{order:0}},[`&${t}-right`]:{[`> ${t}-nav`]:{order:0},[`> ${t}-content-holder`]:{order:1}},[`&${t}-card${t}-top, &${t}-card${t}-bottom`]:{[`> ${t}-nav, > div > ${t}-nav`]:{[`${t}-tab + ${t}-tab`]:{marginRight:{_skip_check_:!0,value:i},marginLeft:{_skip_check_:!0,value:0}}}}},[`${t}-dropdown-rtl`]:{direction:`rtl`},[`${t}-menu-item`]:{[`${t}-dropdown-rtl`]:{textAlign:{_skip_check_:!0,value:`right`}}}}},p=n=>{let{componentCls:r,tabsCardPadding:i,cardHeight:a,cardGutter:s,itemHoverColor:c,itemActiveColor:l,colorBorderSecondary:u}=n;return{[r]:{...t(n),display:`flex`,[`> ${r}-nav, > div > ${r}-nav`]:{position:`relative`,display:`flex`,flex:`none`,alignItems:`center`,[`${r}-nav-wrap`]:{position:`relative`,display:`flex`,flex:`auto`,alignSelf:`stretch`,overflow:`hidden`,whiteSpace:`nowrap`,transform:`translate(0)`,"&::before, &::after":{position:`absolute`,zIndex:1,opacity:0,transition:`opacity ${n.motionDurationSlow}`,content:`''`,pointerEvents:`none`}},[`${r}-nav-list`]:{position:`relative`,display:`flex`,transition:`opacity ${n.motionDurationSlow}`},[`${r}-nav-operations`]:{display:`flex`,alignSelf:`stretch`},[`${r}-nav-operations-hidden`]:{position:`absolute`,visibility:`hidden`,pointerEvents:`none`},[`${r}-nav-more`]:{position:`relative`,padding:i,background:`transparent`,border:0,color:n.colorText,"&::after":{position:`absolute`,right:{_skip_check_:!0,value:0},bottom:0,left:{_skip_check_:!0,value:0},height:n.calc(n.controlHeightLG).div(8).equal(),transform:`translateY(100%)`,content:`''`}},[`${r}-nav-add`]:{minWidth:a,marginLeft:{_skip_check_:!0,value:s},padding:o(n.paddingXS),background:`transparent`,border:`${o(n.lineWidth)} ${n.lineType} ${u}`,borderRadius:`${o(n.borderRadiusLG)} ${o(n.borderRadiusLG)} 0 0`,outline:`none`,cursor:`pointer`,color:n.colorText,transition:`all ${n.motionDurationSlow} ${n.motionEaseInOut}`,"&:hover":{color:c},"&:active, &:focus:not(:focus-visible)":{color:l},...e(n)}},[`${r}-extra-content`]:{flex:`none`},[`${r}-ink-bar`]:{position:`absolute`,background:n.inkBarColor,pointerEvents:`none`},...d(n),[`${r}-content`]:{position:`relative`,width:`100%`},[`${r}-content-holder`]:{flex:`auto`,minWidth:0,minHeight:0},[`${r}-tabpane`]:{outline:`none`,"&-hidden":{display:`none`}}},[`${r}-centered`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-nav-wrap`]:{[`&:not([class*='${r}-nav-wrap-ping']) > ${r}-nav-list`]:{margin:`auto`}}}}}},m=e=>{let t=e.controlHeightLG;return{zIndexPopup:e.zIndexPopupBase+50,cardBg:e.colorFillAlter,cardHeight:t,cardPadding:`${(t-Math.round(e.fontSize*e.lineHeight))/2-e.lineWidth}px ${e.padding}px`,cardPaddingSM:`${e.paddingXXS*1.5}px ${e.padding}px`,cardPaddingLG:`${e.paddingXS}px ${e.padding}px ${e.paddingXXS*1.5}px`,titleFontSize:e.fontSize,titleFontSizeLG:e.fontSizeLG,titleFontSizeSM:e.fontSize,inkBarColor:e.colorPrimary,horizontalMargin:`0 0 ${e.margin}px 0`,horizontalItemGutter:32,horizontalItemMargin:``,horizontalItemMarginRTL:``,horizontalItemPadding:`${e.paddingSM}px 0`,horizontalItemPaddingSM:`${e.paddingXS}px 0`,horizontalItemPaddingLG:`${e.padding}px 0`,verticalItemPadding:`${e.paddingXS}px ${e.paddingLG}px`,verticalItemMargin:`${e.margin}px 0 0 0`,itemColor:e.colorText,itemSelectedColor:e.colorPrimary,itemHoverColor:e.colorPrimaryHover,itemActiveColor:e.colorPrimaryActive,cardGutter:e.marginXXS/2}};var h=r(`Tabs`,e=>{let t=i(e,{tabsCardPadding:e.cardPadding,dropdownEdgeChildVerticalPadding:e.paddingXXS,tabsActiveTextShadow:`0 0 0.25px currentcolor`,tabsDropdownHeight:200,tabsDropdownWidth:120,tabsHorizontalItemMargin:`0 0 0 ${o(e.horizontalItemGutter)}`,tabsHorizontalItemMarginRTL:`0 0 0 ${o(e.horizontalItemGutter)}`});return[u(t),f(t),l(t),c(t),s(t),p(t),a(t)]},m);export{h as default,m as prepareComponentToken};

package/es/tabs/style/motion.d.ts

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

package/es/tabs/style/motion.js

@@ -0,0 +1 @@
+import{initSlideMotion as e}from"../../style/motion/slide.js";import"../../style/motion/index.js";const t=t=>{let{componentCls:n,motionDurationSlow:r}=t;return[{[n]:{[`${n}-switch`]:{"&-appear, &-enter":{transition:`none`,"&-start":{opacity:0},"&-active":{opacity:1,transition:`opacity ${r}`}},"&-leave":{position:`absolute`,transition:`none`,inset:0,"&-start":{opacity:1},"&-active":{opacity:0,transition:`opacity ${r}`}}}}},[e(t,`slide-up`),e(t,`slide-down`)]]};export{t as default};

package/es/tag/CheckableTag.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+//#region components/tag/CheckableTag.d.ts
+export interface CheckableTagProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  /**
+   * It is an absolute controlled component and has no uncontrolled mode.
+   *
+   * .zh-cn 该组件为完全受控组件，不支持非受控用法。
+   */
+  checked: boolean;
+  children?: React$1.ReactNode;
+  onChange?: (checked: boolean) => void;
+  onClick?: (e: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+declare const CheckableTag: React$1.ForwardRefExoticComponent<CheckableTagProps & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { CheckableTag as default };

package/es/tag/CheckableTag.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import*as n from"react";import r from"classnames";const i=n.forwardRef((i,a)=>{let{prefixCls:o,style:s,className:c,checked:l,onChange:u,onClick:d,...f}=i,{getPrefixCls:p,tag:m}=n.useContext(e),h=e=>{u?.(!l),d?.(e)},g=p(`tag`,o),[_,v,y]=t(g),b=r(g,`${g}-checkable`,{[`${g}-checkable-checked`]:l},m?.className,c,v,y);return _(n.createElement(`span`,{...f,ref:a,style:{...s,...m?.style},className:b,onClick:h}))});export{i as default};

package/es/tag/index.d.ts

@@ -0,0 +1,28 @@
+import { LiteralUnion } from "../_util/type.js";
+import { ClosableType } from "../_util/hooks/useClosable.js";
+import CheckableTag, { CheckableTagProps } from "./CheckableTag.js";
+import { PresetColorType, PresetStatusColorType } from "../_util/colors.js";
+import * as React$1 from "react";
+//#region components/tag/index.d.ts
+export interface TagProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  color?: LiteralUnion<PresetColorType | PresetStatusColorType>;
+  /** Advised to use closeIcon instead. */
+  closable?: ClosableType;
+  closeIcon?: React$1.ReactNode;
+  /** @deprecated `visible` will be removed in next major version. */
+  visible?: boolean;
+  onClose?: (e: React$1.MouseEvent<HTMLElement>) => void;
+  style?: React$1.CSSProperties;
+  icon?: React$1.ReactNode;
+  bordered?: boolean;
+}
+declare const InternalTag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLSpanElement>>;
+export type TagType = typeof InternalTag & {
+  CheckableTag: typeof CheckableTag;
+};
+declare const Tag: TagType;
+//#endregion
+export { type CheckableTagProps, Tag as default };

package/es/tag/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{replaceElement as t}from"../_util/reactNode.js";import n from"../_util/wave/index.js";import r,{pickClosable as i}from"../_util/hooks/useClosable.js";import{isPresetColor as a,isPresetStatusColor as o}from"../_util/colors.js";import s from"./style/index.js";import c from"./CheckableTag.js";import l from"./style/presetCmp.js";import u from"./style/statusCmp.js";import*as d from"react";import f from"classnames";import p from"rc-util/lib/omit";const m=d.forwardRef((c,m)=>{let{prefixCls:h,className:g,rootClassName:_,style:v,children:y,icon:b,color:x,onClose:S,bordered:C=!0,visible:w,...T}=c,{getPrefixCls:E,direction:D,tag:O}=d.useContext(e),[k,A]=d.useState(!0),j=p(T,[`closeIcon`,`closable`]);d.useEffect(()=>{w!==void 0&&A(w)},[w]);let M=a(x),N=o(x),P=M||N,F={backgroundColor:x&&!P?x:void 0,...O?.style,...v},I=E(`tag`,h),[L,R,z]=s(I),B=f(I,O?.className,{[`${I}-${x}`]:P,[`${I}-has-color`]:x&&!P,[`${I}-hidden`]:!k,[`${I}-rtl`]:D===`rtl`,[`${I}-borderless`]:!C},g,_,R,z),V=e=>{e.stopPropagation(),S?.(e),!e.defaultPrevented&&A(!1)},[,H]=r(i(c),i(O),{closable:!1,closeIconRender:e=>{let n=d.createElement(`span`,{className:`${I}-close-icon`,onClick:V},e);return t(e,n,e=>({onClick:t=>{e?.onClick?.(t),V(t)},className:f(e?.className,`${I}-close-icon`)}))}}),U=typeof T.onClick==`function`||y&&y.type===`a`,W=b||null,G=W?d.createElement(d.Fragment,null,W,y&&d.createElement(`span`,null,y)):y,K=d.createElement(`span`,{...j,ref:m,className:B,style:F},G,H,M&&d.createElement(l,{key:`preset`,prefixCls:I}),N&&d.createElement(u,{key:`status`,prefixCls:I}));return L(U?d.createElement(n,{component:`Tag`},K):K)});m.CheckableTag=c;export{m as default};

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

@@ -0,0 +1,28 @@
+import "../../theme/internal.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import React from "react";
+//#region components/tag/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 默认背景色
+   * @descEN Default background color
+   */
+  defaultBg: string;
+  /**
+   * @desc 默认文字颜色
+   * @descEN Default text color
+   */
+  defaultColor: string;
+}
+export interface TagToken extends FullToken<'Tag'> {
+  tagFontSize: number;
+  tagLineHeight: React.CSSProperties['lineHeight'];
+  tagIconSize: number | string;
+  tagPaddingHorizontal: number;
+  tagBorderlessBg: string;
+}
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Tag'>>[0]) => TagToken;
+export declare const prepareComponentToken: GetDefaultToken<'Tag'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tag/style/index.js

@@ -0,0 +1 @@
+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{unit as r}from"@ant-design/cssinjs";import{TinyColor as i}from"@ctrl/tinycolor";const a=t=>{let{paddingXXS:n,lineWidth:i,tagPaddingHorizontal:a,componentCls:o,calc:s}=t,c=s(a).sub(i).equal(),l=s(n).sub(i).equal();return{[o]:{...e(t),display:`inline-block`,height:`auto`,marginInlineEnd:t.marginXS,paddingInline:c,fontSize:t.tagFontSize,lineHeight:t.tagLineHeight,whiteSpace:`nowrap`,background:t.defaultBg,border:`${r(t.lineWidth)} ${t.lineType} ${t.colorBorder}`,borderRadius:t.borderRadiusSM,opacity:1,transition:`all ${t.motionDurationMid}`,textAlign:`start`,position:`relative`,[`&${o}-rtl`]:{direction:`rtl`},"&, a, a:hover":{color:t.defaultColor},[`${o}-close-icon`]:{marginInlineStart:l,fontSize:t.tagIconSize,color:t.colorTextDescription,cursor:`pointer`,transition:`all ${t.motionDurationMid}`,"&:hover":{color:t.colorTextHeading}},[`&${o}-has-color`]:{borderColor:`transparent`,[`&, a, a:hover, ${t.iconCls}-close, ${t.iconCls}-close:hover`]:{color:t.colorTextLightSolid}},"&-checkable":{backgroundColor:`transparent`,borderColor:`transparent`,cursor:`pointer`,[`&:not(${o}-checkable-checked):hover`]:{color:t.colorPrimary,backgroundColor:t.colorFillSecondary},"&:active, &-checked":{color:t.colorTextLightSolid},"&-checked":{backgroundColor:t.colorPrimary,"&:hover":{backgroundColor:t.colorPrimaryHover}},"&:active":{backgroundColor:t.colorPrimaryActive}},"&-hidden":{display:`none`},[`> ${t.iconCls} + span, > span + ${t.iconCls}`]:{marginInlineStart:c}},[`${o}-borderless`]:{borderColor:`transparent`,background:t.tagBorderlessBg}}},o=e=>{let{lineWidth:t,fontSizeIcon:i,calc:a}=e,o=e.fontSizeSM;return n(e,{tagFontSize:o,tagLineHeight:r(a(e.lineHeightSM).mul(o).equal()),tagIconSize:a(i).sub(a(t).mul(2)).equal(),tagPaddingHorizontal:8,tagBorderlessBg:e.defaultBg})},s=e=>({defaultBg:new i(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),defaultColor:e.colorText});var c=t(`Tag`,e=>{let t=o(e);return a(t)},s);export{c as default,s as prepareComponentToken,o as prepareToken};

package/es/tag/style/presetCmp.d.ts

@@ -0,0 +1,4 @@
+//#region components/tag/style/presetCmp.d.ts
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/tag/style/presetCmp.js

@@ -0,0 +1 @@
+import{genSubStyleComponent as e}from"../../theme/util/genStyleUtils.js";import t from"../../theme/util/genPresetColor.js";import"../../theme/internal.js";import{prepareComponentToken as n,prepareToken as r}from"./index.js";const i=e=>t(e,(t,{textColor:n,lightBorderColor:r,lightColor:i,darkColor:a})=>({[`${e.componentCls}${e.componentCls}-${t}`]:{color:n,background:i,borderColor:r,"&-inverse":{color:e.colorTextLightSolid,background:a,borderColor:a},[`&${e.componentCls}-borderless`]:{borderColor:`transparent`}}}));var a=e([`Tag`,`preset`],e=>{let t=r(e);return i(t)},n);export{a as default};

package/es/tag/style/statusCmp.d.ts

@@ -0,0 +1,4 @@
+//#region components/tag/style/statusCmp.d.ts
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/tag/style/statusCmp.js

@@ -0,0 +1 @@
+import{genSubStyleComponent as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{prepareComponentToken as t,prepareToken as n}from"./index.js";import r from"../../_util/capitalize.js";const i=(e,t,n)=>{let i=r(n);return{[`${e.componentCls}${e.componentCls}-${t}`]:{color:e[`color${n}`],background:e[`color${i}Bg`],borderColor:e[`color${i}Border`],[`&${e.componentCls}-borderless`]:{borderColor:`transparent`}}}};var a=e([`Tag`,`status`],e=>{let t=n(e);return[i(t,`success`,`Success`),i(t,`processing`,`Info`),i(t,`error`,`Error`),i(t,`warning`,`Warning`)]},t);export{a as default};

package/es/theme/context.d.ts

@@ -0,0 +1,35 @@
+import { SeedToken } from "./interface/seeds.js";
+import { MapToken } from "./interface/maps/index.js";
+import { AliasToken } from "./interface/alias.js";
+import { OverrideToken } from "./interface/cssinjs-utils.js";
+import "./interface/index.js";
+import React from "react";
+import { Theme } from "@ant-design/cssinjs";
+//#region components/theme/context.d.ts
+export declare const defaultTheme: Theme<any, any>;
+export declare const defaultConfig: {
+  token: SeedToken;
+  override: {
+    override: SeedToken;
+  };
+  hashed: boolean;
+};
+export type ComponentsToken = { [key in keyof OverrideToken]?: OverrideToken[key] & {
+  theme?: Theme<SeedToken, MapToken>;
+}; };
+export interface DesignTokenProviderProps {
+  token: Partial<AliasToken>;
+  theme?: Theme<SeedToken, MapToken>;
+  components?: ComponentsToken;
+  /** Just merge `token` & `override` at top to save perf */
+  override: {
+    override: Partial<AliasToken>;
+  } & ComponentsToken;
+  hashed?: string | boolean;
+  cssVar?: {
+    prefix?: string;
+    key?: string;
+  };
+}
+export declare const DesignTokenContext: React.Context<DesignTokenProviderProps>;
+//#endregion

package/es/theme/context.js

@@ -0,0 +1 @@
+import e from"./themes/seed.js";import t from"./themes/default/index.js";import n from"react";import{createTheme as r}from"@ant-design/cssinjs";const i=r(t),a={token:e,override:{override:e},hashed:!0},o=n.createContext(a);export{o as DesignTokenContext,a as defaultConfig,i as defaultTheme};

package/es/theme/getDesignToken.d.ts

@@ -0,0 +1,7 @@
+import { AliasToken } from "./interface/alias.js";
+import { ThemeConfig } from "../config-provider/context.js";
+import "./interface/index.js";
+//#region components/theme/getDesignToken.d.ts
+declare const getDesignToken: (config?: ThemeConfig) => AliasToken;
+//#endregion
+export { getDesignToken as default };

package/es/theme/getDesignToken.js

@@ -0,0 +1 @@
+import e from"./themes/seed.js";import t from"./themes/default/index.js";import n from"./util/alias.js";import{createTheme as r,getComputedToken as i}from"@ant-design/cssinjs";const a=a=>{let o=a?.algorithm?r(a.algorithm):r(t),s={...e,...a?.token};return i(s,{override:a?.token},o,n)};export{a as default};

package/es/theme/index.d.ts

@@ -0,0 +1,43 @@
+import { SeedToken } from "./interface/seeds.js";
+import { MapToken } from "./interface/maps/index.js";
+import { AliasToken } from "./interface/alias.js";
+import { DesignTokenProviderProps } from "./context.js";
+import derivative from "./themes/default/index.js";
+import "../index.js";
+import { ThemeConfig } from "../config-provider/context.js";
+import { GlobalToken } from "./interface/cssinjs-utils.js";
+import { MappingAlgorithm } from "./interface/index.js";
+//#region components/theme/index.d.ts
+/** Get current context Design Token. Will be different if you are using nest theme config. */
+declare function useToken(): {
+  theme: import("@ant-design/cssinjs").Theme<SeedToken, AliasToken>;
+  token: GlobalToken;
+  hashId: string;
+};
+declare const _default: {
+  /** Default seedToken */
+  defaultSeed: SeedToken;
+  useToken: typeof useToken;
+  defaultAlgorithm: typeof derivative;
+  darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<SeedToken, MapToken>;
+  compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<SeedToken, MapToken>;
+  getDesignToken: (config?: ThemeConfig) => AliasToken;
+  /**
+   * @private Private variable
+   * @warring 🔥 Do not use in production. 🔥
+   */
+  defaultConfig: {
+    token: SeedToken;
+    override: {
+      override: SeedToken;
+    };
+    hashed: boolean;
+  };
+  /**
+   * @private Private variable
+   * @warring 🔥 Do not use in production. 🔥
+   */
+  _internalContext: import("react").Context<DesignTokenProviderProps>;
+};
+//#endregion
+export { type GlobalToken, type MappingAlgorithm, _default as default };

package/es/theme/index.js

@@ -0,0 +1 @@
+import e from"./themes/default/index.js";import{DesignTokenContext as t,defaultConfig as n}from"./context.js";import r from"./useToken.js";import"./internal.js";import i from"./getDesignToken.js";import a from"./themes/compact/index.js";import o from"./themes/dark/index.js";function s(){let[e,t,n]=r();return{theme:e,token:t,hashId:n}}var c={defaultSeed:n.token,useToken:s,defaultAlgorithm:e,darkAlgorithm:o,compactAlgorithm:a,getDesignToken:i,defaultConfig:n,_internalContext:t};export{c as default};