@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-YCI7GRQY.mjs

@@ -0,0 +1,101 @@
+import { useFloatingPopup } from './chunk-WIPPSHI6.mjs';
+import { defineComponent, computed, h } from 'vue';
+import { createFloatingIdFactory, classNames, getTooltipContainerClasses, coerceClassValue, getTooltipTriggerClasses, getTooltipContentClasses } from '@expcat/tigercat-core';
+
+var createTooltipId = createFloatingIdFactory("tooltip");
+var Tooltip = defineComponent({
+  name: "TigerTooltip",
+  inheritAttrs: false,
+  props: {
+    /** Whether the tooltip is visible (controlled mode) */
+    visible: { type: Boolean, default: void 0 },
+    /** Default visibility (uncontrolled mode) @default false */
+    defaultVisible: { type: Boolean, default: false },
+    /** Tooltip content text */
+    content: { type: String, default: void 0 },
+    /** Trigger type @default 'hover' */
+    trigger: { type: String, default: "hover" },
+    /** Placement @default 'top' */
+    placement: { type: String, default: "top" },
+    /** Disabled state @default false */
+    disabled: { type: Boolean, default: false },
+    /** Offset in pixels @default 8 */
+    offset: { type: Number, default: 8 },
+    /** Additional CSS classes */
+    className: { type: String, default: void 0 },
+    style: { type: [String, Object, Array], default: void 0 }
+  },
+  emits: ["update:visible", "visible-change"],
+  setup(props, { slots, emit, attrs }) {
+    const attrsRecord = attrs;
+    const {
+      currentVisible,
+      containerRef,
+      triggerRef,
+      floatingRef,
+      floatingStyles,
+      triggerHandlers
+    } = useFloatingPopup({ props, emit });
+    const tooltipId = createTooltipId();
+    const containerClasses = computed(
+      () => classNames(getTooltipContainerClasses(), props.className, coerceClassValue(attrsRecord.class))
+    );
+    const triggerClasses = computed(() => getTooltipTriggerClasses(props.disabled));
+    const contentClasses = computed(() => getTooltipContentClasses());
+    return () => {
+      const defaultSlot = slots.default?.();
+      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      const hasTooltipContent = Boolean(props.content || slots.content);
+      return h(
+        "div",
+        {
+          ...restAttrs,
+          ref: containerRef,
+          class: containerClasses.value,
+          style: props.style
+        },
+        [
+          // Trigger element
+          h(
+            "div",
+            {
+              ref: triggerRef,
+              class: triggerClasses.value,
+              "aria-describedby": hasTooltipContent ? tooltipId : void 0,
+              ...triggerHandlers.value
+            },
+            defaultSlot
+          ),
+          // Tooltip content (positioned with Floating UI)
+          currentVisible.value ? h(
+            "div",
+            {
+              ref: floatingRef,
+              style: floatingStyles.value,
+              "aria-hidden": false
+            },
+            [
+              h(
+                "div",
+                {
+                  id: tooltipId,
+                  role: "tooltip",
+                  class: contentClasses.value
+                },
+                slots.content ? slots.content() : props.content
+              )
+            ]
+          ) : null
+        ]
+      );
+    };
+  }
+});
+var Tooltip_default = Tooltip;
+
+export { Tooltip, Tooltip_default };

package/dist/{chunk-FVL7HDPG.mjs → chunk-YCUO6ZKS.mjs}

