@swiftcrab/crab 0.0.5 → 0.0.6

package/es/upload/interface.d.ts

@@ -0,0 +1,140 @@
+import { ProgressAriaProps, ProgressProps } from "../progress/progress.js";
+import "../progress/index.js";
+import * as React$1 from "react";
+import { RcFile as RcFile$1, UploadProps as UploadProps$1, UploadRequestOption } from "rc-upload/lib/interface";
+//#region components/upload/interface.d.ts
+export interface RcFile extends RcFile$1 {
+  readonly lastModifiedDate: Date;
+}
+export type UploadFileStatus = 'error' | 'done' | 'uploading' | 'removed';
+export interface HttpRequestHeader {
+  [key: string]: string;
+}
+export interface UploadFile<T = any> extends ProgressAriaProps {
+  uid: string;
+  size?: number;
+  name: string;
+  fileName?: string;
+  lastModified?: number;
+  lastModifiedDate?: Date;
+  url?: string;
+  status?: UploadFileStatus;
+  percent?: number;
+  thumbUrl?: string;
+  crossOrigin?: React$1.ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];
+  originFileObj?: RcFile;
+  response?: T;
+  error?: any;
+  linkProps?: any;
+  type?: string;
+  xhr?: T;
+  preview?: string;
+}
+export interface InternalUploadFile<T = any> extends UploadFile<T> {
+  originFileObj: RcFile;
+}
+export interface UploadChangeParam<T = UploadFile> {
+  file: T;
+  fileList: T[];
+  event?: {
+    percent: number;
+  };
+}
+export interface ShowUploadListInterface<T = any> {
+  extra?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  showRemoveIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  showPreviewIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  showDownloadIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  removeIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  downloadIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  previewIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+}
+export interface UploadLocale {
+  uploading?: string;
+  removeFile?: string;
+  downloadFile?: string;
+  uploadError?: string;
+  previewFile?: string;
+}
+export type UploadType = 'drag' | 'select';
+export type UploadListType = 'text' | 'picture' | 'picture-card' | 'picture-circle';
+export type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'>;
+export type ItemRender<T = any> = (originNode: React$1.ReactElement, file: UploadFile<T>, fileList: Array<UploadFile<T>>, actions: {
+  download: () => void;
+  preview: () => void;
+  remove: () => void;
+}) => React$1.ReactNode;
+type PreviewFileHandler = (file: File | Blob) => PromiseLike<string>;
+type TransformFileHandler = (file: RcFile) => string | Blob | File | PromiseLike<string | Blob | File>;
+type BeforeUploadValueType = void | boolean | string | Blob | File;
+export interface UploadProps<T = any> extends Pick<UploadProps$1, 'capture' | 'hasControlInside'> {
+  type?: UploadType;
+  name?: string;
+  defaultFileList?: Array<UploadFile<T>>;
+  fileList?: Array<UploadFile<T>>;
+  action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
+  directory?: boolean;
+  data?: Record<string, unknown> | ((file: UploadFile<T>) => Record<string, unknown> | Promise<Record<string, unknown>>);
+  method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';
+  headers?: HttpRequestHeader;
+  showUploadList?: boolean | ShowUploadListInterface;
+  multiple?: boolean;
+  accept?: string;
+  beforeUpload?: (file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>;
+  onChange?: (info: UploadChangeParam<UploadFile<T>>) => void;
+  onDrop?: (event: React$1.DragEvent<HTMLDivElement>) => void;
+  listType?: UploadListType;
+  className?: string;
+  rootClassName?: string;
+  onPreview?: (file: UploadFile<T>) => void;
+  onDownload?: (file: UploadFile<T>) => void;
+  onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
+  supportServerRender?: boolean;
+  style?: React$1.CSSProperties;
+  disabled?: boolean;
+  prefixCls?: string;
+  customRequest?: (options: UploadRequestOption<T>) => void;
+  withCredentials?: boolean;
+  openFileDialogOnClick?: boolean;
+  locale?: UploadLocale;
+  id?: string;
+  previewFile?: PreviewFileHandler;
+  /** @deprecated Please use `beforeUpload` directly */
+  transformFile?: TransformFileHandler;
+  iconRender?: (file: UploadFile<T>, listType?: UploadListType) => React$1.ReactNode;
+  isImageUrl?: (file: UploadFile<T>) => boolean;
+  progress?: UploadListProgressProps;
+  itemRender?: ItemRender<T>;
+  /** Config max count of `fileList`. Will replace current one when `maxCount` is 1 */
+  maxCount?: number;
+  children?: React$1.ReactNode;
+}
+export interface UploadState<T = any> {
+  fileList: UploadFile<T>[];
+  dragState: string;
+}
+export interface UploadListProps<T = any> {
+  listType?: UploadListType;
+  onPreview?: (file: UploadFile<T>) => void;
+  onDownload?: (file: UploadFile<T>) => void;
+  onRemove?: (file: UploadFile<T>) => void | boolean;
+  items?: Array<UploadFile<T>>;
+  progress?: UploadListProgressProps;
+  prefixCls?: string;
+  className?: string;
+  showRemoveIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  showDownloadIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  showPreviewIcon?: boolean | ((file: UploadFile<T>) => boolean);
+  removeIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  downloadIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  previewIcon?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  extra?: React$1.ReactNode | ((file: UploadFile<T>) => React$1.ReactNode);
+  locale: UploadLocale;
+  previewFile?: PreviewFileHandler;
+  iconRender?: (file: UploadFile<T>, listType?: UploadListType) => React$1.ReactNode;
+  isImageUrl?: (file: UploadFile<T>) => boolean;
+  appendAction?: React$1.ReactNode;
+  appendActionVisible?: boolean;
+  itemRender?: ItemRender<T>;
+}
+//#endregion

package/es/upload/style/dragger.d.ts

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

package/es/upload/style/dragger.js

@@ -0,0 +1,7 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,iconCls:r}=t;return{[`${n}-wrapper`]:{[`${n}-drag`]:{position:`relative`,width:`100%`,height:`100%`,textAlign:`center`,background:t.colorFillAlter,border:`${e(t.lineWidth)} dashed ${t.colorBorder}`,borderRadius:t.borderRadiusLG,cursor:`pointer`,transition:`border-color ${t.motionDurationSlow}`,[n]:{padding:t.padding},[`${n}-btn`]:{display:`table`,width:`100%`,height:`100%`,outline:`none`,borderRadius:t.borderRadiusLG,"&:focus-visible":{outline:`${e(t.lineWidthFocus)} solid ${t.colorPrimaryBorder}`}},[`${n}-drag-container`]:{display:`table-cell`,verticalAlign:`middle`},[`
+          &:not(${n}-disabled):hover,
+          &-hover:not(${n}-disabled)
+        `]:{borderColor:t.colorPrimaryHover},[`p${n}-drag-icon`]:{marginBottom:t.margin,[r]:{color:t.colorPrimary,fontSize:t.uploadThumbnailSize}},[`p${n}-text`]:{margin:`0 0 ${e(t.marginXXS)}`,color:t.colorTextHeading,fontSize:t.fontSizeLG},[`p${n}-hint`]:{color:t.colorTextDescription,fontSize:t.fontSize},[`&${n}-disabled`]:{[`p${n}-drag-icon ${r},
+            p${n}-text,
+            p${n}-hint
+          `]:{color:t.colorTextDisabled}}}}}};export{t as default};

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

