@expcat/tigercat-react 1.2.23 → 1.2.30

package/dist/{chunk-7YUD6VIC.js → chunk-4LBTPCGE.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk5EZWYEGJjs = require('./chunk-5EZWYEGJ.js');
+var _chunkKYOO6JCFjs = require('./chunk-KYOO6JCF.js');
 
 
 var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
@@ -81,12 +81,17 @@ var DataTableWithToolbar = ({
   );
   const hasFilters = Boolean(_optionalChain([toolbar, 'optionalAccess', _14 => _14.filters]) && toolbar.filters.length > 0);
   const hasBulkActions = Boolean(_optionalChain([toolbar, 'optionalAccess', _15 => _15.bulkActions]) && toolbar.bulkActions.length > 0);
+  const { bordered = false, ...remainingTableProps } = tableProps;
   const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _16 => _16.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _17 => _17.rowSelection, 'optionalAccess', _18 => _18.selectedRowKeys]))), () => ( []));
   const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _19 => _19.selectedCount]), () => ( selectedKeys.length));
   const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _20 => _20.bulkActionsLabel]), () => ( "\u5DF2\u9009\u62E9"));
   const wrapperClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, "tiger-data-table-with-toolbar flex flex-col gap-3", className),
-    [className]
+    () => _tigercatcore.classNames.call(void 0, 
+      "tiger-data-table-with-toolbar flex flex-col",
+      bordered ? "border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] overflow-hidden bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "gap-3.5",
+      className
+    ),
+    [className, bordered]
   );
   const handleSearchChange = (value) => {
     if (_optionalChain([toolbar, 'optionalAccess', _21 => _21.searchValue]) === void 0) {
@@ -131,12 +136,15 @@ var DataTableWithToolbar = ({
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3",
+        className: _tigercatcore.classNames.call(void 0, 
+          "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
+          bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
+        ),
         role: "toolbar",
         "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F",
         children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
-            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
+            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkZYJTHGQWjs.Input,
                 {
@@ -144,6 +152,25 @@ var DataTableWithToolbar = ({
                   size: "sm",
                   value: searchValue,
                   placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _38 => _38.searchPlaceholder]), () => ( "\u641C\u7D22")),
+                  prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "svg",
+                    {
+                      className: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      viewBox: "0 0 24 24",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                        }
+                      )
+                    }
+                  ),
                   onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
                   onKeyDown: (event) => {
                     if (event.key === "Enter") {
@@ -157,7 +184,7 @@ var DataTableWithToolbar = ({
                 {
                   size: "sm",
                   variant: "primary",
-                  className: "whitespace-nowrap shrink-0",
+                  className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
                   disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _40 => _40.onSearch]),
                   children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.searchButtonText]), () => ( "\u641C\u7D22"))
@@ -192,12 +219,15 @@ var DataTableWithToolbar = ({
               );
             })]) : null
           ] }),
