feat：新增数据热力图功能

Author: dufu1991

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "youran-toolbox",
 	"private": true,
-	"version": "0.0.7",
+	"version": "0.0.8",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
@@ -41,6 +41,7 @@
 		"clsx": "^2.1.1",
 		"diff": "^8.0.3",
 		"file-saver": "^2.0.5",
+		"html-to-image": "^1.11.13",
 		"jsqr": "^1.4.0",
 		"lucide-svelte": "^0.563.0",
 		"pdf-lib": "^1.17.1",

src/lib/i18n/locales/de-DE.json

@@ -22,6 +22,10 @@
 		"rename": {
 			"title": "Stapel-Umbenennung",
 			"desc": "Dateien mit Index, Datum, Text umbenennen"
+		},
+		"heatmap": {
+			"title": "Daten-Heatmap",
+			"desc": "Excel-Daten einfügen und Heatmap automatisch generieren"
 		}
 	},
 	"classify": {
@@ -85,6 +89,46 @@
 		"detailLabel": "Details:",
 		"success": "Erfolg"
 	},
+	"heatmap": {
+		"inputData": "Dateneingabe",
+		"inputHint": "Kopieren Sie Daten aus Excel und fügen Sie sie hier ein. Tab-getrennt. 1. Zeile = Spaltenbeschriftungen (Y-Achse), 1. Spalte = Zeilenbeschriftungen (X-Achse)",
+		"inputPlaceholder": "Excel-Daten hier einfügen...",
+		"parseError": "Ungültiges Format. Mindestens 2 Zeilen und 2 Spalten mit Tab-getrennten Daten erforderlich",
+		"colorScheme": "Farbschema",
+		"color": {
+			"purple": "Lila",
+			"blue": "Blau",
+			"green": "Grün",
+			"red": "Rot",
+			"orange": "Orange",
+			"teal": "Blaugrün",
+			"pink": "Rosa",
+			"indigo": "Indigo",
+			"amber": "Bernstein",
+			"cyan": "Cyan"
+		},
+		"cellWidth": "Zellenbreite",
+		"cellHeight": "Zellenhöhe",
+		"cellGap": "Zellenabstand",
+		"xLabelAngle": "X-Achsen-Winkel",
+		"chartTitle": "Diagrammtitel",
+		"swapAxis": "XY-Achsen",
+		"swapAxisBtn": "Tauschen",
+		"titlePlaceholder": "Titel eingeben (optional)",
+		"xAxisTitleLabel": "X-Achsen-Titel",
+		"xAxisTitlePlaceholder": "z.B. Kategorie",
+		"yAxisTitleLabel": "Y-Achsen-Titel",
+		"yAxisTitlePlaceholder": "z.B. Abteilung",
+		"legendTitleLabel": "Legendentitel",
+		"legendTitlePlaceholder": "z.B. Prozent",
+		"clear": "Löschen",
+		"export": "Bild exportieren",
+		"exportPadding": "Bildabstand",
+		"exportScale": "Export-Skalierung",
+		"exportScaleHint": "Höhere Skalierung bedeutet schärfere Bilder, aber größere Dateien. 1x Originalgröße, 2x allgemeine Nutzung, 3x hochwertige Drucke",
+		"exportSuccess": "Heatmap exportiert",
+		"customColor": "Benutzerdefinierte Farbe"
+	},
 	"rename": {
 		"selectHint": "Klicken Sie, um Dateien auszuwählen",
 		"selectFiles": "Auswählen",

src/lib/i18n/locales/en.json

@@ -34,6 +34,10 @@
 		"textDiff": {
 			"title": "Text Diff",
 			"desc": "Compare differences between two texts"
+		},
+		"heatmap": {
+			"title": "Data Heatmap",
+			"desc": "Paste Excel data to generate heatmap"
 		}
 	},
 	"classify": {
@@ -399,5 +403,45 @@
 		"unchanged": "unchanged",
 		"swapped": "Texts swapped",
 		"copied": "Diff result copied"
+	},
+	"heatmap": {
+		"inputData": "Data Input",
+		"inputHint": "Copy data from Excel and paste here. Tab-separated. First row = column labels (Y-axis), first column = row labels (X-axis)",
+		"inputPlaceholder": "Paste Excel data here...",
+		"parseError": "Invalid format. Need at least 2 rows and 2 columns of tab-separated data",
+		"colorScheme": "Color Scheme",
+		"color": {
+			"purple": "Purple",
+			"blue": "Blue",
+			"green": "Green",
+			"red": "Red",
+			"orange": "Orange",
+			"teal": "Teal",
+			"pink": "Pink",
+			"indigo": "Indigo",
+			"amber": "Amber",
+			"cyan": "Cyan"
+		},
+		"cellWidth": "Cell Width",
+		"cellHeight": "Cell Height",
+		"cellGap": "Cell Gap",
+		"xLabelAngle": "X Label Angle",
+		"chartTitle": "Chart Title",
+		"swapAxis": "XY Axis",
+		"swapAxisBtn": "Swap",
+		"titlePlaceholder": "Enter title (optional)",
+		"xAxisTitleLabel": "X-Axis Title",
+		"xAxisTitlePlaceholder": "e.g. Category",
+		"yAxisTitleLabel": "Y-Axis Title",
+		"yAxisTitlePlaceholder": "e.g. Department",
+		"legendTitleLabel": "Legend Title",
+		"legendTitlePlaceholder": "e.g. Percentage",
+		"clear": "Clear",
+		"export": "Export Image",
+		"exportPadding": "Image Padding",
+		"exportScale": "Export Scale",
+		"exportScaleHint": "Higher scale means clearer image but larger file size. 1x is original size, 2x for general use, 3x for high-quality printing",
+		"exportSuccess": "Heatmap exported",
+		"customColor": "Custom Color"
 	}
 }

