@vtx/components 2.5.13 → 2.5.15

package/lib/vtx-scrollable-row/index.js

@@ -1,51 +1,73 @@
 "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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 exports.isTransformSupported = isTransformSupported;
 exports.setTransform = setTransform;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames3 = _interopRequireDefault(require("classnames"));
+
 var _icon = _interopRequireDefault(require("antd/es/icon"));
+
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
 var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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;
 }
+
 function setTransform(style, v) {
   style.transform = v;
   style.webkitTransform = v;
   style.mozTransform = v;
 }
+
 function VtxScrollableRow(props) {
   var _classnames, _classnames2;
+
   var _useSetState = (0, _useSetState3["default"])({
-      next: false,
-      prev: false
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
+    next: false,
+    prev: false
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      state = _useSetState2[0],
+      setState = _useSetState2[1];
+
   var next = state.next,
-    prev = state.prev;
+      prev = state.prev;
   var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'vtx-scrollable-row' : _props$prefixCls,
-    className = props.className,
-    style = props.style;
+      prefixCls = _props$prefixCls === void 0 ? 'vtx-scrollable-row' : _props$prefixCls,
+      className = props.className,
+      style = props.style;
   var offset = (0, _react.useRef)(0);
   var containerRef = (0, _react.useRef)();
   var navWrapRef = (0, _react.useRef)();
@@ -60,13 +82,15 @@ function VtxScrollableRow(props) {
       window.removeEventListener('resize', debouncedResize);
     };
   }, []);
+
   function setNextPrev() {
     var navNodeW = navRef.current.scrollWidth;
     var containerW = containerRef.current.offsetWidth;
     var navWrapNodeW = navWrapRef.current.offsetWidth;
     var minOffset = containerW - navNodeW;
     var next = state.next,
-      prev = state.prev;
+        prev = state.prev;
+
     if (minOffset >= 0) {
       next = false;
       setOffset(0, false);
@@ -79,11 +103,13 @@ function VtxScrollableRow(props) {
       setOffset(realOffset, false);
       offset.current = realOffset;
     }
+
     if (offset.current < 0) {
       prev = true;
     } else {
       prev = false;
     }
+
     setNext(next);
     setPrev(prev);
     return {
@@ -91,14 +117,17 @@ function VtxScrollableRow(props) {
       prev: prev
     };
   }
+
   var setOffset = function setOffset(os) {
     var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var target = Math.min(0, os);
+
     if (offset.current !== target) {
       offset.current = target;
       var navOffset = {};
       var navStyle = navRef.current.style;
       var transformSupported = isTransformSupported(navStyle);
+
       if (transformSupported) {
         navOffset = {
           value: "translate3d(".concat(target, "px,0,0)")
@@ -109,16 +138,19 @@ function VtxScrollableRow(props) {
           value: "".concat(target, "px")
         };
       }
+
       if (transformSupported) {
         setTransform(navStyle, navOffset.value);
       } else {
         navStyle[navOffset.name] = navOffset.value;
       }
+
       if (checkNextPrev) {
         setNextPrev();
       }
     }
   };
+
   var setPrev = function setPrev(v) {
     if (prev !== v) {
       setState({
@@ -126,29 +158,31 @@ function VtxScrollableRow(props) {
       });
     }
   };
+
   var setNext = function setNext(v) {
     if (next !== v) {
       setState({
         next: v
       });
     }
-  };
+  }; // 上一页
+
 
-  // 上一页
   var handlePrev = function handlePrev() {
     var navWrapNodeW = navWrapRef.current.offsetWidth;
     setOffset(offset.current + navWrapNodeW);
-  };
+  }; // 下一页
+
 
-  // 下一页
   var handleNext = function handleNext() {
     var navWrapNodeW = navWrapRef.current.offsetWidth;
     setOffset(offset.current - navWrapNodeW);
   };
+
   var showNextPrev = prev || next;
+
   var prevButton = /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: prev ? handlePrev : null
-    // unselectable="unselectable"
+    onClick: prev ? handlePrev : null // unselectable="unselectable"
     ,
     className: (0, _classnames3["default"])((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-prev"), true), _defineProperty(_classnames, "".concat(prefixCls, "-btn-disabled"), !prev), _defineProperty(_classnames, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -156,9 +190,9 @@ function VtxScrollableRow(props) {
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "left"
   })));
+
   var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: next ? handleNext : null
-    // unselectable="unselectable"
+    onClick: next ? handleNext : null // unselectable="unselectable"
     ,
     className: (0, _classnames3["default"])((_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-next"), true), _defineProperty(_classnames2, "".concat(prefixCls, "-btn-disabled"), !next), _defineProperty(_classnames2, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames2))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -166,6 +200,7 @@ function VtxScrollableRow(props) {
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "right"
   })));
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
     style: style,
