@rxdrag/website-lib-core 0.0.127 → 0.0.128

package/src/react/components/ContactForm/Textarea.tsx

@@ -1,48 +1,48 @@
-import { forwardRef } from "react";
-import { FieldConfig } from "./types";
-
-export type TextareaProps = Omit<FieldConfig, "feildStyle"> & {
-  requiredClassName?: string;
-  value?: string;
-  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-  error?: string;
-};
-
-export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
-  (props, ref) => {
-    const {
-      label,
-      name,
-      required,
-      requiredClassName,
-      labelClassName,
-      inputClassName,
-      rows = 8,
-      value,
-      onChange,
-      error,
-      ...rest
-    } = props;
-
-    return (
-      <div {...rest}>
-        <label htmlFor={name} className={labelClassName}>
-          {label}
-          {required ? <span className={requiredClassName}>*</span> : ""}
-        </label>
-        <textarea
-          ref={ref}
-          id={name}
-          name={name}
-          required={required}
-          className={inputClassName}
-          rows={rows}
-          value={value}
-          onChange={onChange}
-          autoComplete={name}
-        />
-        {error && <p className="text-red-500 mt-1">{error}</p>}
-      </div>
-    );
-  }
-);
+import { forwardRef } from "react";
+import { FieldConfig } from "./types";
+
+export type TextareaProps = Omit<FieldConfig, "feildStyle"> & {
+  requiredClassName?: string;
+  value?: string;
+  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  error?: string;
+};
+
+export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
+  (props, ref) => {
+    const {
+      label,
+      name,
+      required,
+      requiredClassName,
+      labelClassName,
+      inputClassName,
+      rows = 8,
+      value,
+      onChange,
+      error,
+      ...rest
+    } = props;
+
+    return (
+      <div {...rest}>
+        <label htmlFor={name} className={labelClassName}>
+          {label}
+          {required ? <span className={requiredClassName}>*</span> : ""}
+        </label>
+        <textarea
+          ref={ref}
+          id={name}
+          name={name}
+          required={required}
+          className={inputClassName}
+          rows={rows}
+          value={value}
+          onChange={onChange}
+          autoComplete={name}
+        />
+        {error && <p className="text-red-500 mt-1">{error}</p>}
+      </div>
+    );
+  }
+);

package/src/react/components/ContactForm/Textarea2.tsx

