@swiftcrab/crab 0.0.5 → 0.0.6

package/es/search-area/index.d.ts

@@ -0,0 +1,7 @@
+import { ISearchArea } from "../form-area/type.js";
+import "./style/index.js";
+import React from "react";
+//#region components/search-area/index.d.ts
+declare const _default: React.MemoExoticComponent<(props: Omit<ISearchArea<any>, "form">) => React.JSX.Element>;
+//#endregion
+export { _default as default };

package/es/search-area/index.js

@@ -0,0 +1 @@
+import e from"../form-area/index.js";import t from"../hooks/useForm.js";import n from"../hooks/useParsedHash.js";import"../hooks/index.js";import r,{memo as i,useCallback as a,useEffect as o}from"react";import{uniq as s}from"lodash";var c=i(i=>{let{item:c,locationSearchKey:l=`search`,onReset:u,initialValues:d,submitProps:f,...p}=i,m=t(d),{set:h}=m,[g,_]=n({key:l,initialValue:d}),v=a(e=>{let t=s([...c.map(e=>e.dataKey??``),...Object.keys(g)]);return Object.assign({},e,...t.map(e=>({[e]:g[e]||g[e]===0?g[e]:d[e]})))},[c,g,d]);o(()=>{h(v)},[v,h]);let y=()=>{u?.(),_(d)};return r.createElement(e,{hasResetBtn:!0,submitProps:{text:`查询`,...f},onReset:y,item:c,form:m,initialValues:d,...p})});export{c as default};

package/es/search-area/style/index.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/search-area/style/index.d.ts
+export declare const searchAreaStyle: () => CSSObject;
+//#endregion

package/es/search-area/style/index.js

@@ -0,0 +1 @@
+const e=()=>({});export{e as searchAreaStyle};

package/es/segmented/index.d.ts

@@ -0,0 +1,27 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import * as React$1 from "react";
+import { SegmentedLabeledOption as SegmentedLabeledOption$1, SegmentedProps as SegmentedProps$1, SegmentedRawOption, SegmentedValue, SegmentedValue as SegmentedValue$1 } from "rc-segmented";
+//#region components/segmented/index.d.ts
+interface SegmentedLabeledOptionWithoutIcon<ValueType = SegmentedValue$1> extends SegmentedLabeledOption$1<ValueType> {
+  label: SegmentedLabeledOption$1['label'];
+}
+interface SegmentedLabeledOptionWithIcon<ValueType = SegmentedValue$1> extends Omit<SegmentedLabeledOption$1<ValueType>, 'label'> {
+  label?: SegmentedLabeledOption$1['label'];
+  /** Set icon for Segmented item */
+  icon: React$1.ReactNode;
+}
+export type SegmentedLabeledOption<ValueType = SegmentedValue$1> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType>;
+export type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption<T>)[];
+export interface SegmentedProps<ValueType = SegmentedValue$1> extends Omit<SegmentedProps$1<ValueType>, 'size' | 'options'> {
+  rootClassName?: string;
+  options: SegmentedOptions<ValueType>;
+  /** Option to fit width to its parent's width */
+  block?: boolean;
+  /** Option to control the display size */
+  size?: SizeType;
+  vertical?: boolean;
+}
+declare const InternalSegmented: React$1.ForwardRefExoticComponent<Omit<SegmentedProps<SegmentedValue$1>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Segmented: (<ValueType>(props: SegmentedProps<ValueType> & React$1.RefAttributes<HTMLDivElement>) => ReturnType<typeof InternalSegmented>) & Pick<React$1.FC, "displayName">;
+//#endregion
+export { type SegmentedValue, Segmented as default };

package/es/segmented/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useSize.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-segmented";function o(e){return typeof e==`object`&&!!e?.icon}const s=r.forwardRef((s,c)=>{let{prefixCls:l,className:u,rootClassName:d,block:f,options:p=[],size:m=`middle`,style:h,vertical:g,..._}=s,{getPrefixCls:v,direction:y,segmented:b}=r.useContext(e),x=v(`segmented`,l),[S,C,w]=n(x),T=t(m),E=r.useMemo(()=>p.map(e=>{if(o(e)){let{icon:t,label:n,...i}=e;return{...i,label:r.createElement(r.Fragment,null,r.createElement(`span`,{className:`${x}-item-icon`},t),n&&r.createElement(`span`,null,n))}}return e}),[p,x]),D=i(u,d,b?.className,{[`${x}-block`]:f,[`${x}-sm`]:T===`small`,[`${x}-lg`]:T===`large`,[`${x}-vertical`]:g},C,w),O={...b?.style,...h};return S(r.createElement(a,{..._,className:D,style:O,options:E,ref:c,prefixCls:x,direction:y,vertical:g}))});export{s as default};

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

