@expcat/tigercat-vue 2.2.0 → 2.3.0

package/dist/chunk-2WUDJQT7.mjs

@@ -0,0 +1,219 @@
+import {
+  Timeline
+} from "./chunk-K46SNCCE.mjs";
+import {
+  Tag
+} from "./chunk-7PLYHGMY.mjs";
+import {
+  Button
+} from "./chunk-4KIZXFFG.mjs";
+
+// src/components/WorkflowTimeline.ts
+import { computed, defineComponent, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  resolveWorkflowActionButtonProps,
+  shouldShowWorkflowActions,
+  timelineDescriptionClasses,
+  timelineLabelClasses,
+  workflowStepsToTimelineItems,
+  workflowStepStatusLabel,
+  workflowStepStatusTagVariant
+} from "@expcat/tigercat-core";
+var workflowTimelineRootClasses = "flex flex-col gap-4";
+var workflowActionBarClasses = "flex flex-wrap items-center gap-2";
+var workflowStepHeaderClasses = "flex flex-wrap items-center gap-2";
+var workflowStepActorClasses = "text-sm text-[var(--tiger-text-muted,#6b7280)]";
+var workflowStepCommentClasses = "text-sm text-[var(--tiger-text-secondary,#4b5563)] mt-1";
+function isWorkflowTimelineItem(item) {
+  return typeof item === "object" && item != null && "step" in item && "status" in item && typeof item.status === "string";
+}
+function renderStepContent(item) {
+  const step = item.step;
+  const title = step.title ?? step.label;
+  const statusLabel = workflowStepStatusLabel(item.status);
+  return h("div", { class: "min-w-0" }, [
+    step.time ? h("div", { class: timelineLabelClasses }, step.time) : null,
+    h("div", { class: workflowStepHeaderClasses }, [
+      title ? h("div", { class: timelineDescriptionClasses }, title) : null,
+      h(
+        Tag,
+        {
+          variant: workflowStepStatusTagVariant(item.status),
+          size: "sm",
+          pill: true
+        },
+        { default: () => statusLabel }
+      )
+    ]),
+    step.actor?.name ? h("div", { class: workflowStepActorClasses }, step.actor.name) : null,
+    step.comment ? h("div", { class: workflowStepCommentClasses }, step.comment) : null
+  ]);
+}
+var WorkflowActionBar = defineComponent({
+  name: "TigerWorkflowActionBar",
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: void 0
+    },
+    disabled: Boolean,
+    ariaLabel: {
+      type: String,
+      default: void 0
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["action"],
+  setup(props, { emit, attrs }) {
+    const toolbarClasses = computed(
+      () => classNames(workflowActionBarClasses, props.className, coerceClassValue(attrs.class))
+    );
+    const toolbarStyle = computed(() => mergeStyleValues(attrs.style, props.style));
+    return () => {
+      const items = props.items ?? [];
+      return h(
+        "div",
+        {
+          ...attrs,
+          class: toolbarClasses.value,
+          style: toolbarStyle.value,
+          role: "toolbar",
+          "aria-label": props.ariaLabel ?? attrs["aria-label"] ?? "Workflow actions"
+        },
+        items.map((item) => {
+          const buttonProps = resolveWorkflowActionButtonProps(item);
+          const disabled = Boolean(props.disabled || item.disabled);
+          return h(
+            Button,
+            {
+              key: item.key,
+              size: "sm",
+              variant: buttonProps.variant,
+              danger: buttonProps.danger,
+              disabled,
+              onClick: () => {
+                if (disabled) return;
+                emit("action", item);
+              }
+            },
+            { default: () => item.label }
+          );
+        })
+      );
+    };
+  }
+});
+var WorkflowTimeline = defineComponent({
+  name: "TigerWorkflowTimeline",
+  inheritAttrs: false,
+  props: {
+    steps: {
+      type: Array,
+      default: void 0
+    },
+    actions: {
+      type: Array,
+      default: void 0
+    },
+    showActions: {
+      type: Boolean,
+      default: void 0
+    },
+    mode: {
+      type: String,
+      default: "left"
+    },
+    pending: {
+      type: Boolean,
+      default: false
+    },
+    pendingDot: {
+      type: [String, Object],
+      default: void 0
+    },
+    reverse: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["action"],
+  setup(props, { emit, slots, attrs }) {
+    const timelineItems = computed(() => workflowStepsToTimelineItems(props.steps));
+    const showActionBar = computed(
+      () => shouldShowWorkflowActions(props.steps, props.actions, props.showActions)
+    );
+    const rootClasses = computed(
+      () => classNames(workflowTimelineRootClasses, props.className, coerceClassValue(attrs.class))
+    );
+    const rootStyle = computed(() => mergeStyleValues(attrs.style, props.style));
+    return () => {
+      const timelineSlots = {};
+      if (slots.dot) timelineSlots.dot = slots.dot;
+      if (slots.pending) timelineSlots.pending = slots.pending;
+      timelineSlots.item = (slotProps) => {
+        if (slots.item) return slots.item(slotProps);
+        if (isWorkflowTimelineItem(slotProps.item)) return renderStepContent(slotProps.item);
+        return null;
+      };
+      const actionBar = showActionBar.value && props.actions ? slots.actions ? slots.actions({ actions: props.actions }) : h(WorkflowActionBar, {
+        items: props.actions,
+        onAction: (item) => emit("action", item)
+      }) : null;
+      const {
+        class: _class,
+        style: _style,
+        "aria-label": ariaLabel,
+        ...restAttrs
+      } = attrs;
+      return h(
+        "div",
+        {
+          ...restAttrs,
+          class: rootClasses.value,
+          style: rootStyle.value
+        },
+        [
+          h(
+            Timeline,
+            {
+              items: timelineItems.value,
+              mode: props.mode,
+              pending: props.pending,
+              pendingDot: props.pendingDot,
+              reverse: props.reverse,
+              "aria-label": (typeof ariaLabel === "string" ? ariaLabel : void 0) ?? "Workflow timeline"
+            },
+            timelineSlots
+          ),
+          actionBar
+        ]
+      );
+    };
+  }
+});
+var WorkflowTimeline_default = WorkflowTimeline;
+
+export {
+  WorkflowActionBar,
+  WorkflowTimeline,
+  WorkflowTimeline_default
+};

package/dist/components/CommentThread.d.mts

@@ -232,10 +232,10 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
     onLike?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     onMore?: ((...args: any[]) => any) | undefined;
-    onAction?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
     "onUser-click"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/FormWizard.d.mts

@@ -181,9 +181,9 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     simple: boolean;
     bordered: boolean;
     defaultCurrent: number;
+    showActions: boolean;
     clickable: boolean;
     showSteps: boolean;
-    showActions: boolean;
     beforeNext: FormWizardValidator;
     autoSave: (current: number, step: WizardStep) => void | Promise<void>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/WorkflowTimeline.d.mts

@@ -0,0 +1,150 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { WorkflowActionBarProps as WorkflowActionBarProps$1, WorkflowTimelineProps as WorkflowTimelineProps$1, WorkflowActionBarItem, WorkflowTimelineStep, TimelineMode } from '@expcat/tigercat-core';
+
+interface VueWorkflowActionBarProps extends WorkflowActionBarProps$1 {
+    style?: Record<string, unknown>;
+}
+interface VueWorkflowTimelineProps extends WorkflowTimelineProps$1 {
+    style?: Record<string, unknown>;
+}
+type WorkflowActionBarProps = VueWorkflowActionBarProps;
+type WorkflowTimelineProps = VueWorkflowTimelineProps;
+declare const WorkflowActionBar: vue.DefineComponent<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<WorkflowActionBarItem[]>;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "action"[], "action", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<WorkflowActionBarItem[]>;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, unknown>;
+    ariaLabel: string;
+    className: string;
+    disabled: boolean;
+    items: WorkflowActionBarItem[];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const WorkflowTimeline: vue.DefineComponent<vue.ExtractPropTypes<{
+    steps: {
+        type: PropType<WorkflowTimelineStep[]>;
+        default: undefined;
+    };
+    actions: {
+        type: PropType<WorkflowActionBarItem[]>;
+        default: undefined;
+    };
+    showActions: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<TimelineMode>;
+        default: TimelineMode;
+    };
+    pending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pendingDot: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "action"[], "action", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    steps: {
+        type: PropType<WorkflowTimelineStep[]>;
+        default: undefined;
+    };
+    actions: {
+        type: PropType<WorkflowActionBarItem[]>;
+        default: undefined;
+    };
+    showActions: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<TimelineMode>;
+        default: TimelineMode;
+    };
+    pending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pendingDot: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    steps: WorkflowTimelineStep[];
+    reverse: boolean;
+    mode: TimelineMode;
+    style: Record<string, unknown>;
+    className: string;
+    pending: boolean;
+    actions: WorkflowActionBarItem[];
+    pendingDot: undefined;
+    showActions: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { type VueWorkflowActionBarProps, type VueWorkflowTimelineProps, WorkflowActionBar, type WorkflowActionBarProps, WorkflowTimeline, type WorkflowTimelineProps, WorkflowTimeline as default };

