@douyinfe/semi-foundation 2.96.1 → 2.98.0

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.d.ts

@@ -114,6 +114,7 @@ export interface BasicCascaderProps {
     preventScroll?: boolean;
     virtualizeInSearch?: Virtualize;
     checkRelation?: string;
+    remote?: boolean;
     onClear?: () => void;
     triggerRender?: (props: BasicTriggerRenderProps) => any;
     onListScroll?: (e: any, panel: BasicScrollPanelProps) => void;
@@ -204,6 +205,17 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
     getItemPropPath(selectedKey: string, prop: string | any[], keyEntities?: BasicEntities): any[];
     _getCacheValue(keyEntities: BasicEntities): any;
     collectOptions(init?: boolean): void;
+    /**
+     * Calculate filtered keys based on current props.
+     * - In remote mode: do not do local match, treat current treeData nodes as results
+     * - In local mode: perform matching by filterTreeNode
+     */
+    _calcFilteredKeys(sugInput: string, keyEntities?: BasicEntities): string[];
+    /**
+     * Sync filteredKeys with latest options/keyEntities WITHOUT triggering onSearch.
+     * Used when treeData changes asynchronously in searching state.
+     */
+    recalculateFilteredKeys(input?: string, nextKeyEntities?: BasicEntities): void;
     handleValueChange(value: BasicValue): void;
     /**
      * When single selection, the clear objects of

package/lib/cjs/cascader/foundation.js

@@ -218,6 +218,72 @@ class CascaderFoundation extends _foundation.default {
         keyEntities
       });
     }
+    // If options(treeData) updates during searching (e.g. remote search async update),
+    // we need to sync filteredKeys with the latest keyEntities; otherwise the UI may
+    // render empty list ("暂无数据") because filteredKeys are based on stale entities.
+    // NOTE: updateSelectedKey/updateStates are async in React, so we pass keyEntities
+    // explicitly to avoid reading stale state.
+    this.recalculateFilteredKeys(undefined, keyEntities);
+  }
+  /**
+   * Calculate filtered keys based on current props.
+   * - In remote mode: do not do local match, treat current treeData nodes as results
+   * - In local mode: perform matching by filterTreeNode
+   */
+  _calcFilteredKeys(sugInput, keyEntities) {
+    if (!sugInput) {
+      return [];
+    }
+    const {
+      treeNodeFilterProp,
+      filterTreeNode,
+      filterLeafOnly,
+      remote
+    } = this.getProps();
+    const entities = Object.values(keyEntities !== null && keyEntities !== void 0 ? keyEntities : this.getState('keyEntities'));
+    if (remote) {
+      return entities.filter(item => !item._notExist).filter(item => filterTreeNode && !filterLeafOnly || this._isLeaf(item.data)).map(item => item.key);
+    }
+    return entities.filter(item => {
+      const {
+        key,
+        _notExist,
+        data
+      } = item;
+      if (_notExist) {
+        return false;
+      }
+      const filteredPath = this.getItemPropPath(key, treeNodeFilterProp, keyEntities);
+      return (0, _util.filter)(sugInput, data, filterTreeNode, filteredPath);
+    }).filter(item => filterTreeNode && !filterLeafOnly || this._isLeaf(item.data)).map(item => item.key);
+  }
+  /**
+   * Sync filteredKeys with latest options/keyEntities WITHOUT triggering onSearch.
+   * Used when treeData changes asynchronously in searching state.
+   */
+  recalculateFilteredKeys(input, nextKeyEntities) {
+    const isFilterable = this._isFilterable();
+    if (!isFilterable) {
+      return;
+    }
+    // When input is not explicitly provided, only recalculate in searching state.
+    // Otherwise, treeData updates may incorrectly force component into searching mode
+    // because inputValue can be the selected label text in normal (non-searching) state.
+    const currentIsSearching = this.getState('isSearching');
+    if ((0, _isUndefined2.default)(input) && !currentIsSearching) {
+      return;
+    }
+    const sugInput = (0, _isUndefined2.default)(input) ? this.getState('inputValue') : input;
+    const filteredKeys = this._calcFilteredKeys(sugInput, nextKeyEntities);
+    const updateStates = {
+      isSearching: Boolean(sugInput),
+      filteredKeys: new Set(filteredKeys)
+    };
+    if (nextKeyEntities) {
+      updateStates.keyEntities = nextKeyEntities;
+    }
+    this._adapter.updateStates(updateStates);
+    this._adapter.rePositionDropdown();
   }
   // call when props.value change
   handleValueChange(value) {
@@ -804,29 +870,7 @@ class CascaderFoundation extends _foundation.default {
   }
   handleInputChange(sugInput) {
     this._adapter.updateInputValue(sugInput);
-    const {
-      keyEntities
-    } = this.getStates();
-    const {
-      treeNodeFilterProp,
-      filterTreeNode,
-      filterLeafOnly
-    } = this.getProps();
-    let filteredKeys = [];
-    if (sugInput) {
-      filteredKeys = Object.values(keyEntities).filter(item => {
-        const {
-          key,
-          _notExist,
-          data
-        } = item;
-        if (_notExist) {
-          return false;
-        }
-        const filteredPath = this.getItemPropPath(key, treeNodeFilterProp);
-        return (0, _util.filter)(sugInput, data, filterTreeNode, filteredPath);
-      }).filter(item => filterTreeNode && !filterLeafOnly || this._isLeaf(item)).map(item => item.key);
-    }
+    const filteredKeys = this._calcFilteredKeys(sugInput);
     this._adapter.updateStates({
       isSearching: Boolean(sugInput),
       filteredKeys: new Set(filteredKeys)
@@ -897,6 +941,7 @@ class CascaderFoundation extends _foundation.default {
     } = this.getStates();
     const isFilterable = this._isFilterable();
     if (isSearching && isFilterable) {
+      // Both local & remote search mode should render flattened search list
       return this.getFilteredData();
     }
     return Object.values(keyEntities).filter(item => item.parentKey === null && !item._notExist)

package/lib/cjs/checkbox/checkbox.css

@@ -8,7 +8,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;
   cursor: pointer;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
@@ -269,7 +269,7 @@
 .semi-checkboxGroup {
   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;
   line-height: 14px;
 }
 .semi-checkboxGroup .semi-checkbox.semi-checkbox-vertical {