@vtx/modals2 2.15.65 → 2.15.66

package/README.md

@@ -1,33 +1,33 @@
-# vtx-modals2
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ npm i
-```
-
-Start the dev server,
-
-```bash
-$ npm start
-```
-
-Build documentation,
-
-```bash
-$ npm run docs:build
-```
-
-Run test,
-
-```bash
-$ npm test
-```
-
-Build library via `father`,
-
-```bash
-$ npm run build
-```
+# vtx-modals2
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father`,
+
+```bash
+$ npm run build
+```

package/lib/style/index.less

@@ -1,8 +1,8 @@
-// @webkit-scrollbar-width: 8px;
-// @webkit-scrollbar-height: 8px;
-// @webkit-scrollbar-color: hsla(0, 0%, 80%, 0.08);
-// @webkit-scrollbar-thumb-color: rgba(0, 0, 0, 0.05);
-// @webkit-scrollbar-thumb-radius: 4px;
-// @statistics-text-color: rgba(0, 0, 0, 0.65);
-// @table-row-odd: '#f6f6f6';
-@import './themes/index';
+// @webkit-scrollbar-width: 8px;
+// @webkit-scrollbar-height: 8px;
+// @webkit-scrollbar-color: hsla(0, 0%, 80%, 0.08);
+// @webkit-scrollbar-thumb-color: rgba(0, 0, 0, 0.05);
+// @webkit-scrollbar-thumb-radius: 4px;
+// @statistics-text-color: rgba(0, 0, 0, 0.65);
+// @table-row-odd: '#f6f6f6';
+@import './themes/index';

package/lib/style/themes/dark.less

