acud
Version:
acg react 组件库
107 lines (106 loc) • 6.14 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
var _classnames = _interopRequireDefault(require("classnames"));
var _configProvider = require("../config-provider");
var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
var _motion = require("../_util/motion");
var _iconUtil = _interopRequireDefault(require("./utils/iconUtil"));
var _src = _interopRequireWildcard(require("./src"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
var InternalSelect = function InternalSelect(_a, ref) {
var _b;
var customizePrefixCls = _a.prefixCls,
_a$bordered = _a.bordered,
bordered = _a$bordered === void 0 ? true : _a$bordered,
className = _a.className,
getPopupContainer = _a.getPopupContainer,
dropdownClassName = _a.dropdownClassName,
_a$listHeight = _a.listHeight,
listHeight = _a$listHeight === void 0 ? 256 : _a$listHeight,
_a$listItemHeight = _a.listItemHeight,
listItemHeight = _a$listItemHeight === void 0 ? 24 : _a$listItemHeight,
customizeSize = _a.size,
notFoundContent = _a.notFoundContent,
props = __rest(_a, ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "listHeight", "listItemHeight", "size", "notFoundContent"]);
var _React$useContext = React.useContext(_configProvider.ConfigContext),
getContextPopupContainer = _React$useContext.getPopupContainer,
getPrefixCls = _React$useContext.getPrefixCls,
renderEmpty = _React$useContext.renderEmpty,
direction = _React$useContext.direction,
virtual = _React$useContext.virtual,
locale = _React$useContext.locale,
dropdownMatchSelectWidth = _React$useContext.dropdownMatchSelectWidth;
var size = React.useContext(_SizeContext["default"]);
var prefixCls = getPrefixCls('select', customizePrefixCls);
var rootPrefixCls = getPrefixCls();
var mode = React.useMemo(function () {
var m = props.mode;
if (m === 'combobox') {
return undefined;
}
if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
return 'combobox';
}
return m;
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.mode]);
var isMultiple = mode === 'multiple' || mode === 'tags';
// ===================== Icons =====================
var _getIcons = (0, _iconUtil["default"])((0, _extends2["default"])((0, _extends2["default"])({}, props), {
multiple: isMultiple,
prefixCls: prefixCls
})),
itemIcon = _getIcons.itemIcon,
removeIcon = _getIcons.removeIcon,
clearIcon = _getIcons.clearIcon;
var selectProps = (0, _omit["default"])(props, ['suffixIcon', 'itemIcon']);
var rcSelectRtlDropDownClassName = (0, _classnames["default"])(dropdownClassName, (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'));
var mergedSize = customizeSize || size;
var mergedClassName = (0, _classnames["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-borderless"), !bordered), className);
return /*#__PURE__*/React.createElement(_src["default"], (0, _extends2["default"])({
ref: ref,
virtual: virtual,
dropdownMatchSelectWidth: dropdownMatchSelectWidth
}, selectProps, {
suffixIconPre: props.suffixIcon,
transitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'slide-up', props.transitionName),
listHeight: listHeight,
listItemHeight: listItemHeight,
mode: mode,
prefixCls: prefixCls,
direction: direction,
menuItemSelectedIcon: itemIcon,
removeIcon: removeIcon,
clearIcon: clearIcon,
notFoundContent: notFoundContent || ((_b = locale === null || locale === void 0 ? void 0 : locale.Select) === null || _b === void 0 ? void 0 : _b.empty),
renderEmpty: renderEmpty,
className: mergedClassName,
getPopupContainer: getPopupContainer || getContextPopupContainer,
dropdownClassName: rcSelectRtlDropDownClassName
}));
};
var SelectRef = /*#__PURE__*/React.forwardRef(InternalSelect);
var Select = SelectRef;
Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
Select.Option = _src.Option;
Select.OptGroup = _src.OptGroup;
var _default = exports["default"] = Select;