@aliretail/react-material-selector
Version:
60 lines (54 loc) • 2.06 kB
JavaScript
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 = {};