amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

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

@@ -1,240 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-var Group = require('./Group.js');
-var config = require('./config.js');
-var PickerContainer = require('../PickerContainer.js');
-var ResultBox = require('../ResultBox.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-var QueryBuilder = /** @class */ (function (_super) {
-    tslib.__extends(QueryBuilder, _super);
-    function QueryBuilder() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.config = tslib.__assign(tslib.__assign({}, config["default"]), _this.props.config);
-        _this.lastMoveAt = 0;
-        return _this;
-    }
-    QueryBuilder.prototype.handleDragStart = function (e) {
-        var _a = this.props.draggable, draggable = _a === void 0 ? true : _a;
-        // draggable为false时不可拖拽
-        if (!draggable)
-            return;
-        var target = e.currentTarget;
-        var item = target.closest('[data-id]');
-        this.dragTarget = item;
-        // this.dragNextSibling = item.nextElementSibling;
-        this.host = item.closest('[data-group-id]');
-        var ghost = item.cloneNode(true);
-        ghost.classList.add('is-ghost');
-        this.ghost = ghost;
-        e.dataTransfer.setDragImage(item.firstChild, 0, 0);
-        target.addEventListener('dragend', this.handleDragEnd);
-        document.body.addEventListener('dragover', this.handleDragOver);
-        document.body.addEventListener('drop', this.handleDragDrop);
-        this.lastX = e.clientX;
-        this.lastY = e.clientY;
-        // 应该是 chrome 的一个bug，如果你马上修改，会马上执行 dragend
-        setTimeout(function () {
-            item.classList.add('is-dragging');
-            // item.parentElement!.insertBefore(
-            //   item,
-            //   item.parentElement!.firstElementChild
-            // ); // 挪到第一个，主要是因为样式问题。
-        }, 5);
-    };
-    QueryBuilder.prototype.handleDragOver = function (e) {
-        e.preventDefault();
-        var item = e.target.closest('[data-id]');
-        var dx = e.clientX - this.lastX;
-        var dy = e.clientY - this.lastY;
-        var d = Math.max(Math.abs(dx), Math.abs(dy));
-        var now = Date.now();
-        // 没移动还是不要处理，免得晃动个不停。
-        if (d < 5) {
-            if (this.lastMoveAt === 0) ;
-            else if (now - this.lastMoveAt > 500) {
-                var host = e.target.closest('[data-group-id]');
-                if (host) {
-                    this.host = host;
-                    this.lastMoveAt = now;
-                    this.lastX = 0;
-                    this.lastY = 0;
-                    this.handleDragOver(e);
-                    return;
-                }
-            }
-            return;
-        }
-        this.lastMoveAt = now;
-        this.lastX = e.clientX;
-        this.lastY = e.clientY;
-        if (!item ||
-            item.classList.contains('is-ghost') ||
-            item.closest('[data-group-id]') !== this.host) {
-            return;
-        }
-        var container = item.parentElement;
-        var children = [].slice.apply(container.children);
-        var idx = children.indexOf(item);
-        if (this.ghost.parentElement !== container) {
-            container.appendChild(this.ghost);
-        }
-        var rect = item.getBoundingClientRect();
-        var isAfter = dy > 0 && e.clientY > rect.top + rect.height / 2;
-        var gIdx = isAfter ? idx : idx - 1;
-        var cgIdx = children.indexOf(this.ghost);
-        if (gIdx !== cgIdx) {
-            amisCore.animation.capture(container);
-            if (gIdx === children.length - 1) {
-                container.appendChild(this.ghost);
-            }
-            else {
-                container.insertBefore(this.ghost, children[gIdx + 1]);
-            }
-            amisCore.animation.animateAll();
-        }
-    };
-    QueryBuilder.prototype.handleDragDrop = function () {
-        var _a, _b;
-        var onChange = this.props.onChange;
-        var fromId = this.dragTarget.getAttribute('data-id');
-        var toId = this.host.getAttribute('data-group-id');
-        var children = [].slice.call(this.ghost.parentElement.children);
-        var idx = children.indexOf(this.dragTarget);
-        if (~idx) {
-            children.splice(idx, 1);
-        }
-        var toIndex = children.indexOf(this.ghost);
-        var value = this.props.value;
-        var indexes = amisCore.findTreeIndex([value], function (item) { return item.id === fromId; });
-        if (indexes) {
-            var origin_1 = amisCore.getTree([value], indexes.concat());
-            _a = tslib.__read(amisCore.spliceTree([value], indexes, 1), 1), value = _a[0];
-            var indexes2 = amisCore.findTreeIndex([value], function (item) { return item.id === toId; });
-            if (indexes2) {
-                _b = tslib.__read(amisCore.spliceTree([value], indexes2.concat(toIndex), 0, origin_1), 1), value = _b[0];
-                onChange(value);
-            }
-        }
-    };
-    QueryBuilder.prototype.handleDragEnd = function (e) {
-        var _a;
-        var target = e.target;
-        target.removeEventListener('dragend', this.handleDragEnd);
-        document.body.removeEventListener('dragover', this.handleDragOver);
-        document.body.removeEventListener('drop', this.handleDragDrop);
-        this.dragTarget.classList.remove('is-dragging');
-        // if (this.dragNextSibling) {
-        //   this.dragTarget.parentElement!.insertBefore(
-        //     this.dragTarget,
-        //     this.dragNextSibling
-        //   );
-        // } else {
-        //   this.dragTarget.parentElement!.appendChild(this.dragTarget);
-        // }
-        delete this.dragTarget;
-        // delete this.dragNextSibling;
-        (_a = this.ghost.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.ghost);
-        delete this.ghost;
-    };
-    QueryBuilder.prototype.handleClear = function () {
-        this.props.onChange();
-    };
-    QueryBuilder.prototype.highlightValue = function (value) {
-        var _a = this.props, cx = _a.classnames, __ = _a.translate;
-        var html = {
-            __html: "<span class=\"label label-info\">".concat(__('Condition.configured'), "</span>")
-        };
-        return (_J$X_("div", { className: cx('CPGroup-result'), dangerouslySetInnerHTML: html }));
-    };
-    QueryBuilder.prototype.renderBody = function (onChange, value, popOverContainer) {
-        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, _b = _a.draggable, draggable = _b === void 0 ? true : _b, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue, selectMode = _a.selectMode, isAddBtnVisibleOn = _a.isAddBtnVisibleOn, isAddGroupBtnVisibleOn = _a.isAddGroupBtnVisibleOn, showIf = _a.showIf, formulaForIf = _a.formulaForIf, testIdBuilder = _a.testIdBuilder;
-        var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
-            ? tslib.__assign(tslib.__assign({}, value), { children: amisCore.mapTree(value.children, function (value) {
-                    if (value.id) {
-                        return value;
-                    }
-                    return tslib.__assign(tslib.__assign({}, value), { id: amisCore.guid() });
-                }) }) : value;
-        return (_J$X_(Group["default"], { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, draggable: draggable, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode, depth: 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn, showIf: showIf, formulaForIf: formulaForIf, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('group') }));
-    };
-    QueryBuilder.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, cx = _a.classnames, placeholder = _a.placeholder, _b = _a.embed, embed = _b === void 0 ? true : _b, pickerIcon = _a.pickerIcon, locale = _a.locale, translate = _a.translate, classPrefix = _a.classPrefix, onFinalChange = _a.onChange, value = _a.value, title = _a.title, disabled = _a.disabled, popOverContainer = _a.popOverContainer, testIdBuilder = _a.testIdBuilder, mobileUI = _a.mobileUI;
-        if (embed) {
-            return this.renderBody(onFinalChange, value, popOverContainer);
-        }
-        /** 因为 ConditionBuilder特殊的数据结构，提供给 ResultBox 的需要处理一下 */
-        var resultBoxValue = embed === false
-            ? !value ||
-                !(value === null || value === void 0 ? void 0 : value.hasOwnProperty('children')) ||
-                !Array.isArray(value.children) ||
-                value.children.length < 1
-                ? undefined
-                : value
-            : value;
-        return (_J$X_(PickerContainer["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, onConfirm: onFinalChange, value: value, size: 'md', popOverContainer: popOverContainer, bodyRender: function (params) { return _this.renderBody(params.onChange, params.value); }, title: title }, function (_a) {
-            var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (_J$X_(ResultBox["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: resultBoxValue, itemRender: _this.highlightValue, onResultChange: amisCore.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (_J$X_("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), mobileUI: mobileUI, onResultClick: onClick, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('result-box') }));
-        }));
-    };
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "handleDragStart", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [DragEvent]),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "handleDragOver", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "handleDragDrop", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Event]),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "handleDragEnd", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "handleClear", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], QueryBuilder.prototype, "highlightValue", null);
-    return QueryBuilder;
-}(React__default["default"].Component));
-var ConditionBuilder = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(QueryBuilder, {
-    value: 'onChange'
-})));
-
-exports.QueryBuilder = QueryBuilder;
-exports["default"] = ConditionBuilder;

