bri-components 1.1.3 → 1.1.4

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

@@ -1,115 +0,0 @@
-export default {
-
-    computed: {
-
-        // 获取表头行合并的数量
-        getTitleRowspanTotalCount () {
-
-            let titleRowspanTotalCount1 = 0;
-            let titleRowspanTotalCount2 = 0;
-            let rowspanCountArr;
-            let minVal;
-
-            // 不能用noFrozenTitleCols 要用原始数据处理
-            this.noFrozenTitleCols.forEach(row => {
-
-                rowspanCountArr = this.getTitleRowspanCountArr(row);
-
-                // 如果每一项的rowspan值都大于1则继续处理
-                if (Array.isArray(rowspanCountArr) && rowspanCountArr.length > 0) {
-
-                    minVal = Math.min.apply(null, rowspanCountArr);
-
-                    titleRowspanTotalCount1 += minVal - 1;
-                }
-            });
-
-            this.frozenTitleCols.forEach(row => {
-
-                rowspanCountArr = this.getTitleRowspanCountArr(row);
-
-                // 如果每一项的rowspan值都大于1则继续处理
-                if (Array.isArray(rowspanCountArr) && rowspanCountArr.length > 0) {
-
-                    minVal = Math.min.apply(null, rowspanCountArr);
-
-                    titleRowspanTotalCount2 += minVal - 1;
-                }
-            });
-
-            return titleRowspanTotalCount1 < titleRowspanTotalCount2 ? titleRowspanTotalCount1 : titleRowspanTotalCount2;
-        }
-
-    },
-    methods: {
-
-        // return array
-        getTitleRowspanCountArr (row) {
-
-            let rowspanCountArr = [];
-
-            let shouldDeal = row.every(col => {
-
-                if (col.rowspan && parseInt(col.rowspan) > 1) {
-
-                    rowspanCountArr.push(parseInt(col.rowspan));
-                    return true;
-                } else {
-                    return false;
-                }
-            });
-
-            if (shouldDeal) {
-                return rowspanCountArr;
-            } else {
-                return [];
-            }
-        },
-
-        /*
-         * row :行信息
-         * rowspan：当前列的rowspan值
-         * */
-        /* dealTitleRowspan(row, rowspan){
-
-         let result = rowspan,
-         rowspanCountArr,
-         minVal;
-
-         rowspanCountArr = this.getTitleRowspanCountArr(row);
-
-         // 如果每一项的rowspan值都大于1则继续处理
-         if (Array.isArray(rowspanCountArr) && rowspanCountArr.length > 0) {
-
-         rowspan = parseInt(rowspan);
-
-         minVal = Math.min.apply(null, rowspanCountArr);
-
-         if (rowspan === minVal) {
-
-         result = 1;
-         } else {
-
-         result = rowspan - minVal + 1;
-         }
-         }
-         return result;
-         }, */
-
-        // 获取最小的 rowspan
-        getMinRowspan (row) {
-
-            let result;
-
-            let rowspanCountArr = this.getTitleRowspanCountArr(row);
-
-            // 如果每一项的rowspan值都大于1则继续处理
-            if (Array.isArray(rowspanCountArr) && rowspanCountArr.length > 0) {
-
-                result = Math.min.apply(null, rowspanCountArr);
-            }
-            return result - 1;
-        }
-    }
-
-};

package/src/components/list/evTable/EvTable.vue

