@expcat/tigercat-vue 1.0.4 → 1.0.7

package/dist/index.js

@@ -14,7 +14,6 @@ var chunkECUROLZ7_js = require('./chunk-ECUROLZ7.js');
 var chunkESALMEHU_js = require('./chunk-ESALMEHU.js');
 var chunkFOF7UBMU_js = require('./chunk-FOF7UBMU.js');
 var chunkLAAPLTP3_js = require('./chunk-LAAPLTP3.js');
-var chunkBDMWFNTC_js = require('./chunk-BDMWFNTC.js');
 var chunkT4DF24UV_js = require('./chunk-T4DF24UV.js');
 var chunkSLYUQ67P_js = require('./chunk-SLYUQ67P.js');
 var chunkZNVQ2OFX_js = require('./chunk-ZNVQ2OFX.js');
@@ -54,7 +53,8 @@ var chunkNXGCLBVG_js = require('./chunk-NXGCLBVG.js');
 var chunkAFKNO6SF_js = require('./chunk-AFKNO6SF.js');
 var chunkDYSLYJ2W_js = require('./chunk-DYSLYJ2W.js');
 var chunkHK2TAPQX_js = require('./chunk-HK2TAPQX.js');
-var chunkCXJUEG75_js = require('./chunk-CXJUEG75.js');
+var chunkWBY2ILFK_js = require('./chunk-WBY2ILFK.js');
+var chunkO2Q4UYDA_js = require('./chunk-O2Q4UYDA.js');
 var chunkU2K7CF67_js = require('./chunk-U2K7CF67.js');
 var chunkWCZGYU7M_js = require('./chunk-WCZGYU7M.js');
 var chunkNOTJRUAK_js = require('./chunk-NOTJRUAK.js');
@@ -287,10 +287,6 @@ Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () { return chunkLAAPLTP3_js.Switch; }
 });