@@ -180,6 +215,7 @@ function VtxScrollableRow(props) {
     ref: navRef
   }, props.children))));
 }
+
 var _default = VtxScrollableRow;
 exports["default"] = _default;
 VtxScrollableRow.propTypes = {

package/lib/vtx-scrollable-row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useSetState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport Icon from 'antd/es/icon';\nimport debounce from 'lodash/debounce';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\n\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n    const [state, setState] = useSetState({\n        next: false,\n        prev: false,\n    });\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n    const offset = useRef(0);\n    const containerRef = useRef();\n    const navWrapRef = useRef();\n    const navRef = useRef();\n\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev();\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev();\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n\n    function setNextPrev() {\n        const navNodeW = navRef.current.scrollWidth;\n        const containerW = containerRef.current.offsetWidth;\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            setOffset(0, false);\n            offset.current = 0;\n        } else if (minOffset < offset.current) {\n            next = true;\n        } else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            setOffset(realOffset, false);\n            offset.current = realOffset;\n        }\n\n        if (offset.current < 0) {\n            prev = true;\n        } else {\n            prev = false;\n        }\n        setNext(next);\n        setPrev(prev);\n        return {\n            next,\n            prev,\n        };\n    }\n\n    const setOffset = (os, checkNextPrev = true) => {\n        const target = Math.min(0, os);\n        if (offset.current !== target) {\n            offset.current = target;\n            let navOffset = {};\n            const navStyle = navRef.current.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            } else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset.value);\n            } else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev();\n            }\n        }\n    };\n\n    const setPrev = v => {\n        if (prev !== v) {\n            setState({\n                prev: v,\n            });\n        }\n    };\n\n    const setNext = v => {\n        if (next !== v) {\n            setState({\n                next: v,\n            });\n        }\n    };\n\n    // 上一页\n    const handlePrev = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current + navWrapNodeW);\n    };\n\n    // 下一页\n    const handleNext = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current - navWrapNodeW);\n    };\n\n    const showNextPrev = prev || next;\n\n    const prevButton = (\n        <span\n            onClick={prev ? handlePrev : null}\n            // unselectable=\"unselectable\"\n            className={classnames({\n                [`${prefixCls}-prev`]: true,\n                [`${prefixCls}-btn-disabled`]: !prev,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-prev-icon`}>\n                <Icon type=\"left\" />\n            </span>\n        </span>\n    );\n\n    const nextButton = (\n        <span\n            onClick={next ? handleNext : null}\n            // unselectable=\"unselectable\"\n            className={classnames({\n                [`${prefixCls}-next`]: true,\n                [`${prefixCls}-btn-disabled`]: !next,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-next-icon`}>\n                <Icon type=\"right\" />\n            </span>\n        </span>\n    );\n\n    return (\n        <div\n            className={classnames(`${prefixCls}-container`, className)}\n            style={style}\n            ref={containerRef}\n        >\n            {prevButton}\n            {nextButton}\n            <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n                <div className={`${prefixCls}-nav-scroll`}>\n                    <div className={`${prefixCls}-nav`} ref={navRef}>\n                        {props.children}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useSetState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\r\nimport classnames from 'classnames';\r\nimport Icon from 'antd/es/icon';\r\nimport debounce from 'lodash/debounce';\r\nimport useSetState from 'ahooks/es/useSetState';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport function isTransformSupported(style) {\r\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\r\n}\r\n\r\nexport function setTransform(style, v) {\r\n    style.transform = v;\r\n    style.webkitTransform = v;\r\n    style.mozTransform = v;\r\n}\r\n\r\nfunction VtxScrollableRow(props) {\r\n    const [state, setState] = useSetState({\r\n        next: false,\r\n        prev: false,\r\n    });\r\n    const { next, prev } = state;\r\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\r\n\r\n    const offset = useRef(0);\r\n    const containerRef = useRef();\r\n    const navWrapRef = useRef();\r\n    const navRef = useRef();\r\n\r\n    useEffect(() => {\r\n        const debouncedResize = debounce(() => {\r\n            setNextPrev();\r\n        }, 200);\r\n        window.addEventListener('resize', debouncedResize);\r\n        setNextPrev();\r\n        return () => {\r\n            window.removeEventListener('resize', debouncedResize);\r\n        };\r\n    }, []);\r\n\r\n    function setNextPrev() {\r\n        const navNodeW = navRef.current.scrollWidth;\r\n        const containerW = containerRef.current.offsetWidth;\r\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n\r\n        const minOffset = containerW - navNodeW;\r\n        let { next, prev } = state;\r\n        if (minOffset >= 0) {\r\n            next = false;\r\n            setOffset(0, false);\r\n            offset.current = 0;\r\n        } else if (minOffset < offset.current) {\r\n            next = true;\r\n        } else {\r\n            next = false;\r\n            const realOffset = navWrapNodeW - navNodeW;\r\n            setOffset(realOffset, false);\r\n            offset.current = realOffset;\r\n        }\r\n\r\n        if (offset.current < 0) {\r\n            prev = true;\r\n        } else {\r\n            prev = false;\r\n        }\r\n        setNext(next);\r\n        setPrev(prev);\r\n        return {\r\n            next,\r\n            prev,\r\n        };\r\n    }\r\n\r\n    const setOffset = (os, checkNextPrev = true) => {\r\n        const target = Math.min(0, os);\r\n        if (offset.current !== target) {\r\n            offset.current = target;\r\n            let navOffset = {};\r\n            const navStyle = navRef.current.style;\r\n            const transformSupported = isTransformSupported(navStyle);\r\n            if (transformSupported) {\r\n                navOffset = {\r\n                    value: `translate3d(${target}px,0,0)`,\r\n                };\r\n            } else {\r\n                navOffset = {\r\n                    name: 'left',\r\n                    value: `${target}px`,\r\n                };\r\n            }\r\n            if (transformSupported) {\r\n                setTransform(navStyle, navOffset.value);\r\n            } else {\r\n                navStyle[navOffset.name] = navOffset.value;\r\n            }\r\n            if (checkNextPrev) {\r\n                setNextPrev();\r\n            }\r\n        }\r\n    };\r\n\r\n    const setPrev = v => {\r\n        if (prev !== v) {\r\n            setState({\r\n                prev: v,\r\n            });\r\n        }\r\n    };\r\n\r\n    const setNext = v => {\r\n        if (next !== v) {\r\n            setState({\r\n                next: v,\r\n            });\r\n        }\r\n    };\r\n\r\n    // 上一页\r\n    const handlePrev = () => {\r\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n        setOffset(offset.current + navWrapNodeW);\r\n    };\r\n\r\n    // 下一页\r\n    const handleNext = () => {\r\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n        setOffset(offset.current - navWrapNodeW);\r\n    };\r\n\r\n    const showNextPrev = prev || next;\r\n\r\n    const prevButton = (\r\n        <span\r\n            onClick={prev ? handlePrev : null}\r\n            // unselectable=\"unselectable\"\r\n            className={classnames({\r\n                [`${prefixCls}-prev`]: true,\r\n                [`${prefixCls}-btn-disabled`]: !prev,\r\n                [`${prefixCls}-arrow-show`]: showNextPrev,\r\n            })}\r\n        >\r\n            <span className={`${prefixCls}-prev-icon`}>\r\n                <Icon type=\"left\" />\r\n            </span>\r\n        </span>\r\n    );\r\n\r\n    const nextButton = (\r\n        <span\r\n            onClick={next ? handleNext : null}\r\n            // unselectable=\"unselectable\"\r\n            className={classnames({\r\n                [`${prefixCls}-next`]: true,\r\n                [`${prefixCls}-btn-disabled`]: !next,\r\n                [`${prefixCls}-arrow-show`]: showNextPrev,\r\n            })}\r\n        >\r\n            <span className={`${prefixCls}-next-icon`}>\r\n                <Icon type=\"right\" />\r\n            </span>\r\n        </span>\r\n    );\r\n\r\n    return (\r\n        <div\r\n            className={classnames(`${prefixCls}-container`, className)}\r\n            style={style}\r\n            ref={containerRef}\r\n        >\r\n            {prevButton}\r\n            {nextButton}\r\n            <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\r\n                <div className={`${prefixCls}-nav-scroll`}>\r\n                    <div className={`${prefixCls}-nav`} ref={navRef}>\r\n                        {props.children}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default VtxScrollableRow;\r\n\r\nVtxScrollableRow.propTypes = {\r\n    prefixCls: PropTypes.string,\r\n    className: PropTypes.string,\r\n    style: PropTypes.object,\r\n    children: PropTypes.node,\r\n};\r\n"],"mappings":"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"}

