amis 2.7.3-beta.0 → 2.9.0

package/esm/renderers/Form/InputTree.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SpinnerExtraProps } from 'amis-ui';
-import { OptionsControlProps, ActionObject } from 'amis-core';
+import { Option, OptionsControlProps, ActionObject } from 'amis-core';
 import { FormOptionsSchema, SchemaApi } from '../../Schema';
+import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
 /**
  * Tree 下拉选择框。
  * 文档：https://baidu.gitee.io/amis/docs/components/form/tree
@@ -69,20 +70,71 @@ export interface TreeControlSchema extends FormOptionsSchema {
      * 需要高亮的字符串
      */
     highlightTxt?: string;
+    /**
+     * 是否为选项添加默认的Icon，默认值为true
+     */
+    enableDefaultIcon?: boolean;
+    /**
+     * 是否开启搜索
+     */
+    searchable?: boolean;
+    /**
+     * 搜索框的配置
+     */
+    searchConfig?: {
+        /**
+         * 搜索框外层CSS样式类
+         */
+        className?: string;
+        /**
+         * 占位符
+         */
+        placeholder?: string;
+        /**
+         * 是否为 Mini 样式。
+         */
+        mini?: boolean;
+        /**
+         * 是否为加强样式
+         */
+        enhance?: boolean;
+        /**
+         * 是否可清除
+         */
+        clearable?: boolean;
+        /**
+         * 是否立马搜索。
+         */
+        searchImediately?: boolean;
+        /**
+         * 搜索框是否吸顶
+         */
+        sticky?: boolean;
+    };
 }
 export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName' | 'deferApi'>, SpinnerExtraProps {
     enableNodePath?: boolean;
     pathSeparator?: string;
 }
-export default class TreeControl extends React.Component<TreeProps> {
+interface TreeState {
+    filteredOptions: Option[];
+    keyword: string;
+}
+export default class TreeControl extends React.Component<TreeProps, TreeState> {
     static defaultProps: Partial<TreeProps>;
     treeRef: any;
+    constructor(props: TreeProps);
+    componentDidUpdate(prevProps: TreeProps): void;
     reload(): void;
     doAction(action: ActionObject, data: any, throwErrors: boolean): void;
+    filterOptions(options: Array<Option>, keywords: string): Array<Option>;
     handleChange(value: any): Promise<void>;
+    handleSearch(keyword: string): void;
     domRef(ref: any): void;
     validate(): any;
+    renderOptionItem(option: Option, states: ItemRenderStates): JSX.Element;
     render(): JSX.Element;
 }
 export declare class TreeControlRenderer extends TreeControl {
 }
+export {};

package/esm/renderers/Form/InputTree.js

@@ -1,20 +1,45 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React from 'react';
+import omit from 'lodash/omit';
+import debouce from 'lodash/debounce';
 import cx from 'classnames';
-import { Spinner, Tree } from 'amis-ui';
-import { resolveEventData, isPureVariable, resolveVariableAndFilter, toNumber, autobind, OptionsControl } from 'amis-core';
+import { matchSorter } from 'match-sorter';
+import { Tree, Spinner, SearchBox } from 'amis-ui';
+import { resolveEventData, createObject, isPureVariable, resolveVariableAndFilter, toNumber, autobind, OptionsControl } from 'amis-core';
 import { supportStatic } from './StaticHoc.js';
 
 var TreeControl = /** @class */ (function (_super) {
     __extends(TreeControl, _super);
-    function TreeControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function TreeControl(props) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this, props) || this;
+        _this.state = {
+            keyword: '',
+            filteredOptions: (_a = _this.props.options) !== null && _a !== void 0 ? _a : []
+        };
+        _this.handleSearch = debouce(_this.handleSearch.bind(_this), 250, {
+            trailing: true,
+            leading: false
+        });
+        return _this;
     }
+    TreeControl.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        var keyword = this.state.keyword;
+        if (prevProps.options !== props.options ||
+            prevProps.searchable !== props.searchable) {
+            var options = props.options, searchable = props.searchable;
+            this.setState({
+                filteredOptions: searchable && keyword ? this.filterOptions(options, keyword) : options
+            });
+        }
+    };
     TreeControl.prototype.reload = function () {
         var reload = this.props.reloadOptions;
         reload && reload();
@@ -36,6 +61,23 @@ var TreeControl = /** @class */ (function (_super) {
             this.treeRef.syncUnFolded(this.props, 1);
         }
     };
+    TreeControl.prototype.filterOptions = function (options, keywords) {
+        var _this = this;
+        var _a = this.props, labelField = _a.labelField, valueField = _a.valueField;
+        return options.map(function (option) {
+            option = __assign({}, option);
+            option.visible = !!matchSorter([option], keywords, {
+                keys: [labelField || 'label', valueField || 'value']
+            }).length;
+            if (!option.visible && option.children) {
+                option.children = _this.filterOptions(option.children, keywords);
+                var visibleCount = option.children.filter(function (item) { return item.visible; }).length;
+                option.visible = !!visibleCount;
+            }
+            option.visible && (option.collapsed = false);
+            return option;
+        });
+    };
     TreeControl.prototype.handleChange = function (value) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, onChange, dispatchEvent, rendererEvent;
@@ -55,6 +97,14 @@ var TreeControl = /** @class */ (function (_super) {
             });
         });
     };