-Object.defineProperty(exports, "TaskBoard", {
-  enumerable: true,
-  get: function () { return chunkBDMWFNTC_js.TaskBoard; }
-});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () { return chunkT4DF24UV_js.Skeleton; }
@@ -461,7 +457,11 @@ Object.defineProperty(exports, "InputNumber", {
 });
 Object.defineProperty(exports, "Kanban", {
   enumerable: true,
-  get: function () { return chunkCXJUEG75_js.Kanban; }
+  get: function () { return chunkWBY2ILFK_js.Kanban; }
+});
+Object.defineProperty(exports, "TaskBoard", {
+  enumerable: true,
+  get: function () { return chunkO2Q4UYDA_js.TaskBoard; }
 });
 Object.defineProperty(exports, "FormWizard", {
   enumerable: true,

package/dist/index.mjs

@@ -12,7 +12,6 @@ export { Tree } from './chunk-7DGAOCPX.mjs';
 export { SubMenu } from './chunk-TTDBR2B4.mjs';
 export { SunburstChart } from './chunk-W2WGLETE.mjs';
 export { Switch } from './chunk-XYYZAQ6Z.mjs';
-export { TaskBoard } from './chunk-XA5QMUZX.mjs';
 export { Skeleton } from './chunk-YEHKQ3JZ.mjs';
 export { Slider } from './chunk-2R5HISQA.mjs';
 export { Space } from './chunk-M7EBWJZ5.mjs';
@@ -52,7 +51,8 @@ export { ImageViewer } from './chunk-HSXB2ASL.mjs';
 export { InfiniteScroll } from './chunk-CQPHZU3H.mjs';
 export { InputGroup, InputGroupAddon } from './chunk-VIIGYWUY.mjs';
 export { InputNumber } from './chunk-LW3LFCRZ.mjs';
-export { Kanban } from './chunk-33C5E3AQ.mjs';
+export { Kanban } from './chunk-PLGYRHPX.mjs';
+export { TaskBoard } from './chunk-J7VTGSHX.mjs';
 export { FormWizard } from './chunk-QDNTISP7.mjs';
 export { StepsItem } from './chunk-BQEVLY2O.mjs';
 export { Steps } from './chunk-7UU4PULK.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -43,7 +43,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "1.0.4"
+    "@expcat/tigercat-core": "1.0.7"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",

package/dist/chunk-33C5E3AQ.mjs

@@ -1,328 +0,0 @@
-import { useTigerConfig } from './chunk-XP5M2GK7.mjs';
-import { defineComponent, ref, computed, watch, h } from 'vue';
-import { filterColumns, mergeTigerLocale, getTaskBoardLabels, classNames, getKanbanContainerClasses, coerceClassValue, mergeStyleValues, isWipExceeded, getColumnCardCount, resolveLocaleText, kanbanCardCountClasses, taskBoardWipExceededClasses, taskBoardColumnHeaderClasses, taskBoardCardClasses, taskBoardCardDraggingClasses, taskBoardDropIndicatorClasses, taskBoardColumnBodyClasses, taskBoardEmptyClasses, kanbanAddCardClasses, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, kanbanAddColumnClasses, setDragData, createCardDragData, parseDragData, moveCard, reorderColumns, getDropIndex, createColumnDragData, getColumnDropIndex } from '@expcat/tigercat-core';
-
-var Kanban = defineComponent({
-  name: "TigerKanban",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    defaultColumns: {
-      type: Array,
-      default: () => []
-    },
-    draggable: { type: Boolean, default: true },
-    columnDraggable: { type: Boolean, default: true },
-    enforceWipLimit: { type: Boolean, default: false },
-    beforeCardMove: {
-      type: Function,
-      default: void 0
-    },
-    beforeColumnMove: {
-      type: Function,
-      default: void 0
-    },
-    onCardAdd: {
-      type: Function,
-      default: void 0
-    },
-    filterText: { type: String, default: "" },
-    hiddenColumns: {
-      type: Array,
-      default: () => []
-    },
-    showCardCount: { type: Boolean, default: true },
-    allowAddCard: { type: Boolean, default: true },
-    allowAddColumn: { type: Boolean, default: false },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
-  setup(props, { emit, attrs, slots }) {
-    const config = useTigerConfig();
-    const boardRef = ref(null);
-    const internalColumns = ref(props.defaultColumns ?? []);
-    const isControlled = computed(() => props.columns !== void 0);
-    const rawColumns = computed(() => isControlled.value ? props.columns : internalColumns.value);
-    const visibleColumns = computed(
-      () => filterColumns(rawColumns.value, props.filterText || "", props.hiddenColumns)
-    );
-    watch(
-      () => props.columns,
-      (v) => {
-        if (v) internalColumns.value = v;
-      }
-    );
-    function updateColumns(cols) {
-      if (!isControlled.value) internalColumns.value = cols;
-      emit("update:columns", cols);
-    }
-    const merged = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(() => getTaskBoardLabels(merged.value));
-    const dragState = ref(null);
-    const dropTargetCol = ref(null);
-    const dropTargetIdx = ref(-1);
-    const dragType = computed(() => dragState.value?.type ?? null);
-    function onCardDragStart(e, card, colId, idx) {
-      if (!props.draggable || !e.dataTransfer) return;
-      setDragData(e.dataTransfer, createCardDragData(card.id, colId, idx));
-      dragState.value = { type: "card", id: card.id, fromColumnId: colId, fromIndex: idx };
-    }
-    function onColumnDragStart(e, colId, idx) {
-      if (!props.columnDraggable || !e.dataTransfer) return;
-      setDragData(e.dataTransfer, createColumnDragData(colId, idx));
-      dragState.value = { type: "column", id: colId, fromIndex: idx };
-    }
-    function onDragOver(e, colId) {
-      e.preventDefault();
-      if (!dragState.value) return;
-      dropTargetCol.value = colId;
-      if (dragState.value.type === "card") {
-        const colEl = e.currentTarget.querySelector("[data-kanban-body]");
-        if (colEl) {
-          const cards = Array.from(colEl.querySelectorAll("[data-kanban-card]"));
-          const rects = cards.map((c) => c.getBoundingClientRect());
-          dropTargetIdx.value = getDropIndex(e.clientY, rects);
-        }
-      }
-    }
-    function onColumnDragOver(e) {
-      e.preventDefault();
-      if (!dragState.value || dragState.value.type !== "column") return;
-      const boardEl = boardRef.value;
-      if (!boardEl) return;
-      const cols = Array.from(boardEl.querySelectorAll("[data-kanban-column]"));
-      const rects = cols.map((c) => c.getBoundingClientRect());
-      dropTargetIdx.value = getColumnDropIndex(e.clientX, rects);
-    }
-    async function onDrop(e) {
-      e.preventDefault();
-      if (!dragState.value || !e.dataTransfer) return;
-      const data = parseDragData(e.dataTransfer);
-      if (!data) return;
-      const cols = rawColumns.value;
-      if (data.type === "card" && dropTargetCol.value != null) {
-        if (props.beforeCardMove) {
-          const evt = {
-            cardId: data.cardId,
-            fromColumnId: data.columnId,
-            toColumnId: dropTargetCol.value,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx.value
-          };
-          const ok = await props.beforeCardMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = moveCard(
-          cols,
-          data.cardId,
-          data.columnId,
-          dropTargetCol.value,
-          dropTargetIdx.value,
-          { enforceWipLimit: props.enforceWipLimit }
-        );
-        if (result) {
-          updateColumns(result.columns);
-          emit("card-move", result.event);
-        }
-      } else if (data.type === "column") {
-        if (props.beforeColumnMove) {
-          const evt = {
-            columnId: data.columnId,
-            fromIndex: data.index,
-            toIndex: dropTargetIdx.value
-          };
-          const ok = await props.beforeColumnMove(evt);
-          if (!ok) {
-            resetDrag();
-            return;
-          }
-        }
-        const result = reorderColumns(cols, data.index, dropTargetIdx.value);
-        if (result) {
-          updateColumns(result.columns);
-          emit("column-move", result.event);
-        }
-      }
-      resetDrag();
-    }
-    function onDragEnd() {
-      resetDrag();
-    }
-    function resetDrag() {
-      dragState.value = null;
-      dropTargetCol.value = null;
-      dropTargetIdx.value = -1;
-    }
-    const containerClasses = computed(
-      () => classNames(getKanbanContainerClasses(props.className), coerceClassValue(attrs.class))
-    );
-    const containerStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const children = visibleColumns.value.map((col, colIdx) => {
-        const wipExceeded = isWipExceeded(col);
-        const cardCount = getColumnCardCount(col);
-        const isDragOverCol = dropTargetCol.value === col.id;
-        const isColDragging = dragState.value?.type === "column" && dragState.value.id === col.id;
-        const headerContent = [
-          slots["column-header"] ? slots["column-header"]({ column: col }) : h("span", {}, resolveLocaleText(col.title)),
-          props.showCardCount ? h(
-            "span",
-            {
-              class: classNames(
-                kanbanCardCountClasses,
-                wipExceeded && taskBoardWipExceededClasses
-              )
-            },
-            cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
-          ) : null
-        ];
-        const header = h(
-          "div",
-          {
-            class: classNames(
-              taskBoardColumnHeaderClasses,
-              wipExceeded && taskBoardWipExceededClasses
-            )
-          },
-          headerContent
-        );
-        const cardEls = col.cards.map((card, cardIdx) => {
-          const isCardDragging = dragState.value?.type === "card" && dragState.value.id === card.id;
-          return h(
-            "div",
-            {
-              key: card.id,
-              class: classNames(
-                taskBoardCardClasses,
-                isCardDragging && taskBoardCardDraggingClasses
-              ),
-              draggable: props.draggable,
-              "data-kanban-card": "",
-              onDragstart: (e) => onCardDragStart(e, card, col.id, cardIdx)
-            },
-            slots.card ? slots.card({ card, columnId: col.id }) : [
-              h("div", { class: "font-medium text-sm" }, resolveLocaleText(card.title)),
-              card.description ? h(
-                "div",
-                { class: "text-xs text-[var(--tiger-text-muted,#6b7280)] mt-1" },
-                card.description
-              ) : null
-            ]
-          );
-        });
-        if (isDragOverCol && dragType.value === "card" && dropTargetIdx.value >= 0) {
-          cardEls.splice(
-            dropTargetIdx.value,
-            0,
-            h("div", {
-              key: "__drop-indicator",
-              class: taskBoardDropIndicatorClasses
-            })
-          );
-        }
-        const body = h(
-          "div",
-          {
-            class: taskBoardColumnBodyClasses,
-            "data-kanban-body": ""
-          },
-          cardEls.length > 0 ? cardEls : [
-            h(
-              "div",
-              { class: taskBoardEmptyClasses },
-              resolveLocaleText(labels.value.emptyColumnText)
-            )
-          ]
-        );
-        const addBtn = props.allowAddCard ? h(
-          "div",
-          {
-            class: kanbanAddCardClasses,
-            role: "button",
-            tabindex: 0,
-            onClick: () => {
-              props.onCardAdd?.(col.id);
-              emit("card-add", col.id);
-            },
-            onKeydown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                props.onCardAdd?.(col.id);
-                emit("card-add", col.id);
-              }
-            }
-          },
-          "+ " + resolveLocaleText(labels.value.addCardText)
-        ) : null;
-        return h(
-          "div",
-          {
-            key: col.id,
-            class: classNames(
-              taskBoardColumnClasses,
-              isDragOverCol && dragType.value === "card" && taskBoardColumnDropTargetClasses,
-              isColDragging && taskBoardColumnDraggingClasses
-            ),
-            "data-kanban-column": "",
-            draggable: props.columnDraggable,
-            onDragstart: (e) => onColumnDragStart(e, col.id, colIdx),
-            onDragover: (e) => onDragOver(e, col.id),
-            onDrop,
-            onDragend: onDragEnd
-          },
-          [header, body, addBtn]
-        );
-      });
-      if (props.allowAddColumn) {
-        children.push(
-          h(
-            "div",
-            {
-              key: "__add-column",
-              class: kanbanAddColumnClasses,
-              role: "button",
-              tabindex: 0,
-              onClick: () => emit("column-add"),
-              onKeydown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  emit("column-add");
-                }
-              }
-            },
-            "+ " + resolveLocaleText(labels.value.addCardText)
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          ref: boardRef,
-          class: containerClasses.value,
-          style: containerStyle.value,
-          role: "region",
-          "aria-label": "Kanban board",
-          onDragover: onColumnDragOver
-        },
-        children
-      );
-    };
-  }
-});
-var Kanban_default = Kanban;
-
-export { Kanban, Kanban_default };