@swiftcrab/crab 0.0.5 → 0.0.6

package/es/form/hooks/useFrameState.d.ts

@@ -0,0 +1,4 @@
+//#region components/form/hooks/useFrameState.d.ts
+type Updater<ValueType> = (prev?: ValueType) => ValueType;
+export default function useFrameState<ValueType>(defaultValue: ValueType): [ValueType, (updater: Updater<ValueType>) => void];
+//#endregion

package/es/form/hooks/useFrameState.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/raf";function n(n){let[r,i]=e.useState(n),a=e.useRef(null),o=e.useRef([]),s=e.useRef(!1);e.useEffect(()=>(s.current=!1,()=>{s.current=!0,t.cancel(a.current),a.current=null}),[]);function c(e){s.current||(a.current===null&&(o.current=[],a.current=t(()=>{a.current=null,i(e=>{let t=e;return o.current.forEach(e=>{t=e(t)}),t})})),o.current.push(e))}return[r,c]}export{n as default};

package/es/form/hooks/useItemRef.d.ts

@@ -0,0 +1,5 @@
+import { InternalNamePath } from "../interface.js";
+import * as React$1 from "react";
+//#region components/form/hooks/useItemRef.d.ts
+export default function useItemRef(): (name: InternalNamePath, children: any) => React$1.Ref<any> | undefined;
+//#endregion

package/es/form/hooks/useItemRef.js

@@ -0,0 +1 @@
+import{FormContext as e}from"../context.js";import*as t from"react";import{composeRef as n,getNodeRef as r}from"rc-util/lib/ref";function i(){let{itemRef:i}=t.useContext(e),a=t.useRef({});function o(e,t){let o=t&&typeof t==`object`&&r(t),s=e.join(`_`);return(a.current.name!==s||a.current.originRef!==o)&&(a.current.name=s,a.current.originRef=o,a.current.ref=n(i(e),o)),a.current.ref}return o}export{i as default};

package/es/form/hooks/useVariants.d.ts

@@ -0,0 +1,10 @@
+import { Variant } from "../../config-provider/context.js";
+import { ConfigProviderProps } from "../../config-provider/index.js";
+//#region components/form/hooks/useVariants.d.ts
+type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker'>;
+/**
+ * Compatible for legacy `bordered` prop.
+ */
+declare const useVariant: (component: VariantComponents, variant: Variant | undefined, legacyBordered?: boolean | undefined) => [Variant, boolean];
+//#endregion
+export { useVariant as default };

package/es/form/hooks/useVariants.js

@@ -0,0 +1 @@
+import{ConfigContext as e,Variants as t}from"../../config-provider/context.js";import"../../config-provider/index.js";import{VariantContext as n}from"../context.js";import*as r from"react";const i=(i,a,o=void 0)=>{let{variant:s,[i]:c}=r.useContext(e),l=r.useContext(n),u=c?.variant,d;d=a===void 0?o===!1?`borderless`:l??u??s??`outlined`:a;let f=t.includes(d);return[d,f]};export{i as default};

package/es/form/index.d.ts

@@ -0,0 +1,24 @@
+import useForm, { FormInstance } from "./hooks/useForm.js";
+import Form$1, { FormProps, useWatch } from "./Form.js";
+import FormItem, { FormItemProps } from "./FormItem/index.js";
+import { FormProvider } from "./context.js";
+import ErrorList, { ErrorListProps } from "./ErrorList.js";
+import FormList, { FormListFieldData, FormListOperation, FormListProps } from "./FormList.js";
+import useFormInstance from "./hooks/useFormInstance.js";
+import { Rule, RuleObject, RuleRender } from "rc-field-form/lib/interface";
+//#region components/form/index.d.ts
+type InternalFormType = typeof Form$1;
+type CompoundedComponent = InternalFormType & {
+  useForm: typeof useForm;
+  useFormInstance: typeof useFormInstance;
+  useWatch: typeof useWatch;
+  Item: typeof FormItem;
+  List: typeof FormList;
+  ErrorList: typeof ErrorList;
+  Provider: typeof FormProvider;
+  /** @deprecated Only for warning usage. Do not use. */
+  create: () => void;
+};
+declare const Form: CompoundedComponent;
+//#endregion
+export { type ErrorListProps, type FormInstance, type FormItemProps, type FormListFieldData, type FormListOperation, type FormListProps, type FormProps, type Rule, type RuleObject, type RuleRender, Form as default };

package/es/form/index.js

@@ -0,0 +1 @@
+import e from"../_util/warning.js";import{FormProvider as t}from"./context.js";import n from"./ErrorList.js";import r from"./hooks/useForm.js";import i,{useWatch as a}from"./Form.js";import o from"./FormItem/index.js";import s from"./FormList.js";import c from"./hooks/useFormInstance.js";const l=i;l.Item=o,l.List=s,l.ErrorList=n,l.useForm=r,l.useFormInstance=c,l.useWatch=a,l.Provider=t,l.create=()=>{e(!1,`Form`,"swiftcrab v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.")};export{l as default};

package/es/form/interface.d.ts

@@ -0,0 +1,6 @@
+import { Options as ScrollOptions } from "scroll-into-view-if-needed";
+import { InternalNamePath, NamePath, Store, StoreValue } from "rc-field-form/lib/interface";
+//#region components/form/interface.d.ts
+export type FormLabelAlign = 'left' | 'right';
+//#endregion
+export type { InternalNamePath, NamePath, ScrollOptions, Store, StoreValue };

package/es/form/style/explain.d.ts

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

package/es/form/style/explain.js

@@ -0,0 +1,3 @@
+const e=e=>{let{componentCls:t}=e,n=`${t}-show-help`,r=`${t}-show-help-item`;return{[n]:{transition:`opacity ${e.motionDurationFast} ${e.motionEaseInOut}`,"&-appear, &-enter":{opacity:0,"&-active":{opacity:1}},"&-leave":{opacity:1,"&-active":{opacity:0}},[r]:{overflow:`hidden`,transition:`height ${e.motionDurationFast} ${e.motionEaseInOut},
+                     opacity ${e.motionDurationFast} ${e.motionEaseInOut},
+                     transform ${e.motionDurationFast} ${e.motionEaseInOut} !important`,[`&${r}-appear, &${r}-enter`]:{transform:`translateY(-5px)`,opacity:0,"&-active":{transform:`translateY(0)`,opacity:1}},[`&${r}-leave-active`]:{transform:`translateY(-5px)`}}}}};export{e as default};

package/es/form/style/fallbackCmp.d.ts

@@ -0,0 +1,8 @@
+//#region components/form/style/fallbackCmp.d.ts
+/**
+ * Fallback of IE.
+ * Safe to remove.
+ */
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/form/style/fallbackCmp.js

