@tiny-design/react 1.0.4

package/lib/typography/style/_index.scss

@@ -0,0 +1,126 @@
+@use '../../style/variables' as *;
+
+$tp-prefix: #{$prefix}-typography;
+
+.#{$tp-prefix} {
+  box-sizing: border-box;
+  font-family: $font-family;
+
+  & + h1.#{$tp-prefix},
+  & + h2.#{$tp-prefix},
+  & + h3.#{$tp-prefix},
+  & + h4.#{$tp-prefix} {
+    margin-top: 1.2em;
+  }
+
+  & + h5.#{$tp-prefix},
+  & + h6.#{$tp-prefix} {
+    margin-top: 1.1em;
+  }
+
+  ul {
+    list-style-type: circle;
+  }
+
+  ul, ol {
+    margin: 0 0 1em;
+    padding: 0;
+
+    li {
+      margin: 0 0 0 20px;
+      padding: 0 0 0 4px;
+    }
+  }
+
+  code {
+    margin: 0 .1em;
+    padding: .2em .4em .1em;
+    font-size: 85%;
+    background: var(--ty-typography-code-bg);
+    border: 1px solid var(--ty-typography-code-border);
+    border-radius: $border-radius;
+  }
+
+  mark {
+    padding: 0;
+    background-color: var(--ty-typography-mark-bg);
+  }
+
+  u {
+    text-decoration: underline;
+  }
+
+  del {
+    text-decoration: line-through;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  i {
+    font-style: italic;
+  }
+
+  sup {
+    vertical-align: super;
+  }
+
+  sub {
+    vertical-align: baseline;
+  }
+}
+
+h1.#{$tp-prefix},
+h2.#{$tp-prefix},
+h3.#{$tp-prefix},
+h4.#{$tp-prefix},
+h5.#{$tp-prefix},
+h6.#{$tp-prefix} {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  color: var(--ty-typography-heading-color);
+  font-weight: 600;
+}
+
+h1.#{$tp-prefix} {
+  font-size: $h1-font-size;
+  line-height: 1.23;
+}
+
+h2.#{$tp-prefix} {
+  font-size: $h2-font-size;
+  line-height: 1.35;
+}
+
+h3.#{$tp-prefix} {
+  font-size: $h3-font-size;
+  line-height: 1.35;
+}
+
+h4.#{$tp-prefix} {
+  font-size: $h4-font-size;
+  line-height: 1.4;
+}
+
+h5.#{$tp-prefix} {
+  font-size: $h5-font-size;
+  line-height: 1.2;
+}
+
+h6.#{$tp-prefix} {
+  font-size: $h6-font-size;
+  line-height: 1.2;
+}
+
+p.#{$tp-prefix}, div.#{$tp-prefix} {
+  margin-top: 0;
+  margin-bottom: 1em;
+  color: var(--ty-typography-body-color);
+  font-size: $font-size-base;
+  line-height: 1.5;
+}
+
+span.#{$tp-prefix} {
+  color: var(--ty-typography-body-color);
+}

package/lib/typography/style/index.css

