@swiftcrab/crab 0.0.5 → 0.0.6

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

@@ -0,0 +1,54 @@
+import "../../theme/internal.js";
+import { FullToken, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/cascader/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 选择器宽度
+   * @descEN Width of Cascader
+   */
+  controlWidth: number | string;
+  /**
+   * @desc 选项宽度
+   * @descEN Width of item
+   */
+  controlItemWidth: number | string;
+  /**
+   * @desc 下拉菜单高度
+   * @descEN Height of dropdown
+   */
+  dropdownHeight: number | string;
+  /**
+   * @desc 选项选中时背景色
+   * @descEN Background color of selected item
+   */
+  optionSelectedBg: string;
+  /**
+   * @desc 选项选中时字重
+   * @descEN Font weight of selected item
+   */
+  optionSelectedFontWeight: CSSProperties['fontWeight'];
+  /**
+   * @desc 选项内间距
+   * @descEN Padding of menu item
+   */
+  optionPadding: CSSProperties['padding'];
+  /**
+   * @desc 选项菜单（单列）内间距
+   * @descEN Padding of menu item (single column)
+   */
+  menuPadding: CSSProperties['padding'];
+}
+export type CascaderToken = FullToken<'Cascader'>;
+export declare const prepareComponentToken: (token: GlobalToken) => {
+  controlWidth: number;
+  controlItemWidth: number;
+  dropdownHeight: number;
+  optionSelectedBg: string;
+  optionSelectedFontWeight: number;
+  optionPadding: string;
+  menuPadding: number;
+};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/cascader/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{genCompactItemStyle as t}from"../../style/compact-item.js";import n from"./columns.js";const r=e=>{let{componentCls:r,antCls:i}=e;return[{[r]:{width:e.controlWidth}},{[`${r}-dropdown`]:[{[`&${i}-select-dropdown`]:{padding:0}},n(e)]},{[`${r}-dropdown-rtl`]:{direction:`rtl`}},t(e)]},i=e=>{let t=Math.round((e.controlHeight-e.fontSize*e.lineHeight)/2);return{controlWidth:184,controlItemWidth:111,dropdownHeight:180,optionSelectedBg:e.controlItemBgActive,optionSelectedFontWeight:e.fontWeightStrong,optionPadding:`${t}px ${e.paddingSM}px`,menuPadding:e.paddingXXS}};var a=e(`Cascader`,e=>[r(e)],i);export{a as default,i as prepareComponentToken};

package/es/cascader/style/panel.d.ts

@@ -0,0 +1,4 @@
+//#region components/cascader/style/panel.d.ts
+declare const _default: (prefixCls: string, rootCls?: string) => import("@ant-design/cssinjs-utils/lib/interface").UseComponentStyleResult;
+//#endregion
+export { _default as default };

package/es/cascader/style/panel.js

