@composy/kanban-core 0.0.1

package/esm/core/ColumnManager.js

@@ -0,0 +1,285 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { generateId } from "../utils/id.js";
+//#region src/core/ColumnManager.ts
+var ColumnManager = class {
+	constructor(events) {
+		this.columns = [];
+		this.events = events;
+	}
+	/**
+	* 初始化列
+	*/
+	init(columns) {
+		this.columns = columns.map((col, index) => this.normalizeColumn(col, index));
+	}
+	/**
+	* 标准化列数据
+	*/
+	normalizeColumn(partial, index) {
+		return {
+			id: partial.id || generateId("col"),
+			title: partial.title || `Column ${index + 1}`,
+			cards: (partial.cards || []).map((card, cardIndex) => this.normalizeCard(card, partial.id || "", cardIndex)),
+			wipLimit: partial.wipLimit,
+			collapsed: partial.collapsed ?? false,
+			color: partial.color,
+			order: partial.order ?? index
+		};
+	}
+	/**
+	* 标准化卡片数据
+	*/
+	normalizeCard(partial, columnId, index) {
+		return {
+			id: partial.id || generateId("card"),
+			title: partial.title || "",
+			description: partial.description,
+			labels: partial.labels || [],
+			assignees: partial.assignees || [],
+			dueDate: partial.dueDate,
+			priority: partial.priority,
+			order: partial.order ?? index,
+			columnId: partial.columnId || columnId,
+			data: partial.data,
+			createdAt: partial.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
+			updatedAt: partial.updatedAt
+		};
+	}
+	/**
+	* 获取所有列
+	*/
+	getColumns() {
+		return [...this.columns].sort((a, b) => a.order - b.order);
+	}
+	/**
+	* 获取单列
+	*/
+	getColumn(id) {
+		return this.columns.find((c) => c.id === id);
+	}
+	/**
+	* 添加列
+	*/
+	addColumn(partial) {
+		const column = this.normalizeColumn(partial, this.columns.length);
+		column.cards = column.cards.map((card) => ({
+			...card,
+			columnId: column.id
+		}));
+		this.columns.push(column);
+		this.events.emit("column:add", { column });
+		return column;
+	}
+	/**
+	* 移除列
+	*/
+	removeColumn(id) {
+		const index = this.columns.findIndex((c) => c.id === id);
+		if (index === -1) return void 0;
+		const [column] = this.columns.splice(index, 1);
+		this.reorderColumns();
+		this.events.emit("column:remove", { column });
+		return column;
+	}
+	/**
+	* 更新列
+	*/
+	updateColumn(id, changes) {
+		const column = this.columns.find((c) => c.id === id);
+		if (!column) return void 0;
+		Object.assign(column, changes, { id });
+		this.events.emit("column:update", {
+			column,
+			changes
+		});
+		return column;
+	}
+	/**
+	* 移动列
+	*/
+	moveColumn(id, toIndex) {
+		const fromIndex = this.columns.findIndex((c) => c.id === id);
+		if (fromIndex === -1) return;
+		const [column] = this.columns.splice(fromIndex, 1);
+		this.columns.splice(toIndex, 0, column);
+		this.reorderColumns();
+		this.events.emit("column:move", {
+			column,
+			fromIndex,
+			toIndex
+		});
+	}
+	/**
+	* 折叠/展开列
+	*/
+	toggleCollapse(id) {
+		const column = this.columns.find((c) => c.id === id);
+		if (!column) return;
+		column.collapsed = !column.collapsed;
+		this.events.emit("column:collapse", {
+			column,
+			collapsed: column.collapsed
+		});
+	}
+	/**
+	* 获取列中的卡片
+	*/
+	getCards(columnId) {
+		const column = this.columns.find((c) => c.id === columnId);
+		return column ? [...column.cards].sort((a, b) => a.order - b.order) : [];
+	}
+	/**
+	* 添加卡片到列
+	*/
+	addCard(columnId, partial) {
+		const column = this.columns.find((c) => c.id === columnId);
+		if (!column) return void 0;
+		if (column.wipLimit && column.cards.length >= column.wipLimit) {
+			this.events.emit("error", { error: /* @__PURE__ */ new Error(`Column "${column.title}" reached WIP limit (${column.wipLimit})`) });
+			return;
+		}
+		const card = this.normalizeCard({
+			...partial,
+			columnId
+		}, columnId, column.cards.length);
+		column.cards.push(card);
+		this.events.emit("card:add", {
+			card,
+			columnId
+		});
+		return card;
+	}
+	/**
+	* 移除卡片
+	*/
+	removeCard(cardId) {
+		for (const column of this.columns) {
+			const index = column.cards.findIndex((c) => c.id === cardId);
+			if (index !== -1) {
+				const [card] = column.cards.splice(index, 1);
+				this.reorderCards(column);
+				this.events.emit("card:remove", {
+					card,
+					columnId: column.id
+				});
+				return card;
+			}
+		}
+	}
+	/**
+	* 更新卡片
+	*/
+	updateCard(cardId, changes) {
+		for (const column of this.columns) {
+			const card = column.cards.find((c) => c.id === cardId);
+			if (card) {
+				Object.assign(card, changes, {
+					id: cardId,
+					columnId: column.id
+				});
+				card.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+				this.events.emit("card:update", {
+					card,
+					changes
+				});
+				return card;
+			}
+		}
+	}
+	/**
+	* 获取单张卡片
+	*/
+	getCard(cardId) {
+		for (const column of this.columns) {
+			const card = column.cards.find((c) => c.id === cardId);
+			if (card) return card;
+		}
+	}
+	/**
+	* 移动卡片
+	*/
+	moveCard(cardId, toColumnId, toIndex) {
+		let fromColumn;
+		let cardIndex = -1;
+		for (const column of this.columns) {
+			const idx = column.cards.findIndex((c) => c.id === cardId);
+			if (idx !== -1) {
+				fromColumn = column;
+				cardIndex = idx;
+				break;
+			}
+		}
+		if (!fromColumn || cardIndex === -1) return;
+		const toColumn = this.columns.find((c) => c.id === toColumnId);
+		if (!toColumn) return;
+		if (fromColumn.id !== toColumnId && toColumn.wipLimit && toColumn.cards.length >= toColumn.wipLimit) {
+			this.events.emit("error", { error: /* @__PURE__ */ new Error(`Column "${toColumn.title}" reached WIP limit (${toColumn.wipLimit})`) });
+			return;
+		}
+		const [card] = fromColumn.cards.splice(cardIndex, 1);
+		card.columnId = toColumnId;
+		toColumn.cards.splice(toIndex, 0, card);
+		this.reorderCards(fromColumn);
+		this.reorderCards(toColumn);
+		this.events.emit("card:move", {
+			card,
+			fromColumnId: fromColumn.id,
+			toColumnId,
+			toIndex
+		});
+	}
+	/**
+	* 获取所有卡片
+	*/
+	getAllCards() {
+		const cards = [];
+		for (const column of this.columns) cards.push(...column.cards);
+		return cards;
+	}
+	/**
+	* 获取卡片总数
+	*/
+	getCardCount() {
+		return this.columns.reduce((sum, col) => sum + col.cards.length, 0);
+	}
+	/**
+	* 重新排序列
+	*/
+	reorderColumns() {
+		this.columns.forEach((col, index) => {
+			col.order = index;
+		});
+	}
+	/**
+	* 重新排序列中的卡片
+	*/
+	reorderCards(column) {
+		column.cards.forEach((card, index) => {
+			card.order = index;
+		});
+	}
+	/**
+	* 设置列数据（用于导入）
+	*/
+	setColumns(columns) {
+		this.columns = columns;
+	}
+	/**
+	* 清空所有数据
+	*/
+	clear() {
+		this.columns = [];
+	}
+};
+//#endregion
+export { ColumnManager };
+/*! End of @composy/kanban-core | Powered by @composy/builder */
+//# sourceMappingURL=ColumnManager.js.map

