@vtx/components 2.4.2 → 2.5.0

package/lib/vtx-page-layout/style/index.less

@@ -1,6 +1,9 @@
+// @import (reference) '~antd/es/style/themes/index.less';
+
 @prefix-cls: vtx-page;
 @spacing-base: 10px;
 @padding-default-base: @spacing-base;
+@border-radius-base: 2px;
 
 .size(@width; @height) {
     width: @width;
@@ -56,7 +59,7 @@
 
 .vtx-button-wrap {
     button + button {
-        margin-left: @spacing-base;
+        margin-left: 8px;
     }
 }
 
@@ -83,3 +86,54 @@
         padding: 0 @padding-default-base / 2;
     }
 }
+
+@table-page-padding-left: 20px;
+@table-page-padding-right: 20px;
+@table-page-padding-bottom: 16px;
+@table-page-padding-top: 16px;
+
+.vtx-page--table {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    padding: @table-page-padding-top @table-page-padding-right @table-page-padding-bottom
+        @table-page-padding-left;
+    overflow-x: hidden;
+    font-size: 14px;
+    background-color: #f0f2f5;
+}
+
+.vtx-table {
+    &-search {
+        margin-bottom: 16px;
+        background: #fff;
+        border-radius: @border-radius-base;
+    }
+    &-content {
+        .absolute();
+        right: @table-page-padding-right;
+        bottom: @table-page-padding-bottom;
+        left: @table-page-padding-left;
+        transition-duration: 0.3s;
+        transition-property: top;
+    }
+    &-wrap {
+        .absolute();
+        padding: 0 24px;
+        background-color: #fff;
+    }
+    &-card {
+        background: #fff;
+        border-radius: @border-radius-base;
+    }
+    &-left,
+    &-right {
+        height: 100%;
+        overflow: hidden;
+    }
+    &-left {
+        .vtx-ztree-search {
+            right: 0;
+        }
+    }
+}

package/lib/vtx-rps-frame/index.js

@@ -116,7 +116,7 @@ VtxRpsFrame.propTypes = {
   flag: _propTypes["default"].number,
   report_code: _propTypes["default"].string,
   report_param: _propTypes["default"].object,
-  data_param: _propTypes["default"].object,
+  data_param: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),
   paramTypeCode: _propTypes["default"].string,
   tenantId: _propTypes["default"].string,
   reportParamUrl: _propTypes["default"].string,