+    TreeControl.prototype.handleSearch = function (keyword) {
+        var options = this.props.options;
+        var filterOptions = this.filterOptions(options, keyword);
+        this.setState({
+            keyword: keyword,
+            filteredOptions: keyword ? filterOptions : options
+        });
+    };
     TreeControl.prototype.domRef = function (ref) {
         this.treeRef = ref;
     };
@@ -70,18 +120,30 @@ var TreeControl = /** @class */ (function (_super) {
             return "\u5DF2\u9009\u62E9\u6570\u91CF\u8D85\u51FA\u8BBE\u5B9A\u7684\u6700\u5927\u4E2A\u6570".concat(maxLength, "\uFF0C\u8BF7\u53D6\u6D88\u9009\u62E9\u8D85\u51FA\u7684\u9009\u9879\u3002");
         }
     };
+    TreeControl.prototype.renderOptionItem = function (option, states) {
+        var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
+        return render("option/".concat(states.index), menuTpl, {
+            data: createObject(createObject(data, __assign({}, states)), option)
+        });
+    };
     TreeControl.prototype.render = function () {
-        var _a = this.props, className = _a.className; _a.style; var treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight, loadingConfig = _a.loadingConfig;
+        var _a = this.props, className = _a.className; _a.style; var treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight, loadingConfig = _a.loadingConfig, menuTpl = _a.menuTpl, enableDefaultIcon = _a.enableDefaultIcon, searchable = _a.searchable, _c = _a.searchConfig, searchConfig = _c === void 0 ? {} : _c;
         var highlightTxt = this.props.highlightTxt;
+        var _d = this.state, filteredOptions = _d.filteredOptions, keyword = _d.keyword;
         if (isPureVariable(highlightTxt)) {
             highlightTxt = resolveVariableAndFilter(highlightTxt, data);
         }
-        return (React.createElement("div", { className: cx("".concat(ns, "TreeControl"), className, treeContainerClassName) },
+        var TreeCmpt = (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: searchable ? filteredOptions : options, highlightTxt: searchable ? keyword : highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, itemRender: menuTpl ? this.renderOptionItem : undefined, enableDefaultIcon: enableDefaultIcon }));
+        return (React.createElement("div", { className: cx("".concat(ns, "TreeControl"), className, treeContainerClassName, {
+                'is-sticky': searchable && (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.sticky)
+            }) },
             React.createElement(Spinner, { size: "sm", key: "info", show: loading, loadingConfig: loadingConfig }),
-            loading ? null : (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: options, highlightTxt: highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined }))));
+            loading ? null : searchable ? (React.createElement(React.Fragment, null,
+                React.createElement(SearchBox, __assign({ className: cx("".concat(ns, "TreeControl-searchbox"), searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.className, { 'is-sticky': searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.sticky }), mini: false, clearable: true }, omit(searchConfig, 'className', 'sticky'), { onSearch: this.handleSearch })),
+                TreeCmpt)) : (TreeCmpt)));
     };
     TreeControl.defaultProps = {
-        placeholder: 'loading',
+        placeholder: 'placeholder.noData',
         multiple: false,
         rootLabel: 'Tree.root',
         rootValue: '',
@@ -101,6 +163,12 @@ var TreeControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TreeControl.prototype, "domRef", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], TreeControl.prototype, "renderOptionItem", null);
     __decorate([
         supportStatic(),
         __metadata("design:type", Function),

package/esm/renderers/Form/InputYearRange.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * YearRange 年份范围控件

package/esm/renderers/Form/InputYearRange.js

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

package/esm/renderers/Form/JSONSchema.js

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

package/esm/renderers/Form/JSONSchemaEditor.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { FormControlProps } from 'amis-core';
 import { FormBaseControlSchema } from '../../Schema';
+import type { SchemaEditorItemPlaceholder } from 'amis-ui/lib/components/schema-editor/Common';
 /**
  * JSON Schema Editor
  * 文档：https://baidu.gitee.io/amis/docs/components/form/json-schema-editor
  */
-export interface JSONSchemaEditorControlSchema extends FormBaseControlSchema {
+export interface JSONSchemaEditorControlSchema extends Omit<FormBaseControlSchema, 'placeholder'> {
     /**
      * 指定为 JSON Schema Editor
      */
@@ -50,13 +51,33 @@ export interface JSONSchemaEditorControlSchema extends FormBaseControlSchema {
     advancedSettings?: {
         [propName: string]: any;
     };
+    /**
+     * 各属性输入控件的占位提示文本
+     *
+     * {
+     *   key: "key placeholder",
+     *   title: "title placeholder",
+     *   description: "description placeholder",
+     *   default: "default placeholder"
+     * }
+     *
+     */
+    placeholder?: SchemaEditorItemPlaceholder;
 }
 export interface JSONSchemaEditorProps extends FormControlProps, Omit<JSONSchemaEditorControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }
 export default class JSONSchemaEditorControl extends React.PureComponent<JSONSchemaEditorProps> {
     static defaultProps: {
         enableAdvancedSetting: boolean;
+        placeholder: {
+            key: string;
+            title: string;
+            description: string;
+            default: string;
+            empty: string;
+        };
     };
+    normalizePlaceholder(): SchemaEditorItemPlaceholder;
     renderModalProps(value: any, onChange: (value: any) => void): JSX.Element;
     render(): JSX.Element;
 }

package/esm/renderers/Form/JSONSchemaEditor.js

@@ -1,18 +1,33 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __rest, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { autobind, FormItem } from 'amis-core';
+import pick from 'lodash/pick';
+import { isObject, autobind, FormItem } from 'amis-core';
 import { JSONSchemaEditor } from 'amis-ui';
+import { schemaEditorItemPlaceholder } from 'amis-ui/lib/components/schema-editor/Common';
 
 var JSONSchemaEditorControl = /** @class */ (function (_super) {
     __extends(JSONSchemaEditorControl, _super);
     function JSONSchemaEditorControl() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    JSONSchemaEditorControl.prototype.normalizePlaceholder = function () {
+        var placeholder = this.props.placeholder;
+        if (isObject(placeholder)) {
+            return __assign(__assign({}, schemaEditorItemPlaceholder), pick(placeholder, [
+                'key',
+                'title',
+                'description',
+                'default',
+                'empty'
+            ]));
+        }
+        return schemaEditorItemPlaceholder;
+    };
     JSONSchemaEditorControl.prototype.renderModalProps = function (value, onChange) {
         var _a = this.props, render = _a.render, advancedSettings = _a.advancedSettings;
         var fields = (advancedSettings === null || advancedSettings === void 0 ? void 0 : advancedSettings[value === null || value === void 0 ? void 0 : value.type]) || [];
@@ -28,10 +43,11 @@ var JSONSchemaEditorControl = /** @class */ (function (_super) {
     };
     JSONSchemaEditorControl.prototype.render = function () {
         var _a = this.props, enableAdvancedSetting = _a.enableAdvancedSetting, rest = __rest(_a, ["enableAdvancedSetting"]);
-        return (React.createElement(JSONSchemaEditor, __assign({}, rest, { enableAdvancedSetting: enableAdvancedSetting, renderModalProps: this.renderModalProps })));
+        return (React.createElement(JSONSchemaEditor, __assign({}, rest, { placeholder: this.normalizePlaceholder(), enableAdvancedSetting: enableAdvancedSetting, renderModalProps: this.renderModalProps })));
     };
     JSONSchemaEditorControl.defaultProps = {
-        enableAdvancedSetting: false
+        enableAdvancedSetting: false,
+        placeholder: schemaEditorItemPlaceholder
     };
     __decorate([
         autobind,

package/esm/renderers/Form/ListSelect.js

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

package/esm/renderers/Form/LocationPicker.js

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

package/esm/renderers/Form/MatrixCheckboxes.js

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

package/esm/renderers/Form/NestedSelect.js

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

package/esm/renderers/Form/Picker.js

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

package/esm/renderers/Form/Radios.js

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

package/esm/renderers/Form/Select.d.ts

@@ -97,6 +97,19 @@ export interface SelectControlSchema extends FormOptionsSchema, SpinnerExtraProp
      * 选项的自定义CSS类名
      */
     optionClassName?: SchemaClassName;
+    /**
+     * 下拉框 Popover 设置
+     */
+    overlay?: {
+        /**
+         * 下拉框 Popover 的宽度设置，支持单位 '%'、'px'、'rem'、'em'、'vw', 支持相对写法如 '+20px'
+         */
+        width?: number | string;
+        /**
+         * 下拉框 Popover 的对齐方式
+         */
+        align?: 'left' | 'center' | 'right';
+    };
 }
 export interface SelectProps extends OptionsControlProps, SpinnerExtraProps {
     autoComplete?: Api;

package/esm/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -187,7 +187,7 @@ var SelectControl = /** @class */ (function (_super) {
         var combinedOptions = normalizeOptions(options, undefined, valueField).concat();
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
             selectedOptions.forEach(function (option) {
-                if (!find(combinedOptions, function (item) { return item.value == option.value; })) {
+                if (!find(combinedOptions, function (item) { return item[valueField] === option[valueField]; })) {
                     combinedOptions.push(__assign(__assign({}, option), { hidden: true }));
                 }
             });
@@ -224,7 +224,7 @@ var SelectControl = /** @class */ (function (_super) {
     };
     SelectControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, autoComplete = _a.autoComplete, searchable = _a.searchable, showInvalidMatch = _a.showInvalidMatch, options = _a.options, className = _a.className; _a.style; var loading = _a.loading; _a.value; var selectedOptions = _a.selectedOptions, multi = _a.multi, multiple = _a.multiple, placeholder = _a.placeholder; _a.id; var classPrefix = _a.classPrefix; _a.classnames; var creatable = _a.creatable; _a.inline; var noResultsText = _a.noResultsText, render = _a.render, menuTpl = _a.menuTpl, borderMode = _a.borderMode, selectMode = _a.selectMode, env = _a.env, useMobileUI = _a.useMobileUI, rest = __rest(_a, ["autoComplete", "searchable", "showInvalidMatch", "options", "className", "style", "loading", "value", "selectedOptions", "multi", "multiple", "placeholder", "id", "classPrefix", "classnames", "creatable", "inline", "noResultsText", "render", "menuTpl", "borderMode", "selectMode", "env", "useMobileUI"]);
+        var _a = this.props, autoComplete = _a.autoComplete, searchable = _a.searchable, showInvalidMatch = _a.showInvalidMatch, options = _a.options, className = _a.className; _a.style; var loading = _a.loading; _a.value; var selectedOptions = _a.selectedOptions, multi = _a.multi, multiple = _a.multiple, placeholder = _a.placeholder; _a.id; var classPrefix = _a.classPrefix; _a.classnames; var creatable = _a.creatable; _a.inline; var noResultsText = _a.noResultsText, render = _a.render, menuTpl = _a.menuTpl, borderMode = _a.borderMode, selectMode = _a.selectMode, env = _a.env, useMobileUI = _a.useMobileUI, overlay = _a.overlay, rest = __rest(_a, ["autoComplete", "searchable", "showInvalidMatch", "options", "className", "style", "loading", "value", "selectedOptions", "multi", "multiple", "placeholder", "id", "classPrefix", "classnames", "creatable", "inline", "noResultsText", "render", "menuTpl", "borderMode", "selectMode", "env", "useMobileUI", "overlay"]);
         if (noResultsText) {
             noResultsText = render('noResultText', noResultsText);
         }
@@ -233,7 +233,7 @@ var SelectControl = /** @class */ (function (_super) {
                 ? env.getModalContainer
                 : mobileUI
                     ? undefined
-                    : rest.popOverContainer, borderMode: borderMode, placeholder: placeholder, multiple: multiple || multi, ref: this.inputRef, value: selectedOptions, options: options, loadOptions: isEffectiveApi(autoComplete) ? this.lazyloadRemote : undefined, showInvalidMatch: showInvalidMatch, creatable: creatable, searchable: searchable || !!autoComplete, onChange: this.changeValue, onBlur: function (e) { return _this.dispatchEvent('blur', e); }, onFocus: function (e) { return _this.dispatchEvent('focus', e); }, onAdd: function () { return _this.dispatchEvent('add'); }, onEdit: function (item) { return _this.dispatchEvent('edit', item); }, onDelete: function (item) { return _this.dispatchEvent('delete', item); }, loading: loading, noResultsText: noResultsText, renderMenu: menuTpl ? this.renderMenu : undefined })))));
+                    : rest.popOverContainer, borderMode: borderMode, placeholder: placeholder, multiple: multiple || multi, ref: this.inputRef, value: selectedOptions, options: options, loadOptions: isEffectiveApi(autoComplete) ? this.lazyloadRemote : undefined, showInvalidMatch: showInvalidMatch, creatable: creatable, searchable: searchable || !!autoComplete, onChange: this.changeValue, onBlur: function (e) { return _this.dispatchEvent('blur', e); }, onFocus: function (e) { return _this.dispatchEvent('focus', e); }, onAdd: function () { return _this.dispatchEvent('add'); }, onEdit: function (item) { return _this.dispatchEvent('edit', item); }, onDelete: function (item) { return _this.dispatchEvent('delete', item); }, loading: loading, noResultsText: noResultsText, renderMenu: menuTpl ? this.renderMenu : undefined, overlay: overlay })))));
     };
     SelectControl.defaultProps = {
         clearable: false,
@@ -266,7 +266,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
     };
     TransferDropdownRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode, loadingConfig = _b.loadingConfig, labelField = _b.labelField, showInvalidMatch = _b.showInvalidMatch;
+        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode, loadingConfig = _b.loadingConfig, labelField = _b.labelField, showInvalidMatch = _b.showInvalidMatch, checkAll = _b.checkAll, checkAllLabel = _b.checkAllLabel, overlay = _b.overlay;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -281,7 +281,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React.createElement(React.Fragment, null,
-            React.createElement(TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266, labelField: labelField, showInvalidMatch: showInvalidMatch }),
+            React.createElement(TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266, labelField: labelField, showInvalidMatch: showInvalidMatch, checkAllLabel: checkAllLabel, checkAll: checkAll, overlay: overlay }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     __decorate([

package/esm/renderers/Form/Static.d.ts

@@ -40,6 +40,7 @@ export interface StaticProps extends FormControlProps {
     placeholder?: string;
     tpl?: string;
     text?: string;
+    contentsOnly?: boolean;
 }
 export default class StaticControl extends React.Component<StaticProps, any> {
     static defaultProps: {

package/esm/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -82,7 +82,7 @@ var StaticFieldRenderer = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     StaticFieldRenderer.prototype.render = function () {
-        var _a = this.props; _a.type; var className = _a.className, render = _a.render, style = _a.style, Component = _a.wrapperComponent; _a.labelClassName; var value = _a.value, data = _a.data, children = _a.children, width = _a.width, inputClassName = _a.inputClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, field = _a.field, rest = __rest(_a, ["type", "className", "render", "style", "wrapperComponent", "labelClassName", "value", "data", "children", "width", "inputClassName", "label", "tabIndex", "onKeyUp", "field"]);
+        var _a = this.props; _a.type; var className = _a.className, render = _a.render, style = _a.style, Component = _a.wrapperComponent, contentsOnly = _a.contentsOnly; _a.labelClassName; var value = _a.value, data = _a.data, children = _a.children, width = _a.width, inputClassName = _a.inputClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, field = _a.field, rest = __rest(_a, ["type", "className", "render", "style", "wrapperComponent", "contentsOnly", "labelClassName", "value", "data", "children", "width", "inputClassName", "label", "tabIndex", "onKeyUp", "field"]);
         var schema = __assign(__assign({}, field), { className: inputClassName, type: (field && field.type) || 'plain' });
         var body = children
             ? children
@@ -91,9 +91,10 @@ var StaticFieldRenderer = /** @class */ (function (_super) {
             style = style || {};
             style.width = style.width || width;
         }
-        if (!Component) {
+        if (contentsOnly) {
             return body;
         }
+        Component = Component || 'div';
         return (React.createElement(Component, { className: className, tabIndex: tabIndex, onKeyUp: onKeyUp }, body));
     };
     StaticFieldRenderer.defaultProps = __assign(__assign({}, TableCell.defaultProps), { wrapperComponent: 'div' });

package/esm/renderers/Form/StaticHoc.d.ts

@@ -1,4 +1,4 @@
-import { FormControlProps } from "amis-core";
+import { FormControlProps } from 'amis-core';
 /**
  * 表单项类成员render支持静态展示装饰器
  */

package/esm/renderers/Form/StaticHoc.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __spreadArray, __assign } from 'tslib';
+import { __spreadArray, __read, __assign } from 'tslib';
 import React from 'react';
 import { getPropValue } from 'amis-core';
 
@@ -47,6 +47,8 @@ function renderCommonStatic(props, defaultValue) {
             return render('static-input-tag', { type: 'tags' }, staticProps);
         case 'input-url':
             return render('static-input-url', { type: 'link', href: defaultValue }, staticProps);
+        case 'input-number':
+            return render('static-input-number', { type: 'number' }, __assign(__assign({}, props), staticSchema));
         default:
             return defaultValue;
     }
@@ -64,20 +66,23 @@ function supportStatic() {
             }
             var props = this.props;
             if (props.static) {
-                var render = props.render, staticSchema = props.staticSchema, ns = props.classPrefix, cx = props.classnames, className = props.className, _a = props.staticPlaceholder, staticPlaceholder = _a === void 0 ? '-' : _a;
+                var render = props.render, staticSchema = props.staticSchema, ns = props.classPrefix, cx = props.classnames, className = props.className, placeholder = props.placeholder, _a = props.staticPlaceholder, staticPlaceholder = _a === void 0 ? (React.createElement("span", { className: "text-muted" }, placeholder || '-')) : _a;
                 var body = void 0;
                 var displayValue = getPropValue(props);
                 var isValueEmpty = displayValue == null || displayValue === '';
-                if (staticSchema && (staticSchema.type
-                    || Array.isArray(staticSchema)
-                    || typeof staticSchema === 'string'
-                    || typeof staticSchema === 'number')) {
+                if (staticSchema &&
+                    (staticSchema.type ||
+                        Array.isArray(staticSchema) ||
+                        typeof staticSchema === 'string' ||
+                        typeof staticSchema === 'number')) {
                     // 有自定义schema 且schema有type 时，展示schema
                     body = render('form-static-schema', staticSchema, props);
                 }
                 else if (target.renderStatic) {
                     // 特殊组件，control有 renderStatic 时，特殊处理
-                    body = target.renderStatic.apply(this, __spreadArray(__spreadArray([], args, true), [isValueEmpty ? staticPlaceholder : displayValue], false));
+                    body = target.renderStatic.apply(this, __spreadArray(__spreadArray([], __read(args), false), [
+                        isValueEmpty ? staticPlaceholder : displayValue
+                    ], false));
                 }
                 else if (isValueEmpty) {
                     // 空值时，展示 staticPlaceholder

package/esm/renderers/Form/Switch.js

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

package/esm/renderers/Form/TabsTransfer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { SpinnerExtraProps } from 'amis-ui';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';

package/esm/renderers/Form/TabsTransfer.js

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

package/esm/renderers/Form/TabsTransferPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { SpinnerExtraProps } from 'amis-ui';
 import { BaseTabsTransferRenderer } from './TabsTransfer';

package/esm/renderers/Form/TabsTransferPicker.js

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

package/esm/renderers/Form/Textarea.js

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