@douyinfe/semi-foundation 2.75.1-alpha.1 → 2.76.0-alpha.5

package/chat/chat.scss

@@ -164,6 +164,7 @@ $module: #{$prefix}-chat;
             &-btn {
                 &.#{$prefix}-button {
                     height: fit-content;
+                    width: fit-content;
                 }
                 
                 &.#{$prefix}-button.#{$prefix}-button-with-icon-only {

package/chat/foundation.ts

@@ -36,6 +36,12 @@ export interface Message {
     [x: string]: any
 }
 
+export interface EnableUploadProps {
+    pasteUpload?: boolean;
+    dragUpload?: boolean;
+    clickUpload?: boolean
+}
+
 export interface ChatAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getContainerRef: () => HTMLDivElement;
     setWheelScroll: (flag: boolean) => void;
@@ -312,5 +318,28 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
             this._adapter.setUploadAreaVisible(false);
         });
     }
+
+    getUploadProps = (uploadProps?: boolean | EnableUploadProps) => {
+        if (Object.prototype.toString.call(uploadProps) === '[object Object]') {
+            const { dragUpload = true, clickUpload = true, pasteUpload = true } = uploadProps as EnableUploadProps;
+            return {
+                dragUpload: dragUpload,
+                clickUpload: clickUpload,
+                pasteUpload: pasteUpload
+            };
+        } else if (typeof uploadProps === 'boolean') {
+            return {
+                dragUpload: uploadProps,
+                clickUpload: uploadProps,
+                pasteUpload: uploadProps
+            };
+        } else {
+            return {
+                dragUpload: true,
+                clickUpload: true,
+                pasteUpload: true
+            };
+        }
+    }
 }
 

package/chat/inputboxFoundation.ts

