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

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/es/index.d.ts

@@ -23,7 +23,6 @@ export * from './Form';
 export * from './FormHelper';
 export * from './Modal';
 export * from './notification';
-export * from './Radio';
 export * from './Table';
 export * from './Tree';
 export * from './Typography';
@@ -37,7 +36,7 @@ export * from './WaveformIcon';
 export { Affix, type AffixProps, Anchor, type AnchorProps, type MentionProps as AntdMentionProps, Mentions as AntdMentions, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, // @todo composed type
 type BadgeProps, Button, // @todo dependence unifiedLink. link type, hover primary color, back button
 type ButtonProps, Calendar, type CalendarProps, Carousel, type CarouselProps, Cascader, type CascaderProps, Checkbox, type CheckboxProps, Col, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColProps, // @todo center style
-type CountdownProps, DatePicker, type DatePickerProps, Empty, type EmptyProps, Flex, type FlexProps, FloatButton, type GlobalToken, Grid, Image, type ImageProps, Input, InputNumber, type InputNumberProps, type InputProps, type InputRef, Layout, type LayoutProps, List, type ListProps, type MappingAlgorithm, Menu, type MenuItemProps, type MenuProps, type MenuRef, type MenuTheme, message, type MessageArgsProps, Pagination, type PaginationProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, type QRPropsCanvas, type QRPropsSvg, Rate, type RateProps, type RefSelectProps, Result, type ResultProps, Row, type RowProps, Segmented, type SegmentedProps, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderSingleProps, Space, type SpaceProps, Spin, type SpinProps, Statistic, type StatisticProps, type StepProps, Steps, type StepsProps, type SubMenuProps, Switch, type SwitchProps, type TabPaneProps, Tabs, type TabsProps, Tag, type TagProps, type TagType, theme, Timeline, type TimelineItemProps, type TimelineProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, Tooltip, type TooltipProps, Tour, type TourProps, type TourStepProps, Transfer, type TransferProps, Tree, type TreeDataNode, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, Upload, type UploadFile, type UploadProps, version, Watermark, type WatermarkProps, } from 'antd';
+type CountdownProps, DatePicker, type DatePickerProps, Empty, type EmptyProps, Flex, type FlexProps, FloatButton, type GlobalToken, Grid, Image, type ImageProps, Input, InputNumber, type InputNumberProps, type InputProps, type InputRef, Layout, type LayoutProps, List, type ListProps, type MappingAlgorithm, Menu, type MenuItemProps, type MenuProps, type MenuRef, type MenuTheme, message, type MessageArgsProps, Pagination, type PaginationProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, type QRPropsCanvas, type QRPropsSvg, Radio, type RadioGroupProps, type RadioProps, Rate, type RateProps, type RefSelectProps, Result, type ResultProps, Row, type RowProps, Segmented, type SegmentedProps, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderSingleProps, Space, type SpaceProps, Spin, type SpinProps, Statistic, type StatisticProps, type StepProps, Steps, type StepsProps, type SubMenuProps, Switch, type SwitchProps, type TabPaneProps, Tabs, type TabsProps, Tag, type TagProps, type TagType, theme, Timeline, type TimelineItemProps, type TimelineProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, Tooltip, type TooltipProps, Tour, type TourProps, type TourStepProps, Transfer, type TransferProps, Tree, type TreeDataNode, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, Upload, type UploadFile, type UploadProps, version, Watermark, type WatermarkProps, } from 'antd';
 export { CopyButton, type CopyButtonProps, Markdown, type MarkdownProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from '@lobehub/ui';
 export { SpeechSynthesisTTS } from '@lobehub/tts';
 export { AudioPlayer, useAudioPlayer, useSpeechRecognition } from '@lobehub/tts/react';

package/es/index.js

@@ -25,7 +25,6 @@ export * from "./Form";
 export * from "./FormHelper";
 export * from "./Modal";
 export * from "./notification";
-export * from "./Radio";
 export * from "./Table";
 export * from "./Tree";
 export * from "./Typography";
@@ -47,7 +46,7 @@ export { Affix, Anchor, Mentions as AntdMentions, AutoComplete, Avatar, BackTop,
 , Calendar, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker
 
 // @todo center style
-, DatePicker, Empty, Flex, FloatButton, Grid, Image, Input, InputNumber, Layout, List, Menu, message, Pagination, Popconfirm, Popover, Progress, QRCode, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, theme, Timeline, TimePicker, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, version, Watermark } from 'antd';
+, DatePicker, Empty, Flex, FloatButton, Grid, Image, Input, InputNumber, Layout, List, Menu, message, Pagination, Popconfirm, Popover, Progress, QRCode, Radio, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, theme, Timeline, TimePicker, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, version, Watermark } from 'antd';
 
 // ~ @lobehub/ui
 export { CopyButton, Markdown, SyntaxHighlighter } from '@lobehub/ui';

package/package.json

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