@vtx/modals2 2.10.49 → 2.10.50

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/style/index.less

@@ -1,19 +1,19 @@
-.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);
-            background-color: var(--statisticsBg--active);
-          
-        }
-    }
-    .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);
+            background-color: var(--statisticsBg--active);
+          
+        }
+    }
+    .scrollableValue{
+        margin-top: 10px;
+    }
 }

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

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,7 +23,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function isTransformSupported(style) {
   return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames3","_interopRequireDefault","_debounce","_RightOutlined","_LeftOutlined","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","iterator","e","u","a","f","next","done","push","isArray","isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VmScrollableRow","props","_classnames","_classnames2","_useState","useState","prev","_useState2","state","setState","_useState3","_useState4","offset","setOffset","_props$prefixCls","prefixCls","className","containerRef","useRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","_a","_b","_c","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","getOffset","realOffset","os","checkNextPrev","arguments","target","Math","min","navOffset","navStyle","transformSupported","concat","handlePrev","handleNext","showNextPrev","prevButton","React","createElement","onClick","unselectable","classnames","LeftOutlined","nextButton","RightOutlined","ref","children","_default","exports"],"sources":["vm-common-components/common/vm-scrollableRow/index.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport './style';\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\nfunction VmScrollableRow(props) {\n    const [state, setState] = useState({\n        next: false,\n        prev: false,\n    });\n    const [offset, setOffset] = useState(0);\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n    const containerRef = useRef(null);\n    ;\n    const navWrapRef = useRef(null);\n    ;\n    const navRef = useRef(null);\n    ;\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev(offset);\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev(offset);\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n    function setNextPrev(offset) {\n        var _a, _b, _c;\n        const navNodeW = ((_a = navRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0;\n        const containerW = ((_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;\n        const navWrapNodeW = ((_c = navWrapRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            getOffset(0, false);\n            // offset=0\n            setOffset(0);\n        }\n        else if (minOffset < offset) {\n            next = true;\n        }\n        else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            getOffset(realOffset, false);\n            setOffset(realOffset);\n        }\n        if (offset < 0) {\n            prev = true;\n        }\n        else {\n            prev = false;\n        }\n        setState({\n            next, prev\n        });\n        return {\n            next,\n            prev,\n        };\n    }\n    const getOffset = (os, checkNextPrev = true) => {\n        var _a;\n        const target = Math.min(0, os);\n        if (offset !== target) {\n            // offset=target;\n            setOffset(target);\n            let navOffset = {};\n            const navStyle = (_a = navRef.current) === null || _a === void 0 ? void 0 : _a.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            }\n            else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset === null || navOffset === void 0 ? void 0 : navOffset.value);\n            }\n            else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev(target);\n            }\n        }\n    };\n    // 上一页\n    const handlePrev = () => {\n        var _a;\n        const navWrapNodeW = ((_a = navWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;\n        getOffset(offset + navWrapNodeW);\n    };\n    // 下一页\n    const handleNext = () => {\n        var _a;\n        const navWrapNodeW = ((_a = navWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;\n        getOffset(offset - navWrapNodeW);\n    };\n    const showNextPrev = prev || next;\n    const prevButton = (React.createElement(\"span\", { onClick: () => {\n            prev && handlePrev();\n        }, \n        // eslint-disable-next-line react/no-unknown-property\n        unselectable: \"on\", className: classnames({\n            [`${prefixCls}-prev`]: true,\n            [`${prefixCls}-btn-disabled`]: !prev,\n            [`${prefixCls}-arrow-show`]: showNextPrev,\n        }) },\n        React.createElement(\"span\", { className: `${prefixCls}-prev-icon` },\n            React.createElement(LeftOutlined, null))));\n    const nextButton = (React.createElement(\"span\", { onClick: () => {\n            next && handleNext();\n        }, \n        // eslint-disable-next-line react/no-unknown-property\n        unselectable: \"on\", className: classnames({\n            [`${prefixCls}-next`]: true,\n            [`${prefixCls}-btn-disabled`]: !next,\n            [`${prefixCls}-arrow-show`]: showNextPrev,\n        }) },\n        React.createElement(\"span\", { className: `${prefixCls}-next-icon` },\n            React.createElement(RightOutlined, null))));\n    return (React.createElement(\"div\", { className: classnames(`${prefixCls}-container`, className), style: style, ref: containerRef },\n        prevButton,\n        nextButton,\n        React.createElement(\"div\", { className: `${prefixCls}-nav-wrap`, ref: navWrapRef },\n            React.createElement(\"div\", { className: `${prefixCls}-nav-scroll` },\n                React.createElement(\"div\", { className: `${prefixCls}-nav`, ref: navRef }, props.children)))));\n}\nexport default VmScrollableRow;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACAA,OAAA;AAAiB,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAO,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,gBAAAtB,GAAA,EAAAgB,GAAA,EAAAO,KAAA,IAAAP,GAAA,GAAAQ,cAAA,CAAAR,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAAO,KAAA,EAAAA,KAAA,EAAAE,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAA3B,GAAA,CAAAgB,GAAA,IAAAO,KAAA,WAAAvB,GAAA;AAAA,SAAAwB,eAAAI,GAAA,QAAAZ,GAAA,GAAAa,YAAA,CAAAD,GAAA,oBAAArB,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAc,MAAA,CAAAd,GAAA;AAAA,SAAAa,aAAAE,KAAA,EAAAC,IAAA,QAAAzB,OAAA,CAAAwB,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAd,IAAA,CAAAY,KAAA,EAAAC,IAAA,oBAAAzB,OAAA,CAAA8B,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAR,SAAA;AAAA,SAAAO,4BAAAE,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAArC,MAAA,CAAAI,SAAA,CAAAkC,QAAA,CAAAhC,IAAA,CAAA4B,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,EAAAD,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,WAAAjB,CAAA,MAAAkB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAhB,CAAA,GAAAgB,GAAA,EAAAhB,CAAA,IAAAkB,IAAA,CAAAlB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAkB,IAAA;AAAA,SAAAhB,sBAAAiB,CAAA,EAAAC,CAAA,QAAAC,CAAA,WAAAF,CAAA,gCAAA3B,MAAA,IAAA2B,CAAA,CAAA3B,MAAA,CAAA8B,QAAA,KAAAH,CAAA,4BAAAE,CAAA,QAAAE,CAAA,EAAAf,CAAA,EAAAR,CAAA,EAAAwB,CAAA,EAAAC,CAAA,OAAAC,CAAA,OAAArB,CAAA,iBAAAL,CAAA,IAAAqB,CAAA,GAAAA,CAAA,CAAA5C,IAAA,CAAA0C,CAAA,GAAAQ,IAAA,QAAAP,CAAA,QAAAjD,MAAA,CAAAkD,CAAA,MAAAA,CAAA,UAAAK,CAAA,uBAAAA,CAAA,IAAAH,CAAA,GAAAvB,CAAA,CAAAvB,IAAA,CAAA4C,CAAA,GAAAO,IAAA,MAAAH,CAAA,CAAAI,IAAA,CAAAN,CAAA,CAAA1C,KAAA,GAAA4C,CAAA,CAAAR,MAAA,KAAAG,CAAA,GAAAM,CAAA,iBAAAP,CAAA,IAAAd,CAAA,OAAAG,CAAA,GAAAW,CAAA,yBAAAO,CAAA,YAAAL,CAAA,eAAAG,CAAA,GAAAH,CAAA,cAAAlD,MAAA,CAAAqD,CAAA,MAAAA,CAAA,2BAAAnB,CAAA,QAAAG,CAAA,aAAAiB,CAAA;AAAA,SAAAxB,gBAAAF,GAAA,QAAAc,KAAA,CAAAiB,OAAA,CAAA/B,GAAA,UAAAA,GAAA;AACV,SAASgC,oBAAoBA,CAACC,KAAK,EAAE;EACxC,OAAO,WAAW,IAAIA,KAAK,IAAI,iBAAiB,IAAIA,KAAK,IAAI,cAAc,IAAIA,KAAK;AACxF;AACO,SAASC,YAAYA,CAACD,KAAK,EAAEE,CAAC,EAAE;EACnCF,KAAK,CAACG,SAAS,GAAGD,CAAC;EACnBF,KAAK,CAACI,eAAe,GAAGF,CAAC;EACzBF,KAAK,CAACK,YAAY,GAAGH,CAAC;AAC1B;AACA,SAASI,eAAeA,CAACC,KAAK,EAAE;EAAA,IAAAC,WAAA,EAAAC,YAAA;EAC5B,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAC;MAC/BhB,IAAI,EAAE,KAAK;MACXiB,IAAI,EAAE;IACV,CAAC,CAAC;IAAAC,UAAA,GAAA/C,cAAA,CAAA4C,SAAA;IAHKI,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAItB,IAAAG,UAAA,GAA4B,IAAAL,eAAQ,EAAC,CAAC,CAAC;IAAAM,UAAA,GAAAnD,cAAA,CAAAkD,UAAA;IAAhCE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAQtB,IAAI,GAAWmB,KAAK,CAApBnB,IAAI;IAAEiB,IAAI,GAAKE,KAAK,CAAdF,IAAI;EAClB,IAAAQ,gBAAA,GAA+Db,KAAK,CAA5Dc,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,oBAAoB,GAAAA,gBAAA;IAAEE,SAAS,GAAYf,KAAK,CAA1Be,SAAS;IAAEtB,KAAK,GAAKO,KAAK,CAAfP,KAAK;EAC1D,IAAMuB,YAAY,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACjC;EACA,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAAC,IAAI,CAAC;EAC/B;EACA,IAAME,MAAM,GAAG,IAAAF,aAAM,EAAC,IAAI,CAAC;EAC3B;EACA,IAAAG,gBAAS,EAAC,YAAM;IACZ,IAAMC,eAAe,GAAG,IAAAC,oBAAQ,EAAC,YAAM;MACnCC,WAAW,CAACZ,MAAM,CAAC;IACvB,CAAC,EAAE,GAAG,CAAC;IACPa,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEJ,eAAe,CAAC;IAClDE,WAAW,CAACZ,MAAM,CAAC;IACnB,OAAO,YAAM;MACTa,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEL,eAAe,CAAC;IACzD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,SAASE,WAAWA,CAACZ,MAAM,EAAE;IACzB,IAAIgB,EAAE,EAAEC,EAAE,EAAEC,EAAE;IACd,IAAMC,QAAQ,GAAG,CAAC,CAACH,EAAE,GAAGR,MAAM,CAACY,OAAO,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACK,WAAW,KAAK,CAAC;IACjG,IAAMC,UAAU,GAAG,CAAC,CAACL,EAAE,GAAGZ,YAAY,CAACe,OAAO,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACM,WAAW,KAAK,CAAC;IACzG,IAAMC,YAAY,GAAG,CAAC,CAACN,EAAE,GAAGX,UAAU,CAACa,OAAO,MAAM,IAAI,IAAIF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACK,WAAW,KAAK,CAAC;IACzG,IAAME,SAAS,GAAGH,UAAU,GAAGH,QAAQ;IACvC,IAAM1C,IAAI,GAAWmB,KAAK,CAApBnB,IAAI;MAAEiB,IAAI,GAAKE,KAAK,CAAdF,IAAI;IAChB,IAAI+B,SAAS,IAAI,CAAC,EAAE;MAChBhD,IAAI,GAAG,KAAK;MACZiD,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC;MACnB;MACAzB,SAAS,CAAC,CAAC,CAAC;IAChB,CAAC,MACI,IAAIwB,SAAS,GAAGzB,MAAM,EAAE;MACzBvB,IAAI,GAAG,IAAI;IACf,CAAC,MACI;MACDA,IAAI,GAAG,KAAK;MACZ,IAAMkD,UAAU,GAAGH,YAAY,GAAGL,QAAQ;MAC1CO,SAAS,CAACC,UAAU,EAAE,KAAK,CAAC;MAC5B1B,SAAS,CAAC0B,UAAU,CAAC;IACzB;IACA,IAAI3B,MAAM,GAAG,CAAC,EAAE;MACZN,IAAI,GAAG,IAAI;IACf,CAAC,MACI;MACDA,IAAI,GAAG,KAAK;IAChB;IACAG,QAAQ,CAAC;MACLpB,IAAI,EAAJA,IAAI;MAAEiB,IAAI,EAAJA;IACV,CAAC,CAAC;IACF,OAAO;MACHjB,IAAI,EAAJA,IAAI;MACJiB,IAAI,EAAJA;IACJ,CAAC;EACL;EACA,IAAMgC,SAAS,GAAG,SAAZA,SAASA,CAAIE,EAAE,EAA2B;IAAA,IAAzBC,aAAa,GAAAC,SAAA,CAAA/D,MAAA,QAAA+D,SAAA,QAAAtF,SAAA,GAAAsF,SAAA,MAAG,IAAI;IACvC,IAAId,EAAE;IACN,IAAMe,MAAM,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,EAAE,CAAC;IAC9B,IAAI5B,MAAM,KAAK+B,MAAM,EAAE;MACnB;MACA9B,SAAS,CAAC8B,MAAM,CAAC;MACjB,IAAIG,SAAS,GAAG,CAAC,CAAC;MAClB,IAAMC,QAAQ,GAAG,CAACnB,EAAE,GAAGR,MAAM,CAACY,OAAO,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAClC,KAAK;MACpF,IAAMsD,kBAAkB,GAAGvD,oBAAoB,CAACsD,QAAQ,CAAC;MACzD,IAAIC,kBAAkB,EAAE;QACpBF,SAAS,GAAG;UACRvG,KAAK,iBAAA0G,MAAA,CAAiBN,MAAM;QAChC,CAAC;MACL,CAAC,MACI;QACDG,SAAS,GAAG;UACRxE,IAAI,EAAE,MAAM;UACZ/B,KAAK,KAAA0G,MAAA,CAAKN,MAAM;QACpB,CAAC;MACL;MACA,IAAIK,kBAAkB,EAAE;QACpBrD,YAAY,CAACoD,QAAQ,EAAED,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,SAAS,CAACvG,KAAK,CAAC;MACjG,CAAC,MACI;QACDwG,QAAQ,CAACD,SAAS,CAACxE,IAAI,CAAC,GAAGwE,SAAS,CAACvG,KAAK;MAC9C;MACA,IAAIkG,aAAa,EAAE;QACfjB,WAAW,CAACmB,MAAM,CAAC;MACvB;IACJ;EACJ,CAAC;EACD;EACA,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACrB,IAAItB,EAAE;IACN,IAAMQ,YAAY,GAAG,CAAC,CAACR,EAAE,GAAGT,UAAU,CAACa,OAAO,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACO,WAAW,KAAK,CAAC;IACzGG,SAAS,CAAC1B,MAAM,GAAGwB,YAAY,CAAC;EACpC,CAAC;EACD;EACA,IAAMe,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACrB,IAAIvB,EAAE;IACN,IAAMQ,YAAY,GAAG,CAAC,CAACR,EAAE,GAAGT,UAAU,CAACa,OAAO,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACO,WAAW,KAAK,CAAC;IACzGG,SAAS,CAAC1B,MAAM,GAAGwB,YAAY,CAAC;EACpC,CAAC;EACD,IAAMgB,YAAY,GAAG9C,IAAI,IAAIjB,IAAI;EACjC,IAAMgE,UAAU,gBAAIC,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACzDlD,IAAI,IAAI4C,UAAU,CAAC,CAAC;IACxB,CAAC;IACD;IACAO,YAAY,EAAE,IAAI;IAAEzC,SAAS,EAAE,IAAA0C,uBAAU,GAAAxD,WAAA,OAAA5D,eAAA,CAAA4D,WAAA,KAAA+C,MAAA,CACjClC,SAAS,YAAU,IAAI,GAAAzE,eAAA,CAAA4D,WAAA,KAAA+C,MAAA,CACvBlC,SAAS,oBAAkB,CAACT,IAAI,GAAAhE,eAAA,CAAA4D,WAAA,KAAA+C,MAAA,CAChClC,SAAS,kBAAgBqC,YAAY,GAAAlD,WAAA,CAC5C;EAAE,CAAC,eACJoD,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEvC,SAAS,KAAAiC,MAAA,CAAKlC,SAAS;EAAa,CAAC,eAC/DuC,iBAAK,CAACC,aAAa,CAACI,wBAAY,EAAE,IAAI,CAAC,CAAC,CAAE;EAClD,IAAMC,UAAU,gBAAIN,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACzDnE,IAAI,IAAI8D,UAAU,CAAC,CAAC;IACxB,CAAC;IACD;IACAM,YAAY,EAAE,IAAI;IAAEzC,SAAS,EAAE,IAAA0C,uBAAU,GAAAvD,YAAA,OAAA7D,eAAA,CAAA6D,YAAA,KAAA8C,MAAA,CACjClC,SAAS,YAAU,IAAI,GAAAzE,eAAA,CAAA6D,YAAA,KAAA8C,MAAA,CACvBlC,SAAS,oBAAkB,CAAC1B,IAAI,GAAA/C,eAAA,CAAA6D,YAAA,KAAA8C,MAAA,CAChClC,SAAS,kBAAgBqC,YAAY,GAAAjD,YAAA,CAC5C;EAAE,CAAC,eACJmD,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEvC,SAAS,KAAAiC,MAAA,CAAKlC,SAAS;EAAa,CAAC,eAC/DuC,iBAAK,CAACC,aAAa,CAACM,yBAAa,EAAE,IAAI,CAAC,CAAC,CAAE;EACnD,oBAAQP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEvC,SAAS,EAAE,IAAA0C,uBAAU,KAAAT,MAAA,CAAIlC,SAAS,iBAAcC,SAAS,CAAC;IAAEtB,KAAK,EAAEA,KAAK;IAAEoE,GAAG,EAAE7C;EAAa,CAAC,EAC9HoC,UAAU,EACVO,UAAU,eACVN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEvC,SAAS,KAAAiC,MAAA,CAAKlC,SAAS,cAAW;IAAE+C,GAAG,EAAE3C;EAAW,CAAC,eAC9EmC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEvC,SAAS,KAAAiC,MAAA,CAAKlC,SAAS;EAAc,CAAC,eAC/DuC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEvC,SAAS,KAAAiC,MAAA,CAAKlC,SAAS,SAAM;IAAE+C,GAAG,EAAE1C;EAAO,CAAC,EAAEnB,KAAK,CAAC8D,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC7G;AAAC,IAAAC,QAAA,GACchE,eAAe;AAAAiE,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames3","_interopRequireDefault","_debounce","_RightOutlined","_LeftOutlined","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","isArray","isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VmScrollableRow","props","_classnames","_classnames2","_useState","useState","prev","_useState2","state","setState","_useState3","_useState4","offset","setOffset","_props$prefixCls","prefixCls","className","containerRef","useRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","_a","_b","_c","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","getOffset","realOffset","os","checkNextPrev","arguments","target","Math","min","navOffset","navStyle","transformSupported","concat","handlePrev","handleNext","showNextPrev","prevButton","React","createElement","onClick","unselectable","classnames","LeftOutlined","nextButton","RightOutlined","ref","children","_default","exports"],"sources":["vm-common-components/common/vm-scrollableRow/index.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\nimport './style';\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\nfunction VmScrollableRow(props) {\n    const [state, setState] = useState({\n        next: false,\n        prev: false,\n    });\n    const [offset, setOffset] = useState(0);\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n    const containerRef = useRef(null);\n    ;\n    const navWrapRef = useRef(null);\n    ;\n    const navRef = useRef(null);\n    ;\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev(offset);\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev(offset);\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n    function setNextPrev(offset) {\n        var _a, _b, _c;\n        const navNodeW = ((_a = navRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0;\n        const containerW = ((_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;\n        const navWrapNodeW = ((_c = navWrapRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            getOffset(0, false);\n            // offset=0\n            setOffset(0);\n        }\n        else if (minOffset < offset) {\n            next = true;\n        }\n        else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            getOffset(realOffset, false);\n            setOffset(realOffset);\n        }\n        if (offset < 0) {\n            prev = true;\n        }\n        else {\n            prev = false;\n        }\n        setState({\n            next, prev\n        });\n        return {\n            next,\n            prev,\n        };\n    }\n    const getOffset = (os, checkNextPrev = true) => {\n        var _a;\n        const target = Math.min(0, os);\n        if (offset !== target) {\n            // offset=target;\n            setOffset(target);\n            let navOffset = {};\n            const navStyle = (_a = navRef.current) === null || _a === void 0 ? void 0 : _a.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            }\n            else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset === null || navOffset === void 0 ? void 0 : navOffset.value);\n            }\n            else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev(target);\n            }\n        }\n    };\n    // 上一页\n    const handlePrev = () => {\n        var _a;\n        const navWrapNodeW = ((_a = navWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;\n        getOffset(offset + navWrapNodeW);\n    };\n    // 下一页\n    const handleNext = () => {\n        var _a;\n        const navWrapNodeW = ((_a = navWrapRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;\n        getOffset(offset - navWrapNodeW);\n    };\n    const showNextPrev = prev || next;\n    const prevButton = (React.createElement(\"span\", { onClick: () => {\n            prev && handlePrev();\n        }, \n        // eslint-disable-next-line react/no-unknown-property\n        unselectable: \"on\", className: classnames({\n            [`${prefixCls}-prev`]: true,\n            [`${prefixCls}-btn-disabled`]: !prev,\n            [`${prefixCls}-arrow-show`]: showNextPrev,\n        }) },\n        React.createElement(\"span\", { className: `${prefixCls}-prev-icon` },\n            React.createElement(LeftOutlined, null))));\n    const nextButton = (React.createElement(\"span\", { onClick: () => {\n            next && handleNext();\n        }, \n        // eslint-disable-next-line react/no-unknown-property\n        unselectable: \"on\", className: classnames({\n            [`${prefixCls}-next`]: true,\n            [`${prefixCls}-btn-disabled`]: !next,\n            [`${prefixCls}-arrow-show`]: showNextPrev,\n        }) },\n        React.createElement(\"span\", { className: `${prefixCls}-next-icon` },\n            React.createElement(RightOutlined, null))));\n    return (React.createElement(\"div\", { className: classnames(`${prefixCls}-container`, className), style: style, ref: containerRef },\n        prevButton,\n        nextButton,\n        React.createElement(\"div\", { className: `${prefixCls}-nav-wrap`, ref: navWrapRef },\n            React.createElement(\"div\", { className: `${prefixCls}-nav-scroll` },\n                React.createElement(\"div\", { className: `${prefixCls}-nav`, ref: navRef }, props.children)))));\n}\nexport default VmScrollableRow;\n"],"mappings":"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"}

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

@@ -1,113 +1,113 @@
-
-@prefix-cls: vtx-scrollable-row;
-@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
-@effect-duration: 0.3s;
-@border-radius-base:2px;
-
-.vtx-scrollable-row{
-    &-container {
-        position: relative;
-        box-sizing: border-box;
-        margin-bottom: -1px;
-        overflow: hidden;
-        white-space: nowrap;
-        transition: padding @effect-duration @easing-in-out;
-        zoom: 1;
-        &::after {
-            clear: both;
-        }
-        &::before,
-        &::after {
-            display: table;
-            content: ' ';
-        }
-        &:hover {
-            .@{prefix-cls}-arrow-show {
-                display: inline-block;
-            }
-        }
-    }
-    &-prev,
-    &-next {
-        position: absolute;
-        z-index: 1;
-        display: none;
-        line-height: 36px;
-        text-align: center;
-        background-color: rgba(0,0,0,0.1);
-        // background: @component-background;
-        border: none;
-        cursor: pointer;
-        color: #ccc;
-        transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
-            color @effect-duration @easing-in-out;
-        user-select: none;
-        &-icon {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            font-weight: 700;
-            font-style: normal;
-            font-variant: normal;
-            line-height: inherit;
-            text-align: center;
-            text-transform: none;
-            vertical-align: baseline;
-            -webkit-transform: translate(-50%, -50%);
-            -ms-transform: translate(-50%, -50%);
-            transform: translate(-50%, -50%);
-        }
-        &::before {
-            display: block;
-        }
-    }
-
-    &-prev {
-        left: 0;
-        border-radius: @border-radius-base 0 0 @border-radius-base;
-        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
-    }
-    &-next {
-        right: 0;
-        border-radius: 0 @border-radius-base @border-radius-base 0;
-        box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
-    }
-    &-btn-disabled {
-        color: #ccc;
-        cursor: not-allowed;
-    }
-    &-arrow-show {
-        display: none;
-        width: 32px;
-        height: 100%;
-        opacity: 1;
-        pointer-events: auto;
-    }
-    &-nav-wrap {
-        margin-bottom: -1px;
-        overflow: hidden;
-    }
-    &-nav-scroll {
-        overflow: hidden;
-        line-height: 1;
-        white-space: nowrap;
-    }
-    &-nav {
-        position: relative;
-        display: inline-block;
-        box-sizing: border-box;
-        margin: 0;
-        padding-left: 0;
-        list-style: none;
-        transition: transform @effect-duration @easing-in-out,
-            -webkit-transform @effect-duration @easing-in-out;
-        &::after {
-            clear: both;
-        }
-        &::before,
-        &::after {
-            display: table;
-            content: ' ';
-        }
-    }
-}
+
+@prefix-cls: vtx-scrollable-row;
+@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+@effect-duration: 0.3s;
+@border-radius-base:2px;
+
+.vtx-scrollable-row{
+    &-container {
+        position: relative;
+        box-sizing: border-box;
+        margin-bottom: -1px;
+        overflow: hidden;
+        white-space: nowrap;
+        transition: padding @effect-duration @easing-in-out;
+        zoom: 1;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: ' ';
+        }
+        &:hover {
+            .@{prefix-cls}-arrow-show {
+                display: inline-block;
+            }
+        }
+    }
+    &-prev,
+    &-next {
+        position: absolute;
+        z-index: 1;
+        display: none;
+        line-height: 36px;
+        text-align: center;
+        background-color: rgba(0,0,0,0.1);
+        // background: @component-background;
+        border: none;
+        cursor: pointer;
+        color: #ccc;
+        transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
+            color @effect-duration @easing-in-out;
+        user-select: none;
+        &-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            font-weight: 700;
+            font-style: normal;
+            font-variant: normal;
+            line-height: inherit;
+            text-align: center;
+            text-transform: none;
+            vertical-align: baseline;
+            -webkit-transform: translate(-50%, -50%);
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+        }
+        &::before {
+            display: block;
+        }
+    }
+
+    &-prev {
+        left: 0;
+        border-radius: @border-radius-base 0 0 @border-radius-base;
+        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+    }
+    &-next {
+        right: 0;
+        border-radius: 0 @border-radius-base @border-radius-base 0;
+        box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+    }
+    &-btn-disabled {
+        color: #ccc;
+        cursor: not-allowed;
+    }
+    &-arrow-show {
+        display: none;
+        width: 32px;
+        height: 100%;
+        opacity: 1;
+        pointer-events: auto;
+    }
+    &-nav-wrap {
+        margin-bottom: -1px;
+        overflow: hidden;
+    }
+    &-nav-scroll {
+        overflow: hidden;
+        line-height: 1;
+        white-space: nowrap;
+    }
+    &-nav {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        margin: 0;
+        padding-left: 0;
+        list-style: none;
+        transition: transform @effect-duration @easing-in-out,
+            -webkit-transform @effect-duration @easing-in-out;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: ' ';
+        }
+    }
+}