@swiftcrab/crab 0.0.5 → 0.0.6

package/es/typography/Base/Ellipsis.js

@@ -0,0 +1 @@
+import{isValidText as e}from"./util.js";import*as t from"react";import n from"rc-util/lib/Children/toArray";import r from"rc-util/lib/hooks/useLayoutEffect";const i=t.forwardRef(({style:e,children:n},r)=>{let i=t.useRef(null);return t.useImperativeHandle(r,()=>({isExceed:()=>{let e=i.current;return e.scrollHeight>e.clientHeight},getHeight:()=>i.current.clientHeight})),t.createElement(`span`,{"aria-hidden":!0,ref:i,style:{position:`fixed`,display:`block`,left:0,top:0,pointerEvents:`none`,backgroundColor:`rgba(255, 0, 0, 0.65)`,...e}},n)}),a=t=>t.reduce((t,n)=>t+(e(n)?String(n).length:1),0);function o(t,n){let r=0,i=[];for(let a=0;a<t.length;a+=1){if(r===n)return i;let o=t[a],s=e(o)?String(o).length:1,c=r+s;if(c>n){let e=n-r;return i.push(String(o).slice(0,e)),i}i.push(o),r=c}return t}const s={display:`-webkit-box`,overflow:`hidden`,WebkitBoxOrient:`vertical`};function c(e){let{enableMeasure:c,width:l,text:u,children:d,rows:f,expanded:p,miscDeps:m,onEllipsis:h}=e,g=t.useMemo(()=>n(u),[u]),_=t.useMemo(()=>a(g),[u]),v=t.useMemo(()=>d(g,!1),[u]),[y,b]=t.useState(null),x=t.useRef(null),S=t.useRef(null),C=t.useRef(null),w=t.useRef(null),T=t.useRef(null),[E,D]=t.useState(!1),[O,k]=t.useState(0),[A,j]=t.useState(0),[M,N]=t.useState(null);r(()=>{k(c&&l&&_?1:0)},[l,u,f,c,g]),r(()=>{if(O===1){k(2);let e=S.current&&getComputedStyle(S.current).whiteSpace;N(e)}else if(O===2){let e=!!C.current?.isExceed();k(e?3:4),b(e?[0,_]:null),D(e);let t=C.current?.getHeight()||0,n=f===1?0:w.current?.getHeight()||0,r=T.current?.getHeight()||0,i=Math.max(t,n+r);j(i+1),h(e)}},[O]);let P=y?Math.ceil((y[0]+y[1])/2):0;r(()=>{let[e,t]=y||[0,0];if(e!==t){let n=(x.current?.getHeight()||0)>A,r=P;t-e===1&&(r=n?e:t),b(n?[e,r]:[r,t])}},[y,P]);let F=t.useMemo(()=>{if(!c)return d(g,!1);if(O!==3||!y||y[0]!==y[1]){let e=d(g,!1);return[4,0].includes(O)?e:t.createElement(`span`,{style:{...s,WebkitLineClamp:f}},e)}return d(p?g:o(g,y[0]),E)},[p,O,y,g,...m]),I={width:l,margin:0,padding:0,whiteSpace:M===`nowrap`?`normal`:`inherit`};return t.createElement(t.Fragment,null,F,O===2&&t.createElement(t.Fragment,null,t.createElement(i,{style:{...I,...s,WebkitLineClamp:f},ref:C},v),t.createElement(i,{style:{...I,...s,WebkitLineClamp:f-1},ref:w},v),t.createElement(i,{style:{...I,...s,WebkitLineClamp:1},ref:T},d([],!0))),O===3&&y&&y[0]!==y[1]&&t.createElement(i,{style:{...I,top:400},ref:x},d(o(g,P),!0)),O===1&&t.createElement(`span`,{style:{whiteSpace:`inherit`},ref:S}))}export{c as default};

package/es/typography/Base/EllipsisTooltip.d.ts

@@ -0,0 +1,12 @@
+import { TooltipProps } from "../../tooltip/index.js";
+import * as React$1 from "react";
+//#region components/typography/Base/EllipsisTooltip.d.ts
+export interface EllipsisTooltipProps {
+  tooltipProps?: TooltipProps;
+  enableEllipsis: boolean;
+  isEllipsis?: boolean;
+  children: React$1.ReactElement;
+}
+declare const EllipsisTooltip: React$1.FC<EllipsisTooltipProps>;
+//#endregion
+export { EllipsisTooltip as default };

package/es/typography/Base/EllipsisTooltip.js

@@ -0,0 +1 @@
+import e from"../../tooltip/index.js";import*as t from"react";const n=({enableEllipsis:n,isEllipsis:r,children:i,tooltipProps:a})=>!a?.title||!n?i:t.createElement(e,{open:r?void 0:!1,...a},i);export{n as default};

package/es/typography/Base/index.d.ts

@@ -0,0 +1,61 @@
+import { TooltipProps } from "../../tooltip/index.js";
+import { TypographyProps } from "../Typography.js";
+import * as React$1 from "react";
+import { JSX } from "react";
+import { AutoSizeType } from "rc-textarea";
+//#region components/typography/Base/index.d.ts
+export type BaseType = 'secondary' | 'success' | 'warning' | 'danger';
+export interface CopyConfig {
+  text?: string | (() => string | Promise<string>);
+  onCopy?: (event?: React$1.MouseEvent<HTMLButtonElement>) => void;
+  icon?: React$1.ReactNode;
+  tooltips?: React$1.ReactNode;
+  format?: 'text/plain' | 'text/html';
+  tabIndex?: number;
+}
+interface EditConfig {
+  text?: string;
+  editing?: boolean;
+  icon?: React$1.ReactNode;
+  tooltip?: React$1.ReactNode;
+  onStart?: () => void;
+  onChange?: (value: string) => void;
+  onCancel?: () => void;
+  onEnd?: () => void;
+  maxLength?: number;
+  autoSize?: boolean | AutoSizeType;
+  triggerType?: ('icon' | 'text')[];
+  enterIcon?: React$1.ReactNode;
+  tabIndex?: number;
+}
+export interface EllipsisConfig {
+  rows?: number;
+  expandable?: boolean | 'collapsible';
+  suffix?: string;
+  symbol?: React$1.ReactNode | ((expanded: boolean) => React$1.ReactNode);
+  defaultExpanded?: boolean;
+  expanded?: boolean;
+  onExpand?: (e: React$1.MouseEvent<HTMLElement, MouseEvent>, info: {
+    expanded: boolean;
+  }) => void;
+  onEllipsis?: (ellipsis: boolean) => void;
+  tooltip?: React$1.ReactNode | TooltipProps;
+}
+export interface BlockProps<C extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements> extends TypographyProps<C> {
+  title?: string;
+  editable?: boolean | EditConfig;
+  copyable?: boolean | CopyConfig;
+  type?: BaseType;
+  disabled?: boolean;
+  ellipsis?: boolean | EllipsisConfig;
+  code?: boolean;
+  mark?: boolean;
+  underline?: boolean;
+  delete?: boolean;
+  strong?: boolean;
+  keyboard?: boolean;
+  italic?: boolean;
+}
+declare const Base: React$1.ForwardRefExoticComponent<BlockProps<keyof JSX.IntrinsicElements> & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Base as default };

package/es/typography/Base/index.js

