@vtx/components 4.0.0-beta.5 → 4.0.0-beta.7

package/lib/vtx-provider/locale/zh_TW.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  moneySymbol: 'NT$',
+  deleteThisLine: '刪除此项',
+  copyThisLine: '複製此项',
+  form: {
+    lightFilter: {
+      more: '更多篩選',
+      clear: '清除',
+      confirm: '確認',
+      itemUnit: '項'
+    }
+  },
+  tableForm: {
+    search: '查詢',
+    reset: '重置',
+    submit: '提交',
+    collapsed: '展開',
+    expand: '收起',
+    inputPlaceholder: '請輸入',
+    selectPlaceholder: '請選擇'
+  },
+  alert: {
+    clear: '取消選擇',
+    selected: '已選擇',
+    item: '項'
+  },
+  pagination: {
+    total: {
+      range: '第',
+      total: '條/總共',
+      item: '條'
+    }
+  },
+  tableToolBar: {
+    leftPin: '固定到左邊',
+    rightPin: '固定到右邊',
+    noPin: '不固定',
+    leftFixedTitle: '固定在左側',
+    rightFixedTitle: '固定在右側',
+    noFixedTitle: '不固定',
+    reset: '重置',
+    columnDisplay: '全部',
+    columnSetting: '列設置',
+    fullScreen: '全屏',
+    exitFullScreen: '退出全屏',
+    reload: '刷新',
+    density: '密度',
+    densityDefault: '正常',
+    densityLarger: '寬鬆',
+    densityMiddle: '中等',
+    densitySmall: '緊湊'
+  },
+  stepsForm: {
+    next: '下一步',
+    prev: '上一步',
+    submit: '完成'
+  },
+  loginForm: {
+    submitText: '登入'
+  },
+  editableTable: {
+    onlyOneLineEditor: '只能同時編輯一行',
+    action: {
+      save: '保存',
+      cancel: '取消',
+      delete: '刪除',
+      add: '新增一行資料'
+    }
+  },
+  switch: {
+    open: '打開',
+    close: '關閉'
+  }
+};

package/lib/vtx-provider/typing/layoutToken.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLayoutDesignToken = void 0;
+var _useStyle = require("../useStyle");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var getLayoutDesignToken = exports.getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
+  var _finalDesignTokens$si, _finalDesignTokens$he, _finalDesignTokens$he2, _finalDesignTokens$he3, _finalDesignTokens$pa, _finalDesignTokens$pa2;
+  var finalDesignTokens = _objectSpread({}, designTokens);
+  var defaultColorBgHeader = (0, _useStyle.setAlpha)(antdToken.colorBgElevated, 0.6);
+  return _objectSpread(_objectSpread({
+    bgLayout: "linear-gradient(".concat(antdToken.colorBgContainer, ", ").concat(antdToken.colorBgLayout, " 28%)"),
+    colorTextAppListIcon: antdToken.colorTextSecondary,
+    appListIconHoverBgColor: finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$si = finalDesignTokens.sider) === null || _finalDesignTokens$si === void 0 ? void 0 : _finalDesignTokens$si.colorBgMenuItemSelected,
+    colorBgAppListIconHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.04),
+    colorTextAppListIconHover: antdToken.colorTextBase
+  }, finalDesignTokens), {}, {
+    header: _objectSpread({
+      colorBgHeader: defaultColorBgHeader,
+      colorBgScrollHeader: (0, _useStyle.setAlpha)(antdToken.colorBgElevated, 0.8),
+      colorHeaderTitle: antdToken.colorText,
+      colorBgMenuItemHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.03),
+      colorBgMenuItemSelected: 'transparent',
+      colorBgMenuElevated: ((_finalDesignTokens$he = finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$he2 = finalDesignTokens.header) === null || _finalDesignTokens$he2 === void 0 ? void 0 : _finalDesignTokens$he2.colorBgHeader) !== null && _finalDesignTokens$he !== void 0 ? _finalDesignTokens$he : defaultColorBgHeader) !== defaultColorBgHeader ? (_finalDesignTokens$he3 = finalDesignTokens.header) === null || _finalDesignTokens$he3 === void 0 ? void 0 : _finalDesignTokens$he3.colorBgHeader : antdToken.colorBgElevated,
+      colorTextMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95),
+      colorBgRightActionsItemHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.03),
+      colorTextRightActionsItem: antdToken.colorTextTertiary,
+      heightLayoutHeader: 56,
+      colorTextMenu: antdToken.colorTextSecondary,
+      colorTextMenuSecondary: antdToken.colorTextTertiary,
+      colorTextMenuTitle: antdToken.colorText,
+      colorTextMenuActive: antdToken.colorText
+    }, finalDesignTokens.header),
+    sider: _objectSpread({
+      paddingInlineLayoutMenu: 8,
+      paddingBlockLayoutMenu: 0,
+      colorBgCollapsedButton: antdToken.colorBgElevated,
+      colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
+      colorTextCollapsedButton: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.25),
+      colorMenuBackground: 'transparent',
+      colorMenuItemDivider: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.06),
+      colorBgMenuItemHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.03),
+      colorBgMenuItemSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.04),
+      colorTextMenuItemHover: antdToken.colorText,
+      colorTextMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95),
+      colorTextMenuActive: antdToken.colorText,
+      colorTextMenu: antdToken.colorTextSecondary,
+      colorTextMenuSecondary: antdToken.colorTextTertiary,
+      colorTextMenuTitle: antdToken.colorText,
+      colorTextSubMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95)
+    }, finalDesignTokens.sider),
+    pageContainer: _objectSpread({
+      colorBgPageContainer: 'transparent',
+      paddingInlinePageContainerContent: ((_finalDesignTokens$pa = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa === void 0 ? void 0 : _finalDesignTokens$pa.paddingInlinePageContainerContent) || 40,
+      paddingBlockPageContainerContent: ((_finalDesignTokens$pa2 = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa2 === void 0 ? void 0 : _finalDesignTokens$pa2.paddingBlockPageContainerContent) || 32,
+      colorBgPageContainerFixed: antdToken.colorBgElevated
+    }, finalDesignTokens.pageContainer)
+  });
+};

