@forchange/aui/lib/chat/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 _header = _interopRequireDefault(require("./header"));

var _content = _interopRequireDefault(require("./content"));

var _input = _interopRequireDefault(require("./input"));

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

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

// 发送对象
var EMessageType; // 消息类型

(function (EMessageType) {
  EMessageType["friend"] = "friend";
  EMessageType["self"] = "self";
})(EMessageType || (EMessageType = {}));

var EMessageContentType; // 发送的图片成功或失败(可选)

(function (EMessageContentType) {
  EMessageContentType["text"] = "text";
  EMessageContentType["image"] = "image";
})(EMessageContentType || (EMessageContentType = {}));

var EMessageContentStatus;

(function (EMessageContentStatus) {
  EMessageContentStatus["fail"] = "fail";
  EMessageContentStatus["success"] = "success";
})(EMessageContentStatus || (EMessageContentStatus = {}));

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

    _defineProperty(this, "onEnterSendMessage", text => {
      if (this.props.onEnterSendMessage) {
        this.props.onEnterSendMessage(text);
      }
    });

    _defineProperty(this, "onScrollToTop", () => {
      if (this.props.onScrollToTop) {
        this.props.onScrollToTop();
      }
    });

    this.state = {
      className: 'chat-component' // 当前组件类名

    };
  } // 发送消息


  render() {
    const {
      width = '50%',
      height = '80%',
      userName = '昵称',
      placeholder = '按 Enter 发送，Ctrl + Enter 换行',
      placement = 'topRight',
      messageList = []
    } = this.props;
    const className = (0, _config.getPrefixCls)(this.state.className);
    return React.createElement("div", {
      className: className,
      style: {
        width,
        height
      }
    }, React.createElement(_header.default, {
      userName: userName
    }), React.createElement(_content.default, {
      messageList: messageList,
      handleScrollToTop: this.onScrollToTop
    }), React.createElement(_input.default, {
      placement: placement,
      placeholder: placeholder,
      handleEnterSendMessage: this.onEnterSendMessage
    }));
  }

}

var _default = Chat;
exports.default = _default;