@@ -0,0 +1 @@
+import e from"../../locale/useLocale.js";import{ConfigContext as t}from"../../config-provider/context.js";import"../../config-provider/index.js";import{isStyleSupport as n}from"../../_util/styleChecker.js";import r from"../../tooltip/index.js";import i from"../Editable.js";import a from"../hooks/useCopyClick.js";import o from"../hooks/useMergedConfig.js";import s from"../hooks/usePrevious.js";import c from"../hooks/useTooltipProps.js";import l from"../Typography.js";import{isEleEllipsis as ee,isValidText as te}from"./util.js";import ne from"./CopyBtn.js";import re from"./Ellipsis.js";import ie from"./EllipsisTooltip.js";import*as u from"react";import ae from"classnames";import oe from"rc-resize-observer";import se from"rc-util/lib/omit";import{composeRef as ce}from"rc-util/lib/ref";import le from"rc-util/lib/Children/toArray";import d from"rc-util/lib/hooks/useMergedState";import f from"rc-util/lib/hooks/useLayoutEffect";import ue from"@ant-design/icons/EditOutlined";function de({mark:e,code:t,underline:n,delete:r,strong:i,keyboard:a,italic:o},s){let c=s;function l(e,t){t&&(c=u.createElement(e,{},c))}return l(`strong`,i),l(`u`,n),l(`del`,r),l(`code`,t),l(`mark`,e),l(`kbd`,a),l(`i`,o),c}const p=u.forwardRef((p,fe)=>{let{prefixCls:m,className:h,style:g,type:_,disabled:pe,children:v,ellipsis:me,editable:he,copyable:ge,component:y,title:b,..._e}=p,{getPrefixCls:ve,direction:x}=u.useContext(t),[S]=e(`Text`),C=u.useRef(null),w=u.useRef(null),T=ve(`typography`,m),ye=se(_e,[`mark`,`code`,`delete`,`underline`,`strong`,`keyboard`,`italic`]),[E,D]=o(he),[O,be]=d(!1,{value:D.editing}),{triggerType:k=[`icon`]}=D,A=e=>{e&&D.onStart?.(),be(e)},xe=s(O);f(()=>{!O&&xe&&w.current?.focus()},[O]);let j=e=>{e?.preventDefault(),A(!0)},Se=e=>{D.onChange?.(e),A(!1)},Ce=()=>{D.onCancel?.(),A(!1)},[M,N]=o(ge),{copied:P,copyLoading:F,onClick:we}=a({copyConfig:N,children:v}),[I,Te]=u.useState(!1),[L,Ee]=u.useState(!1),[R,De]=u.useState(!1),[z,Oe]=u.useState(!1),[ke,Ae]=u.useState(!0),[B,V]=o(me,{expandable:!1,symbol:e=>e?S?.collapse:S?.expand}),[H,je]=d(V.defaultExpanded||!1,{value:V.expanded}),U=B&&(!H||V.expandable===`collapsible`),{rows:W=1}=V,G=u.useMemo(()=>U&&(V.suffix!==void 0||V.onEllipsis||V.expandable||E||M),[U,V,E,M]);f(()=>{B&&!G&&(Te(n(`webkitLineClamp`)),Ee(n(`textOverflow`)))},[G,B]);let[K,Me]=u.useState(U),q=u.useMemo(()=>G?!1:W===1?L:I,[G,L,I]);f(()=>{Me(q&&U)},[q,U]);let J=U&&(K?z:R),Ne=U&&W===1&&K,Y=U&&W>1&&K,Pe=(e,t)=>{je(t.expanded),V.onExpand?.(e,t)},[X,Fe]=u.useState(0),Ie=({offsetWidth:e})=>{Fe(e)},Z=e=>{De(e),R!==e&&V.onEllipsis?.(e)};u.useEffect(()=>{let e=C.current;if(B&&K&&e){let t=ee(e);z!==t&&Oe(t)}},[B,K,v,Y,ke,X]),u.useEffect(()=>{let e=C.current;if(typeof IntersectionObserver>`u`||!e||!K||!U)return;let t=new IntersectionObserver(()=>{Ae(!!e.offsetParent)});return t.observe(e),()=>{t.disconnect()}},[K,U]);let Q=c(V.tooltip,D.text,v),$=u.useMemo(()=>{if(B&&!K)return[D.text,v,b,Q.title].find(te)},[B,K,b,Q.title,J]);if(O)return u.createElement(i,{value:D.text??(typeof v==`string`?v:``),onSave:Se,onCancel:Ce,onEnd:D.onEnd,prefixCls:T,className:h,style:g,direction:x,component:y,maxLength:D.maxLength,autoSize:D.autoSize,enterIcon:D.enterIcon});let Le=()=>{let{expandable:e,symbol:t}=V;return e?u.createElement(`button`,{type:`button`,key:`expand`,className:`${T}-${H?`collapse`:`expand`}`,onClick:e=>Pe(e,{expanded:!H}),"aria-label":H?S.collapse:S?.expand},typeof t==`function`?t(H):t):null},Re=()=>{if(!E)return;let{icon:e,tooltip:t,tabIndex:n}=D,i=le(t)[0]||S?.edit,a=typeof i==`string`?i:``;return k.includes(`icon`)?u.createElement(r,{key:`edit`,title:t===!1?``:i},u.createElement(`button`,{type:`button`,ref:w,className:`${T}-edit`,onClick:j,"aria-label":a,tabIndex:n},e||u.createElement(ue,{role:`button`}))):null},ze=()=>M?u.createElement(ne,{key:`copy`,...N,prefixCls:T,copied:P,locale:S,onCopy:we,loading:F,iconOnly:v==null}):null,Be=e=>[e&&Le(),Re(),ze()],Ve=e=>[e&&!H&&u.createElement(`span`,{"aria-hidden":!0,key:`ellipsis`},`...`),V.suffix,Be(e)];return u.createElement(oe,{onResize:Ie,disabled:!U},e=>u.createElement(ie,{tooltipProps:Q,enableEllipsis:U,isEllipsis:J},u.createElement(l,{className:ae({[`${T}-${_}`]:_,[`${T}-disabled`]:pe,[`${T}-ellipsis`]:B,[`${T}-ellipsis-single-line`]:Ne,[`${T}-ellipsis-multiple-line`]:Y},h),prefixCls:m,style:{...g,WebkitLineClamp:Y?W:void 0},component:y,ref:ce(e,C,fe),direction:x,onClick:k.includes(`text`)?j:void 0,"aria-label":$?.toString(),title:b,...ye},u.createElement(re,{enableMeasure:U&&!K,text:v,rows:W,width:X,onEllipsis:Z,expanded:H,miscDeps:[P,H,F,E,M,S]},(e,t)=>de(p,u.createElement(u.Fragment,null,e.length>0&&t&&!H&&$?u.createElement(`span`,{key:`show-content`,"aria-hidden":!0},e):e,Ve(t)))))))});export{p as default};

package/es/typography/Base/util.d.ts

@@ -0,0 +1,12 @@
+//#region components/typography/Base/util.d.ts
+export declare function toList<T>(val: T | T[]): T[];
+export declare function getNode(dom: React.ReactNode, defaultNode: React.ReactNode, needDom?: boolean): import("react").ReactNode;
+/**
+ * Check for element is native ellipsis
+ * ref:
+ * - https://github.com/ant-design/ant-design/issues/50143
+ * - https://github.com/ant-design/ant-design/issues/50414
+ */
+export declare function isEleEllipsis(ele: HTMLElement): boolean;
+export declare const isValidText: (val: any) => val is string | number;
+//#endregion

