ze-react-component-library/lib/components/Detail/index.js

ZeroETP React Component Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

require("antd/lib/tabs/style");

var _tabs = _interopRequireDefault(require("antd/lib/tabs"));

require("antd/lib/typography/style");

var _typography = _interopRequireDefault(require("antd/lib/typography"));

var _react = _interopRequireDefault(require("react"));

var _hooks = require("@umijs/hooks");

var _zeroetpApiSdk = require("zeroetp-api-sdk");

var _ZECard = _interopRequireDefault(require("../../ZECard"));

var _ZEDescription = _interopRequireDefault(require("../../ZEDescription"));

var _TableSummary = _interopRequireDefault(require("../TableSummary"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var __assign = void 0 && (void 0).__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

var Title = _typography.default.Title;

var Detail = function Detail(_a) {
  var schema = _a.schema,
      columnProperties = _a.columnProperties,
      item = _a.item,
      _b = _a.tableProps,
      tableProps = _b === void 0 ? {} : _b,
      _c = _a.showRefDetail,
      showRefDetail = _c === void 0 ? true : _c;
  var refSchemas = (0, _hooks.useRequest)(function () {
    return (0, _zeroetpApiSdk.commonRequest)("/schemas?properties.ref=" + schema._id + "&type=event");
  }, {
    initialData: [],
    formatResult: function formatResult(res) {
      return (res.schemas || []).filter(function (s) {
        return s._id !== "dashboard";
      }).map(function (s) {
        return __assign(__assign({}, s), {
          refProperty: s.properties.find(function (p) {
            return p.ref === schema._id;
          })
        });
      }).sort(function (a, b) {
        return (a.order || 0) - (b.order || 0);
      });
    }
  }).data;
  var idProp = (0, _zeroetpApiSdk.getIDProperty)(schema);
  var nameProp = (0, _zeroetpApiSdk.getNameProperty)(schema);
  var showProp = nameProp || idProp;

  var getQuery = function getQuery(refSchema) {
    var query = {};

    if (idProp) {
      query[refSchema.refProperty.name + "_" + idProp.name] = item[idProp.name];
    }

    if (nameProp) {
      // 为了在表格的筛选项上默认展示出来
      query[refSchema.refProperty.name + "_" + nameProp.name] = item[nameProp.name];
    }

    return query;
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    style: {
      maxHeight: 280,
      flexShrink: 0,
      overflow: "auto"
    }
  }, /*#__PURE__*/_react.default.createElement(_ZEDescription.default, {
    schema: schema,
    columnProperties: columnProperties,
    item: item
  })), refSchemas.length > 0 && showProp && item && /*#__PURE__*/_react.default.createElement("div", {
    style: {
      marginTop: 20,
      flex: 1,
      minHeight: 0,
      display: "flex",
      flexDirection: "column"
    }
  }, /*#__PURE__*/_react.default.createElement(Title, {
    level: 5
  }, "\u76F8\u5173\u6570\u636E"), /*#__PURE__*/_react.default.createElement(_tabs.default, {
    className: "ze-card-detail-tabs",
    destroyInactiveTabPane: true,
    defaultActiveKey: refSchemas[0]._id,
    items: refSchemas.map(function (refSchema) {
      return {
        label: refSchema.name,
        key: refSchema._id,
        children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showRefDetail && /*#__PURE__*/_react.default.createElement(_ZECard.default, {
          tableProps: __assign({
            size: "small",
            height: 300,
            options: {
              reload: false
            }
          }, tableProps),
          showMainContentOnly: true,
          logicform: {
            schema: refSchema._id,
            query: getQuery(refSchema)
          }
        }), !showRefDetail && /*#__PURE__*/_react.default.createElement(_TableSummary.default, {
          logicform: {
            schema: refSchema._id,
            query: getQuery(refSchema)
          },
          schema: refSchema
        }))
      };
    })
  })));
};

var _default = Detail;
exports.default = _default;