@vtx/modals2 2.15.63 → 2.15.64

package/lib/vm-repair-maintain/style/index.less

@@ -1,115 +1,115 @@
-.repair-maintain {
-    margin: 0 4px;
-    .rm-head {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-
-    .rm-summary {
-        display: flex;
-        justify-content: start;
-        align-items: center;
-
-        &-item {
-            margin-right: 76px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 19px;
-            }
-
-            &--name {
-                color: var(--label-color);
-            }
-            &--value {
-                color: var(--info-color);
-                font-size: 12px;
-                span {
-                    font-size: 22px;
-                }
-                &-compare {
-                    display: inline-block;
-                    margin-left: 36px;
-                }
-            }
-        }
-    }
-
-    .rm-type {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-chart {
-            height: 218px;
-
-            img {
-                padding-bottom: 24px;
-            }
-        }
-    }
-
-    .rm-month-trend {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-chart {
-            height: 218px;
-        }
-    }
-
-    .triangle-up {
-        width: 12px;
-        height: 8px;
-        position: relative;
-        overflow: hidden;
-        display: inline-block;
-        margin-left: 4px;
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: #f65861;
-            transform-origin: left bottom;
-            transform: rotate(45deg);
-        }
-    }
-    .triangle-down {
-        width: 12px;
-        height: 8px;
-        position: relative;
-        overflow: hidden;
-        display: inline-block;
-        margin-left: 4px;
-        margin-bottom: -2px;
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: #41ffb4;
-            transform-origin: right top;
-            transform: rotate(45deg);
-        }
-    }
-
-    .rm-record {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        min-height: 200px;
-        margin-top: 10px;
-    }
-}
+.repair-maintain {
+    margin: 0 4px;
+    .rm-head {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .rm-summary {
+        display: flex;
+        justify-content: start;
+        align-items: center;
+
+        &-item {
+            margin-right: 76px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+
+            &--name {
+                color: var(--label-color);
+            }
+            &--value {
+                color: var(--info-color);
+                font-size: 12px;
+                span {
+                    font-size: 22px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+    }
+
+    .rm-type {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-chart {
+            height: 218px;
+
+            img {
+                padding-bottom: 24px;
+            }
+        }
+    }
+
+    .rm-month-trend {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-chart {
+            height: 218px;
+        }
+    }
+
+    .triangle-up {
+        width: 12px;
+        height: 8px;
+        position: relative;
+        overflow: hidden;
+        display: inline-block;
+        margin-left: 4px;
+        &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: #f65861;
+            transform-origin: left bottom;
+            transform: rotate(45deg);
+        }
+    }
+    .triangle-down {
+        width: 12px;
+        height: 8px;
+        position: relative;
+        overflow: hidden;
+        display: inline-block;
+        margin-left: 4px;
+        margin-bottom: -2px;
+        &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: #41ffb4;
+            transform-origin: right top;
+            transform: rotate(45deg);
+        }
+    }
+
+    .rm-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 200px;
+        margin-top: 10px;
+    }
+}

package/lib/vm-round-content/style/index.less

@@ -1,33 +1,33 @@
-.round-content {
-    .roundWrap {
-        border: 0 !important;
-        height: 32px;
-        padding: 0 12px;
-        background: #4690f9;
-        border-radius: 2px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 22px;
-        font-family: DIN;
-        font-weight: bold;
-        color: #ffffff;
-        margin-top: 10px;
-        cursor: pointer;
-
-        &.dark {
-            border: 1px solid;
-            border-image: linear-gradient(0deg, #2f89e2, #5fadfa) 10 10;
-            background: linear-gradient(180deg, #308de9 0%, #184d80 100%);
-        }
-    }
-
-    .title {
-        font-size: 14px;
-        font-family: PingFang SC;
-        font-weight: bold;
-        color: var(--label-color);
-        line-height: 13px;
-        padding-top: 3px;
-    }
-}
+.round-content {
+    .roundWrap {
+        border: 0 !important;
+        height: 32px;
+        padding: 0 12px;
+        background: #4690f9;
+        border-radius: 2px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 22px;
+        font-family: DIN;
+        font-weight: bold;
+        color: #ffffff;
+        margin-top: 10px;
+        cursor: pointer;
+
+        &.dark {
+            border: 1px solid;
+            border-image: linear-gradient(0deg, #2f89e2, #5fadfa) 10 10;
+            background: linear-gradient(180deg, #308de9 0%, #184d80 100%);
+        }
+    }
+
+    .title {
+        font-size: 14px;
+        font-family: PingFang SC;
+        font-weight: bold;
+        color: var(--label-color);
+        line-height: 13px;
+        padding-top: 3px;
+    }
+}

package/lib/vm-select-device/style/index.less

@@ -1,16 +1,16 @@
-.mySelect {
-    height: 40px;
-    background-color: #fff;
-    position: relative;
-    .selectWrap {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-    }
-    &.otherSelect {
-        display: inline-block;
-        .selectWrap {
-            position: static;
-        }
-    }
-}
+.mySelect {
+    height: 40px;
+    background-color: #fff;
+    position: relative;
+    .selectWrap {
+        position: absolute;
+        right: 10px;
+        top: 5px;
+    }
+    &.otherSelect {
+        display: inline-block;
+        .selectWrap {
+            position: static;
+        }
+    }
+}

package/lib/vm-sub-tabs/style/index.less

@@ -1,179 +1,179 @@
-.vtx-sub-tabs {
-    --border: 1px solid #dadadaff;
-    --border-active: 1px solid #1890ffff;
-    --border-image: none;
-    --color: #222;
-    --active-color: #1890ffff;
-    --active-bg: transparent;
-    min-width: 300px;
-    img {
-        margin: -2px 14px 0 0;
-    }
-
-    &.ghost {
-        --border: 1px solid #4eadfb;
-
-        --color: #1890ff;
-        --active-color: #fff;
-        --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
-    }
-
-    &.dark {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #95fff9ff;
-        --color: #8d9798ff;
-        --active-color: #95fff9ff !important;
-        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
-    }
-    &.blue {
-        --border: 1px solid #1464a6;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #018aff;
-        --color: #fff;
-        --active-color: #fff !important;
-        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
-    }
-
-    .tab-pane {
-        padding: 18px 0;
-    }
-    > .ant-tabs-nav {
-        // margin-bottom: 0;
-
-        &::before {
-            display: none;
-        }
-
-        > .ant-tabs-nav-wrap {
-            > .ant-tabs-nav-list {
-                > .ant-tabs-tab {
-                    height: 32px;
-                    margin-left: 0 !important;
-                    color: var(--color);
-                    background-color: transparent;
-                    border: var(--border);
-                    border-radius: 2px;
-                }
-
-                > .ant-tabs-tab-active {
-                    background: var(--active-bg);
-                    border: var(--border-active);
-                    border-image: var(--border-image);
-
-                    .ant-tabs-tab-btn {
-                        color: var(--active-color);
-                        &:focus {
-                            color: var(--active-color);
-                        }
-                    }
-                }
-            }
-        }
-        .ant-tabs-tab-btn:active {
-            color: var(--border-active);
-        }
-    }
-
-    &.blue {
-        .tab-pane {
-            padding: 18px 0;
-        }
-        > .ant-tabs-nav {
-            // margin-bottom: 0;
-
-            &::before {
-                display: none;
-            }
-
-            > .ant-tabs-nav-wrap {
-                > .ant-tabs-nav-list {
-                    > .ant-tabs-tab {
-                        height: 32px;
-                        margin-left: 0 !important;
-                        color: var(--color);
-                        background-color: var(--active-bg);
-                        border: var(--border);
-                        border-radius: 2px;
-                    }
-
-                    > .ant-tabs-tab-active {
-                        background: var(--active-bg);
-                        border: var(--border-active);
-                        border-image: var(--border-image);
-
-                        .ant-tabs-tab-btn {
-                            color: var(--active-color);
-                            &:focus {
-                                color: var(--active-color);
-                            }
-                        }
-                    }
-                }
-            }
-            .ant-tabs-tab-btn:active {
-                color: var(--border-active);
-            }
-        }
-    }
-}
-
-.vtx-sub-tabs-line {
-    --border: 1px solid #dadadaff;
-    --border-active: 1px solid #1890ffff;
-    --border-image: none;
-    --color: #222;
-    --active-color: #1890ffff;
-    --active-bg: transparent;
-
-    &.dark {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #95fff9ff;
-        --color: #8d9798ff;
-        --active-color: #95fff9ff !important;
-        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
-    }
-
-    &.blue {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #018aff !important;
-        --color: #ffffff;
-        --active-color: #1890ffff !important;
-        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
-    }
-    > .ant-tabs-nav {
-        // margin-bottom: 0;
-
-        &::before {
-            border-bottom: 1px solid rgba(102, 244, 251, 0.1);
-            content: '';
-        }
-
-        > .ant-tabs-nav-wrap {
-            > .ant-tabs-nav-list {
-                > .ant-tabs-tab {
-                    height: 32px;
-                    color: var(--color);
-                    background-color: transparent;
-                }
-
-                > .ant-tabs-tab-active {
-                    .ant-tabs-tab-btn {
-                        color: var(--active-color);
-                        &:focus {
-                            color: var(--active-color);
-                        }
-                    }
-                }
-                > .ant-tabs-ink-bar {
-                    background: var(--active-color);
-                }
-            }
-        }
-        .ant-tabs-tab-btn:active {
-            color: var(--border-active);
-        }
-    }
-}
+.vtx-sub-tabs {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+    min-width: 300px;
+    img {
+        margin: -2px 14px 0 0;
+    }
+
+    &.ghost {
+        --border: 1px solid #4eadfb;
+
+        --color: #1890ff;
+        --active-color: #fff;
+        --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
+    }
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+    &.blue {
+        --border: 1px solid #1464a6;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #018aff;
+        --color: #fff;
+        --active-color: #fff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+
+    .tab-pane {
+        padding: 18px 0;
+    }
+    > .ant-tabs-nav {
+        // margin-bottom: 0;
+
+        &::before {
+            display: none;
+        }
+
+        > .ant-tabs-nav-wrap {
+            > .ant-tabs-nav-list {
+                > .ant-tabs-tab {
+                    height: 32px;
+                    margin-left: 0 !important;
+                    color: var(--color);
+                    background-color: transparent;
+                    border: var(--border);
+                    border-radius: 2px;
+                }
+
+                > .ant-tabs-tab-active {
+                    background: var(--active-bg);
+                    border: var(--border-active);
+                    border-image: var(--border-image);
+
+                    .ant-tabs-tab-btn {
+                        color: var(--active-color);
+                        &:focus {
+                            color: var(--active-color);
+                        }
+                    }
+                }
+            }
+        }
+        .ant-tabs-tab-btn:active {
+            color: var(--border-active);
+        }
+    }
+
+    &.blue {
+        .tab-pane {
+            padding: 18px 0;
+        }
+        > .ant-tabs-nav {
+            // margin-bottom: 0;
+
+            &::before {
+                display: none;
+            }
+
+            > .ant-tabs-nav-wrap {
+                > .ant-tabs-nav-list {
+                    > .ant-tabs-tab {
+                        height: 32px;
+                        margin-left: 0 !important;
+                        color: var(--color);
+                        background-color: var(--active-bg);
+                        border: var(--border);
+                        border-radius: 2px;
+                    }
+
+                    > .ant-tabs-tab-active {
+                        background: var(--active-bg);
+                        border: var(--border-active);
+                        border-image: var(--border-image);
+
+                        .ant-tabs-tab-btn {
+                            color: var(--active-color);
+                            &:focus {
+                                color: var(--active-color);
+                            }
+                        }
+                    }
+                }
+            }
+            .ant-tabs-tab-btn:active {
+                color: var(--border-active);
+            }
+        }
+    }
+}
+
+.vtx-sub-tabs-line {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #018aff !important;
+        --color: #ffffff;
+        --active-color: #1890ffff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+    > .ant-tabs-nav {
+        // margin-bottom: 0;
+
+        &::before {
+            border-bottom: 1px solid rgba(102, 244, 251, 0.1);
+            content: '';
+        }
+
+        > .ant-tabs-nav-wrap {
+            > .ant-tabs-nav-list {
+                > .ant-tabs-tab {
+                    height: 32px;
+                    color: var(--color);
+                    background-color: transparent;
+                }
+
+                > .ant-tabs-tab-active {
+                    .ant-tabs-tab-btn {
+                        color: var(--active-color);
+                        &:focus {
+                            color: var(--active-color);
+                        }
+                    }
+                }
+                > .ant-tabs-ink-bar {
+                    background: var(--active-color);
+                }
+            }
+        }
+        .ant-tabs-tab-btn:active {
+            color: var(--border-active);
+        }
+    }
+}