bri-components 1.0.5 → 1.1.0

package/src/styles/components/controls/DshSelect.less

@@ -128,45 +128,61 @@
             }
 
             each(@resourceColor, {
-                .color-@{index} {
-                    .ivu-radio {
-                        .ivu-radio-inner {
-                            border-color: @value;
+                    .color-@{index} {
+                        .ivu-radio {
+                            .ivu-radio-inner {
+                                border-color: @value;
+                            }
                         }
-                    }
 
-                    .ivu-radio-checked {
-                        .ivu-radio-inner {
-                            &::after {
-                                background-color: @value;
+                        .ivu-radio-checked {
+                            .ivu-radio-inner {
+                                &::after {
+                                    background-color: @value;
+                                }
                             }
                         }
                     }
                 }
-            });
+
+            );
+        }
     }
-}
 
-&-select-prefix {
-    color: @themeColor;
-}
+    &-select-prefix {
+        color: @themeColor;
+    }
 
-&-tooltip {
-    display: flex;
-    align-items: center;
-    width: 100%;
-}
+    &-tooltip {
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
 
-&-content {
-    display: inline-block;
-    text-align: center;
-    max-width: 100%;
-    line-height: 100%;
-    vertical-align: middle;
-    width: fit-content;
-    border-radius: 14px;
-    line-height: 100%;
-    padding: 5px 10px;
-    font-size: 14px;
+    &-content {
+        display: inline-block;
+        text-align: center;
+        max-width: 100%;
+        line-height: 100%;
+        vertical-align: middle;
+        width: fit-content;
+        border-radius: 14px;
+        line-height: 100%;
+        padding: 5px 10px;
+        font-size: 14px;
+    }
 }
+
+.ivu-select-item {
+    margin: 4px 8px;
+    border-radius: @borderRadius;
+
+    &:hover {
+        background: @bgColor;
+    }
+
+    &-selected {
+        background-color: @theme-focus  !important;
+        color: @themeColor;
+    }
 }

package/src/styles/components/controls/ZUpload.less

@@ -1,9 +1,11 @@
 .ZUpload {
     width: 100%;
     height: 100%;
-    background: #FFF;
     position: relative;
     overflow: hidden;
+    border: 1px solid @borderColor;
+    border-radius: @borderRadius;
+    background-color: @white;
 
     // 外围
     &-old {
@@ -11,37 +13,28 @@
         display: flex;
 
         &-wrapper {
-            min-width: 80px;
+            min-width: 120px;
             height: 100%;
-            margin: 8px 0px 8px 8px;
-            border: none;
+            margin: 16px 0px 16px 16px;
             border-radius: 0px;
-
+            border: none;
             &:hover {
                 border: none
             }
         }
 
         &-imageadd {
-            width: 80px;
-            height: 80px;
-            border-radius: 0px;
-            background: transparent!important;
-            display: flex;
-            align-items: center;
-            justify-content: center;
+            .dsh-flex-col-center-center();
+            width: 120px;
+            height: 120px;
             position: relative;
-            border: 1px @shenpi-themeColor dashed;
-            color:@shenpi-themeColor;
-
-            i {
-                color: @iconDefaultGreyColor;
-                font-size: 14px;
-
-                &.bico-tianjia1{
-                    color: @shenpi-themeColor;
-                    margin-right: 8px;
-                }
+            border: 1px @borderColor dashed;
+            color: @themeColor;
+            border-radius: @borderRadius;
+            cursor: pointer;
+            &:hover {
+                border-color: @themeColor;
+                background-color: @theme-focus;
             }
         }
 
@@ -54,10 +47,10 @@
             margin-top: -25px;
             margin-left: -25px;
             border-radius: 50%;
-            background-color: #f4f5fa;
+            background-color: @inputBg-readonly;
 
             i {
-                color: #5cb85c;
+                color: @scuess-color;
                 font-size: 40px;
             }
         }
@@ -68,29 +61,27 @@
         display: flex;
 
         &-wrapper {
-            min-width: 50px;
-            background-color: @uploadBackgroundColor;
+            min-width: 30px;
+            background-color: @border-readonly;
             height: 30px;
             line-height: 30px;
             border: none;
-
+            border-radius: 0px !important;
             &:hover {
                 border: none
             }
         }
 
         &-imageadd {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            white-space: nowrap;
-            font-size: 14px;
-            padding: 0 3px;
+            .dsh-flex-row-center-center();
             height: 30px;
-            position: relative;
-
-            i {
-                color: @iconDefaultGreyColor;
+            background-color: @btn-hover;
+            color: @textColor;
+            border: none;
+            border-radius: 0px;
+            &:hover {
+                color: @themeColor;
+                background-color: @theme-focus;
             }
         }
 
@@ -104,9 +95,8 @@
             margin-left: -12px;
             background-color: #f4f5fa;
             border-radius: 50%;
-
             i {
-                color: #5cb85c;
+                color: @scuess-color;
                 font-size: 24px;
             }
         }
@@ -119,15 +109,15 @@
 
         // 普通文件
         &-old {
-            margin: 8px 8px 8px;
+            margin: 16px;
         }
 
         &-nodata {
             width: 100%;
             height: 100%;
             text-align: center;
-            line-height: 80px;
-            color: #929292;
+            line-height: 120px;
+            color: @placeholderColor;
             white-space: nowrap;
 
             span {
@@ -141,8 +131,8 @@
         }
 
         &-listItem {
-            flex: 0 0 80px;
-            height: 80px;
+            flex: 0 0 120px;
+            height: 120px;
             margin-right: 10px;
             background: #f4f5fa;
             text-align: center;
@@ -151,7 +141,7 @@
             flex-direction: column;
             justify-content: space-between;
             position: relative;
-
+            border-radius: @borderRadius;
             &:hover {
                 .uploadList-listItem-action {
                     display: flex !important;
@@ -193,7 +183,7 @@
                 top: 0px;
                 left: 0px;
                 bottom: 0px;
-                background-color: rgba(0, 0, 0, 0.5);
+                background-color: @placeholderColor;
                 align-items: center;
                 justify-content: center;
 
@@ -211,22 +201,22 @@
         &-inline {
             height: 30px;
             line-height: 30px;
-
             &-list {
                 width: 100%;
                 height: 100%;
                 display: flex;
                 flex-wrap: nowrap;
-                overflow: auto;
+                overflow-x: auto;
+                overflow-y: hidden;
                 padding-left: 3px;
             }
 
             &-listItem {
-                flex: 0 0 50px;
+                flex: 0 0 48px;
                 background: #f4f5fa;
                 margin-right: 3px;
                 position: relative;
-
+                border-radius: @borderRadius;
                 img {
                     max-width: 100%;
                     max-height: 100%;
@@ -240,10 +230,10 @@
                     right: 0;
                     top: 0;
                     bottom: 0;
-                    background-color: rgba(0, 0, 0, 0.4);
+                    background-color: @placeholderColor;
                     color: #fff;
                     align-items: center;
-
+                    justify-content: center;
                     i {
                         margin: 0px;
                     }
@@ -266,6 +256,11 @@
                     }
                 }
             }
+
+            &-nodata {
+                padding-left: 7px;
+                color: @placeholderColor;
+            }
         }
     }
 }
@@ -401,46 +396,42 @@
     }
 }
 
-// 不同模式下的样式
-.ZUpload.control {
-    &-default {
-        &-edit {
-            border: 1px solid @formBorderColor;
-            border-radius: 0px;
-        }
-
-        &-readonly {
-            border: 1px solid @readonlyBorderColor;
-            border-radius: 0px;
-        }
-
-        &-disabled {
-            border: 1px solid @readonlyBorderColor;
-            border-radius: 0px;
-        }
-
+.ZUpload-readonly {
+    border: none;
+    border-radius: 0px;
+    background-color: transparent;
+    .ZUploa-old-wrapper {
+        margin: 0px;
     }
-
-    &-rimless {
-        &-edit {
-            border: 1px solid @formBorderColor;
-            border-radius: 0px;
-        }
-
-        &-readonly {
-            padding: 5px 0;
-
-            .uploadList-old {
-                margin: 0;
-            }
+    .uploadList-old {
+        margin: 0px;
+       
+    }
+    .uploadList-listItem {
+        flex: 0 0 80px;
+        height: 80px;  
+    }
+    .uploadList-inline {
+        height: 48px;
+        line-height: 48px;
+        &-listItem {
+            flex: 0 0 48px
         }
+    }
+}
 
-        &-disabled {
-            padding: 5px 0;
-
-            .uploadList-old {
-                margin: 0;
-            }
-        }
+.ZUpload-disabled {
+    cursor: not-allowed;
+    border-color: @border-disabled;
+    .ZUploa-old-wrapper {
+        margin: 0px;
+    }
+    .uploadList-old {
+        margin: 0px;
+       
+    }
+    .uploadList-listItem {
+        flex: 0 0 80px;
+        height: 80px;  
     }
 }

package/src/styles/components/controls/cascaderTable.less

@@ -0,0 +1,33 @@
+.cascaderTable {
+    &-unit {
+        .unit-show()
+    }
+    &-btns {
+        text-align: right;
+        color: @textColor;
+    }
+    &-con {
+        width:100%;
+        overflow:hidden;
+        background-color: #FFF;
+        &-icon {
+            font-size: 18px;
+            color: @themeColor;
+        }
+        &-outspan {
+            display: inline-block;
+            height: 24px;
+            line-height: 24px;
+            padding: 0 5px;
+            margin: auto;
+            background: rgba(96, 144, 237, 0.15);
+            border-radius: 12px;
+            text-align: center;
+            color: @themeColor;
+        }
+        &-innerspan {
+            font-size: 14px;
+            color: @themeColor;
+        }
+    }
+}

package/src/styles/components/controls/controlShow.less

@@ -0,0 +1,12 @@
+.controlShow {
+    &-val {
+        display: inline-block;
+        width: 100%;
+        height: 100%;
+    }
+
+    &-nodata {
+        color: rgba(0, 0, 0, 0.4);
+        font-weight: 400;
+    }
+}

package/src/styles/components/controls/flatTable.less

@@ -0,0 +1,33 @@
+.flatTable {
+    width: 100%;
+    &-unit {
+        .unit-show()
+    }
+    &-btns {
+        text-align: right;
+        color: @textColor;
+    }
+    &-con {
+        width:100%;
+        overflow:hidden;
+        &-icon {
+            font-size: 18px;
+            color: @themeColor;
+        }
+        &-outspan {
+            display: inline-block;
+            height: 24px;
+            line-height: 24px;
+            padding: 0 5px;
+            margin: auto;
+            background: rgba(96, 144, 237, 0.15);
+            border-radius: 12px;
+            text-align: center;
+            color: @themeColor;
+        }
+        &-innerspan {
+            font-size: 14px;
+            color: @themeColor;
+        }
+    }
+}

package/src/styles/components/form/DshAdvSearchForm.less

@@ -49,8 +49,8 @@
         &-loop {
             padding: 10px;
             margin: 6px;
-            border: 1px solid @greyColor;
-            background-color: @ghostBg;
+            border: 1px solid @placeholderColor;
+            background-color: #F4F8FF;
         }
 
         &-item {
@@ -66,7 +66,7 @@
                 margin: 5px 0px;
                 text-align: center;
                 font-size: 16px;
-                color: @subColor;
+                color: @textColor;
             }
 
             &-control {
@@ -76,7 +76,7 @@
             &-blank {
                 text-align: center;
                 line-height: 30px;
-                color: @subColor;
+                color: @textColor;
             }
 
             &-extra {
@@ -96,7 +96,7 @@
                             display: inline-block;
                             padding: 5px;
                             &:hover {
-                                background-color: @hoverBg;
+                                background-color: #E8F3FD;
                             }
                         }
 
@@ -154,6 +154,6 @@
         margin: 20px 0px;
         text-align: center;
         font-size: 16px;
-        color: @subColor;
+        color: #B8BECC;
     }
 }

package/src/styles/components/index.less

@@ -11,7 +11,12 @@
 @import "./controls/DshEditor.less";
 @import "./controls/MultipleInput.less";
 @import "./controls/DshLabels.less";
+@import "./controls/BriLabels.less";
 @import "./controls/DshPackage.less";
+@import "./controls/flatTable.less";
+@import "./controls/cascaderTable.less";
+@import "./controls/controlShow.less";
+@import "./controls/DshDate.less";
 
 // form
 @import "./form/DshAdvSearchForm.less";
@@ -24,6 +29,8 @@
 @import "./list/DshSingleData.less";
 @import "./list/DshCrossTable.less";
 @import "./list/ivu_reset.less";
+@import "./list/BriTable.less";
+@import "./list/BriFlatTable.less";
 
 // other
 @import "./other/DshEditPanel.less";
@@ -34,6 +41,7 @@
 @import "./other/ZGantt.less";
 @import "./other/InfoCascader.less";
 @import "./other/ZLoading.less";
+@import "./other/BriTransfer.less";
 
 // small
 @import "./small/DshButtons.less";
@@ -44,6 +52,8 @@
 @import "./small/DshTitle.less";
 @import "./small/DshSteps.less";
 @import "./small/DshControlDefine.less";
+@import "./small/BriButton.less";
+@import "./small/BriTree.less";
 
 // unit
 @import "./unit/DshFormItem.less";

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

@@ -0,0 +1,8 @@
+.BriFlatTable {
+    &-main {
+        height: auto;
+    }
+    &-create {
+        margin-top: 8px;
+    }
+}