@yuntijs/ui 1.0.0-beta.86 → 1.0.0-beta.88

package/es/ChatItem/components/Actions.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ChatItemProps } from '../type';
+export interface ActionsProps {
+    actions: ChatItemProps['actions'];
+    editing?: boolean;
+    placement?: ChatItemProps['placement'];
+    type?: ChatItemProps['type'];
+}
+declare const Actions: import("react").NamedExoticComponent<ActionsProps>;
+export default Actions;

package/es/ChatItem/components/Actions.js

@@ -0,0 +1,23 @@
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Actions = /*#__PURE__*/memo(function (_ref) {
+  var actions = _ref.actions,
+    placement = _ref.placement,
+    type = _ref.type,
+    editing = _ref.editing;
+  var _useStyles = useStyles({
+      editing: editing,
+      placement: placement,
+      type: type
+    }),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    align: 'flex-start',
+    className: styles.actions,
+    role: "menubar",
+    children: actions
+  });
+});
+export default Actions;

package/es/ChatItem/index.js

@@ -5,7 +5,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "markdownProps", "markdownClassname", "isLatest"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import Actions from '@lobehub/ui/es/chat/ChatItem/components/Actions';
 import Avatar from '@lobehub/ui/es/chat/ChatItem/components/Avatar';
 import BorderSpacing from '@lobehub/ui/es/chat/ChatItem/components/BorderSpacing';
 import ErrorContent from '@lobehub/ui/es/chat/ChatItem/components/ErrorContent';
@@ -13,6 +12,7 @@ import Title from '@lobehub/ui/es/chat/ChatItem/components/Title';
 import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import Actions from "./components/Actions";
 import MessageContent from "./components/MessageContent";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/Mentions/index.js

@@ -11,10 +11,11 @@ import { ConfigProvider } from 'antd';
 import { $getRoot, TextNode } from 'lexical';
 import React, { useMemo } from 'react';
 import { isBrowser } from "../utils/tools";
+import { OnBlurBlockPlugin } from "./plugins/OnBlurBlockPlugin";
 import { CustomTextNode } from "./plugins/custom-text/node";
+import { EditablePlugin } from "./plugins/editable";
 import { MentionNode, MentionNodePlugin, MentionNodePluginReplacement } from "./plugins/mention-node";
 import { MentionPickerPlugin } from "./plugins/mention-picker";
-import OnBlurBlock from "./plugins/on-blur-or-focus-block";
 import { MentionsConfigProvider } from "./provider";
 import { useStyles } from "./style";
 import { textToEditorState } from "./utils";
@@ -51,8 +52,12 @@ export var Mentions = function Mentions(_ref) {
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  var disabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : componentDisabled;
-  var editable = !readOnly && !disabled;
+  var disabled = useMemo(function () {
+    return customDisabled !== null && customDisabled !== void 0 ? customDisabled : componentDisabled;
+  }, [componentDisabled, customDisabled]);
+  var editable = useMemo(function () {
+    return !readOnly && !disabled;
+  }, [disabled, readOnly]);
   var initialConfig = useMemo(function () {
     return {
       namespace: 'mentions',
@@ -130,7 +135,7 @@ export var Mentions = function Mentions(_ref) {
             className: styles.placeholder,
             children: placeholder || "\u8F93\u5165 ".concat(triggers.join(' 或 '), " \u63D2\u5165\u5F15\u7528")
           })
-        }), /*#__PURE__*/_jsx(MentionPickerPlugin, {
+        }), editable && /*#__PURE__*/_jsx(MentionPickerPlugin, {
           allowSpaces: allowSpaces,
           onSelect: onSelect,
           options: options,
@@ -140,9 +145,11 @@ export var Mentions = function Mentions(_ref) {
           triggers: triggers
         }), /*#__PURE__*/_jsx(MentionNodePlugin, {}), /*#__PURE__*/_jsx(MentionNodePluginReplacement, {}), /*#__PURE__*/_jsx(HistoryPlugin, {}), /*#__PURE__*/_jsx(OnChangePlugin, {
           onChange: handleEditorChange
-        }), /*#__PURE__*/_jsx(OnBlurBlock, {
+        }), /*#__PURE__*/_jsx(OnBlurBlockPlugin, {
           onBlur: onBlur,
           onFocus: onFocus
+        }), /*#__PURE__*/_jsx(EditablePlugin, {
+          editable: editable
         })]
       })
     })

package/es/Mentions/plugins/OnBlurBlockPlugin.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+type OnBlurBlockPluginProps = {
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
+export declare const OnBlurBlockPlugin: FC<OnBlurBlockPluginProps>;
+export {};

package/es/Mentions/plugins/{on-blur-or-focus-block.js → OnBlurBlockPlugin.js}

@@ -4,7 +4,7 @@ import { mergeRegister } from '@lexical/utils';
 import { BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, FOCUS_COMMAND, KEY_ESCAPE_COMMAND } from 'lexical';
 import { useEffect, useRef } from 'react';
 import { CLEAR_HIDE_MENU_TIMEOUT } from "./mention-node";
-var OnBlurBlock = function OnBlurBlock(_ref) {
+export var OnBlurBlockPlugin = function OnBlurBlockPlugin(_ref) {
   var onBlur = _ref.onBlur,
     onFocus = _ref.onFocus;
   var _useLexicalComposerCo = useLexicalComposerContext(),
@@ -32,5 +32,4 @@ var OnBlurBlock = function OnBlurBlock(_ref) {
     }, COMMAND_PRIORITY_EDITOR));
   }, [editor, onBlur, onFocus]);
   return null;
-};
-export default OnBlurBlock;
+};

package/es/Mentions/plugins/editable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const EditablePlugin: React.FC<{
+    editable: boolean;
+}>;

package/es/Mentions/plugins/editable.js

@@ -0,0 +1,13 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useEffect } from 'react';
+export var EditablePlugin = function EditablePlugin(_ref) {
+  var editable = _ref.editable;
+  var _useLexicalComposerCo = useLexicalComposerContext(),
+    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  useEffect(function () {
+    editor.setEditable(editable);
+  }, [editable, editor]);
+  return null;
+};

package/package.json

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