@cloudbase/weda-ui 2.0.10 → 2.0.26

package/src/web/components/calendar/index.css

@@ -1,11 +1,16 @@
- /* weda_calendar */
+/* weda_calendar */
+
+.weda-calendar {
+  font-size: 14px;
+}
 
 /* pc 日历样式 start */
 .weda-calendar.weda-calendar-pc {
-  background: #FFFFFF;
-  border: 0.5px solid #DCDCDC;
+  background: #ffffff;
+  border: 0.5px solid #dcdcdc;
   box-sizing: border-box;
-  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05),
+    0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   min-width: 560px;
 }
@@ -45,31 +50,22 @@
   margin-right: 0;
 }
 
-.weda-calendar-pc .weda-calendar__control-section .weda-calendar__control-section-cell {
+.weda-calendar-pc
+  .weda-calendar__control-section
+  .weda-calendar__control-section-cell {
   height: 100%;
   margin-right: 8px;
 }
 
-.weda-calendar-pc .weda-calendar__control-section .weda-calendar__control-section-cell:last-child {
+.weda-calendar-pc
+  .weda-calendar__control-section
+  .weda-calendar__control-section-cell:last-child {
   margin-right: 0;
 }
 
-.weda-calendar-pc .weda-calendar__control-section .tea-dropdown .tea-dropdown__header {
-  background: #E7E7E7;
-  border-radius: 3px;
-  padding: 5px 32px 5px 12px;
-  height: 32px;
-
-}
-
-.weda-calendar-pc .weda-calendar__control-section .tea-dropdown .tea-dropdown__value {
-  font-size: 14px;
-  line-height: 22px;
-}
-
 .weda-calendar-pc .weda-calendar__control_pc .weda-calendar__current-date {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.9);
 }
 
@@ -81,6 +77,7 @@
 }
 
 .weda-calendar .weda-calendar__table {
+  font-size: inherit;
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
@@ -116,15 +113,17 @@
   justify-content: flex-end;
   height: 100%;
   padding: 0;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.6);
   margin-right: 12px;
   position: relative;
 }
 
 .weda-calendar .weda-calendar__table .weda-calendar__table-head-cell:last-child,
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell:last-child {
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell:last-child {
   margin-right: 0;
 }
 
@@ -136,7 +135,7 @@
   flex: 1;
   -webkit-box-flex: 1;
   -ms-flex: 1;
-  border-top: 1px solid #E7E7E7;
+  border-top: 1px solid #e7e7e7;
   padding: 0;
   height: 87.4px;
   display: flex;
@@ -156,34 +155,46 @@
   color: rgba(0, 0, 0, 0.26);
 }
 
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-disabled,
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-invalid {
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-disabled,
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-invalid {
   cursor: not-allowed;
 }
 
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-invalid {
-  background: #F3F3F3;
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-invalid {
+  background: #f3f3f3;
 }
 
 .weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-now {
-  border-top-color: #0052D9;
-  background: #ECF2FE;
+  border-top-color: #0052d9;
+  background: #ecf2fe;
 }
 
 .weda-calendar .weda-calendar__table .weda-calendar__table-body-cell-value {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
-  line-height: 22px;
+  line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.9);
   margin-top: 3px;
   position: relative;
 }
 
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell.is-disabled .weda-calendar__table-body-cell-value {
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-disabled
+  .weda-calendar__table-body-cell-value {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.weda-calendar .weda-calendar__table .weda-calendar__table-body-cell .weda-calendar__table-body-cell-marked {
+.weda-calendar
+  .weda-calendar__table
+  .weda-calendar__table-body-cell
+  .weda-calendar__table-body-cell-marked {
   position: absolute;
   width: 6px;
   height: 6px;
@@ -198,7 +209,7 @@
 /* h5 日历样式 start */
 
 .weda-calendar.weda-calendar-h5 {
-  background: #FFFFFF;
+  background: #ffffff;
   width: 100%;
   opacity: 0.9;
 }
@@ -222,29 +233,33 @@
   background-position: center;
 }
 
-.weda-calendar__control_h5 .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line,
-.weda-calendar__control_h5 .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
+.weda-calendar__control_h5
+  .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line,
+.weda-calendar__control_h5
+  .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
   position: absolute;
   top: 17px;
-  width: 20px;
-  height: 20px;
+  width: 1.42857em;
+  height: 1.42857em;
 }
 
-.weda-calendar__control_h5 .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line {
+.weda-calendar__control_h5
+  .weda-calendar_prevMonth.wedatea2td-icon-arrowleft--line {
   left: 16px;
 }
-.weda-calendar__control_h5 .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
+.weda-calendar__control_h5
+  .weda-calendar_nextMonth.wedatea2td-icon-arrowright--line {
   right: 16px;
 }
 
 .weda-calendar__control_h5 .weda-calendar__current-date {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.57142em;
   font-weight: bold;
 }
 
 .weda-calendar-h5 .weda-calendar__panel {
-  height: 306px;
+  height: 21.85714em;
   padding: 20px 16px 16px 16px;
   width: 100%;
   box-sizing: border-box;
@@ -271,7 +286,7 @@
 }
 
 .weda-calendar-h5 .weda-calendar__table .weda-calendar__table-head-cell {
-  font-size: 12px;
+  font-size: 0.85714em;
   line-height: 20px;
   width: 100%;
   height: 100%;
@@ -279,8 +294,8 @@
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.85714em;
+  line-height: 1.428571em;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
@@ -318,8 +333,8 @@
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.85714em;
+  line-height: 1.42857em;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-pack: center;
@@ -336,47 +351,66 @@
   background: transparent;
 }
 
-.weda-calendar-h5 .weda-calendar__table-body .weda-calendar__table-body-cell-value {
-  font-size: 14px;
+.weda-calendar-h5
+  .weda-calendar__table-body
+  .weda-calendar__table-body-cell-value {
+  font-size: 1em;
   text-align: center;
   border-radius: 50%;
   width: 40px;
-  line-height: 40px;
+  line-height: 2.85714em;
   margin: 0;
   box-sizing: border-box;
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-now .weda-calendar__table-body-cell-value {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-now
+  .weda-calendar__table-body-cell-value {
   color: #fff;
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-now .weda-calendar__table-body-cell-bg {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-now
+  .weda-calendar__table-body-cell-bg {
   position: absolute;
-  width: 24px;
-  height: 24px;
-  background: #0052D9;
+  width: 1.714285em;
+  height: 1.714285em;
+  background: #0052d9;
   border-radius: 100%;
-  left: calc(50% - 12px);
-  top: calc(50% - 12px);
+  left: calc(50% - 0.85714em);
+  top: calc(50% - 0.85714em);
   z-index: -1;
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell .weda-calendar__table-body-cell-marked {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell
+  .weda-calendar__table-body-cell-marked {
   width: 4px;
   height: 4px;
   top: calc(50% + 14px);
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-disabled .weda-calendar__table-body-cell-value {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-disabled
+  .weda-calendar__table-body-cell-value {
   color: rgba(0, 0, 0, 0.6);
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-invalid {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-invalid {
   background: transparent;
 }
 
-.weda-calendar-h5 .weda-calendar__table .weda-calendar__table-body-cell.is-invalid .weda-calendar__table-body-cell-value {
+.weda-calendar-h5
+  .weda-calendar__table
+  .weda-calendar__table-body-cell.is-invalid
+  .weda-calendar__table-body-cell-value {
   color: #c5c5c5;
 }
 
-/* h5 日历样式 end */
+/* h5 日历样式 end */

package/src/web/components/carousel/index.tsx

@@ -9,7 +9,7 @@ import {
 } from '@react-hookz/web';
 
 import './index.css';
-import { CommonPropsType } from '../../types';
+import type { CommonPropsType } from '../../types';
 
 import Image from '../image';
 interface imagesItem {

package/src/web/components/chart/common/config/bar.js

@@ -11,7 +11,7 @@ const getConfig = () => {
       axisTick: {
         show: true, // 刻度显示
       },
-      inverse:false,
+      inverse: false,
       type: 'category',
       data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
     },

package/src/web/components/chart/common/core/eChartBar.js

@@ -19,7 +19,7 @@ class EchartBar extends EchartBase {
     groupKey,
     groupKeyTimeSpan,
     yField,
-    isPile
+    isPile,
   }) {
     const { name = '', type = '', methodName = '' } = dataSource;
     if (name !== '') {
@@ -36,7 +36,7 @@ class EchartBar extends EchartBase {
         name,
         methodName,
         type,
-        params,
+        params
       );
       // 获取 x 轴数据
       const sortedXAxisData = this.sortXAxisData(arrSourData, xField.format);
@@ -57,12 +57,18 @@ class EchartBar extends EchartBase {
               },
               data: [],
             };
-            sortedXAxisData.forEach((itemSource,index) => {
+            sortedXAxisData.forEach((itemSource, index) => {
               this.config.series[j].name = itemSource.YLabels[j].Cn_Name;
-              if ((itemSource.YLabels[j].Value === undefined || itemSource.YLabels[j].Value === null) && !xIsCountEmpty) {
+              if (
+                (itemSource.YLabels[j].Value === undefined ||
+                  itemSource.YLabels[j].Value === null) &&
+                !xIsCountEmpty
+              ) {
                 arrXisCountEmptyIndex.push(index);
               } else {
-                const value = itemSource.YLabels[j].Value ? itemSource.YLabels[j].Value : 0;
+                const value = itemSource.YLabels[j].Value
+                  ? itemSource.YLabels[j].Value
+                  : 0;
                 this.config.series[j].data.push(value);
               }
             });
@@ -87,7 +93,6 @@ class EchartBar extends EchartBase {
           });
         });
 
-
         // 组装图表需要的数据
         const arrGroupKey = Object.keys(objGroupKey);
         this.config.series = arrGroupKey.map((groupKey) => {
@@ -102,23 +107,13 @@ class EchartBar extends EchartBase {
             label: {
               show: true,
             },
-            data: this.getSeriesDataGroup(
-              arrXaxisData,
-              objGroupKey[groupKey],
-            ),
+            data: this.getSeriesDataGroup(arrXaxisData, objGroupKey[groupKey]),
             stack: isPile ? 'pile' : null,
           };
           return serie;
         });
-        this.config.tooltip.formatter = params => (
-          `${params.data.dimensionality
-          }\r\n${
-            params.data.name
-          }\r\n${
-            params.seriesName
-          }:${
-            params.value}`
-        );
+        this.config.tooltip.formatter = (params) =>
+          `${params.data.dimensionality}\r\n${params.data.name}\r\n${params.seriesName}:${params.value}`;
       }
     }
   }
@@ -138,19 +133,17 @@ class EchartBar extends EchartBase {
     isUnit,
     unit,
     decimalDigits,
-    suffix
+    suffix,
   }) {
     decimalDigits = Math.max(0, decimalDigits);
-    this.config.series.length > 0
-      && this.config.series.forEach((itemSeries) => {
+    this.config.series.length > 0 &&
+      this.config.series.forEach((itemSeries) => {
         itemSeries.showSymbol = isSeriesShowSymbol;
         itemSeries.label.show = isSeriesShowSymbol;
         if (isUnit) {
           itemSeries.label.formatter = (params) => {
             const objNewValue = this.getValueByUnit(params.value, unit);
-            return (
-              `${objNewValue.toFixed(decimalDigits)}${suffix}`
-            );
+            return `${objNewValue.toFixed(decimalDigits)}${suffix}`;
           };
         }
       });
@@ -165,17 +158,18 @@ class EchartBar extends EchartBase {
   }
 
   // 设置柱状图X,Y倒转
-  setDirectionType({directionType}) {
+  setDirectionType({ directionType }) {
     let temAxis = {};
-    if (directionType === 'crosswise') { // 横向
+    if (directionType === 'crosswise') {
+      // 横向
       temAxis = this.config.xAxis;
       // @ts-ignore
       this.config.xAxis = this.config.yAxis;
       // @ts-ignore
       this.config.yAxis = temAxis;
-      this.config.yAxis.inverse =  true;
-
-    } else { // 纵向
+      this.config.yAxis.inverse = true;
+    } else {
+      // 纵向
       if (this.config.yAxis.inverse) {
         temAxis = this.config.yAxis;
         // @ts-ignore
@@ -220,7 +214,7 @@ class EchartBar extends EchartBase {
     isUnit,
     unit,
     decimalDigits,
-    suffix
+    suffix,
   }) {
     legend = document.body.clientWidth < 1024 ? legend : legend2;
     if (dataSource) {
@@ -233,7 +227,7 @@ class EchartBar extends EchartBase {
         groupKey,
         groupKeyTimeSpan,
         yField,
-        isPile
+        isPile,
       });
     }
     this.setColor({ setColor });
@@ -255,9 +249,9 @@ class EchartBar extends EchartBase {
       isUnit,
       unit,
       decimalDigits,
-      suffix
+      suffix,
     });
-    this.setDirectionType({directionType});
+    this.setDirectionType({ directionType });
     return this.config;
   }
 }