@douyinfe/semi-foundation 2.40.0-alpha.0 → 2.40.0

package/lib/cjs/breadcrumb/foundation.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable prefer-const */
-
 class BreadcrumbFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/button/button.css

@@ -30,7 +30,6 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin: 0;
   cursor: pointer;
   user-select: none;
   border: 0 transparent solid;

package/lib/cjs/button/button.scss

@@ -11,7 +11,6 @@ $module: #{$prefix}-button;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    margin: 0;
     cursor: pointer;
     user-select: none;
     border: $width-button-border $color-button_primary-border-default solid;

package/lib/cjs/calendar/eventUtil.js

@@ -237,7 +237,6 @@ const filterEvents = (events, start, end) => {
  * @returns {arr}
  * filter out event that is not in the week range
  */
-// eslint-disable-next-line max-len
 exports.filterEvents = filterEvents;
 const filterWeeklyEvents = (events, weekStart, weekStartsOn) => filterEvents(events, weekStart, (0, _dateFns.addDays)((0, _dateFns.endOfWeek)(weekStart, {
   weekStartsOn
@@ -306,7 +305,6 @@ const collectDailyEvents = events => {
 };
 exports.collectDailyEvents = collectDailyEvents;
 const renderDailyEvent = event => {
-  // eslint-disable-next-line prefer-const
   let {
     start,
     end,

package/lib/cjs/calendar/foundation.js

@@ -12,7 +12,6 @@ class CalendarFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {}
   destroy() {
     this.raf && cancelAnimationFrame(this.raf);

package/lib/cjs/cascader/foundation.js

@@ -20,7 +20,6 @@ var _util = require("./util");
 var _constants = require("./constants");
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// eslint-disable-next-line max-len
 class CascaderFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -55,7 +54,6 @@ class CascaderFoundation extends _foundation.default {
     const valueProp = onChangeWithObject ? [] : 'value';
     if (multiple) {
       const valuePath = [];
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       item.forEach(checkedKey => {
         const valuePathItem = this.getItemPropPath(checkedKey, valueProp);
@@ -122,9 +120,7 @@ class CascaderFoundation extends _foundation.default {
     if ((0, _isEmpty2.default)(keyEntities[selectedKey])) {
       if ((0, _includes2.default)(selectedKey, 'not-exist-')) {
         /* Get the value behind not-exist- */
-        // eslint-disable-next-line prefer-destructuring
         const targetValue = selectedKey.match(/not-exist-(\S*)/)[1];
-        // eslint-disable-next-line max-depth
         if ((0, _isEmpty2.default)(keyEntities[targetValue])) {
           cacheValue = targetValue;
         } else {
@@ -812,7 +808,6 @@ class CascaderFoundation extends _foundation.default {
       return this.getFilteredData();
     }
     return Object.values(keyEntities).filter(item => item.parentKey === null && !item._notExist)
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     .sort((a, b) => parseInt(a.ind, 10) - parseInt(b.ind, 10));
   }

package/lib/cjs/checkbox/checkbox.css

@@ -6,7 +6,6 @@
   position: relative;
   display: flex;
   align-items: flex-start;
-  flex-wrap: wrap;
   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;

package/lib/cjs/checkbox/checkbox.scss

@@ -12,7 +12,6 @@ $module: #{$prefix}-checkbox;
     position: relative;
     display: flex;
     align-items: flex-start;
-    flex-wrap: wrap;
     @include font-size-regular;
     cursor: pointer;
     transition: background-color $transition_duration-checkbox-bg $transition_function-checkbox-bg $transition_delay-checkbox-bg,

package/lib/cjs/checkbox/checkboxFoundation.js

@@ -96,7 +96,6 @@ class CheckboxFoundation extends _foundation.default {
   setChecked(checked) {
     this._adapter.setNativeControlChecked(checked);
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
 }
 var _default = CheckboxFoundation;

package/lib/cjs/checkbox/checkboxGroupFoundation.js

@@ -66,7 +66,6 @@ class CheckboxGroupFoundation extends _foundation.default {
       (0, _warning.default)(true, 'Warning: [Semi CheckboxGroup] value should be an Array');
     }
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
 }
 var _default = CheckboxGroupFoundation;

package/lib/cjs/datePicker/foundation.js

@@ -22,9 +22,6 @@ var _getInsetInputFormatToken = _interopRequireDefault(require("./_utils/getInse
 var _getInsetInputValueFromInsetInputStr = _interopRequireDefault(require("./_utils/getInsetInputValueFromInsetInputStr"));
 var _isValidTimeZone = _interopRequireDefault(require("./_utils/isValidTimeZone"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-nested-ternary */
-/* eslint-disable max-len, max-depth,  */
-
 /**
  * The datePicker foundation.js is responsible for maintaining the date value and the input box value, as well as the callback of both
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
@@ -388,7 +385,6 @@ class DatePickerFoundation extends _foundation.default {
    * @param {String} input
    * @param {Event} e
    */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   handleInputBlur() {
     let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let e = arguments.length > 1 ? arguments[1] : undefined;
@@ -441,7 +437,6 @@ class DatePickerFoundation extends _foundation.default {
     this._adapter.setRangeInputFocus(false);
     this._adapter.notifyClear(e);
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   handleRangeInputBlur(value, e) {}
   // Parses input only after user returns
   handleInputComplete() {

package/lib/cjs/datePicker/inputFoundation.js

@@ -19,17 +19,13 @@ var _getDefaultPickerDate = _interopRequireDefault(require("./_utils/getDefaultP
 var _parser = require("./_utils/parser");
 var _utils = require("./_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable max-len */
-
 const KEY_CODE_ENTER = 'Enter';
 const KEY_CODE_TAB = 'Tab';
 class InputFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {}
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
   handleClick(e) {
     this._adapter.notifyClick(e);

package/lib/cjs/datePicker/monthFoundation.js

@@ -52,7 +52,6 @@ class CalendarMonthFoundation extends _foundation.default {
     });
     this._adapter.setWeekDays(weekdays);
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
   handleClick(day) {
     this._adapter.notifyDayClick(day);

package/lib/cjs/datePicker/monthsGridFoundation.js

@@ -17,8 +17,6 @@ var _dateFnsExtra = require("../utils/date-fns-extra");
 var _getDefaultFormatToken = require("./_utils/getDefaultFormatToken");
 var _isValidTimeZone = _interopRequireDefault(require("./_utils/isValidTimeZone"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable max-len */
-
 const dateDiffFns = {
   month: _dateFns.differenceInCalendarMonths,
   year: _dateFns.differenceInCalendarYears
@@ -189,7 +187,6 @@ class MonthsGridFoundation extends _foundation.default {
   _initDateTimeRangePickerFormValue(values) {
     this._initDateRangePickerFromValue(values, true);
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
   /**
    * sync change another panel month when change months from the else yam panel

package/lib/cjs/datePicker/yearAndMonthFoundation.js

@@ -13,9 +13,7 @@ class YearAndMonthFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {}
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
   selectYear(item, panelType) {
     // const year = item.value;

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

@@ -1,5 +1,5 @@
 import BaseFoundation from '../base/foundation';
-import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import { Options as ScrollIntoViewOptions } from 'scroll-into-view-if-needed';
 import { BaseFormAdapter, FormState, CallOpts, FieldState, FieldStaff, ComponentProps, setValuesConfig, ArrayFieldStaff } from './interface';
 export type { BaseFormAdapter };
 export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
@@ -19,7 +19,7 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
     validate(fieldPaths?: Array<string>): Promise<unknown>;
     _formValidate(): Promise<unknown>;
     _fieldsValidate(fieldPaths: Array<string>): Promise<unknown>;
-    submit(): void;
+    submit(e?: any): void;
     /**
      * Case A：
      *      All fields: a[0]、a[1]、b.type、b.name[2]、b.name[0]
@@ -95,6 +95,6 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
     getFormProps(keys?: Array<string>): ComponentProps;
     getFieldExist(field: string): boolean;
     _autoScroll(timeout?: boolean | number): void;
-    _getErrorFieldAndScroll(scrollOpts?: scrollIntoViewOptions | boolean): void;
-    scrollToField(field: string, scrollOpts?: scrollIntoViewOptions<any>): void;
+    _getErrorFieldAndScroll(scrollOpts?: ScrollIntoViewOptions | boolean): void;
+    scrollToField(field: string, scrollOpts?: ScrollIntoViewOptions<any>): void;
 }

package/lib/cjs/form/foundation.js

@@ -15,8 +15,6 @@ var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-i
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable prefer-const, max-len */
-
 class FormFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -163,13 +161,15 @@ class FormFoundation extends _foundation.default {
         maybePromisedErrors = errors;
       }
       if (!maybePromisedErrors) {
-        resolve(values);
+        const _values = this._adapter.cloneDeep(values);
+        resolve(_values);
         this.injectErrorToField({});
       } else if ((0, _isPromise.default)(maybePromisedErrors)) {
         maybePromisedErrors.then(result => {
           // validate success，clear error
           if (!result) {
-            resolve(values);
+            const _values = this._adapter.cloneDeep(values);
+            resolve(_values);
             this.injectErrorToField({});
           } else {
             this.data.errors = result;
@@ -223,7 +223,8 @@ class FormFoundation extends _foundation.default {
         this._adapter.forceUpdate();
         const errors = this.getError();
         if (this._isValid(targetFields)) {
-          resolve(values);
+          const _values = this._adapter.cloneDeep(values);
+          resolve(_values);
         } else {
           this._autoScroll();
           reject(errors);
@@ -231,7 +232,7 @@ class FormFoundation extends _foundation.default {
       });
     });
   }
-  submit() {
+  submit(e) {
     const {
       values
     } = this.data;
@@ -239,11 +240,11 @@ class FormFoundation extends _foundation.default {
     this.validate().then(resolveValues => {
       // if valid do submit
       const _values = this._adapter.cloneDeep(resolveValues);
-      this._adapter.notifySubmit(_values);
+      this._adapter.notifySubmit(_values, e);
     }).catch(errors => {
       const _errors = this._adapter.cloneDeep(errors);
       const _values = this._adapter.cloneDeep(values);
-      this._adapter.notifySubmitFail(_errors, _values);
+      this._adapter.notifySubmitFail(_errors, _values, e);
     });
   }
   /**

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

@@ -1,13 +1,13 @@
 import { DefaultAdapter } from '../base/foundation';
-import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import { Options as ScrollIntoViewOptions } from 'scroll-into-view-if-needed';
 export type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
 export type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
 export type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
 export type BasicFieldError = Array<any>;
 export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
-    notifySubmit: (values: any) => void;
-    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>) => void;
+    notifySubmit: (values: any, e?: any) => void;
+    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>, e?: any) => void;
     forceUpdate: (callback?: () => void) => void;
     notifyChange: (formState: FormState) => void;
     notifyValueChange: (values: any, changedValues: any) => void;
@@ -61,7 +61,7 @@ export interface BaseFormApi<T extends object = any> {
     getValues: () => T;
     /** set value of multiple fields */
     setValues: (fieldsValue: Partial<T>, config?: setValuesConfig) => void;
-    scrollToField: <K extends keyof T>(field: K, scrollConfig?: scrollIntoViewOptions) => void;
+    scrollToField: <K extends keyof T>(field: K, scrollConfig?: ScrollIntoViewOptions) => void;
 }
 export interface CallOpts {
     [x: string]: any;

package/lib/cjs/form/utils.js

@@ -20,9 +20,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/* eslint-disable prefer-destructuring */
-/* eslint-disable prefer-const */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  *
  * @param WrappedComponent React.ComponentType | any

package/lib/cjs/image/image.css

@@ -109,9 +109,11 @@
 .semi-image-preview-footer {
   display: flex;
   align-items: center;
+}
+.semi-image-preview-footer-content {
   padding: 0 16px;
   background: rgba(0, 0, 0, 0.75);
-  border-radius: 6px;
+  border-radius: var(--semi-border-radius-medium);
   height: 48px;
 }
 .semi-image-preview-footer-wrapper {

package/lib/cjs/image/image.scss

@@ -123,10 +123,14 @@ $module: #{$prefix}-image;
     &-footer {
         display: flex;
         align-items: center;
-        padding: $spacing-image_preview_footer-paddingY $spacing-image_preview_footer-paddingX;
-        background: $color-image_preview_footer-bg;
-        border-radius: $radius-image_preview_footer;
-        height: $height-image_preview_footer;
+
+        &-content {
+            padding: $spacing-image_preview_footer-paddingY $spacing-image_preview_footer-paddingX;
+            background: $color-image_preview_footer-bg;
+            border-radius: $radius-image_preview_footer;
+            height: $height-image_preview_footer;
+        }
+        
 
         &-wrapper {
             position: absolute;

package/lib/cjs/image/previewInnerFoundation.d.ts

@@ -1,11 +1,12 @@
 import BaseFoundation, { DefaultAdapter } from "../base/foundation";
+export type RatioType = "adaptation" | "realSize";
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
     notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;
-    notifyRatioChange: (type: string) => void;
+    notifyRatioChange: (type: RatioType) => void;
     notifyRotateChange: (angle: number) => void;
     notifyDownload: (src: string, index: number) => void;
     registerKeyDownListener: () => void;
@@ -21,6 +22,7 @@ export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string,
     setMouseActiveTime: (time: number) => void;
     disabledBodyScroll: () => void;
     enabledBodyScroll: () => void;
+    getSetDownloadFunc: () => (src: string) => string;
 }
 export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<PreviewInnerAdapter<P, S>, P, S> {
     constructor(adapter: PreviewInnerAdapter<P, S>);
@@ -35,7 +37,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
     handleSwitchImage: (direction: string) => void;
     handleDownload: () => void;
     handlePreviewClose: () => void;
-    handleAdjustRatio: (type: string) => void;
+    handleAdjustRatio: (type: RatioType) => void;
     handleRotateImage: (direction: string) => void;
     handleZoomImage: (newZoom: number) => void;
     preloadGapImage: () => void;

package/lib/cjs/image/previewInnerFoundation.js

@@ -115,8 +115,9 @@ class PreviewInnerFoundation extends _foundation.default {
         currentIndex,
         imgSrc
       } = this.getStates();
+      const setDownloadName = this._adapter.getSetDownloadFunc();
       const downloadSrc = imgSrc[currentIndex];
-      const downloadName = downloadSrc.slice(downloadSrc.lastIndexOf("/") + 1);
+      const downloadName = setDownloadName ? setDownloadName(downloadSrc) : downloadSrc.slice(downloadSrc.lastIndexOf("/") + 1);
       (0, _utils.downloadImage)(downloadSrc, downloadName);
       this._adapter.notifyDownload(downloadSrc, currentIndex);
     };

package/lib/cjs/image/variables.scss

@@ -27,7 +27,7 @@ $height-image_preview_icon: 40px; // 图像预览footer操作区icon高度
 $height-image_preview_header_close: 30px; // 图像预览header部分的关闭热区高度
 
 $radius-image: var(--semi-border-radius-small); // 图像圆角
-$radius-image_preview_footer: 6px; // 图像预览footer操作区圆角
+$radius-image_preview_footer: var(--semi-border-radius-medium); // 图像预览footer操作区圆角
 
 $color-image_mask-bg: var(--semi-color-overlay-bg); // 图像蒙层背景色
 $color-image_mask_info_text: var(--semi-color-white); // 图像蒙层文字颜色

package/lib/cjs/input/foundation.js

@@ -34,7 +34,6 @@ class InputFoundation extends _foundation.default {
       this._timer = null;
     }
   }
-  // eslint-disable-next-line
   setDisable() {}
   _setInitValue() {
     const {
@@ -114,7 +113,6 @@ class InputFoundation extends _foundation.default {
     if ((0, _isNumber2.default)(maxLength) && maxLength >= 0 && (0, _isFunction2.default)(getValueLength) && (0, _isString2.default)(value)) {
       const valueLength = getValueLength(value);
       if (valueLength > maxLength) {
-        // eslint-disable-next-line max-len
         console.warn('[Semi Input] The input character is truncated because the input length exceeds the maximum length limit');
         const truncatedValue = this.handleTruncateValue(value, maxLength);
         return truncatedValue;

package/lib/cjs/input/textareaFoundation.js

@@ -55,7 +55,6 @@ class TextAreaFoundation extends _foundation.default {
   init() {
     this.setInitValue();
   }
-  // eslint-disable-next-line
   destroy() {}
   setInitValue() {
     const {
@@ -127,7 +126,6 @@ class TextAreaFoundation extends _foundation.default {
     if ((0, _isNumber2.default)(maxLength) && maxLength >= 0 && (0, _isFunction2.default)(getValueLength) && (0, _isString2.default)(value)) {
       const valueLength = getValueLength(value);
       if (valueLength > maxLength) {
-        // eslint-disable-next-line max-len
         console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
         const truncatedValue = this.handleTruncateValue(value, maxLength);
         return truncatedValue;

package/lib/cjs/inputNumber/foundation.js

@@ -13,10 +13,6 @@ var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
 var _constants = require("./constants");
 var _number = require("../utils/number");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
-/* eslint-disable eqeqeq */
-
 class InputNumberFoundation extends _foundation.default {
   init() {
     this._setInitValue();
@@ -139,7 +135,6 @@ class InputNumberFoundation extends _foundation.default {
           const dotBeginStr = dotIndex > -1 ? valueAfterParser.slice(dotIndex) : '';
           formattedNum += dotBeginStr;
         } else if (precLength < lengthAfterDot) {
-          // eslint-disable-next-line max-depth
           for (let i = 0; i < lengthAfterDot - precLength; i++) {
             formattedNum += '0';
           }
@@ -207,7 +202,6 @@ class InputNumberFoundation extends _foundation.default {
         }
 
         if (willSetNum != null) {
-          // eslint-disable-next-line max-depth
           if (!this._isControlledComponent('value')) {
             this._adapter.setNumber(willSetNum);
           }

package/lib/cjs/navigation/NavItem.js

@@ -13,9 +13,7 @@ exports.DEFAULT_TOGGLE_ICON = DEFAULT_TOGGLE_ICON;
 class NavItem {
   constructor() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    // eslint-disable-next-line eqeqeq
     if (options == null || typeof options !== 'object') {
-      // eslint-disable-next-line no-param-reassign
       options = {
         text: options,
         itemKey: options,

package/lib/cjs/navigation/foundation.js

@@ -10,9 +10,6 @@ var _NavItem = _interopRequireDefault(require("./NavItem"));
 var _constants = require("./constants");
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable max-depth */
-/* eslint-disable max-len */
-
 class NavigationFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -166,7 +163,7 @@ class NavigationFoundation extends _foundation.default {
     }
     return [...willOpenKeySet];
   }
-  destroy() {} // eslint-disable-line
+  destroy() {}
   selectLevelZeroParentKeys(itemKeysMap) {
     const _itemKeysMap = (0, _isNullOrUndefined.default)(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap;
     // console.log(itemKeysMap);

package/lib/cjs/navigation/itemFoundation.js

@@ -22,7 +22,6 @@ class ItemFoundation extends _foundation.default {
     this._mounted = false;
   }
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'string' || typeof itemKey === 'number');
   }
   handleClick(e) {

package/lib/cjs/navigation/subNavFoundation.js

@@ -33,7 +33,7 @@ class SubNavFoundation extends _foundation.default {
     // this.log('invoke SubNavFoundation init()');
     this._timer = null;
   }
-  destroy() {} // eslint-disable-line
+  destroy() {}
   clearDelayTimer() {
     if (this._timer) {
       clearTimeout(this._timer);
@@ -41,7 +41,6 @@ class SubNavFoundation extends _foundation.default {
     }
   }
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
   }
   handleDropdownVisibleChange(visible) {

package/lib/cjs/notification/notificationListFoundation.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-useless-constructor */
-
 class NotificationListFoundation extends _foundation.default {
   addNotice(opts) {
     // let notices = this._adapter.getNotices();

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

@@ -5,6 +5,7 @@ export interface PaginationAdapter<P = Record<string, any>, S = Record<string, a
     updateTotal: (total: number) => void;
     updatePageSize: (pageSize: number) => void;
     updateQuickJumpPage: (quickJumpPage: string | number) => void;
+    updateAllPageNumbers: (allPageNumbers: number[]) => void;
     setCurrentPage: (pageIndex: number) => void;
     registerKeyDownHandler: (handler: KeyDownHandler) => void;
     unregisterKeyDownHandler: (handler: KeyDownHandler) => void;
@@ -33,6 +34,7 @@ declare class PaginationFoundation<P = Record<string, any>, S = Record<string, a
     }): void;
     goPage(targetPageIndex: number | '...'): void;
     updatePage(targetPageIndex?: number, total?: number, pageSize?: number): void;
+    updateAllPageNumbers(total: number, pageSize: number): void;
     goPrev(): void;
     goNext(): void;
     _updatePageList(pageListInfo: {

package/lib/cjs/pagination/foundation.js

@@ -7,9 +7,6 @@ exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable max-len */
-/* eslint-disable no-param-reassign */
-
 class PaginationFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -106,6 +103,22 @@ class PaginationFoundation extends _foundation.default {
     this._adapter.setCurrentPage(targetPageIndex);
     this._adapter.updatePageSize(pageSize);
   }
+  updateAllPageNumbers(total, pageSize) {
+    // only need to update in small size
+    const {
+      size,
+      hoverShowPageSelect,
+      disabled
+    } = this.getProps();
+    if (size !== 'small' || !hoverShowPageSelect || disabled) {
+      return;
+    } else {
+      const pageNumbers = Array.from({
+        length: Math.ceil(total / pageSize)
+      }, (v, i) => i + 1);
+      this._adapter.updateAllPageNumbers(pageNumbers);
+    }
+  }
   goPrev() {
     const {
       currentPage
@@ -235,7 +248,6 @@ class PaginationFoundation extends _foundation.default {
     this._adapter.notifyChange(newCurrentPage, newPageSize);
   }
   // TODO handle tab/enter events
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   handleKeyDown() {}
   // If pageSize is not in the Opts array, insert it
   pageSizeInOpts() {

package/lib/cjs/popconfirm/popconfirmFoundation.js

@@ -8,8 +8,6 @@ var _get2 = _interopRequireDefault(require("lodash/get"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _isPromise = _interopRequireDefault(require("../utils/isPromise"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable @typescript-eslint/no-empty-function */
-
 class PopConfirmFoundation extends _foundation.default {
   init() {}
   destroy() {}

package/lib/cjs/radio/radio.css

@@ -175,6 +175,7 @@
 .semi-radio-content {
   display: flex;
   flex-direction: column;
+  row-gap: 4px;
 }
 .semi-radio:hover .semi-radio-inner-display {
   background: var(--semi-color-fill-0);

package/lib/cjs/radio/radio.scss

@@ -241,6 +241,7 @@ $inner-width: $width-icon-medium;
     &-content {
         display: flex;
         flex-direction: column;
+        row-gap: $spacing-radio_content-rowGap;
     }
 
     &:hover {

package/lib/cjs/radio/radioGroupFoundation.js

@@ -61,7 +61,6 @@ class RadioGroupFoundation extends _foundation.default {
   _setValue(value) {
     this._adapter.setValue(value);
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
 }
 exports.default = RadioGroupFoundation;