bri-components 1.1.5 → 1.2.0

package/src/utils/table.js

@@ -14,6 +14,14 @@ const transformToColumns = function (form) {
                 align: col._align || typeData.align,
                 width: col._width || typeData.width,
                 sortBy: headerFilter ? col._sortBy || typeData.sortBy : undefined,
+                renderHeaderCell: ({ row, column }, h) => {
+                    return h("div", {
+                        class: { "bri-table-ellipsis": column.sortBy != undefined || column.filter || column.filterCustom },
+                        directives: [
+                            { name: "ellipsis" }
+                        ]
+                    }, column.title);
+                },
 
                 ...(
                     col._type

package/src/components/controls/controlShow.vue

@@ -1,44 +0,0 @@
-<template>
-    <div class="controlShow">
-        <Ctooltip
-            :content="showVal"
-            maxWidth="200"
-            :transfer="true"
-        >
-            <div
-                v-if="!$isEmptyData(showVal)"
-                class="controlShow-val"
-            >
-                {{ showVal }}
-            </div>
-
-            <div
-                v-else
-                class="controlShow-nodata"
-            >
-                {{ emptyShowVal }}
-            </div>
-        </Ctooltip>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "controlShow",
-        props: {
-            showVal: String,
-            emptyShowVal: {
-                type: String,
-                default () {
-                    return "-";
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>

package/src/components/other/YNoPermission.vue

@@ -1,45 +0,0 @@
-<template>
-    <div class="YCompanyPermision">
-        <img :src="noPermissionSrc" alt="">
-        <p>{{ title }}</p>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "YCompanyPermision",
-        props: {
-            title: String
-        },
-        data () {
-            return {
-                noPermissionSrc: this.$imageSrcMap.app.nodata
-            };
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .YCompanyPermision {
-        width: 100%;
-        height: 100%;
-        padding: 20px;
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        font-size: 16px;
-        p {
-            margin: 10px 0;
-        }
-    }
-</style>
-<style lang="less">
-    .YCompanyPermision {
-
-    }
-</style>

package/src/components/small/BriTree.vue

@@ -1,42 +0,0 @@
-<template>
-    <Tree
-        class="BriTree"
-        :data="val"
-        :multiple="propsObj.multiple"
-        :showCheckbox="propsObj.showCheckbox"
-        :checkStrictly="propsObj.checkStrictly"
-        :checkDirectly="propsObj.checkDirectly"
-        :emptyText="propsObj.emptyText"
-        :childrenKey="propsObj.childrenKey"
-        :loadData="propsObj.loadData"
-        :render="propsObj.render"
-        :selectNode="propsObj.selectNode"
-        :expandNode="propsObj.expandNode"
-    ></Tree>
-</template>
-
-<script>
-    import controlMixin from "../controls/controlMixin.js";
-    export default {
-        name: "BriTree",
-        mixins: [controlMixin],
-        props: {
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj
-                };
-            },
-            val () {
-                return this.value[this.propsObj._key];
-            }
-        },
-        created () {},
-        methods: {
-        }
-    };
-</script>

package/src/styles/components/controls/BriUpload.less

@@ -1,436 +0,0 @@
-.BriUpload {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-    border: 1px solid @borderColor;
-    border-radius: @borderRadius;
-    background-color: @white;
-
-    // 外围
-    &-old {
-        overflow: hidden;
-        display: flex;
-
-        &-wrapper {
-            min-width: 120px;
-            height: 100%;
-            margin: 16px 0px 16px 16px;
-            border-radius: 0px;
-            border: none;
-            &:hover {
-                border: none
-            }
-        }
-
-        &-imageadd {
-            .dsh-flex-col-center-center();
-            width: 120px;
-            height: 120px;
-            position: relative;
-            border: 1px @borderColor dashed;
-            color: @themeColor;
-            border-radius: @borderRadius;
-            cursor: pointer;
-            &:hover {
-                border-color: @themeColor;
-                background-color: @theme-focus;
-            }
-        }
-
-        &-circle {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 50px !important;
-            height: 50px !important;
-            margin-top: -25px;
-            margin-left: -25px;
-            border-radius: 50%;
-            background-color: @inputBg-readonly;
-
-            i {
-                color: @scuess-color;
-                font-size: 40px;
-            }
-        }
-    }
-
-    &-new,
-    &-inline {
-        display: flex;
-
-        &-wrapper {
-            min-width: 30px;
-            background-color: @border-readonly;
-            height: 30px;
-            line-height: 30px;
-            border: none;
-            border-radius: 0px !important;
-            &:hover {
-                border: none
-            }
-        }
-
-        &-imageadd {
-            .dsh-flex-row-center-center();
-            height: 30px;
-            background-color: @btn-hover;
-            color: @textColor;
-            border: none;
-            border-radius: 0px;
-            &:hover {
-                color: @themeColor;
-                background-color: @theme-focus;
-            }
-        }
-
-        &-circle {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 24px !important;
-            height: 24px !important;
-            margin-top: -12px;
-            margin-left: -12px;
-            background-color: #f4f5fa;
-            border-radius: 50%;
-            i {
-                color: @scuess-color;
-                font-size: 24px;
-            }
-        }
-    }
-
-    // 列表样式
-    .uploadList {
-        width: 100%;
-        overflow: auto;
-
-        // 普通文件
-        &-old {
-            margin: 16px;
-        }
-
-        &-nodata {
-            width: 100%;
-            height: 100%;
-            text-align: center;
-            line-height: 120px;
-            color: @placeholderColor;
-            white-space: nowrap;
-
-            span {
-                margin-left: 5px;
-            }
-        }
-
-        &-list {
-            display: flex;
-            flex-wrap: nowrap;
-        }
-
-        &-listItem {
-            flex: 0 0 120px;
-            height: 120px;
-            margin-right: 10px;
-            background: #f4f5fa;
-            text-align: center;
-            overflow: hidden;
-            display: inline-flex;
-            flex-direction: column;
-            justify-content: space-between;
-            position: relative;
-            border-radius: @borderRadius;
-            &:hover {
-                .uploadList-listItem-action {
-                    display: flex !important;
-                }
-            }
-
-            &-show {
-                display: flex;
-                overflow: hidden;
-                align-items: center;
-                justify-content: center;
-                flex: 2;
-                min-height: 50px;
-
-                img {
-                    max-width: 100%;
-                    max-height: 100%;
-                }
-            }
-
-            &-name {
-                flex: 1;
-                display: flex;
-                max-height: 32px;
-
-                &-title {
-                    padding: 0 8px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    color: @themeColor;
-                }
-            }
-
-            &-action {
-                display: none !important;
-                position: absolute;
-                right: 0px;
-                top: 0px;
-                left: 0px;
-                bottom: 0px;
-                background-color: @placeholderColor;
-                align-items: center;
-                justify-content: center;
-
-                &-icon {
-                    width: 22px;
-                    height: 22px;
-                    line-height: 22px;
-                    color: #fff;
-                    margin-left: 2px;
-                }
-            }
-        }
-
-        // 内部表格inline模式
-        &-inline {
-            height: 30px;
-            line-height: 30px;
-            &-list {
-                width: 100%;
-                height: 100%;
-                display: flex;
-                flex-wrap: nowrap;
-                overflow-x: auto;
-                overflow-y: hidden;
-                padding-left: 3px;
-            }
-
-            &-listItem {
-                flex: 0 0 48px;
-                background: #f4f5fa;
-                margin-right: 3px;
-                position: relative;
-                border-radius: @borderRadius;
-                img {
-                    max-width: 100%;
-                    max-height: 100%;
-                    margin: auto;
-                }
-
-                &-action {
-                    display: none !important;
-                    position: absolute;
-                    left: 0;
-                    right: 0;
-                    top: 0;
-                    bottom: 0;
-                    background-color: @placeholderColor;
-                    color: #fff;
-                    align-items: center;
-                    justify-content: center;
-                    i {
-                        margin: 0px;
-                    }
-                }
-
-                &:hover {
-                    .uploadList-inline-listItem-action {
-                        display: flex !important;
-                        animation: toTop 0.1s;
-                    }
-                }
-
-                @keyframes toTop {
-                    from {
-                        top: 100%;
-                    }
-
-                    to {
-                        top: 0;
-                    }
-                }
-            }
-
-            &-nodata {
-                padding-left: 7px;
-                color: @placeholderColor;
-            }
-        }
-    }
-}
-
-// dropdownItem
-.uploadList-new-listItem {
-    width: 150px;
-    height: 37px;
-    display: inline-flex;
-    justify-content: space-between;
-
-    &-show {
-        flex: 0 0 34px;
-        margin-right: 10px;
-        background: #e9edf1;
-        border-radius: 0px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-
-        img {
-            max-width: 100%;
-            max-height: 100%;
-        }
-    }
-
-    &-right {
-        height: 100%;
-        flex: 1;
-        overflow: hidden;
-        text-align: right;
-    }
-
-    &-name {
-        &-title {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            color: @themeColor;
-            line-height: 14px;
-        }
-    }
-
-    &-action {
-        display: block !important;
-
-        &-icon {
-            color: #9a9a9a;
-        }
-    }
-}
-
-.BriUploadImage {
-    position: relative;
-
-    &-set {
-        width: 100%;
-
-        &-img {
-            width: 100px;
-            height: 100px;
-            float: left;
-            background-repeat: no-repeat;
-            background-position: center;
-            background-size: contain;
-            background-color: #fff;
-            border: 1px solid @borderColor;
-            border-radius: 0px;
-            position: relative;
-            overflow: hidden;
-
-            &-action {
-                color: @themeColor;
-                cursor: pointer;
-            }
-
-            &-circle {
-                position: absolute;
-                top: 0px;
-                bottom: 0px;
-                left: 0px;
-                right: 0px;
-                background-color: #f4f5fa;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                .circle {
-                    width: 50px !important;
-                    height: 50px !important;
-                }
-
-                i {
-                    color: #5cb85c;
-                    font-size: 40px;
-                }
-            }
-        }
-
-        &-avatar {
-            background-size: cover;
-        }
-
-        .wrap {
-            width: 100px;
-            height: 32px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            line-height: 18px;
-            text-align: center;
-            vertical-align: middle;
-            cursor: pointer;
-
-            button {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-            }
-
-            .file {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                margin: 0;
-                border: solid transparent;
-                opacity: 0;
-                filter: alpha(opacity=0);
-                cursor: pointer;
-            }
-        }
-    }
-}
-
-.BriUpload-readonly {
-    border: none;
-    border-radius: 0px;
-    background-color: transparent;
-    .ZUploa-old-wrapper {
-        margin: 0px;
-    }
-    .uploadList-old {
-        margin: 0px;
-       
-    }
-    .uploadList-listItem {
-        flex: 0 0 80px;
-        height: 80px;  
-    }
-    .uploadList-inline {
-        height: 48px;
-        line-height: 48px;
-        &-listItem {
-            flex: 0 0 48px
-        }
-    }
-}
-
-.BriUpload-disabled {
-    .control-disabled();
-    .ZUploa-old-wrapper {
-        margin: 0px;
-    }
-    .uploadList-old {
-        margin: 0px;
-       
-    }
-    .uploadList-listItem {
-        flex: 0 0 80px;
-        height: 80px;  
-    }
-}

package/src/styles/components/controls/DshCascader.less

@@ -1,95 +0,0 @@
-.DshCascader {
-    width: 100%;
-
-    #input-content () {
-        .hasdata {
-            width: 100%;
-            height: 100%;
-            padding: 2px 8px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .bri-scrollbar3();
-            overflow-y: hidden;
-
-            .DshTags {
-                display: flex;
-                white-space: nowrap;
-            }
-        }
-
-        &-nodata {
-            display: inline-block;
-            padding: 2px 8px;
-            color: @placeholderColor;
-        }
-    }
-
-    &-multiple {
-        width: 100%;
-
-        &-input {
-            #input-content();
-        }
-    }
-
-    &-custom {
-        &-input {
-            #input-content();            
-                
-            .hasdata {
-                &-text {
-                    .dsh-ellipsis();
-                }
-                
-                &-clear {
-                    margin-left: 5px;
-                }
-            }
-        }
-    }
-    
-    &-single {
-        width: 100%;
-    }
-    
-    &-show {
-        #input-content();
-
-        .hasdata {
-            &-multiple {}
-            
-            &-single {
-                .dsh-ellipsis();
-            }
-        }
-    }
-
-    &-multiplerow {
-        height: 70px;
-
-        .hasdata {
-            overflow-y: auto;
-
-            .DshTags {
-                flex-wrap: wrap;
-            }
-        }
-    }
-}
-
-.ivu-cascader {
-    &-label {
-        padding-right: 24px;
-    }
-
-    &-transfer {
-        max-height: 400px !important;
-
-        .ivu-cascader-menu {
-            max-height: 400px;
-            height: auto;
-            max-width: 300px;
-        }
-    }
-}