@tiny-design/react 1.0.4

package/es/upload/types.d.ts

@@ -0,0 +1,44 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/upload/types.d.ts
+type UploadFileStatus = 'uploading' | 'done' | 'error' | 'ready';
+interface UploadFile {
+  uid: string;
+  name: string;
+  status: UploadFileStatus;
+  percent?: number;
+  url?: string;
+}
+interface UploadProps extends BaseProps {
+  action: string;
+  accept?: string;
+  method?: string;
+  name?: string;
+  disabled?: boolean;
+  data?: {
+    [key: string]: string;
+  };
+  headers?: {
+    [key: string]: string;
+  };
+  multiple?: boolean;
+  drag?: boolean;
+  tip?: React.ReactNode;
+  withCredentials?: boolean;
+  limit?: number;
+  fileList?: UploadFile[];
+  defaultFileList?: UploadFile[];
+  beforeUpload?: (file: File) => boolean | Promise<File>;
+  onProgress?: (percent: number, file: UploadFile, fileList: UploadFile[]) => void;
+  onSuccess?: (e: ProgressEvent, file: UploadFile, fileList: UploadFile[]) => void;
+  onError?: (e: ProgressEvent, file: UploadFile, fileList: UploadFile[]) => void;
+  onChange?: (file: UploadFile, fileList: UploadFile[]) => void;
+  onRemove?: (file: UploadFile) => void;
+  onExceed?: (files: FileList, fileList: UploadFile[]) => void;
+  httpRequest?: (...args: unknown[]) => void;
+  children?: React.ReactNode;
+}
+//#endregion
+export { UploadProps };
+//# sourceMappingURL=types.d.ts.map

package/es/upload/upload-list.js

@@ -0,0 +1,57 @@
+import { CheckCircle, CloseCircle, LoadingCircle, PaperClip } from "../_utils/components.js";
+import Progress from "../progress/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/upload/upload-list.tsx
+const UploadList = (props) => {
+	const { prefixCls, fileList, onRemove } = props;
+	return /* @__PURE__ */ jsx("ul", {
+		className: `${prefixCls}__upload-list`,
+		children: fileList.map((file) => {
+			const { uid, name, status, percent } = file;
+			return /* @__PURE__ */ jsxs("li", {
+				className: `${prefixCls}__upload-list-item`,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: `${prefixCls}__upload-list-item-container`,
+					children: [
+						/* @__PURE__ */ jsx(PaperClip, {
+							size: 11,
+							color: "rgba(0, 0, 0, 0.45)"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `${prefixCls}__upload-list-item-name`,
+							children: name
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: `${prefixCls}__upload-list-item-status`,
+							children: [
+								status === "done" && /* @__PURE__ */ jsx(CheckCircle, { size: 16 }),
+								status === "error" && /* @__PURE__ */ jsx(CloseCircle, { size: 16 }),
+								status === "uploading" && /* @__PURE__ */ jsx(LoadingCircle, {
+									style: { animation: "ty-rotate 1s linear infinite" },
+									color: "#1890ff",
+									size: 16
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `${prefixCls}__upload-list-item-delete`,
+							onClick: () => onRemove && onRemove(file),
+							children: "✕"
+						})
+					]
+				}), status === "uploading" && /* @__PURE__ */ jsx(Progress.Bar, {
+					strokeColor: "blue",
+					percent,
+					showInfo: false,
+					style: { marginTop: 5 },
+					strokeWidth: 2
+				})]
+			}, uid);
+		})
+	});
+};
+UploadList.displayName = "UploadList";
+//#endregion
+export { UploadList as default };
+
+//# sourceMappingURL=upload-list.js.map

