ze-react-component-library
Version:
ZeroETP React Component Library
98 lines (73 loc) • 4.19 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/lib/message/style");
var _message2 = _interopRequireDefault(require("antd/lib/message"));
require("antd/lib/button/style");
var _button = _interopRequireDefault(require("antd/lib/button"));
require("antd/lib/col/style");
var _col = _interopRequireDefault(require("antd/lib/col"));
require("antd/lib/row/style");
var _row = _interopRequireDefault(require("antd/lib/row"));
var _react = _interopRequireWildcard(require("react"));
var _reactSimpleCodeEditor = _interopRequireDefault(require("react-simple-code-editor"));
var _prismCore = require("prismjs/components/prism-core");
require("prismjs/components/prism-clike");
require("prismjs/components/prism-javascript");
require("prismjs/themes/prism-coy.css");
var _ZECard = _interopRequireDefault(require("../ZECard/ZECard"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ZELogicformEditor = function ZELogicformEditor(_a) {
var xlsx = _a.xlsx;
var _b = (0, _react.useState)(""),
logicformString = _b[0],
setLogicformString = _b[1];
var _c = (0, _react.useState)(),
logicform = _c[0],
setLogicform = _c[1];
return /*#__PURE__*/_react.default.createElement(_row.default, {
gutter: 10
}, /*#__PURE__*/_react.default.createElement(_col.default, {
span: 6
}, /*#__PURE__*/_react.default.createElement(_reactSimpleCodeEditor.default, {
value: logicformString,
onValueChange: function onValueChange(code) {
return setLogicformString(code);
},
highlight: function highlight(code) {
return (0, _prismCore.highlight)(code, _prismCore.languages.js);
},
padding: 10,
style: {
fontFamily: '"Fira code", "Fira Mono", monospace',
fontSize: 12,
border: "1px solid",
marginBottom: 12,
minHeight: 200
}
}), /*#__PURE__*/_react.default.createElement(_button.default, {
type: "primary",
onClick: function onClick() {
try {
var lf = eval("(" + logicformString + ")");
setLogicform(JSON.parse(JSON.stringify(lf)));
} catch (error) {
_message2.default.error("LF解析错误。请确保格式正确");
}
}
}, "\u63D0\u4EA4")), /*#__PURE__*/_react.default.createElement(_col.default, {
span: 18
}, logicform && /*#__PURE__*/_react.default.createElement(_ZECard.default, {
logicform: logicform,
title: "\u7ED3\u679C",
xlsx: xlsx,
exportToExcel: true
}), !logicform && "Editing...."));
};
var _default = ZELogicformEditor;
exports.default = _default;