@@ -0,0 +1,49 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/segmented/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 选项文本颜色
+   * @descEN Text color of item
+   */
+  itemColor: string;
+  /**
+   * @desc 选项悬浮态文本颜色
+   * @descEN Text color of item when hover
+   */
+  itemHoverColor: string;
+  /**
+   * @desc 选项悬浮态背景颜色
+   * @descEN Background color of item when hover
+   */
+  itemHoverBg: string;
+  /**
+   * @desc 选项激活态背景颜色
+   * @descEN Background color of item when active
+   */
+  itemActiveBg: string;
+  /**
+   * @desc 选项选中时背景颜色
+   * @descEN Background color of item when selected
+   */
+  itemSelectedBg: string;
+  /**
+   * @desc 选项选中时文字颜色
+   * @descEN Text color of item when selected
+   */
+  itemSelectedColor: string;
+  /**
+   * @desc Segmented 控件容器的 padding
+   * @descEN Padding of Segmented container
+   */
+  trackPadding: string | number;
+  /**
+   * @desc Segmented 控件容器背景色
+   * @descEN Background of Segmented container
+   */
+  trackBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Segmented'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/segmented/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e,textEllipsis as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{unit as i}from"@ant-design/cssinjs";function a(e,t){return{[`${e}, ${e}:hover, ${e}:focus`]:{color:t.colorTextDisabled,cursor:`not-allowed`}}}function o(e){return{backgroundColor:e.itemSelectedBg,boxShadow:e.boxShadowTertiary}}const s={overflow:`hidden`,...t},c=t=>{let{componentCls:n}=t,r=t.calc(t.controlHeight).sub(t.calc(t.trackPadding).mul(2)).equal(),c=t.calc(t.controlHeightLG).sub(t.calc(t.trackPadding).mul(2)).equal(),l=t.calc(t.controlHeightSM).sub(t.calc(t.trackPadding).mul(2)).equal();return{[n]:{...e(t),display:`inline-block`,padding:t.trackPadding,color:t.itemColor,background:t.trackBg,borderRadius:t.borderRadius,transition:`all ${t.motionDurationMid} ${t.motionEaseInOut}`,[`${n}-group`]:{position:`relative`,display:`flex`,alignItems:`stretch`,justifyItems:`flex-start`,flexDirection:`row`,width:`100%`},[`&${n}-rtl`]:{direction:`rtl`},[`&${n}-vertical`]:{[`${n}-group`]:{flexDirection:`column`},[`${n}-thumb`]:{width:`100%`,height:0,padding:`0 ${i(t.paddingXXS)}`}},[`&${n}-block`]:{display:`flex`},[`&${n}-block ${n}-item`]:{flex:1,minWidth:0},[`${n}-item`]:{position:`relative`,textAlign:`center`,cursor:`pointer`,transition:`color ${t.motionDurationMid} ${t.motionEaseInOut}`,borderRadius:t.borderRadiusSM,transform:`translateZ(0)`,"&-selected":{...o(t),color:t.itemSelectedColor},"&::after":{content:`""`,position:`absolute`,zIndex:-1,width:`100%`,height:`100%`,top:0,insetInlineStart:0,borderRadius:`inherit`,transition:`background-color ${t.motionDurationMid}`,pointerEvents:`none`},[`&:hover:not(${n}-item-selected):not(${n}-item-disabled)`]:{color:t.itemHoverColor,"&::after":{backgroundColor:t.itemHoverBg}},[`&:active:not(${n}-item-selected):not(${n}-item-disabled)`]:{color:t.itemHoverColor,"&::after":{backgroundColor:t.itemActiveBg}},"&-label":{minHeight:r,lineHeight:i(r),padding:`0 ${i(t.segmentedPaddingHorizontal)}`,...s},"&-icon + *":{marginInlineStart:t.calc(t.marginSM).div(2).equal()},"&-input":{position:`absolute`,insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:`none`}},[`${n}-thumb`]:{...o(t),position:`absolute`,insetBlockStart:0,insetInlineStart:0,width:0,height:`100%`,padding:`${i(t.paddingXXS)} 0`,borderRadius:t.borderRadiusSM,transition:`transform ${t.motionDurationSlow} ${t.motionEaseInOut}, height ${t.motionDurationSlow} ${t.motionEaseInOut}`,[`& ~ ${n}-item:not(${n}-item-selected):not(${n}-item-disabled)::after`]:{backgroundColor:`transparent`}},[`&${n}-lg`]:{borderRadius:t.borderRadiusLG,[`${n}-item-label`]:{minHeight:c,lineHeight:i(c),padding:`0 ${i(t.segmentedPaddingHorizontal)}`,fontSize:t.fontSizeLG},[`${n}-item, ${n}-thumb`]:{borderRadius:t.borderRadius}},[`&${n}-sm`]:{borderRadius:t.borderRadiusSM,[`${n}-item-label`]:{minHeight:l,lineHeight:i(l),padding:`0 ${i(t.segmentedPaddingHorizontalSM)}`},[`${n}-item, ${n}-thumb`]:{borderRadius:t.borderRadiusXS}},...a(`&-disabled ${n}-item`,t),...a(`${n}-item-disabled`,t),[`${n}-thumb-motion-appear-active`]:{transition:`transform ${t.motionDurationSlow} ${t.motionEaseInOut}, width ${t.motionDurationSlow} ${t.motionEaseInOut}`,willChange:`transform, width`}}}},l=e=>{let{colorTextLabel:t,colorText:n,colorFillSecondary:r,colorBgElevated:i,colorFill:a,lineWidthBold:o,colorBgLayout:s}=e;return{trackPadding:o,trackBg:s,itemColor:t,itemHoverColor:n,itemHoverBg:r,itemSelectedBg:i,itemActiveBg:a,itemSelectedColor:n}};var u=n(`Segmented`,e=>{let{lineWidth:t,calc:n}=e,i=r(e,{segmentedPaddingHorizontal:n(e.controlPaddingHorizontal).sub(t).equal(),segmentedPaddingHorizontalSM:n(e.controlPaddingHorizontalSM).sub(t).equal()});return[c(i)]},l);export{u as default,l as prepareComponentToken};

package/es/select/index.d.ts