@@ -0,0 +1 @@
+import{genSubStyleComponent as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{prepareToken as t}from"./index.js";const n=e=>{let{formItemCls:t}=e;return{"@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)":{[`${t}-control`]:{display:`flex`}}}};var r=e([`Form`,`item-item`],(e,{rootPrefixCls:r})=>{let i=t(e,r);return[n(i)]});export{r as default};

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

@@ -0,0 +1,77 @@
+import "../../theme/internal.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/form/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 必填项标记颜色
+   * @descEN Required mark color
+   */
+  labelRequiredMarkColor: string;
+  /**
+   * @desc 标签颜色
+   * @descEN Label color
+   */
+  labelColor: string;
+  /**
+   * @desc 标签字体大小
+   * @descEN Label font size
+   */
+  labelFontSize: number;
+  /**
+   * @desc 标签高度
+   * @descEN Label height
+   */
+  labelHeight: number | string;
+  /**
+   * @desc 标签冒号前间距
+   * @descEN Label colon margin-inline-start
+   */
+  labelColonMarginInlineStart: number;
+  /**
+   * @desc 标签冒号后间距
+   * @descEN Label colon margin-inline-end
+   */
+  labelColonMarginInlineEnd: number;
+  /**
+   * @desc 表单项间距
+   * @descEN Form item margin bottom
+   */
+  itemMarginBottom: number;
+  /**
+   * @desc 行内布局表单项间距
+   * @descEN Inline layout form item margin bottom
+   */
+  inlineItemMarginBottom: number;
+  /**
+   * @desc 垂直布局标签内边距
+   * @descEN Vertical layout label padding
+   */
+  verticalLabelPadding: CSSProperties['padding'];
+  /**
+   * @desc 垂直布局标签外边距
+   * @descEN Vertical layout label margin
+   */
+  verticalLabelMargin: CSSProperties['margin'];
+}
+/**
+ * @desc Form 组件的 Token
+ * @descEN Token for Form component
+ */
+export interface FormToken extends FullToken<'Form'> {
+  /**
+   * @desc 表单项类名
+   * @descEN Form item class name
+   */
+  formItemCls: string;
+  /**
+   * @desc 根前缀类名
+   * @descEN Root prefix class name
+   */
+  rootPrefixCls: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Form'>;
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Form'>>[0], rootPrefixCls: string) => FormToken;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/form/style/index.js

@@ -0,0 +1,7 @@
+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 r from"../../style/motion/collapse.js";import{zoomIn as i}from"../../style/motion/zoom.js";import"../../style/motion/index.js";import a from"./explain.js";import{unit as o}from"@ant-design/cssinjs";const s=e=>({legend:{display:`block`,width:`100%`,marginBottom:e.marginLG,padding:0,color:e.colorTextDescription,fontSize:e.fontSizeLG,lineHeight:`inherit`,border:0,borderBottom:`${o(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},'input[type="search"]':{boxSizing:`border-box`},'input[type="radio"], input[type="checkbox"]':{lineHeight:`normal`},'input[type="file"]':{display:`block`},'input[type="range"]':{display:`block`,width:`100%`},"select[multiple], select[size]":{height:`auto`},"input[type='file']:focus,\n  input[type='radio']:focus,\n  input[type='checkbox']:focus":{outline:0,boxShadow:`0 0 0 ${o(e.controlOutlineWidth)} ${e.controlOutline}`},output:{display:`block`,paddingTop:15,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight}}),c=(e,t)=>{let{formItemCls:n}=e;return{[n]:{[`${n}-label > label`]:{height:t},[`${n}-control-input`]:{minHeight:t}}}},l=t=>{let{componentCls:n}=t;return{[t.componentCls]:{...e(t),...s(t),[`${n}-text`]:{display:`inline-block`,paddingInlineEnd:t.paddingSM},"&-small":{...c(t,t.controlHeightSM)},"&-large":{...c(t,t.controlHeightLG)}}}},u=t=>{let{formItemCls:n,iconCls:r,componentCls:a,rootPrefixCls:o,antCls:s,labelRequiredMarkColor:c,labelColor:l,labelFontSize:u,labelHeight:d,labelColonMarginInlineStart:f,labelColonMarginInlineEnd:p,itemMarginBottom:m}=t;return{[n]:{...e(t),marginBottom:m,verticalAlign:`top`,"&-with-help":{transition:`none`},[`&-hidden,
+        &-hidden${s}-row`]:{display:`none`},"&-has-warning":{[`${n}-split`]:{color:t.colorError}},"&-has-error":{[`${n}-split`]:{color:t.colorWarning}},[`${n}-label`]:{flexGrow:0,overflow:`hidden`,whiteSpace:`nowrap`,textAlign:`end`,verticalAlign:`middle`,"&-left":{textAlign:`start`},"&-wrap":{overflow:`unset`,lineHeight:t.lineHeight,whiteSpace:`unset`},"> label":{position:`relative`,display:`inline-flex`,alignItems:`center`,maxWidth:`100%`,height:d,color:l,fontSize:u,[`> ${r}`]:{fontSize:t.fontSize,verticalAlign:`top`},[`&${n}-required:not(${n}-required-mark-optional)::before`]:{display:`inline-block`,marginInlineEnd:t.marginXXS,color:c,fontSize:t.fontSize,fontFamily:`SimSun, sans-serif`,lineHeight:1,content:`"*"`,[`${a}-hide-required-mark &`]:{display:`none`}},[`${n}-optional`]:{display:`inline-block`,marginInlineStart:t.marginXXS,color:t.colorTextDescription,[`${a}-hide-required-mark &`]:{display:`none`}},[`${n}-tooltip`]:{color:t.colorTextDescription,cursor:`help`,writingMode:`horizontal-tb`,marginInlineStart:t.marginXXS},"&::after":{content:`":"`,position:`relative`,marginBlock:0,marginInlineStart:f,marginInlineEnd:p},[`&${n}-no-colon::after`]:{content:`"\\a0"`}}},[`${n}-control`]:{"--ant-display":`flex`,flexDirection:`column`,flexGrow:1,[`&:first-child:not([class^="'${o}-col-'"]):not([class*="' ${o}-col-'"])`]:{width:`100%`},"&-input":{position:`relative`,display:`flex`,alignItems:`center`,minHeight:t.controlHeight,"&-content":{flex:`auto`,maxWidth:`100%`}}},[n]:{"&-additional":{display:`flex`,flexDirection:`column`},"&-explain, &-extra":{clear:`both`,color:t.colorTextDescription,fontSize:t.fontSize,lineHeight:t.lineHeight},"&-explain-connected":{width:`100%`},"&-extra":{minHeight:t.controlHeightSM,transition:`color ${t.motionDurationMid} ${t.motionEaseOut}`},"&-explain":{"&-error":{color:t.colorError},"&-warning":{color:t.colorWarning}}},[`&-with-help ${n}-explain`]:{height:`auto`,opacity:1},[`${n}-feedback-icon`]:{fontSize:t.fontSize,textAlign:`center`,visibility:`visible`,animationName:i,animationDuration:t.motionDurationMid,animationTimingFunction:t.motionEaseOutBack,pointerEvents:`none`,"&-success":{color:t.colorSuccess},"&-error":{color:t.colorError},"&-warning":{color:t.colorWarning},"&-validating":{color:t.colorPrimary}}}}},d=(e,t)=>{let{formItemCls:n}=e;return{[`${t}-horizontal`]:{[`${n}-label`]:{flexGrow:0},[`${n}-control`]:{flex:`1 1 0`,minWidth:0},[`${n}-label[class$='-24'], ${n}-label[class*='-24 ']`]:{[`& + ${n}-control`]:{minWidth:`unset`}}}}},f=e=>{let{componentCls:t,formItemCls:n,inlineItemMarginBottom:r}=e;return{[`${t}-inline`]:{display:`flex`,flexWrap:`wrap`,[n]:{flex:`none`,marginInlineEnd:e.margin,marginBottom:r,"&-row":{flexWrap:`nowrap`},[`> ${n}-label,
+        > ${n}-control`]:{display:`inline-block`,verticalAlign:`top`},[`> ${n}-label`]:{flex:`none`},[`${t}-text`]:{display:`inline-block`},[`${n}-has-feedback`]:{display:`inline-block`}}}}},p=e=>({padding:e.verticalLabelPadding,margin:e.verticalLabelMargin,whiteSpace:`initial`,textAlign:`start`,"> label":{margin:0,"&::after":{visibility:`hidden`}}}),m=e=>{let{componentCls:t,formItemCls:n,rootPrefixCls:r}=e;return{[`${n} ${n}-label`]:p(e),[`${t}:not(${t}-inline)`]:{[n]:{flexWrap:`wrap`,[`${n}-label, ${n}-control`]:{[`&:not([class*=" ${r}-col-xs"])`]:{flex:`0 0 100%`,maxWidth:`100%`}}}}}},h=e=>{let{componentCls:t,formItemCls:n,antCls:r}=e;return{[`${t}-vertical`]:{[`${n}:not(${n}-horizontal)`]:{[`${n}-row`]:{flexDirection:`column`},[`${n}-label > label`]:{height:`auto`},[`${n}-control`]:{width:`100%`},[`${n}-label,
+        ${r}-col-24${n}-label,
+        ${r}-col-xl-24${n}-label`]:p(e)}},[`@media (max-width: ${o(e.screenXSMax)})`]:[m(e),{[t]:{[`${n}:not(${n}-horizontal)`]:{[`${r}-col-xs-24${n}-label`]:p(e)}}}],[`@media (max-width: ${o(e.screenSMMax)})`]:{[t]:{[`${n}:not(${n}-horizontal)`]:{[`${r}-col-sm-24${n}-label`]:p(e)}}},[`@media (max-width: ${o(e.screenMDMax)})`]:{[t]:{[`${n}:not(${n}-horizontal)`]:{[`${r}-col-md-24${n}-label`]:p(e)}}},[`@media (max-width: ${o(e.screenLGMax)})`]:{[t]:{[`${n}:not(${n}-horizontal)`]:{[`${r}-col-lg-24${n}-label`]:p(e)}}}}},g=e=>{let{formItemCls:t,antCls:n}=e;return{[`${t}-vertical`]:{[`${t}-row`]:{flexDirection:`column`},[`${t}-label > label`]:{height:`auto`},[`${t}-control`]:{width:`100%`}},[`${t}-vertical ${t}-label,
+      ${n}-col-24${t}-label,
+      ${n}-col-xl-24${t}-label`]:p(e),[`@media (max-width: ${o(e.screenXSMax)})`]:[m(e),{[t]:{[`${n}-col-xs-24${t}-label`]:p(e)}}],[`@media (max-width: ${o(e.screenSMMax)})`]:{[t]:{[`${n}-col-sm-24${t}-label`]:p(e)}},[`@media (max-width: ${o(e.screenMDMax)})`]:{[t]:{[`${n}-col-md-24${t}-label`]:p(e)}},[`@media (max-width: ${o(e.screenLGMax)})`]:{[t]:{[`${n}-col-lg-24${t}-label`]:p(e)}}}},_=e=>({labelRequiredMarkColor:e.colorError,labelColor:e.colorTextHeading,labelFontSize:e.fontSize,labelHeight:e.controlHeight,labelColonMarginInlineStart:e.marginXXS/2,labelColonMarginInlineEnd:e.marginXS,itemMarginBottom:e.marginLG,verticalLabelPadding:`0 0 ${e.paddingXS}px`,verticalLabelMargin:0,inlineItemMarginBottom:0}),v=(e,t)=>n(e,{formItemCls:`${e.componentCls}-item`,rootPrefixCls:t});var y=t(`Form`,(e,{rootPrefixCls:t})=>{let n=v(e,t);return[l(n),u(n),a(n),d(n,n.componentCls),d(n,n.formItemCls),f(n),h(n),g(n),r(n),i]},_,{order:-1e3});export{y as default,_ as prepareComponentToken,v as prepareToken};

package/es/form/util.d.ts

@@ -0,0 +1,11 @@
+import { InternalNamePath } from "./interface.js";
+import { ValidateStatus } from "./FormItem/index.js";
+import { Meta } from "rc-field-form/lib/interface";
+//#region components/form/util.d.ts
+export declare function toArray<T>(candidate?: T | T[] | false): T[];
+export declare function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined;
+/**
+ * Get merged status by meta or passed `validateStatus`.
+ */
+export declare function getStatus<DefaultValue>(errors: React.ReactNode[], warnings: React.ReactNode[], meta: Meta, defaultValidateStatus: ValidateStatus | DefaultValue, hasFeedback?: boolean, validateStatus?: ValidateStatus): ValidateStatus | DefaultValue;
+//#endregion

package/es/form/util.js

@@ -0,0 +1 @@
+const e=[`parentNode`];function t(e){return e===void 0||e===!1?[]:Array.isArray(e)?e:[e]}function n(t,n){if(!t.length)return;let r=t.join(`_`);return n?`${n}_${r}`:e.includes(r)?`form_item_${r}`:r}function r(e,t,n,r,i,a){let o=r;return a===void 0?n.validating?o=`validating`:e.length?o=`error`:t.length?o=`warning`:(n.touched||i&&n.validated)&&(o=`success`):o=a,o}export{n as getFieldId,r as getStatus,t as toArray};

package/es/form/validateMessagesContext.d.ts

@@ -0,0 +1,5 @@
+import { ValidateMessages } from "rc-field-form/lib/interface";
+//#region components/form/validateMessagesContext.d.ts
+declare const _default: import("react").Context<ValidateMessages | undefined>;
+//#endregion
+export { _default as default };

package/es/form/validateMessagesContext.js

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

package/es/form-area/ValidateTooltip.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+//#region components/form-area/ValidateTooltip.d.ts
+export interface IValideTooltipProps {
+  visible: boolean;
+  changeVisible: (visible: boolean) => void;
+  children: ReactNode;
+  errors: Array<{
+    name: string[];
+    errors: string[];
+    warnings: string[];
+  }>;
+}
+export default function ValidateTooltip(props: IValideTooltipProps): React.JSX.Element;
+//#endregion

package/es/form-area/ValidateTooltip.js

@@ -0,0 +1 @@
+import e from"../tooltip/index.js";import"../index.js";import t,{useEffect as n,useMemo as r}from"react";import{CloseOutlined as i}from"@ant-design/icons";function a(a){let{children:o,errors:s,visible:c,changeVisible:l}=a,u=r(()=>s?.filter(({errors:e})=>e.length),[s]);return n(()=>{u?.length||c&&l(!1)},[c,u,l]),t.createElement(e,{trigger:`click`,open:c,color:`#FFEDED`,overlayInnerStyle:{color:`#333`,width:280},title:t.createElement(`summary`,null,t.createElement(`div`,{className:`mb2x pr d-x d-xc`},t.createElement(`span`,{className:`red`},`请先修复以下 `,u.length,` 项错误`),t.createElement(i,{style:{position:`absolute`,right:0,color:`#acacac`},onClick:()=>l(!1)})),t.createElement(`div`,null,u.map(({errors:e,warnings:n},r)=>t.createElement(`div`,{className:`ml2x d-x d-xstart`,key:r},t.createElement(`span`,null,r+1,`、`),[...e,...n].map((e,n)=>t.createElement(`span`,{key:n},e))))))},o)}export{a as default};

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

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

package/es/form-area/index.js

@@ -0,0 +1 @@
+import e from"../button/index.js";import t from"../form/index.js";import n from"./renderItemMap.js";import r,{memo as i}from"react";import a from"classnames";import{useCreation as o,useMemoizedFn as s}from"ahooks";var c=i(i=>{let{item:c=[],form:l,onSubmit:u,onReset:d,onValuesChange:f,hasSubmitBtn:p=!0,hasResetBtn:m=!0,submitProps:h,resetProps:g,numberOfInline:_=4,columnGapWidth:v=16,rowGapWidth:y=0,buttonLocation:b=`nextLast`,buttonWrapExtra:x,formClassName:S,formStyle:C,buttonWrapClassName:w,buttonWrapStyle:T,initialValues:E,allLabelClassName:D,allLabelStyle:O,hiddenField:k=!0,...A}=i,{values:j,set:M,reset:N,fieldProps:P}=l,F=s(e=>typeof e==`function`?e(j,l):e),I=o(()=>c?.filter(e=>F(e.visible??!0)),[c,j]),L=o(()=>I?.map(e=>e.dataKey),[I]),R=o(()=>I?.reduce((e,t)=>{let n=t.occupyColumns??1;return n>_?e+1:e+n},0),[I]),z=o(()=>Math.ceil(R/_),[R,_]),B=s((e,t)=>{let{label:n,labelClassName:i,labelStyle:o,required:s=!0}=e,c=s&&!!t?.filter(e=>e?.required).length;return r.createElement(`span`,{className:a(D,i),style:{width:80,display:`inline-block`,...O,...o}},c&&r.createElement(`span`,{style:{paddingRight:4,color:`#f82244`}},`*`),typeof n==`function`?n(j,l):n)}),V=s((e,t)=>{let{occupyColumns:n=1,dataKey:i}=t;return r.createElement(`div`,{key:i,style:{gridColumnEnd:`span ${n>_?1:n}`,overflow:`hidden`}},e)}),H=o(()=>c?.map(e=>{let{label:i,dataKey:a,visible:o=!0,extraLayout:s,rules:c=[],dataType:u,occupyColumns:d,dataProps:f={},disabled:p=!1,labelClassName:m=``,labelStyle:h={},onChange:g,..._}=e,v=null,y={},b={},x=[];a&&(y=P[a]??{}),b=typeof f==`function`?{...f(j,l),...y}:{...f,...y},x=typeof c==`function`?c(j,l):c;let S=Object.assign({style:{width:`100%`},extra:s?.bottom,..._,name:a,label:B(e,x),rules:x,required:!1},typeof u==`string`&&u===`Upload`&&{valuePropName:`fileList`,getValueFromEvent:e=>Array.isArray(e)?e:e?.fileList},typeof u==`string`&&u===`Switch`&&{valuePropName:`checked`});return v=typeof u==`string`?n[u](Object.assign({disabled:F(p)},typeof g==`function`&&{onChange:g},b),l):typeof u==`function`?r.cloneElement(u(j,l),b):v=r.cloneElement(u,b),F(o)?V(r.createElement(`div`,{style:{display:`flex`}},r.createElement(`div`,{style:{flex:1}},r.cloneElement(r.createElement(t.Item,{validateTrigger:[`onBlur`,`onChange`]}),S,v)),s?.right&&r.createElement(r.Fragment,null,s?.right)),e):null}).filter(e=>!!e),[j,l,c]),U=o(()=>r.createElement(`div`,{className:w,style:Object.assign({display:`flex`,...T},(b===`last`||b===`nextLast`)&&{justifyContent:`flex-end`},b===`first`&&{justifyContent:`flex-start`})},p&&r.createElement(e,{type:`primary`,className:a({mr4x:m}),onClick:()=>{if(k){let e=Object.fromEntries(Object.entries(j)?.filter?.(([e])=>L.includes(e)));u?.(e,l)}else u?.(j,l)},...h},h?.text||`提交`),m&&r.createElement(e,{onClick:()=>{d?d?.():(N(),M(E))},...g},g?.text||`重置`),x),[p,m,x,g,h]),W=o(()=>{let e=z*_-R,t=[];if(e>1)for(let n=1;n<e;n++)t.push(r.createElement(`div`,{key:`virtually`+n}));return t},[z,_]);return r.createElement(t,{form:l,initialValues:E,className:S,style:C,...A,onValuesChange:(e,t)=>{l.setStateOnly(t),f?.(t,l)},requiredMark:!1},r.createElement(`div`,{style:{display:`grid`,gridTemplateRows:`repeat(${z})`,gridTemplateColumns:`repeat(${_}, 1fr)`,gridColumnGap:v,gridRowGap:y}},H,b===`next`&&U,W,b===`nextLast`&&U),(b===`first`||b===`last`)&&U)});export{c as default};

package/es/form-area/renderItemMap.d.ts

@@ -0,0 +1,47 @@
+import { IForm, IFormItemPropsMap } from "./type.js";
+import React from "react";
+//#region components/form-area/renderItemMap.d.ts
+type IFormType = IForm<any>;
+declare const renderItemMap: {
+  /** 输入框 */
+  Input: (dataProps: IFormItemPropsMap["Input"], form: IFormType) => React.JSX.Element;
+  /** 密码输入框 */
+  InputPassword: (dataProps: IFormItemPropsMap["InputPassword"], form: IFormType) => React.JSX.Element;
+  /** 多行输入框 */
+  TextArea: (dataProps: IFormItemPropsMap["TextArea"], form: IFormType) => React.JSX.Element;
+  /** 数字输入框 */
+  InputNumber: (dataProps: IFormItemPropsMap["InputNumber"], form: IFormType) => React.JSX.Element;
+  /** 自动完成 */
+  AutoComplete: (dataProps: IFormItemPropsMap["AutoComplete"], form: IFormType) => React.JSX.Element;
+  /** 提及 */
+  Mentions: (dataProps: IFormItemPropsMap["Mentions"], form: IFormType) => React.JSX.Element;
+  /** 选择框 */
+  Select: (dataProps: IFormItemPropsMap["Select"], form: IFormType) => React.JSX.Element;
+  /** 多项选择框 */
+  MultiSelect: (dataProps: IFormItemPropsMap["MultiSelect"], form: IFormType) => React.JSX.Element;
+  /** 单选框 */
+  Radio: (dataProps: IFormItemPropsMap["Radio"], form: IFormType) => React.JSX.Element;
+  /** 多选框 */
+  Checkbox: (dataProps: IFormItemPropsMap["Checkbox"], form: IFormType) => React.JSX.Element;
+  /** 级联选择框 */
+  Cascader: (dataProps: IFormItemPropsMap["Cascader"], form: IFormType) => React.JSX.Element;
+  /** 普通日期选择框 */
+  DatePicker: (dataProps: IFormItemPropsMap["DatePicker"], form: IFormType) => React.JSX.Element;
+  /** 范围日期选择框 */
+  DateRangePicker: (dataProps: IFormItemPropsMap["DateRangePicker"], form: IFormType) => React.JSX.Element;
+  /** 时间选择框 */
+  TimePicker: (dataProps: IFormItemPropsMap["TimePicker"], form: IFormType) => React.JSX.Element;
+  /** 滑动输入框 */
+  Slider: (dataProps: IFormItemPropsMap["Slider"], form: IFormType) => React.JSX.Element;
+  /** 开关 */
+  Switch: (dataProps: IFormItemPropsMap["Switch"], form: IFormType) => React.JSX.Element;
+  /** 上传 */
+  Upload: (dataProps: IFormItemPropsMap["Upload"], form: IFormType) => React.JSX.Element;
+  /** 穿梭框 */
+  Transfer: (dataProps: IFormItemPropsMap["Transfer"], form: IFormType) => React.JSX.Element;
+  /** 树形选择框 */
+  TreeSelect: (dataProps: IFormItemPropsMap["TreeSelect"], form: IFormType) => React.JSX.Element;
+};
+export type TElementType = 'Input' | 'InputPassword' | 'TextArea' | 'AutoComplete' | 'Mentions' | 'Select' | 'Radio' | 'MultiSelect' | 'InputNumber' | 'Checkbox' | 'Cascader' | 'DatePicker' | 'DateRangePicker' | 'Slider' | 'Switch' | 'TimePicker' | 'Upload' | 'Transfer' | 'TreeSelect';
+//#endregion
+export { renderItemMap as default };

package/es/form-area/renderItemMap.js

@@ -0,0 +1 @@
+import e from"../select/index.js";import t from"../auto-complete/index.js";import n from"../radio/index.js";import r from"../cascader/index.js";import i from"../checkbox/index.js";import a from"../input-number/index.js";import o from"../input/index.js";import s from"../slider/index.js";import c from"../date-picker/index.js";import l from"../mentions/index.js";import u from"../switch/index.js";import d from"../time-picker/index.js";import f from"../transfer/index.js";import p from"../tree-select/index.js";import m from"../upload/index.js";import"../index.js";import h from"react";const g=c,_=(e,t,n)=>{let{onChange:r}=e??{};r?.(t.values,t,...n)},v={Input:(e,t)=>h.createElement(o,{placeholder:`请输入`,allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}}),InputPassword:(e,t)=>h.createElement(o.Password,{placeholder:`请输入`,allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}}),TextArea:(e,t)=>h.createElement(o.TextArea,{placeholder:`请输入`,allowClear:!0,style:{resize:`vertical`},...e,onChange:(...n)=>{_(e,t,n)}}),InputNumber:(e,t)=>h.createElement(a,{placeholder:`请输入`,controls:!1,...e,onChange:(...n)=>{_(e,t,n)}}),AutoComplete:(e,n)=>h.createElement(t,{placeholder:`请输入`,allowClear:!0,...e,onChange:(...t)=>{_(e,n,t)}}),Mentions:(e,t)=>h.createElement(l,{placeholder:`请输入`,...e,onChange:(...n)=>{_(e,t,n)}}),Select:(t,n)=>h.createElement(e,{placeholder:`请选择`,allowClear:!0,...t,onChange:(...e)=>{_(t,n,e)}}),MultiSelect:(t,n)=>h.createElement(e,{mode:`multiple`,placeholder:`请选择`,allowClear:!0,...t,onChange:(...e)=>{_(t,n,e)}}),Radio:(e,t)=>h.createElement(n.Group,{...e,onChange:(...n)=>{_(e,t,n)}}),Checkbox:(e,t)=>h.createElement(i.Group,{...e,onChange:(...n)=>{_(e,t,n)}}),Cascader:(e,t)=>h.createElement(r,{placeholder:`请选择`,allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}}),DatePicker:(e,t)=>h.createElement(g,{allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}}),DateRangePicker:(e,t)=>h.createElement(g.RangePicker,{allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}}),TimePicker:(e,t)=>h.createElement(d,{...e,onChange:(...n)=>{_(e,t,n)}}),Slider:(e,t)=>h.createElement(s,{...e,onChange:(...n)=>{_(e,t,n)}}),Switch:(e,t)=>h.createElement(u,{...e,onChange:(...n)=>{_(e,t,n)}}),Upload:(e,t)=>h.createElement(m,{...e,onChange:(...n)=>{_(e,t,n)}},e.children),Transfer:(e,t)=>h.createElement(f,{...e,onChange:(...n)=>{_(e,t,n)}}),TreeSelect:(e,t)=>h.createElement(p,{placeholder:`请选择`,allowClear:!0,...e,onChange:(...n)=>{_(e,t,n)}})};export{v as default};

