UNPKG

@aliretail/react-materials-components

Version:
88 lines (67 loc) 4.09 kB
"use strict"; 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;