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

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.87",
+  "version": "1.0.0-beta.88",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",