bri-components 1.5.14 → 1.5.15

package/src/components/controls/control.less

@@ -1,324 +1,324 @@
-// 控件查看状态的样式
-#control-show () {
-    &-show {
-        &-auto {
-            white-space: normal!important;
-            word-break: break-all!important;
-            text-overflow: clip!important; 
-
-            &-tag {
-                height: auto!important;
-            }
-        }
-
-        &-ellipsis {
-            margin: 2px 0px;
-            .dsh-ellipsis();
-
-            &-tag {
-                .dsh-ellipsis();
-                display: inline-block;
-                max-width: 100%;
-                height: 24px;
-                min-height: 24px;
-                padding: 4px 8px;
-                margin: 2px 0px;
-                border-radius: 4px;
-                line-height: 16px;
-                font-size: 12px;
-            }
-        }
-    }
-}
-
-// 单选多选控件样式
-#control-select (@control-type) {
-    &-flat {
-        width: 100%;
-
-        .ivu-@{control-type}-wrapper {
-            height: auto;
-            padding: 6px 0px;
-            margin-top: 2px;
-            margin-bottom: 2px;
-            margin-right: 12px;
-            white-space: normal;
-            
-            .ivu-@{control-type} {
-                .ivu-@{control-type}-inner {
-
-                }
-
-                .ivu-@{control-type}-focus {
-                    box-shadow: 0 0 0 0;
-                }
-
-                &-checked {
-                    // 因为不一致，所以明确名字分开写
-                    .ivu-radio-inner {
-                        &::after {
-                            background-color: @themeColor;
-                        }
-                    }
-                    .ivu-checkbox-inner {
-                        background-color: @themeColor;
-                    }
-                }
-
-                & + span {
-
-                }
-            }
-
-            // 选项置灰时
-            &-disabled {
-                .ivu-@{control-type} {
-                    .ivu-@{control-type}-inner {
-                        border-color: #aaaaaa;
-                    }
-
-                    &-checked {
-                        // 因为不一致，所以明确名字分开写
-                        .ivu-radio-inner {
-                            &::after {
-                                background-color: #aaaaaa;
-                            }
-                        }
-                        .ivu-checkbox-inner {
-                            background-color: #aaaaaa;
-                            
-                            // 对勾的颜色
-                            &::after {
-                                border-color: #f3f3f3;
-                            }
-                        }
-                    }
-
-
-                    & + span {
-                        color: #999999;
-                    }
-                }
-            }
-
-            &:last-child {
-                margin-right: 0px;
-            }
-        }
-
-        &-color {
-            #template (@color) {
-                .ivu-@{control-type} {
-                    .ivu-@{control-type}-inner {
-                        border-color: @color;
-                    }
-
-                    &-checked {
-                        // 因为不一致，所以明确名字分开写
-                        .ivu-radio-inner {
-                            &::after {
-                                background-color: @color;
-                            }
-                        }
-                        .ivu-checkbox-inner {
-                            background-color: @color;
-                        }
-                    }
-                }
-
-                &-checked {
-                    border-color: @color;
-                }
-
-                &-disabled {
-                    border-color: transparent;
-                    
-                    .ivu-@{control-type} {
-                        .ivu-@{control-type}-inner {
-                            border-color: #cccccc;
-                        }
-                        
-                        &-checked {
-                            // 因为不一致，所以明确名字分开写
-                            .ivu-radio-inner {
-                                &::after {
-                                    background-color: #cccccc;
-                                }
-                            }
-                            .ivu-checkbox-inner {
-                                background-color: #cccccc;
-                                
-                                // 对勾的颜色
-                                &::after {
-                                    border-color: #f3f3f3;
-                                }
-                            }
-                        }
-                        
-                        
-                        & + span {
-                            color: @color;
-                            opacity: 0.6;
-                        }
-                    }
-
-                    &.ivu-@{control-type}-wrapper-checked {
-                        border-color: #cccccc;
-                    }
-                }
-            }
-
-            .ivu-@{control-type}-wrapper {
-                padding: 6px 15px;
-                border-radius: 4px;
-                border-color: transparent;
-                line-height: 16px;
-
-                .ivu-@{control-type} {
-                    .ivu-@{control-type}-inner {
-                        border: 2px solid #aaaaaa;
-                    }
-                    // 因为不一致，所以明确名字分开写
-                    .ivu-radio-inner {
-                        width: 14px;
-                        height: 14px;
-                        background-color: transparent;
-
-                        &::after {
-                            width: 6px;
-                            height: 6px;
-                            left: 2px;
-                            top: 2px;
-                        }
-                    }
-                    .ivu-checkbox-inner {
-                        background-color: transparent;
-
-                        &::after {
-                            top: 2px;
-                            left: 4px;
-                        }
-                    }
-
-                    &-checked {
-                        // 因为不一致，所以明确名字分开写
-                        .ivu-radio-inner {
-                            &::after {
-                                background-color: #aaaaaa;
-                            }
-                        }
-                        .ivu-checkbox-inner {
-                            background-color: #aaaaaa;
-                        }
-                    }
-                }
-
-                &-checked {
-                    border-color: #aaaaaa;
-                }
-            }
-            
-            .color-default.ivu-@{control-type}-wrapper {
-                // 为了填补default主题下无style
-                // background-color: @theme-focus!important;
-                .ivu-@{control-type} {
-                    & + span {
-                        color: @themeColor;
-                    }
-                }
-
-                #template(@themeColor);
-            }
-            each(@resourceColor, {
-                .color-@{index}.ivu-@{control-type}-wrapper {
-                    #template(@value);
-                }
-            });
-        }
-
-        &-scroll {
-            .bri-scrollbar3();
-            white-space: nowrap;
-            overflow: auto;
-
-            .ivu-@{control-type}-wrapper {
-                height: 30px;
-                margin-top: 0px;
-                margin-bottom: 2px;
-                white-space: nowrap;
-            }
-        }
-    }
-    
-    &-dropdown {
-        // 输入框部分
-        &.ivu-select-multiple {
-            .ivu-select-selection {
-                & > div {
-                    width: 100%;
-                    height: 100%;
-                    
-                    .ivu-tag {
-                        background-color: @borderColor;
-                    }
-                }
-            }
-
-            &.ivu-select-disabled {
-                .ivu-select-selection {
-                    & > div {
-                        .ivu-tag {
-                            background-color: @border-disabled;
-                        }
-                    }
-                }
-            }
-        }
-
-        &-auto {
-            &.ivu-select-multiple {
-                .ivu-select-selection {
-                    & > div {
-                        .ivu-tag {
-                            height: auto;
-    
-                            span:not(.ivu-select-max-tag) {
-                                text-overflow: auto;
-                                white-space: normal;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        &-scroll {
-            &.ivu-select-multiple {
-                .ivu-select-selection {
-                    height: 32px;
-
-                    & > div {
-                        .bri-scrollbar3();
-                        word-break: keep-all;
-                        white-space: nowrap;
-                        overflow: auto;
-                        overflow-y: hidden;
-
-                        .ivu-tag {
-
-                        }
-                    }
-                }
-            }
-        }
-
-        // 下拉面板
-        &-transfer {
-            &.ivu-select-dropdown {
-                max-width: 200px;
-                max-height: 350px;
-            }
-        }
-    }
-}
-
+// 控件查看状态的样式
+#control-show () {
+    &-show {
+        &-auto {
+            white-space: normal!important;
+            word-break: break-all!important;
+            text-overflow: clip!important; 
+
+            &-tag {
+                height: auto!important;
+            }
+        }
+
+        &-ellipsis {
+            margin: 2px 0px;
+            .dsh-ellipsis();
+
+            &-tag {
+                .dsh-ellipsis();
+                display: inline-block;
+                max-width: 100%;
+                height: 24px;
+                min-height: 24px;
+                padding: 4px 8px;
+                margin: 2px 0px;
+                border-radius: 4px;
+                line-height: 16px;
+                font-size: 12px;
+            }
+        }
+    }
+}
+
+// 单选多选控件样式
+#control-select (@control-type) {
+    &-flat {
+        width: 100%;
+
+        .ivu-@{control-type}-wrapper {
+            height: auto;
+            padding: 6px 0px;
+            margin-top: 2px;
+            margin-bottom: 2px;
+            margin-right: 12px;
+            white-space: normal;
+            
+            .ivu-@{control-type} {
+                .ivu-@{control-type}-inner {
+
+                }
+
+                .ivu-@{control-type}-focus {
+                    box-shadow: 0 0 0 0;
+                }
+
+                &-checked {
+                    // 因为不一致，所以明确名字分开写
+                    .ivu-radio-inner {
+                        &::after {
+                            background-color: @themeColor;
+                        }
+                    }
+                    .ivu-checkbox-inner {
+                        background-color: @themeColor;
+                    }
+                }
+
+                & + span {
+
+                }
+            }
+
+            // 选项置灰时
+            &-disabled {
+                .ivu-@{control-type} {
+                    .ivu-@{control-type}-inner {
+                        border-color: #aaaaaa;
+                    }
+
+                    &-checked {
+                        // 因为不一致，所以明确名字分开写
+                        .ivu-radio-inner {
+                            &::after {
+                                background-color: #aaaaaa;
+                            }
+                        }
+                        .ivu-checkbox-inner {
+                            background-color: #aaaaaa;
+                            
+                            // 对勾的颜色
+                            &::after {
+                                border-color: #f3f3f3;
+                            }
+                        }
+                    }
+
+
+                    & + span {
+                        color: #999999;
+                    }
+                }
+            }
+
+            &:last-child {
+                margin-right: 0px;
+            }
+        }
+
+        &-color {
+            #template (@color) {
+                .ivu-@{control-type} {
+                    .ivu-@{control-type}-inner {
+                        border-color: @color;
+                    }
+
+                    &-checked {
+                        // 因为不一致，所以明确名字分开写
+                        .ivu-radio-inner {
+                            &::after {
+                                background-color: @color;
+                            }
+                        }
+                        .ivu-checkbox-inner {
+                            background-color: @color;
+                        }
+                    }
+                }
+
+                &-checked {
+                    border-color: @color;
+                }
+
+                &-disabled {
+                    border-color: transparent;
+                    
+                    .ivu-@{control-type} {
+                        .ivu-@{control-type}-inner {
+                            border-color: #cccccc;
+                        }
+                        
+                        &-checked {
+                            // 因为不一致，所以明确名字分开写
+                            .ivu-radio-inner {
+                                &::after {
+                                    background-color: #cccccc;
+                                }
+                            }
+                            .ivu-checkbox-inner {
+                                background-color: #cccccc;
+                                
+                                // 对勾的颜色
+                                &::after {
+                                    border-color: #f3f3f3;
+                                }
+                            }
+                        }
+                        
+                        
+                        & + span {
+                            color: @color;
+                            opacity: 0.6;
+                        }
+                    }
+
+                    &.ivu-@{control-type}-wrapper-checked {
+                        border-color: #cccccc;
+                    }
+                }
+            }
+
+            .ivu-@{control-type}-wrapper {
+                padding: 6px 15px;
+                border-radius: 4px;
+                border-color: transparent;
+                line-height: 16px;
+
+                .ivu-@{control-type} {
+                    .ivu-@{control-type}-inner {
+                        border: 2px solid #aaaaaa;
+                    }
+                    // 因为不一致，所以明确名字分开写
+                    .ivu-radio-inner {
+                        width: 14px;
+                        height: 14px;
+                        background-color: transparent;
+
+                        &::after {
+                            width: 6px;
+                            height: 6px;
+                            left: 2px;
+                            top: 2px;
+                        }
+                    }
+                    .ivu-checkbox-inner {
+                        background-color: transparent;
+
+                        &::after {
+                            top: 2px;
+                            left: 4px;
+                        }
+                    }
+
+                    &-checked {
+                        // 因为不一致，所以明确名字分开写
+                        .ivu-radio-inner {
+                            &::after {
+                                background-color: #aaaaaa;
+                            }
+                        }
+                        .ivu-checkbox-inner {
+                            background-color: #aaaaaa;
+                        }
+                    }
+                }
+
+                &-checked {
+                    border-color: #aaaaaa;
+                }
+            }
+            
+            .color-default.ivu-@{control-type}-wrapper {
+                // 为了填补default主题下无style
+                // background-color: @theme-focus!important;
+                .ivu-@{control-type} {
+                    & + span {
+                        color: @themeColor;
+                    }
+                }
+
+                #template(@themeColor);
+            }
+            each(@resourceColor, {
+                .color-@{index}.ivu-@{control-type}-wrapper {
+                    #template(@value);
+                }
+            });
+        }
+
+        &-scroll {
+            .bri-scrollbar3();
+            white-space: nowrap;
+            overflow: auto;
+
+            .ivu-@{control-type}-wrapper {
+                height: 30px;
+                margin-top: 0px;
+                margin-bottom: 2px;
+                white-space: nowrap;
+            }
+        }
+    }
+    
+    &-dropdown {
+        // 输入框部分
+        &.ivu-select-multiple {
+            .ivu-select-selection {
+                & > div {
+                    width: 100%;
+                    height: 100%;
+                    
+                    .ivu-tag {
+                        background-color: @borderColor;
+                    }
+                }
+            }
+
+            &.ivu-select-disabled {
+                .ivu-select-selection {
+                    & > div {
+                        .ivu-tag {
+                            background-color: @border-disabled;
+                        }
+                    }
+                }
+            }
+        }
+
+        &-auto {
+            &.ivu-select-multiple {
+                .ivu-select-selection {
+                    & > div {
+                        .ivu-tag {
+                            height: auto;
+    
+                            span:not(.ivu-select-max-tag) {
+                                text-overflow: auto;
+                                white-space: normal;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        &-scroll {
+            &.ivu-select-multiple {
+                .ivu-select-selection {
+                    height: 32px;
+
+                    & > div {
+                        .bri-scrollbar3();
+                        word-break: keep-all;
+                        white-space: nowrap;
+                        overflow: auto;
+                        overflow-y: hidden;
+
+                        .ivu-tag {
+
+                        }
+                    }
+                }
+            }
+        }
+
+        // 下拉面板
+        &-transfer {
+            &.ivu-select-dropdown {
+                max-width: 200px;
+                max-height: 350px;
+            }
+        }
+    }
+}
+