vxe-table 3.19.39 → 3.20.0-beta.1

package/es/table/src/util.js

@@ -129,6 +129,248 @@ export function createInternalData() {
         isActivated: false
     };
 }
+export function createReactData() {
+    return {
+        // 低性能的静态列
+        staticColumns: [],
+        // 渲染的列分组
+        tableGroupColumn: [],
+        // 可视区渲染的列
+        tableColumn: [],
+        // 渲染中的数据
+        tableData: [],
+        // 是否启用了横向 X 可视渲染方式加载
+        scrollXLoad: false,
+        // 是否启用了纵向 Y 可视渲染方式加载
+        scrollYLoad: false,
+        // 是否存在纵向滚动条
+        overflowY: true,
+        // 是否存在横向滚动条
+        overflowX: false,
+        // 纵向滚动条的宽度
+        scrollbarWidth: 0,
+        // 横向滚动条的高度
+        scrollbarHeight: 0,
+        // 最后滚动时间戳
+        lastScrollTime: 0,
+        // 行高
+        rowHeight: 0,
+        // 表格父容器的高度
+        parentHeight: 0,
+        // 是否使用分组表头
+        isGroup: false,
+        isAllOverflow: false,
+        // 复选框属性，是否全选
+        isAllSelected: false,
+        // 复选框属性，有选中且非全选状态
+        isIndeterminate: false,
+        // 当前行
+        currentRow: null,
+        // 单选框属性，选中列
+        currentColumn: null,
+        // 单选框属性，选中行
+        selectRadioRow: null,
+        // 表尾合计数据
+        footerTableData: [],
+        // 行分组列信息
+        rowGroupColumn: null,
+        // 展开列信息
+        expandColumn: null,
+        checkboxColumn: null,
+        radioColumn: null,
+        // 树节点列信息
+        treeNodeColumn: null,
+        hasFixedColumn: false,
+        // 刷新列标识，当列筛选被改变时，触发表格刷新数据
+        upDataFlag: 0,
+        // 刷新列标识，当列的特定属性被改变时，触发表格刷新列
+        reColumnFlag: 0,
+        // 初始化标识
+        initStore: {
+            filter: false,
+            import: false,
+            export: false,
+            custom: false
+        },
+        // 自定义列相关的信息
+        customStore: {
+            btnEl: null,
+            isAll: false,
+            isIndeterminate: false,
+            activeBtn: false,
+            activeWrapper: false,
+            visible: false,
+            maxHeight: 0,
+            oldSortMaps: {},
+            oldFixedMaps: {},
+            oldVisibleMaps: {}
+        },
+        customColumnList: [],
+        // 当前选中的筛选列
+        filterStore: {
+            isAllSelected: false,
+            isIndeterminate: false,
+            style: null,
+            column: null,
+            visible: false,
+            maxHeight: null
+        },
+        // 存放列相关的信息
+        columnStore: {
+            leftList: [],
+            centerList: [],
+            rightList: [],
+            resizeList: [],
+            pxList: [],
+            pxMinList: [],
+            autoMinList: [],
+            scaleList: [],
+            scaleMinList: [],
+            autoList: [],
+            remainList: []
+        },
+        // 存放快捷菜单的信息
+        ctxMenuStore: {
+            selected: null,
+            visible: false,
+            showChild: false,
+            selectChild: null,
+            list: [],
+            style: null
+        },
+        // 存放可编辑相关信息
+        editStore: {
+            indexs: {
+                columns: []
+            },
+            titles: {
+                columns: []
+            },
+            // 选中源
+            selected: {
+                row: null,
+                column: null
+            },
+            // 已复制源
+            copyed: {
+                cut: false,
+                rows: [],
+                columns: []
+            },
+            // 激活
+            actived: {
+                row: null,
+                column: null
+            },
+            // 当前被强制聚焦单元格，只会在鼠标点击后算聚焦
+            focused: {
+                row: null,
+                column: null
+            }
+        },
+        // 存放 tooltip 相关信息
+        tooltipStore: {
+            row: null,
+            column: null,
+            content: null,
+            visible: false,
+            type: null,
+            currOpts: {}
+        },
+        // 存放数据校验相关信息
+        validStore: {
+            visible: false
+        },
+        validErrorMaps: {},
+        // 导入相关信息
+        importStore: {
+            inited: false,
+            file: null,
+            type: '',
+            modeList: [],
+            typeList: [],
+            filename: '',
+            visible: false
+        },
+        importParams: {
+            mode: '',
+            types: null,
+            message: true
+        },
+        // 导出相关信息
+        exportStore: {
+            inited: false,
+            name: '',
+            modeList: [],
+            typeList: [],
+            columns: [],
+            isPrint: false,
+            hasFooter: false,
+            hasMerge: false,
+            hasTree: false,
+            hasColgroup: false,
+            visible: false
+        },
+        exportParams: {
+            filename: '',
+            sheetName: '',
+            mode: '',
+            type: '',
+            isColgroup: false,
+            isMerge: false,
+            isAllExpand: false,
+            useStyle: false,
+            original: false,
+            message: true,
+            isHeader: false,
+            isTitle: false,
+            isFooter: false
+        },
+        visiblwRowsFlag: 1,
+        isRowGroupStatus: false,
+        rowGroupList: [],
+        aggHandleFields: [],
+        aggHandleAggColumns: [],
+        rowGroupExpandedFlag: 1,
+        rowExpandedFlag: 1,
+        treeExpandedFlag: 1,
+        updateCheckboxFlag: 1,
+        pendingRowFlag: 1,
+        insertRowFlag: 1,
+        removeRowFlag: 1,
+        mergeHeadFlag: 1,
+        mergeBodyFlag: 1,
+        mergeFootFlag: 1,
+        rowHeightStore: {
+            large: 52,
+            default: 48,
+            medium: 44,
+            small: 40,
+            mini: 36
+        },
+        scrollVMLoading: false,
+        scrollYHeight: 0,
+        scrollYTop: 0,
+        isScrollYBig: false,
+        scrollXLeft: 0,
+        scrollXWidth: 0,
+        isScrollXBig: false,
+        lazScrollLoading: false,
+        rowExpandHeightFlag: 1,
+        calcCellHeightFlag: 1,
+        resizeHeightFlag: 1,
+        resizeWidthFlag: 1,
+        isCustomStatus: false,
+        isCrossDragRow: false,
+        dragRow: null,
+        isCrossDragCol: false,
+        dragCol: null,
+        dragTipText: '',
+        isDragResize: false,
+        isRowLoading: false,
+        isColLoading: false
+    };
+}
 const getAllConvertColumns = (columns, parentColumn) => {
     const result = [];
     columns.forEach((column) => {

package/es/table/style.css

@@ -2512,12 +2512,12 @@
 }
 
 /*header*/
-.vxe-table .vxe-table--header-wrapper {
-  color: var(--vxe-ui-table-header-font-color);
-}
 .vxe-table {
   /*排序*/
 }
+.vxe-table .vxe-table--header-wrapper {
+  color: var(--vxe-ui-table-header-font-color);
+}
 .vxe-table .vxe-cell--sort {
   text-align: center;
   position: relative;
@@ -2871,6 +2871,21 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
+  /*边框*/
+  /*边框线*/
+  /*树形节点*/
+  /*行分组*/
+  /*单元格高度*/
+  /*溢出列*/
+  /*展开行*/
+  /*拖拽列*/
+  /*拖拽行把柄*/
+  /*暂无数据*/
+  /*校验不通过*/
+  /*已废弃，旧的校验样式**/
+  /*单元格标记删除状态*/
+  /*单元格编辑状态*/
+  /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper {
   background-color: var(--vxe-ui-layout-background-color);
@@ -3039,9 +3054,6 @@
 .vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
   background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
-.vxe-table--render-default {
-  /*边框*/
-}
 .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner {
   background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
@@ -3406,9 +3418,6 @@
   width: 0;
   float: left;
 }
-.vxe-table--render-default {
-  /*边框线*/
-}
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
   top: 0;
@@ -3419,9 +3428,6 @@
   pointer-events: none;
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
-.vxe-table--render-default {
-  /*树形节点*/
-}
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
   display: block;
@@ -3468,9 +3474,6 @@
           user-select: none;
   cursor: pointer;
 }
-.vxe-table--render-default {
-  /*行分组*/
-}
 .vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
@@ -3479,9 +3482,6 @@
   color: var(--vxe-ui-font-lighten-color);
   transition: transform 0.1s ease-in-out;
 }
-.vxe-table--render-default {
-  /*单元格高度*/
-}
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
@@ -3502,9 +3502,6 @@
   flex-direction: row;
   align-items: center;
 }
-.vxe-table--render-default {
-  /*溢出列*/
-}
 .vxe-table--render-default .vxe-header--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--ellipsis > .vxe-cell {
@@ -3538,9 +3535,6 @@
   flex-direction: row;
   align-items: center;
 }
-.vxe-table--render-default {
-  /*展开行*/
-}
 .vxe-table--render-default .vxe-table--row-expanded-wrapper {
   position: absolute;
   top: 0;
@@ -3607,18 +3601,12 @@
   overflow: auto;
   outline: 0;
 }
-.vxe-table--render-default {
-  /*拖拽列*/
-}
 .vxe-table--render-default .vxe-table--column.col--drag-move {
   transition: transform 0.5s ease;
 }
 .vxe-table--render-default .vxe-table--column.col--drag-origin > .vxe-cell {
   opacity: 0.3;
 }
-.vxe-table--render-default {
-  /*拖拽行把柄*/
-}
 .vxe-table--render-default .vxe-cell--drag-handle {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -3682,9 +3670,6 @@
 .vxe-table--render-default.size--mini .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-mini);
 }
