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>
65 lines • 10.5 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 = ["children", "className", "disabled", "icon", "index", "title"];
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 _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 Icon from "../icon";
import { NavContext } from "./Context";
import "./style";
var prefix = "adui-nav";
var SubNav = function SubNav(_ref) {
var children = _ref.children,
className = _ref.className,
disabled = _ref.disabled,
icon = _ref.icon,
index = _ref.index,
title = _ref.title,
otherProps = _objectWithoutProperties(_ref, _excluded);
var _useContext = useContext(NavContext),
openIndexes = _useContext.openIndexes,
onOpenChange = _useContext.onOpenChange;
var open = (openIndexes || []).includes(index);
var classSet = classNames(className, "".concat(prefix, "-sub"), _defineProperty(_defineProperty({}, "".concat(prefix, "-open"), open), "".concat(prefix, "-sub-disabled"), disabled));
return React.createElement("div", _extends({
className: classSet
}, otherProps), React.createElement("div", {
className: classNames("".concat(prefix, "-subTitle"), _defineProperty({}, "".concat(prefix, "-subTitle-disabled"), disabled)),
onClick: function onClick() {
if (onOpenChange && !disabled) {
onOpenChange(index);
}
},
role: "none"
}, icon && React.createElement(Icon, {
icon: icon,
className: "".concat(prefix, "-icon")
}), React.createElement("div", {
className: "".concat(prefix, "-subTitleContent")
}, title), React.createElement(Icon, {
icon: "arrow-up",
className: "".concat(prefix, "-arrow")
})), open && React.createElement("div", null, children));
};
SubNav.propTypes = {
children: PropTypes.node,
className: PropTypes.string,
disabled: PropTypes.bool,
icon: PropTypes.any,
index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
title: PropTypes.node
};
SubNav.defaultProps = {
children: null,
className: undefined,
disabled: false,
icon: undefined,
title: null
};
export default SubNav;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiSWNvbiIsIk5hdkNvbnRleHQiLCJwcmVmaXgiLCJTdWJOYXYiLCJfcmVmIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsImljb24iLCJpbmRleCIsInRpdGxlIiwib3RoZXJQcm9wcyIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsIl9leGNsdWRlZCIsIl91c2VDb250ZXh0Iiwib3BlbkluZGV4ZXMiLCJvbk9wZW5DaGFuZ2UiLCJvcGVuIiwiaW5jbHVkZXMiLCJjbGFzc1NldCIsImNvbmNhdCIsIl9kZWZpbmVQcm9wZXJ0eSIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kcyIsIm9uQ2xpY2siLCJyb2xlIiwicHJvcFR5cGVzIiwibm9kZSIsInN0cmluZyIsImJvb2wiLCJhbnkiLCJvbmVPZlR5cGUiLCJudW1iZXIiLCJpc1JlcXVpcmVkIiwiZGVmYXVsdFByb3BzIiwidW5kZWZpbmVkIl0sInNvdXJjZXMiOlsiLi4vLi4vY29tcG9uZW50cy9uYXYvU3ViTmF2LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBJY29uLCB7IEljb25OYW1lcyB9IGZyb20gXCIuLi9pY29uXCJcbmltcG9ydCB7IE5hdkNvbnRleHQgfSBmcm9tIFwiLi9Db250ZXh0XCJcbmltcG9ydCBcIi4vc3R5bGVcIlxuXG5jb25zdCBwcmVmaXggPSBcImFkdWktbmF2XCJcblxuZXhwb3J0IGludGVyZmFjZSBJU3ViTmF2UHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOWtkOiKgueCuVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiDmmK/lkKbnpoHnlKhcbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICog6K6+572u5Zu+5qCHXG4gICAqL1xuICBpY29uPzogSWNvbk5hbWVzXG4gIC8qKlxuICAgKiDni6znq4vnmoQgaW5kZXggcmVxdWlyZWRcbiAgICovXG4gIGluZGV4OiBSZWFjdC5SZWFjdFRleHRcbiAgLyoqXG4gICAqIHN1Ym5hdiDmoIfpophcbiAgICovXG4gIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbi8qKlxuICog5a+86Iiq5qCPIC0g5a2Q5a+86IiqXG4gKi9cbmNvbnN0IFN1Yk5hdjogUmVhY3QuRkM8SVN1Yk5hdlByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGRpc2FibGVkLFxuICBpY29uLFxuICBpbmRleCxcbiAgdGl0bGUsXG4gIC4uLm90aGVyUHJvcHNcbn06IElTdWJOYXZQcm9wcykgPT4ge1xuICBjb25zdCB7IG9wZW5JbmRleGVzLCBvbk9wZW5DaGFuZ2UgfSA9IHVzZUNvbnRleHQoTmF2Q29udGV4dClcblxuICBjb25zdCBvcGVuID0gKG9wZW5JbmRleGVzIHx8IFtdKS5pbmNsdWRlcyhpbmRleClcblxuICBjb25zdCBjbGFzc1NldCA9IGNsYXNzTmFtZXMoY2xhc3NOYW1lLCBgJHtwcmVmaXh9LXN1YmAsIHtcbiAgICBbYCR7cHJlZml4fS1vcGVuYF06IG9wZW4sXG4gICAgW2Ake3ByZWZpeH0tc3ViLWRpc2FibGVkYF06IGRpc2FibGVkLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzU2V0fSB7Li4ub3RoZXJQcm9wc30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhgJHtwcmVmaXh9LXN1YlRpdGxlYCwge1xuICAgICAgICAgIFtgJHtwcmVmaXh9LXN1YlRpdGxlLWRpc2FibGVkYF06IGRpc2FibGVkLFxuICAgICAgICB9KX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmIChvbk9wZW5DaGFuZ2UgJiYgIWRpc2FibGVkKSB7XG4gICAgICAgICAgICBvbk9wZW5DaGFuZ2UoaW5kZXgpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT17YCR7cHJlZml4fS1pY29uYH0gLz59XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LXN1YlRpdGxlQ29udGVudGB9Pnt0aXRsZX08L2Rpdj5cbiAgICAgICAgPEljb24gaWNvbj1cImFycm93LXVwXCIgY2xhc3NOYW1lPXtgJHtwcmVmaXh9LWFycm93YH0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAge29wZW4gJiYgPGRpdj57Y2hpbGRyZW59PC9kaXY+fVxuICAgIDwvZGl2PlxuICApXG59XG5cblN1Yk5hdi5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiDlrZDoioLngrlcbiAgICovXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKipcbiAgICog5piv5ZCm56aB55SoXG4gICAqL1xuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKlxuICAgKiDorr7nva7lm77moIdcbiAgICovXG4gIGljb246IFByb3BUeXBlcy5hbnksXG4gIC8qKlxuICAgKiDni6znq4vnmoQgaW5kZXggcmVxdWlyZWRcbiAgICovXG4gIGluZGV4OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbiAgLyoqXG4gICAqIHN1Ym5hdiDmoIfpophcbiAgICovXG4gIHRpdGxlOiBQcm9wVHlwZXMubm9kZSxcbn1cblxuU3ViTmF2LmRlZmF1bHRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IG51bGwsXG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIGljb246IHVuZGVmaW5lZCxcbiAgdGl0bGU6IG51bGwsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN1Yk5hdlxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLE9BQU9BLEtBQUssSUFBSUMsVUFBVSxRQUFRLE9BQU87QUFDekMsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsT0FBT0MsSUFBSSxNQUFxQixTQUFTO0FBQ3pDLFNBQVNDLFVBQVUsUUFBUSxXQUFXO0FBQ3RDLE9BQU8sU0FBUztBQUVoQixJQUFNQyxNQUFNLEdBQUcsVUFBVTtBQWlDekIsSUFBTUMsTUFBOEIsR0FBRyxTQUFqQ0EsTUFBOEJBLENBQUFDLElBQUEsRUFRaEI7RUFBQSxJQVBsQkMsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFDUkMsU0FBUyxHQUFBRixJQUFBLENBQVRFLFNBQVM7SUFDVEMsUUFBUSxHQUFBSCxJQUFBLENBQVJHLFFBQVE7SUFDUkMsSUFBSSxHQUFBSixJQUFBLENBQUpJLElBQUk7SUFDSkMsS0FBSyxHQUFBTCxJQUFBLENBQUxLLEtBQUs7SUFDTEMsS0FBSyxHQUFBTixJQUFBLENBQUxNLEtBQUs7SUFDRkMsVUFBVSxHQUFBQyx3QkFBQSxDQUFBUixJQUFBLEVBQUFTLFNBQUE7RUFFYixJQUFBQyxXQUFBLEdBQXNDakIsVUFBVSxDQUFDSSxVQUFVLENBQUM7SUFBcERjLFdBQVcsR0FBQUQsV0FBQSxDQUFYQyxXQUFXO0lBQUVDLFlBQVksR0FBQUYsV0FBQSxDQUFaRSxZQUFZO0VBRWpDLElBQU1DLElBQUksR0FBRyxDQUFDRixXQUFXLElBQUksRUFBRSxFQUFFRyxRQUFRLENBQUNULEtBQUssQ0FBQztFQUVoRCxJQUFNVSxRQUFRLEdBQUdwQixVQUFVLENBQUNPLFNBQVMsS0FBQWMsTUFBQSxDQUFLbEIsTUFBTSxXQUFBbUIsZUFBQSxDQUFBQSxlQUFBLFFBQUFELE1BQUEsQ0FDMUNsQixNQUFNLFlBQVVlLElBQUksTUFBQUcsTUFBQSxDQUNwQmxCLE1BQU0sb0JBQWtCSyxRQUFRLENBQ3JDLENBQUM7RUFFRixPQUNFWCxLQUFBLENBQUEwQixhQUFBLFFBQUFDLFFBQUE7SUFBS2pCLFNBQVMsRUFBRWE7RUFBUyxHQUFLUixVQUFVLEdBQ3RDZixLQUFBLENBQUEwQixhQUFBO0lBQ0VoQixTQUFTLEVBQUVQLFVBQVUsSUFBQXFCLE1BQUEsQ0FBSWxCLE1BQU0sZ0JBQUFtQixlQUFBLFFBQUFELE1BQUEsQ0FDekJsQixNQUFNLHlCQUF1QkssUUFBUSxDQUMxQyxDQUFFO0lBQ0hpQixPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBQSxFQUFRO01BQ2IsSUFBSVIsWUFBWSxJQUFJLENBQUNULFFBQVEsRUFBRTtRQUM3QlMsWUFBWSxDQUFDUCxLQUFLLENBQUM7TUFDckI7SUFDRixDQUFFO0lBQ0ZnQixJQUFJLEVBQUM7RUFBTSxHQUVWakIsSUFBSSxJQUFJWixLQUFBLENBQUEwQixhQUFBLENBQUN0QixJQUFJO0lBQUNRLElBQUksRUFBRUEsSUFBSztJQUFDRixTQUFTLEtBQUFjLE1BQUEsQ0FBS2xCLE1BQU07RUFBUSxDQUFFLENBQUMsRUFDMUROLEtBQUEsQ0FBQTBCLGFBQUE7SUFBS2hCLFNBQVMsS0FBQWMsTUFBQSxDQUFLbEIsTUFBTTtFQUFtQixHQUFFUSxLQUFXLENBQUMsRUFDMURkLEtBQUEsQ0FBQTBCLGFBQUEsQ0FBQ3RCLElBQUk7SUFBQ1EsSUFBSSxFQUFDLFVBQVU7SUFBQ0YsU0FBUyxLQUFBYyxNQUFBLENBQUtsQixNQUFNO0VBQVMsQ0FBRSxDQUNsRCxDQUFDLEVBQ0xlLElBQUksSUFBSXJCLEtBQUEsQ0FBQTBCLGFBQUEsY0FBTWpCLFFBQWMsQ0FDMUIsQ0FBQztBQUVWLENBQUM7QUFFREYsTUFBTSxDQUFDdUIsU0FBUyxHQUFHO0VBSWpCckIsUUFBUSxFQUFFUCxTQUFTLENBQUM2QixJQUFJO0VBSXhCckIsU0FBUyxFQUFFUixTQUFTLENBQUM4QixNQUFNO0VBSTNCckIsUUFBUSxFQUFFVCxTQUFTLENBQUMrQixJQUFJO0VBSXhCckIsSUFBSSxFQUFFVixTQUFTLENBQUNnQyxHQUFHO0VBSW5CckIsS0FBSyxFQUFFWCxTQUFTLENBQUNpQyxTQUFTLENBQUMsQ0FBQ2pDLFNBQVMsQ0FBQzhCLE1BQU0sRUFBRTlCLFNBQVMsQ0FBQ2tDLE1BQU0sQ0FBQyxDQUFDLENBQUNDLFVBQVU7RUFJM0V2QixLQUFLLEVBQUVaLFNBQVMsQ0FBQzZCO0FBQ25CLENBQUM7QUFFRHhCLE1BQU0sQ0FBQytCLFlBQVksR0FBRztFQUNwQjdCLFFBQVEsRUFBRSxJQUFJO0VBQ2RDLFNBQVMsRUFBRTZCLFNBQVM7RUFDcEI1QixRQUFRLEVBQUUsS0FBSztFQUNmQyxJQUFJLEVBQUUyQixTQUFTO0VBQ2Z6QixLQUFLLEVBQUU7QUFDVCxDQUFDO0FBRUQsZUFBZVAsTUFBTSIsImlnbm9yZUxpc3QiOltdfQ==