-          hasBulkActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
-            selectedCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
-              bulkLabel,
-              " ",
-              selectedCount,
-              " \u9879"
+          hasBulkActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0", children: [
+            selectedCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+                bulkLabel,
+                " ",
+                selectedCount,
+                " \u9879"
+              ] })
             ] }) : null,
             _optionalChain([toolbar, 'optionalAccess', _45 => _45.bulkActions, 'optionalAccess', _46 => _46.map, 'call', _47 => _47((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _chunk56ZV3VVYjs.Button,
@@ -218,11 +248,12 @@ var DataTableWithToolbar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5EZWYEGJjs.Table,
+      _chunkKYOO6JCFjs.Table,
       {
-        ...tableProps,
+        ...remainingTableProps,
+        bordered,
         pagination,
-        className: tableClassName,
+        className: _tigercatcore.classNames.call(void 0, tableClassName, bordered && "border-none rounded-none shadow-none"),
         onPageChange: handleTablePageChange
       }
     )

package/dist/{chunk-MMGZEG7G.mjs → chunk-56DP32W7.mjs}

@@ -95,23 +95,9 @@ var CommentThread = ({
       updateExpandedKeys(next);
     }
   };
-  const BTN_BASE = "px-1.5 py-0.5 h-auto min-h-0 text-xs rounded";
-  const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
-  const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
-  const renderActionButton = (label, key, onClick, active) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "sm",
-      variant: "ghost",
-      className: classNames(
-        ACTION_BTN,
-        active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
-      ),
-      onClick,
-      children: label
-    },
-    key
-  );
+  const BTN_BASE = "px-2 py-0.5 h-auto min-h-0 text-xs rounded-md transition-all duration-200 ease-out";
+  const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
+  const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
   const renderNode = (node, depth, isLast) => {
     const hasChildren = !!node.children && node.children.length > 0;
     const isExpanded = expandedSet.has(node.id);
@@ -125,24 +111,70 @@ var CommentThread = ({
       const likeLabel = node.liked ? likedText : likeText;
       const likeCount = node.likes ? ` ${node.likes}` : "";
       actions.push(
-        renderActionButton(
-          `${likeLabel}${likeCount}`,
-          "like",
-          () => onLike?.(node, !node.liked),
-          node.liked
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: classNames(
+              ACTION_BTN,
+              "hover:text-blue-600 hover:bg-blue-50/50 dark:hover:text-blue-400 dark:hover:bg-blue-950/20",
+              node.liked && "text-blue-600 dark:text-blue-400 bg-blue-50/30 dark:bg-blue-950/10 font-semibold border-blue-200/40 dark:border-blue-800/30"
+            ),
+            onClick: () => onLike?.(node, !node.liked),
+            children: [
+              /* @__PURE__ */ jsx("svg", { className: classNames("w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"), viewBox: "0 0 24 24", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602" }) }),
+              /* @__PURE__ */ jsx("span", { children: `${likeLabel}${likeCount}` })
+            ]
+          },
+          "like"
         )
       );
     }
     if (showReply) {
       actions.push(
-        renderActionButton(replyText, "reply", () => {
-          setReplyingTo((prev) => prev === node.id ? null : node.id);
-          setReplyValue("");
-        })
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: classNames(
+              ACTION_BTN,
+              "hover:text-emerald-600 hover:bg-emerald-50/50 dark:hover:text-emerald-400 dark:hover:bg-emerald-950/20"
+            ),
+            onClick: () => {
+              setReplyingTo((prev) => prev === node.id ? null : node.id);
+              setReplyValue("");
+            },
+            children: [
+              /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+              /* @__PURE__ */ jsx("span", { children: replyText })
+            ]
+          },
+          "reply"
+        )
       );
     }
     if (showMore) {
-      actions.push(renderActionButton(moreText, "more", () => onMore?.(node)));
+      actions.push(
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: classNames(
+              ACTION_BTN,
+              "hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800"
+            ),
+            onClick: () => onMore?.(node),
+            children: [
+              /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" }) }),
+              /* @__PURE__ */ jsx("span", { children: moreText })
+            ]
+          },
+          "more"
+        )
+      );
     }
     if (node.actions && node.actions.length > 0) {
       node.actions.forEach((action, index) => {
@@ -153,7 +185,10 @@ var CommentThread = ({
             {
               size: "sm",
               variant: action.variant ?? "ghost",
-              className: ACTION_BTN,
+              className: classNames(
+                ACTION_BTN,
+                "hover:bg-gray-100 dark:hover:bg-gray-800"
+              ),
               disabled: action.disabled,
               onClick: () => {
                 action.onClick?.(node, action);
@@ -171,8 +206,8 @@ var CommentThread = ({
       {
         className: classNames(
           "tiger-comment-thread-item",
-          depth === 1 && "py-4",
-          depth === 1 && !isLast && showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
+          depth === 1 && "py-5",
+          depth === 1 && !isLast && showDivider && "border-b border-gray-100 dark:border-gray-800/80"
         ),
         children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
           showAvatar && node.user ? /* @__PURE__ */ jsx(
@@ -181,27 +216,27 @@ var CommentThread = ({
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
               text: node.user.name,
-              className: "shrink-0 mt-0.5"
+              className: "shrink-0 mt-0.5 ring-1 ring-black/5 dark:ring-white/10 shadow-sm transition-transform hover:scale-105 duration-200"
             }
           ) : null,
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-              node.user?.name ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: "bold", children: node.user.name }) : null,
-              node.user?.title ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ jsx(Tag, { size: "sm", variant: node.tag.variant ?? "default", children: node.tag.label }) : null,
-              node.tags?.map((tag, index) => /* @__PURE__ */ jsx(Tag, { size: "sm", variant: tag.variant ?? "default", children: tag.label }, `${node.id}-tag-${index}`)),
-              node.time ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto", children: formatCommentTime(node.time) }) : null
+              node.user?.name ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer", children: node.user.name }) : null,
+              node.user?.title ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium", children: node.user.title }) : null,
+              node.tag ? /* @__PURE__ */ jsx(Tag, { size: "sm", variant: node.tag.variant ?? "default", className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: node.tag.label }) : null,
+              node.tags?.map((tag, index) => /* @__PURE__ */ jsx(Tag, { size: "sm", variant: tag.variant ?? "default", className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: tag.label }, `${node.id}-tag-${index}`)),
+              node.time ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto text-gray-400 dark:text-gray-500 font-normal", children: formatCommentTime(node.time) }) : null
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2", children: node.content }),
-            actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1", children: actions }) : null,
-            replyingTo === node.id ? /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2", children: node.content }),
+            actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null,
+            replyingTo === node.id ? /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3 bg-gray-50/50 dark:bg-gray-900/30 border border-gray-100 dark:border-gray-800/80 p-4 rounded-xl shadow-sm backdrop-blur-sm transition-all duration-300", children: [
               /* @__PURE__ */ jsx(
                 Textarea,
                 {
-                  rows: 2,
+                  rows: 3,
                   value: replyValue,
                   placeholder: replyPlaceholder,
-                  className: "bg-[var(--tiger-surface,#ffffff)]",
+                  className: "bg-white dark:bg-gray-950 border-gray-200 dark:border-gray-800 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:focus:border-blue-400 rounded-lg shadow-inner transition-all duration-200",
                   onChange: (event) => setReplyValue(event.target.value)
                 }
               ),
@@ -211,6 +246,7 @@ var CommentThread = ({
                   {
                     size: "sm",
                     variant: "ghost",
+                    className: "px-3 py-1.5 text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 rounded-lg transition-colors",
                     onClick: () => {
                       setReplyingTo(null);
                       setReplyValue("");
@@ -218,7 +254,16 @@ var CommentThread = ({
                     children: cancelReplyText
                   }
                 ),
-                /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "primary",
+                    className: "px-3 py-1.5 text-xs font-semibold shadow-sm hover:shadow transition-all duration-200 rounded-lg",
+                    onClick: () => handleReplySubmit(node),
+                    children: replyButtonText
+                  }
+                )
               ] })
             ] }) : null,
             hasChildren ? /* @__PURE__ */ jsx(
@@ -226,7 +271,7 @@ var CommentThread = ({
               {
                 size: "sm",
                 variant: "ghost",
-                className: classNames("mt-2", PRIMARY_BTN),
+                className: classNames("mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
                 "aria-expanded": isExpanded,
                 "aria-controls": repliesId,
                 onClick: () => toggleExpanded(node.id),
@@ -237,7 +282,7 @@ var CommentThread = ({
               "div",
               {
                 id: repliesId,
-                className: "mt-3 ml-1 pl-4 border-l-2 border-[var(--tiger-border,#e5e7eb)] space-y-3",
+                className: "mt-4 ml-1 pl-4 border-l-2 border-gray-100 dark:border-gray-800 hover:border-blue-500/40 dark:hover:border-blue-400/40 space-y-4 transition-colors duration-300",
                 children: [
                   visibleChildren.map(
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
@@ -269,7 +314,10 @@ var CommentThread = ({
       "data-tiger-comment-thread": true,
       "aria-label": divProps["aria-label"] ?? (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"),
       ...divProps,
-      children: resolvedNodes.length === 0 ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "text-center py-8", children: emptyText }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
+      children: resolvedNodes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors", children: [
+        /* @__PURE__ */ jsx("svg", { className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
+      ] }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
     }
   );
 };

package/dist/{chunk-36WZNVQ5.mjs → chunk-5XE5VBDS.mjs}

@@ -9,8 +9,7 @@ import {
   getStepTailClasses,
   getStepTitleClasses,
   getStepsContainerClasses,
-  calculateStepStatus,
-  stepFinishChar
+  calculateStepStatus
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StepsContext = createContext(null);
@@ -65,7 +64,7 @@ var StepsItem = ({
       return /* @__PURE__ */ jsx("div", { className: iconClasses, children: icon });
     }
     if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: stepFinishChar });
+      return /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) });
     }
     return /* @__PURE__ */ jsx("div", { className: iconClasses, children: stepIndex + 1 });
   };

package/dist/{chunk-2DH6MGC6.js → chunk-7KPALCG3.js}

@@ -3,6 +3,9 @@
 var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
 
 
+var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.js');
+
+
 var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
 
 
@@ -64,7 +67,7 @@ var ChatWindow = ({
   const inputValue = value !== void 0 ? value : innerValue;
   const wrapperClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
-      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden transition-all duration-300",
       className
     ),
     [className]
@@ -144,8 +147,8 @@ var ChatWindow = ({
                 "div",
                 {
                   className: _tigercatcore.classNames.call(void 0, 
-                    "rounded-[var(--tiger-radius-md,0.5rem)] px-3 py-2 text-sm break-words",
-                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
+                    "rounded-[var(--tiger-radius-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
+                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
                   ),
                   "data-tiger-chat-bubble": true,
                   children: _nullishCoalesce(_optionalChain([renderMessage, 'optionalCall', _6 => _6(message, index)]), () => ( message.content))
@@ -177,6 +180,7 @@ var ChatWindow = ({
       "div",
       {
         ref: messageListRef,
+        className: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
@@ -195,16 +199,16 @@ var ChatWindow = ({
       "div",
       {
         ref: messageListRef,
-        className: "flex-1 overflow-auto p-4 space-y-3",
+        className: "flex-1 overflow-auto p-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
-        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRHDNGWOjs.Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
       }
     ),
-    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]", children: statusText }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
+    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkZYJTHGQWjs.Input,
         {

package/dist/{chunk-LKKZLYCA.mjs → chunk-CPNDCACQ.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-ZB55SAGI.mjs";
+} from "./chunk-WWDCH2XX.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-T7ACOL7K.mjs → chunk-E43YLPOJ.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Table.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
 import {
@@ -12,7 +16,11 @@ import {
   tableResponsiveCardListClasses,
   tableResponsiveCardRowClasses,
   tableResponsiveCardValueClasses,
-  tableLoadingOverlayClasses
+  tableLoadingOverlayClasses,
+  getImmediateTigerLocale,
+  isLazyTigerLocale,
+  mergeTigerLocale,
+  resolveTigerLocale
 } from "@expcat/tigercat-core";
 import { tableExportButtonClasses } from "@expcat/tigercat-core";
 
@@ -822,6 +830,10 @@ function renderSummaryRow(ctx, view) {
 
 // src/components/Table/render-pagination.tsx
 import {
+  formatIntlNumber,
+  formatPageAriaLabel,
+  formatPaginationTotal,
+  getPaginationLabels,
   getSimplePaginationContainerClasses,
   getSimplePaginationTotalClasses,
   getSimplePaginationControlsClasses,
@@ -831,6 +843,14 @@ import {
   getSimplePaginationButtonsWrapperClasses
 } from "@expcat/tigercat-core";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_PREV_TEXT = "Previous";
+var DEFAULT_NEXT_TEXT = "Next";
+function formatDefaultTotalText(total, range) {
+  return `Showing ${range[0]} to ${range[1]} of ${total} results`;
+}
+function formatDefaultPageIndicatorText(current, total) {
+  return `Page ${current} of ${total}`;
+}
 function renderPagination(ctx, view) {
   const { pagination } = view;
   if (pagination === false || !ctx.paginationInfo) {
@@ -839,8 +859,15 @@ function renderPagination(ctx, view) {
   const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo;
   const paginationConfig = pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.length;
+  const locale = view.disableI18n ? void 0 : view.locale;
+  const labels = locale ? getPaginationLabels(locale) : void 0;
+  const localeCode = locale?.locale;
+  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : labels ? formatPaginationTotal(labels.totalText, total, [startIndex, endIndex], localeCode) : formatDefaultTotalText(total, [startIndex, endIndex]);
+  const finalPrevText = paginationConfig.prevText || labels?.prevPageAriaLabel || DEFAULT_PREV_TEXT;
+  const finalNextText = paginationConfig.nextText || labels?.nextPageAriaLabel || DEFAULT_NEXT_TEXT;
+  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage, totalPages) : labels ? `${formatPageAriaLabel(labels.pageAriaLabel, ctx.currentPage, localeCode)} / ${formatIntlNumber(totalPages, localeCode)} ${labels.pageText}` : formatDefaultPageIndicatorText(ctx.currentPage, totalPages);
   return /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationContainerClasses(), children: [
-    paginationConfig.showTotal !== false && /* @__PURE__ */ jsx5("div", { className: getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
+    paginationConfig.showTotal !== false && /* @__PURE__ */ jsx5("div", { className: getSimplePaginationTotalClasses(), children: finalTotalText }),
     /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationControlsClasses(), children: [
       paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsx5(
         "select",
@@ -848,10 +875,7 @@ function renderPagination(ctx, view) {
           className: getSimplePaginationSelectClasses(),
           value: ctx.currentPageSize,
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value)),
-          children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size) => /* @__PURE__ */ jsxs4("option", { value: size, children: [
-            size,
-            " / page"
-          ] }, size))
+          children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size) => /* @__PURE__ */ jsx5("option", { value: size, children: paginationConfig.pageSizeText ? paginationConfig.pageSizeText(size) : labels ? `${formatIntlNumber(size, localeCode)} ${labels.itemsPerPageText}` : `${size} / page` }, size))
         }
       ),
       /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationButtonsWrapperClasses(), children: [
@@ -861,22 +885,17 @@ function renderPagination(ctx, view) {
             className: getSimplePaginationButtonClasses(!hasPrev),
             disabled: !hasPrev,
             onClick: () => ctx.handlePageChange(ctx.currentPage - 1),
-            children: "Previous"
+            children: finalPrevText
           }
         ),
-        /* @__PURE__ */ jsxs4("span", { className: getSimplePaginationPageIndicatorClasses(), children: [
-          "Page ",
-          ctx.currentPage,
-          " of ",
-          totalPages
-        ] }),
+        /* @__PURE__ */ jsx5("span", { className: getSimplePaginationPageIndicatorClasses(), children: finalPageIndicatorText }),
         /* @__PURE__ */ jsx5(
           "button",
           {
             className: getSimplePaginationButtonClasses(!hasNext),
             disabled: !hasNext,
             onClick: () => ctx.handlePageChange(ctx.currentPage + 1),
-            children: "Next"
+            children: finalNextText
           }
         )
       ] })
@@ -948,6 +967,7 @@ function Table({
   className,
   ...props
 }) {
+  const config = useTigerConfig();
   const wrapperRef = useRef(null);
   const tableRef = useRef(null);
   const [measuredColumnWidths, setMeasuredColumnWidths] = useState2({});
@@ -955,6 +975,31 @@ function Table({
   const internalRowSelection = rowSelection;
   const internalExpandable = expandable;
   const internalRowClassName = rowClassName;
+  const paginationLocaleInput = pagination !== false && typeof pagination === "object" ? pagination.locale : void 0;
+  const isPaginationI18nDisabled = paginationLocaleInput === false;
+  const immediatePaginationLocale = useMemo2(
+    () => paginationLocaleInput && !isPaginationI18nDisabled ? getImmediateTigerLocale(paginationLocaleInput) : void 0,
+    [isPaginationI18nDisabled, paginationLocaleInput]
+  );
+  const [resolvedPaginationLocale, setResolvedPaginationLocale] = useState2(immediatePaginationLocale);
+  useEffect2(() => {
+    let active = true;
+    setResolvedPaginationLocale(immediatePaginationLocale);
+    if (paginationLocaleInput && !isPaginationI18nDisabled && isLazyTigerLocale(paginationLocaleInput)) {
+      resolveTigerLocale(paginationLocaleInput).then((nextLocale) => {
+        if (active) setResolvedPaginationLocale(nextLocale);
+      }).catch(() => {
+        if (active) setResolvedPaginationLocale(immediatePaginationLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [isPaginationI18nDisabled, paginationLocaleInput, immediatePaginationLocale]);
+  const paginationLocale = useMemo2(
+    () => isPaginationI18nDisabled ? void 0 : mergeTigerLocale(config.locale, resolvedPaginationLocale),
+    [config.locale, isPaginationI18nDisabled, resolvedPaginationLocale]
+  );
   const ctx = useTableState({
     columns,
     dataSource,
@@ -1152,7 +1197,11 @@ function Table({
             ]
           }
         ),
-        renderPagination(ctx, { pagination })
+        renderPagination(ctx, {
+          pagination,
+          locale: paginationLocale,
+          disableI18n: isPaginationI18nDisabled
+        })
       ]
     }
   );

package/dist/{chunk-XHT2VIDR.js → chunk-FXVKJWUP.js}

@@ -37,7 +37,7 @@ var CardItem = _react2.default.memo(
     const cardClasses = _tigercatcore.classNames.call(void 0, 
       _tigercatcore.taskBoardCardClasses,
       isDragging && _tigercatcore.taskBoardCardDraggingClasses,
-      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)]"
+      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-offset-2 shadow-[0_0_12px_rgba(37,99,235,0.25)]"
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -169,20 +169,30 @@ var ColumnItem = _react2.default.memo(
               children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: wipOver ? _tigercatcore.taskBoardWipExceededClasses : void 0, children: [
                   column.title,
-                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
-                    "(",
-                    column.cards.length,
-                    "/",
-                    column.wipLimit,
-                    ")"
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
+                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    "span",
+                    {
+                      className: _tigercatcore.classNames.call(void 0, 
+                        "ml-2 text-xs font-normal transition-all duration-200 px-1.5 py-0.5 rounded",
+                        wipOver ? "bg-red-50 dark:bg-red-950/30 text-[var(--tiger-error,#ef4444)] font-semibold border border-red-200/30 dark:border-red-900/30 shadow-xs" : "opacity-70 bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)]"
+                      ),
+                      title: wipTitle,
+                      children: [
+                        "(",
+                        column.cards.length,
+                        "/",
+                        column.wipLimit,
+                        ")"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2 text-xs font-normal px-1.5 py-0.5 rounded bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)] opacity-70", children: column.cards.length })
                 ] }),
                 showCardCount && cardCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "span",
                   {
                     className: _tigercatcore.classNames.call(void 0, 
                       _tigercatcore.kanbanCardCountClasses,
-                      wipOver && _tigercatcore.taskBoardWipExceededClasses
+                      wipOver && `${_tigercatcore.taskBoardWipExceededClasses} bg-red-50 dark:bg-red-950/30 border border-red-200/50 dark:border-red-900/30 font-semibold shadow-xs`
                     ),
                     children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
                   }