@expcat/tigercat-vue 1.2.23 → 1.2.31

package/dist/{chunk-XMGU52S5.js → chunk-L6W3XL3A.js}

@@ -163,23 +163,9 @@ var CommentThread = _vue.defineComponent.call(void 0, {
         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) => _vue.h.call(void 0, 
-      _chunk4VLNT2EDjs.Button,
-      {
-        key,
-        size: "sm",
-        variant: "ghost",
-        className: _tigercatcore.classNames.call(void 0, 
-          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 = _vue.defineComponent.call(void 0, {
         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
+          _vue.h.call(void 0, 
+            _chunk4VLNT2EDjs.Button,
+            {
+              key: "like",
+              size: "sm",
+              variant: "ghost",
+              className: _tigercatcore.classNames.call(void 0, 
+                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: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
+                _vue.h.call(void 0, "svg", {
+                  class: _tigercatcore.classNames.call(void 0, "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"
+                }, [
+                  _vue.h.call(void 0, "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"
+                  })
+                ]),
+                _vue.h.call(void 0, "span", `${likeLabel}${likeCount}`)
+              ])
+            }
           )
         );
       }
       if (props.showReply) {
         actions.push(
-          renderActionButton(props.replyText, "reply", () => {
-            replyingTo.value = replyingTo.value === node.id ? null : node.id;
-            replyValue.value = "";
-          })
+          _vue.h.call(void 0, 
+            _chunk4VLNT2EDjs.Button,
+            {
+              key: "reply",
+              size: "sm",
+              variant: "ghost",
+              className: _tigercatcore.classNames.call(void 0, 
+                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: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
+                _vue.h.call(void 0, "svg", {
+                  class: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }, [
+                  _vue.h.call(void 0, "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"
+                  })
+                ]),
+                _vue.h.call(void 0, "span", props.replyText)
+              ])
+            }
+          )
         );
       }
       if (props.showMore) {
-        actions.push(renderActionButton(props.moreText, "more", () => emit("more", node)));
+        actions.push(
+          _vue.h.call(void 0, 
+            _chunk4VLNT2EDjs.Button,
+            {
+              key: "more",
+              size: "sm",
+              variant: "ghost",
+              className: _tigercatcore.classNames.call(void 0, 
+                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: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
+                _vue.h.call(void 0, "svg", {
+                  class: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }, [
+                  _vue.h.call(void 0, "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"
+                  })
+                ]),
+                _vue.h.call(void 0, "span", props.moreText)
+              ])
+            }
+          )
+        );
       }
       if (node.actions && node.actions.length > 0) {
         node.actions.forEach((action, index) => {
@@ -222,7 +294,10 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 key: actionKey,
                 size: "sm",
                 variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-                className: ACTION_BTN,
+                className: _tigercatcore.classNames.call(void 0, 
+                  ACTION_BTN,
+                  "hover:bg-gray-100 dark:hover:bg-gray-800"
+                ),
                 disabled: action.disabled,
                 onClick: () => {
                   _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(node, action)]);
@@ -239,8 +314,8 @@ var CommentThread = _vue.defineComponent.call(void 0, {
         {
           class: _tigercatcore.classNames.call(void 0, 
             "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 = _vue.defineComponent.call(void 0, {
               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,
             _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
               _vue.h.call(void 0, "div", { class: "flex items-center gap-2 flex-wrap" }, [
                 _optionalChain([node, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.name]) ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.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: () => _optionalChain([node, 'access', _5 => _5.user, 'optionalAccess', _6 => _6.name]) }
                 ) : null,
                 _optionalChain([node, 'access', _7 => _7.user, 'optionalAccess', _8 => _8.title]) ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.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: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
                 node.tag ? _vue.h.call(void 0, 
                   _chunk2KDSHEZTjs.Tag,
-                  { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")) },
+                  { size: "sm", variant: _nullishCoalesce(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: () => _optionalChain([node, 'access', _11 => _11.tag, 'optionalAccess', _12 => _12.label]) }
                 ) : null,
                 ...(_nullishCoalesce(node.tags, () => ( []))).map(
@@ -275,36 +350,37 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                     {
                       key: `${node.id}-tag-${index}`,
                       size: "sm",
-                      variant: _nullishCoalesce(tag.variant, () => ( "default"))
+                      variant: _nullishCoalesce(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 ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.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: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
                 ) : null
               ]),
               _vue.h.call(void 0, 
                 "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 ? _vue.h.call(void 0, "div", { class: "flex flex-wrap items-center gap-1" }, actions) : null,
+              actions.length > 0 ? _vue.h.call(void 0, "div", { class: "flex flex-wrap items-center gap-1.5" }, actions) : null,
               replyingTo.value === node.id ? _vue.h.call(void 0, 
                 "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"
                 },
                 [
                   _vue.h.call(void 0, _chunk6FXYRDYHjs.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 = _vue.defineComponent.call(void 0, {
                       {
                         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 = _vue.defineComponent.call(void 0, {
                       {
                         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 = _vue.defineComponent.call(void 0, {
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: _tigercatcore.classNames.call(void 0, "mt-2", PRIMARY_BTN),
+                  className: _tigercatcore.classNames.call(void 0, "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 = _vue.defineComponent.call(void 0, {
                 "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 = _vue.defineComponent.call(void 0, {
       const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B")));
       const children = resolvedNodes.value.length === 0 ? [
         _vue.h.call(void 0, 
-          _chunkTGHB5XSTjs.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" },
+          [
+            _vue.h.call(void 0, "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"
+            }, [
+              _vue.h.call(void 0, "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"
+              })
+            ]),
+            _vue.h.call(void 0, 
+              _chunkTGHB5XSTjs.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-F5JPUPWI.mjs → chunk-OF4MY6EC.mjs}

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

package/dist/{chunk-KLX7YHP2.mjs → chunk-OZLSZQXF.mjs}

@@ -1,7 +1,7 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-PUSTYAMS.mjs";
+} from "./chunk-RE7K3KNW.mjs";
 import {
   useTigerConfig
 } from "./chunk-VG6E4NX6.mjs";
@@ -22,6 +22,60 @@ import {
   findNextUnskippedStep,
   runStepValidation
 } from "@expcat/tigercat-core";
+var renderArrowLeftIcon = () => h(
+  "svg",
+  {
+    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:-translate-x-0.5",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
+  },
+  [
+    h("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
+    })
+  ]
+);
+var renderArrowRightIcon = () => h(
+  "svg",
+  {
+    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:translate-x-0.5",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
+  },
+  [
+    h("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
+    })
+  ]
+);
+var renderCheckIcon = () => h(
+  "svg",
+  {
+    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:scale-110",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2.5",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
+  },
+  [
+    h("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.5 12.75l6 6 9-13.5"
+    })
+  ]
+);
 var FormWizard = defineComponent({
   name: "TigerFormWizard",
   inheritAttrs: false,
@@ -82,6 +136,10 @@ var FormWizard = defineComponent({
       type: Object,
       default: void 0
     },
+    bordered: {
+      type: Boolean,
+      default: true
+    },
     autoSave: {
       type: Function,
       default: void 0
@@ -122,7 +180,8 @@ var FormWizard = defineComponent({
     const currentStep = computed(() => props.steps[currentIndex.value]);
     const wrapperClasses = computed(
       () => classNames(
-        "tiger-form-wizard w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+        "tiger-form-wizard w-full overflow-hidden transition-all duration-300",
+        props.bordered ? "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "bg-transparent",
         props.className,
         coerceClassValue(attrs.class)
       )
@@ -199,6 +258,14 @@ var FormWizard = defineComponent({
       );
       const isFirst = currentIndex.value <= 0;
       const isLast = currentIndex.value >= totalCount.value - 1;
+      const stepsHeaderClass = classNames(
+        "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
+        props.bordered ? "border-b border-[var(--tiger-border,#e5e7eb)]" : ""
+      );
+      const actionsContainerClass = classNames(
+        "flex items-center justify-between gap-3 px-8 py-4 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
+        props.bordered ? "border-t border-[var(--tiger-border,#e5e7eb)]" : ""
+      );
       return h(
         "div",
         {
@@ -208,7 +275,7 @@ var FormWizard = defineComponent({
           "data-tiger-form-wizard": ""
         },
         [
-          props.showSteps && props.steps.length > 0 ? h("div", { class: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]" }, [
+          props.showSteps && props.steps.length > 0 ? h("div", { class: stepsHeaderClass }, [
             h(
               Steps,
               {
@@ -224,31 +291,35 @@ var FormWizard = defineComponent({
           ]) : null,
           h(
             "div",
-            { class: "px-6 py-4 flex flex-col items-center" },
+            { class: "px-8 py-6 flex flex-col items-center w-full min-h-[120px] transition-all duration-300" },
             { default: () => renderContent() }
           ),
           props.showActions ? h(
             "div",
-            {
-              class: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]"
-            },
+            { class: actionsContainerClass },
             [
-              h(
+              !isFirst ? h(
                 Button,
                 {
                   type: "button",
                   variant: "secondary",
-                  disabled: isFirst,
-                  onClick: handlePrev
+                  class: "group",
+                  onClick: handlePrev,
+                  size: props.size === "small" ? "sm" : "md",
+                  icon: renderArrowLeftIcon()
                 },
                 { default: () => resolveLocaleText(labels.value.prevText, props.prevText) }
-              ),
+              ) : h("div"),
               h(
                 Button,
                 {
                   type: "button",
                   variant: "primary",
-                  onClick: handleNext
+                  class: "group",
+                  onClick: handleNext,
+                  size: props.size === "small" ? "sm" : "md",
+                  icon: isLast ? renderCheckIcon() : renderArrowRightIcon(),
+                  iconPosition: isLast ? "left" : "right"
                 },
                 {
                   default: () => isLast ? resolveLocaleText(labels.value.finishText, props.finishText) : resolveLocaleText(labels.value.nextText, props.nextText)

package/dist/{chunk-ATRF7NPJ.mjs → chunk-PKMSTN65.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-NMVKDWMK.mjs";
+} from "./chunk-7U673KY5.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
@@ -197,7 +197,8 @@ var DataTableWithToolbar = defineComponent({
     const bulkLabel = computed(() => props.toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9");
     const wrapperClasses = computed(
       () => classNames(
-        "tiger-data-table-with-toolbar flex flex-col gap-3",
+        "tiger-data-table-with-toolbar flex flex-col",
+        props.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",
         props.className,
         coerceClassValue(attrs.class)
       )
@@ -248,26 +249,49 @@ var DataTableWithToolbar = defineComponent({
         leftNodes.push(
           h(
             "div",
-            { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]" },
+            { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]" },
             [
-              h(Input, {
-                type: "search",
-                size: "sm",
-                modelValue: searchValue.value,
-                placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
-                "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
-                onKeydown: (event) => {
-                  if (event.key === "Enter") {
-                    handleSearchSubmit();
+              h(
+                Input,
+                {
+                  type: "search",
+                  size: "sm",
+                  modelValue: searchValue.value,
+                  placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                  "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
+                  onKeydown: (event) => {
+                    if (event.key === "Enter") {
+                      handleSearchSubmit();
+                    }
                   }
+                },
+                {
+                  prefix: () => h(
+                    "svg",
+                    {
+                      class: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      viewBox: "0 0 24 24",
+                      "aria-hidden": "true"
+                    },
+                    [
+                      h("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                      })
+                    ]
+                  )
                 }
-              }),
+              ),
               showButton ? h(
                 Button,
                 {
                   size: "sm",
                   variant: "primary",
-                  class: "whitespace-nowrap shrink-0",
+                  class: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
                   disabled: !canSearch.value
                 },
@@ -305,9 +329,16 @@ var DataTableWithToolbar = defineComponent({
         if (selectedCount.value > 0) {
           bulkChildren.push(
             h(
-              "span",
-              { class: "text-sm text-[var(--tiger-text-muted,#6b7280)]" },
-              `${bulkLabel.value} ${selectedCount.value} \u9879`
+              "div",
+              {
+                class: "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"
+              },
+              [
+                h("span", {
+                  class: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse"
+                }),
+                h("span", null, `${bulkLabel.value} ${selectedCount.value} \u9879`)
+              ]
             )
           );
         }
@@ -331,15 +362,18 @@ var DataTableWithToolbar = defineComponent({
       return h(
         "div",
         {
-          class: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3",
+          class: classNames(
+            "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
+            props.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"
         },
         [
-          h("div", { class: "flex items-center gap-2 flex-wrap flex-1 min-w-0" }, leftNodes),
+          h("div", { class: "flex items-center gap-3 flex-wrap flex-1 min-w-0" }, leftNodes),
           hasBulkActions.value ? h(
             "div",
-            { class: "flex items-center gap-2 flex-wrap ml-auto shrink-0" },
+            { class: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0" },
             bulkChildren
           ) : null
         ]
@@ -369,6 +403,7 @@ var DataTableWithToolbar = defineComponent({
         stickyHeader: props.stickyHeader,
         maxHeight: props.maxHeight,
         tableLayout: props.tableLayout,
+        class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
       };

package/dist/{chunk-PUSTYAMS.mjs → chunk-RE7K3KNW.mjs}

@@ -18,8 +18,7 @@ import {
   getStepTitleClasses,
   getStepDescriptionClasses,
   getStepsContainerClasses,
-  calculateStepStatus,
-  stepFinishChar
+  calculateStepStatus
 } from "@expcat/tigercat-core";
 var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
 var StepsItem = defineComponent({
@@ -153,7 +152,21 @@ var StepsItem = defineComponent({
         return h("div", { class: iconClasses.value }, props.icon);
       }
       if (stepStatus.value === "finish") {
-        return h("div", { class: iconClasses.value, "aria-hidden": "true" }, stepFinishChar);
+        return h("div", { class: iconClasses.value, "aria-hidden": "true" }, [
+          h("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"
+          }, [
+            h("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              d: "M4.5 12.75l6 6 9-13.5"
+            })
+          ])
+        ]);
       }
       return h("div", { class: iconClasses.value }, String(props.stepIndex + 1));
     };