@wufengteam/wform/lib/DataLinkage/DataLinkageEdPc/index.js

@wufengteam/wform

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _icons = require("@ant-design/icons");
var _antd = require("antd");
var _utils = require("../../utils");
require("./index.css");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-console */

var prefixCls = "".concat(_utils.prefix, "-datalinkage-ed-pc");
var DataLinkageEdPc = function DataLinkageEdPc(props) {
  var isInSubForm = props.isInSubForm,
    previewFields = props.previewFields,
    _props$placeholder = props.placeholder,
    placeholder = _props$placeholder === void 0 ? '选择数据' : _props$placeholder;
  /**
   * 关联数据在子表单组件内部的布局
   */
  var RenderSubFormPreviewFields = /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-subForm")
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-subForm-btn")
  }, /*#__PURE__*/_react.default.createElement(_icons.LinkOutlined, null)), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-subForm-preview")
  }, Array.isArray(previewFields) && previewFields.map(function (item) {
    var _ref = item || {},
      attrName = _ref.attrName;
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-subForm-preview-field")
    }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
      title: attrName
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-subForm-preview-field-label")
    }, attrName)), /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-subForm-preview-field-value")
    }, "\u6682\u65E0\u6570\u636E"));
  })));
  /**
   * 关联数据单独使用预览字段渲染
   */
  var RenderPreviewFields = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
    className: "".concat(prefixCls, "-btn"),
    disabled: true
  }, placeholder), Array.isArray(previewFields) && previewFields.map(function (item) {
    var _ref2 = item || {},
      attrName = _ref2.attrName;
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-preview-field")
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-preview-field-label")
    }, attrName), /*#__PURE__*/_react.default.createElement("div", {
      className: "".concat(prefixCls, "-preview-field-value")
    }, "\u6682\u65E0\u6570\u636E"));
  }));
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls)
  }, isInSubForm ? RenderSubFormPreviewFields : RenderPreviewFields);
};
var _default = exports.default = DataLinkageEdPc;