@aliretail/react-material-selector/lib/index.js

素材选择

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = MaterialSelector;

var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _message = _interopRequireDefault(require("@alifd/next/lib/message"));

var _react = _interopRequireWildcard(require("react"));

var _tab = require("./tab");

require("./index.scss");

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; }

// import { SelectorTree } from './selectortree';
function MaterialSelector(props) {
  var _useState = (0, _react.useState)([]),
      result = _useState[0],
      setResult = _useState[1];

  var handleOk = function handleOk() {
    // 商品
    if (result && result.length == 0) {
      _message["default"].error('请选择素材');
    } else if (result.length > props.tabNumbers) {
      _message["default"].error("\u4E00\u6B21\u6700\u591A\u53EA\u80FD\u9009\u62E9" + props.tabNumbers + "\u5F20\u56FE\u7247"); // 商品要求

    } else {
      // 全局选中的素材的格式——飞鹤
      // if (props.selectAllFormat) {
      //   const arrAll = result[0].filePath.split('.');
      //   let typeAll = arrAll[arrAll.length - 1];
      //   if (props.selectAllFormatErrorMessage.indexOf(typeAll) === -1) {
      //     Message.error(props.selectAllFormatErrorMessage)
      //     return
      //   } else {
      //     props.onComplete && props.onComplete(result);
      //   }
      // }
      props.onComplete && props.onComplete(result);
    }
  };

  var handleCancel = function handleCancel() {
    props.onCancel && props.onCancel();
  };

  var handleClose = function handleClose() {
    props.onClose && props.onClose();
  };

  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
    className: "materialsBox " + props.className,
    visible: props.showDialog,
    isFullScreen: true,
    onOk: handleOk,
    onCancel: handleCancel,
    onClose: handleClose
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "materialsUnderLine"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "materials"
  }, props.title)), /*#__PURE__*/_react["default"].createElement(_tab.TabChange, (0, _extends2["default"])({}, props, {
    setResult: setResult
  })));
}

MaterialSelector.propTypes = {};
MaterialSelector.defaultProps = {};