@vtx/components 2.4.0 → 2.5.1

package/lib/vtx-page-layout/TableLayout.js

@@ -0,0 +1,165 @@
+"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["default"] = exports.StoreCtx = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _useEventEmitter = _interopRequireDefault(require("ahooks/es/useEventEmitter"));
+
+var _container = _interopRequireDefault(require("./container"));
+
+var _Basic = _interopRequireDefault(require("./Basic"));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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; }
+
+var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
+exports.StoreCtx = StoreCtx;
+var pagePaddingTop = 16;
+var searchMarginBottom = 16;
+/**
+ * 页面
+ * @param {*} props
+ */
+
+var Page = function Page(props) {
+  var _useState = (0, _react.useState)(64),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchHeight = _useState2[0],
+      setSearchHeight = _useState2[1];
+
+  var onSearchCollapse = props.onSearchCollapse;
+  var searchCollapseEvent$ = (0, _useEventEmitter["default"])();
+  var store = {
+    searchHeight: searchHeight,
+    searchCollapseEvent$: searchCollapseEvent$,
+    onCollapse: function onCollapse(height) {
+      setSearchHeight(height);
+      onSearchCollapse && onSearchCollapse(height);
+      searchCollapseEvent$.emit();
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(StoreCtx.Provider, {
+    value: store
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-page--table', props.className),
+    style: props.style
+  }, props.children));
+};
+
+Page.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  onSearchCollapse: _propTypes["default"].func
+};
+/**
+ * 搜索
+ */
+
+var Search = (0, _container["default"])({
+  componentClass: 'vtx-table-search'
+})(_Basic["default"]);
+/**
+ * 内容
+ * @param {*} props
+ */
+
+var Content = function Content(props) {
+  var className = props.className,
+      style = props.style;
+
+  var _useContext = (0, _react.useContext)(StoreCtx),
+      searchHeight = _useContext.searchHeight;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-table-content', className),
+    style: _objectSpread({
+      top: pagePaddingTop + searchMarginBottom + searchHeight
+    }, style)
+  }, props.children);
+};
+
+Content.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+/**
+ * 表格布局
+ */
+
+var Table = function Table(props) {
+  var className = props.className,
+      style = props.style;
+
+  var _useContext2 = (0, _react.useContext)(StoreCtx),
+      searchCollapseEvent$ = _useContext2.searchCollapseEvent$;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-table-wrap', className),
+    style: style
+  }, /*#__PURE__*/_react["default"].cloneElement(props.children, _objectSpread(_objectSpread({}, props.children.props), {}, {
+    searchCollapseEvent$: searchCollapseEvent$
+  })));
+};
+
+Table.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+
+var Card = function Card(props) {
+  var className = props.className,
+      style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: (0, _classnames["default"])('vtx-table-card', className)
+  }, props.children);
+};
+
+Card.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+var _default = {
+  Page: Page,
+  Search: Search,
+  Content: Content,
+  Table: (0, _container["default"])()(Table),
+  Card: Card
+};
+exports["default"] = _default;
+//# sourceMappingURL=TableLayout.js.map

