bri-components 1.1.2 → 1.1.4

package/src/components/list/easyTable/v-table/src/frozen-columns-mixin.js

@@ -1,134 +0,0 @@
-/*
- * 固定列
- *
- * */
-
-export default {
-    computed: {
-        // 冻结的列集合
-        frozenCols () {
-            return this.internalColumns.filter(x => x.isFrozen === true);
-        },
-        // 冻结的列集合
-        frozenRightCols () {
-            return this.internalColumns.filter(x => x.isFrozenRight === true);
-        },
-        // 非冻结列集合
-        noFrozenCols () {
-            return this.internalColumns.filter(x => x.isFrozen !== true && x.isFrozenRight !== true);
-        },
-        // 冻结的表头列集合
-        frozenTitleCols () {
-            let frozenTitleCols = [];
-            let self = this;
-
-            if (this.internalTitleRows.length > 0) {
-
-                // 获取当前锁定的字段集合
-                let frozenFields = this.frozenCols.map(x => x.field);
-
-                this.internalTitleRows.forEach(function (rows) {
-
-                    let frozenTitleRows = rows.filter(function (row) {
-                        if (Array.isArray(row.fields)) {
-                            if (row.fields.every(field => frozenFields.indexOf(field) !== -1)) {
-                                return true;
-                            }
-                        }
-                    });
-
-                    if (frozenTitleRows.length > 0) {
-
-                        frozenTitleCols.push(frozenTitleRows);
-
-                        let minRowspan = self.getMinRowspan(frozenTitleRows);
-
-                        if (minRowspan && minRowspan > 0) {
-
-                            for (let i = 0; i < minRowspan; i++) {
-
-                                frozenTitleCols.push([]);
-                            }
-                        }
-                    }
-                });
-            }
-
-            return frozenTitleCols;
-        },
-        // 冻结的表头列集合
-        frozenRightTitleCols () {
-            let frozenRightTitleCols = [];
-            let self = this;
-
-            if (this.internalTitleRows.length > 0) {
-
-                // 获取当前锁定的字段集合
-                let frozenRightFields = this.frozenRightCols.map(x => x.field);
-
-                this.internalTitleRows.forEach(function (rows) {
-
-                    let frozenRightTitleRows = rows.filter(function (row) {
-                        if (Array.isArray(row.fields)) {
-                            if (row.fields.every(field => frozenRightFields.indexOf(field) !== -1)) {
-                                return true;
-                            }
-                        }
-                    });
-
-                    if (frozenRightTitleRows.length > 0) {
-
-                        frozenRightTitleCols.push(frozenRightTitleRows);
-
-                        let minRowspan = self.getMinRowspan(frozenRightTitleRows);
-
-                        if (minRowspan && minRowspan > 0) {
-
-                            for (let i = 0; i < minRowspan; i++) {
-
-                                frozenRightTitleCols.push([]);
-                            }
-                        }
-                    }
-                });
-            }
-
-            return frozenRightTitleCols;
-        },
-        // 未的表头列集合
-        noFrozenTitleCols () {
-            let noFrozenTitleCols = [];
-            let self = this;
-
-            if (this.internalTitleRows.length > 0) {
-
-                // 获取当前未锁定的字段集合
-                let noFrozenFields = this.noFrozenCols.map(x => x.field);
-
-                this.internalTitleRows.forEach(function (rows) {
-
-                    let noFrozenTitleRows = rows.filter(function (row) {
-                        if (Array.isArray(row.fields)) {
-                            return row.fields.every(field => noFrozenFields.indexOf(field) !== -1);
-                        }
-                    });
-
-                    if (noFrozenTitleRows.length > 0) {
-                        noFrozenTitleCols.push(noFrozenTitleRows);
-
-                        let minRowspan = self.getMinRowspan(noFrozenTitleRows);
-
-                        if (minRowspan && minRowspan > 0) {
-
-                            for (let i = 0; i < minRowspan; i++) {
-
-                                noFrozenTitleCols.push([]);
-                            }
-                        }
-                    }
-                });
-            }
-            return noFrozenTitleCols;
-        }
-    }
-};

