linkmore-design/lib/lm-edit-table/components/QuickOpetate.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _button = _interopRequireDefault(require("../../button"));
var _iconFont = _interopRequireDefault(require("../../icon-font"));
var _popover = _interopRequireDefault(require("../../popover"));
var _DisabledContext = _interopRequireDefault(require("../../config-provider/DisabledContext"));
const QuickOpetate = ({
  record,
  rowKey,
  handleAdd,
  handleDelete,
  options = ['add', 'delete'],
  getLength,
  quickOpetateClearAll
}) => {
  const disabled = _react.default.useContext(_DisabledContext.default) || false;
  const appendChildren = () => {
    handleAdd?.(record, true);
  };
  const appendAdd = () => {
    handleAdd?.(record);
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'flex-start',
      marginLeft: '-4px'
    }
  }, options?.includes('add') && options?.includes('addInChildren') ? /*#__PURE__*/_react.default.createElement(_popover.default, {
    placement: "bottom",
    overlayClassName: "lm_table_append_add_popover"
    // open={true}
    ,
    title: null,
    className: "lm_edittable_add_btn",
    content: /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
      onClick: appendAdd
    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/_react.default.createElement("li", {
      onClick: appendChildren
    }, "\u6DFB\u52A0\u5B50\u7EA7")),
    trigger: "hover"
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    type: "link",
    size: "small",
    icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
      type: "icon-jia",
      style: {
        fontSize: 16
      }
    })
  })) : options?.includes('add') || options?.includes('addInChildren') ? /*#__PURE__*/_react.default.createElement(_button.default, {
    type: "link",
    size: "small",
    className: "lm_edittable_add_btn",
    disabled: disabled,
    icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
      type: "icon-jia",
      style: {
        fontSize: 16
      }
    }),
    onClick: () => handleAdd(record, !!options?.includes('addInChildren'))
  }) : null, options.includes('delete') && /*#__PURE__*/_react.default.createElement(_button.default, {
    type: "link",
    size: "small",
    className: "lm_edittable_delete_btn",
    disabled: !quickOpetateClearAll && getLength < 2 || disabled,
    icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
      type: "icon-a-shidia1qingchu",
      style: {
        fontSize: 16
      }
    }),
    onClick: () => handleDelete(record[rowKey])
  }));
};
var _default = QuickOpetate;
exports.default = _default;