@expcat/tigercat-core 0.3.70 → 0.4.0

package/dist/index.js

@@ -673,7 +673,8 @@ function mergeTigerLocale(base, override) {
     drawer: { ...base?.drawer, ...override?.drawer },
     upload: { ...base?.upload, ...override?.upload },
     pagination: { ...base?.pagination, ...override?.pagination },
-    formWizard: { ...base?.formWizard, ...override?.formWizard }
+    formWizard: { ...base?.formWizard, ...override?.formWizard },
+    taskBoard: { ...base?.taskBoard, ...override?.taskBoard }
   };
 }
 var DEFAULT_PAGINATION_LABELS = {
@@ -728,6 +729,29 @@ function formatPaginationTotal(template, total, range) {
 function formatPageAriaLabel(template, page) {
   return template.replace("{page}", String(page));
 }
+var DEFAULT_TASK_BOARD_LABELS = {
+  emptyColumnText: "No tasks",
+  addCardText: "Add task",
+  wipLimitText: "WIP limit: {limit}",
+  dragHintText: "Drag to move",
+  boardAriaLabel: "Task Board"
+};
+var ZH_CN_TASK_BOARD_LABELS = {
+  emptyColumnText: "\u6682\u65E0\u4EFB\u52A1",
+  addCardText: "\u6DFB\u52A0\u4EFB\u52A1",
+  wipLimitText: "WIP \u9650\u5236: {limit}",
+  dragHintText: "\u62D6\u62FD\u4EE5\u79FB\u52A8",
+  boardAriaLabel: "\u4EFB\u52A1\u770B\u677F"
+};
+function getTaskBoardLabels(locale) {
+  return {
+    emptyColumnText: locale?.taskBoard?.emptyColumnText ?? DEFAULT_TASK_BOARD_LABELS.emptyColumnText,
+    addCardText: locale?.taskBoard?.addCardText ?? DEFAULT_TASK_BOARD_LABELS.addCardText,
+    wipLimitText: locale?.taskBoard?.wipLimitText ?? DEFAULT_TASK_BOARD_LABELS.wipLimitText,
+    dragHintText: locale?.taskBoard?.dragHintText ?? DEFAULT_TASK_BOARD_LABELS.dragHintText,
+    boardAriaLabel: locale?.taskBoard?.boardAriaLabel ?? DEFAULT_TASK_BOARD_LABELS.boardAriaLabel
+  };
+}
 
 // src/utils/datepicker-i18n.ts
 function getDatePickerLabels(locale, overrides) {
@@ -6466,6 +6490,164 @@ var formatCommentTime = (value) => {
   return value;
 };
 
+// src/utils/task-board-utils.ts
+var taskBoardBaseClasses = "tiger-task-board flex gap-4 overflow-x-auto p-4 min-h-[400px]";
+var taskBoardColumnClasses = "tiger-task-board-column flex flex-col shrink-0 w-72 rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm transition-shadow";
+var taskBoardColumnHeaderClasses = "flex items-center justify-between px-3 py-2 border-b border-[var(--tiger-border,#e5e7eb)] text-sm font-semibold text-[var(--tiger-text,#1f2937)] select-none";
+var taskBoardColumnBodyClasses = "flex-1 overflow-y-auto p-2 space-y-2 min-h-[80px]";
+var taskBoardCardClasses = "tiger-task-board-card rounded-md border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-3 shadow-sm cursor-grab select-none transition-opacity";
+var taskBoardCardDraggingClasses = "opacity-50 shadow-lg";
+var taskBoardDropIndicatorClasses = "h-1 rounded-full bg-[var(--tiger-primary,#2563eb)] my-1 transition-all";
+var taskBoardColumnDropTargetClasses = "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-opacity-50";
+var taskBoardColumnDraggingClasses = "opacity-50";
+var taskBoardEmptyClasses = "flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)] text-sm py-8";
+var taskBoardWipExceededClasses = "text-[var(--tiger-error,#ef4444)]";
+var taskBoardAddCardClasses = "flex items-center justify-center gap-1 w-full py-1.5 text-sm text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-primary,#2563eb)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] rounded transition-colors cursor-pointer";
+var MIME = "text/plain";
+function createCardDragData(cardId, columnId, index) {
+  const data = { type: "card", cardId, columnId, index };
+  return JSON.stringify(data);
+}
+function createColumnDragData(columnId, index) {
+  const data = { type: "column", columnId, index };
+  return JSON.stringify(data);
+}
+function parseDragData(dataTransfer) {
+  try {
+    const raw = dataTransfer.getData(MIME);
+    if (!raw) return null;
+    const data = JSON.parse(raw);
+    if (data.type === "card" || data.type === "column") return data;
+    return null;
+  } catch {
+    return null;
+  }
+}
+function setDragData(dataTransfer, json) {
+  dataTransfer.setData(MIME, json);
+  dataTransfer.effectAllowed = "move";
+}
+function moveCard(columns, cardId, fromColumnId, toColumnId, toIndex, options) {
+  const srcColIdx = columns.findIndex((c) => c.id === fromColumnId);
+  const dstColIdx = columns.findIndex((c) => c.id === toColumnId);
+  if (srcColIdx === -1 || dstColIdx === -1) return null;
+  const srcCol = columns[srcColIdx];
+  const cardIdx = srcCol.cards.findIndex((c) => c.id === cardId);
+  if (cardIdx === -1) return null;
+  const card = srcCol.cards[cardIdx];
+  const clampedTo = Math.max(
+    0,
+    Math.min(
+      toIndex,
+      srcColIdx === dstColIdx ? srcCol.cards.length - 1 : columns[dstColIdx].cards.length
+    )
+  );
+  if (srcColIdx === dstColIdx) {
+    if (cardIdx === clampedTo) return null;
+    const newCards = [...srcCol.cards];
+    newCards.splice(cardIdx, 1);
+    newCards.splice(clampedTo, 0, card);
+    const newCols2 = columns.map((c, i) => i === srcColIdx ? { ...c, cards: newCards } : c);
+    return {
+      columns: newCols2,
+      event: { cardId, fromColumnId, toColumnId, fromIndex: cardIdx, toIndex: clampedTo }
+    };
+  }
+  const dstCol = columns[dstColIdx];
+  if (options?.enforceWipLimit && dstCol.wipLimit != null && dstCol.wipLimit > 0 && dstCol.cards.length >= dstCol.wipLimit) {
+    return null;
+  }
+  const newSrcCards = srcCol.cards.filter((c) => c.id !== cardId);
+  const newDstCards = [...dstCol.cards];
+  newDstCards.splice(clampedTo, 0, card);
+  const newCols = columns.map((c, i) => {
+    if (i === srcColIdx) return { ...c, cards: newSrcCards };
+    if (i === dstColIdx) return { ...c, cards: newDstCards };
+    return c;
+  });
+  return {
+    columns: newCols,
+    event: { cardId, fromColumnId, toColumnId, fromIndex: cardIdx, toIndex: clampedTo }
+  };
+}
+function reorderColumns(columns, fromIndex, toIndex) {
+  if (fromIndex === toIndex || fromIndex < 0 || fromIndex >= columns.length || toIndex < 0 || toIndex >= columns.length) {
+    return null;
+  }
+  const col = columns[fromIndex];
+  const next = [...columns];
+  next.splice(fromIndex, 1);
+  next.splice(toIndex, 0, col);
+  return {
+    columns: next,
+    event: { columnId: col.id, fromIndex, toIndex }
+  };
+}
+function isWipExceeded(column) {
+  if (column.wipLimit == null || column.wipLimit <= 0) return false;
+  return column.cards.length > column.wipLimit;
+}
+function getDropIndex(pointerY, cardRects) {
+  for (let i = 0; i < cardRects.length; i++) {
+    const mid = cardRects[i].top + cardRects[i].height / 2;
+    if (pointerY < mid) return i;
+  }
+  return cardRects.length;
+}
+function getColumnDropIndex(pointerX, columnRects) {
+  for (let i = 0; i < columnRects.length; i++) {
+    const mid = columnRects[i].left + columnRects[i].width / 2;
+    if (pointerX < mid) return i;
+  }
+  return columnRects.length;
+}
+function createTouchDragTracker() {
+  let state = {
+    startX: 0,
+    startY: 0,
+    currentX: 0,
+    currentY: 0,
+    active: false,
+    sourceElement: null
+  };
+  return {
+    onTouchStart(e, source) {
+      const touch = e.touches[0];
+      state = {
+        startX: touch.clientX,
+        startY: touch.clientY,
+        currentX: touch.clientX,
+        currentY: touch.clientY,
+        active: true,
+        sourceElement: source
+      };
+    },
+    onTouchMove(e) {
+      if (!state.active) return;
+      const touch = e.touches[0];
+      state.currentX = touch.clientX;
+      state.currentY = touch.clientY;
+      e.preventDefault();
+    },
+    onTouchEnd() {
+      state = { ...state, active: false, sourceElement: null };
+      return { ...state };
+    },
+    getState() {
+      return state;
+    },
+    cancel() {
+      state = { ...state, active: false, sourceElement: null };
+    }
+  };
+}
+function findColumnFromPoint(x, y, boardEl) {
+  if (!boardEl) return null;
+  const el = document.elementFromPoint(x, y);
+  if (!el) return null;
+  return el.closest("[data-tiger-taskboard-column]");
+}
+
 // src/theme/checkbox.ts
 var checkboxSizeClasses = {
   sm: "w-4 h-4",
@@ -6659,6 +6841,7 @@ export {
   DEFAULT_CHART_COLORS,
   DEFAULT_FORM_WIZARD_LABELS,
   DEFAULT_PAGINATION_LABELS,
+  DEFAULT_TASK_BOARD_LABELS,
   DONUT_BASE_SHADOW,
   DONUT_EMPHASIS_SHADOW,
   DROPDOWN_CHEVRON_PATH,
@@ -6692,6 +6875,7 @@ export {
   TimePickerCloseIconPath,
   ZH_CN_FORM_WIZARD_LABELS,
   ZH_CN_PAGINATION_LABELS,
+  ZH_CN_TASK_BOARD_LABELS,
   activeOpacityClasses,
   activePressClasses,
   alertBaseClasses,
@@ -6840,13 +7024,16 @@ export {
   createAreaPath,
   createAriaId,
   createBandScale,
+  createCardDragData,
   createChartInteractionHandlers,
+  createColumnDragData,
   createFloatingIdFactory,
   createLinePath,
   createLinearScale,
   createPieArcPath,
   createPointScale,
   createPolygonPath,
+  createTouchDragTracker,
   cropCanvas,
   cropUploadTriggerClasses,
   cropUploadTriggerDisabledClasses,
@@ -6903,6 +7090,7 @@ export {
   filterOptions,
   filterTreeNodes,
   findActiveAnchor,
+  findColumnFromPoint,
   findNode,
   flattenSelectOptions,
   focusElement,
@@ -6977,6 +7165,7 @@ export {
   getCollapseIconClasses,
   getCollapsePanelClasses,
   getCollapsePanelHeaderClasses,
+  getColumnDropIndex,
   getContainerClasses,
   getContainerHeight,
   getContainerScrollTop,
@@ -7005,6 +7194,7 @@ export {
   getDrawerMaskClasses,
   getDrawerPanelClasses,
   getDrawerTitleClasses,
+  getDropIndex,
   getDropdownChevronClasses,
   getDropdownContainerClasses,
   getDropdownItemClasses,
@@ -7169,6 +7359,7 @@ export {
   getTableWrapperClasses,
   getTabsContainerClasses,
   getTagVariantClasses,
+  getTaskBoardLabels,
   getTextClasses,
   getThemeColor,
   getTimePeriodLabels,
@@ -7260,6 +7451,7 @@ export {
   isTabKey,
   isTimeInRange,
   isToday,
+  isWipExceeded,
   layoutContentClasses,
   layoutFooterClasses,
   layoutHeaderClasses,
@@ -7337,6 +7529,7 @@ export {
   modalSizeClasses,
   modalTitleClasses,
   modalWrapperClasses,
+  moveCard,
   moveCropRect,
   moveFocusInMenu,
   nextIconPath,
@@ -7358,6 +7551,7 @@ export {
   notificationTitleClasses,
   paginateData,
   parseDate,
+  parseDragData,
   parseInputValue,
   parseTime,
   parseWidthToPx,
@@ -7395,6 +7589,7 @@ export {
   radioRootBaseClasses,
   radioSizeClasses,
   radioVisualBaseClasses,
+  reorderColumns,
   replaceKeys,
   resetAreaGradientCounter,
   resetBarGradientCounter,
@@ -7419,6 +7614,7 @@ export {
   selectOptionDisabledClasses,
   selectOptionSelectedClasses,
   selectSearchInputClasses,
+  setDragData,
   setThemeColors,
   shouldHideBadge,
   skeletonAnimationClasses,
@@ -7492,6 +7688,18 @@ export {
   tagCloseButtonBaseClasses,
   tagCloseIconPath,
   tagSizeClasses,
+  taskBoardAddCardClasses,
+  taskBoardBaseClasses,
+  taskBoardCardClasses,
+  taskBoardCardDraggingClasses,
+  taskBoardColumnBodyClasses,
+  taskBoardColumnClasses,
+  taskBoardColumnDraggingClasses,
+  taskBoardColumnDropTargetClasses,
+  taskBoardColumnHeaderClasses,
+  taskBoardDropIndicatorClasses,
+  taskBoardEmptyClasses,
+  taskBoardWipExceededClasses,
   textAlignClasses,
   textColorClasses,
   textDecorationClasses,

package/package.json

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