tiny-ui 1.0.2 → 1.0.4

package/lib/typography/typography.js

@@ -1,18 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const Typography = react_1.default.forwardRef((props, ref) => {
-    const { className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('typography', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(className, prefixCls);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, ...otherProps, children: children }));
+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");
+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 components/typography/typography.tsx
+const Typography = react.default.forwardRef((props, ref) => {
+	const { className, children, prefixCls: customisedCls, ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: (0, classnames.default)(className, require_general.getPrefixCls("typography", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls)),
+		...otherProps,
+		children
+	});
 });
-Typography.displayName = 'Typography';
+Typography.displayName = "Typography";
+//#endregion
 exports.default = Typography;
+
 //# sourceMappingURL=typography.js.map

package/lib/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../components/typography/typography.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CACjC,CAAC,KAAsB,EAAE,GAAG,EAAe,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAM,UAAU,YAC1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"typography.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../components/typography/typography.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TypographyProps } from './types';\n\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n  (props: TypographyProps, ref): JSX.Element => {\n    const { className, children, prefixCls: customisedCls, ...otherProps } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n    const cls = classNames(className, prefixCls);\n    return (\n      <div ref={ref} className={cls} {...otherProps}>\n        {children}\n      </div>\n    );\n  }\n);\n\nTypography.displayName = 'Typography';\n\nexport default Typography;\n"],"mappings":";;;;;;;;;AAMA,MAAM,aAAaA,MAAAA,QAAM,YACtB,OAAwB,QAAqB;CAC5C,MAAM,EAAE,WAAW,UAAU,WAAW,eAAe,GAAG,eAAe;AAIzE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAU;EAAK,YAAA,GAAA,WAAA,SAFM,WADLC,gBAAAA,aAAa,eAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACY,WAAW,cAAc,CACxC;EAEX,GAAI;EAChC;EACG,CAAA;EAGX;AAED,WAAW,cAAc"}

package/lib/upload/ajax.js

@@ -1,39 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ajax;
+//#region components/upload/ajax.ts
 function ajax(option) {
-    const { action, file, filename, method, onProgress, onSuccess, onError, headers, withCredentials, data } = option;
-    const xhr = new XMLHttpRequest();
-    xhr.open(method, action, true);
-    xhr.onerror = onError;
-    xhr.onload = onSuccess;
-    if (xhr.upload) {
-        xhr.upload.onprogress = function progress(e) {
-            if (e.total > 0) {
-                const percent = (e.loaded / e.total) * 100;
-                onProgress(percent);
-            }
-        };
-    }
-    if (withCredentials && 'withCredentials' in xhr) {
-        xhr.withCredentials = true;
-    }
-    const formData = new FormData();
-    formData.append(filename, file);
-    // Add extra data
-    if (data) {
-        Object.keys(data).forEach((key) => {
-            formData.append(key, data[key]);
-        });
-    }
-    if (headers) {
-        for (const item in headers) {
-            if (headers[item]) {
-                xhr.setRequestHeader(item, headers[item]);
-            }
-        }
-    }
-    xhr.send(formData);
-    return xhr;
+	const { action, file, filename, method, onProgress, onSuccess, onError, headers, withCredentials, data } = option;
+	const xhr = new XMLHttpRequest();
+	xhr.open(method, action, true);
+	xhr.onerror = onError;
+	xhr.onload = onSuccess;
+	if (xhr.upload) xhr.upload.onprogress = function progress(e) {
+		if (e.total > 0) onProgress(e.loaded / e.total * 100);
+	};
+	if (withCredentials && "withCredentials" in xhr) xhr.withCredentials = true;
+	const formData = new FormData();
+	formData.append(filename, file);
+	if (data) Object.keys(data).forEach((key) => {
+		formData.append(key, data[key]);
+	});
+	if (headers) {
+		for (const item in headers) if (headers[item]) xhr.setRequestHeader(item, headers[item]);
+	}
+	xhr.send(formData);
+	return xhr;
 }
+//#endregion
+exports.default = ajax;
+
 //# sourceMappingURL=ajax.js.map

package/lib/upload/ajax.js.map