@@ -0,0 +1 @@
+import{genComponentStyleHook as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import t from"./columns.js";import{prepareComponentToken as n}from"./index.js";import{unit as r}from"@ant-design/cssinjs";const i=e=>{let{componentCls:n}=e;return{[`${n}-panel`]:[t(e),{display:`inline-flex`,border:`${r(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,borderRadius:e.borderRadiusLG,overflowX:`auto`,maxWidth:`100%`,[`${n}-menus`]:{alignItems:`stretch`},[`${n}-menu`]:{height:`auto`},"&-empty":{padding:e.paddingXXS}}]}};var a=e([`Cascader`,`Panel`],e=>i(e),n);export{a as default};

package/es/checkbox/Checkbox.d.ts

@@ -0,0 +1,45 @@
+import * as React$1 from "react";
+import { CheckboxRef } from "rc-checkbox";
+//#region components/checkbox/Checkbox.d.ts
+export interface AbstractCheckboxProps<T> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  defaultChecked?: boolean;
+  checked?: boolean;
+  style?: React$1.CSSProperties;
+  disabled?: boolean;
+  title?: string;
+  onChange?: (e: T) => void;
+  onClick?: React$1.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: React$1.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: React$1.MouseEventHandler<HTMLElement>;
+  onKeyPress?: React$1.KeyboardEventHandler<HTMLElement>;
+  onKeyDown?: React$1.KeyboardEventHandler<HTMLElement>;
+  onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
+  onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
+  value?: any;
+  tabIndex?: number;
+  name?: string;
+  children?: React$1.ReactNode;
+  id?: string;
+  autoFocus?: boolean;
+  type?: string;
+  skipGroup?: boolean;
+  required?: boolean;
+}
+export interface CheckboxChangeEventTarget extends CheckboxProps {
+  checked: boolean;
+}
+export interface CheckboxChangeEvent {
+  target: CheckboxChangeEventTarget;
+  stopPropagation: () => void;
+  preventDefault: () => void;
+  nativeEvent: MouseEvent;
+}
+export interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {
+  indeterminate?: boolean;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<CheckboxRef>>;
+//#endregion
+export { Checkbox as default };

package/es/checkbox/Checkbox.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../config-provider/DisabledContext.js";import"../config-provider/index.js";import n from"../config-provider/hooks/useCSSVarCls.js";import{TARGET_CLS as r}from"../_util/wave/interface.js";import i from"../_util/wave/index.js";import{FormItemInputContext as a}from"../form/context.js";import o from"./useBubbleLock.js";import s from"./style/index.js";import c from"./GroupContext.js";import*as l from"react";import u from"classnames";import{composeRef as d}from"rc-util/lib/ref";import f from"rc-checkbox";const p=l.forwardRef((p,m)=>{let{prefixCls:h,className:g,rootClassName:_,children:v,indeterminate:y=!1,style:b,onMouseEnter:x,onMouseLeave:S,skipGroup:C=!1,disabled:w,...T}=p,{getPrefixCls:E,direction:D,checkbox:O}=l.useContext(e),k=l.useContext(c),{isFormItemInput:A}=l.useContext(a),j=l.useContext(t),M=(k?.disabled||w)??j,N=l.useRef(T.value),P=l.useRef(null),F=d(m,P);l.useEffect(()=>{k?.registerValue(T.value)},[]),l.useEffect(()=>{if(!C)return T.value!==N.current&&(k?.cancelValue(N.current),k?.registerValue(T.value),N.current=T.value),()=>k?.cancelValue(T.value)},[T.value]),l.useEffect(()=>{P.current?.input&&(P.current.input.indeterminate=y)},[y]);let I=E(`checkbox`,h),L=n(I),[R,z,B]=s(I,L),V={...T};k&&!C&&(V.onChange=(...e)=>{T.onChange&&T.onChange(...e),k.toggleOption&&k.toggleOption({label:v,value:T.value})},V.name=k.name,V.checked=k.value.includes(T.value));let H=u(`${I}-wrapper`,{[`${I}-rtl`]:D===`rtl`,[`${I}-wrapper-checked`]:V.checked,[`${I}-wrapper-disabled`]:M,[`${I}-wrapper-in-form-item`]:A},O?.className,g,_,B,L,z),U=u({[`${I}-indeterminate`]:y},r,z),[W,G]=o(V.onClick);return R(l.createElement(i,{component:`Checkbox`,disabled:M},l.createElement(`label`,{className:H,style:{...O?.style,...b},onMouseEnter:x,onMouseLeave:S,onClick:W},l.createElement(f,{...V,onClick:G,prefixCls:I,className:U,disabled:M,ref:F}),v!==void 0&&l.createElement(`span`,null,v))))});export{p as default};

package/es/checkbox/Group.d.ts

@@ -0,0 +1,32 @@
+import { CheckboxChangeEvent } from "./Checkbox.js";
+import GroupContext, { CheckboxGroupContext } from "./GroupContext.js";
+import * as React$1 from "react";
+//#region components/checkbox/Group.d.ts
+export interface CheckboxOptionType<T = any> {
+  label: React$1.ReactNode;
+  value: T;
+  style?: React$1.CSSProperties;
+  disabled?: boolean;
+  title?: string;
+  id?: string;
+  onChange?: (e: CheckboxChangeEvent) => void;
+  required?: boolean;
+}
+export interface AbstractCheckboxGroupProps<T = any> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  options?: (CheckboxOptionType<T> | string | number)[];
+  disabled?: boolean;
+  style?: React$1.CSSProperties;
+}
+export interface CheckboxGroupProps<T = any> extends AbstractCheckboxGroupProps<T> {
+  name?: string;
+  defaultValue?: T[];
+  value?: T[];
+  onChange?: (checkedValue: T[]) => void;
+  children?: React$1.ReactNode;
+}
+declare const _default: <T = any>(props: CheckboxGroupProps<T> & React$1.RefAttributes<HTMLDivElement>) => React$1.ReactElement;
+//#endregion
+export { type CheckboxGroupContext, GroupContext, _default as default };

package/es/checkbox/Group.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 r from"./GroupContext.js";import i from"./Checkbox.js";import*as a from"react";import o from"classnames";import s from"rc-util/lib/omit";const c=a.forwardRef((c,l)=>{let{defaultValue:u,children:d,options:f=[],prefixCls:p,className:m,rootClassName:h,style:g,onChange:_,...v}=c,{getPrefixCls:y,direction:b}=a.useContext(e),[x,S]=a.useState(v.value||u||[]),[C,w]=a.useState([]);a.useEffect(()=>{`value`in v&&S(v.value||[])},[v.value]);let T=a.useMemo(()=>f.map(e=>typeof e==`string`||typeof e==`number`?{label:e,value:e}:e),[f]),E=e=>{w(t=>t.filter(t=>t!==e))},D=e=>{w(t=>[...t,e])},O=e=>{let t=x.indexOf(e.value),n=[...x];t===-1?n.push(e.value):n.splice(t,1),`value`in v||S(n),_?.(n.filter(e=>C.includes(e)).sort((e,t)=>T.findIndex(t=>t.value===e)-T.findIndex(e=>e.value===t)))},k=y(`checkbox`,p),A=`${k}-group`,j=t(k),[M,N,P]=n(k,j),F=s(v,[`value`,`disabled`]),I=f.length?T.map(e=>a.createElement(i,{prefixCls:k,key:e.value.toString(),disabled:`disabled`in e?e.disabled:v.disabled,value:e.value,checked:x.includes(e.value),onChange:e.onChange,className:`${A}-item`,style:e.style,title:e.title,id:e.id,required:e.required},e.label)):d,L={toggleOption:O,value:x,disabled:v.disabled,name:v.name,registerValue:D,cancelValue:E},R=o(A,{[`${A}-rtl`]:b===`rtl`},m,h,P,j,N);return M(a.createElement(`div`,{className:R,style:g,...F,ref:l},a.createElement(r.Provider,{value:L},I)))});export{r as GroupContext,c as default};

package/es/checkbox/GroupContext.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxOptionType } from "./Group.js";
+import React from "react";
+//#region components/checkbox/GroupContext.d.ts
+export interface CheckboxGroupContext<T = any> {
+  name?: string;
+  toggleOption?: (option: CheckboxOptionType<T>) => void;
+  value?: any;
+  disabled?: boolean;
+  registerValue: (val: T) => void;
+  cancelValue: (val: T) => void;
+}
+declare const GroupContext: React.Context<CheckboxGroupContext<any> | null>;
+//#endregion
+export { GroupContext as default };

package/es/checkbox/GroupContext.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext(null);export{t as default};

package/es/checkbox/index.d.ts

@@ -0,0 +1,10 @@
+import Checkbox$1, { CheckboxChangeEvent, CheckboxProps } from "./Checkbox.js";
+import _default, { CheckboxGroupProps, CheckboxOptionType } from "./Group.js";
+import { CheckboxRef } from "rc-checkbox";
+//#region components/checkbox/index.d.ts
+type CompoundedComponent = typeof Checkbox$1 & {
+  Group: typeof _default;
+};
+declare const Checkbox: CompoundedComponent;
+//#endregion
+export { type CheckboxChangeEvent, type CheckboxGroupProps, type CheckboxOptionType, type CheckboxProps, type CheckboxRef, Checkbox as default };

package/es/checkbox/index.js

@@ -0,0 +1 @@
+import e from"./Checkbox.js";import t from"./Group.js";const n=e;n.Group=t,n.__ANT_CHECKBOX=!0;export{n as default};

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

@@ -0,0 +1,26 @@
+import "../../theme/internal.js";
+import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/checkbox/style/index.d.ts
+export interface ComponentToken {}
+/**
+ * @desc Checkbox 组件的 Token
+ * @descEN Token for Checkbox component
+ */
+interface CheckboxToken extends FullToken<'Checkbox'> {
+  /**
+   * @desc Checkbox 类名
+   * @descEN Checkbox class name
+   */
+  checkboxCls: string;
+  /**
+   * @desc Checkbox 尺寸
+   * @descEN Size of Checkbox
+   */
+  checkboxSize: number;
+}
+export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
+export declare function getStyle(prefixCls: string, token: FullToken<'Checkbox'>): import("@ant-design/cssinjs").CSSInterpolation[];
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/checkbox/style/index.js

@@ -0,0 +1,7 @@
+import{genFocusOutline as e,resetComponent 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";const a=n=>{let{checkboxCls:r}=n,a=`${r}-wrapper`;return[{[`${r}-group`]:{...t(n),display:`inline-flex`,flexWrap:`wrap`,columnGap:n.marginXS,[`> ${n.antCls}-row`]:{flex:1}},[a]:{...t(n),display:`inline-flex`,alignItems:`baseline`,cursor:`pointer`,"&:after":{display:`inline-block`,width:0,overflow:`hidden`,content:`'\\a0'`},[`& + ${a}`]:{marginInlineStart:0},[`&${a}-in-form-item`]:{'input[type="checkbox"]':{width:14,height:14}}},[r]:{...t(n),position:`relative`,whiteSpace:`nowrap`,lineHeight:1,cursor:`pointer`,borderRadius:n.borderRadiusSM,alignSelf:`center`,[`${r}-input`]:{position:`absolute`,inset:0,zIndex:1,cursor:`pointer`,opacity:0,margin:0,[`&:focus-visible + ${r}-inner`]:{...e(n)}},[`${r}-inner`]:{boxSizing:`border-box`,display:`block`,width:n.checkboxSize,height:n.checkboxSize,direction:`ltr`,backgroundColor:n.colorBgContainer,border:`${i(n.lineWidth)} ${n.lineType} ${n.colorBorder}`,borderRadius:n.borderRadiusSM,borderCollapse:`separate`,transition:`all ${n.motionDurationSlow}`,"&:after":{boxSizing:`border-box`,position:`absolute`,top:`50%`,insetInlineStart:`25%`,display:`table`,width:n.calc(n.checkboxSize).div(14).mul(5).equal(),height:n.calc(n.checkboxSize).div(14).mul(8).equal(),border:`${i(n.lineWidthBold)} solid ${n.colorWhite}`,borderTop:0,borderInlineStart:0,transform:`rotate(45deg) scale(0) translate(-50%,-50%)`,opacity:0,content:`""`,transition:`all ${n.motionDurationFast} ${n.motionEaseInBack}, opacity ${n.motionDurationFast}`}},"& + span":{paddingInlineStart:n.paddingXS,paddingInlineEnd:n.paddingXS}}},{[`
+        ${a}:not(${a}-disabled),
+        ${r}:not(${r}-disabled)
+      `]:{[`&:hover ${r}-inner`]:{borderColor:n.colorPrimary}},[`${a}:not(${a}-disabled)`]:{[`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]:{backgroundColor:n.colorPrimaryHover,borderColor:`transparent`},[`&:hover ${r}-checked:not(${r}-disabled):after`]:{borderColor:n.colorPrimaryHover}}},{[`${r}-checked`]:{[`${r}-inner`]:{backgroundColor:n.colorPrimary,borderColor:n.colorPrimary,"&:after":{opacity:1,transform:`rotate(45deg) scale(1) translate(-50%,-50%)`,transition:`all ${n.motionDurationMid} ${n.motionEaseOutBack} ${n.motionDurationFast}`}}},[`
+        ${a}-checked:not(${a}-disabled),
+        ${r}-checked:not(${r}-disabled)
+      `]:{[`&:hover ${r}-inner`]:{backgroundColor:n.colorPrimaryHover,borderColor:`transparent`}}},{[r]:{"&-indeterminate":{[`${r}-inner`]:{backgroundColor:`${n.colorBgContainer} !important`,borderColor:`${n.colorBorder} !important`,"&:after":{top:`50%`,insetInlineStart:`50%`,width:n.calc(n.fontSizeLG).div(2).equal(),height:n.calc(n.fontSizeLG).div(2).equal(),backgroundColor:n.colorPrimary,border:0,transform:`translate(-50%, -50%) scale(1)`,opacity:1,content:`""`}},[`&:hover ${r}-inner`]:{backgroundColor:`${n.colorBgContainer} !important`,borderColor:`${n.colorPrimary} !important`}}}},{[`${a}-disabled`]:{cursor:`not-allowed`},[`${r}-disabled`]:{[`&, ${r}-input`]:{cursor:`not-allowed`,pointerEvents:`none`},[`${r}-inner`]:{background:n.colorBgContainerDisabled,borderColor:n.colorBorder,"&:after":{borderColor:n.colorTextDisabled}},"&:after":{display:`none`},"& + span":{color:n.colorTextDisabled},[`&${r}-indeterminate ${r}-inner::after`]:{background:n.colorTextDisabled}}}]};function o(e,t){let n=r(t,{checkboxCls:`.${e}`,checkboxSize:t.controlInteractiveSize});return[a(n)]}var s=n(`Checkbox`,(e,{prefixCls:t})=>[o(t,e)]);export{s as default,a as genCheckboxStyle,o as getStyle};

