@composy/kanban-core 0.0.1 → 0.0.2

package/es/core/Renderer.js.map

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

@@ -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/es/core/index.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                    *
 * ***********************************

package/es/index.d.ts

@@ -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

package/es/index.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                    *
 * ***********************************
@@ -13,8 +13,8 @@ import { DragController } from "./core/DragController.js";
 import { EventEmitter } from "./core/EventEmitter.js";
 import { FilterEngine } from "./core/FilterEngine.js";
 import { clearElement, createElement, insertAt, removeElement, resolveElement } from "./utils/dom.js";
-import { Renderer } from "./core/Renderer.js";
 import { VERSION } from "./version.js";
+import { Renderer } from "./core/Renderer.js";
 import { KanbanBoard, createKanbanBoard } from "./core/KanbanBoard.js";
 import { getElement } from "./utils/index.js";
 export { ColumnManager, DragController, EventEmitter, FilterEngine, KanbanBoard, Renderer, VERSION, clearElement, createElement, createKanbanBoard, generateId, getElement, insertAt, removeElement, resetIdCounter, resolveElement };

package/es/styles/kanban.css

@@ -1,140 +1,140 @@
 /* @composy/kanban-core - Default Styles */
 .kanban-board {
   width: 100%;
-  min-height: 400px;
+  min-height: var(--ld-px-400);
   overflow-x: auto;
   overflow-y: hidden;
   max-width: 100%;
 }
 .kanban-columns {
   display: flex;
-  gap: 16px;
-  padding: 8px;
+  gap: var(--ld-px-16);
+  padding: var(--ld-px-8);
   min-height: 100%;
   align-items: flex-start;
 }
 /* Column */
 .kanban-column {
-  flex: 0 0 280px;
-  max-width: 280px;
-  background: #f4f5f7;
-  border-radius: 8px;
+  flex: 0 0 var(--ld-px-280);
+  max-width: var(--ld-px-280);
+  background: var(--ld-bg-surface);
+  border-radius: var(--ld-px-8);
   display: flex;
   flex-direction: column;
-  max-height: calc(100vh - 200px);
+  max-height: calc(100vh - var(--ld-px-200));
   transition: opacity 0.2s, box-shadow 0.2s;
 }
 .kanban-column--collapsed {
-  flex: 0 0 48px;
-  max-width: 48px;
-  min-height: 200px;
+  flex: 0 0 var(--ld-px-48);
+  max-width: var(--ld-px-48);
+  min-height: var(--ld-px-200);
 }
 .kanban-column--dragging {
   opacity: 0.5;
 }
 .kanban-column--drag-over {
-  box-shadow: 0 0 0 2px #4c9aff;
+  box-shadow: 0 0 0 var(--ld-px-2) var(--ld-primary-500);
 }
 /* Column Header */
 .kanban-column-header {
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 10px 12px;
-  border-bottom: 1px solid #e1e4e8;
+  gap: var(--ld-px-6);
+  padding: var(--ld-px-10) var(--ld-px-12);
+  border-bottom: var(--ld-px-1) solid var(--ld-border);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 .kanban-column-drag-handle {
   cursor: grab;
-  color: #a0a0a0;
-  font-size: 12px;
-  letter-spacing: -3px;
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-12);
+  letter-spacing: calc(-1 * var(--ld-px-3));
   line-height: 1;
-  padding: 2px 0;
+  padding: var(--ld-px-2) 0;
 }
 .kanban-column-drag-handle:active {
   cursor: grabbing;
 }
 .kanban-column-color {
-  width: 12px;
-  height: 12px;
-  border-radius: 3px;
+  width: var(--ld-px-12);
+  height: var(--ld-px-12);
+  border-radius: var(--ld-px-3);
   flex-shrink: 0;
 }
 .kanban-column-title {
-  font-size: 14px;
+  font-size: var(--ld-px-14);
   font-weight: 600;
-  color: #172b4d;
+  color: var(--ld-text-primary);
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .kanban-column-count {
-  font-size: 12px;
-  color: #6b778c;
-  background: #dfe1e6;
-  border-radius: 10px;
-  padding: 1px 8px;
+  font-size: var(--ld-px-12);
+  color: var(--ld-text-secondary);
+  background: var(--ld-bg-hover);
+  border-radius: var(--ld-px-10);
+  padding: var(--ld-px-1) var(--ld-px-8);
   flex-shrink: 0;
 }
 .kanban-column-count--limit {
-  background: #ffebe6;
-  color: #bf2600;
+  background: var(--ld-danger-50);
+  color: var(--ld-danger-700);
 }
 .kanban-column-collapse-btn,
 .kanban-column-actions-btn {
   background: none;
   border: none;
   cursor: pointer;
-  color: #6b778c;
-  font-size: 12px;
-  padding: 2px 4px;
-  border-radius: 3px;
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-12);
+  padding: var(--ld-px-2) var(--ld-px-4);
+  border-radius: var(--ld-px-3);
   line-height: 1;
 }
 .kanban-column-collapse-btn:hover,
 .kanban-column-actions-btn:hover {
-  background: #dfe1e6;
-  color: #172b4d;
+  background: var(--ld-bg-hover);
+  color: var(--ld-text-primary);
 }
 /* Column Body */
 .kanban-column-body {
   flex: 1;
   overflow-y: auto;
-  padding: 8px;
-  min-height: 40px;
+  padding: var(--ld-px-8);
+  min-height: var(--ld-px-40);
 }
 .kanban-column-body--drag-over {
-  background: #e3f2fd;
-  border-radius: 0 0 8px 8px;
+  background: var(--ld-primary-50);
+  border-radius: 0 0 var(--ld-px-8) var(--ld-px-8);
 }
 /* Placeholder */
 .kanban-placeholder {
-  background: #e3f2fd;
-  border: 2px dashed #90caf9;
-  border-radius: 6px;
-  margin-bottom: 8px;
-  min-height: 40px;
+  background: var(--ld-primary-50);
+  border: var(--ld-px-2) dashed var(--ld-primary-300);
+  border-radius: var(--ld-px-6);
+  margin-bottom: var(--ld-px-8);
+  min-height: var(--ld-px-40);
   transition: height 0.15s ease;
 }
 /* Card */
 .kanban-card {
-  background: #fff;
-  border-radius: 6px;
-  padding: 10px 12px;
-  margin-bottom: 8px;
+  background: var(--ld-bg-container);
+  border-radius: var(--ld-px-6);
+  padding: var(--ld-px-10) var(--ld-px-12);
+  margin-bottom: var(--ld-px-8);
   cursor: pointer;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--ld-shadow-1);
   transition: box-shadow 0.2s, transform 0.15s, opacity 0.2s;