package/dist/components/WorkflowTimeline.mjs

@@ -0,0 +1,15 @@
+import {
+  WorkflowActionBar,
+  WorkflowTimeline,
+  WorkflowTimeline_default
+} from "../chunk-2WUDJQT7.mjs";
+import "../chunk-K46SNCCE.mjs";
+import "../chunk-7PLYHGMY.mjs";
+import "../chunk-4KIZXFFG.mjs";
+import "../chunk-4QMHNTUU.mjs";
+import "../chunk-4GOTWNOO.mjs";
+export {
+  WorkflowActionBar,
+  WorkflowTimeline,
+  WorkflowTimeline_default as default
+};

package/dist/index.d.mts

@@ -63,6 +63,7 @@ export { ImageAnnotation, VueImageAnnotationProps } from './components/ImageAnno
 export { List, ListProps, VueListProps } from './components/List.mjs';
 export { Descriptions, DescriptionsProps, VueDescriptionsProps } from './components/Descriptions.mjs';
 export { Timeline, TimelineProps, VueTimelineProps } from './components/Timeline.mjs';
+export { VueWorkflowActionBarProps, VueWorkflowTimelineProps, WorkflowActionBar, WorkflowActionBarProps, WorkflowTimeline, WorkflowTimelineProps } from './components/WorkflowTimeline.mjs';
 export { Countdown, CountdownProps, VueCountdownProps } from './components/Countdown.mjs';
 export { Tree, TreeProps, VueTreeProps } from './components/Tree.mjs';
 export { Skeleton, VueSkeletonProps } from './components/Skeleton.mjs';
