@windrun-huaiin/third-ui 5.11.0 → 5.11.2

package/dist/main/index.d.mts

@@ -103,4 +103,76 @@ interface SplitButtonProps {
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };
+interface AIPromptTextareaProps {
+    /**
+     * Textarea value reference
+     */
+    value: string;
+    /**
+     * Textarea value change handler
+     */
+    onChange: (value: string) => void;
+    /**
+     * Word limit value reference
+     */
+    isWordLimit: boolean;
+    /**
+     * Word limit value change handler
+     */
+    onWordLimitChange: (isLimit: boolean) => void;
+    /**
+     * Placeholder
+     */
+    placeholder?: string;
+    /**
+     * Disabled switch condition, default is false
+     */
+    disabled?: boolean;
+    /**
+     * Maximum words
+     */
+    maxWords?: number;
+    /**
+     * Word count unit title
+     */
+    wordUnitTitle?: string;
+    /**
+     * Minimum height, px
+     */
+    minHeight?: number;
+    /**
+     * Maximum height, px
+     */
+    maxHeight?: number;
+    /**
+     * Word count switch, default is true
+     */
+    showWordCount?: boolean;
+    /**
+     * Auto scroll switch, default is true
+     */
+    autoScroll?: boolean;
+    /**
+     * Extra scroll space, px
+     */
+    extraScrollSpace?: number;
+    /**
+     * Custome tailwindcss style
+     */
+    className?: string;
+    /**
+     * Title text, if not provided, no title will be rendered
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Embed title inside textarea, default is false
+     */
+    embed?: boolean;
+}
+declare function AIPromptTextarea({ value, onChange, placeholder, disabled, maxWords, wordUnitTitle, minHeight, maxHeight, className, showWordCount, autoScroll, extraScrollSpace, isWordLimit, onWordLimitChange, title, description, embed }: AIPromptTextareaProps): react_jsx_runtime.JSX.Element;
+
+export { AIPromptTextarea, AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.d.ts

@@ -103,4 +103,76 @@ interface SplitButtonProps {
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };
+interface AIPromptTextareaProps {
+    /**
+     * Textarea value reference
+     */
+    value: string;
+    /**
+     * Textarea value change handler
+     */
+    onChange: (value: string) => void;
+    /**
+     * Word limit value reference
+     */
+    isWordLimit: boolean;
+    /**
+     * Word limit value change handler
+     */
+    onWordLimitChange: (isLimit: boolean) => void;
+    /**
+     * Placeholder
+     */
+    placeholder?: string;
+    /**
+     * Disabled switch condition, default is false
+     */
+    disabled?: boolean;
+    /**
+     * Maximum words
+     */
+    maxWords?: number;
+    /**
+     * Word count unit title
+     */
+    wordUnitTitle?: string;
+    /**
+     * Minimum height, px
+     */
+    minHeight?: number;
+    /**
+     * Maximum height, px
+     */
+    maxHeight?: number;
+    /**
+     * Word count switch, default is true
+     */
+    showWordCount?: boolean;
+    /**
+     * Auto scroll switch, default is true
+     */
+    autoScroll?: boolean;
+    /**
+     * Extra scroll space, px
+     */
+    extraScrollSpace?: number;
+    /**
+     * Custome tailwindcss style
+     */
+    className?: string;
+    /**
+     * Title text, if not provided, no title will be rendered
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Embed title inside textarea, default is false
+     */
+    embed?: boolean;
+}
+declare function AIPromptTextarea({ value, onChange, placeholder, disabled, maxWords, wordUnitTitle, minHeight, maxHeight, className, showWordCount, autoScroll, extraScrollSpace, isWordLimit, onWordLimitChange, title, description, embed }: AIPromptTextareaProps): react_jsx_runtime.JSX.Element;
+
+export { AIPromptTextarea, AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.js

@@ -80,6 +80,7 @@ var __async = (__this, __arguments, generator) => {
 // src/main/index.ts
 var main_exports = {};
 __export(main_exports, {
+  AIPromptTextarea: () => AIPromptTextarea,
   AdsAlertDialog: () => AdsAlertDialog,
   CTA: () => CTA,
   FAQ: () => FAQ,
@@ -6201,8 +6202,151 @@ function XButton(props) {
     )
   ] });
 }
+
+// src/main/ai-prompt-textarea.tsx
+var import_react43 = require("react");
+var import_jsx_runtime57 = require("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 = (0, import_react43.useRef)(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);
+      }
+    }
+  };
+  (0, import_react43.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-xl font-semibold text-foreground", children: title }),
+      (description == null ? void 0 : description.trim()) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-gray-400 ml-2", children: description })
+    ] });
+  };
+  const renderTextarea = (isEmbedded = false) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "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__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      "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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "p-4 pb-2", children: renderTitle() }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", { className: "border-t-1 border-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "p-1", children: renderTextarea(true) })
+      ] }),
+      renderWordCount()
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
+    renderTitle(),
+    renderTextarea(),
+    renderWordCount()
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AIPromptTextarea,
   AdsAlertDialog,
   CTA,
   FAQ,