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

package/esm/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/esm/components/formula/CodeEditor.js

@@ -1,99 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 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, highlightMode = props.highlightMode;
-    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 || []);
-        plugin.setHighlightMode(highlightMode || 'formula');
-        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 };