@vtx/modals2 2.10.37 → 2.10.38

package/lib/vm-base-list/style/index.less

@@ -1,39 +1,39 @@
-.vm-base-list {
-    .vm-base-list-title {
-        border-bottom: 1px dashed #ccc !important;
-        margin-bottom: 5px;
-    }
-    .vm-base-list-list {
-        display: flex;
-        margin-bottom: 10px;
-        .vm-base-list-label {
-            flex-shrink: 0;
-            font-size: 14px;
-            font-weight: bold;
-            color: var(--label-color);
-        }
-        .vm-base-list-value {
-            font-size: 16px;
-            font-weight: bold;
-            color: var(--info-color);
-        }
-        &.horizontal {
-        }
-        &.vertical {
-            display: flex;
-            flex-direction: column;
-        }
-    }
-
-    .vm-base-list-openArrow {
-        font-size: 14px;
-        width: 100%;
-        text-align: right;
-        color: var(--sub-title-color);
-    }
-
-    .vm-base-list-canClick {
-        color: var(--sub-title-color) !important;
-        cursor: pointer;
-    }
-}
+.vm-base-list {
+    .vm-base-list-title {
+        border-bottom: 1px dashed #ccc !important;
+        margin-bottom: 5px;
+    }
+    .vm-base-list-list {
+        display: flex;
+        margin-bottom: 10px;
+        .vm-base-list-label {
+            flex-shrink: 0;
+            font-size: 14px;
+            font-weight: bold;
+            color: var(--label-color);
+        }
+        .vm-base-list-value {
+            font-size: 16px;
+            font-weight: bold;
+            color: var(--info-color);
+        }
+        &.horizontal {
+        }
+        &.vertical {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+
+    .vm-base-list-openArrow {
+        font-size: 14px;
+        width: 100%;
+        text-align: right;
+        color: var(--sub-title-color);
+    }
+
+    .vm-base-list-canClick {
+        color: var(--sub-title-color) !important;
+        cursor: pointer;
+    }
+}

package/lib/vm-button/style/index.less

@@ -1,20 +1,20 @@
-.button-common {
-    display: inline-block;
-    padding: 5px 10px;
-    border-radius: 2px;
-    cursor: pointer;
-    font-weight: 500;
-}
-
-.vm-button {
-    .button-common();
-    background: var(--button-background-color--default);
-    color: var(--button-text-color--defalut);
-}
-
-.vm-button--active {
-    .button-common();
-    background: var(--button-background-color--active);
-    border: 1px solid #6ff3ff;
-    color: var(--button-text-color--active);
-}
+.button-common {
+    display: inline-block;
+    padding: 5px 10px;
+    border-radius: 2px;
+    cursor: pointer;
+    font-weight: 500;
+}
+
+.vm-button {
+    .button-common();
+    background: var(--button-background-color--default);
+    color: var(--button-text-color--defalut);
+}
+
+.vm-button--active {
+    .button-common();
+    background: var(--button-background-color--active);
+    border: 1px solid #6ff3ff;
+    color: var(--button-text-color--active);
+}

package/lib/vm-charts/Line.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/vm-charts/Pie.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/vm-charts/index.less

@@ -1,30 +1,30 @@
-.wrap {
-    position: relative;
-    height: 100%;
-    .exportBtn-wrap {
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 88px;
-        height: 32px;
-        // background: #4690f9;
-        z-index: 99;
-        &.dark {
-            // border: 1px solid;
-            // border-image: linear-gradient(0deg, #000000, #2f89e2, #2f89e2, #5fadfa) 10 10;
-            // background: linear-gradient(180deg, #2f89e2 0%, #16497a 100%);
-            // border-radius: 2px;
-        }
-
-        .btn {
-            text-align: right;
-            // padding: 0px 14px;
-            // border-radius: 5px;
-            color: #fff;
-            font-size: 14px;
-            font-family: PingFang SC;
-            font-weight: bold;
-            cursor: pointer;
-        }
-    }
-}
+.wrap {
+    position: relative;
+    height: 100%;
+    .exportBtn-wrap {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+        width: 88px;
+        height: 32px;
+        // background: #4690f9;
+        z-index: 99;
+        &.dark {
+            // border: 1px solid;
+            // border-image: linear-gradient(0deg, #000000, #2f89e2, #2f89e2, #5fadfa) 10 10;
+            // background: linear-gradient(180deg, #2f89e2 0%, #16497a 100%);
+            // border-radius: 2px;
+        }
+
+        .btn {
+            text-align: right;
+            // padding: 0px 14px;
+            // border-radius: 5px;
+            color: #fff;
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: bold;
+            cursor: pointer;
+        }
+    }
+}

package/lib/vm-checkbox/style/index.less

@@ -1,25 +1,25 @@
-.ant-checkbox-group {
-    --background-active: #308de9;
-    --border: 1px solid #e6d9d9;
-    &.dark {
-        --background-active: #308de9;
-        --background: #cad8e6;
-        --border: 1px solid #1c3f63;
-        .ant-checkbox-wrapper {
-            color: #fff;
-        }
-    }
-    .ant-checkbox-checked .ant-checkbox-inner {
-        width: 18px;
-        height: 18px;
-        background: var(--background-active);
-        border-radius: 2px;
-    }
-    .ant-checkbox-inner {
-        width: 18px;
-        height: 18px;
-        background: var(--background);
-        border: var(--border);
-        border-radius: 2px;
-    }
-}
+.ant-checkbox-group {
+    --background-active: #308de9;
+    --border: 1px solid #e6d9d9;
+    &.dark {
+        --background-active: #308de9;
+        --background: #cad8e6;
+        --border: 1px solid #1c3f63;
+        .ant-checkbox-wrapper {
+            color: #fff;
+        }
+    }
+    .ant-checkbox-checked .ant-checkbox-inner {
+        width: 18px;
+        height: 18px;
+        background: var(--background-active);
+        border-radius: 2px;
+    }
+    .ant-checkbox-inner {
+        width: 18px;
+        height: 18px;
+        background: var(--background);
+        border: var(--border);
+        border-radius: 2px;
+    }
+}

package/lib/vm-common-components/common/vm-modal/style/index.less

@@ -1,108 +1,108 @@
-.vm-modal-hz {
-    &.dark {
-        .ant-modal-content {
-            background: linear-gradient(0deg, #044875, #001c36);
-            box-shadow: 0 0 8rem #044875;
-        }
-        .ant-modal-header {
-            background: url('../assets/titleBg.png') no-repeat 0 0,
-                linear-gradient(90deg, rgba(0, 143, 224, 0.3), rgba(0, 106, 204, 0.3));
-            background-size: auto 100%;
-            border-bottom: none;
-            padding: 9px 15px 9px 46px;
-
-            .ant-modal-title {
-                font-size: 12px;
-                font-weight: bold;
-                color: #ffffff;
-                text-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.1);
-            }
-        }
-
-        .ant-modal-close-x {
-            width: 40px;
-            height: 40px;
-            line-height: 40px;
-            color: #ffffff;
-        }
-
-        .ant-modal-body {
-            padding: 6px;
-        }
-        .vtx-datagrid .ant-table-thead > tr > th {
-            background: rgba(93, 147, 188, 0.3);
-
-            color: #cbeaff;
-        }
-
-        .vtx-datagrid .ant-table-tbody > tr > .ant-table-cell {
-            color: #ffffff;
-        }
-
-        .ant-table-tbody > tr > td {
-            color: #ffffff;
-            background: rgba(255, 255, 255, 0.02) !important;
-        }
-
-        .vtx-datagrid-fit .ant-table-tbody > tr > td:first-child {
-            border-left: none;
-        }
-
-        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) > td,
-        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) {
-            background: rgba(255, 255, 255, 0.08) !important;
-            border-left: none;
-            border-bottom: none;
-        }
-
-        .vtx-datagrid-noFit .ant-table-tbody > tr:nth-child(even),
-        .vtx-datagrid-noFit .ant-table-tbody > tr:nth-child(even) > td {
-            background: rgba(255, 255, 255, 0.08) !important;
-        }
-
-        .ant-table-tbody > tr > td,
-        .ant-table-thead > tr > th {
-            border-bottom: none;
-        }
-
-        .ant-table {
-            background: transparent !important;
-        }
-
-        .ant-table-cell-scrollbar {
-            box-shadow: none;
-        }
-
-        .vtx-datagrid-fit .ant-table-container table > thead > tr th:first-child {
-            border-left: none;
-        }
-        .ant-pagination,
-        .ant-pagination-item a,
-        .ant-pagination-prev button,
-        .ant-pagination-next button,
-        .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
-        .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
-            color: #c9c9c9;
-        }
-
-        .ant-pagination-item-active,
-        .ant-pagination-options-quick-jumper input {
-            background: transparent;
-            border: 1px solid #cbeaff;
-            color: #cbeaff;
-        }
-    }
-    &.light {
-        .ant-modal-content {
-            background-color: #f7f9fb;
-        }
-    }
-
-    .title {
-        width: 100%;
-        display: flex;
-        padding-right: 30px;
-        justify-content: space-between;
-        color: var(--label-color);
-    }
-}
+.vm-modal-hz {
+    &.dark {
+        .ant-modal-content {
+            background: linear-gradient(0deg, #044875, #001c36);
+            box-shadow: 0 0 8rem #044875;
+        }
+        .ant-modal-header {
+            background: url('../assets/titleBg.png') no-repeat 0 0,
+                linear-gradient(90deg, rgba(0, 143, 224, 0.3), rgba(0, 106, 204, 0.3));
+            background-size: auto 100%;
+            border-bottom: none;
+            padding: 9px 15px 9px 46px;
+
+            .ant-modal-title {
+                font-size: 12px;
+                font-weight: bold;
+                color: #ffffff;
+                text-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.1);
+            }
+        }
+
+        .ant-modal-close-x {
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+            color: #ffffff;
+        }
+
+        .ant-modal-body {
+            padding: 6px;
+        }
+        .vtx-datagrid .ant-table-thead > tr > th {
+            background: rgba(93, 147, 188, 0.3);
+
+            color: #cbeaff;
+        }
+
+        .vtx-datagrid .ant-table-tbody > tr > .ant-table-cell {
+            color: #ffffff;
+        }
+
+        .ant-table-tbody > tr > td {
+            color: #ffffff;
+            background: rgba(255, 255, 255, 0.02) !important;
+        }
+
+        .vtx-datagrid-fit .ant-table-tbody > tr > td:first-child {
+            border-left: none;
+        }
+
+        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) > td,
+        .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) {
+            background: rgba(255, 255, 255, 0.08) !important;
+            border-left: none;
+            border-bottom: none;
+        }
+
+        .vtx-datagrid-noFit .ant-table-tbody > tr:nth-child(even),
+        .vtx-datagrid-noFit .ant-table-tbody > tr:nth-child(even) > td {
+            background: rgba(255, 255, 255, 0.08) !important;
+        }
+
+        .ant-table-tbody > tr > td,
+        .ant-table-thead > tr > th {
+            border-bottom: none;
+        }
+
+        .ant-table {
+            background: transparent !important;
+        }
+
+        .ant-table-cell-scrollbar {
+            box-shadow: none;
+        }
+
+        .vtx-datagrid-fit .ant-table-container table > thead > tr th:first-child {
+            border-left: none;
+        }
+        .ant-pagination,
+        .ant-pagination-item a,
+        .ant-pagination-prev button,
+        .ant-pagination-next button,
+        .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
+        .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+            color: #c9c9c9;
+        }
+
+        .ant-pagination-item-active,
+        .ant-pagination-options-quick-jumper input {
+            background: transparent;
+            border: 1px solid #cbeaff;
+            color: #cbeaff;
+        }
+    }
+    &.light {
+        .ant-modal-content {
+            background-color: #f7f9fb;
+        }
+    }
+
+    .title {
+        width: 100%;
+        display: flex;
+        padding-right: 30px;
+        justify-content: space-between;
+        color: var(--label-color);
+    }
+}