src/lib/i18n/locales/es-ES.json

@@ -22,6 +22,10 @@
 		"rename": {
 			"title": "Renombrar Lote",
 			"desc": "Renombrar archivos con índice, fecha, texto personalizado"
+		},
+		"heatmap": {
+			"title": "Mapa de calor",
+			"desc": "Pegue datos de Excel para generar un mapa de calor"
 		}
 	},
 	"classify": {
@@ -85,6 +89,46 @@
 		"detailLabel": "Detalles:",
 		"success": "Éxito"
 	},
+	"heatmap": {
+		"inputData": "Entrada de datos",
+		"inputHint": "Copie datos desde Excel y péguelos aquí. Separados por tabulación. 1.ª fila = etiquetas de columnas (eje Y), 1.ª columna = etiquetas de filas (eje X)",
+		"inputPlaceholder": "Pegue datos de Excel aquí...",
+		"parseError": "Formato inválido. Se necesitan al menos 2 filas y 2 columnas de datos separados por tabulación",
+		"colorScheme": "Esquema de colores",
+		"color": {
+			"purple": "Púrpura",
+			"blue": "Azul",
+			"green": "Verde",
+			"red": "Rojo",
+			"orange": "Naranja",
+			"teal": "Verde azulado",
+			"pink": "Rosa",
+			"indigo": "Índigo",
+			"amber": "Ámbar",
+			"cyan": "Cian"
+		},
+		"cellWidth": "Ancho de celda",
+		"cellHeight": "Altura de celda",
+		"cellGap": "Espacio entre celdas",
+		"xLabelAngle": "Ángulo eje X",
+		"chartTitle": "Título del gráfico",
+		"swapAxis": "Ejes XY",
+		"swapAxisBtn": "Intercambiar",
+		"titlePlaceholder": "Ingrese el título (opcional)",
+		"xAxisTitleLabel": "Título eje X",
+		"xAxisTitlePlaceholder": "ej: Categoría",
+		"yAxisTitleLabel": "Título eje Y",
+		"yAxisTitlePlaceholder": "ej: Departamento",
+		"legendTitleLabel": "Título de leyenda",
+		"legendTitlePlaceholder": "ej: Porcentaje",
+		"clear": "Borrar",
+		"export": "Exportar imagen",
+		"exportPadding": "Margen de imagen",
+		"exportScale": "Escala de exportación",
+		"exportScaleHint": "Mayor escala significa imagen más nítida pero archivo más grande. 1x tamaño original, 2x uso general, 3x impresión de alta calidad",
+		"exportSuccess": "Mapa de calor exportado",
+		"customColor": "Color personalizado"
+	},
 	"rename": {
 		"selectHint": "Haz clic para seleccionar archivos",
 		"selectFiles": "Seleccionar",

src/lib/i18n/locales/fr-FR.json

@@ -22,6 +22,10 @@
 		"rename": {
 			"title": "Renommer par lot",
 			"desc": "Renommer fichiers avec index, date, texte personnalisé"
+		},
+		"heatmap": {
+			"title": "Carte thermique",
+			"desc": "Collez des données Excel pour générer une carte thermique"
 		}
 	},
 	"classify": {
@@ -85,6 +89,46 @@
 		"detailLabel": "Détails:",
 		"success": "Succès"
 	},