@@ -1,89 +1,89 @@
-import { forwardRef, useRef, useEffect, useState } from "react";
-import { TextareaProps } from "./Textarea";
-
-export const Textarea2 = forwardRef<HTMLTextAreaElement, TextareaProps>(
-  (props, ref) => {
-    const {
-      label,
-      name,
-      required,
-      requiredClassName,
-      labelClassName,
-      inputClassName,
-      className,
-      rows = 6,
-      value,
-      onChange,
-      error,
-      ...rest
-    } = props;
-
-    const [paddingTop, setPaddingTop] = useState("2.5rem");
-    const labelRef = useRef<HTMLLabelElement>(null);
-
-    useEffect(() => {
-      const labelEl = labelRef.current;
-      if (!labelEl) return;
-
-      let rafId = 0;
-      const measure = () => {
-        const height = labelEl.getBoundingClientRect().height;
-        setPaddingTop(`${height + 12}px`);
-      };
-
-      measure();
-      rafId = requestAnimationFrame(measure);
-
-      if (typeof ResizeObserver === "undefined") {
-        return () => {
-          cancelAnimationFrame(rafId);
-        };
-      }
-
-      const ro = new ResizeObserver(() => {
-        measure();
-      });
-      ro.observe(labelEl);
-
-      return () => {
-        cancelAnimationFrame(rafId);
-        ro.disconnect();
-      };
-    }, [label]);
-
-    return (
-      <div className={className} {...rest}>
-        <div className="relative w-full">
-          <label
-            ref={labelRef}
-            htmlFor={name}
-            className={`absolute left-3 top-2 opacity-70 text-sm pointer-events-none ${
-              labelClassName || ""
-            }`}
-          >
-            {label}
-            {required ? <span className={requiredClassName}>*</span> : ""}
-          </label>
-          <textarea
-            ref={ref}
-            id={name}
-            name={name}
-            required={required}
-            rows={rows}
-            value={value}
-            onChange={onChange}
-            autoComplete={name}
-            style={{ paddingTop }}
-            className={`w-full px-3 pb-2 border border-gray-300 rounded-md shadow-sm focus:outline-none 
-                        focus:ring-2 focus:ring-primary-300 focus:border-transparent resize-y bg-transparent focus:bg-white transition-colors duration-200 ${
-                          inputClassName || ""
-                        }`}
-          />
-        </div>
-        {error && <p className="text-red-500 mt-1 text-sm">{error}</p>}
-      </div>
-    );
-  }
-);
-
-Textarea2.displayName = "Textarea2";
+import { forwardRef, useRef, useEffect, useState } from "react";
+import { TextareaProps } from "./Textarea";
+
+export const Textarea2 = forwardRef<HTMLTextAreaElement, TextareaProps>(
+  (props, ref) => {
+    const {
+      label,
+      name,
+      required,
+      requiredClassName,
+      labelClassName,
+      inputClassName,
+      className,
+      rows = 6,
+      value,
+      onChange,
+      error,
+      ...rest
+    } = props;
+
+    const [paddingTop, setPaddingTop] = useState("2.5rem");
+    const labelRef = useRef<HTMLLabelElement>(null);
+
+    useEffect(() => {
+      const labelEl = labelRef.current;
+      if (!labelEl) return;
+
+      let rafId = 0;
+      const measure = () => {
+        const height = labelEl.getBoundingClientRect().height;
+        setPaddingTop(`${height + 12}px`);
+      };
+
+      measure();
+      rafId = requestAnimationFrame(measure);
+
+      if (typeof ResizeObserver === "undefined") {
+        return () => {
+          cancelAnimationFrame(rafId);
+        };
+      }
+
+      const ro = new ResizeObserver(() => {
+        measure();
+      });
+      ro.observe(labelEl);
+
+      return () => {
+        cancelAnimationFrame(rafId);
+        ro.disconnect();
+      };
+    }, [label]);
+
+    return (
+      <div className={className} {...rest}>
+        <div className="relative w-full">
+          <label
+            ref={labelRef}
+            htmlFor={name}
+            className={`absolute left-3 top-2 opacity-70 text-sm pointer-events-none ${
+              labelClassName || ""
+            }`}
+          >
+            {label}
+            {required ? <span className={requiredClassName}>*</span> : ""}
+          </label>
+          <textarea
+            ref={ref}
+            id={name}
+            name={name}
+            required={required}
+            rows={rows}
+            value={value}
+            onChange={onChange}
+            autoComplete={name}
+            style={{ paddingTop }}
+            className={`w-full px-3 pb-2 border border-gray-300 rounded-md shadow-sm focus:outline-none 
+                        focus:ring-2 focus:ring-primary-300 focus:border-transparent resize-y bg-transparent focus:bg-white transition-colors duration-200 ${
+                          inputClassName || ""
+                        }`}
+          />
+        </div>
+        {error && <p className="text-red-500 mt-1 text-sm">{error}</p>}
+      </div>
+    );
+  }
+);
+
+Textarea2.displayName = "Textarea2";

package/src/react/components/ContactForm/funcs.ts