@@ -0,0 +1,59 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { AnyObject } from "../_util/type.js";
+import { InputStatus } from "../_util/statusUtils.js";
+import { SelectCommonPlacement } from "../_util/motion.js";
+import { Variant } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+import { BaseSelectRef, OptGroup, Option, SelectProps as SelectProps$1 } from "rc-select";
+import { OptionProps } from "rc-select/lib/Option";
+import { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
+//#region components/select/index.d.ts
+type RawValue = string | number;
+export interface LabeledValue {
+  key?: string;
+  value: RawValue;
+  label: React$1.ReactNode;
+}
+export type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
+export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<SelectProps$1<ValueType, OptionType>, 'mode'> {
+  rootClassName?: string;
+  prefix?: React$1.ReactNode;
+  suffixIcon?: React$1.ReactNode;
+  size?: SizeType;
+  disabled?: boolean;
+  mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE' | 'combobox';
+  /** @deprecated Use `variant` instead. */
+  bordered?: boolean;
+  /**
+   * @deprecated `showArrow` is deprecated which will be removed in next major version. It will be a
+   *   default behavior, you can hide it by setting `suffixIcon` to null.
+   */
+  showArrow?: boolean;
+  /**
+   * @since 5.13.0
+   * @default "outlined"
+   */
+  variant?: Variant;
+}
+export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement'> {
+  placement?: SelectCommonPlacement;
+  mode?: 'multiple' | 'tags';
+  status?: InputStatus;
+  popupClassName?: string;
+  /** @deprecated Please use `popupClassName` instead */
+  dropdownClassName?: string;
+  /** @deprecated Please use `popupMatchSelectWidth` instead */
+  dropdownMatchSelectWidth?: boolean | number;
+  popupMatchSelectWidth?: boolean | number;
+}
+declare const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React$1.PropsWithChildren<SelectProps<ValueType, OptionType>> & React$1.RefAttributes<BaseSelectRef>) => React$1.ReactElement) & {
+  displayName?: string;
+  SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+  Option: typeof Option;
+  OptGroup: typeof OptGroup;
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const PurePanel: (props: AnyObject) => React$1.JSX.Element;
+//#endregion
+export { type BaseOptionType, type DefaultOptionType, type OptionProps, type BaseSelectRef as RefSelectProps, Select as default };

package/es/select/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import ee from"../config-provider/DisabledContext.js";import te from"../theme/useToken.js";import"../theme/internal.js";import"../config-provider/index.js";import ne from"../config-provider/hooks/useCSSVarCls.js";import{useZIndex as re}from"../_util/hooks/useZIndex.js";import{getTransitionName as ie}from"../_util/motion.js";import ae from"../config-provider/hooks/useSize.js";import{useCompactItemContext as oe}from"../space/Compact.js";import{FormItemInputContext as se}from"../form/context.js";import t from"../_util/PurePanel.js";import{getMergedStatus as ce,getStatusClassNames as n}from"../_util/statusUtils.js";import r from"../config-provider/defaultRenderEmpty.js";import i from"../form/hooks/useVariants.js";import a from"./mergedBuiltinPlacements.js";import o from"./style/index.js";import s from"./useIcons.js";import c from"./useShowArrow.js";import*as l from"react";import u from"classnames";import le from"rc-util/lib/omit";import ue,{OptGroup as d,Option as f}from"rc-select";const p=`SECRET_COMBOBOX_MODE_DO_NOT_USE`,m=l.forwardRef((t,d)=>{let{prefixCls:f,bordered:m,className:h,rootClassName:g,getPopupContainer:de,popupClassName:_,dropdownClassName:v,listHeight:y=256,placement:b,listItemHeight:x,size:S,disabled:C,notFoundContent:w,status:T,builtinPlacements:E,dropdownMatchSelectWidth:D,popupMatchSelectWidth:O,direction:k,style:A,allowClear:j,variant:M,dropdownStyle:N,transitionName:P,tagRender:F,maxCount:I,prefix:L,showSearch:R=!1,...z}=t,{getPopupContainer:B,getPrefixCls:V,renderEmpty:H,direction:fe,virtual:pe,popupMatchSelectWidth:me,popupOverflow:he,select:U}=l.useContext(e),[,ge]=te(),_e=x??ge?.controlHeight,W=V(`select`,f),ve=V(),G=k??fe,{compactSize:ye,compactItemClassnames:be}=oe(W,G),[xe,Se]=i(`select`,M,m),K=ne(W),[Ce,q,J]=o(W,K),Y=l.useMemo(()=>{let{mode:e}=t;if(e!==`combobox`)return e===p?`combobox`:e},[t.mode]),X=Y===`multiple`||Y===`tags`,we=c(t.suffixIcon,t.showArrow),Te=O??D??me,{status:Ee,hasFeedback:Z,isFormItemInput:De,feedbackIcon:Oe}=l.useContext(se),ke=ce(Ee,T),Q;Q=w===void 0?Y===`combobox`?null:H?.(`Select`)||l.createElement(r,{componentName:`Select`}):w;let{suffixIcon:Ae,itemIcon:je,removeIcon:Me,clearIcon:Ne}=s({...z,multiple:X,hasFeedback:Z,feedbackIcon:Oe,showSuffixIcon:we,prefixCls:W,componentName:`Select`}),Pe=j===!0?{clearIcon:Ne}:j,Fe=le(z,[`suffixIcon`,`itemIcon`]),Ie=u(_||v,{[`${W}-dropdown-${G}`]:G===`rtl`},g,J,K,q),$=ae(e=>S??ye??e),Le=l.useContext(ee),Re=C??Le,ze=u({[`${W}-lg`]:$===`large`,[`${W}-sm`]:$===`small`,[`${W}-rtl`]:G===`rtl`,[`${W}-${xe}`]:Se,[`${W}-in-form-item`]:De},n(W,ke,Z),be,U?.className,h,g,J,K,q),Be=l.useMemo(()=>b===void 0?G===`rtl`?`bottomRight`:`bottomLeft`:b,[b,G]),[Ve]=re(`SelectLike`,N?.zIndex);return Ce(l.createElement(ue,{ref:d,virtual:pe,showSearch:R,...Fe,style:{...U?.style,...A},dropdownMatchSelectWidth:Te,transitionName:ie(ve,`slide-up`,P),builtinPlacements:a(E,he),listHeight:y,listItemHeight:_e,mode:Y,prefixCls:W,placement:Be,direction:G,prefix:L,suffixIcon:Ae,menuItemSelectedIcon:je,removeIcon:Me,allowClear:Pe,notFoundContent:Q,className:ze,getPopupContainer:de||B,dropdownClassName:Ie,disabled:Re,dropdownStyle:{...N,zIndex:Ve},maxCount:X?I:void 0,tagRender:X?F:void 0}))}),h=t(m,`dropdownAlign`);m.SECRET_COMBOBOX_MODE_DO_NOT_USE=p,m.Option=f,m.OptGroup=d,m._InternalPanelDoNotUseOrYouWillBeFired=h;export{m as default};

package/es/select/mergedBuiltinPlacements.d.ts

@@ -0,0 +1,6 @@
+import { PopupOverflow } from "../config-provider/context.js";
+import { BuildInPlacements } from "@rc-component/trigger";
+//#region components/select/mergedBuiltinPlacements.d.ts
+declare function mergedBuiltinPlacements(buildInPlacements?: BuildInPlacements, popupOverflow?: PopupOverflow): BuildInPlacements;
+//#endregion
+export { mergedBuiltinPlacements as default };

package/es/select/mergedBuiltinPlacements.js

@@ -0,0 +1 @@
+const e=e=>{let t={overflow:{adjustX:!0,adjustY:!0,shiftY:!0},htmlRegion:e===`scroll`?`scroll`:`visible`,dynamicInset:!0};return{bottomLeft:{...t,points:[`tl`,`bl`],offset:[0,4]},bottomRight:{...t,points:[`tr`,`br`],offset:[0,4]},topLeft:{...t,points:[`bl`,`tl`],offset:[0,-4]},topRight:{...t,points:[`br`,`tr`],offset:[0,-4]}}};function t(t,n){return t||e(n)}export{t as default};

package/es/select/style/dropdown.d.ts

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

package/es/select/style/dropdown.js

@@ -0,0 +1,12 @@
+import{resetComponent as e,textEllipsis as t}from"../../style/index.js";import{initMoveMotion as n}from"../../style/motion/move.js";import{initSlideMotion as r,slideDownIn as i,slideDownOut as a,slideUpIn as o,slideUpOut as s}from"../../style/motion/slide.js";import"../../style/motion/index.js";const c=e=>{let{optionHeight:t,optionFontSize:n,optionLineHeight:r,optionPadding:i}=e;return{position:`relative`,display:`block`,minHeight:t,padding:i,color:e.colorText,fontWeight:`normal`,fontSize:n,lineHeight:r,boxSizing:`border-box`}},l=l=>{let{antCls:u,componentCls:d}=l,f=`${d}-item`,p=`&${u}-slide-up-enter${u}-slide-up-enter-active`,m=`&${u}-slide-up-appear${u}-slide-up-appear-active`,h=`&${u}-slide-up-leave${u}-slide-up-leave-active`,g=`${d}-dropdown-placement-`;return[{[`${d}-dropdown`]:{...e(l),position:`absolute`,top:-9999,zIndex:l.zIndexPopup,boxSizing:`border-box`,padding:l.paddingXXS,overflow:`hidden`,fontSize:l.fontSize,fontVariant:`initial`,backgroundColor:l.colorBgElevated,borderRadius:l.borderRadiusLG,outline:`none`,boxShadow:l.boxShadowSecondary,[`
+          ${p}${g}bottomLeft,
+          ${m}${g}bottomLeft
+        `]:{animationName:o},[`
+          ${p}${g}topLeft,
+          ${m}${g}topLeft,
+          ${p}${g}topRight,
+          ${m}${g}topRight
+        `]:{animationName:i},[`${h}${g}bottomLeft`]:{animationName:s},[`
+          ${h}${g}topLeft,
+          ${h}${g}topRight
+        `]:{animationName:a},"&-hidden":{display:`none`},[f]:{...c(l),cursor:`pointer`,transition:`background ${l.motionDurationSlow} ease`,borderRadius:l.borderRadiusSM,"&-group":{color:l.colorTextDescription,fontSize:l.fontSizeSM,cursor:`default`},"&-option":{display:`flex`,"&-content":{flex:`auto`,...t},"&-state":{flex:`none`,display:`flex`,alignItems:`center`},[`&-active:not(${f}-option-disabled)`]:{backgroundColor:l.optionActiveBg},[`&-selected:not(${f}-option-disabled)`]:{color:l.optionSelectedColor,fontWeight:l.optionSelectedFontWeight,backgroundColor:l.optionSelectedBg,[`${f}-option-state`]:{color:l.colorPrimary},[`&:has(+ ${f}-option-selected:not(${f}-option-disabled))`]:{borderEndStartRadius:0,borderEndEndRadius:0,[`& + ${f}-option-selected:not(${f}-option-disabled)`]:{borderStartStartRadius:0,borderStartEndRadius:0}}},"&-disabled":{[`&${f}-option-selected`]:{backgroundColor:l.colorBgContainerDisabled},color:l.colorTextDisabled,cursor:`not-allowed`},"&-grouped":{paddingInlineStart:l.calc(l.controlPaddingHorizontal).mul(2).equal()}},"&-empty":{...c(l),color:l.colorTextDisabled}},"&-rtl":{direction:`rtl`}}},r(l,`slide-up`),r(l,`slide-down`),n(l,`move-up`),n(l,`move-down`)]};export{l as default};

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

@@ -0,0 +1,5 @@
+import { ComponentToken } from "./token.js";
+//#region components/select/style/index.d.ts
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { type ComponentToken, _default as default };

package/es/select/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e,resetIcon 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{genCompactItemStyle as a}from"../../style/compact-item.js";import o from"./dropdown.js";import s from"./multiple.js";import c from"./single.js";import{prepareComponentToken as l}from"./token.js";import u from"./variants.js";const d=e=>{let{componentCls:t}=e;return{position:`relative`,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,input:{cursor:`pointer`},[`${t}-show-search&`]:{cursor:`text`,input:{cursor:`auto`,color:`inherit`,height:`100%`}},[`${t}-disabled&`]:{cursor:`not-allowed`,input:{cursor:`not-allowed`}}}},f=e=>{let{componentCls:t}=e;return{[`${t}-selection-search-input`]:{margin:0,padding:0,background:`transparent`,border:`none`,outline:`none`,appearance:`none`,fontFamily:`inherit`,"&::-webkit-search-cancel-button":{display:`none`,"-webkit-appearance":`none`}}}},p=r=>{let{antCls:i,componentCls:a,inputPaddingHorizontalBase:o,iconCls:s}=r;return{[a]:{...e(r),position:`relative`,display:`inline-flex`,cursor:`pointer`,[`&:not(${a}-customize-input) ${a}-selector`]:{...d(r),...f(r)},[`${a}-selection-item`]:{flex:1,fontWeight:`normal`,position:`relative`,userSelect:`none`,...n,[`> ${i}-typography`]:{display:`inline`}},[`${a}-selection-placeholder`]:{...n,flex:1,color:r.colorTextPlaceholder,pointerEvents:`none`},[`${a}-arrow`]:{...t(),position:`absolute`,top:`50%`,insetInlineStart:`auto`,insetInlineEnd:o,height:r.fontSizeIcon,marginTop:r.calc(r.fontSizeIcon).mul(-1).div(2).equal(),color:r.colorTextQuaternary,fontSize:r.fontSizeIcon,lineHeight:1,textAlign:`center`,pointerEvents:`none`,display:`flex`,alignItems:`center`,transition:`opacity ${r.motionDurationSlow} ease`,[s]:{verticalAlign:`top`,transition:`transform ${r.motionDurationSlow}`,"> svg":{verticalAlign:`top`},[`&:not(${a}-suffix)`]:{pointerEvents:`auto`}},[`${a}-disabled &`]:{cursor:`not-allowed`},"> *:not(:last-child)":{marginInlineEnd:8}},[`${a}-selection-wrap`]:{display:`flex`,width:`100%`,position:`relative`,minWidth:0,"&:after":{content:`"\\a0"`,width:0,overflow:`hidden`}},[`${a}-prefix`]:{flex:`none`,marginInlineEnd:r.selectAffixPadding},[`${a}-clear`]:{position:`absolute`,top:`50%`,insetInlineStart:`auto`,insetInlineEnd:o,zIndex:1,display:`inline-block`,width:r.fontSizeIcon,height:r.fontSizeIcon,marginTop:r.calc(r.fontSizeIcon).mul(-1).div(2).equal(),color:r.colorTextQuaternary,fontSize:r.fontSizeIcon,fontStyle:`normal`,lineHeight:1,textAlign:`center`,textTransform:`none`,cursor:`pointer`,opacity:0,transition:`color ${r.motionDurationMid} ease, opacity ${r.motionDurationSlow} ease`,textRendering:`auto`,"&:before":{display:`block`},"&:hover":{color:r.colorTextTertiary}},[`&:hover ${a}-clear`]:{opacity:1,background:r.colorBgBase,borderRadius:`50%`}},[`${a}-status`]:{"&-error, &-warning, &-success, &-validating":{[`&${a}-has-feedback`]:{[`${a}-clear`]:{insetInlineEnd:r.calc(o).add(r.fontSize).add(r.paddingXS).equal()}}}}}},m=e=>{let{componentCls:t}=e;return[{[t]:{[`&${t}-in-form-item`]:{width:`100%`}}},p(e),c(e),s(e),o(e),{[`${t}-rtl`]:{direction:`rtl`}},a(e,{borderElCls:`${t}-selector`,focusElCls:`${t}-focused`})]};var h=r(`Select`,(e,{rootPrefixCls:t})=>{let n=i(e,{rootPrefixCls:t,inputPaddingHorizontalBase:e.calc(e.paddingSM).sub(1).equal(),multipleSelectItemHeight:e.multipleItemHeight,selectHeight:e.controlHeight});return[m(n),u(n)]},l,{unitless:{optionLineHeight:!0,optionSelectedFontWeight:!0}});export{h as default};

package/es/select/style/multiple.d.ts

@@ -0,0 +1,34 @@
+import { SelectToken } from "./token.js";
+import { CSSInterpolation, CSSObject } from "@ant-design/cssinjs";
+//#region components/select/style/multiple.d.ts
+/**
+ * Get multiple selector needed style. The calculation:
+ *
+ * ContainerPadding = BasePadding - ItemMargin
+ *
+ * Border:                    ╔═══════════════════════════╗                 ┬
+ * ContainerPadding:          ║                           ║                 │
+ *                            ╟───────────────────────────╢     ┬           │
+ * Item Margin:               ║                           ║     │           │
+ *                            ║             ┌──────────┐  ║     │           │
+ * Item(multipleItemHeight):  ║ BasePadding │   Item   │  ║  Overflow  Container(ControlHeight)
+ *                            ║             └──────────┘  ║     │           │
+ * Item Margin:               ║                           ║     │           │
+ *                            ╟───────────────────────────╢     ┴           │
+ * ContainerPadding:          ║                           ║                 │
+ * Border:                    ╚═══════════════════════════╝                 ┴
+ */
+export declare const getMultipleSelectorUnit: (token: Pick<SelectToken, "max" | "calc" | "multipleSelectItemHeight" | "paddingXXS" | "lineWidth" | "INTERNAL_FIXED_ITEM_MARGIN">) => {
+  basePadding: string | number;
+  containerPadding: string | number;
+  itemHeight: string;
+  itemLineHeight: string;
+};
+/**
+ * Get the `rc-overflow` needed style.
+ * It's a share style which means not affected by `size`.
+ */
+export declare const genOverflowStyle: (token: Pick<SelectToken, "calc" | "componentCls" | "iconCls" | "borderRadiusSM" | "motionDurationSlow" | "paddingXS" | "multipleItemColorDisabled" | "multipleItemBorderColorDisabled" | "colorIcon" | "colorIconHover" | "INTERNAL_FIXED_ITEM_MARGIN">) => CSSObject;
+declare const genMultipleStyle: (token: SelectToken) => CSSInterpolation;
+//#endregion
+export { genMultipleStyle as default };

package/es/select/style/multiple.js

@@ -0,0 +1,6 @@
+import{resetIcon as e}from"../../style/index.js";import{mergeToken as t}from"../../theme/internal.js";import{unit as n}from"@ant-design/cssinjs";const r=e=>{let{multipleSelectItemHeight:t,paddingXXS:r,lineWidth:i,INTERNAL_FIXED_ITEM_MARGIN:a}=e,o=e.max(e.calc(r).sub(i).equal(),0);return{basePadding:o,containerPadding:e.max(e.calc(o).sub(a).equal(),0),itemHeight:n(t),itemLineHeight:n(e.calc(t).sub(e.calc(e.lineWidth).mul(2)).equal())}},i=e=>{let{multipleSelectItemHeight:t,selectHeight:n,lineWidth:r}=e;return e.calc(n).sub(t).div(2).sub(r).equal()},a=t=>{let{componentCls:n,iconCls:r,borderRadiusSM:i,motionDurationSlow:a,paddingXS:o,multipleItemColorDisabled:s,multipleItemBorderColorDisabled:c,colorIcon:l,colorIconHover:u,INTERNAL_FIXED_ITEM_MARGIN:d}=t;return{[`${n}-selection-overflow`]:{position:`relative`,display:`flex`,flex:`auto`,flexWrap:`nowrap`,overflow:`hidden`,maxWidth:`100%`,"&-item":{flex:`none`,alignSelf:`center`,maxWidth:`100%`,display:`inline-flex`},[`${n}-selection-item`]:{display:`flex`,alignSelf:`center`,flex:`none`,boxSizing:`border-box`,maxWidth:`100%`,marginBlock:d,borderRadius:i,cursor:`default`,transition:`font-size ${a}, line-height ${a}, height ${a}`,marginInlineEnd:t.calc(d).mul(2).equal(),paddingInlineStart:o,paddingInlineEnd:t.calc(o).div(2).equal(),[`${n}-disabled&`]:{color:s,borderColor:c,cursor:`not-allowed`},"&-content":{display:`inline-block`,marginInlineEnd:t.calc(o).div(2).equal(),overflow:`hidden`,whiteSpace:`pre`,textOverflow:`ellipsis`},"&-remove":{...e(),display:`inline-flex`,alignItems:`center`,color:l,fontWeight:`bold`,fontSize:10,lineHeight:`inherit`,cursor:`pointer`,[`> ${r}`]:{verticalAlign:`-0.2em`},"&:hover":{color:u}}}}}},o=(e,t)=>{let{componentCls:o,INTERNAL_FIXED_ITEM_MARGIN:s}=e,c=`${o}-selection-overflow`,l=e.multipleSelectItemHeight,u=i(e),d=t?`${o}-${t}`:``,f=r(e);return{[`${o}-multiple${d}`]:{...a(e),[`${o}-selector`]:{display:`flex`,alignItems:`center`,width:`100%`,height:`100%`,paddingInline:f.basePadding,paddingBlock:f.containerPadding,borderRadius:e.borderRadius,[`${o}-disabled&`]:{background:e.multipleSelectorBgDisabled,cursor:`not-allowed`},"&:after":{display:`inline-block`,width:0,margin:`${n(s)} 0`,lineHeight:n(l),visibility:`hidden`,content:`"\\a0"`}},[`${o}-selection-item`]:{height:f.itemHeight,lineHeight:n(f.itemLineHeight)},[`${o}-selection-wrap`]:{alignSelf:`flex-start`,"&:after":{lineHeight:n(l),marginBlock:s}},[`${o}-prefix`]:{marginInlineStart:e.calc(e.inputPaddingHorizontalBase).sub(f.basePadding).equal()},[`${c}-item + ${c}-item,
+        ${o}-prefix + ${o}-selection-wrap
+      `]:{[`${o}-selection-search`]:{marginInlineStart:0},[`${o}-selection-placeholder`]:{insetInlineStart:0}},[`${c}-item-suffix`]:{minHeight:f.itemHeight,marginBlock:s},[`${o}-selection-search`]:{display:`inline-flex`,position:`relative`,maxWidth:`100%`,marginInlineStart:e.calc(e.inputPaddingHorizontalBase).sub(u).equal(),"\n          &-input,\n          &-mirror\n        ":{height:l,fontFamily:e.fontFamily,lineHeight:n(l),transition:`all ${e.motionDurationSlow}`},"&-input":{width:`100%`,minWidth:4.1},"&-mirror":{position:`absolute`,top:0,insetInlineStart:0,insetInlineEnd:`auto`,zIndex:999,whiteSpace:`pre`,visibility:`hidden`}},[`${o}-selection-placeholder`]:{position:`absolute`,top:`50%`,insetInlineStart:e.calc(e.inputPaddingHorizontalBase).sub(f.basePadding).equal(),insetInlineEnd:e.inputPaddingHorizontalBase,transform:`translateY(-50%)`,transition:`all ${e.motionDurationSlow}`}}}};function s(e,t){let{componentCls:n}=e,r={[`${n}-multiple${t?`${n}-${t}`:``}`]:{fontSize:e.fontSize,[`${n}-selector`]:{[`${n}-show-search&`]:{cursor:`text`}},[`
+        &${n}-show-arrow ${n}-selector,
+        &${n}-allow-clear ${n}-selector
+      `]:{paddingInlineEnd:e.calc(e.fontSizeIcon).add(e.controlPaddingHorizontal).equal()}}};return[o(e,t),r]}const c=e=>{let{componentCls:n}=e,r=t(e,{selectHeight:e.controlHeightSM,multipleSelectItemHeight:e.multipleItemHeightSM,borderRadius:e.borderRadiusSM,borderRadiusSM:e.borderRadiusXS}),i=t(e,{fontSize:e.fontSizeLG,selectHeight:e.controlHeightLG,multipleSelectItemHeight:e.multipleItemHeightLG,borderRadius:e.borderRadiusLG,borderRadiusSM:e.borderRadius});return[s(e),s(r,`sm`),{[`${n}-multiple${n}-sm`]:{[`${n}-selection-placeholder`]:{insetInline:e.calc(e.controlPaddingHorizontalSM).sub(e.lineWidth).equal()},[`${n}-selection-search`]:{marginInlineStart:2}}},s(i,`lg`)]};export{c as default,a as genOverflowStyle,r as getMultipleSelectorUnit};

package/es/select/style/single.d.ts

@@ -0,0 +1,5 @@
+import { SelectToken } from "./token.js";
+import { CSSInterpolation } from "@ant-design/cssinjs";
+//#region components/select/style/single.d.ts
+export default function genSingleStyle(token: SelectToken): CSSInterpolation;
+//#endregion

package/es/select/style/single.js

@@ -0,0 +1,11 @@
+import{resetComponent as e}from"../../style/index.js";import{mergeToken as t}from"../../theme/internal.js";import{unit as n}from"@ant-design/cssinjs";function r(t,r){let{componentCls:i,inputPaddingHorizontalBase:a,borderRadius:o}=t,s=t.calc(t.controlHeight).sub(t.calc(t.lineWidth).mul(2)).equal();return{[`${i}-single${r?`${i}-${r}`:``}`]:{fontSize:t.fontSize,height:t.controlHeight,[`${i}-selector`]:{...e(t,!0),display:`flex`,borderRadius:o,flex:`1 1 auto`,[`${i}-selection-search`]:{position:`absolute`,inset:0,width:`100%`,"&-input":{width:`100%`,WebkitAppearance:`textfield`}},[`
+          ${i}-selection-item,
+          ${i}-selection-placeholder
+        `]:{display:`block`,padding:0,lineHeight:n(s),transition:`all ${t.motionDurationSlow}, visibility 0s`,alignSelf:`center`},[`${i}-selection-placeholder`]:{transition:`none`,pointerEvents:`none`},[[`&:after`,`${i}-selection-item:empty:after`,`${i}-selection-placeholder:empty:after`].join(`,`)]:{display:`inline-block`,width:0,visibility:`hidden`,content:`"\\a0"`}},[`
+        &${i}-show-arrow ${i}-selection-item,
+        &${i}-show-arrow ${i}-selection-search,
+        &${i}-show-arrow ${i}-selection-placeholder
+      `]:{paddingInlineEnd:t.showArrowPaddingInlineEnd},[`&${i}-open ${i}-selection-item`]:{color:t.colorTextPlaceholder},[`&:not(${i}-customize-input)`]:{[`${i}-selector`]:{width:`100%`,height:`100%`,alignItems:`center`,padding:`0 ${n(a)}`,[`${i}-selection-search-input`]:{height:s},"&:after":{lineHeight:n(s)}}},[`&${i}-customize-input`]:{[`${i}-selector`]:{"&:after":{display:`none`},[`${i}-selection-search`]:{position:`static`,width:`100%`},[`${i}-selection-placeholder`]:{position:`absolute`,insetInlineStart:0,insetInlineEnd:0,padding:`0 ${n(a)}`,"&:after":{display:`none`}}}}}}}function i(e){let{componentCls:i}=e,a=e.calc(e.controlPaddingHorizontalSM).sub(e.lineWidth).equal();return[r(e),r(t(e,{controlHeight:e.controlHeightSM,borderRadius:e.borderRadiusSM}),`sm`),{[`${i}-single${i}-sm`]:{[`&:not(${i}-customize-input)`]:{[`${i}-selector`]:{padding:`0 ${n(a)}`},[`&${i}-show-arrow ${i}-selection-search`]:{insetInlineEnd:e.calc(a).add(e.calc(e.fontSize).mul(1.5)).equal()},[`
+            &${i}-show-arrow ${i}-selection-item,
+            &${i}-show-arrow ${i}-selection-placeholder
+          `]:{paddingInlineEnd:e.calc(e.fontSize).mul(1.5).equal()}}}},r(t(e,{controlHeight:e.singleItemHeightLG,fontSize:e.fontSizeLG,borderRadius:e.borderRadiusLG}),`lg`)]}export{i as default};

package/es/select/style/token.d.ts

@@ -0,0 +1,141 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/select/style/token.d.ts
+export interface MultipleSelectorToken {
+  /**
+   * @desc 多选标签背景色
+   * @descEN Background color of multiple tag
+   */
+  multipleItemBg: string;
+  /**
+   * @desc 多选标签边框色
+   * @descEN Border color of multiple tag
+   */
+  multipleItemBorderColor: string;
+  /**
+   * @desc 多选标签高度
+   * @descEN Height of multiple tag
+   */
+  multipleItemHeight: number;
+  /**
+   * @desc 小号多选标签高度
+   * @descEN Height of multiple tag with small size
+   */
+  multipleItemHeightSM: number;
+  /**
+   * @desc 大号多选标签高度
+   * @descEN Height of multiple tag with large size
+   */
+  multipleItemHeightLG: number;
+  /**
+   * @desc 多选框禁用背景
+   * @descEN Background color of multiple selector when disabled
+   */
+  multipleSelectorBgDisabled: string;
+  /**
+   * @desc 多选标签禁用文本颜色
+   * @descEN Text color of multiple tag when disabled
+   */
+  multipleItemColorDisabled: string;
+  /**
+   * @desc 多选标签禁用边框色
+   * @descEN Border color of multiple tag when disabled
+   */
+  multipleItemBorderColorDisabled: string;
+}
+export interface ComponentToken extends MultipleSelectorToken {
+  /**
+   * @desc 下拉菜单 z-index
+   * @descEN z-index of dropdown
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 选项选中时文本颜色
+   * @descEN Text color when option is selected
+   */
+  optionSelectedColor: string;
+  /**
+   * @desc 选项选中时文本字重
+   * @descEN Font weight when option is selected
+   */
+  optionSelectedFontWeight: CSSProperties['fontWeight'];
+  /**
+   * @desc 选项选中时背景色
+   * @descEN Background color when option is selected
+   */
+  optionSelectedBg: string;
+  /**
+   * @desc 选项激活态时背景色
+   * @descEN Background color when option is active
+   */
+  optionActiveBg: string;
+  /**
+   * @desc 选项内间距
+   * @descEN Padding of option
+   */
+  optionPadding: CSSProperties['padding'];
+  /**
+   * @desc 选项字体大小
+   * @descEN Font size of option
+   */
+  optionFontSize: number;
+  /**
+   * @desc 选项行高
+   * @descEN Line height of option
+   */
+  optionLineHeight: CSSProperties['lineHeight'];
+  /**
+   * @desc 选项高度
+   * @descEN Height of option
+   */
+  optionHeight: number;
+  /**
+   * @desc 选框背景色
+   * @descEN Background color of selector
+   */
+  selectorBg: string;
+  /**
+   * @desc 清空按钮背景色
+   * @descEN Background color of clear button
+   */
+  clearBg: string;
+  /**
+   * @desc 单选大号回填项高度
+   * @descEN Height of single selected item with large size
+   */
+  singleItemHeightLG: number;
+  /**
+   * @desc 箭头的行末内边距
+   * @descEN Inline end padding of arrow
+   */
+  showArrowPaddingInlineEnd: number;
+  /**
+   * @desc 悬浮态边框色
+   * @descEN Hover border color
+   */
+  hoverBorderColor: string;
+  /**
+   * @desc 激活态边框色
+   * @descEN Active border color
+   */
+  activeBorderColor: string;
+  /**
+   * @desc 激活态 outline 颜色
+   * @descEN Active outline color
+   */
+  activeOutlineColor: string;
+}
+export interface SelectorToken {
+  selectAffixPadding: number | string;
+  inputPaddingHorizontalBase: number | string;
+  multipleSelectItemHeight: number;
+  selectHeight: number;
+}
+export interface SelectToken extends FullToken<'Select'>, SelectorToken {
+  rootPrefixCls: string;
+  /** @private Used for internal calculation */
+  INTERNAL_FIXED_ITEM_MARGIN: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Select'>;
+//#endregion

package/es/select/style/token.js

@@ -0,0 +1 @@
+const e=e=>{let{fontSize:t,lineHeight:n,lineWidth:r,controlHeight:i,controlHeightSM:a,controlHeightLG:o,paddingXXS:s,controlPaddingHorizontal:c,zIndexPopupBase:l,colorText:u,fontWeightStrong:d,controlItemBgActive:f,controlItemBgHover:p,colorBgContainer:m,colorFillSecondary:h,colorBgContainerDisabled:g,colorTextDisabled:_,colorPrimaryHover:v,colorPrimary:y,controlOutline:b}=e,x=s*2,S=r*2,C=Math.min(i-x,i-S),w=Math.min(a-x,a-S),T=Math.min(o-x,o-S);return{INTERNAL_FIXED_ITEM_MARGIN:Math.floor(s/2),zIndexPopup:l+50,optionSelectedColor:u,optionSelectedFontWeight:d,optionSelectedBg:f,optionActiveBg:p,optionPadding:`${(i-t*n)/2}px ${c}px`,optionFontSize:t,optionLineHeight:n,optionHeight:i,selectorBg:m,clearBg:m,singleItemHeightLG:o,multipleItemBg:h,multipleItemBorderColor:`transparent`,multipleItemHeight:C,multipleItemHeightSM:w,multipleItemHeightLG:T,multipleSelectorBgDisabled:g,multipleItemColorDisabled:_,multipleItemBorderColorDisabled:`transparent`,showArrowPaddingInlineEnd:Math.ceil(e.fontSize*1.25),hoverBorderColor:v,activeBorderColor:y,activeOutlineColor:b,selectAffixPadding:s}};export{e as prepareComponentToken};

package/es/select/style/variants.d.ts

@@ -0,0 +1,6 @@
+import { SelectToken } from "./token.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/select/style/variants.d.ts
+declare const genVariantsStyle: (token: SelectToken) => CSSObject;
+//#endregion
+export { genVariantsStyle as default };

package/es/select/style/variants.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=(t,n)=>{let{componentCls:r,antCls:i,controlOutlineWidth:a}=t;return{[`&:not(${r}-customize-input) ${r}-selector`]:{border:`${e(t.lineWidth)} ${t.lineType} ${n.borderColor}`,background:t.selectorBg},[`&:not(${r}-disabled):not(${r}-customize-input):not(${i}-pagination-size-changer)`]:{[`&:hover ${r}-selector`]:{borderColor:n.hoverBorderHover},[`${r}-focused& ${r}-selector`]:{borderColor:n.activeBorderColor,boxShadow:`0 0 0 ${e(a)} ${n.activeOutlineColor}`,outline:0},[`${r}-prefix`]:{color:n.color}}}},n=(e,n)=>({[`&${e.componentCls}-status-${n.status}`]:{...t(e,n)}}),r=r=>({"&-outlined":{...t(r,{borderColor:r.colorBorder,hoverBorderHover:r.hoverBorderColor,activeBorderColor:r.activeBorderColor,activeOutlineColor:r.activeOutlineColor,color:r.colorText}),...n(r,{status:`error`,borderColor:r.colorError,hoverBorderHover:r.colorErrorHover,activeBorderColor:r.colorError,activeOutlineColor:r.colorErrorOutline,color:r.colorError}),...n(r,{status:`warning`,borderColor:r.colorWarning,hoverBorderHover:r.colorWarningHover,activeBorderColor:r.colorWarning,activeOutlineColor:r.colorWarningOutline,color:r.colorWarning}),[`&${r.componentCls}-disabled`]:{[`&:not(${r.componentCls}-customize-input) ${r.componentCls}-selector`]:{background:r.colorBgContainerDisabled,color:r.colorTextDisabled}},[`&${r.componentCls}-multiple ${r.componentCls}-selection-item`]:{background:r.multipleItemBg,border:`${e(r.lineWidth)} ${r.lineType} ${r.multipleItemBorderColor}`}}}),i=(t,n)=>{let{componentCls:r,antCls:i}=t;return{[`&:not(${r}-customize-input) ${r}-selector`]:{background:n.bg,border:`${e(t.lineWidth)} ${t.lineType} transparent`,color:n.color},[`&:not(${r}-disabled):not(${r}-customize-input):not(${i}-pagination-size-changer)`]:{[`&:hover ${r}-selector`]:{background:n.hoverBg},[`${r}-focused& ${r}-selector`]:{background:t.selectorBg,borderColor:n.activeBorderColor,outline:0}}}},a=(e,t)=>({[`&${e.componentCls}-status-${t.status}`]:{...i(e,t)}}),o=t=>({"&-filled":{...i(t,{bg:t.colorFillTertiary,hoverBg:t.colorFillSecondary,activeBorderColor:t.activeBorderColor,color:t.colorText}),...a(t,{status:`error`,bg:t.colorErrorBg,hoverBg:t.colorErrorBgHover,activeBorderColor:t.colorError,color:t.colorError}),...a(t,{status:`warning`,bg:t.colorWarningBg,hoverBg:t.colorWarningBgHover,activeBorderColor:t.colorWarning,color:t.colorWarning}),[`&${t.componentCls}-disabled`]:{[`&:not(${t.componentCls}-customize-input) ${t.componentCls}-selector`]:{borderColor:t.colorBorder,background:t.colorBgContainerDisabled,color:t.colorTextDisabled}},[`&${t.componentCls}-multiple ${t.componentCls}-selection-item`]:{background:t.colorBgContainer,border:`${e(t.lineWidth)} ${t.lineType} ${t.colorSplit}`}}}),s=t=>({"&-borderless":{[`${t.componentCls}-selector`]:{background:`transparent`,border:`${e(t.lineWidth)} ${t.lineType} transparent`},[`&${t.componentCls}-disabled`]:{[`&:not(${t.componentCls}-customize-input) ${t.componentCls}-selector`]:{color:t.colorTextDisabled}},[`&${t.componentCls}-multiple ${t.componentCls}-selection-item`]:{background:t.multipleItemBg,border:`${e(t.lineWidth)} ${t.lineType} ${t.multipleItemBorderColor}`},[`&${t.componentCls}-status-error`]:{[`${t.componentCls}-prefix, ${t.componentCls}-selection-item`]:{color:t.colorError}},[`&${t.componentCls}-status-warning`]:{[`${t.componentCls}-prefix, ${t.componentCls}-selection-item`]:{color:t.colorWarning}}}}),c=e=>({[e.componentCls]:{...r(e),...o(e),...s(e)}});export{c as default};

package/es/select/useIcons.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import { ReactNode } from "react";
+//#region components/select/useIcons.d.ts
+type RenderNode = React$1.ReactNode | ((props: any) => React$1.ReactNode);
+export default function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, prefixCls, showSuffixIcon, feedbackIcon, showArrow, componentName }: {
+  suffixIcon?: React$1.ReactNode;
+  clearIcon?: RenderNode;
+  menuItemSelectedIcon?: RenderNode;
+  removeIcon?: RenderNode;
+  loading?: boolean;
+  multiple?: boolean;
+  hasFeedback?: boolean;
+  feedbackIcon?: ReactNode;
+  prefixCls: string;
+  showSuffixIcon?: boolean;
+  showArrow?: boolean;
+  componentName: string;
+}): {
+  clearIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode);
+  suffixIcon: React$1.JSX.Element | (({ open, showSearch }: {
+    open: boolean;
+    showSearch: boolean;
+  }) => React$1.JSX.Element | null) | null;
+  itemIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode) | null;
+  removeIcon: string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode) | null;
+};
+//#endregion

