@teamix/pro 1.6.1-beta → 2.0.0-beta.10

package/es/info/components/ProInfoItem/index.scss

@@ -1,76 +0,0 @@
-$label-color: var(--color-text1-2, #5a5a5a);
-$label-size: var(--font-size-body-1, 12px);
-$label-weight: var(--font-weight-medium, 500);
-$text-color: var(--color-text1-3, #333333);
-$text-size: var(--font-size-body-1, 12px);
-// $text-weight: var(--font-weight-medium, 500);
-
-$header-label-color: var(--color-text1-2, #5a5a5a);
-$header-label-size: var(--font-size-body-1, 12px);
-// $header-label-weight: var(--font-weight-medium, 500);
-$header-text-color: var(--color-text1-3, #333333);
-$header-text-size: var(--font-size-body-1, 12px);
-// $header-text-weight: var(--font-weight-medium, 500);
-
-$item-padding-bottom: 8px;
-
-.teamix-pro-info-item {
-  width: 100%;
-  padding-bottom: $item-padding-bottom;
-  &-header-row {
-    display: flex;
-    align-items: flex-start;
-
-    &-center {
-      align-items: center;
-    }
-  }
-  &-base-row {
-    display: flex;
-    align-items: flex-start;
-    &-center {
-      align-items: center;
-    }
-  }
-}
-
-.teamix-pro-info-item-label {
-  color: $label-color;
-  font-size: $label-size;
-  // font-weight: $label-weight;
-  display: unset;
-}
-
-.teamix-pro-info-item-value {
-  color: $text-color;
-  font-size: $text-size;
-  //display: unset;
-  width: 100%;
-  padding-right: 20px;
-}
-
-.teamix-pro-info-item-header-label {
-  color: $header-label-color;
-  font-size: $header-label-size;
-  // font-weight: $header-label-weight;
-  display: inline-block;
-  white-space: nowrap;
-}
-
-.teamix-pro-info-item-header-value {
-  color: $header-text-color;
-  font-size: $header-text-size;
-  display: inline-block;
-  width: 100%;
-  padding-right: 20px;
-}
-
-.teamix-pro-info-item-base-skeleton-box {
-  width: 100%;
-  height: 18px;
-  display: flex;
-  align-items: center;
-  span {
-    width: 100%
-  }
-}

package/es/info/components/baseInfo/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ProInfoBaseProps, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
-import './index.scss';
-declare type ProBaseInfoProps = ProInfoBaseProps & ProInfoTransRequestResult & ProInfoTransparentBase & {
-    size?: any;
-};
-declare const ProBaseInfo: React.FC<ProBaseInfoProps>;
-export default ProBaseInfo;

package/es/info/components/baseInfo/index.js

@@ -1,95 +0,0 @@
-import { Grid } from '@alicloudfe/components';
-import React from 'react';
-import ProInfoItem from '../ProInfoItem';
-import './index.scss';
-import { getLayout } from '../../utils/utils';
-import defaultLayoutMap from '../../utils/layout';
-import InfoValueItem from '../InfoValueItem';
-import { getDataIndexValue, isHidden } from '../../utils';
-var Row = Grid.Row,
-  Col = Grid.Col;
-var ProBaseInfo = function ProBaseInfo(props) {
-  var _size$width;
-  var columns = props.columns,
-    dataSource = props.dataSource,
-    loading = props.loading,
-    result = props.result,
-    actionRef = props.actionRef,
-    layout = props.layout,
-    size = props.size,
-    context = props.context,
-    _props$disabledAutoSi = props.disabledAutoSize,
-    disabledAutoSize = _props$disabledAutoSi === void 0 ? false : _props$disabledAutoSi;
-  var defaultLayout = defaultLayoutMap[getLayout((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
-  // 获取列内的布局参数
-  var getFormItemLayout = function getFormItemLayout(colspan) {
-    var formItemLayout = JSON.parse(JSON.stringify(defaultLayout.formItemLayout));
-    // 自定义布局
-    if (layout) {
-      var _layout$labelCol, _layout$wrapperCol;
-      var labelCol = (_layout$labelCol = layout === null || layout === void 0 ? void 0 : layout.labelCol) !== null && _layout$labelCol !== void 0 ? _layout$labelCol : defaultLayout.formItemLayout.labelCol;
-      var wrapperCol = (_layout$wrapperCol = layout === null || layout === void 0 ? void 0 : layout.wrapperCol) !== null && _layout$wrapperCol !== void 0 ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol;
-      formItemLayout.labelCol = labelCol;
-      formItemLayout.wrapperCol = wrapperCol;
-    }
-    var newLabelSpan = formItemLayout.labelCol.span;
-    var newWrapperSpan = formItemLayout.wrapperCol.span;
-    // 计算合并列情况。label与wrapper需要重新计算
-    if (colspan) {
-      var _layout$span, _layout$span2;
-      var realColspan = ((_layout$span = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span !== void 0 ? _layout$span : 24 / defaultLayout.span > colspan) ? colspan : (_layout$span2 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span2 !== void 0 ? _layout$span2 : 24 / defaultLayout.span;
-      newLabelSpan = newLabelSpan / realColspan;
-      newWrapperSpan = newWrapperSpan + (formItemLayout.labelCol.span - newLabelSpan);
-    }
-    var newFormItemLayout = {
-      labelCol: {
-        span: newLabelSpan.toFixed()
-      },
-      wrapperCol: {
-        span: newWrapperSpan.toFixed()
-      }
-    };
-    return Object.assign(formItemLayout, newFormItemLayout);
-  };
-  var renderContent = function renderContent() {
-    return columns.map(function (item, index) {
-      var _ref, _ref2, _layout$span3, _layout$span4, _item$title, _item$valueType, _ref3, _item$colSpan;
-      var hidden = isHidden(item === null || item === void 0 ? void 0 : item.hidden, getDataIndexValue(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}), (_ref2 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref2 !== void 0 ? _ref2 : {}, context);
-      if (hidden) {
-        return;
-      }
-      var span = item.colSpan ? defaultLayout.span : defaultLayout.span;
-      var layoutSpan = item.colSpan ? ((_layout$span3 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span3 !== void 0 ? _layout$span3 : span) * item.colSpan : (_layout$span4 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span4 !== void 0 ? _layout$span4 : span;
-      return /*#__PURE__*/React.createElement(Col, {
-        span: layoutSpan > 24 ? 24 : layoutSpan,
-        key: index
-      }, /*#__PURE__*/React.createElement(ProInfoItem, {
-        label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
-        loading: loading,
-        value: /*#__PURE__*/React.createElement(InfoValueItem, {
-          type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
-          value: getDataIndexValue(item.dataIndex, (_ref3 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref3 !== void 0 ? _ref3 : {}),
-          render: item.render,
-          dataSource: item.dataSource,
-          infoItem: item,
-          record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
-          actionRef: actionRef,
-          context: context,
-          props: item.props
-        }),
-        baseInfoLayout: getFormItemLayout((_item$colSpan = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan !== void 0 ? _item$colSpan : 0),
-        tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon,
-        render: item.render,
-        valueType: item.valueType,
-        alignItems: item.alignItems
-      }));
-    });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ((size === null || size === void 0 ? void 0 : size.width) || disabledAutoSize) && /*#__PURE__*/React.createElement(Row, {
-    wrap: true,
-    className: "teamix-pro-info-content-row",
-    gutter: 20
-  }, renderContent()));
-};
-export default ProBaseInfo;

package/es/info/components/baseInfo/index.scss

@@ -1,6 +0,0 @@
-.teamix-pro-info {
-  width: 100%;
-}
-.teamix-pro-info-content-row {
-  align-items: flex-start;
-}

package/es/info/components/headerInfo/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { IProHeaderInfo, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
-import './index.scss';
-declare type ProHeaderInfoProps = IProHeaderInfo & ProInfoTransRequestResult & ProInfoTransparentBase & {
-    size?: any;
-};
-declare const ProHeaderInfo: React.FC<ProHeaderInfoProps>;
-export default ProHeaderInfo;

package/es/info/components/headerInfo/index.js

@@ -1,68 +0,0 @@
-import { Grid } from '@alicloudfe/components';
-import React from 'react';
-import ProInfoItem from '../ProInfoItem';
-import './index.scss';
-import defaultLayoutMap from '../../utils/layout';
-import { getLayout } from '../../utils/utils';
-import InfoValueItem from '../InfoValueItem';
-import { getDataIndexValue, isHidden } from '../../utils';
-var Row = Grid.Row,
-  Col = Grid.Col;
-var ProHeaderInfo = function ProHeaderInfo(props) {
-  var _size$width;
-  var columns = props.columns,
-    dataSource = props.dataSource,
-    layout = props.layout,
-    loading = props.loading,
-    result = props.result,
-    actionRef = props.actionRef,
-    size = props.size,
-    context = props.context;
-  var defaultLayout = defaultLayoutMap[getLayout((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
-  var renderContent = function renderContent() {
-    return columns.map(function (item, index) {
-      var _ref, _ref2, _item$title, _item$valueType;
-      var hidden = isHidden(item === null || item === void 0 ? void 0 : item.hidden, getDataIndexValue(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}), (_ref2 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref2 !== void 0 ? _ref2 : {}, context);
-      if (hidden) {
-        return;
-      }
-      var span = 24;
-      if (layout === null || layout === void 0 ? void 0 : layout.colNum) {
-        var _item$colSpan;
-        span = 24 / (layout === null || layout === void 0 ? void 0 : layout.colNum) * ((_item$colSpan = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan !== void 0 ? _item$colSpan : 1);
-      } else {
-        var _item$colSpan2;
-        span = defaultLayout.span * ((_item$colSpan2 = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan2 !== void 0 ? _item$colSpan2 : 1);
-      }
-      return /*#__PURE__*/React.createElement(Col, {
-        span: span,
-        key: index
-      }, /*#__PURE__*/React.createElement(ProInfoItem, {
-        label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
-        loading: loading,
-        value: /*#__PURE__*/React.createElement(InfoValueItem, {
-          type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
-          value: getDataIndexValue(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
-          render: item.render,
-          dataSource: item.dataSource,
-          infoItem: item,
-          record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
-          actionRef: actionRef,
-          context: context,
-          props: item.props
-        }),
-        headerInfoLayout: layout !== null && layout !== void 0 ? layout : defaultLayout,
-        tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon,
-        render: item.render,
-        valueType: item.valueType,
-        alignItems: item.alignItems
-      }));
-    });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/React.createElement(Row, {
-    wrap: true,
-    className: "teamix-pro-info-content-row"
-  }, renderContent()));
-};
-export default ProHeaderInfo;

package/es/info/components/headerInfo/index.scss

@@ -1,3 +0,0 @@
-.teamix-pro-info-content-row {
-  align-items: flex-start;
-}

package/es/info/components/tableInfo/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { IProTableInfo, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
-import './index.scss';
-declare type ProTableInfoProps = IProTableInfo & ProInfoTransRequestResult & ProInfoTransparentBase;
-declare const ProTableInfo: React.FC<ProTableInfoProps>;
-export default ProTableInfo;

package/es/info/components/tableInfo/index.js

@@ -1,154 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
-import React, { useMemo } from 'react';
-import './index.scss';
-import { Table } from '@alicloudfe/components';
-import './index.scss';
-import { LabelIconTip } from '../../../field';
-import InfoValueItem from '../InfoValueItem';
-import { ProSkeletonRaw } from '../../..';
-import { getDataIndexValue, isHidden } from '../../utils';
-import cloneDeep from 'lodash.clonedeep';
-var ProTableInfo = function ProTableInfo(props) {
-  var columns = props.columns,
-    dataSource = props.dataSource,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? {} : _props$layout,
-    loading = props.loading,
-    result = props.result,
-    actionRef = props.actionRef,
-    context = props.context;
-  var _layout$colNum = layout.colNum,
-    colNum = _layout$colNum === void 0 ? 2 : _layout$colNum,
-    _layout$labelGutter = layout.labelGutter,
-    labelGutter = _layout$labelGutter === void 0 ? '80px' : _layout$labelGutter;
-  var getNewColumns = function getNewColumns() {
-    // 需要 fill 填充 否则有可能不执行
-    return _toConsumableArray(new Array(colNum)).fill(1).map(function (_, index) {
-      return [{
-        dataIndex: "label_".concat(index),
-        align: 'left',
-        height: 50,
-        width: labelGutter
-      }, {
-        dataIndex: "value_".concat(index),
-        align: 'left'
-      }];
-    }).reduce(function (acc, cur) {
-      return [].concat(_toConsumableArray(acc), _toConsumableArray(cur));
-    }, []);
-  };
-  var getInfoValueItem = function getInfoValueItem(item) {
-    var _item$valueType;
-    return /*#__PURE__*/React.createElement(InfoValueItem, {
-      type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
-      value: getDataIndexValue(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
-      render: item.render,
-      dataSource: item.dataSource,
-      infoItem: item,
-      record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
-      actionRef: actionRef,
-      props: item.props
-    });
-  };
-  var newDataSource = useMemo(function () {
-    var nResult = [];
-    var columnsCopy = cloneDeep(columns).filter(function (item) {
-      return !isHidden(item.hidden, getDataIndexValue(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result), dataSource !== null && dataSource !== void 0 ? dataSource : result, context);
-    });
-    // 取当前行的数据。直到取完
-    while (columnsCopy.length > 0) {
-      var filterColumns = [];
-      var col = colNum * 2;
-      // 需要判断是否有合并行情况
-      while (col >= 2) {
-        if (columnsCopy.length > 0) {
-          var _columnsItem$colSpan;
-          var columnsItem = columnsCopy.shift();
-          var needCol = 1 + ((_columnsItem$colSpan = columnsItem === null || columnsItem === void 0 ? void 0 : columnsItem.colSpan) !== null && _columnsItem$colSpan !== void 0 ? _columnsItem$colSpan : 1);
-          // 如果剩余的col能满足下一组数据那么就放在这一组
-          if (needCol <= col) {
-            col = col - needCol;
-            filterColumns.push(columnsItem);
-          } else {
-            var _filterColumns$0$colS;
-            // 不满足条件。再安回去。。。
-            columnsCopy.unshift(columnsItem);
-            // 并且把剩余的col都分配给前一组数据
-            filterColumns[0].colSpan = ((_filterColumns$0$colS = filterColumns[0].colSpan) !== null && _filterColumns$0$colS !== void 0 ? _filterColumns$0$colS : 1) + col;
-            // 置0
-            col = 0;
-          }
-        }
-        if (columnsCopy.length === 0) {
-          // 如果剩余仍有列数并且已经没有columns分配了
-          col = 0;
-        }
-      }
-      var itemData = filterColumns.map(function (item, index) {
-        var _item$title, _data;
-        var data = (_data = {}, _defineProperty(_data, "label_".concat(index), /*#__PURE__*/React.createElement(LabelIconTip, {
-          label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
-          tooltip: item.tooltip,
-          icon: item.tooltipIcon
-        })), _defineProperty(_data, "value_".concat(index), /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null), !loading && getInfoValueItem(item))), _data);
-        if (item.colSpan) {
-          data['formatter'] = {
-            colSpan: item.colSpan
-          };
-        }
-        return data;
-      }).reduce(function (acc, cur) {
-        return _objectSpread(_objectSpread({}, acc), cur);
-      }, {});
-      nResult.push(itemData);
-    }
-    return nResult;
-  }, [loading, result]);
-  var setCellProps = function setCellProps(rowIndex, colIndex, dataIndex, record) {
-    if (colIndex % 2 === 0) {
-      return {
-        className: 'key-type'
-      };
-    }
-    if (record.formatter) {
-      if (record.formatter.colSpan) {
-        if (colIndex === record.formatter.colSpan) {
-          return {
-            colSpan: record.formatter.colSpan
-          };
-        }
-        var length = Object.keys(record).length;
-        if (length <= 3) {
-          return {
-            colSpan: record.formatter.colSpan
-          };
-        }
-        if (length > 5) {
-          return {
-            colSpan: record.formatter.colSpan
-          };
-        }
-      }
-      return {
-        rowSpan: record.formatter.rowSpan
-      };
-    }
-  };
-  return /*#__PURE__*/React.createElement(Table.StickyLock, {
-    className: "teamix-pro-info-table",
-    cellProps: setCellProps,
-    columns: getNewColumns(),
-    hasHeader: false,
-    hasBorder: true,
-    dataSource: newDataSource
-  });
-};
-export default ProTableInfo;

package/es/info/components/tableInfo/index.scss

@@ -1,18 +0,0 @@
-.teamix-pro-info-table {
-  text-align: center;
-  width: 100%;
-  color: var(--color-brand1-6);
-  .next-table td .next-table-cell-wrapper {
-    padding: 16px 24px;
-  }
-  .next-table-row.hovered {
-    background-color:var(--color-fill1-1);
-  }
-  .next-table-row {
-    color: var(--color-text1-3, #333333);
-  }
-  .key-type {
-    background: var(--color-fill1-2);
-    color: var(--color-text1-6, #666);
-  }
-}

package/es/info/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { ProInfoProps } from './typing';
-export * from './typing';
-declare const ProInfo: {
-    (props: ProInfoProps): JSX.Element;
-    Group: React.FC<import("./typing").ProInfoGroupProps>;
-    ProInfoGroup: React.FC<import("./typing").ProInfoGroupProps>;
-};
-export default ProInfo;

package/es/info/index.js

@@ -1,181 +0,0 @@
-var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra", "context", "disabledAutoSize"],
-  _excluded2 = ["context"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { isValidElement, useContext, useEffect, useRef, useState, useMemo } from 'react';
-import ProTableInfo from './components/tableInfo';
-import ProHeaderInfo from './components/headerInfo';
-import ProBaseInfo from './components/baseInfo';
-import ProInfoGroup from './components/InfoGroup';
-import './index.scss';
-import { ProInfoGroupContext, useActionType } from './utils';
-import { doCommonRequest, cls } from '@teamix/utils';
-import { useSize } from '@teamix/hooks';
-import { ProCard } from '..';
-export * from './typing';
-var ProInfo = function ProInfo(props) {
-  var _ref;
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'base' : _props$type,
-    url = props.url,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'post' : _props$method,
-    formatResult = props.formatResult,
-    formatParams = props.formatParams,
-    params = props.params,
-    propsActionRef = props.actionRef,
-    _props$header = props.header,
-    header = _props$header === void 0 ? {} : _props$header,
-    onSuccess = props.onSuccess,
-    onError = props.onError,
-    beforeRequest = props.beforeRequest,
-    extendParams = props.extendParams,
-    className = props.className,
-    style = props.style,
-    columns = props.columns,
-    layout = props.layout,
-    dataSource = props.dataSource,
-    userLoading = props.loading,
-    extra = props.extra,
-    infoContext = props.context,
-    disabledAutoSize = props.disabledAutoSize,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useContext = useContext(ProInfoGroupContext),
-    contextUrl = _useContext.url,
-    contextMethod = _useContext.method,
-    contextParams = _useContext.params,
-    contextFormatResult = _useContext.formatResult,
-    contextVisible = _useContext.visible,
-    contextSize = _useContext.size,
-    contextOnSuccess = _useContext.onSuccess,
-    contextOnError = _useContext.onError,
-    contextFormatParams = _useContext.formatParams,
-    contextBeforeRequest = _useContext.beforeRequest,
-    contextExtendParams = _useContext.extendParams,
-    _useContext$context = _useContext.context,
-    contextContext = _useContext$context === void 0 ? {} : _useContext$context;
-  // 获取容器宽度
-  var ref = useRef();
-  var size = contextVisible ? contextSize : useSize(ref);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  // 请求数据
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    data = _useState4[0],
-    setData = _useState4[1];
-  var requestDataKey = (contextMethod !== null && contextMethod !== void 0 ? contextMethod : method).toLowerCase() === 'get' ? 'params' : 'data';
-  var requestConfig = _defineProperty({
-    url: (_ref = contextUrl !== null && contextUrl !== void 0 ? contextUrl : url) !== null && _ref !== void 0 ? _ref : '',
-    method: contextMethod !== null && contextMethod !== void 0 ? contextMethod : method,
-    formatResult: contextFormatResult !== null && contextFormatResult !== void 0 ? contextFormatResult : formatResult,
-    onSuccess: contextOnSuccess !== null && contextOnSuccess !== void 0 ? contextOnSuccess : onSuccess,
-    onError: contextOnError !== null && contextOnError !== void 0 ? contextOnError : onError,
-    formatParams: contextFormatParams !== null && contextFormatParams !== void 0 ? contextFormatParams : formatParams,
-    beforeRequest: contextBeforeRequest !== null && contextBeforeRequest !== void 0 ? contextBeforeRequest : beforeRequest,
-    extendParams: contextExtendParams !== null && contextExtendParams !== void 0 ? contextExtendParams : extendParams
-  }, requestDataKey, contextParams !== null && contextParams !== void 0 ? contextParams : params);
-  useEffect(function () {
-    if (url || contextUrl) {
-      setLoading(false);
-      request();
-    } else {
-      setLoading(false);
-    }
-  }, []);
-  var context = useMemo(function () {
-    return _objectSpread(_objectSpread({}, infoContext), {}, {
-      record: dataSource !== null && dataSource !== void 0 ? dataSource : data
-    }, contextContext);
-  }, [dataSource, data]);
-  // 获取数据
-  var request = function request() {
-    setLoading(true);
-    doCommonRequest(requestConfig).then(function (resp) {
-      setData(resp);
-    }).finally(function () {
-      setLoading(false);
-    });
-  };
-  var actionRef = useRef();
-  // 将 Actions 绑定到传入的 propsActionRef 中
-  if (propsActionRef) {
-    propsActionRef.current = actionRef.current;
-  }
-  // 绑定 Actions
-  useActionType(actionRef, {
-    refresh: function refresh() {
-      request();
-    }
-  });
-  var getExtra = function getExtra() {
-    if (!extra) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/isValidElement(extra)) {
-      return extra;
-    }
-    var _extra$context = extra.context,
-      actionContext = _extra$context === void 0 ? {} : _extra$context,
-      others = _objectWithoutProperties(extra, _excluded2);
-    return _objectSpread(_objectSpread({}, others), {}, {
-      context: _objectSpread(_objectSpread({}, context), actionContext)
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: style,
-    className: cls('teamix-pro-info', className)
-  }, /*#__PURE__*/React.createElement(ProCard, _objectSpread(_objectSpread(_objectSpread({
-    compacted: true,
-    hoveredShadow: false,
-    bordered: false,
-    backgroundColor: "transparent"
-  }, header), others), {}, {
-    extra: getExtra()
-  }), type === 'table' && /*#__PURE__*/React.createElement(ProTableInfo, {
-    dataSource: dataSource,
-    columns: columns,
-    loading: userLoading || loading,
-    result: data,
-    actionRef: actionRef,
-    layout: layout,
-    context: context,
-    disabledAutoSize: disabledAutoSize
-  }), type === 'header' && /*#__PURE__*/React.createElement(ProHeaderInfo, {
-    dataSource: dataSource,
-    columns: columns,
-    header: header,
-    loading: userLoading || loading,
-    result: data,
-    actionRef: actionRef,
-    layout: layout,
-    size: size,
-    context: context,
-    disabledAutoSize: disabledAutoSize
-  }), type === 'base' && /*#__PURE__*/React.createElement(ProBaseInfo, {
-    dataSource: dataSource,
-    columns: columns,
-    loading: userLoading || loading,
-    result: data,
-    actionRef: actionRef,
-    layout: layout,
-    size: size,
-    context: context,
-    disabledAutoSize: disabledAutoSize
-  })));
-};
-ProInfo.Group = ProInfoGroup;
-ProInfo.ProInfoGroup = ProInfoGroup;
-export default ProInfo;

package/es/info/index.scss

@@ -1,9 +0,0 @@
-@import '../common.scss';
-.teamix-pro-info {
-  @include hybridcloud-scrollbar;
-  color: var(--color-brand1-6);
-
-  .teamix-pro-info-content-row {
-    width: 100%;
-  }
-}