package/lib/vtx-page-layout/TableLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-page-layout/TableLayout.jsx"],"names":["StoreCtx","pagePaddingTop","searchMarginBottom","Page","props","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","store","onCollapse","height","emit","className","style","children","propTypes","PropTypes","object","string","node","func","Search","componentClass","Basic","Content","top","Table","React","cloneElement","Card"],"mappings":"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","sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n    const [searchHeight, setSearchHeight] = useState(64);\n    const { onSearchCollapse } = props;\n    const searchCollapseEvent$ = useEventEmitter();\n    const store = {\n        searchHeight,\n        searchCollapseEvent$,\n        onCollapse(height) {\n            setSearchHeight(height);\n            onSearchCollapse && onSearchCollapse(height);\n            searchCollapseEvent$.emit();\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n                {props.children}\n            </div>\n        </StoreCtx.Provider>\n    );\n};\n\nPage.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n    onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n    const { className, style } = props;\n    const { searchHeight } = useContext(StoreCtx);\n    return (\n        <div\n            className={classsnames('vtx-table-content', className)}\n            style={{ top: pagePaddingTop + searchMarginBottom + searchHeight, ...style }}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\n/**\n * 表格布局\n */\nconst Table = props => {\n    const { className, style } = props;\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n    return (\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\n            {React.cloneElement(props.children, {\n                ...props.children.props,\n                searchCollapseEvent$,\n            })}\n        </div>\n    );\n};\n\nTable.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Card = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-card', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nCard.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"file":"TableLayout.js"}

package/lib/vtx-page-layout/index.js

@@ -13,6 +13,10 @@ var _Content = _interopRequireDefault(require("./Content"));
 
 var _TableWrap = _interopRequireDefault(require("./TableWrap"));
 
+var _TableLayout = _interopRequireDefault(require("./TableLayout"));
+
+var _Pane = _interopRequireDefault(require("./Pane"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Page = (0, _container["default"])({
@@ -22,8 +26,10 @@ var ButtonWrap = (0, _container["default"])({
   componentClass: 'vtx-button-wrap'
 })(_Basic["default"]);
 var _default = {
+  TableLayout: _TableLayout["default"],
   Page: Page,
   ButtonWrap: ButtonWrap,
+  Pane: _Pane["default"],
   Content: (0, _container["default"])()(_Content["default"]),
   TableWrap: (0, _container["default"])()(_TableWrap["default"])
 };

package/lib/vtx-page-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/index.jsx"],"names":["Page","componentClass","Basic","ButtonWrap","Content","TableWrap"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,2BAAU;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,2BAAU;AAAEF,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;AACXF,EAAAA,IAAI,EAAJA,IADW;AAEXG,EAAAA,UAAU,EAAVA,UAFW;AAGXC,EAAAA,OAAO,EAAE,6BAAYA,mBAAZ,CAHE;AAIXC,EAAAA,SAAS,EAAE,6BAAYA,qBAAZ;AAJA,C","sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    Page,\n    ButtonWrap,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-page-layout/index.jsx"],"names":["Page","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,2BAAU;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,2BAAU;AAAEF,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;AACXE,EAAAA,WAAW,EAAXA,uBADW;AAEXJ,EAAAA,IAAI,EAAJA,IAFW;AAGXG,EAAAA,UAAU,EAAVA,UAHW;AAIXE,EAAAA,IAAI,EAAJA,gBAJW;AAKXC,EAAAA,OAAO,EAAE,6BAAYA,mBAAZ,CALE;AAMXC,EAAAA,SAAS,EAAE,6BAAYA,qBAAZ;AANA,C","sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    TableLayout,\n    Page,\n    ButtonWrap,\n    Pane,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"file":"index.js"}

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

@@ -31,7 +31,7 @@
   position: relative;
 }
 .vtx-button-wrap button + button {
-  margin-left: 10px;
+  margin-left: 8px;
 }
 .vtx-content-absolute {
   position: absolute;
@@ -55,12 +55,61 @@
   right: 0;
   bottom: 0;
   left: 0;
-  padding: 0 5px;
+  padding: 0 10px / 2;
 }
 .vtx-table-wrapper-relative {
   position: relative;
   width: 100%;
   height: 100%;
   max-height: 500px;
-  padding: 0 5px;
+  padding: 0 10px / 2;
+}
+.vtx-page--table {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 16px 20px 16px 20px;
+  overflow-x: hidden;
+  font-size: 14px;
+  background-color: #f0f2f5;
+}
+.vtx-table-search {
+  margin-bottom: 16px;
+  background: #fff;
+  border-radius: 2px;
+}
+.vtx-table-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  right: 20px;
+  bottom: 16px;
+  left: 20px;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  -webkit-transition-property: top;
+  transition-property: top;
+}
+.vtx-table-wrap {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 0 24px;
+  background-color: #fff;
+}
+.vtx-table-card {
+  background: #fff;
+  border-radius: 2px;
+}
+.vtx-table-left,
+.vtx-table-right {
+  height: 100%;
+  overflow: hidden;
+}
+.vtx-table-left .vtx-ztree-search {
+  right: 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":"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","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