bri-components 1.0.3 → 1.1.0

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

@@ -0,0 +1,155 @@
+// 表格颜色定制
+@tableTitleColor: @contentColor;
+@tableHover: #edf8fa;
+@tableSeatchColor: @placeholderColor;
+
+.bri-table {
+    .dsh-flex-col-between-start();
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    word-break: break-word;
+
+    &-content {
+        width: 100%;
+        max-height: 100%;
+
+        .ve-table {
+            height: 100%;
+
+            &-container {
+                height: 100% !important;
+            }
+
+            &.ve-table-border-around {
+                border-radius: @borderRadius;
+            }
+        }
+    }
+
+    &-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%;
+        color: @textColor;
+        text-align: center;
+        border: 1px solid @borderColor;
+        border-top: none;
+        padding: 9px 20px;
+        border-bottom-left-radius: @borderRadius;
+        border-bottom-right-radius: @borderRadius;
+        .dsh-flex-row-center-center();
+    }
+
+    &-loading {
+        color: @themeColor;
+    }
+
+    td {
+        white-space: normal !important;
+    }
+
+    &-th {
+        border-bottom: none !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);
+    }
+
+}
+
+.ve-table .ve-table-container.ve-table-container-left-scrolling .ve-table-last-left-fixed-column {
+    // border-color: transparent;
+    // box-shadow: -5px 0 10px 0 rgba(0,0,0,0.1), -1px 0 4px 0 rgba(0,0,0,0.2), -2px 0 8px 0 rgba(0,0,0,0.2);
+}
+
+.ve-table .ve-table-container.ve-table-container-right-scrolling .ve-table-first-right-fixed-column {
+    // border-color: transparent;
+    // box-shadow: -5px 0 10px 0 rgba(0,0,0,0.1), -1px 0 4px 0 rgba(0,0,0,0.2), -2px 0 8px 0 rgba(0,0,0,0.2);
+}
+
+// 排序
+.ve-table-sort {
+    float: right;
+    margin-top: -4px;
+
+    .icon-vet-sort-top-arrow:before {
+        content: "\e6347";
+    }
+
+    .icon-vet-sort-bottom-arrow:before {
+        content: "\e6349";
+    }
+}
+
+// 筛选
+.ve-dropdown {
+    float: right;
+    margin-right: 24px;
+    margin-top: -4px;
+}
+
+.ve-table .ve-table-container .ve-table-content-wrapper table.ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter .ve-table-filter-icon {
+    &:hover {
+        color: @themeColor;
+    }
+}
+
+.ve-dropdown-popper {
+    .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;
+    }
+}

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

@@ -18,7 +18,7 @@
                 color: #666;
 
                 &-description {
-                    color: @shadowColor
+                    color: #828499;
                 }
             }
 
@@ -37,11 +37,6 @@
                     .td-inner {
                         &-compare {
                             width: 100%;
-                            &-unit {
-                                .control-rimless-readonly {
-                                    background-color: rgb(250, 234, 241);
-                                }
-                            }
                         }
                     }
 
@@ -86,8 +81,8 @@
         margin: 5px 0px;
         
         button {
-            border-color: @formFocusBorderColor;
-            color: @formFocusBorderColor;
+            border-color: @theme-focus;
+            color: @theme-focus;
             background-color: @bgColor;
         
             &:hover {

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

@@ -64,7 +64,7 @@
             .ivu-select-selected-value{
                 height: 22px;
                 line-height: 22px;
-                font-size: @tipTextSize;
+                font-size: @smallSize;
             }
         }
     }

package/src/styles/components/other/BriTransfer.less

