dishui 0.0.65 → 0.0.67

package/dist/components/FileUploader/FileItem.js

@@ -1,169 +1,165 @@
-import o from "../Button/index.js";
-import a from "../Badge/index.js";
-import { formatFileSize as h } from "./DropZone.js";
+import e from "../Button/index.js";
+import t from "../Badge/index.js";
+import { formatFileSize as n } from "./DropZone.js";
 import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var p = {
-  removeFile: "Remove",
-  retryFile: "Retry",
-  uploading: "Uploading",
-  uploaded: "Uploaded",
-  failed: "Failed",
-  pending: "Pending"
-}, u = () => /* @__PURE__ */ e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "h-5 w-5 opacity-60 flex-shrink-0",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  children: /* @__PURE__ */ e("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-  })
-}), t = () => /* @__PURE__ */ e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "h-4 w-4",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  children: /* @__PURE__ */ e("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M6 18L18 6M6 6l12 12"
-  })
-}), m = () => /* @__PURE__ */ e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "h-4 w-4",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  children: /* @__PURE__ */ e("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-  })
-}), g = () => /* @__PURE__ */ e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "h-4 w-4",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  children: /* @__PURE__ */ e("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M5 13l4 4L19 7"
-  })
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/FileUploader/FileItem.tsx
+var a = {
+	removeFile: "Remove",
+	retryFile: "Retry",
+	uploading: "Uploading",
+	uploaded: "Uploaded",
+	failed: "Failed",
+	pending: "Pending"
+}, o = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: "h-5 w-5 opacity-60 flex-shrink-0",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+	})
+}), s = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M6 18L18 6M6 6l12 12"
+	})
+}), c = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+	})
+}), l = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	children: /* @__PURE__ */ r("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M5 13l4 4L19 7"
+	})
 });
-function v(r, s) {
-  switch (r) {
-    case "pending":
-      return /* @__PURE__ */ e(a, {
-        variant: "ghost",
-        size: "xs",
-        children: s.pending
-      });
-    case "uploading":
-      return /* @__PURE__ */ e(a, {
-        variant: "info",
-        size: "xs",
-        children: s.uploading
-      });
-    case "success":
-      return /* @__PURE__ */ n(a, {
-        variant: "success",
-        size: "xs",
-        children: [
-          /* @__PURE__ */ e(g, {}),
-          " ",
-          s.uploaded
-        ]
-      });
-    case "error":
-      return /* @__PURE__ */ e(a, {
-        variant: "error",
-        size: "xs",
-        children: s.failed
-      });
-  }
+function u(e, n) {
+	switch (e) {
+		case "pending": return /* @__PURE__ */ r(t, {
+			variant: "ghost",
+			size: "xs",
+			children: n.pending
+		});
+		case "uploading": return /* @__PURE__ */ r(t, {
+			variant: "info",
+			size: "xs",
+			children: n.uploading
+		});
+		case "success": return /* @__PURE__ */ i(t, {
+			variant: "success",
+			size: "xs",
+			children: [
+				/* @__PURE__ */ r(l, {}),
+				" ",
+				n.uploaded
+			]
+		});
+		case "error": return /* @__PURE__ */ r(t, {
+			variant: "error",
+			size: "xs",
+			children: n.failed
+		});
+	}
 }
-var z = ({ item: r, labels: s, onRemove: i, onRetry: l, onCancel: c }) => {
-  const d = {
-    ...p,
-    ...s
-  };
-  return /* @__PURE__ */ n("div", {
-    className: "flex items-center gap-3 px-3 py-2 rounded-lg bg-base-200/50 hover:bg-base-200 transition-colors min-h-[52px]",
-    children: [
-      /* @__PURE__ */ e(u, {}),
-      /* @__PURE__ */ n("div", {
-        className: "flex-1 min-w-0",
-        children: [
-          /* @__PURE__ */ n("div", {
-            className: "flex items-center gap-2",
-            children: [/* @__PURE__ */ e("span", {
-              className: "text-sm font-medium truncate",
-              children: r.file.name
-            }), v(r.status, d)]
-          }),
-          /* @__PURE__ */ n("div", {
-            className: "flex items-center gap-2 mt-0.5",
-            children: [/* @__PURE__ */ e("span", {
-              className: "text-xs opacity-50",
-              children: h(r.file.size)
-            }), r.error && /* @__PURE__ */ e("span", {
-              className: "text-xs text-error truncate",
-              children: r.error
-            })]
-          }),
-          r.status === "uploading" && /* @__PURE__ */ e("div", {
-            className: "mt-1",
-            children: /* @__PURE__ */ e("progress", {
-              className: "progress progress-primary w-full h-1.5",
-              value: r.progress,
-              max: 100
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flex items-center gap-1 flex-shrink-0",
-        children: [
-          r.status === "error" && /* @__PURE__ */ e(o, {
-            variant: "ghost",
-            size: "xs",
-            circle: !0,
-            onClick: () => l(r.id),
-            className: "text-info",
-            children: /* @__PURE__ */ e(m, {})
-          }),
-          r.status === "uploading" && /* @__PURE__ */ e(o, {
-            variant: "ghost",
-            size: "xs",
-            circle: !0,
-            onClick: () => c(r.id),
-            className: "text-warning",
-            children: /* @__PURE__ */ e(t, {})
-          }),
-          (r.status === "pending" || r.status === "success" || r.status === "error") && /* @__PURE__ */ e(o, {
-            variant: "ghost",
-            size: "xs",
-            circle: !0,
-            onClick: () => i(r.id),
-            className: "text-error",
-            children: /* @__PURE__ */ e(t, {})
-          })
-        ]
-      })
-    ]
-  });
-};
-export {
-  z as FileItem
+var d = ({ item: t, labels: l, onRemove: d, onRetry: f, onCancel: p }) => {
+	let m = {
+		...a,
+		...l
+	};
+	return /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-3 px-3 py-2 rounded-lg bg-base-200/50 hover:bg-base-200 transition-colors min-h-[52px]",
+		children: [
+			/* @__PURE__ */ r(o, {}),
+			/* @__PURE__ */ i("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ r("span", {
+							className: "text-sm font-medium truncate",
+							children: t.file.name
+						}), u(t.status, m)]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-2 mt-0.5",
+						children: [/* @__PURE__ */ r("span", {
+							className: "text-xs opacity-50",
+							children: n(t.file.size)
+						}), t.error && /* @__PURE__ */ r("span", {
+							className: "text-xs text-error truncate",
+							children: t.error
+						})]
+					}),
+					t.status === "uploading" && /* @__PURE__ */ r("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ r("progress", {
+							className: "progress progress-primary w-full h-1.5",
+							value: t.progress,
+							max: 100
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-1 flex-shrink-0",
+				children: [
+					t.status === "error" && /* @__PURE__ */ r(e, {
+						variant: "ghost",
+						size: "xs",
+						circle: !0,
+						onClick: () => f(t.id),
+						className: "text-info",
+						children: /* @__PURE__ */ r(c, {})
+					}),
+					t.status === "uploading" && /* @__PURE__ */ r(e, {
+						variant: "ghost",
+						size: "xs",
+						circle: !0,
+						onClick: () => p(t.id),
+						className: "text-warning",
+						children: /* @__PURE__ */ r(s, {})
+					}),
+					(t.status === "pending" || t.status === "success" || t.status === "error") && /* @__PURE__ */ r(e, {
+						variant: "ghost",
+						size: "xs",
+						circle: !0,
+						onClick: () => d(t.id),
+						className: "text-error",
+						children: /* @__PURE__ */ r(s, {})
+					})
+				]
+			})
+		]
+	});
 };
