1
0
mirror of synced 2025-12-12 09:10:58 +08:00

优化虚拟滚动渲染

This commit is contained in:
xuliangzhan
2021-04-30 11:18:26 +08:00
parent f23e547f63
commit e3bddbb5a3
10 changed files with 16 additions and 15 deletions

View File

@@ -12,7 +12,7 @@
[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
一个基于 [vue](https://www.npmjs.com/package/vue) 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
一个基于 [vue](https://www.npmjs.com/package/vue) 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
* 设计理念
* 面向现代浏览器,高效的简洁 API 设计
@@ -76,7 +76,7 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |
* [x] 数据校验
* [x] 数据代理
* [x] 键盘导航
* [x] 模态窗口
* [x] 弹窗
* [x] 渲染器
* [x] 虚拟滚动
* [x] 虚拟合并

View File

@@ -12,7 +12,7 @@
[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
一個基於 [vue](https://www.npmjs.com/package/vue) 的PC端表格組件支持增删改查、虛擬滾動、懶加載、快捷選單、數據校驗、樹形結構、列印匯出、表單渲染、數據分頁、虛擬清單、模態視窗、自定義範本、渲染器、賊靈活的配寘項、擴展接口等…
一個基於 [vue](https://www.npmjs.com/package/vue) 的PC端表格組件支持增删改查、虛擬滾動、懶加載、快捷選單、數據校驗、樹形結構、列印匯出、表單渲染、數據分頁、虛擬清單、窗、自定義範本、渲染器、賊靈活的配寘項、擴展接口等…
* 設計理念
* 面向現代瀏覽器,高效的簡潔 API 設計
@@ -76,7 +76,7 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |
* [x] 數據校驗
* [x] 數據代理
* [x] 鍵盤導航
* [x] 模態視
* [x]
* [x] 渲染器
* [x] 虛擬滾動
* [x] 虛擬合併

View File

@@ -864,7 +864,7 @@ const apis = [
{
name: 'title',
desc: '只对 type=checkbox,radio 有效,自定义标题模板',
version: '4.0.16',
version: '4.0.15',
type: '',
enum: '',
defVal: '{column, columnIndex, $columnIndex, _columnIndex, $rowIndex}',
@@ -873,7 +873,7 @@ const apis = [
{
name: 'checkbox',
desc: '只对 type=checkbox 有效,自定义复选框模板',
version: '4.0.16',
version: '4.0.15',
type: '',
enum: '',
defVal: '{row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, checked, disabled, indeterminate}',
@@ -882,7 +882,7 @@ const apis = [
{
name: 'radio',
desc: '只对 type=radio 有效,自定义单选框模板',
version: '4.0.16',
version: '4.0.15',
type: '',
enum: '',
defVal: '{row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, checked, disabled}',

View File

@@ -129,7 +129,7 @@ import pulldownAPI from '../../api/pulldown'
// ['vxe-option', optionAPI, { description: '下拉框 - 选项' }],
// ['vxe-button', buttonAPI, { description: '按钮' }],
// ['vxe-tooltip', tooltipAPI, { description: '工具提示' }],
// ['vxe-modal', modalAPI, { description: '模态窗口' }],
// ['vxe-modal', modalAPI, { description: '弹窗' }],
// ['vxe-form', formAPI, { subtags: ['vxe-form-item'], description: '表单' }],
// ['vxe-form-item', formItemAPI, { description: '表单 - 项' }],
// ['vxe-form-gather', formGatherAPI, { description: '表单 - 项集合' }],

View File

@@ -557,7 +557,7 @@
"storage",
"before-hide-method"
],
"description": "模态窗口"
"description": "弹窗"
},
"vxe-form": {
"attributes": [

View File

@@ -1,7 +1,7 @@
{
"name": "vxe-table",
"version": "4.0.15-beta.3",
"description": "一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
"version": "4.0.15",
"description": "一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
"scripts": {
"serve": "vue-cli-service serve",
"lint": "vue-cli-service lint",

View File

@@ -97,6 +97,7 @@ export class ColumnInfo {
id: _vm.colId || XEUtils.uniqueId('col_'),
parentId: null,
visible,
// 内部属性(一旦被使用,将导致不可升级版本)
halfVisible: false,
defaultVisible: visible,
checked: false,

2
types/index.d.ts vendored
View File

@@ -1,7 +1,7 @@
import * as VXETableExport from './all'
/**
* 一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
* 一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
*/
declare const VXETable: typeof VXETableExport

2
types/modal.d.ts vendored
View File

@@ -2,7 +2,7 @@ import { VNode, RenderFunction, SetupContext, ComponentPublicInstance, Ref } fro
import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './component'
/**
* 组件 - 模态窗口
* 组件 - 弹窗
* @example import { Modal as VxeModal } from 'vxe-table'
*/
export const Modal: VXEComponent<VxeModalProps, VxeModalEventProps>;

View File

@@ -89,7 +89,7 @@ export interface VXETableCore {
*/
hooks: VxeGlobalHooks;
/**
* 模态窗口
* 弹窗
*/
modal: ModalController;
/**
@@ -122,7 +122,7 @@ export interface VXETableCore {
}
/**
* 一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
* 一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
*/
export const VXETable: VXETableCore