-  border: 1px solid transparent;
+  border: var(--ld-px-1) solid transparent;
   position: relative;
 }
 .kanban-card:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
-  border-color: #e1e4e8;
+  box-shadow: var(--ld-shadow-2);
+  border-color: var(--ld-border);
 }
 .kanban-card--dragging {
   opacity: 0.4;
@@ -146,50 +146,50 @@
   left: 0;
   top: 0;
   bottom: 0;
-  width: 3px;
-  border-radius: 6px 0 0 6px;
+  width: var(--ld-px-3);
+  border-radius: var(--ld-px-6) 0 0 var(--ld-px-6);
 }
 .kanban-card-priority--low {
-  background: #36b37e;
+  background: var(--ld-success-500);
 }
 .kanban-card-priority--medium {
-  background: #ffab00;
+  background: var(--ld-warning-500);
 }
 .kanban-card-priority--high {
-  background: #ff5630;
+  background: var(--ld-danger-500);
 }
 .kanban-card-priority--urgent {
-  background: #bf2600;
+  background: var(--ld-danger-700);
 }
 /* Card Labels */
 .kanban-card-labels {
   display: flex;
   flex-wrap: wrap;
-  gap: 4px;
-  margin-bottom: 6px;
+  gap: var(--ld-px-4);
+  margin-bottom: var(--ld-px-6);
 }
 .kanban-card-label {
   display: inline-block;
-  padding: 1px 8px;
-  border-radius: 3px;
-  font-size: 11px;
-  color: #fff;
+  padding: var(--ld-px-1) var(--ld-px-8);
+  border-radius: var(--ld-px-3);
+  font-size: var(--ld-px-11);
+  color: var(--ld-text-inverse);
   font-weight: 500;
   line-height: 1.6;
 }
 /* Card Title */
 .kanban-card-title {
-  font-size: 14px;
+  font-size: var(--ld-px-14);
   font-weight: 500;
-  color: #172b4d;
+  color: var(--ld-text-primary);
   line-height: 1.4;
   word-break: break-word;
 }
 /* Card Description */
 .kanban-card-desc {
-  font-size: 12px;
-  color: #6b778c;
-  margin-top: 4px;
+  font-size: var(--ld-px-12);
+  color: var(--ld-text-secondary);
+  margin-top: var(--ld-px-4);
   line-height: 1.4;
   display: -webkit-box;
   -webkit-line-clamp: 2;
@@ -201,26 +201,26 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-top: 8px;
-  gap: 8px;
+  margin-top: var(--ld-px-8);
+  gap: var(--ld-px-8);
 }
 .kanban-card-assignees {
   display: flex;
-  gap: -4px;
+  gap: calc(-1 * var(--ld-px-4));
 }
 .kanban-card-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: var(--ld-px-24);
