amis 2.7.3-beta.0 → 2.8.0

package/lib/renderers/Form/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -60,6 +60,14 @@ var FormTable = /** @class */ (function (_super) {
     FormTable.prototype.componentDidUpdate = function (nextProps) {
         var props = this.props;
         var toUpdate = null;
+        // 如果static为true 或 disabled为true，
+        // 则删掉正在新增 或 编辑的那一行
+        var items = [];
+        if (props.static !== nextProps.static
+            || props.disabled !== nextProps.disabled) {
+            items = this.state.items.filter(function (item) { return !item.__isPlaceholder; });
+            toUpdate = tslib.__assign(tslib.__assign({}, toUpdate), { items: items, editIndex: -1, columns: this.buildColumns(props) });
+        }
         if (props.columns !== nextProps.columns) {
             toUpdate = tslib.__assign(tslib.__assign({}, toUpdate), { columns: this.buildColumns(props) });
         }
@@ -245,7 +253,7 @@ var FormTable = /** @class */ (function (_super) {
                             return [2 /*return*/];
                         }
                         _d.label = 7;
-                    case 7: return [2 /*return*/, onAction && onAction.apply(void 0, tslib.__spreadArray([action, ctx], rest, false))];
+                    case 7: return [2 /*return*/, onAction && onAction.apply(void 0, tslib.__spreadArray([action, ctx], tslib.__read(rest), false))];
                 }
             });
         });
@@ -254,7 +262,13 @@ var FormTable = /** @class */ (function (_super) {
         var _this = this;
         var needConfirm = this.props.needConfirm;
         var items = this.state.items.concat();
-        items.splice(index + 1, 0, items[index]);
+        if (needConfirm === false) {
+            items.splice(index + 1, 0, items[index]);
+        }
+        else {
+            // 复制相当于新增一行，需要同addItem一致添加__placeholder属性
+            items.splice(index + 1, 0, tslib.__assign(tslib.__assign({}, items[index]), { __isPlaceholder: true }));
+        }
         index = Math.min(index + 1, items.length - 1);
         this.setState({
             items: items
@@ -463,25 +477,28 @@ var FormTable = /** @class */ (function (_super) {
         var showIndex = this.props.showIndex;
         var minLength = this.resolveVariableProps(this.props, 'minLength');
         var maxLength = this.resolveVariableProps(this.props, 'maxLength');
+        var isStatic = this.props.static;
+        var disabled = this.props.disabled;
+        this.props.showTableAddBtn;
         var btns = [];
-        if (props.addable && props.showAddBtn !== false) {
+        if (!isStatic && props.addable && props.showTableAddBtn !== false) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     return (~_this.state.editIndex && needConfirm !== false) ||
-                        maxLength <= _this.state.items.length ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.addRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.addItem.bind(_this, rowIndex + offset, undefined) },
-                        props.addBtnLabel ? React__default["default"].createElement("span", null, props.addBtnLabel) : null,
-                        props.addBtnIcon ? (typeof props.addBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.addBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.addBtnIcon))) : null));
+                        maxLength <= _this.state.items.length ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.addRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, disabled: disabled, onClick: _this.addItem.bind(_this, rowIndex + offset, undefined) },
+                        props.addBtnIcon ? (typeof props.addBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.addBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.addBtnIcon))) : null,
+                        props.addBtnLabel ? React__default["default"].createElement("span", null, props.addBtnLabel) : null));
                 }
             });
         }
-        if (props.copyable && props.showCopyBtn !== false) {
+        if (!isStatic && props.copyable && props.showCopyBtn !== false) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
-                    return ~_this.state.editIndex && needConfirm !== false ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.copyRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.copyItem.bind(_this, rowIndex + offset, undefined) },
-                        props.copyBtnLabel ? React__default["default"].createElement("span", null, props.copyBtnLabel) : null,
-                        props.copyBtnIcon ? (typeof props.copyBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.copyBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.copyBtnIcon))) : null));
+                    return ~_this.state.editIndex && needConfirm !== false ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.copyRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, disabled: disabled, onClick: _this.copyItem.bind(_this, rowIndex + offset, undefined) },
+                        props.copyBtnIcon ? (typeof props.copyBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.copyBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.copyBtnIcon))) : null,
+                        props.copyBtnLabel ? React__default["default"].createElement("span", null, props.copyBtnLabel) : null));
                 }
             });
         }