@@ -171,6 +172,6 @@ import 'vue';
  * Vue 3 components for Tigercat UI library
  */
 
-declare const version = "2.2.0";
+declare const version = "2.3.0";
 
 export { version };

package/dist/index.mjs

@@ -136,6 +136,8 @@ export {
   EMPTY_TREE_KEYS,
   EMPTY_VIRTUAL_TABLE_COLUMNS,
   EMPTY_VIRTUAL_TABLE_ROWS,
+  EMPTY_WORKFLOW_ACTION_BAR_ITEMS,
+  EMPTY_WORKFLOW_TIMELINE_STEPS,
   EN_US_DATEPICKER_LOCALE,
   FORM_VALIDATION_PRESETS,
   FormValidationCancelledError,
@@ -265,6 +267,11 @@ export {
   VIEW_TRANSITION_CSS,
   VIRTUAL_TABLE_HEADER_ROW_HEIGHT,
   WATERMARK_DEFAULT_INK,
+  WORKFLOW_STEP_STATUSES,
+  WORKFLOW_STEP_STATUS_COLORS,
+  WORKFLOW_STEP_STATUS_LABELS,
+  WORKFLOW_STEP_STATUS_TAG_VARIANTS,
+  WORKFLOW_TERMINAL_STEP_STATUSES,
   activateScrollSpyClick,
   activeOpacityClasses,
   activePressClasses,
@@ -743,6 +750,7 @@ export {
   countDecimalPlaces,
   countLines,
   countMaskTokens,
+  countWorkflowStepsByStatus,
   countdownBaseClasses,
   countdownPrefixClasses,
   countdownSuffixClasses,
@@ -1001,6 +1009,7 @@ export {
   filterHiddenColumns,
   filterHiddenFiles,
   filterMentionOptions,
+  filterMenuByPermission,
   filterMenuItems,
   filterOptions,
   filterTableData,
@@ -1343,6 +1352,7 @@ export {
   getCropperHandleStyle,
   getCurrentActiveTourStep,
   getCurrentTime,
+  getCurrentWorkflowStep,
   getCyclicIndex,
   getDataExportCellValue,
   getDataExportFormatLabel,
@@ -2314,6 +2324,11 @@ export {
   isValidUrl,
   isVirtualTableCellControlTarget,
   isWipExceeded,
+  isWorkflowStepActive,
+  isWorkflowStepPending,
+  isWorkflowStepTerminal,
+  isWorkflowTimelineStepStatus,
+  isWorkflowTimelineTerminal,
   kanbanAddColumnClasses,
   kanbanCardCountClasses,
   kanbanFilterHighlightClasses,
@@ -2457,6 +2472,7 @@ export {
   menuKeyId,
   menuLightThemeClasses,
   menuModeClasses,
+  menuSchemaToMenuItems,
   menuSearchEmptyClasses,
   menuSearchFieldClasses,
   menuSearchInputClasses,
@@ -2564,6 +2580,7 @@ export {
   normalizeSvgAttrs,
   normalizeTabKey,
   normalizeTreeSelectValue,
+  normalizeWorkflowTimelineSteps,
   notificationActionButtonClasses,
   notificationActionButtonTypeClasses,
   notificationActionsClasses,
@@ -3034,6 +3051,8 @@ export {
   resolveVirtualTableWidth,
   resolveVisibleResizeHandles,
   resolveWatermarkFont,
+  resolveWorkflowActionButtonProps,
+  resolveWorkflowStepStatus,
   restoreFocus,
   resultBaseClasses,
   resultExtraClasses,
@@ -3169,6 +3188,7 @@ export {
   shouldShowMenuSearch,
   shouldShowSelectClear,
   shouldShowTreeSelectClear,
+  shouldShowWorkflowActions,
   shouldSkipNavigationMenuOpenDelay,
   shouldSkipTableLocalProcessing,
   shouldTrackChartPointer,
@@ -3223,6 +3243,7 @@ export {
   sortDescendingIcon,
   sortFileItems,
   sortNotificationGroups,
+  sortWorkflowTimelineSteps,
   sparklesIcon,
   splitButtonDropdownClasses,
   splitButtonPrimaryBlockClasses,
@@ -3565,6 +3586,11 @@ export {
   watermarkWrapperClasses,
   wifiIcon,
   withCropFile,
+  workflowStepHighlight,
+  workflowStepStatusColor,
+  workflowStepStatusLabel,
+  workflowStepStatusTagVariant,
+  workflowStepsToTimelineItems,
   writeCommentLikeOverlay,
   yieldDataExportFrame,
   zoomInIcon,
@@ -3635,6 +3661,7 @@ export { ImageAnnotation } from './components/ImageAnnotation.mjs';
 export { List } from './components/List.mjs';
 export { Descriptions } from './components/Descriptions.mjs';
 export { Timeline } from './components/Timeline.mjs';
+export { WorkflowTimeline, WorkflowActionBar } from './components/WorkflowTimeline.mjs';
 export { Countdown } from './components/Countdown.mjs';
 export { Tree } from './components/Tree.mjs';
 export { Skeleton } from './components/Skeleton.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -905,6 +905,16 @@
       "import": "./dist/components/Watermark.mjs",
       "default": "./dist/components/Watermark.mjs"
     },
+    "./WorkflowActionBar": {
+      "types": "./dist/components/WorkflowTimeline.d.mts",
+      "import": "./dist/components/WorkflowTimeline.mjs",
+      "default": "./dist/components/WorkflowTimeline.mjs"
+    },
+    "./WorkflowTimeline": {
+      "types": "./dist/components/WorkflowTimeline.d.mts",
+      "import": "./dist/components/WorkflowTimeline.mjs",
+      "default": "./dist/components/WorkflowTimeline.mjs"
+    },
     "./useDrag": {
       "types": "./dist/composables/useDrag.d.mts",
       "import": "./dist/composables/useDrag.mjs",
@@ -923,7 +933,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.2.0"
+    "@expcat/tigercat-core": "2.3.0"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",