From ea670adde2c524f9aea8a63b9e4e9f27fabc4be2 Mon Sep 17 00:00:00 2001
From: qing <1776177662@qq.com>
Date: Thu, 30 Jul 2026 22:21:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(static):=20dnfs=20=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E9=9A=8F=E5=86=85=E5=AE=B9=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E8=B0=83=E6=95=B4=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- textarea 输入时自动增长，最小 120px，最大 400px
- 超过最大高度后出现滚动条，避免页面无限撑开
- 编辑已有节点时自动适配内容高度
- 提交/重置/退出编辑后恢复初始高度
- 禁用手动拖拽 resize，由自动增长统一控制
---
 static/public/css/theme.css |  3 +++
 static/public/js/dnfs.js    | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/static/public/css/theme.css b/static/public/css/theme.css
index b19d08a..196e04d 100644
--- a/static/public/css/theme.css
+++ b/static/public/css/theme.css
@@ -491,7 +491,10 @@ input[type="button"]:disabled {
 	padding: 0.9rem 1rem;
 	font-size: 0.95rem;
 	min-height: 120px;
+	max-height: 400px;
 	line-height: 1.7;
+	overflow-y: hidden;
+	resize: none;
 }
 
 /* ===== Markdown Content ===== */
diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js
index b5e4e91..5005a1d 100644
--- a/static/public/js/dnfs.js
+++ b/static/public/js/dnfs.js
@@ -105,6 +105,7 @@ async function addNode(pid, title, content) {
 
 		input_note_title.value = "";
 		input_note_content.value = "";
+		cancelEdit();	/* 退出编辑模式并重置高度 */
 		getNode(stack[stack.length - 1]).then(load_notes);
 		getNode(stack[stack.length - 1]).then(loadMap)
 
@@ -455,6 +456,21 @@ var is_expand = window.innerWidth >= PANEL_EXPAND_MIN_WIDTH;
 var editing_id = null;	/* 编辑模式：正在编辑的节点 id，null 表示当前是新增模式 */
 var moving_node = null;	/* 移动模式：待移动的节点 {id, pid, title, content}，null 表示未在移动 */
 
+/* ===== 输入框自动高度调整 ===== */
+function autoResizeTextarea(el) {
+	el.style.height = 'auto';
+	el.style.height = Math.min(el.scrollHeight, 400) + 'px';
+	el.style.overflowY = el.scrollHeight > 400 ? 'auto' : 'hidden';
+}
+input_note_content.addEventListener('input', function() {
+	autoResizeTextarea(input_note_content);
+});
+function resetTextareaHeight() {
+	input_note_content.style.height = '120px';
+	input_note_content.style.overflowY = 'hidden';
+}
+autoResizeTextarea(input_note_content);	/* 初始化高度 */
+
 input_note_submit.addEventListener('click', function(event) {
 	if (input_note_submit.disabled) return;	// 防重复点击
 	var title = input_note_title.value
@@ -503,6 +519,7 @@ function startEdit(item) {
 	input_note_title.value = item.title;
 	input_note_content.value = item.content;
 	input_note_submit.textContent = "保存修改";
+	autoResizeTextarea(input_note_content);	/* 根据载入内容调整高度 */
 	input_note_title.scrollIntoView({ behavior: 'smooth', block: 'center' });
 	input_note_title.focus();
 }
@@ -511,6 +528,7 @@ function startEdit(item) {
 function cancelEdit() {
 	editing_id = null;
 	input_note_submit.textContent = "提交";
+	resetTextareaHeight();	/* 恢复初始高度 */
 }
 
 function load_notes(main_node) {