fx-form-widget
Version:
76 lines • 3.55 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _Form from "antd/es/form";
var _excluded = ["isMultiple", "showClearButton", "getEmployeeOrdepartmentTree", "getSearchEmployeeByNameAndPhoneAndEmial", "listType", "title", "searchPlaceholder", "modalTitle", "value", "needForm"];
import React from 'react';
import SelectTree from './treeSelecttion';
import FormInModal from './formInModal';
import { useSelectTree, useGetTreeDateAndRootId } from './hook';
var Item = _Form.Item;
var AdvanceTreeSelection = function AdvanceTreeSelection(props) {
var _props$isMultiple = props.isMultiple,
isMultiple = _props$isMultiple === void 0 ? true : _props$isMultiple,
showClearButton = props.showClearButton,
getEmployeeOrdepartmentTree = props.getEmployeeOrdepartmentTree,
getSearchEmployeeByNameAndPhoneAndEmial = props.getSearchEmployeeByNameAndPhoneAndEmial,
listType = props.listType,
title = props.title,
searchPlaceholder = props.searchPlaceholder,
modalTitle = props.modalTitle,
value = props.value,
_props$needForm = props.needForm,
needForm = _props$needForm === void 0 ? true : _props$needForm,
restProps = _objectWithoutPropertiesLoose(props, _excluded);
var _useSelectTree = useSelectTree(_extends({}, restProps, {
value: value,
isMultiple: isMultiple,
showClearButton: showClearButton,
getSearchEmployeeByNameAndPhoneAndEmial: getSearchEmployeeByNameAndPhoneAndEmial
})),
visible = _useSelectTree.visible,
onCancelSubmit = _useSelectTree.onCancelSubmit,
onSubmitSuccess = _useSelectTree.onSubmitSuccess,
renderMultipleSelectOrSelect = _useSelectTree.renderMultipleSelectOrSelect,
onChange = _useSelectTree.onChange,
hasSelectedKeys = _useSelectTree.hasSelectedKeys,
getSearchResultByname = _useSelectTree.getSearchResultByname;
var _useGetTreeDateAndRoo = useGetTreeDateAndRootId(getEmployeeOrdepartmentTree, listType, isMultiple),
treeData = _useGetTreeDateAndRoo[0],
rootId = _useGetTreeDateAndRoo[1];
var renderForm = function renderForm(needForm) {
if (needForm) {
return /*#__PURE__*/React.createElement(React.Fragment, null, renderMultipleSelectOrSelect(isMultiple), /*#__PURE__*/React.createElement(FormInModal, {
visible: visible,
title: modalTitle,
width: 600,
onSubmitSuccess: onSubmitSuccess,
onCancelSubmit: onCancelSubmit
}, /*#__PURE__*/React.createElement(_Form, null, /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(SelectTree, {
hasSelectedKeys: hasSelectedKeys,
rootId: rootId,
showClearButton: showClearButton,
data: treeData,
title: title,
checkable: isMultiple,
listType: listType,
searchPlaceholder: searchPlaceholder,
getSearchResultByname: getSearchResultByname,
onSelectResult: onChange
})))));
}
return /*#__PURE__*/React.createElement(SelectTree, {
hasSelectedKeys: hasSelectedKeys,
rootId: rootId,
showClearButton: showClearButton,
data: treeData,
title: title,
checkable: isMultiple,
listType: listType,
searchPlaceholder: searchPlaceholder,
getSearchResultByname: getSearchResultByname,
onSelectResult: onChange
});
};
return /*#__PURE__*/React.createElement(React.Fragment, null, renderForm(needForm));
};
export default AdvanceTreeSelection;