amis 2.8.0 → 3.0.0

package/esm/renderers/Nav.js

@@ -1,14 +1,14 @@
 /**
- * amis v2.8.0
+ * amis v3.0.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 { 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';
+import { generateIcon, isObject, createObject, buildStyle, insertStyle, 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';
 
 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];
                 }
             });
         });
@@ -107,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) {
@@ -201,13 +212,28 @@ var Navigation = /** @class */ (function (_super) {
             if (Array.isArray(link.icon)) {
                 beforeIcon = link.icon
                     .filter(function (item) { return item.position === 'before'; })
-                    .map(function (item) { return generateIcon(cx, item.icon); });
+                    .map(function (item) {
+                    if (React.isValidElement(item)) {
+                        return item;
+                    }
+                    return generateIcon(cx, item.icon);
+                });
                 afterIcon = link.icon
                     .filter(function (item) { return item.position === 'after'; })
-                    .map(function (item) { return generateIcon(cx, item.icon); });
+                    .map(function (item) {
+                    if (React.isValidElement(item)) {
+                        return item;
+                    }
+                    return generateIcon(cx, item.icon);
+                });
             }
             else if (link.icon) {
-                beforeIcon = generateIcon(cx, link.icon);
+                if (React.isValidElement(link.icon)) {
+                    beforeIcon = link.icon;
+                }
+                else {
+                    beforeIcon = generateIcon(cx, link.icon);
+                }
             }
             var label = typeof link.label === 'string'
                 ? link.label
@@ -239,7 +265,7 @@ var Navigation = /** @class */ (function (_super) {
             return {
                 link: link,
                 label: label,
-                labelExtra: afterIcon ? (React.createElement("i", { className: cx('Nav-itemIconAfter') }, afterIcon)) : null,
+                labelExtra: afterIcon ? (React.createElement("i", { className: cx('Nav-Menu-item-icon-after') }, afterIcon)) : null,
                 icon: beforeIcon ? React.createElement("i", null, beforeIcon) : null,
                 children: children
                     ? _this.normalizeNavigations(children, depth + 1)
@@ -263,33 +289,57 @@ var Navigation = /** @class */ (function (_super) {
         });
     };
     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, themeColor = _a.themeColor, expandPosition = _a.expandPosition, render = _a.render;
+        var _a;
+        var _b = this.props, className = _b.className, style = _b.style, stacked = _b.stacked, mode = _b.mode, cx = _b.classnames, links = _b.links, loading = _b.loading, overflow = _b.overflow, loadingConfig = _b.loadingConfig, itemBadge = _b.itemBadge, badge = _b.badge, data = _b.data, location = _b.location, collapsed = _b.collapsed, expandIcon = _b.expandIcon, indentSize = _b.indentSize, accordion = _b.accordion, draggable = _b.draggable, themeColor = _b.themeColor, expandPosition = _b.expandPosition, popupClassName = _b.popupClassName, disabled = _b.disabled, id = _b.id, render = _b.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;
+            var _c = overflow.overflowIndicator, overflowIndicator = _c === void 0 ? 'fa fa-ellipsis' : _c, 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-item-icon')),
+                    overflowLabel && isObject(overflowLabel)
+                        ? render('nav-overflow-label', overflowLabel)
+                        : overflowLabel)));
+        }
+        var styleConfig = null;
+        var classNameId = '';
+        if (style) {
+            try {
+                styleConfig = buildStyle(style, data);
+                // 格式转换
+                // {"color": "red", "lineHeight": "52px"}
+                var styleText = JSON.stringify(styleConfig)
+                    .replace(/\,/g, ';')
+                    .replace(/\"/g, '')
+                    .replace(/[A-Z]/g, function (s) { return '-' + s.toLowerCase(); });
+                // 一个nav对应一个classNameId 避免重复
+                classNameId = cx("Nav-PopupClassName-".concat(id));
+                if (!document.getElementById(classNameId)) {
+                    // rc-menu的浮层只支持配置popupClassName 因此需要将配置的style插入到页面 然后将className赋值给浮层
+                    insertStyle(".".concat(classNameId, " ").concat(styleText), classNameId);
+                }
+            }
+            catch (e) { }
         }
-        return (React.createElement("div", { className: cx('Nav'), style: style },
+        return (React.createElement("div", { className: cx('Nav', className, (_a = {},
+                _a['Nav-horizontal'] = !stacked,
+                _a)), style: styleConfig },
             React.createElement(React.Fragment, null,
-                Array.isArray(links) ? (React.createElement(Menu, { className: className, navigations: this.normalizeNavigations(links, 1), isActive: function (link, prefix) {
+                Array.isArray(links) ? (React.createElement(Menu, { navigations: this.normalizeNavigations(links, 1), isActive: function (link, prefix) {
                         if (link.link && typeof link.link.active !== 'undefined') {
                             return link.link.active;
                         }
                         var path = link.path;
                         var ret = location.pathname === path;
                         return !!ret;
-                    }, isOpen: function (item) { return !!item.open; }, stacked: !!stacked, mode: mode, themeColor: themeColor, 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
+                        : 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, popupClassName: "".concat(popupClassName || '').concat(classNameId ? " ".concat(classNameId) : ''), expandIcon: expandIcon
                         ? typeof expandIcon === 'string'
                             ? expandIcon
                             : render('expand-icon', expandIcon)
-                        : null, expandBefore: expandPosition === 'after' ? false : true, inlineIndent: indentSize, accordion: accordion, draggable: draggable, data: data, onDragStart: this.handleDragStart })) : null,
+                        : null, expandBefore: expandPosition === 'after' ? false : true, inlineIndent: indentSize, accordion: accordion, draggable: draggable, data: data, disabled: disabled, onDragStart: this.handleDragStart })) : null,
                 React.createElement(Spinner, { show: !!loading, overlay: true, loadingConfig: loadingConfig })),
             dropIndicator ? (React.createElement("div", { className: cx('Nav-dropIndicator'), style: dropIndicator })) : null));
     };
@@ -391,8 +441,11 @@ 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, defaultOpenLevel_1 = props.defaultOpenLevel, 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, disabled_1 = props.disabled, store = props.store;
             var isActive_1 = function (link, depth) {
+                if (disabled_1) {
+                    return false;
+                }
                 if (!!link.disabled) {
                     return false;
                 }
@@ -430,10 +483,10 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                 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);
         }
@@ -490,15 +543,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');
@@ -506,6 +550,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 });
         }
