@castianta/telemetry-base
Version:
151 lines (136 loc) • 7.09 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = TelemetryBase;
var _upload = _interopRequireDefault(require("antd/lib/upload"));
var _button = _interopRequireDefault(require("antd/lib/button"));
var _form = _interopRequireDefault(require("antd/lib/form"));
var _select = _interopRequireDefault(require("antd/lib/select"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
var _react = _interopRequireDefault(require("react"));
var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
var _icons = require("@ant-design/icons");
var _proForm = require("@ant-design/pro-form");
var _proLayout = require("@ant-design/pro-layout");
var TabPane = _tabs["default"].TabPane;
function TelemetryBase(props) {
var midSelect = props.midSelect,
pageContainer = props.pageContainer,
frameFormat = props.frameFormat,
packageFormat = props.packageFormat,
pack = props.pack,
parameter = props.parameter,
_props$layoutType = props.layoutType,
layoutType = _props$layoutType === void 0 ? "DrawerForm" : _props$layoutType,
tabs = props.tabs,
fileImport = props.fileImport,
fileDownload = props.fileDownload,
takeButton = props.takeButton;
return /*#__PURE__*/_react["default"].createElement(_proLayout.PageContainer, (0, _extends2["default"])({}, pageContainer, {
header: (0, _extends2["default"])({
extra: [/*#__PURE__*/_react["default"].createElement(_form["default"], {
layout: "inline",
key: "form"
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
label: "\u536B\u661F"
}, /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({
placeholder: "\u8BF7\u9009\u62E9\u536B\u661F",
style: {
width: 200
}
}, midSelect))))]
}, pageContainer === null || pageContainer === void 0 ? void 0 : pageContainer.header)
}), /*#__PURE__*/_react["default"].createElement(_tabs["default"], (0, _extends2["default"])({
type: "card",
tabBarExtraContent: /*#__PURE__*/_react["default"].createElement("div", {
style: {
display: "inline-flex"
}
}, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.CheckOutlined, null)
}, takeButton), "\u751F\u6548\u5F53\u524D\u914D\u7F6E"), /*#__PURE__*/_react["default"].createElement(_upload["default"], fileImport, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
key: "primary",
style: {
marginRight: 8,
marginLeft: 8
},
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.ImportOutlined, null)
}, fileImport === null || fileImport === void 0 ? void 0 : fileImport.button), "\u5BFC\u5165")), /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.DownloadOutlined, null)
}, fileDownload, {
key: "export"
}), "\u4E0B\u8F7D"))
}, tabs), /*#__PURE__*/_react["default"].createElement(TabPane, {
tab: "\u5E27\u683C\u5F0F\u914D\u7F6E",
key: "1"
}, /*#__PURE__*/_react["default"].createElement(_proTable["default"], (0, _extends2["default"])({}, frameFormat, {
toolbar: (0, _extends2["default"])({
search: {},
actions: [/*#__PURE__*/_react["default"].createElement(_proForm.BetaSchemaForm, (0, _extends2["default"])({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
key: "primary",
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.PlusCircleOutlined, null)
}, "\u65B0\u5EFA"),
columns: [],
layoutType: layoutType
}, frameFormat === null || frameFormat === void 0 ? void 0 : frameFormat.form))]
}, frameFormat === null || frameFormat === void 0 ? void 0 : frameFormat.toolbar)
}))), /*#__PURE__*/_react["default"].createElement(TabPane, {
tab: "\u5305\u683C\u5F0F\u914D\u7F6E",
key: "2"
}, /*#__PURE__*/_react["default"].createElement(_proTable["default"], (0, _extends2["default"])({}, packageFormat, {
toolbar: (0, _extends2["default"])({
search: {},
actions: [/*#__PURE__*/_react["default"].createElement(_proForm.BetaSchemaForm, (0, _extends2["default"])({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
key: "primary",
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.PlusCircleOutlined, null)
}, "\u65B0\u5EFA"),
columns: [],
layoutType: layoutType
}, packageFormat === null || packageFormat === void 0 ? void 0 : packageFormat.form))]
}, packageFormat === null || packageFormat === void 0 ? void 0 : packageFormat.toolbar)
}))), /*#__PURE__*/_react["default"].createElement(TabPane, {
tab: "\u5305\u914D\u7F6E",
key: "3"
}, /*#__PURE__*/_react["default"].createElement(_proTable["default"], (0, _extends2["default"])({}, pack, {
toolbar: (0, _extends2["default"])({
search: {},
actions: [/*#__PURE__*/_react["default"].createElement(_proForm.BetaSchemaForm, (0, _extends2["default"])({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
key: "primary",
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.PlusCircleOutlined, null)
}, "\u65B0\u5EFA"),
columns: [],
layoutType: layoutType
}, pack === null || pack === void 0 ? void 0 : pack.form))]
}, pack === null || pack === void 0 ? void 0 : pack.toolbar)
}))), /*#__PURE__*/_react["default"].createElement(TabPane, {
tab: "\u53C2\u6570\u914D\u7F6E",
key: "4"
}, /*#__PURE__*/_react["default"].createElement(_proTable["default"], (0, _extends2["default"])({}, parameter, {
toolbar: (0, _extends2["default"])({
search: {},
actions: [/*#__PURE__*/_react["default"].createElement(_proForm.BetaSchemaForm, (0, _extends2["default"])({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
key: "primary",
type: "primary",
icon: /*#__PURE__*/_react["default"].createElement(_icons.PlusCircleOutlined, null)
}, "\u65B0\u5EFA"),
columns: [],
layoutType: layoutType
}, parameter === null || parameter === void 0 ? void 0 : parameter.form))]
}, parameter === null || parameter === void 0 ? void 0 : parameter.toolbar)
})))));
}