@bchr/bchr-front-lib 0.4.5 → 0.5.2

package/lib/base/layout/ActionButton.js

@@ -0,0 +1,705 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubInnerLineActionButton = exports.InnerLineActionButton = exports.SubActionButton = exports.ActionButton = exports.ActionButtonTypes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _icons = require("@ant-design/icons");
+
+var _http = _interopRequireDefault(require("../../services/http"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ActionButtonTypes = {
+  NewAdd: "newAdd",
+  Browse: "browse",
+  Modify: "modify",
+  Save: "save",
+  Select: "select",
+  ModalSelect: "modalSelect",
+  Attachment: "attachment",
+  Delete: "delete",
+  Query: "query",
+  Refresh: "refresh",
+  Search: "search",
+  ReturnBack: "returnBack",
+  OK: "ok",
+  Copy: "copy",
+  Cancel: "cancel",
+  Close: "close",
+  Setting: "setting",
+  Submit: "submit",
+  CallBack: "callBack",
+  Approve: "approve",
+  Reject: "reject",
+  Export: "export",
+  Import: "import",
+  Upload: "upload",
+  Download: "download",
+  Invalid: "invalid",
+  Effect: "effect",
+  Enable: "enable",
+  Disable: "disable",
+  More: "more",
+  AddLine: "addLine",
+  Clear: "clear",
+  Stop: "stop",
+  Issue: "issue",
+  CancelIssue: "cancelIssue",
+  Up: "up",
+  Down: "down",
+  TimeConfig: "timeConfig"
+};
+exports.ActionButtonTypes = ActionButtonTypes;
+
+var buildActionButton = function buildActionButton(props, subActionButton, innerLine) {
+  var loading = props.loading != null ? props.loading : false;
+  var icon = props.icon;
+  var btnLabel = props.btnText;
+  var type = "tertiary";
+  var theme = "light";
+  var confirmMsg = null;
+  var confirmType = null;
+  var checkField = null;
+  var checkData = null;
+  var hasBtnLabel = props.btnText !== null && props.btnText !== undefined;
+
+  switch (props.actionType) {
+    case ActionButtonTypes.NewAdd:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.PlusOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "新增";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Browse:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.BarsOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "浏览";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Modify:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.EditOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "修改";
+        break;
+      }
+
+    case ActionButtonTypes.Save:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SaveOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "保存";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Select:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.UnorderedListOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "选择";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.ModalSelect:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.UnorderedListOutlined, null);
+        break;
+      }
+
+    case ActionButtonTypes.Attachment:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SnippetsTwoTone, null);
+        btnLabel = hasBtnLabel ? props.btnText : "附件";
+        break;
+      }
+
+    case ActionButtonTypes.Delete:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.DeleteOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "删除";
+        type = "danger";
+        theme = "solid";
+        confirmMsg = "确定要删除[options]记录吗?";
+        break;
+      }
+
+    case ActionButtonTypes.Stop:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.StopOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "终止";
+        type = "danger";
+        theme = "solid";
+        confirmMsg = "确定要终止[options]记录吗?";
+        break;
+      }
+
+    case ActionButtonTypes.Copy:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CopyOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "复制";
+        break;
+      }
+
+    case ActionButtonTypes.Query:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.FilterOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "查询";
+        break;
+      }
+
+    case ActionButtonTypes.Refresh:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SyncOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "刷新";
+        break;
+      }
+
+    case ActionButtonTypes.Search:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SearchOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "检索";
+        break;
+      }
+
+    case ActionButtonTypes.ReturnBack:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.UndoOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "返回";
+        break;
+      }
+
+    case ActionButtonTypes.OK:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CheckSquareOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "确定";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Cancel:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SwapLeftOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "取消";
+        type = "warning";
+        confirmMsg = "确定要取消[options]吗?";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Close:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "关闭";
+        break;
+      }
+
+    case ActionButtonTypes.Setting:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SettingOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "设置";
+        break;
+      }
+
+    case ActionButtonTypes.Submit:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SendOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "提交";
+        type = "primary";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.CallBack:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.SwapLeftOutlined, null);
+        type = hasBtnLabel ? props.btnText : "warning";
+        btnLabel = hasBtnLabel ? props.btnText : "收回";
+        confirmMsg = "确定要收回[options]吗?";
+        theme = "solid";
+        type = "primary";
+        break;
+      }
+
+    case ActionButtonTypes.Approve:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CheckCircleOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "审批";
+        type = "warning";
+        break;
+      }
+
+    case ActionButtonTypes.Reject:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.ClearOutlined, null);
+        type = "warning";
+        btnLabel = hasBtnLabel ? props.btnText : "驳回";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Export:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.ExportOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "导出";
+        break;
+      }
+
+    case ActionButtonTypes.Import:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.ImportOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "导入";
+        break;
+      }
+
+    case ActionButtonTypes.Download:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.DownloadOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "下载";
+        break;
+      }
+
+    case ActionButtonTypes.Upload:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.UploadOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "上传";
+        break;
+      }
+
+    case ActionButtonTypes.Invalid:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CheckCircleOutlined, null);
+        type = hasBtnLabel ? props.btnText : "warning";
+        btnLabel = "撤销生效";
+        confirmMsg = "确定要撤销生效[options]吗?";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Effect:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CheckCircleOutlined, null);
+        type = "primary";
+        btnLabel = hasBtnLabel ? props.btnText : "生效";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Issue:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement("span", {
+          className: "iconfont icon-personal-issue"
+        });
+        btnLabel = hasBtnLabel ? props.btnText : "下发";
+        break;
+      }
+
+    case ActionButtonTypes.CancelIssue:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement("span", {
+          className: "iconfont icon-personal-cancel-issue"
+        });
+        btnLabel = hasBtnLabel ? props.btnText : "取消下发";
+        break;
+      }
+
+    case ActionButtonTypes.Up:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement("span", {
+          className: "iconfont icon-personal-arrow-line-left"
+        });
+        btnLabel = hasBtnLabel ? props.btnText : "上一条";
+        break;
+      }
+
+    case ActionButtonTypes.Down:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement("span", {
+          className: "iconfont icon-personal-arrow-line-right"
+        });
+        btnLabel = hasBtnLabel ? props.btnText : "下一条";
+        break;
+      }
+
+    case ActionButtonTypes.TimeConfig:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement("span", {
+          className: "iconfont icon-personal-overtime-ledger"
+        });
+        btnLabel = hasBtnLabel ? props.btnText : "任务设定";
+        break;
+      }
+
+    case ActionButtonTypes.Enable:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.UnlockOutlined, null);
+        type = "primary";
+        btnLabel = hasBtnLabel ? props.btnText : "启用";
+        theme = "solid";
+        break;
+      }
+
+    case ActionButtonTypes.Disable:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.LockOutlined, null);
+        type = "warning";
+        btnLabel = hasBtnLabel ? props.btnText : "禁用";
+        theme = "solid";
+        confirmMsg = "确定要禁用[options]记录吗?";
+        break;
+      }
+
+    case ActionButtonTypes.More:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CaretDownOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "更多";
+        break;
+      }
+
+    case ActionButtonTypes.AddLine:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.CopyOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "增行";
+        break;
+      }
+
+    case ActionButtonTypes.Clear:
+      {
+        icon = icon ? icon : /*#__PURE__*/_react["default"].createElement(_icons.ClearOutlined, null);
+        btnLabel = hasBtnLabel ? props.btnText : "清除";
+        type = "warning";
+        theme = "solid";
+        break;
+      }
+  }
+
+  if (!icon) {
+    icon = /*#__PURE__*/_react["default"].createElement(_icons.ThunderboltOutlined, null);
+  }
+
+  var buttonProps = _objectSpread({}, props);
+
+  if (buttonProps.moreProps) {
+    delete buttonProps.moreProps;
+  }
+
+  if (buttonProps.actionType) {
+    delete buttonProps.actionType;
+  }
+
+  if (hasBtnLabel) {
+    delete buttonProps.btnText;
+  }
+
+  if (buttonProps.confirmmsg) {
+    if (_utils.Values.isEmpty(buttonProps.checkField) || _utils.Values.isEmpty(buttonProps.checkData)) {
+      throw new Error("Please enter the check field and table data before transmitting the check field and table data");
+    }
+
+    checkField = buttonProps.checkField;
+    checkData = buttonProps.checkData;
+    confirmMsg = buttonProps.confirmmsg;
+    delete buttonProps.checkField;
+    delete buttonProps.checkData;
+    delete buttonProps.confirmmsg;
+  }
+
+  if (buttonProps.confirmtype) {
+    confirmType = buttonProps.confirmtype;
+    delete buttonProps.confirmtype;
+  }
+
+  if (buttonProps.children) delete buttonProps.children;
+  if (!buttonProps.icon) buttonProps.icon = icon;
+  if (!buttonProps.type) buttonProps.type = type;
+  if (!buttonProps.theme) buttonProps.theme = theme;
+
+  if (innerLine) {
+    if (!buttonProps.size) {
+      buttonProps.size = "small";
+    }
+  }
+
+  if (confirmMsg && confirmMsg.trim().length > 0 && typeof buttonProps.onClick === "function") {
+    var onClickHandler = buttonProps.onClick;
+    var onCancelHandler = buttonProps.onCancel;
+    var modalOptions = {
+      title: '提示',
+      content: confirmMsg,
+      onOk: onClickHandler,
+      onCancel: onCancelHandler,
+      cancelButtonProps: {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons.UndoOutlined, null)
+      },
+      okButtonProps: {
+        type: buttonProps.type,
+        theme: "solid",
+        icon: /*#__PURE__*/_react["default"].createElement(_icons.CheckOutlined, null)
+      }
+    };
+
+    buttonProps.onClick = function () {
+      if (_utils.Values.isEmpty(checkField) || _utils.Values.isEmpty(checkData)) {
+        throw new Error("Please enter the check field and table data before transmitting the check field and table data");
+      }
+
+      var checkedNames = [];
+
+      if (_utils.Values.isNotEmpty(checkField) && _utils.Values.isNotEmpty(checkData)) {
+        if (Array.isArray(checkData)) {
+          var selectedData = checkData.filter(function (item) {
+            return item.selected;
+          });
+
+          if (_utils.Values.isNotEmptyArray(selectedData)) {
+            selectedData.forEach(function (check) {
+              checkedNames.push(check[checkField]);
+            });
+          } else {
+            _antd.message.warning('未找到选中的记录，请检查选中状态');
+
+            return;
+          }
+        } else if (_lodash["default"].isPlainObject(checkData)) {
+          checkedNames.push(checkData[checkField]);
+        }
+      }
+
+      modalOptions.content.replace('[options]', checkedNames.join(','));
+
+      if (confirmType) {
+        if (confirmType === 'danger') {
+          modalOptions.title = '错误';
+
+          _antd.Modal.error(modalOptions);
+        } else if (confirmType === 'warning') {
+          modalOptions.title = '警告';
+
+          _antd.Modal.warning(modalOptions);
+        } else {
+          _antd.Modal.confirm(modalOptions);
+        }
+      } else {
+        if (buttonProps.type === "danger") {
+          modalOptions.title = '错误';
+
+          _antd.Modal.error(modalOptions);
+        } else if (buttonProps.type === "warning") {
+          modalOptions.title = '警告';
+
+          _antd.Modal.warning(modalOptions);
+        } else {
+          _antd.Modal.confirm(modalOptions);
+        }
+      }
+    };
+  }
+
+  if (!props.onClick && (props.actionType === ActionButtonTypes.Upload || props.actionType === ActionButtonTypes.Import)) {
+    var fileLimit = props.fileLimit;
+    var dragSubText = "支持任意类型文件";
+
+    if (fileLimit && fileLimit != "*" && fileLimit.length > 1) {
+      dragSubText = "支持文件类型：" + fileLimit.replaceAll(".", "").replaceAll(",", "、");
+    }
+
+    if (buttonProps.action) delete buttonProps.action;
+    if (buttonProps.data) delete buttonProps.data;
+    if (buttonProps.onFileChange) delete buttonProps.onFileChange;
+    if (buttonProps.fileList) delete buttonProps.fileList;
+    if (buttonProps.fileLimit) delete buttonProps.fileLimit;
+    if ("showUploadList" in buttonProps) delete buttonProps.showUploadList;
+    if ("simpleUploadMode" in buttonProps) delete buttonProps.simpleUploadMode;
+    var actionPath = '';
+
+    if (props.action) {
+      if (props.action.indexOf('/') !== -1) {
+        actionPath = props.action;
+      } else {
+        actionPath = _http["default"].getRequestPath(props.action);
+      }
+    } else {
+      actionPath = _http["default"].getRequestPath('uploadFile');
+    }
+
+    var uploadProps = {};
+
+    if (props.fileList) {
+      uploadProps.fileList = props.fileList;
+    }
+
+    if (props.simpleUploadMode) {
+      var data = props.data;
+      var lastProvidedData = data;
+
+      if (_lodash["default"].isFunction(data)) {
+        lastProvidedData = data();
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_antd.Upload, _extends({
+        action: actionPath,
+        defaultFileList: props.defaultFileList,
+        data: lastProvidedData,
+        uploadTrigger: props.action ? 'auto' : "custom",
+        beforeRemove: props.beforeRemove,
+        onFileChange: props.onFileChange,
+        onSuccess: function onSuccess(event, file) {
+          _antd.message.success("".concat(file.name, "\u6587\u4EF6\u5BFC\u5165\u6210\u529F\uFF01"));
+
+          props.onFileChange(event, 'success');
+        },
+        onError: function onError(e, file, fileList, xhr) {
+          _http["default"].dealAjaxException(xhr);
+        },
+        showUploadList: props.showUploadList
+      }, uploadProps, {
+        fileLimit: fileLimit,
+        accept: props.accept,
+        showClear: props.showClear,
+        draggable: true,
+        dragMainText: props.dragMainText || "点击上传文件或拖拽文件到这里",
+        dragSubText: props.dragSubText || dragSubText
+      }), /*#__PURE__*/_react["default"].createElement(_antd.Button, buttonProps, props.children ? props.children : btnLabel));
+    } else {
+      buttonProps.onClick = function () {
+        if (buttonProps.validate === undefined || buttonProps.validate) {
+          var _actionPath = '';
+
+          if (props.action) {
+            if (props.action.indexOf('/') !== -1) {
+              _actionPath = props.action;
+            } else {
+              _actionPath = _http["default"].getRequestPath(props.action);
+            }
+          } else {
+            _actionPath = _http["default"].getRequestPath('uploadFile');
+          }
+
+          var uploadModal = _antd.Modal.info({
+            'icon': null,
+            'title': props.uploadTitle || ' ',
+            'okButtonProps': {
+              icon: /*#__PURE__*/_react["default"].createElement(_icons.CheckOutlined, null)
+            },
+            'cancelButtonProps': {
+              icon: /*#__PURE__*/_react["default"].createElement(_icons.UndoOutlined, null)
+            },
+            'footer': '',
+            'content': /*#__PURE__*/_react["default"].createElement(_antd.Upload, _extends({
+              action: _actionPath,
+              data: props.data ? props.data : null,
+              uploadTrigger: props.action ? 'auto' : "custom",
+              onError: function onError(e, file, fileList, xhr) {
+                _http["default"].dealAjaxException(xhr);
+              },
+              onFileChange: props.onFileChange,
+              onSuccess: function onSuccess(event, file) {
+                _antd.message.success("".concat(file.name, "\u6587\u4EF6\u5BFC\u5165\u6210\u529F\uFF01"));
+
+                props.onFileChange(event, 'success');
+                uploadModal.destroy();
+              },
+              showUploadList: props.showUploadList
+            }, uploadProps, {
+              fileLimit: fileLimit,
+              draggable: true,
+              dragMainText: props.dragMainText || "点击上传文件或拖拽文件到这里",
+              dragSubText: props.dragSubText || dragSubText
+            }))
+          });
+        } else {
+          if (_lodash["default"].isFunction(buttonProps.validateChange)) {
+            buttonProps.validateChange();
+          }
+        }
+      };
+    }
+  }
+
+  if (props.actionType === ActionButtonTypes.ReturnBack && typeof buttonProps.onClick !== "function") {
+    buttonProps.onClick = function () {
+      _http["default"].goBack();
+    };
+  }
+
+  if (subActionButton) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown.Item, buttonProps, props.children ? props.children : btnLabel);
+  } else {
+    if (props.actionType === ActionButtonTypes.More) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Button, buttonProps, btnLabel);
+    } else if (props.actionType === ActionButtonTypes.Down) {
+      delete buttonProps.icon;
+      return /*#__PURE__*/_react["default"].createElement(_antd.Button, buttonProps, btnLabel, " ", icon);
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Button, buttonProps, props.children ? props.children : btnLabel);
+    }
+  }
+};
+
+var ActionButton = function ActionButton(props) {
+  if (props.actionType === ActionButtonTypes.More) {
+    var _props$moreProps, _props$moreProps2, _props$moreProps3, _props$moreProps4;
+
+    return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, _extends({}, props.moreProps, {
+      zIndex: 1000,
+      trigger: ((_props$moreProps = props.moreProps) === null || _props$moreProps === void 0 ? void 0 : _props$moreProps.trigger) ? (_props$moreProps2 = props.moreProps) === null || _props$moreProps2 === void 0 ? void 0 : _props$moreProps2.trigger : 'hover',
+      position: ((_props$moreProps3 = props.moreProps) === null || _props$moreProps3 === void 0 ? void 0 : _props$moreProps3.position) ? (_props$moreProps4 = props.moreProps) === null || _props$moreProps4 === void 0 ? void 0 : _props$moreProps4.position : 'bottomLeft',
+      render: /*#__PURE__*/_react["default"].createElement(_antd.Dropdown.Menu, null, props.children)
+    }), buildActionButton(props, false, false));
+  } else {
+    return buildActionButton(props, false, false);
+  }
+};
+
+exports.ActionButton = ActionButton;
+
+var SubActionButton = function SubActionButton(props) {
+  return buildActionButton(props, true, false);
+};
+
+exports.SubActionButton = SubActionButton;
+
+var InnerLineActionButton = function InnerLineActionButton(props) {
+  if (props.actionType === ActionButtonTypes.More) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+      trigger: props.trigger ? props.trigger : 'hover',
+      position: props.position ? props.position : 'bottomLeft',
+      render: /*#__PURE__*/_react["default"].createElement(_antd.Dropdown.Menu, null, props.children)
+    }, buildActionButton(props, false, true));
+  } else {
+    return buildActionButton(props, false, true);
+  }
+};
+
+exports.InnerLineActionButton = InnerLineActionButton;
+
+var SubInnerLineActionButton = function SubInnerLineActionButton(props) {
+  return buildActionButton(props, true, true);
+};
+
+exports.SubInnerLineActionButton = SubInnerLineActionButton;