package/lib/components/condition-builder/types.d.ts

@@ -1,115 +0,0 @@
-import type { BaseApiObject, OperatorType } from 'amis-core';
-export type FieldTypes = 'text' | 'number' | 'boolean' | 'date' | 'time' | 'datetime' | 'select' | 'custom';
-export type FieldItem = {
-    type: 'text';
-    operators: Array<OperatorType>;
-};
-interface customOperator {
-    lable: string;
-    value: string;
-    values?: any[];
-}
-interface BaseField {
-    type: FieldTypes;
-    label: string;
-    valueTypes?: Array<'value' | 'field' | 'func'>;
-    operators?: Array<string | customOperator>;
-    funcs?: Array<string>;
-    defaultValue?: any;
-    placeholder?: string;
-}
-export type FieldGroup = {
-    label: string;
-    children: Array<FieldSimple>;
-};
-interface TextField extends BaseField {
-    name: string;
-    type: 'text';
-    minLength?: number;
-    maxLength?: number;
-}
-interface NumberField extends BaseField {
-    name: string;
-    type: 'number';
-    maximum?: number;
-    minimum?: number;
-    step?: number;
-    precision?: number;
-}
-interface DateField extends BaseField {
-    name: string;
-    type: 'date';
-    format?: string;
-    inputFormat?: string;
-    minDate?: any;
-    maxDate?: any;
-}
-interface TimeField extends BaseField {
-    name: string;
-    type: 'time';
-    minTime?: any;
-    maxTime?: any;
-    format?: string;
-    inputFormat?: string;
-}
-interface DatetimeField extends BaseField {
-    type: 'datetime';
-    name: string;
-    format?: string;
-    inputFormat?: string;
-    timeFormat?: string;
-}
-interface SelectField extends BaseField {
-    type: 'select';
-    name: string;
-    multiple?: boolean;
-    options?: Array<any>;
-    source?: string | BaseApiObject;
-    searchable?: boolean;
-    maxTagCount?: number;
-    overflowTagPopover?: any;
-    /**
-     * 自动完成 API，当输入部分文字的时候，会将这些文字通过 ${term} 可以取到，发送给接口。
-     * 接口可以返回匹配到的选项，帮助用户输入。
-     */
-    autoComplete?: string | BaseApiObject;
-}
-interface BooleanField extends BaseField {
-    type: 'boolean';
-    name: string;
-}
-export interface CustomField extends BaseField {
-    type: 'custom';
-    name: string;
-    value: any;
-}
-interface GroupField {
-    type: 'group';
-    label: string;
-    name: string;
-    children: Array<FieldSimple>;
-}
-export type FieldSimple = TextField | NumberField | DateField | TimeField | DatetimeField | SelectField | BooleanField | CustomField;
-export type ConditionBuilderField = FieldSimple | FieldGroup | GroupField;
-interface FuncGroup {
-    label: string;
-    children: Array<ConditionFieldFunc>;
-}
-export interface ConditionFieldFunc {
-    type: string;
-    returnType: FieldTypes;
-    args: Array<ConditionBuilderFuncArg>;
-    label: string;
-}
-export interface ConditionBuilderFuncArg extends BaseField {
-    isOptional?: boolean;
-}
-export type ConditionBuilderFuncs = Array<ConditionFieldFunc | FuncGroup>;
-export type ConditionBuilderFields = Array<ConditionBuilderField>;
-export type ConditionBuilderType = {
-    defaultOp?: OperatorType;
-    operators: Array<OperatorType>;
-    placeholder?: string;
-    valueTypes?: Array<'value' | 'field' | 'func'>;
-};
-export {};

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

