amis-editor 5.2.0-beta.1 → 5.2.0

package/lib/renderer/DateShortCutControl.js

@@ -1,254 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cx = require('classnames');
-var Sortable = require('sortablejs');
-var reactDom = require('react-dom');
-var amis = require('amis');
-var AMisCodeEditor = require('amis-editor-core');
-var FormulaControl = require('./FormulaControl.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
-
-var CustomType = 'custom';
-var klass = 'ae-DateShortCutControl';
-var DateShortCutControl = /** @class */ (function (_super) {
-    tslib.__extends(DateShortCutControl, _super);
-    function DateShortCutControl(props) {
-        var _this = _super.call(this, props) || this;
-        var dropDownOption = props.dropDownOption, data = props.data;
-        _this.dropDownOptionArr = Object.keys(dropDownOption).map(function (key) { return ({
-            label: dropDownOption[key],
-            value: key
-        }); });
-        _this.initOptions(data.ranges);
-        return _this;
-    }
-    DateShortCutControl.prototype.initOptions = function (ranges) {
-        if (!ranges) {
-            // 这里先写固定，如果amis的dateTimeRange组件暴露对应属性，从中获取更合适，到时需要让其暴露下
-            ranges = [
-                'yesterday',
-                '7daysago',
-                'prevweek',
-                'thismonth',
-                'prevmonth',
-                'prevquarter'
-            ];
-        }
-        var dropDownOption = this.props.dropDownOption;
-        var options = [];
-        if (Array.isArray(ranges)) {
-            ranges.map(function (item) {
-                if (typeof item === 'string' && dropDownOption.hasOwnProperty(item)) {
-                    options.push({
-                        label: dropDownOption[item],
-                        type: item,
-                        inputValue: item
-                    });
-                }
-                if (typeof item === 'object') {
-                    options.push({
-                        label: item === null || item === void 0 ? void 0 : item.label,
-                        type: CustomType,
-                        inputValue: item.range
-                    });
-                }
-            });
-        }
-        this.state = { options: options };
-    };
-    /**
-     * 添加
-     */
-    DateShortCutControl.prototype.addItem = function (item) {
-        var _this = this;
-        var options = this.state.options;
-        this.setState({
-            options: tslib.__spreadArray(tslib.__spreadArray([], options, true), [
-                tslib.__assign(tslib.__assign({}, item), { inputValue: item.value === CustomType ? '' : item.value, type: item.value })
-            ], false)
-        }, function () {
-            _this.onChangeOptions();
-            _this.scrollToBottom();
-        });
-    };
-    DateShortCutControl.prototype.dragRef = function (ref) {
-        if (!this.drag && ref) {
-            this.initDragging();
-        }
-        else if (this.drag && !ref) {
-            this.destroyDragging();
-        }
-        this.drag = ref;
-    };
-    /*
-     * 滚动到底部
-     */
-    DateShortCutControl.prototype.scrollToBottom = function () {
-        var _a, _b;
-        this.drag &&
-            ((_b = (_a = this.drag) === null || _a === void 0 ? void 0 : _a.lastElementChild) === null || _b === void 0 ? void 0 : _b.scrollIntoView({
-                behavior: 'smooth',
-                block: 'nearest',
-                inline: 'start'
-            }));
-    };
-    /**
-     * 初始化拖动
-     */
-    DateShortCutControl.prototype.initDragging = function () {
-        var _this = this;
-        var dom = reactDom.findDOMNode(this);
-        this.sortable = new Sortable__default["default"](dom.querySelector(".".concat(klass, "-content")), {
-            group: 'OptionControlGroup',
-            animation: 150,
-            handle: ".".concat(klass, "Item-dragBar"),
-            ghostClass: "".concat(klass, "Item-dragging"),
-            onEnd: function (e) {
-                // 没有移动
-                if (e.newIndex === e.oldIndex) {
-                    return;
-                }
-                // 换回来
-                var parent = e.to;
-                if (e.newIndex < e.oldIndex &&
-                    e.oldIndex < parent.childNodes.length - 1) {
-                    parent.insertBefore(e.item, parent.childNodes[e.oldIndex + 1]);
-                }
-                else if (e.oldIndex < parent.childNodes.length - 1) {
-                    parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);
-                }
-                else {
-                    parent.appendChild(e.item);
-                }
-                var options = _this.state.options.concat();
-                options[e.oldIndex] = options.splice(e.newIndex, 1, options[e.oldIndex])[0];
-                _this.setState({ options: options }, function () { return _this.onChangeOptions(); });
-            }
-        });
-    };
-    /**
-     * 拖动的销毁
-     */
-    DateShortCutControl.prototype.destroyDragging = function () {
-        this.sortable && this.sortable.destroy();
-    };
-    /**
-     * 生成内容体
-     */
-    DateShortCutControl.prototype.renderContent = function () {
-        var _this = this;
-        var options = this.state.options;
-        return (React__default["default"].createElement("div", { className: klass + '-wrapper' }, options && options.length ? (React__default["default"].createElement("ul", { className: klass + '-content', ref: this.dragRef }, options.map(function (option, index) { return _this.renderOption(option, index); }))) : (React__default["default"].createElement("div", { className: "ae-OptionControl-placeholder" }, "\u672A\u914D\u7F6E"))));
-    };
-    /**
-     * 生成选项
-     */
-    DateShortCutControl.prototype.renderOption = function (option, index) {
-        var _this = this;
-        return (React__default["default"].createElement("li", { className: klass + 'Item', key: index },
-            React__default["default"].createElement("a", { className: klass + 'Item-dragBar' },
-                React__default["default"].createElement(amis.Icon, { icon: "drag-bar", className: "icon" })),
-            React__default["default"].createElement(amis.InputBox, { className: klass + 'Item-input', clearable: false, placeholder: "\u540D\u79F0", value: option.label, onInput: function (e) {
-                    return _this.onInputChange(index, e.target.value, 'label');
-                } }),
-            React__default["default"].createElement(FormulaControl["default"], tslib.__assign({}, this.props, { simple: true, variables: [], functions: [], header: '', onChange: function (value) {
-                    return _this.onInputChange(index, value, 'inputValue');
-                }, value: option.inputValue })),
-            React__default["default"].createElement(amis.Button, { className: klass + 'Item-action', level: "link", size: "md", onClick: function (e) { return _this.handleDelete(index, e); } },
-                React__default["default"].createElement(amis.Icon, { icon: "delete-btn", className: "icon" }))));
-    };
-    /**
-     * 输入框的改变
-     */
-    DateShortCutControl.prototype.onInputChange = function (index, value, key) {
-        var _this = this;
-        var options = this.state.options.concat();
-        options[index][key] = value;
-        options[index].type = CustomType;
-        this.setState({ options: options }, function () { return _this.onChangeOptions(); });
-    };
-    /**
-     * 删除选项
-     */
-    DateShortCutControl.prototype.handleDelete = function (index, e) {
-        var _this = this;
-        var options = this.state.options.concat();
-        options.splice(index, 1);
-        this.setState({ options: options }, function () { return _this.onChangeOptions(); });
-    };
-    /**
-     * 更新options字段的统一出口
-     */
-    DateShortCutControl.prototype.onChangeOptions = function () {
-        var options = this.state.options;
-        var onBulkChange = this.props.onBulkChange;
-        var newOptions = [];
-        options.forEach(function (item) {
-            if (item.type !== CustomType) {
-                newOptions.push(item.inputValue);
-            }
-            else {
-                newOptions.push({
-                    label: item.label,
-                    range: item.inputValue
-                });
-            }
-        });
-        onBulkChange && onBulkChange({ ranges: newOptions });
-    };
-    DateShortCutControl.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, className = _a.className, label = _a.label;
-        var optionList = this.dropDownOptionArr.map(function (item) { return (tslib.__assign(tslib.__assign({}, item), { type: 'button', onAction: function (e, action) { return _this.addItem(item); } })); });
-        return (React__default["default"].createElement("div", { className: cx__default["default"](klass, className) },
-            React__default["default"].createElement("header", { className: klass + '-header' },
-                React__default["default"].createElement("label", null, label)),
-            this.renderContent(),
-            React__default["default"].createElement("div", { className: klass + '-footer' }, amis.render({
-                type: 'dropdown-button',
-                label: '添加选项',
-                closeOnClick: true,
-                closeOnOutside: true,
-                buttons: optionList
-            }))));
-    };
-    DateShortCutControl.defaultProps = {
-        label: '快捷键'
-    };
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], DateShortCutControl.prototype, "dragRef", null);
-    return DateShortCutControl;
-}(React__default["default"].PureComponent));
-/** @class */ ((function (_super) {
-    tslib.__extends(DateShortCutControlRender, _super);
-    function DateShortCutControlRender() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DateShortCutControlRender = tslib.__decorate([
-        amis.FormItem({
-            type: klass,
-            renderLabel: false
-        })
-    ], DateShortCutControlRender);
-    return DateShortCutControlRender;
-})(DateShortCutControl));
-
-exports.DateShortCutControl = DateShortCutControl;