@@ -1 +1 @@
-{"version":3,"file":"ajax.js","sourceRoot":"","sources":["../../components/upload/ajax.ts"],"names":[],"mappings":";;AAaA,uBAsCC;AAtCD,SAAwB,IAAI,CAAC,MAAkB;IAC7C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAClH,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAC;IACjC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/B,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACtB,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;QACf,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS,QAAQ,CAAC,CAAgB;YACxD,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;gBAChB,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;gBAC3C,UAAU,CAAC,OAAO,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAED,IAAI,eAAe,IAAI,iBAAiB,IAAI,GAAG,EAAE,CAAC;QAChD,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAChC,iBAAiB;IACjB,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE,CAAC;YAC3B,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClB,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;IACH,CAAC;IAED,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"ajax.js","names":[],"sources":["../../components/upload/ajax.ts"],"sourcesContent":["type AjaxOption = {\n  action: string;\n  file: File;\n  filename: string;\n  method: string;\n  onProgress: (percent: number) => void;\n  onSuccess: (e: ProgressEvent) => void;\n  onError: (e: ProgressEvent) => void;\n  headers?: { [key: string]: string };\n  withCredentials?: boolean;\n  data?: { [key: string]: string };\n};\n\nexport default function ajax(option: AjaxOption): XMLHttpRequest {\n  const { action, file, filename, method, onProgress, onSuccess, onError, headers, withCredentials, data } = option;\n  const xhr = new XMLHttpRequest();\n  xhr.open(method, action, true);\n  xhr.onerror = onError;\n  xhr.onload = onSuccess;\n  if (xhr.upload) {\n    xhr.upload.onprogress = function progress(e: ProgressEvent): void {\n      if (e.total > 0) {\n        const percent = (e.loaded / e.total) * 100;\n        onProgress(percent);\n      }\n    };\n  }\n\n  if (withCredentials && 'withCredentials' in xhr) {\n    xhr.withCredentials = true;\n  }\n\n  const formData = new FormData();\n  formData.append(filename, file);\n  // Add extra data\n  if (data) {\n    Object.keys(data).forEach((key) => {\n      formData.append(key, data[key]);\n    });\n  }\n\n  if (headers) {\n    for (const item in headers) {\n      if (headers[item]) {\n        xhr.setRequestHeader(item, headers[item]);\n      }\n    }\n  }\n\n  xhr.send(formData);\n  return xhr;\n}\n"],"mappings":";AAaA,SAAwB,KAAK,QAAoC;CAC/D,MAAM,EAAE,QAAQ,MAAM,UAAU,QAAQ,YAAY,WAAW,SAAS,SAAS,iBAAiB,SAAS;CAC3G,MAAM,MAAM,IAAI,gBAAgB;AAChC,KAAI,KAAK,QAAQ,QAAQ,KAAK;AAC9B,KAAI,UAAU;AACd,KAAI,SAAS;AACb,KAAI,IAAI,OACN,KAAI,OAAO,aAAa,SAAS,SAAS,GAAwB;AAChE,MAAI,EAAE,QAAQ,EAEZ,YADiB,EAAE,SAAS,EAAE,QAAS,IACpB;;AAKzB,KAAI,mBAAmB,qBAAqB,IAC1C,KAAI,kBAAkB;CAGxB,MAAM,WAAW,IAAI,UAAU;AAC/B,UAAS,OAAO,UAAU,KAAK;AAE/B,KAAI,KACF,QAAO,KAAK,KAAK,CAAC,SAAS,QAAQ;AACjC,WAAS,OAAO,KAAK,KAAK,KAAK;GAC/B;AAGJ,KAAI;OACG,MAAM,QAAQ,QACjB,KAAI,QAAQ,MACV,KAAI,iBAAiB,MAAM,QAAQ,MAAM;;AAK/C,KAAI,KAAK,SAAS;AAClB,QAAO"}

package/lib/upload/dragger-cover.js

@@ -1,31 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const require_runtime = require("../_virtual/_rolldown/runtime.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 components/upload/dragger-cover.tsx
 const DraggerCover = (props) => {
-    const { onFile, disabled, prefixCls, children } = props;
-    const [dragOver, setDragOver] = (0, react_1.useState)(false);
-    const cls = (0, classnames_1.default)(`${prefixCls}__dragger-cover`, {
-        [`${prefixCls}__dragger-cover_dragover`]: dragOver,
-        [`${prefixCls}__dragger-cover_disabled`]: disabled,
-    });
-    const handleDragOver = (e, isOver) => {
-        e.preventDefault();
-        if (!disabled) {
-            setDragOver(isOver);
-        }
-    };
-    const handleDrop = (e) => {
-        e.preventDefault();
-        if (!disabled) {
-            setDragOver(false);
-            onFile(e.dataTransfer.files);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { className: cls, onDragOver: (e) => handleDragOver(e, true), onDragLeave: (e) => handleDragOver(e, false), onDrop: handleDrop, children: children }));
+	const { onFile, disabled, prefixCls, children } = props;
+	const [dragOver, setDragOver] = (0, react.useState)(false);
+	const cls = (0, classnames.default)(`${prefixCls}__dragger-cover`, {
+		[`${prefixCls}__dragger-cover_dragover`]: dragOver,
+		[`${prefixCls}__dragger-cover_disabled`]: disabled
+	});
+	const handleDragOver = (e, isOver) => {
+		e.preventDefault();
+		if (!disabled) setDragOver(isOver);
+	};
+	const handleDrop = (e) => {
+		e.preventDefault();
+		if (!disabled) {
+			setDragOver(false);
+			onFile(e.dataTransfer.files);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cls,
+		onDragOver: (e) => handleDragOver(e, true),
+		onDragLeave: (e) => handleDragOver(e, false),
+		onDrop: handleDrop,
+		children
+	});
 };
-DraggerCover.displayName = 'DraggerCover';
+DraggerCover.displayName = "DraggerCover";
+//#endregion
 exports.default = DraggerCover;
+
 //# sourceMappingURL=dragger-cover.js.map

package/lib/upload/dragger-cover.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger-cover.js","sourceRoot":"","sources":["../../components/upload/dragger-cover.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,oEAAoC;AASpC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,iBAAiB,EAAE;QACpD,CAAC,GAAG,SAAS,0BAA0B,CAAC,EAAE,QAAQ;QAClD,CAAC,GAAG,SAAS,0BAA0B,CAAC,EAAE,QAAQ;KACnD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,CAAkC,EAAE,MAAe,EAAQ,EAAE;QACnF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAkC,EAAQ,EAAE;QAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAChD,WAAW,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,EAClD,MAAM,EAAE,UAAU,YACjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"dragger-cover.js","names":[],"sources":["../../components/upload/dragger-cover.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\n\nexport interface DraggerCoverProps {\n  onFile: (files: FileList) => void;\n  disabled: boolean;\n  prefixCls?: string;\n  children?: React.ReactNode;\n}\n\nconst DraggerCover = (props: DraggerCoverProps): JSX.Element => {\n  const { onFile, disabled, prefixCls, children } = props;\n  const [dragOver, setDragOver] = useState(false);\n  const cls = classNames(`${prefixCls}__dragger-cover`, {\n    [`${prefixCls}__dragger-cover_dragover`]: dragOver,\n    [`${prefixCls}__dragger-cover_disabled`]: disabled,\n  });\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>, isOver: boolean): void => {\n    e.preventDefault();\n    if (!disabled) {\n      setDragOver(isOver);\n    }\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>): void => {\n    e.preventDefault();\n    if (!disabled) {\n      setDragOver(false);\n      onFile(e.dataTransfer.files);\n    }\n  };\n\n  return (\n    <div\n      className={cls}\n      onDragOver={(e): void => handleDragOver(e, true)}\n      onDragLeave={(e): void => handleDragOver(e, false)}\n      onDrop={handleDrop}>\n      {children}\n    </div>\n  );\n};\n\nDraggerCover.displayName = 'DraggerCover';\n\nexport default DraggerCover;\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,UAA0C;CAC9D,MAAM,EAAE,QAAQ,UAAU,WAAW,aAAa;CAClD,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAC/C,MAAM,OAAA,GAAA,WAAA,SAAiB,GAAG,UAAU,kBAAkB;GACnD,GAAG,UAAU,4BAA4B;GACzC,GAAG,UAAU,4BAA4B;EAC3C,CAAC;CAEF,MAAM,kBAAkB,GAAoC,WAA0B;AACpF,IAAE,gBAAgB;AAClB,MAAI,CAAC,SACH,aAAY,OAAO;;CAIvB,MAAM,cAAc,MAA6C;AAC/D,IAAE,gBAAgB;AAClB,MAAI,CAAC,UAAU;AACb,eAAY,MAAM;AAClB,UAAO,EAAE,aAAa,MAAM;;;AAIhC,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,WAAW;EACX,aAAa,MAAY,eAAe,GAAG,KAAK;EAChD,cAAc,MAAY,eAAe,GAAG,MAAM;EAClD,QAAQ;EACP;EACG,CAAA;;AAIV,aAAa,cAAc"}

package/lib/upload/index.js

@@ -1,6 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const upload_1 = tslib_1.__importDefault(require("./upload"));
-exports.default = upload_1.default;
+require('../style/base.css');
+require('./style/index.css');
+//#region components/upload/index.tsx
+var upload_default = require("./upload.js").default;
+//#endregion
+exports.default = upload_default;
+
 //# sourceMappingURL=index.js.map

package/lib/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/upload/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAE9B,kBAAe,gBAAM,CAAC"}
+{"version":3,"file":"index.js","names":["Upload"],"sources":["../../components/upload/index.tsx"],"sourcesContent":["import Upload from './upload';\n\nexport default Upload;\n"],"mappings":";AAEA,IAAA,wCAAeA"}

package/lib/upload/style/_index.scss

@@ -0,0 +1,99 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+
+.#{$prefix}-upload {
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: var(--ty-color-text);
+  font-size: $font-size-base;
+  outline: 0;
+
+  &__upload-list {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    color: var(--ty-color-text);
+    font-size: $font-size-base;
+  }
+
+  &__upload-list-item {
+    margin-top: 5px;
+    font-size: $font-size-base;
+    transition: background-color 300ms;
+
+    &:hover {
+      background-color: var(--ty-upload-item-hover-bg);
+
+      .#{$prefix}-upload {
+        &__upload-list-item-status {
+          display: none;
+        }
+
+        &__upload-list-item-delete {
+          display: inline-block;
+        }
+      }
+    }
+  }
+
+  &__upload-list-item-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 4px 4px 4px 2px;
+  }
+
+  &__upload-list-item-name {
+    flex: 1;
+    display: inline-block;
+    margin-left: 5px;
+    color: var(--ty-color-text);
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &__upload-list-item-delete {
+    display: none;
+    padding-right: 3px;
+    cursor: pointer;
+  }
+
+  &__upload-list-item-status,
+  &__upload-list-item-delete {
+    height: 16px;
+  }
+
+  &__tip {
+    font-size: 12px;
+    color: var(--ty-color-text-tertiary);
+    margin-top: 7px;
+  }
+
+  &__dragger-cover {
+    position: relative;
+    padding: 15px;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    background: var(--ty-upload-dragger-bg);
+    border: 1px dashed var(--ty-upload-dragger-border);
+    border-radius: $border-radius;
+    cursor: pointer;
+    transition: border-color 300ms, background-color 300ms;
+
+    &:hover:not(&_disabled),
+    &_dragover {
+      background-color: var(--ty-upload-dragger-hover-bg);
+      border-color: var(--ty-color-primary);
+    }
+
+    &_disabled {
+      cursor: not-allowed;
+    }
+  }
+}

package/lib/upload/style/index.css

@@ -0,0 +1,105 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-upload {
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: var(--ty-color-text);
+  font-size: 1rem;
+  outline: 0;
+}
+.ty-upload__upload-list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  color: var(--ty-color-text);
+  font-size: 1rem;
+}
+.ty-upload__upload-list-item {
+  margin-top: 5px;
+  font-size: 1rem;
+  transition: background-color 300ms;
+}
+.ty-upload__upload-list-item:hover {
+  background-color: var(--ty-upload-item-hover-bg);
+}
+.ty-upload__upload-list-item:hover .ty-upload__upload-list-item-status {
+  display: none;
+}
+.ty-upload__upload-list-item:hover .ty-upload__upload-list-item-delete {
+  display: inline-block;
+}
+.ty-upload__upload-list-item-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 4px 4px 2px;
+}
+.ty-upload__upload-list-item-name {
+  flex: 1;
+  display: inline-block;
+  margin-left: 5px;
+  color: var(--ty-color-text);
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ty-upload__upload-list-item-delete {
+  display: none;
+  padding-right: 3px;
+  cursor: pointer;
+}
+.ty-upload__upload-list-item-status, .ty-upload__upload-list-item-delete {
+  height: 16px;
+}
+.ty-upload__tip {
+  font-size: 12px;
+  color: var(--ty-color-text-tertiary);
+  margin-top: 7px;
+}
+.ty-upload__dragger-cover {
+  position: relative;
+  padding: 15px;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  background: var(--ty-upload-dragger-bg);
+  border: 1px dashed var(--ty-upload-dragger-border);
+  border-radius: 2px;
+  cursor: pointer;
+  transition: border-color 300ms, background-color 300ms;
+}
+.ty-upload__dragger-cover:hover:not(.ty-upload__dragger-cover_disabled), .ty-upload__dragger-cover_dragover {
+  background-color: var(--ty-upload-dragger-hover-bg);
+  border-color: var(--ty-color-primary);
+}
+.ty-upload__dragger-cover_disabled {
+  cursor: not-allowed;
+}

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

@@ -1,2 +1 @@
-import './index.scss';
-import '../../progress/style';
+export { };

package/lib/upload/style/index.js

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-// dependencies
-require("../../progress/style");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/upload/types.d.ts

@@ -1,39 +1,44 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export type UploadFileStatus = 'uploading' | 'done' | 'error' | 'ready';
-export interface UploadFile {
-    uid: string;
-    name: string;
-    status: UploadFileStatus;
-    percent?: number;
-    url?: string;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/upload/types.d.ts
+type UploadFileStatus = 'uploading' | 'done' | 'error' | 'ready';
+interface UploadFile {
+  uid: string;
+  name: string;
+  status: UploadFileStatus;
+  percent?: number;
+  url?: string;
 }
-export 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;
+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

@@ -1,16 +1,58 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../_utils/components");
-const progress_1 = tslib_1.__importDefault(require("../progress"));
+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 components/upload/upload-list.tsx
 const UploadList = (props) => {
-    const { prefixCls, fileList, onRemove } = props;
-    return ((0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__upload-list`, children: fileList.map((file) => {
-            const { uid, name, status, percent } = file;
-            return ((0, jsx_runtime_1.jsxs)("li", { className: `${prefixCls}__upload-list-item`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__upload-list-item-container`, children: [(0, jsx_runtime_1.jsx)(components_1.PaperClip, { size: 11, color: "rgba(0, 0, 0, 0.45)" }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__upload-list-item-name`, children: name }), (0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__upload-list-item-status`, children: [status === 'done' && (0, jsx_runtime_1.jsx)(components_1.CheckCircle, { size: 16 }), status === 'error' && (0, jsx_runtime_1.jsx)(components_1.CloseCircle, { size: 16 }), status === 'uploading' && ((0, jsx_runtime_1.jsx)(components_1.LoadingCircle, { style: { animation: 'ty-rotate 1s linear infinite' }, color: "#1890ff", size: 16 }))] }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__upload-list-item-delete`, onClick: () => onRemove && onRemove(file), children: "\u2715" })] }), status === 'uploading' && ((0, jsx_runtime_1.jsx)(progress_1.default.Bar, { strokeColor: "blue", percent: percent, showInfo: false, style: { marginTop: 5 }, strokeWidth: 2 }))] }, uid));
-        }) }));
+	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';
+UploadList.displayName = "UploadList";
+//#endregion
 exports.default = UploadList;
+
 //# sourceMappingURL=upload-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-list.js","sourceRoot":"","sources":["../../components/upload/upload-list.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0F;AAC1F,mEAAmC;AASnC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAe,EAAE;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,+BAAI,SAAS,EAAE,GAAG,SAAS,eAAe,YACvC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;YAC5C,OAAO,CACL,gCAAc,SAAS,EAAE,GAAG,SAAS,oBAAoB,aACvD,iCAAK,SAAS,EAAE,GAAG,SAAS,8BAA8B,aACxD,uBAAC,sBAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,qBAAqB,GAAG,EACnD,iCAAM,SAAS,EAAE,GAAG,SAAS,yBAAyB,YAAG,IAAI,GAAQ,EACrE,kCAAM,SAAS,EAAE,GAAG,SAAS,2BAA2B,aACrD,MAAM,KAAK,MAAM,IAAI,uBAAC,wBAAW,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9C,MAAM,KAAK,OAAO,IAAI,uBAAC,wBAAW,IAAC,IAAI,EAAE,EAAE,GAAI,EAC/C,MAAM,KAAK,WAAW,IAAI,CACzB,uBAAC,0BAAa,IACZ,KAAK,EAAE,EAAE,SAAS,EAAE,8BAA8B,EAAE,EACpD,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,GACR,CACH,IACI,EACP,iCACE,SAAS,EAAE,GAAG,SAAS,2BAA2B,EAClD,OAAO,EAAE,GAAS,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,uBAE1C,IACH,EACL,MAAM,KAAK,WAAW,IAAI,CACzB,uBAAC,kBAAQ,CAAC,GAAG,IACX,WAAW,EAAC,MAAM,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACvB,WAAW,EAAE,CAAC,GACd,CACH,KA7BM,GAAG,CA8BP,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"upload-list.js","names":["PaperClip","CheckCircle","CloseCircle","LoadingCircle","Progress"],"sources":["../../components/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

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