sunmao-sdk
Version:
榫卯-开箱即用赋能-sdk
321 lines (252 loc) • 17.6 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/es/spin/style");
var _spin = _interopRequireDefault(require("antd/es/spin"));
require("antd/es/select/style");
var _select = _interopRequireDefault(require("antd/es/select"));
var _react = _interopRequireWildcard(require("react"));
var _commonUtils = require("../../utils/commonUtils");
var _formUtils = require("../../utils/formUtils");
var _lodash = require("lodash");
var _excluded = ["onChange", "name", "value", "schema", "options", "rootValue"];
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; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var Option = _select.default.Option;
/**
* commonProps 独立配置
* showSearch : 是否可输入搜索，默认否 openSearch
* requestFunc : 外部传进网络请求方法，只能接受返回数组[] ,切记
* url : 如需网络获取选择列表，需提供url
* params ： 网络请求参数
*
* list : 默认选择列表
* key : 对象key对应字段，即返回的value
* text : 对象name对应字段，即显示的name
* showName : 对象name对应字段，即显示的name
* specialReturn : 特殊返回函数,进行特殊处理，如不止需要返回选中 value时，可通过此方法返回,返回为数组或对象，结合antd的API，自行注意
*
*
* uiOptions 为antd中Select自带属性,参考antd中API
*
* bs:func 传值，不能被转json后
*/
var displayName = "SelectCommon";
var SelectCommon = function SelectCommon(props) {
var onChange = props.onChange,
name = props.name,
value = props.value,
_props$schema$commonP = props.schema.commonProps,
commonProps = _props$schema$commonP === void 0 ? {} : _props$schema$commonP,
uiOptions = props.options,
rootValue = props.rootValue,
otherProps = _objectWithoutProperties(props, _excluded);
var selectValue = (0, _commonUtils.toStringArray)(value);
var _commonProps$openSear = commonProps.openSearch,
openSearch = _commonProps$openSear === void 0 ? false : _commonProps$openSear,
_commonProps$formToRe = commonProps.formToReq,
formToReq = _commonProps$formToRe === void 0 ? false : _commonProps$formToRe,
_commonProps$strictSe = commonProps.strictSearch,
strictSearch = _commonProps$strictSe === void 0 ? true : _commonProps$strictSe,
_commonProps$inputToS = commonProps.inputToSelect,
inputToSelect = _commonProps$inputToS === void 0 ? false : _commonProps$inputToS,
labelInValue = commonProps.labelInValue,
requestFunc = commonProps.requestFunc,
url = commonProps.url,
params = commonProps.params,
list = commonProps.list,
_commonProps$key = commonProps.key,
key = _commonProps$key === void 0 ? "key" : _commonProps$key,
_commonProps$text = commonProps.text,
text = _commonProps$text === void 0 ? "preName" : _commonProps$text,
_commonProps$disabled = commonProps.disabledKey,
disabledKey = _commonProps$disabled === void 0 ? "disabled" : _commonProps$disabled,
showName = commonProps.showName,
defaultSelect = commonProps.defaultSelect,
okPath = commonProps.okPath,
specialReturn = commonProps.specialReturn; // 组件单独使用 与 榫卯平台配置 兼容处理 开放搜索
var showSearch = openSearch === true || (0, _formUtils.getDicTrue)(openSearch); // 开放搜索时，将表单数据带入请求
var formDataToReq = showSearch && (formToReq === true || (0, _formUtils.getDicTrue)(formToReq));
var _useState = (0, _react.useState)([]),
_useState2 = _slicedToArray(_useState, 2),
state = _useState2[0],
set = _useState2[1];
var _useState3 = (0, _react.useState)(false),
_useState4 = _slicedToArray(_useState3, 2),
fetching = _useState4[0],
setFetch = _useState4[1];
var listString = (0, _react.useRef)(null);
(0, _react.useEffect)(function () {
if (list) setList(list); //需要网络请求
else if (url && requestFunc) {
post("");
}
}, []);
(0, _react.useEffect)(function () {
var listToString = JSON.stringify(list);
if (!(0, _lodash.isEmpty)(list) && listString.current != listToString) {
listString.current = listToString;
setList(list);
}
}, [list]);
var post = /*#__PURE__*/function () {
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(data) {
var reqParams, item;
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
if (showSearch) {
if (formDataToReq) {
reqParams = _objectSpread({}, rootValue);
} //组装请求参数
reqParams = _objectSpread(_objectSpread({}, reqParams), {}, {
keyWord: data,
searchKey: data
}, params); // 支持按name搜索，不支持按key
labelInValue && (reqParams[labelInValue] = data);
}
if (requestFunc) {
setFetch(true);
requestFunc(url, reqParams || params, okPath).then(function (req) {
var list = (0, _commonUtils.getFirstList)(req);
if (!(0, _lodash.isEmpty)(list)) {
setList(list);
} else if (data && (!strictSearch || (params === null || params === void 0 ? void 0 : params.noStrictSearch))) {
// 非严谨搜索则将输入当成选项
var item = {
key: data,
value: data
};
item[key] = data;
item[text] = data;
setList([item]);
if (inputToSelect) {
// 输入即选中， 模拟选中操作
handleChange(data, _objectSpread(_objectSpread({}, item), {}, {
other: item,
children: data
}));
}
}
setFetch(false);
});
} else if (data && (!strictSearch || (params === null || params === void 0 ? void 0 : params.noStrictSearch))) {
// 非严谨搜索则将输入当成选项
item = {
key: data,
value: data
};
item[key] = data;
item[text] = data;
setList([item].concat(_toConsumableArray(list)));
if (inputToSelect) {
// 输入即选中， 模拟选中操作
handleChange(data, _objectSpread(_objectSpread({}, item), {}, {
other: item,
children: data
}));
}
}
case 2:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function post(_x) {
return _ref.apply(this, arguments);
};
}();
var setList = function setList(list) {
// 只支持下拉单选
if (defaultSelect) {
var _value = {
value: list.length ? (0, _formUtils.getId)(list[0], key) : null
};
var _iterator = _createForOfIteratorHelper(list),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var item = _step.value;
var keyValue = (0, _formUtils.getId)(item, key);
if (keyValue === defaultSelect) {
_value.value = keyValue;
_value.other = item;
break;
}
} // formRender 的 onChange 只支持单一调用，当多item同时调用，会覆盖之前操作
// 此为单一组件开放入口，不支持formRender
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
onChange && onChange(name, _value.value);
specialReturn && specialReturn(_value, true);
}
set(list);
};
var handleChange = function handleChange(value, other) {
var obj = null;
if (labelInValue) {
obj = _objectSpread({}, rootValue);
obj[labelInValue] = (other === null || other === void 0 ? void 0 : other.children) || null; // name优先级高于labelInValue
obj[name] = (value === null || value === void 0 ? void 0 : value.length) ? value : null;
}
onChange && onChange(name, (value === null || value === void 0 ? void 0 : value.length) ? value : null, obj); //需特殊返回，则将选中对象返回，前置自行处理，可能返回空数组
if (specialReturn) {
specialReturn(other);
}
try {
showSearch && navigator.clipboard.writeText(other === null || other === void 0 ? void 0 : other.children);
} catch (_unused) {}
};
return /*#__PURE__*/_react.default.createElement(_select.default, _extends({
style: {
width: "100%"
},
value: (0, _lodash.isInteger)(selectValue) ? "".concat(selectValue) : selectValue ? selectValue : [],
allowClear: true,
filterOption: false,
notFoundContent: fetching ? /*#__PURE__*/_react.default.createElement(_spin.default, {
size: "small"
}) : null,
onChange: handleChange,
showSearch: showSearch,
onSearch: showSearch ? (0, _lodash.debounce)(post, 500) : null,
placeholder: showSearch ? "请输入搜索" : "请选择"
}, uiOptions), !fetching && (state === null || state === void 0 ? void 0 : state.map(function (i) {
return /*#__PURE__*/_react.default.createElement(Option, {
key: (0, _formUtils.getId)(i, key),
other: i,
disabled: (0, _formUtils.getDisabled)(i, disabledKey)
}, showName ? showName(i) : (0, _formUtils.getName)(i, text) || (0, _formUtils.getId)(i, key));
})));
};
var _default = SelectCommon;
exports.default = _default;