UNPKG

@aliretail/react-material-selector

Version:
60 lines (54 loc) 2.06 kB
import _Dialog from "@alifd/next/es/dialog"; import _extends from "@babel/runtime/helpers/extends"; import _Message from "@alifd/next/es/message"; import React, { useState } from 'react'; import { TabChange } from './tab'; import './index.scss'; // import { SelectorTree } from './selectortree'; export default function MaterialSelector(props) { var _useState = useState([]), result = _useState[0], setResult = _useState[1]; var handleOk = function handleOk() { // 商品 if (result && result.length == 0) { _Message.error('请选择素材'); } else if (result.length > props.tabNumbers) { _Message.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.createElement(_Dialog, { className: "materialsBox " + props.className, visible: props.showDialog, isFullScreen: true, onOk: handleOk, onCancel: handleCancel, onClose: handleClose }, /*#__PURE__*/React.createElement("div", { className: "materialsUnderLine" }, /*#__PURE__*/React.createElement("span", { className: "materials" }, props.title)), /*#__PURE__*/React.createElement(TabChange, _extends({}, props, { setResult: setResult }))); } MaterialSelector.propTypes = {}; MaterialSelector.defaultProps = {};