package/es/upload/upload-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-list.js","names":[],"sources":["../../src/upload/upload-list.tsx"],"sourcesContent":["import { CheckCircle, CloseCircle, LoadingCircle, PaperClip } from '../_utils/components';\nimport Progress from '../progress';\nimport { UploadFile } from './types';\n\ntype UploadListProps = {\n  prefixCls: string;\n  fileList: UploadFile[];\n  onRemove: (file: UploadFile) => void;\n};\n\nconst UploadList = (props: UploadListProps): JSX.Element => {\n  const { prefixCls, fileList, onRemove } = props;\n\n  return (\n    <ul className={`${prefixCls}__upload-list`}>\n      {fileList.map((file) => {\n        const { uid, name, status, percent } = file;\n        return (\n          <li key={uid} className={`${prefixCls}__upload-list-item`}>\n            <div className={`${prefixCls}__upload-list-item-container`}>\n              <PaperClip size={11} color=\"rgba(0, 0, 0, 0.45)\" />\n              <span className={`${prefixCls}__upload-list-item-name`}>{name}</span>\n              <span className={`${prefixCls}__upload-list-item-status`}>\n                {status === 'done' && <CheckCircle size={16} />}\n                {status === 'error' && <CloseCircle size={16} />}\n                {status === 'uploading' && (\n                  <LoadingCircle\n                    style={{ animation: 'ty-rotate 1s linear infinite' }}\n                    color=\"#1890ff\"\n                    size={16}\n                  />\n                )}\n              </span>\n              <span\n                className={`${prefixCls}__upload-list-item-delete`}\n                onClick={(): void => onRemove && onRemove(file)}>\n                ✕\n              </span>\n            </div>\n            {status === 'uploading' && (\n              <Progress.Bar\n                strokeColor=\"blue\"\n                percent={percent}\n                showInfo={false}\n                style={{ marginTop: 5 }}\n                strokeWidth={2}\n              />\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nUploadList.displayName = 'UploadList';\n\nexport default UploadList;\n"],"mappings":";;;;AAUA,MAAM,cAAc,UAAwC;CAC1D,MAAM,EAAE,WAAW,UAAU,aAAa;AAE1C,QACE,oBAAC,MAAD;EAAI,WAAW,GAAG,UAAU;YACzB,SAAS,KAAK,SAAS;GACtB,MAAM,EAAE,KAAK,MAAM,QAAQ,YAAY;AACvC,UACE,qBAAC,MAAD;IAAc,WAAW,GAAG,UAAU;cAAtC,CACE,qBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAA7B;MACE,oBAAC,WAAD;OAAW,MAAM;OAAI,OAAM;OAAwB,CAAA;MACnD,oBAAC,QAAD;OAAM,WAAW,GAAG,UAAU;iBAA2B;OAAY,CAAA;MACrE,qBAAC,QAAD;OAAM,WAAW,GAAG,UAAU;iBAA9B;QACG,WAAW,UAAU,oBAAC,aAAD,EAAa,MAAM,IAAM,CAAA;QAC9C,WAAW,WAAW,oBAAC,aAAD,EAAa,MAAM,IAAM,CAAA;QAC/C,WAAW,eACV,oBAAC,eAAD;SACE,OAAO,EAAE,WAAW,gCAAgC;SACpD,OAAM;SACN,MAAM;SACN,CAAA;QAEC;;MACP,oBAAC,QAAD;OACE,WAAW,GAAG,UAAU;OACxB,eAAqB,YAAY,SAAS,KAAK;iBAAE;OAE5C,CAAA;MACH;QACL,WAAW,eACV,oBAAC,SAAS,KAAV;KACE,aAAY;KACH;KACT,UAAU;KACV,OAAO,EAAE,WAAW,GAAG;KACvB,aAAa;KACb,CAAA,CAED;MA9BI,IA8BJ;IAEP;EACC,CAAA;;AAIT,WAAW,cAAc"}

package/es/upload/upload.d.ts

@@ -0,0 +1,8 @@
+import { UploadProps } from "./types.js";
+import React from "react";
+
+//#region src/upload/upload.d.ts
+declare const Upload: React.ForwardRefExoticComponent<UploadProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Upload };
+//# sourceMappingURL=upload.d.ts.map

package/es/upload/upload.js

@@ -0,0 +1,141 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import ajax from "./ajax.js";
+import UploadList from "./upload-list.js";
+import DraggerCover from "./dragger-cover.js";
+import React, { useContext, useRef, useState } from "react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/upload/upload.tsx
+const Upload = React.forwardRef((props, ref) => {
+	const { defaultFileList = [], httpRequest = ajax, disabled = false, method = "post", headers, withCredentials, accept, action, multiple, name, data, drag, beforeUpload, limit, onExceed, onProgress, onSuccess, onError, onChange, onRemove, tip, className, style, children, prefixCls: customisedCls } = props;
+	const prefixCls = getPrefixCls("upload", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_disabled`]: disabled });
+	const fileRef = useRef(null);
+	const [fileList, setFileList] = useState("fileList" in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList);
+	const updateFileList = (updateFile, targetObj) => {
+		setFileList((prevState) => prevState.map((file) => {
+			if (file.uid === updateFile.uid) return {
+				...file,
+				...targetObj
+			};
+			else return file;
+		}));
+	};
+	const xhrOnProgress = (percent, uploadFile) => {
+		const updateObj = {
+			percent,
+			status: "uploading"
+		};
+		updateFileList(uploadFile, updateObj);
+		onProgress && onProgress(percent, {
+			...uploadFile,
+			...updateObj
+		}, fileList);
+	};
+	const xhrOnComplete = (e, uploadFile) => {
+		const updateObj = { status: "done" };
+		updateFileList(uploadFile, updateObj);
+		const updatedUploadFile = {
+			...uploadFile,
+			...updateObj
+		};
+		onSuccess && onSuccess(e, updatedUploadFile, fileList);
+		onChange && onChange(updatedUploadFile, fileList);
+	};
+	const xhrOnError = (e, uploadFile) => {
+		const updateObj = { status: "error" };
+		updateFileList(uploadFile, { status: "error" });
+		const updatedUploadFile = {
+			...uploadFile,
+			...updateObj
+		};
+		onError && onError(e, updatedUploadFile, fileList);
+		onChange && onChange(updatedUploadFile, fileList);
+	};
+	const postRequest = (file) => {
+		const uploadFile = {
+			uid: "file-" + Date.now() + "-" + Math.random().toString(36).slice(2, 9),
+			name: file.name,
+			status: "ready",
+			percent: 0
+		};
+		setFileList((prevState) => [uploadFile, ...prevState]);
+		httpRequest({
+			headers,
+			withCredentials,
+			file,
+			data,
+			filename: name || file.name,
+			method,
+			action,
+			onProgress: (percent) => xhrOnProgress(percent, uploadFile),
+			onSuccess: (e) => xhrOnComplete(e, uploadFile),
+			onError: (e) => xhrOnError(e, uploadFile)
+		});
+	};
+	const uploadFiles = (files) => {
+		if (limit && fileList.length + files.length > limit) {
+			onExceed && onExceed(files, fileList);
+			return;
+		}
+		Array.from(files).forEach((file) => {
+			if (!beforeUpload) postRequest(file);
+			else {
+				const res = beforeUpload(file);
+				if (res && res instanceof Promise) res.then((processedFile) => postRequest(processedFile));
+				else if (res !== false) postRequest(file);
+			}
+		});
+	};
+	const handleTriggerOnClick = () => {
+		if (!disabled) {
+			if (fileRef.current) fileRef.current.click();
+		}
+	};
+	const handleFileOnChange = (e) => {
+		const files = e.currentTarget.files;
+		if (!files) return;
+		uploadFiles(files);
+		if (fileRef.current) fileRef.current.value = "";
+	};
+	const handleOnRemove = (uploadFile) => {
+		setFileList((prevState) => prevState.filter((file) => file.uid !== uploadFile.uid));
+		onRemove && onRemove(uploadFile);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cls,
+		style,
+		onClick: handleTriggerOnClick,
+		children: [
+			drag ? /* @__PURE__ */ jsx(DraggerCover, {
+				prefixCls,
+				onFile: uploadFiles,
+				disabled,
+				children
+			}) : children,
+			tip && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__tip`,
+				children: tip
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: fileRef,
+				accept,
+				multiple,
+				type: "file",
+				style: { display: "none" },
+				onChange: handleFileOnChange
+			})
+		]
+	}), /* @__PURE__ */ jsx(UploadList, {
+		prefixCls,
+		fileList,
+		onRemove: handleOnRemove
+	})] });
+});
+Upload.displayName = "Upload";
+//#endregion
+export { Upload as default };
+
+//# sourceMappingURL=upload.js.map