@@ -490,7 +507,7 @@ var FormTable = /** @class */ (function (_super) {
                 var quickEdit = column.quickEdit;
                 return quickEdit === false
                     ? omit__default["default"](column, ['quickEdit'])
-                    : tslib.__assign(tslib.__assign({}, column), { quickEdit: tslib.__assign(tslib.__assign(tslib.__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline' }) });
+                    : tslib.__assign(tslib.__assign({}, column), { quickEdit: tslib.__assign(tslib.__assign(tslib.__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline', disabled: disabled, static: isStatic }) });
             });
         }
         else if (props.addable || props.editable || isCreateMode) {
@@ -500,45 +517,45 @@ var FormTable = /** @class */ (function (_super) {
                     : column.quickEdit;
                 return quickEdit === false
                     ? omit__default["default"](column, ['quickEdit'])
-                    : tslib.__assign(tslib.__assign({}, column), { quickEdit: tslib.__assign(tslib.__assign(tslib.__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline' }) });
+                    : tslib.__assign(tslib.__assign({}, column), { quickEdit: tslib.__assign(tslib.__assign(tslib.__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline', disabled: disabled }) });
             });
-            props.editable &&
+            !isStatic && props.editable &&
                 btns.push({
                     children: function (_a) {
                         var key = _a.key, rowIndex = _a.rowIndex, data = _a.data, offset = _a.offset;
                         return ~_this.state.editIndex || (data && data.__isPlaceholder) ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.editRow'), tooltipContainer: env && env.getModalContainer
                                 ? env.getModalContainer
-                                : undefined, onClick: function () { return _this.startEdit(rowIndex + offset); } },
-                            props.updateBtnLabel || props.editBtnLabel ? (React__default["default"].createElement("span", null, props.updateBtnLabel || props.editBtnLabel)) : null,
-                            typeof props.updateBtnIcon !== 'undefined' ? (props.updateBtnIcon ? (typeof props.updateBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.updateBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.updateBtnIcon))) : null) : props.editBtnIcon ? (typeof props.editBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.editBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.editBtnIcon))) : null));
+                                : undefined, disabled: disabled, onClick: function () { return _this.startEdit(rowIndex + offset); } },
+                            typeof props.updateBtnIcon !== 'undefined' ? (props.updateBtnIcon ? (typeof props.updateBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.updateBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.updateBtnIcon))) : null) : props.editBtnIcon ? (typeof props.editBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.editBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.editBtnIcon))) : null,
+                            props.updateBtnLabel || props.editBtnLabel ? (React__default["default"].createElement("span", null, props.updateBtnLabel || props.editBtnLabel)) : null));
                     }
                 });
-            btns.push({
+            !isStatic && btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     return _this.state.editIndex === rowIndex + offset ? (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('save'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.confirmEdit },
-                        props.confirmBtnLabel ? (React__default["default"].createElement("span", null, props.confirmBtnLabel)) : null,
-                        props.confirmBtnIcon ? (typeof props.confirmBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.confirmBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.confirmBtnIcon))) : null)) : null;
+                        props.confirmBtnIcon ? (typeof props.confirmBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.confirmBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.confirmBtnIcon))) : null,
+                        props.confirmBtnLabel ? (React__default["default"].createElement("span", null, props.confirmBtnLabel)) : null)) : null;
                 }
             });
-            btns.push({
+            !isStatic && btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     return _this.state.editIndex === rowIndex + offset ? (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('cancel'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.cancelEdit },
-                        props.cancelBtnLabel ? (React__default["default"].createElement("span", null, props.cancelBtnLabel)) : null,
-                        props.cancelBtnIcon ? (typeof props.cancelBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.cancelBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.cancelBtnIcon))) : null)) : null;
+                        props.cancelBtnIcon ? (typeof props.cancelBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.cancelBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.cancelBtnIcon))) : null,
+                        props.cancelBtnLabel ? (React__default["default"].createElement("span", null, props.cancelBtnLabel)) : null)) : null;
                 }
             });
         }
-        if (props.removable) {
+        if (!isStatic && props.removable) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, data = _a.data, offset = _a.offset;
                     return ((~_this.state.editIndex || (data && data.__isPlaceholder)) &&
                         needConfirm !== false) ||
-                        minLength >= _this.state.items.length ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.deleteRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.removeItem.bind(_this, rowIndex + offset) },
-                        props.deleteBtnLabel ? (React__default["default"].createElement("span", null, props.deleteBtnLabel)) : null,
-                        props.deleteBtnIcon ? (typeof props.deleteBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.deleteBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.deleteBtnIcon))) : null));
+                        minLength >= _this.state.items.length ? null : (React__default["default"].createElement(amisUi.Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.deleteRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, disabled: disabled, onClick: _this.removeItem.bind(_this, rowIndex + offset) },
+                        props.deleteBtnIcon ? (typeof props.deleteBtnIcon === 'string' ? (React__default["default"].createElement(amisUi.Icon, { icon: props.deleteBtnIcon, className: "icon" })) : (amisCore.generateIcon(props.classnames, props.deleteBtnIcon))) : null,
+                        props.deleteBtnLabel ? (React__default["default"].createElement("span", null, props.deleteBtnLabel)) : null));
                 }
             });
         }