package/es/typography/Base/util.js

@@ -0,0 +1 @@
+function e(e){return e===!1?[!1,!1]:Array.isArray(e)?e:[e]}function t(e,t,n){return e===!0||e===void 0?t:e||n&&t}function n(e){let t=document.createElement(`em`);e.appendChild(t);let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return e.removeChild(t),n.left>r.left||r.right>n.right||n.top>r.top||r.bottom>n.bottom}const r=e=>[`string`,`number`].includes(typeof e);export{t as getNode,n as isEleEllipsis,r as isValidText,e as toList};

package/es/typography/Editable.d.ts

@@ -0,0 +1,23 @@
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+import { TextAreaProps } from "rc-textarea";
+//#region components/typography/Editable.d.ts
+interface EditableProps {
+  prefixCls: string;
+  value: string;
+  'aria-label'?: string;
+  onSave: (value: string) => void;
+  onCancel: () => void;
+  onEnd?: () => void;
+  className?: string;
+  style?: React$1.CSSProperties;
+  direction?: DirectionType;
+  maxLength?: number;
+  autoSize?: TextAreaProps['autoSize'];
+  enterIcon?: React$1.ReactNode;
+  component?: string;
+}
+declare const Editable: React$1.FC<EditableProps>;
+//#endregion
+export { Editable as default };

package/es/typography/Editable.js

@@ -0,0 +1 @@
+import{cloneElement as e}from"../_util/reactNode.js";import t from"../input/TextArea.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/KeyCode";import o from"@ant-design/icons/EnterOutlined";const s=s=>{let{prefixCls:c,"aria-label":l,className:u,style:d,direction:f,maxLength:p,autoSize:m=!0,value:h,onSave:g,onCancel:_,onEnd:v,component:y,enterIcon:b=r.createElement(o,null)}=s,x=r.useRef(null),S=r.useRef(!1),C=r.useRef(null),[w,T]=r.useState(h);r.useEffect(()=>{T(h)},[h]),r.useEffect(()=>{if(x.current?.resizableTextArea){let{textArea:e}=x.current.resizableTextArea;e.focus();let{length:t}=e.value;e.setSelectionRange(t,t)}},[]);let E=({target:e})=>{T(e.value.replace(/[\n\r]/g,``))},D=()=>{S.current=!0},O=()=>{S.current=!1},k=({keyCode:e})=>{S.current||(C.current=e)},A=()=>{g(w.trim())},j=({keyCode:e,ctrlKey:t,altKey:n,metaKey:r,shiftKey:i})=>{C.current!==e||S.current||t||n||r||i||(e===a.ENTER?(A(),v?.()):e===a.ESC&&_())},M=()=>{A()},[N,P,F]=n(c),I=i(c,`${c}-edit-content`,{[`${c}-rtl`]:f===`rtl`,[`${c}-${y}`]:!!y},u,P,F);return N(r.createElement(`div`,{className:I,style:d},r.createElement(t,{ref:x,maxLength:p,value:w,onChange:E,onKeyDown:k,onKeyUp:j,onCompositionStart:D,onCompositionEnd:O,onBlur:M,"aria-label":l,rows:1,autoSize:m}),b===null?null:e(b,{className:`${c}-edit-content-confirm`})))};export{s as default};

package/es/typography/Link.d.ts

@@ -0,0 +1,9 @@
+import { BlockProps } from "./Base/index.js";
+import * as React$1 from "react";
+//#region components/typography/Link.d.ts
+export interface LinkProps extends BlockProps<'a'>, Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | keyof BlockProps<'a'>> {
+  ellipsis?: boolean;
+}
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Link as default };

package/es/typography/Link.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"./Base/index.js";import*as t from"react";const n=t.forwardRef(({ellipsis:n,rel:r,...i},a)=>{let o={...i,rel:r===void 0&&i.target===`_blank`?`noopener noreferrer`:r};return delete o.navigate,t.createElement(e,{...o,ref:a,ellipsis:!!n,component:`a`})});export{n as default};

package/es/typography/Paragraph.d.ts

@@ -0,0 +1,7 @@
+import { BlockProps } from "./Base/index.js";
+import * as React$1 from "react";
+//#region components/typography/Paragraph.d.ts
+export interface ParagraphProps extends BlockProps<'div'>, Omit<React$1.HTMLAttributes<HTMLDivElement>, 'type' | keyof BlockProps<'div'>> {}
+declare const Paragraph: React$1.ForwardRefExoticComponent<ParagraphProps & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Paragraph as default };

package/es/typography/Paragraph.js

@@ -0,0 +1 @@
+import e from"./Base/index.js";import*as t from"react";const n=t.forwardRef((n,r)=>t.createElement(e,{ref:r,...n,component:`div`}));export{n as default};

package/es/typography/Text.d.ts

@@ -0,0 +1,9 @@
+import { BlockProps, EllipsisConfig } from "./Base/index.js";
+import * as React$1 from "react";
+//#region components/typography/Text.d.ts
+export interface TextProps extends BlockProps<'span'>, Omit<React$1.HTMLAttributes<HTMLSpanElement>, 'type' | keyof BlockProps<'span'>> {
+  ellipsis?: boolean | Omit<EllipsisConfig, 'expandable' | 'rows' | 'onExpand'>;
+}
+declare const _default: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { _default as default };

package/es/typography/Text.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"./Base/index.js";import*as t from"react";import n from"rc-util/lib/omit";var r=t.forwardRef(({ellipsis:r,...i},a)=>{let o=t.useMemo(()=>r&&typeof r==`object`?n(r,[`expandable`,`rows`]):r,[r]);return t.createElement(e,{ref:a,...i,ellipsis:o,component:`span`})});export{r as default};

package/es/typography/Title.d.ts

@@ -0,0 +1,10 @@
+import { BlockProps } from "./Base/index.js";
+import * as React$1 from "react";
+//#region components/typography/Title.d.ts
+declare const TITLE_ELE_LIST: readonly [1, 2, 3, 4, 5];
+export interface TitleProps extends Omit<BlockProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5'>, 'strong'>, Omit<React$1.HTMLAttributes<HTMLHeadElement>, 'type' | keyof BlockProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5'>> {
+  level?: (typeof TITLE_ELE_LIST)[number];
+}
+declare const Title: React$1.ForwardRefExoticComponent<TitleProps & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Title as default };

package/es/typography/Title.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"./Base/index.js";import*as t from"react";const n=[1,2,3,4,5],r=t.forwardRef((r,i)=>{let{level:a=1,...o}=r,s=n.includes(a)?`h${a}`:`h1`;return t.createElement(e,{ref:i,...o,component:s})});export{r as default};

package/es/typography/Typography.d.ts

@@ -0,0 +1,22 @@
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+import { JSX } from "react";
+//#region components/typography/Typography.d.ts
+export interface TypographyProps<C extends keyof JSX.IntrinsicElements> extends React$1.HTMLAttributes<HTMLElement> {
+  id?: string;
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  children?: React$1.ReactNode;
+  'aria-label'?: string;
+  direction?: DirectionType;
+}
+interface InternalTypographyProps<C extends keyof JSX.IntrinsicElements> extends TypographyProps<C> {
+  /** @deprecated Use `ref` directly if using React 16 */
+  setContentRef?: (node: HTMLElement) => void;
+}
+declare const Typography: React$1.ForwardRefExoticComponent<InternalTypographyProps<keyof JSX.IntrinsicElements> & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Typography as default };