package/es/upload/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","names":[],"sources":["../../src/upload/upload.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport ajax from './ajax';\nimport UploadList from './upload-list';\nimport DraggerCover from './dragger-cover';\nimport { UploadFile, UploadProps } from './types';\n\nconst Upload = React.forwardRef<HTMLDivElement, UploadProps>((props, ref) => {\n  const {\n    defaultFileList = [],\n    httpRequest = ajax,\n    disabled = false,\n    method = 'post',\n    headers,\n    withCredentials,\n    accept,\n    action,\n    multiple,\n    name,\n    data,\n    drag,\n    beforeUpload,\n    limit,\n    onExceed,\n    onProgress,\n    onSuccess,\n    onError,\n    onChange,\n    onRemove,\n    tip,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('upload', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const fileRef = useRef<HTMLInputElement | null>(null);\n  const [fileList, setFileList] = useState<UploadFile[]>(\n    'fileList' in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList\n  );\n\n  const updateFileList = (updateFile: UploadFile, targetObj: Partial<UploadFile>): void => {\n    setFileList((prevState) =>\n      prevState.map((file: UploadFile) => {\n        if (file.uid === updateFile.uid) {\n          return { ...file, ...targetObj };\n        } else {\n          return file;\n        }\n      })\n    );\n  };\n\n  const xhrOnProgress = (percent: number, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { percent, status: 'uploading' };\n    updateFileList(uploadFile, updateObj);\n    onProgress && onProgress(percent, { ...uploadFile, ...updateObj }, fileList);\n  };\n\n  const xhrOnComplete = (e: ProgressEvent, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { status: 'done' };\n    updateFileList(uploadFile, updateObj);\n    const updatedUploadFile = { ...uploadFile, ...updateObj };\n    onSuccess && onSuccess(e, updatedUploadFile, fileList);\n    onChange && onChange(updatedUploadFile, fileList);\n  };\n\n  const xhrOnError = (e: ProgressEvent, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { status: 'error' };\n    updateFileList(uploadFile, { status: 'error' });\n    const updatedUploadFile = { ...uploadFile, ...updateObj };\n    onError && onError(e, updatedUploadFile, fileList);\n    onChange && onChange(updatedUploadFile, fileList);\n  };\n\n  const postRequest = (file: File): void => {\n    // Create a upload file instance\n    const uploadFile: UploadFile = {\n      uid: 'file-' + Date.now() + '-' + Math.random().toString(36).slice(2, 9),\n      name: file.name,\n      status: 'ready',\n      percent: 0,\n    };\n    setFileList((prevState) => [uploadFile, ...prevState]);\n\n    httpRequest({\n      headers,\n      withCredentials,\n      file,\n      data,\n      filename: name || file.name,\n      method,\n      action,\n      onProgress: (percent: number) => xhrOnProgress(percent, uploadFile),\n      onSuccess: (e: ProgressEvent) => xhrOnComplete(e, uploadFile),\n      onError: (e: ProgressEvent) => xhrOnError(e, uploadFile),\n    });\n  };\n\n  const uploadFiles = (files: FileList): void => {\n    if (limit && fileList.length + files.length > limit) {\n      onExceed && onExceed(files, fileList);\n      return;\n    }\n\n    const postFiles = Array.from(files);\n    postFiles.forEach((file) => {\n      if (!beforeUpload) {\n        postRequest(file);\n      } else {\n        const res = beforeUpload(file);\n        if (res && res instanceof Promise) {\n          res.then((processedFile: File) => postRequest(processedFile));\n        } else if (res !== false) {\n          postRequest(file);\n        }\n      }\n    });\n  };\n\n  const handleTriggerOnClick = (): void => {\n    if (!disabled) {\n      if (fileRef.current) {\n        (fileRef.current as HTMLInputElement).click();\n      }\n    }\n  };\n\n  const handleFileOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const files = e.currentTarget.files;\n    if (!files) {\n      return;\n    }\n    uploadFiles(files);\n    if (fileRef.current) {\n      (fileRef.current as HTMLInputElement).value = '';\n    }\n  };\n\n  const handleOnRemove = (uploadFile: UploadFile): void => {\n    setFileList((prevState) => prevState.filter((file) => file.uid !== uploadFile.uid));\n    onRemove && onRemove(uploadFile);\n  };\n\n  return (\n    <>\n      <div ref={ref} className={cls} style={style} onClick={handleTriggerOnClick}>\n        {drag ? (\n          <DraggerCover prefixCls={prefixCls} onFile={uploadFiles} disabled={disabled}>\n            {children}\n          </DraggerCover>\n        ) : (\n          children\n        )}\n        {tip && <div className={`${prefixCls}__tip`}>{tip}</div>}\n        <input\n          ref={fileRef}\n          accept={accept}\n          multiple={multiple}\n          type=\"file\"\n          style={{ display: 'none' }}\n          onChange={handleFileOnChange}\n        />\n      </div>\n      <UploadList prefixCls={prefixCls} fileList={fileList} onRemove={handleOnRemove} />\n    </>\n  );\n});\n\nUpload.displayName = 'Upload';\n\nexport default Upload;\n"],"mappings":"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"}

package/lib/_utils/components.js

@@ -0,0 +1,221 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/_utils/components.tsx
+const ArrowDown = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z"
+		})
+	});
+};
+const PaperClip = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M596.600738 77.483387C707.652076-15.699749 863.952233-17.103951 945.87122 80.523296 1025.33565 175.225316 1000.817463 322.788809 897.886159 416.55918L500.872884 750.033876C428.941403 810.391556 330.343483 819.035113 279.34144 758.253245 228.350653 697.484792 254.004524 601.845857 325.904469 541.51464L549.255103 354.101205C568.4844 337.965909 597.16161 340.484261 613.234234 359.638868L613.234234 359.638868C629.339635 378.832538 626.827441 407.455341 607.577908 423.607617L384.227274 611.021052C346.503334 642.675196 335.433548 683.943896 348.847852 699.93044 362.276678 715.934291 404.796072 712.206837 442.550079 680.527464L829.892107 355.508911C905.161842 292.350105 923.282829 194.760822 876.364807 138.846101 829.422073 82.901929 730.238566 83.792991 654.923543 146.9898L207.957862 522.038537C112.028875 602.532515 99.523634 745.608046 180.046565 841.571538 260.588409 937.557569 403.622296 950.081865 499.571887 869.570599L901.909406 531.969334C921.04904 515.909275 949.653556 518.488625 965.72618 537.643231L965.72618 537.643231C981.831581 556.836901 979.334768 585.446798 960.232211 601.475747L557.894692 939.077011C423.555518 1051.800962 223.290899 1034.265449 110.540153 899.894342 0.612214 768.887326 14.525852 575.161364 139.830689 461.101188L596.600738 77.483387Z"
+		})
+	});
+};
+const CheckCircle = (props) => {
+	const { size = 20, color = "#52c41a", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m193.5 301.7l-210.6 292c-12.7 17.7-39 17.7-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
+		})
+	});
+};
+const CloseCircle = (props) => {
+	const { size = 20, color = "#f44336", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m165.4 618.2l-66-0.3L512 563.4l-99.3 118.4-66.1 0.3c-4.4 0-8-3.5-8-8 0-1.9 0.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1 0.3L512 464.6l99.3-118.4 66-0.3c4.4 0 8 3.5 8 8 0 1.9-0.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
+		})
+	});
+};
+const WarningCircle = (props) => {
+	const { size = 20, color = "#ff9800", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296z m32 440c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"
+		})
+	});
+};
+const InfoCircle = (props) => {
+	const { size = 20, color = "#1890ff", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272z m-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"
+		})
+	});
+};
+const LoadingCircle = (props) => {
+	const { size = 20, color = "#1890ff", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M512.064 963.296c-96.16 0-189.344-30.816-267.68-89.472-95.744-71.712-157.856-176.48-174.848-294.912C52.544 460.448 82.688 342.464 154.4 246.688c148.096-197.76 429.44-238.08 627.136-90.08 82.88 62.08 142.016 151.584 166.56 252 4.192 17.184-6.336 34.496-23.488 38.688-17.152 4.064-34.496-6.304-38.688-23.488-20.992-86.048-71.68-162.752-142.752-215.968-169.376-126.88-410.56-92.288-537.536 77.216-61.472 82.08-87.296 183.2-72.704 284.736 14.56 101.536 67.808 191.296 149.888 252.736 169.536 127.04 410.688 92.384 537.6-77.12 33.216-44.384 56-94.112 67.648-147.84 3.776-17.28 20.896-28.256 38.048-24.512 17.28 3.744 28.256 20.8 24.512 38.048-13.664 62.784-40.224 120.832-78.976 172.672-71.712 95.744-176.48 157.888-294.976 174.848a449.402 449.402 0 0 1-64.608 4.672z"
+		})
+	});
+};
+const Check = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224s0.128 0.224 0.224 0.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z"
+		})
+	});
+};
+const Close = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M782.426059 824.924989l-584.588225-584.727395c-11.987009-11.990079-11.984962-31.42778 0.005116-43.414789 11.990079-11.987009 31.42778-11.984962 43.414789 0.005117l584.588225 584.727395c11.987009 11.990079 11.984962 31.42778-0.005116 43.414788-11.989055 11.988032-31.42778 11.984962-43.414789-0.005116z"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M197.768249 824.856427c-11.987009-11.990079-11.984962-31.42778 0.005117-43.414788l584.727394-584.589249c11.990079-11.987009 31.42778-11.984962 43.414789 0.005117 11.987009 11.990079 11.984962 31.42778-0.005116 43.414788l-584.727395 584.589249c-11.990079 11.987009-31.42778 11.984962-43.414789-0.005117z"
+		})]
+	});
+};
+const Eye = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
+		})]
+	});
+};
+const EyeClose = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z"
+		})]
+	});
+};
+const ClockIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" })]
+	});
+};
+const CalendarIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z" })
+	});
+};
+const ClearIcon = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "64 64 896 896",
+		fill: color,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
+	});
+};
+const TreeArrow = (props) => {
+	const { size = 20, color = "currentcolor", ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		...otherProps,
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: color,
+			d: "M726.652801 429.305603 297.347199 429.305603 512.193405 638.156258Z"
+		})
+	});
+};
+//#endregion
+exports.ArrowDown = ArrowDown;
+exports.CalendarIcon = CalendarIcon;
+exports.Check = Check;
+exports.CheckCircle = CheckCircle;
+exports.ClearIcon = ClearIcon;
+exports.ClockIcon = ClockIcon;
+exports.Close = Close;
+exports.CloseCircle = CloseCircle;
+exports.Eye = Eye;
+exports.EyeClose = EyeClose;
+exports.InfoCircle = InfoCircle;
+exports.LoadingCircle = LoadingCircle;
+exports.PaperClip = PaperClip;
+exports.TreeArrow = TreeArrow;
+exports.WarningCircle = WarningCircle;
+
+//# sourceMappingURL=components.js.map

