bri-components 1.5.14 → 1.5.15

package/src/styles/global/box.less

@@ -1,186 +1,186 @@
-// 清除浮动
-.dsh-clearfix {
-    &:after {
-        display: block;
-        content: ".";
-        height: 0px;
-        clear: both;
-        visibility: hidden;
-    }
-}
-
-.dsh-margin3 {
-    margin: 3px;
-}
-.dsh-margin5 {
-    margin: 5px;
-}
-.dsh-margin10 {
-    margin: 10px;
-}
-.dsh-margin20 {
-    margin: 20px;
-}
-.dsh-margin50 {
-    margin: 50px;
-}
-.dsh-margin100 {
-    margin: 100px;
-}
-
-.dsh-margin-top5 {
-    margin-top: 5px;
-}
-.dsh-margin-bottom5 {
-    margin-bottom: 5px;
-}
-.dsh-margin-left5 {
-    margin-left: 5px;
-}
-.dsh-margin-right5 {
-    margin-right: 5px;
-}
-
-.dsh-margin-top8 {
-    margin-top: 8px;
-}
-.dsh-margin-bottom8 {
-    margin-bottom: 8px;
-}
-.dsh-margin-left8 {
-    margin-left: 8px;
-}
-.dsh-margin-right8 {
-    margin-right: 8px;
-}
-
-.dsh-margin-top10 {
-    margin-top: 10px;
-}
-.dsh-margin-bottom10 {
-    margin-bottom: 10px;
-}
-.dsh-margin-left10 {
-    margin-left: 10px;
-}
-.dsh-margin-right10 {
-    margin-right: 10px;
-}
-
-.dsh-margin-left12 {
-    margin-left: 12px;
-}
-.dsh-margin-right12 {
-    margin-right: 12px;
-}
-
-.dsh-margin-top20 {
-    margin-top: 20px;
-}
-.dsh-margin-bottom20 {
-    margin-bottom: 20px;
-}
-.dsh-margin-left20 {
-    margin-left: 20px;
-}
-.dsh-margin-right20 {
-    margin-right: 20px;
-}
-
-.dsh-margin-top50 {
-    margin-top: 50px;
-}
-.dsh-margin-bottom50 {
-    margin-bottom: 50px;
-}
-.dsh-margin-left50 {
-    margin-left: 50px;
-}
-.dsh-margin-right50 {
-    margin-right: 50px;
-}
-
-.dsh-margin-top100 {
-    margin-top: 100px;
-}
-.dsh-margin-bottom100 {
-    margin-bottom: 100px;
-}
-.dsh-margin-left100 {
-    margin-left: 100px;
-}
-.dsh-margin-right100 {
-    margin-right: 100px;
-}
-
-.dsh-padding3 {
-    padding: 3px;
-}
-.dsh-padding5 {
-    padding: 5px;
-}
-.dsh-padding10 {
-    padding: 10px;
-}
-.dsh-padding15 {
-    padding: 15px;
-}
-.dsh-padding20 {
-    padding: 20px;
-}
-.dsh-padding24 {
-    padding: 24px;
-}
-.dsh-padding100 {
-    padding: 100px;
-}
-
-.dsh-padding-top5 {
-    padding-top: 5px;
-}
-.dsh-padding-bottom5 {
-    padding-bottom: 5px;
-}
-.dsh-padding-left5 {
-    padding-left: 5px;
-}
-.dsh-padding-right5 {
-    padding-right: 5px;
-}
-.dsh-padding-top10 {
-    padding-top: 10px;
-}
-.dsh-padding-bottom10 {
-    padding-bottom: 10px;
-}
-.dsh-padding-left10 {
-    padding-left: 10px;
-}
-.dsh-padding-right10 {
-    padding-right: 10px;
-}
-.dsh-padding-top20 {
-    padding-top: 20px;
-}
-.dsh-padding-bottom20 {
-    padding-bottom: 20px;
-}
-.dsh-padding-left20 {
-    padding-left: 20px;
-}
-.dsh-padding-right20 {
-    padding-right: 20px;
-}
-.dsh-padding-top24 {
-    padding-top: 24px;
-}
-.dsh-padding-bottom24 {
-    padding-bottom: 24px;
-}
-.dsh-padding-left24 {
-    padding-left: 24px;
-}
-.dsh-padding-right24 {
-    padding-right: 24px;
-}
-
+// 清除浮动
+.dsh-clearfix {
+    &:after {
+        display: block;
+        content: ".";
+        height: 0px;
+        clear: both;
+        visibility: hidden;
+    }
+}
+
+.dsh-margin3 {
+    margin: 3px;
+}
+.dsh-margin5 {
+    margin: 5px;
+}
+.dsh-margin10 {
+    margin: 10px;
+}
+.dsh-margin20 {
+    margin: 20px;
+}
+.dsh-margin50 {
+    margin: 50px;
+}
+.dsh-margin100 {
+    margin: 100px;
+}
+
+.dsh-margin-top5 {
+    margin-top: 5px;
+}
+.dsh-margin-bottom5 {
+    margin-bottom: 5px;
+}
+.dsh-margin-left5 {
+    margin-left: 5px;
+}
+.dsh-margin-right5 {
+    margin-right: 5px;
+}
+
+.dsh-margin-top8 {
+    margin-top: 8px;
+}
+.dsh-margin-bottom8 {
+    margin-bottom: 8px;
+}
+.dsh-margin-left8 {
+    margin-left: 8px;
+}
+.dsh-margin-right8 {
+    margin-right: 8px;
+}
+
+.dsh-margin-top10 {
+    margin-top: 10px;
+}
+.dsh-margin-bottom10 {
+    margin-bottom: 10px;
+}
+.dsh-margin-left10 {
+    margin-left: 10px;
+}
+.dsh-margin-right10 {
+    margin-right: 10px;
+}
+
+.dsh-margin-left12 {
+    margin-left: 12px;
+}
+.dsh-margin-right12 {
+    margin-right: 12px;
+}
+
+.dsh-margin-top20 {
+    margin-top: 20px;
+}
+.dsh-margin-bottom20 {
+    margin-bottom: 20px;
+}
+.dsh-margin-left20 {
+    margin-left: 20px;
+}
+.dsh-margin-right20 {
+    margin-right: 20px;
+}
+
+.dsh-margin-top50 {
+    margin-top: 50px;
+}
+.dsh-margin-bottom50 {
+    margin-bottom: 50px;
+}
+.dsh-margin-left50 {
+    margin-left: 50px;
+}
+.dsh-margin-right50 {
+    margin-right: 50px;
+}
+
+.dsh-margin-top100 {
+    margin-top: 100px;
+}
+.dsh-margin-bottom100 {
+    margin-bottom: 100px;
+}
+.dsh-margin-left100 {
+    margin-left: 100px;
+}
+.dsh-margin-right100 {
+    margin-right: 100px;
+}
+
+.dsh-padding3 {
+    padding: 3px;
+}
+.dsh-padding5 {
+    padding: 5px;
+}
+.dsh-padding10 {
+    padding: 10px;
+}
+.dsh-padding15 {
+    padding: 15px;
+}
+.dsh-padding20 {
+    padding: 20px;
+}
+.dsh-padding24 {
+    padding: 24px;
+}
+.dsh-padding100 {
+    padding: 100px;
+}
+
+.dsh-padding-top5 {
+    padding-top: 5px;
+}
+.dsh-padding-bottom5 {
+    padding-bottom: 5px;
+}
+.dsh-padding-left5 {
+    padding-left: 5px;
+}
+.dsh-padding-right5 {
+    padding-right: 5px;
+}
+.dsh-padding-top10 {
+    padding-top: 10px;
+}
+.dsh-padding-bottom10 {
+    padding-bottom: 10px;
+}
+.dsh-padding-left10 {
+    padding-left: 10px;
+}
+.dsh-padding-right10 {
+    padding-right: 10px;
+}
+.dsh-padding-top20 {
+    padding-top: 20px;
+}
+.dsh-padding-bottom20 {
+    padding-bottom: 20px;
+}
+.dsh-padding-left20 {
+    padding-left: 20px;
+}
+.dsh-padding-right20 {
+    padding-right: 20px;
+}
+.dsh-padding-top24 {
+    padding-top: 24px;
+}
+.dsh-padding-bottom24 {
+    padding-bottom: 24px;
+}
+.dsh-padding-left24 {
+    padding-left: 24px;
+}
+.dsh-padding-right24 {
+    padding-right: 24px;
+}
+

