bri-components 1.4.42 → 1.4.44

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

@@ -1,92 +0,0 @@
-.DshPage {
-    width: 100%;
-    height: 24px;
-    line-height: 24px;
-    text-align: right;
-    font-size: 14px;
-
-    .ivu-page-total {
-        float: left;
-    }
-    .ivu-select-selection {
-        border: 0px!important;
-    }
-    .ivu-page-item-active {
-        a,
-        &:hover a {
-            color: @themeColor!important;
-        }
-    }
-    .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
-    .ivu-select-single .ivu-select-selection,
-    .ivu-page-simple-pager input,
-    .ivu-page-options-elevator input,
-    .ivu-page-item-jump-next,
-    .ivu-page-item-jump-prev,
-    .ivu-page-next,
-    .ivu-page-prev,
-    .ivu-page-total,
-    .ivu-page-item {
-        height: 24px!important;
-        line-height: 24px!important;
-        background: transparent;
-        display: inline-block;
-        vertical-align: middle;
-    }
-    .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
-        height: 24px!important;
-        line-height: 24px!important;
-    }
-    .ivu-page-next,
-    .ivu-page-prev {
-        background: @white;
-        min-width: 26px;
-        border: 1px solid #d9d9d9;
-        a {
-            color: #000;
-            font-weight: bold;
-        }
-    }
-    .ivu-page-item {
-        min-width: 24px;
-        &:hover {
-            color: @themeColor;
-        }
-    }
-    .ivu-page-options {
-        margin-left: 4px;
-    }
-    .ivu-select-visible .ivu-select-selection{
-        box-shadow: unset;
-    }
-    .ivu-select-item-selected,
-    .ivu-select-item-selected:hover {
-        color: @themeColor;
-    }
-    .ivu-icon {
-        vertical-align: baseline;
-    }
-
-    &-small,
-    &-simple.ivu-page-simple{
-        a {
-            &:hover {
-                color: @themeColor !important;
-            }
-        }
-        .ivu-page-next,
-        .ivu-page-prev {
-           background: transparent;
-           border-color: transparent;
-            &:hover {
-                border-color: transparent;
-            }
-       }
-    }
-
-    &-small {
-        .ivu-icon {
-           vertical-align: -.125em;
-       }
-    }
-}

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

@@ -1,64 +0,0 @@
-.BriAvatar {
-    position: relative;
-
-    span {
-        display: inline-block;
-        margin-left: 20px;
-        line-height: 22px;
-    }
-
-    &-img {
-        width: 22px;
-        height: 22px;
-        padding: 1px;
-        display: inline-block;
-        line-height: 20px;
-        background: #fff;
-        border-radius: 50%;
-        img {
-            width: 20px;
-            height: 20px;
-            display: inline-block;
-            border-radius: 50%;
-        }
-        &:nth-child(1) {
-            position: absolute;
-            left: 0px;
-            top: 50%;
-            margin-top: -10px;
-        }
-        &:nth-child(2) {
-            position: absolute;
-            left: 12px;
-            top: 50%;
-            margin-top: -10px;
-        }
-        &:nth-child(3) {
-            position: absolute;
-            left: 24px;
-            top: 50%;
-            margin-top: -10px;
-        }
-        &:nth-child(4) {
-            position: absolute;
-            left: 36px;
-            top: 50%;
-            margin-top: -10px;
-        }
-    }
-
-    &-round {
-        display: inline-block;
-        margin-right: 8px;
-    }
-    
-    &-box {
-        position: relative;
-        img {
-            width: 20px;
-            height: 20px;
-            display: inline-block;
-            border-radius: 50%;
-        }
-    }
-}

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

@@ -1,5 +0,0 @@
-
-.BriCode {
-    width: 100%;
-    height: 100%;
-}

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

@@ -1,91 +0,0 @@
-.BriCollapseTree {
-    &-listItem {
-        display: flex;
-        justify-content: space-between;
-        padding: 6px 12px;
-        line-height: 20px;
-        cursor: pointer;
-
-        &-text {
-            word-break: break-word;
-            flex: 1;
-            min-width: 120px;
-        }
-
-        &-grey {
-            text-align: right;
-            color: @textColor;
-            margin-left: 0px;
-        }
-
-        &-rightText {
-            min-width: 50px;
-            .dsh-ellipsis2();
-            -webkit-line-clamp: 3;
-            word-break: break-word;
-            color: @contentColor;
-        }
-
-        &:hover {
-            background: @bgColor;
-        }
-
-        &-current {
-            font-weight: normal;
-            color: @themeColor;
-        }
-
-        &-disabled {
-            cursor: not-allowed;
-        }
-    }
-
-    &-collapseItem {
-        padding: 4px 0px;
-        flex: 1;
-        display: flex;
-        justify-content: space-between;
-        cursor: pointer;
-
-        &:hover {
-            background: @bgColor;
-        }
-    }
-}
-
-.BriCollapseTree {
-    &-collapse {
-        border: none;
-
-        .ivu-collapse-item>.ivu-collapse-header {
-            padding: 0px;
-            height: auto;
-            min-height: 32px;
-            line-height: 18px;
-            display: flex;
-            align-items: center;
-
-            i {
-                margin-right: 0px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                width: 30px;
-                height: 30px;
-            }
-
-            &:hover {
-                background: @bgColor;
-            }
-        }
-
-        .ivu-collapse-content {
-            padding: 0px;
-        }
-
-        .ivu-collapse-content>.ivu-collapse-content-box {
-            padding: 0px;
-            padding-left: 18px;
-        }
-    }
-}

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