package/lib/_utils/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":[],"sources":["../../src/_utils/components.tsx"],"sourcesContent":["import React from 'react';\n\ntype IconProps = {\n  className?: string;\n  style?: React.CSSProperties;\n  size?: number | string;\n  color?: string;\n};\nexport const ArrowDown = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z\"\n      />\n    </svg>\n  );\n};\n\nexport const PaperClip = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M596.600738 77.483387C707.652076-15.699749 863.952233-17.103951 945.87122 80.523296 1025.33565 175.225316 1000.817463 322.788809 897.886159 416.55918L500.872884 750.033876C428.941403 810.391556 330.343483 819.035113 279.34144 758.253245 228.350653 697.484792 254.004524 601.845857 325.904469 541.51464L549.255103 354.101205C568.4844 337.965909 597.16161 340.484261 613.234234 359.638868L613.234234 359.638868C629.339635 378.832538 626.827441 407.455341 607.577908 423.607617L384.227274 611.021052C346.503334 642.675196 335.433548 683.943896 348.847852 699.93044 362.276678 715.934291 404.796072 712.206837 442.550079 680.527464L829.892107 355.508911C905.161842 292.350105 923.282829 194.760822 876.364807 138.846101 829.422073 82.901929 730.238566 83.792991 654.923543 146.9898L207.957862 522.038537C112.028875 602.532515 99.523634 745.608046 180.046565 841.571538 260.588409 937.557569 403.622296 950.081865 499.571887 869.570599L901.909406 531.969334C921.04904 515.909275 949.653556 518.488625 965.72618 537.643231L965.72618 537.643231C981.831581 556.836901 979.334768 585.446798 960.232211 601.475747L557.894692 939.077011C423.555518 1051.800962 223.290899 1034.265449 110.540153 899.894342 0.612214 768.887326 14.525852 575.161364 139.830689 461.101188L596.600738 77.483387Z\"\n      />\n    </svg>\n  );\n};\n\nexport const CheckCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#52c41a', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m193.5 301.7l-210.6 292c-12.7 17.7-39 17.7-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z\"\n      />\n    </svg>\n  );\n};\n\nexport const CloseCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#f44336', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m165.4 618.2l-66-0.3L512 563.4l-99.3 118.4-66.1 0.3c-4.4 0-8-3.5-8-8 0-1.9 0.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1 0.3L512 464.6l99.3-118.4 66-0.3c4.4 0 8 3.5 8 8 0 1.9-0.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\"\n      />\n    </svg>\n  );\n};\n\nexport const WarningCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#ff9800', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296z m32 440c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z\"\n      />\n    </svg>\n  );\n};\n\nexport const InfoCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#1890ff', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272z m-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z\"\n      />\n    </svg>\n  );\n};\n\nexport const LoadingCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#1890ff', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512.064 963.296c-96.16 0-189.344-30.816-267.68-89.472-95.744-71.712-157.856-176.48-174.848-294.912C52.544 460.448 82.688 342.464 154.4 246.688c148.096-197.76 429.44-238.08 627.136-90.08 82.88 62.08 142.016 151.584 166.56 252 4.192 17.184-6.336 34.496-23.488 38.688-17.152 4.064-34.496-6.304-38.688-23.488-20.992-86.048-71.68-162.752-142.752-215.968-169.376-126.88-410.56-92.288-537.536 77.216-61.472 82.08-87.296 183.2-72.704 284.736 14.56 101.536 67.808 191.296 149.888 252.736 169.536 127.04 410.688 92.384 537.6-77.12 33.216-44.384 56-94.112 67.648-147.84 3.776-17.28 20.896-28.256 38.048-24.512 17.28 3.744 28.256 20.8 24.512 38.048-13.664 62.784-40.224 120.832-78.976 172.672-71.712 95.744-176.48 157.888-294.976 174.848a449.402 449.402 0 0 1-64.608 4.672z\"\n      />\n    </svg>\n  );\n};\n\nexport const QuestionCircle = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = '#ff9800', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 708c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z m62.9-219.5c-18.5 7.1-30.9 25.1-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z\"\n      />\n    </svg>\n  );\n};\n\nexport const Check = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224s0.128 0.224 0.224 0.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z\"\n      />\n    </svg>\n  );\n};\n\nexport const Close = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M782.426059 824.924989l-584.588225-584.727395c-11.987009-11.990079-11.984962-31.42778 0.005116-43.414789 11.990079-11.987009 31.42778-11.984962 43.414789 0.005117l584.588225 584.727395c11.987009 11.990079 11.984962 31.42778-0.005116 43.414788-11.989055 11.988032-31.42778 11.984962-43.414789-0.005116z\"\n      />\n      <path\n        fill={color}\n        d=\"M197.768249 824.856427c-11.987009-11.990079-11.984962-31.42778 0.005117-43.414788l584.727394-584.589249c11.990079-11.987009 31.42778-11.984962 43.414789 0.005117 11.987009 11.990079 11.984962 31.42778-0.005116 43.414788l-584.727395 584.589249c-11.990079 11.987009-31.42778 11.984962-43.414789-0.005117z\"\n      />\n    </svg>\n  );\n};\n\nexport const Eye = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z\"\n      />\n      <path\n        fill={color}\n        d=\"M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z\"\n      />\n    </svg>\n  );\n};\n\nexport const EyeClose = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path\n        fill={color}\n        d=\"M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z\"\n      />\n      <path\n        fill={color}\n        d=\"M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z\"\n      />\n    </svg>\n  );\n};\n\nexport const ClockIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" />\n      <path d=\"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z\" />\n    </svg>\n  );\n};\n\nexport const CalendarIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z\" />\n    </svg>\n  );\n};\n\nexport const ClearIcon = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"64 64 896 896\" fill={color}>\n      <path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\" />\n    </svg>\n  );\n};\n\nexport const TreeArrow = (props: IconProps): React.ReactElement => {\n  const { size = 20, color = 'currentcolor', ...otherProps } = props;\n  return (\n    <svg {...otherProps} width={size} height={size} viewBox=\"0 0 1024 1024\">\n      <path fill={color} d=\"M726.652801 429.305603 297.347199 429.305603 512.193405 638.156258Z\" />\n    </svg>\n  );\n};\n"],"mappings":"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"}