package/es/form-area/type.d.ts

@@ -0,0 +1,173 @@
+import { ButtonProps } from "../button/button.js";
+import { FormInstance } from "../form/hooks/useForm.js";
+import { FormProps } from "../form/Form.js";
+import { FormItemProps } from "../form/FormItem/index.js";
+import { TimePickerProps } from "../time-picker/index.js";
+import "../button/index.js";
+import { SelectProps } from "../select/index.js";
+import { CheckboxGroupProps } from "../checkbox/Group.js";
+import "../checkbox/index.js";
+import { TransferProps } from "../transfer/index.js";
+import { UploadProps } from "../upload/interface.js";
+import { CascaderProps } from "../cascader/index.js";
+import { DatePickerProps, RangePickerProps } from "../date-picker/index.js";
+import { InputProps } from "../input/Input.js";
+import { PasswordProps } from "../input/Password.js";
+import { SearchProps } from "../input/Search.js";
+import { TextAreaProps } from "../input/TextArea.js";
+import "../input/index.js";
+import { InputNumberProps } from "../input-number/index.js";
+import { AutoCompleteProps } from "../auto-complete/index.js";
+import { Rule } from "../form/index.js";
+import { MentionProps } from "../mentions/index.js";
+import { RadioGroupProps } from "../radio/interface.js";
+import "../radio/index.js";
+import { SliderRangeProps, SliderSingleProps } from "../slider/index.js";
+import { SwitchProps } from "../switch/index.js";
+import { TreeSelectProps } from "../tree-select/index.js";
+import "../upload/index.js";
+import { TElementType } from "./renderItemMap.js";
+import { IValideTooltipProps } from "./ValidateTooltip.js";
+import React, { CSSProperties, ReactElement, ReactNode, SetStateAction } from "react";
+//#region components/form-area/type.d.ts
+export interface Option {
+  value: string | number;
+  label?: React.ReactNode;
+  disabled?: boolean;
+  children?: Option[];
+  isLeaf?: boolean;
+}
+export type IFormItemPropsMap = {
+  Input: InputProps & SearchProps;
+  InputNumber: InputNumberProps;
+  InputPassword: PasswordProps;
+  TextArea: TextAreaProps;
+  AutoComplete: AutoCompleteProps;
+  Mentions: MentionProps;
+  Cascader: CascaderProps<Option>;
+  Checkbox: CheckboxGroupProps;
+  DatePicker: DatePickerProps;
+  DateRangePicker: RangePickerProps;
+  Select: SelectProps;
+  MultiSelect: SelectProps;
+  Radio: RadioGroupProps;
+  Slider: SliderSingleProps & SliderRangeProps;
+  Switch: SwitchProps;
+  Transfer: TransferProps<any>;
+  TreeSelect: TreeSelectProps<any>;
+  TimePicker: TimePickerProps;
+  Upload: UploadProps & {
+    children?: ReactNode;
+  };
+};
+export type TDataProps<K> = IFormItemPropsMap[Extract<IFormItem<K>['dataType'], string>];
+export type TFieldProps<K> = Partial<Record<keyof K, Record<string, any>>>;
+export interface IForm<T> extends FormInstance {
+  values: T;
+  set: (data: T | SetStateAction<T>) => void;
+  setStateOnly: (data: T | SetStateAction<T>) => void;
+  reset: (nextValues?: T) => void;
+  fieldProps: TFieldProps<T>;
+  setFieldProps: (props: TFieldProps<T>) => void;
+  ValidateTooltip: (props: IValideTooltipProps) => ReactElement;
+}
+/** FormItem 属性 */
+export interface IFormItem<T> extends Omit<FormItemProps, 'rules' | 'visible' | 'label'> {
+  /** 元素字段名 */
+  dataKey?: Exclude<keyof T, symbol | number>;
+  /** 元素类型 */
+  dataType: TElementType | ((data: T, form: IForm<T>) => ReactElement) | ReactElement;
+  /** 元素 label 名 */
+  label?: ReactNode | ((data: T, form: IForm<T>) => ReactNode | string);
+  /** label 后面是否带冒号, 默认 false */
+  colon?: boolean;
+  /** 元素 label 的 className */
+  labelClassName?: string;
+  /** 元素 label 的 style */
+  labelStyle?: CSSProperties;
+  /** 元素属性配置 */
+  dataProps?: TDataProps<T> | ((data: T, form: IForm<T>) => TDataProps<T>);
+  /** 元素校验规则 */
+  rules?: Rule[] | ((data: T, form: IForm<T>) => Rule[]);
+  /** 元素是否展示 */
+  visible?: boolean | ((data: T, form: IForm<T>) => boolean);
+  /** 元素是否禁用 */
+  disabled?: boolean | ((data: T, form: IForm<T>) => boolean);
+  /** label 后的提示 */
+  tooltip?: ReactNode;
+  /** 元素右边和下边的额外内容 */
+  extraLayout?: {
+    bottom?: ReactNode;
+    right?: ReactNode;
+  };
+  /** 表示元素占用几列 */
+  occupyColumns?: number;
+  /** 元素校验的状态 */
+  validateStatus?: 'success' | 'warning' | 'error' | 'validating';
+  /** 控制必选样式，默认 true */
+  required?: boolean;
+  /** 元素触发事件, 只适用于  dataType:string，会覆盖元素本身的 onChange 事件 */
+  onChange?: (data: T, form: IForm<T>, ...val: any) => void;
+}
+/** FormArea 属性 */
+export interface IFormArea<T extends Record<string, any>> extends FormProps {
+  /** 表单初始值 */
+  initialValues: T;
+  /** 表单元素 */
+  item: Array<IFormItem<T>>;
+  /** 表单对象 */
+  form: IForm<T>;
+  /** label后面是否带冒号, 默认 false */
+  colon?: boolean;
+  /** 点击提交按钮触发函数 */
+  onSubmit?: (values: T, form?: IForm<T>) => void;
+  /** 点击提交按钮触发函数 */
+  onReset?: () => void;
+  /** 表单值改变时触发 */
+  onValuesChange?: (values: T, form?: IForm<T>) => void;
+  /** 是否有提交按钮，默认 true */
+  hasSubmitBtn?: boolean;
+  /** 是否有重置按钮，默认 true */
+  hasResetBtn?: boolean;
+  /** 自定义提交按钮配置 */
+  submitProps?: ButtonProps & {
+    text: string;
+  };
+  /** 自定义重置按钮配置 */
+  resetProps?: ButtonProps & {
+    text: string;
+  };
+  /** 每列元素之间的间距 */
+  columnGapWidth?: number;
+  /** 每行元素之间的间距 */
+  rowGapWidth?: number;
+  /** 一行元素显示个数，默认4 */
+  numberOfInline?: number;
+  buttonLocation?: 'first' | 'last' | 'next' | 'nextLast';
+  /** 按钮后的追加节点 */
+  buttonWrapExtra?: ReactNode;
+  /** Form 的类名 */
+  formClassName?: string;
+  /** form 的样式 */
+  formStyle?: CSSProperties;
+  /** 按钮区域的 className */
+  buttonWrapClassName?: string;
+  /** 按钮区域的 style */
+  buttonWrapStyle?: CSSProperties;
+  /** 所有元素 label 的 className */
+  allLabelClassName?: string;
+  /** 所有元素 label 的 style */
+  allLabelStyle?: CSSProperties;
+  /** 所有元素 label 是否换行 */
+  labelWrap?: boolean;
+  /** 表单布局, 默认 horizontal */
+  layout?: 'horizontal' | 'vertical';
+  /** 提交表单是否过滤隐藏数据，默认 true */
+  hiddenField?: boolean;
+}
+/** SearchArea 属性 */
+export interface ISearchArea<T extends Record<string, any>> extends IFormArea<T> {
+  /** 采用的地址栏搜索参数对应的key，默认为 search */
+  locationSearchKey: string;
+}
+//#endregion