package/src/components/list/easyTable/v-table/src/loading.vue

@@ -1,49 +0,0 @@
-<template>
-    <div style="width:100%;height: 100%;">
-        <div class="v-table-loading" :style="{'opacity':loadingOpacity}"></div>
-        <div class="v-table-loading-content" v-html="loadingContent"></div>
-    </div>
-
-</template>
-
-<script>
-    export default{
-
-        props: {
-
-            loadingContent: [String],
-
-            loadingOpacity: [Number],
-
-            titleRows: [Array],
-
-            titleRowHeight: [Number],
-
-            columns: [Array]
-        },
-
-        methods: {
-
-            setPosition () {
-
-                let loadingEle = this.$el;
-                let loadingContentEle = this.$el.querySelector(".v-table-loading-content");
-                let titleHeight = 0;
-
-                if (this.columns && this.columns.length > 0) {
-
-                    titleHeight = (this.titleRows && this.titleRows.length > 0) ? this.titleRows.length * this.titleRowHeight : this.titleRowHeight;
-                }
-
-                loadingContentEle.style.top = ((loadingEle.clientHeight + titleHeight) / 2 - loadingContentEle.clientHeight / 2) + "px";
-            }
-        },
-
-        mounted () {
-
-            this.$nextTick(x => {
-                this.setPosition();
-            });
-        }
-    };
-</script>

package/src/components/list/easyTable/v-table/src/scroll-bar-control-mixin.js

@@ -1,21 +0,0 @@
-import utils from "../../src/utils/utils.js";
-export default {
-    data () {
-        return {
-            scrollbarWidth: 0
-        };
-    },
-    methods: {
-        // 如果存在footer 则横向滚动条体现在footer上
-        controlScrollBar () {
-            if (this.hasTableFooter) {
-                let body = this.$el.querySelector(".v-table-centerview .v-table-body");
-                body.style.overflowX = "hidden";
-            }
-        },
-        setScrollbarWidth () {
-            this.scrollbarWidth = utils.getScrollbarWidth();
-        }
-    }
-
-};

package/src/components/list/easyTable/v-table/src/scroll-control-mixin.js