package/es/select/useIcons.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import*as e from"react";import t from"@ant-design/icons/CloseCircleFilled";import n from"@ant-design/icons/CloseOutlined";import r from"@ant-design/icons/LoadingOutlined";import i from"@ant-design/icons/CheckOutlined";import a from"@ant-design/icons/DownOutlined";import o from"@ant-design/icons/SearchOutlined";function s({suffixIcon:s,clearIcon:c,menuItemSelectedIcon:l,removeIcon:u,loading:d,multiple:f,hasFeedback:p,prefixCls:m,showSuffixIcon:h,feedbackIcon:g,showArrow:_,componentName:v}){let y=c??e.createElement(t,null),b=t=>s===null&&!p&&!_?null:e.createElement(e.Fragment,null,h!==!1&&t,p&&g),x=null;if(s!==void 0)x=b(s);else if(d)x=b(e.createElement(r,{spin:!0}));else{let t=`${m}-suffix`;x=({open:n,showSearch:r})=>b(n&&r?e.createElement(o,{className:t}):e.createElement(a,{className:t}))}let S=null;S=l===void 0?f?e.createElement(i,null):null:l;let C=null;return C=u===void 0?e.createElement(n,null):u,{clearIcon:y,suffixIcon:x,itemIcon:S,removeIcon:C}}export{s as default};

