bi-components-library 1.0.0 → 1.0.1

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import fe, { useState as R, useRef as v, useMemo as me, useCallback as M, useEffect as J } from "react";
-import { Button as X, Card as se, Modal as pe, Table as le, Flex as te, Spin as ge, Empty as ye, Select as ce, Form as re, Input as ue, Space as he, theme as be } from "antd";
-import { createFromIconfontCN as we, LeftOutlined as xe, SearchOutlined as ve, ReloadOutlined as Re, SendOutlined as Te } from "@ant-design/icons";
+import me, { useState as _, useRef as P, useMemo as pe, useCallback as x, 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 = {};
 /**
  * @license React
@@ -11,27 +11,27 @@ var ne = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ae;
-function Se() {
-  if (ae) return Z;
-  ae = 1;
-  var t = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
-  function i(c, s, u) {
-    var T = null;
-    if (u !== void 0 && (T = "" + u), s.key !== void 0 && (T = "" + s.key), "key" in s) {
-      u = {};
-      for (var p in s)
-        p !== "key" && (u[p] = s[p]);
-    } else u = s;
-    return s = u.ref, {
-      $$typeof: t,
-      type: c,
-      key: T,
-      ref: s !== void 0 ? s : null,
-      props: u
+var oe;
+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) {
+      d = {};
+      for (var m in a)
+        m !== "key" && (d[m] = a[m]);
+    } else d = a;
+    return a = d.ref, {
+      $$typeof: n,
+      type: l,
+      key: k,
+      ref: a !== void 0 ? a : null,
+      props: d
     };
   }
-  return Z.Fragment = d, Z.jsx = i, Z.jsxs = i, Z;
+  return Z.Fragment = s, Z.jsx = o, Z.jsxs = o, Z;
 }
 var ee = {};
 /**
@@ -43,125 +43,125 @@ var ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var oe;
-function _e() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(e) {
+var ie;
+function Ee() {
+  return ie || (ie = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === z ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case E:
+        case i:
           return "Fragment";
-        case S:
+        case g:
           return "Profiler";
-        case I:
+        case y:
           return "StrictMode";
-        case B:
+        case $:
           return "Suspense";
         case D:
           return "SuspenseList";
-        case k:
+        case O:
           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 N:
+          case A:
             return "Portal";
-          case j:
+          case w:
             return (e.displayName || "Context") + ".Provider";
-          case _:
-            return (e._context.displayName || "Context") + ".Consumer";
           case b:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case V:
-            return a = e.displayName || null, a !== null ? a : t(e.type) || "Memo";
-          case L:
-            a = e._payload, e = e._init;
+            return (e._context.displayName || "Context") + ".Consumer";
+          case S:
+            var u = e.render;
+            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case N:
+            return u = e.displayName || null, u !== null ? u : n(e.type) || "Memo";
+          case R:
+            u = e._payload, e = e._init;
             try {
-              return t(e(a));
+              return n(e(u));
             } catch {
             }
         }
       return null;
     }
-    function d(e) {
+    function s(e) {
       return "" + e;
     }
-    function i(e) {
+    function o(e) {
       try {
-        d(e);
-        var a = !1;
+        s(e);
+        var u = !1;
       } catch {
-        a = !0;
+        u = !0;
       }
-      if (a) {
-        a = console;
-        var m = a.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return m.call(
-          a,
+      if (u) {
+        u = console;
+        var v = u.error, I = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return v.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
-        ), d(e);
+          I
+        ), s(e);
       }
     }
-    function c(e) {
-      if (e === E) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function l(e) {
+      if (e === i) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === R)
         return "<...>";
       try {
-        var a = t(e);
-        return a ? "<" + a + ">" : "<...>";
+        var u = n(e);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = q.A;
+    function a() {
+      var e = F.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function d() {
       return Error("react-stack-top-frame");
     }
-    function T(e) {
-      if (F.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function k(e) {
+      if (L.call(e, "key")) {
+        var u = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function p(e, a) {
-      function m() {
-        o || (o = !0, console.error(
+    function m(e, u) {
+      function v() {
+        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)",
-          a
+          u
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: m,
+      v.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function O() {
-      var e = t(this.type);
-      return y[e] || (y[e] = !0, console.error(
+    function T() {
+      var e = n(this.type);
+      return q[e] || (q[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 $(e, a, m, h, W, x, Q, l) {
-      return m = x.ref, e = {
-        $$typeof: g,
+    function M(e, u, v, I, Y, B, Q, f) {
+      return v = B.ref, e = {
+        $$typeof: h,
         type: e,
-        key: a,
-        props: x,
-        _owner: W
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
+        key: u,
+        props: B,
+        _owner: Y
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: O
+        get: T
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -181,114 +181,114 @@ function _e() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: l
+        value: f
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, a, m, h, W, x, Q, l) {
-      var f = a.children;
-      if (f !== void 0)
-        if (h)
-          if (G(f)) {
-            for (h = 0; h < f.length; h++)
-              Y(f[h]);
-            Object.freeze && Object.freeze(f);
+    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);
           } 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 Y(f);
-      if (F.call(a, "key")) {
-        f = t(e);
-        var A = Object.keys(a).filter(function(de) {
-          return de !== "key";
+        else V(p);
+      if (L.call(u, "key")) {
+        p = n(e);
+        var W = Object.keys(u).filter(function(fe) {
+          return fe !== "key";
         });
-        h = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", U[f + h] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", J[p + I] || (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} />`,
-          h,
-          f,
-          A,
-          f
-        ), U[f + h] = !0);
+          I,
+          p,
+          W,
+          p
+        ), J[p + I] = !0);
       }
-      if (f = null, m !== void 0 && (i(m), f = "" + m), T(a) && (i(a.key), f = "" + a.key), "key" in a) {
-        m = {};
-        for (var K in a)
-          K !== "key" && (m[K] = a[K]);
-      } else m = a;
-      return f && p(
-        m,
+      if (p = null, v !== void 0 && (o(v), p = "" + v), k(u) && (o(u.key), p = "" + u.key), "key" in u) {
+        v = {};
+        for (var K in u)
+          K !== "key" && (v[K] = u[K]);
+      } else v = u;
+      return p && m(
+        v,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), $(
+      ), M(
         e,
-        f,
-        x,
-        W,
-        s(),
-        m,
+        p,
+        B,
+        Y,
+        a(),
+        v,
         Q,
-        l
+        f
       );
     }
-    function Y(e) {
-      typeof e == "object" && e !== null && e.$$typeof === g && e._store && (e._store.validated = 1);
+    function V(e) {
+      typeof e == "object" && e !== null && e.$$typeof === h && e._store && (e._store.validated = 1);
     }
-    var C = fe, g = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), j = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), q = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, G = Array.isArray, r = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    C = {
+    j = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var o, y = {}, w = C.react_stack_bottom_frame.bind(
-      C,
-      u
-    )(), H = r(c(u)), U = {};
-    ee.Fragment = E, ee.jsx = function(e, a, m, h, W) {
-      var x = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return P(
+    var c, q = {}, E = j.react_stack_bottom_frame.bind(
+      j,
+      d
+    )(), G = t(l(d)), J = {};
+    ee.Fragment = i, ee.jsx = function(e, u, v, I, Y) {
+      var B = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return C(
         e,
-        a,
-        m,
+        u,
+        v,
         !1,
-        h,
-        W,
-        x ? Error("react-stack-top-frame") : w,
-        x ? r(c(e)) : H
+        I,
+        Y,
+        B ? Error("react-stack-top-frame") : E,
+        B ? t(l(e)) : G
       );
-    }, ee.jsxs = function(e, a, m, h, W) {
-      var x = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return P(
+    }, ee.jsxs = function(e, u, v, I, Y) {
+      var B = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return C(
         e,
-        a,
-        m,
+        u,
+        v,
         !0,
-        h,
-        W,
-        x ? Error("react-stack-top-frame") : w,
-        x ? r(c(e)) : H
+        I,
+        Y,
+        B ? Error("react-stack-top-frame") : E,
+        B ? t(l(e)) : G
       );
     };
   }()), ee;
 }
-var ie;
-function Ee() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? ne.exports = Se() : ne.exports = _e()), ne.exports;
+var se;
+function _e() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? ne.exports = je() : ne.exports = Ee()), ne.exports;
 }
-var n = Ee();
-const je = ({
-  variant: t = "primary",
-  loading: d = !1,
-  children: i,
-  ...c
+var r = _e();
+const ke = ({
+  variant: n = "primary",
+  loading: s = !1,
+  children: o,
+  ...l
 }) => {
-  const s = (u) => {
-    switch (u) {
+  const a = (d) => {
+    switch (d) {
       case "primary":
         return "primary";
       case "ghost":
@@ -303,18 +303,18 @@ const je = ({
         return "primary";
     }
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ r.jsx(
     X,
     {
-      ...c,
-      type: s(t),
-      loading: d,
-      ghost: t === "ghost",
-      children: i
+      ...l,
+      type: a(n),
+      loading: s,
+      ghost: n === "ghost",
+      children: o
     }
   );
 };
-je.__docgenInfo = {
+ke.__docgenInfo = {
   displayName: "Button",
   description: "基础按钮，用于触发操作",
   props: {
@@ -358,25 +358,25 @@ je.__docgenInfo = {
     }
   }
 };
-const ke = ({
-  title: t,
-  children: d,
-  bordered: i = !0,
-  hoverable: c = !1,
-  size: s = "default",
-  ...u
-}) => /* @__PURE__ */ n.jsx(
-  se,
+const Ne = ({
+  title: n,
+  children: s,
+  bordered: o = !0,
+  hoverable: l = !1,
+  size: a = "default",
+  ...d
+}) => /* @__PURE__ */ r.jsx(
+  te,
   {
-    ...u,
-    title: t,
-    bordered: i,
-    hoverable: c,
-    size: s,
-    children: d
+    ...d,
+    title: n,
+    bordered: o,
+    hoverable: l,
+    size: a,
+    children: s
   }
 );
-ke.__docgenInfo = {
+Ne.__docgenInfo = {
   displayName: "Card",
   description: "卡片容器，用于分组内容",
   props: {
@@ -427,23 +427,23 @@ ke.__docgenInfo = {
     }
   }
 };
-const qe = ({
-  showDefaultFooter: t = !0,
-  ...d
+const Ie = ({
+  showDefaultFooter: n = !0,
+  ...s
 }) => {
-  const i = d.footer !== void 0 ? d.footer : t ? (c, { OkBtn: s, CancelBtn: u }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(s, {}),
-    /* @__PURE__ */ n.jsx(u, {})
+  const o = s.footer !== void 0 ? s.footer : n ? (l, { OkBtn: a, CancelBtn: d }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(a, {}),
+    /* @__PURE__ */ r.jsx(d, {})
   ] }) : null;
-  return /* @__PURE__ */ n.jsx(
-    pe,
+  return /* @__PURE__ */ r.jsx(
+    ye,
     {
-      ...d,
-      footer: i
+      ...s,
+      footer: o
     }
   );
 };
-qe.__docgenInfo = {
+Ie.__docgenInfo = {
   displayName: "AppModal",
   description: "应用级模态框组件，基于 Ant Design Modal 封装",
   props: {
@@ -504,29 +504,29 @@ qe.__docgenInfo = {
     }
   }
 };
-const Ce = ({
-  scrollX: t,
-  showPagination: d = !0,
-  defaultPageSize: i = 10,
-  ...c
-}) => /* @__PURE__ */ n.jsx(
+const Pe = ({
+  scrollX: n,
+  showPagination: s = !0,
+  defaultPageSize: o = 10,
+  ...l
+}) => /* @__PURE__ */ r.jsx(
   le,
   {
-    ...c,
+    ...l,
     scroll: {
-      x: t || "max-content",
+      x: n || "max-content",
       y: "50vh"
     },
-    pagination: d ? {
+    pagination: s ? {
       hideOnSinglePage: !0,
       showSizeChanger: !0,
       showQuickJumper: !0,
-      defaultPageSize: i,
-      ...c.pagination
+      defaultPageSize: o,
+      ...l.pagination
     } : !1
   }
 );
-Ce.__docgenInfo = {
+Pe.__docgenInfo = {
   displayName: "PageTable",
   description: "页面级表格组件，高度铺满容器，自动滚动",
   props: {
@@ -576,30 +576,30 @@ Ce.__docgenInfo = {
     }
   }
 };
-const Ne = we({
+const Ve = ve({
   scriptUrl: ["https://at.alicdn.com/t/c/font_4968458_eh91gfr4j9e.js"]
-}), Ie = ({
-  name: t,
-  size: d,
-  color: i,
-  style: c,
-  ...s
+}), Ae = ({
+  name: n,
+  size: s,
+  color: o,
+  style: l,
+  ...a
 }) => {
-  const u = {
-    fontSize: d,
-    color: i,
-    ...c
+  const d = {
+    fontSize: s,
+    color: o,
+    ...l
   };
-  return /* @__PURE__ */ n.jsx(
-    Ne,
+  return /* @__PURE__ */ r.jsx(
+    Ve,
     {
-      ...s,
-      type: t,
-      style: u
+      ...a,
+      type: n,
+      style: d
     }
   );
 };
-Ie.__docgenInfo = {
+Ae.__docgenInfo = {
   displayName: "XcIcon",
   description: "自定义图标组件，基于 iconfont",
   props: {
@@ -635,43 +635,43 @@ Ie.__docgenInfo = {
     }
   }
 };
-const Ae = ({
-  loading: t,
-  description: d = "暂无数据",
-  className: i,
-  emptyChildren: c,
-  loadingText: s,
-  emptyImage: u
-}) => t ? /* @__PURE__ */ n.jsxs(
-  te,
+const Oe = ({
+  loading: n,
+  description: s = "暂无数据",
+  className: o,
+  emptyChildren: l,
+  loadingText: a,
+  emptyImage: d
+}) => n ? /* @__PURE__ */ r.jsxs(
+  ae,
   {
-    className: `pt-10 w-full ${i || ""}`,
+    className: `pt-10 w-full ${o || ""}`,
     align: "center",
     justify: "center",
     vertical: !0,
     children: [
-      /* @__PURE__ */ n.jsx(ge, { size: "large" }),
-      s && /* @__PURE__ */ n.jsx("div", { className: "mt-4 text-gray-500", children: s })
+      /* @__PURE__ */ r.jsx(ge, { size: "large" }),
+      a && /* @__PURE__ */ r.jsx("div", { className: "mt-4 text-gray-500", children: a })
     ]
   }
-) : /* @__PURE__ */ n.jsx(
-  te,
+) : /* @__PURE__ */ r.jsx(
+  ae,
   {
-    className: `pt-10 w-full ${i || ""}`,
+    className: `pt-10 w-full ${o || ""}`,
     align: "center",
     justify: "center",
-    children: /* @__PURE__ */ n.jsx(
-      ye,
+    children: /* @__PURE__ */ r.jsx(
+      he,
       {
-        image: u,
-        description: d,
+        image: d,
+        description: s,
         imageStyle: { height: 180 },
-        children: c
+        children: l
       }
     )
   }
 );
-Ae.__docgenInfo = {
+Oe.__docgenInfo = {
   displayName: "EmptyAndSpin",
   description: "空状态和加载状态组合组件",
   props: {
@@ -714,24 +714,24 @@ Ae.__docgenInfo = {
     }
   }
 };
-const Oe = ({
-  onClick: t,
-  showText: d = !1,
-  className: i,
-  size: c = "small",
-  type: s = "default"
-}) => /* @__PURE__ */ n.jsx(
+const ze = ({
+  onClick: n,
+  showText: s = !1,
+  className: o,
+  size: l = "small",
+  type: a = "default"
+}) => /* @__PURE__ */ r.jsx(
   X,
   {
-    size: c,
-    type: s,
-    icon: /* @__PURE__ */ n.jsx(xe, {}),
-    className: `cursor-pointer ${i || ""}`,
-    onClick: t,
-    children: d && "返回"
+    size: l,
+    type: a,
+    icon: /* @__PURE__ */ r.jsx(xe, {}),
+    className: `cursor-pointer ${o || ""}`,
+    onClick: n,
+    children: s && "返回"
   }
 );
-Oe.__docgenInfo = {
+ze.__docgenInfo = {
   displayName: "BackButton",
   description: "返回按钮组件",
   props: {
@@ -770,23 +770,23 @@ Oe.__docgenInfo = {
     }
   }
 };
-const Pe = ({
-  removePadding: t = !0,
-  className: d,
-  ...i
+const Fe = ({
+  removePadding: n = !0,
+  className: s,
+  ...o
 }) => {
-  const c = t ? `px-0 h-auto ${d || ""}` : d;
-  return /* @__PURE__ */ n.jsx(
+  const l = n ? `px-0 h-auto ${s || ""}` : s;
+  return /* @__PURE__ */ r.jsx(
     X,
     {
       type: "link",
-      ...i,
-      className: c,
-      children: i.children
+      ...o,
+      className: l,
+      children: o.children
     }
   );
 };
-Pe.__docgenInfo = {
+Fe.__docgenInfo = {
   displayName: "LinkButton",
   description: "链接样式按钮组件，适用于表格操作列",
   props: {
@@ -823,129 +823,129 @@ Pe.__docgenInfo = {
     }
   }
 };
-const { Option: Ve } = ce, ze = ({
-  columns: t,
-  request: d,
-  searchFields: i = [],
-  showSearch: c = !0,
-  showRefresh: s = !0,
-  defaultPageSize: u = 10,
-  pageSizeOptions: T = ["10", "20", "50", "100"],
-  autoLoad: p = !0,
-  externalParams: O = {},
-  ...$
+const { Option: Le } = ce, Be = ({
+  columns: n,
+  request: s,
+  searchFields: o = [],
+  showSearch: l = !0,
+  showRefresh: a = !0,
+  defaultPageSize: d = 10,
+  pageSizeOptions: k = ["10", "20", "50", "100"],
+  autoLoad: m = !0,
+  externalParams: T = {},
+  ...M
 }) => {
-  const [P, Y] = R([]), [C, g] = R(!1), [N, E] = R({
+  const [C, V] = _([]), [j, h] = _(!1), [A, i] = _({
     current: 1,
-    pageSize: u,
+    pageSize: d,
     total: 0
-  }), [I, S] = R({}), [_, j] = R({}), [b] = re.useForm(), B = v(N);
-  B.current = N;
-  const D = v(O);
-  D.current = O;
-  const V = v(!1), L = me(() => t.map((r) => {
-    const { sortable: o, render: y, ...w } = r;
+  }), [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;
     return {
-      ...w,
-      sorter: o ? !0 : void 0,
-      render: y || ((H) => H)
+      ...E,
+      sorter: c ? !0 : void 0,
+      render: q || ((G) => G)
     };
-  }), [t]), k = M(async (r = {}) => {
-    if (d) {
-      g(!0);
+  }), [n]), O = x(async (t = {}) => {
+    if (s) {
+      h(!0);
       try {
-        const o = {
-          page: B.current.current,
-          pageSize: B.current.pageSize,
-          sortField: _.field,
-          sortOrder: _.order,
-          searchParams: { ...I, ...D.current },
-          ...r
-        }, y = await d(o);
-        y.success && (Y(y.data), E((w) => ({
-          ...w,
-          total: y.total,
-          current: o.page || w.current
+        const c = {
+          page: $.current.current,
+          pageSize: $.current.pageSize,
+          sortField: b.field,
+          sortOrder: b.order,
+          searchParams: { ...y, ...D.current },
+          ...t
+        }, q = await s(c);
+        q.success && (V(q.data), i((E) => ({
+          ...E,
+          total: q.total,
+          current: c.page || E.current
         })));
-      } catch (o) {
-        console.error("加载数据失败:", o);
+      } catch (c) {
+        console.error("加载数据失败:", c);
       } finally {
-        g(!1);
+        h(!1);
       }
     }
-  }, [d, _, I]), z = M((r) => {
-    S(r), E((o) => ({ ...o, current: 1 }));
-  }, []), q = M(() => {
-    b.resetFields(), S({}), E((r) => ({ ...r, current: 1 }));
-  }, [b]), F = M(() => {
-    k();
-  }, [k]), G = M((r, o, y) => {
-    const w = {
-      current: r.current || 1,
-      pageSize: r.pageSize || u,
-      total: r.total || 0
-    }, H = {
-      field: y?.field,
-      order: y?.order
+  }, [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 = {
+      current: t.current || 1,
+      pageSize: t.pageSize || d,
+      total: t.total || 0
+    }, G = {
+      field: q?.field,
+      order: q?.order
     };
-    E(w), j(H);
-  }, [u]);
-  return J(() => {
-    const r = Object.keys(O).length > 0;
-    (p && !V.current || r) && (k(), V.current = !0);
-  }, [p, O, k]), /* @__PURE__ */ n.jsxs("div", { children: [
-    c && i.length > 0 && /* @__PURE__ */ n.jsx(se, { size: "small", style: { marginBottom: 16 }, children: /* @__PURE__ */ n.jsxs(
+    i(E), w(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(
       re,
       {
-        form: b,
+        form: S,
         layout: "inline",
         onFinish: z,
-        initialValues: i.reduce((r, o) => (o.defaultValue !== void 0 && (r[o.key] = o.defaultValue), r), {}),
+        initialValues: o.reduce((t, c) => (c.defaultValue !== void 0 && (t[c.key] = c.defaultValue), t), {}),
         children: [
-          i.map((r) => /* @__PURE__ */ n.jsx(re.Item, { name: r.key, label: r.label, children: r.type === "input" ? /* @__PURE__ */ n.jsx(
+          o.map((t) => /* @__PURE__ */ r.jsx(re.Item, { name: t.key, label: t.label, children: t.type === "input" ? /* @__PURE__ */ r.jsx(
             ue,
             {
-              placeholder: r.placeholder || `请输入${r.label}`,
+              placeholder: t.placeholder || `请输入${t.label}`,
               style: { width: 200 }
             }
-          ) : /* @__PURE__ */ n.jsx(
+          ) : /* @__PURE__ */ r.jsx(
             ce,
             {
-              placeholder: r.placeholder || `请选择${r.label}`,
+              placeholder: t.placeholder || `请选择${t.label}`,
               style: { width: 200 },
               allowClear: !0,
-              children: r.options?.map((o) => /* @__PURE__ */ n.jsx(Ve, { value: o.value, children: o.label }, o.value))
+              children: t.options?.map((c) => /* @__PURE__ */ r.jsx(Le, { value: c.value, children: c.label }, c.value))
             }
-          ) }, r.key)),
-          /* @__PURE__ */ n.jsx(re.Item, { children: /* @__PURE__ */ n.jsxs(he, { children: [
-            /* @__PURE__ */ n.jsx(X, { type: "primary", htmlType: "submit", icon: /* @__PURE__ */ n.jsx(ve, {}), children: "查询" }),
-            /* @__PURE__ */ n.jsx(X, { onClick: q, children: "重置" }),
-            s && /* @__PURE__ */ n.jsx(X, { icon: /* @__PURE__ */ n.jsx(Re, {}), onClick: F, children: "刷新" })
+          ) }, 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__ */ n.jsx(
+    /* @__PURE__ */ r.jsx(
       le,
       {
-        ...$,
-        columns: L,
-        dataSource: P,
-        loading: C,
+        ...M,
+        columns: R,
+        dataSource: C,
+        loading: j,
         pagination: {
-          ...N,
+          ...A,
           showSizeChanger: !0,
           showQuickJumper: !0,
-          showTotal: (r, o) => `第 ${o[0]}-${o[1]} 条/共 ${r} 条`,
-          pageSizeOptions: T
+          showTotal: (t, c) => `第 ${c[0]}-${c[1]} 条/共 ${t} 条`,
+          pageSizeOptions: k
         },
-        onChange: G,
+        onChange: H,
         scroll: { x: "max-content", y: "50vh" }
       }
     )
   ] });
 };
-ze.__docgenInfo = {
+Be.__docgenInfo = {
   displayName: "AdvancedTable",
   description: "高阶表格组件，支持异步请求、搜索、排序等功能",
   props: {
@@ -1012,79 +1012,79 @@ ze.__docgenInfo = {
     }
   }
 };
-const Fe = ({
-  texts: t = [],
-  placeholder: d = "请输入内容",
-  animationSpeed: i = 100,
-  autoPlay: c = !0,
-  value: s,
-  onChange: u,
-  ...T
+const Me = ({
+  texts: n = [],
+  placeholder: s = "请输入内容",
+  animationSpeed: o = 100,
+  autoPlay: l = !0,
+  value: a,
+  onChange: d,
+  ...k
 }) => {
-  const [p, O] = R(""), [$, P] = R(0), [Y, C] = R(!1), [g, N] = R(!1), [E, I] = R(!1), S = v(void 0), _ = v(void 0), j = v(t), b = v($), B = v(g), D = v(p);
-  J(() => {
-    j.current = t, b.current = $, B.current = g, D.current = p;
+  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);
+  U(() => {
+    w.current = n, S.current = M, $.current = h, D.current = m;
   });
-  const V = M((r, o) => {
-    let y = 0;
-    I(!0);
-    const w = () => {
-      y < r.length ? (O(r.slice(0, y + 1)), y++, _.current = window.setTimeout(w, i)) : (I(!1), o?.());
+  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?.());
     };
-    w();
-  }, [i]), L = M((r) => {
-    let o = D.current.length;
-    const y = () => {
-      o > 0 ? (O(D.current.slice(0, o - 1)), o--, _.current = window.setTimeout(y, i / 2)) : r?.();
+    E();
+  }, [o]), R = x((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?.();
     };
-    y();
-  }, [i]), k = M(() => {
-    if (j.current.length === 0 || B.current) return;
-    C(!0);
-    const r = j.current[b.current];
-    D.current ? L(() => {
-      V(r, () => {
-        S.current = window.setTimeout(() => {
-          P((o) => (o + 1) % j.current.length), C(!1);
+    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);
         }, 2e3);
       });
-    }) : V(r, () => {
-      S.current = window.setTimeout(() => {
-        P((o) => (o + 1) % j.current.length), C(!1);
+    }) : N(t, () => {
+      g.current = window.setTimeout(() => {
+        C((c) => (c + 1) % w.current.length), j(!1);
       }, 2e3);
     });
-  }, [L, V]);
-  J(() => (c && t.length > 0 && !g && k(), () => {
-    S.current && window.clearTimeout(S.current), _.current && window.clearTimeout(_.current);
-  }), [$, g, c, t.length, k]), J(() => {
-    !Y && c && t.length > 0 && !g && k();
-  }, [$, Y, c, t.length, g, k]);
-  const z = (r) => {
-    N(!0), S.current && window.clearTimeout(S.current), _.current && window.clearTimeout(_.current), C(!1), I(!1), T.onFocus?.(r);
-  }, q = (r) => {
-    N(!1), !s && t.length > 0 && (O(""), P(0)), T.onBlur?.(r);
-  }, F = (r) => {
-    u?.(r.target.value), T.onChange?.(r);
-  }, G = () => g || s ? d : p || d;
-  return /* @__PURE__ */ n.jsxs("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ n.jsx(
+  }, [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;
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ r.jsx(
       ue,
       {
-        ...T,
-        value: s,
-        onChange: F,
+        ...k,
+        value: a,
+        onChange: L,
         onFocus: z,
-        onBlur: q,
-        placeholder: G(),
+        onBlur: F,
+        placeholder: H(),
         style: {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ...T.style,
+          ...k.style,
           position: "relative",
           zIndex: 1
         }
       }
     ),
-    !g && !s && p && /* @__PURE__ */ n.jsxs(
+    !h && !a && m && /* @__PURE__ */ r.jsxs(
       "div",
       {
         style: {
@@ -1104,8 +1104,8 @@ const Fe = ({
           fontFamily: "inherit"
         },
         children: [
-          /* @__PURE__ */ n.jsx("span", { children: p }),
-          E && /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ r.jsx("span", { children: m }),
+          i && /* @__PURE__ */ r.jsx(
             "span",
             {
               style: {
@@ -1121,7 +1121,7 @@ const Fe = ({
         ]
       }
     ),
-    /* @__PURE__ */ n.jsx("style", { children: `
+    /* @__PURE__ */ r.jsx("style", { children: `
           @keyframes blink {
             0%, 50% { opacity: 1; }
             51%, 100% { opacity: 0; }
@@ -1129,7 +1129,7 @@ const Fe = ({
         ` })
   ] });
 };
-Fe.__docgenInfo = {
+Me.__docgenInfo = {
   displayName: "DynamicInput",
   description: "动态文案输入框组件，支持流式文字动画效果",
   props: {
@@ -1174,109 +1174,109 @@ Fe.__docgenInfo = {
     }
   }
 };
-const Be = ({
-  texts: t = [],
+const $e = ({
+  texts: n = [],
   // 动态文案数组，默认为空数组
-  placeholder: d = "请输入内容",
+  placeholder: s = "请输入内容",
   // 占位符文本
-  animationSpeed: i = 100,
+  animationSpeed: o = 100,
   // 打字机动画速度，毫秒
-  autoPlay: c = !0,
+  autoPlay: l = !0,
   // 是否自动播放动画
-  value: s = "",
+  value: a = "",
   // 受控模式的值
-  onChange: u,
+  onChange: d,
   // 受控模式的变化回调
-  onSubmit: T,
+  onSubmit: k,
   // 提交回调
-  maxLength: p = 500,
+  maxLength: m = 500,
   // 最大字符数限制
-  showCount: O = !0,
+  showCount: T = !0,
   // 是否显示字数统计
-  submitText: $ = "发送",
+  submitText: M = "发送",
   // 提交按钮文本
-  disabled: P = !1,
+  disabled: C = !1,
   // 是否禁用组件
-  rows: Y = 4,
+  rows: V = 4,
   // 文本域行数
-  style: C,
+  style: j,
   // 自定义样式
-  ...g
+  ...h
   // 其他原生属性
 }) => {
-  const [N, E] = R(""), [I, S] = R(0), [_, j] = R(!1), [b, B] = R(!1), [D, V] = R(!1), [L, k] = R(s || ""), z = v(void 0), q = v(void 0), F = v(t), G = v(I), r = v(b), o = v(N), y = v(null);
-  J(() => {
-    F.current = t, G.current = I, r.current = b, o.current = N;
+  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);
+  U(() => {
+    L.current = n, H.current = y, t.current = S, c.current = A;
   });
-  const w = M((l, f) => {
-    let A = 0;
-    V(!0);
+  const E = x((f, p) => {
+    let W = 0;
+    N(!0);
     const K = () => {
-      A < l.length ? (E(l.slice(0, A + 1)), A++, q.current = window.setTimeout(K, i)) : (V(!1), f?.());
+      W < f.length ? (i(f.slice(0, W + 1)), W++, F.current = window.setTimeout(K, o)) : (N(!1), p?.());
     };
     K();
-  }, [i]), H = M((l) => {
-    let f = o.current.length;
-    const A = () => {
-      f > 0 ? (E(o.current.slice(0, f - 1)), f--, q.current = window.setTimeout(A, i / 2)) : l?.();
+  }, [o]), G = x((f) => {
+    let p = c.current.length;
+    const W = () => {
+      p > 0 ? (i(c.current.slice(0, p - 1)), p--, F.current = window.setTimeout(W, o / 2)) : f?.();
     };
-    A();
-  }, [i]), U = M(() => {
-    if (F.current.length === 0 || r.current) return;
-    j(!0);
-    const l = F.current[G.current];
-    o.current ? H(() => {
-      w(l, () => {
+    W();
+  }, [o]), J = x(() => {
+    if (L.current.length === 0 || t.current) return;
+    w(!0);
+    const f = L.current[H.current];
+    c.current ? G(() => {
+      E(f, () => {
         z.current = window.setTimeout(() => {
-          S((f) => (f + 1) % F.current.length), j(!1);
+          g((p) => (p + 1) % L.current.length), w(!1);
         }, 2e3);
       });
-    }) : w(l, () => {
+    }) : E(f, () => {
       z.current = window.setTimeout(() => {
-        S((f) => (f + 1) % F.current.length), j(!1);
+        g((p) => (p + 1) % L.current.length), w(!1);
       }, 2e3);
     });
-  }, [H, w]);
-  J(() => (c && t.length > 0 && !b && U(), () => {
-    z.current && window.clearTimeout(z.current), q.current && window.clearTimeout(q.current);
-  }), [I, b, c, t.length, U]), J(() => {
-    !_ && c && t.length > 0 && !b && U();
-  }, [I, _, c, t.length, b, U]);
-  const e = (l) => {
-    B(!0), z.current && window.clearTimeout(z.current), q.current && window.clearTimeout(q.current), j(!1), V(!1), g.onFocus?.(l);
-  }, a = (l) => {
-    B(!1), !s && t.length > 0 && (E(""), S(0)), g.onBlur?.(l);
-  }, m = (l) => {
-    const f = l.target.value;
-    p && f.length > p || (u ? u(f) : k(f), g.onChange?.(l));
-  }, h = () => {
-    const l = u ? s : L;
-    l.trim() && !P && (T?.(l), u || k(""));
-  }, W = (l) => {
-    (l.ctrlKey || l.metaKey) && l.key === "Enter" && (l.preventDefault(), h()), g.onKeyDown?.(l);
-  }, x = u ? s : L, Q = P || !x.trim() || (p ? x.length > p : !1);
-  return /* @__PURE__ */ n.jsxs("div", { style: { position: "relative", ...C }, children: [
-    /* @__PURE__ */ n.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ n.jsx(
+  }, [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]);
+  const e = (f) => {
+    $(!0), z.current && window.clearTimeout(z.current), F.current && window.clearTimeout(F.current), w(!1), N(!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(""));
+  }, 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: [
+    /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ r.jsx(
         "textarea",
         {
-          ref: y,
-          value: u ? s : L,
-          onChange: m,
-          onFocus: (l) => {
-            l.target.style.borderColor = "#1890ff", l.target.style.boxShadow = "0 0 0 2px rgba(24, 144, 255, 0.2)", e(l);
+          ref: q,
+          value: d ? a : R,
+          onChange: v,
+          onFocus: (f) => {
+            f.target.style.borderColor = "#1890ff", f.target.style.boxShadow = "0 0 0 2px rgba(24, 144, 255, 0.2)", e(f);
           },
-          onBlur: (l) => {
-            l.target.style.borderColor = "#d9d9d9", l.target.style.boxShadow = "none", a(l);
+          onBlur: (f) => {
+            f.target.style.borderColor = "#d9d9d9", f.target.style.boxShadow = "none", u(f);
           },
-          onKeyDown: W,
-          placeholder: b || x ? d : "",
-          maxLength: p,
-          rows: Y,
-          disabled: P,
+          onKeyDown: Y,
+          placeholder: S || B ? s : "",
+          maxLength: m,
+          rows: V,
+          disabled: C,
           style: {
             width: "100%",
-            minHeight: `${Y * 24 + 16}px`,
+            minHeight: `${V * 24 + 16}px`,
             padding: "8px 60px 8px 12px",
             // 右侧留出按钮空间
             border: "1px solid #d9d9d9",
@@ -1289,12 +1289,12 @@ const Be = ({
             transition: "border-color 0.3s, box-shadow 0.3s",
             backgroundColor: "#fff",
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            ...g.style
+            ...h.style
           },
-          ...g
+          ...h
         }
       ),
-      !b && !x && N && /* @__PURE__ */ n.jsxs(
+      !S && !B && A && /* @__PURE__ */ r.jsxs(
         "div",
         {
           style: {
@@ -1316,8 +1316,8 @@ const Be = ({
             lineHeight: "1.5"
           },
           children: [
-            /* @__PURE__ */ n.jsx("span", { children: N }),
-            D && /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ r.jsx("span", { children: A }),
+            D && /* @__PURE__ */ r.jsx(
               "span",
               {
                 style: {
@@ -1333,7 +1333,7 @@ const Be = ({
           ]
         }
       ),
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ r.jsx(
         "div",
         {
           style: {
@@ -1342,13 +1342,13 @@ const Be = ({
             right: 8,
             zIndex: 3
           },
-          children: /* @__PURE__ */ n.jsx(
+          children: /* @__PURE__ */ r.jsx(
             X,
             {
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ n.jsx(Te, {}),
-              onClick: h,
+              icon: /* @__PURE__ */ r.jsx(Se, {}),
+              onClick: I,
               disabled: Q,
               style: {
                 borderRadius: 6,
@@ -1358,13 +1358,13 @@ const Be = ({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: $
+              children: M
             }
           )
         }
       )
     ] }),
-    O && /* @__PURE__ */ n.jsxs(
+    T && /* @__PURE__ */ r.jsxs(
       "div",
       {
         style: {
@@ -1374,13 +1374,13 @@ const Be = ({
           color: "#999"
         },
         children: [
-          x.length,
+          B.length,
           "/",
-          p
+          m
         ]
       }
     ),
-    /* @__PURE__ */ n.jsx("style", { children: `
+    /* @__PURE__ */ r.jsx("style", { children: `
           @keyframes blink {
             0%, 50% { opacity: 1; }
             51%, 100% { opacity: 0; }
@@ -1388,7 +1388,7 @@ const Be = ({
         ` })
   ] });
 };
-Be.__docgenInfo = {
+$e.__docgenInfo = {
   displayName: "DynamicTextArea",
   description: "动态文案文本域组件，支持流式文字动画效果",
   props: {
@@ -1474,8 +1474,354 @@ Be.__docgenInfo = {
     }
   }
 };
-const $e = {
-  algorithm: be.defaultAlgorithm,
+const de = ({
+  src: n,
+  poster: s,
+  width: o = 300,
+  height: l,
+  videoWidth: a,
+  // 参数保留但不使用，由CSS控制
+  videoHeight: d,
+  // 参数保留但不使用，由CSS控制
+  showPlayButton: k = !0,
+  autoPlayOnHover: m = !0,
+  onClick: T,
+  onVideoLoaded: M,
+  onVideoPlay: C,
+  onVideoPause: V,
+  onVideoEnded: j,
+  className: h,
+  style: A,
+  ...i
+}) => {
+  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]);
+  return /* @__PURE__ */ r.jsx(
+    te,
+    {
+      ...i,
+      className: `video-card ${h || ""}`,
+      style: {
+        width: o,
+        height: l,
+        padding: 0,
+        overflow: "hidden",
+        cursor: T ? "pointer" : "default",
+        border: "none",
+        borderRadius: 0,
+        ...A
+      },
+      bordered: !1,
+      onMouseEnter: z,
+      onMouseLeave: F,
+      onClick: q,
+      children: /* @__PURE__ */ r.jsxs("div", { className: "video-card-container", children: [
+        /* @__PURE__ */ r.jsx(
+          "video",
+          {
+            ref: y,
+            src: n,
+            poster: s,
+            preload: "metadata",
+            onLoadedData: L,
+            onPlay: H,
+            onPause: t,
+            onEnded: c,
+            muted: !0,
+            loop: !0
+          }
+        ),
+        k && /* @__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" })
+          }
+        ),
+        !$ && /* @__PURE__ */ r.jsx("div", { className: "video-loading-mask", children: /* @__PURE__ */ r.jsx("div", { className: "loading-spinner" }) })
+      ] })
+    }
+  );
+};
+de.__docgenInfo = {
+  displayName: "VideoCard",
+  description: "视频卡片组件，支持鼠标悬浮播放控制",
+  props: {
+    src: {
+      name: "src",
+      required: !0,
+      description: "视频源地址",
+      type: { name: "string", raw: "string" }
+    },
+    poster: {
+      name: "poster",
+      required: !1,
+      description: "视频海报图片",
+      type: { name: "string", raw: "string" }
+    },
+    width: {
+      name: "width",
+      required: !1,
+      description: "卡片宽度",
+      type: { name: "number | string", raw: "number | string" },
+      defaultValue: { value: "300" }
+    },
+    height: {
+      name: "height",
+      required: !1,
+      description: "卡片高度",
+      type: { name: "number | string", raw: "number | string" }
+    },
+    videoWidth: {
+      name: "videoWidth",
+      required: !1,
+      description: "视频宽度",
+      type: { name: "number | string", raw: "number | string" },
+      defaultValue: { value: '"100%"' }
+    },
+    videoHeight: {
+      name: "videoHeight",
+      required: !1,
+      description: "视频高度",
+      type: { name: "number | string", raw: "number | string" },
+      defaultValue: { value: '"100%"' }
+    },
+    showPlayButton: {
+      name: "showPlayButton",
+      required: !1,
+      description: "是否显示播放按钮",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    autoPlayOnHover: {
+      name: "autoPlayOnHover",
+      required: !1,
+      description: "是否自动播放（鼠标悬浮时）",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    onClick: {
+      name: "onClick",
+      required: !1,
+      description: "点击事件",
+      type: { name: "function", raw: "(event: React.MouseEvent<HTMLDivElement>) => void" }
+    },
+    onVideoLoaded: {
+      name: "onVideoLoaded",
+      required: !1,
+      description: "视频加载完成事件",
+      type: { name: "function", raw: "() => void" }
+    },
+    onVideoPlay: {
+      name: "onVideoPlay",
+      required: !1,
+      description: "视频播放事件",
+      type: { name: "function", raw: "() => void" }
+    },
+    onVideoPause: {
+      name: "onVideoPause",
+      required: !1,
+      description: "视频暂停事件",
+      type: { name: "function", raw: "() => void" }
+    },
+    onVideoEnded: {
+      name: "onVideoEnded",
+      required: !1,
+      description: "视频结束事件",
+      type: { name: "function", raw: "() => void" }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义样式类名",
+      type: { name: "string", raw: "string" }
+    },
+    style: {
+      name: "style",
+      required: !1,
+      description: "自定义样式",
+      type: { name: "CSSProperties", raw: "React.CSSProperties" }
+    }
+  }
+};
+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 = ({
+  items: n,
+  columns: s,
+  gap: o = 0,
+  responsive: l = !0,
+  breakpoints: a = {
+    xs: 1,
+    sm: 2,
+    md: 3,
+    lg: 4,
+    xl: 5,
+    xxl: 6
+  },
+  className: d,
+  style: k
+}) => {
+  const m = P(null), [T, M] = _(s || a.md || 3), C = P(/* @__PURE__ */ new Map()), V = x(() => {
+    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;
+    });
+    const S = Math.max(...w);
+    y.style.height = `${S}px`;
+  }, [n, T, o]);
+  U(() => {
+    const i = () => {
+      const y = V();
+      y !== T && M(y);
+    };
+    if (l)
+      return window.addEventListener("resize", i), i(), () => window.removeEventListener("resize", i);
+  }, [l, V, T]), U(() => {
+    const i = setTimeout(() => {
+      j();
+    }, 100);
+    return () => clearTimeout(i);
+  }, [n, T, j]);
+  const h = x(() => {
+    j();
+  }, [j]), A = x((i) => {
+    i.onClick?.(i);
+  }, []);
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      ref: m,
+      className: `waterfall-container ${d || ""}`,
+      style: {
+        position: "relative",
+        width: "100%",
+        ...k
+      },
+      children: n.map((i, y) => {
+        const g = i.id || y, b = We(i);
+        return /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            ref: (w) => {
+              w ? C.current.set(g, w) : C.current.delete(g);
+            },
+            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(
+              de,
+              {
+                src: i.url,
+                poster: i.poster,
+                width: "100%",
+                height: "100%",
+                onClick: () => A(i),
+                onVideoLoaded: h,
+                autoPlayOnHover: !0,
+                showPlayButton: !1
+              }
+            ) }) }) : /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: "waterfall-image-wrapper",
+                onClick: () => A(i),
+                children: /* @__PURE__ */ r.jsx(
+                  "img",
+                  {
+                    src: i.url,
+                    alt: `瀑布流图片 ${y + 1}`,
+                    className: "waterfall-image",
+                    onLoad: h,
+                    onError: h
+                  }
+                )
+              }
+            )
+          },
+          g
+        );
+      })
+    }
+  );
+};
+He.__docgenInfo = {
+  displayName: "Waterfall",
+  description: "瀑布流布局组件，支持图片和视频混合展示",
+  props: {
+    items: {
+      name: "items",
+      required: !0,
+      description: "媒体资源数组",
+      type: { name: "WaterfallItem[]", raw: "WaterfallItem[]" }
+    },
+    columns: {
+      name: "columns",
+      required: !1,
+      description: "列数（默认会根据屏幕宽度自动响应）",
+      type: { name: "number", raw: "number" }
+    },
+    gap: {
+      name: "gap",
+      required: !1,
+      description: "间隔大小",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "0" }
+    },
+    responsive: {
+      name: "responsive",
+      required: !1,
+      description: "是否启用响应式布局",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    breakpoints: {
+      name: "breakpoints",
+      required: !1,
+      description: "响应式断点配置",
+      type: { name: "object", raw: "{ xs?: number; sm?: number; md?: number; lg?: number; xl?: number; xxl?: number; }" }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义类名",
+      type: { name: "string", raw: "string" }
+    },
+    style: {
+      name: "style",
+      required: !1,
+      description: "自定义样式",
+      type: { name: "CSSProperties", raw: "React.CSSProperties" }
+    }
+  }
+};
+const Je = {
+  algorithm: we.defaultAlgorithm,
   token: {
     // 主色
     colorPrimary: "#3b82f6",
@@ -1541,17 +1887,19 @@ const $e = {
   }
 };
 export {
-  ze as AdvancedTable,
-  qe as AppModal,
-  Oe as BackButton,
-  je as Button,
-  ke as Card,
-  Fe as DynamicInput,
-  Be as DynamicTextArea,
-  Ae as EmptyAndSpin,
-  Pe as LinkButton,
-  Ce as PageTable,
-  Ie as XcIcon,
-  $e as lightTheme
+  Be as AdvancedTable,
+  Ie as AppModal,
+  ze as BackButton,
+  ke as Button,
+  Ne as Card,
+  Me as DynamicInput,
+  $e as DynamicTextArea,
+  Oe as EmptyAndSpin,
+  Fe as LinkButton,
+  Pe as PageTable,
+  de as VideoCard,
+  He as Waterfall,
+  Ae as XcIcon,
+  Je as lightTheme
 };
 //# sourceMappingURL=index.es.js.map