@forchange/aui/lib/ding-auth/index.js

ai-boss 业务 ui 组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _config = require("../style/config");

var _unit = require("./unit");

require("./style/index.css");

var _classnames = _interopRequireDefault(require("classnames"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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;
}

class DingAuth extends React.Component {
  constructor(props) {
    super(props);

    _defineProperty(this, "setScript", () => {
      const script = document.createElement('script');
      script.src = _unit.DING_CONFIG.comomDingUrl;
      script.async = true;

      script.onload = () => this.onDingBinding();

      document.body.appendChild(script);
    });

    _defineProperty(this, "onDingBinding", () => {
      const {
        appId,
        redirectUri,
        width,
        height,
        style = 'border:none;background-color:#FFFFFF;margin-top:-12px;'
      } = this.props;
      DDLogin({
        id: 'aui-dingauth-login-container',
        goto: (0, _unit.createGotoURL)(appId, redirectUri),
        style,
        width,
        height
      });

      const onDingMessage = event => {
        const {
          origin,
          data
        } = event;

        if (origin === _unit.DING_CONFIG.origin) {
          // 扫码后生成tmp_code_data
          if (this.props.onSuccess) {
            this.props.onSuccess(data);
          }
        }
      };

      window.addEventListener('message', onDingMessage, false);
    });

    this.state = {
      displayName: 'ding-auth'
    };
  }

  componentDidMount() {
    this.setScript();
  } // 引入钉钉js


  render() {
    const {
      className
    } = this.props;
    const prefixCls = (0, _config.getPrefixCls)(this.state.displayName);
    return React.createElement("div", {
      id: "aui-dingauth-login-container",
      className: (0, _classnames.default)(prefixCls, {
        className
      })
    });
  }

}

var _default = DingAuth;
exports.default = _default;