bi-components-library 1.0.2 → 1.0.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import me, { useState as _, useRef as P, useMemo as pe, useCallback as x, useEffect as U } from "react";
+import me, { useState as j, useRef as z, useMemo as pe, useCallback as v, useEffect as U } from "react";
 import { Button as X, Card as te, Modal as ye, Table as le, Flex as ae, Spin as ge, Empty as he, Select as ce, Form as re, Input as ue, Space as be, theme as we } from "antd";
 import { createFromIconfontCN as ve, LeftOutlined as xe, SearchOutlined as Re, ReloadOutlined as Te, SendOutlined as Se, PauseCircleOutlined as qe, PlayCircleOutlined as Ce } from "@ant-design/icons";
 var ne = { exports: {} }, Z = {};
@@ -16,22 +16,22 @@ function je() {
   if (oe) return Z;
   oe = 1;
   var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function o(l, a, d) {
-    var k = null;
-    if (d !== void 0 && (k = "" + d), a.key !== void 0 && (k = "" + a.key), "key" in a) {
+  function i(l, o, d) {
+    var E = null;
+    if (d !== void 0 && (E = "" + d), o.key !== void 0 && (E = "" + o.key), "key" in o) {
       d = {};
-      for (var m in a)
-        m !== "key" && (d[m] = a[m]);
-    } else d = a;
-    return a = d.ref, {
+      for (var m in o)
+        m !== "key" && (d[m] = o[m]);
+    } else d = o;
+    return o = d.ref, {
       $$typeof: n,
       type: l,
-      key: k,
-      ref: a !== void 0 ? a : null,
+      key: E,
+      ref: o !== void 0 ? o : null,
       props: d
     };
   }
-  return Z.Fragment = s, Z.jsx = o, Z.jsxs = o, Z;
+  return Z.Fragment = s, Z.jsx = i, Z.jsxs = i, Z;
 }
 var ee = {};
 /**
@@ -49,38 +49,38 @@ function Ee() {
     function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === z ? null : e.displayName || e.name || null;
+        return e.$$typeof === L ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case i:
+        case V:
           return "Fragment";
-        case g:
+        case p:
           return "Profiler";
-        case y:
+        case a:
           return "StrictMode";
         case $:
           return "Suspense";
         case D:
           return "SuspenseList";
-        case O:
+        case x:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case A:
+          case P:
             return "Portal";
-          case w:
+          case T:
             return (e.displayName || "Context") + ".Provider";
           case b:
             return (e._context.displayName || "Context") + ".Consumer";
-          case S:
+          case g:
             var u = e.render;
             return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case N:
+          case A:
             return u = e.displayName || null, u !== null ? u : n(e.type) || "Memo";
-          case R:
+          case F:
             u = e._payload, e = e._init;
             try {
               return n(e(u));
@@ -92,7 +92,7 @@ function Ee() {
     function s(e) {
       return "" + e;
     }
-    function o(e) {
+    function i(e) {
       try {
         s(e);
         var u = !1;
@@ -101,17 +101,17 @@ function Ee() {
       }
       if (u) {
         u = console;
-        var v = u.error, I = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return v.call(
+        var w = u.error, O = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return w.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
+          O
         ), s(e);
       }
     }
     function l(e) {
-      if (e === i) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === R)
+      if (e === V) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === F)
         return "<...>";
       try {
         var u = n(e);
@@ -120,48 +120,48 @@ function Ee() {
         return "<...>";
       }
     }
-    function a() {
-      var e = F.A;
+    function o() {
+      var e = q.A;
       return e === null ? null : e.getOwner();
     }
     function d() {
       return Error("react-stack-top-frame");
     }
-    function k(e) {
-      if (L.call(e, "key")) {
+    function E(e) {
+      if (B.call(e, "key")) {
         var u = Object.getOwnPropertyDescriptor(e, "key").get;
         if (u && u.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
     function m(e, u) {
-      function v() {
+      function w() {
         c || (c = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           u
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: v,
+      w.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function T() {
+    function S() {
       var e = n(this.type);
-      return q[e] || (q[e] = !0, console.error(
+      return R[e] || (R[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function M(e, u, v, I, Y, B, Q, f) {
-      return v = B.ref, e = {
+    function _(e, u, w, O, Y, M, Q, f) {
+      return w = M.ref, e = {
         $$typeof: h,
         type: e,
         key: u,
-        props: B,
+        props: M,
         _owner: Y
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: T
+        get: S
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,94 +184,94 @@ function Ee() {
         value: f
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function C(e, u, v, I, Y, B, Q, f) {
-      var p = u.children;
-      if (p !== void 0)
-        if (I)
-          if (H(p)) {
-            for (I = 0; I < p.length; I++)
-              V(p[I]);
-            Object.freeze && Object.freeze(p);
+    function k(e, u, w, O, Y, M, Q, f) {
+      var y = u.children;
+      if (y !== void 0)
+        if (O)
+          if (H(y)) {
+            for (O = 0; O < y.length; O++)
+              N(y[O]);
+            Object.freeze && Object.freeze(y);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else V(p);
-      if (L.call(u, "key")) {
-        p = n(e);
+        else N(y);
+      if (B.call(u, "key")) {
+        y = n(e);
         var W = Object.keys(u).filter(function(fe) {
           return fe !== "key";
         });
-        I = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", J[p + I] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", J[y + O] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          I,
-          p,
+          O,
+          y,
           W,
-          p
-        ), J[p + I] = !0);
+          y
+        ), J[y + O] = !0);
       }
-      if (p = null, v !== void 0 && (o(v), p = "" + v), k(u) && (o(u.key), p = "" + u.key), "key" in u) {
-        v = {};
+      if (y = null, w !== void 0 && (i(w), y = "" + w), E(u) && (i(u.key), y = "" + u.key), "key" in u) {
+        w = {};
         for (var K in u)
-          K !== "key" && (v[K] = u[K]);
-      } else v = u;
-      return p && m(
-        v,
+          K !== "key" && (w[K] = u[K]);
+      } else w = u;
+      return y && m(
+        w,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), M(
+      ), _(
         e,
-        p,
-        B,
+        y,
+        M,
         Y,
-        a(),
-        v,
+        o(),
+        w,
         Q,
         f
       );
     }
-    function V(e) {
+    function N(e) {
       typeof e == "object" && e !== null && e.$$typeof === h && e._store && (e._store.validated = 1);
     }
-    var j = me, h = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), w = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), F = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, H = Array.isArray, t = console.createTask ? console.createTask : function() {
+    var I = me, h = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), T = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), x = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), q = I.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, H = Array.isArray, t = console.createTask ? console.createTask : function() {
       return null;
     };
-    j = {
+    I = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var c, q = {}, E = j.react_stack_bottom_frame.bind(
-      j,
+    var c, R = {}, C = I.react_stack_bottom_frame.bind(
+      I,
       d
     )(), G = t(l(d)), J = {};
-    ee.Fragment = i, ee.jsx = function(e, u, v, I, Y) {
-      var B = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return C(
+    ee.Fragment = V, ee.jsx = function(e, u, w, O, Y) {
+      var M = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return k(
         e,
         u,
-        v,
+        w,
         !1,
-        I,
+        O,
         Y,
-        B ? Error("react-stack-top-frame") : E,
-        B ? t(l(e)) : G
+        M ? Error("react-stack-top-frame") : C,
+        M ? t(l(e)) : G
       );
-    }, ee.jsxs = function(e, u, v, I, Y) {
-      var B = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return C(
+    }, ee.jsxs = function(e, u, w, O, Y) {
+      var M = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return k(
         e,
         u,
-        v,
+        w,
         !0,
-        I,
+        O,
         Y,
-        B ? Error("react-stack-top-frame") : E,
-        B ? t(l(e)) : G
+        M ? Error("react-stack-top-frame") : C,
+        M ? t(l(e)) : G
       );
     };
   }()), ee;
@@ -284,10 +284,10 @@ var r = _e();
 const ke = ({
   variant: n = "primary",
   loading: s = !1,
-  children: o,
+  children: i,
   ...l
 }) => {
-  const a = (d) => {
+  const o = (d) => {
     switch (d) {
       case "primary":
         return "primary";
@@ -307,10 +307,10 @@ const ke = ({
     X,
     {
       ...l,
-      type: a(n),
+      type: o(n),
       loading: s,
       ghost: n === "ghost",
-      children: o
+      children: i
     }
   );
 };
@@ -361,18 +361,18 @@ ke.__docgenInfo = {
 const Ne = ({
   title: n,
   children: s,
-  bordered: o = !0,
+  bordered: i = !0,
   hoverable: l = !1,
-  size: a = "default",
+  size: o = "default",
   ...d
 }) => /* @__PURE__ */ r.jsx(
   te,
   {
     ...d,
     title: n,
-    bordered: o,
+    bordered: i,
     hoverable: l,
-    size: a,
+    size: o,
     children: s
   }
 );
@@ -431,15 +431,15 @@ const Ie = ({
   showDefaultFooter: n = !0,
   ...s
 }) => {
-  const o = s.footer !== void 0 ? s.footer : n ? (l, { OkBtn: a, CancelBtn: d }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(a, {}),
+  const i = s.footer !== void 0 ? s.footer : n ? (l, { OkBtn: o, CancelBtn: d }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(o, {}),
     /* @__PURE__ */ r.jsx(d, {})
   ] }) : null;
   return /* @__PURE__ */ r.jsx(
     ye,
     {
       ...s,
-      footer: o
+      footer: i
     }
   );
 };
@@ -507,7 +507,7 @@ Ie.__docgenInfo = {
 const Pe = ({
   scrollX: n,
   showPagination: s = !0,
-  defaultPageSize: o = 10,
+  defaultPageSize: i = 10,
   ...l
 }) => /* @__PURE__ */ r.jsx(
   le,
@@ -521,7 +521,7 @@ const Pe = ({
       hideOnSinglePage: !0,
       showSizeChanger: !0,
       showQuickJumper: !0,
-      defaultPageSize: o,
+      defaultPageSize: i,
       ...l.pagination
     } : !1
   }
@@ -581,19 +581,19 @@ const Ve = ve({
 }), Ae = ({
   name: n,
   size: s,
-  color: o,
+  color: i,
   style: l,
-  ...a
+  ...o
 }) => {
   const d = {
     fontSize: s,
-    color: o,
+    color: i,
     ...l
   };
   return /* @__PURE__ */ r.jsx(
     Ve,
     {
-      ...a,
+      ...o,
       type: n,
       style: d
     }
@@ -638,26 +638,26 @@ Ae.__docgenInfo = {
 const Oe = ({
   loading: n,
   description: s = "暂无数据",
-  className: o,
+  className: i,
   emptyChildren: l,
-  loadingText: a,
+  loadingText: o,
   emptyImage: d
 }) => n ? /* @__PURE__ */ r.jsxs(
   ae,
   {
-    className: `pt-10 w-full ${o || ""}`,
+    className: `pt-10 w-full ${i || ""}`,
     align: "center",
     justify: "center",
     vertical: !0,
     children: [
       /* @__PURE__ */ r.jsx(ge, { size: "large" }),
-      a && /* @__PURE__ */ r.jsx("div", { className: "mt-4 text-gray-500", children: a })
+      o && /* @__PURE__ */ r.jsx("div", { className: "mt-4 text-gray-500", children: o })
     ]
   }
 ) : /* @__PURE__ */ r.jsx(
   ae,
   {
-    className: `pt-10 w-full ${o || ""}`,
+    className: `pt-10 w-full ${i || ""}`,
     align: "center",
     justify: "center",
     children: /* @__PURE__ */ r.jsx(
@@ -717,16 +717,16 @@ Oe.__docgenInfo = {
 const ze = ({
   onClick: n,
   showText: s = !1,
-  className: o,
+  className: i,
   size: l = "small",
-  type: a = "default"
+  type: o = "default"
 }) => /* @__PURE__ */ r.jsx(
   X,
   {
     size: l,
-    type: a,
+    type: o,
     icon: /* @__PURE__ */ r.jsx(xe, {}),
-    className: `cursor-pointer ${o || ""}`,
+    className: `cursor-pointer ${i || ""}`,
     onClick: n,
     children: s && "返回"
   }
@@ -773,16 +773,16 @@ ze.__docgenInfo = {
 const Fe = ({
   removePadding: n = !0,
   className: s,
-  ...o
+  ...i
 }) => {
   const l = n ? `px-0 h-auto ${s || ""}` : s;
   return /* @__PURE__ */ r.jsx(
     X,
     {
       type: "link",
-      ...o,
+      ...i,
       className: l,
-      children: o.children
+      children: i.children
     }
   );
 };
@@ -826,31 +826,31 @@ Fe.__docgenInfo = {
 const { Option: Le } = ce, Be = ({
   columns: n,
   request: s,
-  searchFields: o = [],
+  searchFields: i = [],
   showSearch: l = !0,
-  showRefresh: a = !0,
+  showRefresh: o = !0,
   defaultPageSize: d = 10,
-  pageSizeOptions: k = ["10", "20", "50", "100"],
+  pageSizeOptions: E = ["10", "20", "50", "100"],
   autoLoad: m = !0,
-  externalParams: T = {},
-  ...M
+  externalParams: S = {},
+  ..._
 }) => {
-  const [C, V] = _([]), [j, h] = _(!1), [A, i] = _({
+  const [k, N] = j([]), [I, h] = j(!1), [P, V] = j({
     current: 1,
     pageSize: d,
     total: 0
-  }), [y, g] = _({}), [b, w] = _({}), [S] = re.useForm(), $ = P(A);
-  $.current = A;
-  const D = P(T);
-  D.current = T;
-  const N = P(!1), R = pe(() => n.map((t) => {
-    const { sortable: c, render: q, ...E } = t;
+  }), [a, p] = j({}), [b, T] = j({}), [g] = re.useForm(), $ = z(P);
+  $.current = P;
+  const D = z(S);
+  D.current = S;
+  const A = z(!1), F = pe(() => n.map((t) => {
+    const { sortable: c, render: R, ...C } = t;
     return {
-      ...E,
+      ...C,
       sorter: c ? !0 : void 0,
-      render: q || ((G) => G)
+      render: R || ((G) => G)
     };
-  }), [n]), O = x(async (t = {}) => {
+  }), [n]), x = v(async (t = {}) => {
     if (s) {
       h(!0);
       try {
@@ -859,13 +859,13 @@ const { Option: Le } = ce, Be = ({
           pageSize: $.current.pageSize,
           sortField: b.field,
           sortOrder: b.order,
-          searchParams: { ...y, ...D.current },
+          searchParams: { ...a, ...D.current },
           ...t
-        }, q = await s(c);
-        q.success && (V(q.data), i((E) => ({
-          ...E,
-          total: q.total,
-          current: c.page || E.current
+        }, R = await s(c);
+        R.success && (N(R.data), V((C) => ({
+          ...C,
+          total: R.total,
+          current: c.page || C.current
         })));
       } catch (c) {
         console.error("加载数据失败:", c);
@@ -873,36 +873,36 @@ const { Option: Le } = ce, Be = ({
         h(!1);
       }
     }
-  }, [s, b, y]), z = x((t) => {
-    g(t), i((c) => ({ ...c, current: 1 }));
-  }, []), F = x(() => {
-    S.resetFields(), g({}), i((t) => ({ ...t, current: 1 }));
-  }, [S]), L = x(() => {
-    O();
-  }, [O]), H = x((t, c, q) => {
-    const E = {
+  }, [s, b, a]), L = v((t) => {
+    p(t), V((c) => ({ ...c, current: 1 }));
+  }, []), q = v(() => {
+    g.resetFields(), p({}), V((t) => ({ ...t, current: 1 }));
+  }, [g]), B = v(() => {
+    x();
+  }, [x]), H = v((t, c, R) => {
+    const C = {
       current: t.current || 1,
       pageSize: t.pageSize || d,
       total: t.total || 0
     }, G = {
-      field: q?.field,
-      order: q?.order
+      field: R?.field,
+      order: R?.order
     };
-    i(E), w(G);
+    V(C), T(G);
   }, [d]);
   return U(() => {
-    const t = Object.keys(T).length > 0;
-    (m && !N.current || t) && (O(), N.current = !0);
-  }, [m, T, O]), /* @__PURE__ */ r.jsxs("div", { children: [
-    l && o.length > 0 && /* @__PURE__ */ r.jsx(te, { size: "small", style: { marginBottom: 16 }, children: /* @__PURE__ */ r.jsxs(
+    const t = Object.keys(S).length > 0;
+    (m && !A.current || t) && (x(), A.current = !0);
+  }, [m, S, x]), /* @__PURE__ */ r.jsxs("div", { children: [
+    l && i.length > 0 && /* @__PURE__ */ r.jsx(te, { size: "small", style: { marginBottom: 16 }, children: /* @__PURE__ */ r.jsxs(
       re,
       {
-        form: S,
+        form: g,
         layout: "inline",
-        onFinish: z,
-        initialValues: o.reduce((t, c) => (c.defaultValue !== void 0 && (t[c.key] = c.defaultValue), t), {}),
+        onFinish: L,
+        initialValues: i.reduce((t, c) => (c.defaultValue !== void 0 && (t[c.key] = c.defaultValue), t), {}),
         children: [
-          o.map((t) => /* @__PURE__ */ r.jsx(re.Item, { name: t.key, label: t.label, children: t.type === "input" ? /* @__PURE__ */ r.jsx(
+          i.map((t) => /* @__PURE__ */ r.jsx(re.Item, { name: t.key, label: t.label, children: t.type === "input" ? /* @__PURE__ */ r.jsx(
             ue,
             {
               placeholder: t.placeholder || `请输入${t.label}`,
@@ -919,8 +919,8 @@ const { Option: Le } = ce, Be = ({
           ) }, t.key)),
           /* @__PURE__ */ r.jsx(re.Item, { children: /* @__PURE__ */ r.jsxs(be, { children: [
             /* @__PURE__ */ r.jsx(X, { type: "primary", htmlType: "submit", icon: /* @__PURE__ */ r.jsx(Re, {}), children: "查询" }),
-            /* @__PURE__ */ r.jsx(X, { onClick: F, children: "重置" }),
-            a && /* @__PURE__ */ r.jsx(X, { icon: /* @__PURE__ */ r.jsx(Te, {}), onClick: L, children: "刷新" })
+            /* @__PURE__ */ r.jsx(X, { onClick: q, children: "重置" }),
+            o && /* @__PURE__ */ r.jsx(X, { icon: /* @__PURE__ */ r.jsx(Te, {}), onClick: B, children: "刷新" })
           ] }) })
         ]
       }
@@ -928,16 +928,16 @@ const { Option: Le } = ce, Be = ({
     /* @__PURE__ */ r.jsx(
       le,
       {
-        ...M,
-        columns: R,
-        dataSource: C,
-        loading: j,
+        ..._,
+        columns: F,
+        dataSource: k,
+        loading: I,
         pagination: {
-          ...A,
+          ...P,
           showSizeChanger: !0,
           showQuickJumper: !0,
           showTotal: (t, c) => `第 ${c[0]}-${c[1]} 条/共 ${t} 条`,
-          pageSizeOptions: k
+          pageSizeOptions: E
         },
         onChange: H,
         scroll: { x: "max-content", y: "50vh" }
@@ -1015,76 +1015,76 @@ Be.__docgenInfo = {
 const Me = ({
   texts: n = [],
   placeholder: s = "请输入内容",
-  animationSpeed: o = 100,
+  animationSpeed: i = 100,
   autoPlay: l = !0,
-  value: a,
+  value: o,
   onChange: d,
-  ...k
+  ...E
 }) => {
-  const [m, T] = _(""), [M, C] = _(0), [V, j] = _(!1), [h, A] = _(!1), [i, y] = _(!1), g = P(void 0), b = P(void 0), w = P(n), S = P(M), $ = P(h), D = P(m);
+  const [m, S] = j(""), [_, k] = j(0), [N, I] = j(!1), [h, P] = j(!1), [V, a] = j(!1), p = z(void 0), b = z(void 0), T = z(n), g = z(_), $ = z(h), D = z(m);
   U(() => {
-    w.current = n, S.current = M, $.current = h, D.current = m;
+    T.current = n, g.current = _, $.current = h, D.current = m;
   });
-  const N = x((t, c) => {
-    let q = 0;
-    y(!0);
-    const E = () => {
-      q < t.length ? (T(t.slice(0, q + 1)), q++, b.current = window.setTimeout(E, o)) : (y(!1), c?.());
+  const A = v((t, c) => {
+    let R = 0;
+    a(!0);
+    const C = () => {
+      R < t.length ? (S(t.slice(0, R + 1)), R++, b.current = window.setTimeout(C, i)) : (a(!1), c?.());
     };
-    E();
-  }, [o]), R = x((t) => {
+    C();
+  }, [i]), F = v((t) => {
     let c = D.current.length;
-    const q = () => {
-      c > 0 ? (T(D.current.slice(0, c - 1)), c--, b.current = window.setTimeout(q, o / 2)) : t?.();
+    const R = () => {
+      c > 0 ? (S(D.current.slice(0, c - 1)), c--, b.current = window.setTimeout(R, i / 2)) : t?.();
     };
-    q();
-  }, [o]), O = x(() => {
-    if (w.current.length === 0 || $.current) return;
-    j(!0);
-    const t = w.current[S.current];
-    D.current ? R(() => {
-      N(t, () => {
-        g.current = window.setTimeout(() => {
-          C((c) => (c + 1) % w.current.length), j(!1);
+    R();
+  }, [i]), x = v(() => {
+    if (T.current.length === 0 || $.current) return;
+    I(!0);
+    const t = T.current[g.current];
+    D.current ? F(() => {
+      A(t, () => {
+        p.current = window.setTimeout(() => {
+          k((c) => (c + 1) % T.current.length), I(!1);
         }, 2e3);
       });
-    }) : N(t, () => {
-      g.current = window.setTimeout(() => {
-        C((c) => (c + 1) % w.current.length), j(!1);
+    }) : A(t, () => {
+      p.current = window.setTimeout(() => {
+        k((c) => (c + 1) % T.current.length), I(!1);
       }, 2e3);
     });
-  }, [R, N]);
-  U(() => (l && n.length > 0 && !h && O(), () => {
-    g.current && window.clearTimeout(g.current), b.current && window.clearTimeout(b.current);
-  }), [M, h, l, n.length, O]), U(() => {
-    !V && l && n.length > 0 && !h && O();
-  }, [M, V, l, n.length, h, O]);
-  const z = (t) => {
-    A(!0), g.current && window.clearTimeout(g.current), b.current && window.clearTimeout(b.current), j(!1), y(!1), k.onFocus?.(t);
-  }, F = (t) => {
-    A(!1), !a && n.length > 0 && (T(""), C(0)), k.onBlur?.(t);
-  }, L = (t) => {
-    d?.(t.target.value), k.onChange?.(t);
-  }, H = () => h || a ? s : m || s;
+  }, [F, A]);
+  U(() => (l && n.length > 0 && !h && x(), () => {
+    p.current && window.clearTimeout(p.current), b.current && window.clearTimeout(b.current);
+  }), [_, h, l, n.length, x]), U(() => {
+    !N && l && n.length > 0 && !h && x();
+  }, [_, N, l, n.length, h, x]);
+  const L = (t) => {
+    P(!0), p.current && window.clearTimeout(p.current), b.current && window.clearTimeout(b.current), I(!1), a(!1), E.onFocus?.(t);
+  }, q = (t) => {
+    P(!1), !o && n.length > 0 && (S(""), k(0)), E.onBlur?.(t);
+  }, B = (t) => {
+    d?.(t.target.value), E.onChange?.(t);
+  }, H = () => h || o ? s : m || s;
   return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ r.jsx(
       ue,
       {
-        ...k,
-        value: a,
-        onChange: L,
-        onFocus: z,
-        onBlur: F,
+        ...E,
+        value: o,
+        onChange: B,
+        onFocus: L,
+        onBlur: q,
         placeholder: H(),
         style: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ...k.style,
+          ...E.style,
           position: "relative",
           zIndex: 1
         }
       }
     ),
-    !h && !a && m && /* @__PURE__ */ r.jsxs(
+    !h && !o && m && /* @__PURE__ */ r.jsxs(
       "div",
       {
         style: {
@@ -1105,7 +1105,7 @@ const Me = ({
         },
         children: [
           /* @__PURE__ */ r.jsx("span", { children: m }),
-          i && /* @__PURE__ */ r.jsx(
+          V && /* @__PURE__ */ r.jsx(
             "span",
             {
               style: {
@@ -1179,90 +1179,90 @@ const $e = ({
   // 动态文案数组，默认为空数组
   placeholder: s = "请输入内容",
   // 占位符文本
-  animationSpeed: o = 100,
+  animationSpeed: i = 100,
   // 打字机动画速度，毫秒
   autoPlay: l = !0,
   // 是否自动播放动画
-  value: a = "",
+  value: o = "",
   // 受控模式的值
   onChange: d,
   // 受控模式的变化回调
-  onSubmit: k,
+  onSubmit: E,
   // 提交回调
   maxLength: m = 500,
   // 最大字符数限制
-  showCount: T = !0,
+  showCount: S = !0,
   // 是否显示字数统计
-  submitText: M = "发送",
+  submitText: _ = "发送",
   // 提交按钮文本
-  disabled: C = !1,
+  disabled: k = !1,
   // 是否禁用组件
-  rows: V = 4,
+  rows: N = 4,
   // 文本域行数
-  style: j,
+  style: I,
   // 自定义样式
   ...h
   // 其他原生属性
 }) => {
-  const [A, i] = _(""), [y, g] = _(0), [b, w] = _(!1), [S, $] = _(!1), [D, N] = _(!1), [R, O] = _(a || ""), z = P(void 0), F = P(void 0), L = P(n), H = P(y), t = P(S), c = P(A), q = P(null);
+  const [P, V] = j(""), [a, p] = j(0), [b, T] = j(!1), [g, $] = j(!1), [D, A] = j(!1), [F, x] = j(o || ""), L = z(void 0), q = z(void 0), B = z(n), H = z(a), t = z(g), c = z(P), R = z(null);
   U(() => {
-    L.current = n, H.current = y, t.current = S, c.current = A;
+    B.current = n, H.current = a, t.current = g, c.current = P;
   });
-  const E = x((f, p) => {
+  const C = v((f, y) => {
     let W = 0;
-    N(!0);
+    A(!0);
     const K = () => {
-      W < f.length ? (i(f.slice(0, W + 1)), W++, F.current = window.setTimeout(K, o)) : (N(!1), p?.());
+      W < f.length ? (V(f.slice(0, W + 1)), W++, q.current = window.setTimeout(K, i)) : (A(!1), y?.());
     };
     K();
-  }, [o]), G = x((f) => {
-    let p = c.current.length;
+  }, [i]), G = v((f) => {
+    let y = c.current.length;
     const W = () => {
-      p > 0 ? (i(c.current.slice(0, p - 1)), p--, F.current = window.setTimeout(W, o / 2)) : f?.();
+      y > 0 ? (V(c.current.slice(0, y - 1)), y--, q.current = window.setTimeout(W, i / 2)) : f?.();
     };
     W();
-  }, [o]), J = x(() => {
-    if (L.current.length === 0 || t.current) return;
-    w(!0);
-    const f = L.current[H.current];
+  }, [i]), J = v(() => {
+    if (B.current.length === 0 || t.current) return;
+    T(!0);
+    const f = B.current[H.current];
     c.current ? G(() => {
-      E(f, () => {
-        z.current = window.setTimeout(() => {
-          g((p) => (p + 1) % L.current.length), w(!1);
+      C(f, () => {
+        L.current = window.setTimeout(() => {
+          p((y) => (y + 1) % B.current.length), T(!1);
         }, 2e3);
       });
-    }) : E(f, () => {
-      z.current = window.setTimeout(() => {
-        g((p) => (p + 1) % L.current.length), w(!1);
+    }) : C(f, () => {
+      L.current = window.setTimeout(() => {
+        p((y) => (y + 1) % B.current.length), T(!1);
       }, 2e3);
     });
-  }, [G, E]);
-  U(() => (l && n.length > 0 && !S && J(), () => {
-    z.current && window.clearTimeout(z.current), F.current && window.clearTimeout(F.current);
-  }), [y, S, l, n.length, J]), U(() => {
-    !b && l && n.length > 0 && !S && J();
-  }, [y, b, l, n.length, S, J]);
+  }, [G, C]);
+  U(() => (l && n.length > 0 && !g && J(), () => {
+    L.current && window.clearTimeout(L.current), q.current && window.clearTimeout(q.current);
+  }), [a, g, l, n.length, J]), U(() => {
+    !b && l && n.length > 0 && !g && J();
+  }, [a, b, l, n.length, g, J]);
   const e = (f) => {
-    $(!0), z.current && window.clearTimeout(z.current), F.current && window.clearTimeout(F.current), w(!1), N(!1), h.onFocus?.(f);
+    $(!0), L.current && window.clearTimeout(L.current), q.current && window.clearTimeout(q.current), T(!1), A(!1), h.onFocus?.(f);
   }, u = (f) => {
-    $(!1), !a && n.length > 0 && (i(""), g(0)), h.onBlur?.(f);
-  }, v = (f) => {
-    const p = f.target.value;
-    m && p.length > m || (d ? d(p) : O(p), h.onChange?.(f));
-  }, I = () => {
-    const f = d ? a : R;
-    f.trim() && !C && (k?.(f), d || O(""));
+    $(!1), !o && n.length > 0 && (V(""), p(0)), h.onBlur?.(f);
+  }, w = (f) => {
+    const y = f.target.value;
+    m && y.length > m || (d ? d(y) : x(y), h.onChange?.(f));
+  }, O = () => {
+    const f = d ? o : F;
+    f.trim() && !k && (E?.(f), d || x(""));
   }, Y = (f) => {
-    (f.ctrlKey || f.metaKey) && f.key === "Enter" && (f.preventDefault(), I()), h.onKeyDown?.(f);
-  }, B = d ? a : R, Q = C || !B.trim() || (m ? B.length > m : !1);
-  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", ...j }, children: [
+    (f.ctrlKey || f.metaKey) && f.key === "Enter" && (f.preventDefault(), O()), h.onKeyDown?.(f);
+  }, M = d ? o : F, Q = k || !M.trim() || (m ? M.length > m : !1);
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", ...I }, children: [
     /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ r.jsx(
         "textarea",
         {
-          ref: q,
-          value: d ? a : R,
-          onChange: v,
+          ref: R,
+          value: d ? o : F,
+          onChange: w,
           onFocus: (f) => {
             f.target.style.borderColor = "#1890ff", f.target.style.boxShadow = "0 0 0 2px rgba(24, 144, 255, 0.2)", e(f);
           },
@@ -1270,13 +1270,13 @@ const $e = ({
             f.target.style.borderColor = "#d9d9d9", f.target.style.boxShadow = "none", u(f);
           },
           onKeyDown: Y,
-          placeholder: S || B ? s : "",
+          placeholder: g || M ? s : "",
           maxLength: m,
-          rows: V,
-          disabled: C,
+          rows: N,
+          disabled: k,
           style: {
             width: "100%",
-            minHeight: `${V * 24 + 16}px`,
+            minHeight: `${N * 24 + 16}px`,
             padding: "8px 60px 8px 12px",
             // 右侧留出按钮空间
             border: "1px solid #d9d9d9",
@@ -1294,7 +1294,7 @@ const $e = ({
           ...h
         }
       ),
-      !S && !B && A && /* @__PURE__ */ r.jsxs(
+      !g && !M && P && /* @__PURE__ */ r.jsxs(
         "div",
         {
           style: {
@@ -1316,7 +1316,7 @@ const $e = ({
             lineHeight: "1.5"
           },
           children: [
-            /* @__PURE__ */ r.jsx("span", { children: A }),
+            /* @__PURE__ */ r.jsx("span", { children: P }),
             D && /* @__PURE__ */ r.jsx(
               "span",
               {
@@ -1348,7 +1348,7 @@ const $e = ({
               type: "primary",
               size: "small",
               icon: /* @__PURE__ */ r.jsx(Se, {}),
-              onClick: I,
+              onClick: O,
               disabled: Q,
               style: {
                 borderRadius: 6,
@@ -1358,13 +1358,13 @@ const $e = ({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: M
+              children: _
             }
           )
         }
       )
     ] }),
-    T && /* @__PURE__ */ r.jsxs(
+    S && /* @__PURE__ */ r.jsxs(
       "div",
       {
         style: {
@@ -1374,7 +1374,7 @@ const $e = ({
           color: "#999"
         },
         children: [
-          B.length,
+          M.length,
           "/",
           m
         ]
@@ -1477,72 +1477,72 @@ $e.__docgenInfo = {
 const de = ({
   src: n,
   poster: s,
-  width: o = 300,
+  width: i = 300,
   height: l,
-  videoWidth: a,
+  videoWidth: o,
   // 参数保留但不使用，由CSS控制
   videoHeight: d,
   // 参数保留但不使用，由CSS控制
-  showPlayButton: k = !0,
+  showPlayButton: E = !0,
   autoPlayOnHover: m = !0,
-  onClick: T,
-  onVideoLoaded: M,
-  onVideoPlay: C,
-  onVideoPause: V,
-  onVideoEnded: j,
+  onClick: S,
+  onVideoLoaded: _,
+  onVideoPlay: k,
+  onVideoPause: N,
+  onVideoEnded: I,
   className: h,
-  style: A,
-  ...i
+  style: P,
+  ...V
 }) => {
-  const y = P(null), [g, b] = _(!1), [w, S] = _(!1), [$, D] = _(!1), N = x(() => {
-    y.current && (y.current.play(), b(!0), C?.());
-  }, [C]), R = x(() => {
-    y.current && (y.current.pause(), b(!1), V?.());
-  }, [V]), O = x((E) => {
-    E.stopPropagation(), g ? R() : N();
-  }, [g, N, R]), z = x(() => {
-    S(!0), m && !g && N();
-  }, [m, g, N]), F = x(() => {
-    S(!1), m && g && R();
-  }, [m, g, R]), L = x(() => {
-    D(!0), M?.();
-  }, [M]), H = x(() => {
-    b(!0), C?.();
-  }, [C]), t = x(() => {
-    b(!1), V?.();
-  }, [V]), c = x(() => {
-    b(!1), j?.();
-  }, [j]), q = x((E) => {
-    T?.(E);
-  }, [T]);
+  const a = z(null), [p, b] = j(!1), [T, g] = j(!1), [$, D] = j(!1), A = v(() => {
+    a.current && (a.current.play(), b(!0), k?.());
+  }, [k]), F = v(() => {
+    a.current && (a.current.pause(), b(!1), N?.());
+  }, [N]), x = v((C) => {
+    C.stopPropagation(), p ? F() : A();
+  }, [p, A, F]), L = v(() => {
+    g(!0), m && !p && A();
+  }, [m, p, A]), q = v(() => {
+    g(!1), m && p && F();
+  }, [m, p, F]), B = v(() => {
+    D(!0), _?.();
+  }, [_]), H = v(() => {
+    b(!0), k?.();
+  }, [k]), t = v(() => {
+    b(!1), N?.();
+  }, [N]), c = v(() => {
+    b(!1), I?.();
+  }, [I]), R = v((C) => {
+    S?.(C);
+  }, [S]);
   return /* @__PURE__ */ r.jsx(
     te,
     {
-      ...i,
+      ...V,
       className: `video-card ${h || ""}`,
       style: {
-        width: o,
+        width: i,
         height: l,
         padding: 0,
         overflow: "hidden",
-        cursor: T ? "pointer" : "default",
+        cursor: S ? "pointer" : "default",
         border: "none",
         borderRadius: 0,
-        ...A
+        ...P
       },
       bordered: !1,
-      onMouseEnter: z,
-      onMouseLeave: F,
-      onClick: q,
+      onMouseEnter: L,
+      onMouseLeave: q,
+      onClick: R,
       children: /* @__PURE__ */ r.jsxs("div", { className: "video-card-container", children: [
         /* @__PURE__ */ r.jsx(
           "video",
           {
-            ref: y,
+            ref: a,
             src: n,
             poster: s,
             preload: "metadata",
-            onLoadedData: L,
+            onLoadedData: B,
             onPlay: H,
             onPause: t,
             onEnded: c,
@@ -1550,12 +1550,12 @@ const de = ({
             loop: !0
           }
         ),
-        k && /* @__PURE__ */ r.jsx(
+        E && /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: `video-play-button ${w ? "hovered" : ""}`,
-            onClick: O,
-            children: g ? /* @__PURE__ */ r.jsx(qe, { className: "play-icon" }) : /* @__PURE__ */ r.jsx(Ce, { className: "play-icon" })
+            className: `video-play-button ${T ? "hovered" : ""}`,
+            onClick: x,
+            children: p ? /* @__PURE__ */ r.jsx(qe, { className: "play-icon" }) : /* @__PURE__ */ r.jsx(Ce, { className: "play-icon" })
           }
         ),
         !$ && /* @__PURE__ */ r.jsx("div", { className: "video-loading-mask", children: /* @__PURE__ */ r.jsx("div", { className: "loading-spinner" }) })
@@ -1664,12 +1664,12 @@ de.__docgenInfo = {
     }
   }
 };
-const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mkv"].some((o) => n.toLowerCase().includes(o)), We = (n) => n.type ? n.type : De(n.url) ? "video" : "image", He = ({
+const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mkv"].some((i) => n.toLowerCase().includes(i)), We = (n) => n.type ? n.type : De(n.url) ? "video" : "image", He = ({
   items: n,
   columns: s,
-  gap: o = 0,
+  gap: i = 0,
   responsive: l = !0,
-  breakpoints: a = {
+  breakpoints: o = {
     xs: 1,
     sm: 2,
     md: 3,
@@ -1678,71 +1678,77 @@ const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mk
     xxl: 6
   },
   className: d,
-  style: k
+  style: E,
+  onClick: m
 }) => {
-  const m = P(null), [T, M] = _(s || a.md || 3), C = P(/* @__PURE__ */ new Map()), V = x(() => {
+  const S = z(null), [_, k] = j(s || o.md || 3), N = z(/* @__PURE__ */ new Map()), I = v(() => {
     if (!l || s)
-      return s || a.md || 3;
-    const i = window.innerWidth;
-    return i < 576 ? a.xs || 1 : i < 768 ? a.sm || 2 : i < 992 ? a.md || 3 : i < 1200 ? a.lg || 4 : i < 1600 ? a.xl || 5 : a.xxl || 6;
-  }, [l, s, a]), j = x(() => {
-    if (!m.current) return;
-    const i = T, y = m.current, b = (y.offsetWidth - o * (i - 1)) / i, w = new Array(i).fill(0);
-    n.forEach(($, D) => {
-      const N = $.id || D, R = C.current.get(N);
-      if (!R) return;
-      const O = Math.min(...w), z = w.indexOf(O), F = z * (b + o), L = w[z];
-      R.style.position = "absolute", R.style.left = `${F}px`, R.style.top = `${L}px`, R.style.width = `${b}px`, w[z] += R.offsetHeight + o;
+      return s || o.md || 3;
+    const a = window.innerWidth;
+    return a < 576 ? o.xs || 1 : a < 768 ? o.sm || 2 : a < 992 ? o.md || 3 : a < 1200 ? o.lg || 4 : a < 1600 ? o.xl || 5 : o.xxl || 6;
+  }, [l, s, o]), h = v(() => {
+    if (!S.current) return;
+    const a = _, p = S.current, T = (p.offsetWidth - i * (a - 1)) / a, g = new Array(a).fill(0);
+    n.forEach((D, A) => {
+      const F = D.id || A, x = N.current.get(F);
+      if (!x) return;
+      const L = Math.min(...g), q = g.indexOf(L), B = q * (T + i), H = g[q];
+      x.style.position = "absolute", x.style.left = `${B}px`, x.style.top = `${H}px`, x.style.width = `${T}px`, g[q] += x.offsetHeight + i;
     });
-    const S = Math.max(...w);
-    y.style.height = `${S}px`;
-  }, [n, T, o]);
+    const $ = Math.max(...g);
+    p.style.height = `${$}px`;
+  }, [n, _, i]);
   U(() => {
-    const i = () => {
-      const y = V();
-      y !== T && M(y);
+    const a = () => {
+      const p = I();
+      p !== _ && k(p);
     };
     if (l)
-      return window.addEventListener("resize", i), i(), () => window.removeEventListener("resize", i);
-  }, [l, V, T]), U(() => {
-    const i = setTimeout(() => {
-      j();
+      return window.addEventListener("resize", a), a(), () => window.removeEventListener("resize", a);
+  }, [l, I, _]), U(() => {
+    const a = setTimeout(() => {
+      h();
     }, 100);
-    return () => clearTimeout(i);
-  }, [n, T, j]);
-  const h = x(() => {
-    j();
-  }, [j]), A = x((i) => {
-    i.onClick?.(i);
-  }, []);
+    return () => clearTimeout(a);
+  }, [n, _, h]);
+  const P = v(() => {
+    h();
+  }, [h]), V = v((a) => {
+    m && m(a), a.onClick?.(a);
+  }, [m]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: m,
+      ref: S,
       className: `waterfall-container ${d || ""}`,
       style: {
         position: "relative",
         width: "100%",
-        ...k
+        ...E
       },
-      children: n.map((i, y) => {
-        const g = i.id || y, b = We(i);
+      children: n.map((a, p) => {
+        const b = a.id || p, T = We(a);
         return /* @__PURE__ */ r.jsx(
           "div",
           {
-            ref: (w) => {
-              w ? C.current.set(g, w) : C.current.delete(g);
+            ref: (g) => {
+              g ? N.current.set(b, g) : N.current.delete(b);
             },
             className: "waterfall-item",
-            children: b === "video" ? /* @__PURE__ */ r.jsx("div", { style: { width: "100%", position: "relative", paddingBottom: "56.25%" }, children: /* @__PURE__ */ r.jsx("div", { style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx(
+            children: T === "video" ? /* @__PURE__ */ r.jsx("div", { style: {
+              width: "100%",
+              position: "relative",
+              paddingBottom: "56.25%",
+              cursor: m || a.onClick ? "pointer" : "default"
+            }, children: /* @__PURE__ */ r.jsx("div", { style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx(
               de,
               {
-                src: i.url,
-                poster: i.poster,
+                src: a.url,
+                poster: a.poster,
                 width: "100%",
                 height: "100%",
-                onClick: () => A(i),
-                onVideoLoaded: h,
+                onClick: () => V(a),
+                onVideoLoaded: P,
                 autoPlayOnHover: !0,
                 showPlayButton: !1
               }
@@ -1750,21 +1756,23 @@ const De = (n) => [".mp4", ".webm", ".ogg", ".mov", ".avi", ".wmv", ".flv", ".mk
               "div",
               {
                 className: "waterfall-image-wrapper",
-                onClick: () => A(i),
+                onClick: () => V(a),
+                style: { cursor: m || a.onClick ? "pointer" : "default" },
                 children: /* @__PURE__ */ r.jsx(
                   "img",
                   {
-                    src: i.url,
-                    alt: `瀑布流图片 ${y + 1}`,
+                    src: a.url,
+                    alt: `瀑布流图片 ${p + 1}`,
                     className: "waterfall-image",
-                    onLoad: h,
-                    onError: h
+                    onLoad: P,
+                    onError: P,
+                    style: { display: "block", width: "100%", height: "auto" }
                   }
                 )
               }
             )
           },
-          g
+          b
         );
       })
     }
@@ -1817,6 +1825,12 @@ He.__docgenInfo = {
       required: !1,
       description: "自定义样式",
       type: { name: "CSSProperties", raw: "React.CSSProperties" }
+    },
+    onClick: {
+      name: "onClick",
+      required: !1,
+      description: "点击回调",
+      type: { name: "function", raw: "(item: any) => void" }
     }
   }
 };