From 7db95ed677fd598af8b0447f3bcf3ce1999d996b Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Thu, 8 Jan 2026 23:10:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=87=AA=E5=AE=9A=E4=B9=89=E5=A4=9A?=
 =?UTF-8?q?=E8=A1=8C=E5=AF=8C=E6=96=87=E6=9C=AC=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/MduiPatchedTextAreaElement.ts | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/client/ui/MduiPatchedTextAreaElement.ts b/client/ui/MduiPatchedTextAreaElement.ts
index a028b8e..0459886 100644
--- a/client/ui/MduiPatchedTextAreaElement.ts
+++ b/client/ui/MduiPatchedTextAreaElement.ts
@@ -3,8 +3,8 @@ import { $ } from "mdui"
 export default class MduiPatchedTextAreaElement extends HTMLElement {
     static observedAttributes = ['value', 'placeholder']
     declare inputDiv?: HTMLDivElement
-    declare inputPlaceHolderDiv?: HTMLDivElement
     declare inputContainerDiv?: HTMLDivElement
+    declare placeholder?: string | number | null
     constructor() {
         super()
 
@@ -18,8 +18,10 @@ export default class MduiPatchedTextAreaElement extends HTMLElement {
         this.inputContainerDiv = new DOMParser().parseFromString(`
             <div style="overflow-y: auto; height: 100%;">
                 <div role="textbox" aria-multiline="true" aria-labelledby="txtboxMultilineLabel" contentEditable="true" style="outline: none !important; color: rgb(var(--mdui-color-on-surface-variant)); display: inline-block; word-break: break-word; white-space: pre-wrap;"></div>
-                <div style="display: none;"></div>
                 <style>
+                    [contenteditable="true"]:empty:before {
+                        content: attr(data-placeholder);
+                    }
                     *::-webkit-scrollbar {
                         width: 7px;
                         height: 10px;
@@ -51,15 +53,8 @@ export default class MduiPatchedTextAreaElement extends HTMLElement {
             </div>
         `, 'text/html').body.firstChild as HTMLDivElement
 
-        console.log(this.inputContainerDiv.children)
         this.inputDiv = this.inputContainerDiv.children[0] as HTMLDivElement
-        this.inputPlaceHolderDiv = this.inputContainerDiv.children[1] as HTMLDivElement
 
-        this.inputDiv.addEventListener('input', () => {
-            // TODO: 修复 placeholder
-            this.inputPlaceHolderDiv!.style.display = this.value == '' ? '' : 'none'
-            this.inputDiv!.style.display = this.value == '' ? 'none' : ''
-        })
         this.inputDiv.addEventListener('blur', () => {
             if (this._lastValue !== this.value) {
                 this._lastValue = this.value || ''
@@ -73,16 +68,19 @@ export default class MduiPatchedTextAreaElement extends HTMLElement {
 
         this.inputDiv.style.width = '100%'
 
+        $(this.inputDiv).attr('data-placeholder', $(this).attr('placeholder'))
+
         shadow.appendChild(this.inputContainerDiv)
     }
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
+        console.log(this.inputDiv, name, oldValue, newValue)
         switch (name) {
             case 'value': {
                 this.value = newValue || ''
                 break
             }
             case 'placeholder': {
-                this.inputPlaceHolderDiv && (this.inputPlaceHolderDiv.innerText = newValue || '')
+                this.inputDiv && $(this.inputDiv).attr('data-placeholder', newValue)
                 break
             }
         }