@@ -1,92 +0,0 @@
-/*
- * 鼠标滚动，滚动条改变
- * */
-import utils from "../../src/utils/utils.js";
-export default {
-    methods: {
-        body0Mousewheel (e) {
-            let body2 = this.$el.querySelector(".v-table-centerview .v-table-body");
-            let e1 = e.originalEvent || window.event || e;
-            let scrollHeight = e1.wheelDelta || e1.detail * (-1);
-            body2.scrollTop = (body2.scrollTop - scrollHeight);
-        },
-
-        // 表格内容滚动到顶部（常用与分页）
-        bodyScrollTop () {
-            let body0 = this.$el.querySelector(".v-table-rightview .v-table-body");
-            let body1 = this.$el.querySelector(".v-table-leftview .v-table-body");
-            let body2 = this.$el.querySelector(".v-table-centerview .v-table-body");
-
-            if (body0) {
-                body0.scrollTop = 0;
-            }
-            if (body1) {
-                body1.scrollTop = 0;
-            }
-            body2.scrollTop = 0;
-        },
-
-        body2Scroll (e) {
-            let view2 = this.$el.querySelector(".v-table-centerview");
-            let body0 = this.$el.querySelector(".v-table-rightview .v-table-body");
-            let body1 = this.$el.querySelector(".v-table-leftview .v-table-body");
-            let body2 = this.$el.querySelector(".v-table-centerview .v-table-body");
-            if (body1) {
-                body1.scrollTop = body2.scrollTop;
-            }
-            if (body0) {
-                body0.scrollTop = body2.scrollTop;
-            }
-
-            view2.querySelector(".v-table-header").scrollLeft = body2.scrollLeft;
-        },
-
-        centerViewFooterScroll () {
-            let view2 = this.$el.querySelector(".v-table-centerview");
-            let centerViewFooter = this.$el.querySelector(".v-table-centerview .v-table-footer");
-
-            view2.querySelector(".v-table-header").scrollLeft = centerViewFooter.scrollLeft;
-            view2.querySelector(".v-table-body").scrollLeft = centerViewFooter.scrollLeft;
-
-        },
-
-        // 列表中滚动条控制
-        scrollControl () {
-            this.unbindEvents();
-            // 修复左侧固定列绑定滚动事件失效的问题
-            setTimeout(x => {
-                let body0 = this.$el.querySelector(".v-table-rightview .v-table-body");
-                let body1 = this.$el.querySelector(".v-table-leftview .v-table-body");
-                let body2 = this.$el.querySelector(".v-table-centerview .v-table-body");
-                let centerViewFooter = this.$el.querySelector(".v-table-centerview .v-table-footer");
-
-                utils.bind(body0, "mousewheel", this.body0Mousewheel);
-                utils.bind(body1, "mousewheel", this.body0Mousewheel);
-                utils.bind(body2, "scroll", this.body2Scroll);
-                utils.bind(centerViewFooter, "scroll", this.centerViewFooterScroll);
-            });
-        },
-
-        unbindEvents () {
-            let body0 = this.$el.querySelector(".v-table-rightview .v-table-body");
-            let body1 = this.$el.querySelector(".v-table-leftview .v-table-body");
-            let body2 = this.$el.querySelector(".v-table-centerview .v-table-body");
-            let centerViewFooter = this.$el.querySelector(".v-table-centerview .v-table-footer");
-
-            utils.unbind(body0, "mousewheel", this.body0Mousewheel);
-            utils.unbind(body1, "mousewheel", this.body1Mousewheel);
-            utils.unbind(body2, "scroll", this.body2Scroll);
-            utils.unbind(centerViewFooter, "scroll", this.centerViewFooterScroll);
-        },
-
-        // 对外暴露的方法
-        scrollToTop () {
-            this.bodyScrollTop();
-        }
-    },
-
-    beforeDestroy () {
-
-        this.unbindEvents();
-    }
-};

package/src/components/list/easyTable/v-table/src/sort-control-mixin.js

@@ -1,108 +0,0 @@
-/*
- * 排序
- * */
-export default {
-
-    data () {
-
-        return {
-            sortColumns: {}
-        };
-    },
-
-    methods: {
-        // 是否允许排序
-        enableSort (val) {
-            return this.showSort && typeof val === "string";
-        },
-        // 允许排序的列集合
-        setSortColumns () {
-            let titleRowsToSortInfo = [];
-            this.sortColumns = {};
-
-            if (this.internalTitleRows.length > 0) {
-                this.internalTitleRows.filter((row) => {
-                    row.filter((column, index) => {
-                        if (typeof column.orderBy === "string" && column.fields.length === 1) {
-                            column.field = column.fields[0];
-                            titleRowsToSortInfo.push(column);
-                        }
-                    });
-                });
-            }
-
-            let collection = titleRowsToSortInfo.length > 0 ? titleRowsToSortInfo : this.internalColumns;
-
-            collection.forEach(item => {
-                if (this.enableSort(item.orderBy)) {
-                    this.sortColumns[item.field] = item.orderBy;
-                }
-            });
-
-            // this.singleSortInit();
-        },
-
-        // 获取当前排序规则
-        getCurrentSort (field) {
-
-            return this.sortColumns[field];
-        },
-
-        // 排序控制
-        sortControl (field) {
-
-            let orderBy = this.sortColumns[field];
-            if (this.enableSort(orderBy)) {
-
-                if (this.sortAlways) {
-                    this.sortColumns[field] = orderBy === "asc" ? "desc" : "asc";
-                } else {
-                    this.sortColumns[field] = orderBy === "asc" ? "desc"
-                    : (this.sortColumns[field] === "desc" ? "" : "asc");
-                }
-
-                if (!this.multipleSort) {
-
-                    for (let col in this.sortColumns) {
-
-                        if (col !== field) {
-
-                            this.sortColumns[col] = "";
-                        }
-                    }
-                }
-                this.$emit("sort-change", {
-                    field: field,
-                    sortType: this.sortColumns[field]
-                });
-            }
-
-        },
-
-        // 单排时只允许保留第一个排序规则（‘asc’或者‘desc’）
-        singleSortInit () {
-
-            let result = false;
-
-            if (!this.multipleSort && this.sortColumns) {
-
-                for (let col in this.sortColumns) {
-
-                    if (result) {
-
-                        this.sortColumns[col] = "";
-                    }
-                    result = true;
-                }
-            }
-        },
-
-        // 对外暴露的方法（重置排序规则）
-        resetOrder () {
-
-            this.setSortColumns();
-
-            this.$emit("sort-change", this.sortColumns);
-        }
-    }
-};