package/lib/renderer/FormulaControl.d.ts

@@ -1,96 +0,0 @@
-/**
- * @file 表达式控件
- */
-/// <reference types="lodash" />
-import React from 'react';
-import type { VariableItem, FuncGroup } from 'amis-ui/lib/components/formula/Editor';
-import type { FormControlProps } from 'amis-core';
-import type { BaseEventContext } from 'amis-editor-core';
-import { EditorManager } from 'amis-editor-core';
-export interface FormulaControlProps extends FormControlProps {
-    /**
-     * evalMode 即直接就是表达式，否则
-     * 需要 ${这里面才是表达式}
-     * 默认为 true，即默认不会将表达式用 ${} 包裹
-     */
-    evalMode?: boolean;
-    manager?: EditorManager;
-    /**
-     * 用于提示的变量集合，默认为空
-     */
-    variables?: Array<VariableItem>;
-    /**
-     * 变量展现模式，可选值：'tabs' ｜ 'tree'
-     */
-    variableMode?: 'tabs' | 'tree';
-    /**
-     * 函数集合，默认不需要传，即  amis-formula 里面那个函数
-     * 如果有扩充，则需要传。
-     */
-    functions: Array<FuncGroup>;
-    /**
-     * 顶部标题，默认为表达式
-     */
-    header: string;
-    /**
-     * 编辑器上下文数据，用于获取字段所在Form的其他字段
-     */
-    context: BaseEventContext;
-    /**
-     * simple 简易模式
-     * 备注: 为 true 时，仅显示 公式编辑器 icon 按钮
-     */
-    simple?: boolean;
-    /**
-     * 自定义渲染器:
-     * 备注: 可用于设置指定组件类型编辑默认值
-     */
-    rendererSchema?: any;
-    /**
-     * 自定义渲染器 是否需要浅色边框包裹，默认不包裹
-     */
-    rendererWrapper?: boolean;
-    /**
-     * 是否需要剔除属性
-     */
-    needDeleteProps?: Array<string>;
-    /**
-     * 期望的value类型，可用于校验公式运算结果类型是否匹配
-     * 备注1: 当前支持识别的类型有 int、boolean、date、object、array、string；
-     * 备注2: 开关组件可以设置 true 和 false 对应的值，如果设置了就不是普通的 boolean 类型；
-     * 备注3: 默认都是字符串类型；
-     */
-    valueType?: string;
-}
-interface FormulaControlState {
-    /** 变量数据 */
-    variables: any;
-    variableMode?: 'tree' | 'tabs';
-    evalMode?: boolean;
-}
-export default class FormulaControl extends React.Component<FormulaControlProps, FormulaControlState> {
-    static defaultProps: Partial<FormulaControlProps>;
-    isUnmount: boolean;
-    constructor(props: FormulaControlProps);
-    componentDidUpdate(prevProps: FormulaControlProps): void;
-    componentWillUnmount(): void;
-    normalizeVariables(variables: any): any[];
-    /**
-     * 将 ${xx}（非 \${xx}）替换成 \${xx}
-     * 备注: 手动编辑时，自动处理掉 ${xx}，避免识别成 公式表达式
-     */
-    replaceExpression(expression: any): any;
-    isLoopExpression(expression: any, selfName: string): boolean;
-    isExpectType(value: any): boolean;
-    resolveVariablesFromScope(): Promise<any[]>;
-    handleConfirm(value: any): void;
-    handleSimpleInputChange: import("lodash").DebouncedFunc<(value: any) => void>;
-    handleInputChange: (value: any) => void;
-    filterCustomRendererProps(rendererSchema: any): any;
-    renderFormulaValue(item: any): JSX.Element;
-    getContextData(): any;
-    render(): JSX.Element;
-}
-export declare class FormulaControlRenderer extends FormulaControl {
-}
-export {};