package/lib/vm-common-components/common/vm-scrollable/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _components = require("@vtx/components");
+var _vmScrollableRow = _interopRequireDefault(require("../vm-scrollableRow"));
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
 require("./style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+// import { VtxScrollableRow } from '@vtx/components';
+
 var statusColor = ['#FFC3DD', '#C542F0', '#4368E0', '#00E7AE', '#E86452', '#F19844'];
 var VMScrollable = function VMScrollable(props) {
   var _useSettings = (0, _useSettings2["default"])(),
@@ -16,12 +18,15 @@ var VMScrollable = function VMScrollable(props) {
   var list = props.list,
     _onClick = props.onClick,
     chooseCode = props.chooseCode;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, list.length > 0 ? /*#__PURE__*/_react["default"].createElement(_components.VtxScrollableRow, {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, list.length > 0 ? /*#__PURE__*/_react["default"].createElement(_vmScrollableRow["default"], {
     className: "vm-scrollableRow-hz ".concat(theme)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      display: 'flex',
-      marginBottom: '10px'
+      display: 'flex'
     }
   }, list.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/vm-common-components/common/vm-scrollable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","_useSettings2","obj","__esModule","statusColor","VMScrollable","props","_useSettings","useSettings","theme","list","onClick","chooseCode","React","createElement","Fragment","length","VtxScrollableRow","className","concat","style","display","marginBottom","map","item","index","key","code","width","label","color","value","_default","exports"],"sources":["vm-common-components/common/vm-scrollable/index.js"],"sourcesContent":["import React from 'react';\nimport { VtxScrollableRow } from '@vtx/components';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './style';\nconst statusColor = [\n    '#FFC3DD',\n    '#C542F0',\n    '#4368E0',\n    '#00E7AE',\n    '#E86452',\n    '#F19844',\n];\nconst VMScrollable = (props) => {\n    const { theme } = useSettings();\n    const { list, onClick, chooseCode } = props;\n    return (React.createElement(React.Fragment, null, list.length > 0 ? (React.createElement(VtxScrollableRow, { className: `vm-scrollableRow-hz ${theme}` },\n        React.createElement(\"div\", { style: { display: 'flex', marginBottom: '10px' } }, list.map((item, index) => (React.createElement(\"div\", { key: item.code, style: {\n                width: '100px',\n            }, className: chooseCode == item.code ? 'scrollableItem active' : 'scrollableItem', onClick: () => {\n                onClick && onClick(item.code);\n            } },\n            item.label,\n            React.createElement(\"div\", { className: \"scrollableValue\", style: {\n                    color: statusColor[index % 6],\n                } }, item.value))))))) : null));\n};\nexport default VMScrollable;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACjB,IAAME,WAAW,GAAG,CAChB,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACZ;AACD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAK,EAAK;EAC5B,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAQC,IAAI,GAA0BJ,KAAK,CAAnCI,IAAI;IAAEC,QAAO,GAAiBL,KAAK,CAA7BK,OAAO;IAAEC,UAAU,GAAKN,KAAK,CAApBM,UAAU;EACjC,oBAAQC,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACE,QAAQ,EAAE,IAAI,EAAEL,IAAI,CAACM,MAAM,GAAG,CAAC,gBAAIH,iBAAK,CAACC,aAAa,CAACG,4BAAgB,EAAE;IAAEC,SAAS,yBAAAC,MAAA,CAAyBV,KAAK;EAAG,CAAC,eACpJI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEM,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,YAAY,EAAE;IAAO;EAAE,CAAC,EAAEZ,IAAI,CAACa,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBAAMZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEY,GAAG,EAAEF,IAAI,CAACG,IAAI;MAAEP,KAAK,EAAE;QACxJQ,KAAK,EAAE;MACX,CAAC;MAAEV,SAAS,EAAEN,UAAU,IAAIY,IAAI,CAACG,IAAI,GAAG,uBAAuB,GAAG,gBAAgB;MAAEhB,OAAO,EAAE,SAAAA,QAAA,EAAM;QAC/FA,QAAO,IAAIA,QAAO,CAACa,IAAI,CAACG,IAAI,CAAC;MACjC;IAAE,CAAC,EACHH,IAAI,CAACK,KAAK,eACVhB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEI,SAAS,EAAE,iBAAiB;MAAEE,KAAK,EAAE;QAC1DU,KAAK,EAAE1B,WAAW,CAACqB,KAAK,GAAG,CAAC;MAChC;IAAE,CAAC,EAAED,IAAI,CAACO,KAAK,CAAC,CAAC;EAAA,CAAC,CAAC,CAAC,CAAC,GAAI,IAAI,CAAC;AAC9C,CAAC;AAAC,IAAAC,QAAA,GACa3B,YAAY;AAAA4B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_vmScrollableRow","_useSettings2","obj","__esModule","statusColor","VMScrollable","props","_useSettings","useSettings","theme","list","onClick","chooseCode","React","createElement","style","marginBottom","length","VmScrollableRow","className","concat","display","map","item","index","key","code","width","label","color","value","_default","exports"],"sources":["vm-common-components/common/vm-scrollable/index.js"],"sourcesContent":["import React from 'react';\n// import { VtxScrollableRow } from '@vtx/components';\nimport VmScrollableRow from '../vm-scrollableRow';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './style';\nconst statusColor = [\n    '#FFC3DD',\n    '#C542F0',\n    '#4368E0',\n    '#00E7AE',\n    '#E86452',\n    '#F19844',\n];\nconst VMScrollable = (props) => {\n    const { theme } = useSettings();\n    const { list, onClick, chooseCode } = props;\n    return (React.createElement(\"div\", { style: { marginBottom: '10px' } }, list.length > 0 ? (React.createElement(VmScrollableRow, { className: `vm-scrollableRow-hz ${theme}` },\n        React.createElement(\"div\", { style: { display: 'flex' } }, list.map((item, index) => (React.createElement(\"div\", { key: item.code, style: {\n                width: '100px',\n            }, className: chooseCode == item.code ? 'scrollableItem active' : 'scrollableItem', onClick: () => {\n                onClick && onClick(item.code);\n            } },\n            item.label,\n            React.createElement(\"div\", { className: \"scrollableValue\", style: {\n                    color: statusColor[index % 6],\n                } }, item.value))))))) : null));\n};\nexport default VMScrollable;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAHjB;;AAIA,IAAME,WAAW,GAAG,CAChB,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACZ;AACD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAK,EAAK;EAC5B,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAQC,IAAI,GAA0BJ,KAAK,CAAnCI,IAAI;IAAEC,QAAO,GAAiBL,KAAK,CAA7BK,OAAO;IAAEC,UAAU,GAAKN,KAAK,CAApBM,UAAU;EACjC,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEC,YAAY,EAAE;IAAO;EAAE,CAAC,EAAEN,IAAI,CAACO,MAAM,GAAG,CAAC,gBAAIJ,iBAAK,CAACC,aAAa,CAACI,2BAAe,EAAE;IAAEC,SAAS,yBAAAC,MAAA,CAAyBX,KAAK;EAAG,CAAC,eACzKI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEM,OAAO,EAAE;IAAO;EAAE,CAAC,EAAEX,IAAI,CAACY,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBAAMX,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEW,GAAG,EAAEF,IAAI,CAACG,IAAI;MAAEX,KAAK,EAAE;QAClIY,KAAK,EAAE;MACX,CAAC;MAAER,SAAS,EAAEP,UAAU,IAAIW,IAAI,CAACG,IAAI,GAAG,uBAAuB,GAAG,gBAAgB;MAAEf,OAAO,EAAE,SAAAA,QAAA,EAAM;QAC/FA,QAAO,IAAIA,QAAO,CAACY,IAAI,CAACG,IAAI,CAAC;MACjC;IAAE,CAAC,EACHH,IAAI,CAACK,KAAK,eACVf,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEK,SAAS,EAAE,iBAAiB;MAAEJ,KAAK,EAAE;QAC1Dc,KAAK,EAAEzB,WAAW,CAACoB,KAAK,GAAG,CAAC;MAChC;IAAE,CAAC,EAAED,IAAI,CAACO,KAAK,CAAC,CAAC;EAAA,CAAC,CAAC,CAAC,CAAC,GAAI,IAAI,CAAC;AAC9C,CAAC;AAAC,IAAAC,QAAA,GACa1B,YAAY;AAAA2B,OAAA,cAAAD,QAAA"}

package/lib/vm-common-components/common/vm-scrollable/style/index.less

@@ -1,18 +1,18 @@
-.vm-scrollableRow-hz{
-    .scrollableItem{
-        background-color: var(--statisticsBg);
-        padding: 30px 0;
-        text-align: center;
-        color: #fff;
-        margin-right: 10px;
-        cursor: pointer;
-        border-radius: 5px;
-        &.active {
-            background-color: rgba(0, 157, 255, 0.65);
-          
-        }
-    }
-    .scrollableValue{
-        margin-top: 10px;
-    }
+.vm-scrollableRow-hz{
+    .scrollableItem{
+        background-color: var(--statisticsBg);
+        padding: 30px 0;
+        text-align: center;
+        color: #fff;
+        margin-right: 10px;
+        cursor: pointer;
+        border-radius: 5px;
+        &.active {
+            background-color: rgba(0, 157, 255, 0.65);
+          
+        }
+    }
+    .scrollableValue{
+        margin-top: 10px;
+    }
 }