bri-components 1.1.2 → 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/controls/DshLabels.less

@@ -1,187 +0,0 @@
-.DshLabels {
-    width: 100%;
-    position: relative;
-
-    i {
-        font-size: 16px;
-        cursor: pointer;
-    }
-
-    &-input{
-        .ivu-input{
-            height: 30px;
-            border: 1px solid #e5e5e5;
-            border-radius: 0;
-        }
-    }
-
-    &-show {
-        display: flex;
-        align-items: center;
-        border: 1px solid #e5e5e5;
-        border-radius: 4px;
-        background: @white;
-        color: #515a6e;
-        padding-left: 5px;
-        height: 30px;
-
-        &-content {
-            display: flex;
-            width: calc(100% - 20px);
-            height: 100%;
-            white-space: nowrap;
-
-            div{
-                width: 100%;
-                height: 38px;
-                display: flex;
-                overflow-x: scroll;
-                overflow-y: hidden;
-
-                .DshLabels-show-content-item {
-                    display: flex;
-                    width: fit-content;
-                    max-width: 50%;
-                    height: 28px;
-                    margin: 0 4px 1px 0;
-                    padding-left: 8px;
-                    background: #f7f7f7;
-                    border: 1px solid #e8eaec;
-                    border-radius: 3px;
-                    font-size: 14px;
-                    cursor: pointer;
-    
-                    &-content {
-                        width: fit-content;
-                        line-height: 28px;
-                        vertical-align: middle;
-                        display: inline-block;
-                        overflow: hidden;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                    }
-    
-                    &-del {
-                        display: inline-block;
-                        width: 20px;
-                        vertical-align: middle;
-                    }
-                }
-            }
-        }
-
-        &-add {
-            .dsh-flex ();
-            position: absolute;
-            right: 5px;
-            width: 24px;
-            height: 28px;
-            background: #fff;
-
-        }
-    }
-    
-    &-showReadOnly{
-        cursor: not-allowed;
-
-        .DshLabels-show-content{
-            width: 100%;
-        }
-    }
-
-    &-view{
-        .dsh-flex-row-start-start();
-        flex-wrap: wrap;
-        height: 32px;
-        overflow-y: hidden;
-
-        &-readonly{
-            width: 100%;
-            background: @white;
-            border: 1px solid #eee;
-            border-radius: 4px;
-            height: 32px;
-            cursor: not-allowed;
-
-            .DshLabels-view-nodata{
-                display: none;
-            }
-        }
-
-        &-tag {
-            width: fit-content;
-            margin-right: 10px;
-        }
-
-        &-nodata {
-            color: @textColor;
-        }
-    }
-
-    &-searchResult {
-        position: fixed;
-        z-index: 333;
-        max-height: 150px;
-        overflow: auto;
-        padding: 5px 10px;
-        background:  @white;
-        box-sizing: border-box;
-        border-radius: 4px;
-        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
-
-        &-close{
-            position: absolute;
-            top: 5px;
-            right: 5px;
-            z-index: 670;
-        }
-
-        &-select{
-            position: relative;
-            z-index: 666;
-            margin-right: 16px;
-        }
-
-        &-list{
-            .dsh-flex-row-start-start();
-            flex-wrap: wrap;
-
-            &>li{
-                display: inline-block;
-                width: fit-content;
-                background: #f5f5f5;
-                margin: 5px 10px 5px 0;
-                cursor: pointer;
-                font-size: @textSize;
-                line-height: 28px;
-                padding: 0 5px;
-                border-radius: 3px;
-                
-                &:hover{
-                    background: #f0faff;
-                    color:@themeColor;
-                }
-
-                &.active{
-                    background: #f0faff;
-                    color:@themeColor;
-                }
-
-                &.selected{
-                    cursor: not-allowed;
-                    background: #f0faff;
-                    color:@themeColor;
-                    &:hover{
-                        background:  #f0faff;
-                        color:@themeColor;
-                    }
-                }
-            }
-        }
-
-        
-        
-    }
-
-}