+	"heatmap": {
+		"inputData": "Saisie des données",
+		"inputHint": "Copiez les données depuis Excel et collez-les ici. Séparées par tabulation. 1re ligne = étiquettes de colonnes (axe Y), 1re colonne = étiquettes de lignes (axe X)",
+		"inputPlaceholder": "Collez les données Excel ici...",
+		"parseError": "Format invalide. Il faut au moins 2 lignes et 2 colonnes de données séparées par tabulation",
+		"colorScheme": "Palette de couleurs",
+		"color": {
+			"purple": "Violet",
+			"blue": "Bleu",
+			"green": "Vert",
+			"red": "Rouge",
+			"orange": "Orange",
+			"teal": "Sarcelle",
+			"pink": "Rose",
+			"indigo": "Indigo",
+			"amber": "Ambre",
+			"cyan": "Cyan"
+		},
+		"cellWidth": "Largeur de cellule",
+		"cellHeight": "Hauteur de cellule",
+		"cellGap": "Espacement",
+		"xLabelAngle": "Angle axe X",
+		"chartTitle": "Titre du graphique",
+		"swapAxis": "Axes XY",
+		"swapAxisBtn": "Permuter",
+		"titlePlaceholder": "Entrez le titre (optionnel)",
+		"xAxisTitleLabel": "Titre axe X",
+		"xAxisTitlePlaceholder": "ex : Catégorie",
+		"yAxisTitleLabel": "Titre axe Y",
+		"yAxisTitlePlaceholder": "ex : Service",
+		"legendTitleLabel": "Titre de la légende",
+		"legendTitlePlaceholder": "ex : Pourcentage",
+		"clear": "Effacer",
+		"export": "Exporter l'image",
+		"exportPadding": "Marge de l'image",
+		"exportScale": "Échelle d'export",
+		"exportScaleHint": "Plus l'échelle est grande, plus l'image est nette mais le fichier est volumineux. 1x taille originale, 2x usage général, 3x impression haute qualité",
+		"exportSuccess": "Carte thermique exportée",
+		"customColor": "Couleur personnalisée"
+	},
 	"rename": {
 		"selectHint": "Cliquez pour sélectionner des fichiers",
 		"selectFiles": "Sélectionner",

src/lib/i18n/locales/it-IT.json

@@ -22,6 +22,10 @@
 		"rename": {
 			"title": "Rinomina batch",
 			"desc": "Rinomina file con indice, data, testo personalizzato"
+		},
+		"heatmap": {
+			"title": "Mappa di calore",
+			"desc": "Incolla i dati Excel per generare una mappa di calore"
 		}
 	},
 	"classify": {
@@ -85,6 +89,46 @@
 		"detailLabel": "Dettagli:",
 		"success": "Successo"
 	},
