@yuntijs/ui 1.1.0-beta.13 → 1.1.0-beta.15

package/es/ChatItem/style.js

@@ -16,7 +16,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     editing = _ref2.editing,
     time = _ref2.time,
     isLatest = _ref2.isLatest;
-  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 4px;\n      padding-inline: 8px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ";\n    "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadius, token.motionEaseOut);
+  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 4px;\n      padding-inline: 8px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ";\n    "])), primary ? isDarkMode ? token.colorFill : '#F6F6F6' : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadius, token.motionEaseOut);
   var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-block-start: ", ";\n    "])), title ? 0 : '6px');
   var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-block-end: -16px;\n      transition: background-color 100ms ", ";\n    "])), token.motionEaseOut);
   var typeStylish = type === 'block' ? blockStylish : pureStylish;

package/es/Mentions/index.d.ts

@@ -25,6 +25,10 @@ export interface MentionsProps extends MentionPickerPluginProps {
     onPressEnter?: (value: string, { event }: {
         event: KeyboardEvent | null;
     }) => void;
+    /**
+     * 用户输入 trigger 后的回调
+     */
+    onTrigger?: (trigger: string) => void;
     variant?: 'outlined' | 'filled' | 'borderless';
     autoSize?: AutoSize;
     code?: boolean;

package/es/Mentions/index.js

@@ -53,7 +53,8 @@ export var Mentions = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$code = _ref.code,
     code = _ref$code === void 0 ? false : _ref$code,
     getPopContainer = _ref.getPopContainer,
-    onPressEnter = _ref.onPressEnter;
+    onPressEnter = _ref.onPressEnter,
+    onTrigger = _ref.onTrigger;
   var _ConfigProvider$useCo = ConfigProvider.useConfig(),
     componentDisabled = _ConfigProvider$useCo.componentDisabled;
   var _useStyles = useStyles({
@@ -146,6 +147,10 @@ export var Mentions = /*#__PURE__*/forwardRef(function (_ref, ref) {
           })
         }), editable && /*#__PURE__*/_jsx(MentionPickerPlugin, {
           allowSpaces: allowSpaces,
+          onOpen: function onOpen(resolution) {
+            var _resolution$match$rep, _resolution$match;
+            return onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger((_resolution$match$rep = (_resolution$match = resolution.match) === null || _resolution$match === void 0 ? void 0 : _resolution$match.replaceableString) !== null && _resolution$match$rep !== void 0 ? _resolution$match$rep : triggers[0]);
+          },
           onSelect: onSelect,
           options: options,
           overlayClassName: classNames === null || classNames === void 0 ? void 0 : classNames.menuOverlay,

package/es/Mentions/plugins/mention-picker/index.d.ts

@@ -1,7 +1,8 @@
+import type { MenuOption, TypeaheadMenuPluginProps } from '@lexical/react/LexicalTypeaheadMenuPlugin';
 import React from 'react';
 import type { MentionOption } from '../../types';
 import { type MentionMenuOption } from './utils';
-export interface MentionPickerPluginProps {
+export interface MentionPickerPluginProps extends Pick<TypeaheadMenuPluginProps<MenuOption>, 'onOpen'> {
     /** The className of menu overlay */
     overlayClassName?: string;
     /** The options of menu */

package/es/Mentions/plugins/mention-picker/index.js

@@ -27,6 +27,7 @@ export var MentionPickerPlugin = /*#__PURE__*/memo(function (_ref) {
     _ref$preTriggerChars = _ref.preTriggerChars,
     preTriggerChars = _ref$preTriggerChars === void 0 ? PRE_TRIGGER_CHARS : _ref$preTriggerChars,
     onSelect = _ref.onSelect,
+    onOpen = _ref.onOpen,
     parent = _ref.parent;
   var _useStyles = useStyles({}),
     cx = _useStyles.cx,
@@ -169,6 +170,7 @@ export var MentionPickerPlugin = /*#__PURE__*/memo(function (_ref) {
     ,
     commandPriority: COMMAND_PRIORITY_NORMAL,
     menuRenderFn: renderMenu,
+    onOpen: onOpen,
     onQueryChange: setQueryString,
     onSelectOption: onSelectOption,
     options: flatOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.1.0-beta.13",
+  "version": "1.1.0-beta.15",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",