package/lib/vtx-rps-frame/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-rps-frame/index.jsx"],"names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","Math","random","Date","getTime","getReportInfoByCode","flag","report_code","report_param","data_param","paramTypeCode","tenantId","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","commonParam","method","url","headers","param","timestamp","valueOf","reqMethod","JSON","stringify","axios","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","reqURL","formDom","document","createElement","target","action","style","inputArray","k","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"mappings":";;;;;;;;;AAQA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,oDAA3B;AAAA,IACIC,iBAAiB,GAAG,wDADxB;AAAA,IAEIC,mBAAmB,GAAG,eAF1B;;AAIA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AACxB,MAAMC,UAAU,GAAG,mBAAOC,IAAI,CAACC,MAAL,KAAgB,IAAIC,IAAJ,GAAWC,OAAX,EAAvB,CAAnB,CADwB,CAGxB;;AACA,wBAAU,YAAM;AACZC,IAAAA,mBAAmB;AACtB,GAFD,EAEG,CAACN,KAAK,CAACO,IAAP,CAFH;;AAIA,MAAMD,mBAAmB,GAAG,+BAAM;AAAA,QAE1BE,WAF0B,GAU1BR,KAV0B,CAE1BQ,WAF0B;AAAA,QAG1BC,YAH0B,GAU1BT,KAV0B,CAG1BS,YAH0B;AAAA,QAI1BC,UAJ0B,GAU1BV,KAV0B,CAI1BU,UAJ0B;AAAA,QAK1BC,aAL0B,GAU1BX,KAV0B,CAK1BW,aAL0B;AAAA,QAM1BC,QAN0B,GAU1BZ,KAV0B,CAM1BY,QAN0B;AAAA,gCAU1BZ,KAV0B,CAO1Ba,cAP0B;AAAA,QAO1BA,cAP0B,sCAOTjB,kBAPS;AAAA,+BAU1BI,KAV0B,CAQ1Bc,aAR0B;AAAA,QAQ1BA,aAR0B,qCAQVjB,iBARU;AAAA,gCAU1BG,KAV0B,CAS1Be,eAT0B;AAAA,QAS1BA,eAT0B,sCASRjB,mBATQ;AAY9B,QAAMkB,SAAS,GAAGL,aAAa,IAAI,uBAAnC,CAZ8B,CAc9B;;AACA,aAASM,WAAT,GAAuB;AACnB,aAAO,uBAAM;AACTC,QAAAA,MAAM,EAAE,KADC;AAETC,QAAAA,GAAG,YAAKN,cAAL,+CAAqDG,SAArD,+BAA+EJ,QAA/E,QAFM;AAGTQ,QAAAA,OAAO,EAAE;AACL,0BAAgB;AADX;AAHA,OAAN,CAAP;AAOH,KAvB6B,CAyB9B;;;AACA,QAAMC,KAAK,GAAG;AACVb,MAAAA,WAAW,EAAXA,WADU;AAEVc,MAAAA,SAAS,EAAE,IAAIlB,IAAJ,GAAWmB,OAAX,EAFD;AAGVC,MAAAA,SAAS,EAAE;AAHD,KAAd;;AAKA,aAASlB,mBAAT,GAA+B;AAC3B,aAAO,uBAAM;AACTY,QAAAA,MAAM,EAAE,KADC;AAETC,QAAAA,GAAG,YAAKL,aAAL,yBAAiCW,IAAI,CAACC,SAAL,CAAeL,KAAf,CAAjC,CAFM;AAGTD,QAAAA,OAAO,EAAE;AACL,0BAAgB;AADX;AAHA,OAAN,CAAP;AAOH;;AAEDO,sBACKC,GADL,CACS,CAACX,WAAW,EAAZ,EAAgBX,mBAAmB,EAAnC,CADT,EAEKuB,IAFL,CAGQF,kBAAMG,MAAN,CAAa,UAASC,iBAAT,EAA4BC,sBAA5B,EAAoD;AAC7D,UAAI,CAACD,iBAAiB,CAACE,IAAlB,CAAuBC,MAAxB,IAAkC,CAACF,sBAAsB,CAACC,IAAvB,CAA4BC,MAAnE,EAA2E;AACvE;AACA,YAAIC,eAAe,GAAGJ,iBAAiB,CAACE,IAAlB,CAAuBA,IAA7C;AACA,YAAIG,GAAG,GAAG,EAAV;AACAD,QAAAA,eAAe,CAACE,OAAhB,CAAwB,UAAAC,CAAC,EAAI;AACzBF,UAAAA,GAAG,CAACE,CAAC,CAACC,QAAH,CAAH,GAAkBD,CAAC,CAACE,QAApB;AACH,SAFD;AAGA,YAAMC,oBAAoB,GAAGT,sBAAsB,CAACC,IAAvB,CAA4BA,IAAzD;;AACA,YAAIZ,MAAK;AACLqB,UAAAA,QAAQ,EAAED,oBAAoB,CAACC,QAD1B;AAELhC,UAAAA,UAAU,EAAEe,IAAI,CAACC,SAAL,CAAehB,UAAf;AAFP,WAGFD,YAHE,GAIF2B,GAJE;AAKLZ,UAAAA,SAAS,EAAE;AALN,UAAT;;AAOAmB,QAAAA,UAAU,WACH5B,eADG,0BAC4BP,WAD5B,wBAEFiC,oBAAoB,CAACG,SAFnB,wCAGwB,IAAIxC,IAAJ,GAAWmB,OAAX,EAHxB,GAINF,MAJM,YAKHpB,UAAU,CAAC4C,OALR,EAAV;AAOH;AACJ,KAxBD,CAHR,EA6BI;AA7BJ,cA8BW,UAAAC,GAAG;AAAA,aAAIC,OAAO,CAACC,GAAR,CAAYF,GAAZ,CAAJ;AAAA,KA9Bd;AA+BH,GAxED;;AA0EA,sBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AACI,IAAA,SAAS,EAAC,uBADd;AAEI,IAAA,KAAK,EAAC,MAFV;AAGI,IAAA,MAAM,EAAC,MAHX;AAII,IAAA,IAAI,YAAK7C,UAAU,CAAC4C,OAAhB;AAJR,IADJ,CADJ;AAUH;;AAED9C,WAAW,CAACkD,SAAZ,GAAwB;AACpB1C,EAAAA,IAAI,EAAE2C,sBAAUC,MADI;AAEpB3C,EAAAA,WAAW,EAAE0C,sBAAUE,MAFH;AAGpB3C,EAAAA,YAAY,EAAEyC,sBAAUG,MAHJ;AAIpB3C,EAAAA,UAAU,EAAEwC,sBAAUG,MAJF;AAKpB1C,EAAAA,aAAa,EAAEuC,sBAAUE,MALL;AAMpBxC,EAAAA,QAAQ,EAAEsC,sBAAUE,MANA;AAOpBvC,EAAAA,cAAc,EAAEqC,sBAAUE,MAPN;AAQpBtC,EAAAA,aAAa,EAAEoC,sBAAUE,MARL;AASpBrC,EAAAA,eAAe,EAAEmC,sBAAUE;AATP,CAAxB;eAWerD,W;;;AAEf,IAAM4C,UAAU,GAAG,SAAbA,UAAa,CAASW,MAAT,EAAiBjC,KAAjB,EAAwBpB,UAAxB,EAAoC;AACnD,MAAIsD,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAd,CADmD,CACL;;AAC9CF,EAAAA,OAAO,CAACrC,MAAR,GAAiB,MAAjB;AACAqC,EAAAA,OAAO,CAACG,MAAR,GAAiBzD,UAAjB;AACAsD,EAAAA,OAAO,CAACI,MAAR,GAAiBL,MAAjB;AACAC,EAAAA,OAAO,CAACK,KAAR,GAAgB,cAAhB;AACA,MAAIC,UAAU,GAAG,EAAjB;;AACA,OAAK,IAAIC,CAAT,IAAczC,KAAd,EAAqB;AACjB,QAAI0C,MAAM,GAAGP,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAb;AACAM,IAAAA,MAAM,CAACC,IAAP,GAAc,QAAd;AACAD,IAAAA,MAAM,CAACE,IAAP,GAAcH,CAAd;AACAC,IAAAA,MAAM,CAACG,KAAP,GAAe7C,KAAK,CAACyC,CAAD,CAApB;AACAD,IAAAA,UAAU,CAACM,IAAX,CAAgBJ,MAAhB;AACH;;AACDP,EAAAA,QAAQ,CAACY,IAAT,CAAcC,WAAd,CAA0Bd,OAA1B,EAdmD,CAcf;;AACpC,OAAK,IAAIe,CAAC,GAAG,CAAR,EAAWC,GAAG,GAAGV,UAAU,CAACW,MAAjC,EAAyCF,CAAC,GAAGC,GAA7C,EAAkDD,CAAC,EAAnD,EAAuD;AACnDf,IAAAA,OAAO,CAACkB,MAAR,CAAeZ,UAAU,CAACS,CAAD,CAAzB;AACH;;AACDf,EAAAA,OAAO,CAACmB,MAAR,GAlBmD,CAkBjC;;AAClBnB,EAAAA,OAAO,CAACoB,MAAR;AACH,CApBD","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-08-11 18:31:25\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode',\n    initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc',\n    initReportServerUrl = '/ReportServer';\n\nfunction VtxRpsFrame(props) {\n    const iframeName = useRef(Math.random() + new Date().getTime());\n\n    //flag改变，重新渲染报表\n    useEffect(() => {\n        getReportInfoByCode();\n    }, [props.flag]);\n\n    const getReportInfoByCode = () => {\n        const {\n            report_code,\n            report_param,\n            data_param,\n            paramTypeCode,\n            tenantId,\n            reportParamUrl = initReportParamUrl,\n            reportInfoUrl = initReportInfoUrl,\n            reportServerUrl = initReportServerUrl,\n        } = props;\n\n        const paramCode = paramTypeCode || 'param_report_constant';\n\n        //获取公共参数\n        function commonParam() {\n            return axios({\n                method: 'get',\n                url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n                headers: {\n                    'content-type': 'application/x-www-form-urlencoded',\n                },\n            });\n        }\n\n        //获取报表code\n        const param = {\n            report_code,\n            timestamp: new Date().valueOf(),\n            reqMethod: 0,\n        };\n        function getReportInfoByCode() {\n            return axios({\n                method: 'get',\n                url: `${reportInfoUrl}?parameters=${JSON.stringify(param)}`,\n                headers: {\n                    'content-type': 'application/x-www-form-urlencoded',\n                },\n            });\n        }\n\n        axios\n            .all([commonParam(), getReportInfoByCode()])\n            .then(\n                axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n                    if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n                        //报表公共参数\n                        let commonParamData = commonParamResult.data.data;\n                        let obj = {};\n                        commonParamData.forEach(d => {\n                            obj[d.parmCode] = d.parmName;\n                        });\n                        const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n                        let param = {\n                            data_url: reportInfoByCodeData.data_url,\n                            data_param: JSON.stringify(data_param),\n                            ...report_param,\n                            ...obj,\n                            reqMethod: 0,\n                        };\n                        createForm(\n                            `${reportServerUrl}?report_code=${report_code}&reportlet=${\n                                reportInfoByCodeData.reportlet\n                            }&fr_locale=zh_CN&timestamp=${new Date().valueOf()}`,\n                            param,\n                            `${iframeName.current}`,\n                        );\n                    }\n                }),\n            )\n            // eslint-disable-next-line no-console\n            .catch(err => console.log(err));\n    };\n\n    return (\n        <div className=\"vtx-rps-frame\">\n            <iframe\n                className=\"vtx-rps-frame-wrapper\"\n                width=\"100%\"\n                height=\"100%\"\n                name={`${iframeName.current}`}\n            ></iframe>\n        </div>\n    );\n}\n\nVtxRpsFrame.propTypes = {\n    flag: PropTypes.number,\n    report_code: PropTypes.string,\n    report_param: PropTypes.object,\n    data_param: PropTypes.object,\n    paramTypeCode: PropTypes.string,\n    tenantId: PropTypes.string,\n    reportParamUrl: PropTypes.string,\n    reportInfoUrl: PropTypes.string,\n    reportServerUrl: PropTypes.string,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n    let formDom = document.createElement('form'); //定义一个form表单\n    formDom.method = 'post';\n    formDom.target = iframeName;\n    formDom.action = reqURL;\n    formDom.style = 'display:none';\n    let inputArray = [];\n    for (let k in param) {\n        let input1 = document.createElement('input');\n        input1.type = 'hidden';\n        input1.name = k;\n        input1.value = param[k];\n        inputArray.push(input1);\n    }\n    document.body.appendChild(formDom); //将表单放置在web中\n    for (let i = 0, len = inputArray.length; i < len; i++) {\n        formDom.append(inputArray[i]);\n    }\n    formDom.submit(); //表单提交\n    formDom.remove();\n};\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-rps-frame/index.jsx"],"names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","Math","random","Date","getTime","getReportInfoByCode","flag","report_code","report_param","data_param","paramTypeCode","tenantId","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","commonParam","method","url","headers","param","timestamp","valueOf","reqMethod","JSON","stringify","axios","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","reqURL","formDom","document","createElement","target","action","style","inputArray","k","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: yemu\n * @LastEditTime: 2021-11-03 09:00:37\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode',\n    initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc',\n    initReportServerUrl = '/ReportServer';\n\nfunction VtxRpsFrame(props) {\n    const iframeName = useRef(Math.random() + new Date().getTime());\n\n    //flag改变，重新渲染报表\n    useEffect(() => {\n        getReportInfoByCode();\n    }, [props.flag]);\n\n    const getReportInfoByCode = () => {\n        const {\n            report_code,\n            report_param,\n            data_param,\n            paramTypeCode,\n            tenantId,\n            reportParamUrl = initReportParamUrl,\n            reportInfoUrl = initReportInfoUrl,\n            reportServerUrl = initReportServerUrl,\n        } = props;\n\n        const paramCode = paramTypeCode || 'param_report_constant';\n\n        //获取公共参数\n        function commonParam() {\n            return axios({\n                method: 'get',\n                url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n                headers: {\n                    'content-type': 'application/x-www-form-urlencoded',\n                },\n            });\n        }\n\n        //获取报表code\n        const param = {\n            report_code,\n            timestamp: new Date().valueOf(),\n            reqMethod: 0,\n        };\n        function getReportInfoByCode() {\n            return axios({\n                method: 'get',\n                url: `${reportInfoUrl}?parameters=${JSON.stringify(param)}`,\n                headers: {\n                    'content-type': 'application/x-www-form-urlencoded',\n                },\n            });\n        }\n\n        axios\n            .all([commonParam(), getReportInfoByCode()])\n            .then(\n                axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n                    if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n                        //报表公共参数\n                        let commonParamData = commonParamResult.data.data;\n                        let obj = {};\n                        commonParamData.forEach(d => {\n                            obj[d.parmCode] = d.parmName;\n                        });\n                        const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n                        let param = {\n                            data_url: reportInfoByCodeData.data_url,\n                            data_param: JSON.stringify(data_param),\n                            ...report_param,\n                            ...obj,\n                            reqMethod: 0,\n                        };\n                        createForm(\n                            `${reportServerUrl}?report_code=${report_code}&reportlet=${\n                                reportInfoByCodeData.reportlet\n                            }&fr_locale=zh_CN&timestamp=${new Date().valueOf()}`,\n                            param,\n                            `${iframeName.current}`,\n                        );\n                    }\n                }),\n            )\n            // eslint-disable-next-line no-console\n            .catch(err => console.log(err));\n    };\n\n    return (\n        <div className=\"vtx-rps-frame\">\n            <iframe\n                className=\"vtx-rps-frame-wrapper\"\n                width=\"100%\"\n                height=\"100%\"\n                name={`${iframeName.current}`}\n            ></iframe>\n        </div>\n    );\n}\n\nVtxRpsFrame.propTypes = {\n    flag: PropTypes.number,\n    report_code: PropTypes.string,\n    report_param: PropTypes.object,\n    data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n    paramTypeCode: PropTypes.string,\n    tenantId: PropTypes.string,\n    reportParamUrl: PropTypes.string,\n    reportInfoUrl: PropTypes.string,\n    reportServerUrl: PropTypes.string,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n    let formDom = document.createElement('form'); //定义一个form表单\n    formDom.method = 'post';\n    formDom.target = iframeName;\n    formDom.action = reqURL;\n    formDom.style = 'display:none';\n    let inputArray = [];\n    for (let k in param) {\n        let input1 = document.createElement('input');\n        input1.type = 'hidden';\n        input1.name = k;\n        input1.value = param[k];\n        inputArray.push(input1);\n    }\n    document.body.appendChild(formDom); //将表单放置在web中\n    for (let i = 0, len = inputArray.length; i < len; i++) {\n        formDom.append(inputArray[i]);\n    }\n    formDom.submit(); //表单提交\n    formDom.remove();\n};\n"],"file":"index.js"}

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

