@gcsa/console-react 0.1.0

package/dist/GcsaCheckbox.js

@@ -0,0 +1,45 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { Checkbox as r } from "@ark-ui/react/checkbox";
+import { usePreventHiddenInputScroll as m } from "./hooks/usePreventHiddenInputScroll.js";
+function k({
+  checked: n,
+  label: c,
+  ariaLabel: l,
+  disabled: a,
+  className: t,
+  children: i,
+  onCheckedChange: e
+}) {
+  const s = h(null);
+  return m(s), /* @__PURE__ */ u(
+    r.Root,
+    {
+      ref: s,
+      checked: n,
+      disabled: a,
+      "aria-label": l,
+      className: `gcsa-checkbox gcsa-focus-ring${t ? ` ${t}` : ""}`,
+      onCheckedChange: (d) => e == null ? void 0 : e(d.checked === !0),
+      children: [
+        /* @__PURE__ */ o(r.Control, { className: "gcsa-checkbox__box", children: /* @__PURE__ */ o(r.Indicator, { className: "gcsa-checkbox__indicator", children: /* @__PURE__ */ o("svg", { viewBox: "0 0 12 12", width: "10", height: "10", "aria-hidden": "true", children: /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M2 6.2L4.8 9 10 3.2",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }) }) }),
+        c || i ? /* @__PURE__ */ o(r.Label, { className: "gcsa-checkbox__label", children: i ?? c }) : null,
+        /* @__PURE__ */ o(r.HiddenInput, {})
+      ]
+    }
+  );
+}
+export {
+  k as GcsaCheckbox
+};
+//# sourceMappingURL=GcsaCheckbox.js.map

package/dist/GcsaCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCheckbox.js","sources":["../src/GcsaCheckbox.tsx"],"sourcesContent":["import { useRef, type ReactNode } from 'react';\nimport { Checkbox } from '@ark-ui/react/checkbox';\nimport { usePreventHiddenInputScroll } from './hooks/usePreventHiddenInputScroll';\n\nexport type GcsaCheckboxProps = {\n  checked?: boolean;\n  label?: string;\n  ariaLabel?: string;\n  disabled?: boolean;\n  className?: string;\n  children?: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n};\n\nexport function GcsaCheckbox({\n  checked,\n  label,\n  ariaLabel,\n  disabled,\n  className,\n  children,\n  onCheckedChange\n}: GcsaCheckboxProps) {\n  const rootRef = useRef<HTMLLabelElement>(null);\n  usePreventHiddenInputScroll(rootRef);\n  return (\n    <Checkbox.Root\n      ref={rootRef}\n      checked={checked}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      className={`gcsa-checkbox gcsa-focus-ring${className ? ` ${className}` : ''}`}\n      onCheckedChange={details => onCheckedChange?.(details.checked === true)}\n    >\n      <Checkbox.Control className=\"gcsa-checkbox__box\">\n        <Checkbox.Indicator className=\"gcsa-checkbox__indicator\">\n          <svg viewBox=\"0 0 12 12\" width=\"10\" height=\"10\" aria-hidden=\"true\">\n            <path\n              d=\"M2 6.2L4.8 9 10 3.2\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </Checkbox.Indicator>\n      </Checkbox.Control>\n      {label || children ? (\n        <Checkbox.Label className=\"gcsa-checkbox__label\">{children ?? label}</Checkbox.Label>\n      ) : null}\n      <Checkbox.HiddenInput />\n    </Checkbox.Root>\n  );\n}\n"],"names":["GcsaCheckbox","checked","label","ariaLabel","disabled","className","children","onCheckedChange","rootRef","useRef","usePreventHiddenInputScroll","jsxs","Checkbox","details","jsx"],"mappings":";;;;AAcO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AACF,GAAsB;AACpB,QAAMC,IAAUC,EAAyB,IAAI;AAC7C,SAAAC,EAA4BF,CAAO,GAEjC,gBAAAG;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,KAAKJ;AAAA,MACL,SAAAP;AAAA,MACA,UAAAG;AAAA,MACA,cAAYD;AAAA,MACZ,WAAW,gCAAgCE,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,MAC3E,iBAAiB,CAAAQ,MAAWN,KAAA,gBAAAA,EAAkBM,EAAQ,YAAY;AAAA,MAElE,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAS,SAAT,EAAiB,WAAU,sBAC1B,UAAA,gBAAAE,EAACF,EAAS,WAAT,EAAmB,WAAU,4BAC5B,UAAA,gBAAAE,EAAC,OAAA,EAAI,SAAQ,aAAY,OAAM,MAAK,QAAO,MAAK,eAAY,QAC1D,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA,EACjB,CACF,GACF,GACF;AAAA,QACCZ,KAASI,IACR,gBAAAQ,EAACF,EAAS,OAAT,EAAe,WAAU,wBAAwB,UAAAN,KAAYJ,EAAA,CAAM,IAClE;AAAA,QACJ,gBAAAY,EAACF,EAAS,aAAT,CAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/GcsaCollapse.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export type GcsaCollapseItem = {
+    key: string;
+    title: string;
+    content?: ReactNode;
+    disabled?: boolean;
+};
+export type GcsaCollapseProps = {
+    items: GcsaCollapseItem[];
+    openKeys?: string[];
+    defaultOpenKeys?: string[];
+    accordion?: boolean;
+    bordered?: boolean;
+    onOpenKeysChange?: (keys: string[]) => void;
+};
+export declare function GcsaCollapse({ items, openKeys, defaultOpenKeys, accordion, bordered, onOpenKeysChange }: GcsaCollapseProps): import("react").JSX.Element;

package/dist/GcsaCollapse.js

@@ -0,0 +1,20 @@
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import { useState as f } from "react";
+function b({ items: n, openKeys: r, defaultOpenKeys: t = [], accordion: d = !1, bordered: i = !0, onOpenKeysChange: a }) {
+  const [p, u] = f(t), l = r ?? p;
+  function g(s) {
+    const e = l.includes(s) ? l.filter((_) => _ !== s) : d ? [s] : [...l, s];
+    u(e), a == null || a(e);
+  }
+  return /* @__PURE__ */ c("div", { className: `gcsa-collapse${i ? " gcsa-collapse--bordered" : ""}`, children: n.map((s) => /* @__PURE__ */ o("section", { className: "gcsa-collapse__item", "data-open": l.includes(s.key) || void 0, children: [
+    /* @__PURE__ */ o("button", { type: "button", className: "gcsa-collapse__trigger gcsa-focus-ring", disabled: s.disabled, "aria-expanded": l.includes(s.key), "aria-controls": `gcsa-collapse-${s.key}`, onClick: () => g(s.key), children: [
+      /* @__PURE__ */ c("span", { className: "gcsa-collapse__indicator", "aria-hidden": "true", children: l.includes(s.key) ? "−" : "+" }),
+      /* @__PURE__ */ c("span", { className: "gcsa-collapse__title", children: s.title })
+    ] }),
+    l.includes(s.key) ? /* @__PURE__ */ c("div", { id: `gcsa-collapse-${s.key}`, className: "gcsa-collapse__content", role: "region", children: s.content }) : null
+  ] }, s.key)) });
+}
+export {
+  b as GcsaCollapse
+};
+//# sourceMappingURL=GcsaCollapse.js.map

package/dist/GcsaCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCollapse.js","sources":["../src/GcsaCollapse.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nexport type GcsaCollapseItem = { key: string; title: string; content?: ReactNode; disabled?: boolean };\nexport type GcsaCollapseProps = { items: GcsaCollapseItem[]; openKeys?: string[]; defaultOpenKeys?: string[]; accordion?: boolean; bordered?: boolean; onOpenKeysChange?: (keys: string[]) => void };\n\nexport function GcsaCollapse({ items, openKeys, defaultOpenKeys = [], accordion = false, bordered = true, onOpenKeysChange }: GcsaCollapseProps) {\n  const [internalKeys, setInternalKeys] = useState(defaultOpenKeys);\n  const keys = openKeys ?? internalKeys;\n  function toggle(key: string) {\n    const next = keys.includes(key) ? keys.filter(value => value !== key) : accordion ? [key] : [...keys, key];\n    setInternalKeys(next);\n    onOpenKeysChange?.(next);\n  }\n  return <div className={`gcsa-collapse${bordered ? ' gcsa-collapse--bordered' : ''}`}>\n    {items.map(item => <section key={item.key} className=\"gcsa-collapse__item\" data-open={keys.includes(item.key) || undefined}>\n      <button type=\"button\" className=\"gcsa-collapse__trigger gcsa-focus-ring\" disabled={item.disabled} aria-expanded={keys.includes(item.key)} aria-controls={`gcsa-collapse-${item.key}`} onClick={() => toggle(item.key)}>\n        <span className=\"gcsa-collapse__indicator\" aria-hidden=\"true\">{keys.includes(item.key) ? '−' : '+'}</span><span className=\"gcsa-collapse__title\">{item.title}</span>\n      </button>\n      {keys.includes(item.key) ? <div id={`gcsa-collapse-${item.key}`} className=\"gcsa-collapse__content\" role=\"region\">{item.content}</div> : null}\n    </section>)}\n  </div>;\n}\n"],"names":["GcsaCollapse","items","openKeys","defaultOpenKeys","accordion","bordered","onOpenKeysChange","internalKeys","setInternalKeys","useState","keys","toggle","key","next","value","jsx","jsxs","item"],"mappings":";;AAMO,SAASA,EAAa,EAAE,OAAAC,GAAO,UAAAC,GAAU,iBAAAC,IAAkB,CAAA,GAAI,WAAAC,IAAY,IAAO,UAAAC,IAAW,IAAM,kBAAAC,EAAA,GAAuC;AAC/I,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASN,CAAe,GAC1DO,IAAOR,KAAYK;AACzB,WAASI,EAAOC,GAAa;AAC3B,UAAMC,IAAOH,EAAK,SAASE,CAAG,IAAIF,EAAK,OAAO,CAAAI,MAASA,MAAUF,CAAG,IAAIR,IAAY,CAACQ,CAAG,IAAI,CAAC,GAAGF,GAAME,CAAG;AACzG,IAAAJ,EAAgBK,CAAI,GACpBP,KAAA,QAAAA,EAAmBO;AAAA,EACrB;AACA,SAAO,gBAAAE,EAAC,SAAI,WAAW,gBAAgBV,IAAW,6BAA6B,EAAE,IAC9E,UAAAJ,EAAM,IAAI,OAAQ,gBAAAe,EAAC,WAAA,EAAuB,WAAU,uBAAsB,aAAWN,EAAK,SAASO,EAAK,GAAG,KAAK,QAC/G,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EAAO,MAAK,UAAS,WAAU,0CAAyC,UAAUC,EAAK,UAAU,iBAAeP,EAAK,SAASO,EAAK,GAAG,GAAG,iBAAe,iBAAiBA,EAAK,GAAG,IAAI,SAAS,MAAMN,EAAOM,EAAK,GAAG,GAClN,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,4BAA2B,eAAY,QAAQ,UAAAL,EAAK,SAASO,EAAK,GAAG,IAAI,MAAM,IAAA,CAAI;AAAA,MAAO,gBAAAF,EAAC,QAAA,EAAK,WAAU,wBAAwB,YAAK,MAAA,CAAM;AAAA,IAAA,GAC/J;AAAA,IACCL,EAAK,SAASO,EAAK,GAAG,IAAI,gBAAAF,EAAC,SAAI,IAAI,iBAAiBE,EAAK,GAAG,IAAI,WAAU,0BAAyB,MAAK,UAAU,UAAAA,EAAK,SAAQ,IAAS;AAAA,EAAA,EAAA,GAJ1GA,EAAK,GAKtC,CAAU,GACZ;AACF;"}

package/dist/GcsaConfigProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { GcsaConsoleTheme, GcsaConsoleLocale, GcsaComponentSize } from '@gcsa/console-core';
+export type GcsaConfigProviderProps = {
+    theme?: GcsaConsoleTheme;
+    /** 界面语言（zh-CN / zh-TW / en-US） */
+    locale?: GcsaConsoleLocale;
+    /** 是否同步到 document（Portal 浮层）。文档站 demo 应关闭，由 VitePress 全局同步。 */
+    syncDocument?: boolean;
+    /** 全局控件尺寸（Button / Select / InputGroup / Switch / Table 等） */
+    size?: GcsaComponentSize;
+    children: ReactNode;
+};
+export declare function GcsaConfigProvider({ theme, locale, syncDocument, size, children }: GcsaConfigProviderProps): import("react").JSX.Element;

package/dist/GcsaConfigProvider.js

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as R } from "react/jsx-runtime";
+import { useContext as n, useState as l, useRef as b, useMemo as _, useEffect as i } from "react";
+import { createPortal as j } from "react-dom";
+import { GCSA_MESSAGE_DURATION_MS as k } from "@gcsa/console-core";
+import { GcsaConfigProviderContext as p, GcsaMessageContext as L, GcsaThemeContext as O } from "./hooks/useGcsaTheme.js";
+import { GcsaLocaleContext as U } from "./hooks/useGcsaLocale.js";
+import { GcsaRestoreDocumentThemeContext as q } from "./hooks/useDocumentThemeSync.js";
+import { GcsaToastStack as w } from "./GcsaToastStack.js";
+import { GcsaZIndexContext as x, readToastZIndex as v, createGcsaZIndexApi as B } from "./hooks/useGcsaZIndex.js";
+import { GcsaComponentSizeContext as h } from "./hooks/useGcsaComponentSize.js";
+function ee({
+  theme: o = "dark",
+  locale: C = "zh-CN",
+  syncDocument: G = !0,
+  size: g,
+  children: I
+}) {
+  const P = n(p), d = n(x), S = n(h), s = n(q), [T, u] = l([]), [A, Z] = l(() => v()), y = b(0), z = _(
+    () => d ?? B(),
+    [d]
+  ), r = !P && G, E = g ?? S ?? "md", m = () => {
+    Z(v());
+  }, c = (t, M) => {
+    m();
+    const f = ++y.current;
+    u((a) => [...a, { id: f, message: t, type: M }].slice(-4)), setTimeout(() => {
+      u((a) => a.filter((N) => N.id !== f));
+    }, k);
+  }, D = {
+    success: (t) => c(t, "success"),
+    error: (t) => c(t, "error"),
+    info: (t) => c(t, "info")
+  };
+  return i(() => {
+    !r || typeof document > "u" || document.documentElement.setAttribute("data-gcsa-theme", o);
+  }, [o, r]), i(() => {
+    m();
+  }, []), i(() => {
+    if (r)
+      return () => {
+        if (!(typeof document > "u")) {
+          if (s) {
+            s();
+            return;
+          }
+          document.documentElement.removeAttribute("data-gcsa-theme");
+        }
+      };
+  }, [r, s]), /* @__PURE__ */ e(p.Provider, { value: !0, children: /* @__PURE__ */ e(x.Provider, { value: z, children: /* @__PURE__ */ e(h.Provider, { value: E, children: /* @__PURE__ */ e(L.Provider, { value: D, children: /* @__PURE__ */ e(O.Provider, { value: o, children: /* @__PURE__ */ R(U.Provider, { value: C, children: [
+    /* @__PURE__ */ e("div", { className: "gcsa-console-root", "data-gcsa-theme": o, children: I }),
+    typeof document < "u" ? j(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "gcsa-portal-scope gcsa-toast-portal",
+          "data-gcsa-theme": o,
+          style: { zIndex: A },
+          children: /* @__PURE__ */ e(w, { toasts: T })
+        }
+      ),
+      document.body
+    ) : null
+  ] }) }) }) }) }) });
+}
+export {
+  ee as GcsaConfigProvider
+};
+//# sourceMappingURL=GcsaConfigProvider.js.map

package/dist/GcsaConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaConfigProvider.js","sources":["../src/GcsaConfigProvider.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { GcsaConsoleTheme, GcsaConsoleLocale, GcsaMessageType, GcsaComponentSize } from '@gcsa/console-core';\nimport { GCSA_MESSAGE_DURATION_MS } from '@gcsa/console-core';\nimport {\n  GcsaConfigProviderContext,\n  GcsaMessageContext,\n  GcsaThemeContext\n} from './hooks/useGcsaTheme';\nimport type { GcsaMessageApi } from './hooks/useMessage';\nimport { GcsaLocaleContext } from './hooks/useGcsaLocale';\nimport { GcsaRestoreDocumentThemeContext } from './hooks/useDocumentThemeSync';\nimport { GcsaToastStack } from './GcsaToastStack';\nimport { GcsaZIndexContext, createGcsaZIndexApi, readToastZIndex } from './hooks/useGcsaZIndex';\nimport { GcsaComponentSizeContext } from './hooks/useGcsaComponentSize';\n\nexport type GcsaConfigProviderProps = {\n  theme?: GcsaConsoleTheme;\n  /** 界面语言（zh-CN / zh-TW / en-US） */\n  locale?: GcsaConsoleLocale;\n  /** 是否同步到 document（Portal 浮层）。文档站 demo 应关闭，由 VitePress 全局同步。 */\n  syncDocument?: boolean;\n  /** 全局控件尺寸（Button / Select / InputGroup / Switch / Table 等） */\n  size?: GcsaComponentSize;\n  children: ReactNode;\n};\n\nexport function GcsaConfigProvider({\n  theme = 'dark',\n  locale = 'zh-CN',\n  syncDocument = true,\n  size,\n  children\n}: GcsaConfigProviderProps) {\n  const parentProvider = useContext(GcsaConfigProviderContext);\n  const parentZIndexApi = useContext(GcsaZIndexContext);\n  const parentSize = useContext(GcsaComponentSizeContext);\n  const restoreDocumentTheme = useContext(GcsaRestoreDocumentThemeContext);\n  const [toasts, setToasts] = useState<Array<{ id: number; message: string; type: GcsaMessageType }>>([]);\n  const [toastZIndex, setToastZIndex] = useState<number>(() => readToastZIndex());\n  const idRef = useRef(0);\n  const MAX_TOASTS = 4;\n\n  const zIndexApi = useMemo(\n    () => parentZIndexApi ?? createGcsaZIndexApi(),\n    [parentZIndexApi]\n  );\n\n  const shouldSyncDocument = !parentProvider && syncDocument;\n  const resolvedSize = size ?? parentSize ?? 'md';\n\n  const refreshToastZIndex = () => {\n    setToastZIndex(readToastZIndex());\n  };\n\n  const push = (message: string, type: GcsaMessageType) => {\n    refreshToastZIndex();\n    const current = ++idRef.current;\n    setToasts(prev => [...prev, { id: current, message, type }].slice(-MAX_TOASTS));\n    setTimeout(() => {\n      setToasts(prev => prev.filter(t => t.id !== current));\n    }, GCSA_MESSAGE_DURATION_MS);\n  };\n\n  const api: GcsaMessageApi = {\n    success: message => push(message, 'success'),\n    error: message => push(message, 'error'),\n    info: message => push(message, 'info')\n  };\n\n  useEffect(() => {\n    if (!shouldSyncDocument || typeof document === 'undefined') return;\n    document.documentElement.setAttribute('data-gcsa-theme', theme);\n  }, [theme, shouldSyncDocument]);\n\n  useEffect(() => {\n    refreshToastZIndex();\n  }, []);\n\n  useEffect(() => {\n    if (!shouldSyncDocument) return;\n    return () => {\n      if (typeof document === 'undefined') return;\n      if (restoreDocumentTheme) {\n        restoreDocumentTheme();\n        return;\n      }\n      document.documentElement.removeAttribute('data-gcsa-theme');\n    };\n  }, [shouldSyncDocument, restoreDocumentTheme]);\n\n  return (\n    <GcsaConfigProviderContext.Provider value={true}>\n      <GcsaZIndexContext.Provider value={zIndexApi}>\n        <GcsaComponentSizeContext.Provider value={resolvedSize}>\n          <GcsaMessageContext.Provider value={api}>\n            <GcsaThemeContext.Provider value={theme}>\n              <GcsaLocaleContext.Provider value={locale}>\n                <div className=\"gcsa-console-root\" data-gcsa-theme={theme}>\n                  {children}\n                </div>\n                {typeof document !== 'undefined'\n                  ? createPortal(\n                      <div\n                        className=\"gcsa-portal-scope gcsa-toast-portal\"\n                        data-gcsa-theme={theme}\n                        style={{ zIndex: toastZIndex }}\n                      >\n                        <GcsaToastStack toasts={toasts} />\n                      </div>,\n                      document.body\n                    )\n                  : null}\n              </GcsaLocaleContext.Provider>\n            </GcsaThemeContext.Provider>\n          </GcsaMessageContext.Provider>\n        </GcsaComponentSizeContext.Provider>\n      </GcsaZIndexContext.Provider>\n    </GcsaConfigProviderContext.Provider>\n  );\n}"],"names":["GcsaConfigProvider","theme","locale","syncDocument","size","children","parentProvider","useContext","GcsaConfigProviderContext","parentZIndexApi","GcsaZIndexContext","parentSize","GcsaComponentSizeContext","restoreDocumentTheme","GcsaRestoreDocumentThemeContext","toasts","setToasts","useState","toastZIndex","setToastZIndex","readToastZIndex","idRef","useRef","zIndexApi","useMemo","createGcsaZIndexApi","shouldSyncDocument","resolvedSize","refreshToastZIndex","push","message","type","current","prev","t","GCSA_MESSAGE_DURATION_MS","api","useEffect","jsx","GcsaMessageContext","GcsaThemeContext","jsxs","GcsaLocaleContext","createPortal","GcsaToastStack"],"mappings":"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"}

package/dist/GcsaDataTable.d.ts

@@ -0,0 +1,119 @@
+import { MouseEvent as ReactMouseEvent, MutableRefObject, ReactNode } from 'react';
+import { ColumnDef, SortingState } from '@tanstack/react-table';
+import { GcsaLegacyTableColumn, GcsaPaginationAlign, GcsaPaginationLayoutPart, GcsaTableColumn, GcsaTableColumnInfo, getGcsaTableSortChange } from '@gcsa/console-core';
+export type GcsaDataTableProps<T extends Record<string, unknown>> = {
+    data: T[];
+    columns?: Array<GcsaTableColumn<T> | ColumnDef<T, unknown>>;
+    legacyColumns?: GcsaLegacyTableColumn<T>[];
+    total?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showPageSize?: boolean;
+    showJumper?: boolean;
+    pageSizeLabel?: string;
+    jumperLabel?: string;
+    paginationLayout?: string | GcsaPaginationLayoutPart[];
+    paginationAlign?: GcsaPaginationAlign;
+    showTotal?: boolean;
+    page?: number;
+    pagination?: boolean;
+    showToolbar?: boolean;
+    /** 工具栏是否显示总条数 */
+    showCount?: boolean;
+    size?: 'sm' | 'md';
+    serverSide?: boolean;
+    sorting?: SortingState;
+    filters?: Record<string, string>;
+    defaultSorting?: SortingState;
+    defaultFilters?: Record<string, string>;
+    loading?: boolean;
+    error?: string;
+    retryLabel?: string;
+    selectable?: boolean | ((row: T, index: number) => boolean);
+    selectedRowKeys?: string[];
+    columnVisibility?: Record<string, boolean>;
+    resizable?: boolean;
+    columnWidths?: Record<string, number>;
+    treeData?: boolean;
+    childrenKey?: keyof T & string;
+    treeLazy?: boolean;
+    treeHasChildrenKey?: keyof T & string;
+    treeHasChildren?: (row: T, index: number) => boolean;
+    loadChildren?: (row: T, index: number) => Promise<T[]> | T[];
+    treeLoadingText?: string;
+    treeLoadErrorText?: string;
+    expandedRowKeys?: string[];
+    mobileMode?: 'scroll' | 'cards';
+    stripe?: boolean;
+    bordered?: boolean;
+    highlightCurrentRow?: boolean;
+    currentRowKey?: string;
+    rowClassName?: string | ((row: T, index: number) => string | undefined);
+    summary?: (rows: T[]) => Record<string, string | number | null | undefined>;
+    summaryLabel?: string;
+    apiRef?: MutableRefObject<GcsaDataTableApi<T> | null>;
+    rowKey?: (keyof T & string) | ((row: T, index: number) => string);
+    height?: string | number;
+    maxHeight?: string | number;
+    expandable?: boolean;
+    defaultExpandAll?: boolean;
+    fixedSelection?: boolean;
+    selectionColumnWidth?: number;
+    expandColumnWidth?: number;
+    renderExpandedRow?: (row: T, index: number) => ReactNode;
+    toolbar?: ReactNode;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    onSortingChange?: (sorting: SortingState) => void;
+    /** Element-style sort event payload for migration from el-table. */
+    onSortChange?: (change: ReturnType<typeof getGcsaTableSortChange>) => void;
+    onFiltersChange?: (filters: Record<string, string>) => void;
+    onFilterChange?: (filters: Record<string, string>) => void;
+    onSelectionChange?: (rows: T[]) => void;
+    onSelect?: (rows: T[], row: T) => void;
+    onSelectAll?: (rows: T[]) => void;
+    onSelectedRowKeysChange?: (keys: string[]) => void;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    onColumnWidthsChange?: (widths: Record<string, number>) => void;
+    onExpandedRowKeysChange?: (keys: string[]) => void;
+    onCurrentRowKeyChange?: (key: string | undefined) => void;
+    onRowClick?: (row: T, index: number, event: ReactMouseEvent<HTMLTableRowElement>) => void;
+    onRowDoubleClick?: (row: T, index: number, event: ReactMouseEvent<HTMLTableRowElement>) => void;
+    onCellClick?: (row: T, column: string, value: unknown, index: number, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onCellDoubleClick?: (row: T, column: string, value: unknown, index: number, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onHeaderClick?: (column: GcsaTableColumnInfo, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onRowContextMenu?: (row: T, index: number, event: ReactMouseEvent<HTMLTableRowElement>) => void;
+    onCellContextMenu?: (row: T, column: string, value: unknown, index: number, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onLegacyRowClick?: (row: T, column: GcsaTableColumnInfo, event: ReactMouseEvent<HTMLTableRowElement>) => void;
+    onLegacyCellClick?: (row: T, column: GcsaTableColumnInfo, cell: HTMLTableCellElement, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onLegacyRowContextMenu?: (row: T, column: GcsaTableColumnInfo, event: ReactMouseEvent<HTMLTableRowElement>) => void;
+    onLegacyCellContextMenu?: (row: T, column: GcsaTableColumnInfo, cell: HTMLTableCellElement, event: ReactMouseEvent<HTMLTableCellElement>) => void;
+    onCurrentChange?: (current: T | undefined, previous: T | undefined) => void;
+    onExpandChange?: (row: T, expanded: boolean, expandedRows: T[]) => void;
+    columnSelector?: (columns: Array<{
+        id: string;
+        title: string;
+        visible: boolean;
+    }>, toggle: (id: string) => void) => ReactNode;
+    onRetry?: () => void;
+    onTreeLoadError?: (error: unknown, row: T, index: number) => void;
+};
+export type GcsaDataTableApi<T extends Record<string, unknown>> = {
+    clearSorting: () => void;
+    clearFilters: () => void;
+    clearSelection: () => void;
+    clearExpanded: () => void;
+    setRowSelected: (key: string, selected?: boolean) => void;
+    setRowExpanded: (key: string, expanded?: boolean) => Promise<void>;
+    clearSort: () => void;
+    clearFilter: (columnKeys?: string | string[]) => void;
+    sort: (prop: string, order: 'ascending' | 'descending' | null) => void;
+    toggleRowSelection: (row: T, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    toggleRowExpansion: (row: T, expanded?: boolean) => Promise<void>;
+    setCurrentRow: (row?: T) => void;
+    getSelectionRows: () => T[];
+    setScrollTop: (top: number) => void;
+    scrollTo: (options: ScrollToOptions | number, y?: number) => void;
+};
+export declare function GcsaDataTable<T extends Record<string, unknown>>({ data, columns, legacyColumns, total, pageSize: pageSizeProp, pageSizeOptions, showPageSize, showJumper, pageSizeLabel, jumperLabel, paginationLayout, paginationAlign, showTotal, page, pagination, showToolbar, showCount, size, serverSide, sorting: controlledSorting, filters: controlledFilters, defaultSorting, defaultFilters, loading, error, retryLabel, selectable, selectedRowKeys, columnVisibility: controlledColumnVisibility, resizable, columnWidths: controlledColumnWidths, treeData, childrenKey, treeLazy, treeHasChildrenKey, treeHasChildren, loadChildren, treeLoadingText, treeLoadErrorText, expandedRowKeys, mobileMode, stripe, bordered, highlightCurrentRow, currentRowKey: controlledCurrentRowKey, rowClassName, summary, summaryLabel, apiRef, rowKey, expandable, height, maxHeight, defaultExpandAll, fixedSelection, selectionColumnWidth, expandColumnWidth, renderExpandedRow, toolbar, onPageChange, onPageSizeChange, onSortingChange, onSortChange, onFiltersChange, onFilterChange, onSelectionChange, onSelect, onSelectAll, onSelectedRowKeysChange, onColumnVisibilityChange, onColumnWidthsChange, onExpandedRowKeysChange, onCurrentRowKeyChange, onRowClick, onRowDoubleClick, onCellClick, onCellDoubleClick, onHeaderClick, onRowContextMenu, onCellContextMenu, onLegacyRowClick, onLegacyCellClick, onLegacyRowContextMenu, onLegacyCellContextMenu, onCurrentChange, onExpandChange, columnSelector, onRetry, onTreeLoadError }: GcsaDataTableProps<T>): import("react").JSX.Element;