ze-react-component-library/es/ZECard/LogicFormTraveler.js

ZeroETP React Component Library

import "antd/es/button/style";
import _Button from "antd/es/button";
import "antd/es/tooltip/style";
import _Tooltip from "antd/es/tooltip";
import { LeftOutlined, RightOutlined, UndoOutlined } from "@ant-design/icons";
import React from "react";

var LogicFormTraveler = function LogicFormTraveler(_a) {
  var backLength = _a.backLength,
      forwardLength = _a.forwardLength,
      go = _a.go,
      back = _a.back,
      forward = _a.forward;
  return /*#__PURE__*/React.createElement(React.Fragment, null, backLength > 1 && /*#__PURE__*/React.createElement(_Tooltip, {
    title: "\b\u56DE\u5230\u6700\u5F00\u59CB"
  }, /*#__PURE__*/React.createElement(_Button, {
    icon: /*#__PURE__*/React.createElement(UndoOutlined, null),
    onClick: function onClick(e) {
      e.stopPropagation();
      e.preventDefault();
      go(-backLength);
    }
  })), /*#__PURE__*/React.createElement(_Tooltip, {
    title: "\b\u56DE\u5230\u4E0A\u4E00\u6B65"
  }, /*#__PURE__*/React.createElement(_Button, {
    icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
    onClick: function onClick(e) {
      e.stopPropagation();
      e.preventDefault();
      back();
    }
  })), /*#__PURE__*/React.createElement(_Tooltip, {
    title: "\b\u56DE\u5230\u4E0B\u4E00\u6B65"
  }, /*#__PURE__*/React.createElement(_Button, {
    disabled: forwardLength <= 0,
    icon: /*#__PURE__*/React.createElement(RightOutlined, null),
    onClick: function onClick(e) {
      e.stopPropagation();
      e.preventDefault();
      forward();
    }
  })));
};

export default LogicFormTraveler;