@fangxinyan/lumina 0.1.6 → 0.2.0

package/dist/{chunk-FMG3ZPGK.js → chunk-H6FCIJOP.js}

@@ -12,6 +12,7 @@ var Calendar = ({
   onChange,
   min,
   max,
+  disabledDate,
   className = ""
 }) => {
   const [inner, setInner] = React.useState(defaultValue ?? /* @__PURE__ */ new Date());
@@ -29,6 +30,7 @@ var Calendar = ({
     const next = new Date(view.getFullYear(), view.getMonth(), d);
     if (min && next < min) return;
     if (max && next > max) return;
+    if (disabledDate?.(next)) return;
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
@@ -66,7 +68,7 @@ var Calendar = ({
       cells.map((d, i) => {
         if (d === null) return /* @__PURE__ */ jsx("div", { className: "calendar-cell out" }, i);
         const date = new Date(view.getFullYear(), view.getMonth(), d);
-        const disabled = min && date < min || max && date > max;
+        const disabled = min && date < min || max && date > max || (disabledDate?.(date) ?? false);
         return /* @__PURE__ */ jsx(
           "button",
           {
@@ -84,5 +86,5 @@ var Calendar = ({
 };
 
 export { Calendar };
-//# sourceMappingURL=chunk-FMG3ZPGK.js.map
-//# sourceMappingURL=chunk-FMG3ZPGK.js.map
+//# sourceMappingURL=chunk-H6FCIJOP.js.map
+//# sourceMappingURL=chunk-H6FCIJOP.js.map

package/dist/chunk-H6FCIJOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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","file":"chunk-H6FCIJOP.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Calendar.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CalendarProps {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  /** Min selectable date. */\n  min?: Date;\n  /** Max selectable date. */\n  max?: Date;\n  /**\n   * Predicate that marks an individual cell as disabled. Disabled cells are\n   * greyed out, not clickable, and do not fire `onChange`.\n   * @example\n   * // disable weekends\n   * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}\n   */\n  disabledDate?: (date: Date) => boolean;\n  className?: string;\n}\n\nconst WEEKDAYS = [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"];\n\n/** `Calendar` — month-view date picker. */\nexport const Calendar: React.FC<CalendarProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  min,\n  max,\n  disabledDate,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultValue ?? new Date());\n  const isControlled = value !== undefined;\n  const sel = isControlled ? value! : inner;\n  const [view, setView] = React.useState(new Date(sel.getFullYear(), sel.getMonth(), 1));\n\n  const first = new Date(view.getFullYear(), view.getMonth(), 1);\n  const startDay = first.getDay();\n  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < startDay; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n\n  const isSame = (a: Date, b: Date) =>\n    a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n\n  const pick = (d: number) => {\n    const next = new Date(view.getFullYear(), view.getMonth(), d);\n    if (min && next < min) return;\n    if (max && next > max) return;\n    if (disabledDate?.(next)) return;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div className={`calendar ${className}`}>\n      <div className=\"calendar-head\">\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1))}\n          aria-label=\"Previous month\"\n        >\n          <Icon name=\"chevLeft\" size={14} />\n        </button>\n        <button type=\"button\" className=\"calendar-title\">\n          {view.getFullYear()} 年 {view.getMonth() + 1} 月\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1))}\n          aria-label=\"Next month\"\n        >\n          <Icon name=\"chevRight\" size={14} />\n        </button>\n      </div>\n      <div className=\"calendar-grid\">\n        {WEEKDAYS.map((w) => (\n          <div key={w} className=\"calendar-dow\">{w}</div>\n        ))}\n        {cells.map((d, i) => {\n          if (d === null) return <div key={i} className=\"calendar-cell out\" />;\n          const date = new Date(view.getFullYear(), view.getMonth(), d);\n          const disabled =\n            (min && date < min) ||\n            (max && date > max) ||\n            (disabledDate?.(date) ?? false);\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              disabled={!!disabled}\n              className={`calendar-cell ${isSame(date, sel) ? \"selected\" : \"\"} ${isSame(date, new Date()) ? \"today\" : \"\"} ${disabled ? \"disabled\" : \"\"}`}\n              onClick={() => pick(d)}\n            >\n              {d}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-ALFDP5WX.cjs → chunk-IDM6JJLP.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Switch-NP7KKJOX.css');
+require('./Switch-36KJNDXM.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -34,6 +34,8 @@ var Switch = ({
   disabled,
   label,
   size = "md",
+  checkedChildren,
+  unCheckedChildren,
   className = "",
   id
 }) => {
@@ -46,9 +48,17 @@ var Switch = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  const cls = ["switch", value && "on", size !== "md" && size, disabled && "disabled", className].filter(Boolean).join(" ");
+  const hasChildren = checkedChildren != null || unCheckedChildren != null;
+  const cls = [
+    "switch",
+    value && "on",
+    size !== "md" && size,
+    disabled && "disabled",
+    hasChildren && "with-children",
+    className
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
@@ -58,7 +68,13 @@ var Switch = ({
         onClick: toggle,
         id,
         className: "switch-track",
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-thumb" })
+        children: [
+          hasChildren && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "switch-inner", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-on", children: checkedChildren }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-off", children: unCheckedChildren })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-thumb" })
+        ]
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-label", children: label })
@@ -66,5 +82,5 @@ var Switch = ({
 };
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-ALFDP5WX.cjs.map
-//# sourceMappingURL=chunk-ALFDP5WX.cjs.map
+//# sourceMappingURL=chunk-IDM6JJLP.cjs.map
+//# sourceMappingURL=chunk-IDM6JJLP.cjs.map

package/dist/chunk-IDM6JJLP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACEC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,GAAA,EAChB,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACCA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnDA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAASA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"chunk-IDM6JJLP.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n}) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label className={cls}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n};\n"]}

package/dist/chunk-IFERLHCL.cjs

@@ -0,0 +1,499 @@
+'use strict';
+
+var chunkK7PVJLW4_cjs = require('./chunk-K7PVJLW4.cjs');
+var chunkC5TGQ7CV_cjs = require('./chunk-C5TGQ7CV.cjs');
+var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Table-ADVN6LXP.css');
+var React = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Table({
+  columns,
+  data,
+  rowKey,
+  variant,
+  hoverable = true,
+  striped,
+  sortKey,
+  sortDir = "asc",
+  onSort,
+  rowSelection,
+  selectable,
+  selected = [],
+  onSelect,
+  expandable,
+  pagination,
+  scroll,
+  onRowClick,
+  empty = "\u6682\u65E0\u6570\u636E",
+  className = ""
+}) {
+  const keyOf = React__namespace.useCallback(
+    (row, i) => {
+      if (typeof rowKey === "function") return rowKey(row);
+      if (rowKey) return row[rowKey];
+      return i;
+    },
+    [rowKey]
+  );
+  const selectionMode = rowSelection ? "new" : selectable ? "legacy" : "off";
+  const selectionType = rowSelection?.type ?? "checkbox";
+  const [innerSel, setInnerSel] = React__namespace.useState(
+    rowSelection?.defaultSelectedRowKeys ?? []
+  );
+  const selControlledNew = rowSelection?.selectedRowKeys !== void 0;
+  const selectedKeys = selectionMode === "new" ? selControlledNew ? rowSelection.selectedRowKeys : innerSel : selectionMode === "legacy" ? selected : [];
+  const commitSelected = (next, rows) => {
+    if (selectionMode === "new") {
+      if (!selControlledNew) setInnerSel(next);
+      rowSelection.onChange?.(next, rows);
+    } else if (selectionMode === "legacy") {
+      onSelect?.(next);
+    }
+  };
+  const [innerFilters, setInnerFilters] = React__namespace.useState(
+    () => {
+      const out = {};
+      for (const c of columns) {
+        if (c.defaultFilteredValue && c.defaultFilteredValue.length) {
+          out[c.key] = c.defaultFilteredValue;
+        }
+      }
+      return out;
+    }
+  );
+  const activeFilters = React__namespace.useMemo(() => {
+    const out = {};
+    for (const c of columns) {
+      if (!c.filters?.length) continue;
+      if (c.filteredValue !== void 0) {
+        if (c.filteredValue.length) out[c.key] = c.filteredValue;
+      } else if (innerFilters[c.key]?.length) {
+        out[c.key] = innerFilters[c.key];
+      }
+    }
+    return out;
+  }, [columns, innerFilters]);
+  const setColumnFilter = (col, values) => {
+    if (col.filteredValue !== void 0) return;
+    setInnerFilters((prev) => {
+      const next = { ...prev };
+      if (values.length === 0) delete next[col.key];
+      else next[col.key] = values;
+      return next;
+    });
+  };
+  const filteredData = React__namespace.useMemo(() => {
+    const entries = Object.entries(activeFilters);
+    if (entries.length === 0) return data;
+    return data.filter((row) => {
+      for (const [colKey, vals] of entries) {
+        const col = columns.find((c) => c.key === colKey);
+        if (!col) continue;
+        const match = vals.some((v2) => {
+          if (col.onFilter) return col.onFilter(v2, row);
+          if (col.dataIndex != null) {
+            const cell = row[col.dataIndex];
+            return cell === v2 || String(cell) === String(v2);
+          }
+          return false;
+        });
+        if (!match) return false;
+      }
+      return true;
+    });
+  }, [data, columns, activeFilters]);
+  const pagEnabled = pagination !== false && pagination !== void 0;
+  const pagCfg = pagEnabled ? pagination : {};
+  const [innerPage, setInnerPage] = React__namespace.useState(
+    pagCfg.defaultCurrent ?? 1
+  );
+  const [innerPageSize, setInnerPageSize] = React__namespace.useState(
+    pagCfg.defaultPageSize ?? pagCfg.pageSize ?? 10
+  );
+  const pageControlled = pagCfg.current !== void 0;
+  const curPage = pageControlled ? pagCfg.current : innerPage;
+  const curPageSize = pagCfg.pageSize ?? innerPageSize;
+  const totalCount = pagCfg.total ?? filteredData.length;
+  React__namespace.useEffect(() => {
+    if (pagCfg.pageSize !== void 0 && pagCfg.pageSize !== innerPageSize) {
+      setInnerPageSize(pagCfg.pageSize);
+    }
+  }, [pagCfg.pageSize]);
+  React__namespace.useEffect(() => {
+    if (!pagEnabled) return;
+    const pages = Math.max(1, Math.ceil(filteredData.length / curPageSize));
+    if (!pageControlled && curPage > pages) setInnerPage(pages);
+  }, [filteredData.length, curPageSize, pagEnabled]);
+  const pagedData = React__namespace.useMemo(() => {
+    if (!pagEnabled) return filteredData;
+    if (pagCfg.total !== void 0 && pageControlled) {
+      return filteredData;
+    }
+    const start = (curPage - 1) * curPageSize;
+    return filteredData.slice(start, start + curPageSize);
+  }, [pagEnabled, filteredData, curPage, curPageSize, pagCfg.total, pageControlled]);
+  const onPageChange = (p) => {
+    if (!pageControlled) setInnerPage(p);
+    pagCfg.onChange?.(p, curPageSize);
+  };
+  const [innerExpanded, setInnerExpanded] = React__namespace.useState(
+    expandable?.defaultExpandedRowKeys ?? []
+  );
+  const expandControlled = expandable?.expandedRowKeys !== void 0;
+  const expandedKeys = expandControlled ? expandable.expandedRowKeys : innerExpanded;
+  const hasExpandable = !!expandable?.expandedRowRender;
+  const toggleExpand = (row, k) => {
+    const isOpen = expandedKeys.includes(k);
+    const next = isOpen ? expandedKeys.filter((x) => x !== k) : [...expandedKeys, k];
+    if (!expandControlled) setInnerExpanded(next);
+    expandable?.onExpand?.(!isOpen, row);
+  };
+  const v = variant ?? (striped ? "striped" : "default");
+  const rowsToRender = pagedData;
+  const selectableKeysOnPage = rowsToRender.map((r, i) => ({ row: r, k: keyOf(r, i) })).filter(({ row }) => {
+    if (selectionMode !== "new") return true;
+    const props = rowSelection?.getCheckboxProps?.(row);
+    return !props?.disabled;
+  });
+  const allSelectedOnPage = selectionMode !== "off" && selectableKeysOnPage.length > 0 && selectableKeysOnPage.every(({ k }) => selectedKeys.includes(k));
+  const someSelectedOnPage = selectionMode !== "off" && selectableKeysOnPage.some(({ k }) => selectedKeys.includes(k)) && !allSelectedOnPage;
+  const toggleRow = (row, k) => {
+    if (selectionMode === "new") {
+      const props = rowSelection?.getCheckboxProps?.(row);
+      if (props?.disabled) return;
+      let next;
+      if (selectionType === "radio") {
+        next = [k];
+      } else {
+        next = selectedKeys.includes(k) ? selectedKeys.filter((x) => x !== k) : [...selectedKeys, k];
+      }
+      const nextRows = data.filter((r, i) => next.includes(keyOf(r, i)));
+      commitSelected(next, nextRows);
+    } else if (selectionMode === "legacy") {
+      const next = selectedKeys.includes(k) ? selectedKeys.filter((x) => x !== k) : [...selectedKeys, k];
+      commitSelected(next, []);
+    }
+  };
+  const toggleAll = () => {
+    if (selectionMode === "off") return;
+    if (selectionType === "radio") return;
+    if (allSelectedOnPage) {
+      const pageKeys = new Set(selectableKeysOnPage.map(({ k }) => k));
+      const next = selectedKeys.filter((k) => !pageKeys.has(k));
+      const nextRows = data.filter((r, i) => next.includes(keyOf(r, i)));
+      commitSelected(next, nextRows);
+    } else {
+      const set = new Set(selectedKeys);
+      selectableKeysOnPage.forEach(({ k }) => set.add(k));
+      const next = Array.from(set);
+      const nextRows = data.filter((r, i) => next.includes(keyOf(r, i)));
+      commitSelected(next, nextRows);
+    }
+  };
+  const showSelCol = selectionMode !== "off";
+  const showExpandCol = hasExpandable;
+  const extraColCount = (showSelCol ? 1 : 0) + (showExpandCol ? 1 : 0);
+  const totalColCount = columns.length + extraColCount;
+  const wrapStyle = {};
+  const innerTableStyle = {};
+  let wrapClass = "table-wrap";
+  if (scroll?.y != null) {
+    wrapStyle.maxHeight = scroll.y;
+    wrapStyle.overflowY = "auto";
+    wrapClass += " scroll-y";
+  }
+  if (scroll?.x != null) {
+    wrapStyle.overflowX = "auto";
+    innerTableStyle.minWidth = scroll.x;
+    wrapClass += " scroll-x";
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${wrapClass} ${className}`, style: wrapStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "table",
+      {
+        className: `table ${v} ${hoverable ? "hoverable" : ""} ${scroll?.y != null ? "sticky-head" : ""}`,
+        style: innerTableStyle,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            showExpandCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-expand", style: { width: 40 } }),
+            showSelCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkC5TGQ7CV_cjs.Checkbox,
+              {
+                checked: allSelectedOnPage,
+                indeterminate: someSelectedOnPage,
+                onChange: toggleAll
+              }
+            ) }),
+            columns.map((c) => {
+              const sorted = sortKey === c.key;
+              const hasFilters = !!c.filters?.length;
+              const filterActive = !!activeFilters[c.key]?.length;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "th",
+                {
+                  className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""} ${hasFilters ? "filterable" : ""}`,
+                  style: { width: c.width, textAlign: c.align ?? "left" },
+                  onClick: () => c.sortable && onSort?.(c.key),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "th-label", children: c.title }),
+                    c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkYVO7XO4W_cjs.Icon,
+                      {
+                        name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
+                        size: 10
+                      }
+                    ) }),
+                    hasFilters && /* @__PURE__ */ jsxRuntime.jsx(
+                      ColumnFilterButton,
+                      {
+                        column: c,
+                        activeValues: activeFilters[c.key] ?? [],
+                        onApply: (values) => setColumnFilter(c, values),
+                        active: filterActive
+                      }
+                    )
+                  ]
+                },
+                c.key
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map((row, i) => {
+            const k = keyOf(row, i);
+            const isSel = selectedKeys.includes(k);
+            const selProps = rowSelection?.getCheckboxProps?.(row);
+            const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
+            const isExpanded = canExpand && expandedKeys.includes(k);
+            return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "tr",
+                {
+                  className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                  onClick: onRowClick ? () => onRowClick(row, i) : void 0,
+                  children: [
+                    showExpandCol && /* @__PURE__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        className: "row-expand",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          if (canExpand) toggleExpand(row, k);
+                        },
+                        children: canExpand && /* @__PURE__ */ jsxRuntime.jsx(
+                          "button",
+                          {
+                            type: "button",
+                            className: `expand-btn ${isExpanded ? "open" : ""}`,
+                            "aria-expanded": isExpanded,
+                            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              toggleExpand(row, k);
+                            },
+                            children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "chevRight", size: 12 })
+                          }
+                        )
+                      }
+                    ),
+                    showSelCol && /* @__PURE__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        className: "row-check",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleRow(row, k);
+                        },
+                        children: selectionType === "radio" ? /* @__PURE__ */ jsxRuntime.jsx(
+                          "button",
+                          {
+                            type: "button",
+                            role: "radio",
+                            "aria-checked": isSel,
+                            disabled: selProps?.disabled,
+                            className: `radio-dot ${isSel ? "checked" : ""}`,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              toggleRow(row, k);
+                            }
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(
+                          chunkC5TGQ7CV_cjs.Checkbox,
+                          {
+                            checked: isSel,
+                            disabled: selProps?.disabled,
+                            onChange: () => toggleRow(row, k)
+                          }
+                        )
+                      }
+                    ),
+                    columns.map((c) => {
+                      const val = c.dataIndex ? row[c.dataIndex] : void 0;
+                      return /* @__PURE__ */ jsxRuntime.jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
+                    })
+                  ]
+                }
+              ),
+              isExpanded && expandable?.expandedRowRender && /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "expanded-row", children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: totalColCount, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "expanded-panel", children: expandable.expandedRowRender(row, i) }) }) })
+            ] }, k);
+          }) })
+        ]
+      }
+    ) }),
+    pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkK7PVJLW4_cjs.Pagination,
+      {
+        total: totalCount,
+        pageSize: curPageSize,
+        page: curPage,
+        onChange: onPageChange
+      }
+    ) })
+  ] });
+}
+function ColumnFilterButton({
+  column,
+  activeValues,
+  onApply,
+  active
+}) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const [draft, setDraft] = React__namespace.useState(activeValues);
+  const panelRef = React__namespace.useRef(null);
+  const { triggerRef, floatingStyle } = chunkRZ2E3XEU_cjs.useFloating({
+    open,
+    placement: "bottom",
+    panelWidth: 200,
+    panelHeight: Math.min(260, (column.filters?.length ?? 0) * 32 + 80),
+    alignCross: "end"
+  });
+  React__namespace.useEffect(() => {
+    if (open) setDraft(activeValues);
+  }, [open, activeValues]);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [open]);
+  const toggle = (v) => setDraft((d) => d.includes(v) ? d.filter((x) => x !== v) : [...d, v]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: `filter-ind ${active ? "active" : ""}`,
+        "aria-label": "Filter column",
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen((o) => !o);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "filter", size: 10 })
+      }
+    ),
+    open && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: panelRef,
+          className: "table-filter-panel",
+          style: floatingStyle,
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-filter-options", children: (column.filters ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-filter-item", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkC5TGQ7CV_cjs.Checkbox,
+                {
+                  checked: draft.includes(f.value),
+                  onChange: () => toggle(f.value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: f.text })
+            ] }, String(f.value))) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-filter-actions", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "tf-btn ghost",
+                  onClick: () => {
+                    setDraft([]);
+                    onApply([]);
+                    setOpen(false);
+                  },
+                  children: "\u91CD\u7F6E"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "tf-btn primary",
+                  onClick: () => {
+                    onApply(draft);
+                    setOpen(false);
+                  },
+                  children: "\u786E\u5B9A"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function TablePro({
+  toolbar,
+  actions,
+  footer,
+  title,
+  className = "",
+  ...tableProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `table-card ${className}`, children: [
+    (title || toolbar || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-toolbar", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Table, { ...tableProps, className: "joined" }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
+  ] });
+}
+
+exports.Table = Table;
+exports.TablePro = TablePro;
+//# sourceMappingURL=chunk-IFERLHCL.cjs.map
+//# sourceMappingURL=chunk-IFERLHCL.cjs.map