package/es/gantt/index.d.ts

@@ -0,0 +1,6 @@
+import { IGanttProps } from "./type.js";
+import React from "react";
+//#region components/gantt/index.d.ts
+declare function Gantt(props: IGanttProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+//#endregion
+export { Gantt as default };

package/es/gantt/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../tooltip/index.js";import n from"../date-picker/index.js";import r from"./style/index.js";import{autoDateRange as i,buildDateColumns as a,buildMonthGroups as o,calcBarPosition as s,calcTodayPosition as ee,resolveBarColor as te}from"./utils.js";import c,{useCallback as l,useContext as ne,useEffect as u,useLayoutEffect as d,useMemo as f,useRef as p,useState as m}from"react";import h from"classnames";import{uniqueId as g}from"lodash";import _ from"dayjs";const re=()=>_().subtract(7,`day`).format(`YYYY-MM-DD`),ie=()=>_().add(45,`day`).format(`YYYY-MM-DD`);function v({children:e,title:n,className:r,style:i}){let a=p(null),[o,s]=m(!1);return c.createElement(t,{title:n??e,open:o,color:`#fff`,overlayInnerStyle:{color:`rgba(0, 0, 0, 0.88)`}},c.createElement(`div`,{ref:a,className:r,style:i,onMouseEnter:()=>{let e=a.current;e&&e.scrollWidth>e.clientWidth&&s(!0)},onMouseLeave:()=>{s(!1)}},e))}function y(t){let{dataSource:y=[],startDate:b,endDate:x,columns:S,columnWidth:C=36,rowHeight:w=40,highlightToday:T=!0,todayDate:E,showDateRangePicker:D=!1,className:ae,style:oe,todayLineColor:O=`#ff4d4f`,groupTitle:se=`任务分组`,taskTitle:ce=`任务名`,onRowClick:k,onBarClick:A,onDateRangeChange:j,renderBar:M,dateRangePickerProps:le}=t,{getPrefixCls:ue}=ne(e),N=ue(`gantt`),[de,fe,pe]=r(N),P=p(null),F=p(null),I=p(!1),L=p(!0),[R,z]=m(()=>[b||re(),x||ie()]);u(()=>{b&&x&&z([b,x])},[b,x]);let me=l(e=>{if(e&&e[0]&&e[1]){let t=e[0].format(`YYYY-MM-DD`),n=e[1].format(`YYYY-MM-DD`);z([t,n]),j?.(t,n)}},[j]),[B,V]=f(()=>D?R:b&&x?[b,x]:i(y),[D,R,b,x,y]),H=!!(b&&x)||D,[U,W]=m(()=>H?B:_(B).subtract(30,`day`).format(`YYYY-MM-DD`)),[G,K]=m(()=>H?V:_(V).add(30,`day`).format(`YYYY-MM-DD`));u(()=>{H?(W(B),K(V)):(W(_(B).subtract(30,`day`).format(`YYYY-MM-DD`)),K(_(V).add(30,`day`).format(`YYYY-MM-DD`))),L.current=!0},[B,V,H]);let q=f(()=>a(U,G,E),[U,G,E]),he=f(()=>o(q),[q]),J=f(()=>T?ee(U,G,C,E):null,[T,U,G,C,E]),Y=f(()=>S?.filter(e=>e.visible!==!1),[S]),X=f(()=>!!Y?.some(e=>e.rowMerge),[Y]),[Z,ge]=m(0);u(()=>{let e=P.current;if(!e||!X)return;let t=()=>ge(e.offsetHeight-e.clientHeight);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[X]);let Q=f(()=>{let e=[];for(let t of y)t.tasks.forEach((n,r)=>{e.push({group:t,task:n,taskIndex:r,isGroupFirst:r===0,isGroupLast:r===t.tasks.length-1,groupRowSpan:t.tasks.length})});return e},[y]),$=p(U);u(()=>{let e=P.current;if(e&&L.current){let t=_(B).diff(_(U),`day`);t>0&&(e.scrollLeft=t*C);let n=setTimeout(()=>{L.current=!1},150);return()=>clearTimeout(n)}},[B,U,C]),d(()=>{let e=P.current;if(e&&$.current!==U){let t=_($.current).diff(_(U),`day`);t>0&&(e.scrollLeft+=t*C)}$.current=U,I.current=!1,!H&&e&&requestAnimationFrame(()=>{if(L.current||I.current)return;let{scrollLeft:t,scrollWidth:n,clientWidth:r}=e;n<=r||(t+r>=n-20?(I.current=!0,K(e=>_(e).add(30,`day`).format(`YYYY-MM-DD`))):t<=20&&(I.current=!0,W(e=>_(e).subtract(30,`day`).format(`YYYY-MM-DD`))))})},[U,G,C,H]),u(()=>{let e=P.current,t=F.current;if(!e||!t)return;let n=()=>{if(t.scrollTop=e.scrollTop,L.current||I.current)return;let{scrollLeft:n,scrollWidth:r,clientWidth:i}=e;r<=i||(!H&&n+i>=r-20&&(I.current=!0,K(e=>_(e).add(30,`day`).format(`YYYY-MM-DD`))),!H&&n<=20&&(I.current=!0,W(e=>_(e).subtract(30,`day`).format(`YYYY-MM-DD`))))};return e.addEventListener(`scroll`,n),()=>e.removeEventListener(`scroll`,n)},[C,H]);let _e=l((e,t,n)=>{k?.({group:e,task:t,taskIndex:n})},[k]),ve=l((e,t,n,r,i)=>{e.stopPropagation(),A?.({group:t,task:n,bar:r,barIndex:i})},[A]),ye=q.length*C,be=h(N,fe,pe,ae);return de(c.createElement(`div`,{className:be,style:oe},D&&c.createElement(`div`,{className:`${N}-toolbar`},c.createElement(n.RangePicker,{value:[_(R[0]),_(R[1])],onChange:me,allowClear:!1,size:`small`,...le??{}})),c.createElement(`div`,{className:`${N}-content`},c.createElement(`div`,{className:`${N}-left`},c.createElement(`div`,{className:`${N}-left-header`},Y?Y.map(e=>c.createElement(`div`,{key:e.key,className:h(`${N}-left-header-cell`,{"is-merged":e.rowMerge}),style:{width:e.width,textAlign:e.align||`left`,...e.width?{}:{flex:1,width:100}}},e.title)):c.createElement(c.Fragment,null,c.createElement(`div`,{className:`${N}-left-header-cell is-group`},se),c.createElement(`div`,{className:`${N}-left-header-cell is-name`},ce))),c.createElement(`div`,{className:`${N}-left-body`,ref:F},Q.map(({group:e,task:t,taskIndex:n,isGroupFirst:r,isGroupLast:i,groupRowSpan:a},o)=>c.createElement(`div`,{key:t?.id||g(`task-`),className:h(`${N}-row`,{[`${N}-group-first`]:r,"is-clickable":!!k,"is-cell-border":X,"is-last-row":o===Q.length-1}),style:{height:w},onClick:()=>_e(e,t,n)},Y?Y.map(o=>{let s={width:o.width,textAlign:o.align||`left`,...X?{lineHeight:`${w}px`}:{},...o.width?{}:{flex:1,minWidth:120}};return o.rowMerge?c.createElement(`div`,{key:o.key,className:h(`${N}-row-cell`,`${N}-row-cell-merged`,{"is-merged-inner":!i}),style:s},r&&(o.textCenter?c.createElement(`div`,{className:`${N}-row-cell-merged-content`,style:{height:a*w}},o.render(t,e,{taskIndex:n,isGroupFirst:r})):o.render(t,e,{taskIndex:n,isGroupFirst:r}))):c.createElement(v,{key:o.key,className:`${N}-row-cell`,style:s},o.render(t,e,{taskIndex:n,isGroupFirst:r}))}):c.createElement(c.Fragment,null,c.createElement(`div`,{className:`${N}-row-group`},r?e.name:``),c.createElement(v,{className:`${N}-row-name`,title:t.name},t.name)))),X&&Z>0&&c.createElement(`div`,{className:`${N}-row-filler`,style:{height:Z}},Y?.map(e=>c.createElement(`div`,{key:e.key,className:h(`${N}-row-cell`,{[`${N}-row-cell-merged`]:e.rowMerge}),style:{width:e.width,...e.width?{}:{flex:1,minWidth:120}}}))))),c.createElement(`div`,{className:`${N}-right`,ref:P},c.createElement(`div`,{className:`${N}-timeline`,style:{width:ye}},c.createElement(`div`,{className:`${N}-timeline-header`},c.createElement(`div`,{className:`${N}-month-row`},he.map((e,t)=>c.createElement(`div`,{key:t,className:`${N}-month-cell`,style:{width:e.days*C}},e.label))),c.createElement(`div`,{className:`${N}-date-row`},q.map(e=>c.createElement(`div`,{key:e.date,className:h(`${N}-date-cell`,{"is-today":e.isToday&&T,"is-weekend":e.isWeekend}),style:{width:C,color:e.isToday&&T?O:void 0}},c.createElement(`span`,{className:`${N}-date-day`},e.day),c.createElement(`span`,{className:`${N}-date-week`},e.weekDay))))),c.createElement(`div`,{className:`${N}-timeline-body`},J!==null&&c.createElement(`div`,{className:`${N}-today-line`,style:{left:J,backgroundColor:O}}),Q.map(({group:e,task:t})=>c.createElement(`div`,{key:t?.id||g(`bar-`),className:`${N}-timeline-row`,style:{height:w}},q.map(e=>c.createElement(`div`,{key:e.date,className:h(`${N}-timeline-cell`,{"is-weekend":e.isWeekend}),style:{width:C}})),c.createElement(`div`,{className:`${N}-bars-container`},t.bars.map((n,r)=>{let i=s(n,U,C);if(!i)return null;let a=te(n.color);return c.createElement(`div`,{key:r,className:h(`${N}-bar`,{"is-clickable":!!A}),style:{left:i.left,width:i.width,backgroundColor:a},onClick:i=>ve(i,e,t,n,r)},M?M(n,t):n.name)}))))))))))}export{y as default};

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

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

package/es/gantt/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";const n=t=>{let{componentCls:n}=t;return{[n]:{...e(t),display:`flex`,flexDirection:`column`,width:`fit-content`,maxWidth:`100%`,border:`1px solid ${t.colorBorderSecondary}`,borderRadius:t.borderRadiusLG,overflow:`hidden`,backgroundColor:t.colorBgContainer,fontSize:t.fontSize,[`${n}-toolbar`]:{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,padding:`${t.paddingXS}px ${t.paddingSM}px`,borderBottom:`1px solid ${t.colorBorderSecondary}`,backgroundColor:t.colorBgContainer},[`${n}-content`]:{display:`flex`,width:`100%`,overflow:`hidden`},[`${n}-left`]:{flexShrink:0,borderRight:`1px solid ${t.colorBorderSecondary}`,display:`flex`,flexDirection:`column`,zIndex:2,backgroundColor:t.colorBgContainer},[`${n}-left-header`]:{display:`flex`,alignItems:`flex-end`,borderBottom:`1px solid ${t.colorBorderSecondary}`,minHeight:65,padding:`${t.paddingXS}px 0`},[`${n}-left-header-cell`]:{padding:`0 ${t.paddingSM}px`,color:t.colorTextSecondary,fontWeight:500,fontSize:t.fontSize,whiteSpace:`nowrap`,"&.is-group":{width:100,textAlign:`left`},"&.is-name":{flex:1,width:200,textAlign:`left`},"&.is-merged":{alignSelf:`stretch`,display:`flex`,alignItems:`flex-end`,margin:`-${t.paddingXS}px 0`,paddingBottom:t.paddingXS,borderRight:`1px solid ${t.colorBorderSecondary}`}},[`${n}-left-body`]:{flex:1,overflow:`hidden`},[`${n}-row`]:{display:`flex`,alignItems:`center`,borderBottom:`1px solid ${t.colorBorderSecondary}`,transition:`background-color ${t.motionDurationMid}`,"&:last-child":{borderBottom:`none`},"&.is-clickable":{cursor:`pointer`,"&:hover":{backgroundColor:t.colorFillQuaternary}},"&.is-cell-border":{alignItems:`stretch`,borderBottom:`none`,[`${n}-row-cell`]:{borderBottom:`1px solid ${t.colorBorderSecondary}`},[`${n}-row-cell-merged.is-merged-inner`]:{borderBottom:`none`}},"&.is-cell-border.is-last-row":{[`${n}-row-cell`]:{borderBottom:`none`}}},[`${n}-row-filler`]:{display:`flex`,alignItems:`stretch`},[`${n}-row-group`]:{width:100,padding:`0 ${t.paddingSM}px`,color:t.colorText,fontWeight:500,textAlign:`left`,flexShrink:0},[`${n}-row-name`]:{flex:1,width:200,padding:`0 ${t.paddingSM}px`,color:t.colorText,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},[`${n}-row-cell`]:{padding:`0 ${t.paddingSM}px`,color:t.colorText,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,flexShrink:0,a:{color:t.colorPrimary,textDecoration:`none`,"&:hover":{textDecoration:`underline`}}},[`${n}-row-cell-merged`]:{position:`relative`,overflow:`visible`,borderRight:`1px solid ${t.colorBorderSecondary}`},[`${n}-row-cell-merged-content`]:{position:`absolute`,top:0,left:0,right:0,display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`0 ${t.paddingSM}px`,textAlign:`center`,lineHeight:t.lineHeight,overflow:`hidden`,pointerEvents:`none`},[`${n}-right`]:{flex:`0 1 auto`,overflow:`auto`,position:`relative`,minWidth:0},[`${n}-timeline`]:{position:`relative`},[`${n}-timeline-header`]:{position:`sticky`,top:0,zIndex:1,backgroundColor:t.colorBgContainer,borderBottom:`1px solid ${t.colorBorderSecondary}`},[`${n}-month-row`]:{display:`flex`},[`${n}-month-cell`]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:28,color:t.colorText,fontWeight:500,fontSize:t.fontSizeSM,borderRight:`1px solid ${t.colorBorderSecondary}`,backgroundColor:t.colorFillQuaternary,flexShrink:0,"&:last-child":{borderRight:`none`}},[`${n}-date-row`]:{display:`flex`},[`${n}-date-cell`]:{display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,height:36,color:t.colorTextSecondary,fontSize:t.fontSizeSM,flexShrink:0,borderRight:`1px solid ${t.colorBorderSecondary}`,"&:last-child":{borderRight:`none`},"&.is-today":{fontWeight:600},"&.is-weekend":{backgroundColor:t.colorFillQuaternary}},[`${n}-date-day`]:{lineHeight:1.2},[`${n}-date-week`]:{lineHeight:1.2,fontSize:t.fontSizeSM-1},[`${n}-timeline-body`]:{position:`relative`},[`${n}-timeline-row`]:{display:`flex`,alignItems:`center`,position:`relative`,borderBottom:`1px solid ${t.colorBorderSecondary}`,"&:last-child":{borderBottom:`none`}},[`${n}-timeline-cell`]:{flexShrink:0,height:`100%`,borderRight:`1px solid ${t.colorBorderSecondary}`,"&:nth-last-child(2)":{borderRight:`none`},"&.is-weekend":{backgroundColor:t.colorFillQuaternary}},[`${n}-bars-container`]:{position:`absolute`,top:0,left:0,right:0,bottom:0,display:`flex`,alignItems:`center`,pointerEvents:`none`},[`${n}-bar`]:{position:`absolute`,height:20,borderRadius:t.borderRadiusSM,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:t.fontSizeSM-1,color:t.colorText,fontWeight:400,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,padding:`0 ${t.paddingXXS}px`,pointerEvents:`auto`,transition:`opacity ${t.motionDurationMid}`,"&.is-clickable":{cursor:`pointer`,"&:hover":{opacity:.8}}},[`${n}-today-line`]:{position:`absolute`,top:0,bottom:0,width:1,zIndex:1,pointerEvents:`none`},[`${n}-group-first`]:{}}}};var r=t(`Gantt`,e=>n(e));export{r as default};

package/es/gantt/style/style.d.ts

@@ -0,0 +1,3 @@
+//#region components/gantt/style/style.d.ts
+export declare const GanttWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//#endregion