@wufengteam/wform
Version:
@wufengteam/wform
56 lines • 2.57 kB
JavaScript
/* eslint-disable no-console */
import React from 'react';
import { LinkOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd';
import { prefix } from '../../utils';
import "./index.css";
var prefixCls = "".concat(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.createElement("div", {
className: "".concat(prefixCls, "-subForm")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-subForm-btn")
}, /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-subForm-preview")
}, Array.isArray(previewFields) && previewFields.map(function (item) {
var _ref = item || {},
attrName = _ref.attrName;
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-subForm-preview-field")
}, /*#__PURE__*/React.createElement(Tooltip, {
title: attrName
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-subForm-preview-field-label")
}, attrName)), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-subForm-preview-field-value")
}, "\u6682\u65E0\u6570\u636E"));
})));
/**
* 关联数据单独使用预览字段渲染
*/
var RenderPreviewFields = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
className: "".concat(prefixCls, "-btn"),
disabled: true
}, placeholder), Array.isArray(previewFields) && previewFields.map(function (item) {
var _ref2 = item || {},
attrName = _ref2.attrName;
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-preview-field")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-preview-field-label")
}, attrName), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-preview-field-value")
}, "\u6682\u65E0\u6570\u636E"));
}));
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls)
}, isInSubForm ? RenderSubFormPreviewFields : RenderPreviewFields);
};
export default DataLinkageEdPc;