amis-ui 3.1.1 → 3.3.0

package/lib/components/Alert.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,10 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Alert
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Alert = /** @class */ (function (_super) {
     tslib.__extends(Alert, _super);
     function Alert(props) {
@@ -52,14 +51,26 @@ var Alert = /** @class */ (function (_super) {
         return _this;
     }
     Alert.getInstance = function () {
-        if (!Alert.instance) {
-            console.warn('Alert 组件应该没有被渲染，所以隐性的渲染到 body 了');
-            var container = document.body;
-            var div = document.createElement('div');
-            container.appendChild(div);
-            ReactDOM.render(React__default["default"].createElement(FinnalAlert, null), div);
-        }
-        return Alert.instance;
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var container, div;
+            return tslib.__generator(this, function (_a) {
+                if (!Alert.instance) {
+                    console.warn('Alert 组件应该没有被渲染，所以隐性的渲染到 body 了');
+                    container = document.body;
+                    div = document.createElement('div');
+                    container.appendChild(div);
+                    // if (parseInt(version.split('.')[0], 10) >= 18) {
+                    //   const root = createRoot(div);
+                    //   await new Promise<void>(resolve =>
+                    //     root.render(<FinnalAlert ref={() => resolve()} />)
+                    //   );
+                    // } else {
+                    ReactDOM.render(_J$X_(FinnalAlert, null), div);
+                    // }
+                }
+                return [2 /*return*/, Alert.instance];
+            });
+        });
     };
     Alert.prototype.componentDidMount = function () {
         this._body && (this._body.innerHTML = this.state.content);
@@ -189,13 +200,13 @@ var Alert = /** @class */ (function (_super) {
         var finalCancelText = __((_c = this.state.cancelText) !== null && _c !== void 0 ? _c : cancelText);
         var finalConfirmBtnLevel = (_d = this.state.confirmBtnLevel) !== null && _d !== void 0 ? _d : confirmBtnLevel;
         var finalCancelBtnLevel = (_e = this.state.cancelBtnLevel) !== null && _e !== void 0 ? _e : cancelBtnLevel;
-        return (React__default["default"].createElement(Modal["default"], { show: this.state.show, onHide: this.handleCancel, container: container, ref: this.modalRef, closeOnEsc: this.state.closeOnEsc, size: this.state.size },
-            finalTitle ? (React__default["default"].createElement("div", { className: cx('Modal-header') },
-                React__default["default"].createElement("div", { className: cx('Modal-title') }, finalTitle))) : null,
-            React__default["default"].createElement("div", { className: cx('Modal-body') }, this.state.prompt ? (renderForm(this.state.controls, this.state.value, this.handleFormSubmit, this.scopeRef, theme)) : typeof this.state.content === 'string' ? (React__default["default"].createElement(Html["default"], { html: this.state.content })) : (React__default["default"].createElement(React__default["default"].Fragment, null, this.state.content))),
-            finalConfirmText ? (React__default["default"].createElement("div", { className: cx('Modal-footer') },
-                this.state.confirm || this.state.prompt ? (React__default["default"].createElement(Button["default"], { level: finalCancelBtnLevel, onClick: this.handleCancel }, __(finalCancelText))) : null,
-                React__default["default"].createElement(Button["default"], { level: this.state.confirm || this.state.prompt
+        return (_J$X_(Modal["default"], { show: this.state.show, onHide: this.handleCancel, container: container, ref: this.modalRef, closeOnEsc: this.state.closeOnEsc, size: this.state.size },
+            finalTitle ? (_J$X_("div", { className: cx('Modal-header') },
+                _J$X_("div", { className: cx('Modal-title') }, finalTitle))) : null,
+            _J$X_("div", { className: cx('Modal-body') }, this.state.prompt ? (renderForm(this.state.controls, this.state.value, this.handleFormSubmit, this.scopeRef, theme)) : typeof this.state.content === 'string' ? (_J$X_(Html["default"], { html: this.state.content })) : (_J$X_(React__default["default"].Fragment, null, this.state.content))),
+            finalConfirmText ? (_J$X_("div", { className: cx('Modal-footer') },
+                this.state.confirm || this.state.prompt ? (_J$X_(Button["default"], { level: finalCancelBtnLevel, onClick: this.handleCancel }, __(finalCancelText))) : null,
+                _J$X_(Button["default"], { level: this.state.confirm || this.state.prompt
                         ? finalConfirmBtnLevel
                         : alertBtnLevel, onClick: this.handleConfirm }, finalConfirmText))) : null));
     };
@@ -218,13 +229,39 @@ function renderForm(controls, value, callback, scopeRef, theme) {
     if (value === void 0) { value = {}; }
     return renderSchemaFn === null || renderSchemaFn === void 0 ? void 0 : renderSchemaFn(controls, value, callback, scopeRef, theme);
 }
-var alert = function (content, title) { return Alert.getInstance().alert(content, title); };
-var confirm = function (content, title, optionsOrCofnrimText, cancelText) {
-    return Alert.getInstance().confirm(content, title, optionsOrCofnrimText, cancelText);
-};
-var prompt = function (controls, defaultvalue, title, confirmText) {
-    return Alert.getInstance().prompt(controls, defaultvalue, title, confirmText);
-};
+var alert = function (content, title) { return tslib.__awaiter(void 0, void 0, void 0, function () {
+    var instance;
+    return tslib.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Alert.getInstance()];
+            case 1:
+                instance = _a.sent();
+                return [2 /*return*/, instance.alert(content, title)];
+        }
+    });
+}); };
+var confirm = function (content, title, optionsOrCofnrimText, cancelText) { return tslib.__awaiter(void 0, void 0, void 0, function () {
+    var instance;
+    return tslib.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Alert.getInstance()];
+            case 1:
+                instance = _a.sent();
+                return [2 /*return*/, instance.confirm(content, title, optionsOrCofnrimText, cancelText)];
+        }
+    });
+}); };
+var prompt = function (controls, defaultvalue, title, confirmText) { return tslib.__awaiter(void 0, void 0, void 0, function () {
+    var instance;
+    return tslib.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Alert.getInstance()];
+            case 1:
+                instance = _a.sent();
+                return [2 /*return*/, instance.prompt(controls, defaultvalue, title, confirmText)];
+        }
+    });
+}); };
 var FinnalAlert = amisCore.themeable(amisCore.localeable(Alert));
 
 exports.Alert = Alert;