@@ -1,9 +1,9 @@
-import { StepsItem } from './chunk-5CGS2CPE.mjs';
-import { Steps } from './chunk-BCMEJAC7.mjs';
-import { Button } from './chunk-YMIO4A2U.mjs';
-import { Alert } from './chunk-6NWG6SG3.mjs';
-import { defineComponent, ref, watch, computed, h } from 'vue';
-import { classNames, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
+import { StepsItem } from './chunk-BQEVLY2O.mjs';
+import { Steps } from './chunk-7UU4PULK.mjs';
+import { useTigerConfig } from './chunk-TRDG56CB.mjs';
+import { Button } from './chunk-D6MR5YRE.mjs';
+import { defineComponent, computed, ref, watch, h } from 'vue';
+import { mergeTigerLocale, getFormWizardLabels, classNames, coerceClassValue, mergeStyleValues, resolveLocaleText } from '@expcat/tigercat-core';
 
 var FormWizard = defineComponent({
   name: "TigerFormWizard",
@@ -47,20 +47,24 @@ var FormWizard = defineComponent({
     },
     prevText: {
       type: String,
-      default: "Previous"
+      default: void 0
     },
     nextText: {
       type: String,
-      default: "Next"
+      default: void 0
     },
     finishText: {
       type: String,
-      default: "Finish"
+      default: void 0
     },
     beforeNext: {
       type: Function,
       default: void 0
     },
+    locale: {
+      type: Object,
+      default: void 0
+    },
     className: {
       type: String,
       default: void 0
@@ -72,8 +76,10 @@ var FormWizard = defineComponent({
   },
   emits: ["change", "update:current", "finish"],
   setup(props, { slots, attrs, emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getFormWizardLabels(mergedLocale.value));
     const innerCurrent = ref(props.current ?? props.defaultCurrent);
-    const errorMessage = ref(null);
     watch(
       () => props.current,
       (value) => {
@@ -95,7 +101,7 @@ var FormWizard = defineComponent({
     const currentStep = computed(() => props.steps[currentIndex.value]);
     const wrapperClasses = computed(
       () => classNames(
-        "tiger-form-wizard flex flex-col gap-6 w-full",
+        "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
         props.className,
         coerceClassValue(attrs.class)
       )
@@ -118,24 +124,16 @@ var FormWizard = defineComponent({
     };
     const runBeforeNext = async () => {
       if (!props.beforeNext || !currentStep.value) {
-        errorMessage.value = null;
         return true;
       }
       const result = await props.beforeNext(currentIndex.value, currentStep.value, props.steps);
       if (result === true) {
-        errorMessage.value = null;
         return true;
       }
-      if (typeof result === "string") {
-        errorMessage.value = result;
-      } else {
-        errorMessage.value = null;
-      }
       return false;
     };
     const handlePrev = () => {
       if (currentIndex.value <= 0 || props.steps[currentIndex.value - 1]?.disabled) return;
-      errorMessage.value = null;
       setCurrent(currentIndex.value - 1);
     };
     const handleNext = async () => {
@@ -148,7 +146,6 @@ var FormWizard = defineComponent({
         return;
       }
       if (props.steps[currentIndex.value + 1]?.disabled) return;
-      errorMessage.value = null;
       setCurrent(currentIndex.value + 1);
     };
     const handleStepChange = async (nextIndex) => {
@@ -157,7 +154,6 @@ var FormWizard = defineComponent({
         const ok = await runBeforeNext();
         if (!ok) return;
       }
-      errorMessage.value = null;
       setCurrent(nextIndex);
     };
     const renderContent = () => {
@@ -197,61 +193,54 @@ var FormWizard = defineComponent({
           "data-tiger-form-wizard": ""
         },
         [
-          props.showSteps && props.steps.length > 0 ? h(
-            Steps,
-            {
-              current: currentIndex.value,
-              direction: props.direction,
-              size: props.size,
-              simple: props.simple,
-              clickable: props.clickable,
-              "onUpdate:current": handleStepChange
-            },
-            { default: () => stepsNodes }
-          ) : null,
-          errorMessage.value ? h(Alert, {
-            type: "error",
-            description: errorMessage.value,
-            className: "tiger-form-wizard-alert"
-          }) : null,
+          props.showSteps && props.steps.length > 0 ? h("div", { class: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]" }, [
+            h(
+              Steps,
+              {
+                current: currentIndex.value,
+                direction: props.direction,
+                size: props.size,
+                simple: props.simple,
+                clickable: props.clickable,
+                "onUpdate:current": handleStepChange
+              },
+              { default: () => stepsNodes }
+            )
+          ]) : null,
           h(
+            "div",
+            { class: "px-6 py-4 flex flex-col items-center" },
+            { default: () => renderContent() }
+          ),
+          props.showActions ? h(
             "div",
             {
-              class: "tiger-form-wizard-body rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-6"
+              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)]"
             },
-            {
-              default: () => [
-                renderContent(),
-                props.showActions ? h(
-                  "div",
-                  {
-                    class: "tiger-form-wizard-actions flex items-center justify-between border-t border-[var(--tiger-border,#e5e7eb)] pt-4 mt-6"
-                  },
-                  [
-                    h(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "secondary",
-                        disabled: isFirst,
-                        onClick: handlePrev
-                      },
-                      { default: () => props.prevText }
-                    ),
-                    h(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "primary",
-                        onClick: handleNext
-                      },
-                      { default: () => isLast ? props.finishText : props.nextText }
-                    )
-                  ]
-                ) : null
-              ]
-            }
-          )
+            [
+              h(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  disabled: isFirst,
+                  onClick: handlePrev
+                },
+                { default: () => resolveLocaleText(labels.value.prevText, props.prevText) }
+              ),
+              h(
+                Button,
+                {
+                  type: "button",
+                  variant: "primary",
+                  onClick: handleNext
+                },
+                {
+                  default: () => isLast ? resolveLocaleText(labels.value.finishText, props.finishText) : resolveLocaleText(labels.value.nextText, props.nextText)
+                }
+              )
+            ]
+          ) : null
         ]
       );
     };

package/dist/chunk-YEHKQ3JZ.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, computed, h } from 'vue';
+import { getSkeletonClasses, getSkeletonDimensions, getParagraphRowWidth, classNames, mergeStyleValues, coerceClassValue } from '@expcat/tigercat-core';
+
+// src/components/Skeleton.ts
+var Skeleton = defineComponent({
+  name: "TigerSkeleton",
+  inheritAttrs: false,
+  props: {
+    variant: {
+      type: String,
+      default: "text"
+    },
+    animation: {
+      type: String,
+      default: "pulse"
+    },
+    width: {
+      type: String,
+      default: void 0
+    },
+    height: {
+      type: String,
+      default: void 0
+    },
+    shape: {
+      type: String,
+      default: "circle"
+    },
+    rows: {
+      type: Number,
+      default: 1
+    },
+    paragraph: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { attrs }) {
+    const visualClasses = computed(
+      () => getSkeletonClasses(props.variant, props.animation, props.shape)
+    );
+    const dimensions = computed(
+      () => getSkeletonDimensions(props.variant, props.width, props.height)
+    );
+    return () => {
+      const attrsRecord = attrs;
+      const attrsClass = attrsRecord.class;
+      const attrsStyle = attrsRecord.style;
+      const hasAriaLabel = typeof attrsRecord["aria-label"] === "string" || typeof attrsRecord["aria-labelledby"] === "string";
+      const ariaHiddenRaw = attrsRecord["aria-hidden"];
+      const computedAriaHidden = typeof ariaHiddenRaw === "boolean" ? ariaHiddenRaw : hasAriaLabel ? void 0 : true;
+      if (props.variant === "text" && props.rows > 1) {
+        const rows = [];
+        for (let i = 0; i < props.rows; i++) {
+          const rowStyle = {
+            height: dimensions.value.height
+          };
+          if (props.paragraph) {
+            rowStyle.width = getParagraphRowWidth(i, props.rows);
+          } else if (dimensions.value.width) {
+            rowStyle.width = dimensions.value.width;
+          }
+          rows.push(
+            h("div", {
+              key: i,
+              class: classNames(visualClasses.value, i < props.rows - 1 && "mb-2"),
+              style: rowStyle
+            })
+          );
+        }
+        return h(
+          "div",
+          {
+            ...attrs,
+            class: classNames("flex flex-col", props.className, coerceClassValue(attrsClass)),
+            style: mergeStyleValues(attrsStyle, props.style),
+            "aria-hidden": computedAriaHidden
+          },
+          rows
+        );
+      }
+      const dim = dimensions.value;
+      return h("div", {
+        ...attrs,
+        class: classNames(visualClasses.value, props.className, coerceClassValue(attrsClass)),
+        style: mergeStyleValues(attrsStyle, props.style, {
+          ...dim.width ? { width: dim.width } : void 0,
+          height: dim.height
+        }),
+        "aria-hidden": computedAriaHidden
+      });
+    };
+  }
+});
+var Skeleton_default = Skeleton;
+
+export { Skeleton, Skeleton_default };

package/dist/{chunk-WNLRR2NM.mjs → chunk-YXN3YY5Y.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, h } from 'vue';
-import { classNames, getCardClasses, cardSizeClasses, cardBodyClasses, mergeStyleValues, coerceClassValue, cardCoverWrapperClasses, cardCoverClasses, cardActionsClasses, cardFooterClasses, cardHeaderClasses } from '@expcat/tigercat-core';
+import { classNames, getCardClasses, cardSizeClasses, mergeStyleValues, coerceClassValue, cardCoverWrapperClasses, cardCoverClasses, cardActionsClasses, cardFooterClasses, cardHeaderClasses } from '@expcat/tigercat-core';
 
 // src/components/Card.ts
 var Card = defineComponent({
@@ -60,15 +60,12 @@ var Card = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const cardClasses = computed(() => {
-      return classNames(
+    const cardClasses = computed(
+      () => classNames(
         getCardClasses(props.variant, props.hoverable),
         !props.cover && cardSizeClasses[props.size]
-      );
-    });
-    const bodyClasses = computed(() => {
-      return classNames(cardBodyClasses, props.cover && cardSizeClasses[props.size]);
-    });
+      )
+    );
     const sectionSizeClass = computed(() => props.cover ? cardSizeClasses[props.size] : void 0);
     const getSectionClasses = (baseClasses) => classNames(baseClasses, sectionSizeClass.value);
     return () => {
@@ -91,7 +88,7 @@ var Card = defineComponent({
             })
           ]) : null,
           slots.header ? h("div", { class: getSectionClasses(cardHeaderClasses) }, slots.header()) : null,
-          slots.default ? h("div", { class: bodyClasses.value }, slots.default()) : null,
+          slots.default ? h("div", { class: sectionSizeClass.value }, slots.default()) : null,
           slots.footer ? h("div", { class: getSectionClasses(cardFooterClasses) }, slots.footer()) : null,
           slots.actions ? h(
             "div",

package/dist/{chunk-ZMU5PLEQ.js → chunk-YZK2HXRT.js}

@@ -1,23 +1,13 @@
 'use strict';
 
-var chunkCGJTYURK_js = require('./chunk-CGJTYURK.js');
-var chunkE3FDI3Y5_js = require('./chunk-E3FDI3Y5.js');
-var chunk36KWP3NX_js = require('./chunk-36KWP3NX.js');
-var chunkUBMNR3BJ_js = require('./chunk-UBMNR3BJ.js');
-var chunkN5I5Y5JG_js = require('./chunk-N5I5Y5JG.js');
-var chunkZAEX6EMJ_js = require('./chunk-ZAEX6EMJ.js');
-var chunk2ONL76L4_js = require('./chunk-2ONL76L4.js');
+var chunk3PQIZBT5_js = require('./chunk-3PQIZBT5.js');
+var chunkHNQZ5JRB_js = require('./chunk-HNQZ5JRB.js');
+var chunkAGAJJYP2_js = require('./chunk-AGAJJYP2.js');
+var chunkWC4B72TZ_js = require('./chunk-WC4B72TZ.js');
+var chunkDELTFEEJ_js = require('./chunk-DELTFEEJ.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
-var resolveFilterLabel = (filter, value) => {
-  const option = filter.options.find((item) => item.value === value);
-  if (option) return `${filter.label}: ${option.label}`;
-  if (value !== null && value !== void 0 && value !== "") {
-    return `${filter.label}: ${String(value)}`;
-  }
-  return filter.placeholder ?? filter.label;
-};
 var DataTableWithToolbar = vue.defineComponent({
   name: "TigerDataTableWithToolbar",
   inheritAttrs: false,
@@ -218,79 +208,57 @@ var DataTableWithToolbar = vue.defineComponent({
       if (hasSearch.value) {
         const showButton = props.toolbar?.showSearchButton ?? true;
         leftNodes.push(
-          vue.h("div", { class: "flex items-center gap-2" }, [
-            vue.h(chunkZAEX6EMJ_js.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();
-                }
-              }
-            }),
-            showButton ? vue.h(
-              chunk2ONL76L4_js.Button,
-              {
+          vue.h(
+            "div",
+            { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]" },
+            [
+              vue.h(chunkWC4B72TZ_js.Input, {
+                type: "search",
                 size: "sm",
-                variant: "primary",
-                class: "whitespace-nowrap",
-                onClick: handleSearchSubmit,
-                disabled: !canSearch.value
-              },
-              { default: () => props.toolbar?.searchButtonText ?? "\u641C\u7D22" }
-            ) : null
-          ])
+                modelValue: searchValue.value,
+                placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
+                onKeydown: (event) => {
+                  if (event.key === "Enter") {
+                    handleSearchSubmit();
+                  }
+                }
+              }),
+              showButton ? vue.h(
+                chunkDELTFEEJ_js.Button,
+                {
+                  size: "sm",
+                  variant: "primary",
+                  class: "whitespace-nowrap shrink-0",
+                  onClick: handleSearchSubmit,
+                  disabled: !canSearch.value
+                },
+                { default: () => props.toolbar?.searchButtonText ?? "\u641C\u7D22" }
+              ) : null
+            ]
+          )
         );
       }
       if (hasFilters.value) {
         props.toolbar?.filters?.forEach((filter) => {
           const currentValue = resolvedFilters.value[filter.key];
-          const triggerLabel = resolveFilterLabel(filter, currentValue);
           const clearable = filter.clearable !== false;
-          const clearLabel = filter.clearLabel ?? "\u5168\u90E8";
-          const isActive = currentValue !== null && currentValue !== void 0 && currentValue !== "";
           leftNodes.push(
-            vue.h(
-              chunkUBMNR3BJ_js.Dropdown,
-              { trigger: "click" },
-              {
-                default: () => [
-                  vue.h(
-                    chunk2ONL76L4_js.Button,
-                    {
-                      size: "sm",
-                      variant: isActive ? "secondary" : "outline",
-                      class: "whitespace-nowrap"
-                    },
-                    { default: () => triggerLabel }
-                  ),
-                  vue.h(chunkN5I5Y5JG_js.DropdownMenu, null, {
-                    default: () => [
-                      ...clearable ? [
-                        vue.h(
-                          chunk36KWP3NX_js.DropdownItem,
-                          { onClick: () => handleFilterSelect(filter, null) },
-                          { default: () => clearLabel }
-                        )
-                      ] : [],
-                      ...filter.options.map(
-                        (option) => vue.h(
-                          chunk36KWP3NX_js.DropdownItem,
-                          {
-                            key: String(option.value),
-                            onClick: () => handleFilterSelect(filter, option.value)
-                          },
-                          { default: () => option.label }
-                        )
-                      )
-                    ]
-                  })
-                ]
-              }
-            )
+            vue.h("div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
+              vue.h(chunkHNQZ5JRB_js.Select, {
+                size: "sm",
+                options: filter.options.map((opt) => ({
+                  label: opt.label,
+                  value: opt.value
+                })),
+                modelValue: currentValue ?? void 0,
+                placeholder: filter.placeholder ?? filter.label,
+                clearable,
+                "onUpdate:modelValue": (value) => {
+                  handleFilterSelect(filter, value ?? null);
+                }
+              })
+            ])
           );
         });
       }
@@ -308,7 +276,7 @@ var DataTableWithToolbar = vue.defineComponent({
         (props.toolbar?.bulkActions ?? []).forEach((action) => {
           bulkChildren.push(
             vue.h(
-              chunk2ONL76L4_js.Button,
+              chunkDELTFEEJ_js.Button,
               {
                 key: action.key,
                 size: "sm",
@@ -321,10 +289,18 @@ var DataTableWithToolbar = vue.defineComponent({
           );
         });
       }
-      return vue.h("div", { class: "tiger-data-table-toolbar flex flex-wrap items-center gap-2" }, [
-        vue.h("div", { class: "flex items-center gap-2 flex-wrap" }, leftNodes),
-        hasBulkActions.value ? vue.h("div", { class: "ml-auto flex items-center gap-2 flex-wrap" }, bulkChildren) : null
-      ]);
+      return vue.h(
+        "div",
+        { class: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3" },
+        [
+          vue.h("div", { class: "flex items-center gap-2 flex-wrap flex-1 min-w-0" }, leftNodes),
+          hasBulkActions.value ? vue.h(
+            "div",
+            { class: "flex items-center gap-2 flex-wrap ml-auto shrink-0" },
+            bulkChildren
+          ) : null
+        ]
+      );
     };
     return () => {
       const { class: _class, style: _style, ...restAttrs } = attrs;
@@ -362,8 +338,8 @@ var DataTableWithToolbar = vue.defineComponent({
         },
         [
           renderToolbar(),
-          vue.h(chunkCGJTYURK_js.Table, tableProps),
-          showPagination ? vue.h(chunkE3FDI3Y5_js.Pagination, {
+          vue.h(chunk3PQIZBT5_js.Table, tableProps),
+          showPagination ? vue.h(chunkAGAJJYP2_js.Pagination, {
             ...props.pagination,
             onChange: (current, pageSize) => emit("page-change", current, pageSize),
             onPageSizeChange: (current, pageSize) => emit("page-size-change", current, pageSize)