@tiny-design/react 1.0.4

package/lib/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/lib/upload/upload-list.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-list.js","names":["PaperClip","CheckCircle","CloseCircle","LoadingCircle","Progress"],"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,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,WAAW,GAAG,UAAU;YACzB,SAAS,KAAK,SAAS;GACtB,MAAM,EAAE,KAAK,MAAM,QAAQ,YAAY;AACvC,UACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;IAAc,WAAW,GAAG,UAAU;cAAtC,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAA7B;MACE,iBAAA,GAAA,kBAAA,KAACA,mBAAAA,WAAD;OAAW,MAAM;OAAI,OAAM;OAAwB,CAAA;MACnD,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAW,GAAG,UAAU;iBAA2B;OAAY,CAAA;MACrE,iBAAA,GAAA,kBAAA,MAAC,QAAD;OAAM,WAAW,GAAG,UAAU;iBAA9B;QACG,WAAW,UAAU,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD,EAAa,MAAM,IAAM,CAAA;QAC9C,WAAW,WAAW,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD,EAAa,MAAM,IAAM,CAAA;QAC/C,WAAW,eACV,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;SACE,OAAO,EAAE,WAAW,gCAAgC;SACpD,OAAM;SACN,MAAM;SACN,CAAA;QAEC;;MACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;OACE,WAAW,GAAG,UAAU;OACxB,eAAqB,YAAY,SAAS,KAAK;iBAAE;OAE5C,CAAA;MACH;QACL,WAAW,eACV,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAS,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/lib/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/lib/upload/upload.js

@@ -0,0 +1,144 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_ajax = require("./ajax.js");
+const require_upload_list = require("./upload-list.js");
+const require_dragger_cover = require("./dragger-cover.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/upload/upload.tsx
+const Upload = react.default.forwardRef((props, ref) => {
+	const { defaultFileList = [], httpRequest = require_ajax.default, 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 = require_general.getPrefixCls("upload", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, { [`${prefixCls}_disabled`]: disabled });
+	const fileRef = (0, react.useRef)(null);
+	const [fileList, setFileList] = (0, react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: cls,
+		style,
+		onClick: handleTriggerOnClick,
+		children: [
+			drag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dragger_cover.default, {
+				prefixCls,
+				onFile: uploadFiles,
+				disabled,
+				children
+			}) : children,
+			tip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__tip`,
+				children: tip
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref: fileRef,
+				accept,
+				multiple,
+				type: "file",
+				style: { display: "none" },
+				onChange: handleFileOnChange
+			})
+		]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_upload_list.default, {
+		prefixCls,
+		fileList,
+		onRemove: handleOnRemove
+	})] });
+});
+Upload.displayName = "Upload";
+//#endregion
+exports.default = Upload;
+
+//# sourceMappingURL=upload.js.map

package/lib/upload/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","names":["React","ajax","getPrefixCls","ConfigContext","DraggerCover","UploadList"],"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/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@tiny-design/react",
+  "version": "1.0.4",
+  "description": "A friendly UI component set for React",
+  "license": "MIT",
+  "keywords": [
+    "tiny",
+    "tiny-design",
+    "design",
+    "react",
+    "react-component",
+    "component",
+    "components",
+    "ui",
+    "frontend",
+    "react hook component",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wangdicoder/tiny-design.git",
+    "directory": "packages/react"
+  },
+  "author": "Di Wang<wangdicoder@gmail.com>",
+  "homepage": "https://wangdicoder.github.io/tiny-design/",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "typings": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    },
+    "./lib/*": "./lib/*",
+    "./es/*": "./es/*"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "files": [
+    "lib",
+    "es"
+  ],
+  "scripts": {
+    "build": "npm run clean && tsdown && node scripts/build-styles.js && node scripts/inject-style-imports.js",
+    "clean": "rimraf lib es",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:update": "jest --updateSnapshot",
+    "lint": "eslint src/",
+    "lint:style": "stylelint \"src/**/*.scss\"",
+    "lint:style:fix": "npm run lint:style -- --fix"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.11.4",
+    "@tiny-design/tokens": "workspace:*",
+    "classnames": "^2.3.1",
+    "react-transition-group": "^4.4.2",
+    "tslib": "^2.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/react-transition-group": "^4.4.4",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "autoprefixer": "^10.4.4",
+    "postcss": "^8.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^3.0.2",
+    "sass": "^1.49.9",
+    "ts-jest": "^29.0.0",
+    "tsdown": "^0.21.1",
+    "typescript": "^5.4.0"
+  }
+}