amis 2.6.1-alpha.0 → 2.7.1

package/esm/renderers/Form/Transfer.js

@@ -1,12 +1,12 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import find from 'lodash/find';
-import { findTreeIndex, optionValueCompare, getTree, spliceTree, resolveEventData, string2regExp, filterTree, createObject, resolveVariable, toNumber, autobind, OptionsControl } from 'amis-core';
+import { findTreeIndex, optionValueCompare, getTree, spliceTree, findTree, resolveEventData, string2regExp, filterTree, createObject, resolveVariable, toNumber, autobind, OptionsControl } from 'amis-core';
 import { Selection, ResultList, Transfer, Spinner } from 'amis-ui';
 import { supportStatic } from './StaticHoc.js';
 
@@ -21,11 +21,11 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.handleChange = function (value, optionModified) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, newValue, newOptions, indexes, origin_1, rendererEvent;
+            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, selectMode, deferApi, newValue, newOptions, indexes, origin_1, isTreeDefer, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, valueField = _a.valueField, extractValue = _a.extractValue, options = _a.options, dispatchEvent = _a.dispatchEvent, setOptions = _a.setOptions;
+                        _a = this.props, onChange = _a.onChange, joinValues = _a.joinValues, delimiter = _a.delimiter, valueField = _a.valueField, extractValue = _a.extractValue, options = _a.options, dispatchEvent = _a.dispatchEvent, setOptions = _a.setOptions, selectMode = _a.selectMode, deferApi = _a.deferApi;
                         newValue = value;
                         newOptions = options.concat();
                         if (Array.isArray(value)) {
@@ -60,8 +60,12 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                 newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_1), value));
                             }
                         }
-                        (newOptions.length > options.length || optionModified) &&
-                            setOptions(newOptions, true);
+                        isTreeDefer = selectMode === 'tree' &&
+                            (!!deferApi ||
+                                !!findTree(options, function (option) { return option.deferApi || option.defer; }));
+                        isTreeDefer === true ||
+                            ((newOptions.length > options.length || optionModified) &&
+                                setOptions(newOptions, true));
                         return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
                                 value: newValue,
                                 options: options,
