bri-components 1.5.21 → 1.6.0

package/src/styles/components/BriTable.less

@@ -1,345 +1,345 @@
-// 表格颜色定制
-@tableTitleColor: @contentColor;
-@tableHover: #edf8fa;
-@tableSeatchColor: @placeholderColor;
-
-.bri-table {
-    .dsh-flex-col-between-start();
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    word-break: break-word;
-    // position: relative;
-
-    td {
-        white-space: normal !important;
-    }
-    th.ve-table-fixed-right {
-        box-shadow: -4px 0 6px -2px rgba(0, 0, 0, 0.1);
-    }
-    td.ve-table-fixed-right {
-        box-shadow: -4px 0 6px -2px rgba(0, 0, 0, 0.1);
-    }
-    th.ve-table-last-left-fixed-column {
-        box-shadow: 4px 0 7px -2px rgba(0, 0, 0, 0.1);
-    }
-    td.ve-table-last-left-fixed-column {
-        box-shadow: 4px 0 7px -2px rgba(0, 0, 0, 0.1);
-    }
-
-    &-content {
-        width: 100%;
-        max-height: 100%;
-
-        .ve-table {
-            height: 100%;
-
-            &-container {
-                height: 100% !important;
-
-                .ve-table-content-wrapper table.ve-table-content {
-                    thead.ve-table-header {
-                        tr.ve-table-header-tr th.ve-table-header-th {
-                            padding: 4px 8px;
-    
-                            .ve-table-filter .ve-table-filter-icon {
-                                position: absolute;
-                                top: 0px;
-                                left: 0px;
-
-                                &:hover {
-                                    color: @themeColor;
-                                }
-                            }
-
-                            // 过滤
-                            .ve-dropdown {
-                                position: absolute;
-                                top: 0px;
-                                bottom: 0px;
-                                margin-top: auto;
-                                margin-bottom: auto;
-                                right: 17px;
-                            }
-                            
-                            // 排序
-                            .ve-table-sort {
-                                height: 30px;
-                                position: absolute;
-                                top: 0px;
-                                bottom: 0px;
-                                margin-top: auto;
-                                margin-bottom: auto;
-                                right: 0px;
-    
-                                .icon-vet-sort-top-arrow:before {
-                                    content: "\e6347";
-                                }
-    
-                                .icon-vet-sort-bottom-arrow:before {
-                                    content: "\e6349";
-                                }
-                            }
-                        }
-                    }
-
-                    tbody.ve-table-body {
-                        tr.ve-table-body-tr, 
-                        tr.ve-table-expand-tr {
-                            height: auto;
-                            // position: relative;
-
-                            td.ve-table-body-td {
-                                height: 40px;
-                                padding: 4px 16px;
-
-                                &.bri-table-td-noborder {
-                                    .ivu-input,
-                                    textarea.ivu-input,
-                                    .ivu-select-selection {
-                                        min-height: 18px;
-                                        padding: 0px;
-                                        border: none;
-                                        background-color: transparent;
-                                        box-shadow: none;
-                                        line-height: 18px;
-                                    }
-
-                                    .ivu-input-prefix, 
-                                    .ivu-input-suffix {
-                                        width: 0px;
-                                        display: none;
-                                    }
-
-                                    .ivu-date-picker-focused input:not([disabled]) {
-                                        box-shadow: none;
-                                    }
-                                }
-                                &.bri-table-td-bg {
-                                    background-color: #fbfbfb;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-            
-            &.ve-table-border-around {
-                border-radius: @borderRadius;
-            }
-        }
-    }
-    
-    &-click {
-        td {
-            cursor: pointer;
-        }
-    }
-
-    &-onlyhead {
-        .ve-table.ve-table-border-around {
-            border-bottom: none;
-            border-bottom-left-radius: 0;
-            border-bottom-right-radius: 0;
-        }
-    }
-
-    &-empty {
-        width: 100%;
-        height: 100%;
-        min-height: 60px;
-        padding: 9px 16px;
-        border: 1px solid @borderColor;
-        border-top: none;
-        // border-bottom-left-radius: @borderRadius;
-        // border-bottom-right-radius: @borderRadius;
-        text-align: center;
-        color: @textColor;
-        .dsh-flex-row-center-center();
-    }
-
-    &-nodata {
-        height: 30px;
-        text-align: center;
-    }
-
-    &-dropdown {
-        position: absolute;
-        right: 0px;
-        bottom: 0px;
-        display: none;
-        z-index: 2;
-        text-align: left;
-
-        &-list {
-            min-width: 120px;
-            margin: 0px;
-
-            li {
-                padding-left: 15px !important;
-            }
-        }
-    }
-
-    &-th {
-        padding: 4px 8px;
-        // border-bottom: none !important;
-        background-color: #F0F0F0;
-        font-size: 14px;
-        font-weight: 500;
-        color: rgba(0, 0, 0, 0.6);
-        position: relative;
-    }
-
-    &-td {
-        height: 40px;
-        padding: 4px 16px;
-        position: relative;
-        
-        // &-expand {
-
-        // }
-        &-treeIndex {
-            padding: 4px 16px 4px 12px!important;
-        }
-        &-operation {
-            .DshButtons-dropdown-more {
-                padding: 0px;
-                margin-left: 16px;
-            }
-            
-            &-btn {
-                margin-left: 16px;
-                padding: 0px;
-                
-                &:first-of-type {
-                    margin: 0px;
-                }
-            }
-        }
-        
-        &-tip {
-            padding: 0px 0px 0px 16px;
-            // text-align: left;
-            word-break: break-all;
-            font-size: 12px;
-            line-height: 1;
-            color: #ed4014;
-            position: absolute;
-            top: calc(100% - 12px);
-            left: 0px;
-        }
-
-        &-edit {
-            padding: 4px 16px 12px 16px!important;
-        }
-
-        &-visible {
-            @keyframes slideDown {
-                from {
-                    top: -49px;
-                    opacity: 0.9;
-                }
-                
-                to {
-                    top: 0px;
-                    opacity: 1;
-                }
-            }
-
-            animation: slideDown .2s linear;
-        }
-
-        &-hide {
-            display: none!important;
-        }
-
-        &-noborder {
-            .ivu-input,
-            textarea.ivu-input,
-            .ivu-select-selection {
-                min-height: 18px;
-                padding: 0px;
-                border: none;
-                background-color: transparent;
-                box-shadow: none;
-                line-height: 18px;
-            }
-
-            .ivu-input-prefix, 
-            .ivu-input-suffix {
-                width: 0px;
-                display: none;
-            }
-            
-            .ivu-date-picker-focused input:not([disabled]) {
-                box-shadow: none;
-            }
-        }
-        &-bg {
-            background-color: #fbfbfb;
-        }
-    }
-
-    &-th,
-    &-td {
-        &:hover {
-            .bri-table-dropdown {
-                display: inline-block;
-            }
-        }
-    }
-}
-
-
-
-// 筛选
-.ve-dropdown {
-    position: absolute;
-    top: 9px;
-    right: 42px;
-}
-
-.ve-dropdown-popper {
-    .ve-dropdown-items-warpper {
-        max-width: 200px;
-        min-width: 100px;
-    }
-
-    .ve-dropdown-dd .ve-dropdown-items {
-        border-radius: @borderRadius;
-        border: none;
-        box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
-    }
-
-    // 重置
-    .ve-dropdown-operation .ve-dropdown-operation-item:first-of-type {
-        background-color: @borderColor;
-        color: @textColor !important;
-        margin-right: 8px;
-    }
-
-    // 筛选
-    .ve-dropdown-operation .ve-dropdown-operation-item {
-        width: 40px;
-        height: 24px;
-        opacity: 1;
-        color: @white !important;
-        font-weight: 500;
-        font-family: "PingFang SC";
-        text-align: center;
-        line-height: 24px;
-        background-color: @themeColor;
-        border-radius: 4px;
-        font-size: @smallSize;
-    }
-
-    .ve-dropdown-operation {
-        border-top-color: #e7e7e7;
-        justify-content: center;
-    }
-
-    .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple {
-        padding: 3px 16px;
-    }
+// 表格颜色定制
+@tableTitleColor: @contentColor;
+@tableHover: #edf8fa;
+@tableSeatchColor: @placeholderColor;
+
+.bri-table {
+    .dsh-flex-col-between-start();
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    word-break: break-word;
+    // position: relative;
+
+    td {
+        white-space: normal !important;
+    }
+    th.ve-table-fixed-right {
+        box-shadow: -4px 0 6px -2px rgba(0, 0, 0, 0.1);
+    }
+    td.ve-table-fixed-right {
+        box-shadow: -4px 0 6px -2px rgba(0, 0, 0, 0.1);
+    }
+    th.ve-table-last-left-fixed-column {
+        box-shadow: 4px 0 7px -2px rgba(0, 0, 0, 0.1);
+    }
+    td.ve-table-last-left-fixed-column {
+        box-shadow: 4px 0 7px -2px rgba(0, 0, 0, 0.1);
+    }
+
+    &-content {
+        width: 100%;
+        max-height: 100%;
+
+        .ve-table {
+            height: 100%;
+
+            &-container {
+                height: 100% !important;
+
+                .ve-table-content-wrapper table.ve-table-content {
+                    thead.ve-table-header {
+                        tr.ve-table-header-tr th.ve-table-header-th {
+                            padding: 4px 8px;
+    
+                            .ve-table-filter .ve-table-filter-icon {
+                                position: absolute;
+                                top: 0px;
+                                left: 0px;
+
+                                &:hover {
+                                    color: @themeColor;
+                                }
+                            }
+
+                            // 过滤
+                            .ve-dropdown {
+                                position: absolute;
+                                top: 0px;
+                                bottom: 0px;
+                                margin-top: auto;
+                                margin-bottom: auto;
+                                right: 17px;
+                            }
+                            
+                            // 排序
+                            .ve-table-sort {
+                                height: 30px;
+                                position: absolute;
+                                top: 0px;
+                                bottom: 0px;
+                                margin-top: auto;
+                                margin-bottom: auto;
+                                right: 0px;
+    
+                                .icon-vet-sort-top-arrow:before {
+                                    content: "\e6347";
+                                }
+    
+                                .icon-vet-sort-bottom-arrow:before {
+                                    content: "\e6349";
+                                }
+                            }
+                        }
+                    }
+
+                    tbody.ve-table-body {
+                        tr.ve-table-body-tr, 
+                        tr.ve-table-expand-tr {
+                            height: auto;
+                            // position: relative;
+
+                            td.ve-table-body-td {
+                                height: 40px;
+                                padding: 4px 16px;
+
+                                &.bri-table-td-noborder {
+                                    .ivu-input,
+                                    textarea.ivu-input,
+                                    .ivu-select-selection {
+                                        min-height: 18px;
+                                        padding: 0px;
+                                        border: none;
+                                        background-color: transparent;
+                                        box-shadow: none;
+                                        line-height: 18px;
+                                    }
+
+                                    .ivu-input-prefix, 
+                                    .ivu-input-suffix {
+                                        width: 0px;
+                                        display: none;
+                                    }
+
+                                    .ivu-date-picker-focused input:not([disabled]) {
+                                        box-shadow: none;
+                                    }
+                                }
+                                &.bri-table-td-bg {
+                                    background-color: #fbfbfb;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            
+            &.ve-table-border-around {
+                border-radius: @borderRadius;
+            }
+        }
+    }
+    
+    &-click {
+        td {
+            cursor: pointer;
+        }
+    }
+
+    &-onlyhead {
+        .ve-table.ve-table-border-around {
+            border-bottom: none;
+            border-bottom-left-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+    }
+
+    &-empty {
+        width: 100%;
+        height: 100%;
+        min-height: 60px;
+        padding: 9px 16px;
+        border: 1px solid @borderColor;
+        border-top: none;
+        // border-bottom-left-radius: @borderRadius;
+        // border-bottom-right-radius: @borderRadius;
+        text-align: center;
+        color: @textColor;
+        .dsh-flex-row-center-center();
+    }
+
+    &-nodata {
+        height: 30px;
+        text-align: center;
+    }
+
+    &-dropdown {
+        position: absolute;
+        right: 0px;
+        bottom: 0px;
+        display: none;
+        z-index: 2;
+        text-align: left;
+
+        &-list {
+            min-width: 120px;
+            margin: 0px;
+
+            li {
+                padding-left: 15px !important;
+            }
+        }
+    }
+
+    &-th {
+        padding: 4px 8px;
+        // border-bottom: none !important;
+        background-color: #F0F0F0;
+        font-size: 14px;
+        font-weight: 500;
+        color: rgba(0, 0, 0, 0.6);
+        position: relative;
+    }
+
+    &-td {
+        height: 40px;
+        padding: 4px 16px;
+        position: relative;
+        
+        // &-expand {
+
+        // }
+        &-treeIndex {
+            padding: 4px 16px 4px 12px!important;
+        }
+        &-operation {
+            .DshButtons-dropdown-more {
+                padding: 0px;
+                margin-left: 16px;
+            }
+            
+            &-btn {
+                margin-left: 16px;
+                padding: 0px;
+                
+                &:first-of-type {
+                    margin: 0px;
+                }
+            }
+        }
+        
+        &-tip {
+            padding: 0px 0px 0px 16px;
+            // text-align: left;
+            word-break: break-all;
+            font-size: 12px;
+            line-height: 1;
+            color: #ed4014;
+            position: absolute;
+            top: calc(100% - 12px);
+            left: 0px;
+        }
+
+        &-edit {
+            padding: 4px 16px 12px 16px!important;
+        }
+
+        &-visible {
+            @keyframes slideDown {
+                from {
+                    top: -49px;
+                    opacity: 0.9;
+                }
+                
+                to {
+                    top: 0px;
+                    opacity: 1;
+                }
+            }
+
+            animation: slideDown .2s linear;
+        }
+
+        &-hide {
+            display: none!important;
+        }
+
+        &-noborder {
+            .ivu-input,
+            textarea.ivu-input,
+            .ivu-select-selection {
+                min-height: 18px;
+                padding: 0px;
+                border: none;
+                background-color: transparent;
+                box-shadow: none;
+                line-height: 18px;
+            }
+
+            .ivu-input-prefix, 
+            .ivu-input-suffix {
+                width: 0px;
+                display: none;
+            }
+            
+            .ivu-date-picker-focused input:not([disabled]) {
+                box-shadow: none;
+            }
+        }
+        &-bg {
+            background-color: #fbfbfb;
+        }
+    }
+
+    &-th,
+    &-td {
+        &:hover {
+            .bri-table-dropdown {
+                display: inline-block;
+            }
+        }
+    }
+}
+
+
+
+// 筛选
+.ve-dropdown {
+    position: absolute;
+    top: 9px;
+    right: 42px;
+}
+
+.ve-dropdown-popper {
+    .ve-dropdown-items-warpper {
+        max-width: 200px;
+        min-width: 100px;
+    }
+
+    .ve-dropdown-dd .ve-dropdown-items {
+        border-radius: @borderRadius;
+        border: none;
+        box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+    }
+
+    // 重置
+    .ve-dropdown-operation .ve-dropdown-operation-item:first-of-type {
+        background-color: @borderColor;
+        color: @textColor !important;
+        margin-right: 8px;
+    }
+
+    // 筛选
+    .ve-dropdown-operation .ve-dropdown-operation-item {
+        width: 40px;
+        height: 24px;
+        opacity: 1;
+        color: @white !important;
+        font-weight: 500;
+        font-family: "PingFang SC";
+        text-align: center;
+        line-height: 24px;
+        background-color: @themeColor;
+        border-radius: 4px;
+        font-size: @smallSize;
+    }
+
+    .ve-dropdown-operation {
+        border-top-color: #e7e7e7;
+        justify-content: center;
+    }
+
+    .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple {
+        padding: 3px 16px;
+    }
 }