package/es/typography/Typography.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import*as n from"react";import r from"classnames";import{composeRef as i}from"rc-util/lib/ref";const a=n.forwardRef((a,o)=>{let{prefixCls:s,component:c=`article`,className:l,rootClassName:u,setContentRef:d,children:f,direction:p,style:m,...h}=a,{getPrefixCls:g,direction:_,typography:v}=n.useContext(e),y=p??_,b=d?i(o,d):o,x=g(`typography`,s),[S,C,w]=t(x),T=r(x,v?.className,{[`${x}-rtl`]:y===`rtl`},l,u,C,w),E={...v?.style,...m};return S(n.createElement(c,{className:T,style:E,ref:b,...h},f))});export{a as default};

package/es/typography/hooks/useCopyClick.d.ts

@@ -0,0 +1,13 @@
+import { CopyConfig } from "../Base/index.js";
+import * as React$1 from "react";
+//#region components/typography/hooks/useCopyClick.d.ts
+declare const useCopyClick: ({ copyConfig, children }: {
+  copyConfig: CopyConfig;
+  children?: React$1.ReactNode;
+}) => {
+  copied: boolean;
+  copyLoading: boolean;
+  onClick: (e?: React$1.MouseEvent<HTMLButtonElement>) => Promise<void>;
+};
+//#endregion
+export { useCopyClick as default };

package/es/typography/hooks/useCopyClick.js

@@ -0,0 +1 @@
+import e from"../../_util/toList.js";import*as t from"react";import n from"rc-util/lib/hooks/useEvent";import r from"copy-to-clipboard";const i=({copyConfig:i,children:a})=>{let[o,s]=t.useState(!1),[c,l]=t.useState(!1),u=t.useRef(null),d=()=>{u.current&&clearTimeout(u.current)},f={};return i.format&&(f.format=i.format),t.useEffect(()=>d,[]),{copied:o,copyLoading:c,onClick:n(async t=>{t?.preventDefault(),t?.stopPropagation(),l(!0);try{let n=typeof i.text==`function`?await i.text():i.text;r(n||e(a,!0).join(``)||``,f),l(!1),s(!0),d(),u.current=setTimeout(()=>{s(!1)},3e3),i.onCopy?.(t)}catch(e){throw l(!1),e}})}};export{i as default};

package/es/typography/hooks/useMergedConfig.d.ts

@@ -0,0 +1,3 @@
+//#region components/typography/hooks/useMergedConfig.d.ts
+export default function useMergedConfig<Target>(propConfig: any, templateConfig?: Target): readonly [boolean, Target];
+//#endregion

package/es/typography/hooks/useMergedConfig.js

@@ -0,0 +1 @@
+import*as e from"react";function t(t,n){return e.useMemo(()=>{let e=!!t;return[e,{...n,...e&&typeof t==`object`?t:null}]},[t])}export{t as default};

package/es/typography/hooks/usePrevious.d.ts

@@ -0,0 +1,4 @@
+//#region components/typography/hooks/usePrevious.d.ts
+declare const usePrevious: <T>(value: T) => T | undefined;
+//#endregion
+export { usePrevious as default };

package/es/typography/hooks/usePrevious.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";const n=n=>{let r=t(void 0);return e(()=>{r.current=n}),r.current};export{n as default};

package/es/typography/hooks/useTooltipProps.d.ts

