@swiftcrab/crab 0.0.3 → 0.0.5

package/es/watermark/index.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export interface WatermarkProps {
-    zIndex?: number;
-    rotate?: number;
-    width?: number;
-    height?: number;
-    image?: string;
-    content?: string | string[];
-    font?: {
-        color?: CanvasFillStrokeStyles['fillStyle'];
-        fontSize?: number | string;
-        fontWeight?: 'normal' | 'light' | 'weight' | number;
-        fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
-        fontFamily?: string;
-        textAlign?: CanvasTextAlign;
-    };
-    style?: React.CSSProperties;
-    className?: string;
-    rootClassName?: string;
-    gap?: [number, number];
-    offset?: [number, number];
-    children?: React.ReactNode;
-    inherit?: boolean;
-}
-declare const Watermark: React.FC<WatermarkProps>;
-export default Watermark;

package/es/watermark/index.js

@@ -1,35 +0,0 @@
-import*as I from'react';import I__default,{useContext,useEffect}from'react';import {useMutateObserver}from'@rc-component/mutate-observer';import Wo from'classnames';import Lo from'rc-util/lib/hooks/useEvent';import {createTheme,useCacheToken}from'@ant-design/cssinjs';import {genStyleUtils}from'@ant-design/cssinjs-utils';import {presetPrimaryColors,presetPalettes,generate}from'@ant-design/colors';import {TinyColor}from'@ctrl/tinycolor';import Ro from'rc-util/lib/raf';function Re(e){return (e+8)/e}function pe(e){let o=new Array(10).fill(null).map((r,n)=>{let t=n-1,a=e*Math.E**(t/5),i=n>1?Math.floor(a):Math.ceil(a);return Math.floor(i/2)*2});return o[1]=e,o.map(r=>({size:r,lineHeight:Re(r)}))}var Ie={version:"0.0.2"};var Ee=Ie.version;var me={blue:"#1677FF",purple:"#722ED1",cyan:"#13C2C2",green:"#52C41A",magenta:"#EB2F96",pink:"#EB2F96",red:"#F5222D",orange:"#FA8C16",yellow:"#FADB14",volcano:"#FA541C",geekblue:"#2F54EB",gold:"#FAAD14",lime:"#A0D911"},po={...me,colorPrimary:"#1677ff",colorSuccess:"#52c41a",colorWarning:"#faad14",colorError:"#ff4d4f",colorInfo:"#1677ff",colorLink:"",colorTextBase:"",colorBgBase:"",fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-'Noto Color Emoji'`,fontFamilyCode:"'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",fontSize:14,lineWidth:1,lineType:"solid",motionUnit:.1,motionBase:0,motionEaseOutCirc:"cubic-bezier(0.08, 0.82, 0.17, 1)",motionEaseInOutCirc:"cubic-bezier(0.78, 0.14, 0.15, 0.86)",motionEaseOut:"cubic-bezier(0.215, 0.61, 0.355, 1)",motionEaseInOut:"cubic-bezier(0.645, 0.045, 0.355, 1)",motionEaseOutBack:"cubic-bezier(0.12, 0.4, 0.29, 1.46)",motionEaseInBack:"cubic-bezier(0.71, -0.46, 0.88, 0.6)",motionEaseInQuint:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",motionEaseOutQuint:"cubic-bezier(0.23, 1, 0.32, 1)",borderRadius:6,sizeUnit:4,sizeStep:4,sizePopupArrow:16,controlHeight:32,zIndexBase:0,zIndexPopupBase:1e3,opacityImage:1,wireframe:false,motion:true},B=po;function fe(e,{generateColorPalettes:o,generateNeutralColorPalettes:r}){let{colorSuccess:n,colorWarning:t,colorError:a,colorInfo:i,colorPrimary:l,colorBgBase:g,colorTextBase:s}=e,c=o(l),p=o(n),m=o(t),f=o(a),y=o(i),w=r(g,s),X=e.colorLink||e.colorInfo,b=o(X),E=new TinyColor(f[1]).mix(new TinyColor(f[3]),50).toHexString();return {...w,colorPrimaryBg:c[1],colorPrimaryBgHover:c[2],colorPrimaryBorder:c[3],colorPrimaryBorderHover:c[4],colorPrimaryHover:c[5],colorPrimary:c[6],colorPrimaryActive:c[7],colorPrimaryTextHover:c[8],colorPrimaryText:c[9],colorPrimaryTextActive:c[10],colorSuccessBg:p[1],colorSuccessBgHover:p[2],colorSuccessBorder:p[3],colorSuccessBorderHover:p[4],colorSuccessHover:p[4],colorSuccess:p[6],colorSuccessActive:p[7],colorSuccessTextHover:p[8],colorSuccessText:p[9],colorSuccessTextActive:p[10],colorErrorBg:f[1],colorErrorBgHover:f[2],colorErrorBgFilledHover:E,colorErrorBgActive:f[3],colorErrorBorder:f[3],colorErrorBorderHover:f[4],colorErrorHover:f[5],colorError:f[6],colorErrorActive:f[7],colorErrorTextHover:f[8],colorErrorText:f[9],colorErrorTextActive:f[10],colorWarningBg:m[1],colorWarningBgHover:m[2],colorWarningBorder:m[3],colorWarningBorderHover:m[4],colorWarningHover:m[4],colorWarning:m[6],colorWarningActive:m[7],colorWarningTextHover:m[8],colorWarningText:m[9],colorWarningTextActive:m[10],colorInfoBg:y[1],colorInfoBgHover:y[2],colorInfoBorder:y[3],colorInfoBorderHover:y[4],colorInfoHover:y[4],colorInfo:y[6],colorInfoActive:y[7],colorInfoTextHover:y[8],colorInfoText:y[9],colorInfoTextActive:y[10],colorLinkHover:b[4],colorLink:b[6],colorLinkActive:b[7],colorBgMask:new TinyColor("#000").setAlpha(.45).toRgbString(),colorWhite:"#fff"}}var mo=e=>{let o=e,r=e,n=e,t=e;return e<6&&e>=5?o=e+1:e<16&&e>=6?o=e+2:e>=16&&(o=16),e<7&&e>=5?r=4:e<8&&e>=7?r=5:e<14&&e>=8?r=6:e<16&&e>=14?r=7:e>=16&&(r=8),e<6&&e>=2?n=1:e>=6&&(n=2),e>4&&e<8?t=4:e>=8&&(t=6),{borderRadius:e,borderRadiusXS:n,borderRadiusSM:r,borderRadiusLG:o,borderRadiusOuter:t}},De=mo;function de(e){let{motionUnit:o,motionBase:r,borderRadius:n,lineWidth:t}=e;return {motionDurationFast:`${(r+o).toFixed(1)}s`,motionDurationMid:`${(r+o*2).toFixed(1)}s`,motionDurationSlow:`${(r+o*3).toFixed(1)}s`,lineWidthBold:t+1,...De(n)}}var go=e=>{let{controlHeight:o}=e;return {controlHeightSM:o*.75,controlHeightXS:o*.5,controlHeightLG:o*1.25}},We=go;var fo=e=>{let o=pe(e),r=o.map(c=>c.size),n=o.map(c=>c.lineHeight),t=r[1],a=r[0],i=r[2],l=n[1],g=n[0],s=n[2];return {fontSizeSM:a,fontSize:t,fontSizeLG:i,fontSizeXL:r[3],fontSizeHeading1:r[6],fontSizeHeading2:r[5],fontSizeHeading3:r[4],fontSizeHeading4:r[3],fontSizeHeading5:r[2],lineHeight:l,lineHeightLG:s,lineHeightSM:g,fontHeight:Math.round(l*t),fontHeightLG:Math.round(s*i),fontHeightSM:Math.round(g*a),lineHeightHeading1:n[6],lineHeightHeading2:n[5],lineHeightHeading3:n[4],lineHeightHeading4:n[3],lineHeightHeading5:n[2]}},Fe=fo;function ue(e){let{sizeUnit:o,sizeStep:r}=e;return {sizeXXL:o*(r+8),sizeXL:o*(r+4),sizeLG:o*(r+2),sizeMD:o*(r+1),sizeMS:o*r,size:o*r,sizeSM:o*(r-1),sizeXS:o*(r-2),sizeXXS:o*(r-3)}}var T=(e,o)=>new TinyColor(e).setAlpha(o).toRgbString(),$=(e,o)=>new TinyColor(e).darken(o).toHexString();var Ge=e=>{let o=generate(e);return {1:o[0],2:o[1],3:o[2],4:o[3],5:o[4],6:o[5],7:o[6],8:o[4],9:o[5],10:o[6]}},Xe=(e,o)=>{let r=e||"#fff",n=o||"#000";return {colorBgBase:r,colorTextBase:n,colorText:T(n,.88),colorTextSecondary:T(n,.65),colorTextTertiary:T(n,.45),colorTextQuaternary:T(n,.25),colorFill:T(n,.15),colorFillSecondary:T(n,.06),colorFillTertiary:T(n,.04),colorFillQuaternary:T(n,.02),colorBgSolid:T(n,1),colorBgSolidHover:T(n,.75),colorBgSolidActive:T(n,.95),colorBgLayout:$(r,4),colorBgContainer:$(r,0),colorBgElevated:$(r,0),colorBgSpotlight:T(n,.85),colorBgBlur:"transparent",colorBorder:$(r,15),colorBorderSecondary:$(r,6)}};function Se(e){presetPrimaryColors.pink=presetPrimaryColors.magenta,presetPalettes.pink=presetPalettes.magenta;let o=Object.keys(me).map(r=>{let n=e[r]===presetPrimaryColors[r]?presetPalettes[r]:generate(e[r]);return new Array(10).fill(1).reduce((t,a,i)=>(t[`${r}-${i+1}`]=n[i],t[`${r}${i+1}`]=n[i],t),{})}).reduce((r,n)=>(r={...r,...n},r),{});return {...e,...o,...fe(e,{generateColorPalettes:Ge,generateNeutralColorPalettes:Xe}),...Fe(e.fontSize),...ue(e),...We(e),...de(e)}}var Oe=createTheme(Se),Ne={token:B,override:{override:B},hashed:true},xe=I__default.createContext(Ne);function ke(e){return e>=0&&e<=255}function xo(e,o){let{r,g:n,b:t,a}=new TinyColor(e).toRgb();if(a<1)return e;let{r:i,g:l,b:g}=new TinyColor(o).toRgb();for(let s=.01;s<=1;s+=.01){let c=Math.round((r-i*(1-s))/s),p=Math.round((n-l*(1-s))/s),m=Math.round((t-g*(1-s))/s);if(ke(c)&&ke(p)&&ke(m))return new TinyColor({r:c,g:p,b:m,a:Math.round(s*100)/100}).toRgbString()}return new TinyColor({r,g:n,b:t,a:1}).toRgbString()}var K=xo;function te(e){let{override:o,...r}=e,n={...o};Object.keys(B).forEach(m=>{delete n[m];});let t={...r,...n},a=480,i=576,l=768,g=992,s=1200,c=1600;return t.motion===false&&(t.motionDurationFast="0s",t.motionDurationMid="0s",t.motionDurationSlow="0s"),{...t,colorFillContent:t.colorFillSecondary,colorFillContentHover:t.colorFill,colorFillAlter:t.colorFillQuaternary,colorBgContainerDisabled:t.colorFillTertiary,colorBorderBg:t.colorBgContainer,colorSplit:K(t.colorBorderSecondary,t.colorBgContainer),colorTextPlaceholder:t.colorTextQuaternary,colorTextDisabled:t.colorTextQuaternary,colorTextHeading:t.colorText,colorTextLabel:t.colorTextSecondary,colorTextDescription:t.colorTextTertiary,colorTextLightSolid:t.colorWhite,colorHighlight:t.colorError,colorBgTextHover:t.colorFillSecondary,colorBgTextActive:t.colorFill,colorIcon:t.colorTextTertiary,colorIconHover:t.colorText,colorErrorOutline:K(t.colorErrorBg,t.colorBgContainer),colorWarningOutline:K(t.colorWarningBg,t.colorBgContainer),fontSizeIcon:t.fontSizeSM,lineWidthFocus:t.lineWidth*3,lineWidth:t.lineWidth,controlOutlineWidth:t.lineWidth*2,controlInteractiveSize:t.controlHeight/2,controlItemBgHover:t.colorFillTertiary,controlItemBgActive:t.colorPrimaryBg,controlItemBgActiveHover:t.colorPrimaryBgHover,controlItemBgActiveDisabled:t.colorFill,controlTmpOutline:t.colorFillQuaternary,controlOutline:K(t.colorPrimaryBg,t.colorBgContainer),lineType:t.lineType,borderRadius:t.borderRadius,borderRadiusXS:t.borderRadiusXS,borderRadiusSM:t.borderRadiusSM,borderRadiusLG:t.borderRadiusLG,fontWeightStrong:600,opacityLoading:.65,linkDecoration:"none",linkHoverDecoration:"none",linkFocusDecoration:"none",controlPaddingHorizontal:12,controlPaddingHorizontalSM:8,paddingXXS:t.sizeXXS,paddingXS:t.sizeXS,paddingSM:t.sizeSM,padding:t.size,paddingMD:t.sizeMD,paddingLG:t.sizeLG,paddingXL:t.sizeXL,paddingContentHorizontalLG:t.sizeLG,paddingContentVerticalLG:t.sizeMS,paddingContentHorizontal:t.sizeMS,paddingContentVertical:t.sizeSM,paddingContentHorizontalSM:t.size,paddingContentVerticalSM:t.sizeXS,marginXXS:t.sizeXXS,marginXS:t.sizeXS,marginSM:t.sizeSM,margin:t.size,marginMD:t.sizeMD,marginLG:t.sizeLG,marginXL:t.sizeXL,marginXXL:t.sizeXXL,boxShadow:`
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowSecondary:`
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowTertiary:`
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    `,screenXS:a,screenXSMin:a,screenXSMax:i-1,screenSM:i,screenSMMin:i,screenSMMax:l-1,screenMD:l,screenMDMin:l,screenMDMax:g-1,screenLG:g,screenLGMin:g,screenLGMax:s-1,screenXL:s,screenXLMin:s,screenXLMax:c-1,screenXXL:c,screenXXLMin:c,boxShadowPopoverArrow:"2px 2px 5px rgba(0, 0, 0, 0.05)",boxShadowCard:`
-      0 1px 2px -2px ${new TinyColor("rgba(0, 0, 0, 0.16)").toRgbString()},
-      0 3px 6px 0 ${new TinyColor("rgba(0, 0, 0, 0.12)").toRgbString()},
-      0 5px 12px 4px ${new TinyColor("rgba(0, 0, 0, 0.09)").toRgbString()}
-    `,boxShadowDrawerRight:`
-      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowDrawerLeft:`
-      6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowDrawerUp:`
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowDrawerDown:`
-      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowTabsOverflowLeft:"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowRight:"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowTop:"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowBottom:"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)",...n}}var be={lineHeight:true,lineHeightSM:true,lineHeightLG:true,lineHeightHeading1:true,lineHeightHeading2:true,lineHeightHeading3:true,lineHeightHeading4:true,lineHeightHeading5:true,opacityLoading:true,fontWeightStrong:true,zIndexPopupBase:true,zIndexBase:true,opacityImage:true},bo={size:true,sizeSM:true,sizeLG:true,sizeMD:true,sizeXS:true,sizeXXS:true,sizeMS:true,sizeXL:true,sizeXXL:true,sizeUnit:true,sizeStep:true,motionBase:true,motionUnit:true},ho={screenXS:true,screenXSMin:true,screenXSMax:true,screenSM:true,screenSMMin:true,screenSMMax:true,screenMD:true,screenMDMin:true,screenMDMax:true,screenLG:true,screenLGMin:true,screenLGMax:true,screenXL:true,screenXLMin:true,screenXLMax:true,screenXXL:true,screenXXLMin:true},$e=(e,o,r)=>{let n=r.getDerivativeToken(e),{override:t,...a}=o,i={...n,override:t};return i=te(i),a&&Object.entries(a).forEach(([l,g])=>{let{theme:s,...c}=g,p=c;s&&(p=$e({...i,...c},{override:c},s)),i[l]=p;}),i};function G(){let{token:e,hashed:o,theme:r,override:n,cssVar:t}=I__default.useContext(xe),a=`${Ee}-${o||""}`,i=r||Oe,[l,g,s]=useCacheToken(i,[B,e],{salt:a,override:n,getComputedToken:$e,formatToken:te,cssVar:t&&{prefix:t.prefix,key:t.key,unitless:be,ignore:bo,preserve:ho}});return [i,s,o?g:"",l,t]}var je="ant",he="anticon";var Po=(e,o)=>o||(e?`${je}-${e}`:je),re=I.createContext({getPrefixCls:Po,iconPrefixCls:he}),{Consumer:Et}=re;var vo=()=>({display:"inline-flex",alignItems:"center",color:"inherit",fontStyle:"normal",lineHeight:0,textAlign:"center",textTransform:"none",verticalAlign:"-0.125em",textRendering:"optimizeLegibility","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","> *":{lineHeight:1},svg:{display:"inline-block"}});var Ve=e=>({a:{color:e.colorLink,textDecoration:e.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${e.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive},"&:active, &:hover":{textDecoration:e.linkHoverDecoration,outline:0},"&:focus":{textDecoration:e.linkFocusDecoration,outline:0},"&[disabled]":{color:e.colorTextDisabled,cursor:"not-allowed"}}}),_e=(e,o,r,n)=>{let t=`[class^="${o}"], [class*=" ${o}"]`,a=r?`.${r}`:t,i={boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}},l={};return n!==false&&(l={fontFamily:e.fontFamily,fontSize:e.fontSize}),{[a]:{...l,...i,[t]:i}}};var Pe=e=>({[`.${e}`]:{...vo(),[`.${e} .${e}-icon`]:{display:"block"}}});var{genStyleHooks:Ho,genComponentStyleHook:wo,genSubStyleComponent:zo}=genStyleUtils({usePrefix:()=>{let{getPrefixCls:e,iconPrefixCls:o}=useContext(re);return {rootPrefixCls:e(),iconPrefixCls:o}},useToken:()=>{let[e,o,r,n,t]=G();return {theme:e,realToken:o,hashId:r,token:n,cssVar:t}},useCSP:()=>{let{csp:e}=useContext(re);return e??{}},getResetStyles:(e,o)=>[{"&":Ve(e)},Pe(o?.prefix.iconPrefixCls??he)],getCommonStyle:_e,getCompUnitless:(()=>be)});function Qe(){}var Ao=I.createContext({add:Qe,remove:Qe});var Ye=Ao;function Z(e,o=false){return o&&e==null?[]:Array.isArray(e)?e:[e]}var Me=3;function ve(e,o,r=1){let n=document.createElement("canvas"),t=n.getContext("2d"),a=e*r,i=o*r;return n.setAttribute("width",`${a}px`),n.setAttribute("height",`${i}px`),t.save(),[t,n,a,i]}function He(){function e(o,r,n,t,a,i,l,g){let[s,c,p,m]=ve(t,a,n);if(o instanceof HTMLImageElement)s.drawImage(o,0,0,p,m);else {let{color:x,fontSize:P,fontStyle:F,fontWeight:M,fontFamily:ae,textAlign:se}=i,ee=Number(P)*n;s.font=`${F} normal ${M} ${ee}px/${a}px ${ae}`,s.fillStyle=x,s.textAlign=se,s.textBaseline="top",Z(o)?.forEach((le,ce)=>{s.fillText(le??"",p/2,ce*(ee+Me*n));});}let f=Math.PI/180*Number(r),y=Math.max(t,a),[w,X,b]=ve(y,y,n);w.translate(b/2,b/2),w.rotate(f),p>0&&m>0&&w.drawImage(c,-p/2,-m/2);function E(x,P){let F=x*Math.cos(f)-P*Math.sin(f),M=x*Math.sin(f)+P*Math.cos(f);return [F,M]}let D=0,O=0,z=0,N=0,A=p/2,L=m/2;[[0-A,0-L],[0+A,0-L],[0+A,0+L],[0-A,0+L]].forEach(([x,P])=>{let[F,M]=E(x,P);D=Math.min(D,F),O=Math.max(O,F),z=Math.min(z,M),N=Math.max(N,M);});let j=D+b/2,U=z+b/2,v=O-D,W=N-z,h=l*n,V=g*n,_=(v+h)*2,q=W+V,[Q,ie]=ve(_,q);function Y(x=0,P=0){Q.drawImage(X,j,U,v,W,x,P,v,W);}return Y(),Y(v+h,-W/2-V/2),Y(v+h,+W/2+V/2),[ie.toDataURL(),_/n,q/n]}return e}function we(e){let o=I__default.useRef(false),r=I__default.useRef(null),n=Lo(e);return ()=>{o.current||(o.current=true,n(),r.current=Ro(()=>{o.current=false;}));}}function Io(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function Ze(e){return Object.keys(e).map(o=>`${Io(o)}: ${e[o]};`).join(" ")}function Je(){return window.devicePixelRatio||1}var eo=(e,o)=>{let r=false;return e.removedNodes.length&&(r=Array.from(e.removedNodes).some(n=>o(n))),e.type==="attributes"&&o(e.target)&&(r=true),r};var Eo={visibility:"visible !important"};function ze(e){let o=I.useRef(new Map);return [(a,i,l)=>{if(l){if(!o.current.get(l)){let s=document.createElement("div");o.current.set(l,s);}let g=o.current.get(l);g.setAttribute("style",Ze({...e,backgroundImage:`url('${a}')`,backgroundSize:`${Math.floor(i)}px`,...Eo})),g.removeAttribute("class"),g.parentElement!==l&&l.append(g);}return o.current.get(l)},a=>{let i=o.current.get(a);i&&a&&a.removeChild(i),o.current.delete(a);},a=>Array.from(o.current.values()).includes(a)]}function ro(e,o){return e.size===o.size?e:o}var no=100,io=100,ao={position:"relative",overflow:"hidden"},Bo=e=>{let{zIndex:o=9,rotate:r=-22,width:n,height:t,image:a,content:i,font:l={},style:g,className:s,rootClassName:c,gap:p=[no,io],offset:m,children:f,inherit:y=true}=e,w={...ao,...g},[,X]=G(),{color:b=X.colorFill,fontSize:E=X.fontSizeLG,fontWeight:D="normal",fontStyle:O="normal",fontFamily:z="sans-serif",textAlign:N="center"}=l,[A=no,L=io]=p,J=A/2,j=L/2,U=m?.[0]??J,v=m?.[1]??j,W=I__default.useMemo(()=>{let d={zIndex:o,position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat"},u=U-J,C=v-j;return u>0&&(d.left=`${u}px`,d.width=`calc(100% - ${u}px)`,u=0),C>0&&(d.top=`${C}px`,d.height=`calc(100% - ${C}px)`,C=0),d.backgroundPosition=`${u}px ${C}px`,d},[o,U,J,v,j]),[h,V]=I__default.useState(),[_,q]=I__default.useState(new Set),Q=I__default.useMemo(()=>[...h?[h]:[],...Array.from(_)],[h,_]),ie=d=>{let u=120,C=64;if(!a&&d.measureText){d.font=`${Number(E)}px ${z}`;let H=Z(i),R=H.map(k=>{let S=d.measureText(k);return [S.width,S.fontBoundingBoxAscent+S.fontBoundingBoxDescent]});u=Math.ceil(Math.max(...R.map(k=>k[0]))),C=Math.ceil(Math.max(...R.map(k=>k[1])))*H.length+(H.length-1)*Me;}return [n??u,t??C]},Y=He(),[x,P]=I__default.useState(null),M=we(()=>{let u=document.createElement("canvas").getContext("2d");if(u){let C=Je(),[H,R]=ie(u),k=S=>{let[so,lo]=Y(S||"",r,C,H,R,{color:b,fontSize:E,fontStyle:O,fontWeight:D,fontFamily:z,textAlign:N},A,L);P([so,lo]);};if(a){let S=new Image;S.onload=()=>{k(S);},S.onerror=()=>{k(i);},S.crossOrigin="anonymous",S.referrerPolicy="no-referrer",S.src=a;}else k(i);}}),[ae,se,ee]=ze(W);useEffect(()=>{x&&Q.forEach(d=>{ae(x[0],x[1],d);});},[x,Q]);let Ae=Lo(d=>{d.forEach(u=>{if(eo(u,ee))M();else if(u.target===h&&u.attributeName==="style"){let C=Object.keys(ao);for(let H=0;H<C.length;H+=1){let R=C[H],k=w[R],S=h.style[R];k&&k!==S&&(h.style[R]=k);}}});});useMutateObserver(Q,Ae),useEffect(M,[r,o,n,t,a,i,b,E,D,O,z,N,A,L,U,v]);let le=I__default.useMemo(()=>({add:d=>{q(u=>{let C=new Set(u);return C.add(d),ro(u,C)});},remove:d=>{se(d),q(u=>{let C=new Set(u);return C.delete(d),ro(u,C)});}}),[]),ce=y?I__default.createElement(Ye.Provider,{value:le},f):f;return I__default.createElement("div",{ref:V,className:Wo(s,c),style:w},ce)},Gr=Bo;export{Gr as default};

package/es/watermark/useClips.d.ts

@@ -1,7 +0,0 @@
-import type { WatermarkProps } from '.';
-export declare const FontGap = 3;
-/**
- * Get the clips of text content.
- * This is a lazy hook function since SSR no need this
- */
-export default function useClips(): (content: NonNullable<WatermarkProps["content"]> | HTMLImageElement, rotate: number, ratio: number, width: number, height: number, font: Required<NonNullable<WatermarkProps["font"]>>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];

package/es/watermark/useClips.js

@@ -1 +0,0 @@
-function A(e,r=false){return r&&e==null?[]:Array.isArray(e)?e:[e]}var J=3;function E(e,r,g=1){let t=document.createElement("canvas"),i=t.getContext("2d"),o=e*g,p=r*g;return t.setAttribute("width",`${o}px`),t.setAttribute("height",`${p}px`),i.save(),[i,t,o,p]}function K(){function e(r,g,t,i,o,p,R,w){let[s,z,m,x]=E(i,o,t);if(r instanceof HTMLImageElement)s.drawImage(r,0,0,m,x);else {let{color:n,fontSize:a,fontStyle:l,fontWeight:c,fontFamily:U,textAlign:q}=p,P=Number(a)*t;s.font=`${l} normal ${c} ${P}px/${o}px ${U}`,s.fillStyle=n,s.textAlign=q,s.textBaseline="top",A(r)?.forEach((B,j)=>{s.fillText(B??"",m/2,j*(P+J*t));});}let u=Math.PI/180*Number(g),N=Math.max(i,o),[v,k,b]=E(N,N,t);v.translate(b/2,b/2),v.rotate(u),m>0&&x>0&&v.drawImage(z,-m/2,-x/2);function F(n,a){let l=n*Math.cos(u)-a*Math.sin(u),c=n*Math.sin(u)+a*Math.cos(u);return [l,c]}let d=0,H=0,M=0,T=0,C=m/2,W=x/2;[[0-C,0-W],[0+C,0-W],[0+C,0+W],[0-C,0+W]].forEach(([n,a])=>{let[l,c]=F(n,a);d=Math.min(d,l),H=Math.max(H,l),M=Math.min(M,c),T=Math.max(T,c);});let G=d+b/2,X=M+b/2,f=H-d,h=T-M,L=R*t,I=w*t,S=(f+L)*2,y=h+I,[Y,D]=E(S,y);function $(n=0,a=0){Y.drawImage(k,G,X,f,h,n,a,f,h);}return $(),$(f+L,-h/2-I/2),$(f+L,+h/2+I/2),[D.toDataURL(),S/t,y/t]}return e}export{J as FontGap,K as default};

package/es/watermark/useRafDebounce.d.ts

@@ -1,4 +0,0 @@
-/**
- * Callback will only execute last one for each raf
- */
-export default function useRafDebounce(callback: VoidFunction): () => void;

package/es/watermark/useRafDebounce.js

@@ -1 +0,0 @@
-import r from'react';import f from'rc-util/lib/hooks/useEvent';import o from'rc-util/lib/raf';function c(t){let e=r.useRef(false),u=r.useRef(null),n=f(t);return ()=>{e.current||(e.current=true,n(),u.current=o(()=>{e.current=false;}));}}export{c as default};

package/es/watermark/useWatermark.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-/**
- * Base size of the canvas, 1 for parallel layout and 2 for alternate layout
- * Only alternate layout is currently supported
- */
-export declare const BaseSize = 2;
-export declare const FontGap = 3;
-export type AppendWatermark = (base64Url: string, markWidth: number, container: HTMLElement) => void;
-export default function useWatermark(markStyle: React.CSSProperties): [
-    appendWatermark: AppendWatermark,
-    removeWatermark: (container: HTMLElement) => void,
-    isWatermarkEle: (ele: Node) => boolean
-];

package/es/watermark/useWatermark.js

@@ -1 +0,0 @@
-import*as m from'react';function l(a){return a.replace(/([A-Z])/g,"-$1").toLowerCase()}function s(a){return Object.keys(a).map(e=>`${l(e)}: ${a[e]};`).join(" ")}var S=2,v=3,p={visibility:"visible !important"};function c(a){let e=m.useRef(new Map);return [(r,o,t)=>{if(t){if(!e.current.get(t)){let i=document.createElement("div");e.current.set(t,i);}let n=e.current.get(t);n.setAttribute("style",s({...a,backgroundImage:`url('${r}')`,backgroundSize:`${Math.floor(o)}px`,...p})),n.removeAttribute("class"),n.parentElement!==t&&t.append(n);}return e.current.get(t)},r=>{let o=e.current.get(r);o&&r&&r.removeChild(o),e.current.delete(r);},r=>Array.from(e.current.values()).includes(r)]}export{S as BaseSize,v as FontGap,c as default};

package/es/watermark/utils.d.ts

@@ -1,7 +0,0 @@
-/** converting camel-cased strings to be lowercase and link it with Separator */
-export declare function toLowercaseSeparator(key: string): string;
-export declare function getStyleStr(style: React.CSSProperties): string;
-/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */
-export declare function getPixelRatio(): number;
-/** Whether to re-render the watermark */
-export declare const reRendering: (mutation: MutationRecord, isWatermarkEle: (ele: Node) => boolean) => boolean;

package/es/watermark/utils.js

@@ -1 +0,0 @@
-function n(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(e){return Object.keys(e).map(r=>`${n(r)}: ${e[r]};`).join(" ")}function a(){return window.devicePixelRatio||1}var s=(e,r)=>{let t=false;return e.removedNodes.length&&(t=Array.from(e.removedNodes).some(o=>r(o))),e.type==="attributes"&&r(e.target)&&(t=true),t};export{a as getPixelRatio,i as getStyleStr,s as reRendering,n as toLowercaseSeparator};