@expcat/tigercat-core 0.3.70 → 0.4.0

package/dist/index.cjs

@@ -113,6 +113,7 @@ __export(index_exports, {
   DEFAULT_CHART_COLORS: () => DEFAULT_CHART_COLORS,
   DEFAULT_FORM_WIZARD_LABELS: () => DEFAULT_FORM_WIZARD_LABELS,
   DEFAULT_PAGINATION_LABELS: () => DEFAULT_PAGINATION_LABELS,
+  DEFAULT_TASK_BOARD_LABELS: () => DEFAULT_TASK_BOARD_LABELS,
   DONUT_BASE_SHADOW: () => DONUT_BASE_SHADOW,
   DONUT_EMPHASIS_SHADOW: () => DONUT_EMPHASIS_SHADOW,
   DROPDOWN_CHEVRON_PATH: () => DROPDOWN_CHEVRON_PATH,
@@ -146,6 +147,7 @@ __export(index_exports, {
   TimePickerCloseIconPath: () => TimePickerCloseIconPath,
   ZH_CN_FORM_WIZARD_LABELS: () => ZH_CN_FORM_WIZARD_LABELS,
   ZH_CN_PAGINATION_LABELS: () => ZH_CN_PAGINATION_LABELS,
+  ZH_CN_TASK_BOARD_LABELS: () => ZH_CN_TASK_BOARD_LABELS,
   activeOpacityClasses: () => activeOpacityClasses,
   activePressClasses: () => activePressClasses,
   alertBaseClasses: () => alertBaseClasses,
@@ -294,13 +296,16 @@ __export(index_exports, {
   createAreaPath: () => createAreaPath,
   createAriaId: () => createAriaId,
   createBandScale: () => createBandScale,
+  createCardDragData: () => createCardDragData,
   createChartInteractionHandlers: () => createChartInteractionHandlers,
+  createColumnDragData: () => createColumnDragData,
   createFloatingIdFactory: () => createFloatingIdFactory,
   createLinePath: () => createLinePath,
   createLinearScale: () => createLinearScale,
   createPieArcPath: () => createPieArcPath,
   createPointScale: () => createPointScale,
   createPolygonPath: () => createPolygonPath,
+  createTouchDragTracker: () => createTouchDragTracker,
   cropCanvas: () => cropCanvas,
   cropUploadTriggerClasses: () => cropUploadTriggerClasses,
   cropUploadTriggerDisabledClasses: () => cropUploadTriggerDisabledClasses,
@@ -357,6 +362,7 @@ __export(index_exports, {
   filterOptions: () => filterOptions,
   filterTreeNodes: () => filterTreeNodes,
   findActiveAnchor: () => findActiveAnchor,
+  findColumnFromPoint: () => findColumnFromPoint,
   findNode: () => findNode,
   flattenSelectOptions: () => flattenSelectOptions,
   focusElement: () => focusElement,
@@ -431,6 +437,7 @@ __export(index_exports, {
   getCollapseIconClasses: () => getCollapseIconClasses,
   getCollapsePanelClasses: () => getCollapsePanelClasses,
   getCollapsePanelHeaderClasses: () => getCollapsePanelHeaderClasses,
+  getColumnDropIndex: () => getColumnDropIndex,
   getContainerClasses: () => getContainerClasses,
   getContainerHeight: () => getContainerHeight,
   getContainerScrollTop: () => getContainerScrollTop,
@@ -459,6 +466,7 @@ __export(index_exports, {
   getDrawerMaskClasses: () => getDrawerMaskClasses,
   getDrawerPanelClasses: () => getDrawerPanelClasses,
   getDrawerTitleClasses: () => getDrawerTitleClasses,
+  getDropIndex: () => getDropIndex,
   getDropdownChevronClasses: () => getDropdownChevronClasses,
   getDropdownContainerClasses: () => getDropdownContainerClasses,
   getDropdownItemClasses: () => getDropdownItemClasses,
@@ -623,6 +631,7 @@ __export(index_exports, {
   getTableWrapperClasses: () => getTableWrapperClasses,
   getTabsContainerClasses: () => getTabsContainerClasses,
   getTagVariantClasses: () => getTagVariantClasses,
+  getTaskBoardLabels: () => getTaskBoardLabels,
   getTextClasses: () => getTextClasses,
   getThemeColor: () => getThemeColor,
   getTimePeriodLabels: () => getTimePeriodLabels,
@@ -714,6 +723,7 @@ __export(index_exports, {
   isTabKey: () => isTabKey,
   isTimeInRange: () => isTimeInRange,
   isToday: () => isToday,
+  isWipExceeded: () => isWipExceeded,
   layoutContentClasses: () => layoutContentClasses,
   layoutFooterClasses: () => layoutFooterClasses,
   layoutHeaderClasses: () => layoutHeaderClasses,
@@ -791,6 +801,7 @@ __export(index_exports, {
   modalSizeClasses: () => modalSizeClasses,
   modalTitleClasses: () => modalTitleClasses,
   modalWrapperClasses: () => modalWrapperClasses,
+  moveCard: () => moveCard,
   moveCropRect: () => moveCropRect,
   moveFocusInMenu: () => moveFocusInMenu,
   nextIconPath: () => nextIconPath,
@@ -812,6 +823,7 @@ __export(index_exports, {
   notificationTitleClasses: () => notificationTitleClasses,
   paginateData: () => paginateData,
   parseDate: () => parseDate,
+  parseDragData: () => parseDragData,
   parseInputValue: () => parseInputValue,
   parseTime: () => parseTime,
   parseWidthToPx: () => parseWidthToPx,
@@ -849,6 +861,7 @@ __export(index_exports, {
   radioRootBaseClasses: () => radioRootBaseClasses,
   radioSizeClasses: () => radioSizeClasses,
   radioVisualBaseClasses: () => radioVisualBaseClasses,
+  reorderColumns: () => reorderColumns,
   replaceKeys: () => replaceKeys,
   resetAreaGradientCounter: () => resetAreaGradientCounter,
   resetBarGradientCounter: () => resetBarGradientCounter,
@@ -873,6 +886,7 @@ __export(index_exports, {
   selectOptionDisabledClasses: () => selectOptionDisabledClasses,
   selectOptionSelectedClasses: () => selectOptionSelectedClasses,
   selectSearchInputClasses: () => selectSearchInputClasses,
+  setDragData: () => setDragData,
   setThemeColors: () => setThemeColors,
   shouldHideBadge: () => shouldHideBadge,
   skeletonAnimationClasses: () => skeletonAnimationClasses,
@@ -946,6 +960,18 @@ __export(index_exports, {
   tagCloseButtonBaseClasses: () => tagCloseButtonBaseClasses,
   tagCloseIconPath: () => tagCloseIconPath,
   tagSizeClasses: () => tagSizeClasses,
+  taskBoardAddCardClasses: () => taskBoardAddCardClasses,
+  taskBoardBaseClasses: () => taskBoardBaseClasses,
+  taskBoardCardClasses: () => taskBoardCardClasses,
+  taskBoardCardDraggingClasses: () => taskBoardCardDraggingClasses,
+  taskBoardColumnBodyClasses: () => taskBoardColumnBodyClasses,
+  taskBoardColumnClasses: () => taskBoardColumnClasses,
+  taskBoardColumnDraggingClasses: () => taskBoardColumnDraggingClasses,
+  taskBoardColumnDropTargetClasses: () => taskBoardColumnDropTargetClasses,
+  taskBoardColumnHeaderClasses: () => taskBoardColumnHeaderClasses,
+  taskBoardDropIndicatorClasses: () => taskBoardDropIndicatorClasses,
+  taskBoardEmptyClasses: () => taskBoardEmptyClasses,
+  taskBoardWipExceededClasses: () => taskBoardWipExceededClasses,
   textAlignClasses: () => textAlignClasses,
   textColorClasses: () => textColorClasses,
   textDecorationClasses: () => textDecorationClasses,
@@ -1592,7 +1618,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 = {
@@ -1647,6 +1674,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) {
@@ -7378,6 +7428,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",
@@ -7572,6 +7780,7 @@ var version = "0.2.0";
   DEFAULT_CHART_COLORS,
   DEFAULT_FORM_WIZARD_LABELS,
   DEFAULT_PAGINATION_LABELS,
+  DEFAULT_TASK_BOARD_LABELS,
   DONUT_BASE_SHADOW,
   DONUT_EMPHASIS_SHADOW,
   DROPDOWN_CHEVRON_PATH,
@@ -7605,6 +7814,7 @@ var version = "0.2.0";
   TimePickerCloseIconPath,
   ZH_CN_FORM_WIZARD_LABELS,
   ZH_CN_PAGINATION_LABELS,
+  ZH_CN_TASK_BOARD_LABELS,
   activeOpacityClasses,
   activePressClasses,
   alertBaseClasses,
@@ -7753,13 +7963,16 @@ var version = "0.2.0";
   createAreaPath,
   createAriaId,
   createBandScale,
+  createCardDragData,
   createChartInteractionHandlers,
+  createColumnDragData,
   createFloatingIdFactory,
   createLinePath,
   createLinearScale,
   createPieArcPath,
   createPointScale,
   createPolygonPath,
+  createTouchDragTracker,
   cropCanvas,
   cropUploadTriggerClasses,
   cropUploadTriggerDisabledClasses,
@@ -7816,6 +8029,7 @@ var version = "0.2.0";
   filterOptions,
   filterTreeNodes,
   findActiveAnchor,
+  findColumnFromPoint,
   findNode,
   flattenSelectOptions,
   focusElement,
@@ -7890,6 +8104,7 @@ var version = "0.2.0";
   getCollapseIconClasses,
   getCollapsePanelClasses,
   getCollapsePanelHeaderClasses,
+  getColumnDropIndex,
   getContainerClasses,
   getContainerHeight,
   getContainerScrollTop,
@@ -7918,6 +8133,7 @@ var version = "0.2.0";
   getDrawerMaskClasses,
   getDrawerPanelClasses,
   getDrawerTitleClasses,
+  getDropIndex,
   getDropdownChevronClasses,
   getDropdownContainerClasses,
   getDropdownItemClasses,
@@ -8082,6 +8298,7 @@ var version = "0.2.0";
   getTableWrapperClasses,
   getTabsContainerClasses,
   getTagVariantClasses,
+  getTaskBoardLabels,
   getTextClasses,
   getThemeColor,
   getTimePeriodLabels,
@@ -8173,6 +8390,7 @@ var version = "0.2.0";
   isTabKey,
   isTimeInRange,
   isToday,
+  isWipExceeded,
   layoutContentClasses,
   layoutFooterClasses,
   layoutHeaderClasses,
@@ -8250,6 +8468,7 @@ var version = "0.2.0";
   modalSizeClasses,
   modalTitleClasses,
   modalWrapperClasses,
+  moveCard,
   moveCropRect,
   moveFocusInMenu,
   nextIconPath,
@@ -8271,6 +8490,7 @@ var version = "0.2.0";
   notificationTitleClasses,
   paginateData,
   parseDate,
+  parseDragData,
   parseInputValue,
   parseTime,
   parseWidthToPx,
@@ -8308,6 +8528,7 @@ var version = "0.2.0";
   radioRootBaseClasses,
   radioSizeClasses,
   radioVisualBaseClasses,
+  reorderColumns,
   replaceKeys,
   resetAreaGradientCounter,
   resetBarGradientCounter,
@@ -8332,6 +8553,7 @@ var version = "0.2.0";
   selectOptionDisabledClasses,
   selectOptionSelectedClasses,
   selectSearchInputClasses,
+  setDragData,
   setThemeColors,
   shouldHideBadge,
   skeletonAnimationClasses,
@@ -8405,6 +8627,18 @@ var version = "0.2.0";
   tagCloseButtonBaseClasses,
   tagCloseIconPath,
   tagSizeClasses,
+  taskBoardAddCardClasses,
+  taskBoardBaseClasses,
+  taskBoardCardClasses,
+  taskBoardCardDraggingClasses,
+  taskBoardColumnBodyClasses,
+  taskBoardColumnClasses,
+  taskBoardColumnDraggingClasses,
+  taskBoardColumnDropTargetClasses,
+  taskBoardColumnHeaderClasses,
+  taskBoardDropIndicatorClasses,
+  taskBoardEmptyClasses,
+  taskBoardWipExceededClasses,
   textAlignClasses,
   textColorClasses,
   textDecorationClasses,