amis 2.8.0 → 2.9.0

package/lib/renderers/Mapping.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -38,7 +38,7 @@ var Store = amisCore.StoreNode.named('MappingStore')
                     ret = _a.sent();
                     if (ret.ok) {
                         data_1 = amisCore.normalizeApiResponseData(ret.data);
-                        self.setMap(data_1);
+                        self.setMap(Array.isArray(data_1.options) ? data_1.options : data_1);
                     }
                     else {
                         throw new Error(ret.msg || 'fetch error');
@@ -65,8 +65,8 @@ var Store = amisCore.StoreNode.named('MappingStore')
                     }
                     else if (amisCore.isObject(now)) {
                         var keys = Object.keys(now);
-                        if (keys.length === 1
-                            || (keys.length == 2 && keys.includes('$$id'))) {
+                        if (keys.length === 1 ||
+                            (keys.length == 2 && keys.includes('$$id'))) {
                             // 针对amis-editor的特殊处理
                             keys = keys.filter(function (key) { return key !== '$$id'; });
                             // 单key 数组对象
@@ -168,10 +168,25 @@ var MappingField = amisUi.withStore(function (props) {
                         label = value[labelField || 'label'];
                     }
                 }
-                return render('tpl', label);
+                var realValue = value;
+                if (amisCore.isObject(label)
+                    && label.type === 'tag'
+                    && !amisCore.isObject(label.label)
+                    && label.label != null) {
+                    realValue = label.label;
+                }
+                return render('tpl', label, {
+                    data: amisCore.createObject(data, {
+                        value: realValue,
+                        label: realValue
+                    }),
+                    value: null
+                });
             }
             return render('mappingItemSchema', itemSchema, {
-                data: amisCore.createObject(data, amisCore.isObject(value) ? value : { item: value })
+                data: amisCore.createObject(data, amisCore.isObject(value) ? value : { item: value }),
+                // 阻止 itemSchema 从props.value 取值，否则渲染不正确
+                value: null
             });
         };
         class_1.prototype.render = function () {
@@ -179,7 +194,9 @@ var MappingField = amisUi.withStore(function (props) {
             var _a = this.props, style = _a.style, defaultValue = _a.defaultValue, data = _a.data;
             var mapKey = amisCore.getPropValue(this.props);
             // 让默认值支持表达式
-            if (defaultValue && amisCore.isPureVariable(defaultValue) && defaultValue === mapKey) {
+            if (defaultValue &&
+                amisCore.isPureVariable(defaultValue) &&
+                defaultValue === mapKey) {
                 mapKey = amisCore.resolveVariableAndFilter(defaultValue, data, '| raw');
             }
             if (Array.isArray(mapKey)) {

package/lib/renderers/Markdown.js

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

package/lib/renderers/MultilineText.js

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

package/lib/renderers/Nav.d.ts

@@ -241,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;
@@ -260,12 +260,12 @@ declare const ThemedNavigation: {
          */
         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;
-        }>;
+        readonly props: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -277,10 +277,11 @@ declare const ThemedNavigation: {
         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; /**
-         * 控制仅展示指定key菜单下的子菜单项
+        /**
+         * 仅允许同层级拖拽
          */
+        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;
         componentWillUpdate?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<NavigationProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -298,10 +299,12 @@ export declare class NavigationRenderer extends React.Component<RendererProps> {
     remoteRef: {
         loadConfig: (ctx?: any) => Promise<any> | void;
         setConfig: (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/lib/renderers/Nav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var ReactDOM = require('react-dom');
+var isEqual = require('lodash/isEqual');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
-var isEqual = require('lodash/isEqual');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,7 +32,7 @@ var Navigation = /** @class */ (function (_super) {
     }
     Navigation.prototype.handleClick = function (link, depth) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, env, onSelect, result;
+            var _a, env, onSelect;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -49,8 +49,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];
                 }
             });
         });
@@ -116,25 +116,36 @@ var Navigation = /** @class */ (function (_super) {
         }
         var ul = ReactDOM.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__default["default"](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__default["default"](this.state.dropIndicator, dropIndicator))) {
+                this.setState({
+                    dropIndicator: dropIndicator
+                });
+            }
         }
     };
     Navigation.prototype.handleDragStart = function (link) {
@@ -278,10 +289,11 @@ var Navigation = /** @class */ (function (_super) {
         if (overflow && amisCore.isObject(overflow) && overflow.enable) {
             var _b = overflow.overflowIndicator, overflowIndicator = _b === void 0 ? 'fa fa-ellipsis' : _b, overflowLabel = overflow.overflowLabel, overflowClassName = overflow.overflowClassName;
             overflowedIndicator = (React__default["default"].createElement("span", { className: cx(overflowClassName) },
-                amisUi.getIcon(overflowIndicator) ? (React__default["default"].createElement(amisUi.Icon, { icon: overflowIndicator, className: "icon" })) : (amisCore.generateIcon(cx, overflowIndicator, 'Nav-itemIcon')),
-                overflowLabel && amisCore.isObject(overflowLabel)
-                    ? render('nav-overflow-label', overflowLabel)
-                    : overflowLabel));
+                React__default["default"].createElement(React__default["default"].Fragment, null,
+                    amisUi.getIcon(overflowIndicator) ? (React__default["default"].createElement(amisUi.Icon, { icon: overflowIndicator, className: "icon" })) : (amisCore.generateIcon(cx, overflowIndicator, 'Nav-itemIcon')),
+                    overflowLabel && amisCore.isObject(overflowLabel)
+                        ? render('nav-overflow-label', overflowLabel)
+                        : overflowLabel)));
         }
         return (React__default["default"].createElement("div", { className: cx('Nav'), style: style },
             React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -292,7 +304,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, 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
                         ? typeof expandIcon === 'string'
@@ -400,7 +412,7 @@ var ConditionBuilderWithRemoteOptions = amisUi.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, store = props.store;
             var isActive_1 = function (link, depth) {
                 if (!!link.disabled) {
                     return false;
@@ -439,10 +451,10 @@ var ConditionBuilderWithRemoteOptions = amisUi.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__default["default"](currentActiveItems_1, prevActiveItems_1)) {
-                    dispatchEvent_1('change', { activeItems: currentActiveItems_1 });
+                    dispatchEvent_1('change', { value: currentActiveItems_1 });
                 }
             }, 0);
         }
@@ -499,15 +511,6 @@ var ConditionBuilderWithRemoteOptions = amisUi.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 = amisCore.resolveVariableAndFilter(key, data, '| raw');
-        if (key) {
-            link = amisCore.findTree(config, function (item) { return item.label == id || item.key == id; });
-        }
-        return link;
-    };
     class_1.prototype.componentDidUpdate = function (prevProps, prevState) {
         if (!isEqual__default["default"](this.props.location, prevProps.location)) {
             this.props.updateConfig(this.props.config, 'location-change');
@@ -515,6 +518,10 @@ var ConditionBuilderWithRemoteOptions = amisUi.withRemoteConfig({
         else if (!isEqual__default["default"](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 });
         }
@@ -524,6 +531,15 @@ var ConditionBuilderWithRemoteOptions = amisUi.withRemoteConfig({
             });
         }
     };
+    class_1.prototype.getCurrentLink = function (key) {
+        var link = null;
+        var _a = this.props, config = _a.config, data = _a.data;
+        var id = amisCore.resolveVariableAndFilter(key, data, '| raw');
+        if (key) {
+            link = amisCore.findTree(config, function (item) { return item.label == id || item.key == id; });
+        }
+        return link;
+    };
     class_1.prototype.toggleLink = function (target, depth, forceFold) {
         return tslib.__awaiter(this, void 0, void 0, function () {
             var _a, config, updateConfig, deferLoad, dispatchEvent, stacked, mode, accordion, isAccordion, rendererEvent;
@@ -659,24 +675,27 @@ var ConditionBuilderWithRemoteOptions = amisUi.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(amisCore.mapTree(config, function (target) {
                                 return tslib.__assign(tslib.__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(amisCore.filter(link.to, data), link);
-                        return [2 /*return*/, true];
+                        return [2 /*return*/];
                 }
             });
         });
@@ -703,20 +722,28 @@ var ConditionBuilderWithRemoteOptions = amisUi.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) {
@@ -726,8 +753,8 @@ var ConditionBuilderWithRemoteOptions = amisUi.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
                     });
@@ -741,9 +768,7 @@ var ConditionBuilderWithRemoteOptions = amisUi.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/lib/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/lib/renderers/Number.js

@@ -0,0 +1,82 @@
+/**
+ * amis v2.9.0
+ * Copyright 2018-2023 baidu
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var NumberField = /** @class */ (function (_super) {
+    tslib.__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__default["default"].createElement("span", { className: "text-muted" }, placeholder));
+        var value = amisCore.getPropValue(this.props);
+        if (value) {
+            // 设置了精度，但是原始数据是字符串，需要转成 float 之后再处理
+            if (typeof value === 'string' && precision) {
+                value = amisCore.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__default["default"].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__default["default"].createElement("span", null, value);
+            }
+        }
+        viewValue = !viewValue ? (React__default["default"].createElement("span", { className: "text-danger" }, __('Number.invalid'))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            prefix,
+            viewValue,
+            affix));
+        return (React__default["default"].createElement("span", { className: cx('NumberField', className), style: style }, viewValue));
+    };
+    NumberField.defaultProps = {
+        placeholder: '-',
+        kilobitSeparator: true
+    };
+    return NumberField;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(NumberFieldRenderer, _super);
+    function NumberFieldRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    NumberFieldRenderer = tslib.__decorate([
+        amisCore.Renderer({
+            type: 'number'
+        })
+    ], NumberFieldRenderer);
+    return NumberFieldRenderer;
+})(NumberField));
+
+exports.NumberField = NumberField;

package/lib/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;
+}