bri-components 1.1.2 → 1.1.4

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

@@ -1,102 +0,0 @@
-import utils from "../../src/utils/utils.js";
-import {hasClass, addClass, removeClass} from "../../src/utils/dom.js";
-
-export default {
-
-    methods: {
-        // cell edit
-        cellEdit (e, callback, rowIndex, rowData, field) {
-
-            let target = e.target;
-            let oldVal;
-            let editInput;
-            let editInputLen;
-            let actionFun;
-            let textAlign;
-            let childTarget;
-
-            while ((target.className && target.className.indexOf("v-table-body-cell") === -1) || !target.className) {
-                target = target.parentNode;
-            }
-
-            // 子节点（span节点）
-            childTarget = target.children[0];
-
-            // 把子节点影藏掉
-            childTarget.style.display = "none";
-
-            if (hasClass(target, "cell-editing")) {
-                return false;
-            }
-
-            addClass(target, "cell-editing");
-
-            oldVal = childTarget.innerText.trim();
-
-            if (target.style.textAlign) {
-
-                textAlign = target.style.textAlign;
-            }
-
-            editInput = document.createElement("input");
-            editInput.value = oldVal;
-            editInput.className = "cell-edit-input";
-            editInput.style.textAlign = textAlign;
-            editInput.style.width = "100%";
-            editInput.style.height = "100%";
-            // editInput.style = `width:100%;height: 100%;text-align: ${textAlign};`;
-
-            target.appendChild(editInput);
-
-            editInput.focus();
-
-            editInputLen = editInput.value.length;
-            if (document.selection) {
-                let ctr = editInput.createTextRange();
-                ctr.moveStart("character", editInputLen);
-                ctr.collapse();
-                ctr.select();
-            } else if (typeof editInput.selectionStart == "number" && typeof editInput.selectionEnd == "number") {
-                editInput.selectionStart = editInput.selectionEnd = editInputLen;
-            }
-
-            actionFun = function (e) {
-
-                if (typeof e.keyCode === "undefined" || e.keyCode === 0 || e.keyCode == 13) {
-
-                    if (hasClass(target, "cell-editing")) {
-
-                        removeClass(target, "cell-editing");
-                    } else {
-                        return false;
-                    }
-
-                    childTarget.style.display = "";
-
-                    // fixed this.value bug in IE9
-                    callback(editInput.value, oldVal);
-
-                    utils.unbind(editInput, "blur", actionFun);
-                    utils.unbind(editInput, "keydown", actionFun);
-
-                    target.removeChild(editInput);
-                }
-            };
-
-            utils.bind(editInput, "blur", actionFun);
-            utils.bind(editInput, "keydown", actionFun);
-        },
-
-        // 单元格点击
-        cellEditClick (e, isEdit, rowData, field, rowIndex) {
-            if (isEdit) {
-                let self = this;
-                // 单元格内容变化后的回调
-                let onCellEditCallBack = function (newValue, oldVal) {
-                    self.cellEditDone && self.cellEditDone(newValue, oldVal, rowIndex, rowData, field);
-                };
-                this.cellEdit(e, onCellEditCallBack, rowIndex, rowData, field);
-            }
-        }
-    }
-};

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

