UNPKG

@castianta/telemetry-base

Version:
132 lines 5.77 kB
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) }))))); }