package/lib/_utils/dom.d.ts

@@ -0,0 +1,5 @@
+//#region src/_utils/dom.d.ts
+type Target = HTMLElement | Window;
+//#endregion
+export { Target };
+//# sourceMappingURL=dom.d.ts.map

package/lib/_utils/dom.js

@@ -0,0 +1,34 @@
+//#region src/_utils/dom.ts
+const getScroll = (node, isVertical = true) => {
+	if (typeof window === "undefined") return 0;
+	const windowProp = isVertical ? "scrollY" : "scrollX";
+	const elementProp = isVertical ? "scrollTop" : "scrollLeft";
+	return node === window ? node[windowProp] : node[elementProp];
+};
+const getRect = (node = window) => {
+	return node !== window ? node.getBoundingClientRect() : {
+		top: 0,
+		left: 0,
+		bottom: 0,
+		right: 0,
+		width: window.document.documentElement.clientWidth,
+		height: window.document.documentElement.clientHeight
+	};
+};
+const getNodeHeight = (node) => {
+	if (!node) return 0;
+	if (node === window) return window.innerHeight;
+	return node.clientHeight;
+};
+const getNodeScrollHeight = (node) => {
+	if (!node) return 0;
+	if (node === window) return window.document.documentElement.scrollHeight;
+	return node.scrollHeight;
+};
+//#endregion
+exports.getNodeHeight = getNodeHeight;
+exports.getNodeScrollHeight = getNodeScrollHeight;
+exports.getRect = getRect;
+exports.getScroll = getScroll;
+
+//# sourceMappingURL=dom.js.map

