amis-ui 6.2.2 → 6.3.0

package/esm/components/calendar/MonthsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 
@@ -14,7 +14,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
     function CustomMonthsView(props) {
         var _this = _super.call(this, props) || this;
         _this.renderMonth = function (props, month, year, date) {
-            var __ = _this.props.translate;
+            var _a = _this.props, __ = _a.translate, testIdBuilder = _a.testIdBuilder;
             var localMoment = props.viewDate, rest = __rest(props, ["viewDate"]);
             var monthStr = localMoment.month(month).format(__('MMM'));
             var strLength = 3;
@@ -22,7 +22,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
             // use a fixed string length for consistency
             var monthStrFixedLength = monthStr.substring(0, strLength);
             return (React__default.createElement("td", __assign({}, rest),
-                React__default.createElement("span", null, monthStrFixedLength)));
+                React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(props.key).getTestId()), monthStrFixedLength)));
         };
         _this.onConfirm = function (value, types) {
             _this.props.onConfirm && _this.props.onConfirm(value, ['year', 'month']);
@@ -90,6 +90,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
         return _this;
     }
     CustomMonthsView.prototype.renderMonths = function () {
+        this.props.testIdBuilder;
         var date = this.props.selectedDate; this.props.viewDate.month(); var year = this.props.viewDate.year(), rows = [], i = 0, months = [], renderer = this.props.renderMonth || this.renderMonth, isValid = this.props.isValidDate || this.alwaysValidDate, classes, props, currentMonth, isDisabled, noOfDaysInMonth, daysInMonth, validDay, 
         // Date is irrelevant because we're only interested in month
         irrelevantDate = 1;
@@ -151,6 +152,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
     };
     CustomMonthsView.prototype.render = function () {
         var __ = this.props.translate;
+        var testIdBuilder = this.props.testIdBuilder;
         var showYearHead = !/^mm$/i.test(this.props.inputFormat || '') && !this.props.hideHeader;
         var canClick = /yy/i.test(this.props.inputFormat || '');
         if (this.props.mobileUI) {
@@ -160,9 +162,9 @@ var CustomMonthsView = /** @class */ (function (_super) {
             showYearHead && (React__default.createElement("table", { className: "headerTable" },
                 React__default.createElement("thead", null,
                     React__default.createElement("tr", null,
-                        React__default.createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                        canClick ? (React__default.createElement("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (React__default.createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
-                        React__default.createElement("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB"))))),
+                        React__default.createElement("th", __assign({ className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('prev-year').getTestId()), "\u00AB"),
+                        canClick ? (React__default.createElement("th", __assign({ className: "rdtSwitch", onClick: this.props.showView('years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('switch-year').getTestId()), this.props.viewDate.format(__('dateformat.year')))) : (React__default.createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
+                        React__default.createElement("th", __assign({ className: "rdtNext", onClick: this.props.addTime(1, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('next-year').getTestId()), "\u00BB"))))),
             React__default.createElement("table", null,
                 React__default.createElement("tbody", null, this.renderMonths()))));
     };

package/esm/components/calendar/QuartersView.d.ts

@@ -2,6 +2,7 @@
 import moment from 'moment';
 import React from 'react';
 import { LocaleProps, ThemeProps } from 'amis-core';
+import type { TestIdBuilder } from 'amis-core';
 export interface QuarterViewProps extends LocaleProps, ThemeProps {
     viewDate: moment.Moment;
     selectedDate: moment.Moment;
@@ -17,6 +18,7 @@ export interface QuarterViewProps extends LocaleProps, ThemeProps {
     hideHeader?: boolean;
     onConfirm?: (value: number[], types?: string[]) => void;
     onClose?: () => void;
+    testIdBuilder?: TestIdBuilder;
 }
 export declare class QuarterView extends React.Component<QuarterViewProps> {
     state: {

package/esm/components/calendar/QuartersView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 
@@ -18,8 +18,9 @@ var QuarterView = /** @class */ (function (_super) {
             pickerValue: [_this.props.viewDate.year(), _this.props.viewDate.quarter()]
         };
         _this.renderQuarter = function (props, quartar, year, date) {
+            var testIdBuilder = _this.props.testIdBuilder;
             return (React__default.createElement("td", __assign({}, props),
-                React__default.createElement("span", null,
+                React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(props.key).getTestId()),
                     "Q",
                     quartar)));
         };
@@ -35,7 +36,7 @@ var QuarterView = /** @class */ (function (_super) {
         return _this;
     }
     QuarterView.prototype.renderYear = function () {
-        var __ = this.props.translate;
+        var _a = this.props, __ = _a.translate, testIdBuilder = _a.testIdBuilder;
         var showYearHead = !/^mm$/i.test(this.props.inputFormat || '');
         if (!showYearHead) {
             return null;
@@ -44,9 +45,9 @@ var QuarterView = /** @class */ (function (_super) {
         return (React__default.createElement("table", null,
             React__default.createElement("thead", null,
                 React__default.createElement("tr", null,
-                    React__default.createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                    canClick ? (React__default.createElement("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (React__default.createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
-                    React__default.createElement("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB")))));
+                    React__default.createElement("th", __assign({ className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('prev-year').getTestId()), "\u00AB"),
+                    canClick ? (React__default.createElement("th", __assign({ className: "rdtSwitch", onClick: this.props.showView('years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('switch-year').getTestId()), this.props.viewDate.format(__('dateformat.year')))) : (React__default.createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
+                    React__default.createElement("th", __assign({ className: "rdtNext", onClick: this.props.addTime(1, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('next-year').getTestId()), "\u00BB")))));
     };
     QuarterView.prototype.renderQuarters = function () {
         var date = this.props.selectedDate, quarter = this.props.viewDate.quarter(), year = this.props.viewDate.year(), rows = [], i = 1, quarters = [], renderer = this.props.renderQuarter || this.renderQuarter, isValid = this.props.isValidDate || this.alwaysValidDate, classes, props, isDisabled;

package/esm/components/calendar/TimeView.d.ts

@@ -2,6 +2,7 @@
 import moment from 'moment';
 import React from 'react';
 import { LocaleProps, ClassNamesFn } from 'amis-core';
+import type { TestIdBuilder } from 'amis-core';
 interface CustomTimeViewProps extends LocaleProps {
     viewDate: moment.Moment;
     selectedDate: moment.Moment;
@@ -26,6 +27,7 @@ interface CustomTimeViewProps extends LocaleProps {
     onChange: (value: moment.Moment) => void;
     timeConstraints?: any;
     timeRangeHeader?: string;
+    testIdBuilder?: TestIdBuilder;
 }
 interface CustomTimeViewState {
     daypart: any;

package/esm/components/calendar/TimeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 
@@ -483,7 +483,7 @@ var CustomTimeView = /** @class */ (function (_super) {
     };
     CustomTimeView.prototype.render = function () {
         var _this = this;
-        var _a = this.props, timeFormat = _a.timeFormat, selectedDate = _a.selectedDate, viewDate = _a.viewDate, isEndDate = _a.isEndDate, cx = _a.classnames, timeRangeHeader = _a.timeRangeHeader, mobileUI = _a.mobileUI;
+        var _a = this.props, timeFormat = _a.timeFormat, selectedDate = _a.selectedDate, viewDate = _a.viewDate, isEndDate = _a.isEndDate, cx = _a.classnames, timeRangeHeader = _a.timeRangeHeader, mobileUI = _a.mobileUI, testIdBuilder = _a.testIdBuilder;
         var __ = this.props.translate;
         var date = selectedDate || (isEndDate ? viewDate.endOf('day') : viewDate);
         var inputs = [];
@@ -516,22 +516,23 @@ var CustomTimeView = /** @class */ (function (_super) {
                             return _this.setTime(type, Math.max(min_2, Math.min(parseInt(e.currentTarget.value.replace(/\D/g, ''), 10) || 0, max_2)));
                         }
                     });
+                    var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(type);
                     return (React__default.createElement("div", { className: cx('CalendarInputWrapper') },
                         React__default.createElement("div", { className: cx('CalendarInput-sugs', type === 'hours'
                                 ? 'CalendarInput-sugsHours'
                                 : 'CalendarInput-sugsTimes'), id: "".concat(_this.state.uniqueTag, "-").concat(i, "-input") }, options_1.map(function (option) {
                             var _a;
-                            return (React__default.createElement("div", { key: option.value, className: cx('CalendarInput-sugsItem', {
+                            return (React__default.createElement("div", __assign({ key: option.value, className: cx('CalendarInput-sugsItem', {
                                     'is-mobile': mobileUI,
                                     'is-highlight': selectedDate
                                         ? option.value === date.format(formatMap_1[type])
                                         : option.value === ((_a = options_1 === null || options_1 === void 0 ? void 0 : options_1[0]) === null || _a === void 0 ? void 0 : _a.value) &&
                                             !mobileUI
-                                }), onClick: function () {
+                                }) }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild(option.value).getTestId(), { onClick: function () {
                                     _this.setTime(type, parseInt(option.value, 10));
                                     _this.scrollToTop(type, parseInt(option.value, 10), i);
                                     closeMenu();
-                                } }, option.value));
+                                } }), option.value));
                         }))));
                 }));
                 inputs.push(React__default.createElement("span", { key: i + 'divider' }));
@@ -539,14 +540,14 @@ var CustomTimeView = /** @class */ (function (_super) {
         });
         inputs.length && inputs.pop();
         var quickLists = [
-            React__default.createElement("a", { key: "select-now", onClick: this.selectNowTime }, __('TimeNow'))
+            React__default.createElement("a", __assign({ key: "select-now", onClick: this.selectNowTime }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('select-now').getTestId()), __('TimeNow'))
         ];
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement("div", { className: cx(timeRangeHeader ? 'TimeRangeHeaderWrapper' : null) }, timeRangeHeader),
             React__default.createElement("div", { className: cx('TimeContentWrapper') }, inputs),
             this.props.requiredConfirm && (React__default.createElement("div", { className: cx('TimeFooterWrapper') },
                 React__default.createElement("div", { className: cx('QuickWrapper') }, quickLists),
-                React__default.createElement("a", { className: cx('Button', 'Button--primary', 'Button--size-sm'), onClick: this.confirm }, __('confirm'))))));
+                React__default.createElement("a", __assign({ className: cx('Button', 'Button--primary', 'Button--size-sm'), onClick: this.confirm }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('confirm').getTestId()), __('confirm'))))));
     };
     CustomTimeView.defaultProps = {
         showToolbar: true

package/esm/components/calendar/YearsView.d.ts

@@ -2,6 +2,7 @@
 import moment from 'moment';
 import React from 'react';
 import { LocaleProps } from 'amis-core';
+import type { TestIdBuilder } from 'amis-core';
 interface CustomYearsViewProps extends LocaleProps {
     viewDate: moment.Moment;
     selectedDate: moment.Moment;
@@ -19,6 +20,7 @@ interface CustomYearsViewProps extends LocaleProps {
     renderYear?: (props: any, year: number) => JSX.Element;
     updateSelectedDate: (event: React.MouseEvent<any>, close?: boolean) => void;
     isValidDate?: (currentDate: moment.Moment, selected?: moment.Moment) => boolean;
+    testIdBuilder?: TestIdBuilder;
 }
 export declare class CustomYearsView extends React.Component<CustomYearsViewProps> {
     state: {

package/esm/components/calendar/YearsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 
@@ -14,8 +14,9 @@ var CustomYearsView = /** @class */ (function (_super) {
     function CustomYearsView(props) {
         var _this = _super.call(this, props) || this;
         _this.renderYear = function (props, year, date) {
+            var testIdBuilder = _this.props.testIdBuilder;
             return (React__default.createElement("td", __assign({}, props),
-                React__default.createElement("span", null, year)));
+                React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(props.key).getTestId()), year)));
         };
         _this.onConfirm = function (value) {
             _this.props.onConfirm && _this.props.onConfirm(value, ['year']);
@@ -100,7 +101,7 @@ var CustomYearsView = /** @class */ (function (_super) {
     CustomYearsView.prototype.render = function () {
         var year = this.props.viewDate.year();
         year = year - (year % 10);
-        var __ = this.props.translate;
+        var _a = this.props, testIdBuilder = _a.testIdBuilder, __ = _a.translate;
         if (this.props.mobileUI) {
             return React__default.createElement("div", { className: "rdtYears" }, this.renderYearPicker());
         }
@@ -108,9 +109,9 @@ var CustomYearsView = /** @class */ (function (_super) {
             React__default.createElement("table", { className: "headerTable" },
                 React__default.createElement("thead", null,
                     React__default.createElement("tr", null,
-                        React__default.createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(10, 'years') }, "\u00AB"),
+                        React__default.createElement("th", __assign({ className: "rdtPrev", onClick: this.props.subtractTime(10, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('prev-year').getTestId()), "\u00AB"),
                         React__default.createElement("th", { className: "rdtSwitch" }, __('year-to-year', { from: year, to: year + 9 })),
-                        React__default.createElement("th", { className: "rdtNext", onClick: this.props.addTime(10, 'years') }, "\u00BB")))),
+                        React__default.createElement("th", __assign({ className: "rdtNext", onClick: this.props.addTime(10, 'years') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('next-year').getTestId()), "\u00BB")))),
             React__default.createElement("table", null,
                 React__default.createElement("tbody", null, this.renderYears(year)))));
     };

package/esm/components/condition-builder/Expression.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/Field.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/Func.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/Group.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/GroupOrItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/InputSwitch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/Value.d.ts

@@ -16,6 +16,7 @@ export interface ValueProps extends ThemeProps, LocaleProps {
     renderEtrValue?: any;
 }
 export declare class Value extends React.Component<ValueProps> {
+    renderCustomValue(props: any): any;
     render(): React.JSX.Element;
 }
 declare const _default: {

package/esm/components/condition-builder/Value.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 
-import { __extends, __assign } from 'tslib';
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { themeable, localeable } from 'amis-core';
+import { autobind, themeable, localeable } from 'amis-core';
 import InputBox from '../InputBox.js';
 import NumberInput from '../NumberInput.js';
 import DatePicker from '../DatePicker.js';
@@ -18,19 +18,32 @@ var Value = /** @class */ (function (_super) {
     function Value() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Value.prototype.renderCustomValue = function (props) {
+        var _a = this.props, renderEtrValue = _a.renderEtrValue, data = _a.data, cx = _a.classnames;
+        var field = props.inputSettings;
+        return renderEtrValue
+            ? renderEtrValue(__assign(__assign({}, field.value), { name: 'TMP_WHATEVER_NAME' }), // name 随便输入，应该是 value 传入的为主，目前表单项内部逻辑还有问题先传一个 name
+            {
+                data: data,
+                onChange: props.onChange,
+                value: props.value,
+                inputClassName: cx(field.className, props.className)
+            })
+            : null;
+    };
     Value.prototype.render = function () {
         var _a;
-        var _b = this.props, cx = _b.classnames, field = _b.field, value = _b.value, onChange = _b.onChange, op = _b.op, __ = _b.translate, data = _b.data, disabled = _b.disabled, formula = _b.formula, popOverContainer = _b.popOverContainer, renderEtrValue = _b.renderEtrValue, mobileUI = _b.mobileUI;
+        var _b = this.props, cx = _b.classnames, field = _b.field, value = _b.value, onChange = _b.onChange, op = _b.op, __ = _b.translate, data = _b.data, disabled = _b.disabled, formula = _b.formula, popOverContainer = _b.popOverContainer, mobileUI = _b.mobileUI;
         var input = undefined;
         if (formula) {
             // 如果配置了 formula 字段，则所有的输入变为 formula 形式
             formula = __assign(__assign({}, formula), { translate: __, classnames: cx, data: data, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled });
-            var inputSettings = field.type !== 'custom' && (formula === null || formula === void 0 ? void 0 : formula.inputSettings)
+            var inputSettings = (formula === null || formula === void 0 ? void 0 : formula.inputSettings)
                 ? __assign(__assign(__assign({}, formula === null || formula === void 0 ? void 0 : formula.inputSettings), field), { multiple: field.type === 'select' &&
                         op &&
                         typeof op === 'string' &&
                         ['select_any_in', 'select_not_any_in'].includes(op) }) : undefined;
-            input = React__default.createElement(FormulaPicker, __assign({}, formula, { inputSettings: inputSettings }));
+            input = (React__default.createElement(FormulaPicker, __assign({}, formula, { inputSettings: inputSettings, customInputRender: this.renderCustomValue })));
         }
         else if (field.type === 'text') {
             input = (React__default.createElement(InputBox, { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, placeholder: __(field.placeholder), disabled: disabled, mobileUI: mobileUI }));
@@ -55,17 +68,20 @@ var Value = /** @class */ (function (_super) {
             input = (React__default.createElement(Switch, { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled }));
         }
         else if (field.type === 'custom') {
-            input = renderEtrValue
-                ? renderEtrValue(__assign(__assign({}, field.value), { name: 'TMP_WHATEVER_NAME' }), // name 随便输入，应该是 value 传入的为主，目前表单项内部逻辑还有问题先传一个 name
-                {
-                    data: data,
-                    onChange: onChange,
-                    value: value !== null && value !== void 0 ? value : field.defaultValue
-                })
-                : null;
+            input = this.renderCustomValue({
+                value: value !== null && value !== void 0 ? value : field.defaultValue,
+                onChange: onChange,
+                inputSettings: field
+            });
         }
         return React__default.createElement("div", { className: cx('CBValue') }, input);
     };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Value.prototype, "renderCustomValue", null);
     return Value;
 }(React__default.Component));
 var Value$1 = themeable(localeable(Value));

package/esm/components/condition-builder/config.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/condition-builder/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.3.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/formula/CodeEditor.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="hoist-non-react-statics" />
+import { ThemeProps } from 'amis-core';
+import React from 'react';
+import { CodeMirrorEditorProps } from '../CodeMirror';
+import { FormulaPlugin } from './plugin';
+import type CodeMirror from 'codemirror';
+export interface VariableItem {
+    label: string;
+    value?: string;
+    path?: string;
+    children?: Array<VariableItem>;
+    type?: string;
+    tag?: string;
+    selectMode?: 'tree' | 'tabs';
+    isMember?: boolean;
+}
+export interface FuncGroup {
+    groupName: string;
+    items: Array<FuncItem>;
+}
+export interface FuncItem {
+    name: string;
+    example?: string;
+    description?: string;
+    [propName: string]: any;
+}
+export interface CodeEditorProps extends ThemeProps, Omit<CodeMirrorEditorProps, 'style' | 'editorFactory' | 'editorDidMount'> {
+    readOnly?: boolean;
+    /**
+     * 是否为单行模式，默认为 false
+     */
+    singleLine?: boolean;
+    /**
+     * evalMode 即直接就是表达式，否则
+     * 需要 ${这里面才是表达式}
+     * 默认为 true
+     */
+    evalMode?: boolean;
+    autoFocus?: boolean;
+    editorTheme?: 'dark' | 'light';
+    editorOptions?: any;
+    /**
+     * 用于提示的变量集合，默认为空
+     */
+    variables?: Array<VariableItem>;
+    /**
+     * 函数集合，默认不需要传，即  amis-formula 里面那个函数
+     * 如果有扩充，则需要传。
+     */
+    functions?: Array<FuncGroup>;
+    placeholder?: string;
+    editorDidMount?: (cm: typeof CodeMirror, editor: CodeMirror.Editor, plugin: FormulaPlugin) => void;
+}
+declare const _default: {
+    new (props: Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<CodeEditorProps & React.RefAttributes<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<unknown>>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<unknown>>, {}> & {
+    ComposedComponent: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<unknown>>;
+};
+export default _default;

package/esm/components/formula/CodeEditor.js

@@ -0,0 +1,98 @@
+/**
+ * amis-ui v6.3.0
+ * Copyright 2018-2024 fex
+ */
+
+import { __assign, __read } from 'tslib';
+import { themeable } from 'amis-core';
+import React__default from 'react';
+import { CodeMirrorEditor } from '../CodeMirror.js';
+import { editorFactory, FormulaPlugin } from './plugin.js';
+
+function CodeEditor(props, ref) {
+    var cx = props.classnames, className = props.className, value = props.value, onChange = props.onChange, editorDidMount = props.editorDidMount, onFocus = props.onFocus, onBlur = props.onBlur, functions = props.functions, variables = props.variables, evalMode = props.evalMode, singleLine = props.singleLine, autoFocus = props.autoFocus, editorTheme = props.editorTheme, defaultTheme = props.theme, editorOptions = props.editorOptions, placeholder = props.placeholder;
+    var pluginRef = React__default.useRef();
+    var editorFactory$1 = React__default.useCallback(function (dom, cm) {
+        var theme = (editorTheme !== null && editorTheme !== void 0 ? editorTheme : ((defaultTheme || '').includes('dark') ? 'dark' : 'light')) === 'dark'
+            ? 'base16-dark'
+            : 'idea';
+        var options = __assign({ autoFocus: autoFocus, indentUnit: 2, lineNumbers: true, lineWrapping: true, // 自动换行
+            theme: theme, placeholder: placeholder }, editorOptions);
+        if (singleLine) {
+            options = __assign({ lineNumbers: false, indentWithTabs: false, indentUnit: 4, lineWrapping: false, scrollbarStyle: null, theme: theme, placeholder: placeholder }, editorOptions);
+        }
+        return editorFactory(dom, cm, props, options);
+    }, []);
+    var _a = __read(React__default.useState(props.readOnly), 2), readOnly = _a[0], setReadOnly = _a[1];
+    React__default.useEffect(function () { return setReadOnly(props.readOnly); }, [props.readOnly]);
+    React__default.useEffect(function () { var _a, _b; return (_b = (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.editor) === null || _b === void 0 ? void 0 : _b.setOption('placeholder', placeholder); }, [placeholder]);
+    // singleLine 模式下，禁止输入换行符
+    var onEditorBeforeChange = React__default.useCallback(function (cm, event) {
+        // Identify typing events that add a newline to the buffer.
+        var hasTypedNewline = event.origin === '+input' &&
+            typeof event.text === 'object' &&
+            event.text.join('') === '';
+        // Prevent newline characters from being added to the buffer.
+        if (hasTypedNewline) {
+            return event.cancel();
+        }
+        // Identify paste events.
+        var hasPastedNewline = event.origin === 'paste' &&
+            typeof event.text === 'object' &&
+            event.text.length > 1;
+        // Format pasted text to replace newlines with spaces.
+        if (hasPastedNewline) {
+            var newText = event.text.join(' ');
+            return event.update(null, null, [newText]);
+        }
+        return null;
+    }, []);
+    var onEditorMount = React__default.useCallback(function (cm, editor) {
+        var plugin = (pluginRef.current = new FormulaPlugin(editor, cm));
+        plugin.setEvalMode(!!evalMode);
+        plugin.setFunctions(functions || []);
+        plugin.setVariables(variables || []);
+        editorDidMount === null || editorDidMount === void 0 ? void 0 : editorDidMount(cm, editor, plugin);
+        plugin.autoMarkText();
+        // 单行模式，不允许输入换行，同时原来的换行符也要去掉
+        if (singleLine) {
+            editor.on('beforeChange', onEditorBeforeChange);
+            var value_1 = editor.getValue();
+            if (value_1 && /[\n\r]/.test(value_1)) {
+                // 初始数据有换行，不允许直接编辑
+                // 只能弹窗弹出非单行模式编辑
+                setReadOnly(true);
+                editor.setValue(value_1.replace(/[\n\r]+/g, ''));
+            }
+        }
+    }, [evalMode, functions, variables]);
+    React__default.useEffect(function () {
+        return function () {
+            var _a, _b;
+            (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.editor.off('beforeChange', onEditorBeforeChange);
+            (_b = pluginRef.current) === null || _b === void 0 ? void 0 : _b.dispose();
+        };
+    }, []);
+    React__default.useImperativeHandle(ref, function () {
+        return {
+            insertContent: function (value, type) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.insertContent(value, type); },
+            setValue: function (value) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value); },
+            getValue: function () { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
+            setDisableAutoMark: function (value) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.setDisableAutoMark(value); }
+        };
+    });
+    React__default.useEffect(function () {
+        var plugin = pluginRef.current;
+        if (!plugin) {
+            return;
+        }
+        plugin.setEvalMode(!!evalMode);
+        plugin.setFunctions(functions || []);
+        plugin.setVariables(variables || []);
+        plugin.autoMarkText();
+    }, [evalMode, functions, variables, value]);
+    return (React__default.createElement(CodeMirrorEditor, { className: cx('FormulaCodeEditor', className, singleLine ? 'FormulaCodeEditor--singleLine' : ''), value: value, onChange: onChange, editorFactory: editorFactory$1, editorDidMount: onEditorMount, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly }));
+}
+var CodeEditor$1 = themeable(React__default.forwardRef(CodeEditor));
+
+export { CodeEditor$1 as default };