bi-components-library 1.0.0

package/dist/index.es.js

@@ -0,0 +1,1557 @@
+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";
+var ne = { exports: {} }, Z = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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
+    };
+  }
+  return Z.Fragment = d, Z.jsx = i, Z.jsxs = i, Z;
+}
+var ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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) {
+      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:
+          return "Fragment";
+        case S:
+          return "Profiler";
+        case I:
+          return "StrictMode";
+        case B:
+          return "Suspense";
+        case D:
+          return "SuspenseList";
+        case k:
+          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:
+            return "Portal";
+          case j:
+            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;
+            try {
+              return t(e(a));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function d(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        d(e);
+        var a = !1;
+      } catch {
+        a = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          h
+        ), d(e);
+      }
+    }
+    function c(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === L)
+        return "<...>";
+      try {
+        var a = t(e);
+        return a ? "<" + a + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = q.A;
+      return e === null ? null : e.getOwner();
+    }
+    function u() {
+      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;
+      }
+      return e.key !== void 0;
+    }
+    function p(e, a) {
+      function m() {
+        o || (o = !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
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function O() {
+      var e = t(this.type);
+      return y[e] || (y[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,
+        type: e,
+        key: a,
+        props: x,
+        _owner: W
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: O
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Q
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: l
+      }), 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);
+          } 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";
+        });
+        h = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", U[f + h] || (A = 0 < A.length ? "{" + A.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);
+      }
+      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,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), $(
+        e,
+        f,
+        x,
+        W,
+        s(),
+        m,
+        Q,
+        l
+      );
+    }
+    function Y(e) {
+      typeof e == "object" && e !== null && e.$$typeof === g && 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() {
+      return null;
+    };
+    C = {
+      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(
+        e,
+        a,
+        m,
+        !1,
+        h,
+        W,
+        x ? Error("react-stack-top-frame") : w,
+        x ? r(c(e)) : H
+      );
+    }, ee.jsxs = function(e, a, m, h, W) {
+      var x = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        a,
+        m,
+        !0,
+        h,
+        W,
+        x ? Error("react-stack-top-frame") : w,
+        x ? r(c(e)) : H
+      );
+    };
+  }()), ee;
+}
+var ie;
+function Ee() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? ne.exports = Se() : ne.exports = _e()), ne.exports;
+}
+var n = Ee();
+const je = ({
+  variant: t = "primary",
+  loading: d = !1,
+  children: i,
+  ...c
+}) => {
+  const s = (u) => {
+    switch (u) {
+      case "primary":
+        return "primary";
+      case "ghost":
+        return "default";
+      case "dashed":
+        return "dashed";
+      case "link":
+        return "link";
+      case "text":
+        return "text";
+      default:
+        return "primary";
+    }
+  };
+  return /* @__PURE__ */ n.jsx(
+    X,
+    {
+      ...c,
+      type: s(t),
+      loading: d,
+      ghost: t === "ghost",
+      children: i
+    }
+  );
+};
+je.__docgenInfo = {
+  displayName: "Button",
+  description: "基础按钮，用于触发操作",
+  props: {
+    variant: {
+      name: "variant",
+      required: !1,
+      description: "视觉风格",
+      type: { name: "ButtonVariant", raw: '"primary" | "ghost" | "dashed" | "link" | "text"' },
+      defaultValue: { value: '"primary"' }
+    },
+    loading: {
+      name: "loading",
+      required: !1,
+      description: "是否加载中",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "false" }
+    },
+    children: {
+      name: "children",
+      required: !1,
+      description: "按钮内容",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    size: {
+      name: "size",
+      required: !1,
+      description: "按钮大小",
+      type: { name: "ButtonSize", raw: '"small" | "middle" | "large"' }
+    },
+    disabled: {
+      name: "disabled",
+      required: !1,
+      description: "是否禁用",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    onClick: {
+      name: "onClick",
+      required: !1,
+      description: "点击事件",
+      type: { name: "function", raw: "(event: MouseEvent) => void" }
+    }
+  }
+};
+const ke = ({
+  title: t,
+  children: d,
+  bordered: i = !0,
+  hoverable: c = !1,
+  size: s = "default",
+  ...u
+}) => /* @__PURE__ */ n.jsx(
+  se,
+  {
+    ...u,
+    title: t,
+    bordered: i,
+    hoverable: c,
+    size: s,
+    children: d
+  }
+);
+ke.__docgenInfo = {
+  displayName: "Card",
+  description: "卡片容器，用于分组内容",
+  props: {
+    title: {
+      name: "title",
+      required: !1,
+      description: "标题",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    children: {
+      name: "children",
+      required: !1,
+      description: "内容区域",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    bordered: {
+      name: "bordered",
+      required: !1,
+      description: "是否显示边框",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    hoverable: {
+      name: "hoverable",
+      required: !1,
+      description: "是否可悬停",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "false" }
+    },
+    size: {
+      name: "size",
+      required: !1,
+      description: "卡片大小",
+      type: { name: "CardSize", raw: '"default" | "small"' },
+      defaultValue: { value: '"default"' }
+    },
+    loading: {
+      name: "loading",
+      required: !1,
+      description: "是否加载中",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    actions: {
+      name: "actions",
+      required: !1,
+      description: "卡片操作组",
+      type: { name: "ReactNode[]", raw: "React.ReactNode[]" }
+    }
+  }
+};
+const qe = ({
+  showDefaultFooter: t = !0,
+  ...d
+}) => {
+  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, {})
+  ] }) : null;
+  return /* @__PURE__ */ n.jsx(
+    pe,
+    {
+      ...d,
+      footer: i
+    }
+  );
+};
+qe.__docgenInfo = {
+  displayName: "AppModal",
+  description: "应用级模态框组件，基于 Ant Design Modal 封装",
+  props: {
+    showDefaultFooter: {
+      name: "showDefaultFooter",
+      required: !1,
+      description: "是否显示默认的确定和取消按钮",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    title: {
+      name: "title",
+      required: !1,
+      description: "模态框标题",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    open: {
+      name: "open",
+      required: !1,
+      description: "是否显示模态框",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    onCancel: {
+      name: "onCancel",
+      required: !1,
+      description: "取消按钮点击事件",
+      type: { name: "function", raw: "(e: React.MouseEvent<HTMLElement>) => void" }
+    },
+    onOk: {
+      name: "onOk",
+      required: !1,
+      description: "确定按钮点击事件",
+      type: { name: "function", raw: "(e: React.MouseEvent<HTMLElement>) => void" }
+    },
+    children: {
+      name: "children",
+      required: !1,
+      description: "模态框内容",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    width: {
+      name: "width",
+      required: !1,
+      description: "模态框宽度",
+      type: { name: "string | number", raw: "string | number" }
+    },
+    centered: {
+      name: "centered",
+      required: !1,
+      description: "是否居中显示",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    maskClosable: {
+      name: "maskClosable",
+      required: !1,
+      description: "点击蒙层是否允许关闭",
+      type: { name: "boolean", raw: "boolean" }
+    }
+  }
+};
+const Ce = ({
+  scrollX: t,
+  showPagination: d = !0,
+  defaultPageSize: i = 10,
+  ...c
+}) => /* @__PURE__ */ n.jsx(
+  le,
+  {
+    ...c,
+    scroll: {
+      x: t || "max-content",
+      y: "50vh"
+    },
+    pagination: d ? {
+      hideOnSinglePage: !0,
+      showSizeChanger: !0,
+      showQuickJumper: !0,
+      defaultPageSize: i,
+      ...c.pagination
+    } : !1
+  }
+);
+Ce.__docgenInfo = {
+  displayName: "PageTable",
+  description: "页面级表格组件，高度铺满容器，自动滚动",
+  props: {
+    scrollX: {
+      name: "scrollX",
+      required: !1,
+      description: "水平滚动宽度",
+      type: { name: "number", raw: "number" }
+    },
+    showPagination: {
+      name: "showPagination",
+      required: !1,
+      description: "是否显示分页器",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    defaultPageSize: {
+      name: "defaultPageSize",
+      required: !1,
+      description: "默认页面大小",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "10" }
+    },
+    columns: {
+      name: "columns",
+      required: !1,
+      description: "表格列配置",
+      type: { name: "ColumnType[]", raw: "ColumnType<any>[]" }
+    },
+    dataSource: {
+      name: "dataSource",
+      required: !1,
+      description: "数据源",
+      type: { name: "any[]", raw: "any[]" }
+    },
+    loading: {
+      name: "loading",
+      required: !1,
+      description: "是否加载中",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    rowKey: {
+      name: "rowKey",
+      required: !1,
+      description: "行数据的 Key",
+      type: { name: "string | function", raw: "string | ((record: any) => string)" }
+    }
+  }
+};
+const Ne = we({
+  scriptUrl: ["https://at.alicdn.com/t/c/font_4968458_eh91gfr4j9e.js"]
+}), Ie = ({
+  name: t,
+  size: d,
+  color: i,
+  style: c,
+  ...s
+}) => {
+  const u = {
+    fontSize: d,
+    color: i,
+    ...c
+  };
+  return /* @__PURE__ */ n.jsx(
+    Ne,
+    {
+      ...s,
+      type: t,
+      style: u
+    }
+  );
+};
+Ie.__docgenInfo = {
+  displayName: "XcIcon",
+  description: "自定义图标组件，基于 iconfont",
+  props: {
+    name: {
+      name: "name",
+      required: !0,
+      description: "图标名称",
+      type: { name: "string", raw: "string" }
+    },
+    size: {
+      name: "size",
+      required: !1,
+      description: "图标大小",
+      type: { name: "number | string", raw: "number | string" }
+    },
+    color: {
+      name: "color",
+      required: !1,
+      description: "图标颜色",
+      type: { name: "string", raw: "string" }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义类名",
+      type: { name: "string", raw: "string" }
+    },
+    style: {
+      name: "style",
+      required: !1,
+      description: "自定义样式",
+      type: { name: "CSSProperties", raw: "React.CSSProperties" }
+    }
+  }
+};
+const Ae = ({
+  loading: t,
+  description: d = "暂无数据",
+  className: i,
+  emptyChildren: c,
+  loadingText: s,
+  emptyImage: u
+}) => t ? /* @__PURE__ */ n.jsxs(
+  te,
+  {
+    className: `pt-10 w-full ${i || ""}`,
+    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__ */ n.jsx(
+  te,
+  {
+    className: `pt-10 w-full ${i || ""}`,
+    align: "center",
+    justify: "center",
+    children: /* @__PURE__ */ n.jsx(
+      ye,
+      {
+        image: u,
+        description: d,
+        imageStyle: { height: 180 },
+        children: c
+      }
+    )
+  }
+);
+Ae.__docgenInfo = {
+  displayName: "EmptyAndSpin",
+  description: "空状态和加载状态组合组件",
+  props: {
+    loading: {
+      name: "loading",
+      required: !0,
+      description: "是否加载中",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    description: {
+      name: "description",
+      required: !1,
+      description: "空状态描述",
+      type: { name: "ReactNode", raw: "React.ReactNode" },
+      defaultValue: { value: '"暂无数据"' }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义类名",
+      type: { name: "string", raw: "string" }
+    },
+    emptyChildren: {
+      name: "emptyChildren",
+      required: !1,
+      description: "空状态额外内容",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    loadingText: {
+      name: "loadingText",
+      required: !1,
+      description: "加载中提示文字",
+      type: { name: "string", raw: "string" }
+    },
+    emptyImage: {
+      name: "emptyImage",
+      required: !1,
+      description: "空状态图片",
+      type: { name: "string", raw: "string" }
+    }
+  }
+};
+const Oe = ({
+  onClick: t,
+  showText: d = !1,
+  className: i,
+  size: c = "small",
+  type: s = "default"
+}) => /* @__PURE__ */ n.jsx(
+  X,
+  {
+    size: c,
+    type: s,
+    icon: /* @__PURE__ */ n.jsx(xe, {}),
+    className: `cursor-pointer ${i || ""}`,
+    onClick: t,
+    children: d && "返回"
+  }
+);
+Oe.__docgenInfo = {
+  displayName: "BackButton",
+  description: "返回按钮组件",
+  props: {
+    onClick: {
+      name: "onClick",
+      required: !1,
+      description: "点击事件",
+      type: { name: "function", raw: "() => void" }
+    },
+    showText: {
+      name: "showText",
+      required: !1,
+      description: "是否显示文字",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "false" }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义类名",
+      type: { name: "string", raw: "string" }
+    },
+    size: {
+      name: "size",
+      required: !1,
+      description: "按钮大小",
+      type: { name: "ButtonSize", raw: '"small" | "middle" | "large"' },
+      defaultValue: { value: '"small"' }
+    },
+    type: {
+      name: "type",
+      required: !1,
+      description: "按钮类型",
+      type: { name: "ButtonType", raw: '"primary" | "default" | "dashed" | "link" | "text"' },
+      defaultValue: { value: '"default"' }
+    }
+  }
+};
+const Pe = ({
+  removePadding: t = !0,
+  className: d,
+  ...i
+}) => {
+  const c = t ? `px-0 h-auto ${d || ""}` : d;
+  return /* @__PURE__ */ n.jsx(
+    X,
+    {
+      type: "link",
+      ...i,
+      className: c,
+      children: i.children
+    }
+  );
+};
+Pe.__docgenInfo = {
+  displayName: "LinkButton",
+  description: "链接样式按钮组件，适用于表格操作列",
+  props: {
+    removePadding: {
+      name: "removePadding",
+      required: !1,
+      description: "是否去除默认内边距",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    children: {
+      name: "children",
+      required: !1,
+      description: "按钮内容",
+      type: { name: "ReactNode", raw: "React.ReactNode" }
+    },
+    onClick: {
+      name: "onClick",
+      required: !1,
+      description: "点击事件",
+      type: { name: "function", raw: "(event: React.MouseEvent<HTMLButtonElement>) => void" }
+    },
+    disabled: {
+      name: "disabled",
+      required: !1,
+      description: "是否禁用",
+      type: { name: "boolean", raw: "boolean" }
+    },
+    className: {
+      name: "className",
+      required: !1,
+      description: "自定义类名",
+      type: { name: "string", raw: "string" }
+    }
+  }
+};
+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 [P, Y] = R([]), [C, g] = R(!1), [N, E] = R({
+    current: 1,
+    pageSize: u,
+    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;
+    return {
+      ...w,
+      sorter: o ? !0 : void 0,
+      render: y || ((H) => H)
+    };
+  }), [t]), k = M(async (r = {}) => {
+    if (d) {
+      g(!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
+        })));
+      } catch (o) {
+        console.error("加载数据失败:", o);
+      } finally {
+        g(!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
+    };
+    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(
+      re,
+      {
+        form: b,
+        layout: "inline",
+        onFinish: z,
+        initialValues: i.reduce((r, o) => (o.defaultValue !== void 0 && (r[o.key] = o.defaultValue), r), {}),
+        children: [
+          i.map((r) => /* @__PURE__ */ n.jsx(re.Item, { name: r.key, label: r.label, children: r.type === "input" ? /* @__PURE__ */ n.jsx(
+            ue,
+            {
+              placeholder: r.placeholder || `请输入${r.label}`,
+              style: { width: 200 }
+            }
+          ) : /* @__PURE__ */ n.jsx(
+            ce,
+            {
+              placeholder: r.placeholder || `请选择${r.label}`,
+              style: { width: 200 },
+              allowClear: !0,
+              children: r.options?.map((o) => /* @__PURE__ */ n.jsx(Ve, { value: o.value, children: o.label }, o.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: "刷新" })
+          ] }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n.jsx(
+      le,
+      {
+        ...$,
+        columns: L,
+        dataSource: P,
+        loading: C,
+        pagination: {
+          ...N,
+          showSizeChanger: !0,
+          showQuickJumper: !0,
+          showTotal: (r, o) => `第 ${o[0]}-${o[1]} 条/共 ${r} 条`,
+          pageSizeOptions: T
+        },
+        onChange: G,
+        scroll: { x: "max-content", y: "50vh" }
+      }
+    )
+  ] });
+};
+ze.__docgenInfo = {
+  displayName: "AdvancedTable",
+  description: "高阶表格组件，支持异步请求、搜索、排序等功能",
+  props: {
+    columns: {
+      name: "columns",
+      required: !0,
+      description: "列配置",
+      type: { name: "AdvancedColumnType[]", raw: "AdvancedColumnType<any>[]" }
+    },
+    request: {
+      name: "request",
+      required: !1,
+      description: "异步请求函数",
+      type: { name: "function", raw: "(params: RequestParams) => Promise<RequestResponse>" }
+    },
+    searchFields: {
+      name: "searchFields",
+      required: !1,
+      description: "搜索字段配置",
+      type: { name: "SearchFieldConfig[]", raw: "SearchFieldConfig[]" },
+      defaultValue: { value: "[]" }
+    },
+    showSearch: {
+      name: "showSearch",
+      required: !1,
+      description: "是否显示搜索区域",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    showRefresh: {
+      name: "showRefresh",
+      required: !1,
+      description: "是否显示刷新按钮",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    defaultPageSize: {
+      name: "defaultPageSize",
+      required: !1,
+      description: "默认页面大小",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "10" }
+    },
+    pageSizeOptions: {
+      name: "pageSizeOptions",
+      required: !1,
+      description: "页面大小选项",
+      type: { name: "string[]", raw: "string[]" },
+      defaultValue: { value: '["10", "20", "50", "100"]' }
+    },
+    autoLoad: {
+      name: "autoLoad",
+      required: !1,
+      description: "是否自动加载",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    externalParams: {
+      name: "externalParams",
+      required: !1,
+      description: "外部请求参数",
+      type: { name: "Record<string, any>", raw: "Record<string, any>" },
+      defaultValue: { value: "{}" }
+    }
+  }
+};
+const Fe = ({
+  texts: t = [],
+  placeholder: d = "请输入内容",
+  animationSpeed: i = 100,
+  autoPlay: c = !0,
+  value: s,
+  onChange: u,
+  ...T
+}) => {
+  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 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?.());
+    };
+    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?.();
+    };
+    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);
+        }, 2e3);
+      });
+    }) : V(r, () => {
+      S.current = window.setTimeout(() => {
+        P((o) => (o + 1) % j.current.length), C(!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(
+      ue,
+      {
+        ...T,
+        value: s,
+        onChange: F,
+        onFocus: z,
+        onBlur: q,
+        placeholder: G(),
+        style: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ...T.style,
+          position: "relative",
+          zIndex: 1
+        }
+      }
+    ),
+    !g && !s && p && /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          paddingLeft: 11,
+          paddingRight: 11,
+          color: "#bfbfbf",
+          pointerEvents: "none",
+          zIndex: 2,
+          fontSize: 14,
+          fontFamily: "inherit"
+        },
+        children: [
+          /* @__PURE__ */ n.jsx("span", { children: p }),
+          E && /* @__PURE__ */ n.jsx(
+            "span",
+            {
+              style: {
+                display: "inline-block",
+                width: 1,
+                height: "1.2em",
+                backgroundColor: "#1890ff",
+                marginLeft: 2,
+                animation: "blink 1s infinite"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n.jsx("style", { children: `
+          @keyframes blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0; }
+          }
+        ` })
+  ] });
+};
+Fe.__docgenInfo = {
+  displayName: "DynamicInput",
+  description: "动态文案输入框组件，支持流式文字动画效果",
+  props: {
+    texts: {
+      name: "texts",
+      required: !0,
+      description: "动态展示的文案数组",
+      type: { name: "string[]", raw: "string[]" }
+    },
+    placeholder: {
+      name: "placeholder",
+      required: !1,
+      description: "输入框占位符",
+      type: { name: "string", raw: "string" },
+      defaultValue: { value: '"请输入内容"' }
+    },
+    animationSpeed: {
+      name: "animationSpeed",
+      required: !1,
+      description: "动画速度（毫秒）",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "100" }
+    },
+    autoPlay: {
+      name: "autoPlay",
+      required: !1,
+      description: "是否自动播放动画",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    value: {
+      name: "value",
+      required: !1,
+      description: "输入框值",
+      type: { name: "string", raw: "string" }
+    },
+    onChange: {
+      name: "onChange",
+      required: !1,
+      description: "输入框变化回调",
+      type: { name: "function", raw: "(value: string) => void" }
+    }
+  }
+};
+const Be = ({
+  texts: t = [],
+  // 动态文案数组，默认为空数组
+  placeholder: d = "请输入内容",
+  // 占位符文本
+  animationSpeed: i = 100,
+  // 打字机动画速度，毫秒
+  autoPlay: c = !0,
+  // 是否自动播放动画
+  value: s = "",
+  // 受控模式的值
+  onChange: u,
+  // 受控模式的变化回调
+  onSubmit: T,
+  // 提交回调
+  maxLength: p = 500,
+  // 最大字符数限制
+  showCount: O = !0,
+  // 是否显示字数统计
+  submitText: $ = "发送",
+  // 提交按钮文本
+  disabled: P = !1,
+  // 是否禁用组件
+  rows: Y = 4,
+  // 文本域行数
+  style: C,
+  // 自定义样式
+  ...g
+  // 其他原生属性
+}) => {
+  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 w = M((l, f) => {
+    let A = 0;
+    V(!0);
+    const K = () => {
+      A < l.length ? (E(l.slice(0, A + 1)), A++, q.current = window.setTimeout(K, i)) : (V(!1), f?.());
+    };
+    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?.();
+    };
+    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, () => {
+        z.current = window.setTimeout(() => {
+          S((f) => (f + 1) % F.current.length), j(!1);
+        }, 2e3);
+      });
+    }) : w(l, () => {
+      z.current = window.setTimeout(() => {
+        S((f) => (f + 1) % F.current.length), j(!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(
+        "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);
+          },
+          onBlur: (l) => {
+            l.target.style.borderColor = "#d9d9d9", l.target.style.boxShadow = "none", a(l);
+          },
+          onKeyDown: W,
+          placeholder: b || x ? d : "",
+          maxLength: p,
+          rows: Y,
+          disabled: P,
+          style: {
+            width: "100%",
+            minHeight: `${Y * 24 + 16}px`,
+            padding: "8px 60px 8px 12px",
+            // 右侧留出按钮空间
+            border: "1px solid #d9d9d9",
+            borderRadius: "6px",
+            fontSize: "14px",
+            lineHeight: "1.5",
+            fontFamily: "inherit",
+            resize: "vertical",
+            outline: "none",
+            transition: "border-color 0.3s, box-shadow 0.3s",
+            backgroundColor: "#fff",
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ...g.style
+          },
+          ...g
+        }
+      ),
+      !b && !x && N && /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            alignItems: "flex-start",
+            paddingTop: 8,
+            paddingLeft: 12,
+            paddingRight: 12,
+            color: "#bfbfbf",
+            pointerEvents: "none",
+            zIndex: 2,
+            fontSize: 14,
+            fontFamily: "inherit",
+            lineHeight: "1.5"
+          },
+          children: [
+            /* @__PURE__ */ n.jsx("span", { children: N }),
+            D && /* @__PURE__ */ n.jsx(
+              "span",
+              {
+                style: {
+                  display: "inline-block",
+                  width: 1,
+                  height: "1.2em",
+                  backgroundColor: "#1890ff",
+                  marginLeft: 2,
+                  animation: "blink 1s infinite"
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: 8,
+            right: 8,
+            zIndex: 3
+          },
+          children: /* @__PURE__ */ n.jsx(
+            X,
+            {
+              type: "primary",
+              size: "small",
+              icon: /* @__PURE__ */ n.jsx(Te, {}),
+              onClick: h,
+              disabled: Q,
+              style: {
+                borderRadius: 6,
+                minWidth: 32,
+                height: 32,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: $
+            }
+          )
+        }
+      )
+    ] }),
+    O && /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        style: {
+          marginTop: 4,
+          textAlign: "right",
+          fontSize: "12px",
+          color: "#999"
+        },
+        children: [
+          x.length,
+          "/",
+          p
+        ]
+      }
+    ),
+    /* @__PURE__ */ n.jsx("style", { children: `
+          @keyframes blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0; }
+          }
+        ` })
+  ] });
+};
+Be.__docgenInfo = {
+  displayName: "DynamicTextArea",
+  description: "动态文案文本域组件，支持流式文字动画效果",
+  props: {
+    texts: {
+      name: "texts",
+      required: !0,
+      description: "动态展示的文案数组",
+      type: { name: "string[]", raw: "string[]" }
+    },
+    placeholder: {
+      name: "placeholder",
+      required: !1,
+      description: "输入框占位符",
+      type: { name: "string", raw: "string" },
+      defaultValue: { value: '"请输入内容"' }
+    },
+    animationSpeed: {
+      name: "animationSpeed",
+      required: !1,
+      description: "动画速度（毫秒）",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "100" }
+    },
+    autoPlay: {
+      name: "autoPlay",
+      required: !1,
+      description: "是否自动播放动画",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    value: {
+      name: "value",
+      required: !1,
+      description: "输入框值",
+      type: { name: "string", raw: "string" }
+    },
+    onChange: {
+      name: "onChange",
+      required: !1,
+      description: "输入框变化回调",
+      type: { name: "function", raw: "(value: string) => void" }
+    },
+    onSubmit: {
+      name: "onSubmit",
+      required: !1,
+      description: "提交回调",
+      type: { name: "function", raw: "(value: string) => void" }
+    },
+    maxLength: {
+      name: "maxLength",
+      required: !1,
+      description: "最大输入字数",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "500" }
+    },
+    showCount: {
+      name: "showCount",
+      required: !1,
+      description: "是否显示字数统计",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "true" }
+    },
+    submitText: {
+      name: "submitText",
+      required: !1,
+      description: "提交按钮文本",
+      type: { name: "string", raw: "string" },
+      defaultValue: { value: '"发送"' }
+    },
+    disabled: {
+      name: "disabled",
+      required: !1,
+      description: "是否禁用提交按钮",
+      type: { name: "boolean", raw: "boolean" },
+      defaultValue: { value: "false" }
+    },
+    rows: {
+      name: "rows",
+      required: !1,
+      description: "文本域行数",
+      type: { name: "number", raw: "number" },
+      defaultValue: { value: "4" }
+    }
+  }
+};
+const $e = {
+  algorithm: be.defaultAlgorithm,
+  token: {
+    // 主色
+    colorPrimary: "#3b82f6",
+    colorSuccess: "#10b981",
+    colorWarning: "#f59e0b",
+    colorError: "#ef4444",
+    colorInfo: "#3b82f6",
+    // 背景色
+    colorBgBase: "#ffffff",
+    colorBgContainer: "#ffffff",
+    colorBgElevated: "#ffffff",
+    colorBgLayout: "#f8fafc",
+    // 文字色
+    colorTextBase: "#1e293b",
+    colorText: "#1e293b",
+    colorTextSecondary: "#64748b",
+    colorTextTertiary: "#94a3b8",
+    colorTextQuaternary: "#cbd5e1",
+    // 边框色
+    colorBorder: "#e2e8f0",
+    colorBorderSecondary: "#f1f5f9",
+    // 阴影
+    boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+    boxShadowSecondary: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    // 圆角
+    borderRadius: 8,
+    borderRadiusLG: 12,
+    borderRadiusSM: 6,
+    // 字体
+    fontFamily: "Inter, system-ui, Arial, sans-serif",
+    fontSize: 14,
+    fontSizeLG: 16,
+    fontSizeSM: 12,
+    // 间距
+    padding: 16,
+    paddingLG: 24,
+    paddingSM: 12,
+    paddingXS: 8,
+    // 高度
+    controlHeight: 32,
+    controlHeightLG: 40,
+    controlHeightSM: 24
+  },
+  components: {
+    Button: {
+      borderRadius: 8,
+      controlHeight: 32,
+      fontWeight: 500
+    },
+    Card: {
+      borderRadiusLG: 12,
+      boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"
+    },
+    Input: {
+      borderRadius: 8,
+      controlHeight: 32
+    },
+    Table: {
+      borderRadiusLG: 8,
+      headerBg: "#f8fafc",
+      headerColor: "#374151"
+    }
+  }
+};
+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
+};
+//# sourceMappingURL=index.es.js.map