+	"heatmap": {
+		"inputData": "Inserimento dati",
+		"inputHint": "Copia i dati da Excel e incollali qui. Separati da tabulazione. 1ª riga = etichette colonne (asse Y), 1ª colonna = etichette righe (asse X)",
+		"inputPlaceholder": "Incolla i dati Excel qui...",
+		"parseError": "Formato non valido. Servono almeno 2 righe e 2 colonne di dati separati da tabulazione",
+		"colorScheme": "Schema colori",
+		"color": {
+			"purple": "Viola",
+			"blue": "Blu",
+			"green": "Verde",
+			"red": "Rosso",
+			"orange": "Arancione",
+			"teal": "Verde acqua",
+			"pink": "Rosa",
+			"indigo": "Indaco",
+			"amber": "Ambra",
+			"cyan": "Ciano"
+		},
+		"cellWidth": "Larghezza cella",
+		"cellHeight": "Altezza cella",
+		"cellGap": "Spaziatura celle",
+		"xLabelAngle": "Angolo asse X",
+		"chartTitle": "Titolo grafico",
+		"swapAxis": "Assi XY",
+		"swapAxisBtn": "Scambia",
+		"titlePlaceholder": "Inserisci titolo (opzionale)",
+		"xAxisTitleLabel": "Titolo asse X",
+		"xAxisTitlePlaceholder": "es: Categoria",
+		"yAxisTitleLabel": "Titolo asse Y",
+		"yAxisTitlePlaceholder": "es: Reparto",
+		"legendTitleLabel": "Titolo legenda",
+		"legendTitlePlaceholder": "es: Percentuale",
+		"clear": "Cancella",
+		"export": "Esporta immagine",
+		"exportPadding": "Margine immagine",
+		"exportScale": "Scala di esportazione",
+		"exportScaleHint": "Scala maggiore significa immagine più nitida ma file più grande. 1x dimensione originale, 2x uso generale, 3x stampa di alta qualità",
+		"exportSuccess": "Mappa di calore esportata",
+		"customColor": "Colore personalizzato"
+	},
 	"rename": {
 		"selectHint": "Clicca per selezionare file",
 		"selectFiles": "Seleziona",

src/lib/i18n/locales/ja-JP.json

@@ -22,6 +22,10 @@
 		"rename": {
 			"title": "一括リネーム",
 			"desc": "連番、日付、カスタムテキストでファイル名を変更"
+		},
+		"heatmap": {
+			"title": "データヒートマップ",
+			"desc": "Excel データを貼り付けてヒートマップを自動生成"
 		}
 	},
 	"classify": {
@@ -85,6 +89,46 @@
 		"detailLabel": "詳細：",
 		"success": "成功"
 	},
+	"heatmap": {
+		"inputData": "データ入力",
+		"inputHint": "Excel からデータをコピーして貼り付けてください。Tab 区切り。1 行目 = 列ラベル（Y 軸）、1 列目 = 行ラベル（X 軸）",
+		"inputPlaceholder": "Excel データを貼り付けてください...",
+		"parseError": "データ形式が正しくありません。少なくとも 2 行 2 列の Tab 区切りデータが必要です",
+		"colorScheme": "カラースキーム",
+		"color": {
+			"purple": "パープル",
+			"blue": "ブルー",
+			"green": "グリーン",
+			"red": "レッド",
+			"orange": "オレンジ",
+			"teal": "ティール",
+			"pink": "ピンク",
+			"indigo": "インディゴ",
+			"amber": "アンバー",
+			"cyan": "シアン"
+		},
+		"cellWidth": "セル幅",
+		"cellHeight": "セルの高さ",
+		"cellGap": "セル間隔",
+		"xLabelAngle": "X 軸角度",
+		"chartTitle": "チャートタイトル",
+		"swapAxis": "XY 軸",
+		"swapAxisBtn": "切替",
+		"titlePlaceholder": "タイトルを入力（任意）",
+		"xAxisTitleLabel": "X 軸タイトル",
+		"xAxisTitlePlaceholder": "例：カテゴリ",
+		"yAxisTitleLabel": "Y 軸タイトル",
+		"yAxisTitlePlaceholder": "例：部門",
+		"legendTitleLabel": "凡例タイトル",
+		"legendTitlePlaceholder": "例：パーセント",
+		"clear": "クリア",
+		"export": "画像をエクスポート",
+		"exportPadding": "画像の余白",
+		"exportScale": "エクスポート倍率",
+		"exportScaleHint": "倍率が高いほど画像が鮮明になりますが、ファイルサイズも大きくなります。1x は原寸、2x は通常使用、3x は高品質印刷向け",
+		"exportSuccess": "ヒートマップをエクスポートしました",
+		"customColor": "カスタムカラー"
+	},
 	"rename": {
 		"selectHint": "クリックしてファイルを選択",
 		"selectFiles": "ファイル選択",