bri-components 1.0.0

package/src/styles/components/list/evtable/v-table.less

@@ -0,0 +1,334 @@
+@charset "UTF-8";
+
+.v-table-views *,
+.v-table-views *:before,
+.v-table-views *:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.v-table-views {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+
+    position: relative;
+    overflow: hidden;
+    // border: 1px solid rgba(221, 221, 221, 1);
+    padding: 0;
+    background-color: rgb(255, 255, 255);
+}
+
+.v-table-footer {
+    border-top: 1px solid rgba(221, 221, 221, 1);
+}
+
+.v-table-leftview,
+.v-table-rightview {
+    position: absolute;
+    overflow: hidden;
+    top: 0px;
+}
+
+.v-table-centerview {
+    position: static;
+    overflow: auto;
+}
+
+.v-table-leftview {
+    left: 0px;
+    box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.1);
+    z-index: 2;
+}
+
+.v-table-rightview {
+    right: 0px;
+    z-index: 2;
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
+}
+
+.v-table-header {
+    overflow: hidden;
+    position: fixed;
+    z-index: 1;
+
+    &-notFixed {
+        position: absolute;
+    }
+
+}
+
+.v-table-header {
+    background-position: initial;
+    background-size: initial;
+    background-attachment: initial;
+    background-origin: initial;
+    background-clip: initial;
+    background-color: initial;
+    background-repeat-x: repeat;
+    background-repeat-y: no-repeat;
+}
+
+.v-table-header,
+.v-table-toolbar,
+.v-table-pager,
+.v-table-footer-inner {
+    border-color: rgba(221, 221, 221, 1);
+}
+
+.v-table-header-inner {
+    float: left;
+    width: 10000px;
+}
+
+.v-table-htable,
+.v-table-btable,
+.v-table-ftable {
+    border-collapse: separate;
+}
+
+/*.v-table-btable tr:nth-child(even) {
+    background:#f4f4f4;
+}*/
+
+.v-table-header td,
+.v-table-body td,
+.v-table-footer td {
+    margin: 0;
+    padding: 0;
+}
+
+.v-table-body-cell {
+    padding: 0 3px;
+    margin: 0;
+    border-width: 0;
+    border-style: solid;
+    border-color: #E5E5E5;
+
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.v-table-body {
+    margin: 0;
+    padding: 0;
+    zoom: 1;
+    overflow-x: hidden;
+    overflow-y: hidden;
+    /* position: relative;
+    z-index: 1;  */
+}
+.v-table-row {
+    background-color: #ffffff;
+    &:hover {
+        background-color: rgba(61, 132, 238, 0.05);
+    }
+}
+
+.v-table-centerview .v-table-body,
+.v-table-centerview .v-table-footer {
+    overflow-x: auto;
+    overflow-y: auto;
+}
+
+
+.v-table-leftview .v-table-body {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important;
+}
+
+.v-table-rightview .v-table-body {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important;
+}
+
+.v-table-leftview .v-table-body-inner {
+    /* padding-bottom: 20px;*/
+}
+
+.v-table-rightview .v-table-body-inner {
+    /* padding-bottom: 20px;*/
+}
+
+.v-table-body-inner-pb {
+    padding-bottom: 20px;
+}
+
+.v-table-centerview {
+    right: 0px;
+}
+
+.v-table-title-cell {
+    margin: 0;
+    border-width: 0;
+    border-style: solid;
+    border-color: #E5E5E5;
+}
+
+.v-table-title-cell:before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+    /* border: 1px solid red;*/
+    /* so we can see what's going on */
+}
+
+.table-title {
+    display: inline-block;
+    padding: 0 3px;
+    vertical-align: middle;
+    word-break: break-all;
+    overflow: hidden;
+    line-height: 1.2em;
+}
+
+.v-table-sort-icon {
+    position: absolute;
+    top: 2px;
+    right: -10px;
+    display: inline-block;
+    vertical-align: middle;
+    /*font-size:16px;*/
+    width: 16px;
+    height: 19px;
+    margin-left: -5px;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.v-table-sort-icon i {
+
+    position: absolute;
+    display: block;
+    width: 16px;
+    height: 15px;
+    /*line-height: 12px;*/
+    overflow: hidden;
+    color: #a6a6a6;
+    transition: color .2s ease-in-out;
+}
+
+.v-table-sort-icon i:first-child {
+    top: -5px;
+}
+
+.v-table-sort-icon i:last-child {
+    bottom: 1px;
+}
+
+.v-table-header .cursorPointer {
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -ms-user-select: none;
+}
+
+.vertical-border {
+    border-right-width: 1px !important;
+}
+
+.horizontal-border {
+    border-bottom-width: 1px !important;
+}
+
+.v-table-rightview-special-border td:last-child .v-table-body-cell {
+    border-right-width: 0 !important;
+}
+
+
+.v-table-rightview .vertical-border {
+    border-right-width: 0px !important;
+}
+
+.v-table-leftview .vertical-border {
+    border-left-width: 0px !important;
+}
+
+.v-table-dropdown {
+    margin-left: -3px !important;
+}
+
+.v-table-filter-icon {
+    font-size: 14px;
+    cursor: pointer;
+}
+
+/*没数据时的样式 start*/
+.v-table-empty {}
+
+.v-table-empty-scroll {
+
+    position: absolute;
+    overflow-y: hidden;
+    text-align: center;
+}
+
+.v-table-empty-content {
+    position: absolute;
+    overflow-x: auto;
+    overflow-y: hidden;
+    text-align: center;
+
+    border: 1px solid #E5E5E5;
+    border-top: none;
+    border-left: none;
+    border-right: none;
+}
+
+.v-table-empty-inner {
+    overflow: hidden;
+}
+
+/*没数据时的样式 end*/
+
+/*loading start*/
+
+.v-table-loading {
+
+    position: relative;
+    display: block;
+    z-index: 99999;
+    background-color: #fff;
+    height: 100%;
+    width: 100%;
+}
+
+
+.v-table-loading-content {
+    z-index: 9999999;
+    position: absolute;
+    left: 50%;
+}
+
+/*loading end*/
+
+
+
+/*列拖动线 start*/
+.v-table-drag-line {
+
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 0;
+    border-left: 2px dashed #ddd;
+    z-index: 10;
+}
+
+
+.v-table-sort-icon .checked {
+    color: #48576a;
+}
+
+.v-table-filter-icon {
+    color: #999;
+}
+
+.v-table-filter-icon.checked {
+    color: #48576a;
+}

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

@@ -0,0 +1,49 @@
+.v-page-ul .ivu-select{
+        float: left;
+        height: 24px;
+        line-height: 20px;
+        border: 1px solid #3DB8C5;
+        .ivu-select-selection{
+            height: 22px;
+            background: #ffffff;
+            border: none;
+            &:hover{
+                border: none;
+            };
+            .ivu-select-arrow {
+                right: 3px;
+            }
+        }
+        .ivu-select-dropdown {
+            .ivu-select-item-selected, .ivu-select-item-focus{
+                background: #E8F3FD;
+                color: #878787;
+            }
+            .ivu-select-item{
+                font-size: 12px!important;
+                padding: 8px 16px;
+                &:hover{
+                    background: #E8F3FD;
+                }
+            }
+            &::-webkit-scrollbar{
+                width: 4px;
+                height:6px;
+            }
+            &::-webkit-scrollbar-thumb{
+                background: #EDEDED;
+                border-radius:10px;
+            }
+        }
+    }
+
+    .ms-modal-header-simple{
+        .ivu-modal{
+            width: 418px!important;
+            &-header{
+                border-bottom: 0px;
+                padding: 20px 30px 5px 30px;
+            }
+        }
+    }
+    

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

@@ -0,0 +1,70 @@
+.DshEditPanel {
+    width: 220px;
+    height: 240px;
+    text-align: left;
+    &-name {}
+    &-colors {
+        padding: 40px 0 0 0;
+        overflow: hidden;
+        &-item {
+            width: 46px;
+            height: 46px;
+            float: left;
+            margin-right: 20px;
+            margin-bottom: 10px;
+            border-radius: 50%;
+            border: 2px solid #DBDBDB;
+            padding: 1px;
+            cursor: pointer;
+            position: relative;
+            &-content {
+                width: 40px;
+                height: 40px;
+                border-radius: 50%;
+            }
+            &-icon {
+                position: absolute;
+                top: -6px;
+                right: -4px;
+                color: @tabTextActiveColor;
+            }
+        }
+    }
+    &-icons {
+        padding: 40px 0px 0px 0;
+        &-item {
+            float: left;
+            width: 55px;
+            height: 55px;
+            margin-right: 20px;
+            margin-bottom: 10px;
+            background: #FBF8F2;
+            border-radius: 8px;
+            padding: 10px;
+            cursor: pointer;
+            &-content {
+                width: 100%;
+                height: 100%;
+                background-repeat: no-repeat;
+                background-size: contain;
+                text-align: center;
+                line-height: 35px;
+                i {
+                    color: #ffffff;
+                    font-size: 18px;
+                }
+            }
+            &:hover {
+                color: @tabTextActiveColor;
+            }
+        }
+    }
+}
+
+.DshEditPanel {
+    &-form {
+        .ivu-form-item {
+            margin-bottom: 15px;
+        }
+    }
+}

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

@@ -0,0 +1,37 @@
+.DshMenu {
+    &-item {
+        &-badge {
+
+        }
+        
+        &-icon {
+            margin-right: 8px;
+        }
+    }
+
+    &-submenu {
+        &-title {
+            &-icon {
+
+            }
+        }
+
+        .DshMenu {}
+    }
+
+    .ivu-menu {
+        &-item {
+            padding: 10px 16px;
+        }
+        
+        &-submenu-title {
+            padding: 10px 16px;
+    
+            // 组标题行 右侧下拉图标
+            &-icon {
+                margin-right: 0px!important;
+                right: 16px;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,82 @@
+.DshMenuNav {
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+
+    &-nav {
+        width: 121px;
+        height: 100%;
+        background-color: #ffffff;
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        box-shadow: @boxShadowRight;
+        &-left {
+        }
+        &-right {
+            border-left: 1px solid @borderColor;
+        }
+
+        &-title {
+            padding: 10px 20px;
+            height: 80px;
+            line-height: 60px;
+            font-weight: 600;
+            font-size: 16px;
+        }
+
+        .list {
+            flex: 1;
+            min-height: 0px;
+            overflow: auto;
+            &-item {
+                padding: 10px 30px;
+                background-color: #ffffff;
+                line-height: 20px;
+                font-size: @smallTitleSize;
+                cursor: pointer;
+                &:hover {
+                    color: @tabTextActiveColor;
+                }
+                &-active {
+                    color: @tabTextActiveColor;
+                    background-color: @tabBgActiveColor;
+                }
+
+                &-bottom {
+                    width: 100%;
+                    border-top: 1px solid @borderColor;
+                    position: absolute;
+                    left: 0px;
+                    bottom: 0px;
+                }
+                &-beforeText {
+                    display: block;
+                    color: @textColor;
+                    padding: 15px 5px 5px 15px;
+                    margin: -10px -30px 10px -30px;
+                    font-size: 14px;
+                    background: #fff;
+                }
+                &-iconClass {
+                    color: @tabTextActiveColor;
+                    padding-right: 5px;
+                    font-size: 18px;
+                }
+            }
+        }
+    }
+
+    &-view {
+        flex: 1;
+        min-width: 0px;
+        height: 100%;
+    }
+}
+
+.DshMenuNav {
+
+}

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

@@ -0,0 +1,55 @@
+.InfoCascader {
+    height: 100%;
+
+    &-search {
+        padding: 24px 24px 0;
+        width: 100%;
+    }
+
+    &-content {
+        height: calc(100% - 142px);
+        margin: 5px 24px 24px;
+        display: flex;
+        border: 1px solid #E5E5E5;
+
+        &-left {
+            flex: 1;
+            padding: 5px 0 5px 10px;
+            overflow: auto;
+            border-right: 1px solid #E5E5E5;
+        }
+
+        &-right {
+            flex: 1;
+
+            &-title {
+                border-bottom: 1px solid #E5E5E5;
+                font-weight: 700;
+                // height: 32px;
+                // line-height: 32px;
+
+                padding: 6px 16px;
+            }
+
+            &-content {
+                height: calc(100% - 32px);
+                overflow: auto;
+                padding: 16px;
+                white-space: pre-line;
+            }
+        }
+
+        .ivu-tree-title-selected {
+            color: #3D84EE;
+            background-color: #eee;
+        }
+    }
+
+    &-footer {
+        &-btns {
+            display: flex;
+            justify-content: flex-end;
+            padding-right: 16px;
+        }
+    }
+}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,62 @@
+.ZCollapseTree {
+    &-listItem {
+            display: flex;
+            justify-content: space-between;
+            padding: 6px 12px;
+            line-height: 20px;
+            cursor: pointer;
+            &-text {
+            }
+            &-grey {
+                text-align: right;
+                color: @textColor;
+                margin-left: 10px;
+            }
+            &:hover {
+                background: @bgColor;
+            }
+            &-current {
+                font-weight: normal;
+                color: @themeColor;
+            }
+            &-disabled {
+                cursor: not-allowed;
+            }
+    }
+    &-collapseItem {
+        padding: 6px 0px;
+        flex: 1;
+    }
+}
+
+.ZCollapseTree {
+    &-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;
+        }
+   }
+}