@douyinfe/semi-foundation 2.93.0 → 2.94.1

package/lib/cjs/form/interface.d.ts

@@ -42,6 +42,12 @@ export type ScrollToErrorOptions<K> = {
     index?: number;
     scrollOpts?: ScrollIntoViewOptions;
 };
+export interface ValidateOptions<K extends keyof any = keyof any> {
+    /** Fields to validate, if not specified, validate all fields */
+    fields?: Array<K>;
+    /** Whether to validate silently (without updating UI or setting touched state) */
+    silent?: boolean;
+}
 export interface BaseFormApi<T extends object = any> {
     /** get value of field */
     getValue: <P extends FieldPath<T>>(field?: P) => FieldPathValue<T, P>;
@@ -65,8 +71,8 @@ export interface BaseFormApi<T extends object = any> {
     submitForm: () => void;
     /** reset form manual */
     reset: (fields?: Array<string>) => void;
-    /** trigger validate  manual */
-    validate: <K extends keyof T, Params extends Array<K>, V extends Params[number]>(fields?: Params) => Promise<{
+    /** trigger validate manual */
+    validate: <K extends keyof T, Params extends Array<K>, V extends Params[number]>(fields?: Params | ValidateOptions<K>) => Promise<{
         [R in V]: T[R];
     }>;
     getInitValue: <K extends keyof T>(field: K) => any;

package/lib/cjs/input/textareaFoundation.d.ts

@@ -18,6 +18,8 @@ export interface TextAreaAdapter extends Partial<DefaultAdapter>, Partial<TextAr
     notifyPressEnter(e: any): void;
     getRef(): HTMLInputElement;
     notifyHeightUpdate(e: any): void;
+    focusInput(): void;
+    isEventTarget(e: any): boolean;
 }
 export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter> {
     static get textAreaDefaultAdapter(): {
@@ -67,4 +69,14 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
     handleMouseLeave(e: any): void;
     isAllowClear(): boolean;
     handleClear(e: any): void;
+    /**
+     * trigger when click textarea wrapper
+     * @param {Event} e
+     */
+    handleClick(e: any): void;
+    /**
+     * trigger when click textarea counter
+     * @param {Event} e
+     */
+    handleCounterClick(e: any): void;
 }

package/lib/cjs/input/textareaFoundation.js

@@ -277,5 +277,44 @@ class TextAreaFoundation extends _foundation.default {
     this._adapter.notifyClear(e);
     this.stopPropagation(e);
   }
+  /**
+   * trigger when click textarea wrapper
+   * @param {Event} e
+   */
+  handleClick(e) {
+    const {
+      disabled,
+      readonly
+    } = this._adapter.getProps();
+    const {
+      isFocus
+    } = this._adapter.getStates();
+    if (disabled || readonly || isFocus) {
+      return;
+    }
+    // do not handle bubbling up events
+    if (this._adapter.isEventTarget(e)) {
+      this._adapter.focusInput();
+      this._adapter.toggleFocusing(true);
+    }
+  }
+  /**
+   * trigger when click textarea counter
+   * @param {Event} e
+   */
+  handleCounterClick(e) {
+    const {
+      disabled,
+      readonly
+    } = this._adapter.getProps();
+    const {
+      isFocus
+    } = this._adapter.getStates();
+    if (disabled || readonly || isFocus) {
+      return;
+    }
+    this._adapter.focusInput();
+    this._adapter.toggleFocusing(true);
+  }
 }
 exports.default = TextAreaFoundation;

package/lib/cjs/modal/modalFoundation.d.ts

@@ -61,10 +61,16 @@ export interface ModalState {
     onCancelReturnPromiseStatus?: "pending" | "fulfilled" | "rejected";
 }
 export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
+    private _debouncedOk;
+    private _debouncedCancel;
+    private _lastCancelTarget;
+    private _lastOkTarget;
     constructor(adapter: ModalAdapter);
     destroy(): void;
     handleCancel(e: any): void;
     handleOk(e: any): void;
+    private _invokeCancel;
+    private _invokeOk;
     beforeShow(): void;
     afterHide(): void;
     enabledBodyScroll(): void;

package/lib/cjs/modal/modalFoundation.js

@@ -4,23 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _isPromise = _interopRequireDefault(require("../utils/isPromise"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class ModalFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-    // afterClose() {
-    //     this._adapter.notifyClose();
-    // }
+    this._debouncedOk = (0, _debounce2.default)(e => {
+      this._invokeOk(e);
+    }, 100, {
+      leading: true,
+      trailing: false
+    });
+    this._debouncedCancel = (0, _debounce2.default)(e => {
+      this._invokeCancel(e);
+    }, 100, {
+      leading: true,
+      trailing: false
+    });
+    this._lastCancelTarget = null;
+    this._lastOkTarget = null;
     this.toggleDisplayNone = (displayNone, callback) => {
       this._adapter.toggleDisplayNone(displayNone, callback);
     };
   }
   destroy() {
+    this._debouncedOk.cancel();
+    this._debouncedCancel.cancel();
     this.afterHide();
   }
   handleCancel(e) {
+    var _a, _b;
+    const target = (_b = (_a = e === null || e === void 0 ? void 0 : e.currentTarget) !== null && _a !== void 0 ? _a : e === null || e === void 0 ? void 0 : e.target) !== null && _b !== void 0 ? _b : null;
+    if (target !== this._lastCancelTarget) {
+      this._debouncedCancel.cancel();
+    }
+    this._lastCancelTarget = target;
+    this._debouncedCancel(e);
+  }
+  handleOk(e) {
+    var _a, _b;
+    const target = (_b = (_a = e === null || e === void 0 ? void 0 : e.currentTarget) !== null && _a !== void 0 ? _a : e === null || e === void 0 ? void 0 : e.target) !== null && _b !== void 0 ? _b : null;
+    if (target !== this._lastOkTarget) {
+      this._debouncedOk.cancel();
+    }
+    this._lastOkTarget = target;
+    this._debouncedOk(e);
+  }
+  _invokeCancel(e) {
     var _a;
     const result = this._adapter.notifyCancel(e);
     if ((0, _isPromise.default)(result)) {
@@ -39,7 +71,7 @@ class ModalFoundation extends _foundation.default {
       });
     }
   }
-  handleOk(e) {
+  _invokeOk(e) {
     var _a;
     const result = this._adapter.notifyOk(e);
     if ((0, _isPromise.default)(result)) {

package/lib/cjs/pagination/foundation.js

@@ -55,7 +55,13 @@ class PaginationFoundation extends _foundation.default {
       prevIsDisabled = false;
       nextIsDisabled = true;
     }
-    this._adapter.setDisabled(prevIsDisabled, nextIsDisabled);
+    const {
+      prevDisabled: currentPrevDisabled,
+      nextDisabled: currentNextDisabled
+    } = this.getStates();
+    if (prevIsDisabled !== currentPrevDisabled || nextIsDisabled !== currentNextDisabled) {
+      this._adapter.setDisabled(prevIsDisabled, nextIsDisabled);
+    }
   }
   goPage(targetPageIndex) {
     if (targetPageIndex === '...') {
@@ -99,9 +105,17 @@ class PaginationFoundation extends _foundation.default {
       total,
       pageSize
     });
-    this._adapter.updateTotal(total);
-    this._adapter.setCurrentPage(targetPageIndex);
-    this._adapter.updatePageSize(pageSize);
+    // Only call setState when value actually changed to avoid unnecessary re-renders
+    // that can cause infinite loops in React 18's concurrent batching
+    if (total !== this.getState('total')) {
+      this._adapter.updateTotal(total);
+    }
+    if (targetPageIndex !== this.getState('currentPage')) {
+      this._adapter.setCurrentPage(targetPageIndex);
+    }
+    if (pageSize !== this.getState('pageSize')) {
+      this._adapter.updatePageSize(pageSize);
+    }
   }
   updateAllPageNumbers(total, pageSize) {
     // only need to update in small size
@@ -237,9 +251,16 @@ class PaginationFoundation extends _foundation.default {
       total,
       currentPage
     } = this.getStates();
-    // After converting the switching page capacity, which page is the current page
-    const currentPageFirstItemIndex = (currentPage - 1) * pageSize + 1;
-    const newCurrentPage = Math.ceil(currentPageFirstItemIndex / newPageSize);
+    // Check if we should prevent page change when pageSize changes
+    const {
+      preventPageChangeOnPageSizeChange
+    } = this.getProps();
+    let newCurrentPage = currentPage;
+    if (!preventPageChangeOnPageSizeChange) {
+      // After converting the switching page capacity, which page is the current page
+      const currentPageFirstItemIndex = (currentPage - 1) * pageSize + 1;
+      newCurrentPage = Math.ceil(currentPageFirstItemIndex / newPageSize);
+    }
     this.updatePage(newCurrentPage, total, newPageSize);
     if (currentPage !== newCurrentPage) {
       this._adapter.notifyPageChange(newCurrentPage);

package/lib/cjs/pincode/foundation.d.ts

@@ -3,7 +3,7 @@ export interface PinCodeBaseProps {
     disabled?: boolean;
     value?: string;
     format?: "number" | "mixed" | RegExp | ((value: string) => boolean);
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     defaultValue?: string;
     count?: number;
     autoFocus?: boolean;

package/lib/cjs/resizable/resizable.css

@@ -9,7 +9,7 @@
 .semi-resizable-resizableHandler {
   position: absolute;
   user-select: none;
-  z-index: 2000;
+  z-index: 10;
 }
 .semi-resizable-resizableHandler-top {
   width: 100%;
@@ -91,7 +91,7 @@
 }
 .semi-resizable-handler {
   user-select: none;
-  z-index: 2000;
+  z-index: 10;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -114,7 +114,7 @@
   height: 100%;
   width: 100%;
   inset: 0;
-  z-index: 2010;
+  z-index: 20;
   opacity: 0;
   position: fixed;
 }

package/lib/cjs/resizable/variables.scss

@@ -1,5 +1,5 @@
-$z-resizable_handler: 2000 !default; // 伸缩框组件中handler的z-index
-$z-resizable_background: 2010; // 伸缩框组件中背景的z-index
+$z-resizable_handler: 10 !default; // 伸缩框组件中handler的z-index，保持较低层级避免覆盖弹出层组件
+$z-resizable_background: 20; // 伸缩框组件中背景的z-index，保持略高于handler
 
 $height-row-handler: 10px; // 单个伸缩框中上下handler的高度
 $width-col-handler: 10px;  // 单个伸缩框中左右handler的宽度

package/lib/cjs/select/foundation.d.ts

@@ -54,7 +54,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     constructor(adapter: SelectAdapter);
     _keydownHandler: (...arg: any[]) => void | null;
     init(): void;
-    focus(): void;
+    focus(optionsForOpen?: BasicOptionProps[]): void;
     _focusTrigger(): void;
     destroy(): void;
     _setDropdownWidth(): void;

package/lib/cjs/select/foundation.js

@@ -43,20 +43,31 @@ class SelectFoundation extends _foundation.default {
     }
     const autoFocus = this.getProp('autoFocus');
     if (autoFocus) {
-      this.focus();
+      this.focus(originalOptions);
     }
   }
-  focus() {
+  focus(optionsForOpen) {
     const isFilterable = this._isFilterable();
     const isMultiple = this._isMultiple();
+    const {
+      isOpen
+    } = this.getStates();
     this._adapter.updateFocusState(true);
     this._adapter.setIsFocusInContainer(false);
-    if (isFilterable && isMultiple) {
-      // when filter and multiple, only focus input
-      this.focusInput();
-    } else if (isFilterable && !isMultiple) {
-      // when filter and not multiple, only show input and focus input
-      this.toggle2SearchInput(true);
+    if (isFilterable) {
+      if (isMultiple) {
+        // when filter and multiple, focus input and open dropdown
+        this.focusInput();
+        if (!isOpen) {
+          this.open(undefined, optionsForOpen);
+        }
+      } else {
+        // when filter and not multiple, show input, focus it and open dropdown
+        this.toggle2SearchInput(true);
+        if (!isOpen) {
+          this.open(undefined, optionsForOpen);
+        }
+      }
     } else {
       this._focusTrigger();
     }

package/lib/cjs/steps/bacisSteps.scss

@@ -69,11 +69,17 @@ $basicType: #{$module}-basic;
 
             .#{$item}-title {
                 max-width: $width-steps_basic_item_title-maxWidth;
+                min-height: $height-steps_basic_item_left-icon;
+                display: inline-flex;
+                align-items: center;
                 
                 .#{$item}-title-text {
                     @include text-overflow-hidden;
-                    transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text
-                       
+                    transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text;
+
+                    &-empty {
+                        width: 0;
+                    }
                 }
             }
 

package/lib/cjs/steps/steps.css

@@ -193,6 +193,9 @@
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   max-width: 80%;
+  min-height: 24px;
+  display: inline-flex;
+  align-items: center;
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
@@ -200,6 +203,9 @@
   white-space: nowrap;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
+  width: 0;
+}
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;

package/lib/cjs/upload/foundation.d.ts

@@ -74,8 +74,10 @@ export interface UploadAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyPreviewClick: (file: any) => void;
     notifyDrop: (e: any, files: Array<File>, fileList: Array<BaseFileItem>) => void;
     notifyAcceptInvalid: (invalidFiles: Array<File>) => void;
-    registerPastingHandler: (cb?: (params?: any) => void) => void;
+    registerPastingHandler: (cb?: (params?: KeyboardEvent | ClipboardEvent) => void) => void;
     unRegisterPastingHandler: () => void;
+    registerPasteEventHandler: (cb?: (params?: ClipboardEvent) => void) => void;
+    unRegisterPasteEventHandler: () => void;
     isMac: () => boolean;
     notifyPastingError: (error: Error | PermissionStatus) => void;
 }
@@ -87,6 +89,11 @@ declare class UploadFoundation<P = Record<string, any>, S = Record<string, any>>
      * when _createURL is called multiple times in a sync loop.
      */
     _localUrls: Record<string, string>;
+    /**
+     * Flag to prevent duplicate handling of paste events.
+     * When paste event is successfully handled, we ignore the subsequent keydown event.
+     */
+    _pasteHandled: boolean;
     constructor(adapter: UploadAdapter<P, S>);
     init(): void;
     /**

package/lib/cjs/upload/foundation.js

@@ -57,6 +57,11 @@ class UploadFoundation extends _foundation.default {
      * when _createURL is called multiple times in a sync loop.
      */
     this._localUrls = {};
+    /**
+     * Flag to prevent duplicate handling of paste events.
+     * When paste event is successfully handled, we ignore the subsequent keydown event.
+     */
+    this._pasteHandled = false;
   }
   init() {
     // make sure state reset, otherwise may cause upload abort in React StrictMode, like https://github.com/DouyinFE/semi-design/pull/843
@@ -1081,40 +1086,83 @@ class UploadFoundation extends _foundation.default {
     }
   }
   handlePasting(e) {
-    const isMac = this._adapter.isMac();
-    const isCombineKeydown = isMac ? e.metaKey : e.ctrlKey;
     const {
       addOnPasting
     } = this.getProps();
-    if (addOnPasting) {
-      if (isCombineKeydown && e.code === 'KeyV') {
-        // https://github.com/microsoft/TypeScript/issues/33923
-        const permissionName = 'clipboard-read';
-        // The main thread should not be blocked by clipboard, so callback writing is required here. No await here
-        navigator.permissions.query({
-          name: permissionName
-        }).then(result => {
-          if (result.state === 'granted' || result.state === 'prompt') {
-            // user has authorized or will authorize
-            navigator.clipboard.read().then(clipboardItems => {
-              // Process the data read from the pasteboard
-              // Check the returned data type to determine if it is image data, and process accordingly
-              this.readFileFromClipboard(clipboardItems);
-            });
-          } else {
-            this._adapter.notifyPastingError(result);
+    if (!addOnPasting) {
+      return;
+    }
+    // Try to read from native paste event (clipboardData) first as fallback
+    if (e.type === 'paste' && e.clipboardData && e.clipboardData.items) {
+      const items = e.clipboardData.items;
+      const files = [];
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        // Check if the item is a file (image, etc.)
+        if (item.kind === 'file') {
+          const file = item.getAsFile();
+          if (file) {
+            files.push(file);
           }
-        }).catch(error => {
-          this._adapter.notifyPastingError(error);
-        });
+        }
+      }
+      if (files.length > 0) {
+        e.preventDefault();
+        this.handleChange(files);
+        // Mark that paste event has been handled to prevent duplicate handling by keydown event
+        this._pasteHandled = true;
+        // Reset the flag after a short delay to allow future paste operations
+        setTimeout(() => {
+          this._pasteHandled = false;
+        }, 100);
+        return;
       }
     }
+    // Fallback to navigator.clipboard for keyboard events (keydown with Ctrl/Cmd+V)
+    // Skip if paste event has already been handled
+    if (this._pasteHandled) {
+      this._pasteHandled = false;
+      return;
+    }
+    const isMac = this._adapter.isMac();
+    const isCombineKeydown = isMac ? e.metaKey : e.ctrlKey;
+    if (isCombineKeydown && e.code === 'KeyV') {
+      // Check if navigator.clipboard is available
+      if (!navigator.clipboard || typeof navigator.clipboard.read !== 'function') {
+        return;
+      }
+      // https://github.com/microsoft/TypeScript/issues/33923
+      const permissionName = 'clipboard-read';
+      // The main thread should not be blocked by clipboard, so callback writing is required here. No await here
+      navigator.permissions.query({
+        name: permissionName
+      }).then(result => {
+        if (result.state === 'granted' || result.state === 'prompt') {
+          // user has authorized or will authorize
+          navigator.clipboard.read().then(clipboardItems => {
+            // Process the data read from the pasteboard
+            // Check the returned data type to determine if it is image data, and process accordingly
+            this.readFileFromClipboard(clipboardItems);
+          }).catch(error => {
+            this._adapter.notifyPastingError(error);
+          });
+        } else {
+          this._adapter.notifyPastingError(result);
+        }
+      }).catch(error => {
+        this._adapter.notifyPastingError(error);
+      });
+    }
   }
   bindPastingHandler() {
+    // Register keyboard event handler (keydown with Ctrl/Cmd+V)
     this._adapter.registerPastingHandler(event => this.handlePasting(event));
+    // Register native paste event handler as fallback
+    this._adapter.registerPasteEventHandler(event => this.handlePasting(event));
   }
   unbindPastingHandler() {
     this._adapter.unRegisterPastingHandler();
+    this._adapter.unRegisterPasteEventHandler();
   }
 }
 var _default = exports.default = UploadFoundation;

package/lib/cjs/utils/escapeHtml.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Escape HTML angle brackets in markdown text, preserving code blocks and inline code.
+ *
+ * In `format='md'` mode, @mdx-js/mdx uses `rehypeRemoveRaw` which strips all raw HTML nodes.
+ * This causes user-typed HTML-like content (e.g. `<AgentChat />`) to silently disappear.
+ * By escaping `<` to `&lt;` outside of code spans/blocks, the markdown parser treats them
+ * as literal text instead of HTML tags.
+ */
+export declare function escapeHtmlInMarkdown(text: string): string;

package/lib/cjs/utils/escapeHtml.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.escapeHtmlInMarkdown = escapeHtmlInMarkdown;
+/**
+ * Escape HTML angle brackets in markdown text, preserving code blocks and inline code.
+ *
+ * In `format='md'` mode, @mdx-js/mdx uses `rehypeRemoveRaw` which strips all raw HTML nodes.
+ * This causes user-typed HTML-like content (e.g. `<AgentChat />`) to silently disappear.
+ * By escaping `<` to `&lt;` outside of code spans/blocks, the markdown parser treats them
+ * as literal text instead of HTML tags.
+ */
+function escapeHtmlInMarkdown(text) {
+  const lines = text.split('\n');
+  const result = [];
+  let fenceChar = null;
+  let fenceLen = 0;
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    if (fenceChar !== null) {
+      // Inside a fenced code block — check for closing fence
+      result.push(line);
+      const trimmed = line.trimEnd();
+      if (trimmed.length >= fenceLen && trimmed[0] === fenceChar && trimmed === fenceChar.repeat(trimmed.length)) {
+        fenceChar = null;
+      }
+    } else {
+      // Check if this line opens a fenced code block
+      const fenceMatch = line.match(/^(`{3,}|~{3,})/);
+      if (fenceMatch) {
+        fenceChar = fenceMatch[1][0];
+        fenceLen = fenceMatch[1].length;
+        result.push(line);
+      } else {
+        result.push(escapeAngleBracketsOutsideInlineCode(line));
+      }
+    }
+  }
+  return result.join('\n');
+}
+/**
+ * Escape `<` to `&lt;` in a single line, but preserve content inside inline code spans.
+ */
+function escapeAngleBracketsOutsideInlineCode(line) {
+  const parts = [];
+  let i = 0;
+  while (i < line.length) {
+    if (line[i] === '`') {
+      // Count opening backticks
+      let count = 0;
+      const start = i;
+      while (i < line.length && line[i] === '`') {
+        count++;
+        i++;
+      }
+      // Find matching closing backticks (exact same count)
+      const closer = '`'.repeat(count);
+      const closeIdx = line.indexOf(closer, i);
+      if (closeIdx !== -1) {
+        parts.push(line.slice(start, closeIdx + count));
+        i = closeIdx + count;
+      } else {
+        // No matching close — treat backticks as regular text, escape any `<`
+        parts.push(line.slice(start, i).replace(/</g, '&lt;'));
+      }
+    } else if (line[i] === '<') {
+      parts.push('&lt;');
+      i++;
+    } else {
+      // Collect a run of non-special characters at once
+      const next = line.indexOf('<', i);
+      const nextBt = line.indexOf('`', i);
+      let end;
+      if (next === -1 && nextBt === -1) {
+        end = line.length;
+      } else if (next === -1) {
+        end = nextBt;
+      } else if (nextBt === -1) {
+        end = next;
+      } else {
+        end = Math.min(next, nextBt);
+      }
+      parts.push(line.slice(i, end));
+      i = end;
+    }
+  }
+  return parts.join('');
+}

package/lib/cjs/utils/object.js

@@ -64,7 +64,9 @@ function cleanup(obj, path) {
   //     lodashRemove(target, (value, index, array) => index > lastIndex);
   // }
   // Delete object if its empty
-  if (Array.isArray(target) && target.every(e => e == null)) {
+  // Only delete array if it's not empty AND all elements are null/undefined
+  // This prevents empty arrays from being deleted (issue #2834)
+  if (Array.isArray(target) && target.length > 0 && target.every(e => e == null)) {
     (0, _unset2.default)(obj, path);
   } else if (isEmptyObject(target)) {
     (0, _unset2.default)(obj, path);

package/lib/es/aiChatInput/foundation.js

@@ -353,7 +353,9 @@ export default class AIChatInputFoundation extends BaseFoundation {
     };
     this.handRichTextArealKeyDown = (view, event) => {
       var _a;
-      // console.log('outer key down handle');
+      if (view.composing) {
+        return false;
+      }
       const {
         sendHotKey
       } = this.getProps();

package/lib/es/autoComplete/foundation.d.ts

@@ -13,6 +13,7 @@ export interface DataItem {
 export interface StateOptionItem extends DataItem {
     show?: boolean;
     key?: string | number;
+    _renderedLabel?: any;
 }
 export type AutoCompleteData = Array<DataItem | string>;
 export interface AutoCompleteAdapter<P = Record<string, any>, S = Record<string, any>> extends KeyboardAdapter<P, S> {

package/lib/es/autoComplete/foundation.js

@@ -112,7 +112,7 @@ class AutoCompleteFoundation extends BaseFoundation {
           }, item);
         }
         if (renderItem && typeof renderItem === 'function') {
-          option.label = renderItem(item);
+          option._renderedLabel = renderItem(item);
         }
         options.push(option);
       });