package/es/select/useShowArrow.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+//#region components/select/useShowArrow.d.ts
+/**
+ * Since Select, TreeSelect, Cascader is same Select like component.
+ * We just use same hook to handle this logic.
+ *
+ * If `suffixIcon` is not equal to `null`, always show it.
+ */
+export default function useShowArrow(suffixIcon?: ReactNode, showArrow?: boolean): boolean;
+//#endregion

package/es/select/useShowArrow.js

@@ -0,0 +1 @@
+function e(e,t){return t===void 0?e!==null:t}export{e as default};

package/es/skeleton/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Avatar.d.ts
+export interface AvatarProps extends Omit<SkeletonElementProps, 'shape'> {
+  shape?: 'circle' | 'square';
+}
+declare const SkeletonAvatar: React$1.FC<AvatarProps>;
+//#endregion
+export { SkeletonAvatar as default };

package/es/skeleton/Avatar.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,shape:d=`circle`,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`,`className`]),y=i(m,`${m}-element`,{[`${m}-active`]:u},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-avatar`,shape:d,size:f,...v})))};export{o as default};

package/es/skeleton/Button.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Button.d.ts
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonButton: React$1.FC<SkeletonButtonProps>;
+//#endregion
+export { SkeletonButton as default };

package/es/skeleton/Button.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,block:d=!1,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`]),y=i(m,`${m}-element`,{[`${m}-active`]:u,[`${m}-block`]:d},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-button`,size:f,...v})))};export{o as default};