@@ -78,9 +78,9 @@ export default class InputBoxFoundation <P = Record<string, any>, S = Record<str
 
     onPaste = (e: any) => {
         const items = e.clipboardData?.items;
-        const { manualUpload } = this.getProps();
+        const { manualUpload, pasteUpload } = this.getProps();
         let files = [];
-        if (items) {
+        if (pasteUpload && items) {
             for (const it of items) {
                 const file = it.getAsFile();
                 file && files.push(it.getAsFile());

package/datePicker/monthFoundation.ts

@@ -19,8 +19,8 @@ export interface MonthFoundationProps {
     disabledDate: (day: Date, options?: { rangeStart: string; rangeEnd: string }) => boolean;
     weeksRowNum: number;
     onWeeksRowNumChange: (weeksRowNum: number) => void;
-    renderDate: () => void;
-    renderFullDate: () => void;
+    renderDate: (dayNumber: number, fullDate: string) => React.ReactNode;
+    renderFullDate: (dayNumber: number, fullDate: string, dayStatus: any) => React.ReactNode;
     hoverDay: string; // Real-time hover date
     startDateOffset: () => void;
     endDateOffset: () => void;
@@ -35,10 +35,6 @@ export type MonthDayInfo = {
     dayNumber: number;
     dayNumberFull?: string;
     fullDate: string
-} | {
-    dayNumber: string;
-    dayNumberFull?: string;
-    fullDate: string
 };
 
 export interface MonthInfo {

package/form/interface.ts

@@ -38,56 +38,106 @@ export interface setValuesConfig {
     isOverride: boolean
 }
 
-// FieldPath 类型定义，用于生成对象字段的路径字符串
-export type FieldPath<T> = T extends object ? {
-    // 遍历对象的每个键 K
-    [K in keyof T]: T[K] extends object
-        // 如果键 K 对应的值是对象，则生成嵌套路径（递归调用 FieldPath）
-        ? `${string & K}.${FieldPath<T[K]>}` | `${string & K}`
-        // 否则，仅生成当前键的路径
-        : `${string & K}`;
-}[keyof T]
-    : never;
-
-// FieldPathValue 类型定义，用于从路径字符串中推导出实际的类型
-export type FieldPathValue<T, P extends FieldPath<T>> =
-  // 如果路径字符串 P 包含嵌套路径（使用模板字符串类型进行匹配）
-  P extends `${infer K}.${infer Rest}`
-      ? K extends keyof T
-          // 递归解析嵌套路径，逐层深入对象结构
-          ? Rest extends FieldPath<T[K]>
-              ? FieldPathValue<T[K], Rest>
-              : never
-          : never
-      // 如果路径字符串 P 是顶层键
-      : P extends keyof T
-          ? T[P]
-          : never;
-
 export type ScrollToErrorOptions<K> = {
     field?: K;
     index?: number;
     scrollOpts?: ScrollIntoViewOptions
 }
 
+// 支持 array[index] 和 array.index 两种形式
+type ArrayIndexPath<K extends string | number, U> = 
+    | `${K}[${number}]` // 支持 array[index]
+    | `${K}[${number}].${FieldPath<U>}` // 支持 array[index].child
+    | `${K}.${number}`  // 支持 array.index
+    | `${K}.${number}.${FieldPath<U>}`; // 支持 array.index.child
+
+// FieldPath 类型定义，支持对象和数组字段路径
+// export type FieldPath<T> = T extends Array<infer U>
+//     ? | `${number}`                      // 如果是数组，支持数字索引（如 `[0]`）
+//     | `${number}.${FieldPath<U>}`      // 支持数组嵌套路径（如 `[0].field`）
+//     : T extends object
+//         ? {
+//             [K in keyof T]: K extends string
+//                 ? T[K] extends Array<infer U> | object
+//                     ? | `${K}` 
+//                     | `${K}.${FieldPath<T[K]>}`
+//                     | ArrayIndexPath<K, U>
+//                     : `${K}`                            // 只允许键路径
+//                 : never;
+//         }[keyof T]
+//         : never;
+
+// FieldPath 类型定义，支持对象和数组字段路径
+export type FieldPath<T> = T extends Array<infer U>
+    ? `${number}` | `${number}.${FieldPath<Exclude<U, undefined>>}`
+    : T extends object ? {
+        [K in keyof T]: K extends string
+            ? Exclude<T[K], undefined> extends Date
+                ? `${K}`
+                : T[K] extends Array<infer U> | object | undefined
+                    ? `${K}` |
+              `${K}.${FieldPath<T[K]>}` |
+                ArrayIndexPath<K, U>
+                    : `${K}`
+            : never;
+    }[keyof T]
+        : never;
+
+        
+export type FieldPathValue<T, P extends string> =
+  ArrayFieldPathValue<T, P> |
+  (P extends `${infer K}.${infer Rest}`
+      ? K extends keyof T
+          ? FieldPathValue<Exclude<T[K], undefined>, Rest>   // 添加 undefined过滤，避免用户 tsconfig strictNullChecks 为 true 时，无法正确推断
+          : never
+      : P extends keyof T
+          ? T[P]
+          : never);
+
+type ArrayFieldPathValue<T, P extends string> =
+    P extends `${infer K}[${infer I}]${infer Rest}`
+        ? K extends keyof T
+            ? T[K] extends Array<infer U>
+                ? I extends `${number}`
+                    ? Rest extends ''
+                        ? U // 索引路径
+                        : Rest extends `.${infer RestPath}`
+                            ? FieldPathValue<U, RestPath> // 嵌套路径
+                            : never
+                    : never
+                : never
+            : never
+        : never;
+
+// FieldPathValue 类型定义，支持从路径字符串中推导数组和对象的值
+// export type FieldPathValue<T, P extends string> =
+//     ArrayFieldPathValue<T, P> // 处理数组路径
+//     | (P extends `${infer K}.${infer Rest}`
+//         ? K extends keyof T
+//             ? FieldPathValue<Exclude<T[K], undefined>, Rest> // 添加 undefined过滤，避免用户 tsconfig strictNullChecks 为 true 时，无法正确推断
+//             : never
+//         : P extends keyof T
+//             ? T[P]
+//             : never);
+
 // use object replace Record<string, any>, fix issue 933
-export interface BaseFormApi<T extends object = any> {
+export interface BaseFormApi<FormValuesType extends object = any> {
     /** get value of field */
-    getValue: <P extends FieldPath<T>>(field?: P) => FieldPathValue<T, P>;
+    getValue: <F extends FieldPath<FormValuesType>>(field?: F) => FieldPathValue<FormValuesType, F>;
     /** set value of field */
-    setValue: <K extends FieldPath<T>>(field: K, newFieldValue: any) => void;
+    setValue: <F extends FieldPath<FormValuesType>>(field: F, newFieldValue: any) => void;
     /** get error of field */
-    getError: <K extends keyof T>(field: K) => any;
+    getError: <F extends FieldPath<FormValuesType>>(field: F) => any;
     /** set error of field */
-    setError: <K extends keyof T>(field: K, fieldError: any) => void;
+    setError: <F extends FieldPath<FormValuesType>>(field: F, fieldError: any) => void;
     /** get touched of field */
-    getTouched: <K extends keyof T>(field: K) => boolean;
+    getTouched: <F extends FieldPath<FormValuesType>>(field: F) => boolean;
     /** set touch of field */
-    setTouched: <K extends keyof T>(field: K, fieldTouch: boolean) => void;
+    setTouched: <F extends FieldPath<FormValuesType>>(field: F, fieldTouch: boolean) => void;
     /** judge field exist */
-    getFieldExist: <K extends keyof T>(field: K) => boolean;
+    getFieldExist: <F extends FieldPath<FormValuesType>>(field: F) => boolean;
     /** get formState of form */
-    getFormState: () => FormState<T extends object ? T : object>;
+    getFormState: () => FormState<FormValuesType extends object ? FormValuesType : object>;
     /** get formProps of form */
     getFormProps: (keys?: Array<string>) => ComponentProps;
     /** submit form manual */
@@ -95,14 +145,14 @@ export interface BaseFormApi<T extends object = any> {
     /** reset form manual */
     reset: (fields?: Array<string>) => void;
     /** trigger validate  manual */
-    validate: <K extends keyof T, Params extends Array<K>, V extends Params[number]>(fields?: Params) => Promise<{ [R in V]: T[R] }>;
-    getInitValue: <K extends keyof T>(field: K) => any;
+    validate: <K extends keyof FormValuesType, Params extends Array<K>, V extends Params[number]>(fields?: Params) => Promise<{ [R in V]: [R] }>;
+    getInitValue: <F extends FieldPath<FormValuesType>>(field: F) => any;
     getInitValues: () => any;
-    getValues: () => T;
+    getValues: () => FormValuesType;
     /** set value of multiple fields */
-    setValues: (fieldsValue: Partial<T>, config?: setValuesConfig) => void;
-    scrollToField: <K extends keyof T>(field: K, scrollConfig?: ScrollIntoViewOptions) => void;
-    scrollToError: <K extends keyof T>(config?: ScrollToErrorOptions<K>) => void
+    setValues: (fieldsValue: Partial<FormValuesType>, config?: setValuesConfig) => void;
+    scrollToField: <F extends FieldPath<FormValuesType>>(field: F, scrollConfig?: ScrollIntoViewOptions) => void;
+    scrollToError: <F extends FieldPath<FormValuesType>>(config?: ScrollToErrorOptions<F>) => void
 }
 
 export interface CallOpts {
@@ -139,7 +189,6 @@ export interface InternalFieldApi {
     reset: () => void;
     validate: (val: any, opts: CallOpts) => Promise<unknown>
 }
-
 export interface FieldStaff {
     field: string;
     fieldApi: InternalFieldApi;

package/jsonViewer/foundation.ts

@@ -1,15 +1,16 @@
 
-import { JsonViewer, JsonViewerOptions } from '@douyinfe/semi-json-viewer-core';
-import BaseFoundation, { DefaultAdapter, noopFunction } from '../base/foundation';
+import { JsonViewer, JsonViewerOptions, CustomRenderRule } from '@douyinfe/semi-json-viewer-core';
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 
-export type { JsonViewerOptions };
+export type { JsonViewerOptions, CustomRenderRule };
 export interface JsonViewerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getEditorRef: () => HTMLElement;
     getSearchRef: () => HTMLInputElement;
     notifyChange: (value: string) => void;
     notifyHover: (value: string, el: HTMLElement) => HTMLElement | undefined;
     setSearchOptions: (key: string) => void;
-    showSearchBar: () => void
+    showSearchBar: () => void;
+    notifyCustomRender: (customRenderMap: Map<HTMLElement, any>) => void
 }
 
 class JsonViewerFoundation extends BaseFoundation<JsonViewerAdapter> {
@@ -23,6 +24,9 @@ class JsonViewerFoundation extends BaseFoundation<JsonViewerAdapter> {
         const props = this.getProps();
         const editorRef = this._adapter.getEditorRef();
         this.jsonViewer = new JsonViewer(editorRef, props.value, props.options);
+        this.jsonViewer.emitter.on('customRender', (e) => {
+            this._adapter.notifyCustomRender(e.customRenderMap);
+        });
         this.jsonViewer.layout();
         this.jsonViewer.emitter.on('contentChanged', (e) => {
             this._adapter.notifyChange(this.jsonViewer?.getModel().getValue());
@@ -30,12 +34,7 @@ class JsonViewerFoundation extends BaseFoundation<JsonViewerAdapter> {
                 this.search(this._adapter.getSearchRef().value);
             }
         });
-        this.jsonViewer.emitter.on('hoverNode', (e) => {
-            const el = this._adapter.notifyHover(e.value, e.target);
-            if (el) {
-                this.jsonViewer.emitter.emit('renderHoverNode', { el });
-            }
-        });
+
     }
 
     search(searchText: string) {

package/jsonViewer/jsonViewer.scss

@@ -111,7 +111,7 @@ $module: #{$prefix}-json-viewer;
         align-items: flex-start;
         gap: 8px;
         &-input {
-            width: 200px;
+            width: 200px !important;
             flex-shrink: 0;
         }
         .#{$prefix}-button-group {

package/lib/cjs/calendar/eventUtil.d.ts

@@ -65,7 +65,7 @@ export declare const parseEvent: (event: EventObject) => any[];
  * @returns {map}
  * convert events array to may, use datestring as key
  */
-export declare const convertEventsArrToMap: (arr: EventObject[], key: 'start' | 'date', func: (val: Date) => Date, displayValue?: Date) => Map<any, any>;
+export declare const convertEventsArrToMap: (arr: EventObject[], key: "start" | "date", func: (val: Date) => Date, displayValue?: Date) => Map<any, any>;
 /**
  * @returns {arr}
  * filter out event that is not in the date range

package/lib/cjs/chat/chat.css

@@ -129,6 +129,7 @@
 }
 .semi-chat-chatBox-action-btn.semi-button {
   height: fit-content;
+  width: fit-content;
 }
 .semi-chat-chatBox-action-btn.semi-button.semi-button-with-icon-only {
   padding: 0;

package/lib/cjs/chat/chat.scss

@@ -164,6 +164,7 @@ $module: #{$prefix}-chat;
             &-btn {
                 &.#{$prefix}-button {
                     height: fit-content;
+                    width: fit-content;
                 }
                 
                 &.#{$prefix}-button.#{$prefix}-button-with-icon-only {

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

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 export interface Content {
     type: 'text' | 'image_url' | 'file_url';
@@ -25,6 +24,11 @@ export interface Message {
     status?: 'loading' | 'incomplete' | 'complete' | 'error';
     [x: string]: any;
 }
+export interface EnableUploadProps {
+    pasteUpload?: boolean;
+    dragUpload?: boolean;
+    clickUpload?: boolean;
+}
 export interface ChatAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getContainerRef: () => HTMLDivElement;
     setWheelScroll: (flag: boolean) => void;
@@ -76,4 +80,9 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
     handleContainerDragOver: (e: any) => void;
     handleContainerDrop: (e: any) => void;
     handleContainerDragLeave: (e: any) => void;
+    getUploadProps: (uploadProps?: boolean | EnableUploadProps) => {
+        dragUpload: boolean;
+        clickUpload: boolean;
+        pasteUpload: boolean;
+    };
 }

package/lib/cjs/chat/foundation.js

@@ -276,6 +276,32 @@ class ChatFoundation extends _foundation.default {
         this._adapter.setUploadAreaVisible(false);
       });
     };
+    this.getUploadProps = uploadProps => {
+      if (Object.prototype.toString.call(uploadProps) === '[object Object]') {
+        const {
+          dragUpload = true,
+          clickUpload = true,
+          pasteUpload = true
+        } = uploadProps;
+        return {
+          dragUpload: dragUpload,
+          clickUpload: clickUpload,
+          pasteUpload: pasteUpload
+        };
+      } else if (typeof uploadProps === 'boolean') {
+        return {
+          dragUpload: uploadProps,
+          clickUpload: uploadProps,
+          pasteUpload: uploadProps
+        };
+      } else {
+        return {
+          dragUpload: true,
+          clickUpload: true,
+          pasteUpload: true
+        };
+      }
+    };
   }
 }
 exports.default = ChatFoundation;

package/lib/cjs/chat/inputboxFoundation.js

@@ -96,10 +96,11 @@ class InputBoxFoundation extends _foundation.default {
       var _a;
       const items = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.items;
       const {
-        manualUpload
+        manualUpload,
+        pasteUpload
       } = this.getProps();
       let files = [];
-      if (items) {
+      if (pasteUpload && items) {
         for (const it of items) {
           const file = it.getAsFile();
           file && files.push(it.getAsFile());

package/lib/cjs/colorPicker/DataPartFoundation.d.ts

@@ -23,6 +23,6 @@ declare class DataPartFoundation extends BaseFoundation<DataPartAdapter<DataPart
     getValueByInputValue: (value: string) => string | false | HsvaColor | RgbaColor;
     handlePickValueWithStraw: () => Promise<void>;
     handleInputValueChange: (value: string) => void;
-    handleFormatChange: (format: DataPartBaseState['format']) => void;
+    handleFormatChange: (format: DataPartBaseState["format"]) => void;
 }
 export default DataPartFoundation;

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

@@ -36,7 +36,7 @@ declare class ColorPickerFoundation extends BaseFoundation<ColorPickerAdapter<Co
     handleChangeH: (currentColor: ColorValue, newH: number) => void;
     handleChangeA: (currentColor: ColorValue, newAlpha: number) => void;
     getCurrentColor: () => any;
-    handleChange: (color: HsvaColor | RgbaColor | string, format: 'hex' | 'rgba' | 'hsva') => void;
+    handleChange: (color: HsvaColor | RgbaColor | string, format: "hex" | "rgba" | "hsva") => void;
     handleAlphaChangeByHandle: (newAlpha: {
         a: number;
     }) => void;

package/lib/cjs/colorPicker/utils/split.d.ts

@@ -1,4 +1,4 @@
-declare const split: (str: string, mode: 'rgba' | 'hsva') => false | {
+declare const split: (str: string, mode: "rgba" | "hsva") => false | {
     r: number;
     g: number;
     b: number;

package/lib/cjs/datePicker/constants.js

@@ -58,7 +58,10 @@ const strings = exports.strings = Object.assign({
 }, formatToken);
 const numbers = exports.numbers = {
   WEEK_START_ON: 0,
+  // Take the day of the week as the first day of the week, 0 for Sunday, 1 for Monday, and so on
   WEEK_HEIGHT: 36,
+  // Date per line height 36px
   SPACING: _constants2.numbers.SPACING,
+  // Floating distance trigger interval
   SPACING_INSET_INPUT: 1
 };

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

@@ -17,8 +17,8 @@ export interface MonthFoundationProps {
     }) => boolean;
     weeksRowNum: number;
     onWeeksRowNumChange: (weeksRowNum: number) => void;
-    renderDate: () => void;
-    renderFullDate: () => void;
+    renderDate: (dayNumber: number, fullDate: string) => React.ReactNode;
+    renderFullDate: (dayNumber: number, fullDate: string, dayStatus: any) => React.ReactNode;
     hoverDay: string;
     startDateOffset: () => void;
     endDateOffset: () => void;
@@ -32,10 +32,6 @@ export type MonthDayInfo = {
     dayNumber: number;
     dayNumberFull?: string;
     fullDate: string;
-} | {
-    dayNumber: string;
-    dayNumberFull?: string;
-    fullDate: string;
 };
 export interface MonthInfo {
     weeks: Array<MonthDayInfo[]>;

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

@@ -63,13 +63,13 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
         updateStateValue: (field: string, value: any, opts: CallOpts, callback?: () => void) => void;
         updateStateError: (field: string, error: any, opts: CallOpts, callback?: () => void) => void;
         updateStateTouched: (field: string, isTouched: boolean, opts?: CallOpts, callback?: () => void) => void;
-        getValue: (field: string, opts?: CallOpts) => any;
+        getValue: (field: string | undefined, opts?: CallOpts) => any;
         getError: (field?: string) => any;
-        getTouched: (field?: string) => boolean | Record<string, any>;
+        getTouched: (field?: string) => boolean | Record<string, any> | undefined;
         getInitValues: () => any;
         getInitValue: (field?: string) => any;
-        getFormProps: (keys?: string[]) => ComponentProps;
-        getField: (field: string) => FieldStaff;
+        getFormProps: (keys?: Array<string>) => ComponentProps;
+        getField: (field: string) => FieldStaff | undefined;
         registerArrayField: (arrayFieldPath: string, val: any) => void;
         unRegisterArrayField: (arrayField: string) => void;
         getArrayField: (arrayField: string) => ArrayFieldStaff;
@@ -103,6 +103,6 @@ export default class FormFoundation extends BaseFoundation<BaseFormAdapter> {
     getFieldExist(field: string): boolean;
     _autoScroll(timeout?: boolean | number): void;
     _getErrorFieldAndScroll(scrollOpts?: ScrollIntoViewOptions | boolean): void;
-    scrollToField(field: string, scrollOpts?: ScrollIntoViewOptions<any>): void;
+    scrollToField(field: string, scrollOpts?: ScrollIntoViewOptions): void;
     scrollToError(config?: ScrollToErrorOpts): void;
 }

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

@@ -33,32 +33,34 @@ export interface FormState<T extends Record<string, any> = any> {
 export interface setValuesConfig {
     isOverride: boolean;
 }
-export type FieldPath<T> = T extends object ? {
-    [K in keyof T]: T[K] extends object ? `${string & K}.${FieldPath<T[K]>}` | `${string & K}` : `${string & K}`;
-}[keyof T] : never;
-export type FieldPathValue<T, P extends FieldPath<T>> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? Rest extends FieldPath<T[K]> ? FieldPathValue<T[K], Rest> : never : never : P extends keyof T ? T[P] : never;
 export type ScrollToErrorOptions<K> = {
     field?: K;
     index?: number;
     scrollOpts?: ScrollIntoViewOptions;
 };
-export interface BaseFormApi<T extends object = any> {
+type ArrayIndexPath<K extends string | number, U> = `${K}[${number}]` | `${K}[${number}].${FieldPath<U>}` | `${K}.${number}` | `${K}.${number}.${FieldPath<U>}`;
+export type FieldPath<T> = T extends Array<infer U> ? `${number}` | `${number}.${FieldPath<Exclude<U, undefined>>}` : T extends object ? {
+    [K in keyof T]: K extends string ? Exclude<T[K], undefined> extends Date ? `${K}` : T[K] extends Array<infer U> | object | undefined ? `${K}` | `${K}.${FieldPath<T[K]>}` | ArrayIndexPath<K, U> : `${K}` : never;
+}[keyof T] : never;
+export type FieldPathValue<T, P extends string> = ArrayFieldPathValue<T, P> | (P extends `${infer K}.${infer Rest}` ? K extends keyof T ? FieldPathValue<Exclude<T[K], undefined>, Rest> : never : P extends keyof T ? T[P] : never);
+type ArrayFieldPathValue<T, P extends string> = P extends `${infer K}[${infer I}]${infer Rest}` ? K extends keyof T ? T[K] extends Array<infer U> ? I extends `${number}` ? Rest extends '' ? U : Rest extends `.${infer RestPath}` ? FieldPathValue<U, RestPath> : never : never : never : never : never;
+export interface BaseFormApi<FormValuesType extends object = any> {
     /** get value of field */
-    getValue: <P extends FieldPath<T>>(field?: P) => FieldPathValue<T, P>;
+    getValue: <F extends FieldPath<FormValuesType>>(field?: F) => FieldPathValue<FormValuesType, F>;
     /** set value of field */
-    setValue: <K extends FieldPath<T>>(field: K, newFieldValue: any) => void;
+    setValue: <F extends FieldPath<FormValuesType>>(field: F, newFieldValue: any) => void;
     /** get error of field */
-    getError: <K extends keyof T>(field: K) => any;
+    getError: <F extends FieldPath<FormValuesType>>(field: F) => any;
     /** set error of field */
-    setError: <K extends keyof T>(field: K, fieldError: any) => void;
+    setError: <F extends FieldPath<FormValuesType>>(field: F, fieldError: any) => void;
     /** get touched of field */
-    getTouched: <K extends keyof T>(field: K) => boolean;
+    getTouched: <F extends FieldPath<FormValuesType>>(field: F) => boolean;
     /** set touch of field */
-    setTouched: <K extends keyof T>(field: K, fieldTouch: boolean) => void;
+    setTouched: <F extends FieldPath<FormValuesType>>(field: F, fieldTouch: boolean) => void;
     /** judge field exist */
-    getFieldExist: <K extends keyof T>(field: K) => boolean;
+    getFieldExist: <F extends FieldPath<FormValuesType>>(field: F) => boolean;
     /** get formState of form */
-    getFormState: () => FormState<T extends object ? T : object>;
+    getFormState: () => FormState<FormValuesType extends object ? FormValuesType : object>;
     /** get formProps of form */
     getFormProps: (keys?: Array<string>) => ComponentProps;
     /** submit form manual */
@@ -66,16 +68,16 @@ export interface BaseFormApi<T extends object = any> {
     /** reset form manual */
     reset: (fields?: Array<string>) => void;
     /** trigger validate  manual */
-    validate: <K extends keyof T, Params extends Array<K>, V extends Params[number]>(fields?: Params) => Promise<{
-        [R in V]: T[R];
+    validate: <K extends keyof FormValuesType, Params extends Array<K>, V extends Params[number]>(fields?: Params) => Promise<{
+        [R in V]: [R];
     }>;
-    getInitValue: <K extends keyof T>(field: K) => any;
+    getInitValue: <F extends FieldPath<FormValuesType>>(field: F) => any;
     getInitValues: () => any;
-    getValues: () => T;
+    getValues: () => FormValuesType;
     /** set value of multiple fields */
-    setValues: (fieldsValue: Partial<T>, config?: setValuesConfig) => void;
-    scrollToField: <K extends keyof T>(field: K, scrollConfig?: ScrollIntoViewOptions) => void;
-    scrollToError: <K extends keyof T>(config?: ScrollToErrorOptions<K>) => void;
+    setValues: (fieldsValue: Partial<FormValuesType>, config?: setValuesConfig) => void;
+    scrollToField: <F extends FieldPath<FormValuesType>>(field: F, scrollConfig?: ScrollIntoViewOptions) => void;
+    scrollToError: <F extends FieldPath<FormValuesType>>(config?: ScrollToErrorOptions<F>) => void;
 }
 export interface CallOpts {
     [x: string]: any;
@@ -136,3 +138,4 @@ export interface FormUpdaterContextType {
     getArrayField: (arrayField: string) => ArrayFieldStaff;
     updateArrayField: (arrayField: string, updateValue: any) => void;
 }
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 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> {

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

@@ -1,6 +1,6 @@
-import { JsonViewer, JsonViewerOptions } from '@douyinfe/semi-json-viewer-core';
+import { JsonViewer, JsonViewerOptions, CustomRenderRule } from '@douyinfe/semi-json-viewer-core';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export type { JsonViewerOptions };
+export type { JsonViewerOptions, CustomRenderRule };
 export interface JsonViewerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getEditorRef: () => HTMLElement;
     getSearchRef: () => HTMLInputElement;
@@ -8,6 +8,7 @@ export interface JsonViewerAdapter<P = Record<string, any>, S = Record<string, a
     notifyHover: (value: string, el: HTMLElement) => HTMLElement | undefined;
     setSearchOptions: (key: string) => void;
     showSearchBar: () => void;
+    notifyCustomRender: (customRenderMap: Map<HTMLElement, any>) => void;
 }
 declare class JsonViewerFoundation extends BaseFoundation<JsonViewerAdapter> {
     constructor(adapter: JsonViewerAdapter);

package/lib/cjs/jsonViewer/foundation.js

@@ -16,6 +16,9 @@ class JsonViewerFoundation extends _foundation.default {
     const props = this.getProps();
     const editorRef = this._adapter.getEditorRef();
     this.jsonViewer = new _semiJsonViewerCore.JsonViewer(editorRef, props.value, props.options);
+    this.jsonViewer.emitter.on('customRender', e => {
+      this._adapter.notifyCustomRender(e.customRenderMap);
+    });
     this.jsonViewer.layout();
     this.jsonViewer.emitter.on('contentChanged', e => {
       var _a;
@@ -24,14 +27,6 @@ class JsonViewerFoundation extends _foundation.default {
         this.search(this._adapter.getSearchRef().value);
       }
     });
-    this.jsonViewer.emitter.on('hoverNode', e => {
-      const el = this._adapter.notifyHover(e.value, e.target);
-      if (el) {
-        this.jsonViewer.emitter.emit('renderHoverNode', {
-          el
-        });
-      }
-    });
   }
   search(searchText) {
     var _a;

package/lib/cjs/jsonViewer/jsonViewer.css

@@ -95,7 +95,7 @@
   gap: 8px;
 }
 .semi-json-viewer-search-bar-input {
-  width: 200px;
+  width: 200px !important;
   flex-shrink: 0;
 }
 .semi-json-viewer-search-bar .semi-button-group {