linkmore-design/lib/crop-img/wrapper/Container.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _modal = _interopRequireDefault(require("../../modal"));
var _body = _interopRequireDefault(require("../body"));
var _Operate = _interopRequireDefault(require("../body/Operate"));
// import { dataURLtoBlob, blobToFile } from '../utils'

const LmBoxContainer = ({
  instance
}) => {
  const {
    visible,
    onClose,
    state,
    dispatch,
    getCropImageAsync,
    file
  } = instance;
  const boxContainerRef = (0, _react.useRef)(null);

  // 关闭时初始化
  const handleClose = blobFile => {
    dispatch({
      type: 'changeResult',
      result: {
        visible: false
      }
    });
    onClose?.(blobFile, file);
  };
  const handleOk = async () => {
    const croppedImage = await getCropImageAsync();
    dispatch({
      type: 'changeResult',
      result: {
        croppedImage
      }
    });
    handleClose(croppedImage);
  };
  const config = {
    title: '编辑图片',
    open: visible ?? state.visible,
    onCancel: () => handleClose(false),
    onOk: handleOk
  };
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modal.default, config, /*#__PURE__*/_react.default.createElement("div", {
    ref: boxContainerRef,
    className: "lm_cutimg_container"
  }, /*#__PURE__*/_react.default.createElement(_body.default, {
    instance: instance
  }), /*#__PURE__*/_react.default.createElement(_Operate.default, {
    instance: instance
  }))));
};
var _default = /*#__PURE__*/_react.default.memo(LmBoxContainer);
exports.default = _default;