fx-form-widget
Version:
81 lines (80 loc) • 4.1 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _form = _interopRequireDefault(require("antd/lib/form"));
var _react = _interopRequireDefault(require("react"));
var _treeSelecttion = _interopRequireDefault(require("./treeSelecttion"));
var _formInModal = _interopRequireDefault(require("./formInModal"));
var _hook = require("./hook");
var _excluded = ["isMultiple", "showClearButton", "getEmployeeOrdepartmentTree", "getSearchEmployeeByNameAndPhoneAndEmial", "listType", "title", "searchPlaceholder", "modalTitle", "value", "needForm"];
var Item = _form["default"].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 = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
var _useSelectTree = (0, _hook.useSelectTree)((0, _extends2["default"])({}, 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 = (0, _hook.useGetTreeDateAndRootId)(getEmployeeOrdepartmentTree, listType, isMultiple),
treeData = _useGetTreeDateAndRoo[0],
rootId = _useGetTreeDateAndRoo[1];
var renderForm = function renderForm(needForm) {
if (needForm) {
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderMultipleSelectOrSelect(isMultiple), /*#__PURE__*/_react["default"].createElement(_formInModal["default"], {
visible: visible,
title: modalTitle,
width: 600,
onSubmitSuccess: onSubmitSuccess,
onCancelSubmit: onCancelSubmit
}, /*#__PURE__*/_react["default"].createElement(_form["default"], null, /*#__PURE__*/_react["default"].createElement(Item, null, /*#__PURE__*/_react["default"].createElement(_treeSelecttion["default"], {
hasSelectedKeys: hasSelectedKeys,
rootId: rootId,
showClearButton: showClearButton,
data: treeData,
title: title,
checkable: isMultiple,
listType: listType,
searchPlaceholder: searchPlaceholder,
getSearchResultByname: getSearchResultByname,
onSelectResult: onChange
})))));
}
return /*#__PURE__*/_react["default"].createElement(_treeSelecttion["default"], {
hasSelectedKeys: hasSelectedKeys,
rootId: rootId,
showClearButton: showClearButton,
data: treeData,
title: title,
checkable: isMultiple,
listType: listType,
searchPlaceholder: searchPlaceholder,
getSearchResultByname: getSearchResultByname,
onSelectResult: onChange
});
};
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderForm(needForm));
};
var _default = exports["default"] = AdvanceTreeSelection;