@@ -687,7 +704,7 @@ var FormTable = /** @class */ (function (_super) {
     FormTable.prototype.render = function () {
         var _this = this;
         var _a, _b;
-        var _c = this.props, className = _c.className; _c.style; _c.value; var showAddBtn = _c.showAddBtn, disabled = _c.disabled, render = _c.render, placeholder = _c.placeholder, draggable = _c.draggable, addable = _c.addable, columnsTogglable = _c.columnsTogglable, combineNum = _c.combineNum, combineFromIndex = _c.combineFromIndex, __ = _c.translate, canAccessSuperData = _c.canAccessSuperData, expandConfig = _c.expandConfig, affixRow = _c.affixRow, prefixRow = _c.prefixRow, formInited = _c.formInited, perPage = _c.perPage, cx = _c.classnames, rowClassName = _c.rowClassName, rowClassNameExpr = _c.rowClassNameExpr, _d = _c.affixHeader, affixHeader = _d === void 0 ? false : _d, _e = _c.autoFillHeight, autoFillHeight = _e === void 0 ? false : _e, tableContentClassName = _c.tableContentClassName;
+        var _c = this.props, className = _c.className; _c.style; _c.value; var disabled = _c.disabled, render = _c.render, placeholder = _c.placeholder, draggable = _c.draggable, addable = _c.addable, columnsTogglable = _c.columnsTogglable, combineNum = _c.combineNum, combineFromIndex = _c.combineFromIndex, __ = _c.translate, canAccessSuperData = _c.canAccessSuperData, expandConfig = _c.expandConfig, affixRow = _c.affixRow, prefixRow = _c.prefixRow, formInited = _c.formInited, perPage = _c.perPage, cx = _c.classnames, rowClassName = _c.rowClassName, rowClassNameExpr = _c.rowClassNameExpr, _d = _c.affixHeader, affixHeader = _d === void 0 ? false : _d, _e = _c.autoFillHeight, autoFillHeight = _e === void 0 ? false : _e, tableContentClassName = _c.tableContentClassName, isStatic = _c.static, showFooterAddBtn = _c.showFooterAddBtn; _c.showTableAddBtn; var footerAddBtn = _c.footerAddBtn;
         var maxLength = this.resolveVariableProps(this.props, 'maxLength');
         if (formInited === false) {
             return null;
@@ -703,6 +720,17 @@ var FormTable = /** @class */ (function (_super) {
             showPager = true;
             offset = (page - 1) * perPage;
         }
+        var footerAddBtnSchema = {
+            type: 'button',
+            level: 'primary',
+            size: 'sm',
+            label: '新增',
+            icon: 'fa fa-plus',
+            disabled: disabled
+        };
+        if (footerAddBtn !== undefined) {
+            footerAddBtnSchema = Object.assign(footerAddBtnSchema, footerAddBtn);
+        }
         return (React__default["default"].createElement("div", { className: cx('InputTable', className) },
             render('body', {
                 type: 'table',
@@ -738,13 +766,13 @@ var FormTable = /** @class */ (function (_super) {
                 // TODO: 这里是为了处理columns里使用value变量添加的，目前会影响初始化数据加载后的组件行为，先回滚
                 // onPristineChange: this.handlePristineChange
             }),
-            (addable &&
-                showAddBtn !== false &&
+            (!isStatic && addable &&
+                showFooterAddBtn !== false &&
                 (!maxLength || maxLength > items.length)) ||
                 showPager ? (React__default["default"].createElement("div", { className: cx('InputTable-toolbar') },
-                addable && showAddBtn !== false ? (React__default["default"].createElement(amisUi.Button, { disabled: disabled, size: "sm", onClick: function () { return _this.addItem(_this.state.items.length); } },
-                    React__default["default"].createElement(amisUi.Icon, { icon: "plus", className: "icon" }),
-                    React__default["default"].createElement("span", null, __('add')))) : null,
+                addable && showFooterAddBtn !== false ? (render('button', footerAddBtnSchema, {
+                    onClick: function () { return _this.addItem(_this.state.items.length); }
+                })) : null,
                 showPager
                     ? render('pager', {
                         type: 'pagination'
@@ -767,7 +795,9 @@ var FormTable = /** @class */ (function (_super) {
         cancelBtnIcon: 'close',
         valueField: '',
         minLength: 0,
-        maxLength: Infinity
+        maxLength: Infinity,
+        showFooterAddBtn: true,
+        showTableAddBtn: true
     };
     FormTable.propsList = [
         'onChange',
@@ -775,7 +805,7 @@ var FormTable = /** @class */ (function (_super) {
         'columns',
         'label',
         'scaffold',
-        'showAddBtn',
+        'showTableAddBtn',
         'addable',
         'removable',
         'copyable',

package/lib/renderers/Form/InputTag.js

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

package/lib/renderers/Form/InputText.js

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

package/lib/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/lib/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -9,7 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var omit = require('lodash/omit');
+var debouce = require('lodash/debounce');
 var cx = require('classnames');
+var matchSorter = require('match-sorter');
 var amisUi = require('amis-ui');
 var amisCore = require('amis-core');
 var StaticHoc = require('./StaticHoc.js');
@@ -17,13 +20,37 @@ var StaticHoc = require('./StaticHoc.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+var debouce__default = /*#__PURE__*/_interopDefaultLegacy(debouce);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var TreeControl = /** @class */ (function (_super) {
     tslib.__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__default["default"](_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();
@@ -45,6 +72,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 = tslib.__assign({}, option);
+            option.visible = !!matchSorter.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 tslib.__awaiter(this, void 0, void 0, function () {
             var _a, onChange, dispatchEvent, rendererEvent;
@@ -64,6 +108,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;
     };
@@ -79,18 +131,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: amisCore.createObject(amisCore.createObject(data, tslib.__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 (amisCore.isPureVariable(highlightTxt)) {
             highlightTxt = amisCore.resolveVariableAndFilter(highlightTxt, data);
         }
-        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "TreeControl"), className, treeContainerClassName) },
+        var TreeCmpt = (React__default["default"].createElement(amisUi.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: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, itemRender: menuTpl ? this.renderOptionItem : undefined, enableDefaultIcon: enableDefaultIcon }));
+        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "TreeControl"), className, treeContainerClassName, {
+                'is-sticky': searchable && (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.sticky)
+            }) },
             React__default["default"].createElement(amisUi.Spinner, { size: "sm", key: "info", show: loading, loadingConfig: loadingConfig }),
-            loading ? null : (React__default["default"].createElement(amisUi.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: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined }))));
+            loading ? null : searchable ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(amisUi.SearchBox, tslib.__assign({ className: cx__default["default"]("".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__default["default"](searchConfig, 'className', 'sticky'), { onSearch: this.handleSearch })),
+                TreeCmpt)) : (TreeCmpt)));
     };
     TreeControl.defaultProps = {
-        placeholder: 'loading',
+        placeholder: 'placeholder.noData',
         multiple: false,
         rootLabel: 'Tree.root',
         rootValue: '',
@@ -110,6 +174,12 @@ var TreeControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
     ], TreeControl.prototype, "domRef", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object, Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], TreeControl.prototype, "renderOptionItem", null);
     tslib.__decorate([
         StaticHoc.supportStatic(),
         tslib.__metadata("design:type", Function),

package/lib/renderers/Form/InputYearRange.js

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

package/lib/renderers/Form/JSONSchema.js

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

package/lib/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/lib/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -9,18 +9,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var pick = require('lodash/pick');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
+var Common = require('amis-ui/lib/components/schema-editor/Common');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
 
 var JSONSchemaEditorControl = /** @class */ (function (_super) {
     tslib.__extends(JSONSchemaEditorControl, _super);
     function JSONSchemaEditorControl() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    JSONSchemaEditorControl.prototype.normalizePlaceholder = function () {
+        var placeholder = this.props.placeholder;
+        if (amisCore.isObject(placeholder)) {
+            return tslib.__assign(tslib.__assign({}, Common.schemaEditorItemPlaceholder), pick__default["default"](placeholder, [
+                'key',
+                'title',
+                'description',
+                'default',
+                'empty'
+            ]));
+        }
+        return Common.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]) || [];
@@ -36,10 +52,11 @@ var JSONSchemaEditorControl = /** @class */ (function (_super) {
     };
     JSONSchemaEditorControl.prototype.render = function () {
         var _a = this.props, enableAdvancedSetting = _a.enableAdvancedSetting, rest = tslib.__rest(_a, ["enableAdvancedSetting"]);
-        return (React__default["default"].createElement(amisUi.JSONSchemaEditor, tslib.__assign({}, rest, { enableAdvancedSetting: enableAdvancedSetting, renderModalProps: this.renderModalProps })));
+        return (React__default["default"].createElement(amisUi.JSONSchemaEditor, tslib.__assign({}, rest, { placeholder: this.normalizePlaceholder(), enableAdvancedSetting: enableAdvancedSetting, renderModalProps: this.renderModalProps })));
     };
     JSONSchemaEditorControl.defaultProps = {
-        enableAdvancedSetting: false
+        enableAdvancedSetting: false,
+        placeholder: Common.schemaEditorItemPlaceholder
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Form/ListSelect.js

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

package/lib/renderers/Form/LocationPicker.js

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

package/lib/renderers/Form/MatrixCheckboxes.js

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

package/lib/renderers/Form/NestedSelect.js

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

package/lib/renderers/Form/Picker.js

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