@@ -1,189 +0,0 @@
-export default {
-
-    data () {
-        return {
-            // 是否全部选中
-            isAllChecked: false,
-
-            checkboxGroupModel: [],
-
-            indeterminate: false
-
-        };
-
-    },
-
-    computed: {
-
-        // 禁用未选中的复选框集合
-        disabledUnChecked () {
-
-            let result = [];
-
-            this.internalTableData.filter((item, index) => {
-
-                if (item._disabled && !item._checked) {
-                    result.push(index);
-                }
-            });
-            return result;
-        },
-
-        // 获取当前选中的行信息
-        getCheckedTableRow () {
-
-            return this.internalTableData.filter((item, index) => {
-
-                return this.checkboxGroupModel.indexOf(index) > -1;
-            });
-        },
-
-        // 检测是否有
-        hasSelectionColumns () {
-
-            return this.internalColumns.some(x => {
-
-                return x.type && x.type === "selection";
-            });
-        }
-    },
-
-    methods: {
-        // 检测复杂表头是否需要设置 checkbox
-        isSelectionCol (fileds) {
-
-            if (Array.isArray(fileds) && fileds.length === 1) {
-
-                return this.internalColumns.some(x => x.field === fileds[0] && x.type === "selection");
-            }
-
-            return false;
-        },
-
-        // 禁用已选中的复选框集合
-        disabledChecked () {
-
-            let result = [];
-
-            this.internalTableData.filter((item, index) => {
-
-                if (item._disabled && item._checked) {
-                    result.push(index);
-                }
-            });
-            return result;
-        },
-
-        // check all trigger event
-        handleCheckAll () {
-
-            if (this.isAllChecked) {
-
-                this.checkboxGroupModel = [];
-
-                let allLen = this.internalTableData.length;
-
-                if (allLen > 0) {
-
-                    for (let i = 0; i < allLen; i++) {
-
-                        if (this.disabledUnChecked.indexOf(i) === -1) {
-
-                            this.checkboxGroupModel.push(i);
-                        }
-                    }
-                }
-
-            } else {
-
-                this.checkboxGroupModel = this.disabledChecked();
-            }
-
-            this.selectAll && this.selectAll(this.getCheckedTableRow);
-
-            this.setIndeterminateState();
-        },
-
-        // checkbox change event
-        handleCheckChange (rowData) {
-
-            this.$nextTick(x => {
-                this.selectChange && this.selectChange(this.getCheckedTableRow, rowData);
-            });
-        },
-
-        // checkbox-group change event
-        handleCheckGroupChange () {
-
-            this.selectGroupChange && this.selectGroupChange(this.getCheckedTableRow);
-
-            this.setCheckState();
-        },
-
-        // 设置部分选中状态（全选或者取消全选时）
-        setIndeterminateState () {
-
-            let checkedLen = this.checkboxGroupModel.length;
-            let allLen = this.internalTableData.length;
-
-            // 全选
-            if (checkedLen > 0 && checkedLen === allLen) {
-
-                this.indeterminate = false;
-
-            } else if (checkedLen > 0 && checkedLen < allLen) { // 部分选中
-
-                this.indeterminate = true;
-
-            } else { // 全不选
-
-                this.indeterminate = false;
-            }
-        },
-
-        // 设置选中状态
-        setCheckState () {
-
-            let checkedLen = this.checkboxGroupModel.length;
-            let allLen = this.internalTableData.length;
-
-            // 全选
-            if (checkedLen > 0 && checkedLen === allLen) {
-
-                this.indeterminate = false;
-
-                this.isAllChecked = true;
-
-            } else if (checkedLen > 0 && checkedLen < allLen) { // 部分选中
-
-                this.isAllChecked = false;
-
-                this.indeterminate = true;
-
-            } else { // 全不选
-
-                this.indeterminate = false;
-
-                this.isAllChecked = false;
-            }
-        },
-
-        // 修改checkbox 选中状态(table.vue 中调用)
-        updateCheckboxGroupModel () {
-
-            if (!this.hasSelectionColumns) { return false; }
-
-            this.checkboxGroupModel = [];
-
-            this.internalTableData.filter((item, index) => {
-
-                if (item._checked) {
-
-                    this.checkboxGroupModel.push(index);
-                }
-            });
-
-            this.setCheckState();
-        }
-    }
-};

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