@@ -1,313 +0,0 @@
-.briGantt {
-    width: 100%;
-    height: 100%;
-    color: #656565;
-    font-size: @smallSize;
-    line-height: 28px;
-    position: relative;
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-
-    &-top {
-        display: flex;
-        height: 100%;
-        width: 100%;
-        justify-content: space-between;
-        position: absolute;
-    }
-
-    &-bottom {
-        width: 100%;
-        overflow: auto;
-        display: flex;
-        flex-direction: column;
-        margin-top: 38px;
-        background: @white;
-
-        &-title {
-            text-align: center;
-            border: 1px solid #EDEDED;
-            border-bottom: none;
-            line-height: 27px;
-            // margin: 10px 14px 0 14px;
-        }
-
-        &-content {
-            flex: 1;
-            display: flex;
-            overflow: auto;
-        }
-    }
-
-    // 表格渲染
-    &-tableBox {
-        width: 100%;
-        text-align: center;
-        border-collapse: collapse;
-        border-spacing: 0;
-
-        td,
-        th {
-            word-break: break-all;
-            word-wrap: break-word;
-            min-width: 50px;
-            height: 29px;
-            text-align: center;
-            // overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            max-width: 200px;
-        }
-
-        .briGantt-chart-td {
-            height: 40px;
-        }
-
-        .briGantt-table-th-now {
-            color: @themeColor;
-        }
-    }
-
-    &-table {
-        &-tr {
-            border: 1px solid #EDEDED;
-        }
-
-        &-tr:nth-child(2n) {
-            background: rgba(244, 246, 249, 0.5119);
-        }
-
-        &-th {
-            background: #F4F8FF;
-            font-weight: 400;
-            color: rgba(101, 101, 101, 1);
-        }
-
-        &-td {
-            border-right: 1px solid #EDEDED;
-            font-weight: 400;
-            color: rgba(111, 111, 111, 1);
-
-            &-main {
-                height: 28px;
-                background: rgba(238, 238, 238, 0.5);
-                border: 1px solid #f6f6f6;
-            }
-        }
-
-        &-td:last-of-type {
-            border: none;
-        }
-    }
-
-    &-chart {
-        &-td {
-            overflow: visible;
-
-            &-greyLine {
-                border-top: 1px dashed #D5D5D5;
-            }
-
-            &-main {
-                display: flex;
-                width: 100%;
-                height: 100%;
-                align-items: center;
-                justify-content: center;
-
-                &-left,
-                &-right {
-                    height: 100%;
-                    overflow: hidden;
-                }
-
-                &-right-auto {
-                    height: 100%;
-                    overflow: hidden;
-                    flex: 1;
-                }
-
-                &-center {
-                    height: 30px;
-                    border-radius: 4px;
-                    background: #f6f6f6;
-                    z-index: 1;
-                    min-width: 2px;
-
-                    .ms-ellipsis {
-                        border-radius: 4px;
-                        height: 100%;
-                        color: @white;
-                        text-align: left;
-                        padding-left: 10px;
-                        white-space: nowrap;
-                        text-overflow: ellipsis;
-                        overflow: hidden;
-                    }
-
-                    &-tooltip {
-                        white-space: normal;
-
-                        &-select {
-                            height: 5px;
-                            display: inline-block;
-                            vertical-align: middle;
-                            width: 5px;
-                            border-radius: 50%;
-                        }
-                    }
-                }
-
-                &-line {
-                    width: 100%;
-                    border-bottom: 1px solid #D5D5D5;
-                    font-weight: 400;
-                    color: rgba(74, 74, 74, 1);
-                    padding: 0 10px;
-                    transform: translateY(15px);
-                    text-align: left;
-                    height: 29px;
-                    font-size: @smallSize;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-
-                    &-circle {
-                        display: block;
-                        width: 10px;
-                        height: 100%;
-                        min-width: 10px;
-
-                        .circle {
-                            display: block;
-                            width: 10px;
-                            height: 10px;
-                            border-radius: 50%;
-                            min-width: 10px;
-                            margin-top: 38px;
-                            background: #D5D5D5;
-                        }
-                    }
-                }
-
-                ;
-            }
-        }
-    }
-
-    // 蓝色虚线
-    &-line-now {
-        z-index: 9;
-        text-align: center;
-        background: transparent;
-
-        &::before {
-            content: "";
-            border-left: 1px dashed @themeColor;
-            position: absolute;
-            top: 25px;
-            bottom: 0px;
-            z-index: 9;
-        }
-
-        &::after {
-            content: "";
-            width: 6px;
-            height: 6px;
-            border-radius: 6px;
-            background: @themeColor;
-            position: absolute;
-            top: 25px;
-            margin-left: -3px;
-        }
-    }
-
-    // 时间轴
-    &-timer {
-        align-items: center;
-        position: relative;
-        float: right;
-        overflow: hidden;
-
-        &-main {
-            overflow: auto;
-            flex: 1;
-            height: 100%;
-            position: relative;
-        }
-
-        &-bg {
-            position: absolute;
-            background: #F4F8FF;
-            left: 0px;
-            right: 0px;
-            height: 28px;
-            border-radius: 28px;
-        }
-
-        &-icon {
-            background: #F4F8FF;
-            color: #fff;
-            width: 28px;
-            height: 28px;
-            min-width: 28px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            position: absolute;
-            z-index: 2;
-            top: 0px;
-            background: #F2F8FF;
-
-            &:hover {
-                color: #fff;
-            }
-
-            i {
-                display: block;
-                width: 16px;
-                height: 16px;
-                border-radius: 16px;
-                font-size: 13px;
-                background: @themeColor;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-
-            &-left {
-                left: -1px;
-                border-top-left-radius: 28px;
-                border-bottom-left-radius: 28px;
-            }
-
-            &-right {
-                right: -1px;
-                border-top-right-radius: 28px;
-                border-bottom-right-radius: 28px;
-            }
-        }
-    }
-
-    // 区域映射
-    &-data {
-        flex: 1;
-        overflow: auto;
-        position: relative;
-
-        &-table {}
-
-        &-chart {}
-
-        &::-webkit-scrollbar {
-            height: 0px;
-        }
-    }
-
-    // table 列表映射
-    &-tabledata {
-        overflow-y: auto;
-        border-right: none;
-    }
-}

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

@@ -1,17 +0,0 @@
-.BriIframe {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    &-iframe {
-        flex: 1;
-        overflow: auto;
-    }
-    
-    &-nodata {
-        width: 100%;
-        height: 100%;
-        .dsh-flex-row-center-center();
-    }
-}

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

@@ -1,57 +0,0 @@
-.BriLoading {
-    &-fix {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 8;
-        width: 100%;
-        height: 100%;
-
-        .BriLoading-main {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
-    }
-
-    &-center {
-        width: 100%;
-        height: 100%;
-
-        @keyframes spin {
-            from {
-                transform: rotate(0deg);
-            }
-
-            to {
-                transform: rotate(360deg);
-            }
-        }
-
-        .BriLoading-main {
-            width: 100%;
-            height: 100%;
-            .dsh-flex-col();
-
-            &-loading {
-                border-radius: 50%;
-                background: conic-gradient(@themeColor 50%, white);
-                --mask: radial-gradient(closest-side, transparent 70%, black 71%);
-                -webkit-mask-image: var(--mask);
-                mask-image: var(--mask);
-                animation: spin 1s linear infinite;
-            }
-
-            &-loadingText {
-                margin-top: 8px;
-                color: @themeColor;
-            }
-
-            &-noText {
-                color: @textColor;
-                margin-top: 16px;
-            }
-        }
-    }
-}

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

@@ -1,40 +0,0 @@
-.DshColorPanel {
-    &-rel {
-        cursor: pointer;
-    }
-
-    &-list {
-        font-size: 15px;
-        display: flex;
-        width: 293px;
-        height: 72px;
-        flex-wrap: wrap;
-        justify-content: space-around;
-        align-items: center;
-
-        &-item {
-            padding: 6px;
-
-            &-big {
-                width: 15px;
-                height: 15px;
-                display: inline-block;
-                border-radius: 50%;
-            }
-
-            &-small {
-                width: 12px;
-                height: 12px;
-                position: absolute;
-                display: inline-block;
-                transform: translate(1.5px,1.5px);
-                border-radius: 50%;
-                
-                &:hover + span {
-                    border-width: 1px;
-                    border-style: solid;
-                }
-            }
-        }
-    }
-}