@expcat/tigercat-core 0.2.27 → 0.3.0

package/dist/index.js

@@ -1080,6 +1080,93 @@ function getInputErrorClasses(size = "md") {
   );
 }
 
+// src/utils/form-item-styles.ts
+var FORM_ITEM_SPACING = {
+  sm: "mb-3 last:mb-0",
+  md: "mb-4 last:mb-0",
+  lg: "mb-6 last:mb-0"
+};
+var LABEL_TEXT_SIZE = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var LABEL_PADDING_TOP = {
+  sm: "pt-1",
+  md: "pt-2",
+  lg: "pt-3"
+};
+var ERROR_TEXT_SIZE = {
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+};
+function getFormItemClasses(options = {}) {
+  const { size = "md", labelPosition = "right", hasError = false, disabled = false } = options;
+  const layoutClasses = labelPosition === "top" ? "flex flex-col gap-2" : "flex items-start gap-4";
+  return classNames(
+    "tiger-form-item",
+    "w-full",
+    `tiger-form-item--${size}`,
+    `tiger-form-item--label-${labelPosition}`,
+    layoutClasses,
+    FORM_ITEM_SPACING[size],
+    hasError && "tiger-form-item--error",
+    disabled && "tiger-form-item--disabled"
+  );
+}
+function getFormItemLabelClasses(options = {}) {
+  const { size = "md", labelPosition = "right", labelAlign = "right", isRequired = false } = options;
+  const alignClass = labelAlign === "right" ? "text-right" : labelAlign === "left" ? "text-left" : "text-left";
+  const positionClasses = labelPosition === "top" ? "w-full" : "shrink-0";
+  const paddingClass = labelPosition === "top" ? "" : LABEL_PADDING_TOP[size];
+  return classNames(
+    "tiger-form-item__label",
+    `tiger-form-item__label--${labelAlign}`,
+    "font-medium",
+    "text-[var(--tiger-text,#111827)]",
+    LABEL_TEXT_SIZE[size],
+    alignClass,
+    positionClasses,
+    paddingClass,
+    isRequired && "tiger-form-item__label--required"
+  );
+}
+function getFormItemContentClasses(labelPosition = "right") {
+  return classNames(
+    "tiger-form-item__content",
+    labelPosition === "top" ? "w-full" : "flex-1",
+    "min-w-0",
+    "flex",
+    "flex-col"
+  );
+}
+function getFormItemFieldClasses() {
+  return classNames("tiger-form-item__field", "w-full");
+}
+function getFormItemErrorClasses(size = "md") {
+  return classNames(
+    "tiger-form-item__error",
+    "mt-1",
+    ERROR_TEXT_SIZE[size],
+    "text-[var(--tiger-error,#ef4444)]"
+  );
+}
+function getFormItemAsteriskClasses() {
+  return classNames(
+    "tiger-form-item__asterisk",
+    "mr-1",
+    "font-semibold",
+    "text-red-500",
+    "text-[var(--tiger-error,#ef4444)]"
+  );
+}
+function getFormItemAsteriskStyle() {
+  return {
+    color: "var(--tiger-error,#ef4444)"
+  };
+}
+
 // src/utils/select-utils.ts
 var selectBaseClasses = "relative inline-block w-full";
 var SELECT_TRIGGER_BASE_CLASSES = [
@@ -2879,91 +2966,53 @@ function groupItemsIntoRows(items, column) {
 // src/utils/timeline-utils.ts
 var timelineContainerClasses = "relative";
 var timelineListClasses = "list-none m-0 p-0";
-var timelineItemClasses = "relative pb-8 last:pb-0";
+var timelineItemClasses = "relative pb-8";
 var timelineTailClasses = "absolute w-0.5 bg-[var(--tiger-border,#e5e7eb)]";
-var timelineHeadClasses = "absolute flex items-center justify-center";
-var timelineDotBgClass = "bg-[var(--tiger-timeline-dot,#d1d5db)]";
-var timelineDotClasses = `w-2.5 h-2.5 rounded-full border-2 border-[var(--tiger-surface,#ffffff)] ${timelineDotBgClass}`;
-var timelineCustomDotClasses = "flex items-center justify-center";
+var timelineHeadClasses = "absolute z-10 flex items-center justify-center";
 var timelineContentClasses = "relative";
+var timelineCustomDotClasses = "flex items-center justify-center";
 var timelineLabelClasses = "text-sm text-[var(--tiger-text-muted,#6b7280)] mb-1";
 var timelineDescriptionClasses = "text-[var(--tiger-text,#374151)]";
+var dotBg = "bg-[var(--tiger-timeline-dot,#d1d5db)]";
+var timelineDotClasses = `w-2.5 h-2.5 rounded-full border-2 border-[var(--tiger-surface,#ffffff)] ${dotBg}`;
+var HEAD_TOP = "top-[18px]";
+var TAIL_TOP = "top-[23px]";
+var TAIL_BOTTOM = "-bottom-[23px]";
 function getTimelineContainerClasses(mode) {
-  const classes = [timelineContainerClasses];
-  if (mode === "left" || mode === "right") {
-    classes.push("pl-0");
-  } else if (mode === "alternate") {
-    classes.push("flex flex-col");
-  }
-  return classes.join(" ");
+  if (mode === "alternate") return `${timelineContainerClasses} flex flex-col`;
+  return timelineContainerClasses;
 }
 function getTimelineItemClasses(mode, position, isLast = false) {
-  const classes = [timelineItemClasses];
-  if (mode === "left") {
-    classes.push("pl-8");
-  } else if (mode === "right") {
-    classes.push("pr-8 text-right");
-  } else if (mode === "alternate") {
-    if (position === "left") {
-      classes.push("pr-8 text-right flex flex-row-reverse");
-    } else {
-      classes.push("pl-8 flex");
-    }
+  const base = isLast ? "relative pb-0" : timelineItemClasses;
+  if (mode === "right") return `${base} pr-8 text-right`;
+  if (mode === "alternate") {
+    return position === "left" ? `${base} pr-8 text-right flex flex-row-reverse` : `${base} pl-8 flex`;
   }
-  if (isLast) {
-    classes.push("pb-0");
-  }
-  return classes.join(" ");
+  return `${base} pl-8`;
 }
-function getTimelineTailClasses(mode, position, isLast = false) {
-  if (isLast) {
-    return "hidden";
-  }
-  const classes = [timelineTailClasses];
-  if (mode === "left") {
-    classes.push("left-0 -translate-x-1/2 top-[10px] bottom-0");
-  } else if (mode === "right") {
-    classes.push("right-0 translate-x-1/2 top-[10px] bottom-0");
-  } else if (mode === "alternate") {
-    classes.push("left-1/2 -translate-x-1/2 top-[10px] bottom-0");
-  }
-  return classes.join(" ");
+function getTimelineTailClasses(mode, _position, isLast = false) {
+  if (isLast) return "hidden";
+  const span = `${timelineTailClasses} ${TAIL_TOP} ${TAIL_BOTTOM}`;
+  if (mode === "right") return `${span} right-0 translate-x-1/2`;
+  if (mode === "alternate") return `${span} left-1/2 -translate-x-1/2`;
+  return `${span} left-0 -translate-x-1/2`;
 }
 function getTimelineHeadClasses(mode, _position) {
-  const classes = [timelineHeadClasses];
-  if (mode === "left") {
-    classes.push("left-0 top-0 -translate-x-1/2");
-  } else if (mode === "right") {
-    classes.push("right-0 top-0 translate-x-1/2");
-  } else if (mode === "alternate") {
-    classes.push("left-1/2 -translate-x-1/2 top-0");
-  }
-  return classes.join(" ");
+  if (mode === "right") return `${timelineHeadClasses} right-0 ${HEAD_TOP} translate-x-1/2`;
+  if (mode === "alternate") return `${timelineHeadClasses} left-1/2 -translate-x-1/2 ${HEAD_TOP}`;
+  return `${timelineHeadClasses} left-0 ${HEAD_TOP} -translate-x-1/2`;
 }
 function getTimelineDotClasses(color, isCustom = false) {
-  if (isCustom) {
-    return timelineCustomDotClasses;
-  }
-  const classes = [timelineDotClasses];
-  if (color) {
-    return classes.join(" ").replace(timelineDotBgClass, "");
-  }
-  return classes.join(" ");
+  if (isCustom) return timelineCustomDotClasses;
+  if (color) return timelineDotClasses.replace(dotBg, "");
+  return timelineDotClasses;
 }
 function getTimelineContentClasses(mode, position) {
-  const classes = [timelineContentClasses];
-  if (mode === "left") {
-    classes.push("pl-2");
-  } else if (mode === "right") {
-    classes.push("pr-2");
-  } else if (mode === "alternate") {
-    if (position === "left") {
-      classes.push("pr-8");
-    } else {
-      classes.push("pl-8");
-    }
+  if (mode === "right") return `${timelineContentClasses} pr-2`;
+  if (mode === "alternate") {
+    return position === "left" ? `${timelineContentClasses} pr-8` : `${timelineContentClasses} pl-8`;
   }
-  return classes.join(" ");
+  return `${timelineContentClasses} pl-2`;
 }
 function getPendingDotClasses() {
   return "w-2.5 h-2.5 rounded-full border-2 border-white bg-[var(--tiger-primary,#2563eb)] animate-pulse";
@@ -3744,7 +3793,7 @@ function getStepItemClasses(direction, isLast, simple) {
   if (direction === "vertical") {
     return `${baseClasses} flex flex-row ${!isLast ? "pb-6" : ""}`;
   }
-  return `${baseClasses} flex flex-col flex-1 ${simple ? "items-center" : ""}`;
+  return `${baseClasses} flex flex-col flex-1 items-center`;
 }
 function getStepIconClasses(status, size, simple, isCustomIcon) {
   const baseClasses = "tiger-step-icon flex items-center justify-center rounded-full border-2 transition-all duration-200";
@@ -3777,7 +3826,7 @@ function getStepContentClasses(direction, simple) {
   if (direction === "vertical") {
     return `${baseClasses} ml-4 flex-1`;
   }
-  return `${baseClasses} mt-2 ${simple ? "text-center" : ""}`;
+  return `${baseClasses} mt-2 text-center`;
 }
 function getStepTitleClasses(status, size, clickable) {
   const baseClasses = "tiger-step-title font-medium transition-colors duration-200 bg-transparent border-0 p-0";
@@ -5630,6 +5679,167 @@ function applyFloatingStyles(element, result) {
   element.style.top = `${result.y}px`;
 }
 
+// src/utils/chat-window-utils.ts
+var defaultChatMessageStatusInfo = {
+  sending: { text: "\u53D1\u9001\u4E2D", className: "text-[var(--tiger-text-muted,#6b7280)]" },
+  sent: { text: "\u5DF2\u9001\u8FBE", className: "text-[var(--tiger-text-muted,#6b7280)]" },
+  failed: { text: "\u53D1\u9001\u5931\u8D25", className: "text-[var(--tiger-danger,#ef4444)]" }
+};
+function getChatMessageStatusInfo(status, statusMap = defaultChatMessageStatusInfo) {
+  return statusMap[status] || defaultChatMessageStatusInfo[status];
+}
+
+// src/utils/activity-feed-utils.ts
+var formatActivityTime = (value) => {
+  if (value == null || value === "") return "";
+  if (value instanceof Date) return value.toLocaleString();
+  if (typeof value === "number") return new Date(value).toLocaleString();
+  return value;
+};
+var sortActivityGroups = (groups, groupOrder) => {
+  if (!groupOrder || groupOrder.length === 0) return groups;
+  const orderMap = new Map(groupOrder.map((key, index) => [key, index]));
+  return [...groups].sort((a, b) => {
+    const aKey = String(a.key ?? a.title ?? "");
+    const bKey = String(b.key ?? b.title ?? "");
+    const aIndex = orderMap.has(aKey) ? orderMap.get(aKey) : Number.POSITIVE_INFINITY;
+    const bIndex = orderMap.has(bKey) ? orderMap.get(bKey) : Number.POSITIVE_INFINITY;
+    if (aIndex === bIndex) return 0;
+    return aIndex - bIndex;
+  });
+};
+var buildActivityGroups = (items, groups, groupBy, groupOrder) => {
+  if (groups && groups.length > 0) {
+    return sortActivityGroups(groups, groupOrder);
+  }
+  if (!items || items.length === 0) return [];
+  if (groupBy) {
+    const groupMap = /* @__PURE__ */ new Map();
+    items.forEach((item) => {
+      const key = groupBy(item) || "\u5176\u4ED6";
+      const bucket = groupMap.get(key) ?? [];
+      bucket.push(item);
+      groupMap.set(key, bucket);
+    });
+    const mappedGroups = Array.from(groupMap.entries()).map(([title, groupItems]) => ({
+      key: title,
+      title,
+      items: groupItems
+    }));
+    return sortActivityGroups(mappedGroups, groupOrder);
+  }
+  return [{ key: "default", title: "", items }];
+};
+var toActivityTimelineItems = (items) => {
+  return items.map((item, index) => ({
+    key: item.id ?? index,
+    activity: item
+  }));
+};
+
+// src/utils/notification-center-utils.ts
+var sortNotificationGroups = (groups, groupOrder) => {
+  if (!groupOrder || groupOrder.length === 0) {
+    return groups;
+  }
+  const orderMap = /* @__PURE__ */ new Map();
+  groupOrder.forEach((key, index) => {
+    orderMap.set(String(key), index);
+  });
+  return [...groups].sort((a, b) => {
+    const aKey = String(a.key ?? a.title);
+    const bKey = String(b.key ?? b.title);
+    const aIndex = orderMap.get(aKey);
+    const bIndex = orderMap.get(bKey);
+    if (aIndex === void 0 && bIndex === void 0) return 0;
+    if (aIndex === void 0) return 1;
+    if (bIndex === void 0) return -1;
+    return aIndex - bIndex;
+  });
+};
+var buildNotificationGroups = (items = [], groups, groupBy, groupOrder) => {
+  if (groups && groups.length > 0) {
+    return sortNotificationGroups(groups, groupOrder);
+  }
+  if (!items || items.length === 0) {
+    return [];
+  }
+  const groupFn = groupBy ?? ((item) => String(item.type ?? "default"));
+  const groupMap = /* @__PURE__ */ new Map();
+  items.forEach((item) => {
+    const key = groupFn(item);
+    if (!groupMap.has(key)) {
+      groupMap.set(key, []);
+    }
+    groupMap.get(key)?.push(item);
+  });
+  const mappedGroups = Array.from(groupMap.entries()).map(([key, groupItems]) => ({
+    key,
+    title: key,
+    items: groupItems
+  }));
+  return sortNotificationGroups(mappedGroups, groupOrder);
+};
+
+// src/utils/comment-thread-utils.ts
+var buildCommentTree = (items = []) => {
+  if (!items || items.length === 0) return [];
+  const nodeMap = /* @__PURE__ */ new Map();
+  const order = [];
+  items.forEach((item) => {
+    nodeMap.set(item.id, {
+      ...item,
+      children: []
+    });
+    order.push(item.id);
+  });
+  const roots = [];
+  order.forEach((id) => {
+    const node = nodeMap.get(id);
+    if (!node) return;
+    if (node.parentId === void 0 || node.parentId === null) {
+      roots.push(node);
+      return;
+    }
+    const parent = nodeMap.get(node.parentId);
+    if (!parent) {
+      roots.push(node);
+      return;
+    }
+    if (!parent.children) parent.children = [];
+    parent.children.push(node);
+  });
+  return roots;
+};
+var clipCommentTreeDepth = (nodes = [], maxDepth = 3) => {
+  if (!nodes || nodes.length === 0) return [];
+  if (maxDepth <= 0) return [];
+  const cloneNode = (node, depth) => {
+    const next = { ...node };
+    if (node.children && node.children.length > 0 && depth < maxDepth) {
+      next.children = node.children.map((child) => cloneNode(child, depth + 1));
+    } else {
+      next.children = [];
+    }
+    return next;
+  };
+  return nodes.map((node) => cloneNode(node, 1));
+};
+
+// src/utils/composite-time-utils.ts
+var formatChatTime = (value) => {
+  if (!value) return "";
+  if (value instanceof Date) return value.toLocaleTimeString();
+  if (typeof value === "number") return new Date(value).toLocaleTimeString();
+  return value;
+};
+var formatCommentTime = (value) => {
+  if (value == null || value === "") return "";
+  if (value instanceof Date) return value.toLocaleString();
+  if (typeof value === "number") return new Date(value).toLocaleString();
+  return value;
+};
+
 // src/theme/colors.ts
 var defaultThemeColors = {
   primary: {
@@ -6200,6 +6410,9 @@ export {
   breadcrumbItemBaseClasses,
   breadcrumbLinkClasses,
   breadcrumbSeparatorBaseClasses,
+  buildActivityGroups,
+  buildCommentTree,
+  buildNotificationGroups,
   buttonBaseClasses,
   buttonDisabledClasses,
   buttonSizeClasses,
@@ -6251,6 +6464,7 @@ export {
   clampSlideIndex,
   classNames,
   clearFieldErrors,
+  clipCommentTreeDepth,
   clockSolidIcon20PathD,
   closeIconPathD,
   closeIconPathStrokeLinecap,
@@ -6307,6 +6521,7 @@ export {
   datePickerNavButtonClasses,
   defaultAlertThemeColors,
   defaultBadgeThemeColors,
+  defaultChatMessageStatusInfo,
   defaultExpandIcon,
   defaultIndeterminateIcon,
   defaultLinkThemeColors,
@@ -6351,7 +6566,10 @@ export {
   focusFirst,
   focusRingClasses,
   focusRingInsetClasses,
+  formatActivityTime,
   formatBadgeContent,
+  formatChatTime,
+  formatCommentTime,
   formatDate,
   formatFileSize,
   formatMonthYear,
@@ -6398,6 +6616,7 @@ export {
   getChartEntranceTransform,
   getChartGridLineDasharray,
   getChartInnerRect,
+  getChatMessageStatusInfo,
   getCheckboxCellClasses,
   getCheckboxClasses,
   getCheckboxLabelClasses,
@@ -6451,6 +6670,13 @@ export {
   getFlexClasses,
   getFocusTrapNavigation,
   getFocusableElements,
+  getFormItemAsteriskClasses,
+  getFormItemAsteriskStyle,
+  getFormItemClasses,
+  getFormItemContentClasses,
+  getFormItemErrorClasses,
+  getFormItemFieldClasses,
+  getFormItemLabelClasses,
   getGridColumnClasses,
   getGutterStyles,
   getInitials,
@@ -6811,10 +7037,12 @@ export {
   sliderThumbClasses,
   sliderTooltipClasses,
   sliderTrackClasses,
+  sortActivityGroups,
   sortAscIcon16PathD,
   sortBothIcon16PathD,
   sortData,
   sortDescIcon16PathD,
+  sortNotificationGroups,
   stackSeriesData,
   statusErrorIconPath,
   statusIconPaths,
@@ -6899,6 +7127,7 @@ export {
   timelineTailClasses,
   to12HourFormat,
   to24HourFormat,
+  toActivityTimelineItems,
   toggleKey,
   togglePanelKey,
   treeBaseClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-core",
-  "version": "0.2.27",
+  "version": "0.3.0",
   "type": "module",
   "description": "Core utilities for Tigercat UI library",
   "license": "MIT",