@forchange/aui/lib/emoji-panel/index.js

ai-boss 业务 ui 组件库

"use strict";

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

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

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

var _popover = _interopRequireDefault(require("antd/lib/popover"));

require("antd/lib/popover/style/css");

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

var _code = _interopRequireDefault(require("./code"));

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 _extends() {
  _extends = Object.assign || function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];

      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }

    return target;
  };

  return _extends.apply(this, arguments);
}

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 EmojiPanel extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      displayName: 'emoji-panel'
    };
  }

  clickHandle(code) {
    if (this.props.onSelect) {
      this.props.onSelect(String.fromCodePoint(code));
    }
  }

  get content() {
    const prefixCls = (0, _config.getPrefixCls)(this.state.displayName);
    return React.createElement("ul", {
      className: `${prefixCls}-emoji-list`
    }, _code.default.map((item, index) => {
      const num = parseInt(item, 16);
      return React.createElement("li", {
        className: `${prefixCls}-emoji-item`,
        onClick: () => {
          this.clickHandle(num);
        },
        key: index
      }, String.fromCodePoint(num));
    }));
  }

  render() {
    const prefixCls = (0, _config.getPrefixCls)(this.state.displayName);
    const {
      className,
      overlayClassName,
      trigger = 'click',
      ...extraProps
    } = this.props;
    const emojiPanelCls = (0, _classnames.default)(prefixCls, className);
    const popOverCls = (0, _classnames.default)(`${prefixCls}-popover`, overlayClassName);
    return React.createElement("div", {
      className: emojiPanelCls
    }, React.createElement(_popover.default, _extends({
      trigger: trigger,
      content: this.content,
      overlayClassName: popOverCls
    }, extraProps), this.props.children));
  }

}

_defineProperty(EmojiPanel, "defaultProps", {});

var _default = EmojiPanel;
exports.default = _default;