@douyinfe/semi-foundation 2.97.0 → 2.98.0

package/lib/cjs/collapse/collapse.css

@@ -17,7 +17,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;
 }
 .semi-collapse-header-right {
   display: flex;
@@ -61,7 +61,7 @@
   color: var(--semi-color-text-1);
   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-collapse-content p {
   margin: 0;

package/lib/cjs/datePicker/datePicker.css

@@ -110,7 +110,7 @@
   padding: 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;
   min-height: 24px;
   line-height: 24px;
 }
@@ -199,7 +199,7 @@
 .semi-datepicker-navigation-month {
   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;
   flex-grow: 1;
   text-align: center;
   font-weight: 600;
@@ -217,7 +217,7 @@
 .semi-datepicker-weekday {
   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;
   color: var(--semi-color-text-2);
   border-bottom: 1px solid var(--semi-color-border);
@@ -737,7 +737,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;
   white-space: nowrap;
   color: var(--semi-color-text-2);
 }
@@ -763,7 +763,7 @@
 .semi-datepicker-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;
   line-height: 20px;
   display: inline-block;
   max-width: calc(100vw - 32px);
@@ -834,7 +834,7 @@
 .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
   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;
   line-height: 20px;
 }
 .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-header {
@@ -878,7 +878,7 @@
 .semi-datepicker-compact.semi-datepicker-panel-yam .semi-scrolllist {
   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;
   line-height: 20px;
 }
 .semi-datepicker-compact .semi-datepicker-tpk {
@@ -907,7 +907,7 @@
 .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
   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;
   line-height: 20px;
   max-width: 100%;
 }

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

@@ -138,6 +138,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;
 }

package/lib/cjs/datePicker/foundation.js

@@ -53,6 +53,8 @@ class DatePickerFoundation extends _foundation.default {
     this._isRangeValueComplete = value => {
       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 => (0, _isNullOrUndefined.default)(date));
       }
       return result;

package/lib/cjs/datePicker/inputFoundation.d.ts

@@ -40,6 +40,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/lib/cjs/descriptions/descriptions.css

@@ -25,7 +25,7 @@
   font-weight: normal;
   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-height: 14px;
   white-space: nowrap;
   color: var(--semi-color-text-2);
@@ -34,7 +34,7 @@
   font-weight: normal;
   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-0);
 }
 .semi-descriptions-center .semi-descriptions-item-th {
@@ -84,14 +84,14 @@
 .semi-descriptions-double-small .semi-descriptions-key {
   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;
   padding-bottom: 0;
   font-size: 12px;
 }
 .semi-descriptions-double-small .semi-descriptions-value {
   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-size: 16px;
 }
 .semi-descriptions-double-medium .semi-descriptions-item {
@@ -104,7 +104,7 @@
 .semi-descriptions-double-medium .semi-descriptions-value {
   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;
   font-size: 20px;
 }
 .semi-descriptions-double-large .semi-descriptions-item {
@@ -117,7 +117,7 @@
 .semi-descriptions-double-large .semi-descriptions-value {
   font-size: 28px;
   line-height: 40px;
-  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: 28px;
 }
 .semi-descriptions-horizontal table {

package/lib/cjs/dropdown/dropdown.css

@@ -4,7 +4,7 @@
 .semi-dropdown {
   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-dropdown-wrapper {
   overflow-y: auto;
@@ -35,7 +35,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-dropdown-title-withTick {

package/lib/cjs/form/form.css

@@ -54,7 +54,7 @@
   vertical-align: middle;
   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-form-field-label-disabled {
@@ -89,7 +89,7 @@
 .semi-form-field-error-message, .semi-form-field-help-text {
   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;
   align-items: center;
   margin-top: 4px;
@@ -176,7 +176,7 @@
   color: var(--semi-color-tertiary);
   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-form-vertical .semi-form-field-group {
@@ -210,7 +210,7 @@
   margin-block-end: 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;
   width: 100%;
   padding-bottom: 8px;

package/lib/cjs/form/foundation.js

@@ -79,14 +79,60 @@ class FormFoundation extends _foundation.default {
     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 = {
+        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, Object.assign(Object.assign({}, 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, Object.assign(Object.assign({}, opts), {
+          notUpdate: true
+        }));
+      }
+      // Restore touched from formState if it exists
+      if (hasSavedTouched) {
+        this.updateStateTouched(field, savedTouched, opts);
+        fieldStuff.fieldApi.setTouched(savedTouched, Object.assign(Object.assign({}, opts), {
+          notUpdate: true
+        }));
+      }
     } else {
       const allowEmpty = fieldStuff.allowEmpty || false;
       const opts = {
         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

package/lib/cjs/hotKeys/hotKeys.css

@@ -15,7 +15,7 @@
 .semi-hotKeys-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;
   border-radius: 2px;
   height: 20px;
   padding: 2px 8px;
@@ -26,7 +26,7 @@
 .semi-hotKeys-split {
   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;
   margin: 0 3px;
   color: var(--semi-color-text-0);
 }

package/lib/cjs/image/image.css

@@ -96,7 +96,7 @@
   font-weight: normal;
   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-white);
   height: 60px;
   display: flex;
@@ -143,7 +143,7 @@
   color: var(--semi-color-white);
   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;
   margin: 0 12px;
 }
 .semi-image-preview-footer .semi-icon {

package/lib/cjs/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/cjs/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/cjs/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/cjs/inputNumber/foundation.js

@@ -132,8 +132,18 @@ class InputNumberFoundation extends _foundation.default {
   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 = (0, _toString2.default)(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);
@@ -236,6 +246,35 @@ class InputNumberFoundation extends _foundation.default {
         }
         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;
@@ -407,7 +446,11 @@ class InputNumberFoundation extends _foundation.default {
       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;
@@ -457,6 +500,52 @@ class InputNumberFoundation extends _foundation.default {
     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
@@ -482,6 +571,14 @@ class InputNumberFoundation extends _foundation.default {
     } else {
       str = (0, _toString2.default)(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);
     }
@@ -545,6 +642,19 @@ class InputNumberFoundation extends _foundation.default {
       const parsedValue = parser(value);
       value = typeof parsedValue === 'number' ? (0, _toString2.default)(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 (0, _toNumber2.default)(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/cjs/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/cjs/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;