@ued_fpi/data-visual 1.2.6 → 1.2.7

package/dist/style/base.css

@@ -1,17 +1,24 @@
 html {
+    /* shadow */
     --dv-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.16);
     --dv-box-shadow-dark: 0 8px 16px -8px rgba(0, 0, 0, 0.16), 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 16px 48px 16px rgba(0, 0, 0, 0.08);
     --dv-box-shadow-light: 0 0 12px 0 rgba(0, 0, 0, 0.12);
     --dv-box-shadow-lighter: 0 0 6px 0 rgba(0, 0, 0, 0.12);
+
+    /* background */
     --dv-color-background-base: #fff;
     --dv-color-background-overlay: #fff;
     --dv-color-background-page: #f2f3f5;
+
+    /* border */
     --dv-color-border-base: #dcdfe6;
     --dv-color-border-dark: #d4d7de;
     --dv-color-border-darker: #cdd0d6; /* 鼠标移上时边框 */
     --dv-color-border-extra-light: #f2f6fc;
     --dv-color-border-light: #e4e7ed;
     --dv-color-border-lighter: #ebeef5;
+
+    /* danger */
     --dv-color-danger: #ff4d4f;
     --dv-color-danger-10: #fee;
     --dv-color-danger-20: #ffdbdc;
@@ -19,7 +26,9 @@ html {
     --dv-color-danger-50: #ffa6a7;
     --dv-color-danger-70: #ff8283;
     --dv-color-danger-80: #ff7172;
-    --dv-color-danger-dark: #cc3e3f;
+    --dv-color-danger-110: #cc3e3f;
+
+    /* fill */
     --dv-color-fill-base: #f0f2f5;
     --dv-color-fill-blanket: #fff;
     --dv-color-fill-dark: #ebedf0;
@@ -27,6 +36,8 @@ html {
     --dv-color-fill-extra-light: #fafcff;
     --dv-color-fill-light: #f5f7fa;
     --dv-color-fill-lighter: #fafafa;
+
+    /* index */
     --dv-color-index: #1677ff;
     --dv-color-index-10: #e8f2ff;
     --dv-color-index-20: #d0e4ff;
@@ -35,6 +46,8 @@ html {
     --dv-color-index-70: #5ba0ff;
     --dv-color-index-80: #4592ff;
     --dv-color-index-110: #125fcc;
+
+    /* info */
     --dv-color-info-10: #f4f4f5;
     --dv-color-info-100: #909399;
     --dv-color-info-20: #e9e9eb;
@@ -42,6 +55,8 @@ html {
     --dv-color-info-50: #c7c9cc;
     --dv-color-info-70: #b1b3b8;
     --dv-color-info-110: #73767a;
+
+    /* primary */
     --dv-color-primary: #1677ff;
     --dv-color-primary-10: #e8f2ff;
     --dv-color-primary-20: #d0e4ff;
@@ -50,6 +65,8 @@ html {
     --dv-color-primary-70: #5ba0ff;
     --dv-color-primary-80: #4592ff;
     --dv-color-primary-110: #125fcc;
+
+    /* success */
     --dv-color-success: #52c41a;
     --dv-color-success-10: #eef9e9;
     --dv-color-success-20: #dcf3d1;
@@ -63,6 +80,8 @@ html {
     --dv-color-text-primary: #303133; /* 主要文字 */
     --dv-color-text-regular: #606266; /* 常规文字 */
     --dv-color-text-secondary: #909399; /* 次要文字 */
+
+    /* warning */
     --dv-color-warning: #faad14;
     --dv-color-warning-10: #fff7e8;
     --dv-color-warning-20: #feefd0;
@@ -119,7 +138,7 @@ html.dark {
     --dv-color-danger-50: #7c221c;
     --dv-color-danger-70: #ae3028;
     --dv-color-danger-80: #c6362e;
-    --dv-color-danger-light: #d15e58;
+    --dv-color-danger-110: #d15e58;
     --dv-color-fill-base: rgba(68, 136, 208, 0.1); /* 基础填充 */
     --dv-color-fill-blankt: rgba(68, 136, 208, 0.3);
     --dv-color-fill-dark: rgba(68, 136, 208, 0.05);
@@ -176,32 +195,107 @@ html.dark {
 html.dark {
     color-scheme: dark;
 
-    --el-bg-color-overlay: #051a39;
-    --el-fill-color-light: #000b1a;
-    --el-color-primary: #3387ff;
-    --el-border-color: #0049b2;
+    /* --el-bg-color-overlay: #051a39;
+    --el-fill-color-light: #000b1a; */
+
+    /* --el-disabled-bg-color: var(); */
+
+    /* --el-input-hover-border-color: var(--dv-color-primary);
+    --el-select-input-focus-border-color: var(--dv-color-index);
+    --el-color-primary: var(--dv-color-primary-110);
+    --el-border-color: var(--dv-color-primary-50);
     --el-input-bg-color: var(--dv-color-primary-20);
     --el-border-color-light: var(--dv-color-primary-50);
-    --el-border-color-hover: var(--dv-color-primary-50);
-}
+    --el-border-color-hover: var(--dv-color-primary-50); */
 
-/* html.dark .el-button {
-    --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
-}
+    /* --el-border-color-hover: var(--dv-color-primary-50); */
 
-html.dark .el-card {
-    --el-card-bg-color: var(--el-bg-color-overlay);
-}
+    /* primary */
+    --el-color-primary: var(--dv-color-primary);
+    --el-color-primary-light-3: var(--dv-color-primary-70);
+    --el-color-primary-light-5: var(--dv-color-primary-50);
+    --el-color-primary-light-7: var(--dv-color-primary-30);
+    --el-color-primary-light-8: var(--dv-color-primary-20);
+    --el-color-primary-light-9: var(--dv-color-primary-10);
+    --el-color-primary-dark-2: var(--dv-color-primary-110);
+
+    /* success */
+    --el-color-success: var(--dv-color-success);
+    --el-color-success-light-3: var(--dv-color-success-70);
+    --el-color-success-light-5: var(--dv-color-success-50);
+    --el-color-success-light-7: var(--dv-color-success-30);
+    --el-color-success-light-8: var(--dv-color-success-20);
+    --el-color-success-light-9: var(--dv-color-success-10);
+    --el-color-success-dark-2: var(--dv-color-success-110);
+
+    /* warning */
+    --el-color-warning: var(--dv-color-warning);
+    --el-color-warning-light-3: var(--dv-color-warning-70);
+    --el-color-warning-light-5: var(--dv-color-warning-50);
+    --el-color-warning-light-7: var(--dv-color-warning-30);
+    --el-color-warning-light-8: var(--dv-color-warning-20);
+    --el-color-warning-light-9: var(--dv-color-warning-10);
+    --el-color-warning-dark-2: var(--dv-color-warning-110);
+
+    /* danger */
+    --el-color-danger: var(--dv-color-danger);
+    --el-color-danger-light-3: var(--dv-color-danger-70);
+    --el-color-danger-light-5: var(--dv-color-danger-50);
+    --el-color-danger-light-7: var(--dv-color-danger-30);
+    --el-color-danger-light-8: var(--dv-color-danger-20);
+    --el-color-danger-light-9: var(--dv-color-danger-10);
+    --el-color-danger-dark-2: var(--dv-color-danger-110);
+
+    /* error */
+
+    /* --el-color-error: var(--dv-color-error);
+    --el-color-error-light-3: var(--dv-color-error-70);
+    --el-color-error-light-5: var(--dv-color-error-50);
+    --el-color-error-light-7: var(--dv-color-error-30);
+    --el-color-error-light-8: var(--dv-color-error-20);
+    --el-color-error-light-9: var(--dv-color-error-10);
+    --el-color-error-dark-2: var(--dv-color-error-110); */
 
-html.dark .el-empty {
-    --el-empty-fill-color-0: var(--el-color-black);
-    --el-empty-fill-color-1: #4b4b52;
-    --el-empty-fill-color-2: #36383d;
-    --el-empty-fill-color-3: #1e1e20;
-    --el-empty-fill-color-4: #262629;
-    --el-empty-fill-color-5: #202124;
-    --el-empty-fill-color-6: #212224;
-    --el-empty-fill-color-7: #1b1c1f;
-    --el-empty-fill-color-8: #1c1d1f;
-    --el-empty-fill-color-9: #18181a;
-} */
+    /* info */
+    --el-color-info: var(--dv-color-info-100);
+    --el-color-info-light-3: var(--dv-color-info-70);
+    --el-color-info-light-5: var(--dv-color-info-50);
+    --el-color-info-light-7: var(--dv-color-info-30);
+    --el-color-info-light-8: var(--dv-color-info-20);
+    --el-color-info-light-9: var(--dv-color-info-10);
+    --el-color-info-dark-2: var(--dv-color-info-110);
+
+    /* bg */
+    --el-bg-color-page: var(--dv-color-background-page);
+    --el-bg-color: var(--dv-color-background-base);
+    --el-bg-color-overlay: var(--dv-color-background-overlay);
+
+    /* text */
+    --el-text-color-primary: var(--dv-color-text-primary);
+    --el-text-color-regular: var(--dv-color-text-regular);
+    --el-text-color-secondary: var(--dv-color-text-secondary);
+    --el-text-color-placeholder: var(--dv-color-text-placeholder);
+    --el-text-color-disabled: var(--dv-color-text-disable);
+
+    /* border */
+    --el-border-color-darker: var(--dv-color-border-darker);
+    --el-border-color-dark: var(--dv-color-border-dark);
+    --el-border-color: var(--dv-color-border-base);
+    --el-border-color-light: var(--dv-color-border-light);
+    --el-border-color-lighter: var(--dv-color-border-lighter);
+    --el-border-color-extra-light: var(--dv-color-border-extra-light);
+
+    /* fill */
+    --el-fill-color-darker: var(--dv-color-fill-darker);
+    --el-fill-color-dark: var(--dv-color-fill-dark);
+    --el-fill-color: var(--dv-color-fill-base);
+    --el-fill-color-light: var(--dv-color-fill-light);
+    --el-fill-color-lighter: var(--dv-color-fill-lighter);
+    --el-fill-color-extra-light: var(--dv-color-fill-extra-light);
+    --el-fill-color-blank: var(--dv-color-fill-blank);
+
+    /* disabled */
+    --el-disabled-bg-color: var(--dv-color-fill-light);
+    --el-disabled-text-color: var(--dv-text-color-placeholder);
+    --el-disabled-border-color: var(--dv-color-border-lighter);
+}

package/dist/style/style-bmp.css

@@ -1 +1 @@
-.dv-bmp-algae-monitoring-box{display:flex;padding:30px 20px 16px}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:5px 0}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .abso-pie{position:absolute;top:50%;left:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .completeBox{width:100px;height:100px;border-radius:50%;box-shadow:0 0 10px 3px rgba(0,221,255,.4)}.dv-bmp-algae-monitoring-box .algae-monitoring-items{padding:16px;margin-left:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:183px;height:36px;padding:4px 16px 4px 12px;background:linear-gradient(0deg,rgba(0,166,255,.21) 0,rgba(0,191,255,.06) 39%,rgba(0,229,255,0) 100%);border:1px solid;border-image:linear-gradient(180deg,rgba(0,212,255,.3) 0,rgba(0,216,216,0) 24%,rgba(0,222,238,0) 77%,rgba(0,198,238,.3) 100%) 1}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item.last-item{margin-top:24px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-icon{height:20px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:"Microsoft YaHei";font-size:16px;font-weight:700;color:#fff;text-align:left}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title.algae-title-diff{position:relative;left:-4px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-num{font-family:var(--dv-font-family-number);font-size:22px;font-weight:500;color:#0df}.dv-bmp-tab-item .title,.dv-bmp-tab-item .today-line .label,.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text,.dv-bmp-tab-item .today-line .today-right .value,.dv-bmp-tab-item .year-line .year-label,.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total,.dv-bmp-tab-item .year-line .year-right .year-value{font-size:16px;line-height:16px;letter-spacing:0;font-weight:500;text-align:center}.dv-bmp-tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;color:#fff}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;color:#909399;white-space:nowrap}.dv-bmp-tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .today-line .today-right .value{font-family:var(--dv-font-family-number);color:#15f3a3}.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text{font-family:var(--dv-font-family-number);color:#fff}.dv-bmp-tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.dv-bmp-tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.dv-bmp-tab-item .year-line .year-label{color:#909399;white-space:nowrap}.dv-bmp-tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .year-line .year-right .year-value{font-family:var(--dv-font-family-number);color:#00deff}.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total{font-family:var(--dv-font-family-number);color:#fff}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:rgba(255,255,255,.1)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:#00deff}.dv-bmp-event-list{width:376px;height:192px}.dv-bmp-event-list .custom-table{height:192px}.dv-bmp-event-list .custom-table .custom-table-header{display:flex;align-items:center;width:100%;height:32px;font-size:14px;font-weight:500;color:#909399;background:rgba(62,126,194,.2)}.dv-bmp-event-list .custom-table .custom-table-header .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-header .fixed-width{text-align:center}.dv-bmp-event-list .custom-table .custom-table-body{width:100%;height:160px;font-size:14px;font-weight:500;color:#fff}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row{display:flex;align-items:center;width:100%;height:32px}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row:nth-child(2n){background:rgba(255,255,255,.08)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.undisposed{color:#f84439}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:#fdbd00}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:#15f3a3}.dv-bmp-event-list .custom-table .custom-table-body .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-body .fixed-width{text-align:center}
+.dv-bmp-algae-monitoring-box{display:flex;padding:30px 20px 16px}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:5px 0}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .abso-pie{position:absolute;top:50%;left:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .completeBox{width:100px;height:100px;border-radius:50%;box-shadow:0 0 10px 3px rgba(0,221,255,.4)}.dv-bmp-algae-monitoring-box .algae-monitoring-items{padding:16px;margin-left:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:183px;height:36px;padding:4px 16px 4px 12px;background-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base)}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item.last-item{margin-top:24px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-icon{height:20px;font-size:16px;color:var(--dv-color-text-primary)}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:MiSans;font-size:16px;font-weight:700;color:var(--dv-color-text-primary);text-align:left}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title.algae-title-diff{position:relative;left:-4px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-num{font-family:var(--dv-font-family-number);font-size:16px;font-weight:500;color:var(--dv-color-index)}.dv-bmp-tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-primary);text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-secondary);text-align:center;letter-spacing:0;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-header,.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text,.dv-bmp-tab-item .today-line .today-right .value,.dv-bmp-tab-item .year-line .year-label,.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total,.dv-bmp-tab-item .year-line .year-right .year-value{line-height:14px;letter-spacing:0;font-size:14px;font-weight:500}.dv-bmp-tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .today-line .today-right .value{font-family:var(--dv-font-family-number);color:var(--dv-color-success);text-align:center}.dv-bmp-tab-item .today-line .today-right .text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .today-line .today-right .label-num{font-family:var(--dv-font-family-number);color:var(--dv-color-text-primary);text-align:center}.dv-bmp-tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.dv-bmp-tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.dv-bmp-tab-item .year-line .year-label{color:var(--dv-color-text-secondary);text-align:center;white-space:nowrap}.dv-bmp-tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .year-line .year-right .year-value{font-family:var(--dv-font-family-number);color:#00deff;text-align:center}.dv-bmp-tab-item .year-line .year-right .year-text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .year-line .year-right .year-total{font-family:var(--dv-font-family-number);color:#fff;text-align:center}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:var(--dv-color-fill-lighter)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:var(--dv-color-index)}.dv-bmp-event-list{width:376px;height:192px;font-family:MiSans}.dv-bmp-event-list .custom-table{height:192px}.dv-bmp-event-list .custom-table .custom-table-header{display:flex;align-items:center;width:100%;height:32px;color:var(--dv-color-text-secondary);background-color:var(--dv-color-fill-base)}.dv-bmp-event-list .custom-table .custom-table-header .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-header .fixed-width{text-align:center}.dv-bmp-event-list .custom-table .custom-table-body{width:100%;height:160px;font-size:14px;font-weight:500;color:var(--dv-color-text-primary)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row{display:flex;align-items:center;width:100%;height:32px}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row:nth-child(2n){background:var(--dv-color-fill-base)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.undisposed{color:var(--dv-color-danger)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:var(--dv-color-warning)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:var(--dv-color-success)}.dv-bmp-event-list .custom-table .custom-table-body .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-body .fixed-width{text-align:center}