@@ -0,0 +1,19 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/upload/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 操作按扭颜色
+   * @descEN Action button color
+   */
+  actionsColor: string;
+}
+export interface UploadToken extends FullToken<'Upload'> {
+  uploadThumbnailSize: number | string;
+  uploadProgressOffset: number | string;
+  uploadPicCardSize: number | string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Upload'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/upload/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import r from"../../style/motion/collapse.js";import"../../style/motion/index.js";import i from"./dragger.js";import a from"./list.js";import o from"./motion.js";import{genPictureCardStyle as s,genPictureStyle as c}from"./picture.js";import l from"./rtl.js";const u=t=>{let{componentCls:n,colorTextDisabled:r}=t;return{[`${n}-wrapper`]:{...e(t),[n]:{outline:0,"input[type='file']":{cursor:`pointer`}},[`${n}-select`]:{display:`inline-block`},[`${n}-hidden`]:{display:`none`},[`${n}-disabled`]:{color:r,cursor:`not-allowed`}}}},d=e=>({actionsColor:e.colorTextDescription});var f=t(`Upload`,e=>{let{fontSizeHeading3:t,fontHeight:d,lineWidth:f,controlHeightLG:p,calc:m}=e,h=n(e,{uploadThumbnailSize:m(t).mul(2).equal(),uploadProgressOffset:m(m(d).div(2)).add(f).equal(),uploadPicCardSize:m(p).mul(2.55).equal()});return[u(h),i(h),c(h),s(h),a(h),o(h),l(h),r(h)]},d);export{f as default,d as prepareComponentToken};

package/es/upload/style/list.d.ts

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

package/es/upload/style/list.js

@@ -0,0 +1,4 @@
+import{clearFix as e,textEllipsis as t}from"../../style/index.js";import{unit as n}from"@ant-design/cssinjs";const r=r=>{let{componentCls:i,iconCls:a,fontSize:o,lineHeight:s,calc:c}=r,l=`${i}-list-item`,u=`${l}-actions`,d=`${l}-action`;return{[`${i}-wrapper`]:{[`${i}-list`]:{...e(),lineHeight:r.lineHeight,[l]:{position:`relative`,height:c(r.lineHeight).mul(o).equal(),marginTop:r.marginXS,fontSize:o,display:`flex`,alignItems:`center`,transition:`background-color ${r.motionDurationSlow}`,borderRadius:r.borderRadiusSM,"&:hover":{backgroundColor:r.controlItemBgHover},[`${l}-name`]:{...t,padding:`0 ${n(r.paddingXS)}`,lineHeight:s,flex:`auto`,transition:`all ${r.motionDurationSlow}`},[u]:{whiteSpace:`nowrap`,[d]:{opacity:0},[a]:{color:r.actionsColor,transition:`all ${r.motionDurationSlow}`},[`
+              ${d}:focus-visible,
+              &.picture ${d}
+            `]:{opacity:1}},[`${i}-icon ${a}`]:{color:r.colorTextDescription,fontSize:o},[`${l}-progress`]:{position:`absolute`,bottom:r.calc(r.uploadProgressOffset).mul(-1).equal(),width:`100%`,paddingInlineStart:c(o).add(r.paddingXS).equal(),fontSize:o,lineHeight:0,pointerEvents:`none`,"> div":{margin:0}}},[`${l}:hover ${d}`]:{opacity:1},[`${l}-error`]:{color:r.colorError,[`${l}-name, ${i}-icon ${a}`]:{color:r.colorError},[u]:{[`${a}, ${a}:hover`]:{color:r.colorError},[d]:{opacity:1}}},[`${i}-list-item-container`]:{transition:`opacity ${r.motionDurationSlow}, height ${r.motionDurationSlow}`,"&::before":{display:`table`,width:0,height:0,content:`""`}}}}}};export{r as default};

package/es/upload/style/motion.d.ts

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

package/es/upload/style/motion.js

@@ -0,0 +1 @@
+import{initFadeMotion as e}from"../../style/motion/fade.js";import"../../style/motion/index.js";import{Keyframes as t}from"@ant-design/cssinjs";const n=n=>{let{componentCls:r}=n,i=new t(`uploadAnimateInlineIn`,{from:{width:0,height:0,padding:0,opacity:0,margin:n.calc(n.marginXS).div(-2).equal()}}),a=new t(`uploadAnimateInlineOut`,{to:{width:0,height:0,padding:0,opacity:0,margin:n.calc(n.marginXS).div(-2).equal()}}),o=`${r}-animate-inline`;return[{[`${r}-wrapper`]:{[`${o}-appear, ${o}-enter, ${o}-leave`]:{animationDuration:n.motionDurationSlow,animationTimingFunction:n.motionEaseInOutCirc,animationFillMode:`forwards`},[`${o}-appear, ${o}-enter`]:{animationName:i},[`${o}-leave`]:{animationName:a}}},{[`${r}-wrapper`]:e(n)},i,a]};export{n as default};

package/es/upload/style/picture.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { UploadToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/upload/style/picture.d.ts
+declare const genPictureStyle: GenerateStyle<UploadToken>;
+declare const genPictureCardStyle: GenerateStyle<UploadToken>;
+//#endregion
+export { genPictureCardStyle, genPictureStyle };

package/es/upload/style/picture.js

@@ -0,0 +1,12 @@
+import{clearFix as e,textEllipsis as t}from"../../style/index.js";import{unit as n}from"@ant-design/cssinjs";import{blue as r}from"@ant-design/colors";const i=e=>{let{componentCls:i,iconCls:a,uploadThumbnailSize:o,uploadProgressOffset:s,calc:c}=e,l=`${i}-list`,u=`${l}-item`;return{[`${i}-wrapper`]:{[`
+        ${l}${l}-picture,
+        ${l}${l}-picture-card,
+        ${l}${l}-picture-circle
+      `]:{[u]:{position:`relative`,height:c(o).add(c(e.lineWidth).mul(2)).add(c(e.paddingXS).mul(2)).equal(),padding:e.paddingXS,border:`${n(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusLG,"&:hover":{background:`transparent`},[`${u}-thumbnail`]:{...t,width:o,height:o,lineHeight:n(c(o).add(e.paddingSM).equal()),textAlign:`center`,flex:`none`,[a]:{fontSize:e.fontSizeHeading2,color:e.colorPrimary},img:{display:`block`,width:`100%`,height:`100%`,overflow:`hidden`}},[`${u}-progress`]:{bottom:s,width:`calc(100% - ${n(c(e.paddingSM).mul(2).equal())})`,marginTop:0,paddingInlineStart:c(o).add(e.paddingXS).equal()}},[`${u}-error`]:{borderColor:e.colorError,[`${u}-thumbnail ${a}`]:{[`svg path[fill='${r[0]}']`]:{fill:e.colorErrorBg},[`svg path[fill='${r.primary}']`]:{fill:e.colorError}}},[`${u}-uploading`]:{borderStyle:`dashed`,[`${u}-name`]:{marginBottom:s}}},[`${l}${l}-picture-circle ${u}`]:{[`&, &::before, ${u}-thumbnail`]:{borderRadius:`50%`}}}}},a=t=>{let{componentCls:r,iconCls:i,fontSizeLG:a,colorTextLightSolid:o,calc:s}=t,c=`${r}-list`,l=`${c}-item`,u=t.uploadPicCardSize;return{[`
+      ${r}-wrapper${r}-picture-card-wrapper,
+      ${r}-wrapper${r}-picture-circle-wrapper
+    `]:{...e(),display:`block`,[`${r}${r}-select`]:{width:u,height:u,textAlign:`center`,verticalAlign:`top`,backgroundColor:t.colorFillAlter,border:`${n(t.lineWidth)} dashed ${t.colorBorder}`,borderRadius:t.borderRadiusLG,cursor:`pointer`,transition:`border-color ${t.motionDurationSlow}`,[`> ${r}`]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,textAlign:`center`},[`&:not(${r}-disabled):hover`]:{borderColor:t.colorPrimary}},[`${c}${c}-picture-card, ${c}${c}-picture-circle`]:{display:`flex`,flexWrap:`wrap`,"@supports not (gap: 1px)":{"& > *":{marginBlockEnd:t.marginXS,marginInlineEnd:t.marginXS}},"@supports (gap: 1px)":{gap:t.marginXS},[`${c}-item-container`]:{display:`inline-block`,width:u,height:u,verticalAlign:`top`},"&::after":{display:`none`},"&::before":{display:`none`},[l]:{height:`100%`,margin:0,"&::before":{position:`absolute`,zIndex:1,width:`calc(100% - ${n(s(t.paddingXS).mul(2).equal())})`,height:`calc(100% - ${n(s(t.paddingXS).mul(2).equal())})`,backgroundColor:t.colorBgMask,opacity:0,transition:`all ${t.motionDurationSlow}`,content:`" "`}},[`${l}:hover`]:{[`&::before, ${l}-actions`]:{opacity:1}},[`${l}-actions`]:{position:`absolute`,insetInlineStart:0,zIndex:10,width:`100%`,whiteSpace:`nowrap`,textAlign:`center`,opacity:0,transition:`all ${t.motionDurationSlow}`,[`
+            ${i}-eye,
+            ${i}-download,
+            ${i}-delete
+          `]:{zIndex:10,width:a,margin:`0 ${n(t.marginXXS)}`,fontSize:a,cursor:`pointer`,transition:`all ${t.motionDurationSlow}`,color:o,"&:hover":{color:o},svg:{verticalAlign:`baseline`}}},[`${l}-thumbnail, ${l}-thumbnail img`]:{position:`static`,display:`block`,width:`100%`,height:`100%`,objectFit:`contain`},[`${l}-name`]:{display:`none`,textAlign:`center`},[`${l}-file + ${l}-name`]:{position:`absolute`,bottom:t.margin,display:`block`,width:`calc(100% - ${n(s(t.paddingXS).mul(2).equal())})`},[`${l}-uploading`]:{[`&${l}`]:{backgroundColor:t.colorFillAlter},[`&::before, ${i}-eye, ${i}-download, ${i}-delete`]:{display:`none`}},[`${l}-progress`]:{bottom:t.marginXL,width:`calc(100% - ${n(s(t.paddingXS).mul(2).equal())})`,paddingInlineStart:0}}},[`${r}-wrapper${r}-picture-circle-wrapper`]:{[`${r}${r}-select`]:{borderRadius:`50%`}}}};export{a as genPictureCardStyle,i as genPictureStyle};

package/es/upload/style/rtl.d.ts

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

package/es/upload/style/rtl.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[`${t}-rtl`]:{direction:`rtl`}}};export{e as default};

package/es/upload/utils.d.ts

@@ -0,0 +1,10 @@
+import { InternalUploadFile, RcFile, UploadFile } from "./interface.js";
+//#region components/upload/utils.d.ts
+export declare function file2Obj(file: RcFile): InternalUploadFile;
+/** Upload fileList. Replace file if exist or just push into it. */
+export declare function updateFileList(file: UploadFile, fileList: (UploadFile | Readonly<UploadFile>)[]): (UploadFile<any> | Readonly<UploadFile<any>>)[];
+export declare function getFileItem(file: RcFile, fileList: (UploadFile | Readonly<UploadFile>)[]): UploadFile<any> | Readonly<UploadFile<any>>;
+export declare function removeFileItem(file: UploadFile, fileList: (UploadFile | Readonly<UploadFile>)[]): (UploadFile<any> | Readonly<UploadFile<any>>)[] | null;
+export declare const isImageUrl: (file: UploadFile) => boolean;
+export declare function previewImage(file: File | Blob): Promise<string>;
+//#endregion

package/es/upload/utils.js

@@ -0,0 +1 @@
+function e(e){return{...e,lastModified:e.lastModified,lastModifiedDate:e.lastModifiedDate,name:e.name,size:e.size,type:e.type,uid:e.uid,percent:0,originFileObj:e}}function t(e,t){let n=[...t],r=n.findIndex(({uid:t})=>t===e.uid);return r===-1?n.push(e):n[r]=e,n}function n(e,t){let n=e.uid===void 0?`name`:`uid`;return t.filter(t=>t[n]===e[n])[0]}function r(e,t){let n=e.uid===void 0?`name`:`uid`,r=t.filter(t=>t[n]!==e[n]);return r.length===t.length?null:r}const i=(e=``)=>{let t=e.split(`/`),n=t[t.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(n)||[``])[0]},a=e=>e.indexOf(`image/`)===0,o=e=>{if(e.type&&!e.thumbUrl)return a(e.type);let t=e.thumbUrl||e.url||``,n=i(t);return/^data:image\//.test(t)||/(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico|heic|heif)$/i.test(n)?!0:!(/^data:/.test(t)||n)};function s(e){return new Promise(t=>{if(!e.type||!a(e.type)){t(``);return}let n=document.createElement(`canvas`);n.width=200,n.height=200,n.style.cssText=`position: fixed; left: 0; top: 0; width: 200px; height: 200px; z-index: 9999; display: none;`,document.body.appendChild(n);let r=n.getContext(`2d`),i=new Image;if(i.onload=()=>{let{width:e,height:a}=i,o=200,s=200,c=0,l=0;e>a?(s=200/e*a,l=-(s-o)/2):(o=200/a*e,c=-(o-s)/2),r.drawImage(i,c,l,o,s);let u=n.toDataURL();document.body.removeChild(n),window.URL.revokeObjectURL(i.src),t(u)},i.crossOrigin=`anonymous`,e.type.startsWith(`image/svg+xml`)){let t=new FileReader;t.onload=()=>{t.result&&typeof t.result==`string`&&(i.src=t.result)},t.readAsDataURL(e)}else if(e.type.startsWith(`image/gif`)){let n=new FileReader;n.onload=()=>{n.result&&t(n.result)},n.readAsDataURL(e)}else i.src=window.URL.createObjectURL(e)})}export{e as file2Obj,n as getFileItem,o as isImageUrl,s as previewImage,r as removeFileItem,t as updateFileList};

package/es/utils/common.d.ts

@@ -0,0 +1,74 @@
+//#region components/utils/common.d.ts
+/**
+ * GET 类型的下载
+ * @param url 请求地址
+ * @param params 请求参数
+ */
+export declare const downloadGet: (url: string, params?: {
+  [key: string]: any;
+}) => void;
+/**
+ * POST 类型的下载
+ * @param url 请求地址
+ * @param params 请求参数
+ */
+export declare const downloadPost: (url: string, params?: Record<string, any>) => void;
+/** 解析所有 hash 参数 */
+export declare function parseHashParams(customHash?: string): Record<string, any>;
+/** 从 enum 中获取 label */
+export declare function getEnumLabel(enumData: Record<any, any>, key: string | number): string | undefined;
+/** 将 enum 转换为 dataSource */
+export declare function enum2DataSource(input: Record<any, any>): {
+  label: string;
+  value: any;
+}[];
+/**
+ * @param value 文件大小单位字节
+ * @param unit 需要换算的单位
+ */
+export declare function formatFileLength(value: number, unit: string): number | null;
+/**
+ * 页面第一次加载
+ */
+export declare function useIsFirstRender(): boolean;
+type Runtime = Record<string, any>;
+/**
+ * 读取表达式对应的值
+ *
+ * 规则：
+ * - 非字符串：原样返回
+ * - 非 $ 开头字符串：原样返回
+ * - 非法表达式：返回 undefined
+ * - 合法表达式但路径不存在：返回 undefined
+ */
+export declare function getByPathValue(runtime: Runtime, expr: any): any;
+/**
+ * 按表达式写入值
+ *
+ * 特性：
+ * - 非法表达式：返回原 runtime
+ * - 不可变更新：返回新的 runtime
+ * - 自动创建中间对象 / 数组
+ * - 遇到非对象中间节点时，会按路径需要重建容器
+ */
+export declare function setByPathValue(runtime: Runtime, expr: string, value: any): Runtime;
+/**
+ * 根据 $ 路径删除字段
+ *
+ * 规则：
+ * - 非法表达式：返回原 runtime
+ * - 路径不存在：返回原 runtime
+ * - 删除对象属性：delete obj[key]
+ * - 删除数组索引：
+ *   - 默认 splice(index, 1)
+ *   - 可配置 delete arr[index]
+ *
+ * 示例：
+ * deleteByPathValue(runtime, '$state.user.name')
+ * deleteByPathValue(runtime, '$state.list[0]')
+ * deleteByPathValue(runtime, '$state.list[0].name')
+ */
+export declare function deleteByPathValue(runtime: Runtime, expr: string, options?: {
+  removeArrayItem?: boolean;
+}): Runtime;
+//#endregion

package/es/utils/common.js

@@ -0,0 +1 @@
+import{__toESM as e}from"../_virtual/_rolldown/runtime.js";import{require_lib as t}from"../node_modules/.pnpm/qs@6.14.0/node_modules/qs/lib/index.js";import{useRef as n}from"react";var r=e(t(),1);const i=(e,t)=>{let n=t?`?${r.default.stringify(t,{arrayFormat:`indices`,allowDots:!0})}`:``;window.open(`${e}${n}`)},a=(e,t={})=>{let n=document.createElement(`form`);n.action=e,n.method=`POST`,n.target=`_blank`,n.style.visibility=`hidden`,Object.entries(t).forEach(([e,t])=>{if([void 0,null,``,NaN].includes(t)||Array.isArray(t)&&!t.length)return;let r=document.createElement(`input`);r.type=`hidden`,r.name=e,r.value=t,n.appendChild(r)}),document.body.appendChild(n),n.submit(),n.remove()};function o(e){let[,t=``]=(typeof e==`string`?e:window.location.hash).split(`?`),n=new URLSearchParams(t),r={};return n.forEach((e,t)=>{try{r[t]=JSON.parse(decodeURIComponent(e))}catch{try{r[t]=decodeURIComponent(e)}catch{r[t]=e}}}),r}function s(e,t){return Object.entries(e).find(([,e])=>e===t)?.[0]}function c(e){return Object.keys(e).filter(e=>isNaN(+e)).map(t=>({label:t,value:e[t]}))}function l(e,t){switch(t.toUpperCase()){case`KB`:return e*1024;case`MB`:return e*1024*1024;case`GB`:return e*1024*1024*1024;default:return null}}function u(){let e=n(!0);return e.current?(e.current=!1,!0):e.current}const d=new Set([`__proto__`,`prototype`,`constructor`]),f=/^[A-Za-z_$][A-Za-z0-9_$]*$/,p=/^(0|[1-9]\d*)$/;function m(e){return d.has(e)}function h(e){return f.test(e)}function g(e){if(!p.test(e))return!1;let t=Number(e);return Number.isSafeInteger(t)&&t>=0&&t<=4294967294}function _(e,t){return e!=null&&Object.prototype.hasOwnProperty.call(e,t)}function v(e){return Array.isArray(e)?[...e]:e&&typeof e==`object`?(Object.getPrototypeOf(e),{...e}):e}function y(e,t){let n=e[t];if(n!==`"`&&n!==`'`)return null;let r=t+1,i=``;for(;r<e.length;){let t=e[r];if(t===`\\`){if(r+1>=e.length)return null;i+=e[r+1],r+=2;continue}if(t===n)return{value:i,nextIndex:r+1};i+=t,r++}return null}function b(e){if(typeof e!=`string`||e.length<2||e[0]!==`$`)return null;let t=[],n=e.length,r=1;for(;r<n&&e[r]!==`.`&&e[r]!==`[`;)r++;let i=e.slice(0,r),a=i.slice(1);if(!a||!h(a)||m(a))return null;for(t.push(i);r<n;){let i=e[r];if(i===`.`){if(r++,r>=n)return null;let i=r;for(;r<n&&e[r]!==`.`&&e[r]!==`[`;)r++;let a=e.slice(i,r);if(!a||!h(a)||m(a))return null;t.push(a);continue}if(i===`[`){for(r++;r<n&&/\s/.test(e[r]);)r++;if(r>=n)return null;if(e[r]===`"`||e[r]===`'`){let i=y(e,r);if(!i)return null;let a=i.value;for(r=i.nextIndex;r<n&&/\s/.test(e[r]);)r++;if(r>=n||e[r]!==`]`||(r++,!a||m(a)))return null;t.push(a);continue}let i=r;for(;r<n&&e[r]!==`]`;)r++;if(r>=n)return null;let a=e.slice(i,r).trim();if(r++,!a||!g(a))return null;t.push(a);continue}return null}return t}function x(e,t){if(typeof e!=`string`||e.length<2||e[0]!==`$`)return null;let n=e.slice(1);return!n||!h(n)||m(n)?null:{container:t[n],runtimeKey:n}}function S(e){return g(e)?[]:{}}function C(e){return typeof e==`object`&&!!e}function w(e,t){if(typeof t!=`string`||!t.startsWith(`$`))return t;let n=b(t);if(!n||n.length===0)return;let r=x(n[0],e);if(!r)return;let i=r.container;for(let e=1;e<n.length;e++){if(i==null||!C(i))return;let t=n[e];if(m(t)||!_(i,t))return;i=i[t]}return i}function T(e,t,n){if(typeof t!=`string`||!t.startsWith(`$`))return e;let r=b(t);if(!r||r.length<2)return e;let i=x(r[0],e);if(!i)return e;let a=i.runtimeKey,o=e[a],s={...e},c=r[1],l;l=C(o)?v(o):S(c),s[a]=l;let u=o,d=l;for(let t=1;t<r.length-1;t++){let n=r[t],i=r[t+1];if(m(n)||m(i))return e;let a=C(u)&&_(u,n)?u[n]:void 0,o;o=C(a)?v(a):S(i),d[n]=o,u=a,d=o}let f=r[r.length-1];return m(f)?e:(d[f]=n,s)}function E(e,t,n={}){let{removeArrayItem:r=!0}=n;if(typeof t!=`string`||!t.startsWith(`$`))return e;let i=b(t);if(!i||i.length<2)return e;let a=x(i[0],e);if(!a)return e;let o=a.runtimeKey,s=e[o];if(!C(s))return e;let c=s;for(let t=1;t<i.length;t++){let n=i[t];if(!C(c)||m(n)||!_(c,n))return e;c=c[n]}let l={...e},u=v(s);l[o]=u;let d=s,f=u;for(let t=1;t<i.length-1;t++){let n=i[t],r=d[n];if(!C(r))return e;let a=v(r);f[n]=a,d=r,f=a}let p=i[i.length-1];if(m(p))return e;if(Array.isArray(f)&&g(p)){let t=Number(p);return t<0||t>=f.length?e:(r?f.splice(t,1):delete f[t],l)}return _(f,p)?(delete f[p],l):e}export{E as deleteByPathValue,i as downloadGet,a as downloadPost,c as enum2DataSource,l as formatFileLength,w as getByPathValue,s as getEnumLabel,o as parseHashParams,T as setByPathValue,u as useIsFirstRender};

package/es/utils/index.d.ts

@@ -0,0 +1,7 @@
+import { deleteByPathValue, downloadGet, downloadPost, enum2DataSource, formatFileLength, getByPathValue, getEnumLabel, parseHashParams, setByPathValue, useIsFirstRender } from "./common.js";
+import { Formatter } from "./moneyFormat.js";
+declare namespace index_d_exports {
+  export { Formatter, deleteByPathValue, downloadGet, downloadPost, enum2DataSource, formatFileLength, getByPathValue, getEnumLabel, parseHashParams, setByPathValue, useIsFirstRender };
+}
+//#endregion
+export { Formatter, deleteByPathValue, downloadGet, downloadPost, enum2DataSource, formatFileLength, getByPathValue, getEnumLabel, index_d_exports, parseHashParams, setByPathValue, useIsFirstRender };

package/es/utils/index.js

@@ -0,0 +1 @@
+import{__exportAll as e}from"../_virtual/_rolldown/runtime.js";import{deleteByPathValue as t,downloadGet as n,downloadPost as r,enum2DataSource as i,formatFileLength as a,getByPathValue as o,getEnumLabel as s,parseHashParams as c,setByPathValue as l,useIsFirstRender as u}from"./common.js";import{Formatter as d}from"./moneyFormat.js";var f=e({Formatter:()=>d,deleteByPathValue:()=>t,downloadGet:()=>n,downloadPost:()=>r,enum2DataSource:()=>i,formatFileLength:()=>a,getByPathValue:()=>o,getEnumLabel:()=>s,parseHashParams:()=>c,setByPathValue:()=>l,useIsFirstRender:()=>u});export{d as Formatter,t as deleteByPathValue,n as downloadGet,r as downloadPost,i as enum2DataSource,a as formatFileLength,o as getByPathValue,s as getEnumLabel,c as parseHashParams,l as setByPathValue,u as useIsFirstRender,f as utils_exports};

package/es/utils/moneyFormat.d.ts

@@ -0,0 +1,39 @@
+//#region components/utils/moneyFormat.d.ts
+/**
+ * 通用的数据formatter类，可自由定制规则
+ */
+type TRules = {
+  unit?: string;
+  numeric?: boolean;
+  position?: 'left' | 'right';
+  thousand?: boolean;
+  decimal?: number;
+  ratio?: number;
+  truncable?: boolean;
+  ouputnumber?: boolean;
+};
+export declare const Formatter: {
+  format2thround(value: string | number): string;
+  format2number(value: string | number): number;
+  format(data: string | number, rule?: TRules): string | number;
+  truncate(value: string | number, decimal?: number): string;
+  /**
+   * 乘法计算，multiplyOperation(2, 0.8)，返回值是 1.6
+   * @param a, 乘数
+   * @param b, 被乘数
+   */
+  multiplyOperation(a?: number, b?: number): number | undefined;
+  /**
+   * 除法计算，比如计算比例，dividerOperation(2, 5)，返回值是 0.4
+   * @param a, 除数
+   * @param b, 被除数
+   */
+  dividerOperation(a?: number, b?: number): number | undefined;
+  /**
+   * 是否判定
+   * 1 -> 是
+   * 0 -> 否
+   */
+  formatTrueOrFalse(value?: number): "否" | "是" | "-";
+};
+//#endregion

package/es/utils/moneyFormat.js

@@ -0,0 +1 @@
+const e={format2thround(e){e=`${e}`;let t=e.indexOf(`.`)===-1?/(\d{1,3})(?=(?:\d{3})+$)/g:/(\d{1,3})(?=(?:\d{3})+\.)/g;return e=e.replace(t,`$1,`),e},format2number(e){return Number(`${e}`.replace(/,|%|元|¥/g,``))},format(t,n){if(!n)return`${t}`;if(!isNaN(parseFloat(`${t}`))&&isFinite(Number(`${t}`))){if(t=Number(t),n?.ratio&&(t*=n?.ratio),n?.decimal){let r=n?.truncable?e.truncate(t,n?.decimal):t.toFixed(n?.decimal);n?.decimal===2&&r.slice(-3)===`.00`&&(r=n?.truncable?e.truncate(t,0):t.toFixed(0)),t=r}n?.thousand&&(t=e.format2thround(t)),n?.unit&&(t=n?.position===`left`?n?.unit+t:t+n?.unit)}else n?.unit&&(t=n?.position===`left`?n?.unit+t:t+n?.unit);return n?.ouputnumber?Number(t):`${t}`},truncate(e,t=2){let n=`${e}`.split(`.`),r=n[0];return n[1]&&t>0&&(r+=`.${n[1].substr(0,t)}`),r},multiplyOperation(e,t){e=typeof e==`number`?e:NaN,t=typeof t==`number`?t:NaN;let n=(e||NaN)*(t||NaN);return isNaN(n)?void 0:n},dividerOperation(e,t){e=typeof e==`number`?e:NaN,t=typeof t==`number`?t:NaN;let n=(e||NaN)/(t||NaN);return isNaN(n)?void 0:n},formatTrueOrFalse(e){switch(e){case 0:return`否`;case 1:return`是`;default:return`-`}}};export{e as Formatter};

package/es/version/index.d.ts

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

package/es/version/index.js

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

package/es/watermark/context.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+//#region components/watermark/context.d.ts
+export interface WatermarkContextProps {
+  add: (ele: HTMLElement) => void;
+  remove: (ele: HTMLElement) => void;
+}
+declare const WatermarkContext: React$1.Context<WatermarkContextProps>;
+export declare function usePanelRef(panelSelector?: string): (ele: HTMLElement | null) => void;
+//#endregion
+export { WatermarkContext as default };

package/es/watermark/context.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/hooks/useEvent";function n(){}const r=e.createContext({add:n,remove:n});function i(n){let i=e.useContext(r),a=e.useRef(null);return t(e=>{if(e){let t=n?e.querySelector(n):e;i.add(t),a.current=t}else i.remove(a.current)})}export{r as default,i as usePanelRef};

package/es/watermark/index.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+//#region components/watermark/index.d.ts
+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>;
+//#endregion
+export { Watermark as default };

package/es/watermark/index.js

@@ -0,0 +1 @@
+import e from"../theme/useToken.js";import"../theme/internal.js";import t from"./context.js";import n from"../_util/toList.js";import r from"./useClips.js";import i from"./useRafDebounce.js";import{getPixelRatio as a,reRendering as o}from"./utils.js";import s from"./useWatermark.js";import c,{useEffect as l}from"react";import u from"classnames";import d from"rc-util/lib/hooks/useEvent";import{useMutateObserver as ee}from"@rc-component/mutate-observer";function f(e,t){return e.size===t.size?e:t}const p={position:`relative`,overflow:`hidden`},m=m=>{let{zIndex:h=9,rotate:g=-22,width:_,height:v,image:y,content:b,font:x={},style:S,className:C,rootClassName:w,gap:T=[100,100],offset:E,children:D,inherit:O=!0}=m,k={...p,...S},[,A]=e(),{color:j=A.colorFill,fontSize:M=A.fontSizeLG,fontWeight:N=`normal`,fontStyle:P=`normal`,fontFamily:F=`sans-serif`,textAlign:I=`center`}=x,[L=100,R=100]=T,z=L/2,B=R/2,V=E?.[0]??z,H=E?.[1]??B,U=c.useMemo(()=>{let e={zIndex:h,position:`absolute`,left:0,top:0,width:`100%`,height:`100%`,pointerEvents:`none`,backgroundRepeat:`repeat`},t=V-z,n=H-B;return t>0&&(e.left=`${t}px`,e.width=`calc(100% - ${t}px)`,t=0),n>0&&(e.top=`${n}px`,e.height=`calc(100% - ${n}px)`,n=0),e.backgroundPosition=`${t}px ${n}px`,e},[h,V,z,H,B]),[W,G]=c.useState(),[K,q]=c.useState(new Set),J=c.useMemo(()=>[...W?[W]:[],...Array.from(K)],[W,K]),Y=e=>{let t=120,r=64;if(!y&&e.measureText){e.font=`${Number(M)}px ${F}`;let i=n(b),a=i.map(t=>{let n=e.measureText(t);return[n.width,n.fontBoundingBoxAscent+n.fontBoundingBoxDescent]});t=Math.ceil(Math.max(...a.map(e=>e[0]))),r=Math.ceil(Math.max(...a.map(e=>e[1])))*i.length+(i.length-1)*3}return[_??t,v??r]},X=r(),[Z,Q]=c.useState(null),$=i(()=>{let e=document.createElement(`canvas`).getContext(`2d`);if(e){let t=a(),[n,r]=Y(e),i=e=>{let[i,a]=X(e||``,g,t,n,r,{color:j,fontSize:M,fontStyle:P,fontWeight:N,fontFamily:F,textAlign:I},L,R);Q([i,a])};if(y){let e=new Image;e.onload=()=>{i(e)},e.onerror=()=>{i(b)},e.crossOrigin=`anonymous`,e.referrerPolicy=`no-referrer`,e.src=y}else i(b)}}),[te,ne,re]=s(U);l(()=>{Z&&J.forEach(e=>{te(Z[0],Z[1],e)})},[Z,J]);let ie=d(e=>{e.forEach(e=>{if(o(e,re))$();else if(e.target===W&&e.attributeName===`style`){let e=Object.keys(p);for(let t=0;t<e.length;t+=1){let n=e[t],r=k[n],i=W.style[n];r&&r!==i&&(W.style[n]=r)}}})});ee(J,ie),l($,[g,h,_,v,y,b,j,M,N,P,F,I,L,R,V,H]);let ae=c.useMemo(()=>({add:e=>{q(t=>{let n=new Set(t);return n.add(e),f(t,n)})},remove:e=>{ne(e),q(t=>{let n=new Set(t);return n.delete(e),f(t,n)})}}),[]),oe=O?c.createElement(t.Provider,{value:ae},D):D;return c.createElement(`div`,{ref:G,className:u(C,w),style:k},oe)};export{m as default};

package/es/watermark/useClips.d.ts

@@ -0,0 +1,9 @@
+import { WatermarkProps } from "./index.js";
+//#region components/watermark/useClips.d.ts
+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];
+//#endregion

package/es/watermark/useClips.js

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

package/es/watermark/useRafDebounce.d.ts

@@ -0,0 +1,6 @@
+//#region components/watermark/useRafDebounce.d.ts
+/**
+ * Callback will only execute last one for each raf
+ */
+export default function useRafDebounce(callback: VoidFunction): () => void;
+//#endregion

package/es/watermark/useRafDebounce.js

@@ -0,0 +1 @@
+import e from"react";import t from"rc-util/lib/raf";import n from"rc-util/lib/hooks/useEvent";function r(r){let i=e.useRef(!1),a=e.useRef(null),o=n(r);return()=>{i.current||(i.current=!0,o(),a.current=t(()=>{i.current=!1}))}}export{r as default};

package/es/watermark/useWatermark.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+//#region components/watermark/useWatermark.d.ts
+/**
+ * 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$1.CSSProperties): [appendWatermark: AppendWatermark, removeWatermark: (container: HTMLElement) => void, isWatermarkEle: (ele: Node) => boolean];
+//#endregion

package/es/watermark/useWatermark.js

@@ -0,0 +1 @@
+import{getStyleStr as e}from"./utils.js";import*as t from"react";const n=2,r=3,i={visibility:`visible !important`};function a(n){let r=t.useRef(new Map);return[(t,a,o)=>{if(o){if(!r.current.get(o)){let e=document.createElement(`div`);r.current.set(o,e)}let s=r.current.get(o);s.setAttribute(`style`,e({...n,backgroundImage:`url('${t}')`,backgroundSize:`${Math.floor(a)}px`,...i})),s.removeAttribute(`class`),s.parentElement!==o&&o.append(s)}return r.current.get(o)},e=>{let t=r.current.get(e);t&&e&&e.removeChild(t),r.current.delete(e)},e=>Array.from(r.current.values()).includes(e)]}export{n as BaseSize,r as FontGap,a as default};

package/es/watermark/utils.d.ts

@@ -0,0 +1,9 @@
+//#region components/watermark/utils.d.ts
+/** 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;
+//#endregion

package/es/watermark/utils.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftcrab/crab",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "license": "MIT",
   "description": "react-Ui库",
   "type": "module",