@@ -1,128 +1,128 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@import './default.less';
-
-// ScrollBar
-* {
-    &::-webkit-scrollbar {
-        width: 0px;
-        height: 0px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: transparent;
-        border-radius: 5px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: transparent;
-        border-radius: 5px;
-    }
-
-    &::-webkit-scrollbar-corner {
-        background-color: transparent;
-    }
-
-    // &::-webkit-scrollbar-thumb:hover {
-    //     background: var(--scroll-bar-hover-bg);
-    // }
-}
-
-.vtx-business-modal-wrap {
-    &.dark {
-        --modal-content-bg: #0b1315;
-        --modal-border-color: #69958a;
-        --head-bg: #122a2c;
-        --bg-color: linear-gradient(0deg, #081e21cc, #000c);
-        --bg-color2: #162123;
-        --sub-bg-color: #ffffff0d;
-        --title-bg-color: #1a292bff;
-        --title-border: 1px solid transparent;
-        --title-border-color: transparent;
-        --title-color: white;
-        --title-color2: #a9d5d3;
-        --sub-title-color: #00f0ff;
-        --label-color: #cafdffff;
-        --base-label-color: #cafdffff;
-        --info-color: #ffffffff;
-        --border-color: '#3C7073FF';
-        --scroll-bar-bg: #39cbc3aa;
-        --scroll-bar-hover-bg: #219fff3d;
-        --scroll-bar-track-bg: transparent;
-        --button-text-color--defalut: #c9e6e8;
-        --button-text-color--active: #ffffff;
-        --button-background-color--default: #1a5561;
-        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
-        --button-checked-color: #1890ff;
-        --arrow-icon-color: #355e5f;
-        --block-bg-color: rgba(255, 255, 255, 0.1);
-        --block-bg-color2: rgba(48, 118, 114, 0.2);
-        --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
-        --info-active: #40ffd3;
-        --info-active2: #52c41a;
-        --info-active3: #40ffd3;
-        --info-danger: #fd3a15;
-        --info-warnning: #f7d93d;
-        --table-head-bg: rgba(0, 173, 177, 0.1);
-        --timeline-active: #24f2ff;
-        --calendar-border: #35444c;
-        --calendar-thead-bg: #29373e;
-        --calendar-bg: rgba(255, 255, 255, 0.1);
-        --list-cell-active1: #fff845;
-        --list-cell-active2: #45d1ff;
-        --list-cell-active3: #20feff;
-        --calendar-date-today-bg-color: #73ffbf;
-        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
-    }
-    &.blue {
-        --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
-        --modal-border-color: rgba(114, 149, 188, 1);
-        --head-bg: linear-gradient(90deg, #124067, rgba(5, 26, 41, 1));
-        --head-bg-border-color2: rgba(58, 135, 203, 1);
-        --bg-color2: rgba(0, 103, 156, 0.1);
-        --bg-border-color2: rgba(32, 102, 167, 0.5);
-        --sub-bg-color: #ffffff0d;
-        --title-border: 1px solid transparent;
-        --title-border-color: transparent;
-        --title-color: white;
-        --title-color2: #fff;
-        --sub-title-color: rgba(100, 188, 255, 1);
-        --label-color: #fff;
-        --base-label-color: #fff;
-        --info-color: rgba(116, 187, 244, 1);
-        --calendar-content-sigle-bg: #1464a62e;
-        --border-color: #1464a6;
-        --scroll-bar-bg: #39cbc3aa;
-        --scroll-bar-hover-bg: #219fff3d;
-        --scroll-bar-track-bg: transparent;
-        --button-text-color--defalut: #c9e6e8;
-        --button-text-color--active: #ffffff;
-        --button-background-color--default: #1a5561;
-        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
-        --button-checked-color: #1890ff;
-        --arrow-icon-color: #355e5f;
-        --block-bg-color: rgba(255, 255, 255, 0.1);
-        --block-bg-color2: rgba(116, 187, 244, 1);
-        --info-active: #40ffd3;
-        --info-active2: #52c41a;
-        --info-active3: #75ffc2;
-        --info-danger: #fd3a15;
-        --info-warnning: #f7d93d;
-        --table-head-bg: rgba(0, 173, 177, 0.1);
-        --timeline-active: #24f2ff;
-        --calendar-border: #35444c;
-        --calendar-thead-bg: rgba(255, 255, 255, 0.1);
-        --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
-        --calendar-bg: rgba(255, 255, 255, 0.1);
-        --image-value-color: #07d4ff;
-        --image-text-color: #ffffff;
-        --list-cell-active1: #fff845;
-        --list-cell-active2: #45d1ff;
-        --list-cell-active3: #20feff;
-        --calendar-date-today-bg-color: #0090ff;
-        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0,144,255,0.8) 0%, rgba(0,144,255,0) 100%);
-    }
-    &.light {
-        --title-color2: rgba(22, 119, 255, 1);
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+@import './default.less';
+
+// ScrollBar
+* {
+    &::-webkit-scrollbar {
+        width: 0px;
+        height: 0px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: transparent;
+        border-radius: 5px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: transparent;
+        border-radius: 5px;
+    }
+
+    &::-webkit-scrollbar-corner {
+        background-color: transparent;
+    }
+
+    // &::-webkit-scrollbar-thumb:hover {
+    //     background: var(--scroll-bar-hover-bg);
+    // }
+}
+
+.vtx-business-modal-wrap {
+    &.dark {
+        --modal-content-bg: #0b1315;
+        --modal-border-color: #69958a;
+        --head-bg: #122a2c;
+        --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+        --bg-color2: #162123;
+        --sub-bg-color: #ffffff0d;
+        --title-bg-color: #1a292bff;
+        --title-border: 1px solid transparent;
+        --title-border-color: transparent;
+        --title-color: white;
+        --title-color2: #a9d5d3;
+        --sub-title-color: #00f0ff;
+        --label-color: #cafdffff;
+        --base-label-color: #cafdffff;
+        --info-color: #ffffffff;
+        --border-color: '#3C7073FF';
+        --scroll-bar-bg: #39cbc3aa;
+        --scroll-bar-hover-bg: #219fff3d;
+        --scroll-bar-track-bg: transparent;
+        --button-text-color--defalut: #c9e6e8;
+        --button-text-color--active: #ffffff;
+        --button-background-color--default: #1a5561;
+        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+        --button-checked-color: #1890ff;
+        --arrow-icon-color: #355e5f;
+        --block-bg-color: rgba(255, 255, 255, 0.1);
+        --block-bg-color2: rgba(48, 118, 114, 0.2);
+        --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
+        --info-active: #40ffd3;
+        --info-active2: #52c41a;
+        --info-active3: #40ffd3;
+        --info-danger: #fd3a15;
+        --info-warnning: #f7d93d;
+        --table-head-bg: rgba(0, 173, 177, 0.1);
+        --timeline-active: #24f2ff;
+        --calendar-border: #35444c;
+        --calendar-thead-bg: #29373e;
+        --calendar-bg: rgba(255, 255, 255, 0.1);
+        --list-cell-active1: #fff845;
+        --list-cell-active2: #45d1ff;
+        --list-cell-active3: #20feff;
+        --calendar-date-today-bg-color: #73ffbf;
+        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+    }
+    &.blue {
+        --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
+        --modal-border-color: rgba(114, 149, 188, 1);
+        --head-bg: linear-gradient(90deg, #124067, rgba(5, 26, 41, 1));
+        --head-bg-border-color2: rgba(58, 135, 203, 1);
+        --bg-color2: rgba(0, 103, 156, 0.1);
+        --bg-border-color2: rgba(32, 102, 167, 0.5);
+        --sub-bg-color: #ffffff0d;
+        --title-border: 1px solid transparent;
+        --title-border-color: transparent;
+        --title-color: white;
+        --title-color2: #fff;
+        --sub-title-color: rgba(100, 188, 255, 1);
+        --label-color: #fff;
+        --base-label-color: #fff;
+        --info-color: rgba(116, 187, 244, 1);
+        --calendar-content-sigle-bg: #1464a62e;
+        --border-color: #1464a6;
+        --scroll-bar-bg: #39cbc3aa;
+        --scroll-bar-hover-bg: #219fff3d;
+        --scroll-bar-track-bg: transparent;
+        --button-text-color--defalut: #c9e6e8;
+        --button-text-color--active: #ffffff;
+        --button-background-color--default: #1a5561;
+        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+        --button-checked-color: #1890ff;
+        --arrow-icon-color: #355e5f;
+        --block-bg-color: rgba(255, 255, 255, 0.1);
+        --block-bg-color2: rgba(116, 187, 244, 1);
+        --info-active: #40ffd3;
+        --info-active2: #52c41a;
+        --info-active3: #75ffc2;
+        --info-danger: #fd3a15;
+        --info-warnning: #f7d93d;
+        --table-head-bg: rgba(0, 173, 177, 0.1);
+        --timeline-active: #24f2ff;
+        --calendar-border: #35444c;
+        --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+        --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+        --calendar-bg: rgba(255, 255, 255, 0.1);
+        --image-value-color: #07d4ff;
+        --image-text-color: #ffffff;
+        --list-cell-active1: #fff845;
+        --list-cell-active2: #45d1ff;
+        --list-cell-active3: #20feff;
+        --calendar-date-today-bg-color: #0090ff;
+        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0,144,255,0.8) 0%, rgba(0,144,255,0) 100%);
+    }
+    &.light {
+        --title-color2: rgba(22, 119, 255, 1);
+    }
+}

package/lib/style/themes/default.less

@@ -1,44 +1,44 @@
-.vtx-business-modal-wrap {
-    --modal-content-bg: #f7f9fb;
-    --modal-border-color: #fff;
-    --head-bg: #fff;
-    --bg-color2: #fff;
-    --label-color: rgba(0, 0, 0, 0.65);
-    --base-label-color: #8C8C8C;
-    --table-head-bg: rgba(24, 144, 255, 0.1);
-    --title-color: #222;
-    --title-color2: rgba(22, 119, 255, 1);
-    --tag-bg: rgba(22, 119, 255, 0.1);
-    --block-bg-color: rgba(0, 0, 0, 0.1);
-    --block-bg-color2: #1890ff;
-    --calendar-border: #ececec;
-    --calendar-thead-bg: #fff;
-    --calendar-bg: #fff;
-    --calendar-content-sigle-bg: rgba(243, 245, 248, 1);
-    --info-danger: #fd3a15;
-    --info-warnning: #f7d93d;
-    --info-active: #222;
-    --info-active2: #52c41a;
-    --info-active3: #fff;
-
-    --bg-color: white;
-    --sub-bg-color: #f3f3f380;
-    --title-bg-color: white;
-    --title-border: 1px solid #dbdbdbff;
-    --title-border-color: rgba(187,187,187,0.2);
-    --sub-title-color: #222;
-
-    --info-color: #222;
-    --border-color: '#DADADAFF';
-    --scroll-bar-bg: #c0c0c0;
-    --scroll-bar-hover-bg: #adadad;
-    --scroll-bar-track-bg: #fafafa;
-    --button-checked-color: #1890ff;
-    --button-color: #222;
-
-    --list-cell-active1: #222;
-    --list-cell-active2: #222;
-    --list-cell-active3: #222;
-    --calendar-date-today-bg-color: #73ffbf;
-    --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
-}
+.vtx-business-modal-wrap {
+    --modal-content-bg: #f7f9fb;
+    --modal-border-color: #fff;
+    --head-bg: #fff;
+    --bg-color2: #fff;
+    --label-color: rgba(0, 0, 0, 0.65);
+    --base-label-color: #8C8C8C;
+    --table-head-bg: rgba(24, 144, 255, 0.1);
+    --title-color: #222;
+    --title-color2: rgba(22, 119, 255, 1);
+    --tag-bg: rgba(22, 119, 255, 0.1);
+    --block-bg-color: rgba(0, 0, 0, 0.1);
+    --block-bg-color2: #1890ff;
+    --calendar-border: #ececec;
+    --calendar-thead-bg: #fff;
+    --calendar-bg: #fff;
+    --calendar-content-sigle-bg: rgba(243, 245, 248, 1);
+    --info-danger: #fd3a15;
+    --info-warnning: #f7d93d;
+    --info-active: #222;
+    --info-active2: #52c41a;
+    --info-active3: #fff;
+
+    --bg-color: white;
+    --sub-bg-color: #f3f3f380;
+    --title-bg-color: white;
+    --title-border: 1px solid #dbdbdbff;
+    --title-border-color: rgba(187,187,187,0.2);
+    --sub-title-color: #222;
+
+    --info-color: #222;
+    --border-color: '#DADADAFF';
+    --scroll-bar-bg: #c0c0c0;
+    --scroll-bar-hover-bg: #adadad;
+    --scroll-bar-track-bg: #fafafa;
+    --button-checked-color: #1890ff;
+    --button-color: #222;
+
+    --list-cell-active1: #222;
+    --list-cell-active2: #222;
+    --list-cell-active3: #222;
+    --calendar-date-today-bg-color: #73ffbf;
+    --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+}

package/lib/style/themes/index.less

@@ -1 +1 @@
-@import './dark.less';
+@import './dark.less';

package/lib/vm-alarm-info/Components/index.less

@@ -1,43 +1,43 @@
-.current-alarm {
-    display: flex;
-}
-
-.alarm-trend {
-    padding-top: 10px;
-
-    .radio {
-        margin-bottom: 10px;
-    }
-
-    .date {
-        position: absolute;
-        top: 10px;
-        right: 30px;
-    }
-}
-
-.item {
-    display: flex;
-    justify-content: space-between;
-    padding: 10px 5px 3px 5px;
-    background: rgba(240, 243, 246, 0.59);
-
-    &.dark {
-        background: rgba(18, 45, 72, 0.59);
-    }
-    &.blue {
-        background: rgba(41, 111, 182, 0.29);
-    }
-}
-
-.current-alarm-list {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .ant-btn {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-    }
-}
+.current-alarm {
+    display: flex;
+}
+
+.alarm-trend {
+    padding-top: 10px;
+
+    .radio {
+        margin-bottom: 10px;
+    }
+
+    .date {
+        position: absolute;
+        top: 10px;
+        right: 30px;
+    }
+}
+
+.item {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px 5px 3px 5px;
+    background: rgba(240, 243, 246, 0.59);
+
+    &.dark {
+        background: rgba(18, 45, 72, 0.59);
+    }
+    &.blue {
+        background: rgba(41, 111, 182, 0.29);
+    }
+}
+
+.current-alarm-list {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .ant-btn {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+    }
+}

package/lib/vm-alarm-info/style/index.less

@@ -1,16 +1,16 @@
-.round-content {
-}
-
-.round {
-    border: 2px solid #ccc;
-    border-radius: 50%;
-    width: 100px;
-    height: 100px;
-    background: #95f204;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 24px;
-    font-weight: 600;
-    cursor: pointer;
-}
+.round-content {
+}
+
+.round {
+    border: 2px solid #ccc;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    background: #95f204;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24px;
+    font-weight: 600;
+    cursor: pointer;
+}