@windrun-huaiin/third-ui 5.11.0 → 5.11.1

package/dist/main/index.mjs

@@ -6159,7 +6159,150 @@ function XButton(props) {
     )
   ] });
 }
+
+// src/main/ai-prompt-textarea.tsx
+import { useEffect as useEffect18, useRef as useRef13 } from "react";
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+function AIPromptTextarea({
+  value,
+  onChange,
+  placeholder = "Enter your prompt...",
+  disabled = false,
+  maxWords = 400,
+  wordUnitTitle = "words",
+  minHeight = 150,
+  maxHeight = 300,
+  className = "",
+  showWordCount = true,
+  autoScroll = true,
+  extraScrollSpace = 100,
+  isWordLimit,
+  onWordLimitChange,
+  title,
+  description,
+  embed = false
+}) {
+  const textareaRef = useRef13(null);
+  const wordArray = value.trim().split(/\s+/).filter(Boolean);
+  const wordCount = wordArray.length;
+  const adjustTextareaHeight = () => {
+    if (textareaRef.current) {
+      const textarea = textareaRef.current;
+      const oldHeight = textarea.style.height;
+      textarea.style.height = "auto";
+      const contentHeight = textarea.scrollHeight;
+      let newHeight = Math.max(contentHeight, minHeight);
+      newHeight = Math.min(newHeight, maxHeight);
+      textarea.style.height = `${newHeight}px`;
+      if (contentHeight > maxHeight) {
+        textarea.style.overflowY = "auto";
+      } else {
+        textarea.style.overflowY = "hidden";
+      }
+      if (autoScroll && (newHeight > parseInt(oldHeight) || !oldHeight)) {
+        setTimeout(() => {
+          const rect = textarea.getBoundingClientRect();
+          window.scrollTo({
+            top: window.pageYOffset + rect.bottom + extraScrollSpace - window.innerHeight,
+            behavior: "smooth"
+          });
+        }, 0);
+      }
+    }
+  };
+  useEffect18(() => {
+    const timer = setTimeout(() => {
+      adjustTextareaHeight();
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [value, minHeight, maxHeight, autoScroll, extraScrollSpace]);
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    const words = inputValue.trim().split(/\s+/).filter(Boolean);
+    if (wordCount >= maxWords && words.length > maxWords) {
+      onWordLimitChange(true);
+      return;
+    }
+    if (words.length > maxWords) {
+      onChange(words.slice(0, maxWords).join(" "));
+      onWordLimitChange(true);
+    } else {
+      onChange(inputValue);
+      onWordLimitChange(false);
+    }
+  };
+  const handlePaste = (e) => {
+    const paste = e.clipboardData.getData("text");
+    const currentWords = value.trim().split(/\s+/).filter(Boolean);
+    const pasteWords = paste.trim().split(/\s+/).filter(Boolean);
+    if (currentWords.length >= maxWords) {
+      e.preventDefault();
+      onWordLimitChange(true);
+      return;
+    }
+    const allowed = maxWords - currentWords.length;
+    if (pasteWords.length > allowed) {
+      e.preventDefault();
+      const newWords = currentWords.concat(pasteWords.slice(0, allowed));
+      onChange(newWords.join(" "));
+      onWordLimitChange(true);
+    }
+  };
+  const renderTitle = () => {
+    if (title == null ? void 0 : title.trim()) return null;
+    return /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ jsx57("span", { className: "text-xl font-semibold text-foreground", children: title }),
+      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ jsx57("span", { className: "text-sm text-gray-400 ml-1", children: description })
+    ] });
+  };
+  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ jsx57(
+    "textarea",
+    {
+      ref: textareaRef,
+      value,
+      onChange: handleInputChange,
+      onPaste: handlePaste,
+      placeholder,
+      disabled,
+      className: `w-full p-4 bg-transparent ${isEmbedded ? "border-0" : "border-2 border-border rounded-lg"} focus:outline-none focus:border-purple-400 hover:border-purple-500 transition-colors text-foreground placeholder-muted-foreground placeholder:text-base disabled:bg-muted disabled:cursor-not-allowed resize-none ${className}`,
+      style: { minHeight: `${minHeight}px` }
+    }
+  );
+  const renderWordCount = () => {
+    if (!showWordCount) return null;
+    return /* @__PURE__ */ jsx57("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs27(
+      "span",
+      {
+        className: `text-sm ${wordCount >= maxWords ? "text-red-500" : wordCount > maxWords * 0.75 ? "text-orange-500" : "text-muted-foreground"} ${isWordLimit ? "animate-bounce" : ""}`,
+        onAnimationEnd: () => onWordLimitChange(false),
+        children: [
+          wordCount,
+          "/",
+          maxWords,
+          " ",
+          wordUnitTitle
+        ]
+      }
+    ) });
+  };
+  if (embed && title) {
+    return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
+        /* @__PURE__ */ jsx57("div", { className: "p-4 pb-2", children: renderTitle() }),
+        /* @__PURE__ */ jsx57("hr", { className: "border-t-1 border-border" }),
+        /* @__PURE__ */ jsx57("div", { className: "p-1", children: renderTextarea(true) })
+      ] }),
+      renderWordCount()
+    ] });
+  }
+  return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+    renderTitle(),
+    renderTextarea(),
+    renderWordCount()
+  ] });
+}
 export {
+  AIPromptTextarea,
   AdsAlertDialog,
   CTA,
   FAQ,