@expcat/tigercat-vue 1.2.19 → 1.2.30

package/dist/{chunk-DYJ4Z47L.mjs → chunk-BPRKQVIL.mjs}

@@ -163,23 +163,9 @@ var CommentThread = defineComponent({
         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) => h(
-      Button,
-      {
-        key,
-        size: "sm",
-        variant: "ghost",
-        className: classNames(
-          ACTION_BTN,
-          active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
-        ),
-        onClick
-      },
-      { default: () => label }
-    );
+    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.value.has(node.id);
@@ -193,24 +179,110 @@ var CommentThread = defineComponent({
         const likeLabel = node.liked ? props.likedText : props.likeText;
         const likeCount = node.likes ? ` ${node.likes}` : "";
         actions.push(
-          renderActionButton(
-            `${likeLabel}${likeCount}`,
-            "like",
-            () => emit("like", node, !node.liked),
-            node.liked
+          h(
+            Button,
+            {
+              key: "like",
+              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: () => emit("like", node, !node.liked)
+            },
+            {
+              default: () => h("span", { class: "flex items-center gap-1.5" }, [
+                h("svg", {
+                  class: 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"
+                }, [
+                  h("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"
+                  })
+                ]),
+                h("span", `${likeLabel}${likeCount}`)
+              ])
+            }
           )
         );
       }
       if (props.showReply) {
         actions.push(
-          renderActionButton(props.replyText, "reply", () => {
-            replyingTo.value = replyingTo.value === node.id ? null : node.id;
-            replyValue.value = "";
-          })
+          h(
+            Button,
+            {
+              key: "reply",
+              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: () => {
+                replyingTo.value = replyingTo.value === node.id ? null : node.id;
+                replyValue.value = "";
+              }
+            },
+            {
+              default: () => h("span", { class: "flex items-center gap-1.5" }, [
+                h("svg", {
+                  class: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }, [
+                  h("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"
+                  })
+                ]),
+                h("span", props.replyText)
+              ])
+            }
+          )
         );
       }
       if (props.showMore) {
-        actions.push(renderActionButton(props.moreText, "more", () => emit("more", node)));
+        actions.push(
+          h(
+            Button,
+            {
+              key: "more",
+              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: () => emit("more", node)
+            },
+            {
+              default: () => h("span", { class: "flex items-center gap-1.5" }, [
+                h("svg", {
+                  class: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }, [
+                  h("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"
+                  })
+                ]),
+                h("span", props.moreText)
+              ])
+            }
+          )
+        );
       }
       if (node.actions && node.actions.length > 0) {
         node.actions.forEach((action, index) => {
@@ -222,7 +294,10 @@ var CommentThread = defineComponent({
                 key: actionKey,
                 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);
@@ -239,8 +314,8 @@ var CommentThread = defineComponent({
         {
           class: classNames(
             "tiger-comment-thread-item",
-            depth === 1 && "py-4",
-            depth === 1 && !isLast && props.showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
+            depth === 1 && "py-5",
+            depth === 1 && !isLast && props.showDivider && "border-b border-gray-100 dark:border-gray-800/80"
           ),
           key: node.id
         },
@@ -250,23 +325,23 @@ var CommentThread = defineComponent({
               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,
             h("div", { class: "flex-1 min-w-0" }, [
               h("div", { class: "flex items-center gap-2 flex-wrap" }, [
                 node.user?.name ? h(
                   Text,
-                  { tag: "span", size: "sm", weight: "bold" },
+                  { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer" },
                   { default: () => node.user?.name }
                 ) : null,
                 node.user?.title ? h(
                   Text,
-                  { tag: "span", size: "xs", color: "muted" },
+                  { tag: "span", size: "xs", color: "muted", class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium" },
                   { default: () => node.user?.title }
                 ) : null,
                 node.tag ? h(
                   Tag,
-                  { size: "sm", variant: node.tag.variant ?? "default" },
+                  { 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" },
                   { default: () => node.tag?.label }
                 ) : null,
                 ...(node.tags ?? []).map(
@@ -275,36 +350,37 @@ var CommentThread = defineComponent({
                     {
                       key: `${node.id}-tag-${index}`,
                       size: "sm",
-                      variant: tag.variant ?? "default"
+                      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"
                     },
                     { default: () => tag.label }
                   )
                 ),
                 node.time ? h(
                   Text,
-                  { tag: "span", size: "xs", color: "muted", class: "ml-auto" },
+                  { tag: "span", size: "xs", color: "muted", class: "ml-auto text-gray-400 dark:text-gray-500 font-normal" },
                   { default: () => formatCommentTime(node.time) }
                 ) : null
               ]),
               h(
                 "div",
                 {
-                  class: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2"
+                  class: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2"
                 },
                 String(node.content)
               ),
-              actions.length > 0 ? h("div", { class: "flex flex-wrap items-center gap-1" }, actions) : null,
+              actions.length > 0 ? h("div", { class: "flex flex-wrap items-center gap-1.5" }, actions) : null,
               replyingTo.value === node.id ? h(
                 "div",
                 {
-                  class: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]"
+                  class: "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"
                 },
                 [
                   h(Textarea, {
-                    rows: 2,
+                    rows: 3,
                     modelValue: replyValue.value,
                     placeholder: props.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",
                     "onUpdate:modelValue": (value) => {
                       replyValue.value = value;
                     }
@@ -315,6 +391,7 @@ var CommentThread = defineComponent({
                       {
                         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: () => {
                           replyingTo.value = null;
                           replyValue.value = "";
@@ -327,6 +404,7 @@ var CommentThread = defineComponent({
                       {
                         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)
                       },
                       { default: () => props.replyButtonText }
@@ -339,7 +417,7 @@ var CommentThread = defineComponent({
                 {
                   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)
@@ -352,7 +430,7 @@ var CommentThread = defineComponent({
                 "div",
                 {
                   id: repliesId,
-                  class: "mt-3 ml-1 pl-4 border-l-2 border-[var(--tiger-border,#e5e7eb)] space-y-3"
+                  class: "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"
                 },
                 [
                   ...visibleChildren.map(
@@ -379,9 +457,28 @@ var CommentThread = defineComponent({
       const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B");
       const children = resolvedNodes.value.length === 0 ? [
         h(
-          Text,
-          { tag: "div", size: "sm", color: "muted", class: "text-center py-8" },
-          { default: () => props.emptyText }
+          "div",
+          { class: "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" },
+          [
+            h("svg", {
+              class: "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"
+            }, [
+              h("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"
+              })
+            ]),
+            h(
+              Text,
+              { tag: "div", size: "sm", color: "muted", class: "font-medium" },
+              { default: () => props.emptyText }
+            )
+          ]
         )
       ] : resolvedNodes.value.map(
         (node, index) => renderNode(node, 1, index === resolvedNodes.value.length - 1)

package/dist/{chunk-KOLARHCT.js → chunk-DEDRUUK4.js}

@@ -179,6 +179,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           closable: true,
           maskClosable: false,
           showDefaultFooter: false,
+          className: "tiger-crop-upload-modal",
           "onUpdate:open": (val) => {
             if (!val) handleCancel();
           }

package/dist/{chunk-OW5D4LU6.js → chunk-DPHLBHJY.js}

@@ -1,4 +1,16 @@
-"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; }// src/components/Table.ts
+"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 _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+
+// src/components/Table.ts
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -13,6 +25,10 @@ var _vue = require('vue');
 
 
 
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 
 
@@ -1076,19 +1092,34 @@ function renderSummaryRow(ctx, props) {
 
 
 
-function renderPagination(ctx, props) {
+
+
+
+
+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, props, options = {}) {
   if (props.pagination === false || !ctx.paginationInfo.value) {
     return null;
   }
   const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo.value;
   const paginationConfig = props.pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.value.length;
+  const locale = options.disableI18n ? void 0 : options.locale;
+  const labels = locale ? _tigercatcore.getPaginationLabels.call(void 0, locale) : void 0;
+  const localeCode = _optionalChain([locale, 'optionalAccess', _81 => _81.locale]);
+  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : labels ? _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode) : formatDefaultTotalText(total, [startIndex, endIndex]);
+  const finalPrevText = paginationConfig.prevText || _optionalChain([labels, 'optionalAccess', _82 => _82.prevPageAriaLabel]) || DEFAULT_PREV_TEXT;
+  const finalNextText = paginationConfig.nextText || _optionalChain([labels, 'optionalAccess', _83 => _83.nextPageAriaLabel]) || DEFAULT_NEXT_TEXT;
+  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage.value, totalPages) : labels ? `${_tigercatcore.formatPageAriaLabel.call(void 0, labels.pageAriaLabel, ctx.currentPage.value, localeCode)} / ${_tigercatcore.formatIntlNumber.call(void 0, totalPages, localeCode)} ${labels.pageText}` : formatDefaultPageIndicatorText(ctx.currentPage.value, totalPages);
   return _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ) }, [
-    paginationConfig.showTotal !== false && _vue.h.call(void 0, 
-      "div",
-      { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) },
-      paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results`
-    ),
+    paginationConfig.showTotal !== false && _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) }, finalTotalText),
     _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ) }, [
       paginationConfig.showSizeChanger !== false && _vue.h.call(void 0, 
         "select",
@@ -1098,7 +1129,11 @@ function renderPagination(ctx, props) {
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value))
         },
         (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-          (size) => _vue.h.call(void 0, "option", { value: size }, `${size} / page`)
+          (size) => _vue.h.call(void 0, 
+            "option",
+            { value: size },
+            paginationConfig.pageSizeText ? paginationConfig.pageSizeText(size) : labels ? `${_tigercatcore.formatIntlNumber.call(void 0, size, localeCode)} ${labels.itemsPerPageText}` : `${size} / page`
+          )
         )
       ),
       _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ) }, [
@@ -1109,13 +1144,9 @@ function renderPagination(ctx, props) {
             disabled: !hasPrev,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value - 1)
           },
-          "Previous"
-        ),
-        _vue.h.call(void 0, 
-          "span",
-          { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) },
-          `Page ${ctx.currentPage.value} of ${totalPages}`
+          finalPrevText
         ),
+        _vue.h.call(void 0, "span", { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) }, finalPageIndicatorText),
         _vue.h.call(void 0, 
           "button",
           {
@@ -1123,7 +1154,7 @@ function renderPagination(ctx, props) {
             disabled: !hasNext,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value + 1)
           },
-          "Next"
+          finalNextText
         )
       ])
     ])
@@ -1136,11 +1167,44 @@ var Table = _vue.defineComponent.call(void 0, {
   props: tableProps,
   emits: tableEmits,
   setup(props, { emit, slots }) {
+    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
     const wrapperRef = _vue.ref.call(void 0, null);
     const tableRef = _vue.ref.call(void 0, null);
     const measuredColumnWidths = _vue.ref.call(void 0, {});
     const measuredRowHeights = _vue.ref.call(void 0, []);
     const ctx = useTableState(props, emit, measuredColumnWidths);
+    const resolvedPaginationLocale = _vue.ref.call(void 0, );
+    let paginationLocaleResolveId = 0;
+    const paginationLocaleInput = _vue.computed.call(void 0, 
+      () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination.locale : void 0
+    );
+    const isPaginationI18nDisabled = _vue.computed.call(void 0, () => paginationLocaleInput.value === false);
+    _vue.watch.call(void 0, 
+      paginationLocaleInput,
+      (locale) => {
+        const resolveId = ++paginationLocaleResolveId;
+        if (!locale) {
+          resolvedPaginationLocale.value = void 0;
+          return;
+        }
+        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
+        resolvedPaginationLocale.value = immediateLocale;
+        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
+        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+          if (resolveId === paginationLocaleResolveId) {
+            resolvedPaginationLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (resolveId === paginationLocaleResolveId) {
+            resolvedPaginationLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const paginationLocale = _vue.computed.call(void 0, 
+      () => isPaginationI18nDisabled.value ? void 0 : _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedPaginationLocale.value)
+    );
     const resizeController = _tigercatcore.createTableResizeObserverController.call(void 0, {
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1208,7 +1272,7 @@ var Table = _vue.defineComponent.call(void 0, {
           const rows = ctx.displayColumns.value.map((column) => {
             const dataKey = column.dataKey || column.key;
             const cellValue = record[dataKey];
-            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _81 => _81[`cell-${column.key}`], 'optionalCall', _82 => _82({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
+            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _84 => _84[`cell-${column.key}`], 'optionalCall', _85 => _85({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
             return _vue.h.call(void 0, "div", { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses }, [
               _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
               _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [cellContent])
@@ -1216,7 +1280,7 @@ var Table = _vue.defineComponent.call(void 0, {
           });
           const controls = [];
           if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
-            const checkboxProps = _optionalChain([resolvedProps, 'access', _83 => _83.rowSelection, 'access', _84 => _84.getCheckboxProps, 'optionalCall', _85 => _85(record)]) || {};
+            const checkboxProps = _optionalChain([resolvedProps, 'access', _86 => _86.rowSelection, 'access', _87 => _87.getCheckboxProps, 'optionalCall', _88 => _88(record)]) || {};
             controls.push(
               _vue.h.call(void 0, "input", {
                 type: resolvedProps.rowSelection.type === "radio" ? "radio" : "checkbox",
@@ -1244,7 +1308,7 @@ var Table = _vue.defineComponent.call(void 0, {
               )
             );
           }
-          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86["expanded-row"], 'optionalCall', _87 => _87({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _88 => _88.expandable, 'access', _89 => _89.expandedRowRender, 'optionalCall', _90 => _90(record, index)]))) : null;
+          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _89 => _89["expanded-row"], 'optionalCall', _90 => _90({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _91 => _91.expandable, 'access', _92 => _92.expandedRowRender, 'optionalCall', _93 => _93(record, index)]))) : null;
           return _vue.h.call(void 0, 
             "div",
             {
@@ -1302,7 +1366,10 @@ var Table = _vue.defineComponent.call(void 0, {
             },
             [LoadingSpinner(), _vue.h.call(void 0, "span", { class: "sr-only" }, "Loading")]
           ),
-          renderPagination(ctx, resolvedProps)
+          renderPagination(ctx, resolvedProps, {
+            locale: paginationLocale.value,
+            disableI18n: isPaginationI18nDisabled.value
+          })
         ]
       );
     };

package/dist/{chunk-VPNIZPIF.js → chunk-DS7RQFEG.js}

@@ -19,7 +19,6 @@ var _vue = require('vue');
 
 
 
-
 var _tigercatcore = require('@expcat/tigercat-core');
 var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
 var StepsItem = _vue.defineComponent.call(void 0, {
@@ -153,7 +152,21 @@ var StepsItem = _vue.defineComponent.call(void 0, {
         return _vue.h.call(void 0, "div", { class: iconClasses.value }, props.icon);
       }
       if (stepStatus.value === "finish") {
-        return _vue.h.call(void 0, "div", { class: iconClasses.value, "aria-hidden": "true" }, _tigercatcore.stepFinishChar);
+        return _vue.h.call(void 0, "div", { class: iconClasses.value, "aria-hidden": "true" }, [
+          _vue.h.call(void 0, "svg", {
+            class: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "3",
+            viewBox: "0 0 24 24"
+          }, [
+            _vue.h.call(void 0, "path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              d: "M4.5 12.75l6 6 9-13.5"
+            })
+          ])
+        ]);
       }
       return _vue.h.call(void 0, "div", { class: iconClasses.value }, String(props.stepIndex + 1));
     };

package/dist/{chunk-BGMQIUPP.js → chunk-EU4IGIPC.js}

@@ -188,7 +188,7 @@ var TaskBoard = _vue.defineComponent.call(void 0, {
       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)]"
       );
       const cardAttrs = {
         key: String(card.id),
@@ -240,7 +240,10 @@ var TaskBoard = _vue.defineComponent.call(void 0, {
           props.showCardCount && cardCount ? null : column.wipLimit != null ? _vue.h.call(void 0, 
             "span",
             {
-              class: "ml-2 text-xs font-normal opacity-70",
+              class: _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: _tigercatcore.resolveLocaleText.call(void 0, 
                 labels.value.wipLimitText.replace("{limit}", String(column.wipLimit))
               )
@@ -248,7 +251,7 @@ var TaskBoard = _vue.defineComponent.call(void 0, {
             `(${column.cards.length}/${column.wipLimit})`
           ) : _vue.h.call(void 0, 
             "span",
-            { class: "ml-2 text-xs font-normal opacity-50" },
+            { class: "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" },
             String(column.cards.length)
           )
         ]),
@@ -258,7 +261,7 @@ var TaskBoard = _vue.defineComponent.call(void 0, {
           {
             class: _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`
             )
           },
           cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`