@@ -1,321 +0,0 @@
-<template>
-    <div
-        class="EvTable"
-        ref="EvTable"
-    >
-        <v-table
-            :className="className"
-            :height="height"
-            :table-data="data"
-            :columns="temporaryColumns"
-            :fixTitle="fixTitle"
-            :is-horizontal-resize="true"
-            :column-width-drag="true"
-            :column-width-drag-resize="columnWidthDragResize"
-            :show-sort="showSort"
-            :multiple-sort="multipleSort"
-            :sort-always="sortAlways"
-            style="width:100%"
-            :tableBgColor="tableBgColor"
-            :title-bg-color="titleBgColor"
-            :title-font-color="titleFontColor"
-            :odd-bg-color="oddBgColor"
-            :even-bg-color="evenBgColor"
-            :row-hover-color="rowHoverColor"
-            :row-click-color="rowClickColor"
-            :row-click="rowClick"
-            :row-dblclick="rowDblclick"
-            :column-cell-class-name="columnCellClassName"
-            :show-vertical-border="showVerticalBorder"
-            :show-horizontal-border="showHorizontalBorder"
-            :title-row-height="titleRowHeight"
-            :row-height="rowHeight"
-            :footer-row-height="footerRowHeight"
-            :cell-edit-done="cellEditDone"
-            :select-change="selectChange"
-            :select-all="selectAll"
-            :is-loading="isLoading"
-            :errorContent="noDataText"
-            @click-row="clickRow"
-            @sort-change="sortChange"
-        ></v-table>
-    </div>
-</template>
-<script>
-    // import boxMixin from "../boxMixin.js";
-    import EvTableMixin from "./EvTableMixin.js";
-
-    export default {
-        name: "EvTable",
-        mixins: [
-            // boxMixin,
-            EvTableMixin
-        ],
-        props: {
-            data: Array,
-            columnsList: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            columnWidthDragResize: Function,
-            tableBgColor: {
-                type: String,
-                default: () => {
-                    return "#fff";
-                    // return tableStyle.tableBgColor || "#fff";
-                }
-            },
-            titleBgColor: {
-                type: String,
-                default: "#F0F0F0"
-            },
-            // 表格首行字体颜色
-            titleFontColor: {
-                type: String,
-                default: () => {
-                    return "#5d5d5d";
-                }
-            },
-            fixTitle: {
-                type: Boolean,
-                default: true
-            },
-            // 表格自定义class
-            className: {
-                type: String,
-                default: () => {
-                    return "";
-                }
-            },
-            oddBgColor: {
-                type: String,
-                default: () => {
-                    return "";
-                    // return tableStyle.oddBgColor || "#fff";
-                }
-            },
-            evenBgColor: {
-                type: String,
-                default: () => {
-                    return "";
-                    // return tableStyle.evenBgColor || "#F7F9FC";
-                }
-            },
-            rowHoverColor: {
-                type: String,
-                default: () => {
-                    return "";
-                    // return "#F1F4FA";
-                    // return tableStyle.rowHoverColor || "#F1F4FA";
-                }
-            },
-            rowClickColor: {
-                type: String,
-                default: () => {
-                    return "";
-                    // return "#F1F4FA";
-                    // return tableStyle.rowClickColor || "#F1F4FA";
-                }
-            },
-            // 表体单元格设置className
-            columnCellClassName: {
-                type: Function,
-                default: () => {
-                    return () => {
-                        return "column-cell-class-name";
-                    };
-                }
-            },
-            // 是否显示垂直border,false 时列拖动失效
-            showVerticalBorder: {
-                type: Boolean,
-                default: () => {
-                    return true;
-                }
-            },
-            showHorizontalBorder: {
-                type: Boolean,
-                default: () => {
-                    return false;
-                }
-            },
-            titleRowHeight: {
-                type: Number,
-                default: 52
-            },
-            // 内容行高
-            rowHeight: {
-                type: Number,
-                default: 52
-            },
-            footerRowHeight: {
-                type: Number,
-                default: 52
-            },
-            showSort: {
-                type: Boolean,
-                default: false
-            },
-            multipleSort: {
-                type: Boolean,
-                default: false
-            },
-            sortAlways: {
-                type: Boolean,
-                default: false
-            },
-            isLoading: {
-                type: Boolean,
-                default: false
-            },
-            height: Number,
-            noDataText: {
-                type: String,
-                default: "暂无内容..."
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            temporaryColumns () {
-                return this.columnsList.map(colItem => {
-                    return {
-                        ...colItem,
-                        isFrozen: false,
-                        isFrozenRight: false
-                    };
-                });
-            }
-        },
-        created () {},
-        mounted () {},
-        methods: {
-            clickRow (row, index) {
-                this.$emit("click-row", row, index);
-            }
-        }
-    };
-    </script>
-
-    <style lang="less">
-        .EvTable{
-            width: 100%;
-            height: 100%;
-            overflow: auto;
-            font-size: 14px;
-            box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
-            border: 0;
-
-            table {
-                border-spacing: 0;
-                border-collapse: collapse;
-
-                tbody {
-                    td {
-                        .vertical-border {
-                            border-right-width: 0px !important;
-                        }
-                        .v-table-body-cell {
-                            white-space: normal;
-                            overflow: visible; // 有无都可
-                            text-overflow: auto; // 有无都可
-                            word-wrap: break-word;
-                        }
-                    }
-                }
-            }
-
-            .v-table{
-                &-views {
-                    box-shadow:0px 4px 20px 0px rgba(0,0,0,0.1);
-                }
-                .v-table-rightview .vertical-border {
-                    border-right-width: 0px !important;
-                }
-                .v-table-leftview .vertical-border{
-                    border-right-width: 0px !important;
-                }
-                &-title-cell{
-                    padding: 0 15px;
-                    border-color: #F1F4FA;
-                    .table-title{
-                        padding: 0;
-                    }
-                }
-                &-header{
-                    font-weight: 700;
-                    color: rgba(93,93,93,1);
-                    letter-spacing: 2px;
-                    font-size: 14px;
-                }
-                &-body{
-                    font-weight:400;
-                    color:rgba(135,135,135,1);
-                }
-                &-body-cell{
-                    padding: 0 15px;
-                    color: #666666;
-                    border-color: #F1F4FA;
-                }
-                &-empty-inner{
-                    border-top: 1px solid rgba(221, 221, 221, 1);
-                }
-            }
-            .v-scrollbar-wrap{
-                &::-webkit-scrollbar{
-                    width: 12px;
-                    height: 12px;
-                }
-                &::-webkit-scrollbar-thumb{
-                    background: #E1E8ED;
-                    border-radius: 3px;
-                }
-            }
-            .v-table-empty-scroll{
-                &::-webkit-scrollbar{
-                    width: 12px;
-                    height: 12px;
-                }
-                &::-webkit-scrollbar-thumb{
-                    background: #E1E8ED;
-                    border-radius: 3px;
-                }
-            }
-
-            &::-webkit-scrollbar{
-                width: 12px;
-                height: 12px;
-            }
-            &::-webkit-scrollbar-thumb{
-                background: #E1E8ED;
-                border-radius: 3px;
-            }
-            // etable 多条关联等带框的样式
-            .EvTable-box {
-                width: auto;
-                height: 24px;
-                margin-top: 7px;
-                padding: 5px;
-                line-height: 12px;
-                display: inline-block;
-                background: #f2f8ff;
-                border-radius: 2px;
-                border: 1px solid #6daef2;
-                font-size: 12px!important;
-                color: #6DAEF2;
-                cursor: pointer;
-
-                overflow: hidden;
-                word-break: keep-all;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                i {
-                    margin-right: 5px;
-                    font-size: 12px!important;
-                }
-            }
-        }
-    </style>

package/src/components/list/evTable/EvTableMixin.js

@@ -1,26 +0,0 @@
-export default {
-    data () {
-        return {};
-    },
-    props: {
-        rowClick: Function,
-        // 行双击回调
-        rowDblclick: Function,
-        // 表头单元格单击回调
-        titleClick: Function,
-        // 表头单元格双击回调
-        titleDblclick: Function,
-        // 单元格编辑完成回调
-        cellEditDone: Function,
-        // 某一项 checkbox 触发
-        selectChange: Function,
-        // 全选时触发
-        selectAll: Function
-
-    },
-    methods: {
-        sortChange (params) {
-            this.$emit("sort-change", params);
-        }
-    }
-};

package/src/styles/components/list/evTable.less

@@ -1,79 +0,0 @@
-@import "./evtable/index.less";
-
-.v-page-pager{
-    @import "./ivu_reset.less";
-    .v-page-center{
-        // position: relative;
-        cursor: pointer;
-    }
-    .v-page-goto-click{
-        display: inline-block;
-        background: #3DB8C5;
-        width: 20px;
-        height: 24px;
-        i{
-            color: @white;
-        }
-    }
-    .v-page-goto-input {
-        background: @white;
-    }
-    .v-page-li {
-        background: @white;
-    }
-    // 5 * 32 + 10 10是padding-top和padding-bottom, 下边同理
-    .select-5{
-        max-height: 170px
-    }
-    .select-10{
-        max-height: 330px
-    }
-    .select-15{
-        max-height: 490px
-    }
-    .select-20{
-        max-height: 650px
-    }
-    .select-30{
-        max-height: 970px
-    }
-    .ivu-select{
-        // position: relative;
-        border-radius:0 2px 2px 0;
-        .ivu-select-selection{
-            .ivu-select-selected-value{
-                display: none;
-            }
-        }
-        .ivu-select-dropdown{
-            min-width: 80px!important;
-            margin-left: -52px;
-        }
-    }
-
-}
-
-.v-page-sizer{
-    @import "./ivu_reset.less";
-    color: #878787;
-    position: relative;
-    .ivu-select{
-        width: 80px;
-        border-radius:2px;
-        .ivu-select-selection{
-            .ivu-select-selected-value{
-                height: 22px;
-                line-height: 22px;
-                font-size: @smallSize;
-            }
-        }
-    }
-    .line{
-        width: 1px;
-        height: 22px;
-        background: #6DAEF2;
-        position: absolute;
-        right: 20px;
-        top: 0px;
-    }
-}

package/src/styles/components/list/evtable/animation.less

@@ -1,141 +0,0 @@
-/*
-   Animation example, for spinners
-*/
-.animate-loading-05 {
-  -moz-animation: spin 0.5s infinite linear;
-  -o-animation: spin 0.5s infinite linear;
-  -webkit-animation: spin 0.5s infinite linear;
-  animation: spin 0.5s infinite linear;
-  display: inline-block;
-}
-.animate-loading-08 {
-  -moz-animation: spin 0.8s infinite linear;
-  -o-animation: spin 0.8s infinite linear;
-  -webkit-animation: spin 0.8s infinite linear;
-  animation: spin 0.8s infinite linear;
-  display: inline-block;
-}
-.animate-loading-11 {
-  -moz-animation: spin 1.1s infinite linear;
-  -o-animation: spin 1.1s infinite linear;
-  -webkit-animation: spin 1.1s infinite linear;
-  animation: spin 1.1s infinite linear;
-  display: inline-block;
-}
-.animate-loading-14 {
-  -moz-animation: spin 1.4s infinite linear;
-  -o-animation: spin 1.4s infinite linear;
-  -webkit-animation: spin 1.4s infinite linear;
-  animation: spin 1.4s infinite linear;
-  display: inline-block;
-}
-.animate-loading-17 {
-  -moz-animation: spin 1.7s infinite linear;
-  -o-animation: spin 1.7s infinite linear;
-  -webkit-animation: spin 1.7s infinite linear;
-  animation: spin 1.7s infinite linear;
-  display: inline-block;
-}
-.animate-loading-20 {
-  -moz-animation: spin 2s infinite linear;
-  -o-animation: spin 2s infinite linear;
-  -webkit-animation: spin 2s infinite linear;
-  animation: spin 2s infinite linear;
-  display: inline-block;
-}
-.animate-loading-23 {
-  -moz-animation: spin 2.3s infinite linear;
-  -o-animation: spin 2.3s infinite linear;
-  -webkit-animation: spin 2.3s infinite linear;
-  animation: spin 2.3s infinite linear;
-  display: inline-block;
-}
-.animate-loading-26 {
-  -moz-animation: spin 2.6s infinite linear;
-  -o-animation: spin 2.6s infinite linear;
-  -webkit-animation: spin 2.6s infinite linear;
-  animation: spin 2.6s infinite linear;
-  display: inline-block;
-}
-.animate-loading-29 {
-  -moz-animation: spin 2.9s infinite linear;
-  -o-animation: spin 2.9s infinite linear;
-  -webkit-animation: spin 2.9s infinite linear;
-  animation: spin 2.9s infinite linear;
-  display: inline-block;
-}
-@-moz-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-webkit-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-o-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-ms-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}