package/src/components/list/easyTable/v-table/src/table-empty-mixin.js

@@ -1,73 +0,0 @@
-// 表格数据为空时的处理逻辑
-import utils from "../../src/utils/utils.js";
-export default {
-
-    data () {
-        return {
-
-            isTableEmpty: false,
-
-            // 表格数据为空时表头的高度（若有滚动条会包含滚动条的宽度）
-            // tableEmptyContentHeight: 50,
-
-            // 表格数据为空时的总高度
-            tableEmptyHeight: 0
-        };
-    },
-
-    methods: {
-
-        // table 数据为空的处理
-        tableEmpty () {
-
-            let tableData = this.internalTableData;
-            let tableEmptyHeight = 0;
-
-            if (Array.isArray(tableData) && tableData.length > 0) {
-
-                this.isTableEmpty = false;
-                return false;
-            }
-
-            this.isTableEmpty = true;
-
-            tableEmptyHeight = this.getTotalColumnsHeight() + this.errorContentHeight;
-
-            this.tableEmptyHeight = tableEmptyHeight;
-
-            this.$nextTick(x => {
-
-                this.tableEmptyScroll();
-            });
-
-        },
-
-        tableEmptyScrollEvent (e) {
-
-            let headerEle = this.$el.querySelector(".v-table-centerview .v-table-header");
-            let tableEmptyEle = this.$el.querySelector(".v-table-empty .v-table-empty-scroll");
-
-            if (headerEle && tableEmptyEle) {
-
-                headerEle.scrollLeft = tableEmptyEle.scrollLeft;
-            }
-
-        },
-
-        // 无数据时的滚动条控制
-        tableEmptyScroll () {
-
-            let tableEmptyEle = this.$el.querySelector(".v-table-empty .v-table-empty-scroll");
-            // 无数据时的滚动条控制
-            utils.bind(tableEmptyEle, "scroll", this.tableEmptyScrollEvent);
-        }
-
-    },
-
-    beforeDestroy () {
-
-        let tableEmptyEle = this.$el.querySelector(".v-table-empty .v-table-empty-scroll");
-        // 无数据时的滚动条控制
-        utils.unbind(tableEmptyEle, "scroll", this.tableEmptyScrollEvent);
-    }
-};

package/src/components/list/easyTable/v-table/src/table-empty.vue

