@mxmweb/zui-components 1.1.0

package/index.js

@@ -0,0 +1,4190 @@
+import { jsxs as H, jsx as n, Fragment as Qe } from "react/jsx-runtime";
+import oe, { useState as ne, useMemo as he, useEffect as fe, useRef as me, useCallback as te } from "react";
+import Z, { createGlobalStyle as lr } from "styled-components";
+import { deepMergeTheme as er, defaultTheme as ue } from "@mxmweb/zui-theme";
+import qe from "animejs/lib/anime.es.js";
+import { CircleHelp as rr, Trash as ir, File as pe, AlertCircle as Re, Upload as dr, ChevronDown as cr, ChevronRight as ur } from "lucide-react";
+import { Form as E, Input as se, Select as $e, InputNumber as ve, Slider as Le, Switch as Ie, DatePicker as we, Radio as Oe, Checkbox as je, TimePicker as Be, Tooltip as Te, Button as Ye, Tag as pr } from "antd";
+import { Button as be, DropdownMenu as hr, SharedPagination as fr } from "@mxmweb/zui-elements";
+const mr = Z.div`
+  background-color: #ffffff;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+  border-radius: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.space) == null ? void 0 : t.radius) || "8px";
+}};
+  height: 90vh;
+  overflow: hidden;
+  position: relative;
+`, br = () => {
+  fe(() => {
+    const e = "goggle-nav-icon-styles";
+    if (!document.getElementById(e)) {
+      const a = document.createElement("style");
+      a.id = e, a.innerHTML = `
+        :root { --color-gray: #64748b; --color-blue: #3b82f6; }
+        .g-nav-item { position: relative; transition: all .3s ease; border-radius: 8px; }
+        .g-nav-icon img { transition: all .3s ease; filter: grayscale(100%) brightness(100%) opacity(.7); }
+        .g-nav-text { color: var(--color-gray); transition: color .3s ease; }
+        .g-nav-item:not(.active):hover .g-nav-icon img { filter: sepia(100%) saturate(1000%) hue-rotate(200deg) brightness(80%) opacity(1); transform: scale(1.05); }
+        .g-nav-item:not(.active):hover .g-nav-text { color: var(--color-blue); font-weight: 500; }
+        .g-nav-item.active { background-color: rgba(219,234,254,0.6); }
+        .g-nav-item.active .g-nav-icon img { filter: sepia(100%) saturate(1000%) hue-rotate(200deg) brightness(100%) opacity(1); transform: scale(1.05); }
+        .g-nav-item.active .g-nav-text { color: var(--color-blue); opacity: .8; font-weight: 500; }
+        .g-nav-item.active::before { content: ''; position: absolute; left: 0; top: 30%; bottom: 30%; width: 3px; background: var(--color-blue); border-radius: 0 2px 2px 0; }
+      `, document.head.appendChild(a);
+    }
+  }, []);
+}, xa = ({
+  items: e,
+  activePath: a,
+  defaultOpen: t = !0,
+  open: i,
+  onOpenChange: u,
+  onItemClick: h,
+  logo: v,
+  className: d,
+  style: p,
+  styles: M
+}) => {
+  const C = er(
+    { theme: ue, mode: (M == null ? void 0 : M.mode) ?? "light" },
+    M
+  );
+  br();
+  const [_, I] = ne(t), o = typeof i == "boolean" ? i : _, F = (m) => {
+    typeof i == "boolean" || I(m), u == null || u(m);
+  }, [U, Q] = ne(!1), X = (m) => m ? typeof m == "string" ? /* @__PURE__ */ n("img", { src: m, className: "w-6 h-6 transition-all duration-200", alt: "nav" }) : m : null, r = he(() => ({
+    width: o ? "60px" : "20px",
+    minWidth: o ? "60px" : "20px",
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+  }), [o]);
+  return /* @__PURE__ */ H(mr, { $theme: C.theme || ue, className: `relative ${d || ""}`, style: { ...r, ...p }, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        onMouseEnter: () => Q(!0),
+        onMouseLeave: () => Q(!1),
+        className: "absolute top-1/2 -translate-y-1/2 right-1 w-6 h-6 cursor-pointer z-20 transition-all duration-300",
+        onClick: () => F(!o),
+        "aria-label": o ? "收起" : "展开",
+        role: "button",
+        children: /* @__PURE__ */ n("div", { className: "group flex items-center justify-center w-6 h-6 rounded-full transition-all duration-200", children: /* @__PURE__ */ H("div", { className: "relative w-4 h-4 flex items-center justify-center", children: [
+          /* @__PURE__ */ n("div", { className: `absolute w-[2px] h-3 bg-gray-400 rounded-full transition-all duration-300 ${U ? "opacity-0 scale-0" : "opacity-100 scale-100"}` }),
+          /* @__PURE__ */ n(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              className: `absolute w-4 h-4 stroke-gray-400 transition-all duration-300 ${U ? "opacity-100 scale-100" : "opacity-0 scale-0"} ${o ? "rotate-0" : "rotate-180"}`,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ n("polyline", { points: "15 18 9 12 15 6" })
+            }
+          )
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ H(
+      "div",
+      {
+        className: "h-full py-6 px-[2px] flex flex-col items-center",
+        style: {
+          opacity: o ? 1 : 0,
+          transform: o ? "translateX(0)" : "translateX(-10px)",
+          transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        children: [
+          /* @__PURE__ */ n("div", { className: "mb-6 transition-transform duration-300 hover:scale-105", children: typeof v == "string" ? /* @__PURE__ */ n("img", { src: v, className: "w-7 h-7", alt: "logo" }) : v || /* @__PURE__ */ n("div", { className: "w-7 h-7 rounded bg-gray-100 flex items-center justify-center text-xs text-gray-500", children: "G" }) }),
+          /* @__PURE__ */ n("div", { className: "w-full gap-y-[2px] mb-10 flex-1 overflow-x-hidden overflow-y-auto scrollbar-none flex flex-col items-center", children: e.map((m) => {
+            const V = !!(a && m.path && a.startsWith(m.path)), q = V && m.activeIcon ? m.activeIcon : m.icon;
+            return /* @__PURE__ */ H(
+              "div",
+              {
+                onClick: () => !m.disabled && (h == null ? void 0 : h(m)),
+                className: `g-nav-item group relative w-full flex flex-col items-center justify-center py-3 px-2 rounded-lg cursor-pointer transition-all duration-200 ${V ? "active bg-blue-50" : "text-gray-500 hover:bg-gray-50"}`,
+                children: [
+                  /* @__PURE__ */ H("div", { className: "relative g-nav-icon transition-transform duration-200 group-hover:scale-105", children: [
+                    X(q),
+                    m.badge && m.badge > 0 && /* @__PURE__ */ n("span", { className: "absolute -top-1 -right-1 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[10px] leading-4 text-center", children: m.badge > 99 ? "99+" : m.badge })
+                  ] }),
+                  /* @__PURE__ */ n("div", { className: "mt-1 text-xs text-center g-nav-text transition-colors duration-200", children: m.name })
+                ]
+              },
+              m.key
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}, gr = Z.div.withConfig({
+  shouldForwardProp: (e) => !["itemWidth", "itemGap"].includes(e)
+})`
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding: 12px 20px;
+  background: rgba(255, 255, 255, 0.18);
+  backdrop-filter: saturate(180%) blur(20px);
+  -webkit-backdrop-filter: saturate(180%) blur(20px);
+  border: 1px solid rgba(255, 255, 255, 0.28);
+  border-radius: 14px;
+  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25), inset 0 0.5px 0 rgba(255, 255, 255, 0.4);
+  width: fit-content;
+  margin: 0 auto;
+  min-width: ${(e) => e.itemWidth * 2}px;
+`, xr = Z.div.withConfig({
+  shouldForwardProp: (e) => !["itemWidth", "itemHeight", "itemGap", "isHovered", "magnification"].includes(e)
+})`
+  position: relative;
+  width: ${(e) => e.itemWidth}px;
+  height: ${(e) => e.itemHeight}px;
+  margin: 0 ${(e) => e.itemGap / 2}px;
+  cursor: pointer;
+  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transform: ${(e) => e.isHovered ? `scale(${e.magnification})` : "scale(1)"};
+  transform-origin: center bottom;
+  z-index: ${(e) => e.isHovered ? 10 : 1};
+`, yr = Z.img.withConfig({
+  shouldForwardProp: (e) => !["isActive"].includes(e)
+})`
+  width: 80%;
+  height: 80%;
+  object-fit: contain;
+  border-radius: 8px;
+  transition: all 0.15s ease;
+  filter: ${(e) => e.isActive ? "none" : "grayscale(0.3) brightness(0.8)"};
+
+  &:hover {
+    filter: none;
+  }
+`, $r = Z.div.withConfig({
+  shouldForwardProp: (e) => !["isActive"].includes(e)
+})`
+  position: absolute;
+  bottom: -4px;
+  left: 40%;
+  transform: translateX(-50%);
+  width: 6px;
+  height: 6px;
+  background: #007AFF;
+  border-radius: 50%;
+  opacity: ${(e) => e.isActive ? 1 : 0};
+  transition: opacity 0.2s ease;
+`, vr = Z.div.withConfig({
+  shouldForwardProp: (e) => !["visible"].includes(e)
+})`
+  position: absolute;
+  bottom: 100%;
+  left: 40%;
+  transform: translateX(-50%) translateY(-8px);
+  background: rgba(0, 0, 0, 0.8);
+  color: white;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 10px;
+  white-space: nowrap;
+  opacity: ${(e) => e.visible ? 1 : 0};
+  visibility: ${(e) => e.visible ? "visible" : "hidden"};
+  transition: all 0.2s ease;
+  z-index: 1000;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    border: 4px solid transparent;
+    border-top-color: rgba(0, 0, 0, 0.8);
+  }
+`, ya = ({
+  items: e,
+  itemWidth: a = 48,
+  itemHeight: t = 48,
+  magnification: i = 1.2,
+  itemGap: u = 13,
+  activeMode: h = "single",
+  defaultActiveId: v,
+  defaultActiveIds: d = [],
+  onItemClick: p,
+  onActiveChange: M,
+  onActiveChangeMultiple: C,
+  className: _
+}) => {
+  const [I, o] = ne(null), [F, U] = ne(null), Q = () => h === "multiple" ? d || [] : v || (e.length > 0 ? e[0].id : null), [X, r] = ne(
+    h === "single" ? Q() : null
+  ), [m, V] = ne(
+    h === "multiple" ? Q() : []
+  ), q = me(null), R = me([]), B = (A) => {
+    o(A), U(A);
+    const k = R.current[A];
+    k && qe({
+      targets: k,
+      scale: i,
+      duration: 200,
+      easing: "easeOutCubic"
+    });
+  }, J = (A) => {
+    o(null), U(null);
+    const k = R.current[A];
+    k && qe({
+      targets: k,
+      scale: 1,
+      duration: 200,
+      easing: "easeOutCubic"
+    });
+  }, G = (A, k) => {
+    if (h === "single")
+      X !== A.id && (r(A.id), M && M(A.id, A));
+    else {
+      const K = m.includes(A.id) ? m.filter((ee) => ee !== A.id) : [...m, A.id];
+      if (V(K), C) {
+        const ee = e.filter((l) => K.includes(l.id));
+        C(K, ee);
+      }
+    }
+    p && p(A, k), A.onClick && A.onClick();
+  };
+  return fe(() => {
+    R.current = R.current.slice(0, e.length);
+  }, [e.length]), /* @__PURE__ */ n(
+    gr,
+    {
+      ref: q,
+      itemWidth: a,
+      itemGap: u,
+      className: _,
+      children: e.map((A, k) => /* @__PURE__ */ H(
+        xr,
+        {
+          ref: (K) => R.current[k] = K,
+          itemWidth: a,
+          itemHeight: t,
+          itemGap: u,
+          isHovered: I === k,
+          magnification: i,
+          onMouseEnter: () => B(k),
+          onMouseLeave: () => J(k),
+          onClick: () => G(A, k),
+          children: [
+            /* @__PURE__ */ n(
+              yr,
+              {
+                src: A.icon,
+                alt: A.label,
+                isActive: h === "single" ? X === A.id : m.includes(A.id)
+              }
+            ),
+            /* @__PURE__ */ n($r, { isActive: h === "single" ? X === A.id : m.includes(A.id) }),
+            /* @__PURE__ */ n(vr, { visible: F === k, children: A.label })
+          ]
+        },
+        A.id
+      ))
+    }
+  );
+}, ar = (e) => {
+  if (e === 0) return "0 B";
+  const a = 1024, t = ["B", "KB", "MB", "GB"], i = Math.floor(Math.log(e) / Math.log(a));
+  return parseFloat((e / Math.pow(a, i)).toFixed(2)) + " " + t[i];
+}, He = () => Math.random().toString(36).substr(2, 9), wr = (e, a) => {
+  const t = { ...e.formData }, i = ["name", "filename", "title", "displayName", "fileName"], u = ["size", "fileSize", "file_size"], h = ["type", "fileType", "mimeType", "contentType"];
+  return a.forEach((v) => {
+    const d = v.name || v.field;
+    d && (i.includes(d.toLowerCase()) && !t[d] && (t[d] = e.name), u.includes(d.toLowerCase()) && !t[d] && (t[d] = ar(e.size)), h.includes(d.toLowerCase()) && !t[d] && (t[d] = e.type));
+  }), t;
+}, kr = async (e, a, t = {}, i = {}, u) => new Promise((h, v) => {
+  var _;
+  const d = new XMLHttpRequest(), p = new URL(a);
+  if (Object.entries(i).forEach(([I, o]) => {
+    p.searchParams.append(I, o);
+  }), (_ = t["Content-Type"]) == null ? void 0 : _.includes("application/json")) {
+    const I = new FileReader();
+    I.onload = () => {
+      const o = I.result, F = JSON.stringify({
+        file: o.split(",")[1]
+        // 移除 data:application/octet-stream;base64, 前缀
+      });
+      C(F);
+    }, I.onerror = () => v(new Error("文件读取失败")), I.readAsDataURL(e);
+  } else {
+    const I = new FormData();
+    I.append("tableFile", e), C(I);
+  }
+  function C(I) {
+    d.upload.addEventListener("progress", (o) => {
+      if (o.lengthComputable) {
+        const F = Math.round(o.loaded / o.total * 100);
+        u == null || u(F);
+      }
+    }), d.addEventListener("load", () => {
+      if (d.status >= 200 && d.status < 300)
+        try {
+          const o = JSON.parse(d.responseText);
+          o.data ? h(o.data) : h(d.responseText);
+        } catch {
+          h(d.responseText);
+        }
+      else {
+        console.log("====xhr.responseText", d.responseText);
+        let o = "";
+        try {
+          const U = JSON.parse(d.responseText);
+          U.errorMsg ? o = U.errorMsg : U.message ? o = U.message : U.error ? o = U.error : o = `上传失败: ${d.status} ${d.statusText}`;
+        } catch {
+          o = `上传失败: ${d.status} ${d.statusText}`;
+        }
+        const F = new Error(o);
+        F.response = {
+          status: d.status,
+          statusText: d.statusText,
+          data: d.responseText ? JSON.parse(d.responseText) : null,
+          headers: d.getAllResponseHeaders()
+        }, v(F);
+      }
+    }), d.addEventListener("error", () => {
+      const o = new Error("网络错误，上传失败");
+      o.request = d, o.type = "network", v(o);
+    }), d.addEventListener("timeout", () => {
+      const o = new Error("请求超时，上传失败");
+      o.request = d, o.type = "timeout", v(o);
+    }), d.open("POST", p.toString()), Object.entries(t).forEach(([o, F]) => {
+      d.setRequestHeader(o, F);
+    }), d.send(I);
+  }
+}), Sr = Z.div`
+  border: 2px dashed ${(e) => {
+  var a, t, i, u;
+  return e.$isDragOver ? ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff" : ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.border) || "#dee2e6";
+}};
+  border-radius: 4px;
+  background: ${(e) => {
+  var a, t, i, u;
+  return e.$isDragOver ? `${((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff"}10` : ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.background) || "#f8f9fa";
+}};
+  padding: 24px;
+  text-align: center;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  min-height: 200px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+
+  &:hover {
+    border-color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+    background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#f8f9fa";
+}};
+  }
+`, Nr = Z.div`
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+  font-size: 48px;
+  margin-bottom: 8px;
+`, Mr = Z.div`
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.text) || "#343a40";
+}};
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 4px;
+`, Ue = Z.div`
+  color: ${(e) => {
+  var a, t, i, u;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.textSecondary) || ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.disabledText) || "#6b7280";
+}};
+  font-size: 14px;
+`, Tr = Z.input`
+  display: none;
+`, Dr = Z.div`
+
+  width: 100%;
+  max-width: 600px;
+`, Cr = Z.div.attrs({
+  className: "upload-item"
+})`
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+   border-bottom: 1px solid ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.border) || "#dee2e6";
+}};
+  border: ${(e) => {
+  var a, t, i, u;
+  return e.$hasForm ? "none" : e.$status === "error" ? `1px solid ${((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000"}` : `1px solid ${((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.border) || "#dee2e6"}`;
+}};
+  border-radius: 4px;
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#ffffff";
+}};
+  transition: all 0.2s ease;
+
+  &:hover {
+    border-color: ${(e) => {
+  var a, t, i, u;
+  return e.$hasForm ? "transparent" : e.$status === "error" ? ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000" : ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.primary) || "#007bff";
+}};
+  }
+`, Fr = Z.div`
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+  margin-right: 12px;
+  flex-shrink: 0;
+`, zr = Z.div`
+  flex: 1;
+  min-width: 0;
+`, _r = Z.div`
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.text) || "#343a40";
+}};
+  font-size: 12px;
+  font-weight: 400;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, Ar = Z.div`
+  color: ${(e) => {
+  var a, t, i, u;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.textSecondary) || ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.disabledText) || "#6b7280";
+}};
+  font-size: 10px;
+`, Wr = Z.div`
+  width: 100%;
+  height: 4px;
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.border) || "#dee2e6";
+}};
+  border-radius: 2px;
+  overflow: hidden;
+  margin-top: 8px;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: ${(e) => e.$progress}%;
+    background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+    transition: width 0.3s ease;
+  }
+`, qr = Z.div`
+  margin-left: 12px;
+  flex-shrink: 0;
+  color: ${(e) => {
+  var a, t, i, u, h, v, d, p, M, C;
+  switch (e.$status) {
+    case "success":
+      return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.success) || "#008000";
+    case "error":
+      return ((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.error) || "#FF0000";
+    case "uploading":
+      return ((v = (h = e.$theme) == null ? void 0 : h.colors) == null ? void 0 : v.primary) || "#007bff";
+    case "pending":
+      return ((p = (d = e.$theme) == null ? void 0 : d.colors) == null ? void 0 : p.warning) || "#FFA500";
+    default:
+      return ((C = (M = e.$theme) == null ? void 0 : M.colors) == null ? void 0 : C.disabledText) || "#808080";
+  }
+}};
+`, Rr = Z.button`
+  background: none;
+  border: none;
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000";
+}};
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  margin-left: 8px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000";
+}}20;
+  }
+`;
+Z.button`
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#f8f9fa";
+}};
+  border: 1px solid ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.border) || "#dee2e6";
+}};
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    border-color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+    background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}}10;
+  }
+`;
+Z.button`
+  background: none;
+  border: none;
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  margin-left: 8px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}}20;
+  }
+`;
+const Lr = Z.div`
+  padding: 0px;
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#f8f9fa";
+}};
+
+  /* 移除边框，避免与外层容器边框重叠 */
+  border: none;
+  border-radius: 0;
+
+  /* 添加上方隔离线 */
+  border-top: 1px solid ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.border) || "#dee2e6";
+}};
+
+  /* 当有错误时，使用错误状态的隔离线颜色 */
+  ${(e) => {
+  var a, t;
+  return e.$hasError && `
+    border-top-color: ${((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000"};
+  `;
+}}
+
+  /* 添加左右内边距，与外层容器对齐 */
+  margin: 0 1px;
+
+  /* 添加背景色区分 */
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.listBackground) || "#f9f9f9";
+}};
+`;
+Z.input`
+  border: 1px solid ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.border) || "#dee2e6";
+}};
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 14px;
+  width: 100%;
+  margin-top: 8px;
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#f8f9fa";
+}};
+  color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.text) || "#343a40";
+}};
+
+  &:focus {
+    outline: none;
+    border-color: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.primary) || "#007bff";
+}};
+  }
+`;
+const Ir = Z.div`
+  /* 基础样式 */
+  margin-top: 5px;
+  background: ${(e) => {
+  var a, t;
+  return ((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.background) || "#f8f9fa";
+}};
+  transition: all 0.2s ease;
+
+  /* 边框逻辑：有表单时显示边框，无表单时不显示 */
+  border: ${(e) => {
+  var a, t, i, u;
+  return e.$hasForm ? e.$status === "error" ? `1px solid ${((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000"}` : `1px solid ${((u = (i = e.$theme) == null ? void 0 : i.colors) == null ? void 0 : u.border) || "#dee2e6"}` : "none";
+}};
+
+  /* 圆角设置：有表单时设置圆角，无表单时不设置 */
+  border-radius: ${(e) => e.$hasForm ? "4px" : "0"};
+
+  /* 当有表单时的特殊样式 */
+  ${(e) => e.$hasForm && `
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+    /* 确保边框完整包裹整个容器 */
+    overflow: hidden;
+  `}
+
+  /* 错误状态的特殊样式 */
+  ${(e) => {
+  var a, t;
+  return e.$status === "error" && `
+    background: ${((t = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : t.error) || "#FF0000"}05;
+  `;
+}}
+
+  /* 样式覆盖 */
+  .list-my div{
+    padding: 2px 2px !important;
+  }
+
+  :where(.css-dev-only-do-not-override-1v28nim).ant-input-textarea-affix-wrapper.ant-input-affix-wrapper >textarea.ant-input{
+    min-height: 32px !important;
+  }
+`;
+function re(e) {
+  return e.label ? /* @__PURE__ */ H("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ n("span", { className: "font-medium text-gray-800 text-sm", children: e.label }),
+    e.required && /* @__PURE__ */ n("span", { className: "text-red-500 font-bold text-sm", children: "*" }),
+    (e.helpText || e.description) && /* @__PURE__ */ n(Te, { title: e.helpText || e.description, placement: "top", children: /* @__PURE__ */ n(
+      rr,
+      {
+        className: "text-gray-400 hover:text-gray-600 cursor-help transition-colors",
+        size: 14
+      }
+    ) })
+  ] }) : null;
+}
+function Or(e = [], a, t = {}, i = "md") {
+  const u = i === "sm" ? "28px" : "40px", h = i === "sm" ? "28px" : "40px", v = i === "sm" ? "0 8px" : "0 12px", d = i === "sm" ? "16px" : "24px", p = i === "sm" ? "12px" : "14px", M = oe.useMemo(
+    () => {
+      var V, q, R, B, J, G;
+      (q = (V = a == null ? void 0 : a.theme) == null ? void 0 : V.colors) != null && q.border;
+      const r = ((B = (R = a == null ? void 0 : a.theme) == null ? void 0 : R.colors) == null ? void 0 : B.primary) || "#3b82f6", m = ((G = (J = a == null ? void 0 : a.theme) == null ? void 0 : J.colors) == null ? void 0 : G.textSecondary) || "#9ca3af";
+      return `
+    .dynamic-form .ant-form-item-label > label {
+      height: auto !important;
+      line-height: 1.5 !important;
+      margin-bottom: ${i === "sm" ? "6px" : "8px"} !important;
+      font-weight: 500 !important;
+      color: #374151 !important;
+      font-size: ${p} !important;
+    }
+    .dynamic-form .ant-form-item {
+      margin-bottom: ${d} !important;
+      animation: df-fade-in 200ms ease-out both;
+    }
+
+    /* 受控项出现的轻微动画 */
+    @keyframes df-fade-in {
+      from { opacity: 0; transform: translateY(6px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    .df-stagger { animation: df-fade-in 200ms ease-out both; }
+
+    /* 隐藏Ant Design的必填星号 */
+    .dynamic-form .ant-form-item-required::before {
+      display: none !important;
+    }
+    .dynamic-form .ant-form-item-required::after {
+      display: none !important;
+    }
+
+    .dynamic-form .ant-input,
+    .dynamic-form .ant-select-selector,
+    {
+      border-radius: 6px !important;
+      border: none !important;
+      transition: all 0.2s !important;
+
+      line-height: ${h} !important;
+      padding: ${v} !important;
+      font-size: ${p} !important;
+    }
+
+    /* smooth show/hide for controlled items */
+    .df-hidden {
+      opacity: 0 !important;
+      transform: translateY(-4px) !important;
+      max-height: 0 !important;
+      margin-bottom: 0 !important;
+      overflow: hidden !important;
+      pointer-events: none !important;
+      transition: all 180ms ease !important;
+    }
+    .df-stagger { transition: all 200ms ease; }
+
+    .dynamic-form .ant-input-number,
+    .dynamic-form .ant-picker {
+       line-height: ${h} !important;
+      padding: ${v} !important;
+      font-size: ${p} !important;
+    }
+
+    .dynamic-form .ant-input{
+      padding: 0 6px !important;
+    }
+    .ant-input-affix-wrapper:where(.css-dev-only-do-not-override-1vjf2v5).ant-input-affix-wrapper {
+     padding:0 6px !important;
+    }
+
+    .dynamic-form .ant-input-textarea .ant-input {
+      border: none !important;
+      background: transparent !important;
+      padding: ${i === "sm" ? "6px 8px" : "8px 12px"} !important;
+      min-height: ${i === "sm" ? "56px" : "80px"} !important;
+      resize: vertical !important;
+    }
+
+        /* textarea 样式修复 */
+    .dynamic-form .ant-input-textarea {
+      border-radius: 6px !important;
+      border: 1px solid #d1d5db !important;
+      transition: all 0.2s !important;
+      font-size: ${p} !important;
+    }
+
+    /* 密码框样式修复 */
+    .dynamic-form .ant-input-password {
+      height: ${u} !important;
+      line-height: ${h} !important;
+      padding: 0 0px !important;
+    }
+    .dynamic-form .ant-input-number .ant-input-number-input {
+      padding: 0 0px !important;
+    }
+    .dynamic-form  :where(.css-dev-only-do-not-override-1d4w9r2).ant-input-number .ant-input-number-input{
+      padding: 0 0px !important;
+    }
+    .dynamic-form .ant-input-password .ant-input {
+      height: ${i === "sm" ? "26px" : "38px"} !important;
+      line-height: ${i === "sm" ? "26px" : "38px"} !important;
+      padding: ${v} !important;
+      border: none !important;
+      background: transparent !important;
+    }
+    /* 数字框样式修复 */
+    .dynamic-form .ant-input-number {
+      height: ${u} !important;
+      line-height: ${h} !important;
+      width: 100% !important;
+    }
+    .dynamic-form .ant-input-number .ant-input-number-input {
+      height: ${i === "sm" ? "26px" : "38px"} !important;
+      line-height: ${i === "sm" ? "26px" : "38px"} !important;
+      text-align: left !important;
+    }
+    .dynamic-form .ant-input:focus,
+    .dynamic-form .ant-select-focused .ant-select-selector,
+    .dynamic-form .ant-input-number-focused,
+    .dynamic-form .ant-picker-focused {
+      border-color: ${r} !important;
+      box-shadow: 0 0 0 2px ${r}1A !important;
+    }
+    .dynamic-form .ant-input:hover,
+    .dynamic-form .ant-select:hover .ant-select-selector,
+    .dynamic-form .ant-input-number:hover,
+    .dynamic-form .ant-picker:hover {
+      border-color: ${m} !important;
+    }
+      .ant-form input[type="file"] {
+    display: none !important;
+}
+
+
+
+    /* 计数器样式优化，避免与自定义样式冲突 */
+    .dynamic-form .ant-input-show-count-suffix {
+      color: #6b7280 !important;
+      font-size: 12px !important;
+      margin-left: 8px !important;
+    }
+
+    .dynamic-form .ant-input-textarea-show-count-suffix {
+      color: #6b7280 !important;
+      font-size: 12px !important;
+      text-align: right !important;
+      margin-top: 4px !important;
+    }
+
+    /* 确保计数器不与其他元素重叠 */
+    .dynamic-form .ant-form-item-control-input {
+      position: relative !important;
+    }
+
+    .dynamic-form .ant-form-item-control-input-content {
+      position: relative !important;
+    }
+  `;
+    },
+    [i, u, h, v, d, p, a]
+  );
+  oe.useEffect(() => {
+    const r = document.createElement("style");
+    return r.textContent = M, document.head.appendChild(r), () => {
+      document.head.removeChild(r);
+    };
+  }, [M]);
+  const [C, _] = oe.useState(() => {
+    const r = {};
+    return e.forEach((m) => {
+      m.name && (m.type === "switch" ? r[m.name] = t[m.name] ?? m.defaultValue ?? !1 : ["select", "radio", "checkbox"].includes(m.type) && (r[m.name] = t[m.name] ?? m.defaultValue ?? (m.type === "checkbox" ? [] : "")));
+    }), r;
+  }), I = oe.useRef();
+  oe.useEffect(() => {
+    a && a.formInstance && !I.current && (I.current = a.formInstance);
+  }, [a]);
+  const o = (r, m, V) => {
+    var q;
+    if (_((R) => ({ ...R, [r]: m })), I.current && V) {
+      let R = [];
+      if (Array.isArray(V))
+        R = V;
+      else if (typeof V == "object") {
+        const B = String(m);
+        Object.keys(V).forEach((J) => {
+          J !== B && V[J].forEach((G) => {
+            G && I.current.setFieldsValue({ [G]: void 0 });
+          });
+        });
+      }
+      Array.isArray(V) && ((q = e.find((J) => J.name === r)) == null ? void 0 : q.type) === "switch" && !m && R.forEach((J) => {
+        J && I.current.setFieldsValue({ [J]: void 0 });
+      });
+    }
+  }, F = /* @__PURE__ */ new Set(), U = (() => {
+    var r, m;
+    try {
+      return ((m = (r = a == null ? void 0 : a.formInstance) == null ? void 0 : r.getFieldsValue) == null ? void 0 : m.call(r)) || {};
+    } catch {
+      return {};
+    }
+  })(), Q = (r) => {
+    r.forEach((m) => {
+      if (!m) return;
+      if (m.controlledItems && m.name) {
+        const q = C[m.name];
+        if (Array.isArray(m.controlledItems))
+          m.type === "switch" && q === !1 && m.controlledItems.forEach((R) => {
+            R && F.add(R);
+          });
+        else if (typeof m.controlledItems == "object") {
+          const R = /* @__PURE__ */ new Set();
+          Object.values(m.controlledItems).forEach((G) => {
+            (G || []).forEach((A) => A && R.add(A));
+          });
+          const B = String(q ?? ""), J = new Set((m.controlledItems[B] || []).filter(Boolean));
+          R.forEach((G) => {
+            J.has(G) || F.add(G);
+          });
+        }
+      }
+      (typeof m.hidden == "function" ? m.hidden(U) : m.hidden === !0) && m.name && F.add(m.name), m.type === "col" && Array.isArray(m.children) && Q(m.children);
+    });
+  };
+  Q(e);
+  const X = e.map((r, m) => {
+    var V, q, R, B, J, G, A;
+    if (r.name && F.has(r.name)) return null;
+    if (r.type === "divider")
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: "my-3 border-b border-solid border-gray-200"
+        },
+        r.name || `divider-${Math.random()}`
+      );
+    if (r.type === "title") {
+      const k = r.level || 1, K = {
+        1: "text-[16px]",
+        2: "text-[14px]",
+        3: "text-[12px]"
+      }, ee = K[k] || K[1];
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: `${ee} text-gray-800 mb-4 mt-6 ${r.className || ""} df-stagger`,
+          style: {
+            color: "#1f2937",
+            lineHeight: "1.4",
+            fontWeight: k === 1 ? 700 : k === 2 ? 600 : 500,
+            animationDelay: `${m * 30}ms`
+          },
+          children: /* @__PURE__ */ H("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ n("span", { className: "mr-3", children: r.label }),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: "flex-1 border-b-[1px] border-dashed border-gray-200",
+                style: {
+                  borderBottomStyle: "dashed",
+                  borderBottomWidth: "1px",
+                  borderBottomColor: "#e5e7eb"
+                }
+              }
+            )
+          ] })
+        },
+        r.name || `title-${Math.random()}`
+      );
+    }
+    if (r.type === "col") {
+      if (!r.children || r.children.length === 0) return null;
+      const k = (l, $) => {
+        var g, b, O, z, T, c, S;
+        const y = typeof l.hidden == "function" ? l.hidden(U) : l.hidden === !0;
+        if (l.name && F.has(l.name) || y) return null;
+        const N = {
+          label: l.label ? re(l) : void 0,
+          name: l.name,
+          rules: l.name ? [
+            {
+              required: l.required,
+              message: l.error || `请输入${l.label}`
+            }
+          ] : void 0,
+          className: "mb-6 df-stagger",
+          style: { animationDelay: `${$ * 30}ms` },
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          required: !1
+        }, x = l.name || l.id || `form-item-${$}`, f = `${l.className || ""} ${i === "sm" ? "h-7" : "h-10"}`;
+        switch (l.type) {
+          case "divider":
+            return /* @__PURE__ */ n(
+              "div",
+              {
+                className: "my-3 border-b border-solid border-gray-200"
+              },
+              l.name || l.id || `divider-${$}`
+            );
+          case "input":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f
+              }
+            ) }, x);
+          case "select":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              $e,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                value: C[l.name || ""],
+                onChange: (w) => o(l.name || "", w, l.controlledItems),
+                children: (g = l.options) == null ? void 0 : g.map((w, s) => /* @__PURE__ */ n($e.Option, { value: w.value, children: w.render ? w.render() : w.label }, w.value || s))
+              }
+            ) }, x);
+          case "number":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              ve,
+              {
+                addonAfter: l.unit ? /* @__PURE__ */ n("span", { className: "text-[10px] text-gray-300", children: l.unit }) : null,
+                min: (b = l.range) == null ? void 0 : b.min,
+                max: (O = l.range) == null ? void 0 : O.max,
+                step: l.step,
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                style: { width: "100%" }
+              }
+            ) }, x);
+          case "password":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se.Password,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f
+              }
+            ) }, x);
+          case "textarea":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se.TextArea,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                rows: i === "sm" ? 3 : 4
+              }
+            ) }, x);
+          case "date":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              we,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                style: { width: "100%" }
+              }
+            ) }, x);
+          case "radio":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              Oe.Group,
+              {
+                options: l.options,
+                disabled: l.disabled,
+                className: l.className
+              }
+            ) }, x);
+          case "switch":
+            return /* @__PURE__ */ n(
+              E.Item,
+              {
+                label: null,
+                colon: !1,
+                className: "mb-6",
+                labelCol: { span: 24 },
+                wrapperCol: { span: 24 },
+                children: /* @__PURE__ */ H("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: l.label ? re(l) : null }),
+                  /* @__PURE__ */ n(E.Item, { name: l.name, valuePropName: "checked", noStyle: !0, children: /* @__PURE__ */ n(
+                    Ie,
+                    {
+                      disabled: l.disabled,
+                      checked: C[l.name || ""],
+                      onChange: (w) => o(l.name || "", w, l.controlledItems)
+                    }
+                  ) })
+                ] })
+              },
+              l.name || `switch-${Math.random()}`
+            );
+          case "slider":
+            return /* @__PURE__ */ H("div", { className: "mb-6", children: [
+              /* @__PURE__ */ H("div", { className: "flex items-center justify-between mb-3", children: [
+                /* @__PURE__ */ n("div", { className: "flex items-center", children: l.label ? re(l) : null }),
+                /* @__PURE__ */ H("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ n(E.Item, { name: l.name, noStyle: !0, children: /* @__PURE__ */ n(
+                    ve,
+                    {
+                      min: (z = l.range) == null ? void 0 : z.min,
+                      max: (T = l.range) == null ? void 0 : T.max,
+                      step: l.step,
+                      disabled: l.disabled,
+                      className: "h-8 w-20"
+                    }
+                  ) }),
+                  l.unit && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: l.unit })
+                ] })
+              ] }),
+              /* @__PURE__ */ n(E.Item, { name: l.name, noStyle: !0, children: /* @__PURE__ */ n(
+                Le,
+                {
+                  min: (c = l.range) == null ? void 0 : c.min,
+                  max: (S = l.range) == null ? void 0 : S.max,
+                  step: l.step,
+                  disabled: l.disabled,
+                  className: l.className
+                }
+              ) })
+            ] }, l.name || `slider-${Math.random()}`);
+          case "checkbox":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              je.Group,
+              {
+                options: l.options,
+                disabled: l.disabled,
+                className: l.className
+              }
+            ) }, x);
+          case "email":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se,
+              {
+                type: "email",
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f
+              }
+            ) }, x);
+          case "time":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              Be,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                style: { width: "100%" }
+              }
+            ) }, x);
+          case "datetime":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              we,
+              {
+                showTime: !0,
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                style: { width: "100%" }
+              }
+            ) }, x);
+          case "file":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se,
+              {
+                type: "file",
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f
+              }
+            ) }, x);
+          case "color":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se,
+              {
+                type: "color",
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                style: {
+                  width: "65px",
+                  height: "40px",
+                  padding: "4px !important"
+                }
+              }
+            ) }, x);
+          case "json":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se.TextArea,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                rows: 4
+              }
+            ) }, x);
+          case "markdown":
+            return /* @__PURE__ */ n(E.Item, { ...N, children: /* @__PURE__ */ n(
+              se.TextArea,
+              {
+                placeholder: l.placeholder,
+                disabled: l.disabled,
+                className: f,
+                rows: 6
+              }
+            ) }, x);
+          case "uploader":
+            return null;
+          // return (
+          //   <Form.Item key={formItemKey} {...baseFormItemProps}>
+          //     <React.Suspense fallback={<div>加载中...</div>}>
+          //       <UploaderComponent
+          //         // 合并默认配置和用户配置
+          //         multiple={childItem.uploaderConfig?.multiple ?? true}
+          //         accept={childItem.uploaderConfig?.accept ?? '*/*'}
+          //         maxSize={childItem.uploaderConfig?.maxSize ?? 100 * 1024 * 1024} // 100MB
+          //         maxFiles={childItem.uploaderConfig?.maxFiles ?? 10}
+          //         autoUpload={childItem.uploaderConfig?.autoUpload ?? true}
+          //         url={childItem.uploaderConfig?.url}
+          //         headers={childItem.uploaderConfig?.headers ?? {}}
+          //         queryParams={childItem.uploaderConfig?.queryParams ?? {}}
+          //         itemForm={childItem.uploaderConfig?.itemForm ?? []}
+          //         buttons={childItem.uploaderConfig?.buttons || []}
+          //         icons={childItem.uploaderConfig?.icons} // 传递图标配置
+          //         // 新增：文案定制
+          //         placeholder={childItem.uploaderConfig?.placeholder}
+          //         listName={childItem.uploaderConfig?.listName}
+          //         // 新增：错误提示配置
+          //         errorMessages={childItem.uploaderConfig?.errorMessages}
+          //         // 新增：暴露方法给父组件
+          //         onRef={childItem.uploaderConfig?.onRef}
+          //         styles={styles}
+          //         eventsEmit={(eventName, data) => {
+          //           // 将Uploader的事件转发给表单，避免重复前缀
+          //           if (styles && typeof styles.eventsEmit === 'function') {
+          //             // 如果事件名已经包含 uploader: 前缀，则直接转发
+          //             // 否则添加前缀
+          //             const finalEventName = eventName.startsWith('uploader:')
+          //               ? eventName
+          //               : `uploader:${eventName}`;
+          //             styles.eventsEmit(finalEventName, {
+          //               fieldName: childItem.name,
+          //               ...data,
+          //             });
+          //           }
+          //         }}
+          //       />
+          //     </React.Suspense>
+          //   </Form.Item>
+          // );
+          default:
+            return null;
+        }
+      }, K = r.children.map((l, $) => k(l, $)), ee = (l) => {
+        if (!r.percentage || r.percentage.length === 0)
+          return "flex-1";
+        const $ = r.percentage[l];
+        return $ && $ > 0 ? `${$ / 12 * 100}%` : "flex-1";
+      };
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: `flex justify-between items-start gap-x-2 ${r.className || ""}`,
+          style: {
+            flexDirection: r.direction === "column" ? "column" : "row",
+            flexWrap: r.wrap ? "wrap" : "nowrap",
+            gap: r.gap ? `${r.gap}px` : "8px",
+            justifyContent: r.justify || "space-between",
+            alignItems: r.align || "start"
+          },
+          children: K.map((l, $) => /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                width: ee($),
+                flex: r.percentage ? "none" : "1"
+                // 有比例时固定宽度，无比例时弹性
+              },
+              children: l
+            },
+            `col-child-${$}`
+          ))
+        },
+        r.name || `col-${Math.random()}`
+      );
+    }
+    if (r.type === "input") {
+      const k = [];
+      return r.required && k.push({ required: !0, message: r.error || `请输入${r.label}` }), r.validate && k.push({
+        validator: async (K, ee) => {
+          if (ee && r.validate) {
+            const l = r.validate(ee);
+            if (l)
+              throw new Error(l);
+          }
+        }
+      }), /* @__PURE__ */ n(
+        E.Item,
+        {
+          label: r.label ? re(r) : void 0,
+          name: r.name,
+          rules: k.length > 0 ? k : void 0,
+          className: "mb-6",
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          required: !1,
+          children: /* @__PURE__ */ n(
+            se,
+            {
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+              maxLength: r.counter,
+              showCount: !!r.counter
+            }
+          )
+        },
+        r.name || `input-${Math.random()}`
+      );
+    }
+    if (r.type === "select")
+      return /* @__PURE__ */ n(
+        E.Item,
+        {
+          label: r.label ? re(r) : void 0,
+          name: r.name,
+          rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+          className: "mb-6",
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          required: !1,
+          children: /* @__PURE__ */ n(
+            $e,
+            {
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+              value: C[r.name || ""],
+              onChange: (k) => o(r.name || "", k, r.controlledItems),
+              children: (V = r.options) == null ? void 0 : V.map((k, K) => /* @__PURE__ */ n($e.Option, { value: k.value, children: k.render ? k.render() : k.label }, k.value || K))
+            }
+          )
+        },
+        r.name || `select-${Math.random()}`
+      );
+    if (r.type === "number")
+      return /* @__PURE__ */ n(
+        E.Item,
+        {
+          label: r.label ? re(r) : void 0,
+          name: r.name,
+          rules: r.name ? [{ required: r.required, message: r.error || `请输入${r.label}` }] : void 0,
+          className: "mb-6",
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          required: !1,
+          children: /* @__PURE__ */ n(
+            ve,
+            {
+              addonAfter: r.unit ? /* @__PURE__ */ n("span", { className: "text-[10px] text-gray-300", children: r.unit }) : null,
+              min: (q = r.range) == null ? void 0 : q.min,
+              max: (R = r.range) == null ? void 0 : R.max,
+              step: r.step,
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+              style: { width: "100%" }
+            }
+          )
+        },
+        r.name || `number-${Math.random()}`
+      );
+    if (r.type === "slider")
+      return /* @__PURE__ */ H("div", { className: "mb-6", children: [
+        /* @__PURE__ */ H("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center", children: r.label ? re(r) : null }),
+          /* @__PURE__ */ H("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ n(E.Item, { name: r.name, noStyle: !0, children: /* @__PURE__ */ n(
+              ve,
+              {
+                min: (B = r.range) == null ? void 0 : B.min,
+                max: (J = r.range) == null ? void 0 : J.max,
+                step: r.step,
+                disabled: r.disabled,
+                className: "h-8 w-20"
+              }
+            ) }),
+            r.unit && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: r.unit })
+          ] })
+        ] }),
+        /* @__PURE__ */ n(E.Item, { name: r.name, noStyle: !0, children: /* @__PURE__ */ n(
+          Le,
+          {
+            min: (G = r.range) == null ? void 0 : G.min,
+            max: (A = r.range) == null ? void 0 : A.max,
+            step: r.step,
+            disabled: r.disabled,
+            className: r.className
+          }
+        ) })
+      ] }, r.name || `slider-${Math.random()}`);
+    if (r.type === "switch")
+      return /* @__PURE__ */ n(
+        E.Item,
+        {
+          label: null,
+          colon: !1,
+          className: "mb-6",
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          children: /* @__PURE__ */ H("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: r.label ? re(r) : null }),
+            /* @__PURE__ */ n(E.Item, { name: r.name, valuePropName: "checked", noStyle: !0, children: /* @__PURE__ */ n(
+              Ie,
+              {
+                disabled: r.disabled,
+                checked: r.name ? C[r.name] : !1,
+                className: r.className,
+                onChange: (k) => r.name && o(r.name, k, r.controlledItems)
+              }
+            ) })
+          ] })
+        },
+        r.name || `switch-${Math.random()}`
+      );
+    if (r.type === "textarea") {
+      const k = [];
+      return r.required && k.push({ required: !0, message: r.error || `请输入${r.label}` }), r.validate && k.push({
+        validator: async (K, ee) => {
+          if (ee && r.validate) {
+            const l = r.validate(ee);
+            if (l)
+              throw new Error(l);
+          }
+        }
+      }), /* @__PURE__ */ n(
+        E.Item,
+        {
+          label: r.label ? re(r) : void 0,
+          name: r.name,
+          rules: k.length > 0 ? k : void 0,
+          className: "mb-6",
+          labelCol: { span: 24 },
+          wrapperCol: { span: 24 },
+          required: !1,
+          children: /* @__PURE__ */ n(
+            se.TextArea,
+            {
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              rows: i === "sm" ? 2 : 3,
+              style: {
+                height: "auto !important"
+              },
+              maxLength: r.counter,
+              showCount: !!r.counter
+            }
+          )
+        },
+        r.name || `textarea-${Math.random()}`
+      );
+    }
+    return r.type === "date" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          we,
+          {
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            style: { width: "100%" }
+          }
+        )
+      },
+      r.name || `date-${Math.random()}`
+    ) : r.type === "radio" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(Oe.Group, { options: r.options, disabled: r.disabled, className: r.className })
+      },
+      r.name || `radio-${Math.random()}`
+    ) : r.type === "password" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请输入${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se.Password,
+          {
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`
+          }
+        )
+      },
+      r.name || `password-${Math.random()}`
+    ) : r.type === "checkbox" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          je.Group,
+          {
+            options: r.options,
+            disabled: r.disabled,
+            className: r.className
+          }
+        )
+      },
+      r.name || `checkbox-${Math.random()}`
+    ) : r.type === "email" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [
+          { required: r.required, message: r.error || `请输入${r.label}` },
+          { type: "email", message: "请输入有效的邮箱地址" }
+        ] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se,
+          {
+            type: "email",
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`
+          }
+        )
+      },
+      r.name || `email-${Math.random()}`
+    ) : r.type === "time" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          Be,
+          {
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            style: { width: "100%" }
+          }
+        )
+      },
+      r.name || `time-${Math.random()}`
+    ) : r.type === "datetime" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          we,
+          {
+            showTime: !0,
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            style: { width: "100%" }
+          }
+        )
+      },
+      r.name || `datetime-${Math.random()}`
+    ) : r.type === "file" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se,
+          {
+            type: "file",
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`
+          }
+        )
+      },
+      r.name || `file-${Math.random()}`
+    ) : r.type === "color" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请选择${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se,
+          {
+            type: "color",
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            style: { width: "100%", height: i === "sm" ? "28px" : "40px" }
+          }
+        )
+      },
+      r.name || `color-${Math.random()}`
+    ) : r.type === "json" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [
+          { required: r.required, message: r.error || `请输入${r.label}` },
+          {
+            validator: (k, K) => {
+              if (!K) return Promise.resolve();
+              try {
+                return JSON.parse(K), Promise.resolve();
+              } catch {
+                return Promise.reject(new Error("请输入有效的JSON格式"));
+              }
+            }
+          }
+        ] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se.TextArea,
+          {
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            rows: 4
+          }
+        )
+      },
+      r.name || `json-${Math.random()}`
+    ) : r.type === "markdown" ? /* @__PURE__ */ n(
+      E.Item,
+      {
+        label: r.label ? re(r) : void 0,
+        name: r.name,
+        rules: r.name ? [{ required: r.required, message: r.error || `请输入${r.label}` }] : void 0,
+        className: "mb-6",
+        labelCol: { span: 24 },
+        wrapperCol: { span: 24 },
+        required: !1,
+        children: /* @__PURE__ */ n(
+          se.TextArea,
+          {
+            placeholder: r.placeholder,
+            disabled: r.disabled,
+            className: `${r.className || ""} ${i === "sm" ? "h-7" : "h-10"}`,
+            rows: 6
+          }
+        )
+      },
+      r.name || `markdown-${Math.random()}`
+    ) : (r.type === "uploader", null);
+  });
+  return oe.useEffect(() => {
+    a && typeof a.setFormRef == "function" && a.setFormRef(I);
+  }, [a]), X;
+}
+const jr = `
+  .ant-input-password .ant-input-suffix {
+    position: absolute !important;
+    right: 8px !important;
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+  }
+
+  .ant-input-password .ant-input-suffix .anticon {
+    font-size: 14px !important;
+    color: rgba(0, 0, 0, 0.45) !important;
+  }
+
+  .ant-input-password:hover .ant-input-suffix .anticon {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
+`, tr = oe.forwardRef(
+  ({
+    formItems: e,
+    formProps: a = {},
+    initialValues: t = {},
+    eventsEmit: i,
+    databaseType: u,
+    styles: h,
+    size: v = "md",
+    formConfig: d,
+    title: p,
+    description: M,
+    formWidth: C,
+    ..._
+  }, I) => {
+    var K, ee, l, $, y, N, x;
+    const [o] = E.useForm(), F = h == null ? void 0 : h.theme, U = me({}), Q = () => {
+      const f = o.getFieldsValue(), g = [], b = (z) => {
+        z == null || z.forEach((T) => {
+          T && (T.type === "col" && Array.isArray(T.children) ? b(T.children) : T.name && g.push({ name: T.name, type: T.type }));
+        });
+      };
+      b(e);
+      const O = g.map((z) => {
+        const c = z.type === "uploader" ? U.current[z.name] || f[z.name] || [] : f[z.name];
+        return { name: z.name, type: z.type, value: c };
+      });
+      return {
+        formName: (a == null ? void 0 : a.name) || "",
+        values: f,
+        fields: O,
+        files: U.current,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+    }, X = (f, g) => {
+      typeof i == "function" && (i("form:change", {
+        formName: (a == null ? void 0 : a.name) || "",
+        values: g,
+        changedValues: f
+      }), Object.keys(f).forEach((b) => {
+        i("form:fieldChange", {
+          formName: (a == null ? void 0 : a.name) || "",
+          field: b,
+          value: f[b],
+          allValues: g
+        });
+      }));
+    }, r = (f, g) => {
+      if (f.startsWith("uploader:")) {
+        const b = g == null ? void 0 : g.fieldName;
+        if (b) {
+          const O = U.current[b] || [];
+          let z = O;
+          switch (f) {
+            case "uploader:success": {
+              const T = g == null ? void 0 : g.item;
+              if (T) {
+                const c = {
+                  id: T.id,
+                  name: T.name,
+                  size: T.size,
+                  type: T.type,
+                  uploadApiRes: T.uploadApiRes || {},
+                  formData: T.formData || {}
+                }, S = O.findIndex((w) => w.id === c.id);
+                S >= 0 ? (O[S] = c, z = [...O]) : z = [...O, c];
+              }
+              break;
+            }
+            case "uploader:remove": {
+              const T = g == null ? void 0 : g.itemId;
+              z = O.filter((c) => c.id !== T);
+              break;
+            }
+            case "uploader:formDataChange": {
+              const T = g == null ? void 0 : g.itemId, c = (g == null ? void 0 : g.formData) || {};
+              z = O.map((S) => S.id === T ? { ...S, formData: c } : S);
+              break;
+            }
+            case "uploader:dataChange": {
+              Array.isArray(g == null ? void 0 : g.items) && (z = g.items.map((T) => ({
+                id: T.id,
+                name: T.name,
+                size: T.size,
+                type: T.type,
+                uploadApiRes: T.uploadApiRes || {},
+                formData: T.formData || {}
+              })));
+              break;
+            }
+          }
+          U.current[b] = z, o.setFieldsValue({ [b]: z });
+        }
+      }
+      if (typeof i == "function") {
+        const b = {
+          formName: (a == null ? void 0 : a.name) || "",
+          ...g
+        };
+        f === "uploader:error" && b.data === void 0 && (b.data = Q()), i(f, b);
+      }
+    }, [m, V] = ne(e);
+    fe(() => {
+      V(e);
+    }, [e]);
+    const q = (f, g) => {
+      const b = (O) => O.map((z) => z && (z.type === "col" && Array.isArray(z.children) ? { ...z, children: b(z.children) } : z.name === f ? { ...z, ...g } : z));
+      V((O) => b(O));
+    }, R = (f) => {
+      const g = [...m];
+      for (; g.length; ) {
+        const b = g.shift();
+        if (b) {
+          if (b.type === "col" && Array.isArray(b.children))
+            g.push(...b.children);
+          else if (b.name === f)
+            return b;
+        }
+      }
+    }, B = Or(
+      m,
+      { ...h, eventsEmit: r, formInstance: o },
+      t,
+      v
+    ), J = async () => {
+      try {
+        const f = await o.validateFields();
+        typeof i == "function" ? i("form:submit", {
+          formName: (a == null ? void 0 : a.name) || "",
+          values: f,
+          data: Q()
+        }) : o.submit(), d != null && d.onSubmit ? d.onSubmit(f) : o.resetFields();
+      } catch (f) {
+        typeof i == "function" && i("form:submit_error", {
+          formName: (a == null ? void 0 : a.name) || "",
+          error: f,
+          data: Q()
+        });
+      }
+    }, G = () => {
+      o.resetFields(), typeof i == "function" && i("form:reset", {
+        formName: (a == null ? void 0 : a.name) || "",
+        data: Q()
+      }), d != null && d.onReset && d.onReset();
+    }, A = () => {
+      o.resetFields(), typeof i == "function" && i("form:cancel", {
+        formName: (a == null ? void 0 : a.name) || "",
+        data: Q()
+      });
+    }, k = async () => {
+      try {
+        const f = await o.validateFields(), g = [], b = (z) => {
+          z == null || z.forEach((T) => {
+            T && (T.type === "col" && Array.isArray(T.children) ? b(T.children) : T.name && g.push({ name: T.name, type: T.type }));
+          });
+        };
+        b(e);
+        const O = g.map((z) => {
+          const c = z.type === "uploader" ? U.current[z.name] || f[z.name] || [] : f[z.name];
+          return { name: z.name, type: z.type, value: c };
+        });
+        return {
+          fields: O,
+          formName: (a == null ? void 0 : a.name) || "",
+          fieldCount: O.length,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          isValid: !0
+        };
+      } catch (f) {
+        const g = o.getFieldsValue(), b = [], O = (T) => {
+          T == null || T.forEach((c) => {
+            c && (c.type === "col" && Array.isArray(c.children) ? O(c.children) : c.name && b.push({ name: c.name, type: c.type }));
+          });
+        };
+        O(e);
+        const z = b.map((T) => {
+          const S = T.type === "uploader" ? U.current[T.name] || g[T.name] || [] : g[T.name];
+          return { name: T.name, type: T.type, value: S };
+        });
+        return {
+          fields: z,
+          formName: (a == null ? void 0 : a.name) || "",
+          fieldCount: z.length,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          isValid: !1,
+          errors: f
+        };
+      }
+    };
+    return oe.useImperativeHandle(
+      I,
+      () => ({
+        form: o,
+        getAllData: k,
+        submit: J,
+        reset: G,
+        cancel: A,
+        validate: () => o.validateFields(),
+        getValue: (f) => o.getFieldValue(f),
+        getValues: () => o.getFieldsValue(),
+        setValues: (f) => o.setFieldsValue(f),
+        setFieldProps: (f, g) => q(f, g),
+        getFieldProps: (f) => R(f)
+      }),
+      [o, k, J, G, A]
+    ), /* @__PURE__ */ H(Qe, { children: [
+      /* @__PURE__ */ n("style", { children: jr }),
+      /* @__PURE__ */ H(
+        "div",
+        {
+          style: {
+            position: "relative",
+            height: "100%",
+            padding: "24px",
+            width: C || "100%",
+            // 使用传入的表单宽度或默认100%
+            maxWidth: C || "100%"
+            // 确保最大宽度不超过设定值
+          },
+          children: [
+            (p || M) && /* @__PURE__ */ H("div", { style: { marginBottom: "24px" }, children: [
+              p && /* @__PURE__ */ n(
+                "h2",
+                {
+                  style: {
+                    fontSize: "24px",
+                    fontWeight: "600",
+                    color: ((K = F == null ? void 0 : F.colors) == null ? void 0 : K.text) || "#1f2937",
+                    margin: "0 0 8px 0"
+                  },
+                  children: p
+                }
+              ),
+              M && /* @__PURE__ */ n(
+                "p",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: ((ee = F == null ? void 0 : F.colors) == null ? void 0 : ee.secondary) || "#6b7280",
+                    margin: "0",
+                    lineHeight: "1.5"
+                  },
+                  children: M
+                }
+              )
+            ] }),
+            /* @__PURE__ */ H(
+              E,
+              {
+                form: o,
+                ...a,
+                initialValues: t,
+                onValuesChange: X,
+                ..._,
+                style: {
+                  ...a == null ? void 0 : a.style,
+                  width: "100%",
+                  // 表单内容占满容器宽度
+                  paddingBottom: "30px"
+                },
+                className: "dynamic-form",
+                loading: (a == null ? void 0 : a.loading) === !0 ? !0 : void 0,
+                children: [
+                  B,
+                  ((d == null ? void 0 : d.showSubmit) || (d == null ? void 0 : d.showReset)) && /* @__PURE__ */ H(
+                    "div",
+                    {
+                      style: {
+                        marginTop: "32px",
+                        paddingTop: "24px",
+                        borderTop: `1px solid ${((l = F == null ? void 0 : F.colors) == null ? void 0 : l.border) || "#e5e7eb"}`,
+                        display: "flex",
+                        gap: "12px",
+                        justifyContent: "flex-end"
+                      },
+                      children: [
+                        (d == null ? void 0 : d.showReset) && /* @__PURE__ */ n(
+                          Ye,
+                          {
+                            onClick: G,
+                            style: {
+                              borderColor: (($ = F == null ? void 0 : F.colors) == null ? void 0 : $.border) || "#e5e7eb",
+                              color: ((y = F == null ? void 0 : F.colors) == null ? void 0 : y.text) || "#1f2937"
+                            },
+                            children: (d == null ? void 0 : d.resetText) || "重置"
+                          }
+                        ),
+                        (d == null ? void 0 : d.showSubmit) && /* @__PURE__ */ n(
+                          Ye,
+                          {
+                            type: "primary",
+                            onClick: J,
+                            style: {
+                              backgroundColor: ((N = F == null ? void 0 : F.colors) == null ? void 0 : N.primary) || "#2563eb",
+                              borderColor: ((x = F == null ? void 0 : F.colors) == null ? void 0 : x.primary) || "#2563eb"
+                            },
+                            children: (d == null ? void 0 : d.submitText) || "提交"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+oe.memo(tr);
+const Ve = !1, Br = (e, a) => a != null && a.fileType ? e.startsWith("image/") ? a.fileType.image || /* @__PURE__ */ n(pe, { size: 20 }) : e.includes("document") || e.includes("pdf") || e.includes("text") ? a.fileType.document || /* @__PURE__ */ n(pe, { size: 20 }) : e.includes("spreadsheet") || e.includes("excel") || e.includes("csv") ? a.fileType.spreadsheet || /* @__PURE__ */ n(pe, { size: 20 }) : e.includes("zip") || e.includes("rar") || e.includes("7z") ? a.fileType.archive || /* @__PURE__ */ n(pe, { size: 20 }) : e.startsWith("video/") ? a.fileType.video || /* @__PURE__ */ n(pe, { size: 20 }) : e.startsWith("audio/") ? a.fileType.audio || /* @__PURE__ */ n(pe, { size: 20 }) : a.fileType.default || /* @__PURE__ */ n(pe, { size: 20 }) : /* @__PURE__ */ n(pe, { size: 20 }), Yr = (e, a, t) => {
+  var i, u, h, v;
+  if (t != null && t.itemStatus)
+    switch (e) {
+      case "error":
+        return t.itemStatus.error || /* @__PURE__ */ n(Re, { size: 20 });
+      case "uploading":
+        return t.itemStatus.uploading || /* @__PURE__ */ n("span", { style: { fontSize: "12px", color: ((i = a == null ? void 0 : a.colors) == null ? void 0 : i.primary) || "#007bff" }, children: "上传中..." });
+      case "success":
+        return t.itemStatus.success || null;
+      case "pending":
+        return t.itemStatus.pending || /* @__PURE__ */ n("span", { style: { fontSize: "12px", color: ((u = a == null ? void 0 : a.colors) == null ? void 0 : u.warning) || "#FFA500" }, children: "等待中" });
+      default:
+        return null;
+    }
+  switch (e) {
+    case "error":
+      return /* @__PURE__ */ n(Re, { size: 20 });
+    case "uploading":
+      return /* @__PURE__ */ n("span", { style: { fontSize: "12px", color: ((h = a == null ? void 0 : a.colors) == null ? void 0 : h.primary) || "#007bff" }, children: "上传中..." });
+    case "pending":
+      return /* @__PURE__ */ n("span", { style: { fontSize: "12px", color: ((v = a == null ? void 0 : a.colors) == null ? void 0 : v.warning) || "#FFA500" }, children: "等待中" });
+    default:
+      return null;
+  }
+};
+lr`
+  .upload-item-container .upload-item {
+    padding: 0px !important;
+  }
+
+  .upload-item-container .list-item {
+    padding: 0px !important;
+  }
+`;
+const Hr = ({
+  item: e,
+  index: a,
+  theme: t,
+  itemForm: i,
+  onRemove: u,
+  onToggleExpand: h,
+  onFormDataChange: v,
+  icons: d
+}) => {
+  var p;
+  return /* @__PURE__ */ H(Ir, { $theme: t, $status: e.status, $hasForm: i.length > 0, children: [
+    /* @__PURE__ */ H(Cr, { $theme: t, $status: e.status, $hasForm: i.length > 0, children: [
+      /* @__PURE__ */ n(Fr, { $theme: t, children: Br(e.type, d) }),
+      /* @__PURE__ */ H(zr, { children: [
+        /* @__PURE__ */ H("div", { className: "flex items-center gap-1 line-clamp-1", children: [
+          /* @__PURE__ */ n(_r, { $theme: t, children: e.name }),
+          /* @__PURE__ */ n(Ar, { $theme: t, children: ar(e.size) })
+        ] }),
+        e.status === "uploading" && /* @__PURE__ */ n(Wr, { $theme: t, $progress: e.progress }),
+        e.status === "error" && e.error && /* @__PURE__ */ n("div", { style: { color: ((p = t == null ? void 0 : t.colors) == null ? void 0 : p.error) || "#FF0000", fontSize: "12px", marginTop: "4px" }, children: typeof e.error == "string" ? e.error : String(e.error) })
+      ] }),
+      (() => {
+        const M = Yr(e.status, t, d);
+        return M && /* @__PURE__ */ n(qr, { $theme: t, $status: e.status, children: M });
+      })(),
+      Ve,
+      /* @__PURE__ */ n(
+        Rr,
+        {
+          $theme: t,
+          onClick: () => u(e.id),
+          title: "移除文件",
+          children: /* @__PURE__ */ n(ir, { size: 16 })
+        }
+      )
+    ] }),
+    (i.length > 0 || Ve) && /* @__PURE__ */ n(
+      Lr,
+      {
+        $theme: t,
+        $hasError: e.status === "error",
+        className: "list-my",
+        children: /* @__PURE__ */ n(
+          tr,
+          {
+            formItems: i,
+            initialValues: e.formData || {},
+            size: "sm",
+            formProps: { component: !1 },
+            eventsEmit: (M, C) => {
+              switch (console.log("DynamicForm Event:", M, C), M) {
+                case "form:submit":
+                  v(e.id, C.values);
+                  break;
+                case "form:change":
+                  v(e.id, C.values);
+                  break;
+                case "form:fieldChange":
+                  if (C.field && C.value !== void 0) {
+                    const _ = {
+                      ...e.formData,
+                      [C.field]: C.value
+                    };
+                    v(e.id, _);
+                  }
+                  break;
+                case "form:reset":
+                  v(e.id, {});
+                  break;
+                case "form:validate":
+                  C.values && v(e.id, C.values);
+                  break;
+              }
+            },
+            styles: { theme: t },
+            style: {
+              padding: "0px"
+            }
+          },
+          `form-${e.id}-always`
+        )
+      }
+    )
+  ] });
+}, $a = ({
+  multiple: e = !0,
+  accept: a = "*/*",
+  maxSize: t = 100,
+  // 100MB
+  maxFiles: i = 10,
+  // 预留接口，后续可扩展文件数量限制功能
+  autoUpload: u = !0,
+  url: h = "http://localhost:3000/upload",
+  // 默认上传地址
+  headers: v = {},
+  // 默认请求头
+  queryParams: d = {},
+  // 默认查询参数
+  itemForm: p = [],
+  styles: M,
+  buttons: C = [],
+  // 新增：自定义按钮数组
+  errorMessages: _ = {},
+  // 新增：错误提示配置
+  icons: I,
+  // 新增：图标配置
+  eventsEmit: o,
+  onRef: F,
+  placeholder: U,
+  listName: Q
+}) => {
+  var z, T;
+  const X = er({ theme: ue, mode: "light" }, M), r = me(null), [m, V] = ne(!1), [q, R] = ne([]), B = te((c) => (c ?? q).map((w) => ({
+    id: w.id,
+    name: w.name,
+    status: w.status,
+    error: w.error,
+    uploadApiRes: w.uploadApiRes || {},
+    formData: w.formData || {},
+    file: w.file,
+    size: w.size,
+    type: w.type
+  })), [q]), J = he(() => {
+    if (!U) return null;
+    if (typeof U == "string") {
+      let c = U;
+      return c = c.replace(/<br\s*\/?>(?=\s*)/gi, `
+`), c = c.replace(/\s*\/n\s*/gi, `
+`), c = c.replace(/\\n/g, `
+`), /* @__PURE__ */ n(
+        Ue,
+        {
+          $theme: X.theme || ue,
+          style: {
+            textAlign: "center",
+            whiteSpace: "pre-line"
+          },
+          children: c
+        }
+      );
+    }
+    return U;
+  }, [U, X.theme]), G = {
+    noUrl: "请提供上传接口地址 (url)",
+    uploadFailed: "上传失败，请重试",
+    fileTooLarge: `文件大小不能超过 ${t}MB`,
+    invalidFileType: "不支持的文件类型"
+  }, A = { ...G, ..._ }, k = (c, S) => A[c] ? A[c] : S || G[c], K = (c) => {
+    const S = c / 1048576;
+    return `${Number(S.toFixed(2))}MB`;
+  }, ee = te(
+    (c, S) => {
+      const w = t * 1024 * 1024, s = [], L = [];
+      if (c.forEach((D) => {
+        D.size > w ? s.push(D) : L.push(D);
+      }), s.length > 0) {
+        const D = s.map((ae) => `${ae.name}（${K(ae.size)}）`).join("、"), P = `${k("fileTooLarge")}：${D}`;
+        o == null || o("uploader:error", {
+          type: "fileTooLarge",
+          message: P,
+          files: s.map((ae) => ({ name: ae.name, size: ae.size })),
+          limit: `${t}MB`,
+          data: B()
+        });
+      }
+      const j = Math.max(0, i - S);
+      if (j <= 0) {
+        const D = `最多只能上传 ${i} 个文件，已存在 ${S} 个，无法继续添加。`;
+        return o == null || o("uploader:error", {
+          type: "tooManyFiles",
+          message: D,
+          currentCount: S,
+          tryAdd: c.length,
+          limit: i,
+          data: B()
+        }), [];
+      }
+      const W = L.slice(0, j);
+      if (L.length > j) {
+        const D = L.length - W.length, P = `最多只能上传 ${i} 个文件，本次仅接受 ${W.length} 个，忽略 ${D} 个。`;
+        o == null || o("uploader:error", {
+          type: "tooManyFiles",
+          message: P,
+          currentCount: S,
+          accepted: W.length,
+          dropped: D,
+          limit: i,
+          data: B()
+        });
+      }
+      return W;
+    },
+    [t, i, k, o, B]
+  ), l = he(
+    () => ({
+      // 获取所有上传项
+      getUploadItems: () => q,
+      // 获取所有上传项的数据（包含表单数据）
+      getUploadItemsData: (c) => {
+        let S = q;
+        return c != null && c.includeStatus && (S = S.filter(
+          (w) => c.includeStatus.includes(w.status)
+        )), c != null && c.excludeStatus && (S = S.filter(
+          (w) => !c.excludeStatus.includes(w.status)
+        )), S.map((w) => ({
+          id: w.id,
+          name: w.name,
+          status: w.status,
+          error: w.error,
+          // 新增：错误信息
+          uploadApiRes: w.uploadApiRes || {},
+          formData: w.formData || {},
+          file: w.file,
+          size: w.size,
+          type: w.type
+        }));
+      },
+      // 清空所有上传项
+      clearUploadItems: () => {
+        R([]), o == null || o("uploader:clear", {});
+      },
+      // 新增：设置某个 item 的错误信息
+      setItemError: (c, S) => {
+        R((w) => w.map(
+          (s) => s.id === c ? { ...s, status: "error", error: S } : s
+        )), o == null || o("uploader:errorSet", { itemId: c, error: S, data: B() });
+      },
+      // 新增：清除某个 item 的错误信息
+      clearItemError: (c) => {
+        R((S) => S.map(
+          (w) => w.id === c ? { ...w, status: "pending", error: void 0 } : w
+        )), o == null || o("uploader:errorCleared", { itemId: c, data: B() });
+      },
+      // 添加新的上传项（对外方法也应用限流）
+      addUploadItems: (c) => {
+        const S = ee(c, q.length);
+        if (S.length === 0) return;
+        const w = S.map((s) => ({
+          id: He(),
+          file: s,
+          name: s.name,
+          size: s.size,
+          type: s.type,
+          status: "pending",
+          progress: 0,
+          formData: {},
+          isExpanded: !1
+        }));
+        R((s) => [...s, ...w]), u && f(w);
+      },
+      // 移除指定上传项
+      removeUploadItem: (c) => {
+        R((S) => {
+          const w = S.find((s) => s.id === c);
+          return w && (o == null || o("uploader:remove", {
+            itemId: c,
+            item: w,
+            data: B(S)
+          })), S.filter((s) => s.id !== c);
+        });
+      },
+      // 验证表单数据
+      validateFormData: async () => !(q.some((s) => s.status === "error") || q.some((s) => s.status === "uploading") || !q.some((s) => s.status === "success"))
+    }),
+    [q, u, o, ee, B]
+  );
+  fe(() => {
+    F && F(l);
+  }, [l, F]);
+  const $ = te(
+    (c) => {
+      if (!c) return;
+      const S = ee(Array.from(c), q.length);
+      if (S.length === 0) return;
+      const w = S.map((s) => ({
+        id: He(),
+        file: s,
+        name: s.name,
+        size: s.size,
+        type: s.type,
+        status: "pending",
+        progress: 0,
+        formData: {},
+        // 每个item独立的表单数据
+        isExpanded: !1
+      }));
+      R((s) => [...s, ...w]), u && f(w);
+    },
+    [u, q.length, ee]
+  ), y = te((c) => {
+    c.preventDefault(), V(!0);
+  }, []), N = te((c) => {
+    c.preventDefault(), V(!1);
+  }, []), x = te(
+    (c) => {
+      c.preventDefault(), V(!1), $(c.dataTransfer.files);
+    },
+    [$]
+  ), f = te(
+    async (c) => {
+      if (!h) {
+        console.error(k("noUrl"));
+        return;
+      }
+      o == null || o("uploader:start", { items: c, data: B() });
+      for (const S of c)
+        try {
+          R(
+            (W) => W.map((D) => D.id === S.id ? { ...D, status: "uploading" } : D)
+          );
+          const w = await kr(S.file, h, v, d, (W) => {
+            R((D) => D.map((P) => P.id === S.id ? { ...P, progress: W } : P)), o == null || o("uploader:progress", { item: { ...S, progress: W }, data: B() });
+          }), s = wr(S, p), L = {
+            ...S,
+            status: "success",
+            uploadApiRes: w,
+            progress: 100,
+            formData: s,
+            // 使用自动填充后的表单数据
+            isExpanded: p.length > 0
+            // 上传成功后，如果有表单配置则默认展开
+          }, j = q.map((W) => W.id === S.id ? L : W);
+          R((W) => W.map((D) => D.id === S.id ? L : D)), o == null || o("uploader:success", { item: L, data: B(j) });
+        } catch (w) {
+          let s = "";
+          if (console.log("上传错误详情:", w), w && typeof w == "object") {
+            const W = w;
+            if (W.response && W.response.data) {
+              const D = W.response.data;
+              if (console.log("错误响应数据:", D), D.errorMsg)
+                s = D.errorMsg;
+              else if (D.message)
+                s = D.message;
+              else if (D.error)
+                s = D.error;
+              else if (D.errorCode)
+                switch (D.errorCode) {
+                  case "30013":
+                    s = "登录失效已过期，请重新登录";
+                    break;
+                  case "30014":
+                    s = "没有权限执行此操作";
+                    break;
+                  case "30015":
+                    s = "文件格式不支持";
+                    break;
+                  case "30016":
+                    s = "文件大小超出限制";
+                    break;
+                  default:
+                    s = `操作失败 (${D.errorCode})`;
+                }
+            } else if (W.message)
+              try {
+                const D = JSON.parse(W.message);
+                if (console.log("解析的错误数据:", D), D.errorMsg)
+                  s = D.errorMsg;
+                else if (D.message)
+                  s = D.message;
+                else if (D.error)
+                  s = D.error;
+                else if (D.errorCode)
+                  switch (D.errorCode) {
+                    case "30013":
+                      s = "登录失效已过期，请重新登录";
+                      break;
+                    case "30014":
+                      s = "没有权限执行此操作";
+                      break;
+                    case "30015":
+                      s = "文件格式不支持";
+                      break;
+                    case "30016":
+                      s = "文件大小超出限制";
+                      break;
+                    default:
+                      s = `操作失败 (${D.errorCode})`;
+                  }
+              } catch (D) {
+                console.log("错误消息解析失败:", D), s = W.message;
+              }
+          }
+          s || (s = k("uploadFailed")), console.log("最终使用的错误信息:", s);
+          const L = { ...S, status: "error", error: s }, j = q.map((W) => W.id === S.id ? L : W);
+          R((W) => W.map((D) => D.id === S.id ? L : D)), o == null || o("uploader:error", { item: L, error: s, data: B(j) });
+        }
+      o == null || o("uploader:complete", { items: q, data: B() });
+    },
+    [h, v, d, o, q, p, A.uploadFailed, B]
+  ), g = te(
+    (c) => {
+      R((S) => {
+        const w = S.find((s) => s.id === c);
+        return w && (o == null || o("uploader:remove", {
+          itemId: c,
+          item: w,
+          data: B(S)
+        })), S.filter((s) => s.id !== c);
+      });
+    },
+    [o, B]
+  ), b = te(
+    (c) => {
+      R(
+        (S) => S.map((w) => {
+          if (w.id === c) {
+            const s = {
+              ...w,
+              isExpanded: !w.isExpanded
+            };
+            return console.log("Toggle Expand:", c, s.isExpanded, s.formData), o == null || o("uploader:toggleExpand", {
+              itemId: c,
+              isExpanded: s.isExpanded,
+              item: s,
+              data: B(S)
+            }), s;
+          }
+          return w;
+        })
+      );
+    },
+    [o, B]
+  ), O = te(
+    (c, S) => {
+      console.log("FormData Change:", c, S), R((w) => {
+        const s = w.map((L) => {
+          if (L.id === c) {
+            const j = {
+              ...L,
+              formData: { ...S }
+              // 确保数据是深拷贝
+            };
+            return o == null || o("uploader:formDataChange", {
+              itemId: c,
+              formData: j.formData,
+              item: j,
+              data: B(w)
+            }), j;
+          }
+          return L;
+        });
+        return o == null || o("uploader:dataChange", {
+          items: s,
+          changedItemId: c,
+          changedFormData: S,
+          data: B(s)
+        }), s;
+      });
+    },
+    [o, B]
+  );
+  return /* @__PURE__ */ H("div", { children: [
+    /* @__PURE__ */ H(
+      Sr,
+      {
+        $theme: X.theme || ue,
+        $isDragOver: m,
+        onDragOver: y,
+        onDragLeave: N,
+        onDrop: x,
+        onClick: () => {
+          var c;
+          r.current && (r.current.value = ""), (c = r.current) == null || c.click();
+        },
+        children: [
+          /* @__PURE__ */ n(Nr, { $theme: X.theme || ue, children: (I == null ? void 0 : I.dragUpload) || /* @__PURE__ */ n(dr, { size: 48 }) }),
+          J || /* @__PURE__ */ H(Qe, { children: [
+            /* @__PURE__ */ n(Mr, { $theme: X.theme || ue, children: "拖拽文件到此处或点击选择文件" }),
+            /* @__PURE__ */ H(Ue, { $theme: X.theme || ue, children: [
+              "支持 ",
+              a,
+              " 格式，单个文件最大 ",
+              t,
+              "MB",
+              !h && /* @__PURE__ */ n("div", { style: { color: ((T = (z = X.theme) == null ? void 0 : z.colors) == null ? void 0 : T.error) || "#FF0000", marginTop: "8px", fontSize: "12px" }, children: k("noUrl") })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      Tr,
+      {
+        ref: r,
+        type: "file",
+        multiple: e,
+        accept: a,
+        onChange: (c) => {
+          $(c.target.files), c.target.value = "";
+        }
+      }
+    ),
+    q.length > 0 && /* @__PURE__ */ H("div", { children: [
+      /* @__PURE__ */ H("div", { style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        margin: "6px 0px"
+      }, children: [
+        /* @__PURE__ */ n("div", { className: "text-[14px] font-bold opacity-60", children: Q || "上传文件列表" }),
+        C.length > 0 && /* @__PURE__ */ n("div", { style: {
+          display: "flex",
+          gap: "8px",
+          alignItems: "center"
+        }, children: C.map((c, S) => /* @__PURE__ */ n(
+          be,
+          {
+            mode: c.mode || "default",
+            label: c.label,
+            icon: c.icon,
+            disabled: c.disabled,
+            onClick: c.onClick,
+            styles: M
+          },
+          S
+        )) })
+      ] }),
+      /* @__PURE__ */ n(Dr, { $theme: X.theme || ue, children: q.map((c, S) => /* @__PURE__ */ n(
+        Hr,
+        {
+          item: c,
+          index: S,
+          itemForm: p,
+          onRemove: g,
+          onToggleExpand: b,
+          onFormDataChange: O,
+          theme: X.theme || ue,
+          icons: I
+        },
+        c.id
+      )) })
+    ] })
+  ] });
+}, va = (e) => {
+  const a = {};
+  return e.forEach((t) => {
+    const i = t.name ?? t.key;
+    t.defaultValue !== void 0 && i && (a[i] = t.defaultValue);
+  }), a;
+}, wa = (e, a) => {
+  const t = {};
+  return a.forEach((i) => {
+    var d;
+    const u = i.name ?? i.key, h = e[u], v = i.validation || [];
+    if (i.required && (h == null || h === "")) {
+      t[u] = ((d = v.find((p) => p.required)) == null ? void 0 : d.message) || `${i.label}是必填项`;
+      return;
+    }
+    v.forEach((p) => {
+      if (p.required && (h == null || h === "")) {
+        t[u] = p.message || `${i.label}是必填项`;
+        return;
+      }
+      if (p.pattern && h && !p.pattern.test(h)) {
+        t[u] = p.message || `${i.label}格式不正确`;
+        return;
+      }
+      if (p.min !== void 0 && h < p.min) {
+        t[u] = p.message || `${i.label}不能小于${p.min}`;
+        return;
+      }
+      if (p.max !== void 0 && h > p.max) {
+        t[u] = p.message || `${i.label}不能大于${p.max}`;
+        return;
+      }
+      if (p.validator && typeof p.validator == "function") {
+        const M = p.validator(h);
+        if (M !== !0) {
+          t[u] = typeof M == "string" ? M : `${i.label}验证失败`;
+          return;
+        }
+      }
+    });
+  }), t;
+}, ka = (e = 5) => {
+  const a = [];
+  for (let t = 0; t < e; t++) {
+    const i = ["input", "select", "radio", "checkbox", "date", "number"], u = i[t % i.length];
+    a.push({
+      key: `field_${t + 1}`,
+      label: `字段 ${t + 1}`,
+      type: u,
+      required: t < 2,
+      placeholder: `请输入字段 ${t + 1}`,
+      ...u === "select" && {
+        options: [
+          { label: "选项 1", value: "option1" },
+          { label: "选项 2", value: "option2" },
+          { label: "选项 3", value: "option3" }
+        ]
+      },
+      ...u === "radio" && {
+        options: [
+          { label: "选项 A", value: "a" },
+          { label: "选项 B", value: "b" },
+          { label: "选项 C", value: "c" }
+        ]
+      },
+      ...u === "number" && {
+        validation: [
+          { min: 0, max: 100, message: "数值必须在 0-100 之间" }
+        ]
+      }
+    });
+  }
+  return a;
+}, Sa = (e) => Object.keys(e).length === 0, Na = (e) => Object.values(e).filter(Boolean);
+function nr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ke = { exports: {} }, Ur = ke.exports, Ee;
+function sr() {
+  return Ee || (Ee = 1, (function(e, a) {
+    (function(t, i) {
+      e.exports = i();
+    })(Ur, (function() {
+      var t = 1e3, i = 6e4, u = 36e5, h = "millisecond", v = "second", d = "minute", p = "hour", M = "day", C = "week", _ = "month", I = "quarter", o = "year", F = "date", U = "Invalid Date", Q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, X = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, r = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(l) {
+        var $ = ["th", "st", "nd", "rd"], y = l % 100;
+        return "[" + l + ($[(y - 20) % 10] || $[y] || $[0]) + "]";
+      } }, m = function(l, $, y) {
+        var N = String(l);
+        return !N || N.length >= $ ? l : "" + Array($ + 1 - N.length).join(y) + l;
+      }, V = { s: m, z: function(l) {
+        var $ = -l.utcOffset(), y = Math.abs($), N = Math.floor(y / 60), x = y % 60;
+        return ($ <= 0 ? "+" : "-") + m(N, 2, "0") + ":" + m(x, 2, "0");
+      }, m: function l($, y) {
+        if ($.date() < y.date()) return -l(y, $);
+        var N = 12 * (y.year() - $.year()) + (y.month() - $.month()), x = $.clone().add(N, _), f = y - x < 0, g = $.clone().add(N + (f ? -1 : 1), _);
+        return +(-(N + (y - x) / (f ? x - g : g - x)) || 0);
+      }, a: function(l) {
+        return l < 0 ? Math.ceil(l) || 0 : Math.floor(l);
+      }, p: function(l) {
+        return { M: _, y: o, w: C, d: M, D: F, h: p, m: d, s: v, ms: h, Q: I }[l] || String(l || "").toLowerCase().replace(/s$/, "");
+      }, u: function(l) {
+        return l === void 0;
+      } }, q = "en", R = {};
+      R[q] = r;
+      var B = "$isDayjsObject", J = function(l) {
+        return l instanceof K || !(!l || !l[B]);
+      }, G = function l($, y, N) {
+        var x;
+        if (!$) return q;
+        if (typeof $ == "string") {
+          var f = $.toLowerCase();
+          R[f] && (x = f), y && (R[f] = y, x = f);
+          var g = $.split("-");
+          if (!x && g.length > 1) return l(g[0]);
+        } else {
+          var b = $.name;
+          R[b] = $, x = b;
+        }
+        return !N && x && (q = x), x || !N && q;
+      }, A = function(l, $) {
+        if (J(l)) return l.clone();
+        var y = typeof $ == "object" ? $ : {};
+        return y.date = l, y.args = arguments, new K(y);
+      }, k = V;
+      k.l = G, k.i = J, k.w = function(l, $) {
+        return A(l, { locale: $.$L, utc: $.$u, x: $.$x, $offset: $.$offset });
+      };
+      var K = (function() {
+        function l(y) {
+          this.$L = G(y.locale, null, !0), this.parse(y), this.$x = this.$x || y.x || {}, this[B] = !0;
+        }
+        var $ = l.prototype;
+        return $.parse = function(y) {
+          this.$d = (function(N) {
+            var x = N.date, f = N.utc;
+            if (x === null) return /* @__PURE__ */ new Date(NaN);
+            if (k.u(x)) return /* @__PURE__ */ new Date();
+            if (x instanceof Date) return new Date(x);
+            if (typeof x == "string" && !/Z$/i.test(x)) {
+              var g = x.match(Q);
+              if (g) {
+                var b = g[2] - 1 || 0, O = (g[7] || "0").substring(0, 3);
+                return f ? new Date(Date.UTC(g[1], b, g[3] || 1, g[4] || 0, g[5] || 0, g[6] || 0, O)) : new Date(g[1], b, g[3] || 1, g[4] || 0, g[5] || 0, g[6] || 0, O);
+              }
+            }
+            return new Date(x);
+          })(y), this.init();
+        }, $.init = function() {
+          var y = this.$d;
+          this.$y = y.getFullYear(), this.$M = y.getMonth(), this.$D = y.getDate(), this.$W = y.getDay(), this.$H = y.getHours(), this.$m = y.getMinutes(), this.$s = y.getSeconds(), this.$ms = y.getMilliseconds();
+        }, $.$utils = function() {
+          return k;
+        }, $.isValid = function() {
+          return this.$d.toString() !== U;
+        }, $.isSame = function(y, N) {
+          var x = A(y);
+          return this.startOf(N) <= x && x <= this.endOf(N);
+        }, $.isAfter = function(y, N) {
+          return A(y) < this.startOf(N);
+        }, $.isBefore = function(y, N) {
+          return this.endOf(N) < A(y);
+        }, $.$g = function(y, N, x) {
+          return k.u(y) ? this[N] : this.set(x, y);
+        }, $.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, $.valueOf = function() {
+          return this.$d.getTime();
+        }, $.startOf = function(y, N) {
+          var x = this, f = !!k.u(N) || N, g = k.p(y), b = function(L, j) {
+            var W = k.w(x.$u ? Date.UTC(x.$y, j, L) : new Date(x.$y, j, L), x);
+            return f ? W : W.endOf(M);
+          }, O = function(L, j) {
+            return k.w(x.toDate()[L].apply(x.toDate("s"), (f ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(j)), x);
+          }, z = this.$W, T = this.$M, c = this.$D, S = "set" + (this.$u ? "UTC" : "");
+          switch (g) {
+            case o:
+              return f ? b(1, 0) : b(31, 11);
+            case _:
+              return f ? b(1, T) : b(0, T + 1);
+            case C:
+              var w = this.$locale().weekStart || 0, s = (z < w ? z + 7 : z) - w;
+              return b(f ? c - s : c + (6 - s), T);
+            case M:
+            case F:
+              return O(S + "Hours", 0);
+            case p:
+              return O(S + "Minutes", 1);
+            case d:
+              return O(S + "Seconds", 2);
+            case v:
+              return O(S + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, $.endOf = function(y) {
+          return this.startOf(y, !1);
+        }, $.$set = function(y, N) {
+          var x, f = k.p(y), g = "set" + (this.$u ? "UTC" : ""), b = (x = {}, x[M] = g + "Date", x[F] = g + "Date", x[_] = g + "Month", x[o] = g + "FullYear", x[p] = g + "Hours", x[d] = g + "Minutes", x[v] = g + "Seconds", x[h] = g + "Milliseconds", x)[f], O = f === M ? this.$D + (N - this.$W) : N;
+          if (f === _ || f === o) {
+            var z = this.clone().set(F, 1);
+            z.$d[b](O), z.init(), this.$d = z.set(F, Math.min(this.$D, z.daysInMonth())).$d;
+          } else b && this.$d[b](O);
+          return this.init(), this;
+        }, $.set = function(y, N) {
+          return this.clone().$set(y, N);
+        }, $.get = function(y) {
+          return this[k.p(y)]();
+        }, $.add = function(y, N) {
+          var x, f = this;
+          y = Number(y);
+          var g = k.p(N), b = function(T) {
+            var c = A(f);
+            return k.w(c.date(c.date() + Math.round(T * y)), f);
+          };
+          if (g === _) return this.set(_, this.$M + y);
+          if (g === o) return this.set(o, this.$y + y);
+          if (g === M) return b(1);
+          if (g === C) return b(7);
+          var O = (x = {}, x[d] = i, x[p] = u, x[v] = t, x)[g] || 1, z = this.$d.getTime() + y * O;
+          return k.w(z, this);
+        }, $.subtract = function(y, N) {
+          return this.add(-1 * y, N);
+        }, $.format = function(y) {
+          var N = this, x = this.$locale();
+          if (!this.isValid()) return x.invalidDate || U;
+          var f = y || "YYYY-MM-DDTHH:mm:ssZ", g = k.z(this), b = this.$H, O = this.$m, z = this.$M, T = x.weekdays, c = x.months, S = x.meridiem, w = function(j, W, D, P) {
+            return j && (j[W] || j(N, f)) || D[W].slice(0, P);
+          }, s = function(j) {
+            return k.s(b % 12 || 12, j, "0");
+          }, L = S || function(j, W, D) {
+            var P = j < 12 ? "AM" : "PM";
+            return D ? P.toLowerCase() : P;
+          };
+          return f.replace(X, (function(j, W) {
+            return W || (function(D) {
+              switch (D) {
+                case "YY":
+                  return String(N.$y).slice(-2);
+                case "YYYY":
+                  return k.s(N.$y, 4, "0");
+                case "M":
+                  return z + 1;
+                case "MM":
+                  return k.s(z + 1, 2, "0");
+                case "MMM":
+                  return w(x.monthsShort, z, c, 3);
+                case "MMMM":
+                  return w(c, z);
+                case "D":
+                  return N.$D;
+                case "DD":
+                  return k.s(N.$D, 2, "0");
+                case "d":
+                  return String(N.$W);
+                case "dd":
+                  return w(x.weekdaysMin, N.$W, T, 2);
+                case "ddd":
+                  return w(x.weekdaysShort, N.$W, T, 3);
+                case "dddd":
+                  return T[N.$W];
+                case "H":
+                  return String(b);
+                case "HH":
+                  return k.s(b, 2, "0");
+                case "h":
+                  return s(1);
+                case "hh":
+                  return s(2);
+                case "a":
+                  return L(b, O, !0);
+                case "A":
+                  return L(b, O, !1);
+                case "m":
+                  return String(O);
+                case "mm":
+                  return k.s(O, 2, "0");
+                case "s":
+                  return String(N.$s);
+                case "ss":
+                  return k.s(N.$s, 2, "0");
+                case "SSS":
+                  return k.s(N.$ms, 3, "0");
+                case "Z":
+                  return g;
+              }
+              return null;
+            })(j) || g.replace(":", "");
+          }));
+        }, $.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, $.diff = function(y, N, x) {
+          var f, g = this, b = k.p(N), O = A(y), z = (O.utcOffset() - this.utcOffset()) * i, T = this - O, c = function() {
+            return k.m(g, O);
+          };
+          switch (b) {
+            case o:
+              f = c() / 12;
+              break;
+            case _:
+              f = c();
+              break;
+            case I:
+              f = c() / 3;
+              break;
+            case C:
+              f = (T - z) / 6048e5;
+              break;
+            case M:
+              f = (T - z) / 864e5;
+              break;
+            case p:
+              f = T / u;
+              break;
+            case d:
+              f = T / i;
+              break;
+            case v:
+              f = T / t;
+              break;
+            default:
+              f = T;
+          }
+          return x ? f : k.a(f);
+        }, $.daysInMonth = function() {
+          return this.endOf(_).$D;
+        }, $.$locale = function() {
+          return R[this.$L];
+        }, $.locale = function(y, N) {
+          if (!y) return this.$L;
+          var x = this.clone(), f = G(y, N, !0);
+          return f && (x.$L = f), x;
+        }, $.clone = function() {
+          return k.w(this.$d, this);
+        }, $.toDate = function() {
+          return new Date(this.valueOf());
+        }, $.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, $.toISOString = function() {
+          return this.$d.toISOString();
+        }, $.toString = function() {
+          return this.$d.toUTCString();
+        }, l;
+      })(), ee = K.prototype;
+      return A.prototype = ee, [["$ms", h], ["$s", v], ["$m", d], ["$H", p], ["$W", M], ["$M", _], ["$y", o], ["$D", F]].forEach((function(l) {
+        ee[l[1]] = function($) {
+          return this.$g($, l[0], l[1]);
+        };
+      })), A.extend = function(l, $) {
+        return l.$i || (l($, K, A), l.$i = !0), A;
+      }, A.locale = G, A.isDayjs = J, A.unix = function(l) {
+        return A(1e3 * l);
+      }, A.en = R[q], A.Ls = R, A.p = {}, A;
+    }));
+  })(ke)), ke.exports;
+}
+var Vr = sr();
+const De = /* @__PURE__ */ nr(Vr);
+var Se = { exports: {} }, Er = Se.exports, Je;
+function Jr() {
+  return Je || (Je = 1, (function(e, a) {
+    (function(t, i) {
+      e.exports = i();
+    })(Er, (function() {
+      return function(t, i, u) {
+        t = t || {};
+        var h = i.prototype, v = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+        function d(M, C, _, I) {
+          return h.fromToBase(M, C, _, I);
+        }
+        u.en.relativeTime = v, h.fromToBase = function(M, C, _, I, o) {
+          for (var F, U, Q, X = _.$locale().relativeTime || v, r = t.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = r.length, V = 0; V < m; V += 1) {
+            var q = r[V];
+            q.d && (F = I ? u(M).diff(_, q.d, !0) : _.diff(M, q.d, !0));
+            var R = (t.rounding || Math.round)(Math.abs(F));
+            if (Q = F > 0, R <= q.r || !q.r) {
+              R <= 1 && V > 0 && (q = r[V - 1]);
+              var B = X[q.l];
+              o && (R = o("" + R)), U = typeof B == "string" ? B.replace("%d", R) : B(R, C, q.l, Q);
+              break;
+            }
+          }
+          if (C) return U;
+          var J = Q ? X.future : X.past;
+          return typeof J == "function" ? J(U) : J.replace("%s", U);
+        }, h.to = function(M, C) {
+          return d(M, C, this, !0);
+        }, h.from = function(M, C) {
+          return d(M, C, this);
+        };
+        var p = function(M) {
+          return M.$u ? u.utc() : u();
+        };
+        h.toNow = function(M) {
+          return this.to(p(this), M);
+        }, h.fromNow = function(M) {
+          return this.from(p(this), M);
+        };
+      };
+    }));
+  })(Se)), Se.exports;
+}
+var Gr = Jr();
+const Xr = /* @__PURE__ */ nr(Gr);
+var Ne = { exports: {} }, Zr = Ne.exports, Ge;
+function Kr() {
+  return Ge || (Ge = 1, (function(e, a) {
+    (function(t, i) {
+      e.exports = i(sr());
+    })(Zr, (function(t) {
+      function i(v) {
+        return v && typeof v == "object" && "default" in v ? v : { default: v };
+      }
+      var u = i(t), h = { name: "zh-cn", weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"), weekdaysShort: "周日_周一_周二_周三_周四_周五_周六".split("_"), weekdaysMin: "日_一_二_三_四_五_六".split("_"), months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"), monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"), ordinal: function(v, d) {
+        return d === "W" ? v + "周" : v + "日";
+      }, weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "YYYY/MM/DD", LL: "YYYY年M月D日", LLL: "YYYY年M月D日Ah点mm分", LLLL: "YYYY年M月D日ddddAh点mm分", l: "YYYY/M/D", ll: "YYYY年M月D日", lll: "YYYY年M月D日 HH:mm", llll: "YYYY年M月D日dddd HH:mm" }, relativeTime: { future: "%s内", past: "%s前", s: "几秒", m: "1 分钟", mm: "%d 分钟", h: "1 小时", hh: "%d 小时", d: "1 天", dd: "%d 天", M: "1 个月", MM: "%d 个月", y: "1 年", yy: "%d 年" }, meridiem: function(v, d) {
+        var p = 100 * v + d;
+        return p < 600 ? "凌晨" : p < 900 ? "早上" : p < 1100 ? "上午" : p < 1300 ? "中午" : p < 1800 ? "下午" : "晚上";
+      } };
+      return u.default.locale(h, null, !0), h;
+    }));
+  })(Ne)), Ne.exports;
+}
+Kr();
+De.locale("zh-cn");
+De.extend(Xr);
+const Xe = {
+  success: "green",
+  error: "red",
+  warning: "orange",
+  processing: "blue",
+  info: "cyan",
+  default: "default"
+};
+function Pr(e) {
+  if (!e) return "-";
+  const a = De(e), t = a.format("YYYY年M月D日 HH:mm"), i = a.fromNow();
+  return /* @__PURE__ */ n(
+    Te,
+    {
+      title: /* @__PURE__ */ n("div", { style: { minWidth: 120 }, children: /* @__PURE__ */ n("div", { style: { color: "#aaa", fontSize: 12, marginTop: 2 }, children: i }) }),
+      children: /* @__PURE__ */ n("span", { style: { fontWeight: 500, opacity: 0.6 }, children: t })
+    }
+  );
+}
+function Qr(e, a) {
+  if (e == null || e === "") return "-";
+  const t = Number(e);
+  if (isNaN(t)) return e;
+  switch (a) {
+    case "rmb":
+      return `￥${t.toLocaleString("zh-CN", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+    case "usd":
+      return `$${t.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+    case "filesize":
+      return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(2)} KB` : t < 1024 * 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(2)} MB` : `${(t / 1024 / 1024 / 1024).toFixed(2)} GB`;
+    case "float":
+    default:
+      return t.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+  }
+}
+function ea(e, a, t = {}) {
+  const { eventsEmit: i } = a || {};
+  return oe.useMemo(
+    () => e.map((u) => {
+      if (u.render) return u;
+      switch (u.type) {
+        case "customized":
+          return {
+            ...u,
+            render: (h, v, d) => {
+              var X, r;
+              const p = d == null ? void 0 : d.value;
+              let C = p && typeof p == "object" && (p.component || p.Comp) ? p.component || p.Comp : u.component;
+              if (typeof C == "string" && (C = ((X = a == null ? void 0 : a.customizeComponents) == null ? void 0 : X[C]) || ((r = t == null ? void 0 : t.customizeComponents) == null ? void 0 : r[C])), !C)
+                return u.fallback ?? null;
+              const _ = p && typeof p == "object" && "data" in p ? p.data : d == null ? void 0 : d.value, I = typeof u.componentProps == "function" ? u.componentProps({ value: _, row: v, cell: d, col: u }) : u.componentProps || {}, o = p && typeof p == "object" && "props" in p ? p.props || {} : {};
+              let F = {};
+              if (p && typeof p == "object") {
+                const m = /* @__PURE__ */ new Set(["component", "Comp", "props"]);
+                Object.keys(p).forEach((V) => {
+                  m.has(V) || (F[V] = p[V]);
+                });
+              }
+              const Q = {
+                value: _,
+                row: v,
+                cell: d,
+                col: u,
+                emit: (m, V) => {
+                  var q;
+                  return (q = a == null ? void 0 : a.eventsEmit) == null ? void 0 : q.call(a, m, { row: v, cell: d, col: u, data: V });
+                },
+                ...I,
+                ...F,
+                ...o
+              };
+              if (oe.isValidElement(C))
+                return oe.cloneElement(C, Q);
+              if (typeof C == "function") {
+                const m = C;
+                return oe.createElement(m, Q);
+              }
+              return u.fallback ?? null;
+            }
+          };
+        case "status":
+          return {
+            ...u,
+            render: (h, v, d) => {
+              const p = (d == null ? void 0 : d.statusType) || "default", M = Xe[p] || Xe.default;
+              return /* @__PURE__ */ n(pr, { color: M, children: h });
+            }
+          };
+        case "date":
+          return {
+            ...u,
+            render: (h) => Pr(h)
+          };
+        case "number":
+          return {
+            ...u,
+            render: (h) => {
+              const v = u.numberStyle || "float";
+              return /* @__PURE__ */ n(
+                "span",
+                {
+                  style: {
+                    textAlign: "right",
+                    display: "block",
+                    color: "#2563eb",
+                    fontWeight: 500,
+                    fontVariantNumeric: "tabular-nums",
+                    fontFamily: "Consolas, Menlo, monospace"
+                  },
+                  children: Qr(h, v)
+                }
+              );
+            }
+          };
+        case "image":
+          return {
+            ...u,
+            render: (h) => h ? /* @__PURE__ */ n(
+              "img",
+              {
+                src: h,
+                style: {
+                  width: 36,
+                  height: 36,
+                  borderRadius: 8,
+                  objectFit: "cover",
+                  boxShadow: "0 1px 4px 0 rgba(0,0,0,0.04)"
+                }
+              }
+            ) : null
+          };
+        case "longText":
+          return {
+            ...u,
+            render: (h) => {
+              const v = u.maxRow || 1, d = u.maxWidth || 240, p = u.areaStyle || "default", M = 13, C = 1.6, _ = M * C, I = v * _;
+              let o = {
+                maxWidth: typeof d == "number" ? `${d}px` : d,
+                maxHeight: I,
+                overflowY: "auto",
+                color: p === "code" ? "#d4d4d4" : "#666",
+                opacity: p === "code" ? 1 : 0.85,
+                fontSize: M,
+                lineHeight: C,
+                padding: "6px 10px",
+                background: p === "code" ? "#1e1e1e" : "#f6f8fa",
+                borderRadius: 6,
+                fontFamily: p === "code" ? '"SF Mono", "Consolas", "Menlo", monospace' : void 0,
+                border: p === "code" ? "1px solid #232323" : "1px solid #e5e7eb",
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-all",
+                boxSizing: "border-box",
+                width: "100%",
+                display: "block"
+              };
+              return /* @__PURE__ */ n("span", { style: o, children: h });
+            }
+          };
+        case "tag":
+          return {
+            ...u,
+            render: (h) => Array.isArray(h) ? /* @__PURE__ */ n(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexWrap: "wrap",
+                  gap: "6px",
+                  minWidth: "200px",
+                  maxWidth: "100%"
+                },
+                children: h.map((v, d) => /* @__PURE__ */ n(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-block",
+                      background: "#EBF4FF",
+                      color: "#2563eb",
+                      borderRadius: 12,
+                      padding: "4px 12px",
+                      fontSize: 12,
+                      border: "1px solid #BFDBFE",
+                      fontWeight: 500,
+                      lineHeight: "16px",
+                      whiteSpace: "nowrap",
+                      boxShadow: "0 1px 2px rgba(37, 99, 235, 0.1)",
+                      flexShrink: 0
+                    },
+                    children: v
+                  },
+                  d
+                ))
+              }
+            ) : null
+          };
+        case "action":
+          return {
+            ...u,
+            render: (h, v, d) => {
+              const p = a != null && a.isPending ? a.isPending(v.id) : !1;
+              if (Array.isArray(h)) {
+                const C = h.map((_) => _ && typeof _ == "object" && (_.columnId === "actions" || _.type === "action") && "value" in _ && !("mode" in _) ? {
+                  value: _.value,
+                  label: _.label || _.value,
+                  icon: _.icon,
+                  disabled: _.disabled,
+                  key: _.key
+                } : _);
+                if (C.length >= 3) {
+                  const _ = C.slice(0, 2), I = C.slice(2);
+                  return /* @__PURE__ */ H(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        gap: 4,
+                        justifyContent: "center",
+                        alignItems: "center"
+                      },
+                      children: [
+                        _.map((o, F) => /* @__PURE__ */ n(
+                          be,
+                          {
+                            mode: o.mode || "text",
+                            label: o.label || o.value || "",
+                            icon: o.icon,
+                            disabled: o.disabled || p && o.value === "delete",
+                            styles: t,
+                            style: { padding: "0 8px", minWidth: 0 },
+                            onClick: () => i == null ? void 0 : i(`table_action_${o.value}`, v)
+                          },
+                          F
+                        )),
+                        /* @__PURE__ */ n(
+                          hr,
+                          {
+                            actions: I.map((o, F) => ({
+                              key: o.value || String(F),
+                              label: o.label || o.value || "",
+                              icon: o.icon,
+                              disabled: o.disabled || p && o.value === "delete"
+                            })),
+                            onAction: (o) => {
+                              const F = I.find((U) => (U.value || String(U.key)) === o);
+                              F && !F.disabled && !(p && F.value === "delete") && (i == null || i(`table_action_${F.value}`, v));
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  );
+                } else
+                  return /* @__PURE__ */ n("div", { style: { display: "flex", gap: 4, justifyContent: "center" }, children: C.map((_, I) => /* @__PURE__ */ n(
+                    be,
+                    {
+                      mode: _.mode || "text",
+                      label: _.label || _.value || "",
+                      icon: _.icon,
+                      disabled: _.disabled || p && _.value === "delete",
+                      styles: t,
+                      style: { padding: "0 8px", minWidth: 0 },
+                      onClick: () => i == null ? void 0 : i(`table_action_${_.value}`, v)
+                    },
+                    I
+                  )) });
+              }
+              const M = d || {};
+              return /* @__PURE__ */ n(
+                be,
+                {
+                  mode: M.mode || "text",
+                  label: M.label || M.value || "",
+                  icon: M.icon,
+                  disabled: M.disabled || p && M.value === "delete",
+                  styles: t,
+                  style: { padding: "0 8px", minWidth: 0 },
+                  onClick: () => i == null ? void 0 : i(`table_action_${M.value}`, v)
+                }
+              );
+            }
+          };
+        case "label":
+          return {
+            ...u,
+            render: (h) => /* @__PURE__ */ n("span", { className: "font-bold", children: h })
+            // 移除 text-center，让 getColWidth 控制对齐
+          };
+        case "title":
+          return {
+            ...u,
+            render: (h, v, d) => {
+              const p = (d == null ? void 0 : d.level) || 1, M = {
+                1: "text-xl font-bold",
+                2: "text-lg font-semibold",
+                3: "text-base font-medium"
+              }, C = M[p] || M[1];
+              return /* @__PURE__ */ H(
+                "div",
+                {
+                  className: `${C} text-gray-800 ${(d == null ? void 0 : d.className) || ""}`,
+                  style: {
+                    color: "#1f2937",
+                    lineHeight: "1.4",
+                    fontWeight: p === 1 ? 700 : p === 2 ? 600 : 400
+                  },
+                  children: [
+                    /* @__PURE__ */ n("span", { className: "h-full w-1 bg-gray-500 rounded-full mr-2" }),
+                    /* @__PURE__ */ n("span", { className: "text-gray-500", children: h })
+                  ]
+                }
+              );
+            }
+          };
+        case "paragraph":
+          return {
+            ...u,
+            render: (h) => /* @__PURE__ */ n("div", { style: {
+              maxWidth: 240,
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            }, title: h, children: h })
+          };
+        case "text":
+          return {
+            ...u,
+            render: (h) => /* @__PURE__ */ n("span", { children: h })
+            // 移除 text-center，让 getColWidth 控制对齐
+          };
+        default:
+          return {
+            ...u,
+            render: (h) => /* @__PURE__ */ n("span", { children: h })
+            // 移除 text-center，让 getColWidth 控制对齐
+          };
+      }
+    }),
+    [
+      e,
+      i,
+      a == null ? void 0 : a.isPending,
+      a == null ? void 0 : a.customizeComponents,
+      t == null ? void 0 : t.customizeComponents
+    ]
+  );
+}
+function ra(e) {
+  return /* @__PURE__ */ H("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ n("span", { className: "font-medium text-gray-800 text-sm", children: e.title }),
+    e.helpText && /* @__PURE__ */ n(Te, { title: e.helpText, placement: "top", children: /* @__PURE__ */ n(
+      rr,
+      {
+        className: "text-gray-400 hover:text-gray-600 cursor-help transition-colors",
+        size: 14
+      }
+    ) })
+  ] });
+}
+const aa = Z.div`
+  background: ${({ theme: e }) => e.colors.background};
+  border-radius: ${({ theme: e }) => e.space.radius};
+  box-shadow: ${({ theme: e }) => e.colors.shadow};
+  padding: ${({ theme: e }) => e.space.padding};
+  overflow-x: auto;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  min-height: 240px;
+  display: flex;
+  flex-direction: column;
+`, ta = Z.div`
+  background: ${({ theme: e }) => e.colors.background};
+  border-radius: ${({ theme: e }) => e.space.radius};
+  padding: ${({ theme: e }) => e.space.padding};
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  overflow: visible; // 子table不产生滚动条，由外层容器处理
+`, na = Z.div`
+  overflow-x: auto;
+  overflow-y: hidden;
+  width: 100%;
+  max-width: 100%;
+  border: 1px solid ${({ theme: e }) => e.colors.border};
+  border-radius: ${({ theme: e }) => e.space.radius};
+  background: ${({ theme: e }) => e.colors.background};
+  position: relative; // 为sticky列提供定位上下文
+  isolation: isolate; // 创建新的层叠上下文
+  height: auto; // 确保容器高度自适应内容
+  min-height: 200px; // 最小高度确保滚动条可见
+  box-sizing: border-box; // 确保padding和border包含在宽度内
+
+  /* 子table内容宽度控制 - 根据父容器动态计算 */
+  & > div {
+    min-width: 100%; // 使用父容器的100%宽度作为最小宽度
+    width: 100%; // 确保宽度填满父容器
+  }
+
+  /* 自定义滚动条样式 */
+  &::-webkit-scrollbar {
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: ${({ theme: e }) => e.colors.disabledBackground};
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({ theme: e }) => e.colors.border};
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: ${({ theme: e }) => e.colors.disabled};
+  }
+`, Ze = (e) => {
+  switch (e) {
+    case "avatar":
+      return { minWidth: 48, textAlign: "center" };
+    case "status":
+      return { minWidth: 56, textAlign: "center" };
+    case "number":
+      return { minWidth: 56, textAlign: "right" };
+    // 数字列右对齐
+    case "longText":
+      return { minWidth: 120, textAlign: "left" };
+    // 长文本列左对齐
+    case "tag":
+      return { minWidth: 200, textAlign: "left" };
+    // 标签列左对齐
+    case "action":
+      return { minWidth: 112, textAlign: "center" };
+    // 操作列居中对齐
+    case "label":
+      return { minWidth: 120, textAlign: "left" };
+    // 标签列左对齐
+    case "title":
+      return { minWidth: 150, textAlign: "left" };
+    // 标题列左对齐
+    case "text":
+      return { minWidth: 80, textAlign: "left" };
+    // 文本列左对齐
+    default:
+      return { minWidth: 80, textAlign: "left" };
+  }
+}, Ke = Z.th`
+  background: ${({ theme: e }) => e.colors.disabledBackground};
+  color: ${({ theme: e }) => e.colors.text};
+  font-weight: 600;
+  font-size: 13px;
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid ${({ theme: e }) => e.colors.border};
+  min-width: 48px;
+  white-space: nowrap;
+  /* 移除默认的 text-align: center，让每列使用自己的对齐方式 */
+`, Pe = Z.td`
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid ${({ theme: e }) => e.colors.border};
+  color: ${({ theme: e }) => e.colors.text};
+  font-size: 14px;
+  vertical-align: middle;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, sa = Z.tr`
+  &:hover {
+    background: ${({ theme: e }) => e.colors.disabledBackground};
+  }
+`, oa = oe.forwardRef(
+  (e, a) => /* @__PURE__ */ n(sa, { ...e, ref: a })
+), la = `
+  .sticky-shadow-left {
+    box-shadow: 4px 0 8px -4px rgba(0,0,0,0.08);
+    transition: box-shadow 0.2s;
+  }
+  .sticky-shadow-right {
+    box-shadow: -4px 0 8px -4px rgba(0,0,0,0.08);
+    transition: box-shadow 0.2s;
+  }
+`;
+if (typeof window < "u" && !document.getElementById("dynamic-table-sticky-shadow")) {
+  const e = document.createElement("style");
+  e.id = "dynamic-table-sticky-shadow", e.innerHTML = la, document.head.appendChild(e);
+}
+const ia = oe.memo((e) => {
+  var w;
+  const a = e.dataSource || [], t = e.columns || [], i = e.size || "md", u = e.level || 0, { viewId: h, total: v, requestPagesize: d = 50, viewPageSize: p } = e, [M, C] = ne(p);
+  fe(() => {
+    typeof p == "number" && p > 0 && C(p);
+  }, [p]);
+  const [_, I] = ne(/* @__PURE__ */ new Set());
+  fe(() => {
+    I(/* @__PURE__ */ new Set());
+  }, [h]);
+  const [o, F] = ne(!1), [U, Q] = ne(!1), [X, r] = ne(/* @__PURE__ */ new Set()), m = me(null), V = me(null), [q, R] = ne(0), B = i === "sm" ? 0.7 : 1, J = ea(
+    t,
+    {
+      eventsEmit: e.eventsEmit,
+      isPending: e.isPending,
+      customizeComponents: e.customizeComponents
+    },
+    e.styles
+  ), [G, A] = ne([]), k = te(
+    (s, L) => {
+      var D;
+      A((P) => {
+        let ae;
+        return L ? ae = [...P, s] : ae = P.filter((ge) => ge !== s), ae;
+      });
+      const j = L ? [...G, s] : G.filter((P) => P !== s), W = a.filter((P) => j.includes(P.id));
+      (D = e.eventsEmit) == null || D.call(e, "table_row_select", {
+        rowId: s,
+        checked: L,
+        selectedItems: W
+      });
+    },
+    [G, a, e.eventsEmit]
+  ), K = he(
+    () => a.length > 0 && G.length === a.length,
+    [a.length, G.length]
+  ), ee = te(
+    (s) => {
+      var W;
+      const L = s ? a.map((D) => D.id) : [];
+      A(L);
+      const j = s ? a : [];
+      (W = e.eventsEmit) == null || W.call(e, "table_select_all", {
+        checked: s,
+        selectedItems: j,
+        totalCount: a.length
+      });
+    },
+    [a, e.eventsEmit]
+  ), [l, $] = ne(1), y = typeof M == "number" && M > 0 ? M : p ?? (e.isSubTable ? 5 : 10), N = v || a.length;
+  he(
+    () => Math.ceil(N / y),
+    [N, y]
+  );
+  const x = he(() => {
+    if (e.viewBehavior !== "pagination") return a;
+    const s = (l - 1) * y, L = s + y;
+    if (a.some((W) => typeof W.__absIndex == "number")) {
+      const W = [];
+      for (let D = s; D < L; D++) {
+        const P = a.find((ae) => ae.__absIndex === D);
+        P && W.push(P);
+      }
+      return W;
+    }
+    return a.slice(s, L);
+  }, [e.viewBehavior, a, l, y]), f = te(
+    (s) => {
+      var L;
+      if ($(s), v && d && h) {
+        const j = (s - 1) * y, W = Math.floor(j / d) + 1;
+        (!_.has(W) || j >= a.length) && (I((P) => {
+          const ae = new Set(P);
+          return ae.add(W), ae;
+        }), (L = e.eventsEmit) == null || L.call(
+          e,
+          "pagination:request_merge_data",
+          {
+            viewId: h,
+            request: {
+              pageNo: W,
+              pageSize: d
+            }
+          },
+          void 0
+        ));
+      }
+    },
+    [v, d, h, y, a.length, e.eventsEmit, _]
+  ), g = he(
+    () => ({
+      colors: {
+        background: "#fff",
+        text: "#222",
+        border: "#d1d5db",
+        disabledBackground: "#f5f5f5",
+        shadow: "none"
+      },
+      space: { radius: "6px", padding: "8px" }
+    }),
+    []
+  ), b = he(
+    () => {
+      var s;
+      return ((s = e.styles) == null ? void 0 : s.theme) || g;
+    },
+    [(w = e.styles) == null ? void 0 : w.theme, g]
+  ), O = te((s) => {
+    r((L) => {
+      const j = new Set(L);
+      return j.has(s) ? j.delete(s) : (j.add(s), setTimeout(() => {
+        var W, D;
+        (D = e.eventsEmit) == null || D.call(e, "table_expand", {
+          tableId: s,
+          children: ((W = a.find((P) => P.id === s)) == null ? void 0 : W.children) || []
+        });
+      }, 0)), j;
+    });
+  }, [a, e.eventsEmit]), z = te((s) => s.hasOwnProperty("children") && s.children !== void 0, []), T = te(
+    (s) => X.has(s),
+    [X]
+  ), c = te(() => {
+    const s = m.current;
+    s && (e.isSubTable || (F(s.scrollLeft > 0), Q(s.scrollLeft < s.scrollWidth - s.offsetWidth - 1)));
+  }, [e.isSubTable]);
+  fe(() => {
+    const s = m.current;
+    if (s)
+      return c(), s.addEventListener("scroll", c), window.addEventListener("resize", c), () => {
+        s.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+      };
+  }, [c]), fe(() => {
+    const s = m.current;
+    if (!s) return;
+    const L = () => {
+      const W = s.getBoundingClientRect();
+      R(W.width);
+    };
+    L(), window.addEventListener("resize", L);
+    const j = new ResizeObserver(L);
+    return j.observe(s), () => {
+      window.removeEventListener("resize", L), j.disconnect();
+    };
+  }, []);
+  const S = e.isSubTable ? ta : aa;
+  return /* @__PURE__ */ H(
+    S,
+    {
+      theme: b,
+      className: "w-full",
+      style: {
+        transform: `scale(${B})`,
+        transformOrigin: "top left",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ n("style", { children: `
+        .removing-row {
+          pointer-events: none;
+          overflow: hidden;
+          will-change: opacity, transform;
+        }
+        .stagger-row {
+          will-change: transform;
+        }
+        .adding-row {
+          animation: row-slide-in 0.6s ease-out forwards;
+          will-change: transform, opacity;
+        }
+        @keyframes row-slide-in {
+          0% {
+            opacity: 0;
+            transform: translateY(-10px);
+          }
+          100% {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        @keyframes spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+      ` }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            ref: m,
+            style: {
+              width: (e.isSubTable, "100%"),
+              maxWidth: (e.isSubTable, "100%"),
+              overflowX: e.isSubTable ? "visible" : "auto",
+              overflowY: e.isSubTable ? "visible" : "auto",
+              flex: e.isSubTable ? void 0 : 1,
+              // 主表：占据剩余高度
+              height: e.isSubTable ? "auto" : void 0,
+              position: "relative",
+              boxSizing: "border-box"
+            },
+            children: /* @__PURE__ */ H(
+              "table",
+              {
+                ref: V,
+                className: "border-collapse",
+                style: {
+                  minWidth: "max-content",
+                  width: "100%",
+                  tableLayout: "auto"
+                },
+                children: [
+                  /* @__PURE__ */ n(
+                    "thead",
+                    {
+                      style: {
+                        position: e.isSubTable ? void 0 : "sticky",
+                        top: 0,
+                        zIndex: 3,
+                        background: b.colors.disabledBackground
+                      },
+                      children: /* @__PURE__ */ H("tr", { children: [
+                        e.allowMultiSelect && /* @__PURE__ */ n(
+                          Ke,
+                          {
+                            theme: b,
+                            style: {
+                              position: "sticky",
+                              left: 0,
+                              zIndex: 3,
+                              background: b.colors.disabledBackground,
+                              width: 40,
+                              minWidth: 40,
+                              maxWidth: 40,
+                              textAlign: "center"
+                            },
+                            className: o ? "sticky-shadow-left" : "",
+                            children: /* @__PURE__ */ n(
+                              "input",
+                              {
+                                type: "checkbox",
+                                checked: K,
+                                onChange: (s) => ee(s.target.checked)
+                              }
+                            )
+                          }
+                        ),
+                        J.map((s, L) => {
+                          const j = L === 0, W = L === J.length - 1, D = j ? {
+                            position: "sticky",
+                            left: e.allowMultiSelect ? 40 : 0,
+                            zIndex: 2,
+                            background: b.colors.disabledBackground
+                          } : W ? {
+                            position: "sticky",
+                            right: 0,
+                            zIndex: 2,
+                            background: b.colors.disabledBackground
+                          } : {};
+                          return /* @__PURE__ */ n(
+                            Ke,
+                            {
+                              theme: b,
+                              style: {
+                                ...Ze(s.type),
+                                ...D,
+                                ...s.maxWidth !== void 0 ? {
+                                  maxWidth: typeof s.maxWidth == "number" ? `${s.maxWidth}px` : s.maxWidth
+                                } : {}
+                              },
+                              className: j && o ? "sticky-shadow-left" : W && U ? "sticky-shadow-right" : "",
+                              children: ra(s)
+                            },
+                            s.id
+                          );
+                        })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ n("tbody", { children: x.map((s, L) => {
+                    var P, ae, ge, Ce, Fe, ze, _e, Ae;
+                    const j = e.rowProps ? e.rowProps(s, L) : {}, W = z(s), D = T(s.id) || s.__autoExpand && W;
+                    return /* @__PURE__ */ H(oe.Fragment, { children: [
+                      /* @__PURE__ */ H(
+                        oa,
+                        {
+                          theme: b,
+                          ...j,
+                          className: `${j.className || ""} ${(P = e.addingIds) != null && P.includes(s.id) ? "adding-row" : ""}`,
+                          onAnimationEnd: (Y) => {
+                            var le, de;
+                            Y.animationName === "row-slide-in" && ((le = e.addingIds) != null && le.includes(s.id)) && ((de = e.onRowAddAnimationComplete) == null || de.call(e, s.id));
+                          },
+                          children: [
+                            e.allowMultiSelect && /* @__PURE__ */ n(
+                              Pe,
+                              {
+                                theme: b,
+                                style: {
+                                  position: "sticky",
+                                  left: 0,
+                                  zIndex: 2,
+                                  background: b.colors.background,
+                                  width: 40,
+                                  minWidth: 40,
+                                  maxWidth: 40,
+                                  textAlign: "center"
+                                },
+                                className: o ? "sticky-shadow-left" : "",
+                                children: /* @__PURE__ */ n(
+                                  "input",
+                                  {
+                                    type: "checkbox",
+                                    checked: G.includes(s.id),
+                                    onChange: (Y) => k(s.id, Y.target.checked)
+                                  }
+                                )
+                              }
+                            ),
+                            J.map((Y, le) => {
+                              var We;
+                              const de = le === 0, xe = le === J.length - 1, ye = de ? {
+                                position: "sticky",
+                                left: e.allowMultiSelect ? 40 : 0,
+                                zIndex: 1,
+                                background: b.colors.background
+                              } : xe ? {
+                                position: "sticky",
+                                right: 0,
+                                zIndex: 1,
+                                background: b.colors.background
+                              } : {}, ie = ((We = s.data) == null ? void 0 : We.filter((ce) => ce.columnId === Y.id)) || [], or = Object.assign(
+                                {},
+                                Ze(Y.type),
+                                ye,
+                                Y.maxWidth !== void 0 ? {
+                                  maxWidth: typeof Y.maxWidth == "number" ? `${Y.maxWidth}px` : Y.maxWidth
+                                } : {}
+                              );
+                              return /* @__PURE__ */ n(
+                                Pe,
+                                {
+                                  theme: b,
+                                  style: or,
+                                  className: de && o ? "sticky-shadow-left" : xe && U ? "sticky-shadow-right" : "",
+                                  children: de && W ? /* @__PURE__ */ H("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                                    /* @__PURE__ */ n(
+                                      "button",
+                                      {
+                                        onClick: () => O(s.id),
+                                        style: {
+                                          background: "none",
+                                          border: "none",
+                                          cursor: "pointer",
+                                          padding: 4,
+                                          display: "flex",
+                                          alignItems: "center",
+                                          justifyContent: "center",
+                                          color: b.colors.text
+                                        },
+                                        children: D ? /* @__PURE__ */ n(cr, { size: 16 }) : /* @__PURE__ */ n(ur, { size: 16 })
+                                      }
+                                    ),
+                                    /* @__PURE__ */ H("span", { style: { paddingLeft: u * 16 }, children: [
+                                      " ",
+                                      ie.length > 0 ? Y.type === "action" ? Y.render ? Y.render(
+                                        ie.length > 1 ? ie.map((ce) => ce) : ie[0],
+                                        s,
+                                        ie.length > 1 ? void 0 : ie[0]
+                                      ) : null : ie.map((ce, Me) => /* @__PURE__ */ n(
+                                        "span",
+                                        {
+                                          style: {
+                                            marginRight: 4,
+                                            display: "inline-block",
+                                            maxWidth: Y.maxWidth ? typeof Y.maxWidth == "number" ? `${Y.maxWidth}px` : Y.maxWidth : void 0,
+                                            overflow: "hidden",
+                                            textOverflow: "ellipsis",
+                                            verticalAlign: "middle"
+                                          },
+                                          children: Y.render ? Y.render(ce.value, s, ce) : /* @__PURE__ */ n("span", { children: ce.value })
+                                        },
+                                        Me
+                                      )) : null
+                                    ] })
+                                  ] }) : /* @__PURE__ */ H("span", { style: { paddingLeft: u * 16 }, children: [
+                                    " ",
+                                    ie.length > 0 ? Y.type === "action" ? Y.render ? Y.render(
+                                      ie.length > 1 ? ie.map((ce) => ce) : ie[0],
+                                      s,
+                                      ie.length > 1 ? void 0 : ie[0]
+                                    ) : null : ie.map((ce, Me) => /* @__PURE__ */ n(
+                                      "span",
+                                      {
+                                        style: {
+                                          marginRight: 4,
+                                          display: "inline-block",
+                                          maxWidth: Y.maxWidth ? typeof Y.maxWidth == "number" ? `${Y.maxWidth}px` : Y.maxWidth : void 0,
+                                          overflow: "hidden",
+                                          textOverflow: "ellipsis",
+                                          verticalAlign: "middle"
+                                        },
+                                        children: Y.render ? Y.render(ce.value, s, ce) : /* @__PURE__ */ n("span", { children: ce.value })
+                                      },
+                                      Me
+                                    )) : null
+                                  ] })
+                                },
+                                Y.id
+                              );
+                            })
+                          ]
+                        }
+                      ),
+                      W && D && s.children !== void 0 && /* @__PURE__ */ n(
+                        "tr",
+                        {
+                          className: " relative ",
+                          style: {
+                            width: q > 0 ? `${q}px` : "100%"
+                          },
+                          children: /* @__PURE__ */ n(
+                            "td",
+                            {
+                              style: {
+                                width: q > 0 ? `${q}px` : "100%"
+                              },
+                              colSpan: J.length + (e.allowMultiSelect ? 1 : 0),
+                              children: /* @__PURE__ */ H(
+                                "div",
+                                {
+                                  style: {
+                                    position: "sticky",
+                                    left: 0,
+                                    padding: "15px 18px",
+                                    width: q > 0 ? `${q}px` : "100%",
+                                    // 使用父容器实际宽度
+                                    minWidth: "800px",
+                                    // 最小宽度确保内容显示
+                                    maxWidth: "100%",
+                                    // 最大宽度不超过父容器
+                                    background: b.colors.disabledBackground,
+                                    boxSizing: "border-box"
+                                  },
+                                  children: [
+                                    s.tableLoading && /* @__PURE__ */ n(
+                                      "div",
+                                      {
+                                        style: {
+                                          position: "absolute",
+                                          top: 0,
+                                          left: 0,
+                                          right: 0,
+                                          bottom: 0,
+                                          background: "rgba(255, 255, 255, 0.9)",
+                                          display: "flex",
+                                          alignItems: "center",
+                                          justifyContent: "center",
+                                          zIndex: 10,
+                                          borderRadius: b.space.radius
+                                        },
+                                        children: /* @__PURE__ */ H(
+                                          "div",
+                                          {
+                                            style: {
+                                              display: "flex",
+                                              flexDirection: "column",
+                                              alignItems: "center",
+                                              gap: 8
+                                            },
+                                            children: [
+                                              /* @__PURE__ */ n(
+                                                "div",
+                                                {
+                                                  style: {
+                                                    width: 24,
+                                                    height: 24,
+                                                    border: `2px solid ${b.colors.border}`,
+                                                    borderTop: `2px solid ${b.colors.primary || "#2563eb"}`,
+                                                    borderRadius: "50%",
+                                                    animation: "spin 1s linear infinite"
+                                                  }
+                                                }
+                                              ),
+                                              /* @__PURE__ */ n("span", { style: { fontSize: 14, color: b.colors.text }, children: "加载中..." })
+                                            ]
+                                          }
+                                        )
+                                      }
+                                    ),
+                                    /* @__PURE__ */ H("div", { style: { marginBottom: "16px" }, children: [
+                                      Array.isArray((ae = e.subTableConfig) == null ? void 0 : ae.toolbar) && e.subTableConfig.toolbar.length > 0 && /* @__PURE__ */ n(
+                                        "div",
+                                        {
+                                          style: {
+                                            display: "flex",
+                                            gap: 8,
+                                            alignItems: "center",
+                                            marginBottom: 8
+                                          },
+                                          children: e.subTableConfig.toolbar.map((Y, le) => {
+                                            const xe = {
+                                              primary: "primary",
+                                              error: "danger",
+                                              default: "text"
+                                            }[Y.btnType] || "text";
+                                            return /* @__PURE__ */ n(
+                                              be,
+                                              {
+                                                mode: xe,
+                                                label: Y.label,
+                                                icon: Y.icon,
+                                                onClick: () => {
+                                                  var ye;
+                                                  return (ye = e.eventsEmit) == null ? void 0 : ye.call(e, "table_action_add", {
+                                                    tableId: s.id,
+                                                    action: Y
+                                                  });
+                                                }
+                                              },
+                                              le
+                                            );
+                                          })
+                                        }
+                                      ),
+                                      /* @__PURE__ */ n(
+                                        na,
+                                        {
+                                          theme: b,
+                                          onWheel: (Y) => {
+                                            Y.stopPropagation();
+                                          },
+                                          onScroll: (Y) => {
+                                            Y.stopPropagation();
+                                          },
+                                          style: {
+                                            position: "relative",
+                                            overflow: "auto",
+                                            maxHeight: "400px",
+                                            width: "100%",
+                                            maxWidth: "100%"
+                                          },
+                                          children: /* @__PURE__ */ n(
+                                            ia,
+                                            {
+                                              columns: ((ge = e.subTableConfig) == null ? void 0 : ge.columns) || [],
+                                              dataSource: s.children || [],
+                                              isSubTable: !0,
+                                              isPending: (Y) => {
+                                                var le, de;
+                                                return ((de = (le = e.subTablePendingIds) == null ? void 0 : le[s.id]) == null ? void 0 : de.includes(Y)) || !1;
+                                              },
+                                              onRowAnimationComplete: (Y) => {
+                                                var le;
+                                                (le = e.onSubTableRowAnimationComplete) == null || le.call(e, s.id, Y), e.eventsEmit && e.eventsEmit("_internal:subtable_animation_complete", {
+                                                  rowId: Y,
+                                                  tableId: s.id
+                                                });
+                                              },
+                                              eventsEmit: (Y, le) => {
+                                                var de;
+                                                (de = e.eventsEmit) == null || de.call(e, Y, { ...le, tableId: s.id });
+                                              },
+                                              allowMultiSelect: (Ce = e.subTableConfig) == null ? void 0 : Ce.allowMultiSelect,
+                                              size: e.size,
+                                              level: u + 1,
+                                              subTableConfig: e.subTableConfig,
+                                              styles: e.styles,
+                                              onRowAddAnimationComplete: e.onRowAddAnimationComplete,
+                                              addingIds: e.addingIds,
+                                              viewBehavior: (Fe = e.subTableConfig) == null ? void 0 : Fe.viewBehavior,
+                                              viewPageSize: (ze = e.subTableConfig) == null ? void 0 : ze.viewPageSize,
+                                              total: (_e = e.subTableConfig) == null ? void 0 : _e.total,
+                                              requestPagesize: (Ae = e.subTableConfig) == null ? void 0 : Ae.requestPagesize
+                                            }
+                                          )
+                                        }
+                                      )
+                                    ] })
+                                  ]
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    ] }, s.id ?? L);
+                  }) })
+                ]
+              }
+            )
+          }
+        ),
+        e.viewBehavior === "pagination" && /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              height: 48,
+              display: "flex",
+              justifyContent: "end",
+              alignItems: "center",
+              background: b.colors.background,
+              borderTop: `1px solid ${b.colors.border}`,
+              flexShrink: 0,
+              paddingRight: 16
+            },
+            children: /* @__PURE__ */ n(
+              fr,
+              {
+                current: l,
+                pageSize: y,
+                total: N,
+                onChange: f,
+                onPageSizeChange: (s) => {
+                  var L;
+                  $(1), C(s), v && d && h && e.eventsEmit && (I(/* @__PURE__ */ new Set()), e.eventsEmit(
+                    "pagination:request_merge_data",
+                    {
+                      viewId: h,
+                      request: { pageNo: 1, pageSize: d }
+                    },
+                    void 0
+                  )), (L = e.eventsEmit) == null || L.call(e, "pagination:pageSizeChange", { viewId: h, pageSize: s });
+                },
+                showSizeChanger: !0,
+                pageSizeOptions: [5, 10, 20, 30, 50],
+                theme: {
+                  colors: {
+                    background: b.colors.background,
+                    text: b.colors.text,
+                    border: b.colors.border,
+                    disabledBackground: b.colors.disabledBackground,
+                    primary: b.colors.primary || "#2563eb"
+                  },
+                  space: { radius: b.space.radius }
+                },
+                size: e.size,
+                showPageNumbers: !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  ya as CustomDock,
+  tr as DynamicForm,
+  ia as DynamicTable,
+  xa as GoogleNavbar,
+  $a as Uploader,
+  ka as generateFormItems,
+  va as getFormDefaultValues,
+  Na as getFormErrors,
+  Sa as isFormValid,
+  Or as useDynamicFormItems,
+  ea as useDynamicTableColumns,
+  wa as validateFormData
+};