@douyinfe/semi-foundation 2.97.0 → 2.99.0

package/cascader/foundation.ts

@@ -650,7 +650,9 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
             } else if (selectedKeys.size && !multiple) {
                 inputValue = this.renderDisplayText([...selectedKeys][0]);
             }
-            this._adapter.updateStates({ inputValue });
+            // Reset isSearching immediately in close() instead of relying on afterClose callback
+            // This prevents timing issues where open() clears inputValue but isSearching is still true
+            this._adapter.updateStates({ inputValue, isSearching: false });
             !multiple && this.toggle2SearchInput(false);
             !multiple && this._adapter.updateFocusState(false);
         }

package/codeHighlight/codeHighlight.scss

@@ -16,7 +16,7 @@ $module: #{$prefix}-codeHighlight;
       font-size: 13px;
       text-shadow: none;
       // font-family: 'Inconsolata', Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+      font-family: ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
       direction: ltr;
       text-align: left;
       white-space: pre;

package/datePicker/foundation.ts

@@ -168,6 +168,11 @@ export interface DatePickerFoundationProps extends ElementProps, RenderProps, Ev
     dateFnsLocale?: any;
     localeCode?: string;
     rangeSeparator?: string;
+    /**
+     * Only for UI render. Keep `semi-foundation` framework-agnostic (no React types).
+     * `semi-ui` layer should declare this as `React.ReactNode`.
+     */
+    rangeSeparatorNode?: any;
     insetInput?: DateInputFoundationProps['insetInput'];
     preventScroll?: boolean
 }