package/lib/vtx-provider/useStyle/index.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setAlpha = exports.resetComponent = exports.proTheme = exports.operationUnit = exports.lighten = void 0;
+exports.useStyle = useStyle;
+var _cssinjs = require("@ant-design/cssinjs");
+var _tinycolor = require("@ctrl/tinycolor");
+var _antd = require("antd");
+var _react = require("react");
+var _index = require("../index");
+var _merge = require("../utils/merge");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 把一个颜色设置一下透明度
+ * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
+ * @param baseColor {string}
+ * @param alpha {0-1}
+ * @returns rgba {string}
+ */
+var setAlpha = exports.setAlpha = function setAlpha(baseColor, alpha) {
+  return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
+};
+
+/**
+ * 把一个颜色修改一些明度
+ * @example (#000, 50) => #808080
+ * @param baseColor {string}
+ * @param brightness {0-100}
+ * @returns hexColor {string}
+ */
+var lighten = exports.lighten = function lighten(baseColor, brightness) {
+  var instance = new _tinycolor.TinyColor(baseColor);
+  return instance.lighten(brightness).toHexString();
+};
+var proTheme = exports.proTheme = _antd.theme;
+var resetComponent = exports.resetComponent = function resetComponent(token) {
+  return {
+    boxSizing: 'border-box',
+    margin: 0,
+    padding: 0,
+    color: token.colorText,
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    listStyle: 'none'
+  };
+};
+var operationUnit = exports.operationUnit = function operationUnit(token) {
+  return {
+    // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.
+    // And Typography use this to generate link style which should not do this.
+    color: token.colorLink,
+    outline: 'none',
+    cursor: 'pointer',
+    transition: "color ".concat(token.motionDurationSlow),
+    '&:focus, &:hover': {
+      color: token.colorLinkHover
+    },
+    '&:active': {
+      color: token.colorLinkActive
+    }
+  };
+};
+
+/**
+ * 封装了一下 antd 的 useStyle
+ * @param componentName {string} 组件的名字
+ * @param styleFn {GenerateStyle} 生成样式的函数
+ * @returns UseStyleResult
+ */
+function useStyle(componentName, styleFn) {
+  var _token$proComponentsC;
+  // eslint-disable-next-line prefer-const
+  var _useContext = (0, _react.useContext)(_index.VtxProvider),
+    _useContext$token = _useContext.token,
+    token = _useContext$token === void 0 ? {} : _useContext$token,
+    hashed = _useContext.hashed;
+  var _antdTheme$useToken = _antd.theme.useToken(),
+    antdToken = _antdTheme$useToken.token,
+    hashId = _antdTheme$useToken.hashId,
+    theme = _antdTheme$useToken.theme;
+  var _useContext2 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext2.getPrefixCls,
+    csp = _useContext2.csp;
+
+  // 如果不在 VtxProvider 里面，就用 antd 的
+  if (!token.layout) {
+    token = _objectSpread({}, antdToken);
+  }
+  token.proComponentsCls = (_token$proComponentsC = token.proComponentsCls) !== null && _token$proComponentsC !== void 0 ? _token$proComponentsC : ".".concat(getPrefixCls('pro'));
+  token.antCls = ".".concat(getPrefixCls());
+  return {
+    wrapSSR: (0, _cssinjs.useStyleRegister)({
+      theme: theme,
+      token: token,
+      path: [componentName],
+      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce,
+      layer: {
+        name: 'vtx-'
+      }
+    }, function () {
+      return styleFn(token);
+    }),
+    hashId: hashed ? hashId : ''
+  };
+}