package/es/checkbox/useBubbleLock.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+//#region components/checkbox/useBubbleLock.d.ts
+/**
+ * When click on the label,
+ * the event will be stopped to prevent the label from being clicked twice.
+ * label click -> input click -> label click again
+ */
+export default function useBubbleLock(onOriginInputClick?: React.MouseEventHandler<HTMLInputElement>): readonly [React.MouseEventHandler<HTMLLabelElement>, React.MouseEventHandler<HTMLInputElement>];
+//#endregion

package/es/checkbox/useBubbleLock.js

@@ -0,0 +1 @@
+import e from"react";import t from"rc-util/lib/raf";function n(n){let r=e.useRef(null),i=()=>{t.cancel(r.current),r.current=null};return[()=>{i(),r.current=t(()=>{r.current=null})},e=>{r.current&&(e.stopPropagation(),i()),n?.(e)}]}export{n as default};

package/es/clap-overflow/index.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import { ReactNode } from "react";
+//#region components/clap-overflow/index.d.ts
+export interface ClapOverflowProps {
+  prefixCls?: string;
+  children: ReactNode;
+  maxHeight?: number;
+  filterHeight?: number;
+  expandText?: string;
+  collapseText?: string;
+  collapsible?: boolean;
+  foldable?: boolean;
+  className?: string;
+  style?: React$1.CSSProperties;
+}
+declare function ClapOverflow(props: ClapOverflowProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare namespace ClapOverflow {
+  var displayName: string;
+}
+//#endregion
+export { ClapOverflow as default };

package/es/clap-overflow/index.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{useCallback as r,useEffect as i,useRef as a,useState as o}from"react";import s from"classnames";function c(c){let{prefixCls:l,children:u,maxHeight:d=200,filterHeight:f=80,expandText:p=`展开全部`,collapseText:m=`收起`,collapsible:h=!1,foldable:g=!0,className:_,style:v}=c,{getPrefixCls:y}=n.useContext(e),b=y(`clap-overflow`,l),[x,S,C]=t(b),w=a(null),T=a(null),[E,D]=o(!0),[O,k]=o(!1),[A,j]=o(),[M,N]=o(),[P,F]=o(),I=r(()=>{let e=w.current,t=T.current;if(!e||!t)return;k(t.scrollHeight>d+1),F(t.scrollHeight);let n=e.parentElement?.clientWidth;n&&j(n);let r=0;Array.from(t.children).forEach(e=>{r=Math.max(r,Math.ceil(e.getBoundingClientRect().width))}),N(r||void 0)},[d]);i(()=>{I();let e=T.current,t=w.current?.parentElement;if(!e||typeof ResizeObserver>`u`)return;let n=new ResizeObserver(()=>I());return n.observe(e),t&&n.observe(t),e.addEventListener(`load`,I,!0),()=>{n.disconnect(),e.removeEventListener(`load`,I,!0)}},[I,u]);let L=g&&O&&E,R=s(b,S,C,_);return x(n.createElement(`div`,{ref:w,className:R,style:{...v,width:M?`${M}px`:void 0}},n.createElement(`div`,{ref:T,className:`${b}-content`,style:{width:A?`${A}px`:`100%`,maxHeight:L?`${d}px`:`${P??d}px`}},u),L&&n.createElement(`div`,{className:`${b}-mask`,style:{height:`${f}px`}},n.createElement(`button`,{type:`button`,className:`${b}-toggle-btn`,onClick:()=>D(!1)},p)),g&&O&&!E&&h&&n.createElement(`div`,{className:`${b}-collapse-bar`},n.createElement(`button`,{type:`button`,className:`${b}-toggle-btn`,onClick:()=>D(!0)},m))))}export{c as default};

package/es/clap-overflow/style/index.d.ts

@@ -0,0 +1,19 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/clap-overflow/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 折叠时底部渐隐遮罩背景
+   * @descEN Background of the fade mask when collapsed
+   */
+  maskBg: string;
+  /**
+   * @desc 内容展开/收起动画时长
+   * @descEN Duration of the expand/collapse animation
+   */
+  motionDuration: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'ClapOverflow'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/clap-overflow/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{TinyColor as r}from"@ctrl/tinycolor";const i=t=>{let{componentCls:n,maskBg:r,motionDuration:i,colorBgContainer:a,colorBorder:o,colorBorderSecondary:s,colorTextSecondary:c,colorText:l,controlHeight:u,borderRadiusLG:d,paddingContentHorizontal:f,fontSizeSM:p,marginSM:m,marginXS:h,boxShadowSecondary:g,motionEaseInOut:_}=t;return{[n]:{...e(t),position:`relative`,width:`fit-content`,maxWidth:`100%`,overflow:`hidden`,marginBlockEnd:m,[`${n}-content`]:{overflow:`hidden`,transition:`max-height ${i} ${_}`},[`${n}-mask`]:{position:`absolute`,insetInline:0,insetBlockEnd:0,display:`flex`,alignItems:`flex-end`,justifyContent:`center`,boxSizing:`border-box`,paddingBlockEnd:m,pointerEvents:`none`,background:r},[`${n}-collapse-bar`]:{display:`flex`,alignItems:`center`,justifyContent:`center`,paddingBlockStart:m},[`${n}-toggle-btn`]:{pointerEvents:`auto`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,height:u,paddingInline:f,color:c,fontSize:p,lineHeight:1,background:a,border:`${t.lineWidth}px ${t.lineType} ${o}`,borderRadius:d,boxShadow:g,cursor:`pointer`,transition:`all ${i} ${_}`,"&:hover":{color:l,borderColor:s},[`& + ${n}-toggle-btn`]:{marginInlineStart:h}}}}},a=e=>({maskBg:`linear-gradient(180deg, ${new r(e.colorBgContainer).setAlpha(0).toRgbString()} 0%, ${new r(e.colorBgContainer).setAlpha(.6).toRgbString()} 45%, ${new r(e.colorBgContainer).setAlpha(.95).toRgbString()} 100%)`,motionDuration:e.motionDurationSlow});var o=t(`ClapOverflow`,e=>{let t=n(e,{});return[i(t)]},a);export{o as default,a as prepareComponentToken};

package/es/col/index.d.ts

@@ -0,0 +1,3 @@
+import Col, { ColProps, ColSize } from "../grid/col.js";
+import "../grid/index.js";
+export { type ColProps, type ColSize, Col as default };

package/es/col/index.js

@@ -0,0 +1 @@
+import e from"../grid/col.js";import"../grid/index.js";var t=e;export{t as default};

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

@@ -0,0 +1,4 @@
+//#region components/col/style/index.d.ts
+declare const _default: {};
+//#endregion
+export { _default as default };

package/es/col/style/index.js

@@ -0,0 +1 @@
+var e={};export{e as default};

package/es/collapse/Collapse.d.ts

@@ -0,0 +1,47 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { CollapsePanelProps, CollapsibleType } from "./CollapsePanel.js";
+import * as React$1 from "react";
+import { CollapseProps as CollapseProps$1 } from "rc-collapse";
+//#region components/collapse/Collapse.d.ts
+/** @deprecated Please use `start` | `end` instead */
+type ExpandIconPositionLegacy = 'left' | 'right';
+export type ExpandIconPosition = 'start' | 'end' | ExpandIconPositionLegacy | undefined;
+export interface CollapseProps extends Pick<CollapseProps$1, 'items'> {
+  activeKey?: Array<string | number> | string | number;
+  defaultActiveKey?: Array<string | number> | string | number;
+  /** 手风琴效果 */
+  accordion?: boolean;
+  destroyInactivePanel?: boolean;
+  onChange?: (key: string[]) => void;
+  style?: React$1.CSSProperties;
+  className?: string;
+  rootClassName?: string;
+  bordered?: boolean;
+  prefixCls?: string;
+  expandIcon?: (panelProps: PanelProps) => React$1.ReactNode;
+  expandIconPosition?: ExpandIconPosition;
+  ghost?: boolean;
+  size?: SizeType;
+  collapsible?: CollapsibleType;
+  /**
+   * @deprecated use `items` instead
+   */
+  children?: React$1.ReactNode;
+}
+interface PanelProps {
+  isActive?: boolean;
+  header?: React$1.ReactNode;
+  className?: string;
+  style?: React$1.CSSProperties;
+  showArrow?: boolean;
+  forceRender?: boolean;
+  /** @deprecated Use `collapsible="disabled"` instead */
+  disabled?: boolean;
+  extra?: React$1.ReactNode;
+  collapsible?: CollapsibleType;
+}
+declare const _default: React$1.ForwardRefExoticComponent<CollapseProps & React$1.RefAttributes<HTMLDivElement>> & {
+  Panel: React$1.ForwardRefExoticComponent<CollapsePanelProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { _default as default };

package/es/collapse/Collapse.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import n from"../_util/motion.js";import r from"../config-provider/hooks/useSize.js";import i from"./CollapsePanel.js";import a from"./style/index.js";import*as o from"react";import s from"classnames";import c from"rc-util/lib/omit";import l from"rc-util/lib/Children/toArray";import u from"@ant-design/icons/RightOutlined";import d from"rc-collapse";const f=o.forwardRef((i,f)=>{let{getPrefixCls:p,direction:m,collapse:h}=o.useContext(e),{prefixCls:g,className:_,rootClassName:v,style:y,bordered:b=!0,ghost:x,size:S,expandIconPosition:C=`start`,children:w,expandIcon:T}=i,E=r(e=>S??e??`middle`),D=p(`collapse`,g),O=p(),[k,A,j]=a(D),M=o.useMemo(()=>C===`left`?`start`:C===`right`?`end`:C,[C]),N=T??h?.expandIcon,P=o.useCallback((e={})=>{let n=typeof N==`function`?N(e):o.createElement(u,{rotate:e.isActive?90:void 0,"aria-label":e.isActive?`expanded`:`collapsed`});return t(n,()=>({className:s(n?.props?.className,`${D}-arrow`)}))},[N,D]),F=s(`${D}-icon-position-${M}`,{[`${D}-borderless`]:!b,[`${D}-rtl`]:m===`rtl`,[`${D}-ghost`]:!!x,[`${D}-${E}`]:E!==`middle`},h?.className,_,v,A,j),I={...n(O),motionAppear:!1,leavedClassName:`${D}-content-hidden`},L=o.useMemo(()=>w?l(w).map((e,n)=>{let r=e.props;if(r?.disabled){let i=e.key??String(n),a={...c(e.props,[`disabled`]),key:i,collapsible:r.collapsible??`disabled`};return t(e,a)}return e}):null,[w]);return k(o.createElement(d,{ref:f,openMotion:I,...c(i,[`rootClassName`]),expandIcon:P,prefixCls:D,className:F,style:{...h?.style,...y}},L))});var p=Object.assign(f,{Panel:i});export{p as default};

package/es/collapse/CollapsePanel.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+//#region components/collapse/CollapsePanel.d.ts
+export type CollapsibleType = 'header' | 'icon' | 'disabled';
+export interface CollapsePanelProps {
+  key: string | number;
+  header: React$1.ReactNode;
+  /** @deprecated Use `collapsible="disabled"` instead */
+  disabled?: boolean;
+  className?: string;
+  style?: React$1.CSSProperties;
+  showArrow?: boolean;
+  prefixCls?: string;
+  forceRender?: boolean;
+  id?: string;
+  extra?: React$1.ReactNode;
+  collapsible?: CollapsibleType;
+  children?: React$1.ReactNode;
+}
+declare const CollapsePanel: React$1.ForwardRefExoticComponent<CollapsePanelProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CollapsePanel as default };

package/es/collapse/CollapsePanel.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import*as t from"react";import n from"classnames";import r from"rc-collapse";const i=t.forwardRef((i,a)=>{let{getPrefixCls:o}=t.useContext(e),{prefixCls:s,className:c,showArrow:l=!0}=i,u=o(`collapse`,s),d=n({[`${u}-no-arrow`]:!l},c);return t.createElement(r.Panel,{ref:a,...i,prefixCls:u,className:d})});export{i as default};

package/es/collapse/index.d.ts

@@ -0,0 +1,3 @@
+import { CollapsePanelProps } from "./CollapsePanel.js";
+import _default, { CollapseProps } from "./Collapse.js";
+export { type CollapsePanelProps, type CollapseProps, _default as default };

package/es/collapse/index.js

@@ -0,0 +1 @@
+import e from"./Collapse.js";var t=e;export{t as default};

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

@@ -0,0 +1,50 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSProperties } from "react";
+//#region components/collapse/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 折叠面板头部内边距
+   * @descEN Padding of header
+   */
+  headerPadding: CSSProperties['padding'];
+  /**
+   * @desc 折叠面板头部背景
+   * @descEN Background of header
+   */
+  headerBg: string;
+  /**
+   * @desc 折叠面板内容内边距
+   * @descEN Padding of content
+   */
+  contentPadding: CSSProperties['padding'];
+  /**
+   * @desc 折叠面板内容背景
+   * @descEN Background of content
+   */
+  contentBg: string;
+}
+type CollapseToken = FullToken<'Collapse'> & {
+  /**
+   * @desc 小号折叠面板头部内边距
+   * @descEN Padding of small header
+   */
+  collapseHeaderPaddingSM: string;
+  /**
+   * @desc 大号折叠面板头部内边距
+   * @descEN Padding of large header
+   */
+  collapseHeaderPaddingLG: string;
+  /**
+   * @desc 折叠面板边框圆角
+   * @descEN Border radius of collapse panel
+   */
+  collapsePanelBorderRadius: number;
+};
+export declare const genBaseStyle: GenerateStyle<CollapseToken>;
+export declare const prepareComponentToken: GetDefaultToken<'Collapse'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/collapse/style/index.js