package/es/skeleton/Element.d.ts

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+//#region components/skeleton/Element.d.ts
+export interface SkeletonElementProps {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  size?: 'large' | 'small' | 'default' | number;
+  shape?: 'circle' | 'square' | 'round' | 'default';
+  active?: boolean;
+}
+declare const Element: React$1.FC<SkeletonElementProps>;
+//#endregion
+export { Element as default };

package/es/skeleton/Element.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=n=>{let{prefixCls:r,className:i,style:a,size:o,shape:s}=n,c=t({[`${r}-lg`]:o===`large`,[`${r}-sm`]:o===`small`}),l=t({[`${r}-circle`]:s===`circle`,[`${r}-square`]:s===`square`,[`${r}-round`]:s===`round`}),u=e.useMemo(()=>typeof o==`number`?{width:o,height:o,lineHeight:`${o}px`}:{},[o]);return e.createElement(`span`,{className:t(r,c,l,i),style:{...u,...a}})};export{n as default};

package/es/skeleton/Image.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Image.d.ts
+export interface SkeletonImageProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {}
+declare const SkeletonImage: React$1.FC<SkeletonImageProps>;
+//#endregion
+export { SkeletonImage as default };

package/es/skeleton/Image.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=i=>{let{prefixCls:a,className:o,rootClassName:s,style:c,active:l}=i,{getPrefixCls:u}=n.useContext(e),d=u(`skeleton`,a),[f,p,m]=t(d),h=r(d,`${d}-element`,{[`${d}-active`]:l},o,s,p,m);return f(n.createElement(`div`,{className:h},n.createElement(`div`,{className:r(`${d}-image`,o),style:c},n.createElement(`svg`,{viewBox:`0 0 1098 1024`,xmlns:`http://www.w3.org/2000/svg`,className:`${d}-image-svg`},n.createElement(`title`,null,`Image placeholder`),n.createElement(`path`,{d:`M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z`,className:`${d}-image-path`})))))};export{i as default};

package/es/skeleton/Input.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Input.d.ts
+export interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonInput: React$1.FC<SkeletonInputProps>;
+//#endregion
+export { SkeletonInput as default };

package/es/skeleton/Input.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/omit";const o=o=>{let{prefixCls:s,className:c,rootClassName:l,active:u,block:d,size:f=`default`}=o,{getPrefixCls:p}=r.useContext(e),m=p(`skeleton`,s),[h,g,_]=n(m),v=a(o,[`prefixCls`]),y=i(m,`${m}-element`,{[`${m}-active`]:u,[`${m}-block`]:d},c,l,g,_);return h(r.createElement(`div`,{className:y},r.createElement(t,{prefixCls:`${m}-input`,size:f,...v})))};export{o as default};

package/es/skeleton/Node.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as React$1 from "react";
+//#region components/skeleton/Node.d.ts
+export interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  fullSize?: boolean;
+  children?: React$1.ReactNode;
+}
+declare const SkeletonNode: React$1.FC<SkeletonNodeProps>;
+//#endregion
+export { SkeletonNode as default };