@aliretail/react-materials-components
Version:
88 lines (67 loc) • 4.09 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.CheckboxX = exports.CheckboxGroupX = exports.CheckboxGroup = exports.Checkbox = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
var React = _interopRequireWildcard(require("react"));
var _next = require("@formily/next");
var _shared = require("../shared");
var _excluded = ["limitStrLen", "children", "label"],
_excluded2 = ["limitStrLen", "dataSource", "children"];
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; }
var Tooltip = _balloon["default"].Tooltip;
var CheckboxX = function CheckboxX(props) {
var limitStrLen = props.limitStrLen,
children = props.children,
label = props.label,
others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
var content = label || children; // 如果内容是字符串并且设置了截取长度
if (typeof content === 'string' && limitStrLen && content.length > limitStrLen) {
var CheckboxT = /*#__PURE__*/React.createElement(_checkbox["default"], others, content.substr(0, limitStrLen), "...");
return /*#__PURE__*/React.createElement(Tooltip, {
align: "t",
trigger: CheckboxT
}, content);
} else {
return /*#__PURE__*/React.createElement(_checkbox["default"], others, content);
}
};
exports.CheckboxX = CheckboxX;
var CheckboxGroupX = function CheckboxGroupX(props) {
var limitStrLen = props.limitStrLen,
dataSource = props.dataSource,
children = props.children,
others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2); // 如果内嵌标签跟dataSource同时存在,以内嵌标签为主
var childrenX;
if (children) {
childrenX = React.Children.map(children, function (child) {
return /*#__PURE__*/React.createElement(CheckboxX, (0, _extends2["default"])({
limitStrLen: limitStrLen
}, child.props));
});
} else {
childrenX = dataSource.map(function (item) {
return /*#__PURE__*/React.createElement(CheckboxX, (0, _extends2["default"])({
limitStrLen: limitStrLen
}, item, {
key: item.value
}), item.label);
});
}
return /*#__PURE__*/React.createElement(_checkbox["default"].Group, others, childrenX);
};
exports.CheckboxGroupX = CheckboxGroupX;
var Checkbox = (0, _next.connect)({
getProps: _shared.mapStyledProps,
getComponent: _shared.mapTextComponent
})(CheckboxX);
exports.Checkbox = Checkbox;
var CheckboxGroup = (0, _next.connect)({
getProps: _shared.mapStyledProps,
getComponent: _shared.mapTextComponent
})(CheckboxGroupX);
exports.CheckboxGroup = CheckboxGroup;