1584965284 / kanban

Kanban

Description for component.

• → CodePen

Install

npm install @omiu/kanban

Import

import '@omiu/kanban'

Or use script tag to ref it.

<script src="https://unpkg.com/@omiu/kanban"></script>

Usage

<o-kanban></o-kanban>

API

Props

{
  dataSource: T[];
  title?:string;
  renderItem?:renderItemType;
  onEnd:(data:T[])=>void;

  isLimited?:boolean;//是否固定高度，改为滚动 未实装
  height?:string;
  width?:string;
}

dataSource

CardType{
  id?:number;
  title?:string;
}
DataType{
  id?:number;
  title?:string;
  cards:CardType[];
}
dataSource:DataType[];

export type renderItemType=
  (card?: CardType|undefined,
   cardIndex?: number,
   columnIndex?:number) => VNode;

Default Props

{
  
}

Events

• onEnd