+  height: var(--ld-px-24);
   border-radius: 50%;
-  background: #dfe1e6;
-  color: #42526e;
-  font-size: 11px;
+  background: var(--ld-bg-hover);
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-11);
   font-weight: 600;
-  border: 2px solid #fff;
-  margin-left: -4px;
+  border: var(--ld-px-2) solid var(--ld-text-inverse);
+  margin-left: calc(-1 * var(--ld-px-4));
 }
 .kanban-card-avatar:first-child {
   margin-left: 0;
@@ -229,78 +229,78 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: var(--ld-px-24);
+  height: var(--ld-px-24);
   border-radius: 50%;
-  background: #c1c7d0;
-  color: #42526e;
-  font-size: 10px;
+  background: var(--ld-gray-400);
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-10);
   font-weight: 600;
-  border: 2px solid #fff;
-  margin-left: -4px;
+  border: var(--ld-px-2) solid var(--ld-text-inverse);
+  margin-left: calc(-1 * var(--ld-px-4));
 }
 .kanban-card-due {
-  font-size: 12px;
-  color: #6b778c;
+  font-size: var(--ld-px-12);
+  color: var(--ld-text-secondary);
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: var(--ld-px-4);
 }
 .kanban-card-due--overdue {
-  color: #ff5630;
+  color: var(--ld-danger-500);
   font-weight: 600;
 }
 /* Add Buttons */
 .kanban-add-card {
-  padding: 0 4px;
+  padding: 0 var(--ld-px-4);
 }
 .kanban-add-card-btn {
   width: 100%;
-  padding: 6px 8px;
+  padding: var(--ld-px-6) var(--ld-px-8);
   background: none;
   border: none;
-  border-radius: 6px;
-  color: #6b778c;
-  font-size: 13px;
+  border-radius: var(--ld-px-6);
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-13);
   cursor: pointer;
   text-align: left;
   transition: background 0.15s, color 0.15s;
 }
 .kanban-add-card-btn:hover {
-  background: #dfe1e6;
-  color: #172b4d;
+  background: var(--ld-bg-hover);
+  color: var(--ld-text-primary);
 }
 .kanban-add-column {
-  flex: 0 0 280px;
+  flex: 0 0 var(--ld-px-280);
 }
 .kanban-add-column-btn {
   width: 100%;
-  padding: 10px;
-  background: rgba(0, 0, 0, 0.04);
-  border: 2px dashed #d0d4d9;
-  border-radius: 8px;
-  color: #6b778c;
-  font-size: 14px;
+  padding: var(--ld-px-10);
+  background: var(--ld-bg-surface-soft);
+  border: var(--ld-px-2) dashed var(--ld-gray-300);
+  border-radius: var(--ld-px-8);
+  color: var(--ld-text-secondary);
+  font-size: var(--ld-px-14);
   cursor: pointer;
   transition: background 0.15s, border-color 0.15s, color 0.15s;
 }
 .kanban-add-column-btn:hover {
-  background: rgba(0, 0, 0, 0.08);
-  border-color: #a5adba;
-  color: #172b4d;
+  background: var(--ld-bg-hover);
+  border-color: var(--ld-gray-500);
+  color: var(--ld-text-primary);
 }
 /* Scrollbar */
 .kanban-column-body::-webkit-scrollbar {
-  width: 6px;
+  width: var(--ld-px-6);
 }
 .kanban-column-body::-webkit-scrollbar-track {
   background: transparent;
 }
 .kanban-column-body::-webkit-scrollbar-thumb {
-  background: #c1c7d0;
-  border-radius: 3px;
+  background: var(--ld-gray-400);
+  border-radius: var(--ld-px-3);
 }
 .kanban-column-body::-webkit-scrollbar-thumb:hover {
-  background: #a5adba;
+  background: var(--ld-gray-500);
 }