@@ -0,0 +1,105 @@
+.ty-typography {
+  box-sizing: border-box;
+  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.ty-typography + h1.ty-typography, .ty-typography + h2.ty-typography, .ty-typography + h3.ty-typography, .ty-typography + h4.ty-typography {
+  margin-top: 1.2em;
+}
+.ty-typography + h5.ty-typography, .ty-typography + h6.ty-typography {
+  margin-top: 1.1em;
+}
+.ty-typography ul {
+  list-style-type: circle;
+}
+.ty-typography ul, .ty-typography ol {
+  margin: 0 0 1em;
+  padding: 0;
+}
+.ty-typography ul li, .ty-typography ol li {
+  margin: 0 0 0 20px;
+  padding: 0 0 0 4px;
+}
+.ty-typography code {
+  margin: 0 0.1em;
+  padding: 0.2em 0.4em 0.1em;
+  font-size: 85%;
+  background: var(--ty-typography-code-bg);
+  border: 1px solid var(--ty-typography-code-border);
+  border-radius: 2px;
+}
+.ty-typography mark {
+  padding: 0;
+  background-color: var(--ty-typography-mark-bg);
+}
+.ty-typography u {
+  text-decoration: underline;
+}
+.ty-typography del {
+  text-decoration: line-through;
+}
+.ty-typography strong {
+  font-weight: 600;
+}
+.ty-typography i {
+  font-style: italic;
+}
+.ty-typography sup {
+  vertical-align: super;
+}
+.ty-typography sub {
+  vertical-align: baseline;
+}
+
+h1.ty-typography,
+h2.ty-typography,
+h3.ty-typography,
+h4.ty-typography,
+h5.ty-typography,
+h6.ty-typography {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  color: var(--ty-typography-heading-color);
+  font-weight: 600;
+}
+
+h1.ty-typography {
+  font-size: 2.5rem;
+  line-height: 1.23;
+}
+
+h2.ty-typography {
+  font-size: 2rem;
+  line-height: 1.35;
+}
+
+h3.ty-typography {
+  font-size: 1.75rem;
+  line-height: 1.35;
+}
+
+h4.ty-typography {
+  font-size: 1.5rem;
+  line-height: 1.4;
+}
+
+h5.ty-typography {
+  font-size: 1.25rem;
+  line-height: 1.2;
+}
+
+h6.ty-typography {
+  font-size: 1rem;
+  line-height: 1.2;
+}
+
+p.ty-typography, div.ty-typography {
+  margin-top: 0;
+  margin-bottom: 1em;
+  color: var(--ty-typography-body-color);
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+span.ty-typography {
+  color: var(--ty-typography-body-color);
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/typography/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/typography/text.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from "./types.js";
+
+//#region src/typography/text.d.ts
+declare const Text: (props: TextProps) => JSX.Element;
+//#endregion
+export { Text };
+//# sourceMappingURL=text.d.ts.map

package/lib/typography/text.js

@@ -0,0 +1,34 @@
+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 src/typography/text.tsx
+const tagGenerator = (isRequired, tag, element) => {
+	if (!isRequired) return element;
+	return react.default.createElement(tag, {}, element);
+};
+const Text = (props) => {
+	const { code = false, del = false, underline = false, strong = false, italic = false, mark = false, sub = false, sup = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	let Node = tagGenerator(code, "code", children);
+	Node = tagGenerator(del, "del", Node);
+	Node = tagGenerator(underline, "u", Node);
+	Node = tagGenerator(strong, "strong", Node);
+	Node = tagGenerator(italic, "i", Node);
+	Node = tagGenerator(mark, "mark", Node);
+	Node = tagGenerator(sub, "sub", Node);
+	Node = tagGenerator(sup, "sup", Node);
+	const cls = (0, classnames.default)(className, require_general.getPrefixCls("typography", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...otherProps,
+		className: cls,
+		children: Node
+	});
+};
+//#endregion
+exports.default = Text;
+
+//# sourceMappingURL=text.js.map

package/lib/typography/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/typography/text.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TextProps } from './types';\n\nconst tagGenerator = (\n  isRequired: boolean,\n  tag: string,\n  element: React.ReactNode\n): React.ReactNode => {\n  if (!isRequired) return element;\n  return React.createElement(tag, {}, element);\n};\n\nconst Text = (props: TextProps): JSX.Element => {\n  const {\n    code = false,\n    del = false,\n    underline = false,\n    strong = false,\n    italic = false,\n    mark = false,\n    sub = false,\n    sup = false,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n\n  let Node = tagGenerator(code, 'code', children);\n  Node = tagGenerator(del, 'del', Node);\n  Node = tagGenerator(underline, 'u', Node);\n  Node = tagGenerator(strong, 'strong', Node);\n  Node = tagGenerator(italic, 'i', Node);\n  Node = tagGenerator(mark, 'mark', Node);\n  Node = tagGenerator(sub, 'sub', Node);\n  Node = tagGenerator(sup, 'sup', Node);\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n  const cls = classNames(className, prefixCls);\n\n  return (\n    <span {...otherProps} className={cls}>\n      {Node}\n    </span>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;;;;AAMA,MAAM,gBACJ,YACA,KACA,YACoB;AACpB,KAAI,CAAC,WAAY,QAAO;AACxB,QAAOA,MAAAA,QAAM,cAAc,KAAK,EAAE,EAAE,QAAQ;;AAG9C,MAAM,QAAQ,UAAkC;CAC9C,MAAM,EACJ,OAAO,OACP,MAAM,OACN,YAAY,OACZ,SAAS,OACT,SAAS,OACT,OAAO,OACP,MAAM,OACN,MAAM,OACN,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,IAAI,OAAO,aAAa,MAAM,QAAQ,SAAS;AAC/C,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,WAAW,KAAK,KAAK;AACzC,QAAO,aAAa,QAAQ,UAAU,KAAK;AAC3C,QAAO,aAAa,QAAQ,KAAK,KAAK;AACtC,QAAO,aAAa,MAAM,QAAQ,KAAK;AACvC,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,KAAK,OAAO,KAAK;CAIrC,MAAM,OAAA,GAAA,WAAA,SAAiB,WADLC,gBAAAA,aAAa,eAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACY,WAAW,cAAc,CACxC;AAE5C,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,GAAI;EAAY,WAAW;YAC9B;EACI,CAAA"}

package/lib/typography/types.d.ts

@@ -0,0 +1,28 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/typography/types.d.ts
+interface TypographyProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  children?: React.ReactNode;
+}
+interface ParagraphProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['p']> {
+  children?: React.ReactNode;
+}
+interface HeadingProps extends BaseProps, React.PropsWithRef<React.HTMLAttributes<HTMLHeadingElement>> {
+  level?: number;
+  children?: React.ReactNode;
+}
+interface TextProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['span']> {
+  code?: boolean;
+  del?: boolean;
+  underline?: boolean;
+  strong?: boolean;
+  italic?: boolean;
+  mark?: boolean;
+  sub?: boolean;
+  sup?: boolean;
+  children: React.ReactNode;
+}
+//#endregion
+export { HeadingProps, ParagraphProps, TextProps, TypographyProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/typography/typography.d.ts

@@ -0,0 +1,8 @@
+import { TypographyProps } from "./types.js";
+import React from "react";
+
+//#region src/typography/typography.d.ts
+declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Typography };
+//# sourceMappingURL=typography.d.ts.map

package/lib/typography/typography.js

@@ -0,0 +1,23 @@
+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 src/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";
+//#endregion
+exports.default = Typography;
+
+//# sourceMappingURL=typography.js.map

package/lib/typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/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

@@ -0,0 +1,26 @@
+//#region src/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) 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

@@ -0,0 +1 @@
+{"version":3,"file":"ajax.js","names":[],"sources":["../../src/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

@@ -0,0 +1,38 @@
+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 src/upload/dragger-cover.tsx
+const DraggerCover = (props) => {
+	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";
+//#endregion
+exports.default = DraggerCover;
+
+//# sourceMappingURL=dragger-cover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dragger-cover.js","names":[],"sources":["../../src/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

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Upload"],"sources":["../../src/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

@@ -0,0 +1 @@
+export { };

package/lib/upload/style/index.js

@@ -0,0 +1 @@
+require("./index.css");