amis 2.7.3-beta.0 → 2.9.0

package/esm/renderers/MultilineText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Nav.d.ts

@@ -32,6 +32,7 @@ export type NavItemSchema = {
     disabledTip?: string;
     className?: string;
     accordion?: boolean;
+    mode?: string;
 } & Omit<BaseSchema, 'type'>;
 export interface NavOverflow {
     /**
@@ -147,6 +148,10 @@ export interface NavSchema extends BaseSchema {
      * 最多展示多少层级
      */
     level?: number;
+    /**
+     * 默认展开层级 小于等于该层数的节点默认全部打开
+     */
+    defaultOpenLevel?: number;
     /**
      * 控制仅展示指定key菜单下的子菜单项
      */
@@ -167,6 +172,10 @@ export interface NavSchema extends BaseSchema {
      * 自定义展开图标位置 默认在前面 before after
      */
     expandPosition?: string;
+    /**
+     * 主题配色 默认light
+     */
+    themeColor?: 'light' | 'dark';
 }
 export interface Link {
     className?: string;
@@ -232,7 +241,7 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
         x: number;
     };
     state: NavigationState;
-    handleClick(link: Link, depth: number): Promise<false | void | undefined>;
+    handleClick(link: Link, depth: number): Promise<boolean>;
     toggleLink(target: Link, depth: number, forceFold?: boolean): void;
     getDropInfo(e: DragEvent, id: string, depth: number): IDropInfo;
     updateDropIndicator(e: DragEvent): void;
@@ -245,17 +254,18 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
 declare const ThemedNavigation: {
     new (props: Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
-        childRef(ref: any): void;
+        childRef(ref: any): void; /**
+         * 菜单触发按钮的图标
+         * @default "fa fa-ellipsis"
+         */
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
+        context: unknown; /**
+         * 菜单触发按钮CSS类名
+         */
         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<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>; /**
-         * 菜单DOM挂载点
-         */
+        readonly props: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -263,13 +273,13 @@ declare const ThemedNavigation: {
         componentDidMount?(): void;
         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<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<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;
@@ -289,11 +299,12 @@ export declare class NavigationRenderer extends React.Component<RendererProps> {
     remoteRef: {
         loadConfig: (ctx?: any) => Promise<any> | void;
         setConfig: (value: any) => void;
-        setFilterConfig: (value: any) => void;
+        syncConfig: () => void;
     } | undefined;
     remoteConfigRef(ref: any): void;
     getRef(ref: any): void;
     constructor(props: RendererProps, context: IScopedContext);
+    componentDidUpdate(prevProps: any): void;
     componentWillUnmount(): void;
     doAction(action: ActionObject, args: {
         value?: string | {

package/esm/renderers/Nav.js

@@ -1,14 +1,14 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata, __rest } from 'tslib';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
+import isEqual from 'lodash/isEqual';
 import { generateIcon, isObject, createObject, autobind, themeable, someTree, filter, mapTree, getExprProperties, guid, isUnfolded, findTree, spliceTree, resolveVariableAndFilter, findTreeIndex, isEffectiveApi, ScopedContext, Renderer, evalExpression } from 'amis-core';
 import { getIcon, Icon, Menu, Spinner, withRemoteConfig } from 'amis-ui';
-import isEqual from 'lodash/isEqual';
 
 var Navigation = /** @class */ (function (_super) {
     __extends(Navigation, _super);
@@ -23,7 +23,7 @@ var Navigation = /** @class */ (function (_super) {
     }
     Navigation.prototype.handleClick = function (link, depth) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, env, onSelect, result;
+            var _a, env, onSelect;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -40,8 +40,8 @@ var Navigation = /** @class */ (function (_super) {
                         }
                         return [4 /*yield*/, (onSelect === null || onSelect === void 0 ? void 0 : onSelect(link, depth))];
                     case 1:
-                        result = _b.sent();
-                        return [2 /*return*/, result];
+                        _b.sent();
+                        return [2 /*return*/, false];
                 }
             });
         });
@@ -90,8 +90,10 @@ var Navigation = /** @class */ (function (_super) {
         var targetDepth = Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-depth'));
         var wrapperComponent = overflow && overflow.enable ? overflow.wrapperComponent || 'ul' : 'ul';
         if (dragOnSameLevel &&
-            ((_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.node.closest(wrapperComponent)) !==
-                (target === null || target === void 0 ? void 0 : target.closest(wrapperComponent))) {
+            // menu里原来menuItem套了一层div 后来改成了ul 这里的判断条件需要加限制
+            // 否则始终不相等
+            ((_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.node.closest("".concat(wrapperComponent, "[role=\"menu\"]"))) !==
+                (target === null || target === void 0 ? void 0 : target.closest("".concat(wrapperComponent, "[role=\"menu\"]")))) {
             this.setState({ dropIndicator: undefined });
             this.dropInfo = null;
             return;
@@ -105,25 +107,36 @@ var Navigation = /** @class */ (function (_super) {
         }
         var ul = findDOMNode(this).firstChild;
         if (position === 'self') {
-            this.setState({
-                dropIndicator: {
-                    top: rect.top - ul.getBoundingClientRect().top,
-                    left: left,
-                    width: ul.getBoundingClientRect().width - left,
-                    height: height,
-                    opacity: 0.2
-                }
-            });
+            var dropIndicator = {
+                top: rect.top - ul.getBoundingClientRect().top,
+                left: left,
+                width: ul.getBoundingClientRect().width - left,
+                height: height,
+                opacity: 0.2
+            };
+            // 尽量减少dropIndicator的更新 否则到saas里会比较卡
+            if (!this.state.dropIndicator ||
+                (this.state.dropIndicator &&
+                    !isEqual(this.state.dropIndicator, dropIndicator))) {
+                this.setState({
+                    dropIndicator: dropIndicator
+                });
+            }
         }
         else {
-            this.setState({
-                dropIndicator: {
-                    top: (position === 'bottom' ? rect.top + rect.height : rect.top) -
-                        ul.getBoundingClientRect().top,
-                    left: left,
-                    width: ul.getBoundingClientRect().width - left
-                }
-            });
+            var dropIndicator = {
+                top: (position === 'bottom' ? rect.top + rect.height : rect.top) -
+                    ul.getBoundingClientRect().top,
+                left: left,
+                width: ul.getBoundingClientRect().width - left
+            };
+            if (!this.state.dropIndicator ||
+                (this.state.dropIndicator &&
+                    !isEqual(this.state.dropIndicator, dropIndicator))) {
+                this.setState({
+                    dropIndicator: dropIndicator
+                });
+            }
         }
     };
     Navigation.prototype.handleDragStart = function (link) {
@@ -247,27 +260,31 @@ var Navigation = /** @class */ (function (_super) {
                 extra: itemActions
                     ? render('inline', itemActions, {
                         data: createObject(data, link),
-                        popOverContainer: function () { return document.body; }
+                        popOverContainer: function () { return document.body; },
+                        // 点击操作之后 就关闭 因为close方法里执行了preventDefault
+                        closeOnClick: true
                     })
                     : null,
                 disabled: !!link.disabled,
                 disabledTip: link.disabledTip,
                 hidden: link.hidden,
-                className: link.className
+                className: link.className,
+                mode: link.mode
             };
         });
     };
     Navigation.prototype.render = function () {
-        var _a = this.props, className = _a.className, style = _a.style, stacked = _a.stacked, mode = _a.mode, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow, loadingConfig = _a.loadingConfig, itemBadge = _a.itemBadge, badge = _a.badge, data = _a.data, location = _a.location, collapsed = _a.collapsed, expandIcon = _a.expandIcon, indentSize = _a.indentSize, accordion = _a.accordion, draggable = _a.draggable, expandPosition = _a.expandPosition, render = _a.render;
+        var _a = this.props, className = _a.className, style = _a.style, stacked = _a.stacked, mode = _a.mode, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow, loadingConfig = _a.loadingConfig, itemBadge = _a.itemBadge, badge = _a.badge, data = _a.data, location = _a.location, collapsed = _a.collapsed, expandIcon = _a.expandIcon, indentSize = _a.indentSize, accordion = _a.accordion, draggable = _a.draggable, themeColor = _a.themeColor, expandPosition = _a.expandPosition, render = _a.render;
         var dropIndicator = this.state.dropIndicator;
         var overflowedIndicator = null;
         if (overflow && isObject(overflow) && overflow.enable) {
             var _b = overflow.overflowIndicator, overflowIndicator = _b === void 0 ? 'fa fa-ellipsis' : _b, overflowLabel = overflow.overflowLabel, overflowClassName = overflow.overflowClassName;
             overflowedIndicator = (React.createElement("span", { className: cx(overflowClassName) },
-                getIcon(overflowIndicator) ? (React.createElement(Icon, { icon: overflowIndicator, className: "icon" })) : (generateIcon(cx, overflowIndicator, 'Nav-itemIcon')),
-                overflowLabel && isObject(overflowLabel)
-                    ? render('nav-overflow-label', overflowLabel)
-                    : overflowLabel));
+                React.createElement(React.Fragment, null,
+                    getIcon(overflowIndicator) ? (React.createElement(Icon, { icon: overflowIndicator, className: "icon" })) : (generateIcon(cx, overflowIndicator, 'Nav-itemIcon')),
+                    overflowLabel && isObject(overflowLabel)
+                        ? render('nav-overflow-label', overflowLabel)
+                        : overflowLabel)));
         }
         return (React.createElement("div", { className: cx('Nav'), style: style },
             React.createElement(React.Fragment, null,
@@ -278,7 +295,7 @@ var Navigation = /** @class */ (function (_super) {
                         var path = link.path;
                         var ret = location.pathname === path;
                         return !!ret;
-                    }, isOpen: function (item) { return !!item.open; }, stacked: !!stacked, mode: mode, location: location, onSelect: this.handleClick, onToggle: this.toggleLink, renderLink: function (link) { return link.link; }, badge: itemBadge || badge, collapsed: collapsed, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflow === null || overflow === void 0 ? void 0 : overflow.maxVisibleCount, overflowedIndicatorPopupClassName: cx(overflow === null || overflow === void 0 ? void 0 : overflow.overflowPopoverClassName), overflowSuffix: (overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
+                    }, isOpen: function (item) { return !!item.open; }, stacked: !!stacked, mode: mode, themeColor: themeColor, onSelect: this.handleClick, onToggle: this.toggleLink, renderLink: function (link) { return link.link; }, badge: itemBadge || badge, collapsed: collapsed, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflow === null || overflow === void 0 ? void 0 : overflow.maxVisibleCount, overflowedIndicatorPopupClassName: cx(overflow === null || overflow === void 0 ? void 0 : overflow.overflowPopoverClassName), overflowSuffix: (overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
                         ? render('nav-overflow-suffix', overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
                         : null, overflowItemWidth: overflow === null || overflow === void 0 ? void 0 : overflow.itemWidth, overflowComponent: overflow === null || overflow === void 0 ? void 0 : overflow.wrapperComponent, overflowStyle: overflow === null || overflow === void 0 ? void 0 : overflow.style, expandIcon: expandIcon
                         ? typeof expandIcon === 'string'
@@ -386,7 +403,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
     }); },
     normalizeConfig: function (links, origin, props, motivation) {
         if (Array.isArray(links) && motivation !== 'toggle') {
-            var data_1 = props.data, env_1 = props.env, unfoldedField_1 = props.unfoldedField, foldedField_1 = props.foldedField, location_1 = props.location, level_1 = props.level, config = props.config, dispatchEvent_1 = props.dispatchEvent;
+            var data_1 = props.data, env_1 = props.env, unfoldedField_1 = props.unfoldedField, foldedField_1 = props.foldedField, location_1 = props.location, level_1 = props.level, defaultOpenLevel_1 = props.defaultOpenLevel, dispatchEvent_1 = props.dispatchEvent, store = props.store;
             var isActive_1 = function (link, depth) {
                 if (!!link.disabled) {
                     return false;
@@ -411,19 +428,24 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
             links = mapTree(links, function (link, index, depth) {
                 var _a;
                 var item = __assign(__assign(__assign({}, link), getExprProperties(link, data_1)), { active: isActive_1(link, depth), __id: (_a = link.__id) !== null && _a !== void 0 ? _a : guid() });
+                // defaultOpenLevel depth <= defaultOpenLevel的默认全部展开
+                // 优先级比unfolded属性低 如果用户配置了unfolded为false 那么默认不展开
                 item.unfolded =
-                    isUnfolded(item, { unfoldedField: unfoldedField_1, foldedField: foldedField_1 }) ||
-                        (link.children &&
-                            !!findTree(link.children, function (child, i, d) {
-                                return isActive_1(child, depth + d);
-                            }));
+                    typeof link.unfolded !== 'undefined'
+                        ? isUnfolded(item, { unfoldedField: unfoldedField_1, foldedField: foldedField_1 })
+                        : defaultOpenLevel_1 && depth <= defaultOpenLevel_1
+                            ? true
+                            : link.children &&
+                                !!findTree(link.children, function (child, i, d) {
+                                    return isActive_1(child, depth + d);
+                                });
                 return item;
             }, 1, true);
             var currentActiveItems_1 = getActiveItems(links, 1, level_1);
-            var prevActiveItems_1 = getActiveItems(config, 1, level_1);
+            var prevActiveItems_1 = getActiveItems(store.config, 1, level_1);
             setTimeout(function () {
                 if (!isEqual(currentActiveItems_1, prevActiveItems_1)) {
-                    dispatchEvent_1('change', { activeItems: currentActiveItems_1 });
+                    dispatchEvent_1('change', { value: currentActiveItems_1 });
                 }
             }, 0);
         }
@@ -480,15 +502,6 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
             this.props.updateConfig(this.props.links, 'mount');
         }
     };
-    class_1.prototype.getCurrentLink = function (key) {
-        var link = null;
-        var _a = this.props, config = _a.config, data = _a.data;
-        var id = resolveVariableAndFilter(key, data, '| raw');
-        if (key) {
-            link = findTree(config, function (item) { return item.label == id || item.key == id; });
-        }
-        return link;
-    };
     class_1.prototype.componentDidUpdate = function (prevProps, prevState) {
         if (!isEqual(this.props.location, prevProps.location)) {
             this.props.updateConfig(this.props.config, 'location-change');
@@ -496,6 +509,10 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
         else if (!isEqual(this.props.links, prevProps.links)) {
             this.props.updateConfig(this.props.links, 'update');
         }
+        // 外部修改defaultOpenLevel 会影响菜单的unfolded属性
+        if (prevProps.defaultOpenLevel !== this.props.defaultOpenLevel) {
+            this.props.updateConfig(this.props.config, 'update');
+        }
         if (prevProps.collapsed !== this.props.collapsed) {
             this.setState({ collapsed: this.props.collapsed });
         }
@@ -505,6 +522,15 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
             });
         }
     };
+    class_1.prototype.getCurrentLink = function (key) {
+        var link = null;
+        var _a = this.props, config = _a.config, data = _a.data;
+        var id = resolveVariableAndFilter(key, data, '| raw');
+        if (key) {
+            link = findTree(config, function (item) { return item.label == id || item.key == id; });
+        }
+        return link;
+    };
     class_1.prototype.toggleLink = function (target, depth, forceFold) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, config, updateConfig, deferLoad, dispatchEvent, stacked, mode, accordion, isAccordion, rendererEvent;
@@ -527,7 +553,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                         }
                         else {
                             updateConfig(mapTree(config, function (link) {
-                                return target === link
+                                return target.__id === link.__id
                                     ? __assign(__assign({}, link), { unfolded: typeof forceFold !== 'undefined'
                                             ? !forceFold
                                             : !link.unfolded }) : __assign(__assign({}, link), { unfolded: isAccordion
@@ -535,10 +561,6 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                                         : link.unfolded });
                             }), 'toggle');
                         }
-                        // 如果父菜单项也配置了链接 同样要支持跳转
-                        if (target.to) {
-                            this.handleSelect(target, depth);
-                        }
                         return [2 /*return*/];
                 }
             });
@@ -572,7 +594,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                                 idx = findTreeIndex(links, function (link) { return link.__id === nodeId; });
                                 // 插入节点之后
                                 if (position === 'bottom') {
-                                    idx.push(idx.pop() + 1);
+                                    idx && idx.push(idx.pop() + 1);
                                 }
                                 links = spliceTree(links, idx, 0, dragLink);
                             }
@@ -644,24 +666,27 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
-                            return [2 /*return*/, true];
+                            return [2 /*return*/];
                         }
                         if (onSelect && onSelect(link) === false) {
-                            return [2 /*return*/, true];
+                            return [2 /*return*/];
                         }
                         // 叶子节点点击也会默认选中
                         if (depth === level) {
                             updateConfig(mapTree(config, function (target) {
                                 return __assign(__assign({}, target), { active: target.__id === link.__id });
                             }), 'select');
-                            return [2 /*return*/, true];
+                            return [2 /*return*/];
                         }
                         if (link.expandMore) {
                             this.expandLink(link);
-                            return [2 /*return*/, false];
+                            return [2 /*return*/];
+                        }
+                        if (!link.to) {
+                            return [2 /*return*/];
                         }
                         env === null || env === void 0 ? void 0 : env.jumpTo(filter(link.to, data), link);
-                        return [2 /*return*/, true];
+                        return [2 /*return*/];
                 }
             });
         });