@@ -0,0 +1,227 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTransformSupported = isTransformSupported;
+exports.setTransform = setTransform;
+exports["default"] = void 0;
+
+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() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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];
+
+  var next = state.next,
+      prev = state.prev;
+  var _props$prefixCls = props.prefixCls,
+      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)();
+  var navRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    var debouncedResize = (0, _debounce["default"])(function () {
+      setNextPrev();
+    }, 200);
+    window.addEventListener('resize', debouncedResize);
+    setNextPrev();
+    return function () {
+      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;
+
+    if (minOffset >= 0) {
+      next = false;
+      setOffset(0, false);
+      offset.current = 0;
+    } else if (minOffset < offset.current) {
+      next = true;
+    } else {
+      next = false;
+      var realOffset = navWrapNodeW - navNodeW;
+      setOffset(realOffset, false);
+      offset.current = realOffset;
+    }
+
+    if (offset.current < 0) {
+      prev = true;
+    } else {
+      prev = false;
+    }
+
+    setNext(next);
+    setPrev(prev);
+    return {
+      next: next,
+      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)")
+        };
+      } else {
+        navOffset = {
+          name: 'left',
+          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({
+        prev: v
+      });
+    }
+  };
+
+  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",
+    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", {
+    className: "".concat(prefixCls, "-prev-icon")
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: "left"
+  })));
+
+  var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
+    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", {
+    className: "".concat(prefixCls, "-next-icon")
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: "right"
+  })));
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
+    style: style,
+    ref: containerRef
+  }, prevButton, nextButton, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-nav-wrap"),
+    ref: navWrapRef
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-nav-scroll")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-nav"),
+    ref: navRef
+  }, props.children))));
+}
+
+var _default = VtxScrollableRow;
+exports["default"] = _default;
+VtxScrollableRow.propTypes = {
+  prefixCls: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  children: _propTypes["default"].node
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-scrollable-row/index.jsx"],"names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","next","prev","state","setState","prefixCls","className","offset","containerRef","navWrapRef","navRef","debouncedResize","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","nextButton","children","propTypes","PropTypes","string","object","node"],"mappings":"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","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"],"file":"index.js"}

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

@@ -0,0 +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

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

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

@@ -0,0 +1,111 @@
+.vtx-scrollable-row-container {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin-bottom: -1px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: nowrap;
+  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  zoom: 1;
+}
+.vtx-scrollable-row-container::after {
+  clear: both;
+}
+.vtx-scrollable-row-container::before,
+.vtx-scrollable-row-container::after {
+  display: table;
+  content: ' ';
+}
+.vtx-scrollable-row-container:hover .vtx-scrollable-row-arrow-show {
+  display: inline-block;
+}
+.vtx-scrollable-row-prev,
+.vtx-scrollable-row-next {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  line-height: 36px;
+  text-align: center;
+  background: #fff;
+  border: none;
+  cursor: pointer;
+  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vtx-scrollable-row-prev-icon,
+.vtx-scrollable-row-next-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%);
+}
+.vtx-scrollable-row-prev::before,
+.vtx-scrollable-row-next::before {
+  display: block;
+}
+.vtx-scrollable-row-prev {
+  left: 0;
+  border-radius: 2px 0 0 2px;
+  -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+          box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+}
+.vtx-scrollable-row-next {
+  right: 0;
+  border-radius: 0 2px 2px 0;
+  -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+          box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+}
+.vtx-scrollable-row-btn-disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.vtx-scrollable-row-arrow-show {
+  display: none;
+  width: 32px;
+  height: 100%;
+  opacity: 1;
+  pointer-events: auto;
+}
+.vtx-scrollable-row-nav-wrap {
+  margin-bottom: -1px;
+  overflow: hidden;
+}
+.vtx-scrollable-row-nav-scroll {
+  overflow: hidden;
+  line-height: 1;
+  white-space: nowrap;
+}
+.vtx-scrollable-row-nav {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.vtx-scrollable-row-nav::after {
+  clear: both;
+}
+.vtx-scrollable-row-nav::before,
+.vtx-scrollable-row-nav::after {
+  display: table;
+  content: ' ';
+}

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

@@ -0,0 +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

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

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

@@ -0,0 +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: ' ';
+        }
+    }
+}

package/lib/vtx-search/VtxCol.js

@@ -46,7 +46,7 @@ function VtxCol(props) {
 
       if (((_d$props3 = d.props) === null || _d$props3 === void 0 ? void 0 : _d$props3['data-type']) === 'fieldName') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
-          padding: '5px 0px',
+          padding: '8px 0px',
           overflow: 'hidden',
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap',
@@ -57,7 +57,7 @@ function VtxCol(props) {
 
       if (((_d$props4 = d.props) === null || _d$props4 === void 0 ? void 0 : _d$props4['data-type']) === 'bt') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
-          padding: '5px 0px'
+          padding: '8px 0px'
         });
       }