@@ -0,0 +1,6 @@
+import{resetComponent as e,resetIcon as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import i from"../../style/motion/collapse.js";import"../../style/motion/index.js";import{unit as a}from"@ant-design/cssinjs";const o=n=>{let{componentCls:r,contentBg:i,padding:o,headerBg:s,headerPadding:c,collapseHeaderPaddingSM:l,collapseHeaderPaddingLG:u,collapsePanelBorderRadius:d,lineWidth:f,lineType:p,colorBorder:m,colorText:h,colorTextHeading:g,colorTextDisabled:_,fontSizeLG:v,lineHeight:y,lineHeightLG:b,marginSM:x,paddingSM:S,paddingLG:C,paddingXS:w,motionDurationSlow:T,fontSizeIcon:E,contentPadding:D,fontHeight:O,fontHeightLG:k}=n,A=`${a(f)} ${p} ${m}`;return{[r]:{...e(n),backgroundColor:s,border:A,borderRadius:d,"&-rtl":{direction:`rtl`},[`& > ${r}-item`]:{borderBottom:A,"&:last-child":{[`
+            &,
+            & > ${r}-header`]:{borderRadius:`0 0 ${a(d)} ${a(d)}`}},[`> ${r}-header`]:{position:`relative`,display:`flex`,flexWrap:`nowrap`,alignItems:`flex-start`,padding:c,color:g,lineHeight:y,cursor:`pointer`,transition:`all ${T}, visibility 0s`,[`> ${r}-header-text`]:{flex:`auto`},[`${r}-expand-icon`]:{height:O,display:`flex`,alignItems:`center`,paddingInlineEnd:x},[`${r}-arrow`]:{...t(),fontSize:E,transition:`transform ${T}`,svg:{transition:`transform ${T}`}},[`${r}-header-text`]:{marginInlineEnd:`auto`}},[`${r}-collapsible-header`]:{cursor:`default`,[`${r}-header-text`]:{flex:`none`,cursor:`pointer`}},[`${r}-collapsible-icon`]:{cursor:`unset`,[`${r}-expand-icon`]:{cursor:`pointer`}}},[`${r}-content`]:{color:h,backgroundColor:i,borderTop:A,[`& > ${r}-content-box`]:{padding:D},"&-hidden":{display:`none`}},"&-small":{[`> ${r}-item`]:{[`> ${r}-header`]:{padding:l,paddingInlineStart:w,[`> ${r}-expand-icon`]:{marginInlineStart:n.calc(S).sub(w).equal()}},[`> ${r}-content > ${r}-content-box`]:{padding:S}}},"&-large":{[`> ${r}-item`]:{fontSize:v,lineHeight:b,[`> ${r}-header`]:{padding:u,paddingInlineStart:o,[`> ${r}-expand-icon`]:{height:k,marginInlineStart:n.calc(C).sub(o).equal()}},[`> ${r}-content > ${r}-content-box`]:{padding:C}}},[`${r}-item:last-child`]:{borderBottom:0,[`> ${r}-content`]:{borderRadius:`0 0 ${a(d)} ${a(d)}`}},[`& ${r}-item-disabled > ${r}-header`]:{"\n          &,\n          & > .arrow\n        ":{color:_,cursor:`not-allowed`}},[`&${r}-icon-position-end`]:{[`& > ${r}-item`]:{[`> ${r}-header`]:{[`${r}-expand-icon`]:{order:1,paddingInlineEnd:0,paddingInlineStart:x}}}}}}},s=e=>{let{componentCls:t}=e,n=`> ${t}-item > ${t}-header ${t}-arrow`;return{[`${t}-rtl`]:{[n]:{transform:`rotate(180deg)`}}}},c=e=>{let{componentCls:t,headerBg:n,paddingXXS:r,colorBorder:i}=e;return{[`${t}-borderless`]:{backgroundColor:n,border:0,[`> ${t}-item`]:{borderBottom:`1px solid ${i}`},[`
+        > ${t}-item:last-child,
+        > ${t}-item:last-child ${t}-header
+      `]:{borderRadius:0},[`> ${t}-item:last-child`]:{borderBottom:0},[`> ${t}-item > ${t}-content`]:{backgroundColor:`transparent`,borderTop:0},[`> ${t}-item > ${t}-content > ${t}-content-box`]:{paddingTop:r}}}},l=e=>{let{componentCls:t,paddingSM:n}=e;return{[`${t}-ghost`]:{backgroundColor:`transparent`,border:0,[`> ${t}-item`]:{borderBottom:0,[`> ${t}-content`]:{backgroundColor:`transparent`,border:0,[`> ${t}-content-box`]:{paddingBlock:n}}}}}},u=e=>({headerPadding:`${e.paddingSM}px ${e.padding}px`,headerBg:e.colorFillAlter,contentPadding:`${e.padding}px 16px`,contentBg:e.colorBgContainer});var d=n(`Collapse`,e=>{let t=r(e,{collapseHeaderPaddingSM:`${a(e.paddingXS)} ${a(e.paddingSM)}`,collapseHeaderPaddingLG:`${a(e.padding)} ${a(e.paddingLG)}`,collapsePanelBorderRadius:e.borderRadiusLG});return[o(t),c(t),l(t),s(t),i(t)]},u);export{d as default,o as genBaseStyle,u as prepareComponentToken};

package/es/color-picker/ColorPicker.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject } from "../_util/type.js";
+import { ColorPickerProps } from "./interface.js";
+import React from "react";
+//#region components/color-picker/ColorPicker.d.ts
+type CompoundedComponent = React.FC<ColorPickerProps> & {
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const ColorPicker: CompoundedComponent;
+declare const PurePanel: (props: AnyObject) => React.JSX.Element;
+//#endregion
+export { ColorPicker as default };

package/es/color-picker/ColorPicker.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../config-provider/DisabledContext.js";import n from"../config-provider/hooks/useCSSVarCls.js";import ee from"../config-provider/hooks/useSize.js";import{useCompactItemContext as te}from"../space/Compact.js";import{AggregationColor as r}from"./color.js";import{genAlphaColor as i,generateColor as a,getColorAlpha as ne}from"./util.js";import{FormItemInputContext as re}from"../form/context.js";import ie from"../_util/ContextIsolator.js";import o from"../_util/PurePanel.js";import{getStatusClassNames as ae}from"../_util/statusUtils.js";import s from"../popover/index.js";import c from"./ColorPickerPanel.js";import l from"./components/ColorTrigger.js";import u from"./hooks/useModeColor.js";import d from"./style/index.js";import f,{useContext as p,useMemo as oe}from"react";import m from"classnames";import h from"rc-util/lib/hooks/useMergedState";const g=o=>{let{mode:g,value:se,defaultValue:ce,format:_,defaultFormat:le,allowClear:ue=!1,presets:de,children:fe,trigger:pe=`click`,open:me,disabled:he,placement:ge=`bottomLeft`,arrow:_e=!0,panelRender:v,showText:y,style:b,className:x,size:S,rootClassName:C,prefixCls:w,styles:T,disabledAlpha:E=!1,onFormatChange:D,onChange:O,onClear:k,onOpenChange:A,onChangeComplete:j,getPopupContainer:M,autoAdjustOverflow:N=!0,destroyTooltipOnHide:P,disabledFormat:F,...I}=o,{getPrefixCls:ve,direction:L,colorPicker:R}=p(e),ye=p(t),z=he??ye,[B,be]=h(!1,{value:me,postState:e=>!z&&e,onChange:A}),[V,xe]=h(_,{value:_,defaultValue:le,onChange:D}),H=ve(`color-picker`,w),[U,Se,Ce,we,Te]=u(ce,se,g),W=oe(()=>ne(U)<100,[U]),[Ee,G]=f.useState(null),K=e=>{if(j){let t=a(e);E&&W&&(t=i(e)),j(t)}},q=(e,t)=>{let n=a(e);E&&W&&(n=i(n)),Se(n),G(null),O&&O(n,n.toCssString()),t||K(n)},[J,Y]=f.useState(0),[De,Oe]=f.useState(!1),ke=e=>{if(we(e),e===`single`&&U.isGradient())Y(0),q(new r(U.getColors()[0].color)),G(U);else if(e===`gradient`&&!U.isGradient()){let e=W?i(U):U;q(new r(Ee||[{percent:0,color:e},{percent:100,color:e}]))}},{status:Ae}=f.useContext(re),{compactSize:X,compactItemClassnames:je}=te(H,L),Z=ee(e=>S??X??e),Q=n(H),[Me,Ne,Pe]=d(H,Q),Fe={[`${H}-rtl`]:L},$=m(C,Pe,Q,Fe),Ie=m(ae(H,Ae),{[`${H}-sm`]:Z===`small`,[`${H}-lg`]:Z===`large`},je,R?.className,$,x,Ne),Le=m(H,$),Re={open:B,trigger:pe,placement:ge,arrow:_e,rootClassName:C,getPopupContainer:M,autoAdjustOverflow:N,destroyTooltipOnHide:P},ze={...R?.style,...b};return Me(f.createElement(s,{style:T?.popup,overlayInnerStyle:T?.popupOverlayInner,onOpenChange:e=>{(!e||!z)&&be(e)},content:f.createElement(ie,{form:!0},f.createElement(c,{mode:Ce,onModeChange:ke,modeOptions:Te,prefixCls:H,value:U,allowClear:ue,disabled:z,disabledAlpha:E,presets:de,panelRender:v,format:V,onFormatChange:xe,onChange:q,onChangeComplete:K,onClear:k,activeIndex:J,onActive:Y,gradientDragging:De,onGradientDragging:Oe,disabledFormat:F})),overlayClassName:Le,...Re},fe||f.createElement(l,{activeIndex:B?J:-1,open:B,className:Ie,style:ze,prefixCls:H,disabled:z,showText:y,format:V,...I,color:U})))};g._InternalPanelDoNotUseOrYouWillBeFired=o(g,void 0,e=>({...e,placement:`bottom`,autoAdjustOverflow:!1}),`color-picker`,e=>e);export{g as default};

package/es/color-picker/ColorPickerPanel.d.ts

@@ -0,0 +1,11 @@
+import { ColorPickerProps } from "./interface.js";
+import { PanelPickerContextProps, PanelPresetsContextProps } from "./context.js";
+import { FC } from "react";
+//#region components/color-picker/ColorPickerPanel.d.ts
+export interface ColorPickerPanelProps extends PanelPickerContextProps, Omit<PanelPresetsContextProps, 'onChange'> {
+  onClear?: () => void;
+  panelRender?: ColorPickerProps['panelRender'];
+}
+declare const ColorPickerPanel: FC<ColorPickerPanelProps>;
+//#endregion
+export { ColorPickerPanel as default };

package/es/color-picker/ColorPickerPanel.js

@@ -0,0 +1 @@
+import e from"../divider/index.js";import{PanelPickerContext as t,PanelPresetsContext as n}from"./context.js";import r from"./components/PanelPicker/index.js";import i from"./components/PanelPresets.js";import a from"react";const o=o=>{let{prefixCls:s,presets:c,panelRender:l,value:u,onChange:d,onClear:f,allowClear:p,disabledAlpha:m,mode:h,onModeChange:g,modeOptions:_,onChangeComplete:v,activeIndex:y,onActive:b,format:x,onFormatChange:S,gradientDragging:C,onGradientDragging:w,disabledFormat:T}=o,E=`${s}-inner`,D=a.useMemo(()=>({prefixCls:s,value:u,onChange:d,onClear:f,allowClear:p,disabledAlpha:m,mode:h,onModeChange:g,modeOptions:_,onChangeComplete:v,activeIndex:y,onActive:b,format:x,onFormatChange:S,gradientDragging:C,onGradientDragging:w,disabledFormat:T}),[s,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T]),O=a.useMemo(()=>({prefixCls:s,value:u,presets:c,onChange:d}),[s,u,c,d]),k=a.createElement(`div`,{className:`${E}-content`},a.createElement(r,null),Array.isArray(c)&&a.createElement(e,null),a.createElement(i,null));return a.createElement(t.Provider,{value:D},a.createElement(n.Provider,{value:O},a.createElement(`div`,{className:E},typeof l==`function`?l(k,{components:{Picker:r,Presets:i}}):k)))};export{o as default};

package/es/color-picker/color.d.ts

@@ -0,0 +1,36 @@
+import { ColorGenInput, Colors } from "./interface.js";
+//#region components/color-picker/color.d.ts
+export declare const toHexFormat: (value?: string, alpha?: boolean) => string;
+export declare const getHex: (value?: string, alpha?: boolean) => string;
+export type GradientColor = {
+  color: AggregationColor;
+  percent: number;
+}[];
+export declare class AggregationColor {
+  /** Original Color object */
+  private metaColor;
+  private colors;
+  cleared: boolean;
+  constructor(color: ColorGenInput<AggregationColor> | Colors<AggregationColor>);
+  toHsb(): {
+    b: number;
+    a: number;
+    h: number;
+    s: number;
+  };
+  toHsbString(): string;
+  toHex(): string;
+  toHexString(): string;
+  toRgb(): {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+  };
+  toRgbString(): string;
+  isGradient(): boolean;
+  getColors(): GradientColor;
+  toCssString(): string;
+  equals(color: AggregationColor | null): boolean;
+}
+//#endregion

package/es/color-picker/color.js

@@ -0,0 +1 @@
+import{Color as e}from"@rc-component/color-picker";const t=(e,t)=>e?.replace(/[^\w/]/g,``).slice(0,t?8:6)||``,n=(e,n)=>e?t(e,n):``;var r=class t{metaColor;colors;cleared=!1;constructor(n){if(n instanceof t){this.metaColor=n.metaColor.clone(),this.colors=n.colors?.map(e=>({color:new t(e.color),percent:e.percent})),this.cleared=n.cleared;return}let r=Array.isArray(n);r&&n.length?(this.colors=n.map(({color:e,percent:n})=>({color:new t(e),percent:n})),this.metaColor=new e(this.colors[0].color.metaColor)):this.metaColor=new e(r?``:n),(!n||r&&!this.colors)&&(this.metaColor=this.metaColor.setA(0),this.cleared=!0)}toHsb(){return this.metaColor.toHsb()}toHsbString(){return this.metaColor.toHsbString()}toHex(){return n(this.toHexString(),this.metaColor.a<1)}toHexString(){return this.metaColor.toHexString()}toRgb(){return this.metaColor.toRgb()}toRgbString(){return this.metaColor.toRgbString()}isGradient(){return!!this.colors&&!this.cleared}getColors(){return this.colors||[{color:this,percent:0}]}toCssString(){let{colors:e}=this;return e?`linear-gradient(90deg, ${e.map(e=>`${e.color.toRgbString()} ${e.percent}%`).join(`, `)})`:this.metaColor.toRgbString()}equals(e){return!e||this.isGradient()!==e.isGradient()?!1:this.isGradient()?this.colors.length===e.colors.length&&this.colors.every((t,n)=>{let r=e.colors[n];return t.percent===r.percent&&t.color.equals(r.color)}):this.toHexString()===e.toHexString()}};export{r as AggregationColor,n as getHex,t as toHexFormat};

package/es/color-picker/components/ColorAlphaInput.d.ts

@@ -0,0 +1,11 @@
+import { AggregationColor } from "../color.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorAlphaInput.d.ts
+interface ColorAlphaInputProps {
+  prefixCls: string;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+declare const ColorAlphaInput: FC<ColorAlphaInputProps>;
+//#endregion
+export { ColorAlphaInput as default };

package/es/color-picker/components/ColorAlphaInput.js

@@ -0,0 +1 @@
+import{generateColor as e,getColorAlpha as t}from"../util.js";import n from"./ColorSteppers.js";import r,{useEffect as i,useState as a}from"react";const o=({prefixCls:o,value:s,onChange:c})=>{let l=`${o}-alpha-input`,[u,d]=a(e(s||`#000`));return i(()=>{s&&d(s)},[s]),r.createElement(n,{value:t(u),prefixCls:o,formatter:e=>`${e}%`,className:l,onChange:t=>{let n=u.toHsb();n.a=(t||0)/100;let r=e(n);s||d(r),c?.(r)}})};export{o as default};

package/es/color-picker/components/ColorClear.d.ts

@@ -0,0 +1,11 @@
+import { AggregationColor } from "../color.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorClear.d.ts
+interface ColorClearProps {
+  prefixCls: string;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+declare const ColorClear: FC<ColorClearProps>;
+//#endregion
+export { ColorClear as default };

package/es/color-picker/components/ColorClear.js

@@ -0,0 +1 @@
+import{generateColor as e}from"../util.js";import t from"react";const n=({prefixCls:n,value:r,onChange:i})=>t.createElement(`div`,{className:`${n}-clear`,onClick:()=>{if(i&&r&&!r.cleared){let t=r.toHsb();t.a=0;let n=e(t);n.cleared=!0,i(n)}}});export{n as default};

package/es/color-picker/components/ColorHexInput.d.ts

@@ -0,0 +1,11 @@
+import { AggregationColor } from "../color.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorHexInput.d.ts
+interface ColorHexInputProps {
+  prefixCls: string;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+declare const ColorHexInput: FC<ColorHexInputProps>;
+//#endregion
+export { ColorHexInput as default };

package/es/color-picker/components/ColorHexInput.js

@@ -0,0 +1 @@
+import{toHexFormat as e}from"../color.js";import{generateColor as t}from"../util.js";import n from"../../input/index.js";import r,{useEffect as i,useState as a}from"react";const o=/(^#[\da-f]{6}$)|(^#[\da-f]{8}$)/i,s=e=>o.test(`#${e}`),c=({prefixCls:o,value:c,onChange:l})=>{let u=`${o}-hex-input`,[d,f]=a(()=>c?e(c.toHexString()):void 0);return i(()=>{c&&f(e(c.toHexString()))},[c]),r.createElement(n,{className:u,value:d,prefix:`#`,onChange:n=>{let r=n.target.value;f(e(r)),s(e(r,!0))&&l?.(t(r))},size:`small`})};export{c as default};

package/es/color-picker/components/ColorHsbInput.d.ts

@@ -0,0 +1,11 @@
+import { AggregationColor } from "../color.js";
+import { FC } from "react";
+//#region components/color-picker/components/ColorHsbInput.d.ts
+interface ColorHsbInputProps {
+  prefixCls: string;
+  value?: AggregationColor;
+  onChange?: (value: AggregationColor) => void;
+}
+declare const ColorHsbInput: FC<ColorHsbInputProps>;
+//#endregion
+export { ColorHsbInput as default };