package/lib/renderer/FormulaControl.js

@@ -1,324 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var debounce = require('lodash/debounce');
-var uniqBy = require('lodash/uniqBy');
-var isNumber = require('lodash/isNumber');
-var isBoolean = require('lodash/isBoolean');
-var isPlainObject = require('lodash/isPlainObject');
-var isArray = require('lodash/isArray');
-var isString = require('lodash/isString');
-var isEqual = require('lodash/isEqual');
-var omit = require('lodash/omit');
-var cx = require('classnames');
-var amis = require('amis');
-var Editor = require('amis-ui/lib/components/formula/Editor');
-var AMisCodeEditor = require('amis-editor-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
-var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
-var isBoolean__default = /*#__PURE__*/_interopDefaultLegacy(isBoolean);
-var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-/**
- * @file 表达式控件
- */
-var FormulaControl = /** @class */ (function (_super) {
-    tslib.__extends(FormulaControl, _super);
-    function FormulaControl(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleSimpleInputChange = debounce__default["default"](function (value) {
-            var _a, _b;
-            (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, _this.replaceExpression(value));
-        }, 250, {
-            trailing: true,
-            leading: false
-        });
-        _this.handleInputChange = function (value) {
-            var _a, _b;
-            (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
-        };
-        _this.state = {
-            variables: _this.normalizeVariables(props.variables),
-            variableMode: 'tabs',
-            evalMode: false
-        };
-        return _this;
-    }
-    FormulaControl.prototype.componentDidUpdate = function (prevProps) {
-        var _this = this;
-        // 优先使用props中的变量数据
-        if (!this.props.variables) {
-            // 从amis数据域中取变量数据
-            this.resolveVariablesFromScope().then(function (variables) {
-                if (!_this.isUnmount && !isEqual__default["default"](variables, _this.state.variables)) {
-                    _this.setState({
-                        variables: variables
-                    });
-                }
-            });
-        }
-    };
-    FormulaControl.prototype.componentWillUnmount = function () {
-        this.isUnmount = true;
-    };
-    // 组件默认值设置交互中未使用
-    FormulaControl.prototype.normalizeVariables = function (variables) {
-        var _a, _b, _c;
-        if (!variables) {
-            return [];
-        }
-        var _d = this.props, context = _d.context, evalMode = _d.evalMode;
-        // 自身字段
-        var field = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
-        var ancestorField = (_c = context === null || context === void 0 ? void 0 : context.node) === null || _c === void 0 ? void 0 : _c.ancestorField;
-        return uniqBy__default["default"](tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], (Array.isArray(variables) ? variables : []), true), (ancestorField
-            ? ancestorField.map(function (item) { return ({
-                label: item,
-                value: evalMode ? "this.".concat(item) : item
-            }); })
-            : []), true), (field ? [{ label: field, value: "this.".concat(field) }] : []), true), 'value');
-    };
-    /**
-     * 将 ${xx}（非 \${xx}）替换成 \${xx}
-     * 备注: 手动编辑时，自动处理掉 ${xx}，避免识别成 公式表达式
-     */
-    FormulaControl.prototype.replaceExpression = function (expression) {
-        if (expression && isString__default["default"](expression) && amis.isExpression(expression)) {
-            return expression.replace(/(^|[^\\])\$\{/g, '\\${');
-        }
-        return expression;
-    };
-    // 根据 name 值 判断当前表达式是否 存在循环引用问题
-    FormulaControl.prototype.isLoopExpression = function (expression, selfName) {
-        if (!expression || !selfName || !isString__default["default"](expression)) {
-            return false;
-        }
-        var variables = amis.FormulaExec.collect(expression);
-        return variables.some(function (variable) { return variable === selfName; });
-    };
-    // 判断是否是期望类型
-    FormulaControl.prototype.isExpectType = function (value) {
-        if (value === null || value === undefined) {
-            return true; // 数值为空不进行类型识别
-        }
-        var expectType = this.props.valueType;
-        if (expectType === null || expectType === undefined) {
-            return true; // expectType为空，则不进行类型识别
-        }
-        // 当前数据域
-        var curData = this.getContextData();
-        if ((expectType === 'number' && isNumber__default["default"](value)) ||
-            (expectType === 'boolean' && isBoolean__default["default"](value)) ||
-            (expectType === 'object' && isPlainObject__default["default"](value)) ||
-            (expectType === 'array' && isArray__default["default"](value))) {
-            return true;
-        }
-        else if (isString__default["default"](value)) {
-            if (amis.isExpression(value)) {
-                // 根据公式运算结果判断类型
-                var formulaValue = amis.FormulaExec.formula(value, curData);
-                if ((expectType === 'number' && isNumber__default["default"](formulaValue)) ||
-                    (expectType === 'boolean' && isBoolean__default["default"](formulaValue)) ||
-                    (expectType === 'object' && isPlainObject__default["default"](formulaValue)) ||
-                    (expectType === 'array' && isArray__default["default"](formulaValue)) ||
-                    (expectType === 'string' && isString__default["default"](formulaValue))) {
-                    return true;
-                }
-            }
-            else if (expectType === 'string') {
-                // 非公式字符串
-                return true;
-            }
-        }
-        return false;
-    };
-    FormulaControl.prototype.resolveVariablesFromScope = function () {
-        var _a;
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var _b, node, manager, dataPropsAsOptions;
-            return tslib.__generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _b = this.props, node = _b.node, manager = _b.manager;
-                        return [4 /*yield*/, (manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node))];
-                    case 1:
-                        _c.sent();
-                        dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
-                        return [2 /*return*/, dataPropsAsOptions || []];
-                }
-            });
-        });
-    };
-    FormulaControl.prototype.handleConfirm = function (value) {
-        var _a, _b;
-        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
-    };
-    // 剔除掉一些用不上的属性
-    FormulaControl.prototype.filterCustomRendererProps = function (rendererSchema) {
-        var _a, _b, _c;
-        var data = this.props.data;
-        var curRendererSchema = null;
-        if (rendererSchema) {
-            curRendererSchema = Object.assign({}, rendererSchema, data, {
-                type: (_a = rendererSchema.type) !== null && _a !== void 0 ? _a : data.type,
-                value: (_c = (_b = this.props.value) !== null && _b !== void 0 ? _b : rendererSchema.value) !== null && _c !== void 0 ? _c : data.value,
-            });
-            // 默认要剔除的字段
-            var deleteProps = [
-                'label',
-                'id',
-                '$$id',
-                'className',
-                'style',
-                'readOnly',
-                'horizontal',
-                'size'
-            ];
-            // 当前组件要剔除的字段
-            if (this.props.needDeleteProps) {
-                deleteProps.push.apply(deleteProps, this.props.needDeleteProps);
-            }
-            curRendererSchema = omit__default["default"](curRendererSchema, deleteProps);
-            // 避免没有清空icon
-            if (curRendererSchema.clearable !== undefined && !curRendererSchema.clearable) {
-                curRendererSchema.clearable = true;
-            }
-        }
-        return curRendererSchema;
-    };
-    FormulaControl.prototype.renderFormulaValue = function (item) {
-        var html = { __html: item.html };
-        return React__default["default"].createElement("span", { dangerouslySetInnerHTML: html });
-    };
-    FormulaControl.prototype.getContextData = function () {
-        var _a, _b, _c, _d;
-        // 当前数据域
-        return (((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.__super) === null || _b === void 0 ? void 0 : _b.__props__) === null || _c === void 0 ? void 0 : _c.data) ||
-            ((_d = this.props.manager) === null || _d === void 0 ? void 0 : _d.amisStore) ||
-            {});
-    };
-    FormulaControl.prototype.render = function () {
-        var _this = this;
-        var _a, _b;
-        var _c = this.props, className = _c.className, label = _c.label, value = _c.value, header = _c.header; _c.variables; var placeholder = _c.placeholder, simple = _c.simple, evalMode = _c.evalMode, rendererSchema = _c.rendererSchema, rendererWrapper = _c.rendererWrapper, manager = _c.manager, rest = tslib.__rest(_c, ["className", "label", "value", "header", "variables", "placeholder", "simple", "evalMode", "rendererSchema", "rendererWrapper", "manager"]);
-        var labelText = typeof label === 'string' ? label : '';
-        // 自身字段
-        var selfName = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
-        // 判断是否含有公式表达式
-        var isExpr = amis.isExpression(value);
-        // 判断当前是否有循环引用，备注：非精准识别，待优化
-        var isLoop = false;
-        if (isExpr && (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)) {
-            isLoop = (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)
-                ? this.isLoopExpression(value, rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)
-                : false;
-        }
-        // 判断是否含有公式表达式
-        var isTypeError = !this.isExpectType(value);
-        var isError = isLoop || isTypeError;
-        var highlightValue = amis.isExpression(value)
-            ? Editor.FormulaEditor.highlightValue(value, this.state.variables, evalMode !== null && evalMode !== void 0 ? evalMode : this.state.evalMode)
-            : value;
-        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-editor-FormulaControl', isError ? 'is-has-tooltip' : '', className) },
-            !simple && !rendererSchema && !isExpr && (React__default["default"].createElement(amis.InputBox, { className: "ae-editor-FormulaControl-input", value: value, clearable: true, placeholder: placeholder, onChange: this.handleSimpleInputChange })),
-            !simple && rendererSchema && !isExpr && (React__default["default"].createElement("div", { className: cx__default["default"]('ae-editor-FormulaControl-custom-renderer', rendererWrapper ? 'border-wrapper' : '') }, amis.render(this.filterCustomRendererProps(rendererSchema), {
-                onChange: this.handleSimpleInputChange,
-                manager: manager
-            }, tslib.__assign({}, ((manager === null || manager === void 0 ? void 0 : manager.env) || {}))))),
-            !simple && isExpr && (React__default["default"].createElement(amis.ResultBox, { className: cx__default["default"]('ae-editor-FormulaControl-ResultBox', isError ? 'is-error' : ''), allowInput: false, clearable: true, value: value, result: highlightValue, itemRender: this.renderFormulaValue, onChange: this.handleInputChange, onResultChange: function () {
-                    _this.handleInputChange(undefined);
-                } })),
-            React__default["default"].createElement(amis.PickerContainer, { showTitle: false, bodyRender: function (_a) {
-                    var _b;
-                    _a.onClose; var value = _a.value, onChange = _a.onChange;
-                    return (React__default["default"].createElement(Editor.FormulaEditor, tslib.__assign({}, rest, { evalMode: evalMode !== null && evalMode !== void 0 ? evalMode : _this.state.evalMode, variableMode: (_b = rest.variableMode) !== null && _b !== void 0 ? _b : _this.state.variableMode, variables: _this.state.variables, header: header || labelText, value: isString__default["default"](value) ? value : undefined, onChange: onChange, selfVariableName: selfName })));
-                }, value: value, onConfirm: this.handleConfirm, size: "md" }, function (_a) {
-                var _b;
-                var onClick = _a.onClick; _a.isOpened;
-                return (React__default["default"].createElement(amis.Button, { size: "sm", tooltip: '点击配置表达式', tooltipPlacement: "left", onClick: onClick },
-                    React__default["default"].createElement(amis.Icon, { icon: "function", className: cx__default["default"]('ae-editor-FormulaControl-icon', 'icon', (_b = {},
-                            _b['is-filled'] = !!value,
-                            _b)) })));
-            }),
-            isExpr && !isError && (React__default["default"].createElement("div", { className: "desc-msg info-msg", title: value }, value)),
-            isError && (React__default["default"].createElement("div", { className: "desc-msg error-msg" }, isLoop ? '当前表达式异常（存在循环引用）' : '数值类型不匹配'))));
-    };
-    FormulaControl.defaultProps = {
-        simple: false
-    };
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", Object)
-    ], FormulaControl.prototype, "replaceExpression", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object, String]),
-        tslib.__metadata("design:returntype", Boolean)
-    ], FormulaControl.prototype, "isLoopExpression", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", Boolean)
-    ], FormulaControl.prototype, "isExpectType", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "handleConfirm", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "filterCustomRendererProps", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "renderFormulaValue", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "getContextData", null);
-    return FormulaControl;
-}(React__default["default"].Component));
-/** @class */ ((function (_super) {
-    tslib.__extends(FormulaControlRenderer, _super);
-    function FormulaControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormulaControlRenderer = tslib.__decorate([
-        amis.FormItem({
-            type: 'ae-formulaControl'
-        })
-    ], FormulaControlRenderer);
-    return FormulaControlRenderer;
-})(FormulaControl));
-
-exports["default"] = FormulaControl;