@@ -1,56 +0,0 @@
-import settings from "../../src/settings/settings.js";
-
-export default {
-
-    computed: {
-
-        vTableRightBody () {
-
-            let result = {
-                "v-table-rightview-special-border": true
-            };
-
-            result[settings.scrollbarClass] = true;
-
-            return result;
-        },
-
-        vTableFooter () {
-
-            let result = {
-
-                "v-table-rightview-special-border": true
-            };
-
-            result[settings.scrollbarClass] = true;
-
-            return result;
-        },
-
-        vTableBodyInner () {
-
-            return {
-                "v-table-body-inner-pb": !this.hasTableFooter
-            };
-        },
-
-        vTableBodyCell () {
-
-            return {
-                "vertical-border": this.showVerticalBorder,
-                "horizontal-border": this.showHorizontalBorder
-            };
-        }
-    },
-
-    methods: {
-
-        vTableFiltersIcon (filters) {
-
-            return {
-                "v-icon-filter": true,
-                "checked": filters.some(x => x.selected && x.value !== this.filterSpecialValue)
-            };
-        }
-    }
-};

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

@@ -1,202 +0,0 @@
-// 列宽度拖动
-import utils from "../../src/utils/utils.js";
-import { hasClass, addClass, removeClass } from "../../src/utils/dom.js";
-export default {
-    data () {
-        return {
-            draggingColumn: null, // 当前拖动的列
-            isDragging: false, // 是否正在拖动
-            draggingStartX: 0, // 拖动开始横坐标
-            draggingEndX: 0, // 拖动结束横坐标
-            minColumnWidth: 15 // 列允许拖动后的最小宽度
-        };
-    },
-    methods: {
-
-        handleTitleMouseMove (event, column) {
-
-            if (!this.columnWidthDrag) {
-                return false;
-            }
-
-            let target, rect;
-
-            if (this.isDragging) {
-                this.setDragLinePosition(event);
-            }
-
-            // 复杂表头，多列时不允许拖动
-            if (Array.isArray(column)) {
-
-                if (column.length > 1) {
-                    return false;
-                }
-                else {
-                    column = column[0];
-                }
-            }
-
-            // 最后一列不允许拖动
-            /* if (this.internalColumns[this.internalColumns.length - 1].field === column) {
-             return false;
-             } */
-
-            if (!this.showVerticalBorder) {
-                return false;
-            }
-
-            target = event.target;
-
-            while (target && ((target.className && !hasClass(target, "v-table-title-cell")) || !target.className)) {
-                target = target.parentNode;
-            }
-
-            if (target) {
-                rect = target.getBoundingClientRect();
-
-                const bodyStyle = document.body.style;
-
-                if (rect.width >= this.minColumnWidth && rect.right - event.pageX < 10) {
-
-                    if (!this.isDragging) { // 拖动中不设置
-                        this.draggingColumn = this.internalColumns.find(x => x.field === column);
-                    }
-
-                    bodyStyle.cursor = "col-resize";
-                } else {
-
-                    if (!this.isDragging) { // 拖动中不设置
-
-                        this.draggingColumn = null;
-                        bodyStyle.cursor = "";
-                    }
-                }
-            }
-        },
-
-        handleTitleMouseOut () {
-
-            if (!this.isDragging) {
-
-                document.body.style.cursor = "";
-            }
-        },
-
-        handleTitleMouseDown (event, column) {
-
-            if (!this.draggingColumn || !this.showVerticalBorder) {
-                return false;
-            }
-
-            this.isDragging = true;
-
-            this.draggingStartX = event.clientX;
-
-            this.setDragLinePosition(event);
-
-            document.onselectstart = function () {
-                return false;
-            };
-            document.ondragstart = function () {
-                return false;
-            };
-
-            utils.bind(document, "mousemove", this.handleDragMouseMove);
-            utils.bind(document, "mouseup", this.handleDragMouseUp);
-        },
-
-        handleDragMouseMove (e) {
-
-            if (!this.isDragging) {
-                return false;
-            }
-
-            this.setDragLinePosition(e);
-        },
-
-        setDragLinePosition (e) {
-            const tableLeft = utils.getViewportOffset(this.$el).left;
-            const dragLine = this.$el.querySelector(".v-table-drag-line");
-            const clientX = e.clientX;
-
-            if (this.draggingColumn.width + (clientX - this.draggingStartX) <= this.minColumnWidth) {
-                return;
-            }
-
-            dragLine.style.left = (clientX - tableLeft) + "px";
-        },
-
-        // 拖动时mouseup
-        handleDragMouseUp (e) {
-
-            if (!this.isDragging) {
-                return false;
-            }
-
-            this.draggingEndX = e.clientX;
-
-            let differ = this.draggingEndX - this.draggingStartX;
-
-            // 差值大于1才处理
-            if (Math.abs(differ) > 1) {
-                let draggingColumn = this.draggingColumn;
-                if (draggingColumn.width + differ < this.minColumnWidth) {
-                    draggingColumn.width = this.minColumnWidth;
-                } else {
-                    draggingColumn.width += differ;
-                }
-                this.columnWidthDragResize && this.columnWidthDragResize(draggingColumn, e);
-            }
-            let rightViewBody = this.$el.querySelector(".v-table-rightview .v-table-body");
-            let rightViewFooter = this.$el.querySelector(".v-table-rightview .v-table-footer");
-            let hasTableFooter = this.hasTableFooter;
-            if (rightViewBody) {
-                if (this.totalColumnsWidth < this.internalWidth) {
-
-                    if (!hasTableFooter) {
-
-                        rightViewBody.style.overflowX = "hidden";
-
-                        removeClass(rightViewBody, "v-table-rightview-special-border");
-                        rightViewBody.classList.remove("v-table-rightview-special-border");
-
-                    } else {
-
-                        rightViewFooter.style.overflowX = "hidden";
-                    }
-                } else {
-
-                    if (!hasTableFooter) {
-
-                        rightViewBody.style.overflowX = "scroll";
-
-                        if (!this.hasFrozenColumn) {
-
-                            addClass(rightViewBody, "v-table-rightview-special-border");
-                        }
-
-                    } else {
-
-                        rightViewFooter.style.overflowX = "scroll";
-                    }
-                }
-            }
-
-            this.draggingColumn = null;
-            document.body.style.cursor = "";
-            this.isDragging = false;
-
-            document.onselectstart = function () {
-                return true;
-            };
-            document.ondragstart = function () {
-                return true;
-            };
-
-            utils.unbind(document, "mousemove", this.handleDragMouseMove);
-            utils.unbind(document, "mouseup", this.handleDragMouseUp);
-        }
-
-    }
-
-};