@@ -0,0 +1,65 @@
+.BriTransfer {
+    .ivu-transfer {
+        &-list {
+            width: 200px;
+            height: 346px;
+
+            &-header {
+                background-color: #fff;
+                border-radius: 4px 4px 0 0;
+            }
+
+            &-body {
+                border-radius: 0 0 4px 4px;
+            }
+
+            &-content-not-found {
+                margin-top: 138px;
+            }
+
+            &-content-item {
+                display: flex;
+                margin: 4px 8px;
+                padding: 5px 12px;
+                border-radius: 4px;
+
+                &:hover {
+                    background-color: #E8F3FD;
+                }
+
+                &:has(.ivu-checkbox-wrapper-checked) {
+                    background-color: @theme-focus ;
+                }
+
+                >span {
+                    word-break: normal;
+                    display: block;
+                    white-space: pre-wrap;
+                    word-wrap: break-word;
+                    overflow: hidden;
+                }
+            }
+        }
+
+        &-operation {
+            .ivu-btn-primary {
+                width: 24px;
+                height: 24px;
+                border-radius: 4px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                .ivu-icon {
+                    font-size: 16px;
+                }
+            }
+
+            .ivu-btn-primary[disabled] {
+                border: 1px solid #CCCCCC;
+                background: @borderColor;
+                color: @textColor-disabled;
+            }
+        }
+    }
+}

package/src/styles/components/other/DshEditPanel.less

@@ -26,7 +26,7 @@
                 position: absolute;
                 top: -6px;
                 right: -4px;
-                color: @tabTextActiveColor;
+                color: @themeColor;
             }
         }
     }
@@ -55,7 +55,7 @@
                 }
             }
             &:hover {
-                color: @tabTextActiveColor;
+                color: @themeColor;
             }
         }
     }

package/src/styles/components/other/DshMenuNav.less

@@ -13,7 +13,7 @@
         display: flex;
         flex-direction: column;
         position: relative;
-        box-shadow: @boxShadowRight;
+        box-shadow: 5px 0px 9px rgba(0, 0, 0, 0.1);
         &-left {
         }
         &-right {
@@ -39,11 +39,11 @@
                 font-size: @smallTitleSize;
                 cursor: pointer;
                 &:hover {
-                    color: @tabTextActiveColor;
+                    color: @themeColor;
                 }
                 &-active {
-                    color: @tabTextActiveColor;
-                    background-color: @tabBgActiveColor;
+                    color: @themeColor;
+                    background-color: #F7FCFC;
                 }
 
                 &-bottom {
@@ -62,7 +62,7 @@
                     background: #fff;
                 }
                 &-iconClass {
-                    color: @tabTextActiveColor;
+                    color: @themeColor;
                     padding-right: 5px;
                     font-size: 18px;
                 }

package/src/styles/components/other/ZGantt.less

@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     color: #656565;
-    font-size: @tipTextSize;
+    font-size: @smallSize;
     line-height: 28px;
     position: relative;
     display: flex;
@@ -67,7 +67,7 @@
             background: rgba(244,246,249,0.5119);
         }
         &-th {
-            // background: @ghostBg;
+            background: #F4F8FF;
             font-weight:400;
             color:rgba(101,101,101,1);
         }
@@ -142,7 +142,7 @@
                     transform: translateY(15px);
                     text-align: left;
                     height: 29px;
-                    font-size: @tipTextSize;
+                    font-size: @smallSize;
                     white-space: nowrap;
                     text-overflow: ellipsis;
                     overflow: hidden;
