@mxmweb/zui 1.0.3 → 1.1.0

package/dist/index.js

@@ -0,0 +1,2299 @@
+import { jsxs as k, jsx as i, Fragment as u0 } from "react/jsx-runtime";
+import m, { createGlobalStyle as H0 } from "styled-components";
+import * as P from "react";
+import J, { createContext as B0, useState as j, useMemo as d0, useEffect as o0, useRef as r0, useCallback as U, memo as M0, Suspense as A0 } from "react";
+import { createPortal as w0 } from "react-dom";
+import { MoreHorizontal as _0, Trash as V0, File as Y, AlertCircle as h0, Upload as z0, ChevronDown as I0, ArrowLeft as E0, ChevronRight as a0 } from "lucide-react";
+import { FormXviwer as S0 } from "@mxmweb/xviewer";
+import "@mxmweb/xviewer/style.css";
+import f0 from "animejs/lib/anime.es.js";
+const I = {
+  colors: {
+    // 兼容旧字段
+    primary: "#4E6EF2",
+    secondary: "#6D86F5",
+    success: "#52C41A",
+    warning: "#FAAD14",
+    error: "#F5222D",
+    info: "#1890FF",
+    background: "#F7F8FA",
+    text: "#1D2129",
+    border: "#DDE0E5",
+    disabled: "#C9CDD4",
+    disabledBackground: "#F5F7FA",
+    disabledText: "#C9CDD4",
+    shadow: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
+    appBackground: "transparent",
+    listBackground: "#F2F3F5",
+    dashboardBackground: "#FFFFFF",
+    textSecondary: "#4E5969",
+    textTertiary: "#86909C",
+    textInverse: "#FFFFFF",
+    // 状态与扩展
+    primaryHover: "#6D86F5",
+    primaryActive: "#2D4BE0",
+    borderWeak: "#E5E6EB",
+    surfaceSubtle: "#F2F3F5",
+    surfaceSelected: "#EEF3FE",
+    // 按钮映射
+    btnPrimaryBg: "#4E6EF2",
+    btnPrimaryBgHover: "#6D86F5",
+    btnPrimaryBgActive: "#2D4BE0",
+    btnPrimaryBgDisabled: "#F5F7FA",
+    btnPrimaryText: "#FFFFFF",
+    btnPrimaryTextDisabled: "#C9CDD4",
+    btnSecondaryText: "#4E6EF2",
+    btnSecondaryTextHover: "#4E6EF2",
+    btnSecondaryTextActive: "#2D4BE0",
+    btnSecondaryTextDisabled: "#C9CDD4",
+    btnSecondaryBg: "#FFFFFF",
+    btnSecondaryBgHover: "#EEF3FE",
+    btnSecondaryBgActive: "#EEF3FE",
+    btnSecondaryBgDisabled: "#F5F7FA",
+    btnSecondaryBorder: "#4E6EF2",
+    btnSecondaryBorderHover: "#6D86F5",
+    btnSecondaryBorderActive: "#2D4BE0",
+    btnSecondaryBorderDisabled: "#E5E6EB",
+    btnTextText: "#4E6EF2",
+    btnTextTextHover: "#6D86F5",
+    btnTextTextActive: "#2D4BE0",
+    btnTextTextDisabled: "#C9CDD4"
+  },
+  space: {
+    sidebar: "260px",
+    size: "12px",
+    radius: "4px",
+    padding: "8px",
+    margin: "8px",
+    shadow: "0 2px 8px rgba(0,0,0,0.1)",
+    lineHeight: "1.5"
+  },
+  fonts: {
+    body: {
+      size: "14px",
+      weight: "normal",
+      family: "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+    },
+    heading: {
+      size: "16px",
+      weight: "600",
+      family: "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+    }
+  },
+  icons: {
+    aiAvatar: "http://10.15.12.13:9000/dev-rag-data/header_pic/JIABINBIN00/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20231212161213.jpg",
+    userAvatar: "http://10.15.12.13:9005/assets/nav-logo-BKaOCDqi.png",
+    pdf: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/pdf-icon.png",
+    word: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/word-icon.png",
+    image: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/image-icon.png",
+    video: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/video-icon.png",
+    audio: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/audio-icon.png",
+    excel: "https://ai-chat-1326151111.cos.c zap-shanghai.myqcloud.com/excel-icon.png",
+    ppt: "https://ai-chat-1326151111.cos.ap-shanghai.myqcloud.com/ppt-icon.png"
+  },
+  others: {
+    baseFontWeight: "normal"
+  }
+}, F0 = {
+  theme: I,
+  mode: "light"
+};
+function l0(e, o) {
+  if (!o) return e;
+  const r = {
+    ...e,
+    ...o
+  };
+  return o.theme && e.theme && (r.theme = {
+    ...e.theme,
+    ...o.theme,
+    colors: { ...e.theme.colors, ...o.theme.colors },
+    space: { ...e.theme.space, ...o.theme.space },
+    icons: { ...e.theme.icons, ...o.theme.icons },
+    fonts: { ...e.theme.fonts, ...o.theme.fonts },
+    others: { ...e.theme.others, ...o.theme.others }
+  }), r;
+}
+B0(F0);
+const N0 = m.button`
+  height: 36px;
+  min-height: 36px;
+  max-height: 36px;
+  line-height: 34px;
+  padding: 0 12px;
+  border-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+  font-size: 12px;
+  border: none;
+  cursor: ${(e) => e.$disabled || e.$loading ? "not-allowed" : "pointer"};
+  transition: all 0.2s;
+  opacity: ${(e) => e.$disabled ? 0.5 : 1};
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  position: relative;
+  background: ${({ $btnType: e, $theme: o }) => {
+  var r, a, n;
+  return e === "text" ? "none" : e === "primary" ? ((r = o == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff" : e === "error" ? ((a = o == null ? void 0 : o.colors) == null ? void 0 : a.error) || "#FF0000" : e === "default" ? ((n = o == null ? void 0 : o.colors) == null ? void 0 : n.background) || "#f8f9fa" : "none";
+}};
+  color: ${({ $btnType: e, $theme: o }) => {
+  var r, a;
+  return e === "text" ? ((r = o == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff" : e === "primary" || e === "error" ? "#ffffff" : ((a = o == null ? void 0 : o.colors) == null ? void 0 : a.text) || "#343a40";
+}};
+  border: ${({ $btnType: e, $theme: o }) => {
+  var r;
+  return e === "default" ? `1px solid ${((r = o == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6"}` : "none";
+}};
+  box-shadow: none;
+
+  /* Loading 状态样式 */
+  ${(e) => e.$loading && `
+    pointer-events: none;
+    opacity: 0.8;
+
+    .button-loading {
+      width: 14px;
+      height: 14px;
+      border: 2px solid transparent;
+      border-top: 2px solid currentColor;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+      margin-right: 6px;
+    }
+  `}
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+`, v0 = ({
+  mode: e = "default",
+  label: o,
+  icon: r,
+  disabled: a = !1,
+  loading: n = !1,
+  // 新增：loading 状态
+  onClick: g,
+  styles: w,
+  style: u,
+  className: $,
+  children: C,
+  ...c
+}) => {
+  const f = l0(I, w), h = () => {
+    !a && !n && g && g();
+  };
+  return /* @__PURE__ */ k(
+    N0,
+    {
+      $btnType: e,
+      $disabled: a,
+      $loading: n,
+      $theme: f.theme || I,
+      onClick: h,
+      disabled: a || n,
+      style: u,
+      className: $,
+      ...c,
+      children: [
+        n && /* @__PURE__ */ i("span", { className: "button-loading" }),
+        r && /* @__PURE__ */ i("span", { className: "button-icon", style: { marginRight: 4 }, children: r }),
+        o && /* @__PURE__ */ i("span", { className: "button-label", children: o }),
+        C
+      ]
+    }
+  );
+}, T0 = m.div`
+  background-color: #ffffff;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+  border-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "8px";
+}};
+  height: 90vh;
+  overflow: hidden;
+  position: relative;
+`, Z0 = () => {
+  o0(() => {
+    const e = "goggle-nav-icon-styles";
+    if (!document.getElementById(e)) {
+      const o = document.createElement("style");
+      o.id = e, o.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(o);
+    }
+  }, []);
+}, C1 = ({
+  items: e,
+  activePath: o,
+  defaultOpen: r = !0,
+  open: a,
+  onOpenChange: n,
+  onItemClick: g,
+  logo: w,
+  className: u,
+  style: $,
+  styles: C
+}) => {
+  const c = l0(I, C == null ? void 0 : C.theme);
+  Z0();
+  const [f, h] = j(r), t = typeof a == "boolean" ? a : f, F = (v) => {
+    typeof a == "boolean" || h(v), n == null || n(v);
+  }, [y, _] = j(!1), D = (v) => v ? typeof v == "string" ? /* @__PURE__ */ i("img", { src: v, className: "w-6 h-6 transition-all duration-200", alt: "nav" }) : v : null, E = d0(() => ({
+    width: t ? "60px" : "20px",
+    minWidth: t ? "60px" : "20px",
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+  }), [t]);
+  return /* @__PURE__ */ k(T0, { $theme: c.theme || I, className: `relative ${u || ""}`, style: { ...E, ...$ }, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        onMouseEnter: () => _(!0),
+        onMouseLeave: () => _(!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(!t),
+        "aria-label": t ? "\u6536\u8D77" : "\u5C55\u5F00",
+        role: "button",
+        children: /* @__PURE__ */ i("div", { className: "group flex items-center justify-center w-6 h-6 rounded-full transition-all duration-200", children: /* @__PURE__ */ k("div", { className: "relative w-4 h-4 flex items-center justify-center", children: [
+          /* @__PURE__ */ i("div", { className: `absolute w-[2px] h-3 bg-gray-400 rounded-full transition-all duration-300 ${y ? "opacity-0 scale-0" : "opacity-100 scale-100"}` }),
+          /* @__PURE__ */ i(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              className: `absolute w-4 h-4 stroke-gray-400 transition-all duration-300 ${y ? "opacity-100 scale-100" : "opacity-0 scale-0"} ${t ? "rotate-0" : "rotate-180"}`,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ i("polyline", { points: "15 18 9 12 15 6" })
+            }
+          )
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ k(
+      "div",
+      {
+        className: "h-full py-6 px-[2px] flex flex-col items-center",
+        style: {
+          opacity: t ? 1 : 0,
+          transform: t ? "translateX(0)" : "translateX(-10px)",
+          transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        children: [
+          /* @__PURE__ */ i("div", { className: "mb-6 transition-transform duration-300 hover:scale-105", children: typeof w == "string" ? /* @__PURE__ */ i("img", { src: w, className: "w-7 h-7", alt: "logo" }) : w || /* @__PURE__ */ i("div", { className: "w-7 h-7 rounded bg-gray-100 flex items-center justify-center text-xs text-gray-500", children: "G" }) }),
+          /* @__PURE__ */ i("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((v) => {
+            const R = !!(o && v.path && o.startsWith(v.path)), H = R && v.activeIcon ? v.activeIcon : v.icon;
+            return /* @__PURE__ */ k(
+              "div",
+              {
+                onClick: () => !v.disabled && (g == null ? void 0 : g(v)),
+                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 ${R ? "active bg-blue-50" : "text-gray-500 hover:bg-gray-50"}`,
+                children: [
+                  /* @__PURE__ */ k("div", { className: "relative g-nav-icon transition-transform duration-200 group-hover:scale-105", children: [
+                    D(H),
+                    v.badge && v.badge > 0 && /* @__PURE__ */ i("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: v.badge > 99 ? "99+" : v.badge })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-center g-nav-text transition-colors duration-200", children: v.name })
+                ]
+              },
+              v.key
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}, x1 = ({
+  actions: e,
+  onAction: o,
+  direction: r = "top",
+  styles: a
+}) => {
+  const [n, g] = j(!1), w = r0(null), [u, $] = j({}), C = r0(null);
+  o0(() => {
+    if (!n) return;
+    const h = w.current;
+    if (!h) return;
+    const t = h.getBoundingClientRect(), F = window.scrollX || window.pageXOffset, y = window.scrollY || window.pageYOffset, _ = 128, D = 8;
+    let E = {
+      position: "absolute",
+      left: t.right - _ + F,
+      width: _,
+      zIndex: 9999
+    };
+    if (r === "bottom")
+      E.top = t.bottom + D - 12 + y;
+    else {
+      const H = e.length * 30 + 1;
+      E.top = t.top - D + 10 - H + y;
+    }
+    $(E);
+  }, [n, r, e]), o0(() => {
+    if (!n) return;
+    const h = (F) => {
+      w.current && w.current.contains(F.target) || C.current && C.current.contains(F.target) || g(!1);
+    }, t = () => g(!1);
+    return document.addEventListener("mousedown", h), window.addEventListener("scroll", t, !0), () => {
+      document.removeEventListener("mousedown", h), window.removeEventListener("scroll", t, !0);
+    };
+  }, [n]);
+  const c = (a == null ? void 0 : a.theme) || I, f = /* @__PURE__ */ i(
+    "div",
+    {
+      ref: C,
+      className: `origin-bottom-right absolute right-0 w-32 rounded-md shadow-lg focus:outline-none border transition-all duration-200 ease-in-out
+        ${n ? "opacity-100 translate-y-0 pointer-events-auto scale-100" : "opacity-0 pointer-events-none scale-95"}
+      `,
+      style: {
+        ...u,
+        background: c.colors.background,
+        color: c.colors.text,
+        border: `1px solid ${c.colors.border}`,
+        borderRadius: c.space.radius,
+        boxShadow: c.colors.shadow,
+        minWidth: 128,
+        zIndex: 9999
+      },
+      children: /* @__PURE__ */ i("div", { className: "py-1 px-2", children: e.map((h, t) => h.type === "divider" ? /* @__PURE__ */ i(
+        "div",
+        {
+          className: "my-2 bg-gray-100",
+          style: {
+            height: 1
+          }
+        },
+        h.key || `divider-${t}`
+      ) : /* @__PURE__ */ k(
+        "button",
+        {
+          className: "w-full rounded flex cursor-pointer items-center px-4 py-2 text-sm transition whitespace-nowrap",
+          style: {
+            color: c.colors.text,
+            background: "transparent",
+            border: "none",
+            // borderRadius: theme.space.radius,
+            fontSize: 12
+          },
+          onClick: (F) => {
+            F.stopPropagation(), g(!1), o(h.key), h.onClick && h.onClick();
+          },
+          type: "button",
+          onMouseOver: (F) => F.currentTarget.style.background = c.colors.disabledBackground,
+          onMouseOut: (F) => F.currentTarget.style.background = "transparent",
+          children: [
+            h.icon && /* @__PURE__ */ i("span", { className: "mr-2", children: h.icon }),
+            h.label
+          ]
+        },
+        h.key || `action-${t}`
+      )) })
+    }
+  );
+  return /* @__PURE__ */ k(u0, { children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        ref: w,
+        className: "card-action-more-btn cursor-pointer! flex items-center justify-center w-9 h-9 rounded-sm transition border-none outline-none",
+        style: {
+          background: "transparent",
+          // 默认透明背景
+          color: c.colors.primary,
+          borderRadius: c.space.radius
+        },
+        onClick: (h) => {
+          h.stopPropagation(), g((t) => !t);
+        },
+        tabIndex: 0,
+        "aria-label": "\u66F4\u591A\u64CD\u4F5C",
+        type: "button",
+        children: /* @__PURE__ */ i(_0, { size: 18, className: "text-blue-500" })
+      }
+    ),
+    n && w0(f, document.body)
+  ] });
+};
+if (typeof window < "u" && !document.getElementById("card-action-more-btn-style")) {
+  const e = document.createElement("style");
+  e.id = "card-action-more-btn-style", e.innerHTML = `
+    .card-action-more-btn:hover {
+      background: #f5f6fa !important;
+      color: #222 !important;
+      box-shadow: 0 2px 8px 0 rgba(51,112,255,0.06);
+    }
+  `, document.head.appendChild(e);
+}
+const L0 = (e) => {
+  if (e === 0) return "0 B";
+  const o = 1024, r = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(e) / Math.log(o));
+  return parseFloat((e / Math.pow(o, a)).toFixed(2)) + " " + r[a];
+}, C0 = () => Math.random().toString(36).substr(2, 9), R0 = (e, o) => {
+  const r = { ...e.formData }, a = ["name", "filename", "title", "displayName", "fileName"], n = ["size", "fileSize", "file_size"], g = ["type", "fileType", "mimeType", "contentType"];
+  return o.forEach((w) => {
+    const u = w.name || w.field;
+    u && (a.includes(u.toLowerCase()) && !r[u] && (r[u] = e.name), n.includes(u.toLowerCase()) && !r[u] && (r[u] = L0(e.size)), g.includes(u.toLowerCase()) && !r[u] && (r[u] = e.type));
+  }), r;
+}, O0 = async (e, o, r = {}, a = {}, n) => new Promise((g, w) => {
+  var f;
+  const u = new XMLHttpRequest(), $ = new URL(o);
+  if (Object.entries(a).forEach(([h, t]) => {
+    $.searchParams.append(h, t);
+  }), (f = r["Content-Type"]) == null ? void 0 : f.includes("application/json")) {
+    const h = new FileReader();
+    h.onload = () => {
+      const t = h.result, F = JSON.stringify({
+        file: t.split(",")[1]
+        // 移除 data:application/octet-stream;base64, 前缀
+      });
+      c(F);
+    }, h.onerror = () => w(new Error("\u6587\u4EF6\u8BFB\u53D6\u5931\u8D25")), h.readAsDataURL(e);
+  } else {
+    const h = new FormData();
+    h.append("tableFile", e), c(h);
+  }
+  function c(h) {
+    u.upload.addEventListener("progress", (t) => {
+      if (t.lengthComputable) {
+        const F = Math.round(t.loaded / t.total * 100);
+        n == null || n(F);
+      }
+    }), u.addEventListener("load", () => {
+      if (u.status >= 200 && u.status < 300)
+        try {
+          const t = JSON.parse(u.responseText);
+          t.data ? g(t.data) : g(u.responseText);
+        } catch {
+          g(u.responseText);
+        }
+      else {
+        console.log("====xhr.responseText", u.responseText);
+        let t = "";
+        try {
+          const y = JSON.parse(u.responseText);
+          y.errorMsg ? t = y.errorMsg : y.message ? t = y.message : y.error ? t = y.error : t = `\u4E0A\u4F20\u5931\u8D25: ${u.status} ${u.statusText}`;
+        } catch {
+          t = `\u4E0A\u4F20\u5931\u8D25: ${u.status} ${u.statusText}`;
+        }
+        const F = new Error(t);
+        F.response = {
+          status: u.status,
+          statusText: u.statusText,
+          data: u.responseText ? JSON.parse(u.responseText) : null,
+          headers: u.getAllResponseHeaders()
+        }, w(F);
+      }
+    }), u.addEventListener("error", () => {
+      const t = new Error("\u7F51\u7EDC\u9519\u8BEF\uFF0C\u4E0A\u4F20\u5931\u8D25");
+      t.request = u, t.type = "network", w(t);
+    }), u.addEventListener("timeout", () => {
+      const t = new Error("\u8BF7\u6C42\u8D85\u65F6\uFF0C\u4E0A\u4F20\u5931\u8D25");
+      t.request = u, t.type = "timeout", w(t);
+    }), u.open("POST", $.toString()), Object.entries(r).forEach(([t, F]) => {
+      u.setRequestHeader(t, F);
+    }), u.send(h);
+  }
+}), j0 = m.div`
+  border: 2px dashed ${(e) => {
+  var o, r, a, n;
+  return e.$isDragOver ? ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff" : ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.border) || "#dee2e6";
+}};
+  border-radius: 4px;
+  background: ${(e) => {
+  var o, r, a, n;
+  return e.$isDragOver ? `${((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff"}10` : ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.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 o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+    background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+  }
+`, W0 = m.div`
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+  font-size: 48px;
+  margin-bottom: 8px;
+`, U0 = m.div`
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.text) || "#343a40";
+}};
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 4px;
+`, x0 = m.div`
+  color: ${(e) => {
+  var o, r, a, n;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.textSecondary) || ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.disabledText) || "#6b7280";
+}};
+  font-size: 14px;
+`, P0 = m.input`
+  display: none;
+`, X0 = m.div`
+
+  width: 100%;
+  max-width: 600px;
+`, q0 = m.div.attrs({
+  className: "upload-item"
+})`
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+   border-bottom: 1px solid ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+  border: ${(e) => {
+  var o, r, a, n;
+  return e.$hasForm ? "none" : e.$status === "error" ? `1px solid ${((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000"}` : `1px solid ${((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.border) || "#dee2e6"}`;
+}};
+  border-radius: 4px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#ffffff";
+}};
+  transition: all 0.2s ease;
+
+  &:hover {
+    border-color: ${(e) => {
+  var o, r, a, n;
+  return e.$hasForm ? "transparent" : e.$status === "error" ? ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000" : ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.primary) || "#007bff";
+}};
+  }
+`, G0 = m.div`
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+  margin-right: 12px;
+  flex-shrink: 0;
+`, Y0 = m.div`
+  flex: 1;
+  min-width: 0;
+`, J0 = m.div`
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.text) || "#343a40";
+}};
+  font-size: 12px;
+  font-weight: 400;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, K0 = m.div`
+  color: ${(e) => {
+  var o, r, a, n;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.textSecondary) || ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.disabledText) || "#6b7280";
+}};
+  font-size: 10px;
+`, Q0 = m.div`
+  width: 100%;
+  height: 4px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.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 o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+    transition: width 0.3s ease;
+  }
+`, e2 = m.div`
+  margin-left: 12px;
+  flex-shrink: 0;
+  color: ${(e) => {
+  var o, r, a, n, g, w, u, $, C, c;
+  switch (e.$status) {
+    case "success":
+      return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.success) || "#008000";
+    case "error":
+      return ((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.error) || "#FF0000";
+    case "uploading":
+      return ((w = (g = e.$theme) == null ? void 0 : g.colors) == null ? void 0 : w.primary) || "#007bff";
+    case "pending":
+      return (($ = (u = e.$theme) == null ? void 0 : u.colors) == null ? void 0 : $.warning) || "#FFA500";
+    default:
+      return ((c = (C = e.$theme) == null ? void 0 : C.colors) == null ? void 0 : c.disabledText) || "#808080";
+  }
+}};
+`, o2 = m.button`
+  background: none;
+  border: none;
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000";
+}};
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  margin-left: 8px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000";
+}}20;
+  }
+`;
+m.button`
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+  border: 1px solid ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.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 o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+    background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}}10;
+  }
+`;
+m.button`
+  background: none;
+  border: none;
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.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 o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}}20;
+  }
+`;
+const r2 = m.div`
+  padding: 0px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+
+  /* 移除边框，避免与外层容器边框重叠 */
+  border: none;
+  border-radius: 0;
+
+  /* 添加上方隔离线 */
+  border-top: 1px solid ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+
+  /* 当有错误时，使用错误状态的隔离线颜色 */
+  ${(e) => {
+  var o, r;
+  return e.$hasError && `
+    border-top-color: ${((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000"};
+  `;
+}}
+
+  /* 添加左右内边距，与外层容器对齐 */
+  margin: 0 1px;
+
+  /* 添加背景色区分 */
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.listBackground) || "#f9f9f9";
+}};
+`;
+m.input`
+  border: 1px solid ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 14px;
+  width: 100%;
+  margin-top: 8px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.text) || "#343a40";
+}};
+
+  &:focus {
+    outline: none;
+    border-color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.primary) || "#007bff";
+}};
+  }
+`;
+const t2 = m.div`
+  /* 基础样式 */
+  margin-top: 5px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+  transition: all 0.2s ease;
+
+  /* 边框逻辑：有表单时显示边框，无表单时不显示 */
+  border: ${(e) => {
+  var o, r, a, n;
+  return e.$hasForm ? e.$status === "error" ? `1px solid ${((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.error) || "#FF0000"}` : `1px solid ${((n = (a = e.$theme) == null ? void 0 : a.colors) == null ? void 0 : n.border) || "#dee2e6"}` : "none";
+}};
+
+  /* 圆角设置：有表单时设置圆角，无表单时不设置 */
+  border-radius: ${(e) => e.$hasForm ? "4px" : "0"};
+
+  /* 当有表单时的特殊样式 */
+  ${(e) => e.$hasForm && `
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+    /* \u786E\u4FDD\u8FB9\u6846\u5B8C\u6574\u5305\u88F9\u6574\u4E2A\u5BB9\u5668 */
+    overflow: hidden;
+  `}
+
+  /* 错误状态的特殊样式 */
+  ${(e) => {
+  var o, r;
+  return e.$status === "error" && `
+    background: ${((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.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;
+  }
+`, b0 = !1, n2 = (e, o) => o != null && o.fileType ? e.startsWith("image/") ? o.fileType.image || /* @__PURE__ */ i(Y, { size: 20 }) : e.includes("document") || e.includes("pdf") || e.includes("text") ? o.fileType.document || /* @__PURE__ */ i(Y, { size: 20 }) : e.includes("spreadsheet") || e.includes("excel") || e.includes("csv") ? o.fileType.spreadsheet || /* @__PURE__ */ i(Y, { size: 20 }) : e.includes("zip") || e.includes("rar") || e.includes("7z") ? o.fileType.archive || /* @__PURE__ */ i(Y, { size: 20 }) : e.startsWith("video/") ? o.fileType.video || /* @__PURE__ */ i(Y, { size: 20 }) : e.startsWith("audio/") ? o.fileType.audio || /* @__PURE__ */ i(Y, { size: 20 }) : o.fileType.default || /* @__PURE__ */ i(Y, { size: 20 }) : /* @__PURE__ */ i(Y, { size: 20 }), a2 = (e, o, r) => {
+  var a, n, g, w;
+  if (r != null && r.itemStatus)
+    switch (e) {
+      case "error":
+        return r.itemStatus.error || /* @__PURE__ */ i(h0, { size: 20 });
+      case "uploading":
+        return r.itemStatus.uploading || /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: ((a = o == null ? void 0 : o.colors) == null ? void 0 : a.primary) || "#007bff" }, children: "\u4E0A\u4F20\u4E2D..." });
+      case "success":
+        return r.itemStatus.success || null;
+      case "pending":
+        return r.itemStatus.pending || /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: ((n = o == null ? void 0 : o.colors) == null ? void 0 : n.warning) || "#FFA500" }, children: "\u7B49\u5F85\u4E2D" });
+      default:
+        return null;
+    }
+  switch (e) {
+    case "error":
+      return /* @__PURE__ */ i(h0, { size: 20 });
+    case "uploading":
+      return /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: ((g = o == null ? void 0 : o.colors) == null ? void 0 : g.primary) || "#007bff" }, children: "\u4E0A\u4F20\u4E2D..." });
+    case "pending":
+      return /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: ((w = o == null ? void 0 : o.colors) == null ? void 0 : w.warning) || "#FFA500" }, children: "\u7B49\u5F85\u4E2D" });
+    default:
+      return null;
+  }
+};
+H0`
+  .upload-item-container .upload-item {
+    padding: 0px !important;
+  }
+
+  .upload-item-container .list-item {
+    padding: 0px !important;
+  }
+`;
+const i2 = ({
+  item: e,
+  index: o,
+  theme: r,
+  itemForm: a,
+  onRemove: n,
+  onToggleExpand: g,
+  onFormDataChange: w,
+  icons: u
+}) => {
+  var $;
+  return /* @__PURE__ */ k(t2, { $theme: r, $status: e.status, $hasForm: a.length > 0, children: [
+    /* @__PURE__ */ k(q0, { $theme: r, $status: e.status, $hasForm: a.length > 0, children: [
+      /* @__PURE__ */ i(G0, { $theme: r, children: n2(e.type, u) }),
+      /* @__PURE__ */ k(Y0, { children: [
+        /* @__PURE__ */ k("div", { className: "flex items-center gap-1 line-clamp-1", children: [
+          /* @__PURE__ */ i(J0, { $theme: r, children: e.name }),
+          /* @__PURE__ */ i(K0, { $theme: r, children: L0(e.size) })
+        ] }),
+        e.status === "uploading" && /* @__PURE__ */ i(Q0, { $theme: r, $progress: e.progress }),
+        e.status === "error" && e.error && /* @__PURE__ */ i("div", { style: { color: (($ = r == null ? void 0 : r.colors) == null ? void 0 : $.error) || "#FF0000", fontSize: "12px", marginTop: "4px" }, children: typeof e.error == "string" ? e.error : String(e.error) })
+      ] }),
+      (() => {
+        const C = a2(e.status, r, u);
+        return C && /* @__PURE__ */ i(e2, { $theme: r, $status: e.status, children: C });
+      })(),
+      b0,
+      /* @__PURE__ */ i(
+        o2,
+        {
+          $theme: r,
+          onClick: () => n(e.id),
+          title: "\u79FB\u9664\u6587\u4EF6",
+          children: /* @__PURE__ */ i(V0, { size: 16 })
+        }
+      )
+    ] }),
+    (a.length > 0 || b0) && /* @__PURE__ */ i(
+      r2,
+      {
+        $theme: r,
+        $hasError: e.status === "error",
+        className: "list-my",
+        children: /* @__PURE__ */ i(
+          S0,
+          {
+            formItems: a,
+            initialValues: e.formData || {},
+            size: "sm",
+            formProps: { component: !1 },
+            eventsEmit: (C, c) => {
+              switch (console.log("FormXviwer Event:", C, c), C) {
+                case "form:submit":
+                  w(e.id, c.values);
+                  break;
+                case "form:change":
+                  w(e.id, c.values);
+                  break;
+                case "form:fieldChange":
+                  if (c.field && c.value !== void 0) {
+                    const f = {
+                      ...e.formData,
+                      [c.field]: c.value
+                    };
+                    w(e.id, f);
+                  }
+                  break;
+                case "form:reset":
+                  w(e.id, {});
+                  break;
+                case "form:validate":
+                  c.values && w(e.id, c.values);
+                  break;
+              }
+            },
+            styles: { theme: r },
+            style: {
+              padding: "0px"
+            }
+          },
+          `form-${e.id}-always`
+        )
+      }
+    )
+  ] });
+}, b1 = ({
+  multiple: e = !0,
+  accept: o = "*/*",
+  maxSize: r = 100,
+  // 100MB
+  maxFiles: a = 10,
+  // 预留接口，后续可扩展文件数量限制功能
+  autoUpload: n = !0,
+  url: g = "http://localhost:3000/upload",
+  // 默认上传地址
+  headers: w = {},
+  // 默认请求头
+  queryParams: u = {},
+  // 默认查询参数
+  itemForm: $ = [],
+  styles: C,
+  buttons: c = [],
+  // 新增：自定义按钮数组
+  errorMessages: f = {},
+  // 新增：错误提示配置
+  icons: h,
+  // 新增：图标配置
+  eventsEmit: t,
+  onRef: F,
+  placeholder: y,
+  listName: _
+}) => {
+  var c0, Q;
+  const D = l0(F0, C), E = r0(null), [v, R] = j(!1), [H, M] = j([]), x = U((s) => (s ?? H).map((p) => ({
+    id: p.id,
+    name: p.name,
+    status: p.status,
+    error: p.error,
+    uploadApiRes: p.uploadApiRes || {},
+    formData: p.formData || {},
+    file: p.file,
+    size: p.size,
+    type: p.type
+  })), [H]), O = d0(() => {
+    if (!y) return null;
+    if (typeof y == "string") {
+      let s = y;
+      return s = s.replace(/<br\s*\/?>(?=\s*)/gi, `
+`), s = s.replace(/\s*\/n\s*/gi, `
+`), s = s.replace(/\\n/g, `
+`), /* @__PURE__ */ i(
+        x0,
+        {
+          $theme: D.theme || I,
+          style: {
+            textAlign: "center",
+            whiteSpace: "pre-line"
+          },
+          children: s
+        }
+      );
+    }
+    return y;
+  }, [y, D.theme]), T = {
+    noUrl: "\u8BF7\u63D0\u4F9B\u4E0A\u4F20\u63A5\u53E3\u5730\u5740 (url)",
+    uploadFailed: "\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",
+    fileTooLarge: `\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${r}MB`,
+    invalidFileType: "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B"
+  }, L = { ...T, ...f }, V = (s, d) => L[s] ? L[s] : d || T[s], A = (s) => {
+    const d = s / 1048576;
+    return `${Number(d.toFixed(2))}MB`;
+  }, S = U(
+    (s, d) => {
+      const p = r * 1024 * 1024, l = [], N = [];
+      if (s.forEach((b) => {
+        b.size > p ? l.push(b) : N.push(b);
+      }), l.length > 0) {
+        const b = l.map((n0) => `${n0.name}\uFF08${A(n0.size)}\uFF09`).join("\u3001"), e0 = `${V("fileTooLarge")}\uFF1A${b}`;
+        t == null || t("uploader:error", {
+          type: "fileTooLarge",
+          message: e0,
+          files: l.map((n0) => ({ name: n0.name, size: n0.size })),
+          limit: `${r}MB`,
+          data: x()
+        });
+      }
+      const W = Math.max(0, a - d);
+      if (W <= 0) {
+        const b = `\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ${a} \u4E2A\u6587\u4EF6\uFF0C\u5DF2\u5B58\u5728 ${d} \u4E2A\uFF0C\u65E0\u6CD5\u7EE7\u7EED\u6DFB\u52A0\u3002`;
+        return t == null || t("uploader:error", {
+          type: "tooManyFiles",
+          message: b,
+          currentCount: d,
+          tryAdd: s.length,
+          limit: a,
+          data: x()
+        }), [];
+      }
+      const B = N.slice(0, W);
+      if (N.length > W) {
+        const b = N.length - B.length, e0 = `\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ${a} \u4E2A\u6587\u4EF6\uFF0C\u672C\u6B21\u4EC5\u63A5\u53D7 ${B.length} \u4E2A\uFF0C\u5FFD\u7565 ${b} \u4E2A\u3002`;
+        t == null || t("uploader:error", {
+          type: "tooManyFiles",
+          message: e0,
+          currentCount: d,
+          accepted: B.length,
+          dropped: b,
+          limit: a,
+          data: x()
+        });
+      }
+      return B;
+    },
+    [r, a, V, t, x]
+  ), X = d0(
+    () => ({
+      // 获取所有上传项
+      getUploadItems: () => H,
+      // 获取所有上传项的数据（包含表单数据）
+      getUploadItemsData: (s) => {
+        let d = H;
+        return s != null && s.includeStatus && (d = d.filter(
+          (p) => s.includeStatus.includes(p.status)
+        )), s != null && s.excludeStatus && (d = d.filter(
+          (p) => !s.excludeStatus.includes(p.status)
+        )), d.map((p) => ({
+          id: p.id,
+          name: p.name,
+          status: p.status,
+          error: p.error,
+          // 新增：错误信息
+          uploadApiRes: p.uploadApiRes || {},
+          formData: p.formData || {},
+          file: p.file,
+          size: p.size,
+          type: p.type
+        }));
+      },
+      // 清空所有上传项
+      clearUploadItems: () => {
+        M([]), t == null || t("uploader:clear", {});
+      },
+      // 新增：设置某个 item 的错误信息
+      setItemError: (s, d) => {
+        M((p) => p.map(
+          (l) => l.id === s ? { ...l, status: "error", error: d } : l
+        )), t == null || t("uploader:errorSet", { itemId: s, error: d, data: x() });
+      },
+      // 新增：清除某个 item 的错误信息
+      clearItemError: (s) => {
+        M((d) => d.map(
+          (p) => p.id === s ? { ...p, status: "pending", error: void 0 } : p
+        )), t == null || t("uploader:errorCleared", { itemId: s, data: x() });
+      },
+      // 添加新的上传项（对外方法也应用限流）
+      addUploadItems: (s) => {
+        const d = S(s, H.length);
+        if (d.length === 0) return;
+        const p = d.map((l) => ({
+          id: C0(),
+          file: l,
+          name: l.name,
+          size: l.size,
+          type: l.type,
+          status: "pending",
+          progress: 0,
+          formData: {},
+          isExpanded: !1
+        }));
+        M((l) => [...l, ...p]), n && z(p);
+      },
+      // 移除指定上传项
+      removeUploadItem: (s) => {
+        M((d) => {
+          const p = d.find((l) => l.id === s);
+          return p && (t == null || t("uploader:remove", {
+            itemId: s,
+            item: p,
+            data: x(d)
+          })), d.filter((l) => l.id !== s);
+        });
+      },
+      // 验证表单数据
+      validateFormData: async () => !(H.some((l) => l.status === "error") || H.some((l) => l.status === "uploading") || !H.some((l) => l.status === "success"))
+    }),
+    [H, n, t, S, x]
+  );
+  o0(() => {
+    F && F(X);
+  }, [X, F]);
+  const K = U(
+    (s) => {
+      if (!s) return;
+      const d = S(Array.from(s), H.length);
+      if (d.length === 0) return;
+      const p = d.map((l) => ({
+        id: C0(),
+        file: l,
+        name: l.name,
+        size: l.size,
+        type: l.type,
+        status: "pending",
+        progress: 0,
+        formData: {},
+        // 每个item独立的表单数据
+        isExpanded: !1
+      }));
+      M((l) => [...l, ...p]), n && z(p);
+    },
+    [n, H.length, S]
+  ), q = U((s) => {
+    s.preventDefault(), R(!0);
+  }, []), G = U((s) => {
+    s.preventDefault(), R(!1);
+  }, []), t0 = U(
+    (s) => {
+      s.preventDefault(), R(!1), K(s.dataTransfer.files);
+    },
+    [K]
+  ), z = U(
+    async (s) => {
+      if (!g) {
+        console.error(V("noUrl"));
+        return;
+      }
+      t == null || t("uploader:start", { items: s, data: x() });
+      for (const d of s)
+        try {
+          M(
+            (B) => B.map((b) => b.id === d.id ? { ...b, status: "uploading" } : b)
+          );
+          const p = await O0(d.file, g, w, u, (B) => {
+            M((b) => b.map((e0) => e0.id === d.id ? { ...e0, progress: B } : e0)), t == null || t("uploader:progress", { item: { ...d, progress: B }, data: x() });
+          }), l = R0(d, $), N = {
+            ...d,
+            status: "success",
+            uploadApiRes: p,
+            progress: 100,
+            formData: l,
+            // 使用自动填充后的表单数据
+            isExpanded: $.length > 0
+            // 上传成功后，如果有表单配置则默认展开
+          }, W = H.map((B) => B.id === d.id ? N : B);
+          M((B) => B.map((b) => b.id === d.id ? N : b)), t == null || t("uploader:success", { item: N, data: x(W) });
+        } catch (p) {
+          let l = "";
+          if (console.log("\u4E0A\u4F20\u9519\u8BEF\u8BE6\u60C5:", p), p && typeof p == "object") {
+            const B = p;
+            if (B.response && B.response.data) {
+              const b = B.response.data;
+              if (console.log("\u9519\u8BEF\u54CD\u5E94\u6570\u636E:", b), b.errorMsg)
+                l = b.errorMsg;
+              else if (b.message)
+                l = b.message;
+              else if (b.error)
+                l = b.error;
+              else if (b.errorCode)
+                switch (b.errorCode) {
+                  case "30013":
+                    l = "\u767B\u5F55\u5931\u6548\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55";
+                    break;
+                  case "30014":
+                    l = "\u6CA1\u6709\u6743\u9650\u6267\u884C\u6B64\u64CD\u4F5C";
+                    break;
+                  case "30015":
+                    l = "\u6587\u4EF6\u683C\u5F0F\u4E0D\u652F\u6301";
+                    break;
+                  case "30016":
+                    l = "\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA\u9650\u5236";
+                    break;
+                  default:
+                    l = `\u64CD\u4F5C\u5931\u8D25 (${b.errorCode})`;
+                }
+            } else if (B.message)
+              try {
+                const b = JSON.parse(B.message);
+                if (console.log("\u89E3\u6790\u7684\u9519\u8BEF\u6570\u636E:", b), b.errorMsg)
+                  l = b.errorMsg;
+                else if (b.message)
+                  l = b.message;
+                else if (b.error)
+                  l = b.error;
+                else if (b.errorCode)
+                  switch (b.errorCode) {
+                    case "30013":
+                      l = "\u767B\u5F55\u5931\u6548\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55";
+                      break;
+                    case "30014":
+                      l = "\u6CA1\u6709\u6743\u9650\u6267\u884C\u6B64\u64CD\u4F5C";
+                      break;
+                    case "30015":
+                      l = "\u6587\u4EF6\u683C\u5F0F\u4E0D\u652F\u6301";
+                      break;
+                    case "30016":
+                      l = "\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA\u9650\u5236";
+                      break;
+                    default:
+                      l = `\u64CD\u4F5C\u5931\u8D25 (${b.errorCode})`;
+                  }
+              } catch (b) {
+                console.log("\u9519\u8BEF\u6D88\u606F\u89E3\u6790\u5931\u8D25:", b), l = B.message;
+              }
+          }
+          l || (l = V("uploadFailed")), console.log("\u6700\u7EC8\u4F7F\u7528\u7684\u9519\u8BEF\u4FE1\u606F:", l);
+          const N = { ...d, status: "error", error: l }, W = H.map((B) => B.id === d.id ? N : B);
+          M((B) => B.map((b) => b.id === d.id ? N : b)), t == null || t("uploader:error", { item: N, error: l, data: x(W) });
+        }
+      t == null || t("uploader:complete", { items: H, data: x() });
+    },
+    [g, w, u, t, H, $, L.uploadFailed, x]
+  ), Z = U(
+    (s) => {
+      M((d) => {
+        const p = d.find((l) => l.id === s);
+        return p && (t == null || t("uploader:remove", {
+          itemId: s,
+          item: p,
+          data: x(d)
+        })), d.filter((l) => l.id !== s);
+      });
+    },
+    [t, x]
+  ), p0 = U(
+    (s) => {
+      M(
+        (d) => d.map((p) => {
+          if (p.id === s) {
+            const l = {
+              ...p,
+              isExpanded: !p.isExpanded
+            };
+            return console.log("Toggle Expand:", s, l.isExpanded, l.formData), t == null || t("uploader:toggleExpand", {
+              itemId: s,
+              isExpanded: l.isExpanded,
+              item: l,
+              data: x(d)
+            }), l;
+          }
+          return p;
+        })
+      );
+    },
+    [t, x]
+  ), g0 = U(
+    (s, d) => {
+      console.log("FormData Change:", s, d), M((p) => {
+        const l = p.map((N) => {
+          if (N.id === s) {
+            const W = {
+              ...N,
+              formData: { ...d }
+              // 确保数据是深拷贝
+            };
+            return t == null || t("uploader:formDataChange", {
+              itemId: s,
+              formData: W.formData,
+              item: W,
+              data: x(p)
+            }), W;
+          }
+          return N;
+        });
+        return t == null || t("uploader:dataChange", {
+          items: l,
+          changedItemId: s,
+          changedFormData: d,
+          data: x(l)
+        }), l;
+      });
+    },
+    [t, x]
+  );
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ k(
+      j0,
+      {
+        $theme: D.theme || I,
+        $isDragOver: v,
+        onDragOver: q,
+        onDragLeave: G,
+        onDrop: t0,
+        onClick: () => {
+          var s;
+          E.current && (E.current.value = ""), (s = E.current) == null || s.click();
+        },
+        children: [
+          /* @__PURE__ */ i(W0, { $theme: D.theme || I, children: (h == null ? void 0 : h.dragUpload) || /* @__PURE__ */ i(z0, { size: 48 }) }),
+          O || /* @__PURE__ */ k(u0, { children: [
+            /* @__PURE__ */ i(U0, { $theme: D.theme || I, children: "\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904\u6216\u70B9\u51FB\u9009\u62E9\u6587\u4EF6" }),
+            /* @__PURE__ */ k(x0, { $theme: D.theme || I, children: [
+              "\u652F\u6301 ",
+              o,
+              " \u683C\u5F0F\uFF0C\u5355\u4E2A\u6587\u4EF6\u6700\u5927 ",
+              r,
+              "MB",
+              !g && /* @__PURE__ */ i("div", { style: { color: ((Q = (c0 = D.theme) == null ? void 0 : c0.colors) == null ? void 0 : Q.error) || "#FF0000", marginTop: "8px", fontSize: "12px" }, children: V("noUrl") })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      P0,
+      {
+        ref: E,
+        type: "file",
+        multiple: e,
+        accept: o,
+        onChange: (s) => {
+          K(s.target.files), s.target.value = "";
+        }
+      }
+    ),
+    H.length > 0 && /* @__PURE__ */ k("div", { children: [
+      /* @__PURE__ */ k("div", { style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        margin: "6px 0px"
+      }, children: [
+        /* @__PURE__ */ i("div", { className: "text-[14px] font-bold opacity-60", children: _ || "\u4E0A\u4F20\u6587\u4EF6\u5217\u8868" }),
+        c.length > 0 && /* @__PURE__ */ i("div", { style: {
+          display: "flex",
+          gap: "8px",
+          alignItems: "center"
+        }, children: c.map((s, d) => /* @__PURE__ */ i(
+          v0,
+          {
+            mode: s.mode || "default",
+            label: s.label,
+            icon: s.icon,
+            disabled: s.disabled,
+            onClick: s.onClick,
+            styles: C
+          },
+          d
+        )) })
+      ] }),
+      /* @__PURE__ */ i(X0, { $theme: D.theme || I, children: H.map((s, d) => /* @__PURE__ */ i(
+        i2,
+        {
+          item: s,
+          index: d,
+          itemForm: $,
+          onRemove: Z,
+          onToggleExpand: p0,
+          onFormDataChange: g0,
+          theme: D.theme || I,
+          icons: h
+        },
+        s.id
+      )) })
+    ] })
+  ] });
+}, s2 = m.div`
+  position: fixed;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.background) || "#f8f9fa";
+}};
+  border: 1px solid ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+  border-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+  box-shadow: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.shadow) || "0 1px 3px rgba(0, 0, 0, 0.12)";
+}};
+  z-index: 9999;
+  min-width: ${(e) => e.$buttonRect ? `${e.$buttonRect.width}px` : "auto"};
+  max-width: 300px;
+  overflow: hidden;
+  padding: 4px 0;
+`, l2 = m.div`
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.text) || "#343a40";
+}};
+  background: transparent;
+  transition: background-color 0.2s;
+
+  &:hover {
+    background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.disabledBackground) || "#F5F5F5";
+}};
+  }
+
+  &:first-child {
+    border-top-left-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+    border-top-right-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+  }
+
+  &:last-child {
+    border-bottom-left-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+    border-bottom-right-radius: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.space) == null ? void 0 : r.radius) || "4px";
+}};
+  }
+`, c2 = m.div`
+  height: 1px;
+  background: ${(e) => {
+  var o, r;
+  return ((r = (o = e.$theme) == null ? void 0 : o.colors) == null ? void 0 : r.border) || "#dee2e6";
+}};
+  margin: 4px 0;
+`, m1 = ({
+  mode: e = "default",
+  label: o = "\u9009\u62E9\u9009\u9879",
+  actions: r,
+  styles: a,
+  icon: n,
+  disabled: g = !1,
+  style: w,
+  className: u,
+  children: $,
+  eventEmit: C,
+  ...c
+}) => {
+  const [f, h] = j(!1), t = r0(null), [F, y] = j(null), [_, D] = j({ top: 0, left: 0 }), E = l0(I, a == null ? void 0 : a.theme);
+  o0(() => {
+    console.log("[DropDownButton] \u7EC4\u4EF6\u6302\u8F7D\uFF0CeventEmit:", C), console.log("[DropDownButton] actions:", r);
+  }, [C, r]);
+  const v = () => {
+    if (!t.current) return;
+    const x = t.current.getBoundingClientRect();
+    y(x);
+    const O = x.bottom + 4, T = x.left;
+    D({ top: O, left: T });
+  };
+  o0(() => {
+    if (!f) return;
+    const x = (L) => {
+      t.current && !t.current.contains(L.target) && h(!1);
+    }, O = () => h(!1), T = () => h(!1);
+    return document.addEventListener("mousedown", x), window.addEventListener("scroll", O, !0), window.addEventListener("resize", T), () => {
+      document.removeEventListener("mousedown", x), window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", T);
+    };
+  }, [f]);
+  const R = (x) => {
+    C && C("dropdown_action", { key: x }), h(!1);
+  }, H = () => {
+    g || (f || v(), h(!f));
+  }, M = () => !f || !F ? null : /* @__PURE__ */ i(
+    s2,
+    {
+      $theme: E.theme || I,
+      $buttonRect: F,
+      style: {
+        top: _.top,
+        left: _.left
+      },
+      children: r.map((x, O) => x.type === "divider" ? /* @__PURE__ */ i(
+        c2,
+        {
+          $theme: E.theme || I
+        },
+        x.key || `divider-${O}`
+      ) : /* @__PURE__ */ k(
+        l2,
+        {
+          $theme: E.theme || I,
+          onMouseDown: (T) => {
+            T.preventDefault(), T.stopPropagation(), R(x.key), x.onClick && x.onClick();
+          },
+          children: [
+            x.icon && /* @__PURE__ */ i("span", { className: "mr-2", children: x.icon }),
+            x.component || x.label
+          ]
+        },
+        x.key || `action-${O}`
+      ))
+    }
+  );
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: t,
+      style: { position: "relative", display: "inline-block" },
+      className: u,
+      children: [
+        /* @__PURE__ */ k(
+          v0,
+          {
+            mode: e,
+            label: o,
+            icon: n,
+            disabled: g,
+            onClick: H,
+            styles: a,
+            style: w,
+            ...c,
+            children: [
+              $,
+              /* @__PURE__ */ i(
+                I0,
+                {
+                  size: 14,
+                  style: {
+                    marginLeft: 4,
+                    transition: "transform 0.2s",
+                    transform: f ? "rotate(180deg)" : "rotate(0deg)"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        f && w0(M(), document.body)
+      ]
+    }
+  );
+}, d2 = m.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;
+`, u2 = m.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};
+`, p2 = m.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;
+  }
+`, g2 = m.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;
+`, h2 = m.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);
+  }
+`, y0 = ({
+  items: e,
+  itemWidth: o = 48,
+  itemHeight: r = 48,
+  magnification: a = 1.2,
+  itemGap: n = 13,
+  activeMode: g = "single",
+  defaultActiveId: w,
+  defaultActiveIds: u = [],
+  onItemClick: $,
+  onActiveChange: C,
+  onActiveChangeMultiple: c,
+  className: f
+}) => {
+  const [h, t] = j(null), [F, y] = j(null), _ = () => g === "multiple" ? u || [] : w || (e.length > 0 ? e[0].id : null), [D, E] = j(
+    g === "single" ? _() : null
+  ), [v, R] = j(
+    g === "multiple" ? _() : []
+  ), H = r0(null), M = r0([]), x = (L) => {
+    t(L), y(L);
+    const V = M.current[L];
+    V && f0({
+      targets: V,
+      scale: a,
+      duration: 200,
+      easing: "easeOutCubic"
+    });
+  }, O = (L) => {
+    t(null), y(null);
+    const V = M.current[L];
+    V && f0({
+      targets: V,
+      scale: 1,
+      duration: 200,
+      easing: "easeOutCubic"
+    });
+  }, T = (L, V) => {
+    if (g === "single")
+      D !== L.id && (E(L.id), C && C(L.id, L));
+    else {
+      const A = v.includes(L.id) ? v.filter((S) => S !== L.id) : [...v, L.id];
+      if (R(A), c) {
+        const S = e.filter((X) => A.includes(X.id));
+        c(A, S);
+      }
+    }
+    $ && $(L, V), L.onClick && L.onClick();
+  };
+  return o0(() => {
+    M.current = M.current.slice(0, e.length);
+  }, [e.length]), /* @__PURE__ */ i(
+    d2,
+    {
+      ref: H,
+      itemWidth: o,
+      itemGap: n,
+      className: f,
+      children: e.map((L, V) => /* @__PURE__ */ k(
+        u2,
+        {
+          ref: (A) => M.current[V] = A,
+          itemWidth: o,
+          itemHeight: r,
+          itemGap: n,
+          isHovered: h === V,
+          magnification: a,
+          onMouseEnter: () => x(V),
+          onMouseLeave: () => O(V),
+          onClick: () => T(L, V),
+          children: [
+            /* @__PURE__ */ i(
+              p2,
+              {
+                src: L.icon,
+                alt: L.label,
+                isActive: g === "single" ? D === L.id : v.includes(L.id)
+              }
+            ),
+            /* @__PURE__ */ i(g2, { isActive: g === "single" ? D === L.id : v.includes(L.id) }),
+            /* @__PURE__ */ i(h2, { visible: F === V, children: L.label })
+          ]
+        },
+        L.id
+      ))
+    }
+  );
+};
+/**
+ * React Router v6.30.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+const f2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (f2.displayName = "DataRouter");
+const C2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (C2.displayName = "DataRouterState");
+const x2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (x2.displayName = "Await");
+const b2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (b2.displayName = "Navigation");
+const m2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (m2.displayName = "Location");
+const $0 = /* @__PURE__ */ P.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+process.env.NODE_ENV !== "production" && ($0.displayName = "Route");
+const w2 = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (w2.displayName = "RouteError");
+const F2 = /* @__PURE__ */ P.createContext(null);
+function v2(e) {
+  let o = P.useContext($0).outlet;
+  return o && /* @__PURE__ */ P.createElement(F2.Provider, {
+    value: e
+  }, o);
+}
+function L2(e) {
+  return v2(e.context);
+}
+new Promise(() => {
+});
+const y2 = m.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-left: 20px;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  max-width: 98%;
+  position: relative;
+`, $2 = m.div`
+  display: flex;
+  height: 38px;
+  z-index: 10;
+  background: transparent;
+  gap: 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  min-width: 0; /* 确保 flex 子元素可以收缩 */
+`, k2 = m.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+
+  /* 仅让图标在 hover 时上浮，按钮背景保持透明 */
+  svg {
+    transition: transform 0.2s ease;
+  }
+
+  &:hover {
+    background: transparent;
+  }
+
+  &:hover svg {
+    transform: translateY(-1px);
+  }
+
+  &:active svg {
+    transform: translateY(0);
+  }
+`, D2 = m.div`
+  line-height: 1.4;
+  cursor: pointer;
+  transition: color 0.2s ease;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+  min-width: 0;
+
+  &:hover {
+    color: #007bff;
+  }
+`, H2 = m.div`
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
+`, m0 = m.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: nowrap;
+  max-width: 50%;
+  min-width: 0;
+  overflow: hidden;
+`, i0 = m.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+  color: ${(e) => e.$isLast ? "#343a40" : "#6c757d"};
+  font-weight: ${(e) => e.$isLast ? "600" : "normal"};
+  cursor: ${(e) => e.$isClickable ? "pointer" : "default"};
+  transition: color 0.2s ease;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 120px;
+
+  &:hover {
+    color: ${(e) => e.$isLast ? "#007bff" : "inherit"};
+  }
+`, s0 = m.div`
+  display: flex;
+  align-items: center;
+  color: #6c757d;
+  margin: 0 2px;
+`, B2 = m.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(100% - 45px);
+  min-height: 650px;
+  overflow: auto;
+`, M2 = m.div`
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+`, w1 = ({
+  children: e,
+  goBack: o,
+  title: r,
+  description: a,
+  breadcrumbs: n,
+  dockItems: g,
+  dockActiveMode: w = "single",
+  defaultDockActiveId: u,
+  defaultDockActiveIds: $,
+  styles: C,
+  eventsEmit: c
+}) => {
+  var R, H, M, x, O, T, L, V;
+  const f = (C == null ? void 0 : C.theme) || I, h = J.useRef(null), t = () => {
+    c != null && c.onGoBack ? c.onGoBack() : o && o();
+  }, F = () => {
+    c != null && c.onTitleClick && c.onTitleClick();
+  }, y = (A, S) => {
+    c != null && c.onBreadcrumbClick ? c.onBreadcrumbClick(A, S) : A.onClick && A.onClick();
+  }, _ = (A, S) => {
+    c != null && c.onDockItemClick ? c.onDockItemClick(A, S) : A.onClick && A.onClick();
+  }, D = (A, S) => {
+    c != null && c.onDockActiveChange && c.onDockActiveChange(A, S);
+  }, E = (A, S) => {
+    c != null && c.onDockActiveChangeMultiple && c.onDockActiveChangeMultiple(A, S);
+  }, v = () => {
+    if (!n || n.length === 0) return null;
+    const A = J.useRef(null), [S, X] = J.useState({ start: 0, end: n.length, showEllipsis: !1 }), K = J.useCallback(() => {
+      if (!A.current || n.length <= 3) {
+        X({ start: 0, end: n.length, showEllipsis: !1 });
+        return;
+      }
+      const Z = A.current.offsetWidth * 0.5;
+      let Q = Math.floor((Z - 30) / (120 + 20));
+      if (Q < 2 && (Q = 2), Q >= n.length) {
+        X({ start: 0, end: n.length, showEllipsis: !1 });
+        return;
+      }
+      const s = 0, d = Math.min(Q - 1, n.length);
+      X({
+        start: s,
+        end: d,
+        showEllipsis: d < n.length - 1
+      });
+    }, [n.length]);
+    if (J.useEffect(() => {
+      K();
+      const z = new ResizeObserver(() => {
+        K();
+      });
+      return A.current && z.observe(A.current), () => {
+        z.disconnect();
+      };
+    }, [K]), n.length <= 3)
+      return /* @__PURE__ */ i(m0, { children: n.map((z, Z) => /* @__PURE__ */ k(J.Fragment, { children: [
+        /* @__PURE__ */ i(
+          i0,
+          {
+            $isLast: Z === n.length - 1,
+            $isClickable: !!(Z < n.length - 1 || z.onClick),
+            onClick: () => y(z, Z),
+            style: {
+              color: Z === n.length - 1 ? f.colors.text : f.colors.textSecondary || f.colors.disabledText
+            },
+            title: z.label,
+            children: z.label
+          }
+        ),
+        Z < n.length - 1 && /* @__PURE__ */ i(s0, { children: /* @__PURE__ */ i(a0, { size: 14 }) })
+      ] }, z.id)) });
+    const { start: q, end: G, showEllipsis: t0 } = S;
+    return /* @__PURE__ */ k(m0, { children: [
+      n.slice(q, G).map((z, Z) => /* @__PURE__ */ k(J.Fragment, { children: [
+        /* @__PURE__ */ i(
+          i0,
+          {
+            $isLast: Z === G - q - 1 && !t0,
+            $isClickable: !!(Z < G - q - 1 || z.onClick),
+            onClick: () => y(z, q + Z),
+            style: {
+              color: Z === G - q - 1 && !t0 ? f.colors.text : f.colors.textSecondary || f.colors.disabledText
+            },
+            title: z.label,
+            children: z.label
+          }
+        ),
+        Z < G - q - 1 && /* @__PURE__ */ i(s0, { children: /* @__PURE__ */ i(a0, { size: 14 }) })
+      ] }, z.id)),
+      t0 && /* @__PURE__ */ k(u0, { children: [
+        /* @__PURE__ */ i(s0, { children: /* @__PURE__ */ i(a0, { size: 14 }) }),
+        /* @__PURE__ */ i(
+          i0,
+          {
+            $isLast: !1,
+            $isClickable: !1,
+            style: {
+              color: f.colors.textSecondary || f.colors.disabledText,
+              cursor: "default",
+              maxWidth: "auto"
+            },
+            title: `${n.slice(G, -1).map((z) => z.label).join(" > ")}`,
+            children: "..."
+          }
+        ),
+        /* @__PURE__ */ i(s0, { children: /* @__PURE__ */ i(a0, { size: 14 }) }),
+        /* @__PURE__ */ i(
+          i0,
+          {
+            $isLast: !0,
+            $isClickable: !!n[n.length - 1].onClick,
+            onClick: () => y(n[n.length - 1], n.length - 1),
+            style: {
+              color: f.colors.text
+            },
+            title: n[n.length - 1].label,
+            children: n[n.length - 1].label
+          }
+        )
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ k(
+    y2,
+    {
+      style: {
+        background: f.colors.appBackground,
+        color: f.colors.text,
+        fontFamily: ((H = (R = f.fonts) == null ? void 0 : R.body) == null ? void 0 : H.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+      },
+      children: [
+        (r || a || o || n) && /* @__PURE__ */ k($2, { ref: h, children: [
+          o && /* @__PURE__ */ i(
+            k2,
+            {
+              onClick: t,
+              style: {
+                color: f.colors.primary,
+                borderRadius: f.space.radius || "6px"
+              },
+              title: "\u8FD4\u56DE",
+              children: /* @__PURE__ */ i(E0, { size: 18 })
+            }
+          ),
+          v(),
+          r && /* @__PURE__ */ i(
+            D2,
+            {
+              onClick: F,
+              style: {
+                color: f.colors.text,
+                fontSize: ((x = (M = f.fonts) == null ? void 0 : M.heading) == null ? void 0 : x.size) || "16px",
+                fontWeight: ((T = (O = f.fonts) == null ? void 0 : O.heading) == null ? void 0 : T.weight) || "600"
+              },
+              title: r,
+              children: r
+            }
+          ),
+          a && /* @__PURE__ */ i(
+            H2,
+            {
+              style: {
+                color: f.colors.textSecondary || f.colors.disabledText,
+                opacity: 0.7,
+                fontSize: ((V = (L = f.fonts) == null ? void 0 : L.body) == null ? void 0 : V.size) || "12px"
+              },
+              title: a,
+              children: a
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          B2,
+          {
+            style: {
+              background: f.colors.dashboardBackground || "transparent",
+              border: `1px solid ${f.colors.border}` || void 0,
+              borderRadius: f.space.radius || void 0,
+              boxShadow: f.colors.shadow || void 0
+            },
+            children: e || /* @__PURE__ */ i(L2, {})
+          }
+        ),
+        g && g.length > 0 && /* @__PURE__ */ i(M2, { children: /* @__PURE__ */ i(
+          y0,
+          {
+            items: g,
+            itemWidth: 48,
+            itemHeight: 48,
+            magnification: 1.5,
+            itemGap: 8,
+            activeMode: w,
+            defaultActiveId: u,
+            defaultActiveIds: $,
+            onItemClick: _,
+            onActiveChange: D,
+            onActiveChangeMultiple: E
+          }
+        ) })
+      ]
+    }
+  );
+}, A2 = m.div.withConfig({
+  shouldForwardProp: (e) => !["backgroundImage", "backgroundColor"].includes(e)
+})`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: ${(e) => e.backgroundImage ? `url(${e.backgroundImage}) center/cover no-repeat` : e.backgroundColor || "#1a1a1a"};
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 1;
+`, _2 = m.div`
+  height: 48px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  z-index: 10;
+  flex-shrink: 0;
+`, V2 = m.div`
+  flex: 1;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+  z-index: 2;
+  background: transparent;
+
+  /* 自定义滚动条样式 */
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.5);
+  }
+`, z2 = m.div`
+  height: 80px;
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding: 12px 0;
+  background: transparent;
+  z-index: 10;
+  flex-shrink: 0;
+`, F1 = ({
+  children: e,
+  backgroundImage: o,
+  backgroundColor: r,
+  header: a,
+  dockItems: n,
+  dockActiveMode: g = "single",
+  defaultDockActiveId: w,
+  defaultDockActiveIds: u,
+  styles: $,
+  eventsEmit: C
+}) => {
+  var F, y;
+  const c = ($ == null ? void 0 : $.theme) || I, f = (_, D) => {
+    C != null && C.onDockItemClick ? C.onDockItemClick(_, D) : _.onClick && _.onClick();
+  }, h = (_, D) => {
+    C != null && C.onDockActiveChange && C.onDockActiveChange(_, D);
+  }, t = (_, D) => {
+    C != null && C.onDockActiveChangeMultiple && C.onDockActiveChangeMultiple(_, D);
+  };
+  return /* @__PURE__ */ k(
+    A2,
+    {
+      backgroundImage: o,
+      backgroundColor: r,
+      children: [
+        a && /* @__PURE__ */ i(_2, { children: a }),
+        /* @__PURE__ */ i(
+          V2,
+          {
+            style: {
+              color: c.colors.text,
+              fontFamily: ((y = (F = c.fonts) == null ? void 0 : F.body) == null ? void 0 : y.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+            },
+            children: e
+          }
+        ),
+        n && n.length > 0 && /* @__PURE__ */ i(z2, { children: /* @__PURE__ */ i(
+          y0,
+          {
+            items: n,
+            itemWidth: 48,
+            itemHeight: 48,
+            magnification: 1.5,
+            itemGap: 8,
+            activeMode: g,
+            defaultActiveId: w,
+            defaultActiveIds: u,
+            onItemClick: f,
+            onActiveChange: h,
+            onActiveChangeMultiple: t
+          }
+        ) })
+      ]
+    }
+  );
+}, I2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM8.69727%205.36035C9.24139%205.36035%209.7044%205.43727%2010.0781%205.59961L10.1787%205.64355V6.78418L9.93066%206.64746C9.56044%206.44228%209.15313%206.33892%208.70508%206.33887C8.12836%206.33887%207.66998%206.52918%207.31543%206.90527L7.31445%206.90625C6.96154%207.27886%206.77643%207.78905%206.77637%208.45605C6.77641%209.08819%206.94869%209.57219%207.27637%209.92578L7.4043%2010.0488C7.71343%2010.3185%208.1013%2010.456%208.5791%2010.4561C9.10219%2010.4561%209.54903%2010.3382%209.9248%2010.1084L10.1787%209.95312V11.0381L10.0889%2011.085C9.65012%2011.3158%209.10967%2011.4268%208.47559%2011.4268C7.6423%2011.4268%206.9605%2011.1612%206.44922%2010.6191V10.6182C5.93981%2010.0754%205.69145%209.36307%205.69141%208.49902C5.69147%207.57075%205.97064%206.80719%206.54102%206.22656C7.10964%205.64782%207.83309%205.36042%208.69727%205.36035ZM6.3291%206.75488C6.32678%206.75844%206.32457%206.76206%206.32227%206.76562C6.36901%206.69342%206.41884%206.62326%206.47266%206.55566L6.3291%206.75488ZM8.10645%205.57812C8.01275%205.59511%207.92124%205.61615%207.83203%205.6416C8.0108%205.5906%208.19869%205.55704%208.39551%205.54004L8.10645%205.57812Z'%20fill='%23339C43'/%3e%3c/svg%3e", E2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.29%201.33301C11.457%201.33301%2011.6182%201.39584%2011.7412%201.50879L12.6504%202.3457L11.9736%203.08105L11.1602%202.33301H4V13.666H12.667V3.71387L11.9766%203.08398L11.9736%203.08203L12.6504%202.3457L13.4502%203.07617C13.5879%203.20229%2013.6668%203.38063%2013.667%203.56738V14L13.6533%2014.1338C13.5913%2014.4377%2013.3223%2014.666%2013%2014.666H3.66699L3.53223%2014.6523C3.27187%2014.599%203.06687%2014.3942%203.01367%2014.1338L3%2014V2C3.00012%201.67798%203.22857%201.40887%203.53223%201.34668L3.66699%201.33301H11.29ZM10.5%209C10.7761%209%2011%209.22386%2011%209.5C11%209.77614%2010.7761%2010%2010.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5C6%209.22386%206.22386%209%206.5%209H10.5ZM10.5%207C10.7761%207%2011%207.22386%2011%207.5C11%207.77614%2010.7761%208%2010.5%208H6.5C6.22386%208%206%207.77614%206%207.5C6%207.22386%206.22386%207%206.5%207H10.5Z'%20fill='%23426BFF'/%3e%3c/svg%3e", S2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM6.71582%205.33301C6.78793%205.33301%206.85481%205.37254%206.89258%205.43652L7.9541%207.25586L9.00488%205.43848C9.04265%205.3745%209.10953%205.33496%209.18164%205.33496H9.79395C9.83089%205.33515%209.86769%205.34564%209.89941%205.36523C9.93101%205.3848%209.95694%205.41285%209.97461%205.44629C9.99224%205.47972%2010.0011%205.5176%2010%205.55566C9.99877%205.59389%209.9876%205.63179%209.96777%205.66406L8.50293%208.01855L9.94531%2010.3359C10.0071%2010.4354%209.97971%2010.5668%209.88379%2010.6309C9.84945%2010.6522%209.81097%2010.665%209.77148%2010.665H9.12793C9.05762%2010.665%208.99086%2010.6274%208.95312%2010.5635L7.88379%208.76172L6.80664%2010.5654C6.76885%2010.6275%206.70384%2010.667%206.63184%2010.667H6.04004C6.00321%2010.6669%205.96628%2010.6561%205.93457%2010.6367C5.90309%2010.6174%205.87717%2010.5897%205.85938%2010.5566C5.84153%2010.5233%205.83209%2010.4854%205.83301%2010.4473C5.83393%2010.4093%205.84491%2010.3721%205.86426%2010.3398L7.2959%207.97949L5.88379%205.66211C5.82198%205.56081%205.85112%205.42939%205.94727%205.36719C5.97982%205.3442%206.01726%205.33302%206.05664%205.33301H6.71582Z'%20fill='%232F913E'/%3e%3c/svg%3e", N2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1162%203.07617C13.2543%203.20232%2013.3338%203.3804%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM10%208.5C10.2761%208.5%2010.5%208.72386%2010.5%209C10.5%209.27614%2010.2761%209.5%2010%209.5H6C5.72386%209.5%205.5%209.27614%205.5%209C5.5%208.72386%205.72386%208.5%206%208.5H10ZM9%206C9.27614%206%209.5%206.22386%209.5%206.5C9.5%206.77614%209.27614%207%209%207H6C5.72386%207%205.5%206.77614%205.5%206.5C5.5%206.22386%205.72386%206%206%206H9Z'%20fill='%2370706E'/%3e%3c/svg%3e", T2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%202.66667C2%202.29848%202.29848%202%202.66667%202H8.22957C8.49499%202%208.73512%202.15744%208.84095%202.40085L9.92791%204.90085C10.1193%205.34115%209.79664%205.83333%209.31652%205.83333H2.66667C2.29848%205.83333%202%205.53486%202%205.16667V2.66667Z'%20fill='%23F9B13C'/%3e%3cpath%20d='M3%204.50008C3%204.31599%203.14924%204.16675%203.33333%204.16675H12.6667C12.8508%204.16675%2013%204.31599%2013%204.50008V13.1667C13%2013.3508%2012.8508%2013.5001%2012.6667%2013.5001H3.33333C3.14924%2013.5001%203%2013.3508%203%2013.1667V4.50008Z'%20fill='white'/%3e%3cpath%20d='M2%204.66675H13.3333C13.7015%204.66675%2014%204.96522%2014%205.33341V13.3334C14%2013.7016%2013.7015%2014.0001%2013.3333%2014.0001H2.66667C2.29848%2014.0001%202%2013.7016%202%2013.3334V4.66675Z'%20fill='%23FFCB2E'/%3e%3c/svg%3e", Z2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM8.95117%208.80469C8.95117%209.45619%208.83123%209.99047%208.58105%2010.3984L8.46582%2010.5654C8.13575%2010.9898%207.68375%2011.2012%207.12109%2011.2012C6.86476%2011.2012%206.64525%2011.1636%206.4668%2011.083L6.4082%2011.0566V10.0342L6.56641%2010.1494C6.70723%2010.2516%206.88862%2010.3066%207.11719%2010.3066C7.40052%2010.3066%207.60577%2010.1907%207.74609%209.95508C7.89129%209.7111%207.9707%209.33189%207.9707%208.80469V4.84961H8.95117V8.80469Z'%20fill='%23FF4D50'/%3e%3c/svg%3e", R2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%201C13.5523%201%2014%201.44772%2014%202V13H3.5C3.22386%2013%203%2013.2239%203%2013.5C3%2013.7761%203.22386%2014%203.5%2014H14C14%2014.5523%2013.5523%2015%2013%2015H4C2.89543%2015%202%2014.1046%202%2013V3C2%201.89543%202.89543%201%204%201H13ZM5.5%204C5.22386%204%205%204.22386%205%204.5C5%204.77614%205.22386%205%205.5%205H10.5C10.7761%205%2011%204.77614%2011%204.5C11%204.22386%2010.7761%204%2010.5%204H5.5Z'%20fill='%230956E4'/%3e%3c/svg%3e", O2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208C14.5%2011.5899%2011.5899%2014.5%208%2014.5C4.41015%2014.5%201.5%2011.5899%201.5%208C1.5%204.41015%204.41015%201.5%208%201.5ZM8%202.42871C4.92298%202.42871%202.42871%204.92298%202.42871%208C2.42871%2011.077%204.92298%2013.5713%208%2013.5713C11.077%2013.5713%2013.5713%2011.077%2013.5713%208C13.5713%204.92298%2011.077%202.42871%208%202.42871ZM6.19434%207.36523C6.2548%207.30503%206.3537%207.30487%206.41406%207.36523L6.68262%207.63477C6.74275%207.69515%206.74275%207.79314%206.68262%207.85352L6.30371%208.23242C5.89985%208.63677%205.89974%209.29201%206.30371%209.69629C6.70813%2010.1005%207.3642%2010.1006%207.76855%209.69629L8.14746%209.31738C8.20788%209.25744%208.30591%209.25726%208.36621%209.31738L8.63574%209.58691C8.69582%209.64722%208.69567%209.74526%208.63574%209.80566L8.25684%2010.1846C7.58294%2010.8585%206.49045%2010.8582%205.81641%2010.1846C5.14239%209.51056%205.14239%208.41815%205.81641%207.74414L6.19434%207.36523ZM8.27441%207.27246C8.33487%207.21231%208.43282%207.21214%208.49316%207.27246L8.7627%207.54199C8.82268%207.60237%208.82273%207.7004%208.7627%207.76074L7.76074%208.76172C7.70035%208.82211%207.60244%208.82201%207.54199%208.76172L7.27246%208.49316C7.21217%208.43285%207.21239%208.33487%207.27246%208.27441L8.27441%207.27246ZM7.74414%205.81543C8.41813%205.14189%209.51068%205.14173%2010.1846%205.81543C10.8584%206.48938%2010.8583%207.58286%2010.1846%208.25684L9.80566%208.63477C9.74528%208.69515%209.64736%208.69505%209.58691%208.63477L9.31738%208.36621C9.25716%208.30593%209.25744%208.20792%209.31738%208.14746L9.69629%207.76855C10.1004%207.36418%2010.1005%206.70805%209.69629%206.30371C9.29201%205.89962%208.6368%205.89978%208.23242%206.30371L7.85352%206.68262C7.79319%206.74294%207.69523%206.74271%207.63477%206.68262L7.36523%206.41309C7.30484%206.35264%207.30481%206.25476%207.36523%206.19434L7.74414%205.81543Z'%20fill='%2339B83F'/%3e%3c/svg%3e", j2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957Z'%20fill='%23675FF0'/%3e%3cpath%20d='M5%206.81818C5.12597%206.81818%205.22541%206.79021%205.30497%206.73427C5.38453%206.67832%205.43757%206.6014%205.46409%206.51049C5.49061%206.41259%205.50387%206.25175%205.50387%206.02098C5.50387%205.79021%205.5105%205.63636%205.51713%205.56643C5.53039%205.44755%205.55691%205.35664%205.60331%205.28671C5.64309%205.21678%205.6895%205.16084%205.74917%205.11888C5.80884%205.07692%205.88177%205.04895%205.97459%205.02098C6.03425%205.00699%206.14033%205%206.27956%205H6.41878V5.32867H6.34586C6.17348%205.32867%206.06077%205.35664%206.00773%205.40559C5.9547%205.45454%205.92155%205.57343%205.92155%205.75525C5.92155%206.11888%205.91492%206.34266%205.89503%206.44056C5.86851%206.58741%205.81547%206.6993%205.74254%206.78322C5.66961%206.86014%205.55691%206.93706%205.41105%207C5.59006%207.06294%205.72265%207.16084%205.80221%207.29371C5.88177%207.42657%205.92155%207.63636%205.92155%207.93706C5.92155%208.2028%205.92818%208.36364%205.92818%208.41958C5.94144%208.51049%205.97459%208.58042%206.02762%208.61539C6.08066%208.65035%206.18674%208.67133%206.33923%208.67133H6.41215V9H6.27293C6.11381%209%205.99448%208.99301%205.92818%208.96503C5.8221%208.93007%205.73591%208.88112%205.66961%208.81119C5.60331%208.74126%205.55691%208.65035%205.53702%208.53846C5.51713%208.42657%205.50387%208.25175%205.50387%208C5.50387%207.74825%205.49061%207.58042%205.46409%207.48252C5.43757%207.39161%205.38453%207.30769%205.30497%207.25874C5.22541%207.2028%205.12597%207.17483%205%207.16783V6.81818ZM10.5956%206.06993H7.22099C7.04199%206.06993%206.90276%205.91608%206.90276%205.73427V5.67133C6.90276%205.48252%207.04862%205.33566%207.22099%205.33566H10.5956C10.7746%205.33566%2010.9138%205.48951%2010.9138%205.67133V5.73427C10.9138%205.91608%2010.768%206.06993%2010.5956%206.06993ZM10.5956%207.3986H7.22099C7.04199%207.3986%206.90276%207.24476%206.90276%207.06294V7C6.90276%206.81119%207.04862%206.66434%207.22099%206.66434H10.5956C10.7746%206.66434%2010.9138%206.81818%2010.9138%207V7.06294C10.9138%207.24476%2010.768%207.3986%2010.5956%207.3986ZM10.5956%208.73427H7.22099C7.04199%208.73427%206.90276%208.58042%206.90276%208.3986V8.33566C6.90276%208.14685%207.04862%208%207.22099%208H10.5956C10.7746%208%2010.9138%208.15385%2010.9138%208.33566V8.3986C10.9138%208.58042%2010.768%208.73427%2010.5956%208.73427Z'%20fill='%23675FF0'/%3e%3cpath%20d='M11.5%2010.1265H10.8525V12H10.3677V10.1265H9.72168V9.73096H11.5V10.1265Z'%20fill='%23675FF0'/%3e%3cpath%20d='M7.55811%2012V9.73096H8.3418C9.14746%209.73096%209.55029%2010.0996%209.55029%2010.8369C9.55029%2011.1875%209.4375%2011.4692%209.21191%2011.6821C8.98633%2011.894%208.69531%2012%208.33887%2012H7.55811ZM8.0415%2010.1265V11.6045H8.30518C8.53467%2011.6045%208.71484%2011.5361%208.8457%2011.3994C8.97656%2011.2627%209.04199%2011.0776%209.04199%2010.8442C9.04199%2010.6187%208.97363%2010.4429%208.83691%2010.3169C8.7002%2010.1899%208.52246%2010.1265%208.30371%2010.1265H8.0415Z'%20fill='%23675FF0'/%3e%3cpath%20d='M4.96094%2010.8955C4.96094%2010.54%205.06445%2010.251%205.27148%2010.0283C5.47949%209.80469%205.75391%209.69287%206.09473%209.69287C6.41895%209.69287%206.67969%209.80078%206.87695%2010.0166C7.0752%2010.2324%207.17432%2010.5098%207.17432%2010.8486C7.17432%2011.2021%207.07129%2011.4893%206.86523%2011.71C6.66016%2011.9297%206.39111%2012.0396%206.05811%2012.0396C5.73291%2012.0396%205.46875%2011.9331%205.26562%2011.7202C5.0625%2011.5063%204.96094%2011.2314%204.96094%2010.8955ZM5.46924%2010.8691C5.46924%2011.0898%205.52246%2011.2705%205.62891%2011.4111C5.73535%2011.5508%205.88135%2011.6206%206.06689%2011.6206C6.25635%2011.6206%206.40381%2011.5537%206.50928%2011.4199C6.61475%2011.2852%206.66748%2011.1045%206.66748%2010.8779C6.66748%2010.6416%206.61621%2010.4551%206.51367%2010.3184C6.41113%2010.1807%206.2666%2010.1118%206.08008%2010.1118C5.89062%2010.1118%205.74121%2010.1821%205.63184%2010.3228C5.52344%2010.4634%205.46924%2010.6455%205.46924%2010.8691Z'%20fill='%23675FF0'/%3e%3c/svg%3e", W2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM7.71191%205.00098C7.95398%205.01182%208.23799%205.16198%208.30664%205.54688C8.40941%206.03464%208.27759%206.57316%208.17285%207.00488L8.16699%207.03027C8.37835%207.57951%208.66991%207.94773%209.11426%208.21875C10.017%208.10683%2010.5964%208.16863%2010.835%208.40332C10.9994%208.56776%2011.0484%208.87519%2010.9473%209.11914C10.8894%209.25831%2010.7357%209.48926%2010.3457%209.48926C9.95189%209.48921%209.37167%209.31384%208.8623%209.04102C8.40175%209.11875%207.8926%209.29278%207.40137%209.45898C7.2966%209.49512%207.18778%209.5311%207.08301%209.56543C6.3969%2010.7429%205.8824%2010.9998%205.56445%2011C5.48865%2011%205.4233%2010.9837%205.36914%2010.9639C5.24449%2010.9169%205.13813%2010.8189%205.07129%2010.6924C5.01181%2010.5787%204.98629%2010.4528%205.00781%2010.3535C5.1144%209.81502%205.83149%209.3878%206.36621%209.11133C6.65343%208.60533%207.04538%207.75431%207.29102%207.16895C7.09599%206.41389%206.98933%205.82132%207.1084%205.3877C7.17162%205.15099%207.42651%204.98835%207.71191%205.00098ZM6.18555%209.77441C5.99948%209.94427%205.76264%2010.1801%205.6416%2010.4023C5.74457%2010.3228%205.93444%2010.1394%206.18555%209.77441ZM7.73926%207.69629C7.60016%208.05769%207.39944%208.55181%207.15918%208.9873C7.23144%208.95839%207.30596%208.9272%207.38184%208.89648C7.69966%208.76643%208.05529%208.61975%208.44531%208.53125C8.17624%208.31804%207.93249%208.03049%207.73926%207.69629ZM9.73535%208.74707C10.3674%208.99599%2010.5185%208.91259%2010.5352%208.90234L10.5391%208.89648H10.543C10.5536%208.88933%2010.5516%208.88347%2010.5498%208.87988C10.544%208.87053%2010.4509%208.71359%209.73535%208.74707ZM7.72852%205.4834C7.67613%205.54303%207.68883%206.05251%207.77734%206.41211C7.8496%206.16635%207.86152%205.68036%207.76758%205.51953C7.75502%205.4962%207.74284%205.48532%207.72852%205.4834Z'%20fill='%23FF4D50'/%3e%3c/svg%3e", U2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1777%202.67969C14.4553%202.7361%2014.6644%202.98029%2014.666%203.27441V12.667C14.6659%2012.9891%2014.4376%2013.2583%2014.1338%2013.3203L14%2013.334H2L1.86523%2013.3203C1.56164%2013.2581%201.33312%2012.989%201.33301%2012.667V3.33398C1.33301%203.01196%201.56164%202.74298%201.86523%202.68066L2%202.66699H14.0557L14.1777%202.67969ZM2.33301%2012.334H13.666V3.66699H2.33301V12.334ZM8.78125%207.39355C8.79747%207.40146%208.81204%207.41261%208.82324%207.42676L10.8545%2010.0166C10.915%2010.0939%2010.8601%2010.2078%2010.7607%2010.208H5.28613C5.26386%2010.2081%205.24156%2010.2022%205.22266%2010.1904C5.20374%2010.1786%205.18849%2010.1616%205.17871%2010.1416C5.16897%2010.1216%205.16469%2010.0993%205.16699%2010.0771C5.16933%2010.055%205.17865%2010.0341%205.19238%2010.0166L6.67676%208.12305C6.68788%208.10885%206.70253%208.09775%206.71875%208.08984C6.73488%208.08198%206.75256%208.07818%206.77051%208.07812C6.78858%208.07812%206.807%208.08193%206.82324%208.08984C6.83924%208.09768%206.85322%208.10907%206.86426%208.12305L7.47656%208.90332L8.63379%207.42676C8.64501%207.41261%208.65955%207.40145%208.67578%207.39355C8.69215%207.38564%208.71034%207.38086%208.72852%207.38086C8.74668%207.38087%208.7649%207.38565%208.78125%207.39355ZM6.35547%205.83301C6.51333%205.83301%206.66474%205.89619%206.77637%206.00781C6.888%206.11944%206.95117%206.27084%206.95117%206.42871C6.95111%206.5865%206.88794%206.73803%206.77637%206.84961C6.66476%206.9611%206.51323%207.02344%206.35547%207.02344C6.19768%207.02338%206.04615%206.96118%205.93457%206.84961C5.823%206.73803%205.7608%206.5865%205.76074%206.42871C5.76074%206.27095%205.82308%206.11942%205.93457%206.00781C6.04615%205.89624%206.19768%205.83307%206.35547%205.83301Z'%20fill='%2332A3FF'/%3e%3c/svg%3e", P2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM6.1543%205.26758H8.1543C9.30194%205.26778%209.9998%206.03334%2010%207.08105C10%208.14247%209.29247%208.89045%208.15039%208.89062H6.93262V10.7275C6.93262%2010.812%206.86371%2010.8816%206.7793%2010.8818H6.1543C6.06968%2010.8818%206%2010.8122%206%2010.7275V5.41992C6.00002%205.33532%206.06969%205.2666%206.1543%205.2666V5.26758ZM6.93262%206.03906V8.12402H7.68066C8.54028%208.12402%209.0498%207.91372%209.0498%207.0791C9.04962%206.41793%208.66339%206.03914%208.01367%206.03906H6.93262Z'%20fill='%23FA8C16'/%3e%3c/svg%3e", X2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.73633%201.57642C2.53848%200.774265%203.74473%200.714862%204.87207%201.03052C6.02182%201.35245%207.24885%202.09683%208.3125%203.1604C9.37624%204.22414%2010.1204%205.45195%2010.4424%206.60181C10.758%207.72909%2010.6986%208.93446%209.89648%209.73657C9.09439%2010.5387%207.88901%2010.5981%206.76172%2010.2825C5.61186%209.96051%204.38405%209.21632%203.32031%208.15259C2.25674%207.08894%201.51236%205.86191%201.19043%204.71216C0.874775%203.58481%200.934176%202.37857%201.73633%201.57642Z'%20stroke='%234E6EF2'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.76172%205.41479C7.88883%205.09929%209.09442%205.15888%209.89648%205.96069C10.6986%206.76284%2010.758%207.96909%2010.4424%209.09644C10.1204%2010.2462%209.37617%2011.4732%208.3125%2012.5369C7.24882%2013.6005%206.02187%2014.3448%204.87207%2014.6667C3.74472%2014.9824%202.53848%2014.923%201.73633%2014.1208C0.934528%2013.3188%200.874922%2012.1132%201.19043%2010.9861C1.51239%209.83623%202.25659%208.60841%203.32031%207.54468C4.38405%206.48096%205.61186%205.73675%206.76172%205.41479Z'%20stroke='%234E6EF2'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.1282%201.03052C12.2553%200.715012%2013.4609%200.774612%2014.263%201.57642C15.0651%202.37857%2015.1246%203.58481%2014.8089%204.71216C14.4869%205.86196%2013.7427%207.08892%2012.679%208.15259C11.6153%209.21627%2010.3884%209.96048%209.23859%2010.2825C8.11124%2010.5981%206.90499%2010.5387%206.10284%209.73657C5.30106%208.9345%205.24144%207.72892%205.55695%206.60181C5.8789%205.45195%206.62311%204.22414%207.68683%203.1604C8.75056%202.09668%209.97838%201.35248%2011.1282%201.03052Z'%20stroke='%234E6EF2'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.10284%205.96069C6.90499%205.15855%208.11124%205.09914%209.23859%205.41479C10.3883%205.73673%2011.6154%206.48111%2012.679%207.54468C13.7427%208.60841%2014.4869%209.83623%2014.8089%2010.9861C15.1245%2012.1134%2015.0651%2013.3188%2014.263%2014.1208C13.4609%2014.9229%2012.2555%2014.9823%2011.1282%2014.6667C9.97838%2014.3448%208.75055%2013.6006%207.68683%2012.5369C6.62325%2011.4732%205.87888%2010.2462%205.55695%209.09644C5.24129%207.96909%205.3007%206.76284%206.10284%205.96069Z'%20stroke='%234E6EF2'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", q2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM9.91406%205.16699C10.0058%205.16721%2010.0799%205.24128%2010.0801%205.33301V5.9707C10.0801%206.06262%2010.0059%206.13748%209.91406%206.1377H8.64648C8.55457%206.1377%208.47971%206.21185%208.47949%206.30371V10.5469C8.47936%2010.6387%208.40525%2010.7127%208.31348%2010.7129H7.59375C7.50178%2010.7129%207.42689%2010.6388%207.42676%2010.5469V6.30371C7.42654%206.21185%207.35168%206.1377%207.25977%206.1377H6C5.90795%206.1377%205.83301%206.06275%205.83301%205.9707V5.33301C5.83323%205.24115%205.90809%205.16699%206%205.16699H9.91406Z'%20fill='%234089FF'/%3e%3c/svg%3e", G2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.9568%201.33276C11.1238%201.33276%2011.2849%201.39651%2011.408%201.50952L12.3171%202.34644L11.6404%203.08179L10.8269%202.33374H3.66675V13.6667H12.3337V3.7146L11.6433%203.08472L11.6404%203.08276L12.3171%202.34644L13.1169%203.0769C13.2546%203.20307%2013.3336%203.38138%2013.3337%203.56812V14.0007L13.3201%2014.1345C13.2578%2014.4382%2012.9888%2014.6667%2012.6667%2014.6667H3.33374L3.19897%2014.6531C2.93875%2014.5998%202.73378%2014.3947%202.68042%2014.1345L2.66675%2014.0007V2.00073C2.66675%201.67864%202.89529%201.40965%203.19897%201.34741L3.33374%201.33276H10.9568ZM6.05542%207.31616C6.12046%207.25114%206.22568%207.25122%206.29077%207.31616L6.58081%207.6062C6.64589%207.67128%206.64588%207.77646%206.58081%207.84155L6.17358%208.24976C5.73807%208.68527%205.73807%209.39139%206.17358%209.8269C6.60912%2010.2622%207.31529%2010.2624%207.75073%209.8269L8.15796%209.4187C8.22305%209.35363%208.32921%209.35362%208.39429%209.4187L8.68433%209.70874C8.74934%209.77383%208.74937%209.88%208.68433%209.94507L8.27612%2010.3523C7.55026%2011.0782%206.37308%2011.0782%205.64722%2010.3523C4.92174%209.62652%204.92177%208.45016%205.64722%207.72437L6.05542%207.31616ZM8.29468%207.21655C8.35977%207.15147%208.46592%207.15147%208.53101%207.21655L8.82104%207.50659C8.88578%207.5716%208.88575%207.67692%208.82104%207.74194L7.74194%208.82104C7.67692%208.88583%207.57163%208.8858%207.50659%208.82104L7.21655%208.53101C7.15147%208.46592%207.15147%208.35977%207.21655%208.29468L8.29468%207.21655ZM7.72339%205.64722C8.44919%204.92141%209.62642%204.92152%2010.3523%205.64722C11.0782%206.37308%2011.0782%207.55026%2010.3523%208.27612L9.94409%208.68433C9.87904%208.74897%209.77371%208.7491%209.70874%208.68433L9.4187%208.39429C9.35361%208.3292%209.35361%208.22305%209.4187%208.15796L9.8269%207.75073C10.2623%207.31533%2010.2621%206.60913%209.8269%206.17358C9.39139%205.73807%208.68527%205.73807%208.24976%206.17358L7.84155%206.58081C7.77647%206.64589%207.67129%206.64588%207.6062%206.58081L7.31616%206.29077C7.25109%206.22568%207.25108%206.1205%207.31616%206.05542L7.72339%205.64722Z'%20fill='%231998FF'/%3e%3c/svg%3e", Y2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.957%201.33301C11.124%201.33307%2011.2853%201.39583%2011.4082%201.50879L12.3174%202.3457L11.6406%203.08105L10.8271%202.33301H3.66699V13.666H12.334V3.71387L11.6436%203.08398L11.6406%203.08203L12.3174%202.3457L13.1172%203.07617C13.2549%203.20229%2013.3338%203.38063%2013.334%203.56738V14L13.3203%2014.1338C13.2583%2014.4376%2012.9891%2014.6659%2012.667%2014.666H3.33398L3.19922%2014.6523C2.93884%2014.599%202.73387%2014.3942%202.68066%2014.1338L2.66699%2014V2C2.66711%201.67798%202.89556%201.40887%203.19922%201.34668L3.33398%201.33301H10.957ZM5.77832%205.83301C5.87031%205.83301%205.94933%205.8983%205.9707%205.98828L6.72852%209.2998L7.54492%205.98535C7.56627%205.89541%207.64507%205.83309%207.73535%205.83301H8.26465C8.35498%205.83305%208.43373%205.89538%208.45508%205.98535L9.27344%209.30664L10.0254%205.98828C10.0467%205.89837%2010.1259%205.83313%2010.2178%205.83301H10.8027C10.8329%205.83312%2010.8626%205.84093%2010.8896%205.85449C10.9167%205.86808%2010.9406%205.88781%2010.959%205.91211C10.9773%205.93632%2010.9901%205.96425%2010.9961%205.99414C11.0021%206.02417%2011.0008%206.05533%2010.9932%206.08496L9.77148%2010.6846C9.74853%2010.7727%209.66957%2010.8328%209.58105%2010.833H9.05859C8.96987%2010.833%208.89019%2010.7712%208.86719%2010.6846L8%207.40137L7.13281%2010.6846C7.10985%2010.7728%207.03094%2010.8328%206.94238%2010.833H6.41602C6.32739%2010.8329%206.24857%2010.7712%206.22559%2010.6846L5.00684%206.08496C4.99909%206.05533%204.99796%206.0242%205.00391%205.99414C5.00985%205.9641%205.02262%205.93543%205.04102%205.91113C5.05939%205.88697%205.08338%205.86703%205.11035%205.85352C5.13734%205.84008%205.1672%205.83306%205.19727%205.83301H5.77832Z'%20fill='%23426BFF'/%3e%3c/svg%3e", J2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.29%201.33008C11.457%201.33008%2011.6182%201.39298%2011.7412%201.50586L12.6504%202.34277L11.9736%203.07812L11.1602%202.33008H4V13.6631H12.667V3.71094L11.9766%203.08105L11.9736%203.0791L12.6504%202.34277L13.4502%203.07324C13.588%203.19942%2013.6669%203.37761%2013.667%203.56445V13.9971L13.6533%2014.1309C13.5912%2014.4347%2013.3222%2014.6631%2013%2014.6631H3.66699L3.53223%2014.6494C3.27204%2014.5959%203.06685%2014.3912%203.01367%2014.1309L3%2013.9971V1.99707C3%201.67508%203.22869%201.40611%203.53223%201.34375L3.66699%201.33008H11.29ZM7.36816%206.39941C7.65187%206.39959%207.84768%206.57468%207.95605%206.93066L7.52734%207.78809L7.31641%207.35938C7.24417%207.22007%207.15618%207.14756%207.04785%207.14746H6.19043C6.04599%207.14751%206.00977%207.21486%206.08203%207.35938L7.04199%209.38867C7.68737%208.10825%208.05967%207.27658%208.21973%206.93066C8.40557%206.5332%208.62233%206.39943%208.90625%206.39941H10.791C11.1471%206.39948%2011.2705%206.57449%2011.1621%206.93066C11.0536%207.287%2010.5013%208.46426%209.50488%2010.457C9.46874%2010.5241%209.41249%2010.5762%209.35059%2010.6123C9.1441%2010.731%208.88077%2010.6635%208.75684%2010.457L8.22461%209.28027L8.65332%208.42285L9.13379%209.43945L10.1504%207.35938C10.2175%207.21997%2010.1866%207.14746%2010.042%207.14746H8.97852L7.47656%2010.3535C7.43013%2010.5031%207.31627%2010.6168%207.17188%2010.6582C6.93438%2010.7253%206.68626%2010.591%206.61914%2010.3535C5.62275%208.28844%205.09083%207.1111%205.01855%206.82715C4.94645%206.54338%205.09114%206.39941%205.44727%206.39941H7.36816Z'%20fill='%23ED8E35'/%3e%3c/svg%3e", K2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%202.66667C2%202.29848%202.29848%202%202.66667%202H13.3333C13.7015%202%2014%202.29848%2014%202.66667V8H2V2.66667Z'%20fill='%234DC6FF'/%3e%3cpath%20d='M2%208H14V13.3333C14%2013.7015%2013.7015%2014%2013.3333%2014H2.66667C2.29848%2014%202%2013.7015%202%2013.3333V8Z'%20fill='%234DCE84'/%3e%3crect%20x='14'%20y='6'%20width='4'%20height='12'%20transform='rotate(90%2014%206)'%20fill='%23FF5F5A'/%3e%3crect%20x='6'%20y='2'%20width='4'%20height='12'%20fill='%23FCC048'/%3e%3crect%20x='5.66667'%20y='5.66667'%20width='4.66667'%20height='4.66667'%20rx='0.666667'%20stroke='white'%20stroke-width='0.666667'/%3e%3c/svg%3e", Q2 = /* @__PURE__ */ Object.assign({});
+function e1(e, o, r) {
+  let a = e;
+  for (let n = 0; n < o.length - 1; n += 1) {
+    const g = o[n];
+    (!a[g] || typeof a[g] != "object") && (a[g] = {}), a = a[g];
+  }
+  a[o[o.length - 1]] = r;
+}
+function o1(e) {
+  return e.replace(/^\.\//, "").split("?")[0].replace(/\.svg$/i, "").split("/");
+}
+function r1(e, o) {
+  const r = J.lazy(() => e().then((n) => ({ default: n.default || n.ReactComponent }))), a = (n) => /* @__PURE__ */ i(A0, { fallback: null, children: /* @__PURE__ */ i(r, { ...n }) });
+  return a.displayName = o, M0(a);
+}
+const k0 = {};
+Object.entries(Q2).forEach(([e, o]) => {
+  const r = o1(e), a = r1(o, `Icon(${r.join("/")})`);
+  e1(k0, r, a);
+});
+const t1 = /* @__PURE__ */ Object.assign({ "./rag/csv.svg": I2, "./rag/document.svg": E2, "./rag/excel.svg": S2, "./rag/file.svg": N2, "./rag/folder.svg": T2, "./rag/json.svg": Z2, "./rag/knowledgebase.svg": R2, "./rag/netretrive.svg": O2, "./rag/odf.svg": j2, "./rag/pdf.svg": W2, "./rag/pic.svg": U2, "./rag/ppt.svg": P2, "./rag/think.svg": X2, "./rag/txt.svg": q2, "./rag/url.svg": G2, "./rag/word.svg": Y2, "./rag/wps.svg": J2, "./rag/zip.svg": K2 });
+function n1(e, o, r) {
+  let a = e;
+  for (let n = 0; n < o.length - 1; n += 1) {
+    const g = o[n];
+    (!a[g] || typeof a[g] != "object") && (a[g] = {}), a = a[g];
+  }
+  a[o[o.length - 1]] = r;
+}
+function a1(e) {
+  return e.replace(/^\.\//, "").split("?")[0].replace(/\.svg$/i, "").split("/");
+}
+const D0 = {};
+Object.entries(t1).forEach(([e, o]) => {
+  const r = a1(e);
+  n1(D0, r, o);
+});
+function i1(e) {
+  const o = e.split("/").filter(Boolean);
+  let r = k0;
+  for (const a of o) {
+    if (!r) return;
+    r = r[a];
+  }
+  return typeof r == "function" ? r : void 0;
+}
+function s1(e) {
+  const o = e.split("/").filter(Boolean);
+  let r = D0;
+  for (const a of o) {
+    if (!r) return;
+    r = r[a];
+  }
+  return typeof r == "string" ? r : void 0;
+}
+const v1 = ({ type: e, size: o, ...r }) => {
+  const a = i1(e), n = typeof o < "u" ? { width: o, height: o } : {};
+  if (a)
+    return /* @__PURE__ */ i(a, { ...n, ...r });
+  const g = s1(e);
+  return g ? /* @__PURE__ */ i("img", { src: g, alt: "", ...n, ...r }) : null;
+};
+export {
+  v0 as Button,
+  y0 as CustomDock,
+  w1 as DashboardContainer,
+  F1 as DockContainer,
+  m1 as DropDownButton,
+  C1 as GoggleNavbar,
+  v1 as Icon,
+  x1 as MoreDropdown,
+  b1 as Uploader,
+  l0 as deepMergeTheme,
+  I as defaultTheme
+};