bri-components 1.1.6 → 1.2.0

package/src/styles/components/controls/base/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/base/DshCascader.less

@@ -1,110 +0,0 @@
-.DshCascader {
-    width: 100%;
-
-    #nodata () {
-        display: inline-block;
-        padding: 0px 8px;
-        color: @placeholderColor;
-    }
-
-    // 多选
-    &-multiple {
-        width: 100%;
-
-        &-input {
-            .hasdata {
-                width: 100%;
-                height: 100%;
-                
-                &-multiple {
-                    width: 100%;
-                    height: 100%;
-                    padding: 0px 8px;
-                    .bri-scrollbar3();
-                    overflow-y: hidden;
-                }
-            }
-
-            .nodata {
-                #nodata();
-            }
-        }
-    }
-
-    // 单选 -新模式
-    &-custom {
-        &-input {
-            .hasdata {
-                width: 100%;
-                height: 100%;
-                padding: 0px 8px;
-
-                &-text {
-                    .dsh-ellipsis();
-                }
-                
-                &-clear {
-                    margin-left: 5px;
-                }
-            }
-
-            .nodata {
-                #nodata();
-            }
-        }
-    }
-    
-    // 单选 -默认模式
-    &-single {
-        width: 100%;
-    }
-    
-    // 查看
-    &-show {
-        .hasdata {
-            width: 100%;
-            height: 100%;
-            
-            &-multiple {
-                width: 100%;
-                height: 100%;
-                padding: 0px 8px;
-                .bri-scrollbar3();
-                overflow-y: hidden;
-            }
-        }
-
-        .nodata {
-            #nodata();
-        }
-    }
-
-    &-multiplerow {
-        height: 70px;
-
-        .hasdata {
-            &-multiple {
-                padding: 4px 8px;
-                overflow-y: auto;
-                display: flex;
-                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;
-        }
-    }
-}

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

@@ -1,12 +0,0 @@
-.controlShow {
-    &-val {
-        .dsh-ellipsis();
-        height: 100%;
-    }
-    
-    &-nodata {
-        .dsh-ellipsis();
-        color: rgba(0, 0, 0, 0.4);
-        font-weight: 400;
-    }
-}

package/src/styles/components/other/ZCode.less

@@ -1 +0,0 @@
-