@fangxinyan/lumina 0.6.10 → 0.6.11

package/dist/{Table-5XJNZWLF.css → Table-IWHIIGRJ.css}

@@ -79,11 +79,10 @@
   isolation: isolate;
   transition: transform var(--dur-fast) var(--ease);
 }
-.table.cards tbody tr::before {
-  content: "";
+.table.cards .card-row-surface {
   position: absolute;
   inset: 0;
-  z-index: 0;
+  z-index: -1;
   border-radius: var(--r-md);
   background: var(--bg);
   box-shadow: var(--neu-shadow-control);
@@ -105,6 +104,7 @@
   box-shadow: none;
 }
 .table.cards tbody td:first-child {
+  position: static;
   border-radius: var(--r-md) 0 0 var(--r-md);
 }
 .table.cards tbody td:last-child {
@@ -113,7 +113,7 @@
 .table.cards.hoverable tbody tr:hover {
   transform: translateY(-1px);
 }
-.table.cards.hoverable tbody tr:hover::before { box-shadow: var(--neu-shadow-panel); }
+.table.cards.hoverable tbody tr:hover .card-row-surface { box-shadow: var(--neu-shadow-panel); }
 .table.cards.hoverable tbody tr:hover td { background: transparent; }
 
 .table .row-check { width: 44px; }

package/dist/Table.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPPDPKPLE_cjs = require('./chunk-PPDPKPLE.cjs');
+var chunkHXQWVPT3_cjs = require('./chunk-HXQWVPT3.cjs');
 require('./chunk-XVDD6JEU.cjs');
 require('./chunk-F65KYGPX.cjs');
 require('./chunk-76OH42CM.cjs');
@@ -14,5 +14,5 @@ require('./chunk-GJAEGIPM.cjs');
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkPPDPKPLE_cjs.Table; }
+  get: function () { return chunkHXQWVPT3_cjs.Table; }
 });

package/dist/Table.js

@@ -1,4 +1,4 @@
-export { Table } from './chunk-QMZBOB7Q.js';
+export { Table } from './chunk-5JNRCBTF.js';
 import './chunk-5CWTC3I2.js';
 import './chunk-MOLKLUSQ.js';
 import './chunk-I5XCHN67.js';

package/dist/TablePro.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkJ2KV6K23_cjs = require('./chunk-J2KV6K23.cjs');
-require('./chunk-PPDPKPLE.cjs');
+var chunk73T32MII_cjs = require('./chunk-73T32MII.cjs');
+require('./chunk-HXQWVPT3.cjs');
 require('./chunk-XVDD6JEU.cjs');
 require('./chunk-F65KYGPX.cjs');
 require('./chunk-76OH42CM.cjs');
@@ -15,5 +15,5 @@ require('./chunk-GJAEGIPM.cjs');
 
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkJ2KV6K23_cjs.TablePro; }
+  get: function () { return chunk73T32MII_cjs.TablePro; }
 });

package/dist/TablePro.js

@@ -1,5 +1,5 @@
-export { TablePro } from './chunk-KWIHEE4D.js';
-import './chunk-QMZBOB7Q.js';
+export { TablePro } from './chunk-CBZJ4UL4.js';
+import './chunk-5JNRCBTF.js';
 import './chunk-5CWTC3I2.js';
 import './chunk-MOLKLUSQ.js';
 import './chunk-I5XCHN67.js';

package/dist/{chunk-QMZBOB7Q.js → chunk-5JNRCBTF.js}

@@ -4,7 +4,7 @@ import { useFloating } from './chunk-DUFRASGO.js';
 import { Icon } from './chunk-SNX4FZYB.js';
 import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
-import './Table-5XJNZWLF.css';
+import './Table-IWHIIGRJ.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -287,6 +287,8 @@ var TableInner = ({
                 const selProps = rowSelection?.getCheckboxProps?.(row);
                 const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
                 const isExpanded = canExpand && expandedKeys.includes(k);
