adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
112 lines (84 loc) • 13.2 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Context = require("./Context");
require("./style");
var _excluded = ["className", "disabled", "onClick", "style", "title", "value"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _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 prefix = "adui-channels-tabs";
var Tab = function Tab(_ref) {
var _classNames;
var className = _ref.className,
disabledProp = _ref.disabled,
onClick = _ref.onClick,
style = _ref.style,
title = _ref.title,
value = _ref.value,
otherProps = _objectWithoutProperties(_ref, _excluded);
var _useContext = (0, _react.useContext)(_Context.TabsContext),
disabledContext = _useContext.disabled,
gutterContext = _useContext.gutter,
handleTabsValueChange = _useContext.handleTabsValueChange,
valueContext = _useContext.value;
var disabled = disabledProp || disabledContext;
var classSet = (0, _classnames["default"])(className, "".concat(prefix, "-tab"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-active"), value === valueContext), _defineProperty(_classNames, "".concat(prefix, "-disabled"), disabled), _classNames));
var additionStyle = {};
if (gutterContext !== undefined) {
additionStyle.marginRight = "".concat(gutterContext, "px");
}
var handleClick = function handleClick() {
if (value !== undefined && !(disabled || disabledContext) && handleTabsValueChange) {
handleTabsValueChange(value);
}
if (onClick) {
onClick();
}
};
return _react["default"].createElement("div", _extends({
"aria-disabled": disabled,
"aria-selected": value === valueContext,
className: classSet,
key: value,
onClick: handleClick,
onKeyDown: function onKeyDown(_ref2) {
var key = _ref2.key;
if (key === "Enter") {
handleClick();
}
},
role: "tab",
tabIndex: -1,
style: _objectSpread(_objectSpread({}, additionStyle), style)
}, otherProps), title);
};
Tab.propTypes = {
className: _propTypes["default"].string,
disabled: _propTypes["default"].bool,
onClick: _propTypes["default"].func,
style: _propTypes["default"].object,
title: _propTypes["default"].node.isRequired,
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired
};
Tab.defaultProps = {
className: undefined,
disabled: false,
onClick: function onClick() {},
style: {}
};
var _default = Tab;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJwcmVmaXgiLCJUYWIiLCJjbGFzc05hbWUiLCJkaXNhYmxlZFByb3AiLCJkaXNhYmxlZCIsIm9uQ2xpY2siLCJzdHlsZSIsInRpdGxlIiwidmFsdWUiLCJvdGhlclByb3BzIiwidXNlQ29udGV4dCIsIlRhYnNDb250ZXh0IiwiZGlzYWJsZWRDb250ZXh0IiwiZ3V0dGVyQ29udGV4dCIsImd1dHRlciIsImhhbmRsZVRhYnNWYWx1ZUNoYW5nZSIsInZhbHVlQ29udGV4dCIsImNsYXNzU2V0IiwiY2xhc3NOYW1lcyIsImFkZGl0aW9uU3R5bGUiLCJ1bmRlZmluZWQiLCJtYXJnaW5SaWdodCIsImhhbmRsZUNsaWNrIiwia2V5IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic3RyaW5nIiwiYm9vbCIsImZ1bmMiLCJvYmplY3QiLCJub2RlIiwiaXNSZXF1aXJlZCIsIm9uZU9mVHlwZSIsIm51bWJlciIsImRlZmF1bHRQcm9wcyJdLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvY2hhbm5lbHMtdGFicy9UYWIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHsgVGFic0NvbnRleHQgfSBmcm9tIFwiLi9Db250ZXh0XCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktY2hhbm5lbHMtdGFic1wiXG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRhYlByb3BzIHtcbiAgW2tleTogc3RyaW5nXTogYW55XG4gIC8qKlxuICAgKiDpmYTliqDnsbvlkI1cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICog5piv5ZCm56aB55SoXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIOeCueWHu+S6i+S7tueahCBoYW5kbGVyXG4gICAqL1xuICBvbkNsaWNrPzogKGU/OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4gdm9pZFxuICAvKipcbiAgICog6ZmE5Yqg5qC35byPXG4gICAqL1xuICBzdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXNcbiAgLyoqXG4gICAqIOagh+etvuaWh+Wtl1xuICAgKi9cbiAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogdmFsdWVcbiAgICovXG4gIHZhbHVlPzogUmVhY3QuUmVhY3RUZXh0XG59XG5cbi8qKlxuICog5a+86Iiq6aG1562+IC0gVGFiXG4gKi9cbmNvbnN0IFRhYjogUmVhY3QuRkM8SVRhYlByb3BzPiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQ6IGRpc2FibGVkUHJvcCxcbiAgb25DbGljayxcbiAgc3R5bGUsXG4gIHRpdGxlLFxuICB2YWx1ZSxcbiAgLi4ub3RoZXJQcm9wc1xufTogSVRhYlByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkaXNhYmxlZDogZGlzYWJsZWRDb250ZXh0LFxuICAgIGd1dHRlcjogZ3V0dGVyQ29udGV4dCxcbiAgICBoYW5kbGVUYWJzVmFsdWVDaGFuZ2UsXG4gICAgdmFsdWU6IHZhbHVlQ29udGV4dCxcbiAgfSA9IHVzZUNvbnRleHQoVGFic0NvbnRleHQpXG5cbiAgY29uc3QgZGlzYWJsZWQgPSBkaXNhYmxlZFByb3AgfHwgZGlzYWJsZWRDb250ZXh0XG5cbiAgY29uc3QgY2xhc3NTZXQgPSBjbGFzc05hbWVzKGNsYXNzTmFtZSwgYCR7cHJlZml4fS10YWJgLCB7XG4gICAgW2Ake3ByZWZpeH0tYWN0aXZlYF06IHZhbHVlID09PSB2YWx1ZUNvbnRleHQsXG4gICAgW2Ake3ByZWZpeH0tZGlzYWJsZWRgXTogZGlzYWJsZWQsXG4gIH0pXG5cbiAgY29uc3QgYWRkaXRpb25TdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHt9XG4gIGlmIChndXR0ZXJDb250ZXh0ICE9PSB1bmRlZmluZWQpIHtcbiAgICBhZGRpdGlvblN0eWxlLm1hcmdpblJpZ2h0ID0gYCR7Z3V0dGVyQ29udGV4dH1weGBcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHZhbHVlICE9PSB1bmRlZmluZWQgJiZcbiAgICAgICEoZGlzYWJsZWQgfHwgZGlzYWJsZWRDb250ZXh0KSAmJlxuICAgICAgaGFuZGxlVGFic1ZhbHVlQ2hhbmdlXG4gICAgKSB7XG4gICAgICBoYW5kbGVUYWJzVmFsdWVDaGFuZ2UodmFsdWUpXG4gICAgfVxuICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgYXJpYS1zZWxlY3RlZD17dmFsdWUgPT09IHZhbHVlQ29udGV4dH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NTZXR9XG4gICAgICBrZXk9e3ZhbHVlfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICBvbktleURvd249eyh7IGtleSB9OiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAoa2V5ID09PSBcIkVudGVyXCIpIHtcbiAgICAgICAgICBoYW5kbGVDbGljaygpXG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICByb2xlPVwidGFiXCJcbiAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIC4uLmFkZGl0aW9uU3R5bGUsXG4gICAgICAgIC4uLnN0eWxlLFxuICAgICAgfX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHt0aXRsZX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5UYWIucHJvcFR5cGVzID0ge1xuICAvKipcbiAgICog6ZmE5Yqg57G75ZCNXG4gICAqL1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiDmmK/lkKbnpoHnlKhcbiAgICovXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIOeCueWHu+S6i+S7tueahCBoYW5kbGVyXG4gICAqL1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqXG4gICAqIOmZhOWKoOagt+W8j1xuICAgKi9cbiAgc3R5bGU6IFByb3BUeXBlcy5vYmplY3QsXG4gIC8qKlxuICAgKiDmoIfnrb7mloflrZdcbiAgICovXG4gIHRpdGxlOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICAvKipcbiAgICogdmFsdWVcbiAgICovXG4gIHZhbHVlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbn1cblxuVGFiLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lOiB1bmRlZmluZWQsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgb25DbGljazogKCkgPT4ge30sXG4gIHN0eWxlOiB7fSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFiXG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLG9CQUFmOztBQWlDQSxJQUFNQyxHQUF3QixHQUFHLFNBQTNCQSxHQUEyQixPQVFoQjtFQUFBOztFQUFBLElBUGZDLFNBT2UsUUFQZkEsU0FPZTtFQUFBLElBTkxDLFlBTUssUUFOZkMsUUFNZTtFQUFBLElBTGZDLE9BS2UsUUFMZkEsT0FLZTtFQUFBLElBSmZDLEtBSWUsUUFKZkEsS0FJZTtFQUFBLElBSGZDLEtBR2UsUUFIZkEsS0FHZTtFQUFBLElBRmZDLEtBRWUsUUFGZkEsS0FFZTtFQUFBLElBRFpDLFVBQ1k7O0VBQ2Ysa0JBS0ksSUFBQUMsaUJBQUEsRUFBV0Msb0JBQVgsQ0FMSjtFQUFBLElBQ1lDLGVBRFosZUFDRVIsUUFERjtFQUFBLElBRVVTLGFBRlYsZUFFRUMsTUFGRjtFQUFBLElBR0VDLHFCQUhGLGVBR0VBLHFCQUhGO0VBQUEsSUFJU0MsWUFKVCxlQUlFUixLQUpGOztFQU9BLElBQU1KLFFBQVEsR0FBR0QsWUFBWSxJQUFJUyxlQUFqQztFQUVBLElBQU1LLFFBQVEsR0FBRyxJQUFBQyxzQkFBQSxFQUFXaEIsU0FBWCxZQUF5QkYsTUFBekIscUVBQ1hBLE1BRFcsY0FDT1EsS0FBSyxLQUFLUSxZQURqQiwwQ0FFWGhCLE1BRlcsZ0JBRVNJLFFBRlQsZ0JBQWpCO0VBS0EsSUFBTWUsYUFBa0MsR0FBRyxFQUEzQzs7RUFDQSxJQUFJTixhQUFhLEtBQUtPLFNBQXRCLEVBQWlDO0lBQy9CRCxhQUFhLENBQUNFLFdBQWQsYUFBK0JSLGFBQS9CO0VBQ0Q7O0VBRUQsSUFBTVMsV0FBVyxHQUFHLFNBQWRBLFdBQWMsR0FBTTtJQUN4QixJQUNFZCxLQUFLLEtBQUtZLFNBQVYsSUFDQSxFQUFFaEIsUUFBUSxJQUFJUSxlQUFkLENBREEsSUFFQUcscUJBSEYsRUFJRTtNQUNBQSxxQkFBcUIsQ0FBQ1AsS0FBRCxDQUFyQjtJQUNEOztJQUNELElBQUlILE9BQUosRUFBYTtNQUNYQSxPQUFPO0lBQ1I7RUFDRixDQVhEOztFQWFBLE9BQ0U7SUFDRSxpQkFBZUQsUUFEakI7SUFFRSxpQkFBZUksS0FBSyxLQUFLUSxZQUYzQjtJQUdFLFNBQVMsRUFBRUMsUUFIYjtJQUlFLEdBQUcsRUFBRVQsS0FKUDtJQUtFLE9BQU8sRUFBRWMsV0FMWDtJQU1FLFNBQVMsRUFBRSwwQkFBa0Q7TUFBQSxJQUEvQ0MsR0FBK0MsU0FBL0NBLEdBQStDOztNQUMzRCxJQUFJQSxHQUFHLEtBQUssT0FBWixFQUFxQjtRQUNuQkQsV0FBVztNQUNaO0lBQ0YsQ0FWSDtJQVdFLElBQUksRUFBQyxLQVhQO0lBWUUsUUFBUSxFQUFFLENBQUMsQ0FaYjtJQWFFLEtBQUssa0NBQ0FILGFBREEsR0FFQWIsS0FGQTtFQWJQLEdBaUJNRyxVQWpCTixHQW1CR0YsS0FuQkgsQ0FERjtBQXVCRCxDQWhFRDs7QUFrRUFOLEdBQUcsQ0FBQ3VCLFNBQUosR0FBZ0I7RUFJZHRCLFNBQVMsRUFBRXVCLHFCQUFBLENBQVVDLE1BSlA7RUFRZHRCLFFBQVEsRUFBRXFCLHFCQUFBLENBQVVFLElBUk47RUFZZHRCLE9BQU8sRUFBRW9CLHFCQUFBLENBQVVHLElBWkw7RUFnQmR0QixLQUFLLEVBQUVtQixxQkFBQSxDQUFVSSxNQWhCSDtFQW9CZHRCLEtBQUssRUFBRWtCLHFCQUFBLENBQVVLLElBQVYsQ0FBZUMsVUFwQlI7RUF3QmR2QixLQUFLLEVBQUVpQixxQkFBQSxDQUFVTyxTQUFWLENBQW9CLENBQUNQLHFCQUFBLENBQVVDLE1BQVgsRUFBbUJELHFCQUFBLENBQVVRLE1BQTdCLENBQXBCLEVBQTBERjtBQXhCbkQsQ0FBaEI7QUEyQkE5QixHQUFHLENBQUNpQyxZQUFKLEdBQW1CO0VBQ2pCaEMsU0FBUyxFQUFFa0IsU0FETTtFQUVqQmhCLFFBQVEsRUFBRSxLQUZPO0VBR2pCQyxPQUFPLEVBQUUsbUJBQU0sQ0FBRSxDQUhBO0VBSWpCQyxLQUFLLEVBQUU7QUFKVSxDQUFuQjtlQU9lTCxHIn0=