package/esm/core/ColumnManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnManager.js","names":[],"sources":["../../src/core/ColumnManager.ts"],"sourcesContent":["import type { Column, Card } from '../types';\nimport { generateId } from '../utils/id';\nimport { EventEmitter } from './EventEmitter';\n\n/**\n * 列管理器\n */\nexport class ColumnManager {\n  private columns: Column[] = [];\n  private events: EventEmitter;\n\n  constructor(events: EventEmitter) {\n    this.events = events;\n  }\n\n  /**\n   * 初始化列\n   */\n  init(columns: Partial<Column>[]): void {\n    this.columns = columns.map((col, index) => this.normalizeColumn(col, index));\n  }\n\n  /**\n   * 标准化列数据\n   */\n  private normalizeColumn(partial: Partial<Column>, index: number): Column {\n    return {\n      id: partial.id || generateId('col'),\n      title: partial.title || `Column ${index + 1}`,\n      cards: (partial.cards || []).map((card, cardIndex) =>\n        this.normalizeCard(card, partial.id || '', cardIndex),\n      ),\n      wipLimit: partial.wipLimit,\n      collapsed: partial.collapsed ?? false,\n      color: partial.color,\n      order: partial.order ?? index,\n    };\n  }\n\n  /**\n   * 标准化卡片数据\n   */\n  private normalizeCard(partial: Partial<Card>, columnId: string, index: number): Card {\n    const id = partial.id || generateId('card');\n    return {\n      id,\n      title: partial.title || '',\n      description: partial.description,\n      labels: partial.labels || [],\n      assignees: partial.assignees || [],\n      dueDate: partial.dueDate,\n      priority: partial.priority,\n      order: partial.order ?? index,\n      columnId: partial.columnId || columnId,\n      data: partial.data,\n      createdAt: partial.createdAt || new Date().toISOString(),\n      updatedAt: partial.updatedAt,\n    };\n  }\n\n  /**\n   * 获取所有列\n   */\n  getColumns(): Column[] {\n    return [...this.columns].sort((a, b) => a.order - b.order);\n  }\n\n  /**\n   * 获取单列\n   */\n  getColumn(id: string): Column | undefined {\n    return this.columns.find(c => c.id === id);\n  }\n\n  /**\n   * 添加列\n   */\n  addColumn(partial: Partial<Column>): Column {\n    const column = this.normalizeColumn(partial, this.columns.length);\n    // 确保新列的 cards 关联 columnId\n    column.cards = column.cards.map(card => ({ ...card, columnId: column.id }));\n    this.columns.push(column);\n    this.events.emit('column:add', { column });\n    return column;\n  }\n\n  /**\n   * 移除列\n   */\n  removeColumn(id: string): Column | undefined {\n    const index = this.columns.findIndex(c => c.id === id);\n    if (index === -1) return undefined;\n    const [column] = this.columns.splice(index, 1);\n    this.reorderColumns();\n    this.events.emit('column:remove', { column });\n    return column;\n  }\n\n  /**\n   * 更新列\n   */\n  updateColumn(id: string, changes: Partial<Column>): Column | undefined {\n    const column = this.columns.find(c => c.id === id);\n    if (!column) return undefined;\n    Object.assign(column, changes, { id }); // 不允许更改 id\n    this.events.emit('column:update', { column, changes });\n    return column;\n  }\n\n  /**\n   * 移动列\n   */\n  moveColumn(id: string, toIndex: number): void {\n    const fromIndex = this.columns.findIndex(c => c.id === id);\n    if (fromIndex === -1) return;\n    const [column] = this.columns.splice(fromIndex, 1);\n    this.columns.splice(toIndex, 0, column);\n    this.reorderColumns();\n    this.events.emit('column:move', { column, fromIndex, toIndex });\n  }\n\n  /**\n   * 折叠/展开列\n   */\n  toggleCollapse(id: string): void {\n    const column = this.columns.find(c => c.id === id);\n    if (!column) return;\n    column.collapsed = !column.collapsed;\n    this.events.emit('column:collapse', { column, collapsed: column.collapsed });\n  }\n\n  /**\n   * 获取列中的卡片\n   */\n  getCards(columnId: string): Card[] {\n    const column = this.columns.find(c => c.id === columnId);\n    return column ? [...column.cards].sort((a, b) => a.order - b.order) : [];\n  }\n\n  /**\n   * 添加卡片到列\n   */\n  addCard(columnId: string, partial: Partial<Card>): Card | undefined {\n    const column = this.columns.find(c => c.id === columnId);\n    if (!column) return undefined;\n\n    // 检查 WIP 限制\n    if (column.wipLimit && column.cards.length >= column.wipLimit) {\n      this.events.emit('error', {\n        error: new Error(`Column \"${column.title}\" reached WIP limit (${column.wipLimit})`),\n      });\n      return undefined;\n    }\n\n    const card = this.normalizeCard(\n      { ...partial, columnId },\n      columnId,\n      column.cards.length,\n    );\n    column.cards.push(card);\n    this.events.emit('card:add', { card, columnId });\n    return card;\n  }\n\n  /**\n   * 移除卡片\n   */\n  removeCard(cardId: string): Card | undefined {\n    for (const column of this.columns) {\n      const index = column.cards.findIndex(c => c.id === cardId);\n      if (index !== -1) {\n        const [card] = column.cards.splice(index, 1);\n        this.reorderCards(column);\n        this.events.emit('card:remove', { card, columnId: column.id });\n        return card;\n      }\n    }\n    return undefined;\n  }\n\n  /**\n   * 更新卡片\n   */\n  updateCard(cardId: string, changes: Partial<Card>): Card | undefined {\n    for (const column of this.columns) {\n      const card = column.cards.find(c => c.id === cardId);\n      if (card) {\n        Object.assign(card, changes, { id: cardId, columnId: column.id });\n        card.updatedAt = new Date().toISOString();\n        this.events.emit('card:update', { card, changes });\n        return card;\n      }\n    }\n    return undefined;\n  }\n\n  /**\n   * 获取单张卡片\n   */\n  getCard(cardId: string): Card | undefined {\n    for (const column of this.columns) {\n      const card = column.cards.find(c => c.id === cardId);\n      if (card) return card;\n    }\n    return undefined;\n  }\n\n  /**\n   * 移动卡片\n   */\n  moveCard(cardId: string, toColumnId: string, toIndex: number): void {\n    let fromColumn: Column | undefined;\n    let cardIndex = -1;\n\n    for (const column of this.columns) {\n      const idx = column.cards.findIndex(c => c.id === cardId);\n      if (idx !== -1) {\n        fromColumn = column;\n        cardIndex = idx;\n        break;\n      }\n    }\n\n    if (!fromColumn || cardIndex === -1) return;\n\n    const toColumn = this.columns.find(c => c.id === toColumnId);\n    if (!toColumn) return;\n\n    // 检查 WIP 限制（跨列移动时）\n    if (\n      fromColumn.id !== toColumnId &&\n      toColumn.wipLimit &&\n      toColumn.cards.length >= toColumn.wipLimit\n    ) {\n      this.events.emit('error', {\n        error: new Error(`Column \"${toColumn.title}\" reached WIP limit (${toColumn.wipLimit})`),\n      });\n      return;\n    }\n\n    const [card] = fromColumn.cards.splice(cardIndex, 1);\n    card.columnId = toColumnId;\n    toColumn.cards.splice(toIndex, 0, card);\n\n    this.reorderCards(fromColumn);\n    this.reorderCards(toColumn);\n\n    this.events.emit('card:move', {\n      card,\n      fromColumnId: fromColumn.id,\n      toColumnId,\n      toIndex,\n    });\n  }\n\n  /**\n   * 获取所有卡片\n   */\n  getAllCards(): Card[] {\n    const cards: Card[] = [];\n    for (const column of this.columns) {\n      cards.push(...column.cards);\n    }\n    return cards;\n  }\n\n  /**\n   * 获取卡片总数\n   */\n  getCardCount(): number {\n    return this.columns.reduce((sum, col) => sum + col.cards.length, 0);\n  }\n\n  /**\n   * 重新排序列\n   */\n  private reorderColumns(): void {\n    this.columns.forEach((col, index) => {\n      col.order = index;\n    });\n  }\n\n  /**\n   * 重新排序列中的卡片\n   */\n  private reorderCards(column: Column): void {\n    column.cards.forEach((card, index) => {\n      card.order = index;\n    });\n  }\n\n  /**\n   * 设置列数据（用于导入）\n   */\n  setColumns(columns: Column[]): void {\n    this.columns = columns;\n  }\n\n  /**\n   * 清空所有数据\n   */\n  clear(): void {\n    this.columns = [];\n  }\n}\n"],"mappings":"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"}

package/esm/core/DragController.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter } from './EventEmitter';
+/**
+ * DragState - Drag State interface
+ */
+export interface DragState {
+    dragging: boolean;
+    cardId: string | null;
+    sourceColumnId: string | null;
+    targetColumnId: string | null;
+    targetIndex: number;
+    placeholder: HTMLElement | null;
+}
+/**
+ * 拖拽控制器 - HTML5 Drag & Drop API
+ */
+export declare class DragController {
+    private events;
+    private state;
+    private prefix;
+    private cleanupFns;
+    constructor(events: EventEmitter, prefix: string);
+    /**
+     * 为卡片元素启用拖拽
+     */
+    enableCardDrag(cardEl: HTMLElement, cardId: string, columnId: string): void;
+    /**
+     * 为列容器启用拖拽接受
+     */
+    enableColumnDrop(columnBodyEl: HTMLElement, columnId: string): void;
+    /**
+     * 为列头部启用列拖拽
+     */
+    enableColumnDrag(columnEl: HTMLElement, handleEl: HTMLElement, columnId: string, boardEl: HTMLElement): void;
+    /**
+     * 获取鼠标位置之后的元素
+     */
+    private getDragAfterElement;
+    /**
+     * 创建占位符
+     */
+    private createPlaceholder;
+    /**
+     * 移除占位符
+     */
+    private removePlaceholder;
+    /**
+     * 获取当前拖拽状态
+     */
+    getState(): Readonly<DragState>;
+    /**
+     * 销毁
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=DragController.d.ts.map

package/esm/core/DragController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragController.d.ts","sourceRoot":"","sources":["../../src/core/DragController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,KAAK,CAOX;IACF,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAsB;gBAE5B,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM;IAKhD;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAuC3E;;OAEG;IACH,gBAAgB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiGnE;;OAEG;IACH,gBAAgB,CACd,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,WAAW,GACnB,IAAI;IAwDP;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAsB3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC;IAI/B;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB"}

package/esm/core/DragController.js

@@ -0,0 +1,225 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/core/DragController.ts
+var DragController = class {
+	constructor(events, prefix) {
+		this.state = {
+			dragging: false,
+			cardId: null,
+			sourceColumnId: null,
+			targetColumnId: null,
+			targetIndex: 0,
+			placeholder: null
+		};
+		this.cleanupFns = [];
+		this.events = events;
+		this.prefix = prefix;
+	}
+	/**
+	* 为卡片元素启用拖拽
+	*/
+	enableCardDrag(cardEl, cardId, columnId) {
+		cardEl.setAttribute("draggable", "true");
+		cardEl.dataset.cardId = cardId;
+		cardEl.dataset.columnId = columnId;
+		const onDragStart = (e) => {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.effectAllowed = "move";
+			e.dataTransfer.setData("text/plain", cardId);
+			this.state.dragging = true;
+			this.state.cardId = cardId;
+			this.state.sourceColumnId = columnId;
+			cardEl.classList.add(`${this.prefix}-card--dragging`);
+			this.events.emit("card:drag-start", {
+				cardId,
+				columnId
+			});
+			this.createPlaceholder(cardEl);
+		};
+		const onDragEnd = () => {
+			cardEl.classList.remove(`${this.prefix}-card--dragging`);
+			this.removePlaceholder();
+			this.state.dragging = false;
+			this.state.cardId = null;
+			this.state.sourceColumnId = null;
+			this.events.emit("card:drag-end", { cardId });
+		};
+		cardEl.addEventListener("dragstart", onDragStart);
+		cardEl.addEventListener("dragend", onDragEnd);
+		this.cleanupFns.push(() => {
+			cardEl.removeEventListener("dragstart", onDragStart);
+			cardEl.removeEventListener("dragend", onDragEnd);
+		});
+	}
+	/**
+	* 为列容器启用拖拽接受
+	*/
+	enableColumnDrop(columnBodyEl, columnId) {
+		const onDragOver = (e) => {
+			e.preventDefault();
+			if (!e.dataTransfer) return;
+			e.dataTransfer.dropEffect = "move";
+			this.state.targetColumnId = columnId;
+			const afterElement = this.getDragAfterElement(columnBodyEl, e.clientY);
+			const placeholder = this.state.placeholder;
+			if (placeholder) if (afterElement) columnBodyEl.insertBefore(placeholder, afterElement);
+			else {
+				const addBtn = columnBodyEl.querySelector(`.${this.prefix}-add-card`);
+				if (addBtn) columnBodyEl.insertBefore(placeholder, addBtn);
+				else columnBodyEl.appendChild(placeholder);
+			}
+		};
+		const onDragEnter = (e) => {
+			e.preventDefault();
+			columnBodyEl.classList.add(`${this.prefix}-column-body--drag-over`);
+		};
+		const onDragLeave = (e) => {
+			const rect = columnBodyEl.getBoundingClientRect();
+			if (e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) columnBodyEl.classList.remove(`${this.prefix}-column-body--drag-over`);
+		};
+		const onDrop = (e) => {
+			e.preventDefault();
+			columnBodyEl.classList.remove(`${this.prefix}-column-body--drag-over`);
+			const cardId = this.state.cardId;
+			if (!cardId) return;
+			const placeholder = this.state.placeholder;
+			let dropIndex = 0;
+			if (placeholder && placeholder.parentNode === columnBodyEl) {
+				const children = [...columnBodyEl.children];
+				for (const child of children) {
+					if (child === placeholder) break;
+					if (child.hasAttribute("data-card-id") && !child.classList.contains(`${this.prefix}-card--dragging`)) dropIndex++;
+				}
+			} else dropIndex = columnBodyEl.querySelectorAll(`[data-card-id]:not(.${this.prefix}-card--dragging)`).length;
+			this.events.emit("card:drop", {
+				cardId,
+				fromColumnId: this.state.sourceColumnId,
+				toColumnId: columnId,
+				toIndex: dropIndex
+			});
+			this.removePlaceholder();
+		};
+		columnBodyEl.addEventListener("dragover", onDragOver);
+		columnBodyEl.addEventListener("dragenter", onDragEnter);
+		columnBodyEl.addEventListener("dragleave", onDragLeave);
+		columnBodyEl.addEventListener("drop", onDrop);
+		this.cleanupFns.push(() => {
+			columnBodyEl.removeEventListener("dragover", onDragOver);
+			columnBodyEl.removeEventListener("dragenter", onDragEnter);
+			columnBodyEl.removeEventListener("dragleave", onDragLeave);
+			columnBodyEl.removeEventListener("drop", onDrop);
+		});
+	}
+	/**
+	* 为列头部启用列拖拽
+	*/
+	enableColumnDrag(columnEl, handleEl, columnId, boardEl) {
+		handleEl.setAttribute("draggable", "true");
+		const onDragStart = (e) => {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.effectAllowed = "move";
+			e.dataTransfer.setData("application/kanban-column", columnId);
+			columnEl.classList.add(`${this.prefix}-column--dragging`);
+		};
+		const onDragEnd = () => {
+			columnEl.classList.remove(`${this.prefix}-column--dragging`);
+			boardEl.querySelectorAll(`.${this.prefix}-column--drag-over`).forEach((el) => {
+				el.classList.remove(`${this.prefix}-column--drag-over`);
+			});
+		};
+		const onDragOver = (e) => {
+			if (!e.dataTransfer?.types.includes("application/kanban-column")) return;
+			e.preventDefault();
+			e.dataTransfer.dropEffect = "move";
+			columnEl.classList.add(`${this.prefix}-column--drag-over`);
+		};
+		const onDragLeave = () => {
+			columnEl.classList.remove(`${this.prefix}-column--drag-over`);
+		};
+		const onDrop = (e) => {
+			e.preventDefault();
+			columnEl.classList.remove(`${this.prefix}-column--drag-over`);
+			const fromColumnId = e.dataTransfer?.getData("application/kanban-column");
+			if (!fromColumnId || fromColumnId === columnId) return;
+			const toIndex = [...boardEl.querySelectorAll(`[data-column-id]`)].indexOf(columnEl);
+			this.events.emit("column:drop", {
+				fromColumnId,
+				toColumnId: columnId,
+				toIndex
+			});
+		};
+		handleEl.addEventListener("dragstart", onDragStart);
+		handleEl.addEventListener("dragend", onDragEnd);
+		columnEl.addEventListener("dragover", onDragOver);
+		columnEl.addEventListener("dragleave", onDragLeave);
+		columnEl.addEventListener("drop", onDrop);
+		this.cleanupFns.push(() => {
+			handleEl.removeEventListener("dragstart", onDragStart);
+			handleEl.removeEventListener("dragend", onDragEnd);
+			columnEl.removeEventListener("dragover", onDragOver);
+			columnEl.removeEventListener("dragleave", onDragLeave);
+			columnEl.removeEventListener("drop", onDrop);
+		});
+	}
+	/**
+	* 获取鼠标位置之后的元素
+	*/
+	getDragAfterElement(container, y) {
+		const draggableElements = [...container.querySelectorAll(`[data-card-id]:not(.${this.prefix}-card--dragging):not(.${this.prefix}-placeholder)`)];
+		let closestOffset = Number.NEGATIVE_INFINITY;
+		let closestElement = null;
+		draggableElements.forEach((child) => {
+			const box = child.getBoundingClientRect();
+			const offset = y - box.top - box.height / 2;
+			if (offset < 0 && offset > closestOffset) {
+				closestOffset = offset;
+				closestElement = child;
+			}
+		});
+		return closestElement;
+	}
+	/**
+	* 创建占位符
+	*/
+	createPlaceholder(cardEl) {
+		this.removePlaceholder();
+		const placeholder = document.createElement("div");
+		placeholder.className = `${this.prefix}-placeholder`;
+		placeholder.style.height = `${cardEl.offsetHeight}px`;
+		this.state.placeholder = placeholder;
+	}
+	/**
+	* 移除占位符
+	*/
+	removePlaceholder() {
+		if (this.state.placeholder) {
+			this.state.placeholder.parentNode?.removeChild(this.state.placeholder);
+			this.state.placeholder = null;
+		}
+	}
+	/**
+	* 获取当前拖拽状态
+	*/
+	getState() {
+		return { ...this.state };
+	}
+	/**
+	* 销毁
+	*/
+	destroy() {
+		this.cleanupFns.forEach((fn) => fn());
+		this.cleanupFns = [];
+		this.removePlaceholder();
+	}
+};
+//#endregion
+export { DragController };
+/*! End of @composy/kanban-core | Powered by @composy/builder */
+//# sourceMappingURL=DragController.js.map

package/esm/core/DragController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragController.js","names":[],"sources":["../../src/core/DragController.ts"],"sourcesContent":["import { EventEmitter } from './EventEmitter';\n\n/**\n * DragState - Drag State interface\n */\nexport interface DragState {\n  dragging: boolean;\n  cardId: string | null;\n  sourceColumnId: string | null;\n  targetColumnId: string | null;\n  targetIndex: number;\n  placeholder: HTMLElement | null;\n}\n\n/**\n * 拖拽控制器 - HTML5 Drag & Drop API\n */\nexport class DragController {\n  private events: EventEmitter;\n  private state: DragState = {\n    dragging: false,\n    cardId: null,\n    sourceColumnId: null,\n    targetColumnId: null,\n    targetIndex: 0,\n    placeholder: null,\n  };\n  private prefix: string;\n  private cleanupFns: (() => void)[] = [];\n\n  constructor(events: EventEmitter, prefix: string) {\n    this.events = events;\n    this.prefix = prefix;\n  }\n\n  /**\n   * 为卡片元素启用拖拽\n   */\n  enableCardDrag(cardEl: HTMLElement, cardId: string, columnId: string): void {\n    cardEl.setAttribute('draggable', 'true');\n    cardEl.dataset.cardId = cardId;\n    cardEl.dataset.columnId = columnId;\n\n    const onDragStart = (e: DragEvent) => {\n      if (!e.dataTransfer) return;\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('text/plain', cardId);\n\n      this.state.dragging = true;\n      this.state.cardId = cardId;\n      this.state.sourceColumnId = columnId;\n\n      cardEl.classList.add(`${this.prefix}-card--dragging`);\n      this.events.emit('card:drag-start', { cardId, columnId });\n\n      // 创建占位符\n      this.createPlaceholder(cardEl);\n    };\n\n    const onDragEnd = () => {\n      cardEl.classList.remove(`${this.prefix}-card--dragging`);\n      this.removePlaceholder();\n      this.state.dragging = false;\n      this.state.cardId = null;\n      this.state.sourceColumnId = null;\n      this.events.emit('card:drag-end', { cardId });\n    };\n\n    cardEl.addEventListener('dragstart', onDragStart);\n    cardEl.addEventListener('dragend', onDragEnd);\n\n    this.cleanupFns.push(() => {\n      cardEl.removeEventListener('dragstart', onDragStart);\n      cardEl.removeEventListener('dragend', onDragEnd);\n    });\n  }\n\n  /**\n   * 为列容器启用拖拽接受\n   */\n  enableColumnDrop(columnBodyEl: HTMLElement, columnId: string): void {\n    const onDragOver = (e: DragEvent) => {\n      e.preventDefault();\n      if (!e.dataTransfer) return;\n      e.dataTransfer.dropEffect = 'move';\n\n      this.state.targetColumnId = columnId;\n\n      // 计算插入位置\n      const afterElement = this.getDragAfterElement(columnBodyEl, e.clientY);\n      const placeholder = this.state.placeholder;\n      if (placeholder) {\n        if (afterElement) {\n          columnBodyEl.insertBefore(placeholder, afterElement);\n        } else {\n          // 插入到最后一张卡片之后，但在“添加卡片”按钮之前\n          const addBtn = columnBodyEl.querySelector(`.${this.prefix}-add-card`);\n          if (addBtn) {\n            columnBodyEl.insertBefore(placeholder, addBtn);\n          } else {\n            columnBodyEl.appendChild(placeholder);\n          }\n        }\n      }\n    };\n\n    const onDragEnter = (e: DragEvent) => {\n      e.preventDefault();\n      columnBodyEl.classList.add(`${this.prefix}-column-body--drag-over`);\n    };\n\n    const onDragLeave = (e: DragEvent) => {\n      // 检查是否真的离开了列\n      const rect = columnBodyEl.getBoundingClientRect();\n      if (\n        e.clientX < rect.left ||\n        e.clientX > rect.right ||\n        e.clientY < rect.top ||\n        e.clientY > rect.bottom\n      ) {\n        columnBodyEl.classList.remove(`${this.prefix}-column-body--drag-over`);\n      }\n    };\n\n    const onDrop = (e: DragEvent) => {\n      e.preventDefault();\n      columnBodyEl.classList.remove(`${this.prefix}-column-body--drag-over`);\n\n      const cardId = this.state.cardId;\n      if (!cardId) return;\n\n      // 计算 drop 位置：只统计占位符前面的可见卡片数量\n      const placeholder = this.state.placeholder;\n      let dropIndex = 0;\n\n      if (placeholder && placeholder.parentNode === columnBodyEl) {\n        const children = [...columnBodyEl.children];\n        for (const child of children) {\n          if (child === placeholder) break;\n          if (\n            (child as HTMLElement).hasAttribute('data-card-id') &&\n            !(child as HTMLElement).classList.contains(`${this.prefix}-card--dragging`)\n          ) {\n            dropIndex++;\n          }\n        }\n      } else {\n        // 占位符不在当前列时，放到末尾\n        const cards = columnBodyEl.querySelectorAll(\n          `[data-card-id]:not(.${this.prefix}-card--dragging)`,\n        );\n        dropIndex = cards.length;\n      }\n\n      this.events.emit('card:drop', {\n        cardId,\n        fromColumnId: this.state.sourceColumnId,\n        toColumnId: columnId,\n        toIndex: dropIndex,\n      });\n\n      this.removePlaceholder();\n    };\n\n    columnBodyEl.addEventListener('dragover', onDragOver);\n    columnBodyEl.addEventListener('dragenter', onDragEnter);\n    columnBodyEl.addEventListener('dragleave', onDragLeave);\n    columnBodyEl.addEventListener('drop', onDrop);\n\n    this.cleanupFns.push(() => {\n      columnBodyEl.removeEventListener('dragover', onDragOver);\n      columnBodyEl.removeEventListener('dragenter', onDragEnter);\n      columnBodyEl.removeEventListener('dragleave', onDragLeave);\n      columnBodyEl.removeEventListener('drop', onDrop);\n    });\n  }\n\n  /**\n   * 为列头部启用列拖拽\n   */\n  enableColumnDrag(\n    columnEl: HTMLElement,\n    handleEl: HTMLElement,\n    columnId: string,\n    boardEl: HTMLElement,\n  ): void {\n    handleEl.setAttribute('draggable', 'true');\n\n    const onDragStart = (e: DragEvent) => {\n      if (!e.dataTransfer) return;\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('application/kanban-column', columnId);\n      columnEl.classList.add(`${this.prefix}-column--dragging`);\n    };\n\n    const onDragEnd = () => {\n      columnEl.classList.remove(`${this.prefix}-column--dragging`);\n      // 清除所有列的 drag-over 状态\n      boardEl.querySelectorAll(`.${this.prefix}-column--drag-over`).forEach(el => {\n        el.classList.remove(`${this.prefix}-column--drag-over`);\n      });\n    };\n\n    const onDragOver = (e: DragEvent) => {\n      if (!e.dataTransfer?.types.includes('application/kanban-column')) return;\n      e.preventDefault();\n      e.dataTransfer.dropEffect = 'move';\n      columnEl.classList.add(`${this.prefix}-column--drag-over`);\n    };\n\n    const onDragLeave = () => {\n      columnEl.classList.remove(`${this.prefix}-column--drag-over`);\n    };\n\n    const onDrop = (e: DragEvent) => {\n      e.preventDefault();\n      columnEl.classList.remove(`${this.prefix}-column--drag-over`);\n      const fromColumnId = e.dataTransfer?.getData('application/kanban-column');\n      if (!fromColumnId || fromColumnId === columnId) return;\n\n      // 计算目标位置\n      const columns = [...boardEl.querySelectorAll(`[data-column-id]`)];\n      const toIndex = columns.indexOf(columnEl);\n      this.events.emit('column:drop', { fromColumnId, toColumnId: columnId, toIndex });\n    };\n\n    handleEl.addEventListener('dragstart', onDragStart);\n    handleEl.addEventListener('dragend', onDragEnd);\n    columnEl.addEventListener('dragover', onDragOver);\n    columnEl.addEventListener('dragleave', onDragLeave);\n    columnEl.addEventListener('drop', onDrop);\n\n    this.cleanupFns.push(() => {\n      handleEl.removeEventListener('dragstart', onDragStart);\n      handleEl.removeEventListener('dragend', onDragEnd);\n      columnEl.removeEventListener('dragover', onDragOver);\n      columnEl.removeEventListener('dragleave', onDragLeave);\n      columnEl.removeEventListener('drop', onDrop);\n    });\n  }\n\n  /**\n   * 获取鼠标位置之后的元素\n   */\n  private getDragAfterElement(container: HTMLElement, y: number): HTMLElement | null {\n    const draggableElements = [\n      ...container.querySelectorAll(\n        `[data-card-id]:not(.${this.prefix}-card--dragging):not(.${this.prefix}-placeholder)`,\n      ),\n    ] as HTMLElement[];\n\n    let closestOffset = Number.NEGATIVE_INFINITY;\n    let closestElement: HTMLElement | null = null;\n\n    draggableElements.forEach(child => {\n      const box = child.getBoundingClientRect();\n      const offset = y - box.top - box.height / 2;\n      if (offset < 0 && offset > closestOffset) {\n        closestOffset = offset;\n        closestElement = child;\n      }\n    });\n\n    return closestElement;\n  }\n\n  /**\n   * 创建占位符\n   */\n  private createPlaceholder(cardEl: HTMLElement): void {\n    this.removePlaceholder();\n    const placeholder = document.createElement('div');\n    placeholder.className = `${this.prefix}-placeholder`;\n    placeholder.style.height = `${cardEl.offsetHeight}px`;\n    this.state.placeholder = placeholder;\n  }\n\n  /**\n   * 移除占位符\n   */\n  private removePlaceholder(): void {\n    if (this.state.placeholder) {\n      this.state.placeholder.parentNode?.removeChild(this.state.placeholder);\n      this.state.placeholder = null;\n    }\n  }\n\n  /**\n   * 获取当前拖拽状态\n   */\n  getState(): Readonly<DragState> {\n    return { ...this.state };\n  }\n\n  /**\n   * 销毁\n   */\n  destroy(): void {\n    this.cleanupFns.forEach(fn => fn());\n    this.cleanupFns = [];\n    this.removePlaceholder();\n  }\n}\n"],"mappings":"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"}

package/esm/core/EventEmitter.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 轻量级事件发射器
+ */
+export type EventHandler = (...args: unknown[]) => void;
+/**
+ * EventEmitter - Event Emitter class
+ */
+export declare class EventEmitter {
+    private listeners;
+    /**
+     * 监听事件
+     */
+    on(event: string, handler: EventHandler): () => void;
+    /**
+     * 监听一次性事件
+     */
+    once(event: string, handler: EventHandler): () => void;
+    /**
+     * 移除监听器
+     */
+    off(event: string, handler: EventHandler): void;
+    /**
+     * 触发事件
+     */
+    emit(event: string, payload?: unknown): void;
+    /**
+     * 移除所有监听器
+     */
+    removeAll(): void;
+    /**
+     * 获取监听器数量
+     */
+    listenerCount(event: string): number;
+}
+//# sourceMappingURL=EventEmitter.d.ts.map

package/esm/core/EventEmitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.d.ts","sourceRoot":"","sources":["../../src/core/EventEmitter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;AAExD;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAwC;IAEzD;;OAEG;IACH,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,MAAM,IAAI;IAQpD;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,MAAM,IAAI;IAQtD;;OAEG;IACH,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAI/C;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI;IAa5C;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB;;OAEG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAGrC"}