@composy/kanban-core 0.0.1 → 0.0.2

package/lib/core/KanbanBoard.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/kanban-core v0.0.1     *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:25 *
+* Build time: 2024-10-12 17:29:01 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -13,9 +13,24 @@ const require_DragController = require("./DragController.cjs");
 const require_EventEmitter = require("./EventEmitter.cjs");
 const require_FilterEngine = require("./FilterEngine.cjs");
 const require_dom = require("../utils/dom.cjs");
-const require_Renderer = require("./Renderer.cjs");
 const require_version = require("../version.cjs");
+const require_Renderer = require("./Renderer.cjs");
 //#region src/core/KanbanBoard.ts
+function isRecord(value) {
+	return typeof value === "object" && value !== null;
+}
+function isCard(value) {
+	return isRecord(value) && typeof value.id === "string" && typeof value.title === "string" && typeof value.order === "number" && typeof value.columnId === "string";
+}
+function isColumn(value) {
+	return isRecord(value) && typeof value.id === "string" && typeof value.title === "string" && Array.isArray(value.cards) && typeof value.order === "number";
+}
+function isCardDropPayload(value) {
+	return isRecord(value) && typeof value.cardId === "string" && (value.fromColumnId === null || typeof value.fromColumnId === "string") && typeof value.toColumnId === "string" && typeof value.toIndex === "number";
+}
+function isColumnDropPayload(value) {
+	return isRecord(value) && typeof value.fromColumnId === "string" && typeof value.toColumnId === "string" && typeof value.toIndex === "number";
+}
 var KanbanBoard = class {
 	constructor(options) {
 		this.destroyed = false;
@@ -50,7 +65,7 @@ var KanbanBoard = class {
 		this.render();
 		this.events.emit("ready", { instance: this });
 		this.options.onReady?.(this);
-		if (this.options.debug) console.log("[KanbanBoard] Initialized", {
+		if (this.options.debug) console.debug("[KanbanBoard] Initialized", {
 			columns: this.columnManager.getColumns().length,
 			cards: this.columnManager.getCardCount()
 		});
@@ -60,30 +75,57 @@ var KanbanBoard = class {
 	*/
 	bindInternalEvents() {
 		this.events.on("card:drop", (payload) => {
+			if (!isCardDropPayload(payload)) return;
+			const card = this.columnManager.getCard(payload.cardId);
 			this.columnManager.moveCard(payload.cardId, payload.toColumnId, payload.toIndex);
-			this.options.onCardMove?.(this.columnManager.getCard(payload.cardId), payload.fromColumnId, payload.toColumnId, payload.toIndex);
+			if (card && card.columnId === payload.toColumnId) this.options.onCardMove?.(card, payload.fromColumnId ?? "", payload.toColumnId, card.order);
 			this.scheduleRender();
 		});
 		this.events.on("column:drop", (payload) => {
-			const fromIndex = this.columnManager.getColumns().findIndex((c) => c.id === payload.fromColumnId);
+			if (!isColumnDropPayload(payload)) return;
+			const columns = this.columnManager.getColumns();
+			if (payload.fromColumnId === payload.toColumnId || !columns.some((column) => column.id === payload.fromColumnId) || !columns.some((column) => column.id === payload.toColumnId)) return;
+			const fromIndex = columns.findIndex((c) => c.id === payload.fromColumnId);
 			this.columnManager.moveColumn(payload.fromColumnId, payload.toIndex);
 			const col = this.columnManager.getColumn(payload.fromColumnId);
-			if (col) this.options.onColumnMove?.(col, fromIndex, payload.toIndex);
+			if (col) this.options.onColumnMove?.(col, fromIndex, col.order);
 			this.scheduleRender();
 		});
 		this.events.on("ui:toggle-collapse", (payload) => {
+			if (!isRecord(payload) || typeof payload.columnId !== "string") return;
 			this.columnManager.toggleCollapse(payload.columnId);
 			const col = this.columnManager.getColumn(payload.columnId);
 			if (col) this.options.onColumnCollapse?.(col, col.collapsed ?? false);
 			this.render();
 		});
-		this.events.on("card:add", (p) => this.options.onCardAdd?.(p.card, p.columnId));
-		this.events.on("card:remove", (p) => this.options.onCardRemove?.(p.card, p.columnId));
-		this.events.on("card:click", (p) => this.options.onCardClick?.(p.card));
-		this.events.on("card:update", (p) => this.options.onCardUpdate?.(p.card));
-		this.events.on("column:add", (p) => this.options.onColumnAdd?.(p.column));
-		this.events.on("column:remove", (p) => this.options.onColumnRemove?.(p.column));
-		this.events.on("error", (p) => this.options.onError?.(p.error));
+		this.events.on("card:add", (p) => {
+			if (!isRecord(p) || !isCard(p.card) || typeof p.columnId !== "string") return;
+			this.options.onCardAdd?.(p.card, p.columnId);
+		});
+		this.events.on("card:remove", (p) => {
+			if (!isRecord(p) || !isCard(p.card) || typeof p.columnId !== "string") return;
+			this.options.onCardRemove?.(p.card, p.columnId);
+		});
+		this.events.on("card:click", (p) => {
+			if (!isRecord(p) || !isCard(p.card)) return;
+			this.options.onCardClick?.(p.card);
+		});
+		this.events.on("card:update", (p) => {
+			if (!isRecord(p) || !isCard(p.card)) return;
+			this.options.onCardUpdate?.(p.card);
+		});
+		this.events.on("column:add", (p) => {
+			if (!isRecord(p) || !isColumn(p.column)) return;
+			this.options.onColumnAdd?.(p.column);
+		});
+		this.events.on("column:remove", (p) => {
+			if (!isRecord(p) || !isColumn(p.column)) return;
+			this.options.onColumnRemove?.(p.column);
+		});
+		this.events.on("error", (p) => {
+			if (!isRecord(p) || !(p.error instanceof Error)) return;
+			this.options.onError?.(p.error);
+		});
 	}
 	/**
 	* 添加列
@@ -224,8 +266,12 @@ var KanbanBoard = class {
 	* 导入看板数据
 	*/
 	importData(data) {
+		if (!data || !Array.isArray(data.columns)) {
+			this.events.emit("error", { error: /* @__PURE__ */ new Error("[KanbanBoard] Invalid board data: columns must be an array") });
+			return;
+		}
 		this.columnManager.setColumns(data.columns);
-		this.labels = data.labels || [];
+		this.labels = Array.isArray(data.labels) ? [...data.labels] : [];
 		this.filterEngine.clearFilter();
 		this.events.emit("data:import", { board: data });
 		this.render();
@@ -315,7 +361,7 @@ var KanbanBoard = class {
 		this.events.emit("destroy", void 0);
 		this.options.onDestroy?.();
 		this.events.removeAll();
-		if (this.options.debug) console.log("[KanbanBoard] Destroyed");
+		if (this.options.debug) console.debug("[KanbanBoard] Destroyed");
 	}
 	/**
 	* 是否已销毁

package/lib/core/KanbanBoard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.cjs","names":[],"sources":["../../src/core/KanbanBoard.ts"],"sourcesContent":["import type { KanbanOptions, Column, Card, FilterCriteria, BoardData, Label } from '../types';\nimport { resolveElement } from '../utils/dom';\nimport { EventEmitter, type EventHandler } from './EventEmitter';\nimport { ColumnManager } from './ColumnManager';\nimport { DragController } from './DragController';\nimport { FilterEngine } from './FilterEngine';\nimport { Renderer } from './Renderer';\nimport { VERSION } from '../version';\n\n/**\n * KanbanBoard - 看板视图库，支持拖拽卡片与列管理\n */\nexport class KanbanBoard {\n  private container: HTMLElement;\n  private options: KanbanOptions;\n  private destroyed = false;\n\n  readonly events: EventEmitter;\n  private columnManager: ColumnManager;\n  private dragController: DragController;\n  private filterEngine: FilterEngine;\n  private renderer: Renderer;\n  private labels: Label[] = [];\n\n  constructor(options: KanbanOptions) {\n    this.options = {\n      draggable: true,\n      columnDraggable: true,\n      crossColumnDrag: true,\n      searchable: true,\n      showAddCard: true,\n      showAddColumn: true,\n      showColumnActions: true,\n      showCardCount: true,\n      classPrefix: 'kanban',\n      ...options,\n    };\n\n    const el = resolveElement(options.container);\n    if (!el) {\n      throw new Error('[KanbanBoard] Container element not found');\n    }\n    this.container = el;\n\n    // 初始化子系统\n    this.events = new EventEmitter();\n    this.columnManager = new ColumnManager(this.events);\n    this.dragController = new DragController(this.events, this.options.classPrefix || 'kanban');\n    this.filterEngine = new FilterEngine(this.events);\n    this.renderer = new Renderer(this.container, this.events, this.dragController, this.options);\n\n    // 初始化标签\n    this.labels = options.labels || [];\n\n    this.init();\n  }\n\n  private init(): void {\n    // 初始化列数据\n    if (this.options.columns?.length) {\n      this.columnManager.init(this.options.columns as Partial<Column>[]);\n    }\n\n    // 绑定内部事件\n    this.bindInternalEvents();\n\n    // 首次渲染\n    this.render();\n\n    // 触发 ready\n    this.events.emit('ready', { instance: this });\n    this.options.onReady?.(this);\n\n    if (this.options.debug) {\n      console.log('[KanbanBoard] Initialized', {\n        columns: this.columnManager.getColumns().length,\n        cards: this.columnManager.getCardCount(),\n      });\n    }\n  }\n\n  /**\n   * 绑定内部事件\n   */\n  private bindInternalEvents(): void {\n    // 卡片拖拽放置\n    this.events.on('card:drop', (payload: unknown) => {\n      this.columnManager.moveCard(payload.cardId, payload.toColumnId, payload.toIndex);\n      this.options.onCardMove?.(this.columnManager.getCard(payload.cardId)!, payload.fromColumnId, payload.toColumnId, payload.toIndex);\n      // 延迟渲染，等待浏览器完成拖拽操作（dragend 事件触发后再重建 DOM）\n      this.scheduleRender();\n    });\n\n    // 列拖拽放置\n    this.events.on('column:drop', (payload: unknown) => {\n      const columns = this.columnManager.getColumns();\n      const fromIndex = columns.findIndex(c => c.id === payload.fromColumnId);\n      this.columnManager.moveColumn(payload.fromColumnId, payload.toIndex);\n      const col = this.columnManager.getColumn(payload.fromColumnId);\n      if (col) this.options.onColumnMove?.(col, fromIndex, payload.toIndex);\n      this.scheduleRender();\n    });\n\n    // UI 事件 - 折叠列\n    this.events.on('ui:toggle-collapse', (payload: unknown) => {\n      this.columnManager.toggleCollapse(payload.columnId);\n      const col = this.columnManager.getColumn(payload.columnId);\n      if (col) this.options.onColumnCollapse?.(col, col.collapsed ?? false);\n      this.render();\n    });\n\n    // 回调转发\n    this.events.on('card:add', (p: unknown) => this.options.onCardAdd?.(p.card, p.columnId));\n    this.events.on('card:remove', (p: unknown) => this.options.onCardRemove?.(p.card, p.columnId));\n    this.events.on('card:click', (p: unknown) => this.options.onCardClick?.(p.card));\n    this.events.on('card:update', (p: unknown) => this.options.onCardUpdate?.(p.card));\n    this.events.on('column:add', (p: unknown) => this.options.onColumnAdd?.(p.column));\n    this.events.on('column:remove', (p: unknown) => this.options.onColumnRemove?.(p.column));\n    this.events.on('error', (p: unknown) => this.options.onError?.(p.error));\n  }\n\n  // ============================================================\n  // Column API\n  // ============================================================\n\n  /**\n   * 添加列\n   */\n  addColumn(partial: Partial<Column>): Column {\n    const column = this.columnManager.addColumn(partial);\n    this.render();\n    return column;\n  }\n\n  /**\n   * 移除列\n   */\n  removeColumn(id: string): Column | undefined {\n    const column = this.columnManager.removeColumn(id);\n    if (column) this.render();\n    return column;\n  }\n\n  /**\n   * 更新列\n   */\n  updateColumn(id: string, changes: Partial<Column>): Column | undefined {\n    const column = this.columnManager.updateColumn(id, changes);\n    if (column) this.render();\n    return column;\n  }\n\n  /**\n   * 移动列\n   */\n  moveColumn(id: string, toIndex: number): void {\n    this.columnManager.moveColumn(id, toIndex);\n    this.render();\n  }\n\n  /**\n   * 折叠/展开列\n   */\n  toggleColumnCollapse(id: string): void {\n    this.columnManager.toggleCollapse(id);\n    this.render();\n  }\n\n  /**\n   * 获取所有列\n   */\n  getColumns(): Column[] {\n    return this.columnManager.getColumns();\n  }\n\n  /**\n   * 获取单列\n   */\n  getColumn(id: string): Column | undefined {\n    return this.columnManager.getColumn(id);\n  }\n\n  // ============================================================\n  // Card API\n  // ============================================================\n\n  /**\n   * 添加卡片\n   */\n  addCard(columnId: string, partial: Partial<Card>): Card | undefined {\n    const card = this.columnManager.addCard(columnId, partial);\n    if (card) this.render();\n    return card;\n  }\n\n  /**\n   * 移除卡片\n   */\n  removeCard(cardId: string): Card | undefined {\n    const card = this.columnManager.removeCard(cardId);\n    if (card) this.render();\n    return card;\n  }\n\n  /**\n   * 更新卡片\n   */\n  updateCard(cardId: string, changes: Partial<Card>): Card | undefined {\n    const card = this.columnManager.updateCard(cardId, changes);\n    if (card) this.render();\n    return card;\n  }\n\n  /**\n   * 移动卡片\n   */\n  moveCard(cardId: string, toColumnId: string, toIndex: number): void {\n    this.columnManager.moveCard(cardId, toColumnId, toIndex);\n    this.render();\n  }\n\n  /**\n   * 获取单张卡片\n   */\n  getCard(cardId: string): Card | undefined {\n    return this.columnManager.getCard(cardId);\n  }\n\n  /**\n   * 获取所有卡片\n   */\n  getAllCards(): Card[] {\n    return this.columnManager.getAllCards();\n  }\n\n  /**\n   * 获取卡片总数\n   */\n  getCardCount(): number {\n    return this.columnManager.getCardCount();\n  }\n\n  // ============================================================\n  // Filter / Search API\n  // ============================================================\n\n  /**\n   * 筛选卡片\n   */\n  filter(criteria: FilterCriteria): void {\n    this.filterEngine.filter(criteria, this.columnManager.getColumns());\n    this.render();\n  }\n\n  /**\n   * 搜索卡片\n   */\n  search(keyword: string): Card[] {\n    const result = this.filterEngine.search(keyword, this.columnManager.getColumns());\n    this.render();\n    return result;\n  }\n\n  /**\n   * 清除筛选\n   */\n  clearFilter(): void {\n    this.filterEngine.clearFilter();\n    this.render();\n  }\n\n  // ============================================================\n  // Import / Export API\n  // ============================================================\n\n  /**\n   * 导出看板数据\n   */\n  exportData(): BoardData {\n    const data: BoardData = {\n      version: VERSION,\n      title: this.options.title || 'Kanban Board',\n      columns: this.columnManager.getColumns(),\n      labels: this.labels,\n      exportedAt: new Date().toISOString(),\n    };\n    this.events.emit('data:export', { board: data });\n    return data;\n  }\n\n  /**\n   * 导入看板数据\n   */\n  importData(data: BoardData): void {\n    this.columnManager.setColumns(data.columns);\n    this.labels = data.labels || [];\n    this.filterEngine.clearFilter();\n    this.events.emit('data:import', { board: data });\n    this.render();\n  }\n\n  // ============================================================\n  // Event API\n  // ============================================================\n\n  /**\n   * 监听事件\n   */\n  on(event: string, handler: EventHandler): () => void {\n    return this.events.on(event, handler);\n  }\n\n  /**\n   * 监听一次性事件\n   */\n  once(event: string, handler: EventHandler): () => void {\n    return this.events.once(event, handler);\n  }\n\n  /**\n   * 移除事件监听\n   */\n  off(event: string, handler: EventHandler): void {\n    this.events.off(event, handler);\n  }\n\n  // ============================================================\n  // Label API\n  // ============================================================\n\n  /**\n   * 获取所有标签\n   */\n  getLabels(): Label[] {\n    return [...this.labels];\n  }\n\n  /**\n   * 添加标签\n   */\n  addLabel(label: Label): void {\n    this.labels.push(label);\n  }\n\n  /**\n   * 移除标签\n   */\n  removeLabel(id: string): void {\n    this.labels = this.labels.filter(l => l.id !== id);\n  }\n\n  // ============================================================\n  // Render\n  // ============================================================\n\n  private renderTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * 延迟渲染（合并多次调用，等待浏览器拖拽操作完成）\n   */\n  private scheduleRender(): void {\n    if (this.renderTimer !== null) return;\n    this.renderTimer = setTimeout(() => {\n      this.renderTimer = null;\n      this.render();\n    }, 0);\n  }\n\n  /**\n   * 重新渲染\n   */\n  render(): void {\n    if (this.destroyed) return;\n    this.dragController.destroy();\n    this.dragController = new DragController(this.events, this.options.classPrefix || 'kanban');\n    this.renderer = new Renderer(this.container, this.events, this.dragController, this.options);\n    this.renderer.render(\n      this.columnManager.getColumns(),\n      this.filterEngine.getHiddenCardIds(),\n    );\n  }\n\n  /**\n   * 获取看板根元素\n   */\n  getBoardElement(): HTMLElement | null {\n    return this.renderer.getBoardElement();\n  }\n\n  /**\n   * 获取配置\n   */\n  getOptions(): Readonly<KanbanOptions> {\n    return { ...this.options };\n  }\n\n  // ============================================================\n  // Lifecycle\n  // ============================================================\n\n  /**\n   * 销毁实例\n   */\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n\n    if (this.renderTimer !== null) {\n      clearTimeout(this.renderTimer);\n      this.renderTimer = null;\n    }\n\n    this.dragController.destroy();\n    this.filterEngine.destroy();\n    this.renderer.destroy();\n    this.columnManager.clear();\n\n    this.events.emit('destroy', undefined);\n    this.options.onDestroy?.();\n    this.events.removeAll();\n\n    if (this.options.debug) {\n      console.log('[KanbanBoard] Destroyed');\n    }\n  }\n\n  /**\n   * 是否已销毁\n   */\n  isDestroyed(): boolean {\n    return this.destroyed;\n  }\n}\n\n/**\n * 创建看板实例（工厂函数）\n */\nexport function createKanbanBoard(options: KanbanOptions): KanbanBoard {\n  return new KanbanBoard(options);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYO,IAAM,cAAN,MAAkB;CAYvB,YAAY,SAAwB;EATpC,KAAQ,YAAY;EAOpB,KAAQ,SAAkB,CAAC;EA6U3B,KAAQ,cAAoD;EA1U1D,KAAK,UAAU;GACb,WAAW;GACX,iBAAiB;GACjB,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,mBAAmB;GACnB,eAAe;GACf,aAAa;GACb,GAAG;EACL;EAEA,MAAM,KAAK,YAAA,eAAe,QAAQ,SAAS;EAC3C,IAAI,CAAC,IACH,MAAM,IAAI,MAAM,2CAA2C;EAE7D,KAAK,YAAY;EAGjB,KAAK,SAAS,IAAI,qBAAA,aAAa;EAC/B,KAAK,gBAAgB,IAAI,sBAAA,cAAc,KAAK,MAAM;EAClD,KAAK,iBAAiB,IAAI,uBAAA,eAAe,KAAK,QAAQ,KAAK,QAAQ,eAAe,QAAQ;EAC1F,KAAK,eAAe,IAAI,qBAAA,aAAa,KAAK,MAAM;EAChD,KAAK,WAAW,IAAI,iBAAA,SAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,gBAAgB,KAAK,OAAO;EAG3F,KAAK,SAAS,QAAQ,UAAU,CAAC;EAEjC,KAAK,KAAK;CACZ;CAEQ,OAAa;EAEnB,IAAI,KAAK,QAAQ,SAAS,QACxB,KAAK,cAAc,KAAK,KAAK,QAAQ,OAA4B;EAInE,KAAK,mBAAmB;EAGxB,KAAK,OAAO;EAGZ,KAAK,OAAO,KAAK,SAAS,EAAE,UAAU,KAAK,CAAC;EAC5C,KAAK,QAAQ,UAAU,IAAI;EAE3B,IAAI,KAAK,QAAQ,OACf,QAAQ,IAAI,6BAA6B;GACvC,SAAS,KAAK,cAAc,WAAW,CAAA,CAAE;GACzC,OAAO,KAAK,cAAc,aAAa;EACzC,CAAC;CAEL;;;;CAKQ,qBAA2B;EAEjC,KAAK,OAAO,GAAG,cAAc,YAAqB;GAChD,KAAK,cAAc,SAAS,QAAQ,QAAQ,QAAQ,YAAY,QAAQ,OAAO;GAC/E,KAAK,QAAQ,aAAa,KAAK,cAAc,QAAQ,QAAQ,MAAM,GAAI,QAAQ,cAAc,QAAQ,YAAY,QAAQ,OAAO;GAEhI,KAAK,eAAe;EACtB,CAAC;EAGD,KAAK,OAAO,GAAG,gBAAgB,YAAqB;GAElD,MAAM,YADU,KAAK,cAAc,WACjB,CAAA,CAAQ,WAAU,MAAK,EAAE,OAAO,QAAQ,YAAY;GACtE,KAAK,cAAc,WAAW,QAAQ,cAAc,QAAQ,OAAO;GACnE,MAAM,MAAM,KAAK,cAAc,UAAU,QAAQ,YAAY;GAC7D,IAAI,KAAK,KAAK,QAAQ,eAAe,KAAK,WAAW,QAAQ,OAAO;GACpE,KAAK,eAAe;EACtB,CAAC;EAGD,KAAK,OAAO,GAAG,uBAAuB,YAAqB;GACzD,KAAK,cAAc,eAAe,QAAQ,QAAQ;GAClD,MAAM,MAAM,KAAK,cAAc,UAAU,QAAQ,QAAQ;GACzD,IAAI,KAAK,KAAK,QAAQ,mBAAmB,KAAK,IAAI,aAAa,KAAK;GACpE,KAAK,OAAO;EACd,CAAC;EAGD,KAAK,OAAO,GAAG,aAAa,MAAe,KAAK,QAAQ,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC;EACvF,KAAK,OAAO,GAAG,gBAAgB,MAAe,KAAK,QAAQ,eAAe,EAAE,MAAM,EAAE,QAAQ,CAAC;EAC7F,KAAK,OAAO,GAAG,eAAe,MAAe,KAAK,QAAQ,cAAc,EAAE,IAAI,CAAC;EAC/E,KAAK,OAAO,GAAG,gBAAgB,MAAe,KAAK,QAAQ,eAAe,EAAE,IAAI,CAAC;EACjF,KAAK,OAAO,GAAG,eAAe,MAAe,KAAK,QAAQ,cAAc,EAAE,MAAM,CAAC;EACjF,KAAK,OAAO,GAAG,kBAAkB,MAAe,KAAK,QAAQ,iBAAiB,EAAE,MAAM,CAAC;EACvF,KAAK,OAAO,GAAG,UAAU,MAAe,KAAK,QAAQ,UAAU,EAAE,KAAK,CAAC;CACzE;;;;CASA,UAAU,SAAkC;EAC1C,MAAM,SAAS,KAAK,cAAc,UAAU,OAAO;EACnD,KAAK,OAAO;EACZ,OAAO;CACT;;;;CAKA,aAAa,IAAgC;EAC3C,MAAM,SAAS,KAAK,cAAc,aAAa,EAAE;EACjD,IAAI,QAAQ,KAAK,OAAO;EACxB,OAAO;CACT;;;;CAKA,aAAa,IAAY,SAA8C;EACrE,MAAM,SAAS,KAAK,cAAc,aAAa,IAAI,OAAO;EAC1D,IAAI,QAAQ,KAAK,OAAO;EACxB,OAAO;CACT;;;;CAKA,WAAW,IAAY,SAAuB;EAC5C,KAAK,cAAc,WAAW,IAAI,OAAO;EACzC,KAAK,OAAO;CACd;;;;CAKA,qBAAqB,IAAkB;EACrC,KAAK,cAAc,eAAe,EAAE;EACpC,KAAK,OAAO;CACd;;;;CAKA,aAAuB;EACrB,OAAO,KAAK,cAAc,WAAW;CACvC;;;;CAKA,UAAU,IAAgC;EACxC,OAAO,KAAK,cAAc,UAAU,EAAE;CACxC;;;;CASA,QAAQ,UAAkB,SAA0C;EAClE,MAAM,OAAO,KAAK,cAAc,QAAQ,UAAU,OAAO;EACzD,IAAI,MAAM,KAAK,OAAO;EACtB,OAAO;CACT;;;;CAKA,WAAW,QAAkC;EAC3C,MAAM,OAAO,KAAK,cAAc,WAAW,MAAM;EACjD,IAAI,MAAM,KAAK,OAAO;EACtB,OAAO;CACT;;;;CAKA,WAAW,QAAgB,SAA0C;EACnE,MAAM,OAAO,KAAK,cAAc,WAAW,QAAQ,OAAO;EAC1D,IAAI,MAAM,KAAK,OAAO;EACtB,OAAO;CACT;;;;CAKA,SAAS,QAAgB,YAAoB,SAAuB;EAClE,KAAK,cAAc,SAAS,QAAQ,YAAY,OAAO;EACvD,KAAK,OAAO;CACd;;;;CAKA,QAAQ,QAAkC;EACxC,OAAO,KAAK,cAAc,QAAQ,MAAM;CAC1C;;;;CAKA,cAAsB;EACpB,OAAO,KAAK,cAAc,YAAY;CACxC;;;;CAKA,eAAuB;EACrB,OAAO,KAAK,cAAc,aAAa;CACzC;;;;CASA,OAAO,UAAgC;EACrC,KAAK,aAAa,OAAO,UAAU,KAAK,cAAc,WAAW,CAAC;EAClE,KAAK,OAAO;CACd;;;;CAKA,OAAO,SAAyB;EAC9B,MAAM,SAAS,KAAK,aAAa,OAAO,SAAS,KAAK,cAAc,WAAW,CAAC;EAChF,KAAK,OAAO;EACZ,OAAO;CACT;;;;CAKA,cAAoB;EAClB,KAAK,aAAa,YAAY;EAC9B,KAAK,OAAO;CACd;;;;CASA,aAAwB;EACtB,MAAM,OAAkB;GACtB,SAAS,gBAAA;GACT,OAAO,KAAK,QAAQ,SAAS;GAC7B,SAAS,KAAK,cAAc,WAAW;GACvC,QAAQ,KAAK;GACb,6BAAY,IAAI,KAAK,EAAA,CAAE,YAAY;EACrC;EACA,KAAK,OAAO,KAAK,eAAe,EAAE,OAAO,KAAK,CAAC;EAC/C,OAAO;CACT;;;;CAKA,WAAW,MAAuB;EAChC,KAAK,cAAc,WAAW,KAAK,OAAO;EAC1C,KAAK,SAAS,KAAK,UAAU,CAAC;EAC9B,KAAK,aAAa,YAAY;EAC9B,KAAK,OAAO,KAAK,eAAe,EAAE,OAAO,KAAK,CAAC;EAC/C,KAAK,OAAO;CACd;;;;CASA,GAAG,OAAe,SAAmC;EACnD,OAAO,KAAK,OAAO,GAAG,OAAO,OAAO;CACtC;;;;CAKA,KAAK,OAAe,SAAmC;EACrD,OAAO,KAAK,OAAO,KAAK,OAAO,OAAO;CACxC;;;;CAKA,IAAI,OAAe,SAA6B;EAC9C,KAAK,OAAO,IAAI,OAAO,OAAO;CAChC;;;;CASA,YAAqB;EACnB,OAAO,CAAC,GAAG,KAAK,MAAM;CACxB;;;;CAKA,SAAS,OAAoB;EAC3B,KAAK,OAAO,KAAK,KAAK;CACxB;;;;CAKA,YAAY,IAAkB;EAC5B,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,EAAE,OAAO,EAAE;CACnD;;;;CAWQ,iBAAuB;EAC7B,IAAI,KAAK,gBAAgB,MAAM;EAC/B,KAAK,cAAc,iBAAiB;GAClC,KAAK,cAAc;GACnB,KAAK,OAAO;EACd,GAAG,CAAC;CACN;;;;CAKA,SAAe;EACb,IAAI,KAAK,WAAW;EACpB,KAAK,eAAe,QAAQ;EAC5B,KAAK,iBAAiB,IAAI,uBAAA,eAAe,KAAK,QAAQ,KAAK,QAAQ,eAAe,QAAQ;EAC1F,KAAK,WAAW,IAAI,iBAAA,SAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,gBAAgB,KAAK,OAAO;EAC3F,KAAK,SAAS,OACZ,KAAK,cAAc,WAAW,GAC9B,KAAK,aAAa,iBAAiB,CACrC;CACF;;;;CAKA,kBAAsC;EACpC,OAAO,KAAK,SAAS,gBAAgB;CACvC;;;;CAKA,aAAsC;EACpC,OAAO,EAAE,GAAG,KAAK,QAAQ;CAC3B;;;;CASA,UAAgB;EACd,IAAI,KAAK,WAAW;EACpB,KAAK,YAAY;EAEjB,IAAI,KAAK,gBAAgB,MAAM;GAC7B,aAAa,KAAK,WAAW;GAC7B,KAAK,cAAc;EACrB;EAEA,KAAK,eAAe,QAAQ;EAC5B,KAAK,aAAa,QAAQ;EAC1B,KAAK,SAAS,QAAQ;EACtB,KAAK,cAAc,MAAM;EAEzB,KAAK,OAAO,KAAK,WAAW,KAAA,CAAS;EACrC,KAAK,QAAQ,YAAY;EACzB,KAAK,OAAO,UAAU;EAEtB,IAAI,KAAK,QAAQ,OACf,QAAQ,IAAI,yBAAyB;CAEzC;;;;CAKA,cAAuB;EACrB,OAAO,KAAK;CACd;AACF;AAKO,SAAS,kBAAkB,SAAqC;CACrE,OAAO,IAAI,YAAY,OAAO;AAChC"}
+{"version":3,"file":"KanbanBoard.cjs","names":[],"sources":["../../src/core/KanbanBoard.ts"],"sourcesContent":["import type {\r\n  BoardData,\r\n  Card,\r\n  Column,\r\n  FilterCriteria,\r\n  KanbanOptions,\r\n  Label,\r\n} from '../types'\r\nimport type { EventHandler } from './EventEmitter'\r\nimport { resolveElement } from '../utils/dom'\r\nimport { VERSION } from '../version'\r\nimport { ColumnManager } from './ColumnManager'\r\nimport { DragController } from './DragController'\r\nimport { EventEmitter } from './EventEmitter'\r\nimport { FilterEngine } from './FilterEngine'\r\nimport { Renderer } from './Renderer'\r\n\r\ninterface CardDropPayload {\r\n  cardId: string\r\n  fromColumnId: string | null\r\n  toColumnId: string\r\n  toIndex: number\r\n}\r\n\r\ninterface ColumnDropPayload {\r\n  fromColumnId: string\r\n  toColumnId: string\r\n  toIndex: number\r\n}\r\n\r\nfunction isRecord(value: unknown): value is Record<string, unknown> {\r\n  return typeof value === 'object' && value !== null\r\n}\r\n\r\nfunction isCard(value: unknown): value is Card {\r\n  return (\r\n    isRecord(value) &&\r\n    typeof value.id === 'string' &&\r\n    typeof value.title === 'string' &&\r\n    typeof value.order === 'number' &&\r\n    typeof value.columnId === 'string'\r\n  )\r\n}\r\n\r\nfunction isColumn(value: unknown): value is Column {\r\n  return (\r\n    isRecord(value) &&\r\n    typeof value.id === 'string' &&\r\n    typeof value.title === 'string' &&\r\n    Array.isArray(value.cards) &&\r\n    typeof value.order === 'number'\r\n  )\r\n}\r\n\r\nfunction isCardDropPayload(value: unknown): value is CardDropPayload {\r\n  return (\r\n    isRecord(value) &&\r\n    typeof value.cardId === 'string' &&\r\n    (value.fromColumnId === null || typeof value.fromColumnId === 'string') &&\r\n    typeof value.toColumnId === 'string' &&\r\n    typeof value.toIndex === 'number'\r\n  )\r\n}\r\n\r\nfunction isColumnDropPayload(value: unknown): value is ColumnDropPayload {\r\n  return (\r\n    isRecord(value) &&\r\n    typeof value.fromColumnId === 'string' &&\r\n    typeof value.toColumnId === 'string' &&\r\n    typeof value.toIndex === 'number'\r\n  )\r\n}\r\n\r\n/**\r\n * KanbanBoard - 看板视图库，支持拖拽卡片与列管理\r\n */\r\nexport class KanbanBoard {\r\n  private container: HTMLElement\r\n  private options: KanbanOptions\r\n  private destroyed = false\r\n\r\n  readonly events: EventEmitter\r\n  private columnManager: ColumnManager\r\n  private dragController: DragController\r\n  private filterEngine: FilterEngine\r\n  private renderer: Renderer\r\n  private labels: Label[] = []\r\n\r\n  constructor(options: KanbanOptions) {\r\n    this.options = {\r\n      draggable: true,\r\n      columnDraggable: true,\r\n      crossColumnDrag: true,\r\n      searchable: true,\r\n      showAddCard: true,\r\n      showAddColumn: true,\r\n      showColumnActions: true,\r\n      showCardCount: true,\r\n      classPrefix: 'kanban',\r\n      ...options,\r\n    }\r\n\r\n    const el = resolveElement(options.container)\r\n    if (!el) {\r\n      throw new Error('[KanbanBoard] Container element not found')\r\n    }\r\n    this.container = el\r\n\r\n    // 初始化子系统\r\n    this.events = new EventEmitter()\r\n    this.columnManager = new ColumnManager(this.events)\r\n    this.dragController = new DragController(\r\n      this.events,\r\n      this.options.classPrefix || 'kanban'\r\n    )\r\n    this.filterEngine = new FilterEngine(this.events)\r\n    this.renderer = new Renderer(\r\n      this.container,\r\n      this.events,\r\n      this.dragController,\r\n      this.options\r\n    )\r\n\r\n    // 初始化标签\r\n    this.labels = options.labels || []\r\n\r\n    this.init()\r\n  }\r\n\r\n  private init(): void {\r\n    // 初始化列数据\r\n    if (this.options.columns?.length) {\r\n      this.columnManager.init(this.options.columns as Partial<Column>[])\r\n    }\r\n\r\n    // 绑定内部事件\r\n    this.bindInternalEvents()\r\n\r\n    // 首次渲染\r\n    this.render()\r\n\r\n    // 触发 ready\r\n    this.events.emit('ready', { instance: this })\r\n    this.options.onReady?.(this)\r\n\r\n    if (this.options.debug) {\r\n      console.debug('[KanbanBoard] Initialized', {\r\n        columns: this.columnManager.getColumns().length,\r\n        cards: this.columnManager.getCardCount(),\r\n      })\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 绑定内部事件\r\n   */\r\n  private bindInternalEvents(): void {\r\n    // 卡片拖拽放置\r\n    this.events.on('card:drop', (payload: unknown) => {\r\n      if (!isCardDropPayload(payload)) return\r\n      const card = this.columnManager.getCard(payload.cardId)\r\n      this.columnManager.moveCard(\r\n        payload.cardId,\r\n        payload.toColumnId,\r\n        payload.toIndex\r\n      )\r\n      if (card && card.columnId === payload.toColumnId) {\r\n        this.options.onCardMove?.(\r\n          card,\r\n          payload.fromColumnId ?? '',\r\n          payload.toColumnId,\r\n          card.order\r\n        )\r\n      }\r\n      // 延迟渲染，等待浏览器完成拖拽操作（dragend 事件触发后再重建 DOM）\r\n      this.scheduleRender()\r\n    })\r\n\r\n    // 列拖拽放置\r\n    this.events.on('column:drop', (payload: unknown) => {\r\n      if (!isColumnDropPayload(payload)) return\r\n      const columns = this.columnManager.getColumns()\r\n      if (\r\n        payload.fromColumnId === payload.toColumnId ||\r\n        !columns.some(column => column.id === payload.fromColumnId) ||\r\n        !columns.some(column => column.id === payload.toColumnId)\r\n      ) {\r\n        return\r\n      }\r\n      const fromIndex = columns.findIndex(c => c.id === payload.fromColumnId)\r\n      this.columnManager.moveColumn(payload.fromColumnId, payload.toIndex)\r\n      const col = this.columnManager.getColumn(payload.fromColumnId)\r\n      if (col) this.options.onColumnMove?.(col, fromIndex, col.order)\r\n      this.scheduleRender()\r\n    })\r\n\r\n    // UI 事件 - 折叠列\r\n    this.events.on('ui:toggle-collapse', (payload: unknown) => {\r\n      if (!isRecord(payload) || typeof payload.columnId !== 'string') return\r\n      this.columnManager.toggleCollapse(payload.columnId)\r\n      const col = this.columnManager.getColumn(payload.columnId)\r\n      if (col) this.options.onColumnCollapse?.(col, col.collapsed ?? false)\r\n      this.render()\r\n    })\r\n\r\n    // 回调转发\r\n    this.events.on('card:add', (p: unknown) => {\r\n      if (!isRecord(p) || !isCard(p.card) || typeof p.columnId !== 'string')\r\n        return\r\n      this.options.onCardAdd?.(p.card, p.columnId)\r\n    })\r\n    this.events.on('card:remove', (p: unknown) => {\r\n      if (!isRecord(p) || !isCard(p.card) || typeof p.columnId !== 'string')\r\n        return\r\n      this.options.onCardRemove?.(p.card, p.columnId)\r\n    })\r\n    this.events.on('card:click', (p: unknown) => {\r\n      if (!isRecord(p) || !isCard(p.card)) return\r\n      this.options.onCardClick?.(p.card)\r\n    })\r\n    this.events.on('card:update', (p: unknown) => {\r\n      if (!isRecord(p) || !isCard(p.card)) return\r\n      this.options.onCardUpdate?.(p.card)\r\n    })\r\n    this.events.on('column:add', (p: unknown) => {\r\n      if (!isRecord(p) || !isColumn(p.column)) return\r\n      this.options.onColumnAdd?.(p.column)\r\n    })\r\n    this.events.on('column:remove', (p: unknown) => {\r\n      if (!isRecord(p) || !isColumn(p.column)) return\r\n      this.options.onColumnRemove?.(p.column)\r\n    })\r\n    this.events.on('error', (p: unknown) => {\r\n      if (!isRecord(p) || !(p.error instanceof Error)) return\r\n      this.options.onError?.(p.error)\r\n    })\r\n  }\r\n\r\n  // ============================================================\r\n  // Column API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 添加列\r\n   */\r\n  addColumn(partial: Partial<Column>): Column {\r\n    const column = this.columnManager.addColumn(partial)\r\n    this.render()\r\n    return column\r\n  }\r\n\r\n  /**\r\n   * 移除列\r\n   */\r\n  removeColumn(id: string): Column | undefined {\r\n    const column = this.columnManager.removeColumn(id)\r\n    if (column) this.render()\r\n    return column\r\n  }\r\n\r\n  /**\r\n   * 更新列\r\n   */\r\n  updateColumn(id: string, changes: Partial<Column>): Column | undefined {\r\n    const column = this.columnManager.updateColumn(id, changes)\r\n    if (column) this.render()\r\n    return column\r\n  }\r\n\r\n  /**\r\n   * 移动列\r\n   */\r\n  moveColumn(id: string, toIndex: number): void {\r\n    this.columnManager.moveColumn(id, toIndex)\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 折叠/展开列\r\n   */\r\n  toggleColumnCollapse(id: string): void {\r\n    this.columnManager.toggleCollapse(id)\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 获取所有列\r\n   */\r\n  getColumns(): Column[] {\r\n    return this.columnManager.getColumns()\r\n  }\r\n\r\n  /**\r\n   * 获取单列\r\n   */\r\n  getColumn(id: string): Column | undefined {\r\n    return this.columnManager.getColumn(id)\r\n  }\r\n\r\n  // ============================================================\r\n  // Card API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 添加卡片\r\n   */\r\n  addCard(columnId: string, partial: Partial<Card>): Card | undefined {\r\n    const card = this.columnManager.addCard(columnId, partial)\r\n    if (card) this.render()\r\n    return card\r\n  }\r\n\r\n  /**\r\n   * 移除卡片\r\n   */\r\n  removeCard(cardId: string): Card | undefined {\r\n    const card = this.columnManager.removeCard(cardId)\r\n    if (card) this.render()\r\n    return card\r\n  }\r\n\r\n  /**\r\n   * 更新卡片\r\n   */\r\n  updateCard(cardId: string, changes: Partial<Card>): Card | undefined {\r\n    const card = this.columnManager.updateCard(cardId, changes)\r\n    if (card) this.render()\r\n    return card\r\n  }\r\n\r\n  /**\r\n   * 移动卡片\r\n   */\r\n  moveCard(cardId: string, toColumnId: string, toIndex: number): void {\r\n    this.columnManager.moveCard(cardId, toColumnId, toIndex)\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 获取单张卡片\r\n   */\r\n  getCard(cardId: string): Card | undefined {\r\n    return this.columnManager.getCard(cardId)\r\n  }\r\n\r\n  /**\r\n   * 获取所有卡片\r\n   */\r\n  getAllCards(): Card[] {\r\n    return this.columnManager.getAllCards()\r\n  }\r\n\r\n  /**\r\n   * 获取卡片总数\r\n   */\r\n  getCardCount(): number {\r\n    return this.columnManager.getCardCount()\r\n  }\r\n\r\n  // ============================================================\r\n  // Filter / Search API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 筛选卡片\r\n   */\r\n  filter(criteria: FilterCriteria): void {\r\n    this.filterEngine.filter(criteria, this.columnManager.getColumns())\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 搜索卡片\r\n   */\r\n  search(keyword: string): Card[] {\r\n    const result = this.filterEngine.search(\r\n      keyword,\r\n      this.columnManager.getColumns()\r\n    )\r\n    this.render()\r\n    return result\r\n  }\r\n\r\n  /**\r\n   * 清除筛选\r\n   */\r\n  clearFilter(): void {\r\n    this.filterEngine.clearFilter()\r\n    this.render()\r\n  }\r\n\r\n  // ============================================================\r\n  // Import / Export API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 导出看板数据\r\n   */\r\n  exportData(): BoardData {\r\n    const data: BoardData = {\r\n      version: VERSION,\r\n      title: this.options.title || 'Kanban Board',\r\n      columns: this.columnManager.getColumns(),\r\n      labels: this.labels,\r\n      exportedAt: new Date().toISOString(),\r\n    }\r\n    this.events.emit('data:export', { board: data })\r\n    return data\r\n  }\r\n\r\n  /**\r\n   * 导入看板数据\r\n   */\r\n  importData(data: BoardData): void {\r\n    if (!data || !Array.isArray(data.columns)) {\r\n      this.events.emit('error', {\r\n        error: new Error(\r\n          '[KanbanBoard] Invalid board data: columns must be an array'\r\n        ),\r\n      })\r\n      return\r\n    }\r\n    this.columnManager.setColumns(data.columns)\r\n    this.labels = Array.isArray(data.labels) ? [...data.labels] : []\r\n    this.filterEngine.clearFilter()\r\n    this.events.emit('data:import', { board: data })\r\n    this.render()\r\n  }\r\n\r\n  // ============================================================\r\n  // Event API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 监听事件\r\n   */\r\n  on(event: string, handler: EventHandler): () => void {\r\n    return this.events.on(event, handler)\r\n  }\r\n\r\n  /**\r\n   * 监听一次性事件\r\n   */\r\n  once(event: string, handler: EventHandler): () => void {\r\n    return this.events.once(event, handler)\r\n  }\r\n\r\n  /**\r\n   * 移除事件监听\r\n   */\r\n  off(event: string, handler: EventHandler): void {\r\n    this.events.off(event, handler)\r\n  }\r\n\r\n  // ============================================================\r\n  // Label API\r\n  // ============================================================\r\n\r\n  /**\r\n   * 获取所有标签\r\n   */\r\n  getLabels(): Label[] {\r\n    return [...this.labels]\r\n  }\r\n\r\n  /**\r\n   * 添加标签\r\n   */\r\n  addLabel(label: Label): void {\r\n    this.labels.push(label)\r\n  }\r\n\r\n  /**\r\n   * 移除标签\r\n   */\r\n  removeLabel(id: string): void {\r\n    this.labels = this.labels.filter(l => l.id !== id)\r\n  }\r\n\r\n  // ============================================================\r\n  // Render\r\n  // ============================================================\r\n\r\n  private renderTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  /**\r\n   * 延迟渲染（合并多次调用，等待浏览器拖拽操作完成）\r\n   */\r\n  private scheduleRender(): void {\r\n    if (this.renderTimer !== null) return\r\n    this.renderTimer = setTimeout(() => {\r\n      this.renderTimer = null\r\n      this.render()\r\n    }, 0)\r\n  }\r\n\r\n  /**\r\n   * 重新渲染\r\n   */\r\n  render(): void {\r\n    if (this.destroyed) return\r\n    this.dragController.destroy()\r\n    this.dragController = new DragController(\r\n      this.events,\r\n      this.options.classPrefix || 'kanban'\r\n    )\r\n    this.renderer = new Renderer(\r\n      this.container,\r\n      this.events,\r\n      this.dragController,\r\n      this.options\r\n    )\r\n    this.renderer.render(\r\n      this.columnManager.getColumns(),\r\n      this.filterEngine.getHiddenCardIds()\r\n    )\r\n  }\r\n\r\n  /**\r\n   * 获取看板根元素\r\n   */\r\n  getBoardElement(): HTMLElement | null {\r\n    return this.renderer.getBoardElement()\r\n  }\r\n\r\n  /**\r\n   * 获取配置\r\n   */\r\n  getOptions(): Readonly<KanbanOptions> {\r\n    return { ...this.options }\r\n  }\r\n\r\n  // ============================================================\r\n  // Lifecycle\r\n  // ============================================================\r\n\r\n  /**\r\n   * 销毁实例\r\n   */\r\n  destroy(): void {\r\n    if (this.destroyed) return\r\n    this.destroyed = true\r\n\r\n    if (this.renderTimer !== null) {\r\n      clearTimeout(this.renderTimer)\r\n      this.renderTimer = null\r\n    }\r\n\r\n    this.dragController.destroy()\r\n    this.filterEngine.destroy()\r\n    this.renderer.destroy()\r\n    this.columnManager.clear()\r\n\r\n    this.events.emit('destroy', undefined)\r\n    this.options.onDestroy?.()\r\n    this.events.removeAll()\r\n\r\n    if (this.options.debug) {\r\n      console.debug('[KanbanBoard] Destroyed')\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 是否已销毁\r\n   */\r\n  isDestroyed(): boolean {\r\n    return this.destroyed\r\n  }\r\n}\r\n\r\n/**\r\n * 创建看板实例（工厂函数）\r\n */\r\nexport function createKanbanBoard(options: KanbanOptions): KanbanBoard {\r\n  return new KanbanBoard(options)\r\n}\r\n"],"mappings":"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"}

package/{esm/core/KanbanBoard.d.ts → lib/core/KanbanBoard.d.cts}

@@ -1,5 +1,6 @@
-import type { KanbanOptions, Column, Card, FilterCriteria, BoardData, Label } from '../types';
-import { EventEmitter, type EventHandler } from './EventEmitter';
+import type { BoardData, Card, Column, FilterCriteria, KanbanOptions, Label } from '../types';
+import type { EventHandler } from './EventEmitter';
+import { EventEmitter } from './EventEmitter';
 /**
  * KanbanBoard - 看板视图库，支持拖拽卡片与列管理
  */
@@ -149,4 +150,3 @@ export declare class KanbanBoard {
  * 创建看板实例（工厂函数）
  */
 export declare function createKanbanBoard(options: KanbanOptions): KanbanBoard;
-//# sourceMappingURL=KanbanBoard.d.ts.map

package/lib/core/Renderer.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/kanban-core v0.0.1     *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:25 *
+* Build time: 2024-10-12 17:29:01 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -39,7 +39,7 @@ var Renderer = class {
 		if (this.options.showAddColumn !== false) {
 			const addColBtn = require_dom.createElement("div", `${p}-add-column`);
 			addColBtn.innerHTML = `<button class="${p}-add-column-btn">+ \u6DFB\u52A0\u5217</button>`;
-			addColBtn.querySelector("button").addEventListener("click", () => {
+			addColBtn.querySelector("button")?.addEventListener("click", () => {
 				this.events.emit("ui:add-column");
 			});
 			columnsContainer.appendChild(addColBtn);
@@ -67,7 +67,7 @@ var Renderer = class {
 			if (this.options.showAddCard !== false) {
 				const addBtn = require_dom.createElement("div", `${p}-add-card`);
 				addBtn.innerHTML = `<button class="${p}-add-card-btn">+ \u6DFB\u52A0\u5361\u7247</button>`;
-				addBtn.querySelector("button").addEventListener("click", () => {
+				addBtn.querySelector("button")?.addEventListener("click", () => {
 					this.events.emit("ui:add-card", { columnId: column.id });
 				});
 				body.appendChild(addBtn);
@@ -75,9 +75,10 @@ var Renderer = class {
 			if (this.options.draggable !== false) this.dragController.enableColumnDrop(body, column.id);
 		}
 		colEl.appendChild(body);
-		if (this.options.columnDraggable !== false && this.boardEl) {
+		const boardEl = this.boardEl;
+		if (this.options.columnDraggable !== false && boardEl) {
 			const dragHandle = header.querySelector(`.${p}-column-drag-handle`);
-			if (dragHandle) this.dragController.enableColumnDrag(colEl, dragHandle, column.id, this.boardEl);
+			if (dragHandle) this.dragController.enableColumnDrag(colEl, dragHandle, column.id, boardEl);
 		}
 		this.columnElements.set(column.id, colEl);
 		this.columnBodyElements.set(column.id, body);
@@ -198,8 +199,11 @@ var Renderer = class {
 			if (card.dueDate) {
 				const dueEl = require_dom.createElement("span", `${p}-card-due`);
 				const date = new Date(card.dueDate);
-				dueEl.textContent = `${date.getMonth() + 1}/${date.getDate()}`;
-				if (date < /* @__PURE__ */ new Date()) dueEl.classList.add(`${p}-card-due--overdue`);
+				if (Number.isNaN(date.getTime())) dueEl.textContent = "Invalid date";
+				else {
+					dueEl.textContent = `${date.getMonth() + 1}/${date.getDate()}`;
+					if (date < /* @__PURE__ */ new Date()) dueEl.classList.add(`${p}-card-due--overdue`);
+				}
 				footer.appendChild(dueEl);
 			}
 			cardEl.appendChild(footer);

package/lib/core/Renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.cjs","names":[],"sources":["../../src/core/Renderer.ts"],"sourcesContent":["import type { Column, Card, KanbanOptions } from '../types';\nimport { createElement } from '../utils/dom';\nimport { EventEmitter } from './EventEmitter';\nimport { DragController } from './DragController';\n\n/**\n * DOM 渲染器\n */\nexport class Renderer {\n  private container: HTMLElement;\n  private boardEl: HTMLElement | null = null;\n  private events: EventEmitter;\n  private dragController: DragController;\n  private options: KanbanOptions;\n  private prefix: string;\n  private columnElements = new Map<string, HTMLElement>();\n  private columnBodyElements = new Map<string, HTMLElement>();\n  private cardElements = new Map<string, HTMLElement>();\n\n  constructor(\n    container: HTMLElement,\n    events: EventEmitter,\n    dragController: DragController,\n    options: KanbanOptions,\n  ) {\n    this.container = container;\n    this.events = events;\n    this.dragController = dragController;\n    this.options = options;\n    this.prefix = options.classPrefix || 'kanban';\n  }\n\n  /**\n   * 渲染整个看板\n   */\n  render(columns: Column[], hiddenCardIds?: Set<string>): void {\n    this.cleanup();\n\n    // 清除容器中残留的旧看板元素（HMR / 重复渲染保护）\n    const staleBoards = this.container.querySelectorAll('[data-kanban-board]');\n    staleBoards.forEach(el => el.remove());\n\n    const p = this.prefix;\n    this.boardEl = createElement('div', `${p}-board`);\n    this.boardEl.setAttribute('data-kanban-board', '');\n\n    // 列容器\n    const columnsContainer = createElement('div', `${p}-columns`);\n\n    for (const column of columns) {\n      const colEl = this.renderColumn(column, hiddenCardIds);\n      columnsContainer.appendChild(colEl);\n    }\n\n    // 添加列按钮\n    if (this.options.showAddColumn !== false) {\n      const addColBtn = createElement('div', `${p}-add-column`);\n      addColBtn.innerHTML = `<button class=\"${p}-add-column-btn\">+ 添加列</button>`;\n      addColBtn.querySelector('button')!.addEventListener('click', () => {\n        this.events.emit('ui:add-column');\n      });\n      columnsContainer.appendChild(addColBtn);\n    }\n\n    this.boardEl.appendChild(columnsContainer);\n    this.container.appendChild(this.boardEl);\n  }\n\n  /**\n   * 渲染单个列\n   */\n  private renderColumn(column: Column, hiddenCardIds?: Set<string>): HTMLElement {\n    const p = this.prefix;\n    const colEl = createElement('div', `${p}-column`, { 'data-column-id': column.id });\n    if (column.collapsed) colEl.classList.add(`${p}-column--collapsed`);\n\n    // 列头部\n    const header = this.renderColumnHeader(column);\n    colEl.appendChild(header);\n\n    // 列内容\n    const body = createElement('div', `${p}-column-body`);\n    body.dataset.columnId = column.id;\n\n    if (!column.collapsed) {\n      const visibleCards = column.cards\n        .filter(card => !hiddenCardIds || !hiddenCardIds.has(card.id))\n        .sort((a, b) => a.order - b.order);\n\n      for (const card of visibleCards) {\n        const cardEl = this.renderCard(card, column.id);\n        body.appendChild(cardEl);\n      }\n\n      // 添加卡片按钮\n      if (this.options.showAddCard !== false) {\n        const addBtn = createElement('div', `${p}-add-card`);\n        addBtn.innerHTML = `<button class=\"${p}-add-card-btn\">+ 添加卡片</button>`;\n        addBtn.querySelector('button')!.addEventListener('click', () => {\n          this.events.emit('ui:add-card', { columnId: column.id });\n        });\n        body.appendChild(addBtn);\n      }\n\n      // 启用列内拖拽放置\n      if (this.options.draggable !== false) {\n        this.dragController.enableColumnDrop(body, column.id);\n      }\n    }\n\n    colEl.appendChild(body);\n\n    // 列拖拽\n    if (this.options.columnDraggable !== false && this.boardEl) {\n      const dragHandle = header.querySelector(`.${p}-column-drag-handle`) as HTMLElement;\n      if (dragHandle) {\n        this.dragController.enableColumnDrag(colEl, dragHandle, column.id, this.boardEl!);\n      }\n    }\n\n    this.columnElements.set(column.id, colEl);\n    this.columnBodyElements.set(column.id, body);\n\n    return colEl;\n  }\n\n  /**\n   * 渲染列头部\n   */\n  private renderColumnHeader(column: Column): HTMLElement {\n    const p = this.prefix;\n    const header = createElement('div', `${p}-column-header`);\n\n    if (this.options.columnHeaderRenderer) {\n      this.options.columnHeaderRenderer(column, header);\n      return header;\n    }\n\n    // 拖拽手柄\n    if (this.options.columnDraggable !== false) {\n      const handle = createElement('span', `${p}-column-drag-handle`);\n      handle.innerHTML = '&#8942;&#8942;';\n      handle.title = '拖拽排序';\n      header.appendChild(handle);\n    }\n\n    // 颜色指示器\n    if (column.color) {\n      const indicator = createElement('span', `${p}-column-color`);\n      indicator.style.backgroundColor = column.color;\n      header.appendChild(indicator);\n    }\n\n    // 标题\n    const titleEl = createElement('span', `${p}-column-title`);\n    titleEl.textContent = column.title;\n    header.appendChild(titleEl);\n\n    // 卡片计数\n    if (this.options.showCardCount !== false) {\n      const count = createElement('span', `${p}-column-count`);\n      const wipText = column.wipLimit ? `/${column.wipLimit}` : '';\n      count.textContent = `${column.cards.length}${wipText}`;\n      if (column.wipLimit && column.cards.length >= column.wipLimit) {\n        count.classList.add(`${p}-column-count--limit`);\n      }\n      header.appendChild(count);\n    }\n\n    // 折叠按钮\n    const collapseBtn = createElement('button', `${p}-column-collapse-btn`);\n    collapseBtn.innerHTML = column.collapsed ? '&#9654;' : '&#9660;';\n    collapseBtn.title = column.collapsed ? '展开' : '折叠';\n    collapseBtn.addEventListener('click', () => {\n      this.events.emit('ui:toggle-collapse', { columnId: column.id });\n    });\n    header.appendChild(collapseBtn);\n\n    // 操作菜单\n    if (this.options.showColumnActions !== false) {\n      const actions = createElement('button', `${p}-column-actions-btn`);\n      actions.innerHTML = '&#8943;';\n      actions.title = '更多操作';\n      actions.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.events.emit('ui:column-actions', { columnId: column.id, event: e });\n      });\n      header.appendChild(actions);\n    }\n\n    return header;\n  }\n\n  /**\n   * 渲染单张卡片\n   */\n  private renderCard(card: Card, columnId: string): HTMLElement {\n    const p = this.prefix;\n    const cardEl = createElement('div', `${p}-card`, { 'data-card-id': card.id });\n\n    if (this.options.cardRenderer) {\n      this.options.cardRenderer(card, cardEl);\n    } else {\n      this.renderDefaultCard(card, cardEl);\n    }\n\n    // 启用卡片拖拽\n    if (this.options.draggable !== false) {\n      this.dragController.enableCardDrag(cardEl, card.id, columnId);\n    }\n\n    // 点击事件\n    cardEl.addEventListener('click', () => {\n      this.events.emit('card:click', { card });\n    });\n\n    this.cardElements.set(card.id, cardEl);\n    return cardEl;\n  }\n\n  /**\n   * 默认卡片渲染\n   */\n  private renderDefaultCard(card: Card, cardEl: HTMLElement): void {\n    const p = this.prefix;\n\n    // 优先级指示器\n    if (card.priority) {\n      const priorityEl = createElement('div', `${p}-card-priority ${p}-card-priority--${card.priority}`);\n      cardEl.appendChild(priorityEl);\n    }\n\n    // 标签\n    if (card.labels?.length) {\n      const labelsEl = createElement('div', `${p}-card-labels`);\n      for (const label of card.labels) {\n        const labelEl = createElement('span', `${p}-card-label`);\n        labelEl.style.backgroundColor = label.color;\n        labelEl.textContent = label.name;\n        labelsEl.appendChild(labelEl);\n      }\n      cardEl.appendChild(labelsEl);\n    }\n\n    // 标题\n    const titleEl = createElement('div', `${p}-card-title`);\n    titleEl.textContent = card.title;\n    cardEl.appendChild(titleEl);\n\n    // 描述\n    if (card.description) {\n      const descEl = createElement('div', `${p}-card-desc`);\n      descEl.textContent = card.description;\n      cardEl.appendChild(descEl);\n    }\n\n    // 底部信息栏\n    const hasFooter = card.assignees?.length || card.dueDate;\n    if (hasFooter) {\n      const footer = createElement('div', `${p}-card-footer`);\n\n      if (card.assignees?.length) {\n        const assigneesEl = createElement('div', `${p}-card-assignees`);\n        for (const assignee of card.assignees.slice(0, 3)) {\n          const avatar = createElement('span', `${p}-card-avatar`);\n          avatar.textContent = assignee.charAt(0).toUpperCase();\n          avatar.title = assignee;\n          assigneesEl.appendChild(avatar);\n        }\n        if (card.assignees.length > 3) {\n          const more = createElement('span', `${p}-card-avatar-more`);\n          more.textContent = `+${card.assignees.length - 3}`;\n          assigneesEl.appendChild(more);\n        }\n        footer.appendChild(assigneesEl);\n      }\n\n      if (card.dueDate) {\n        const dueEl = createElement('span', `${p}-card-due`);\n        const date = new Date(card.dueDate);\n        dueEl.textContent = `${date.getMonth() + 1}/${date.getDate()}`;\n        const now = new Date();\n        if (date < now) dueEl.classList.add(`${p}-card-due--overdue`);\n        footer.appendChild(dueEl);\n      }\n\n      cardEl.appendChild(footer);\n    }\n  }\n\n  /**\n   * 获取列元素\n   */\n  getColumnElement(columnId: string): HTMLElement | undefined {\n    return this.columnElements.get(columnId);\n  }\n\n  /**\n   * 获取卡片元素\n   */\n  getCardElement(cardId: string): HTMLElement | undefined {\n    return this.cardElements.get(cardId);\n  }\n\n  /**\n   * 获取看板根元素\n   */\n  getBoardElement(): HTMLElement | null {\n    return this.boardEl;\n  }\n\n  /**\n   * 清理 DOM\n   */\n  private cleanup(): void {\n    this.columnElements.clear();\n    this.columnBodyElements.clear();\n    this.cardElements.clear();\n    if (this.boardEl) {\n      this.boardEl.remove();\n      this.boardEl = null;\n    }\n  }\n\n  /**\n   * 销毁\n   */\n  destroy(): void {\n    this.cleanup();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Renderer.cjs","names":[],"sources":["../../src/core/Renderer.ts"],"sourcesContent":["import type { Card, Column, KanbanOptions } from '../types'\r\nimport type { DragController } from './DragController'\r\nimport type { EventEmitter } from './EventEmitter'\r\nimport { createElement } from '../utils/dom'\r\n\r\n/**\r\n * DOM 渲染器\r\n */\r\nexport class Renderer {\r\n  private container: HTMLElement\r\n  private boardEl: HTMLElement | null = null\r\n  private events: EventEmitter\r\n  private dragController: DragController\r\n  private options: KanbanOptions\r\n  private prefix: string\r\n  private columnElements = new Map<string, HTMLElement>()\r\n  private columnBodyElements = new Map<string, HTMLElement>()\r\n  private cardElements = new Map<string, HTMLElement>()\r\n\r\n  constructor(\r\n    container: HTMLElement,\r\n    events: EventEmitter,\r\n    dragController: DragController,\r\n    options: KanbanOptions\r\n  ) {\r\n    this.container = container\r\n    this.events = events\r\n    this.dragController = dragController\r\n    this.options = options\r\n    this.prefix = options.classPrefix || 'kanban'\r\n  }\r\n\r\n  /**\r\n   * 渲染整个看板\r\n   */\r\n  render(columns: Column[], hiddenCardIds?: Set<string>): void {\r\n    this.cleanup()\r\n\r\n    // 清除容器中残留的旧看板元素（HMR / 重复渲染保护）\r\n    const staleBoards = this.container.querySelectorAll('[data-kanban-board]')\r\n    staleBoards.forEach(el => el.remove())\r\n\r\n    const p = this.prefix\r\n    this.boardEl = createElement('div', `${p}-board`)\r\n    this.boardEl.setAttribute('data-kanban-board', '')\r\n\r\n    // 列容器\r\n    const columnsContainer = createElement('div', `${p}-columns`)\r\n\r\n    for (const column of columns) {\r\n      const colEl = this.renderColumn(column, hiddenCardIds)\r\n      columnsContainer.appendChild(colEl)\r\n    }\r\n\r\n    // 添加列按钮\r\n    if (this.options.showAddColumn !== false) {\r\n      const addColBtn = createElement('div', `${p}-add-column`)\r\n      addColBtn.innerHTML = `<button class=\"${p}-add-column-btn\">+ 添加列</button>`\r\n      addColBtn\r\n        .querySelector<HTMLButtonElement>('button')\r\n        ?.addEventListener('click', () => {\r\n          this.events.emit('ui:add-column')\r\n        })\r\n      columnsContainer.appendChild(addColBtn)\r\n    }\r\n\r\n    this.boardEl.appendChild(columnsContainer)\r\n    this.container.appendChild(this.boardEl)\r\n  }\r\n\r\n  /**\r\n   * 渲染单个列\r\n   */\r\n  private renderColumn(\r\n    column: Column,\r\n    hiddenCardIds?: Set<string>\r\n  ): HTMLElement {\r\n    const p = this.prefix\r\n    const colEl = createElement('div', `${p}-column`, {\r\n      'data-column-id': column.id,\r\n    })\r\n    if (column.collapsed) colEl.classList.add(`${p}-column--collapsed`)\r\n\r\n    // 列头部\r\n    const header = this.renderColumnHeader(column)\r\n    colEl.appendChild(header)\r\n\r\n    // 列内容\r\n    const body = createElement('div', `${p}-column-body`)\r\n    body.dataset.columnId = column.id\r\n\r\n    if (!column.collapsed) {\r\n      const visibleCards = column.cards\r\n        .filter(card => !hiddenCardIds || !hiddenCardIds.has(card.id))\r\n        .sort((a, b) => a.order - b.order)\r\n\r\n      for (const card of visibleCards) {\r\n        const cardEl = this.renderCard(card, column.id)\r\n        body.appendChild(cardEl)\r\n      }\r\n\r\n      // 添加卡片按钮\r\n      if (this.options.showAddCard !== false) {\r\n        const addBtn = createElement('div', `${p}-add-card`)\r\n        addBtn.innerHTML = `<button class=\"${p}-add-card-btn\">+ 添加卡片</button>`\r\n        addBtn\r\n          .querySelector<HTMLButtonElement>('button')\r\n          ?.addEventListener('click', () => {\r\n            this.events.emit('ui:add-card', { columnId: column.id })\r\n          })\r\n        body.appendChild(addBtn)\r\n      }\r\n\r\n      // 启用列内拖拽放置\r\n      if (this.options.draggable !== false) {\r\n        this.dragController.enableColumnDrop(body, column.id)\r\n      }\r\n    }\r\n\r\n    colEl.appendChild(body)\r\n\r\n    // 列拖拽\r\n    const boardEl = this.boardEl\r\n    if (this.options.columnDraggable !== false && boardEl) {\r\n      const dragHandle = header.querySelector(\r\n        `.${p}-column-drag-handle`\r\n      ) as HTMLElement\r\n      if (dragHandle) {\r\n        this.dragController.enableColumnDrag(\r\n          colEl,\r\n          dragHandle,\r\n          column.id,\r\n          boardEl\r\n        )\r\n      }\r\n    }\r\n\r\n    this.columnElements.set(column.id, colEl)\r\n    this.columnBodyElements.set(column.id, body)\r\n\r\n    return colEl\r\n  }\r\n\r\n  /**\r\n   * 渲染列头部\r\n   */\r\n  private renderColumnHeader(column: Column): HTMLElement {\r\n    const p = this.prefix\r\n    const header = createElement('div', `${p}-column-header`)\r\n\r\n    if (this.options.columnHeaderRenderer) {\r\n      this.options.columnHeaderRenderer(column, header)\r\n      return header\r\n    }\r\n\r\n    // 拖拽手柄\r\n    if (this.options.columnDraggable !== false) {\r\n      const handle = createElement('span', `${p}-column-drag-handle`)\r\n      handle.innerHTML = '&#8942;&#8942;'\r\n      handle.title = '拖拽排序'\r\n      header.appendChild(handle)\r\n    }\r\n\r\n    // 颜色指示器\r\n    if (column.color) {\r\n      const indicator = createElement('span', `${p}-column-color`)\r\n      indicator.style.backgroundColor = column.color\r\n      header.appendChild(indicator)\r\n    }\r\n\r\n    // 标题\r\n    const titleEl = createElement('span', `${p}-column-title`)\r\n    titleEl.textContent = column.title\r\n    header.appendChild(titleEl)\r\n\r\n    // 卡片计数\r\n    if (this.options.showCardCount !== false) {\r\n      const count = createElement('span', `${p}-column-count`)\r\n      const wipText = column.wipLimit ? `/${column.wipLimit}` : ''\r\n      count.textContent = `${column.cards.length}${wipText}`\r\n      if (column.wipLimit && column.cards.length >= column.wipLimit) {\r\n        count.classList.add(`${p}-column-count--limit`)\r\n      }\r\n      header.appendChild(count)\r\n    }\r\n\r\n    // 折叠按钮\r\n    const collapseBtn = createElement('button', `${p}-column-collapse-btn`)\r\n    collapseBtn.innerHTML = column.collapsed ? '&#9654;' : '&#9660;'\r\n    collapseBtn.title = column.collapsed ? '展开' : '折叠'\r\n    collapseBtn.addEventListener('click', () => {\r\n      this.events.emit('ui:toggle-collapse', { columnId: column.id })\r\n    })\r\n    header.appendChild(collapseBtn)\r\n\r\n    // 操作菜单\r\n    if (this.options.showColumnActions !== false) {\r\n      const actions = createElement('button', `${p}-column-actions-btn`)\r\n      actions.innerHTML = '&#8943;'\r\n      actions.title = '更多操作'\r\n      actions.addEventListener('click', e => {\r\n        e.stopPropagation()\r\n        this.events.emit('ui:column-actions', { columnId: column.id, event: e })\r\n      })\r\n      header.appendChild(actions)\r\n    }\r\n\r\n    return header\r\n  }\r\n\r\n  /**\r\n   * 渲染单张卡片\r\n   */\r\n  private renderCard(card: Card, columnId: string): HTMLElement {\r\n    const p = this.prefix\r\n    const cardEl = createElement('div', `${p}-card`, {\r\n      'data-card-id': card.id,\r\n    })\r\n\r\n    if (this.options.cardRenderer) {\r\n      this.options.cardRenderer(card, cardEl)\r\n    } else {\r\n      this.renderDefaultCard(card, cardEl)\r\n    }\r\n\r\n    // 启用卡片拖拽\r\n    if (this.options.draggable !== false) {\r\n      this.dragController.enableCardDrag(cardEl, card.id, columnId)\r\n    }\r\n\r\n    // 点击事件\r\n    cardEl.addEventListener('click', () => {\r\n      this.events.emit('card:click', { card })\r\n    })\r\n\r\n    this.cardElements.set(card.id, cardEl)\r\n    return cardEl\r\n  }\r\n\r\n  /**\r\n   * 默认卡片渲染\r\n   */\r\n  private renderDefaultCard(card: Card, cardEl: HTMLElement): void {\r\n    const p = this.prefix\r\n\r\n    // 优先级指示器\r\n    if (card.priority) {\r\n      const priorityEl = createElement(\r\n        'div',\r\n        `${p}-card-priority ${p}-card-priority--${card.priority}`\r\n      )\r\n      cardEl.appendChild(priorityEl)\r\n    }\r\n\r\n    // 标签\r\n    if (card.labels?.length) {\r\n      const labelsEl = createElement('div', `${p}-card-labels`)\r\n      for (const label of card.labels) {\r\n        const labelEl = createElement('span', `${p}-card-label`)\r\n        labelEl.style.backgroundColor = label.color\r\n        labelEl.textContent = label.name\r\n        labelsEl.appendChild(labelEl)\r\n      }\r\n      cardEl.appendChild(labelsEl)\r\n    }\r\n\r\n    // 标题\r\n    const titleEl = createElement('div', `${p}-card-title`)\r\n    titleEl.textContent = card.title\r\n    cardEl.appendChild(titleEl)\r\n\r\n    // 描述\r\n    if (card.description) {\r\n      const descEl = createElement('div', `${p}-card-desc`)\r\n      descEl.textContent = card.description\r\n      cardEl.appendChild(descEl)\r\n    }\r\n\r\n    // 底部信息栏\r\n    const hasFooter = card.assignees?.length || card.dueDate\r\n    if (hasFooter) {\r\n      const footer = createElement('div', `${p}-card-footer`)\r\n\r\n      if (card.assignees?.length) {\r\n        const assigneesEl = createElement('div', `${p}-card-assignees`)\r\n        for (const assignee of card.assignees.slice(0, 3)) {\r\n          const avatar = createElement('span', `${p}-card-avatar`)\r\n          avatar.textContent = assignee.charAt(0).toUpperCase()\r\n          avatar.title = assignee\r\n          assigneesEl.appendChild(avatar)\r\n        }\r\n        if (card.assignees.length > 3) {\r\n          const more = createElement('span', `${p}-card-avatar-more`)\r\n          more.textContent = `+${card.assignees.length - 3}`\r\n          assigneesEl.appendChild(more)\r\n        }\r\n        footer.appendChild(assigneesEl)\r\n      }\r\n\r\n      if (card.dueDate) {\r\n        const dueEl = createElement('span', `${p}-card-due`)\r\n        const date = new Date(card.dueDate)\r\n        if (Number.isNaN(date.getTime())) {\r\n          dueEl.textContent = 'Invalid date'\r\n        } else {\r\n          dueEl.textContent = `${date.getMonth() + 1}/${date.getDate()}`\r\n          if (date < new Date()) dueEl.classList.add(`${p}-card-due--overdue`)\r\n        }\r\n        footer.appendChild(dueEl)\r\n      }\r\n\r\n      cardEl.appendChild(footer)\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 获取列元素\r\n   */\r\n  getColumnElement(columnId: string): HTMLElement | undefined {\r\n    return this.columnElements.get(columnId)\r\n  }\r\n\r\n  /**\r\n   * 获取卡片元素\r\n   */\r\n  getCardElement(cardId: string): HTMLElement | undefined {\r\n    return this.cardElements.get(cardId)\r\n  }\r\n\r\n  /**\r\n   * 获取看板根元素\r\n   */\r\n  getBoardElement(): HTMLElement | null {\r\n    return this.boardEl\r\n  }\r\n\r\n  /**\r\n   * 清理 DOM\r\n   */\r\n  private cleanup(): void {\r\n    this.columnElements.clear()\r\n    this.columnBodyElements.clear()\r\n    this.cardElements.clear()\r\n    if (this.boardEl) {\r\n      this.boardEl.remove()\r\n      this.boardEl = null\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 销毁\r\n   */\r\n  destroy(): void {\r\n    this.cleanup()\r\n  }\r\n}\r\n"],"mappings":"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"}

package/{esm/core/Renderer.d.ts → lib/core/Renderer.d.cts}

@@ -1,6 +1,6 @@
 import type { Column, KanbanOptions } from '../types';
-import { EventEmitter } from './EventEmitter';
-import { DragController } from './DragController';
+import type { DragController } from './DragController';
+import type { EventEmitter } from './EventEmitter';
 /**
  * DOM 渲染器
  */
@@ -56,4 +56,3 @@ export declare class Renderer {
      */
     destroy(): void;
 }
-//# sourceMappingURL=Renderer.d.ts.map

package/lib/core/index.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/kanban-core v0.0.1     *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:25 *
+* Build time: 2024-10-12 17:29:01 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/{esm/core/index.d.ts → lib/core/index.d.cts}

@@ -2,10 +2,9 @@
  * @file index.ts
  * @description index 模块
  */
-export { KanbanBoard, createKanbanBoard } from './KanbanBoard';
-export { EventEmitter, type EventHandler } from './EventEmitter';
 export { ColumnManager } from './ColumnManager';
 export { DragController, type DragState } from './DragController';
+export { EventEmitter, type EventHandler } from './EventEmitter';
 export { FilterEngine } from './FilterEngine';
+export { createKanbanBoard, KanbanBoard } from './KanbanBoard';
 export { Renderer } from './Renderer';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/kanban-core v0.0.1     *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:25 *
+* Build time: 2024-10-12 17:29:01 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -14,8 +14,8 @@ const require_DragController = require("./core/DragController.cjs");
 const require_EventEmitter = require("./core/EventEmitter.cjs");
 const require_FilterEngine = require("./core/FilterEngine.cjs");
 const require_dom = require("./utils/dom.cjs");
-const require_Renderer = require("./core/Renderer.cjs");
 const require_version = require("./version.cjs");
+const require_Renderer = require("./core/Renderer.cjs");
 const require_KanbanBoard = require("./core/KanbanBoard.cjs");
 const require_index = require("./utils/index.cjs");
 exports.ColumnManager = require_ColumnManager.ColumnManager;

package/lib/{index.d.ts → index.d.cts}

@@ -3,13 +3,12 @@
  * 看板视图库，支持拖拽卡片与列管理
  */
 import './styles/kanban.less';
-export type { Label, Card, Column, Board, KanbanOptions, KanbanEventMap, FilterCriteria, BoardData, } from './types';
-export { KanbanBoard, createKanbanBoard } from './core/KanbanBoard';
-export { EventEmitter, type EventHandler } from './core/EventEmitter';
 export { ColumnManager } from './core/ColumnManager';
 export { DragController, type DragState } from './core/DragController';
+export { EventEmitter, type EventHandler } from './core/EventEmitter';
 export { FilterEngine } from './core/FilterEngine';
+export { createKanbanBoard, KanbanBoard } from './core/KanbanBoard';
 export { Renderer } from './core/Renderer';
+export type { Board, BoardData, Card, Column, FilterCriteria, KanbanEventMap, KanbanOptions, Label, } from './types';
 export * from './utils';
 export { VERSION } from './version';
-//# sourceMappingURL=index.d.ts.map