+                const cardSurfaceTarget = showExpandCol ? "__expand" : showSelCol ? "__select" : columns[0]?.key;
+                const cardRowSurface = v === "cards" ? /* @__PURE__ */ jsx("span", { className: "card-row-surface", "aria-hidden": "true" }) : null;
                 return /* @__PURE__ */ jsxs(React.Fragment, { children: [
                   /* @__PURE__ */ jsxs(
                     "tr",
@@ -294,7 +296,7 @@ var TableInner = ({
                       className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
                       onClick: onRowClick ? () => onRowClick(row, i) : void 0,
                       children: [
-                        showExpandCol && /* @__PURE__ */ jsx(
+                        showExpandCol && /* @__PURE__ */ jsxs(
                           "td",
                           {
                             className: "row-expand",
@@ -302,23 +304,26 @@ var TableInner = ({
                               e.stopPropagation();
                               if (canExpand) toggleExpand(row, k);
                             },
-                            children: canExpand && /* @__PURE__ */ 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__ */ jsx(Icon, { name: "chevRight", size: 12 })
-                              }
-                            )
+                            children: [
+                              cardSurfaceTarget === "__expand" && cardRowSurface,
+                              canExpand && /* @__PURE__ */ 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__ */ jsx(Icon, { name: "chevRight", size: 12 })
+                                }
+                              )
+                            ]
                           }
                         ),
-                        showSelCol && /* @__PURE__ */ jsx(
+                        showSelCol && /* @__PURE__ */ jsxs(
                           "td",
                           {
                             className: "row-check",
@@ -326,32 +331,38 @@ var TableInner = ({
                               e.stopPropagation();
                               toggleRow(row, k);
                             },
-                            children: selectionType === "radio" ? /* @__PURE__ */ jsx(
-                              "button",
-                              {
-                                type: "button",
-                                role: "radio",
-                                "aria-checked": isSel,
-                                disabled: selProps?.disabled,
-                                className: `radio-dot ${isSel ? "checked" : ""}`,
-                                onClick: (e) => {
-                                  e.stopPropagation();
-                                  toggleRow(row, k);
+                            children: [
+                              cardSurfaceTarget === "__select" && cardRowSurface,
+                              selectionType === "radio" ? /* @__PURE__ */ 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__ */ jsx(
+                                Checkbox,
+                                {
+                                  checked: isSel,
+                                  disabled: selProps?.disabled,
+                                  onChange: () => toggleRow(row, k)
                                 }
-                              }
-                            ) : /* @__PURE__ */ jsx(
-                              Checkbox,
-                              {
-                                checked: isSel,
-                                disabled: selProps?.disabled,
-                                onChange: () => toggleRow(row, k)
-                              }
-                            )
+                              )
+                            ]
                           }
                         ),
                         columns.map((c) => {
                           const val = c.dataIndex ? row[c.dataIndex] : void 0;
-                          return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
+                          return /* @__PURE__ */ jsxs("td", { style: { textAlign: c.align ?? "left" }, children: [
+                            cardSurfaceTarget === c.key && cardRowSurface,
+                            c.render ? c.render(val, row, i) : val
+                          ] }, c.key);
                         })
                       ]
                     }

package/dist/{chunk-J2KV6K23.cjs → chunk-73T32MII.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPPDPKPLE_cjs = require('./chunk-PPDPKPLE.cjs');
+var chunkHXQWVPT3_cjs = require('./chunk-HXQWVPT3.cjs');
 require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./TablePro-3NGWERWT.css');
@@ -71,7 +71,7 @@ var TableProInner = ({
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkPPDPKPLE_cjs.Table,
+          chunkHXQWVPT3_cjs.Table,
           {
             columns,
             data,

package/dist/{chunk-KWIHEE4D.js → chunk-CBZJ4UL4.js}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-QMZBOB7Q.js';
+import { Table } from './chunk-5JNRCBTF.js';
 import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './TablePro-3NGWERWT.css';

package/dist/{chunk-PPDPKPLE.cjs → chunk-HXQWVPT3.cjs}

@@ -6,7 +6,7 @@ var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
 require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
-require('./Table-5XJNZWLF.css');
+require('./Table-IWHIIGRJ.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -309,6 +309,8 @@ var TableInner = ({
                 const selProps = rowSelection?.getCheckboxProps?.(row);
                 const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
                 const isExpanded = canExpand && expandedKeys.includes(k);
+                const cardSurfaceTarget = showExpandCol ? "__expand" : showSelCol ? "__select" : columns[0]?.key;
+                const cardRowSurface = v === "cards" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "card-row-surface", "aria-hidden": "true" }) : null;
                 return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "tr",
@@ -316,7 +318,7 @@ var TableInner = ({
                       className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
                       onClick: onRowClick ? () => onRowClick(row, i) : void 0,
                       children: [
-                        showExpandCol && /* @__PURE__ */ jsxRuntime.jsx(
+                        showExpandCol && /* @__PURE__ */ jsxRuntime.jsxs(
                           "td",
                           {
                             className: "row-expand",
@@ -324,23 +326,26 @@ var TableInner = ({
                               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(chunkGJAEGIPM_cjs.Icon, { name: "chevRight", size: 12 })
-                              }
-                            )
+                            children: [
+                              cardSurfaceTarget === "__expand" && cardRowSurface,
+                              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(chunkGJAEGIPM_cjs.Icon, { name: "chevRight", size: 12 })
+                                }
+                              )
+                            ]
                           }
                         ),
-                        showSelCol && /* @__PURE__ */ jsxRuntime.jsx(
+                        showSelCol && /* @__PURE__ */ jsxRuntime.jsxs(
                           "td",
                           {
                             className: "row-check",
@@ -348,32 +353,38 @@ var TableInner = ({
                               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);
+                            children: [
+                              cardSurfaceTarget === "__select" && cardRowSurface,
+                              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(
+                                chunk5KGGB3EH_cjs.Checkbox,
+                                {
+                                  checked: isSel,
+                                  disabled: selProps?.disabled,
+                                  onChange: () => toggleRow(row, k)
                                 }
-                              }
-                            ) : /* @__PURE__ */ jsxRuntime.jsx(
-                              chunk5KGGB3EH_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);
+                          return /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { textAlign: c.align ?? "left" }, children: [
+                            cardSurfaceTarget === c.key && cardRowSurface,
+                            c.render ? c.render(val, row, i) : val
+                          ] }, c.key);
                         })
                       ]
                     }

package/dist/index.cjs

@@ -12,8 +12,8 @@ var chunk4LOOWTRX_cjs = require('./chunk-4LOOWTRX.cjs');
 require('./chunk-6EOSMK34.cjs');
 var chunkDGB6KVU3_cjs = require('./chunk-DGB6KVU3.cjs');
 var chunkHFM4YKM5_cjs = require('./chunk-HFM4YKM5.cjs');
-var chunkJ2KV6K23_cjs = require('./chunk-J2KV6K23.cjs');
-var chunkPPDPKPLE_cjs = require('./chunk-PPDPKPLE.cjs');
+var chunk73T32MII_cjs = require('./chunk-73T32MII.cjs');
+var chunkHXQWVPT3_cjs = require('./chunk-HXQWVPT3.cjs');
 var chunkZ35Q432P_cjs = require('./chunk-Z35Q432P.cjs');
 var chunkZGDAYWWC_cjs = require('./chunk-ZGDAYWWC.cjs');
 var chunkXVDD6JEU_cjs = require('./chunk-XVDD6JEU.cjs');
@@ -51,7 +51,7 @@ var chunkHTW62OMX_cjs = require('./chunk-HTW62OMX.cjs');
 var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
 
 // src/index.ts
-var VERSION = "0.6.10";
+var VERSION = "0.6.11";
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
@@ -167,11 +167,11 @@ Object.defineProperty(exports, "Switch", {
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkJ2KV6K23_cjs.TablePro; }
+  get: function () { return chunk73T32MII_cjs.TablePro; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkPPDPKPLE_cjs.Table; }
+  get: function () { return chunkHXQWVPT3_cjs.Table; }
 });
 Object.defineProperty(exports, "MessageContainer", {
   enumerable: true,

package/dist/index.d.cts

@@ -49,6 +49,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.10";
+declare const VERSION = "0.6.11";
 
 export { VERSION };

package/dist/index.d.ts

@@ -49,6 +49,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.10";
+declare const VERSION = "0.6.11";
 
 export { VERSION };

package/dist/index.js

@@ -10,8 +10,8 @@ export { SURFACE_THEME_PRESETS, Surface } from './chunk-WIZVOZNO.js';
 import './chunk-6SPMHY54.js';
 export { ACCENT_PRESETS, ACCENT_PRESETS_DARK, FONT_STACKS, ThemeProvider, applyTheme, normalizeAccentInput, resolveThemeColorScheme, resolveThemeMode, useTheme, useThemeOptional } from './chunk-7ZCTEIOW.js';
 export { Switch } from './chunk-6VSNO7IH.js';
-export { TablePro } from './chunk-KWIHEE4D.js';
-export { Table } from './chunk-QMZBOB7Q.js';
+export { TablePro } from './chunk-CBZJ4UL4.js';
+export { Table } from './chunk-5JNRCBTF.js';
 export { MessageContainer, ToastContainer, message, toast } from './chunk-62RPBEAW.js';
 export { Modal } from './chunk-SGNDIRZC.js';
 export { Pagination } from './chunk-5CWTC3I2.js';
@@ -49,6 +49,6 @@ export { Calendar } from './chunk-W72IIGOV.js';
 export { AimOutlined, AppstoreOutlined, BarChartOutlined, BlockOutlined, BorderOutlined, CameraOutlined, CaretDownOutlined, CaretUpOutlined, CheckCircleFilled, CheckCircleOutlined, CheckOutlined, ClockCircleFilled, CloseCircleOutlined, CloseOutlined, CopyOutlined, DashboardOutlined, DeleteOutlined, DownOutlined, EnvironmentOutlined, ExclamationCircleOutlined, FolderOpenOutlined, ICON_NAMES, Icon, LeftOutlined, LoadingOutlined, MinusCircleOutlined, MinusOutlined, NAMED_ICON_MAP, PictureOutlined, PlusOutlined, QqOutlined, ReloadOutlined, RightOutlined, RobotOutlined, SearchOutlined, SettingOutlined, StarFilled, StarOutlined, SwapOutlined, SwapRightOutlined, SyncOutlined, ThunderboltOutlined, TranslationOutlined, UnorderedListOutlined, UserOutlined, isIconName, renderIconSlot, resolveIconName } from './chunk-SNX4FZYB.js';
 
 // src/index.ts
-var VERSION = "0.6.10";
+var VERSION = "0.6.11";
 
 export { VERSION };

package/dist/styles.css

@@ -2103,11 +2103,10 @@ input, textarea, select { font-family: inherit; color: inherit; }
   isolation: isolate;
   transition: transform var(--dur-fast) var(--ease);
 }
-.table.cards tbody tr::before {
-  content: "";
+.table.cards .card-row-surface {
   position: absolute;
   inset: 0;
-  z-index: 0;
+  z-index: -1;
   border-radius: var(--r-md);
   background: var(--bg);
   box-shadow: var(--neu-shadow-control);
@@ -2129,6 +2128,7 @@ input, textarea, select { font-family: inherit; color: inherit; }
   box-shadow: none;
 }
 .table.cards tbody td:first-child {
+  position: static;
   border-radius: var(--r-md) 0 0 var(--r-md);
 }
 .table.cards tbody td:last-child {
@@ -2137,7 +2137,7 @@ input, textarea, select { font-family: inherit; color: inherit; }
 .table.cards.hoverable tbody tr:hover {
   transform: translateY(-1px);
 }
-.table.cards.hoverable tbody tr:hover::before { box-shadow: var(--neu-shadow-panel); }
+.table.cards.hoverable tbody tr:hover .card-row-surface { box-shadow: var(--neu-shadow-panel); }
 .table.cards.hoverable tbody tr:hover td { background: transparent; }
 .table .row-check { width: 44px; }
 .table .row-check .checkbox { display: inline-flex; }

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.6.10`
+- **版本**: `0.6.11`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",