0.3.1 UI修复

2026-01-18 19:01:31 +08:00
parent 90a38b48cf
commit 8a5b915002
86 changed files with 1160 additions and 2867 deletions
@@ -354,15 +354,46 @@ const MediaBlockContent = ({ block, editor }: any) => {
      );
    }
    if (assetType === "file") {
+      // 根据文件扩展名确定图标颜色
+      const getIconColor = () => {
+        const ext = (extension ?? "").toLowerCase().replace(/^\./, "");
+        if (ext === "pdf") return "text-red-500";
+        if (["doc", "docx"].includes(ext)) return "text-blue-600";
+        if (["xls", "xlsx"].includes(ext)) return "text-green-600";
+        if (["ppt", "pptx"].includes(ext)) return "text-orange-500";
+        return "text-[#9B9A97]";
+      };
+
      return (
-        <div className="flex items-center gap-3 rounded-2xl border border-gray-200 bg-white p-4 shadow-sm">
-          <span className="rounded-full bg-[#2563eb]/10 p-3 text-[#2563eb]">    
-            <Paperclip className="h-5 w-5" />
+        <div
+          role="button"
+          tabIndex={0}
+          onClick={() => {
+            if (isOfficeDoc) {
+              void openWithOnlyOffice();
+            } else {
+              downloadAsset();
+            }
+          }}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (isOfficeDoc) {
+                void openWithOnlyOffice();
+              } else {
+                downloadAsset();
+              }
+            }
+          }}
+          className="group flex items-center gap-2 px-3 py-2 rounded-[4px] bg-white hover:bg-[#F5F5F5] transition-colors duration-200 cursor-pointer select-none"
+        >
+          <span className={cn("w-5 h-5 shrink-0 flex items-center justify-center", getIconColor())}>
+            <Paperclip className="h-4 w-4" />
          </span>
-          <div className="flex-1">
-            <p className="text-sm font-medium text-gray-800">{displayFileName}</p>
+          <div className="flex flex-col justify-center gap-0.5 overflow-hidden">
+            <p className="text-[14px] text-[#37352F] font-normal truncate">{displayFileName}</p>
            {block.props.fileSize ? (
-              <p className="text-xs text-gray-500">{formatFileSize(block.props.fileSize)}</p>
+              <p className="text-[12px] text-[#999999]">{formatFileSize(block.props.fileSize)}</p>
            ) : null}
          </div>
        </div>