package/lib/vtx-scrollable-row/style/css.js

@@ -1,5 +1,6 @@
 "use strict";
 
 require("antd/es/icon/style");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-scrollable-row/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import 'antd/es/icon/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import 'antd/es/icon/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA"}

package/lib/vtx-scrollable-row/style/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
 require("antd/es/icon/style");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-scrollable-row/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import 'antd/es/icon/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import 'antd/es/icon/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA"}

package/lib/vtx-scrollable-row/style/index.less

@@ -1,111 +1,111 @@
-@prefix-cls: vtx-scrollable-row;
-@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
-@effect-duration: 0.3s;
-
-.@{prefix-cls} {
-    &-container {
-        position: relative;
-        box-sizing: border-box;
-        margin-bottom: -1px;
-        overflow: hidden;
-        font-size: 14px;
-        line-height: 1.5;
-        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: #fff;
-        border: none;
-        cursor: pointer;
-        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: 2px 0 0 2px;
-        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
-    }
-    &-next {
-        right: 0;
-        border-radius: 0 2px 2px 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;
+
+.@{prefix-cls} {
+    &-container {
+        position: relative;
+        box-sizing: border-box;
+        margin-bottom: -1px;
+        overflow: hidden;
+        font-size: 14px;
+        line-height: 1.5;
+        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: #fff;
+        border: none;
+        cursor: pointer;
+        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: 2px 0 0 2px;
+        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+    }
+    &-next {
+        right: 0;
+        border-radius: 0 2px 2px 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: ' ';
+        }
+    }
+}

package/lib/vtx-search/VtxCol.js

@@ -4,22 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _col = _interopRequireDefault(require("antd/es/col"));
+
 var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+
 require("./style/index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function VtxCol(props) {
   var addStyle = function addStyle(d) {
     var _d$props;
+
     if (typeof d.type === 'function' && ((_d$props = d.props) === null || _d$props === void 0 ? void 0 : _d$props.attr) == 'row') {
       return d;
     } else {
       var _d$props2, _d$props3, _d$props4, _d$props5;
+
       if (((_d$props2 = d.props) === null || _d$props2 === void 0 ? void 0 : _d$props2['data-type']) === 'colon') {
         return /*#__PURE__*/_react["default"].createElement("div", {
           className: "vtx-search-lists"
@@ -29,7 +41,9 @@ function VtxCol(props) {
           className: "vtx-search-list"
         }, d.props.children[1]));
       }
+
       var sty = {};
+
       if (((_d$props3 = d.props) === null || _d$props3 === void 0 ? void 0 : _d$props3['data-type']) === 'fieldName') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
           padding: '8px 0px',
@@ -40,11 +54,13 @@ function VtxCol(props) {
           cursor: 'default'
         });
       }
+
       if (((_d$props4 = d.props) === null || _d$props4 === void 0 ? void 0 : _d$props4['data-type']) === 'bt') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
           padding: '8px 0px'
         });
       }