package/lib/components/Alert2.d.ts

@@ -31,9 +31,9 @@ export declare class Alert extends React.Component<AlertProps, AlertState> {
     render(): React.JSX.Element | null;
 }
 declare const _default: {
-    new (props: Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-        level?: "danger" | "info" | "success" | "warning" | undefined;
+    new (props: Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
         showCloseButton?: boolean | undefined;
+        level?: "danger" | "info" | "success" | "warning" | undefined;
     } & {
         className?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -42,16 +42,16 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/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<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        readonly props: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -60,49 +60,49 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "children" | "icon" | "onClose" | "showIcon" | "iconClassName" | "closeButtonClassName"> & {
-            level?: "danger" | "info" | "success" | "warning" | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("amis-core").ThemeProps>, "title" | "icon" | "iconClassName" | "children" | "onClose" | "showIcon" | "closeButtonClassName"> & {
             showCloseButton?: boolean | undefined;
+            level?: "danger" | "info" | "success" | "warning" | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/lib/components/Alert2.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,10 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Alert2
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Alert = /** @class */ (function (_super) {
     tslib.__extends(Alert, _super);
     function Alert(props) {
@@ -36,19 +35,16 @@ var Alert = /** @class */ (function (_super) {
         }, this.props.onClose);
     };
     Alert.prototype.render = function () {
-        var _a;
-        var _b = this.props, cx = _b.classnames, className = _b.className, style = _b.style, level = _b.level, children = _b.children, showCloseButton = _b.showCloseButton, title = _b.title, icon = _b.icon, showIcon = _b.showIcon, iconClassName = _b.iconClassName, closeButtonClassName = _b.closeButtonClassName;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, level = _a.level, children = _a.children, showCloseButton = _a.showCloseButton, title = _a.title, icon = _a.icon, showIcon = _a.showIcon, iconClassName = _a.iconClassName, closeButtonClassName = _a.closeButtonClassName;
         // 优先使用内置svg，其次使用icon库
-        var iconNode = icon ? (['string', 'object'].includes(typeof icon) ? (typeof icon === 'object' ? (amisCore.generateIcon(cx, icon, 'icon')) : (icons.getIcon(icon) && React__default["default"].createElement(icons.Icon, { icon: icon, className: cx("icon") }))) : React__default["default"].isValidElement(icon) ? (React__default["default"].cloneElement(icon, {
-            className: cx("Alert-icon", (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className)
-        })) : null) : showIcon ? (React__default["default"].createElement(icons.Icon, { icon: "alert-".concat(level), className: cx("icon") })) : null;
-        return this.state.show ? (React__default["default"].createElement("div", { className: cx('Alert', level ? "Alert--".concat(level) : '', title ? 'Alert-has-title' : '', className), style: style },
-            showIcon && iconNode ? (React__default["default"].createElement("div", { className: cx('Alert-icon', iconClassName) }, iconNode)) : null,
-            React__default["default"].createElement("div", { className: cx('Alert-content') },
-                title ? React__default["default"].createElement("div", { className: cx('Alert-title') }, title) : null,
-                React__default["default"].createElement("div", { className: cx('Alert-desc') }, children)),
-            showCloseButton ? (React__default["default"].createElement("button", { className: cx('Alert-close', closeButtonClassName), onClick: this.handleClick, type: "button" },
-                React__default["default"].createElement(icons.Icon, { icon: "close", className: "icon" }))) : null)) : null;
+        var iconNode = showIcon ? (_J$X_(icons.Icon, { cx: cx, icon: icon || "alert-".concat(level), className: "icon" })) : null;
+        return this.state.show ? (_J$X_("div", { className: cx('Alert', level ? "Alert--".concat(level) : '', title ? 'Alert-has-title' : '', className), style: style },
+            showIcon && iconNode ? (_J$X_("div", { className: cx('Alert-icon', iconClassName) }, iconNode)) : null,
+            _J$X_("div", { className: cx('Alert-content') },
+                title ? _J$X_("div", { className: cx('Alert-title') }, title) : null,
+                _J$X_("div", { className: cx('Alert-desc') }, children)),
+            showCloseButton ? (_J$X_("button", { className: cx('Alert-close', closeButtonClassName), onClick: this.handleClick, type: "button" },
+                _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : null)) : null;
     };
     Alert.defaultProps = {
         level: 'info',

package/lib/components/AnchorNav.d.ts

@@ -87,70 +87,70 @@ export declare class AnchorNav extends React.Component<AnchorNavProps, AnchorNav
     render(): React.JSX.Element | null;
 }
 declare const _default: {
-    new (props: Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+    new (props: Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
         linkClassName?: string | undefined;
         sectionClassName?: string | undefined;
-        direction?: "vertical" | "horizontal" | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/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<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        readonly props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "onSelect" | "active" | "links" | "sectionRender"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "children" | "links" | "onSelect" | "active" | "sectionRender"> & {
             linkClassName?: string | undefined;
             sectionClassName?: string | undefined;
-            direction?: "vertical" | "horizontal" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/lib/components/AnchorNav.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,11 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var find__default = /*#__PURE__*/_interopDefaultLegacy(find);
 
-/**
- * @file AnchorNav
- * @description 锚点导航
- * @author hsm-lv
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var AnchorNavSectionComponent = /** @class */ (function (_super) {
     tslib.__extends(AnchorNavSectionComponent, _super);
     function AnchorNavSectionComponent() {
@@ -31,7 +29,7 @@ var AnchorNavSectionComponent = /** @class */ (function (_super) {
     }
     AnchorNavSectionComponent.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, children = _a.children, className = _a.className;
-        return (React__default["default"].createElement("div", { ref: this.contentRef, className: cx('AnchorNav-section', className) }, children));
+        return (_J$X_("div", { ref: this.contentRef, className: cx('AnchorNav-section', className) }, children));
     };
     return AnchorNavSectionComponent;
 }(React__default["default"].PureComponent));
@@ -151,8 +149,8 @@ var AnchorNav = /** @class */ (function (_super) {
         var _a = this.props, cx = _a.classnames, activeProp = _a.active;
         var _b = link.props, title = _b.title, name = _b.name;
         var active = activeProp === undefined && index === 0 ? name : activeProp;
-        return (React__default["default"].createElement("li", { className: cx('AnchorNav-link', active === name ? 'is-active' : ''), key: index, onClick: function () { return _this.handleSelect(name); } },
-            React__default["default"].createElement("a", { title: title }, title)));
+        return (_J$X_("li", { className: cx('AnchorNav-link', active === name ? 'is-active' : ''), key: index, onClick: function () { return _this.handleSelect(name); } },
+            _J$X_("a", { title: title }, title)));
     };
     AnchorNav.prototype.renderSection = function (section, index) {
         if (!section) {
@@ -170,11 +168,11 @@ var AnchorNav = /** @class */ (function (_super) {
         if (!Array.isArray(children)) {
             return null;
         }
-        return (React__default["default"].createElement("div", { className: cx('AnchorNav', (_a = {},
+        return (_J$X_("div", { className: cx('AnchorNav', (_a = {},
                 _a["AnchorNav--".concat(direction)] = direction,
                 _a), className), style: style },
-            React__default["default"].createElement("ul", { className: cx('AnchorNav-link-wrap', linkClassName), role: "anchorlist" }, children.map(function (link, index) { return _this.renderLink(link, index); })),
-            React__default["default"].createElement("div", { className: cx('AnchorNav-section-wrap', sectionClassName), ref: this.contentDom }, children.map(function (section, index) {
+            _J$X_("ul", { className: cx('AnchorNav-link-wrap', linkClassName), role: "anchorlist" }, children.map(function (link, index) { return _this.renderLink(link, index); })),
+            _J$X_("div", { className: cx('AnchorNav-section-wrap', sectionClassName), ref: this.contentDom }, children.map(function (section, index) {
                 return _this.renderSection(section, index);
             }))));
     };