@@ -203,14 +203,14 @@
         }
         &-bg {
             position: absolute;
-            background: @ghostBg;
+            background: #F4F8FF;
             left: 0px;
             right: 0px;
             height: 28px;
             border-radius: 28px;
         }
         &-icon {
-            background: @ghostBg;
+            background: #F4F8FF;
             color: #fff;
             width: 28px;
             height: 28px;

package/src/styles/components/small/BriButton.less

@@ -0,0 +1,259 @@
+// 需要和公共统一,待公共完善后统一属性
+@btnCancelBg: @borderColor;
+@btnCancelBgHover: @border-disabled;
+@btnCancelBgClick: @grey3;
+@btnCancelBgDisabled: @btn-hover ;
+@btnWarningBg: #E83636;
+@btnWarningBgHover: #F07F7F;
+@btnWarningBgClick: #B71515;
+@btnWarningBgDisabled: #F9C8C8;
+@btnBgHover: @theme-hover;
+@btnBgclick: @theme-active;
+@btnBgDisabled: @theme-disabled;
+
+//type
+.ivu-btn {
+    &:focus {
+        box-shadow: none;
+    }
+}
+.ivu-btn-primary {
+    border-color: @btnBg;
+    &:hover {
+        background-color: @btnBgHover;
+        border-color: @btnBgHover;
+    }
+    &:active {
+        background-color: @btnBgclick;
+        border-color: @btnBgclick;
+    }
+    &[disabled] {
+        background-color: @btnBgDisabled;
+        border-color: @btnBgDisabled;
+        color: @textWhColor;
+        &:hover, &:active {
+            background-color: @btnBgDisabled;
+            border-color: @btnBgDisabled;
+            color: @textWhColor;
+        }
+    }
+}
+.ivu-btn-cancel {
+    color: @textColor;
+    background-color: @btnCancelBg;
+    border-color: @btnCancelBg;
+    &:hover {
+        background-color: @btnCancelBgHover;
+        border-color: @btnCancelBgHover;
+        color: @textColor;
+    }
+    &:active {
+        background-color: @btnCancelBgClick;
+        border-color: @btnCancelBgClick;
+        color: @textColor;
+    }
+    &[disabled] {
+        background-color: @btnCancelBgDisabled;
+        border-color: @btnCancelBgDisabled;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            background-color: @btnCancelBgDisabled;
+            border-color: @btnCancelBgDisabled;
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-text {
+    color: @textColor;
+     &:hover {
+        background-color: @btnCancelBgDisabled;
+        color: @textColor;
+     }
+     &:active {
+        background-color: @btnCancelBg;
+        color: @textColor;
+     }
+     &[disabled] {
+         color: @textColor-disabled;
+         &:hover, &:active {
+             color: @textColor-disabled;
+         }
+     }
+ }
+ .ivu-btn-primaryText {
+    color: @themeColor;
+    border: none;
+    &:hover {
+        color: @themeColor;
+     }
+     &:active {
+        color: @themeColor;
+     }
+    &[disabled] {
+        border: none;
+        color: @textColor-disabled;
+        background-color: transparent;
+        &:hover, &:active {
+            color: @textColor-disabled;
+        }
+    }
+ }
+.ivu-btn-linkText {
+    color: @themeColor;
+    &:hover {
+        background-color: transparent;
+    }
+    &:active {
+        background-color: transparent;
+    }
+    &[disabled] {
+        color: @theme-disabled;
+        &:hover, &:active {
+            color: @theme-disabled;
+        }
+    }
+}
+.ivu-btn-errorText {
+    color: @error-color;
+    &:hover {
+        color: @error-color;
+    }
+    &:active {
+        color: @error-color;
+    }
+    &[disabled] {
+        color: @textColor-disabled;
+        &:hover, &:active {
+            color: @textColor-disabled;
+        }
+    }
+}
+
+.ivu-btn-error {
+    color: @textWhColor;
+    background-color: @btnWarningBg;
+    border-color: @btnWarningBg;
+    &:hover {
+        background-color: @btnWarningBgHover;
+        border-color: @btnWarningBgHover;
+    }
+    &:active {
+        background-color: @btnWarningBgClick;
+        border-color: @btnWarningBgClick;
+    }
+    &[disabled] {
+        background-color: @btnWarningBgDisabled;
+        border-color: @btnWarningBgDisabled;
+        color: @textWhColor;
+        &:hover, &:active {
+            background-color: @btnWarningBgDisabled;
+            border-color: @btnWarningBgDisabled;
+            color: @textWhColor;
+        }
+    }
+}
+.ivu-btn-default, .ivu-btn-dashed {
+    color: @textColor;
+    border-color: @btnCancelBg;
+    background-color: #fff;
+    &:hover {
+        color: @btnBgHover;
+        border-color: @btnBgHover;
+    }
+    &:active {
+        background-color: @btnCancelBg;
+        color: @btnBgclick;
+        border-color: @btnBgclick;
+    }
+    &[disabled] {
+        background-color: @btnCancelBg;
+        border-color: @btnCancelBgHover;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            background-color: @btnCancelBg;
+            border-color: @btnCancelBgHover;
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-errorLine {
+    color: @btnWarningBg;
+    border-color: @btnWarningBg;
+    background-color: #fff;
+    &:hover {
+        border-color: @btnWarningBgHover;
+        color: @btnWarningBgHover;
+    }
+    &:active {
+        background-color: @btnCancelBg;
+        border-color: @btnWarningBgClick;
+        color: @btnWarningBgClick;
+    }
+    &[disabled] {
+        background-color: @btnCancelBg;
+        border-color: @btnWarningBgDisabled;
+        color: @btnWarningBgDisabled;
+        &:hover, &:active {
+            background-color: @btnCancelBg;
+            border-color: @btnWarningBgDisabled;
+            color: @btnWarningBgDisabled;
+        }
+    }
+}
+
+.ivu-btn-ghost {
+    background: 0 0;
+}
+
+.ivu-btn-large {
+    padding: 0 23px;
+}
+
+.ivu-btn-ghost.ivu-btn-primary {
+    border-color: @themeColor;
+    &:hover {
+        color: @theme-hover;
+        border-color: @theme-hover;
+        background-color: transparent;
+    }
+    &:active {
+        color: @theme-active;
+        border-color: @theme-active;
+        background-color: transparent;
+    }
+    &[disabled] {
+        border-color: @contentColor;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            border-color: @contentColor;
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-ghost.ivu-btn-cancel {
+    color: @textWhColor;
+    border-color: @fontWh2;
+    &:hover {
+        color: @themeColor;
+        border-color: @themeColor;
+        background-color: transparent;
+    }
+    &:active {
+        color: @theme-active;
+        border-color: @theme-active;
+        background-color: transparent;
+    }
+    &[disabled] {
+        border-color: @contentColor;
+        color: @textColor-disabled;
+        background-color: transparent;
+        &:hover, &:active {
+            border-color: @contentColor;
+            color: @textColor-disabled;
+            background-color: transparent;
+        }
+    }
+}
+.ivu-btn-ghost.ivu-btn-error {
+    color: @btnWarningBg;
+}

package/src/styles/components/small/BriTree.less

@@ -0,0 +1,57 @@
+
+.BriTree {
+    border: 1px solid @btnCancelBg;
+    border-radius: @borderRadius;
+    width: 336px;
+    overflow: auto;
+    padding: 8px;
+    user-select: none;
+    max-width: 100%;
+    
+}
+.ivu-tree {
+    .ivu-icon-ios-arrow-forward {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        border-radius: @borderRadius;
+        &:before {
+            content: "\F341";
+            width: 100%;
+            height: 100%;
+            .dsh-flex-row-center-center();
+        }
+        &:hover {
+            background-color: @btnCancelBgDisabled;
+        }
+    }
+    &-arrow {
+        width: auto;
+        color: @placeholderColor;
+        margin-top: 4px;
+        &-open {
+            color: @themeColor;
+        }
+    }
+    &-title {
+        color: @textColor;
+        padding: 3px 8px 4px;
+        border-radius: @borderRadius;
+        display: inline-flex;
+        width: calc(100% - 20px);
+        &:hover {
+            background-color: @bgColor;
+        }
+        &-selected {
+            color: @themeColor;
+            background-color: @theme-focus;
+        }
+    }
+    .ivu-checkbox-wrapper+.ivu-tree-title {
+        margin-left: -30px;
+        padding-left: 30px;
+    }
+    .ivu-load-loop {
+        color: @themeColor;
+    }
+}

package/src/styles/components/small/Ctooltip.less

@@ -1,4 +1,18 @@
 .Ctooltip {
+    display: flex;
+    .ivu-tooltip-arrow {
+        border-bottom-color: rgba(0, 0, 0, 0.9) !important;
+    }
+
+    .ivu-tooltip-inner {
+        border-radius: 4px;
+        background: rgba(0, 0, 0, 0.9);
+        color: rgba(255, 255, 255, 0.9);
+        font-size: 14px;
+        font-weight: 400;
+        padding: 5px 8px;
+    }
+
     .ivu-tooltip-rel {
         width: 100%;
     }

package/src/styles/components/small/DshButtons.less

@@ -35,6 +35,6 @@
 
     .ivu-btn-text {
         background-color: transparent;
-        color: @formFocusBorderColor;
+        color: @themeColor;
     }
 }