+//#endregion
+export { d as FileItem };
 
 //# sourceMappingURL=FileItem.js.map

package/dist/components/FileUploader/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.js","names":[],"sources":["../../../src/components/FileUploader/FileItem.tsx"],"sourcesContent":["import React from 'react';\nimport { FileItemProps, UploadStatus } from './types';\nimport Badge from '../Badge';\nimport Button from '../Button';\nimport { formatFileSize } from './DropZone';\n\nconst defaultLabels = {\n    removeFile: 'Remove',\n    retryFile: 'Retry',\n    uploading: 'Uploading',\n    uploaded: 'Uploaded',\n    failed: 'Failed',\n    pending: 'Pending',\n};\n\n// --- Icons ---\n\nconst FileIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 opacity-60 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n    </svg>\n);\n\nconst RemoveIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n);\n\nconst RetryIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n    </svg>\n);\n\nconst CheckIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n    </svg>\n);\n\n// --- Status Badge ---\n\nfunction statusBadge(status: UploadStatus, labels: typeof defaultLabels) {\n    switch (status) {\n        case 'pending':\n            return <Badge variant=\"ghost\" size=\"xs\">{labels.pending}</Badge>;\n        case 'uploading':\n            return <Badge variant=\"info\" size=\"xs\">{labels.uploading}</Badge>;\n        case 'success':\n            return <Badge variant=\"success\" size=\"xs\"><CheckIcon /> {labels.uploaded}</Badge>;\n        case 'error':\n            return <Badge variant=\"error\" size=\"xs\">{labels.failed}</Badge>;\n    }\n}\n\n// --- Component ---\n\nexport const FileItem: React.FC<FileItemProps> = ({\n    item,\n    labels: userLabels,\n    onRemove,\n    onRetry,\n    onCancel,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n\n    return (\n        <div className=\"flex items-center gap-3 px-3 py-2 rounded-lg bg-base-200/50 hover:bg-base-200 transition-colors min-h-[52px]\">\n            {/* File icon */}\n            <FileIcon />\n\n            {/* File info */}\n            <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium truncate\">{item.file.name}</span>\n                    {statusBadge(item.status, labels)}\n                </div>\n                <div className=\"flex items-center gap-2 mt-0.5\">\n                    <span className=\"text-xs opacity-50\">{formatFileSize(item.file.size)}</span>\n                    {item.error && (\n                        <span className=\"text-xs text-error truncate\">{item.error}</span>\n                    )}\n                </div>\n\n                {/* Progress bar */}\n                {item.status === 'uploading' && (\n                    <div className=\"mt-1\">\n                        <progress\n                            className=\"progress progress-primary w-full h-1.5\"\n                            value={item.progress}\n                            max={100}\n                        />\n                    </div>\n                )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-1 flex-shrink-0\">\n                {item.status === 'error' && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onRetry(item.id)}\n                        className=\"text-info\"\n                    >\n                        <RetryIcon />\n                    </Button>\n                )}\n                {item.status === 'uploading' && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onCancel(item.id)}\n                        className=\"text-warning\"\n                    >\n                        <RemoveIcon />\n                    </Button>\n                )}\n                {(item.status === 'pending' || item.status === 'success' || item.status === 'error') && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onRemove(item.id)}\n                        className=\"text-error\"\n                    >\n                        <RemoveIcon />\n                    </Button>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FileItem.js","names":[],"sources":["../../../src/components/FileUploader/FileItem.tsx"],"sourcesContent":["import React from 'react';\nimport { FileItemProps, UploadStatus } from './types';\nimport Badge from '../Badge';\nimport Button from '../Button';\nimport { formatFileSize } from './DropZone';\n\nconst defaultLabels = {\n    removeFile: 'Remove',\n    retryFile: 'Retry',\n    uploading: 'Uploading',\n    uploaded: 'Uploaded',\n    failed: 'Failed',\n    pending: 'Pending',\n};\n\n// --- Icons ---\n\nconst FileIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 opacity-60 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n    </svg>\n);\n\nconst RemoveIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n);\n\nconst RetryIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n    </svg>\n);\n\nconst CheckIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n    </svg>\n);\n\n// --- Status Badge ---\n\nfunction statusBadge(status: UploadStatus, labels: typeof defaultLabels) {\n    switch (status) {\n        case 'pending':\n            return <Badge variant=\"ghost\" size=\"xs\">{labels.pending}</Badge>;\n        case 'uploading':\n            return <Badge variant=\"info\" size=\"xs\">{labels.uploading}</Badge>;\n        case 'success':\n            return <Badge variant=\"success\" size=\"xs\"><CheckIcon /> {labels.uploaded}</Badge>;\n        case 'error':\n            return <Badge variant=\"error\" size=\"xs\">{labels.failed}</Badge>;\n    }\n}\n\n// --- Component ---\n\nexport const FileItem: React.FC<FileItemProps> = ({\n    item,\n    labels: userLabels,\n    onRemove,\n    onRetry,\n    onCancel,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n\n    return (\n        <div className=\"flex items-center gap-3 px-3 py-2 rounded-lg bg-base-200/50 hover:bg-base-200 transition-colors min-h-[52px]\">\n            {/* File icon */}\n            <FileIcon />\n\n            {/* File info */}\n            <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium truncate\">{item.file.name}</span>\n                    {statusBadge(item.status, labels)}\n                </div>\n                <div className=\"flex items-center gap-2 mt-0.5\">\n                    <span className=\"text-xs opacity-50\">{formatFileSize(item.file.size)}</span>\n                    {item.error && (\n                        <span className=\"text-xs text-error truncate\">{item.error}</span>\n                    )}\n                </div>\n\n                {/* Progress bar */}\n                {item.status === 'uploading' && (\n                    <div className=\"mt-1\">\n                        <progress\n                            className=\"progress progress-primary w-full h-1.5\"\n                            value={item.progress}\n                            max={100}\n                        />\n                    </div>\n                )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-1 flex-shrink-0\">\n                {item.status === 'error' && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onRetry(item.id)}\n                        className=\"text-info\"\n                    >\n                        <RetryIcon />\n                    </Button>\n                )}\n                {item.status === 'uploading' && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onCancel(item.id)}\n                        className=\"text-warning\"\n                    >\n                        <RemoveIcon />\n                    </Button>\n                )}\n                {(item.status === 'pending' || item.status === 'success' || item.status === 'error') && (\n                    <Button\n                        variant=\"ghost\"\n                        size=\"xs\"\n                        circle\n                        onClick={() => onRemove(item.id)}\n                        className=\"text-error\"\n                    >\n                        <RemoveIcon />\n                    </Button>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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"}