bri-components 1.5.22 → 1.6.0

package/src/styles/components/DshModal.less

@@ -1,257 +1,257 @@
-.DshModal {
-    &-header {
-        width: 100%;
-        height: 100%;
-    }
-
-    &-close {
-        padding: 2px;
-        position: absolute;
-        top: 10px;
-        right: 10px;
-        cursor: pointer;
-    }
-
-    &-default,
-    &-small,
-    &-middle,
-    &-large,
-    &-fullscreen {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                margin: auto;
-                position: absolute;
-                top: 0px;
-                bottom: 0px;
-                left: 0px;
-                right: 0px;
-
-                &-content {
-                    width: 100%;
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-
-                    .ivu-modal {
-                        &-close {}
-
-                        &-header {
-                            width: 100%;
-                            height: 44px;
-                            padding: 10px 40px 10px 16px;
-                        }
-
-                        &-body {
-                            width: 100%;
-                            flex: 1;
-                            min-height: 200px;
-                            padding: 0px;
-                            overflow: auto;
-                        }
-
-                        &-footer {
-                            width: 100%;
-                            height: 50px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &-default {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                width: 750px !important;
-                height: 550px !important;
-                max-height: 100%;
-                max-width: 100%;
-            }
-        }
-    }
-
-    &-small {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                margin: 0px auto;
-                position: absolute;
-                top: 160px;
-                bottom: 0px;
-                left: 0px;
-                right: 0px;
-
-                height: 450px !important;
-                max-height: 100%;
-                max-width: 100%;
-
-                &-content {
-                    .DshModal-close {
-                        top: 20px;
-                        right: 24px;
-                        color: rgba(0, 0, 0, 0.6);
-                        font-size: 16px !important;
-                    }
-
-                    .ivu-modal {
-                        &-header {
-                            width: 100%;
-                            height: 44px;
-                            padding: 20px 24px 0px 24px;
-                            border-bottom: none;
-
-                            &-inner {
-                                color: rgba(0, 0, 0, 0.9);
-                                font-size: 16px;
-                                font-weight: 500;
-                                line-height: 24px;
-                                height: 24px;
-                            }
-                        }
-
-                        &-body {
-                            padding: 10px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &-middle {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                // width: 1000px !important;
-                // height: 800px !important;
-                width: 60% !important;
-                height: 85% !important;
-                min-width: 500px;
-                min-height: 400px;
-
-                // max-width: 900px;
-                // max-height: 800px;
-                .ivu-modal-content {
-                    .ivu-modal-header {
-
-                        &-inner {
-                            line-height: 24px;
-                            height: 24px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &-large {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                width: 80% !important;
-                height: 90% !important;
-                min-width: 700px;
-                min-height: 600px;
-                // max-width: 1300px;
-                // max-height: 1000px;
-            }
-        }
-    }
-
-    &-auto {
-        .ivu-modal-wrap {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            .ivu-modal {
-                top: 0px;
-                max-height: 100%;
-            }
-        }
-    }
-
-    &-fullscreen {
-        .ivu-modal-fullscreen {
-            .ivu-modal-body {
-                position: static;
-            }
-        }
-    }
-}
-
-.ivu-modal-mask {
-    background-color: rgba(55, 55, 55, 0.8);
-}
-
-// 默认模态框brimodal
-.bri-modal {
-    #bri-modal-common () {
-        .ivu-modal-wrap {
-            .ivu-modal {
-                &-content {
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-    
-                    .DshModal-close,
-                    .ivu-modal-close {
-                        top: 20px;
-                        right: 24px;
-                        color: @contentColor;
-                        font-size: @smallTitleSize;
-    
-                        .ivu-icon-ios-close {
-                            font-size: 22px;
-                            color: @contentColor;
-                        }
-                    }
-    
-                    .ivu-modal-header {
-                        width: 100%;
-                        height: 48px;
-                        padding: 16px 24px 8px 24px;
-                        // border-bottom: none;
-    
-                        &-inner {
-                            color: rgba(0, 0, 0, 0.9);
-                            font-size: 16px;
-                            font-weight: 500;
-                            line-height: 24px;
-                            height: 24px;
-                        }
-                    }
-    
-                    .ivu-modal-body {
-                        flex: 1;
-                        overflow: auto;
-                        padding: 16px 24px 20px;
-                    }
-                }
-            }
-        }
-    }
-    
-    #bri-modal-common();
-
-    // 小框 无固定高度，上下居中
-    &-center {
-        #bri-modal-common();
-    
-        .ivu-modal-wrap {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-    
-            .ivu-modal {
-                top: 0px;
-            }
-        }
-    }
-    
-    // modal内部公用样式
-    &-footer {
-        text-align: right;
-        margin-top: 16px;
-    }
-}
+.DshModal {
+    &-header {
+        width: 100%;
+        height: 100%;
+    }
+
+    &-close {
+        padding: 2px;
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        cursor: pointer;
+    }
+
+    &-default,
+    &-small,
+    &-middle,
+    &-large,
+    &-fullscreen {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                margin: auto;
+                position: absolute;
+                top: 0px;
+                bottom: 0px;
+                left: 0px;
+                right: 0px;
+
+                &-content {
+                    width: 100%;
+                    height: 100%;
+                    display: flex;
+                    flex-direction: column;
+
+                    .ivu-modal {
+                        &-close {}
+
+                        &-header {
+                            width: 100%;
+                            height: 44px;
+                            padding: 10px 40px 10px 16px;
+                        }
+
+                        &-body {
+                            width: 100%;
+                            flex: 1;
+                            min-height: 200px;
+                            padding: 0px;
+                            overflow: auto;
+                        }
+
+                        &-footer {
+                            width: 100%;
+                            height: 50px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    &-default {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                width: 750px !important;
+                height: 550px !important;
+                max-height: 100%;
+                max-width: 100%;
+            }
+        }
+    }
+
+    &-small {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                margin: 0px auto;
+                position: absolute;
+                top: 160px;
+                bottom: 0px;
+                left: 0px;
+                right: 0px;
+
+                height: 450px !important;
+                max-height: 100%;
+                max-width: 100%;
+
+                &-content {
+                    .DshModal-close {
+                        top: 20px;
+                        right: 24px;
+                        color: rgba(0, 0, 0, 0.6);
+                        font-size: 16px !important;
+                    }
+
+                    .ivu-modal {
+                        &-header {
+                            width: 100%;
+                            height: 44px;
+                            padding: 20px 24px 0px 24px;
+                            border-bottom: none;
+
+                            &-inner {
+                                color: rgba(0, 0, 0, 0.9);
+                                font-size: 16px;
+                                font-weight: 500;
+                                line-height: 24px;
+                                height: 24px;
+                            }
+                        }
+
+                        &-body {
+                            padding: 10px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    &-middle {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                // width: 1000px !important;
+                // height: 800px !important;
+                width: 60% !important;
+                height: 85% !important;
+                min-width: 500px;
+                min-height: 400px;
+
+                // max-width: 900px;
+                // max-height: 800px;
+                .ivu-modal-content {
+                    .ivu-modal-header {
+
+                        &-inner {
+                            line-height: 24px;
+                            height: 24px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    &-large {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                width: 80% !important;
+                height: 90% !important;
+                min-width: 700px;
+                min-height: 600px;
+                // max-width: 1300px;
+                // max-height: 1000px;
+            }
+        }
+    }
+
+    &-auto {
+        .ivu-modal-wrap {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .ivu-modal {
+                top: 0px;
+                max-height: 100%;
+            }
+        }
+    }
+
+    &-fullscreen {
+        .ivu-modal-fullscreen {
+            .ivu-modal-body {
+                position: static;
+            }
+        }
+    }
+}
+
+.ivu-modal-mask {
+    background-color: rgba(55, 55, 55, 0.8);
+}
+
+// 默认模态框brimodal
+.bri-modal {
+    #bri-modal-common () {
+        .ivu-modal-wrap {
+            .ivu-modal {
+                &-content {
+                    height: 100%;
+                    display: flex;
+                    flex-direction: column;
+    
+                    .DshModal-close,
+                    .ivu-modal-close {
+                        top: 20px;
+                        right: 24px;
+                        color: @contentColor;
+                        font-size: @smallTitleSize;
+    
+                        .ivu-icon-ios-close {
+                            font-size: 22px;
+                            color: @contentColor;
+                        }
+                    }
+    
+                    .ivu-modal-header {
+                        width: 100%;
+                        height: 48px;
+                        padding: 16px 24px 8px 24px;
+                        // border-bottom: none;
+    
+                        &-inner {
+                            color: rgba(0, 0, 0, 0.9);
+                            font-size: 16px;
+                            font-weight: 500;
+                            line-height: 24px;
+                            height: 24px;
+                        }
+                    }
+    
+                    .ivu-modal-body {
+                        flex: 1;
+                        overflow: auto;
+                        padding: 16px 24px 20px;
+                    }
+                }
+            }
+        }
+    }
+    
+    #bri-modal-common();
+
+    // 小框 无固定高度，上下居中
+    &-center {
+        #bri-modal-common();
+    
+        .ivu-modal-wrap {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+    
+            .ivu-modal {
+                top: 0px;
+            }
+        }
+    }
+    
+    // modal内部公用样式
+    &-footer {
+        text-align: right;
+        margin-top: 16px;
+    }
+}

package/src/styles/components/index.less

@@ -1,3 +1,3 @@
-@import "./BriTable.less"; 
-@import "./BriButton.less";
-@import "./DshModal.less";
+@import "./BriTable.less"; 
+@import "./BriButton.less";
+@import "./DshModal.less";

package/src/styles/global/animate.less

@@ -1,11 +1,11 @@
-// @keyframes animate-spin {
-//     from {
-//         transform: rotate(0deg);
-//     }
-//     50% {
-//         transform: rotate(180deg);
-//     }
-//     to {
-//         transform: rotate(360deg);
-//     }
-// }
+// @keyframes animate-spin {
+//     from {
+//         transform: rotate(0deg);
+//     }
+//     50% {
+//         transform: rotate(180deg);
+//     }
+//     to {
+//         transform: rotate(360deg);
+//     }
+// }

package/src/styles/global/base.less

@@ -1,46 +1,46 @@
-.bri-scrollbar3 {
-    overflow: auto;
-
-    &::-webkit-scrollbar {
-        width: 3px;
-        height: 3px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        border-radius: 3px;
-        background: rgba(51, 51, 51, .1);
-        background-clip: border-box;
-    }
-}
-
-// 宽度为6
-.bri-scrollbar6 {
-    &::-webkit-scrollbar {
-        height: 6px;
-        width: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        border-radius: 3px;
-        background: rgba(51, 51, 51, .1);
-        background-clip: border-box;
-    }
-}
-
-#dsh-sign-change () {
-    display: inline-block;
-    padding: 3px 6px;
-    margin-left: 4px;
-    border-radius: 4px;
-    background-color: #f75252;
-    font-size: 12px;
-    color: #ffffff;
-}
-
-.bri-badge-small {
-    height: 16px;
-    line-height: 14px;
-    border-radius: 8px;
-    min-width: 16px;
-    padding: 0 4px;
+.bri-scrollbar3 {
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+        width: 3px;
+        height: 3px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 3px;
+        background: rgba(51, 51, 51, .1);
+        background-clip: border-box;
+    }
+}
+
+// 宽度为6
+.bri-scrollbar6 {
+    &::-webkit-scrollbar {
+        height: 6px;
+        width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 3px;
+        background: rgba(51, 51, 51, .1);
+        background-clip: border-box;
+    }
+}
+
+#dsh-sign-change () {
+    display: inline-block;
+    padding: 3px 6px;
+    margin-left: 4px;
+    border-radius: 4px;
+    background-color: #f75252;
+    font-size: 12px;
+    color: #ffffff;
+}
+
+.bri-badge-small {
+    height: 16px;
+    line-height: 14px;
+    border-radius: 8px;
+    min-width: 16px;
+    padding: 0 4px;
 }