@vtx/components 3.1.171 → 6.0.0-beta.1

package/es/vtx-provider/locale/zh_CN.js

@@ -0,0 +1,135 @@
+export default {
+  moneySymbol: '¥',
+  deleteThisLine: '删除此项',
+  copyThisLine: '复制此项',
+  actionMoreText: '更多',
+  indexTitle: '序号',
+  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: '紧凑',
+    messageWarningOneText: '至少勾选一列保存',
+    messageSuccessText: '操作成功'
+  },
+  stepsForm: {
+    next: '下一步',
+    prev: '上一步',
+    submit: '提交'
+  },
+  loginForm: {
+    submitText: '登录'
+  },
+  editableTable: {
+    onlyOneLineEditor: '只能同时编辑一行',
+    action: {
+      save: '保存',
+      cancel: '取消',
+      delete: '删除',
+      deleteConfirm: '确认删除吗',
+      add: '添加一行数据'
+    }
+  },
+  switch: {
+    open: '打开',
+    close: '关闭'
+  },
+  datePicker: {
+    day: '日期',
+    week: '周',
+    month: '月份',
+    quarter: '季度',
+    year: '年份'
+  },
+  fallback: {
+    browserNotSupported: "浏览器不支持",
+    serverException: '服务器异常'
+  },
+  export: {
+    exportText: '导出',
+    selectedRows: '选中行',
+    currentPage: '当前页',
+    all: '全部',
+    current: '当前',
+    task: '任务',
+    listField: '列表字段',
+    allFields: '全部字段',
+    noData: '无数据',
+    noSelectedData: '无选中数据',
+    content: '内容',
+    scope: '范围',
+    fileName: '文件名',
+    document: '文件',
+    cannotEmpty: '不能为空',
+    name: '名称',
+    status: '状态',
+    time: '时间',
+    action: '操作',
+    done: '完成',
+    exporting: '导出中',
+    download: '下载',
+    failure: '失败'
+  },
+  image: {
+    empty: '暂无图片',
+    error: '图片出错'
+  },
+  import: {
+    operation: '导入',
+    error: '上传失败',
+    success: '上传成功',
+    downloadTemplate: '下载模板',
+    pleaseSelectFile: '请选择需要上传的文件',
+    upload: '上传'
+  },
+  datagrid: {
+    update: '编辑',
+    view: '详情',
+    delete: '删除',
+    add: '新增',
+    import: '导入',
+    export: '导出'
+  }
+};

package/es/vtx-provider/locale/zh_HK.js