@@ -1,92 +0,0 @@
-/// <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;
-    /**
-     * expression 即高亮表达式整体
-     * formula 即高亮表达式内部
-     */
-    highlightMode?: 'expression' | 'formula';
-    /**
-     * 用于提示的变量集合，默认为空
-     */
-    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/lib/components/formula/CodeEditor.js

@@ -1,110 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var amisCore = require('amis-core');
-var React = require('react');
-var CodeMirror = require('../CodeMirror.js');
-var plugin = require('./plugin.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-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, highlightMode = props.highlightMode;
-    var pluginRef = React__default["default"].useRef();
-    var editorFactory = React__default["default"].useCallback(function (dom, cm) {
-        var theme = (editorTheme !== null && editorTheme !== void 0 ? editorTheme : ((defaultTheme || '').includes('dark') ? 'dark' : 'light')) === 'dark'
-            ? 'base16-dark'
-            : 'idea';
-        var options = tslib.__assign({ autoFocus: autoFocus, indentUnit: 2, lineNumbers: true, lineWrapping: true, // 自动换行
-            theme: theme, placeholder: placeholder }, editorOptions);
-        if (singleLine) {
-            options = tslib.__assign({ lineNumbers: false, indentWithTabs: false, indentUnit: 4, lineWrapping: false, scrollbarStyle: null, theme: theme, placeholder: placeholder }, editorOptions);
-        }
-        return plugin.editorFactory(dom, cm, props, options);
-    }, []);
-    var _a = tslib.__read(React__default["default"].useState(props.readOnly), 2), readOnly = _a[0], setReadOnly = _a[1];
-    React__default["default"].useEffect(function () { return setReadOnly(props.readOnly); }, [props.readOnly]);
-    React__default["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["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["default"].useCallback(function (cm, editor) {
-        var plugin$1 = (pluginRef.current = new plugin.FormulaPlugin(editor, cm));
-        plugin$1.setEvalMode(!!evalMode);
-        plugin$1.setFunctions(functions || []);
-        plugin$1.setVariables(variables || []);
-        plugin$1.setHighlightMode(highlightMode || 'formula');
-        editorDidMount === null || editorDidMount === void 0 ? void 0 : editorDidMount(cm, editor, plugin$1);
-        plugin$1.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["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["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["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 (_J$X_(CodeMirror.CodeMirrorEditor, { className: cx('FormulaCodeEditor', className, singleLine ? 'FormulaCodeEditor--singleLine' : ''), value: value, onChange: onChange, editorFactory: editorFactory, editorDidMount: onEditorMount, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly }));
-}
-var CodeEditor$1 = amisCore.themeable(React__default["default"].forwardRef(CodeEditor));
-
-exports["default"] = CodeEditor$1;