package/src/styles/global/control.less

@@ -1,123 +1,123 @@
-// 表单控件共用样式
-.bri-control-edit {
-    border: 1px solid @borderColor;
-    border-radius: @borderRadius;
-    background: @inputBg;
-    color: @textColor;
-    cursor: pointer;
-}
-
-.bri-control-disabled {
-    border: 1px solid @border-disabled;
-    border-radius: @borderRadius;
-    background: @inputBg-disabled;
-    color: @textColor;
-    cursor: not-allowed;
-
-    &.bri-control-nodata {
-        color: @placeholder-disabled-color;
-    }
-}
-
-// .bri-control-readonly {
-//     border: 1px solid @border-readonly;
-//     border-radius: @borderRadius;
-//     background: @inputBg-readonly;
-//     color: @textColor-readonly;
-//     cursor: not-allowed;
-//     .ivu-icon {
-//         color: @textColor-readonly;
-//     }
-// }
-.bri-control-show {
-    border: none;
-    background-color: transparent;
-    color: @textColor;
-
-    .text {
-        .dsh-ellipsis();
-    }
-}
-
-// 自定义样式
-#custom-show () {
-    margin: 0px;
-    min-height: 32px;
-    color: @textColor-readonly;
-    border: 1px solid @border-readonly;
-    background: @inputBg-readonly;
-    border-radius: @borderRadius;
-
-    &.bri-control-nodata {
-        .dsh-ellipsis();
-    }
-}
-
-// 带边框 frame
-.control-show-frame {
-    #custom-show ();
-    background: transparent;
-    padding: 3px 7px;
-    line-height: 24px;
-
-    &-tag {
-        #custom-show ();
-        background: transparent;
-        padding: 1px 4px;
-
-        &.bri-control-nodata {
-            padding: 3px 7px;
-            line-height: 24px
-        }
-    }
-}
-
-// 带背景 backdrop
-.control-show-backdrop {
-    #custom-show ();
-    border: none;
-    padding: 4px 7px;
-    line-height: 24px;
-
-    &-tag {
-        #custom-show ();
-        border: none;
-        padding: 2px 4px;
-
-        &.bri-control-nodata {
-            padding: 4px 7px;
-            line-height: 24px
-        }
-    }
-}
-
-
-.bri-control-unit {
-    border: none;
-    background-color: transparent;
-    color: @textColor;
-
-    .text {
-        .dsh-ellipsis();
-    }
-
-    &.bri-control-nodata {
-        line-height: 1.5;
-    }
-}
-
-// 无数据
-.bri-control-nodata {
-    color: @placeholderColor;
-}
-
-// 单元格标签式展示 -非全部类型通用
-.bri-unit-show () {
-    display: inline-block;
-    max-width: 100%;
-    padding: 0px 6px;
-    line-height: 24px;
-    border-radius: @borderRadius;
-    background-color: @theme-focus;
-    color: @themeColor;
+// 表单控件共用样式
+.bri-control-edit {
+    border: 1px solid @borderColor;
+    border-radius: @borderRadius;
+    background: @inputBg;
+    color: @textColor;
+    cursor: pointer;
+}
+
+.bri-control-disabled {
+    border: 1px solid @border-disabled;
+    border-radius: @borderRadius;
+    background: @inputBg-disabled;
+    color: @textColor;
+    cursor: not-allowed;
+
+    &.bri-control-nodata {
+        color: @placeholder-disabled-color;
+    }
+}
+
+// .bri-control-readonly {
+//     border: 1px solid @border-readonly;
+//     border-radius: @borderRadius;
+//     background: @inputBg-readonly;
+//     color: @textColor-readonly;
+//     cursor: not-allowed;
+//     .ivu-icon {
+//         color: @textColor-readonly;
+//     }
+// }
+.bri-control-show {
+    border: none;
+    background-color: transparent;
+    color: @textColor;
+
+    .text {
+        .dsh-ellipsis();
+    }
+}
+
+// 自定义样式
+#custom-show () {
+    margin: 0px;
+    min-height: 32px;
+    color: @textColor-readonly;
+    border: 1px solid @border-readonly;
+    background: @inputBg-readonly;
+    border-radius: @borderRadius;
+
+    &.bri-control-nodata {
+        .dsh-ellipsis();
+    }
+}
+
+// 带边框 frame
+.control-show-frame {
+    #custom-show ();
+    background: transparent;
+    padding: 3px 7px;
+    line-height: 24px;
+
+    &-tag {
+        #custom-show ();
+        background: transparent;
+        padding: 1px 4px;
+
+        &.bri-control-nodata {
+            padding: 3px 7px;
+            line-height: 24px
+        }
+    }
+}
+
+// 带背景 backdrop
+.control-show-backdrop {
+    #custom-show ();
+    border: none;
+    padding: 4px 7px;
+    line-height: 24px;
+
+    &-tag {
+        #custom-show ();
+        border: none;
+        padding: 2px 4px;
+
+        &.bri-control-nodata {
+            padding: 4px 7px;
+            line-height: 24px
+        }
+    }
+}
+
+
+.bri-control-unit {
+    border: none;
+    background-color: transparent;
+    color: @textColor;
+
+    .text {
+        .dsh-ellipsis();
+    }
+
+    &.bri-control-nodata {
+        line-height: 1.5;
+    }
+}
+
+// 无数据
+.bri-control-nodata {
+    color: @placeholderColor;
+}
+
+// 单元格标签式展示 -非全部类型通用
+.bri-unit-show () {
+    display: inline-block;
+    max-width: 100%;
+    padding: 0px 6px;
+    line-height: 24px;
+    border-radius: @borderRadius;
+    background-color: @theme-focus;
+    color: @themeColor;
 }