-.vxe-table--render-default {
-  /*暂无数据*/
-}
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
   color: var(--vxe-ui-input-placeholder-color);
@@ -3725,9 +3710,6 @@
 .vxe-table--render-default .vxe-body--column.col--selected {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
-.vxe-table--render-default {
-  /*校验不通过*/
-}
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
   width: 100%;
   position: absolute;
@@ -3756,11 +3738,14 @@
 }
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-theme-normal {
   color: var(--vxe-ui-table-validate-error-color);
-  background-color: var(--vxe-ui-table-validate-error-background-color);
+  background-color: var(--vxe-ui-table-validate-error-theme-normal-background-color);
 }
 .vxe-table--render-default .vxe-body--column.col--active, .vxe-table--render-default .vxe-body--column.col--selected {
   position: relative;
 }
+.vxe-table--render-default .vxe-body--column.col--valid-error.show--valid-bg {
+  background-color: var(--vxe-ui-table-validate-error-cell-background-color);
+}
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,
 .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select {
@@ -3781,9 +3766,6 @@
 .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
   top: calc(100% - 1.3em);
 }
-.vxe-table--render-default {
-  /*已废弃，旧的校验样式**/
-}
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
   width: 320px;
   position: absolute;
@@ -3811,9 +3793,6 @@
   transform: translateX(0);
   text-align: left;
 }
-.vxe-table--render-default {
-  /*单元格标记删除状态*/
-}
 .vxe-table--render-default .vxe-body--row.row--pending {
   color: var(--vxe-ui-table-validate-error-color);
   text-decoration: line-through;
@@ -3832,9 +3811,6 @@
   border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
-.vxe-table--render-default {
-  /*单元格编辑状态*/
-}
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
   position: relative;
 }
@@ -3861,9 +3837,6 @@
   border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
-.vxe-table--render-default {
-  /*可编辑*/
-}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
@@ -3887,7 +3860,7 @@
 div.vxe-table--tooltip-wrapper.vxe-table--valid-error {
   padding: 0;
   color: var(--vxe-ui-table-validate-error-color);
-  background-color: var(--vxe-ui-table-validate-error-background-color);
+  background-color: var(--vxe-ui-table-validate-error-theme-normal-background-color);
 }
 div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid {
   padding: 8px 12px;