@@ -1265,6 +1270,8 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     _isRangeValueComplete = (value: Date[] | Date) => {
         let result = false;
         if (Array.isArray(value)) {
+            // Note: empty array should be treated as "complete" (not partially selected)
+            // to keep behaviors such as clear/confirm/change consistent.
             result = !value.some(date => isNullOrUndefined(date));
         }
         return result;

package/datePicker/inputFoundation.ts

@@ -61,6 +61,11 @@ export interface DateInputFoundationProps extends DateInputElementProps, DateInp
     validateStatus?: ValidateStatus;
     prefixCls?: string;
     rangeSeparator?: string;
+    /**
+     * Only for UI render. Keep `semi-foundation` framework-agnostic (no React types).
+     * `semi-ui` layer should declare this as `React.ReactNode`.
+     */
+    rangeSeparatorNode?: any;
     panelType?: PanelType;
     insetInput?: boolean | InsetInputProps;
     insetInputValue?: InsetInputValue;

package/form/foundation.ts

@@ -94,14 +94,58 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
         const registered = this.registered[field];
         this.registered[field] = true;
         this.fields.set(field, fieldStuff);
-        if (fieldStuff.keepState) {
-            // TODO support keepState
+        if (fieldStuff.keepState && registered) {
+            // When keepState is true and the field was previously registered (remounting),
+            // restore the saved state from formState instead of using the initial value
+            const hasSavedValue = ObjectUtil.has(this.data.values, field);
+            const savedValue = ObjectUtil.get(this.data.values, field);
+            const hasSavedError = ObjectUtil.has(this.data.errors, field);
+            const savedError = ObjectUtil.get(this.data.errors, field);
+            const hasSavedTouched = ObjectUtil.has(this.data.touched, field);
+            const savedTouched = ObjectUtil.get(this.data.touched, field);
+
+            const allowEmpty = fieldStuff.allowEmpty || false;
+            const opts: CallOpts = {
+                notNotify: true,
+                notUpdate: false,
+                // updateStateValue reads `fieldAllowEmpty` (field-level override)
+                fieldAllowEmpty: allowEmpty,
+            };
+
+            // Restore value from formState if it exists
+            if (hasSavedValue) {
+                // Keep formState as source of truth; still trigger a forceUpdate so that
+                // consumers of formState can get the latest snapshot when field remounts.
+                this.updateStateValue(field, savedValue, opts);
+                // Sync the restored value back to the field component's local state.
+                // Avoid a second forceUpdate/notify from FieldApi.
+                fieldStuff.fieldApi.setValue(savedValue, { ...opts, notUpdate: true });
+            } else {
+                // No saved value, use initial value
+                let fieldValue = fieldState.value;
+                if (!allowEmpty && fieldValue === '') {
+                    fieldValue = undefined;
+                }
+                this.updateStateValue(field, fieldValue, opts);
+            }
+
+            // Restore error from formState if it exists
+            if (hasSavedError) {
+                this.updateStateError(field, savedError, opts);
+                fieldStuff.fieldApi.setError(savedError, { ...opts, notUpdate: true });
+            }
+
+            // Restore touched from formState if it exists
+            if (hasSavedTouched) {
+                this.updateStateTouched(field, savedTouched, opts);
+                fieldStuff.fieldApi.setTouched(savedTouched, { ...opts, notUpdate: true });
+            }
         } else {
             const allowEmpty = fieldStuff.allowEmpty || false;
-            const opts = {
+            const opts: CallOpts = {
                 notNotify: true,
                 notUpdate: false,
-                allowEmpty,
+                fieldAllowEmpty: allowEmpty,
             };
             let fieldValue = fieldState.value;
             // When allowEmpty is false, 'is equivalent to undefined, and the key of the field does not need to be reflected on values
@@ -476,6 +520,8 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
         const formAllowEmpty = this.getProp('allowEmpty');
 
         // priority at Field level
+        // NOTE: Keep legacy semantics here to avoid implicit breaking changes.
+        // (Field-level allowEmpty overriding behavior is handled during register/restore paths.)
         const allowEmpty = fieldAllowEmpty ? fieldAllowEmpty : formAllowEmpty;
 
         ObjectUtil.set(this.data.values, field, value, allowEmpty);

package/inputNumber/foundation.ts

@@ -164,8 +164,18 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         const value = this.getState('value');
 
         if (value !== '') {
-            // let parsedStr = this.doParse(this.getState('value'));
-            // this._adapter.setValue(Number(parsedStr));
+            // When scientific notation is enabled, convert to full number on focus
+            if (this._isScientificNotation() && !this._isCurrency()) {
+                const strVal = toString(value);
+                const isScientificStr = /e/i.test(strVal) && /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)[eE][+-]?\d+$/.test(strVal.trim());
+                if (isScientificStr) {
+                    const parsedNum = this.doParse(strVal, false, false, false);
+                    if (this.isValidNumber(parsedNum)) {
+                        const fullNumberStr = this.doFormat(parsedNum, true, false);
+                        this._adapter.setValue(fullNumberStr);
+                    }
+                }
+            }
         }
         this._adapter.recordCursorPosition();
         this._adapter.setFocusing(true, null);
@@ -284,6 +294,36 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
                 numHasChanged = true;
             }
 
+            // Fix issue #38: When input contains non-numeric characters (e.g., "1000CNY"),
+            // doParse returns NaN, but we should still apply max/min limit if a number
+            // can be extracted from the input or if currentNumber is out of range.
+            if (!this.isValidNumber(parsedNum)) {
+                // Try to extract a number from the input using parseFloat
+                // (parseFloat can extract numbers from strings like "1000CNY" -> 1000)
+                const extractedNum = parseFloat(currentValue);
+                if (!isNaN(extractedNum)) {
+                    const limitedNum = this.fetchMinOrMax(extractedNum);
+                    if (limitedNum !== currentNumber) {
+                        willSetNum = limitedNum;
+                        if (!this.isControlled()) {
+                            currentNumber = willSetNum;
+                        }
+                        numHasChanged = true;
+                    }
+                } else if (typeof currentNumber === 'number' && !isNaN(currentNumber)) {
+                    // If we can't extract a number but currentNumber exists and is out of range,
+                    // apply the max/min limit to currentNumber
+                    const limitedNum = this.fetchMinOrMax(currentNumber);
+                    if (limitedNum !== currentNumber) {
+                        willSetNum = limitedNum;
+                        if (!this.isControlled()) {
+                            currentNumber = willSetNum;
+                        }
+                        numHasChanged = true;
+                    }
+                }
+            }
+
             const currentFormattedNum = this.doFormat(currentNumber, true, true);
 
             if (currentFormattedNum !== currentValue) {
@@ -475,7 +515,11 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
 
         // console.log('scale: ', scale, 'curNum: ', curNum);
 
-        return this.doFormat(curNum, true, true);
+        // NOTE:
+        // In non-currency mode, `needAdjustCurrency=true` is used by blur/init formatting paths.
+        // Step operations often happen while focused, and should keep full-number display.
+        // Currency mode still needs `needAdjustCurrency=true` to format currency strings.
+        return this.doFormat(curNum, true, this._isCurrency());
     }
 
     minus(step?: number, event?: any): string {
@@ -526,6 +570,54 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         return showCurrencySymbol ? formatted : formatted.replace(this._currencySymbol, '').trim();
     }
 
+    /**
+     * Check if scientific notation is enabled
+     */
+    _isScientificNotation() {
+        const { scientificNotation } = this.getProps();
+        return scientificNotation === true || (typeof scientificNotation === 'object' && scientificNotation !== null);
+    }
+
+    /**
+     * Get scientific notation threshold
+     * @returns {number} threshold for digit count
+     */
+    _getScientificNotationThreshold() {
+        const { scientificNotation } = this.getProps();
+        if (typeof scientificNotation === 'object' && scientificNotation !== null) {
+            const t = (scientificNotation as any).threshold;
+            return typeof t === 'number' && Number.isFinite(t) && t >= 1 ? t : 15;
+        }
+        return 15; // Default threshold: 15 digits
+    }
+
+    /**
+     * Convert number to scientific notation if exceeds threshold
+     * @param {number} num 
+     * @returns {string}
+     */
+    _toScientificNotation(num: number): string {
+        const threshold = this._getScientificNotationThreshold();
+        const absNum = Math.abs(num);
+        const numStr = String(absNum);
+        
+        // Count significant digits (excluding decimal point, sign, exponent symbol and leading zeros)
+        // If JS already stringifies it with exponent (contains e/E), it is eligible for scientific notation display.
+        const hasExp = /e/i.test(numStr);
+        const significantDigits = numStr.replace(/[.\-+eE]/g, '').replace(/^0+/, '');
+
+        // Check if number exceeds threshold
+        if ((hasExp || significantDigits.length >= threshold) && absNum !== 0) {
+            // Prefer preserving coefficient digits up to threshold (total significant digits = fractionDigits + 1)
+            const fractionDigits = Math.max(0, Math.min(100, Math.floor(threshold) - 1));
+            const exp = num.toExponential(fractionDigits);
+            // Remove trailing zeros in the coefficient
+            return exp.replace(/(\.\d*?)0+e/, '$1e').replace(/\.e/, 'e');
+        }
+        
+        return String(num);
+    }
+
     /**
      * format number to string
      * @param {string|number} value
@@ -547,6 +639,16 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         } else {
             str = toString(value);
         }
+        
+        // Apply scientific notation for long numbers in blur state
+        // needAdjustCurrency indicates blur state (when true, we're formatting for display after blur)
+        if (this._isScientificNotation() && needAdjustCurrency && !this._isCurrency()) {
+            const numValue = typeof value === 'number' ? value : parseFloat(str);
+            if (!isNaN(numValue) && isFinite(numValue)) {
+                str = this._toScientificNotation(numValue);
+            }
+        }
+        
         if (typeof formatter === 'function') {
             str = formatter(str);
         }
@@ -616,6 +718,20 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
             value = typeof parsedValue === 'number' ? toString(parsedValue) : parsedValue as string;
         }
 
+        // Support scientific notation parsing (e.g., "1.23e+15", "1.23E-10", ".5e3", "1.e3")
+        if (typeof value === 'string' && /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)[eE][+-]?\d+$/.test(value.trim())) {
+            const scientificNum = parseFloat(value.trim());
+            if (!isNaN(scientificNum)) {
+                if (needAdjustMaxMin) {
+                    return this.fetchMinOrMax(scientificNum);
+                }
+                if (needAdjustPrec) {
+                    return toNumber(this._adjustPrec(scientificNum));
+                }
+                return scientificNum;
+            }
+        }
+
         if (needCheckPrec && typeof value === 'string') {
             const zeroIsValid =
                 value.indexOf('.') === -1 ||

package/jsonViewer/jsonViewer.scss

@@ -64,7 +64,7 @@ $module: #{$prefix}-json-viewer;
     }
 
     &-view-line {
-        font-family: Menlo, Firecode, Monaco, 'Courier New', monospace;
+        font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, 'Fira Code', Consolas, 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
         font-weight: normal;
         font-size: 12px;
         font-feature-settings: 'liga' 0, 'calt' 0;
@@ -76,7 +76,7 @@ $module: #{$prefix}-json-viewer;
     }
 
     &-line-number {
-        font-family: Menlo, Firecode, Monaco, 'Courier New', monospace;
+        font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, 'Fira Code', Consolas, 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
         font-weight: normal;
         font-size: 12px;
         font-feature-settings: 'liga' 0, 'calt' 0;

package/lib/cjs/aiChatInput/aiChatInput.css

@@ -36,7 +36,7 @@
   color: var(--semi-color-text-0);
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-aiChatInput-suggestion-item-active {
   background-color: var(--semi-color-fill-0);
@@ -81,7 +81,7 @@
   margin-bottom: 8px;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
   column-gap: 4px;
   row-gap: 4px;
@@ -243,7 +243,7 @@
   padding: 8px 16px 0px;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 16px;
   align-items: center;
   display: flex;
@@ -259,7 +259,7 @@
   height: fit-content;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-aiChatInput-attachment {
   position: relative;
@@ -304,7 +304,7 @@
   color: var(--semi-color-text-0);
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
 }
 .semi-aiChatInput-attachment-content-size {
@@ -315,7 +315,7 @@
   color: var(--semi-color-text-2);
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
 }
 .semi-aiChatInput-attachment-delete {
@@ -467,7 +467,7 @@
 .semi-aiChatInput-editor-content .tiptap .select-slot {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 24px;
   padding: 2px 4px;
   border-radius: 4px;

package/lib/cjs/anchor/anchor.css

@@ -4,7 +4,7 @@
 .semi-anchor {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
@@ -12,7 +12,7 @@
 .semi-anchor-size-small {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-anchor-slide {
   position: absolute;
@@ -95,7 +95,7 @@
 .semi-anchor-link-tooltip-small {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-anchor-link-tooltip:hover {
   color: var(--semi-color-tertiary-hover) !important;

package/lib/cjs/autoComplete/autoComplete.css

@@ -4,7 +4,7 @@
 .semi-autocomplete-option {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   word-break: break-all;
   padding-left: 12px;
   padding-right: 12px;

package/lib/cjs/avatar/avatar.css

@@ -25,7 +25,7 @@
   align-items: center;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
 }
 .semi-avatar-content {
@@ -65,7 +65,7 @@
 .semi-avatar-small .semi-avatar-label {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-avatar-default {
   width: 40px;
@@ -75,7 +75,7 @@
 .semi-avatar-default .semi-avatar-label {
   font-size: 18px;
   line-height: 24px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-avatar-medium {
   width: 48px;
@@ -85,7 +85,7 @@
 .semi-avatar-medium .semi-avatar-label {
   font-size: 20px;
   line-height: 28px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-avatar-large {
   width: 72px;
@@ -95,7 +95,7 @@
 .semi-avatar-large .semi-avatar-label {
   font-size: 32px;
   line-height: 44px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-avatar-extra-large {
   width: 128px;

package/lib/cjs/badge/badge.css

@@ -26,7 +26,7 @@
   text-align: center;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   color: var(--semi-color-bg-2);
 }

package/lib/cjs/breadcrumb/breadcrumb.css

@@ -11,13 +11,13 @@
 .semi-breadcrumb-wrapper-loose {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
 }
 .semi-breadcrumb-wrapper-compact {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
 }
 .semi-breadcrumb-item-wrap {

package/lib/cjs/calendar/calendar.css

@@ -72,7 +72,7 @@
 .semi-calendar-week .semi-calendar-tag {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   min-width: 70px;
   color: var(--semi-color-text-2);
 }
@@ -188,7 +188,7 @@
 .semi-calendar-week .semi-calendar-time-item span {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: block;
   position: relative;
   top: -10px;
@@ -239,7 +239,7 @@
   align-items: flex-start;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
 }
 .semi-calendar-week-header {
@@ -301,7 +301,7 @@
 .semi-calendar-week .semi-calendar-all-day .semi-calendar-event-items .semi-calendar-event-allday > * {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-calendar-week .semi-calendar-week-tag {
   text-align: right;
@@ -318,7 +318,7 @@
   overflow: hidden;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-calendar-month-grid-wrapper {
   height: calc(100% - 27px);
@@ -372,7 +372,7 @@
 .semi-calendar-month-skeleton li span {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-calendar-month-skeleton li:last-child {
   border-right: none;
@@ -383,7 +383,7 @@
 .semi-calendar-month-skeleton .semi-calendar-month-event-card-wrapper {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: block;
   position: absolute;
   right: 8px;
@@ -420,7 +420,7 @@
 .semi-calendar-month-weekrow .semi-calendar-event-items .semi-calendar-event-month > * {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-calendar-month-date {
   position: absolute;
@@ -460,7 +460,7 @@
 .semi-calendar-month-event-card-header-info-date {
   font-size: 20px;
   line-height: 28px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-top: 4px;
 }
 .semi-calendar-month-event-card-body {

package/lib/cjs/cascader/cascader.css

@@ -48,7 +48,7 @@
 .semi-cascader-large .semi-cascader-selection {
   font-size: 16px;
   line-height: 22px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-cascader-large .semi-cascader-selection {
   padding-left: 12px;
@@ -104,7 +104,7 @@
 .semi-cascader-selection {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 100%;
   display: inline-flex;
   align-items: center;
@@ -218,7 +218,7 @@
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
 }
 .semi-cascader-prefix-icon, .semi-cascader-suffix-icon {
@@ -231,7 +231,7 @@
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   white-space: nowrap;
@@ -275,7 +275,7 @@
 .semi-cascader-popover .semi-cascader-option-lists .semi-cascader-option-empty {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   border-radius: var(--semi-border-radius-medium);
   color: var(--semi-color-disabled-text);
   margin: 0;
@@ -369,7 +369,7 @@
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   min-width: min-content;
   word-break: break-all;
   color: var(--semi-color-text-0);

package/lib/cjs/cascader/foundation.js

@@ -454,8 +454,11 @@ class CascaderFoundation extends _foundation.default {
       } else if (selectedKeys.size && !multiple) {
         inputValue = this.renderDisplayText([...selectedKeys][0]);
       }
+      // Reset isSearching immediately in close() instead of relying on afterClose callback
+      // This prevents timing issues where open() clears inputValue but isSearching is still true
       this._adapter.updateStates({
-        inputValue
+        inputValue,
+        isSearching: false
       });
       !multiple && this.toggle2SearchInput(false);
       !multiple && this._adapter.updateFocusState(false);