+
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: d,
         style: _objectSpread({}, sty)
@@ -54,17 +70,22 @@ function VtxCol(props) {
       }, d) : d);
     }
   };
+
   var render = function render(d) {
     if (d == '') return '';
+
     if (!d.length) {
       return addStyle(d);
     }
+
     return d.map(function (item) {
       return addStyle(item);
     });
   };
+
   return /*#__PURE__*/_react["default"].createElement(_col["default"], props, render(props.children));
 }
+
 VtxCol.propTypes = {
   children: _propTypes["default"].node
 };

package/lib/vtx-search/VtxCol.js.map

@@ -1 +1 @@
-{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/es/col';\nimport Tooltip from 'antd/es/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n    let addStyle = d => {\n        if (typeof d.type === 'function' && d.props?.attr == 'row') {\n            return d;\n        } else {\n            if (d.props?.['data-type'] === 'colon') {\n                return (\n                    <div className=\"vtx-search-lists\">\n                        <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n                        <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n                    </div>\n                );\n            }\n            let sty = {};\n            if (d.props?.['data-type'] === 'fieldName') {\n                sty = {\n                    ...sty,\n                    padding: '8px 0px',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    textAlign: 'right',\n                    cursor: 'default',\n                };\n            }\n            if (d.props?.['data-type'] === 'bt') {\n                sty = {\n                    ...sty,\n                    padding: '8px 0px',\n                };\n            }\n            return (\n                <div key={d} style={{ ...sty }}>\n                    {d.props?.['data-type'] === 'fieldName' ? (\n                        <Tooltip placement=\"rightTop\" title={d.props.children}>\n                            {d}\n                        </Tooltip>\n                    ) : (\n                        d\n                    )}\n                </div>\n            );\n        }\n    };\n    let render = d => {\n        if (d == '') return '';\n        if (!d.length) {\n            return addStyle(d);\n        }\n        return d.map(item => {\n            return addStyle(item);\n        });\n    };\n    return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n    children: PropTypes.node,\n};\nexport default VtxCol;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAA4B;AAAA;AAAA;AAAA;AAE5B,SAASA,MAAM,CAACC,KAAK,EAAE;EACnB,IAAIC,QAAQ,GAAG,SAAXA,QAAQ,CAAGC,CAAC,EAAI;IAAA;IAChB,IAAI,OAAOA,CAAC,CAACC,IAAI,KAAK,UAAU,IAAI,aAAAD,CAAC,CAACF,KAAK,6CAAP,SAASI,IAAI,KAAI,KAAK,EAAE;MACxD,OAAOF,CAAC;IACZ,CAAC,MAAM;MAAA;MACH,IAAI,cAAAA,CAAC,CAACF,KAAK,8CAAP,UAAU,WAAW,CAAC,MAAK,OAAO,EAAE;QACpC,oBACI;UAAK,SAAS,EAAC;QAAkB,gBAC7B;UAAK,SAAS,EAAC;QAAkB,GAAEE,CAAC,CAACF,KAAK,CAACK,QAAQ,CAAC,CAAC,CAAC,CAAO,eAC7D;UAAK,SAAS,EAAC;QAAiB,GAAEH,CAAC,CAACF,KAAK,CAACK,QAAQ,CAAC,CAAC,CAAC,CAAO,CAC1D;MAEd;MACA,IAAIC,GAAG,GAAG,CAAC,CAAC;MACZ,IAAI,cAAAJ,CAAC,CAACF,KAAK,8CAAP,UAAU,WAAW,CAAC,MAAK,WAAW,EAAE;QACxCM,GAAG,mCACIA,GAAG;UACNC,OAAO,EAAE,SAAS;UAClBC,QAAQ,EAAE,QAAQ;UAClBC,YAAY,EAAE,UAAU;UACxBC,UAAU,EAAE,QAAQ;UACpBC,SAAS,EAAE,OAAO;UAClBC,MAAM,EAAE;QAAS,EACpB;MACL;MACA,IAAI,cAAAV,CAAC,CAACF,KAAK,8CAAP,UAAU,WAAW,CAAC,MAAK,IAAI,EAAE;QACjCM,GAAG,mCACIA,GAAG;UACNC,OAAO,EAAE;QAAS,EACrB;MACL;MACA,oBACI;QAAK,GAAG,EAAEL,CAAE;QAAC,KAAK,oBAAOI,GAAG;MAAG,GAC1B,cAAAJ,CAAC,CAACF,KAAK,8CAAP,UAAU,WAAW,CAAC,MAAK,WAAW,gBACnC,gCAAC,mBAAO;QAAC,SAAS,EAAC,UAAU;QAAC,KAAK,EAAEE,CAAC,CAACF,KAAK,CAACK;MAAS,GACjDH,CAAC,CACI,GAEVA,CACH,CACC;IAEd;EACJ,CAAC;EACD,IAAIW,MAAM,GAAG,SAATA,MAAM,CAAGX,CAAC,EAAI;IACd,IAAIA,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE;IACtB,IAAI,CAACA,CAAC,CAACY,MAAM,EAAE;MACX,OAAOb,QAAQ,CAACC,CAAC,CAAC;IACtB;IACA,OAAOA,CAAC,CAACa,GAAG,CAAC,UAAAC,IAAI,EAAI;MACjB,OAAOf,QAAQ,CAACe,IAAI,CAAC;IACzB,CAAC,CAAC;EACN,CAAC;EACD,oBAAO,gCAAC,eAAG,EAAKhB,KAAK,EAAGa,MAAM,CAACb,KAAK,CAACK,QAAQ,CAAC,CAAO;AACzD;AAEAN,MAAM,CAACkB,SAAS,GAAG;EACfZ,QAAQ,EAAEa,qBAAS,CAACC;AACxB,CAAC;AAAC,eACapB,MAAM;AAAA"}
+{"version":3,"file":"VtxCol.js","names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"sources":["vtx-search/VtxCol.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Col from 'antd/es/col';\r\nimport Tooltip from 'antd/es/tooltip';\r\nimport './style/index.less';\r\n\r\nfunction VtxCol(props) {\r\n    let addStyle = d => {\r\n        if (typeof d.type === 'function' && d.props?.attr == 'row') {\r\n            return d;\r\n        } else {\r\n            if (d.props?.['data-type'] === 'colon') {\r\n                return (\r\n                    <div className=\"vtx-search-lists\">\r\n                        <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\r\n                        <div className=\"vtx-search-list\">{d.props.children[1]}</div>\r\n                    </div>\r\n                );\r\n            }\r\n            let sty = {};\r\n            if (d.props?.['data-type'] === 'fieldName') {\r\n                sty = {\r\n                    ...sty,\r\n                    padding: '8px 0px',\r\n                    overflow: 'hidden',\r\n                    textOverflow: 'ellipsis',\r\n                    whiteSpace: 'nowrap',\r\n                    textAlign: 'right',\r\n                    cursor: 'default',\r\n                };\r\n            }\r\n            if (d.props?.['data-type'] === 'bt') {\r\n                sty = {\r\n                    ...sty,\r\n                    padding: '8px 0px',\r\n                };\r\n            }\r\n            return (\r\n                <div key={d} style={{ ...sty }}>\r\n                    {d.props?.['data-type'] === 'fieldName' ? (\r\n                        <Tooltip placement=\"rightTop\" title={d.props.children}>\r\n                            {d}\r\n                        </Tooltip>\r\n                    ) : (\r\n                        d\r\n                    )}\r\n                </div>\r\n            );\r\n        }\r\n    };\r\n    let render = d => {\r\n        if (d == '') return '';\r\n        if (!d.length) {\r\n            return addStyle(d);\r\n        }\r\n        return d.map(item => {\r\n            return addStyle(item);\r\n        });\r\n    };\r\n    return <Col {...props}>{render(props.children)}</Col>;\r\n}\r\n\r\nVtxCol.propTypes = {\r\n    children: PropTypes.node,\r\n};\r\nexport default VtxCol;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;EACnB,IAAIC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;IAAA;;IAChB,IAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;MACxD,OAAOF,CAAP;IACH,CAFD,MAEO;MAAA;;MACH,IAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;QACpC,oBACI;UAAK,SAAS,EAAC;QAAf,gBACI;UAAK,SAAS,EAAC;QAAf,GAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;UAAK,SAAS,EAAC;QAAf,GAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;MAMH;;MACD,IAAIC,GAAG,GAAG,EAAV;;MACA,IAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;QACxCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE,SAFV;UAGCC,QAAQ,EAAE,QAHX;UAICC,YAAY,EAAE,UAJf;UAKCC,UAAU,EAAE,QALb;UAMCC,SAAS,EAAE,OANZ;UAOCC,MAAM,EAAE;QAPT,EAAH;MASH;;MACD,IAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;QACjCM,GAAG,mCACIA,GADJ;UAECC,OAAO,EAAE;QAFV,EAAH;MAIH;;MACD,oBACI;QAAK,GAAG,EAAEL,CAAV;QAAa,KAAK,oBAAOI,GAAP;MAAlB,GACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;QAAS,SAAS,EAAC,UAAnB;QAA8B,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;MAA7C,GACKH,CADL,CADH,GAKGA,CANR,CADJ;IAWH;EACJ,CA1CD;;EA2CA,IAAIW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;IACd,IAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;IACb,IAAI,CAACA,CAAC,CAACY,MAAP,EAAe;MACX,OAAOb,QAAQ,CAACC,CAAD,CAAf;IACH;;IACD,OAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;MACjB,OAAOf,QAAQ,CAACe,IAAD,CAAf;IACH,CAFM,CAAP;EAGH,CARD;;EASA,oBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;EACfZ,QAAQ,EAAEa,qBAAA,CAAUC;AADL,CAAnB;eAGepB,M"}