@ucloud-pccl/react-components/lib/style/sWrap.js

UCloud pccl react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _emotionTheming = require("emotion-theming");
var _theme = _interopRequireDefault(require("../components/ThemeProvider/theme"));
var _excluded = ["className"];
var _this = void 0;
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
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) { (0, _defineProperty2.default)(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; }
/**
 * 包裹组件，注入默认主题，添加默认的 props
 * @param input {object} 需要注入组件的 props
 */
var sWrap = function sWrap(input, options) {
  var _this2 = this;
  (0, _newArrowCheck2.default)(this, _this);
  return function (Comp) {
    var _this3 = this;
    (0, _newArrowCheck2.default)(this, _this2);
    var WithThemeComponent = function WithThemeComponent(props, ref) {
      var _this4 = this;
      (0, _newArrowCheck2.default)(this, _this3);
      var _ref = input || {},
        className = _ref.className,
        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
      var memoClassName = (0, _react.useMemo)(function () {
        (0, _newArrowCheck2.default)(this, _this4);
        var cn;
        if (className) {
          cn = typeof className === 'function' ? className(props) : className;
        }
        if (props.className) {
          cn = (0, _classnames.default)(cn, props.className);
        }
        return cn;
      }.bind(this), [className, props]);
      var theme = (0, _emotionTheming.useTheme)();
      var memoTheme = (0, _react.useMemo)(function () {
        var _Object$keys;
        (0, _newArrowCheck2.default)(this, _this4);
        return !theme || !((_Object$keys = Object.keys(theme)) !== null && _Object$keys !== void 0 && _Object$keys.length) ? _theme.default : theme;
      }.bind(this), [theme]);
      var result = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rest), props), memoClassName ? {
        className: memoClassName
      } : {}), {}, {
        theme: memoTheme
      });
      if (options !== null && options !== void 0 && options.ignoreProps) {
        options === null || options === void 0 || options.ignoreProps.forEach(function (prop) {
          (0, _newArrowCheck2.default)(this, _this4);
          delete result[prop];
        }.bind(this));
      }
      var Com = Comp;
      return /*#__PURE__*/_react.default.createElement(Com, (0, _extends2.default)({}, result, {
        ref: ref
      }));
    }.bind(this);
    return /*#__PURE__*/(0, _react.forwardRef)(WithThemeComponent);
  }.bind(this);
}.bind(void 0);
var _default = exports.default = sWrap;