stk-table-vue 0.1.0 → 0.2.0

package/README.md

@@ -1,7 +1,7 @@
 # StkTable (Sticky Table)
 
 Vue3 简易虚拟滚动表格。用于实时数据展示，新数据行高亮渐暗动效。
-js体积(未压缩44kb)
+js体积(未压缩46kb)
 
 ## Feature TODO:
 * [x] 高亮行，单元格。
@@ -9,9 +9,14 @@ js体积(未压缩44kb)
 * [x] 列固定。
 * [x] 表头拖动更改顺序。
 * [x] 表头列宽拖动调整宽度。
+* [x] 排序
+  - [x] 基本表头点击排序
+  - [] 支持配置 `null` | `undefined` 永远排最后。
+  - [] 支持配置 string 使用 `String.prototype.localCompare` 排序。
 * 多级表头。
   - [x] 支持最多`2级`表头。
   - [x] 支持更多级表头
+  - [] 多级表头border-left 问题。
   - [] 多级表头固定列横向滚动
   - [] 横向虚拟滚动。
 * [x] 支持table-layout: fixed 配置。
@@ -25,6 +30,9 @@ js体积(未压缩44kb)
 * [] 不传row-key 时，自动按序号生成id。
 * [] 列筛选。
 * [] 非虚拟滚动时，大数据分批加载。
+* [x] vue2支持。
+  - `props.optimizeVue2Scroll` 优化vue2虚拟滚动流畅度。
+
 
 ## Usage
 > npm install stk-table-vue
@@ -45,6 +53,15 @@ stkTable.value.setHighlightDimCell(rowId, colId) // highlight cell
 
 ```
 
+### Vue2 Usage
+vue2 支持源码引入使用。依赖`less`。
+```html
+<script>
+  import { StkTable } from 'stk-table-vue/src/StkTable/index'
+</script>
+```
+
+
 ## Notice
 注意，组件会改动 `props.columns` 中的对象。如果多个组件 `columns` 数组元素存在引用同一个 `StkTableColumn` 对象。则考虑赋值 `columns` 前进行深拷贝。
 
@@ -127,6 +144,8 @@ export type StkProps = {
   autoResize?: boolean | (() => void);
   /** 是否展示固定列阴影。默认不展示。 */
   fixedColShadow?: boolean;
+  /** 优化vue2 滚动 */
+  optimizeVue2Scroll?: boolean;
 };
 ```
 #### Emits