@@ -165,8 +169,10 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
         return ResultList.itemRender(option, states);
     };
     BaseTransferRenderer.prototype.renderCell = function (column, option, colIndex, rowIndex) {
-        var _a = this.props, render = _a.render, data = _a.data, cx = _a.classnames;
-        return render("cell/".concat(colIndex, "/").concat(rowIndex), __assign({ type: 'text', className: cx({ 'is-invalid': option === null || option === void 0 ? void 0 : option.__unmatched }) }, column), {
+        var _a = this.props, render = _a.render, data = _a.data, cx = _a.classnames, showInvalidMatch = _a.showInvalidMatch;
+        return render("cell/".concat(colIndex, "/").concat(rowIndex), __assign({ type: 'text', className: cx({
+                'is-invalid': showInvalidMatch ? option === null || option === void 0 ? void 0 : option.__unmatched : false
+            }) }, column), {
             value: resolveVariable(column.name, option),
             data: createObject(data, option)
         });
@@ -199,7 +205,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight, loadingConfig = _b.loadingConfig;
+        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight, loadingConfig = _b.loadingConfig, showInvalidMatch = _b.showInvalidMatch;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -214,7 +220,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React.createElement("div", { className: cx('TransferControl', className) },
-            React.createElement(Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, loadingConfig: loadingConfig }),
+            React.createElement(Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, loadingConfig: loadingConfig, showInvalidMatch: showInvalidMatch }),
             React.createElement(Spinner, { overlay: true, key: "info", loadingConfig: loadingConfig, show: loading })));
     };
     __decorate([

package/esm/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Icon.d.ts

@@ -22,6 +22,9 @@ export interface IconProps extends RendererProps, Omit<IconSchema, 'type' | 'cla
 }
 export declare class Icon extends React.Component<IconProps, object> {
     static defaultProps: Partial<IconProps>;
+    handleClick(e: React.MouseEvent<any>): void;
+    handleMouseEnter(e: React.MouseEvent<any>): void;
+    handleMouseLeave(e: React.MouseEvent<any>): void;
     render(): JSX.Element | undefined;
 }
 export declare class IconRenderer extends Icon {

package/esm/renderers/Icon.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __decorate } from 'tslib';
+import { __extends, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { filter, Renderer } from 'amis-core';
+import { createObject, filter, autobind, Renderer } from 'amis-core';
 import { getIcon, withBadge } from 'amis-ui';
 import { isObject } from 'lodash';
 
@@ -14,6 +14,24 @@ var Icon = /** @class */ (function (_super) {
     function Icon() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Icon.prototype.handleClick = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent('click', createObject(data, {
+            nativeEvent: e
+        }));
+    };
+    Icon.prototype.handleMouseEnter = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(e, createObject(data, {
+            nativeEvent: e
+        }));
+    };
+    Icon.prototype.handleMouseLeave = function (e) {
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+        dispatchEvent(e, createObject(data, {
+            nativeEvent: e
+        }));
+    };
     Icon.prototype.render = function () {
         var _a = this.props, vendor = _a.vendor, cx = _a.classnames, className = _a.className, style = _a.style, data = _a.data;
         var icon = this.props.icon;
@@ -22,14 +40,14 @@ var Icon = /** @class */ (function (_super) {
             if (isObject(icon) &&
                 typeof icon.id === 'string' &&
                 icon.id.startsWith('svg-')) {
-                return (React.createElement("svg", { className: cx('icon', className), style: style },
+                return (React.createElement("svg", { className: cx('icon', className), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
                     React.createElement("use", { xlinkHref: "#".concat(icon.id.replace(/^svg-/, '')) })));
             }
             return;
         }
         var CustomIcon = getIcon(icon);
         if (CustomIcon) {
-            return React.createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)), style: style });
+            return (React.createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }));
         }
         var isURLIcon = (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
         var iconPrefix = '';
@@ -44,12 +62,30 @@ var Icon = /** @class */ (function (_super) {
             // 如果vendor为空，则不设置前缀,这样可以支持fontawesome v5、fontawesome v6或者其他框架
             iconPrefix = "".concat(icon);
         }
-        return isURLIcon ? (React.createElement("img", { className: cx('Icon'), src: icon, style: style })) : (React.createElement("i", { className: cx(iconPrefix, className), style: style }));
+        return isURLIcon ? (React.createElement("img", { className: cx('Icon'), src: icon, style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave })) : (React.createElement("i", { className: cx(iconPrefix, className), style: style, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }));
     };
     Icon.defaultProps = {
         icon: '',
         vendor: 'fa'
     };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleMouseEnter", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Icon.prototype, "handleMouseLeave", null);
     return Icon;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Images.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Json.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/List.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Log.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Mapping.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 
@@ -168,8 +168,12 @@ var MappingField = withStore(function (props) {
         };
         class_1.prototype.render = function () {
             var _this = this;
-            var style = this.props.style;
+            var _a = this.props, style = _a.style, defaultValue = _a.defaultValue, data = _a.data;
             var mapKey = getPropValue(this.props);
+            // 让默认值支持表达式
+            if (defaultValue && isPureVariable(defaultValue) && defaultValue === mapKey) {
+                mapKey = resolveVariableAndFilter(defaultValue, data, '| raw');
+            }
             if (Array.isArray(mapKey)) {
                 return (React.createElement("span", { style: style }, mapKey.map(function (singleKey, index) {
                     return _this.renderSingleValue(singleKey, index);

package/esm/renderers/Markdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/MultilineText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.6.1-alpha.0
+ * amis v2.7.1
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Nav.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { RendererEnv, RendererProps } from 'amis-core';
+import { RendererEnv, RendererProps, ActionObject } from 'amis-core';
 import { ThemeProps } from 'amis-core';
 import { SpinnerExtraProps } from 'amis-ui';
 import { BadgeObject } from 'amis-ui';
 import { IScopedContext } from 'amis-core';
+import type { NavigationItem } from 'amis-ui/lib/components/menu';
 import type { BaseSchema, SchemaObject, SchemaApi, SchemaIcon, SchemaUrlPath, SchemaCollection, SchemaClassName } from '../Schema';
+export type IconItemSchema = {
+    icon?: SchemaIcon;
+    position: string;
+};
 export type NavItemSchema = {
     /**
      * 文字说明
@@ -14,7 +19,7 @@ export type NavItemSchema = {
     /**
      * 图标类名，参考 fontawesome 4。
      */
-    icon?: SchemaIcon;
+    icon?: SchemaIcon | Array<IconItemSchema>;
     to?: SchemaUrlPath;
     target?: string;
     unfolded?: boolean;
@@ -22,6 +27,11 @@ export type NavItemSchema = {
     defer?: boolean;
     deferApi?: SchemaApi;
     children?: Array<NavItemSchema>;
+    key?: string;
+    disabled?: boolean;
+    disabledTip?: string;
+    className?: string;
+    accordion?: boolean;
 } & Omit<BaseSchema, 'type'>;
 export interface NavOverflow {
     /**
@@ -90,7 +100,7 @@ export interface NavSchema extends BaseSchema {
      */
     links?: Array<NavItemSchema>;
     /**
-     * @default 24
+     * @default 16
      */
     indentSize: number;
     /**
@@ -104,7 +114,7 @@ export interface NavSchema extends BaseSchema {
     /**
      * true 为垂直排列，false 为水平排列类似如 tabs。
      */
-    stacked?: boolean;
+    stacked?: true | false;
     /**
      * 更多操作菜单列表
      */
@@ -121,6 +131,10 @@ export interface NavSchema extends BaseSchema {
      * 角标
      */
     itemBadge?: BadgeObject;
+    /**
+     * 角标
+     */
+    badge?: BadgeObject;
     /**
      * 仅允许同层级拖拽
      */
@@ -129,6 +143,30 @@ export interface NavSchema extends BaseSchema {
      * 横向导航时自动收纳配置
      */
     overflow?: NavOverflow;
+    /**
+     * 最多展示多少层级
+     */
+    level?: number;
+    /**
+     * 控制仅展示指定key菜单下的子菜单项
+     */
+    showKey?: string;
+    /**
+     * 控制仅展示指定key菜单下的子菜单项
+     */
+    collapsed?: boolean;
+    /**
+     * 垂直模式 非折叠状态下 控制菜单打开方式
+     */
+    mode?: 'float' | 'inline';
+    /**
+     * 自定义展开图标
+     */
+    expandIcon?: string | SchemaObject;
+    /**
+     * 自定义展开图标位置 默认在前面 before after
+     */
+    expandPosition?: string;
 }
 export interface Link {
     className?: string;
@@ -144,7 +182,8 @@ export interface Link {
     loading?: boolean;
     loaded?: boolean;
     [propName: string]: any;
-    itemBadge?: BadgeObject;
+    disabled?: boolean;
+    disabledTip?: string;
 }
 export interface Links extends Array<Link> {
 }
@@ -157,9 +196,10 @@ export interface NavigationState {
         height?: number;
         opacity?: number;
     };
+    collapsed?: boolean;
 }
-export interface NavigationProps extends ThemeProps, Omit<NavSchema, 'type' | 'className'>, SpinnerExtraProps {
-    onSelect?: (item: Link) => void | false;
+export interface NavigationProps extends ThemeProps, Omit<RendererProps, 'className'>, Omit<NavSchema, 'type' | 'className'>, SpinnerExtraProps {
+    onSelect?: (item: Link, depth: number) => void | false;
     onToggle?: (item: Link, forceFold?: boolean) => void;
     onDragUpdate?: (dropInfo: IDropInfo) => void;
     onOrderChange?: (res: Link[]) => void;
@@ -192,47 +232,49 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
         x: number;
     };
     state: NavigationState;
-    handleClick(link: Link): void;
+    handleClick(link: Link, depth: number): Promise<false | void | undefined>;
     toggleLink(target: Link, forceFold?: boolean): void;
     getDropInfo(e: DragEvent, id: string, depth: number): IDropInfo;
     updateDropIndicator(e: DragEvent): void;
     handleDragStart(link: Link): (e: React.DragEvent) => void;
     handleDragOver(e: DragEvent): void;
     handleDragEnd(e: DragEvent): void;
-    renderItem(link: Link, index: number, depth?: number): JSX.Element | null;
-    renderOverflowNavs(overflowConfig: NavOverflow & {
-        __id?: string | number;
-    }): JSX.Element;
+    normalizeNavigations(links: Links, depth: number): Array<NavigationItem>;
     render(): JSX.Element;
 }
 declare const ThemedNavigation: {
-    new (props: Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
-        }>;
+        }>; /**
+         * 菜单DOM挂载点
+         */
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
+        /**
+         * 懒加载 api，如果不配置复用 source 接口。
+         */
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "loadingConfig" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onToggle" | "onSelect" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;
@@ -243,13 +285,21 @@ declare const ThemedNavigation: {
 export default ThemedNavigation;
 export declare class NavigationRenderer extends React.Component<RendererProps> {
     static contextType: React.Context<IScopedContext>;
+    navRef: any;
     remoteRef: {
         loadConfig: (ctx?: any) => Promise<any> | void;
         setConfig: (value: any) => void;
+        setFilterConfig: (value: any) => void;
     } | undefined;
     remoteConfigRef(ref: any): void;
+    getRef(ref: any): void;
     constructor(props: RendererProps, context: IScopedContext);
     componentWillUnmount(): void;
+    doAction(action: ActionObject, args: {
+        value?: string | {
+            [key: string]: string;
+        };
+    }): void;
     reload(target?: string, query?: any, values?: object): void;
     receive(values: object): void;
     render(): JSX.Element;