@yuntijs/ui
Version:
☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps
31 lines • 1.11 kB
JavaScript
import { Empty } from 'antd';
import React, { memo } from 'react';
import { MentionMenuItem } from "./menu-item";
import { useStyles } from "./style";
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export var MentionMenu = /*#__PURE__*/memo(function (_ref) {
var selectedIndex = _ref.selectedIndex,
options = _ref.options,
onClick = _ref.onClick,
onMouseEnter = _ref.onMouseEnter,
queryString = _ref.queryString;
var _useStyles = useStyles({}),
styles = _useStyles.styles;
return /*#__PURE__*/_jsxs(_Fragment, {
children: [options.length === 0 && /*#__PURE__*/_jsx(Empty, {
className: styles.menuEmpty,
image: Empty.PRESENTED_IMAGE_SIMPLE
}), options.map(function (option, index) {
return /*#__PURE__*/_jsx(MentionMenuItem, {
index: index,
isSelected: selectedIndex === index,
onClick: onClick,
onMouseEnter: onMouseEnter,
option: option,
queryString: queryString
}, option.key);
})]
});
});