package/src/components/list/easyTable/v-table/src/export-csv.js

@@ -1,74 +0,0 @@
-// 有csv 根式有很大的局限性，不能合并单元格，目前先不上此功能
-function getDownloadUrl (content) {
-
-    const BOM = "\uFEFF";
-    // Add BOM to text for open in excel correctly
-    if (window.Blob && window.URL && window.URL.createObjectURL) {
-        const csvData = new Blob([BOM + content], { type: "text/csv" });
-        return URL.createObjectURL(csvData);
-    } else {
-        return "data:attachment/csv;charset=utf-8," + BOM + encodeURIComponent(content);
-    }
-}
-
-function getContent (columns, tableData, separator = ",") {
-
-    const newLine = "\r\n";
-
-    let result = [];
-    let csvRows = [];
-    // let _tableData = [];
-
-    if (Array.isArray(columns) && columns.length > 0) {
-
-        csvRows = columns.map(x => {
-
-            return x.title;
-        });
-
-        result.push(csvRows.join(separator));
-    }
-
-    if (Array.isArray(tableData) && tableData.length > 0) {
-
-        tableData.forEach(row => {
-
-            csvRows = columns.map(col => {
-
-                if (row[col.field]) {
-
-                    return row[col.field];
-                }
-
-                return "";
-            });
-
-            result.push(csvRows.join(separator));
-        });
-    }
-
-    return result.join(newLine);
-}
-
-const csv = {
-
-    download (fileName, columns, tableData) {
-
-        let content = getContent(columns, tableData);
-
-        if (content && content.length > 0) {
-
-            const link = document.createElement("a");
-            link.download = fileName;
-            link.href = getDownloadUrl(content);
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        } else {
-
-            console.error("vue-easytable::no export data");
-        }
-    }
-};
-
-export default csv;