@@ -0,0 +1,67 @@
+import { LiteralUnion } from "../../_util/type.js";
+import { RenderFunction } from "../../_util/getRenderPropValue.js";
+import { AdjustOverflow } from "../../_util/placements.js";
+import { TooltipPlacement, TooltipProps } from "../../tooltip/index.js";
+import { PresetColorType } from "../../_util/colors.js";
+//#region components/typography/hooks/useTooltipProps.d.ts
+declare const useTooltipProps: (tooltip: React.ReactNode | TooltipProps, editConfigText: React.ReactNode, children: React.ReactNode) => {
+  [Symbol.iterator](): Iterator<import("react").ReactNode, any, any>;
+  title: import("react").ReactNode;
+} | {
+  then<TResult1 = string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined, TResult2 = never>(onfulfilled?: ((value: string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
+  catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined): Promise<(string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined) | TResult>;
+  finally(onfinally?: (() => void) | null | undefined): Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
+  [Symbol.toStringTag]: string;
+  title: import("react").ReactNode;
+} | {
+  title: React.ReactNode | RenderFunction;
+  overlay?: React.ReactNode | RenderFunction;
+  style?: React.CSSProperties;
+  className?: string;
+  rootClassName?: string;
+  color?: LiteralUnion<PresetColorType>;
+  placement?: TooltipPlacement;
+  builtinPlacements?: typeof import("rc-tooltip/lib/placements").placements;
+  openClassName?: string;
+  arrowPointAtCenter?: boolean;
+  arrow?: boolean | {
+    arrowPointAtCenter?: boolean;
+    pointAtCenter?: boolean;
+  };
+  autoAdjustOverflow?: boolean | AdjustOverflow;
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  children?: React.ReactNode;
+  destroyTooltipOnHide?: boolean | {
+    keepParent?: boolean;
+  };
+  open?: import("rc-tooltip/lib/Tooltip").TooltipProps["visible"];
+  defaultOpen?: import("rc-tooltip/lib/Tooltip").TooltipProps["defaultVisible"];
+  onOpenChange?: import("rc-tooltip/lib/Tooltip").TooltipProps["onVisibleChange"];
+  afterOpenChange?: import("rc-tooltip/lib/Tooltip").TooltipProps["afterVisibleChange"];
+  visible?: import("rc-tooltip/lib/Tooltip").TooltipProps["visible"];
+  defaultVisible?: import("rc-tooltip/lib/Tooltip").TooltipProps["defaultVisible"];
+  onVisibleChange?: import("rc-tooltip/lib/Tooltip").TooltipProps["onVisibleChange"];
+  afterVisibleChange?: import("rc-tooltip/lib/Tooltip").TooltipProps["afterVisibleChange"];
+  id?: string | undefined;
+  prefixCls?: string | undefined;
+  motion?: import("rc-motion").CSSMotionProps | undefined;
+  zIndex?: number | undefined;
+  animation?: import("@rc-component/trigger/lib/interface").AnimationType | undefined;
+  onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
+  fresh?: boolean | undefined;
+  mouseLeaveDelay?: number | undefined;
+  mouseEnterDelay?: number | undefined;
+  forceRender?: boolean | undefined;
+  popupVisible?: boolean | undefined;
+  trigger?: (import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[]) | undefined;
+  transitionName?: string | undefined;
+  overlayStyle?: React.CSSProperties | undefined;
+  overlayClassName?: string | undefined;
+  getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+  align?: import("@rc-component/trigger").AlignType | undefined;
+  showArrow?: (boolean | import("@rc-component/trigger").ArrowType) | undefined;
+  arrowContent?: import("react").ReactNode;
+  overlayInnerStyle?: React.CSSProperties | undefined;
+};
+//#endregion
+export { useTooltipProps as default };

package/es/typography/hooks/useTooltipProps.js

@@ -0,0 +1 @@
+import{isValidElement as e,useMemo as t}from"react";const n=(n,r,i)=>t(()=>n===!0?{title:r??i}:e(n)?{title:n}:typeof n==`object`?{title:r??i,...n}:{title:n},[n,r,i]);export{n as default};

package/es/typography/index.d.ts

@@ -0,0 +1,15 @@
+import Typography$1 from "./Typography.js";
+import Link from "./Link.js";
+import Paragraph from "./Paragraph.js";
+import _default from "./Text.js";
+import Title from "./Title.js";
+//#region components/typography/index.d.ts
+export type TypographyProps = typeof Typography$1 & {
+  Text: typeof _default;
+  Link: typeof Link;
+  Title: typeof Title;
+  Paragraph: typeof Paragraph;
+};
+declare const Typography: TypographyProps;
+//#endregion
+export { Typography as default };

package/es/typography/index.js

@@ -0,0 +1 @@
+import e from"./Typography.js";import t from"./Link.js";import n from"./Paragraph.js";import r from"./Text.js";import i from"./Title.js";const a=e;a.Text=r,a.Link=t,a.Title=i,a.Paragraph=n;export{a as default};

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

@@ -0,0 +1,21 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/typography/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 标题上间距
+   * @descEN Margin top of title
+   */
+  titleMarginTop: number | string;
+  /**
+   * @desc 标题下间距
+   * @descEN Margin bottom of title
+   */
+  titleMarginBottom: number | string;
+}
+export type TypographyToken = FullToken<'Typography'>;
+export declare const prepareComponentToken: GetDefaultToken<'Typography'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/typography/style/index.js

@@ -0,0 +1,12 @@
+import{operationUnit as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{getCopyableStyles as n,getEditableStyles as r,getEllipsisStyles as i,getLinkStyles as a,getResetStyles as o,getTitleStyles as s}from"./mixins.js";const c=t=>{let{componentCls:c,titleMarginTop:l}=t;return{[c]:{color:t.colorText,wordBreak:`break-word`,lineHeight:t.lineHeight,[`&${c}-secondary`]:{color:t.colorTextDescription},[`&${c}-success`]:{color:t.colorSuccess},[`&${c}-warning`]:{color:t.colorWarning},[`&${c}-danger`]:{color:t.colorError,"a&:active, a&:focus":{color:t.colorErrorActive},"a&:hover":{color:t.colorErrorHover}},[`&${c}-disabled`]:{color:t.colorTextDisabled,cursor:`not-allowed`,userSelect:`none`},"\n        div&,\n        p\n      ":{marginBottom:`1em`},...s(t),[`
+      & + h1${c},
+      & + h2${c},
+      & + h3${c},
+      & + h4${c},
+      & + h5${c}
+      `]:{marginTop:l},"\n      div,\n      ul,\n      li,\n      p,\n      h1,\n      h2,\n      h3,\n      h4,\n      h5":{"\n        + h1,\n        + h2,\n        + h3,\n        + h4,\n        + h5\n        ":{marginTop:l}},...o(t),...a(t),[`
+        ${c}-expand,
+        ${c}-collapse,
+        ${c}-edit,
+        ${c}-copy
+      `]:{...e(t),marginInlineStart:t.marginXXS},...r(t),...n(t),...i(),"&-rtl":{direction:`rtl`}}}},l=()=>({titleMarginTop:`1.2em`,titleMarginBottom:`0.5em`});var u=t(`Typography`,e=>[c(e)],l);export{u as default,l as prepareComponentToken};

package/es/typography/style/mixins.d.ts

@@ -0,0 +1,12 @@
+import "../../theme/internal.js";
+import { TypographyToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/typography/style/mixins.d.ts
+export declare const getTitleStyles: GenerateStyle<TypographyToken, CSSObject>;
+export declare const getLinkStyles: GenerateStyle<TypographyToken, CSSObject>;
+export declare const getResetStyles: GenerateStyle<TypographyToken, CSSObject>;
+export declare const getEditableStyles: GenerateStyle<TypographyToken, CSSObject>;
+export declare const getCopyableStyles: GenerateStyle<TypographyToken, CSSObject>;
+export declare const getEllipsisStyles: () => CSSObject;
+//#endregion

package/es/typography/style/mixins.js

@@ -0,0 +1,6 @@
+import{operationUnit as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";import{gold as n}from"@ant-design/colors";const r=(e,t,n,r)=>{let{titleMarginBottom:i,fontWeightStrong:a}=r;return{marginBottom:i,color:n,fontWeight:a,fontSize:e,lineHeight:t}},i=e=>{let t=[1,2,3,4,5],n={};return t.forEach(t=>{n[`
+      h${t}&,
+      div&-h${t},
+      div&-h${t} > textarea,
+      h${t}
+    `]=r(e[`fontSizeHeading${t}`],e[`lineHeightHeading${t}`],e.colorTextHeading,e)}),n},a=t=>{let{componentCls:n}=t;return{"a&, a":{...e(t),userSelect:`text`,[`&[disabled], &${n}-disabled`]:{color:t.colorTextDisabled,cursor:`not-allowed`,"&:active, &:hover":{color:t.colorTextDisabled},"&:active":{pointerEvents:`none`}}}}},o=e=>({code:{margin:`0 0.2em`,paddingInline:`0.4em`,paddingBlock:`0.2em 0.1em`,fontSize:`85%`,fontFamily:e.fontFamilyCode,background:`rgba(150, 150, 150, 0.1)`,border:`1px solid rgba(100, 100, 100, 0.2)`,borderRadius:3},kbd:{margin:`0 0.2em`,paddingInline:`0.4em`,paddingBlock:`0.15em 0.1em`,fontSize:`90%`,fontFamily:e.fontFamilyCode,background:`rgba(150, 150, 150, 0.06)`,border:`1px solid rgba(100, 100, 100, 0.2)`,borderBottomWidth:2,borderRadius:3},mark:{padding:0,backgroundColor:n[2]},"u, ins":{textDecoration:`underline`,textDecorationSkipInk:`auto`},"s, del":{textDecoration:`line-through`},strong:{fontWeight:600},"ul, ol":{marginInline:0,marginBlock:`0 1em`,padding:0,li:{marginInline:`20px 0`,marginBlock:0,paddingInline:`4px 0`,paddingBlock:0}},ul:{listStyleType:`circle`,ul:{listStyleType:`disc`}},ol:{listStyleType:`decimal`},"pre, blockquote":{margin:`1em 0`},pre:{padding:`0.4em 0.6em`,whiteSpace:`pre-wrap`,wordWrap:`break-word`,background:`rgba(150, 150, 150, 0.1)`,border:`1px solid rgba(100, 100, 100, 0.2)`,borderRadius:3,fontFamily:e.fontFamilyCode,code:{display:`inline`,margin:0,padding:0,fontSize:`inherit`,fontFamily:`inherit`,background:`transparent`,border:0}},blockquote:{paddingInline:`0.6em 0`,paddingBlock:0,borderInlineStart:`4px solid rgba(100, 100, 100, 0.2)`,opacity:.85}}),s=e=>{let{componentCls:n,paddingSM:r}=e,i=r;return{"&-edit-content":{position:`relative`,"div&":{insetInlineStart:e.calc(e.paddingSM).mul(-1).equal(),marginTop:e.calc(i).mul(-1).equal(),marginBottom:`calc(1em - ${t(i)})`},[`${n}-edit-content-confirm`]:{position:`absolute`,insetInlineEnd:e.calc(e.marginXS).add(2).equal(),insetBlockEnd:e.marginXS,color:e.colorTextDescription,fontWeight:`normal`,fontSize:e.fontSize,fontStyle:`normal`,pointerEvents:`none`},textarea:{margin:`0!important`,MozTransition:`none`,height:`1em`}}}},c=e=>({[`${e.componentCls}-copy-success`]:{"\n    &,\n    &:hover,\n    &:focus":{color:e.colorSuccess}},[`${e.componentCls}-copy-icon-only`]:{marginInlineStart:0}}),l=()=>({"\n  a&-ellipsis,\n  span&-ellipsis\n  ":{display:`inline-block`,maxWidth:`100%`},"&-ellipsis-single-line":{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,"a&, span&":{verticalAlign:`bottom`},"> code":{paddingBlock:0,maxWidth:`calc(100% - 1.2em)`,display:`inline-block`,overflow:`hidden`,textOverflow:`ellipsis`,verticalAlign:`bottom`,boxSizing:`content-box`}},"&-ellipsis-multiple-line":{display:`-webkit-box`,overflow:`hidden`,WebkitLineClamp:3,WebkitBoxOrient:`vertical`}});export{c as getCopyableStyles,s as getEditableStyles,l as getEllipsisStyles,a as getLinkStyles,o as getResetStyles,i as getTitleStyles};

package/es/upload/Dragger.d.ts

@@ -0,0 +1,12 @@
+import { UploadProps } from "./interface.js";
+import { UploadRef } from "./Upload.js";
+import * as React$1 from "react";
+//#region components/upload/Dragger.d.ts
+export type DraggerProps = UploadProps & {
+  height?: number;
+};
+declare const Dragger: React$1.ForwardRefExoticComponent<UploadProps<any> & {
+  height?: number;
+} & React$1.RefAttributes<UploadRef<any>>>;
+//#endregion
+export { Dragger as default };

package/es/upload/Dragger.js

@@ -0,0 +1 @@
+import e from"./Upload.js";import*as t from"react";const n=t.forwardRef(({style:n,height:r,hasControlInside:i=!1,...a},o)=>t.createElement(e,{ref:o,hasControlInside:i,...a,type:`drag`,style:{...n,height:r}}));export{n as default};

package/es/upload/Upload.d.ts

@@ -0,0 +1,23 @@
+import { RcFile, UploadFile, UploadProps } from "./interface.js";
+import * as React$1 from "react";
+import RcUpload, { UploadProps as UploadProps$1 } from "rc-upload";
+//#region components/upload/Upload.d.ts
+export declare const LIST_IGNORE: string;
+export interface UploadRef<T = any> {
+  onBatchStart: UploadProps$1['onBatchStart'];
+  onSuccess: (response: any, file: RcFile, xhr: any) => void;
+  onProgress: (e: {
+    percent: number;
+  }, file: RcFile) => void;
+  onError: (error: Error, response: any, file: RcFile) => void;
+  fileList: UploadFile<T>[];
+  upload: RcUpload | null;
+  /**
+   * Get native element for wrapping upload
+   * @since 5.17.0
+   */
+  nativeElement: HTMLSpanElement | null;
+}
+declare const Upload: React$1.ForwardRefExoticComponent<UploadProps<any> & React$1.RefAttributes<UploadRef<any>>>;
+//#endregion
+export { type UploadProps, Upload as default };

package/es/upload/Upload.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"../locale/en_US.js";import t from"../locale/useLocale.js";import"../locale/index.js";import{ConfigContext as n}from"../config-provider/context.js";import r from"../config-provider/DisabledContext.js";import"../config-provider/index.js";import i from"./style/index.js";import{file2Obj as a,getFileItem as o,removeFileItem as s,updateFileList as c}from"./utils.js";import ee from"./UploadList/index.js";import*as l from"react";import u from"classnames";import{flushSync as d}from"react-dom";import f from"rc-util/lib/hooks/useMergedState";import p from"rc-upload";const m=`__LIST_IGNORE_${Date.now()}__`,h=l.forwardRef((h,g)=>{let{fileList:_,defaultFileList:te,onRemove:v,showUploadList:y=!0,listType:b=`text`,onPreview:x,onDownload:ne,onChange:re,onDrop:ie,previewFile:ae,disabled:oe,locale:se,iconRender:ce,isImageUrl:le,progress:ue,prefixCls:de,className:fe,type:pe=`select`,children:S,style:me,itemRender:he,maxCount:C,data:ge={},multiple:_e=!1,hasControlInside:ve=!0,action:w=``,accept:T=``,supportServerRender:E=!0,rootClassName:D}=h,O=l.useContext(r),k=oe??O,[A,j]=f(te||[],{value:_,postState:e=>e??[]}),[M,N]=l.useState(`drop`),P=l.useRef(null),F=l.useRef(null);l.useMemo(()=>{let e=Date.now();(_||[]).forEach((t,n)=>{!t.uid&&!Object.isFrozen(t)&&(t.uid=`__AUTO__${e}_${n}__`)})},[_]);let I=(e,t,n)=>{let r=[...t],i=!1;C===1?r=r.slice(-1):C&&(i=r.length>C,r=r.slice(0,C)),d(()=>{j(r)});let a={file:e,fileList:r};n&&(a.event=n),(!i||e.status===`removed`||r.some(t=>t.uid===e.uid))&&d(()=>{re?.(a)})},ye=async(e,t)=>{let{beforeUpload:n,transformFile:r}=h,i=e;if(n){let r=await n(e,t);if(r===!1)return!1;if(delete e[m],r===m)return Object.defineProperty(e,m,{value:!0,configurable:!0}),!1;typeof r==`object`&&r&&(i=r)}return r&&(i=await r(i)),i},L=e=>{let t=e.filter(e=>!e.file[m]);if(!t.length)return;let n=t.map(e=>a(e.file)),r=[...A];n.forEach(e=>{r=c(e,r)}),n.forEach((e,n)=>{let i=e;if(t[n].parsedFile)e.status=`uploading`;else{let{originFileObj:t}=e,n;try{n=new File([t],t.name,{type:t.type})}catch{n=new Blob([t],{type:t.type}),n.name=t.name,n.lastModifiedDate=new Date,n.lastModified=new Date().getTime()}n.uid=e.uid,i=n}I(i,r)})},R=(e,t,n)=>{try{typeof e==`string`&&(e=JSON.parse(e))}catch{}if(!o(t,A))return;let r=a(t);r.status=`done`,r.percent=100,r.response=e,r.xhr=n;let i=c(r,A);I(r,i)},z=(e,t)=>{if(!o(t,A))return;let n=a(t);n.status=`uploading`,n.percent=e.percent;let r=c(n,A);I(n,r,e)},B=(e,t,n)=>{if(!o(n,A))return;let r=a(n);r.error=e,r.response=t,r.status=`error`;let i=c(r,A);I(r,i)},be=e=>{let t;Promise.resolve(typeof v==`function`?v(e):v).then(n=>{if(n===!1)return;let r=s(e,A);r&&(t={...e,status:`removed`},A?.forEach(e=>{let n=t.uid===void 0?`name`:`uid`;e[n]===t[n]&&!Object.isFrozen(e)&&(e.status=`removed`)}),P.current?.abort(t),I(t,r))})},V=e=>{N(e.type),e.type===`drop`&&ie?.(e)};l.useImperativeHandle(g,()=>({onBatchStart:L,onSuccess:R,onProgress:z,onError:B,fileList:A,upload:P.current,nativeElement:F.current}));let{getPrefixCls:xe,direction:H,upload:U}=l.useContext(n),W=xe(`upload`,de),G={onBatchStart:L,onError:B,onProgress:z,onSuccess:R,...h,data:ge,multiple:_e,action:w,accept:T,supportServerRender:E,prefixCls:W,disabled:k,beforeUpload:ye,onChange:void 0,hasControlInside:ve};delete G.className,delete G.style,(!S||k)&&delete G.id;let K=`${W}-wrapper`,[q,J,Se]=i(W,K),[Ce]=t(`Upload`,e.Upload),{showRemoveIcon:Y,showPreviewIcon:we,showDownloadIcon:Te,removeIcon:Ee,previewIcon:X,downloadIcon:De,extra:Oe}=typeof y==`boolean`?{}:y,ke=Y===void 0?!k:Y,Z=(e,t)=>y?l.createElement(ee,{prefixCls:W,listType:b,items:A,previewFile:ae,onPreview:x,onDownload:ne,onRemove:be,showRemoveIcon:ke,showPreviewIcon:we,showDownloadIcon:Te,removeIcon:Ee,previewIcon:X,downloadIcon:De,iconRender:ce,extra:Oe,locale:{...Ce,...se},isImageUrl:le,progress:ue,appendAction:e,appendActionVisible:t,itemRender:he,disabled:k}):e,Q=u(K,fe,D,J,Se,U?.className,{[`${W}-rtl`]:H===`rtl`,[`${W}-picture-card-wrapper`]:b===`picture-card`,[`${W}-picture-circle-wrapper`]:b===`picture-circle`}),Ae={...U?.style,...me};if(pe===`drag`){let e=u(J,W,`${W}-drag`,{[`${W}-drag-uploading`]:A.some(e=>e.status===`uploading`),[`${W}-drag-hover`]:M===`dragover`,[`${W}-disabled`]:k,[`${W}-rtl`]:H===`rtl`});return q(l.createElement(`span`,{className:Q,ref:F},l.createElement(`div`,{className:e,style:Ae,onDrop:V,onDragOver:V,onDragLeave:V},l.createElement(p,{...G,ref:P,className:`${W}-btn`},l.createElement(`div`,{className:`${W}-drag-container`},S))),Z()))}let je=u(W,`${W}-select`,{[`${W}-disabled`]:k,[`${W}-hidden`]:!S}),$=l.createElement(`div`,{className:je},l.createElement(p,{...G,ref:P}));return q(b===`picture-card`||b===`picture-circle`?l.createElement(`span`,{className:Q,ref:F},Z($,!!S)):l.createElement(`span`,{className:Q,ref:F},$,Z()))});export{m as LIST_IGNORE,h as default};

package/es/upload/UploadList/ListItem.d.ts

@@ -0,0 +1,30 @@
+import { ItemRender, UploadFile, UploadListProgressProps, UploadListType, UploadLocale } from "../interface.js";
+import * as React$1 from "react";
+//#region components/upload/UploadList/ListItem.d.ts
+export interface ListItemProps {
+  prefixCls: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  locale: UploadLocale;
+  file: UploadFile;
+  items: UploadFile[];
+  listType?: UploadListType;
+  isImgUrl?: (file: UploadFile) => boolean;
+  showRemoveIcon?: boolean | ((file: UploadFile) => boolean);
+  showDownloadIcon?: boolean | ((file: UploadFile) => boolean);
+  showPreviewIcon?: boolean | ((file: UploadFile) => boolean);
+  removeIcon?: React$1.ReactNode | ((file: UploadFile) => React$1.ReactNode);
+  downloadIcon?: React$1.ReactNode | ((file: UploadFile) => React$1.ReactNode);
+  previewIcon?: React$1.ReactNode | ((file: UploadFile) => React$1.ReactNode);
+  extra?: React$1.ReactNode | ((file: UploadFile) => React$1.ReactNode);
+  iconRender: (file: UploadFile) => React$1.ReactNode;
+  actionIconRender: (customIcon: React$1.ReactNode, callback: () => void, prefixCls: string, title?: string, acceptUploadDisabled?: boolean) => React$1.ReactNode;
+  itemRender?: ItemRender;
+  onPreview: (file: UploadFile, e: React$1.SyntheticEvent<HTMLElement>) => void;
+  onClose: (file: UploadFile) => void;
+  onDownload: (file: UploadFile) => void;
+  progress?: UploadListProgressProps;
+}
+declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ListItem as default };

package/es/upload/UploadList/ListItem.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"../../progress/index.js";import*as r from"react";import i from"classnames";import a from"rc-motion";import o from"@ant-design/icons/EyeOutlined";import s from"@ant-design/icons/DeleteOutlined";import c from"@ant-design/icons/DownloadOutlined";const l=r.forwardRef(({prefixCls:l,className:u,style:ee,locale:d,listType:f,file:p,items:m,progress:h,iconRender:g,actionIconRender:_,itemRender:v,isImgUrl:y,showPreviewIcon:b,showRemoveIcon:x,showDownloadIcon:S,previewIcon:C,removeIcon:w,downloadIcon:T,extra:E,onPreview:D,onDownload:O,onClose:k},A)=>{let{status:j}=p,[M,N]=r.useState(j);r.useEffect(()=>{j!==`removed`&&N(j)},[j]);let[P,F]=r.useState(!1);r.useEffect(()=>{let e=setTimeout(()=>{F(!0)},300);return()=>{clearTimeout(e)}},[]);let I=g(p),L=r.createElement(`div`,{className:`${l}-icon`},I);if(f===`picture`||f===`picture-card`||f===`picture-circle`){if(M===`uploading`||!p.thumbUrl&&!p.url){let e=i(`${l}-list-item-thumbnail`,{[`${l}-list-item-file`]:M!==`uploading`});L=r.createElement(`div`,{className:e},I)}else{let e=y?.(p)?r.createElement(`img`,{src:p.thumbUrl||p.url,alt:p.name,className:`${l}-list-item-image`,crossOrigin:p.crossOrigin}):I,t=i(`${l}-list-item-thumbnail`,{[`${l}-list-item-file`]:y&&!y(p)});L=r.createElement(`a`,{className:t,onClick:e=>D(p,e),href:p.url||p.thumbUrl,target:`_blank`,rel:`noopener noreferrer`},e)}}let R=i(`${l}-list-item`,`${l}-list-item-${M}`),z=typeof p.linkProps==`string`?JSON.parse(p.linkProps):p.linkProps,B=(typeof x==`function`?x(p):x)?_((typeof w==`function`?w(p):w)||r.createElement(s,null),()=>k(p),l,d.removeFile,!0):null,V=(typeof S==`function`?S(p):S)&&M===`done`?_((typeof T==`function`?T(p):T)||r.createElement(c,null),()=>O(p),l,d.downloadFile):null,H=f!==`picture-card`&&f!==`picture-circle`&&r.createElement(`span`,{key:`download-delete`,className:i(`${l}-list-item-actions`,{picture:f===`picture`})},V,B),U=typeof E==`function`?E(p):E,W=U&&r.createElement(`span`,{className:`${l}-list-item-extra`},U),G=i(`${l}-list-item-name`),K=p.url?r.createElement(`a`,{key:`view`,target:`_blank`,rel:`noopener noreferrer`,className:G,title:p.name,...z,href:p.url,onClick:e=>D(p,e)},p.name,W):r.createElement(`span`,{key:`view`,className:G,onClick:e=>D(p,e),title:p.name},p.name,W),q=(typeof b==`function`?b(p):b)&&(p.url||p.thumbUrl)?r.createElement(`a`,{href:p.url||p.thumbUrl,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>D(p,e),title:d.previewFile},typeof C==`function`?C(p):C||r.createElement(o,null)):null,J=(f===`picture-card`||f===`picture-circle`)&&M!==`uploading`&&r.createElement(`span`,{className:`${l}-list-item-actions`},q,M===`done`&&V,B),{getPrefixCls:Y}=r.useContext(e),X=Y(),Z=r.createElement(`div`,{className:R},L,K,H,J,P&&r.createElement(a,{motionName:`${X}-fade`,visible:M===`uploading`,motionDeadline:2e3},({className:e})=>{let t=`percent`in p?r.createElement(n,{...h,type:`line`,percent:p.percent,"aria-label":p[`aria-label`],"aria-labelledby":p[`aria-labelledby`]}):null;return r.createElement(`div`,{className:i(`${l}-list-item-progress`,e)},t)})),Q=p.response&&typeof p.response==`string`?p.response:p.error?.statusText||p.error?.message||d.uploadError,$=M===`error`?r.createElement(t,{title:Q,getPopupContainer:e=>e.parentNode},Z):Z;return r.createElement(`div`,{className:i(`${l}-list-item-container`,u),style:ee,ref:A},v?v($,p,m,{download:O.bind(null,p),preview:D.bind(null,p),remove:k.bind(null,p)}):$)});export{l as default};

package/es/upload/UploadList/index.d.ts

@@ -0,0 +1,10 @@
+import { UploadFile, UploadListProps } from "../interface.js";
+import * as React$1 from "react";
+//#region components/upload/UploadList/index.d.ts
+interface UploadListRef {
+  handlePreview: (file: UploadFile, e: React$1.SyntheticEvent<HTMLElement>) => void;
+  handleDownload: (file: UploadFile) => void;
+}
+declare const UploadList: React$1.ForwardRefExoticComponent<UploadListProps<any> & React$1.RefAttributes<UploadListRef>>;
+//#endregion
+export { UploadList as default };

package/es/upload/UploadList/index.js

@@ -0,0 +1 @@
+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"../../button/index.js";import i from"../../_util/hooks/useForceUpdate.js";import{isImageUrl as a,previewImage as o}from"../utils.js";import s from"./ListItem.js";import*as c from"react";import l from"classnames";import u from"rc-util/lib/omit";import d,{CSSMotionList as ee}from"rc-motion";import f from"@ant-design/icons/LoadingOutlined";import p from"@ant-design/icons/FileTwoTone";import m from"@ant-design/icons/PaperClipOutlined";import h from"@ant-design/icons/PictureTwoTone";const g=c.forwardRef((g,_)=>{let{listType:v=`text`,previewFile:y=o,onPreview:b,onDownload:x,onRemove:S,locale:C,iconRender:w,isImageUrl:T=a,prefixCls:E,items:D=[],showPreviewIcon:O=!0,showRemoveIcon:k=!0,showDownloadIcon:A=!1,removeIcon:j,previewIcon:M,downloadIcon:N,extra:P,progress:F={size:[-1,2],showInfo:!1},appendAction:I,appendActionVisible:L=!0,itemRender:R,disabled:z}=g,B=i(),[V,H]=c.useState(!1),U=[`picture-card`,`picture-circle`].includes(v);c.useEffect(()=>{v.startsWith(`picture`)&&(D||[]).forEach(e=>{(e.originFileObj instanceof File||e.originFileObj instanceof Blob)&&e.thumbUrl===void 0&&(e.thumbUrl=``,y?.(e.originFileObj).then(t=>{e.thumbUrl=t||``,B()}))})},[v,D,y]),c.useEffect(()=>{H(!0)},[]);let W=(e,t)=>{if(b)return t?.preventDefault(),b(e)},G=e=>{typeof x==`function`?x(e):e.url&&window.open(e.url)},K=e=>{S?.(e)},q=e=>{if(w)return w(e,v);let t=e.status===`uploading`;if(v.startsWith(`picture`)){let n=v===`picture`?c.createElement(f,null):C.uploading,r=T?.(e)?c.createElement(h,null):c.createElement(p,null);return t?n:r}return t?c.createElement(f,null):c.createElement(m,null)},J=(e,n,i,a,o)=>{let s={type:`text`,size:`small`,title:a,onClick:t=>{n(),c.isValidElement(e)&&e.props.onClick?.(t)},className:`${i}-list-item-action`};return o&&(s.disabled=z),c.isValidElement(e)?c.createElement(r,{...s,icon:t(e,{...e.props,onClick:()=>{}})}):c.createElement(r,s,c.createElement(`span`,null,e))};c.useImperativeHandle(_,()=>({handlePreview:W,handleDownload:G}));let{getPrefixCls:Y}=c.useContext(e),X=Y(`upload`,E),Z=Y(),Q=l(`${X}-list`,`${X}-list-${v}`),te=c.useMemo(()=>u(n(Z),[`onAppearEnd`,`onEnterEnd`,`onLeaveEnd`]),[Z]),$={...U?{}:te,motionDeadline:2e3,motionName:`${X}-${U?`animate-inline`:`animate`}`,keys:[...D.map(e=>({key:e.uid,file:e}))],motionAppear:V};return c.createElement(`div`,{className:Q},c.createElement(ee,{...$,component:!1},({key:e,file:t,className:n,style:r})=>c.createElement(s,{key:e,locale:C,prefixCls:X,className:n,style:r,file:t,items:D,progress:F,listType:v,isImgUrl:T,showPreviewIcon:O,showRemoveIcon:k,showDownloadIcon:A,removeIcon:j,previewIcon:M,downloadIcon:N,extra:P,iconRender:q,actionIconRender:J,itemRender:R,onPreview:W,onDownload:G,onClose:K})),I&&c.createElement(d,{...$,visible:L,forceRender:!0},({className:e,style:n})=>t(I,t=>({className:l(t.className,e),style:{...n,pointerEvents:e?`none`:void 0,...t.style}}))))});export{g as default};

package/es/upload/index.d.ts

@@ -0,0 +1,13 @@
+import { RcFile, UploadChangeParam, UploadFile, UploadListProps, UploadProps } from "./interface.js";
+import Upload$1 from "./Upload.js";
+import Dragger, { DraggerProps } from "./Dragger.js";
+//#region components/upload/index.d.ts
+type InternalUploadType = typeof Upload$1;
+type CompoundedComponent<T = any> = InternalUploadType & {
+  <U extends T>(props: React.PropsWithChildren<UploadProps<U>> & React.RefAttributes<any>): React.ReactElement;
+  Dragger: typeof Dragger;
+  LIST_IGNORE: string;
+};
+declare const Upload: CompoundedComponent;
+//#endregion
+export { type DraggerProps, type RcFile, type UploadChangeParam, type UploadFile, type UploadListProps, type UploadProps, Upload as default };

package/es/upload/index.js

@@ -0,0 +1 @@
+import e,{LIST_IGNORE as t}from"./Upload.js";import n from"./Dragger.js";const r=e;r.Dragger=n,r.LIST_IGNORE=t;export{r as default};