@composy/kanban-core 0.0.1 → 0.0.2

package/es/core/DragController.js.map

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

package/es/core/EventEmitter.d.ts

@@ -32,4 +32,3 @@ export declare class EventEmitter {
      */
     listenerCount(event: string): number;
 }
-//# sourceMappingURL=EventEmitter.d.ts.map

package/es/core/EventEmitter.js

@@ -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:00 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -17,7 +17,9 @@ var EventEmitter = class {
 	*/
 	on(event, handler) {
 		if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
-		this.listeners.get(event).add(handler);
+		const handlers = this.listeners.get(event);
+		if (!handlers) return () => this.off(event, handler);
+		handlers.add(handler);
 		return () => this.off(event, handler);
 	}
 	/**
@@ -34,7 +36,10 @@ var EventEmitter = class {
 	* 移除监听器
 	*/
 	off(event, handler) {
-		this.listeners.get(event)?.delete(handler);
+		const handlers = this.listeners.get(event);
+		if (!handlers) return;
+		handlers.delete(handler);
+		if (handlers.size === 0) this.listeners.delete(event);
 	}
 	/**
 	* 触发事件

package/es/core/EventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitter.js","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\n * 轻量级事件发射器\n */\nexport type EventHandler = (...args: unknown[]) => void;\n\n/**\n * EventEmitter - Event Emitter class\n */\nexport class EventEmitter {\n  private listeners = new Map<string, Set<EventHandler>>();\n\n  /**\n   * 监听事件\n   */\n  on(event: string, handler: EventHandler): () => void {\n    if (!this.listeners.has(event)) {\n      this.listeners.set(event, new Set());\n    }\n    this.listeners.get(event)!.add(handler);\n    return () => this.off(event, handler);\n  }\n\n  /**\n   * 监听一次性事件\n   */\n  once(event: string, handler: EventHandler): () => void {\n    const wrapper: EventHandler = (...args) => {\n      this.off(event, wrapper);\n      handler(...args);\n    };\n    return this.on(event, wrapper);\n  }\n\n  /**\n   * 移除监听器\n   */\n  off(event: string, handler: EventHandler): void {\n    this.listeners.get(event)?.delete(handler);\n  }\n\n  /**\n   * 触发事件\n   */\n  emit(event: string, payload?: unknown): void {\n    const handlers = this.listeners.get(event);\n    if (handlers) {\n      handlers.forEach(handler => {\n        try {\n          handler(payload);\n        } catch (err) {\n          console.error(`[KanbanBoard] Error in event handler for \"${event}\":`, err);\n        }\n      });\n    }\n  }\n\n  /**\n   * 移除所有监听器\n   */\n  removeAll(): void {\n    this.listeners.clear();\n  }\n\n  /**\n   * 获取监听器数量\n   */\n  listenerCount(event: string): number {\n    return this.listeners.get(event)?.size ?? 0;\n  }\n}\n"],"mappings":";;;;;;;;;;AAQO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+B;CAAA;;;;CAKvD,GAAG,OAAe,SAAmC;EACnD,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAErC,KAAK,UAAU,IAAI,KAAK,CAAA,CAAG,IAAI,OAAO;EACtC,aAAa,KAAK,IAAI,OAAO,OAAO;CACtC;;;;CAKA,KAAK,OAAe,SAAmC;EACrD,MAAM,WAAwB,GAAI,SAAS;GACzC,KAAK,IAAI,OAAO,OAAO;GACvB,QAAQ,GAAG,IAAI;EACjB;EACA,OAAO,KAAK,GAAG,OAAO,OAAO;CAC/B;;;;CAKA,IAAI,OAAe,SAA6B;EAC9C,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,OAAO,OAAO;CAC3C;;;;CAKA,KAAK,OAAe,SAAyB;EAC3C,MAAM,WAAW,KAAK,UAAU,IAAI,KAAK;EACzC,IAAI,UACF,SAAS,SAAQ,YAAW;GAC1B,IAAI;IACF,QAAQ,OAAO;GACjB,SAAS,KAAK;IACZ,QAAQ,MAAM,6CAA6C,MAAK,KAAM,GAAG;GAC3E;EACF,CAAC;CAEL;;;;CAKA,YAAkB;EAChB,KAAK,UAAU,MAAM;CACvB;;;;CAKA,cAAc,OAAuB;EACnC,OAAO,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,QAAQ;CAC5C;AACF"}
+{"version":3,"file":"EventEmitter.js","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\r\n * 轻量级事件发射器\r\n */\r\nexport type EventHandler = (...args: unknown[]) => void\r\n\r\n/**\r\n * EventEmitter - Event Emitter class\r\n */\r\nexport class EventEmitter {\r\n  private listeners = new Map<string, Set<EventHandler>>()\r\n\r\n  /**\r\n   * 监听事件\r\n   */\r\n  on(event: string, handler: EventHandler): () => void {\r\n    if (!this.listeners.has(event)) {\r\n      this.listeners.set(event, new Set())\r\n    }\r\n    const handlers = this.listeners.get(event)\r\n    if (!handlers) return () => this.off(event, handler)\r\n    handlers.add(handler)\r\n    return () => this.off(event, handler)\r\n  }\r\n\r\n  /**\r\n   * 监听一次性事件\r\n   */\r\n  once(event: string, handler: EventHandler): () => void {\r\n    const wrapper: EventHandler = (...args) => {\r\n      this.off(event, wrapper)\r\n      handler(...args)\r\n    }\r\n    return this.on(event, wrapper)\r\n  }\r\n\r\n  /**\r\n   * 移除监听器\r\n   */\r\n  off(event: string, handler: EventHandler): void {\r\n    const handlers = this.listeners.get(event)\r\n    if (!handlers) return\r\n    handlers.delete(handler)\r\n    if (handlers.size === 0) this.listeners.delete(event)\r\n  }\r\n\r\n  /**\r\n   * 触发事件\r\n   */\r\n  emit(event: string, payload?: unknown): void {\r\n    const handlers = this.listeners.get(event)\r\n    if (handlers) {\r\n      handlers.forEach(handler => {\r\n        try {\r\n          handler(payload)\r\n        } catch (err) {\r\n          console.error(\r\n            `[KanbanBoard] Error in event handler for \"${event}\":`,\r\n            err\r\n          )\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 移除所有监听器\r\n   */\r\n  removeAll(): void {\r\n    this.listeners.clear()\r\n  }\r\n\r\n  /**\r\n   * 获取监听器数量\r\n   */\r\n  listenerCount(event: string): number {\r\n    return this.listeners.get(event)?.size ?? 0\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AAQO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+B;CAAA;;;;CAKvD,GAAG,OAAe,SAAmC;EACnD,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAErC,MAAM,WAAW,KAAK,UAAU,IAAI,KAAK;EACzC,IAAI,CAAC,UAAU,aAAa,KAAK,IAAI,OAAO,OAAO;EACnD,SAAS,IAAI,OAAO;EACpB,aAAa,KAAK,IAAI,OAAO,OAAO;CACtC;;;;CAKA,KAAK,OAAe,SAAmC;EACrD,MAAM,WAAwB,GAAI,SAAS;GACzC,KAAK,IAAI,OAAO,OAAO;GACvB,QAAQ,GAAG,IAAI;EACjB;EACA,OAAO,KAAK,GAAG,OAAO,OAAO;CAC/B;;;;CAKA,IAAI,OAAe,SAA6B;EAC9C,MAAM,WAAW,KAAK,UAAU,IAAI,KAAK;EACzC,IAAI,CAAC,UAAU;EACf,SAAS,OAAO,OAAO;EACvB,IAAI,SAAS,SAAS,GAAG,KAAK,UAAU,OAAO,KAAK;CACtD;;;;CAKA,KAAK,OAAe,SAAyB;EAC3C,MAAM,WAAW,KAAK,UAAU,IAAI,KAAK;EACzC,IAAI,UACF,SAAS,SAAQ,YAAW;GAC1B,IAAI;IACF,QAAQ,OAAO;GACjB,SAAS,KAAK;IACZ,QAAQ,MACN,6CAA6C,MAAK,KAClD,GACF;GACF;EACF,CAAC;CAEL;;;;CAKA,YAAkB;EAChB,KAAK,UAAU,MAAM;CACvB;;;;CAKA,cAAc,OAAuB;EACnC,OAAO,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,QAAQ;CAC5C;AACF"}

package/es/core/FilterEngine.d.ts

@@ -1,5 +1,5 @@
 import type { Card, Column, FilterCriteria } from '../types';
-import { EventEmitter } from './EventEmitter';
+import type { EventEmitter } from './EventEmitter';
 /**
  * 筛选/搜索引擎
  */
@@ -42,4 +42,3 @@ export declare class FilterEngine {
      */
     destroy(): void;
 }
-//# sourceMappingURL=FilterEngine.d.ts.map

package/es/core/FilterEngine.js

@@ -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:00 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -31,11 +31,13 @@ var FilterEngine = class {
 	*/
 	search(keyword, columns) {
 		this.events.emit("search:change", { keyword });
-		if (!keyword.trim()) {
+		const normalizedKeyword = keyword.trim();
+		this.currentCriteria = normalizedKeyword ? { keyword: normalizedKeyword } : null;
+		if (!normalizedKeyword) {
 			this.clearFilter();
 			return columns.flatMap((col) => col.cards);
 		}
-		const lowerKeyword = keyword.toLowerCase();
+		const lowerKeyword = normalizedKeyword.toLowerCase();
 		const allCards = columns.flatMap((col) => col.cards);
 		const matched = [];
 		this.hiddenCardIds.clear();
@@ -101,11 +103,14 @@ var FilterEngine = class {
 		if (criteria.dueDateRange) {
 			if (!card.dueDate) return false;
 			const dueDate = new Date(card.dueDate).getTime();
+			if (Number.isNaN(dueDate)) return false;
 			if (criteria.dueDateRange.start) {
-				if (dueDate < new Date(criteria.dueDateRange.start).getTime()) return false;
+				const start = new Date(criteria.dueDateRange.start).getTime();
+				if (Number.isNaN(start) || dueDate < start) return false;
 			}
 			if (criteria.dueDateRange.end) {
-				if (dueDate > new Date(criteria.dueDateRange.end).getTime()) return false;
+				const end = new Date(criteria.dueDateRange.end).getTime();
+				if (Number.isNaN(end) || dueDate > end) return false;
 			}
 		}
 		if (criteria.custom) {

package/es/core/FilterEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterEngine.js","names":[],"sources":["../../src/core/FilterEngine.ts"],"sourcesContent":["import type { Card, Column, FilterCriteria } from '../types';\nimport { EventEmitter } from './EventEmitter';\n\n/**\n * 筛选/搜索引擎\n */\nexport class FilterEngine {\n  private events: EventEmitter;\n  private currentCriteria: FilterCriteria | null = null;\n  /** 被过滤隐藏的卡片 ID 集合 */\n  private hiddenCardIds = new Set<string>();\n\n  constructor(events: EventEmitter) {\n    this.events = events;\n  }\n\n  /**\n   * 应用筛选条件\n   */\n  filter(criteria: FilterCriteria, columns: Column[]): Set<string> {\n    this.currentCriteria = criteria;\n    this.hiddenCardIds.clear();\n\n    const allCards = columns.flatMap(col => col.cards);\n\n    for (const card of allCards) {\n      if (!this.matchCriteria(card, criteria)) {\n        this.hiddenCardIds.add(card.id);\n      }\n    }\n\n    this.events.emit('filter:change', { criteria });\n    return new Set(this.hiddenCardIds);\n  }\n\n  /**\n   * 搜索卡片\n   */\n  search(keyword: string, columns: Column[]): Card[] {\n    this.events.emit('search:change', { keyword });\n\n    if (!keyword.trim()) {\n      this.clearFilter();\n      return columns.flatMap(col => col.cards);\n    }\n\n    const lowerKeyword = keyword.toLowerCase();\n    const allCards = columns.flatMap(col => col.cards);\n    const matched: Card[] = [];\n\n    this.hiddenCardIds.clear();\n\n    for (const card of allCards) {\n      const titleMatch = card.title.toLowerCase().includes(lowerKeyword);\n      const descMatch = card.description?.toLowerCase().includes(lowerKeyword) ?? false;\n      const labelMatch = card.labels?.some(l => l.name.toLowerCase().includes(lowerKeyword)) ?? false;\n      const assigneeMatch = card.assignees?.some(a => a.toLowerCase().includes(lowerKeyword)) ?? false;\n\n      if (titleMatch || descMatch || labelMatch || assigneeMatch) {\n        matched.push(card);\n      } else {\n        this.hiddenCardIds.add(card.id);\n      }\n    }\n\n    return matched;\n  }\n\n  /**\n   * 清除筛选\n   */\n  clearFilter(): void {\n    this.currentCriteria = null;\n    this.hiddenCardIds.clear();\n    this.events.emit('filter:clear', undefined);\n  }\n\n  /**\n   * 检查卡片是否可见\n   */\n  isCardVisible(cardId: string): boolean {\n    return !this.hiddenCardIds.has(cardId);\n  }\n\n  /**\n   * 获取隐藏的卡片 ID 集合\n   */\n  getHiddenCardIds(): Set<string> {\n    return new Set(this.hiddenCardIds);\n  }\n\n  /**\n   * 获取当前筛选条件\n   */\n  getCurrentCriteria(): FilterCriteria | null {\n    return this.currentCriteria;\n  }\n\n  /**\n   * 匹配筛选条件\n   */\n  private matchCriteria(card: Card, criteria: FilterCriteria): boolean {\n    // 关键词\n    if (criteria.keyword) {\n      const kw = criteria.keyword.toLowerCase();\n      const titleMatch = card.title.toLowerCase().includes(kw);\n      const descMatch = card.description?.toLowerCase().includes(kw) ?? false;\n      if (!titleMatch && !descMatch) return false;\n    }\n\n    // 标签\n    if (criteria.labelIds?.length) {\n      const cardLabelIds = card.labels?.map(l => l.id) ?? [];\n      if (!criteria.labelIds.some(id => cardLabelIds.includes(id))) return false;\n    }\n\n    // 成员\n    if (criteria.assignees?.length) {\n      if (!criteria.assignees.some(a => card.assignees?.includes(a))) return false;\n    }\n\n    // 优先级\n    if (criteria.priorities?.length) {\n      if (!card.priority || !criteria.priorities.includes(card.priority)) return false;\n    }\n\n    // 列\n    if (criteria.columnIds?.length) {\n      if (!criteria.columnIds.includes(card.columnId)) return false;\n    }\n\n    // 截止日期\n    if (criteria.dueDateRange) {\n      if (!card.dueDate) return false;\n      const dueDate = new Date(card.dueDate).getTime();\n      if (criteria.dueDateRange.start) {\n        if (dueDate < new Date(criteria.dueDateRange.start).getTime()) return false;\n      }\n      if (criteria.dueDateRange.end) {\n        if (dueDate > new Date(criteria.dueDateRange.end).getTime()) return false;\n      }\n    }\n\n    // 自定义函数\n    if (criteria.custom) {\n      if (!criteria.custom(card)) return false;\n    }\n\n    return true;\n  }\n\n  /**\n   * 销毁\n   */\n  destroy(): void {\n    this.hiddenCardIds.clear();\n    this.currentCriteria = null;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterEngine.js","names":[],"sources":["../../src/core/FilterEngine.ts"],"sourcesContent":["import type { Card, Column, FilterCriteria } from '../types'\r\nimport type { EventEmitter } from './EventEmitter'\r\n\r\n/**\r\n * 筛选/搜索引擎\r\n */\r\nexport class FilterEngine {\r\n  private events: EventEmitter\r\n  private currentCriteria: FilterCriteria | null = null\r\n  /** 被过滤隐藏的卡片 ID 集合 */\r\n  private hiddenCardIds = new Set<string>()\r\n\r\n  constructor(events: EventEmitter) {\r\n    this.events = events\r\n  }\r\n\r\n  /**\r\n   * 应用筛选条件\r\n   */\r\n  filter(criteria: FilterCriteria, columns: Column[]): Set<string> {\r\n    this.currentCriteria = criteria\r\n    this.hiddenCardIds.clear()\r\n\r\n    const allCards = columns.flatMap(col => col.cards)\r\n\r\n    for (const card of allCards) {\r\n      if (!this.matchCriteria(card, criteria)) {\r\n        this.hiddenCardIds.add(card.id)\r\n      }\r\n    }\r\n\r\n    this.events.emit('filter:change', { criteria })\r\n    return new Set(this.hiddenCardIds)\r\n  }\r\n\r\n  /**\r\n   * 搜索卡片\r\n   */\r\n  search(keyword: string, columns: Column[]): Card[] {\r\n    this.events.emit('search:change', { keyword })\r\n    const normalizedKeyword = keyword.trim()\r\n    this.currentCriteria = normalizedKeyword\r\n      ? { keyword: normalizedKeyword }\r\n      : null\r\n\r\n    if (!normalizedKeyword) {\r\n      this.clearFilter()\r\n      return columns.flatMap(col => col.cards)\r\n    }\r\n\r\n    const lowerKeyword = normalizedKeyword.toLowerCase()\r\n    const allCards = columns.flatMap(col => col.cards)\r\n    const matched: Card[] = []\r\n\r\n    this.hiddenCardIds.clear()\r\n\r\n    for (const card of allCards) {\r\n      const titleMatch = card.title.toLowerCase().includes(lowerKeyword)\r\n      const descMatch =\r\n        card.description?.toLowerCase().includes(lowerKeyword) ?? false\r\n      const labelMatch =\r\n        card.labels?.some(l => l.name.toLowerCase().includes(lowerKeyword)) ??\r\n        false\r\n      const assigneeMatch =\r\n        card.assignees?.some(a => a.toLowerCase().includes(lowerKeyword)) ??\r\n        false\r\n\r\n      if (titleMatch || descMatch || labelMatch || assigneeMatch) {\r\n        matched.push(card)\r\n      } else {\r\n        this.hiddenCardIds.add(card.id)\r\n      }\r\n    }\r\n\r\n    return matched\r\n  }\r\n\r\n  /**\r\n   * 清除筛选\r\n   */\r\n  clearFilter(): void {\r\n    this.currentCriteria = null\r\n    this.hiddenCardIds.clear()\r\n    this.events.emit('filter:clear', undefined)\r\n  }\r\n\r\n  /**\r\n   * 检查卡片是否可见\r\n   */\r\n  isCardVisible(cardId: string): boolean {\r\n    return !this.hiddenCardIds.has(cardId)\r\n  }\r\n\r\n  /**\r\n   * 获取隐藏的卡片 ID 集合\r\n   */\r\n  getHiddenCardIds(): Set<string> {\r\n    return new Set(this.hiddenCardIds)\r\n  }\r\n\r\n  /**\r\n   * 获取当前筛选条件\r\n   */\r\n  getCurrentCriteria(): FilterCriteria | null {\r\n    return this.currentCriteria\r\n  }\r\n\r\n  /**\r\n   * 匹配筛选条件\r\n   */\r\n  private matchCriteria(card: Card, criteria: FilterCriteria): boolean {\r\n    // 关键词\r\n    if (criteria.keyword) {\r\n      const kw = criteria.keyword.toLowerCase()\r\n      const titleMatch = card.title.toLowerCase().includes(kw)\r\n      const descMatch = card.description?.toLowerCase().includes(kw) ?? false\r\n      if (!titleMatch && !descMatch) return false\r\n    }\r\n\r\n    // 标签\r\n    if (criteria.labelIds?.length) {\r\n      const cardLabelIds = card.labels?.map(l => l.id) ?? []\r\n      if (!criteria.labelIds.some(id => cardLabelIds.includes(id))) return false\r\n    }\r\n\r\n    // 成员\r\n    if (criteria.assignees?.length) {\r\n      if (!criteria.assignees.some(a => card.assignees?.includes(a)))\r\n        return false\r\n    }\r\n\r\n    // 优先级\r\n    if (criteria.priorities?.length) {\r\n      if (!card.priority || !criteria.priorities.includes(card.priority))\r\n        return false\r\n    }\r\n\r\n    // 列\r\n    if (criteria.columnIds?.length) {\r\n      if (!criteria.columnIds.includes(card.columnId)) return false\r\n    }\r\n\r\n    // 截止日期\r\n    if (criteria.dueDateRange) {\r\n      if (!card.dueDate) return false\r\n      const dueDate = new Date(card.dueDate).getTime()\r\n      if (Number.isNaN(dueDate)) return false\r\n      if (criteria.dueDateRange.start) {\r\n        const start = new Date(criteria.dueDateRange.start).getTime()\r\n        if (Number.isNaN(start) || dueDate < start) return false\r\n      }\r\n      if (criteria.dueDateRange.end) {\r\n        const end = new Date(criteria.dueDateRange.end).getTime()\r\n        if (Number.isNaN(end) || dueDate > end) return false\r\n      }\r\n    }\r\n\r\n    // 自定义函数\r\n    if (criteria.custom) {\r\n      if (!criteria.custom(card)) return false\r\n    }\r\n\r\n    return true\r\n  }\r\n\r\n  /**\r\n   * 销毁\r\n   */\r\n  destroy(): void {\r\n    this.hiddenCardIds.clear()\r\n    this.currentCriteria = null\r\n  }\r\n}\r\n"],"mappings":"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"}

package/es/core/KanbanBoard.d.ts

@@ -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/es/core/KanbanBoard.js

@@ -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:00 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -12,9 +12,24 @@ import { DragController } from "./DragController.js";
 import { EventEmitter } from "./EventEmitter.js";
 import { FilterEngine } from "./FilterEngine.js";
 import { resolveElement } from "../utils/dom.js";
-import { Renderer } from "./Renderer.js";
 import { VERSION } from "../version.js";
+import { Renderer } from "./Renderer.js";
 //#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;
@@ -49,7 +64,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()
 		});
@@ -59,30 +74,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);
+		});
 	}
 	/**
 	* 添加列
@@ -223,8 +265,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();
@@ -314,7 +360,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/es/core/KanbanBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.js","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":"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"}
+{"version":3,"file":"KanbanBoard.js","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/es/core/Renderer.d.ts

@@ -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/es/core/Renderer.js

@@ -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:00 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -38,7 +38,7 @@ var Renderer = class {
 		if (this.options.showAddColumn !== false) {
 			const addColBtn = 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);
@@ -66,7 +66,7 @@ var Renderer = class {
 			if (this.options.showAddCard !== false) {
 				const addBtn = 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);
@@ -74,9 +74,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);
@@ -197,8 +198,11 @@ var Renderer = class {
 			if (card.dueDate) {
 				const dueEl = 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);