package/lib/_utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/_utils/dom.ts"],"sourcesContent":["export type Target = HTMLElement | Window;\n\nexport const getScroll = (node: Target, isVertical = true): number => {\n  if (typeof window === 'undefined') {\n    return 0;\n  }\n  const windowProp = isVertical ? 'scrollY' : 'scrollX';\n  const elementProp = isVertical ? 'scrollTop' : 'scrollLeft';\n  return node === window ? (node as Window)[windowProp] : (node as HTMLElement)[elementProp];\n};\n\nexport const getRect = (node: Target = window) => {\n  return node !== window\n    ? (node as HTMLElement).getBoundingClientRect()\n    : {\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        width: window.document.documentElement.clientWidth,\n        height: window.document.documentElement.clientHeight,\n      };\n};\n\n/**\n * Get element absolute position relative to the root\n * @param node\n */\nexport const getAbsolutePosition = (node: Target = window): { x: number; y: number } => {\n  if (node === window) {\n    return { x: 0, y: 0 };\n  }\n  const x =\n    (node as HTMLElement).getBoundingClientRect().left + document.documentElement.scrollLeft;\n  const y = (node as HTMLElement).getBoundingClientRect().top + document.documentElement.scrollTop;\n  return { x, y };\n};\n\nexport const getNodeHeight = (node: Target): number => {\n  if (!node) {\n    return 0;\n  }\n  if (node === window) {\n    return window.innerHeight;\n  }\n  return (node as HTMLElement).clientHeight;\n};\n\nexport const getNodeScrollHeight = (node: Target): number => {\n  if (!node) {\n    return 0;\n  }\n\n  if (node === window) {\n    return window.document.documentElement.scrollHeight;\n  }\n  return (node as HTMLElement).scrollHeight;\n};\n"],"mappings":";AAEA,MAAa,aAAa,MAAc,aAAa,SAAiB;AACpE,KAAI,OAAO,WAAW,YACpB,QAAO;CAET,MAAM,aAAa,aAAa,YAAY;CAC5C,MAAM,cAAc,aAAa,cAAc;AAC/C,QAAO,SAAS,SAAU,KAAgB,cAAe,KAAqB;;AAGhF,MAAa,WAAW,OAAe,WAAW;AAChD,QAAO,SAAS,SACX,KAAqB,uBAAuB,GAC7C;EACE,KAAK;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,OAAO,OAAO,SAAS,gBAAgB;EACvC,QAAQ,OAAO,SAAS,gBAAgB;EACzC;;AAiBP,MAAa,iBAAiB,SAAyB;AACrD,KAAI,CAAC,KACH,QAAO;AAET,KAAI,SAAS,OACX,QAAO,OAAO;AAEhB,QAAQ,KAAqB;;AAG/B,MAAa,uBAAuB,SAAyB;AAC3D,KAAI,CAAC,KACH,QAAO;AAGT,KAAI,SAAS,OACX,QAAO,OAAO,SAAS,gBAAgB;AAEzC,QAAQ,KAAqB"}