@@ -1,66 +0,0 @@
-<template>
-
-    <div class="v-table-empty">
-        <!--表格无数据的提示信息-->
-        <div class="v-table-empty-content"
-             :style="{'height':contentHeight+'px','width':width+'px','top':titleHeight+'px'}">
-            <div class="v-table-empty-inner"
-                 :style="{'height':contentHeight+'px','width':'100%','line-height':contentHeight+'px'}"
-                 v-html="getCurrentContent"></div>
-        </div>
-
-        <!--表格无数据的滚动条-->
-        <div class="v-table-empty-scroll"
-             :style="{'height':contentHeight+'px','width':width+'px','top':titleHeight+'px'}">
-            <div class="v-table-empty-inner" :style="{'height':'1px','width':totalColumnsWidth+'px'}"></div>
-        </div>
-
-    </div>
-
-</template>
-
-<script>
-    // import utils from "../../src/utils/utils.js";
-
-    export default{
-
-        props: {
-
-            // 表头的宽度
-            titleHeight: [Number, String],
-
-            // 内容显示的高度
-            contentHeight: [Number, String],
-
-            // 显示的宽度
-            width: [Number, String],
-
-            // 所有列的宽度和
-            totalColumnsWidth: [Number, String],
-
-            // 没数据时显示的内容
-            errorContent: {
-                type: [String]
-            },
-
-            // 是否正在加载
-            isLoading: [Boolean]
-
-        },
-
-        computed: {
-            // 获取当前要显示的内容
-            getCurrentContent () {
-
-                let result = "";
-
-                if (!this.isLoading) {
-                    result = this.errorContent;
-                }
-
-                return result;
-            }
-
-        }
-    };
-</script>

package/src/components/list/easyTable/v-table/src/table-filters-mixin.js

@@ -1,126 +0,0 @@
-export default {
-    data () {
-
-        return {
-
-            filterSpecialValue: "__all__"
-        };
-    },
-    methods: {
-
-        // 初始化 columns filters
-        initColumnsFilters () {
-
-            // 如果是复杂表头
-            if (this.isComplexTitle) {
-
-                this.internalTitleRows.forEach(rows => {
-
-                    rows.forEach(col => {
-
-                        if (this.enableFilters(col.filters, col.fields) && !col.filterMultiple) {
-
-                            col.filters.unshift({label: "全部", value: this.filterSpecialValue, selected: true});
-                        }
-                    });
-                });
-            } else {
-
-                this.internalColumns.map(col => {
-
-                    if (this.enableFilters(col.filters) && !col.filterMultiple) {
-
-                        col.filters.unshift({label: "全部", value: this.filterSpecialValue, selected: true});
-                    }
-                });
-            }
-        },
-
-        // 单选条件改变
-        filterConditionChange (filterMultiple) {
-
-            // 单选
-            if (!filterMultiple) {
-
-                this.filterSummary();
-            }
-        },
-
-        /*
-         * 是否包含 filters 功能
-         * fields : 当是复杂表头时，必须保证不是 colspan 的列
-         * */
-        enableFilters (filters, fields) {
-
-            let result = false;
-
-            if (Array.isArray(fields) && fields.length > 1) {
-
-                result = false;
-            }
-            if (Array.isArray(filters) && filters.length > 0) {
-
-                result = true;
-            }
-            return result;
-        },
-
-        filterEvent () {
-
-            this.filterSummary();
-        },
-
-        filterSummary () {
-
-            let result = {};
-            let columns = [];
-            let tempArr = [];
-
-            // 复杂表头
-            if (this.isComplexTitle) {
-
-                columns = this.internalTitleRows;
-
-                columns.forEach(rows => {
-
-                    rows.forEach(col => {
-
-                        tempArr = [];
-                        if (this.enableFilters(col.filters, col.fields)) {
-
-                            col.filters.forEach(f => {
-
-                                if (f.selected && f.value !== this.filterSpecialValue) {
-                                    tempArr.push(f.value);
-                                }
-                            });
-
-                            result[col.fields[0]] = tempArr.length > 0 ? tempArr : null;
-                        }
-                    });
-                });
-            } else {
-
-                columns = this.internalColumns;
-
-                columns.forEach(col => {
-
-                    tempArr = [];
-                    if (this.enableFilters(col.filters)) {
-
-                        col.filters.forEach(f => {
-
-                            if (f.selected && f.value !== this.filterSpecialValue) {
-                                tempArr.push(f.value);
-                            }
-                        });
-
-                        result[col.field] = tempArr.length > 0 ? tempArr : null;
-                    }
-                });
-            }
-
-            this.filterMethod && this.filterMethod(result);
-        }
-    }
-};