@douyinfe/semi-foundation 2.97.0 → 2.98.0

package/lib/es/input/input.css

@@ -29,7 +29,7 @@
   box-shadow: 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;
   background-color: var(--semi-color-fill-0);
   border: 1px transparent solid;
   border-radius: var(--semi-border-radius-small);
@@ -45,21 +45,21 @@
   height: 32px;
   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: 30px;
 }
 .semi-input-wrapper-small {
   height: 24px;
   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: 22px;
 }
 .semi-input-wrapper-large {
   height: 40px;
   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;
   line-height: 38px;
 }
 .semi-input-wrapper:hover {
@@ -357,21 +357,21 @@
   height: 38px;
   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;
   line-height: 38px;
 }
 .semi-input-small {
   height: 22px;
   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: 22px;
 }
 .semi-input-default {
   height: 30px;
   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: 30px;
 }
 .semi-input-disabled {
@@ -429,7 +429,7 @@
   color: var(--semi-color-text-2);
   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;
   flex-shrink: 0;
 }
 .semi-input-prepend-icon, .semi-input-prepend-text, .semi-input-append-icon, .semi-input-append-text {

package/lib/es/input/textarea.css

@@ -107,7 +107,7 @@
   box-shadow: 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;
   background-color: transparent;
   border: 0 solid transparent;
   vertical-align: bottom;
@@ -147,7 +147,7 @@
 .semi-input-textarea-counter {
   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;
   display: flex;
   flex-direction: column;
   justify-content: center;

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

@@ -80,6 +80,21 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _getPrecLen(num: string | number): number;
     _adjustPrec(num: string | number): string;
     formatCurrency(value: number | string): string;
+    /**
+     * Check if scientific notation is enabled
+     */
+    _isScientificNotation(): boolean;
+    /**
+     * Get scientific notation threshold
+     * @returns {number} threshold for digit count
+     */
+    _getScientificNotationThreshold(): number;
+    /**
+     * Convert number to scientific notation if exceeds threshold
+     * @param {number} num
+     * @returns {string}
+     */
+    _toScientificNotation(num: number): string;
     /**
      * format number to string
      * @param {string|number} value

package/lib/es/inputNumber/foundation.js

@@ -125,8 +125,18 @@ class InputNumberFoundation extends BaseFoundation {
   handleInputFocus(e) {
     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);
@@ -229,6 +239,35 @@ class InputNumberFoundation extends BaseFoundation {
         }
         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) {
         willSetVal = currentFormattedNum;
@@ -400,7 +439,11 @@ class InputNumberFoundation extends BaseFoundation {
       curNum = max;
     }
     // 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, event) {
     const pressShift = event && event.shiftKey;
@@ -450,6 +493,52 @@ class InputNumberFoundation extends BaseFoundation {
     const formatted = formatter.format(Number(formattedValue));
     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.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) {
+    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
@@ -475,6 +564,14 @@ class InputNumberFoundation extends BaseFoundation {
     } 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);
     }
@@ -538,6 +635,19 @@ class InputNumberFoundation extends BaseFoundation {
       const parsedValue = parser(value);
       value = typeof parsedValue === 'number' ? _toString(parsedValue) : parsedValue;
     }
+    // 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 || value.indexOf('.') > -1 && (value === '0' || value.lastIndexOf('0') < value.length - 1);
       const dotIsValid = value.lastIndexOf('.') < value.length - 1 && value.split('').filter(v => v === '.').length < 2;

package/lib/es/jsonViewer/jsonViewer.css

@@ -53,7 +53,7 @@
   color: rgba(var(--semi-blue-7), 1);
 }
 .semi-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;
@@ -64,7 +64,7 @@
   white-space: pre-wrap !important;
 }
 .semi-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/es/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/es/list/list.css

@@ -4,7 +4,7 @@
 .semi-list {
   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-list-items {
   margin: 0;

package/lib/es/modal/modal.css

@@ -4,7 +4,7 @@
 .semi-modal {
   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;
   position: relative;
   margin: 80px auto;
   color: var(--semi-color-text-0);

package/lib/es/navigation/navigation.css

@@ -64,7 +64,7 @@
   margin-bottom: 8px;
   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: 400;
   color: var(--semi-color-text-0);
   width: 100%;
@@ -358,7 +358,7 @@
 .semi-navigation-header-text {
   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;
   font-weight: 600;
   display: inline-flex;
   color: var(--semi-color-text-0);

package/lib/es/notification/notification.css

@@ -59,7 +59,7 @@
   width: 24px;
   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;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
@@ -101,7 +101,7 @@
 .semi-notification-notice-title {
   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;
   font-weight: 600;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
@@ -121,7 +121,7 @@
 .semi-notification-notice-content {
   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: 400;
   color: var(--semi-color-text-1);
   word-wrap: break-word;
@@ -137,7 +137,7 @@
   display: flex;
   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;
 }
 .semi-notification-notice-detail {

package/lib/es/pagination/pagination.css

@@ -6,14 +6,14 @@
   list-style: none;
   padding: 0;
   align-items: center;
-  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-block-start: 0;
   margin-block-end: 0;
 }
 .semi-page-small {
   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: 400;
   color: var(--semi-color-text-2);
   padding: 0 0;
@@ -27,7 +27,7 @@
 .semi-page-item {
   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: 32px;
   border: 0px solid transparent;
   cursor: pointer;
@@ -104,7 +104,7 @@
 .semi-page-total {
   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-page-prev, .semi-page-next {
@@ -119,7 +119,7 @@
   margin-left: 24px;
   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: flex;
   justify-content: center;
   align-items: center;

package/lib/es/popconfirm/popconfirm.css

@@ -18,7 +18,7 @@
 .semi-popconfirm-header-title {
   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;
   font-weight: 600;
   margin-bottom: 8px;
   color: var(--semi-color-text-0);

package/lib/es/popover/popover.css

@@ -31,7 +31,7 @@
   border-radius: var(--semi-border-radius-medium);
   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;
   opacity: 0;
 }
 .semi-popover-wrapper-show {

package/lib/es/radio/radio.css

@@ -5,7 +5,7 @@
   box-sizing: border-box;
   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;
   position: relative;
   display: inline-flex;
   column-gap: 8px;
@@ -291,7 +291,7 @@
 .semi-radioGroup {
   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-radioGroup-vertical {
   display: flex;

package/lib/es/scrollList/itemFoundation.js

@@ -74,6 +74,12 @@ export default class ItemFoundation extends BaseFoundation {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const lastRect = lastNode.getBoundingClientRect();
         const listHeight = lastRect.height * list.length;
+        // Guard against environments where layout is not computed
+        // (e.g. jsdom returns all-zero rects), which would otherwise
+        // make `baseTop += listHeight` a no-op and loop forever.
+        if (listHeight <= 0) {
+          return 0;
+        }
         let baseTop = lastRect.top;
         let count = 0;
         while (baseTop <= scrollRect.top + scrollRect.height * ratio) {
@@ -106,6 +112,12 @@ export default class ItemFoundation extends BaseFoundation {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const firstRect = firstNode.getBoundingClientRect();
         const listHeight = firstRect.height * list.length;
+        // Guard against environments where layout is not computed
+        // (e.g. jsdom returns all-zero rects), which would otherwise
+        // make `baseTop -= listHeight` a no-op and loop forever.
+        if (listHeight <= 0) {
+          return 0;
+        }
         let baseTop = firstRect.top;
         let count = 0;
         while (baseTop + firstRect.height >= scrollRect.top - scrollRect.height * ratio) {

package/lib/es/scrollList/scrollList.css

@@ -10,7 +10,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;
   user-select: none;
   display: flex;
   flex-direction: column;
@@ -26,7 +26,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-scrolllist-body {
   display: flex;

package/lib/es/select/select.css

@@ -4,7 +4,7 @@
 .semi-select-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;
@@ -110,7 +110,7 @@
 .semi-select-large .semi-select-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-select-open, .semi-select-focus {
   border: 1px solid var(--semi-color-focus-border);
@@ -184,7 +184,7 @@
 .semi-select-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: flex;
   align-items: center;
@@ -309,7 +309,7 @@
   color: var(--semi-color-text-2);
   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-select-prefix-icon, .semi-select-suffix-icon {
@@ -340,7 +340,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;
@@ -454,7 +454,7 @@
   padding-right: 16px;
   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;
   cursor: default;
 }
 .semi-select-group:not(:nth-of-type(1)) {

package/lib/es/sideSheet/sideSheet.css

@@ -4,7 +4,7 @@
 .semi-sidesheet {
   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;
   position: fixed;
   margin: 0;
   top: 0;
@@ -59,7 +59,7 @@
   margin: 0;
   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;
   font-weight: 600;
   font-size: 18px;
   color: var(--semi-color-text-0);