package/lib/_utils/general.js

@@ -0,0 +1,25 @@
+//#region src/_utils/general.ts
+/**
+* Transfer camel char to dash format
+* @param str
+*/
+const camelCaseToDash = (str) => {
+	return str.replace(/[A-Z]/g, (word) => {
+		return "-" + word.toLowerCase();
+	});
+};
+/**
+* Get class name from combining context prefix and customised class
+* @param suffixCls
+* @param contextPrefix
+* @param customisedCls
+*/
+const getPrefixCls = (suffixCls, contextPrefix, customisedCls) => {
+	if (customisedCls) return customisedCls;
+	return contextPrefix ? `${contextPrefix}-${suffixCls}` : `ty-${suffixCls}`;
+};
+//#endregion
+exports.camelCaseToDash = camelCaseToDash;
+exports.getPrefixCls = getPrefixCls;
+
+//# sourceMappingURL=general.js.map

package/lib/_utils/general.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.js","names":[],"sources":["../../src/_utils/general.ts"],"sourcesContent":["/**\n * Check whether the target is in the array\n * @param target\n * @param array\n */\nexport const isOneOf = (target: string, array: string | string[]) => {\n  if (Array.isArray(array)) {\n    return array.includes(target);\n  }\n\n  return array === target;\n};\n\n/**\n * Transfer camel char to dash format\n * @param str\n */\nexport const camelCaseToDash = (str: string) => {\n  const regex = /[A-Z]/g;\n  return str.replace(regex, (word: string) => {\n    return '-' + word.toLowerCase();\n  });\n};\n\n/**\n * Covert hex color to rgb color including alpha channel\n * @param color: hex color\n * @param opacity: max 1\n */\nexport const convertHexToRGBA = (color: string, opacity = 1): string => {\n  if (/^#[0-9A-F]{6}$/i.test(color)) {\n    const hex = color.replace('#', '');\n    const r = parseInt(hex.substring(0, 2), 16);\n    const g = parseInt(hex.substring(2, 4), 16);\n    const b = parseInt(hex.substring(4, 6), 16);\n\n    return `rgba(${r},${g},${b},${opacity})`;\n  }\n  return color;\n};\n\n/**\n * Get class name from combining context prefix and customised class\n * @param suffixCls\n * @param contextPrefix\n * @param customisedCls\n */\nexport const getPrefixCls = (suffixCls: string, contextPrefix?: string, customisedCls?: string): string => {\n  if (customisedCls) {\n    return customisedCls;\n  }\n  return contextPrefix ? `${contextPrefix}-${suffixCls}` : `ty-${suffixCls}`;\n};\n"],"mappings":";;;;;AAiBA,MAAa,mBAAmB,QAAgB;AAE9C,QAAO,IAAI,QADG,WACa,SAAiB;AAC1C,SAAO,MAAM,KAAK,aAAa;GAC/B;;;;;;;;AA0BJ,MAAa,gBAAgB,WAAmB,eAAwB,kBAAmC;AACzG,KAAI,cACF,QAAO;AAET,QAAO,gBAAgB,GAAG,cAAc,GAAG,cAAc,MAAM"}