@@ -1,64 +1,64 @@
-/**
- * 简单的加密函数，用于生成防机器人的加密字段
- * @param value 需要加密的值
- * @returns 加密后的字符串
- */
-export const encrypt = (value: string, formSalt: string): string => {
-  // 获取当前时间戳，精确到分钟级别（防止频繁变化）
-  const timestamp = Math.floor(Date.now() / (60 * 1000));
-
-  // 将时间戳与盐值和输入值组合
-  const dataToEncrypt = `${formSalt}:${timestamp}:${value}`;
-
-  // 使用简单的哈希算法
-  let hash = 0;
-  for (let i = 0; i < dataToEncrypt.length; i++) {
-    const char = dataToEncrypt.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash; // 转换为32位整数
-  }
-
-  // 转换为16进制字符串并添加时间戳信息
-  return `${hash.toString(16)}_${timestamp}`;
-};
-
-/**
- * 验证加密字段是否有效
- * @param encryptedValue 加密后的字符串
- * @param originalValue 原始值（如蜜罐字段的值）
- * @param maxAgeMinutes 最大有效时间（分钟）
- * @returns 是否有效
- */
-export const verifyEncryption = (
-  formSalt: string,
-  encryptedValue: string = "",
-  originalValue: string = "",
-  maxAgeMinutes: number = 30
-): boolean => {
-  // 解析加密值
-  const parts = encryptedValue.split("_");
-  if (parts.length !== 2) {
-    return false; // 格式不正确
-  }
-
-  const [hashString, timestampString] = parts;
-  const timestamp = parseInt(timestampString, 10);
-
-  // 验证时间戳是否在有效期内
-  const currentTimestamp = Math.floor(Date.now() / (60 * 1000));
-  if (isNaN(timestamp) || currentTimestamp - timestamp > maxAgeMinutes) {
-    return false; // 时间戳无效或已过期
-  }
-
-  // 重新计算哈希值
-  const dataToEncrypt = `${formSalt}:${timestamp}:${originalValue}`;
-  let hash = 0;
-  for (let i = 0; i < dataToEncrypt.length; i++) {
-    const char = dataToEncrypt.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-
-  // 比较哈希值
-  return hashString === hash.toString(16);
-};
+/**
+ * 简单的加密函数，用于生成防机器人的加密字段
+ * @param value 需要加密的值
+ * @returns 加密后的字符串
+ */
+export const encrypt = (value: string, formSalt: string): string => {
+  // 获取当前时间戳，精确到分钟级别（防止频繁变化）
+  const timestamp = Math.floor(Date.now() / (60 * 1000));
+
+  // 将时间戳与盐值和输入值组合
+  const dataToEncrypt = `${formSalt}:${timestamp}:${value}`;
+
+  // 使用简单的哈希算法
+  let hash = 0;
+  for (let i = 0; i < dataToEncrypt.length; i++) {
+    const char = dataToEncrypt.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash; // 转换为32位整数
+  }
+
+  // 转换为16进制字符串并添加时间戳信息
+  return `${hash.toString(16)}_${timestamp}`;
+};
+
+/**
+ * 验证加密字段是否有效
+ * @param encryptedValue 加密后的字符串
+ * @param originalValue 原始值（如蜜罐字段的值）
+ * @param maxAgeMinutes 最大有效时间（分钟）
+ * @returns 是否有效
+ */
+export const verifyEncryption = (
+  formSalt: string,
+  encryptedValue: string = "",
+  originalValue: string = "",
+  maxAgeMinutes: number = 30
+): boolean => {
+  // 解析加密值
+  const parts = encryptedValue.split("_");
+  if (parts.length !== 2) {
+    return false; // 格式不正确
+  }
+
+  const [hashString, timestampString] = parts;
+  const timestamp = parseInt(timestampString, 10);
+
+  // 验证时间戳是否在有效期内
+  const currentTimestamp = Math.floor(Date.now() / (60 * 1000));
+  if (isNaN(timestamp) || currentTimestamp - timestamp > maxAgeMinutes) {
+    return false; // 时间戳无效或已过期
+  }
+
+  // 重新计算哈希值
+  const dataToEncrypt = `${formSalt}:${timestamp}:${originalValue}`;
+  let hash = 0;
+  for (let i = 0; i < dataToEncrypt.length; i++) {
+    const char = dataToEncrypt.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+
+  // 比较哈希值
+  return hashString === hash.toString(16);
+};

package/src/react/components/ContactForm/index.ts

@@ -1,7 +1,7 @@
-export * from "./ContactForm";
-export * from "./FileUpload2";
-export * from "./Input";
-export * from "./Submit";
-export * from "./Textarea";
-export * from "./funcs";
-export * from "./types";
+export * from "./ContactForm";
+export * from "./FileUpload2";
+export * from "./Input";
+export * from "./Submit";
+export * from "./Textarea";
+export * from "./funcs";
+export * from "./types";

package/src/react/components/ContactForm/types.ts

@@ -1,68 +1,68 @@
-import { HTMLInputTypeAttribute } from "react";
-
-export type FieldStyle = "default" | "label-inline" | string;
-
-export type FieldConfig = {
-  name: string;
-  label: string;
-  controlName?: string;
-  required?: boolean;
-  placeholder?: string;
-  className?: string;
-  labelClassName?: string;
-  inputClassName?: string;
-  rows?: number;
-  type?: HTMLInputTypeAttribute;
-  autoFocus?: boolean;
-  feildStyle?: FieldStyle;
-  isExtends?: boolean;
-};
-
-export type SubmitConfig = {
-  containerClassName?: string;
-  className?: string;
-  title?: string;
-  rawHtml?: string;
-  //rawHtml模式时，用于触发tailwind编译
-  needClasses?: string;
-};
-
-export type ContactFormProps = {
-  submit?: SubmitConfig;
-  actionUrl?: string;
-  formSalt: string;
-  className?: string;
-  classNames?: {
-    inputContainer?: string;
-    input?: string;
-    label?: string;
-    required?: string;
-  };
-  fields: FieldConfig[];
-  fromCta?: string;
-};
-
-export interface FileAttachment {
-  id: string;
-  name: string;
-  size: number;
-  url: string;
-}
-
-export interface QuoteRequest {
-  name?: string;
-  email?: string;
-  company?: string;
-  message?: string;
-  fromCta?: string;
-  // 电话或者whatsapp
-  mobile?: string;
-  // 蜜罐字段，用于检测机器人
-  phone: string;
-  // 一个加密字段，用于防机器人，点击时附加一个加密的字符串
-  encryptedField?: string;
-  // 附件文件信息列表（包含 ID, 名称, 大小, URL）
-  attachments?: FileAttachment[];
-  extents?: Record<string, unknown>;
-  [key: string]: unknown;
-}
+import { HTMLInputTypeAttribute } from "react";
+
+export type FieldStyle = "default" | "label-inline" | string;
+
+export type FieldConfig = {
+  name: string;
+  label: string;
+  controlName?: string;
+  required?: boolean;
+  placeholder?: string;
+  className?: string;
+  labelClassName?: string;
+  inputClassName?: string;
+  rows?: number;
+  type?: HTMLInputTypeAttribute;
+  autoFocus?: boolean;
+  feildStyle?: FieldStyle;
+  isExtends?: boolean;
+};
+
+export type SubmitConfig = {
+  containerClassName?: string;
+  className?: string;
+  title?: string;
+  rawHtml?: string;
+  //rawHtml模式时，用于触发tailwind编译
+  needClasses?: string;
+};
+
+export type ContactFormProps = {
+  submit?: SubmitConfig;
+  actionUrl?: string;
+  formSalt: string;
+  className?: string;
+  classNames?: {
+    inputContainer?: string;
+    input?: string;
+    label?: string;
+    required?: string;
+  };
+  fields: FieldConfig[];
+  fromCta?: string;
+};
+
+export interface FileAttachment {
+  id: string;
+  name: string;
+  size: number;
+  url: string;
+}
+
+export interface QuoteRequest {
+  name?: string;
+  email?: string;
+  company?: string;
+  message?: string;
+  fromCta?: string;
+  // 电话或者whatsapp
+  mobile?: string;
+  // 蜜罐字段，用于检测机器人
+  phone: string;
+  // 一个加密字段，用于防机器人，点击时附加一个加密的字符串
+  encryptedField?: string;
+  // 附件文件信息列表（包含 ID, 名称, 大小, URL）
+  attachments?: FileAttachment[];
+  extents?: Record<string, unknown>;
+  [key: string]: unknown;
+}