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>
76 lines • 12.2 kB
JavaScript
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
var _excluded = ["className", "disabled", "onClick", "style", "title", "value"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
import React, { useContext } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import { TabsContext } from "./Context";
import "./style";
var prefix = "adui-channels-tabs";
var Tab = function Tab(_ref) {
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 = useContext(TabsContext),
disabledContext = _useContext.disabled,
gutterContext = _useContext.gutter,
handleTabsValueChange = _useContext.handleTabsValueChange,
valueContext = _useContext.value;
var disabled = disabledProp || disabledContext;
var classSet = classNames(className, "".concat(prefix, "-tab"), _defineProperty(_defineProperty({}, "".concat(prefix, "-active"), value === valueContext), "".concat(prefix, "-disabled"), disabled));
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.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.string,
disabled: PropTypes.bool,
onClick: PropTypes.func,
style: PropTypes.object,
title: PropTypes.node.isRequired,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
};
Tab.defaultProps = {
className: undefined,
disabled: false,
onClick: function onClick() {},
style: {}
};
export default Tab;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiVGFic0NvbnRleHQiLCJwcmVmaXgiLCJUYWIiLCJfcmVmIiwiY2xhc3NOYW1lIiwiZGlzYWJsZWRQcm9wIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwic3R5bGUiLCJ0aXRsZSIsInZhbHVlIiwib3RoZXJQcm9wcyIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsIl9leGNsdWRlZCIsIl91c2VDb250ZXh0IiwiZGlzYWJsZWRDb250ZXh0IiwiZ3V0dGVyQ29udGV4dCIsImd1dHRlciIsImhhbmRsZVRhYnNWYWx1ZUNoYW5nZSIsInZhbHVlQ29udGV4dCIsImNsYXNzU2V0IiwiY29uY2F0IiwiX2RlZmluZVByb3BlcnR5IiwiYWRkaXRpb25TdHlsZSIsInVuZGVmaW5lZCIsIm1hcmdpblJpZ2h0IiwiaGFuZGxlQ2xpY2siLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMiLCJrZXkiLCJvbktleURvd24iLCJfcmVmMiIsInJvbGUiLCJ0YWJJbmRleCIsIl9vYmplY3RTcHJlYWQiLCJwcm9wVHlwZXMiLCJzdHJpbmciLCJib29sIiwiZnVuYyIsIm9iamVjdCIsIm5vZGUiLCJpc1JlcXVpcmVkIiwib25lT2ZUeXBlIiwibnVtYmVyIiwiZGVmYXVsdFByb3BzIl0sInNvdXJjZXMiOlsiLi4vLi4vY29tcG9uZW50cy9jaGFubmVscy10YWJzL1RhYi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgeyBUYWJzQ29udGV4dCB9IGZyb20gXCIuL0NvbnRleHRcIlxuaW1wb3J0IFwiLi9zdHlsZVwiXG5cbmNvbnN0IHByZWZpeCA9IFwiYWR1aS1jaGFubmVscy10YWJzXCJcblxuZXhwb3J0IGludGVyZmFjZSBJVGFiUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiDmmK/lkKbnpoHnlKhcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICog54K55Ye75LqL5Lu255qEIGhhbmRsZXJcbiAgICovXG4gIG9uQ2xpY2s/OiAoZT86IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB2b2lkXG4gIC8qKlxuICAgKiDpmYTliqDmoLflvI9cbiAgICovXG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllc1xuICAvKipcbiAgICog5qCH562+5paH5a2XXG4gICAqL1xuICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiB2YWx1ZVxuICAgKi9cbiAgdmFsdWU/OiBSZWFjdC5SZWFjdFRleHRcbn1cblxuLyoqXG4gKiDlr7zoiKrpobXnrb4gLSBUYWJcbiAqL1xuY29uc3QgVGFiOiBSZWFjdC5GQzxJVGFiUHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBkaXNhYmxlZDogZGlzYWJsZWRQcm9wLFxuICBvbkNsaWNrLFxuICBzdHlsZSxcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICAuLi5vdGhlclByb3BzXG59OiBJVGFiUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGRpc2FibGVkOiBkaXNhYmxlZENvbnRleHQsXG4gICAgZ3V0dGVyOiBndXR0ZXJDb250ZXh0LFxuICAgIGhhbmRsZVRhYnNWYWx1ZUNoYW5nZSxcbiAgICB2YWx1ZTogdmFsdWVDb250ZXh0LFxuICB9ID0gdXNlQ29udGV4dChUYWJzQ29udGV4dClcblxuICBjb25zdCBkaXNhYmxlZCA9IGRpc2FibGVkUHJvcCB8fCBkaXNhYmxlZENvbnRleHRcblxuICBjb25zdCBjbGFzc1NldCA9IGNsYXNzTmFtZXMoY2xhc3NOYW1lLCBgJHtwcmVmaXh9LXRhYmAsIHtcbiAgICBbYCR7cHJlZml4fS1hY3RpdmVgXTogdmFsdWUgPT09IHZhbHVlQ29udGV4dCxcbiAgICBbYCR7cHJlZml4fS1kaXNhYmxlZGBdOiBkaXNhYmxlZCxcbiAgfSlcblxuICBjb25zdCBhZGRpdGlvblN0eWxlOiBSZWFjdC5DU1NQcm9wZXJ0aWVzID0ge31cbiAgaWYgKGd1dHRlckNvbnRleHQgIT09IHVuZGVmaW5lZCkge1xuICAgIGFkZGl0aW9uU3R5bGUubWFyZ2luUmlnaHQgPSBgJHtndXR0ZXJDb250ZXh0fXB4YFxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgdmFsdWUgIT09IHVuZGVmaW5lZCAmJlxuICAgICAgIShkaXNhYmxlZCB8fCBkaXNhYmxlZENvbnRleHQpICYmXG4gICAgICBoYW5kbGVUYWJzVmFsdWVDaGFuZ2VcbiAgICApIHtcbiAgICAgIGhhbmRsZVRhYnNWYWx1ZUNoYW5nZSh2YWx1ZSlcbiAgICB9XG4gICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgIG9uQ2xpY2soKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBhcmlhLXNlbGVjdGVkPXt2YWx1ZSA9PT0gdmFsdWVDb250ZXh0fVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc1NldH1cbiAgICAgIGtleT17dmFsdWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIG9uS2V5RG93bj17KHsga2V5IH06IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChrZXkgPT09IFwiRW50ZXJcIikge1xuICAgICAgICAgIGhhbmRsZUNsaWNrKClcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uYWRkaXRpb25TdHlsZSxcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICB9fVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge3RpdGxlfVxuICAgIDwvZGl2PlxuICApXG59XG5cblRhYi5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiDpmYTliqDnsbvlkI1cbiAgICovXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgLyoqXG4gICAqIOaYr+WQpuemgeeUqFxuICAgKi9cbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICog54K55Ye75LqL5Lu255qEIGhhbmRsZXJcbiAgICovXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICAvKipcbiAgICog6ZmE5Yqg5qC35byPXG4gICAqL1xuICBzdHlsZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgLyoqXG4gICAqIOagh+etvuaWh+Wtl1xuICAgKi9cbiAgdGl0bGU6IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiB2YWx1ZVxuICAgKi9cbiAgdmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKS5pc1JlcXVpcmVkLFxufVxuXG5UYWIuZGVmYXVsdFByb3BzID0ge1xuICBjbGFzc05hbWU6IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBvbkNsaWNrOiAoKSA9PiB7fSxcbiAgc3R5bGU6IHt9LFxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLE9BQU9BLEtBQUssSUFBSUMsVUFBVSxRQUFRLE9BQU87QUFDekMsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsU0FBU0MsV0FBVyxRQUFRLFdBQVc7QUFDdkMsT0FBTyxTQUFTO0FBRWhCLElBQU1DLE1BQU0sR0FBRyxvQkFBb0I7QUFpQ25DLElBQU1DLEdBQXdCLEdBQUcsU0FBM0JBLEdBQXdCQSxDQUFBQyxJQUFBLEVBUWI7RUFBQSxJQVBmQyxTQUFTLEdBQUFELElBQUEsQ0FBVEMsU0FBUztJQUNDQyxZQUFZLEdBQUFGLElBQUEsQ0FBdEJHLFFBQVE7SUFDUkMsT0FBTyxHQUFBSixJQUFBLENBQVBJLE9BQU87SUFDUEMsS0FBSyxHQUFBTCxJQUFBLENBQUxLLEtBQUs7SUFDTEMsS0FBSyxHQUFBTixJQUFBLENBQUxNLEtBQUs7SUFDTEMsS0FBSyxHQUFBUCxJQUFBLENBQUxPLEtBQUs7SUFDRkMsVUFBVSxHQUFBQyx3QkFBQSxDQUFBVCxJQUFBLEVBQUFVLFNBQUE7RUFFYixJQUFBQyxXQUFBLEdBS0lqQixVQUFVLENBQUNHLFdBQVcsQ0FBQztJQUpmZSxlQUFlLEdBQUFELFdBQUEsQ0FBekJSLFFBQVE7SUFDQVUsYUFBYSxHQUFBRixXQUFBLENBQXJCRyxNQUFNO0lBQ05DLHFCQUFxQixHQUFBSixXQUFBLENBQXJCSSxxQkFBcUI7SUFDZEMsWUFBWSxHQUFBTCxXQUFBLENBQW5CSixLQUFLO0VBR1AsSUFBTUosUUFBUSxHQUFHRCxZQUFZLElBQUlVLGVBQWU7RUFFaEQsSUFBTUssUUFBUSxHQUFHckIsVUFBVSxDQUFDSyxTQUFTLEtBQUFpQixNQUFBLENBQUtwQixNQUFNLFdBQUFxQixlQUFBLENBQUFBLGVBQUEsUUFBQUQsTUFBQSxDQUMxQ3BCLE1BQU0sY0FBWVMsS0FBSyxLQUFLUyxZQUFZLE1BQUFFLE1BQUEsQ0FDeENwQixNQUFNLGdCQUFjSyxRQUFRLENBQ2pDLENBQUM7RUFFRixJQUFNaUIsYUFBa0MsR0FBRyxDQUFDLENBQUM7RUFDN0MsSUFBSVAsYUFBYSxLQUFLUSxTQUFTLEVBQUU7SUFDL0JELGFBQWEsQ0FBQ0UsV0FBVyxNQUFBSixNQUFBLENBQU1MLGFBQWEsT0FBSTtFQUNsRDtFQUVBLElBQU1VLFdBQVcsR0FBRyxTQUFkQSxXQUFXQSxDQUFBLEVBQVM7SUFDeEIsSUFDRWhCLEtBQUssS0FBS2MsU0FBUyxJQUNuQixFQUFFbEIsUUFBUSxJQUFJUyxlQUFlLENBQUMsSUFDOUJHLHFCQUFxQixFQUNyQjtNQUNBQSxxQkFBcUIsQ0FBQ1IsS0FBSyxDQUFDO0lBQzlCO0lBQ0EsSUFBSUgsT0FBTyxFQUFFO01BQ1hBLE9BQU8sQ0FBQyxDQUFDO0lBQ1g7RUFDRixDQUFDO0VBRUQsT0FDRVgsS0FBQSxDQUFBK0IsYUFBQSxRQUFBQyxRQUFBO0lBQ0UsaUJBQWV0QixRQUFTO0lBQ3hCLGlCQUFlSSxLQUFLLEtBQUtTLFlBQWE7SUFDdENmLFNBQVMsRUFBRWdCLFFBQVM7SUFDcEJTLEdBQUcsRUFBRW5CLEtBQU07SUFDWEgsT0FBTyxFQUFFbUIsV0FBWTtJQUNyQkksU0FBUyxFQUFFLFNBQVhBLFNBQVNBLENBQUFDLEtBQUEsRUFBb0Q7TUFBQSxJQUEvQ0YsR0FBRyxHQUFBRSxLQUFBLENBQUhGLEdBQUc7TUFDZixJQUFJQSxHQUFHLEtBQUssT0FBTyxFQUFFO1FBQ25CSCxXQUFXLENBQUMsQ0FBQztNQUNmO0lBQ0YsQ0FBRTtJQUNGTSxJQUFJLEVBQUMsS0FBSztJQUNWQyxRQUFRLEVBQUUsQ0FBQyxDQUFFO0lBQ2J6QixLQUFLLEVBQUEwQixhQUFBLENBQUFBLGFBQUEsS0FDQVgsYUFBYSxHQUNiZixLQUFLO0VBQ1IsR0FDRUcsVUFBVSxHQUViRixLQUNFLENBQUM7QUFFVixDQUFDO0FBRURQLEdBQUcsQ0FBQ2lDLFNBQVMsR0FBRztFQUlkL0IsU0FBUyxFQUFFTixTQUFTLENBQUNzQyxNQUFNO0VBSTNCOUIsUUFBUSxFQUFFUixTQUFTLENBQUN1QyxJQUFJO0VBSXhCOUIsT0FBTyxFQUFFVCxTQUFTLENBQUN3QyxJQUFJO0VBSXZCOUIsS0FBSyxFQUFFVixTQUFTLENBQUN5QyxNQUFNO0VBSXZCOUIsS0FBSyxFQUFFWCxTQUFTLENBQUMwQyxJQUFJLENBQUNDLFVBQVU7RUFJaEMvQixLQUFLLEVBQUVaLFNBQVMsQ0FBQzRDLFNBQVMsQ0FBQyxDQUFDNUMsU0FBUyxDQUFDc0MsTUFBTSxFQUFFdEMsU0FBUyxDQUFDNkMsTUFBTSxDQUFDLENBQUMsQ0FBQ0Y7QUFDbkUsQ0FBQztBQUVEdkMsR0FBRyxDQUFDMEMsWUFBWSxHQUFHO0VBQ2pCeEMsU0FBUyxFQUFFb0IsU0FBUztFQUNwQmxCLFFBQVEsRUFBRSxLQUFLO0VBQ2ZDLE9BQU8sRUFBRSxTQUFUQSxPQUFPQSxDQUFBLEVBQVEsQ0FBQyxDQUFDO0VBQ2pCQyxLQUFLLEVBQUUsQ0FBQztBQUNWLENBQUM7QUFFRCxlQUFlTixHQUFHIiwiaWdub3JlTGlzdCI6W119