@castianta/telemetry-base
Version:
132 lines • 5.77 kB
JavaScript
import _Upload from "antd/es/upload";
import _Button from "antd/es/button";
import _Form from "antd/es/form";
import _Select from "antd/es/select";
import _extends from "@babel/runtime/helpers/extends";
import _Tabs from "antd/es/tabs";
import React from "react";
import ProTable from "@ant-design/pro-table";
import { PlusCircleOutlined, ImportOutlined, DownloadOutlined, CheckOutlined } from "@ant-design/icons";
import { BetaSchemaForm } from "@ant-design/pro-form";
import { PageContainer } from "@ant-design/pro-layout";
var TabPane = _Tabs.TabPane;
export default 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.createElement(PageContainer, _extends({}, pageContainer, {
header: _extends({
extra: [/*#__PURE__*/React.createElement(_Form, {
layout: "inline",
key: "form"
}, /*#__PURE__*/React.createElement(_Form.Item, {
label: "\u536B\u661F"
}, /*#__PURE__*/React.createElement(_Select, _extends({
placeholder: "\u8BF7\u9009\u62E9\u536B\u661F",
style: {
width: 200
}
}, midSelect))))]
}, pageContainer === null || pageContainer === void 0 ? void 0 : pageContainer.header)
}), /*#__PURE__*/React.createElement(_Tabs, _extends({
type: "card",
tabBarExtraContent: /*#__PURE__*/React.createElement("div", {
style: {
display: "inline-flex"
}
}, /*#__PURE__*/React.createElement(_Button, _extends({
type: "primary",
icon: /*#__PURE__*/React.createElement(CheckOutlined, null)
}, takeButton), "\u751F\u6548\u5F53\u524D\u914D\u7F6E"), /*#__PURE__*/React.createElement(_Upload, fileImport, /*#__PURE__*/React.createElement(_Button, _extends({
key: "primary",
style: {
marginRight: 8,
marginLeft: 8
},
type: "primary",
icon: /*#__PURE__*/React.createElement(ImportOutlined, null)
}, fileImport === null || fileImport === void 0 ? void 0 : fileImport.button), "\u5BFC\u5165")), /*#__PURE__*/React.createElement(_Button, _extends({
type: "primary",
icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
}, fileDownload, {
key: "export"
}), "\u4E0B\u8F7D"))
}, tabs), /*#__PURE__*/React.createElement(TabPane, {
tab: "\u5E27\u683C\u5F0F\u914D\u7F6E",
key: "1"
}, /*#__PURE__*/React.createElement(ProTable, _extends({}, frameFormat, {
toolbar: _extends({
search: {},
actions: [/*#__PURE__*/React.createElement(BetaSchemaForm, _extends({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/React.createElement(_Button, {
key: "primary",
type: "primary",
icon: /*#__PURE__*/React.createElement(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.createElement(TabPane, {
tab: "\u5305\u683C\u5F0F\u914D\u7F6E",
key: "2"
}, /*#__PURE__*/React.createElement(ProTable, _extends({}, packageFormat, {
toolbar: _extends({
search: {},
actions: [/*#__PURE__*/React.createElement(BetaSchemaForm, _extends({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/React.createElement(_Button, {
key: "primary",
type: "primary",
icon: /*#__PURE__*/React.createElement(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.createElement(TabPane, {
tab: "\u5305\u914D\u7F6E",
key: "3"
}, /*#__PURE__*/React.createElement(ProTable, _extends({}, pack, {
toolbar: _extends({
search: {},
actions: [/*#__PURE__*/React.createElement(BetaSchemaForm, _extends({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/React.createElement(_Button, {
key: "primary",
type: "primary",
icon: /*#__PURE__*/React.createElement(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.createElement(TabPane, {
tab: "\u53C2\u6570\u914D\u7F6E",
key: "4"
}, /*#__PURE__*/React.createElement(ProTable, _extends({}, parameter, {
toolbar: _extends({
search: {},
actions: [/*#__PURE__*/React.createElement(BetaSchemaForm, _extends({
title: "\u65B0\u5EFA\u8868\u5355",
trigger: /*#__PURE__*/React.createElement(_Button, {
key: "primary",
type: "primary",
icon: /*#__PURE__*/React.createElement(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)
})))));
}