UNPKG

@castianta/telemetry-base

Version:
151 lines (136 loc) 7.09 kB
"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) }))))); }