@@ -515,6 +563,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;
@@ -650,32 +707,35 @@ 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*/];
                 }
             });
         });
     };
     class_1.prototype.render = function () {
-        var _a = this.props, loading = _a.loading, config = _a.config; _a.deferLoad; _a.updateConfig; var rest = __rest(_a, ["loading", "config", "deferLoad", "updateConfig"]);
+        var _a = this.props, disabled = _a.disabled, loading = _a.loading, config = _a.config; _a.deferLoad; _a.updateConfig; var rest = __rest(_a, ["disabled", "loading", "config", "deferLoad", "updateConfig"]);
         var currentLink = this.getCurrentLink(this.state.currentKey);
-        return (React.createElement(ThemedNavigation, __assign({}, rest, { loading: loading, links: (currentLink === null || currentLink === void 0 ? void 0 : currentLink.children) || config, collapsed: this.state.collapsed, disabled: loading, onSelect: this.handleSelect, onToggle: this.toggleLink, onDragUpdate: this.dragUpdate })));
+        return (React.createElement(ThemedNavigation, __assign({}, rest, { loading: loading, links: (currentLink === null || currentLink === void 0 ? void 0 : currentLink.children) || config, collapsed: this.state.collapsed, disabled: disabled || loading, onSelect: this.handleSelect, onToggle: this.toggleLink, onDragUpdate: this.dragUpdate })));
     };
     return class_1;
 }(React.Component)));
@@ -694,20 +754,29 @@ 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 _a;
         var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        var value = (args === null || args === void 0 ? void 0 : args.value) || ((_a = action === null || action === void 0 ? void 0 : action.data) === null || _a === void 0 ? void 0 : _a.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) {
@@ -717,8 +786,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,15 +795,13 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                 }
             }
             if (children.length > 0) {
-                var _a = this.props, env_2 = _a.env, data_2 = _a.data;
+                var _b = this.props, env_2 = _b.env, data_2 = _b.data;
                 var child = findTree(children, function (item) { return env_2 && env_2.isCurrentUrl(filter(item.to, data_2)); });
                 env_2 === null || env_2 === void 0 ? void 0 : env_2.jumpTo(filter(child ? child.to : children[0].to, data_2));
             }
         }
         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') {
@@ -754,8 +821,8 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
         this.reload(undefined, undefined, values);
     };
     NavigationRenderer.prototype.render = function () {
-        var rest = __rest(this.props, []);
-        return (React.createElement(ConditionBuilderWithRemoteOptions, __assign({}, rest, { onRef: this.getRef, reload: this.reload, remoteConfigRef: this.remoteConfigRef })));
+        var _a = this.props, id = _a.id, rest = __rest(_a, ["id"]);
+        return (React.createElement(ConditionBuilderWithRemoteOptions, __assign({}, rest, { id: id || guid(), onRef: this.getRef, reload: this.reload, remoteConfigRef: this.remoteConfigRef })));
     };
     NavigationRenderer.contextType = ScopedContext;
     __decorate([

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://aisuda.bce.baidu.com/amis/zh-CN/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,73 @@
+/**
+ * amis v3.0.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, suffix = _a.suffix, 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 !== null && affix !== void 0 ? affix : suffix));
+        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 'ooxml-viewer';
+export interface OfficeViewerSchema extends BaseSchema {
+    type: 'office-viewer';
+    /**
+     * 文件地址
+     */
+    src: string;
+    /**
+     * word 文档的渲染配置
+     */
+    wordOptions?: any;
+    /**
+     * 是否显示文档
+     */
+    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;
+}