@ccs-design/rc-pro/es/CcsAuthButton/index.js

ccs design basic react component

import "antd/es/button/style";
import _Button from "antd/es/button";
var _excluded = ["auth"];

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; }

import React, { useContext, useMemo } from 'react';
import { AuthContext, GlobalContext } from '../CcsBasicLayout/context';
/**
 * 带权限的按钮组件、继承Ant Button所有属性
 * @param CcsAuthButtonType
 * @returns
 */

function CcsAuthButton(_ref) {
  var auth = _ref.auth,
      restProps = _objectWithoutProperties(_ref, _excluded);

  var _ref2 = useContext(AuthContext) || {},
      onAuth = _ref2.onAuth;

  var _useContext = useContext(GlobalContext),
      IsAuthButton = _useContext.IsAuthButton; // 当前菜单下查找按钮权限


  var button = useMemo(function () {
    return onAuth && onAuth(auth);
  }, []);

  if (!IsAuthButton) {
    return /*#__PURE__*/React.createElement(_Button, restProps, restProps.children);
  }

  return button ? /*#__PURE__*/React.createElement(_Button, restProps, restProps.children || button.nodeName) : /*#__PURE__*/React.createElement(React.Fragment, null);
}

export default CcsAuthButton;