@@ -0,0 +1,83 @@
+export default {
+  moneySymbol: 'HK$',
+  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/es/vtx-provider/locale/zh_TW.js

@@ -0,0 +1,74 @@
+export 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/es/vtx-provider/typing/layoutToken.js

@@ -0,0 +1,60 @@
+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); }
+import { setAlpha } from "../useStyle";
+export var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
+  var _finalDesignTokens$si, _finalDesignTokens$he, _finalDesignTokens$he2, _finalDesignTokens$he3, _finalDesignTokens$pa, _finalDesignTokens$pa2;
+  var finalDesignTokens = _objectSpread({}, designTokens);
+  var defaultColorBgHeader = 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: setAlpha(antdToken.colorTextBase, 0.04),
+    colorTextAppListIconHover: antdToken.colorTextBase
+  }, finalDesignTokens), {}, {
+    header: _objectSpread({
+      colorBgHeader: defaultColorBgHeader,
+      colorBgScrollHeader: setAlpha(antdToken.colorBgElevated, 0.8),
+      colorHeaderTitle: antdToken.colorText,
+      colorBgMenuItemHover: 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: setAlpha(antdToken.colorTextBase, 0.95),
+      colorBgRightActionsItemHover: 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: setAlpha(antdToken.colorTextBase, 0.25),
+      colorMenuBackground: 'transparent',
+      colorMenuItemDivider: setAlpha(antdToken.colorTextBase, 0.06),
+      colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
+      colorBgMenuItemSelected: setAlpha(antdToken.colorTextBase, 0.04),
+      colorTextMenuItemHover: antdToken.colorText,
+      colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
+      colorTextMenuActive: antdToken.colorText,
+      colorTextMenu: antdToken.colorTextSecondary,
+      colorTextMenuSecondary: antdToken.colorTextTertiary,
+      colorTextMenuTitle: antdToken.colorText,
+      colorTextSubMenuSelected: 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/es/vtx-provider/useStyle/index.js

@@ -0,0 +1,106 @@
+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); }
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { TinyColor } from '@ctrl/tinycolor';
+import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from 'antd';
+import { useContext } from 'react';
+import { VtxProvider } from "../index";
+import { merge } from "../utils/merge";
+
+/**
+ * 把一个颜色设置一下透明度
+ * @example (#fff, 0.5) => rgba(255, 255, 255, 0.5)
+ * @param baseColor {string}
+ * @param alpha {0-1}
+ * @returns rgba {string}
+ */
+export var setAlpha = function setAlpha(baseColor, alpha) {
+  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+};
+
+/**
+ * 把一个颜色修改一些明度
+ * @example (#000, 50) => #808080
+ * @param baseColor {string}
+ * @param brightness {0-100}
+ * @returns hexColor {string}
+ */
+export var lighten = function lighten(baseColor, brightness) {
+  var instance = new TinyColor(baseColor);
+  return instance.lighten(brightness).toHexString();
+};
+export var proTheme = antdTheme;
+export var resetComponent = function resetComponent(token) {
+  return {
+    boxSizing: 'border-box',
+    margin: 0,
+    padding: 0,
+    color: token.colorText,
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    listStyle: 'none'
+  };
+};
+export var 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
+ */
+export function useStyle(componentName, styleFn) {
+  var _token$proComponentsC;
+  // eslint-disable-next-line prefer-const
+  var _useContext = useContext(VtxProvider),
+    _useContext$token = _useContext.token,
+    token = _useContext$token === void 0 ? {} : _useContext$token,
+    hashed = _useContext.hashed;
+  var _antdTheme$useToken = antdTheme.useToken(),
+    antdToken = _antdTheme$useToken.token,
+    hashId = _antdTheme$useToken.hashId,
+    theme = _antdTheme$useToken.theme;
+  var _useContext2 = useContext(AntdConfigProvider.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: 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/es/vtx-provider/utils/merge.js

@@ -0,0 +1,27 @@
+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); }
+export var 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/es/vtx-rps-frame/index.js

@@ -0,0 +1,164 @@
+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); }
+import React, { useEffect, useRef, useContext } from 'react';
+import axios from 'axios';
+import PropTypes from 'prop-types';
+import getUrlParam from '@vtx/utils/lib/getUrlParam';
+import getToken from "../utils/getToken";
+import classNames from 'classnames';
+import { ConfigProvider } from 'antd';
+import { useStyle } from "./style/index";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('vtx-rps-frame', props.prefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var iframeName = useRef(Math.random() + new Date().getTime());
+
+  // flag改变，重新渲染报表
+  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 = getUrlParam().report_code ? getUrlParam().report_code : props.report_code;
+    var access_token = getToken();
+
+    // 获取公共参数
+    function commonParam() {
+      var header = {
+        'content-type': 'application/x-www-form-urlencoded'
+      };
+      if (access_token) {
+        header['Authorization'] = "Bearer ".concat(access_token);
+      }
+      return axios({
+        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 axios({
+        method: 'get',
+        url: "".concat(reportInfoUrl),
+        params: {
+          parameters: formData
+        },
+        headers: header
+      });
+    }
+    axios.all([commonParam(), getReportInfoByCode()]).then(axios.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__*/_jsx("div", {
+    className: classNames("".concat(prefixCls), hashId),
+    children: /*#__PURE__*/_jsx("iframe", {
+      className: classNames("".concat(prefixCls, "-wrapper"), hashId),
+      width: "100%",
+      height: "100%",
+      name: "".concat(iframeName.current)
+    })
+  }));
+}
+VtxRpsFrame.propTypes = {
+  flag: PropTypes.number,
+  report_code: PropTypes.string,
+  report_param: PropTypes.object,
+  data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  paramTypeCode: PropTypes.string,
+  tenantId: PropTypes.string,
+  reportParamUrl: PropTypes.string,
+  reportInfoUrl: PropTypes.string,
+  reportServerUrl: PropTypes.string,
+  isParamEncode: PropTypes.bool
+};
+export { VtxRpsFrame };
+export 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();
+};