@@ -688,20 +713,28 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
     NavigationRenderer.prototype.getRef = function (ref) {
         this.navRef = ref;
     };
+    NavigationRenderer.prototype.componentDidUpdate = function (prevProps) {
+        // 在saas中 source可能切换 需要实时更新source数据源
+        // 仅支持source为变量情况下自动更新 如果source配置了api 需要配置trackExpression
+        if (this.remoteRef && this.props.source !== prevProps.source) {
+            this.remoteRef.syncConfig();
+        }
+    };
     NavigationRenderer.prototype.componentWillUnmount = function () {
         var scoped = this.context;
         scoped.unRegisterComponent(this);
     };
     NavigationRenderer.prototype.doAction = function (action, args) {
         var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        var value = (args === null || args === void 0 ? void 0 : args.value) || action.data.value;
         if (actionType === 'updateItems') {
             var children = [];
-            if (args.value) {
-                if (Array.isArray(args.value)) {
+            if (value) {
+                if (Array.isArray(value)) {
                     // 只展示触发项的children属性
                     // 多个的话 默认只展示第一个
-                    if (args.value.length > 0) {
-                        var item = args.value.find(function (item) { return item.children && item.children.length; });
+                    if (value.length > 0) {
+                        var item = value.find(function (item) { return item.children && item.children.length; });
                         if (item) {
                             var key = (item === null || item === void 0 ? void 0 : item.key) || (item === null || item === void 0 ? void 0 : item.label);
                             if (this.navRef.state.currentKey !== key) {
@@ -711,8 +744,8 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                         }
                     }
                 }
-                else if (typeof args.value === 'string') {
-                    var currentLink = this.navRef.getCurrentLink(args.value);
+                else if (typeof value === 'string') {
+                    var currentLink = this.navRef.getCurrentLink(value);
                     this.navRef.setState({
                         currentKey: currentLink.key || currentLink.label
                     });
@@ -726,9 +759,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
             }
         }
         else if (actionType === 'collapse') {
-            var collapsed = args && typeof args.value !== 'undefined'
-                ? args.value
-                : !this.navRef.state.collapsed;
+            var collapsed = typeof value !== 'undefined' ? value : !this.navRef.state.collapsed;
             this.navRef.setState({ collapsed: collapsed });
         }
         else if (actionType === 'reset') {

package/esm/renderers/Number.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema } from '../Schema';
+/**
+ * Number 展示渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/number
+ */
+export interface NumberSchema extends BaseSchema {
+    /**
+     * 指定为数字展示类型
+     */
+    type: 'number';
+    /**
+     * 精度，用来控制小数点位数
+     */
+    precision?: number;
+    /**
+     * 前缀
+     */
+    prefix?: string;
+    /**
+     * 后缀
+     */
+    suffix?: string;
+    /**
+     * 是否千分分隔
+     */
+    kilobitSeparator?: boolean;
+    /**
+     * 百分比显示
+     */
+    percent?: boolean | number;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+}
+export interface NumberProps extends RendererProps, Omit<NumberSchema, 'type' | 'className'> {
+}
+export declare class NumberField extends React.Component<NumberProps> {
+    static defaultProps: Pick<NumberProps, 'placeholder' | 'kilobitSeparator'>;
+    render(): JSX.Element;
+}
+export declare class NumberFieldRenderer extends NumberField {
+}

package/esm/renderers/Number.js

@@ -0,0 +1,74 @@
+/**
+ * amis v2.9.0
+ * Copyright 2018-2023 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import { getPropValue, stripNumber, Renderer } from 'amis-core';
+
+var NumberField = /** @class */ (function (_super) {
+    __extends(NumberField, _super);
+    function NumberField() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    NumberField.prototype.render = function () {
+        var _a = this.props, placeholder = _a.placeholder, kilobitSeparator = _a.kilobitSeparator, precision = _a.precision, prefix = _a.prefix, affix = _a.affix, percent = _a.percent, className = _a.className, style = _a.style, cx = _a.classnames, __ = _a.translate;
+        var viewValue = (React.createElement("span", { className: "text-muted" }, placeholder));
+        var value = getPropValue(this.props);
+        if (value) {
+            // 设置了精度，但是原始数据是字符串，需要转成 float 之后再处理
+            if (typeof value === 'string' && precision) {
+                value = stripNumber(parseFloat(value));
+            }
+            if (isNaN(value)) {
+                viewValue = false;
+            }
+            else if (percent) {
+                // 如果是百分比展示
+                value = parseFloat(value) || 0;
+                var decimals = typeof percent === 'number' ? percent : 0;
+                var whole = value * 100;
+                var multiplier = Math.pow(10, decimals);
+                value =
+                    (Math.round(whole * multiplier) / multiplier).toFixed(decimals) + '%';
+                viewValue = React.createElement("span", null, value);
+            }
+            else {
+                if (typeof value === 'number' && precision) {
+                    value = value.toFixed(precision);
+                }
+                if (kilobitSeparator) {
+                    var parts = String(value).split('.');
+                    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+                    value = parts.join('.');
+                }
+                viewValue = React.createElement("span", null, value);
+            }
+        }
+        viewValue = !viewValue ? (React.createElement("span", { className: "text-danger" }, __('Number.invalid'))) : (React.createElement(React.Fragment, null,
+            prefix,
+            viewValue,
+            affix));
+        return (React.createElement("span", { className: cx('NumberField', className), style: style }, viewValue));
+    };
+    NumberField.defaultProps = {
+        placeholder: '-',
+        kilobitSeparator: true
+    };
+    return NumberField;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(NumberFieldRenderer, _super);
+    function NumberFieldRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    NumberFieldRenderer = __decorate([
+        Renderer({
+            type: 'number'
+        })
+    ], NumberFieldRenderer);
+    return NumberFieldRenderer;
+})(NumberField));
+
+export { NumberField };

package/esm/renderers/OfficeViewer.d.ts

@@ -0,0 +1,58 @@
+/**
+ * office 文件预览
+ */
+import React from 'react';
+import { BaseSchema } from '../Schema';
+import { ActionObject, IScopedContext, RendererProps } from 'amis-core';
+import type { Word } from 'office-viewer';
+export interface OfficeViewerSchema extends BaseSchema {
+    type: 'office-viewer';
+    /**
+     * 文件地址
+     */
+    src: string;
+    /**
+     * word 文档的渲染配置
+     */
+    wordOptions?: {};
+    /**
+     * 是否显示文档
+     */
+    display?: boolean;
+}
+export interface OfficeViewerProps extends RendererProps, Omit<OfficeViewerSchema, 'className'> {
+    columnsCount: number;
+}
+export interface OfficeViewerState {
+}
+export default class OfficeViewer extends React.Component<OfficeViewerProps, OfficeViewerState> {
+    rootElement: React.RefObject<HTMLDivElement>;
+    word: Word;
+    fileName?: string;
+    constructor(props: OfficeViewerProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: OfficeViewerProps): void;
+    /**
+     * 接收动作事件
+     */
+    doAction(action: ActionObject, args: any, throwErrors: boolean): any;
+    /**
+     * 执行变量替换
+     */
+    evalVar(text: string, data: any): any;
+    renderWord(): Promise<void>;
+    /**
+     * 渲染远端文件
+     */
+    renderRemoteWord(): Promise<void>;
+    /**
+     * 渲染本地文件，用于预览 input-file
+     */
+    renderFormFile(): void;
+    render(): JSX.Element;
+}
+export declare class OfficeViewerRenderer extends OfficeViewer {
+    static contextType: React.Context<IScopedContext>;
+    constructor(props: OfficeViewerProps, context: IScopedContext);
+    componentWillUnmount(): void;
+}