-/*# sourceMappingURL=src/styles/kanban.less.map */
+/*# sourceMappingURL=src\styles\kanban.less.map */

package/es/types/index.d.ts

@@ -107,11 +107,11 @@ export interface KanbanOptions {
  * 看板事件映射
  */
 export interface KanbanEventMap {
-    'ready': {
+    ready: {
         instance: unknown;
     };
-    'destroy': void;
-    'error': {
+    destroy: void;
+    error: {
         error: Error;
     };
     'card:add': {
@@ -206,4 +206,3 @@ export interface BoardData {
     labels: Label[];
     exportedAt: string;
 }
-//# sourceMappingURL=index.d.ts.map

package/es/types/index.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                    *
 * ***********************************

package/es/utils/dom.d.ts

@@ -21,4 +21,3 @@ export declare function removeElement(el: HTMLElement | null): void;
  * 插入元素到指定位置
  */
 export declare function insertAt(parent: HTMLElement, child: HTMLElement, index: number): void;
-//# sourceMappingURL=dom.d.ts.map

package/es/utils/dom.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                    *
 * ***********************************

package/es/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["/**\n * DOM 工具函数\n */\n\n/**\n * 创建 DOM 元素\n */\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  className?: string,\n  attributes?: Record<string, string>,\n): HTMLElementTagNameMap[K] {\n  const el = document.createElement(tag);\n  if (className) el.className = className;\n  if (attributes) {\n    Object.entries(attributes).forEach(([key, value]) => {\n      el.setAttribute(key, value);\n    });\n  }\n  return el;\n}\n\n/**\n * 从选择器或元素获取 HTMLElement\n */\nexport function resolveElement(target: HTMLElement | string): HTMLElement | null {\n  if (typeof target === 'string') {\n    return document.querySelector(target);\n  }\n  return target;\n}\n\n/**\n * 清空元素内容\n */\nexport function clearElement(el: HTMLElement): void {\n  el.innerHTML = '';\n}\n\n/**\n * 安全移除元素\n */\nexport function removeElement(el: HTMLElement | null): void {\n  el?.parentNode?.removeChild(el);\n}\n\n/**\n * 插入元素到指定位置\n */\nexport function insertAt(parent: HTMLElement, child: HTMLElement, index: number): void {\n  const ref = parent.children[index] as HTMLElement | undefined;\n  if (ref) {\n    parent.insertBefore(child, ref);\n  } else {\n    parent.appendChild(child);\n  }\n}\n"],"mappings":";;;;;;;;;;AAOO,SAAS,cACd,KACA,WACA,YAC0B;CAC1B,MAAM,KAAK,SAAS,cAAc,GAAG;CACrC,IAAI,WAAW,GAAG,YAAY;CAC9B,IAAI,YACF,OAAO,QAAQ,UAAU,CAAA,CAAE,SAAS,CAAC,KAAK,WAAW;EACnD,GAAG,aAAa,KAAK,KAAK;CAC5B,CAAC;CAEH,OAAO;AACT;AAKO,SAAS,eAAe,QAAkD;CAC/E,IAAI,OAAO,WAAW,UACpB,OAAO,SAAS,cAAc,MAAM;CAEtC,OAAO;AACT;AAKO,SAAS,aAAa,IAAuB;CAClD,GAAG,YAAY;AACjB;AAKO,SAAS,cAAc,IAA8B;CAC1D,IAAI,YAAY,YAAY,EAAE;AAChC;AAKO,SAAS,SAAS,QAAqB,OAAoB,OAAqB;CACrF,MAAM,MAAM,OAAO,SAAS;CAC5B,IAAI,KACF,OAAO,aAAa,OAAO,GAAG;MAE9B,OAAO,YAAY,KAAK;AAE5B"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["/**\r\n * DOM 工具函数\r\n */\r\n\r\n/**\r\n * 创建 DOM 元素\r\n */\r\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\r\n  tag: K,\r\n  className?: string,\r\n  attributes?: Record<string, string>\r\n): HTMLElementTagNameMap[K] {\r\n  const el = document.createElement(tag)\r\n  if (className) el.className = className\r\n  if (attributes) {\r\n    Object.entries(attributes).forEach(([key, value]) => {\r\n      el.setAttribute(key, value)\r\n    })\r\n  }\r\n  return el\r\n}\r\n\r\n/**\r\n * 从选择器或元素获取 HTMLElement\r\n */\r\nexport function resolveElement(\r\n  target: HTMLElement | string\r\n): HTMLElement | null {\r\n  if (typeof target === 'string') {\r\n    return document.querySelector(target)\r\n  }\r\n  return target\r\n}\r\n\r\n/**\r\n * 清空元素内容\r\n */\r\nexport function clearElement(el: HTMLElement): void {\r\n  el.innerHTML = ''\r\n}\r\n\r\n/**\r\n * 安全移除元素\r\n */\r\nexport function removeElement(el: HTMLElement | null): void {\r\n  el?.parentNode?.removeChild(el)\r\n}\r\n\r\n/**\r\n * 插入元素到指定位置\r\n */\r\nexport function insertAt(\r\n  parent: HTMLElement,\r\n  child: HTMLElement,\r\n  index: number\r\n): void {\r\n  const ref = parent.children[index] as HTMLElement | undefined\r\n  if (ref) {\r\n    parent.insertBefore(child, ref)\r\n  } else {\r\n    parent.appendChild(child)\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AAOO,SAAS,cACd,KACA,WACA,YAC0B;CAC1B,MAAM,KAAK,SAAS,cAAc,GAAG;CACrC,IAAI,WAAW,GAAG,YAAY;CAC9B,IAAI,YACF,OAAO,QAAQ,UAAU,CAAA,CAAE,SAAS,CAAC,KAAK,WAAW;EACnD,GAAG,aAAa,KAAK,KAAK;CAC5B,CAAC;CAEH,OAAO;AACT;AAKO,SAAS,eACd,QACoB;CACpB,IAAI,OAAO,WAAW,UACpB,OAAO,SAAS,cAAc,MAAM;CAEtC,OAAO;AACT;AAKO,SAAS,aAAa,IAAuB;CAClD,GAAG,YAAY;AACjB;AAKO,SAAS,cAAc,IAA8B;CAC1D,IAAI,YAAY,YAAY,EAAE;AAChC;AAKO,SAAS,SACd,QACA,OACA,OACM;CACN,MAAM,MAAM,OAAO,SAAS;CAC5B,IAAI,KACF,OAAO,aAAa,OAAO,GAAG;MAE9B,OAAO,YAAY,KAAK;AAE5B"}

package/es/utils/id.d.ts

@@ -6,4 +6,3 @@ export declare function generateId(prefix?: string): string;
  * 重置计数器（仅测试用）
  */
 export declare function resetIdCounter(): void;
-//# sourceMappingURL=id.d.ts.map

package/es/utils/id.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                    *
 * ***********************************

package/es/utils/id.js.map

@@ -1 +1 @@
-{"version":3,"file":"id.js","names":[],"sources":["../../src/utils/id.ts"],"sourcesContent":["let counter = 0;\n\n/**\n * 生成唯一 ID\n */\nexport function generateId(prefix = 'kb'): string {\n  counter++;\n  const timestamp = Date.now().toString(36);\n  const random = Math.random().toString(36).substring(2, 6);\n  return `${prefix}_${timestamp}_${random}_${counter}`;\n}\n\n/**\n * 重置计数器（仅测试用）\n */\nexport function resetIdCounter(): void {\n  counter = 0;\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAI,UAAU;AAKP,SAAS,WAAW,SAAS,MAAc;CAChD;CAGA,OAAO,GAAG,OAAM,GAFE,KAAK,IAAI,CAAA,CAAE,SAAS,EAElB,EAAS,GADd,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,UAAU,GAAG,CACtB,EAAM,GAAI;AAC7C;AAKO,SAAS,iBAAuB;CACrC,UAAU;AACZ"}
+{"version":3,"file":"id.js","names":[],"sources":["../../src/utils/id.ts"],"sourcesContent":["let counter = 0\r\n\r\n/**\r\n * 生成唯一 ID\r\n */\r\nexport function generateId(prefix = 'kb'): string {\r\n  counter++\r\n  const timestamp = Date.now().toString(36)\r\n  const random = Math.random().toString(36).substring(2, 6)\r\n  return `${prefix}_${timestamp}_${random}_${counter}`\r\n}\r\n\r\n/**\r\n * 重置计数器（仅测试用）\r\n */\r\nexport function resetIdCounter(): void {\r\n  counter = 0\r\n}\r\n"],"mappings":";;;;;;;;;;AAAA,IAAI,UAAU;AAKP,SAAS,WAAW,SAAS,MAAc;CAChD;CAGA,OAAO,GAAG,OAAM,GAFE,KAAK,IAAI,CAAA,CAAE,SAAS,EAElB,EAAS,GADd,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,UAAU,GAAG,CACtB,EAAM,GAAI;AAC7C;AAKO,SAAS,iBAAuB;CACrC,UAAU;AACZ"}

package/es/utils/index.d.ts

@@ -5,8 +5,8 @@
 /**
  * Utility functions for @composy/kanban-core
  */
+export { clearElement, createElement, insertAt, removeElement, resolveElement, } from './dom';
 export { generateId, resetIdCounter } from './id';
-export { createElement, resolveElement, clearElement, removeElement, insertAt } from './dom';
 /**
  * Get element from selector or element
  * @deprecated Use resolveElement instead
@@ -22,4 +22,3 @@ export { createElement, resolveElement, clearElement, removeElement, insertAt }
  * @returns 返回值说明
  */
 export declare function getElement(target: HTMLElement | string): HTMLElement | null;
-//# sourceMappingURL=index.d.ts.map