package/lib/vtx-provider/utils/merge.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.merge = void 0;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var merge = exports.merge = function merge() {
+  var obj = {};
+  for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+    rest[_key] = arguments[_key];
+  }
+  var il = rest.length;
+  var key;
+  var i = 0;
+  for (; i < il; i += 1) {
+    for (key in rest[i]) {
+      if (rest[i].hasOwnProperty(key)) {
+        if (_typeof(obj[key]) === 'object' && _typeof(rest[i][key]) === 'object' && obj[key] !== undefined && obj[key] !== null && !Array.isArray(obj[key]) && !Array.isArray(rest[i][key])) {
+          obj[key] = _objectSpread(_objectSpread({}, obj[key]), rest[i][key]);
+        } else {
+          obj[key] = rest[i][key];
+        }
+      }
+    }
+  }
+  return obj;
+};

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

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VtxRpsFrame = VtxRpsFrame;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _axios = _interopRequireDefault(require("axios"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _getUrlParam = _interopRequireDefault(require("@vtx/utils/lib/getUrlParam"));
+var _getToken = _interopRequireDefault(require("../utils/getToken"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = require("./style/index");
+var _vtxProvider = require("../vtx-provider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';
+var initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';
+var initReportServerUrl = '/ReportServer';
+function VtxRpsFrame(props) {
+  var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('rps-frame', props.prefixCls);
+  var _useStyle = (0, _index.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var iframeName = (0, _react.useRef)(Math.random() + new Date().getTime());
+
+  // flag改变，重新渲染报表
+  (0, _react.useEffect)(function () {
+    getReportInfoByCode();
+  }, [props.flag]);
+  var getReportInfoByCode = function getReportInfoByCode() {
+    var report_param = props.report_param,
+      data_param = props.data_param,
+      paramTypeCode = props.paramTypeCode,
+      tenantId = props.tenantId,
+      _props$isParamEncode = props.isParamEncode,
+      isParamEncode = _props$isParamEncode === void 0 ? false : _props$isParamEncode,
+      _props$reportParamUrl = props.reportParamUrl,
+      reportParamUrl = _props$reportParamUrl === void 0 ? initReportParamUrl : _props$reportParamUrl,
+      _props$reportInfoUrl = props.reportInfoUrl,
+      reportInfoUrl = _props$reportInfoUrl === void 0 ? initReportInfoUrl : _props$reportInfoUrl,
+      _props$reportServerUr = props.reportServerUrl,
+      reportServerUrl = _props$reportServerUr === void 0 ? initReportServerUrl : _props$reportServerUr;
+    var paramCode = paramTypeCode || 'param_report_constant';
+    // report_code 可配置，如果地址栏有report_code,则优先，否则根据props的report_code
+    var report_code = (0, _getUrlParam.default)().report_code ? (0, _getUrlParam.default)().report_code : props.report_code;
+    var access_token = (0, _getToken.default)();
+
+    // 获取公共参数
+    function commonParam() {
+      var header = {
+        'content-type': 'application/x-www-form-urlencoded'
+      };
+      if (access_token) {
+        header['Authorization'] = "Bearer ".concat(access_token);
+      }
+      return (0, _axios.default)({
+        method: 'get',
+        url: "".concat(reportParamUrl),
+        params: {
+          parameters: JSON.stringify({
+            paramTypeCode: paramCode,
+            tenantId: tenantId
+          })
+        },
+        headers: header
+      });
+    }
+
+    // 获取报表code
+    var param = {
+      report_code: report_code,
+      timestamp: new Date().valueOf(),
+      reqMethod: 0
+    };
+    var formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);
+    function getReportInfoByCode() {
+      var header = {
+        'content-type': 'application/x-www-form-urlencoded'
+      };
+      if (access_token) {
+        header['Authorization'] = "Bearer ".concat(access_token);
+      }
+      return (0, _axios.default)({
+        method: 'get',
+        url: "".concat(reportInfoUrl),
+        params: {
+          parameters: formData
+        },
+        headers: header
+      });
+    }
+    _axios.default.all([commonParam(), getReportInfoByCode()]).then(_axios.default.spread(function (commonParamResult, reportInfoByCodeResult) {
+      if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {
+        // 报表公共参数
+        var commonParamData = commonParamResult.data.data;
+        var obj = {};
+        commonParamData.forEach(function (d) {
+          obj[d.parmCode] = d.parmName;
+        });
+        var reportInfoByCodeData = reportInfoByCodeResult.data.data;
+        var _param = _objectSpread(_objectSpread(_objectSpread({
+          data_url: reportInfoByCodeData.data_url,
+          data_param: JSON.stringify(data_param)
+        }, report_param), obj), {}, {
+          reqMethod: 0
+        });
+        createForm("".concat(window.rpsPrefix || '').concat(reportServerUrl, "?report_code=").concat(report_code, "&reportlet=").concat(reportInfoByCodeData.reportlet, "&fr_locale=zh_CN&timestamp=").concat(new Date().valueOf(), "&token=").concat(access_token, "&access_token=").concat(access_token), _param, "".concat(iframeName.current));
+      }
+    }))
+    // eslint-disable-next-line no-console
+    .catch(function (err) {
+      return console.log(err);
+    });
+  };
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("".concat(prefixCls), hashId),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-wrapper"), hashId),
+      width: "100%",
+      height: "100%",
+      name: "".concat(iframeName.current)
+    })
+  }));
+}
+VtxRpsFrame.propTypes = {
+  flag: _propTypes.default.number,
+  report_code: _propTypes.default.string,
+  report_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,
+  reportInfoUrl: _propTypes.default.string,
+  reportServerUrl: _propTypes.default.string,
+  isParamEncode: _propTypes.default.bool
+};
+var _default = exports.default = VtxRpsFrame;
+var createForm = function createForm(reqURL, param, iframeName) {
+  // 定义一个form表单
+  var formDom = document.createElement('form');
+  formDom.method = 'post';
+  formDom.target = iframeName;
+  formDom.action = reqURL;
+  formDom.style = 'display:none';
+  var inputArray = [];
+  for (var k in param) {
+    if (Object.prototype.hasOwnProperty.call(param, k)) {
+      var input1 = document.createElement('input');
+      input1.type = 'hidden';
+      input1.name = k;
+      input1.value = param[k];
+      inputArray.push(input1);
+    }
+  }
+  document.body.appendChild(formDom); // 将表单放置在web中
+  for (var i = 0, len = inputArray.length; i < len; i++) {
+    formDom.append(inputArray[i]);
+  }
+  formDom.submit(); // 表单提交
+  formDom.remove();
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
+var _vtxProvider = require("../../vtx-provider");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var genVtxRpsFrameStyle = function genVtxRpsFrameStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, {
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden',
+    'iframe': {
+      borderWidth: 0
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _vtxProvider.useStyle)('VtxRpsFrame', function (token) {
+    var vtxRpsFrameToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genVtxRpsFrameStyle(vtxRpsFrameToken)];
+  });
+}