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

package/lib/components/Editor.js

@@ -1,246 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * 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 icons = require('./icons.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;
-// 用于发布 sdk 版本的时候替换，因为不确定 sdk 版本怎么部署，而 worker 地址路径不可知。
-// 所以会被 fis3 替换成取相对的代码。
-function filterUrl(url) {
-    return url;
-}
-if (!window.MonacoEnvironment) {
-    window.MonacoEnvironment = {
-        getWorkerUrl: function (moduleId, label) {
-            var url = '/pkg/editor.worker.js';
-            if (label === 'json') {
-                url = '/pkg/json.worker.js';
-            }
-            else if (label === 'css') {
-                url = '/pkg/css.worker.js';
-            }
-            else if (label === 'html') {
-                url = '/pkg/html.worker.js';
-            }
-            else if (label === 'typescript' || label === 'javascript') {
-                url = '/pkg/ts.worker.js';
-            }
-            url = filterUrl(url);
-            // url 有可能会插件替换成 cdn 地址，比如：fis3-prepackager-stand-alone-pack
-            if (/^https?/.test(url)) {
-                return "data:text/javascript;charset=utf-8,".concat(encodeURIComponent("\n        importScripts('".concat(url, "');")), "\n      ");
-            }
-            return url;
-        }
-    };
-}
-function monacoFactory(containerElement, monaco, options) {
-    return monaco.editor.create(containerElement, tslib.__assign({ 'autoIndent': true, 'formatOnType': true, 'formatOnPaste': true, 'selectOnLineNumbers': true, 'scrollBeyondLastLine': false, 'folding': true, 'minimap': {
-            enabled: false
-        }, 'scrollbar': {
-            alwaysConsumeMouseWheel: false
-        }, 'bracketPairColorization.enabled': true }, options));
-}
-var Editor = /** @class */ (function (_super) {
-    tslib.__extends(Editor, _super);
-    function Editor(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            isFullscreen: false,
-            innerWidth: 'auto',
-            innerHeight: 'auto'
-        };
-        _this.disposes = [];
-        _this.wrapperRef = _this.wrapperRef.bind(_this);
-        _this.getDom = _this.getDom.bind(_this);
-        _this.currentValue = props.value;
-        return _this;
-    }
-    Editor.prototype.componentDidUpdate = function (prevProps) {
-        var _a, _b;
-        if (this.props.value !== this.currentValue &&
-            this.editor &&
-            !this.props.isDiffEditor) {
-            var value = String(this.props.value);
-            if (this.props.language === 'json') {
-                try {
-                    value = JSON.stringify(JSON.parse(value), null, 2);
-                }
-                catch (e) { }
-            }
-            this.preventTriggerChangeEvent = true;
-            var eidtor = this.editor.getModifiedEditor
-                ? this.editor.getModifiedEditor()
-                : this.editor;
-            var model = eidtor.getModel();
-            eidtor.pushUndoStop();
-            // pushEditOperations says it expects a cursorComputer, but doesn't seem to need one.
-            model.pushEditOperations([], [
-                {
-                    range: model.getFullModelRange(),
-                    text: value
-                }
-            ]);
-            eidtor.pushUndoStop();
-            this.preventTriggerChangeEvent = false;
-        }
-        if (this.props.options.readOnly !== prevProps.options.readOnly &&
-            this.editor) {
-            (_b = (_a = this.editor).updateOptions) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.options);
-        }
-    };
-    Editor.prototype.componentWillUnmount = function () {
-        var _a;
-        if (this.editor) {
-            var context = this.props.context || window;
-            var monaco = context.monaco || window.monaco;
-            var editorWillUnmount = this.props.editorWillUnmount;
-            editorWillUnmount && editorWillUnmount(this.editor, monaco);
-        }
-        this.disposes.forEach(function (dispose) { return dispose(); });
-        this.disposes = [];
-        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.dispose();
-    };
-    Editor.prototype.wrapperRef = function (ref) {
-        this.container = ref;
-        if (ref) {
-            this.loadMonaco();
-        }
-        else {
-            try {
-                this.disposes.forEach(function (dispose) { return dispose(); });
-                this.disposes = [];
-                if (this.editor) {
-                    this.editor.getModel().dispose();
-                    this.editor.dispose();
-                }
-                this.editor = null;
-            }
-            catch (e) {
-                // ignore
-            }
-        }
-    };
-    Editor.prototype.getDom = function () {
-        return this.container;
-    };
-    Editor.prototype.loadMonaco = function () {
-        var _this = this;
-        // 由于 require.config({'vs/nls': { availableLanguages: { '*': 'xxxx' }}}) 只能在初始化之前设置有用，所以这里只能用全局变量的方式来设置。
-        // 另外此方式只是针对 jssdk 和平台有效，对于其他方式还需要再想想。
-        window.__amis_monaco_editor_locale = this.props.locale;
-        Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['monaco-editor', "tslib"], function(mod, tslib) {fullfill(tslib.__importStar(mod))})})}).then(function (monaco) { return _this.initMonaco(monaco); });
-    };
-    Editor.prototype.initMonaco = function (monaco) {
-        var _a, _b;
-        var value = this.props.value !== null ? this.props.value : this.props.defaultValue;
-        var _c = this.props, language = _c.language, editorTheme = _c.editorTheme, options = _c.options, editorFactory = _c.editorFactory;
-        var containerElement = this.container;
-        if (!containerElement) {
-            return;
-        }
-        // Before initializing monaco editor
-        this.editorWillMount(monaco);
-        if (this.props.language === 'json') {
-            try {
-                value = JSON.stringify(typeof value === 'string' ? JSON.parse(value) : value, null, 2);
-            }
-            catch (e) {
-                // ignore
-            }
-        }
-        var factory = editorFactory || monacoFactory;
-        this.editor = factory(containerElement, monaco, tslib.__assign(tslib.__assign({}, options), { readOnly: this.props.disabled, automaticLayout: true, value: value, language: language, editorTheme: editorTheme, theme: editorTheme }));
-        // json 默认开启验证。
-        (_a = monaco.languages.json) === null || _a === void 0 ? void 0 : _a.jsonDefaults.setDiagnosticsOptions(tslib.__assign({ enableSchemaRequest: true, validate: true, allowComments: true }, (_b = monaco.languages.json) === null || _b === void 0 ? void 0 : _b.jsonDefaults.diagnosticsOptions));
-        // After initializing monaco editor
-        this.editorDidMount(this.editor, monaco);
-    };
-    Editor.prototype.editorWillMount = function (monaco) {
-        var editorWillMount = this.props.editorWillMount;
-        editorWillMount && editorWillMount(monaco);
-    };
-    Editor.prototype.editorDidMount = function (editor, monaco) {
-        var _this = this;
-        var _a, _b, _c;
-        var _d = this.props, editorDidMount = _d.editorDidMount, onChange = _d.onChange, onFocus = _d.onFocus, onBlur = _d.onBlur;
-        editorDidMount && editorDidMount(editor, monaco);
-        editor.onDidChangeModelContent &&
-            this.disposes.push(editor.onDidChangeModelContent(function (event) {
-                var value = editor.getValue();
-                // Always refer to the latest value
-                _this.currentValue = value;
-                // Only invoking when user input changed
-                if (!_this.preventTriggerChangeEvent && onChange) {
-                    onChange(value, event);
-                }
-            }).dispose);
-        onFocus &&
-            editor.onDidFocusEditorWidget &&
-            this.disposes.push(editor.onDidFocusEditorWidget(onFocus).dispose);
-        onBlur &&
-            editor.onDidBlurEditorWidget &&
-            this.disposes.push(editor.onDidBlurEditorWidget(onBlur).dispose);
-        var _e = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.editor) === null || _a === void 0 ? void 0 : _a._configuration) === null || _b === void 0 ? void 0 : _b._elementSizeObserver) !== null && _c !== void 0 ? _c : {}, _f = _e.width, width = _f === void 0 ? 'auto' : _f, _g = _e.height, height = _g === void 0 ? 'auto' : _g;
-        this.setState({ innerHeight: height, innerWidth: width });
-    };
-    Editor.prototype.handleFullscreenModeChange = function () {
-        var _this = this;
-        this.setState({ isFullscreen: !this.state.isFullscreen }, function () {
-            // 退出全屏模式后需要resize一下editor的宽高，避免溢出父元素
-            return !_this.state.isFullscreen &&
-                _this.editor.layout({
-                    width: _this.state.innerWidth,
-                    height: _this.state.innerHeight
-                });
-        });
-    };
-    Editor.prototype.render = function () {
-        var _a = this.props, className = _a.className, width = _a.width, height = _a.height, __ = _a.translate, placeholder = _a.placeholder, cx = _a.classnames, value = _a.value;
-        var style = tslib.__assign({}, (this.props.style || {}));
-        style.width = width;
-        style.height = height;
-        return (_J$X_("div", { className: cx("MonacoEditor", { 'is-fullscreen': this.state.isFullscreen }, className), style: style, ref: this.wrapperRef },
-            this.editor && placeholder && !value ? (_J$X_("span", { className: cx('MonacoEditor-placeholder') }, placeholder)) : null,
-            this.editor && this.props.allowFullscreen ? (_J$X_("div", { className: cx("MonacoEditor-header") },
-                _J$X_("a", { className: cx('Modal-close', "MonacoEditor-fullscreen"), "data-tooltip": this.state.isFullscreen
-                        ? __('Editor.exitFullscreen')
-                        : __('Editor.fullscreen'), "data-position": "left", onClick: this.handleFullscreenModeChange },
-                    _J$X_(icons.Icon, { icon: this.state.isFullscreen ? 'compress-alt' : 'expand-alt', className: "icon" })))) : null));
-    };
-    Editor.defaultProps = {
-        language: 'javascript',
-        editorTheme: 'vs',
-        width: '100%',
-        height: '100%',
-        allowFullscreen: false,
-        options: {}
-    };
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], Editor.prototype, "handleFullscreenModeChange", null);
-    return Editor;
-}(React__default["default"].Component));
-var MonacoEditor = amisCore.themeable(amisCore.localeable(Editor, ['getDom']), ['getDom']);
-
-exports.Editor = Editor;
-exports["default"] = MonacoEditor;
-exports.monacoFactory = monacoFactory;

package/lib/components/Form.d.ts

@@ -1,31 +0,0 @@
-/**
- * @file 给组件用的，渲染器里面不要用这个
- */
-import React from 'react';
-import { ThemeProps } from 'amis-core';
-import { UseFormReturn } from 'react-hook-form';
-import { LocaleProps } from 'amis-core';
-export type FormRef = React.MutableRefObject<{
-    submit: () => void;
-} | undefined>;
-export interface FormProps extends ThemeProps, LocaleProps {
-    defaultValue?: any;
-    value?: any;
-    autoSubmit?: boolean;
-    onValidate?: (errors: any, values: any) => Promise<void>;
-    onChange?: (value: any) => void;
-    onSubmit?: (value: any) => void;
-    forwardRef?: FormRef;
-    children?: (methods: UseFormReturn & {
-        onSubmit: (value: any) => void;
-    }) => JSX.Element | null;
-    className?: string;
-}
-export declare function Form(props: FormProps): React.JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<FormProps, keyof LocaleProps> & {
-    locale?: string | undefined;
-    translate?: ((str: string, ...args: any[]) => string) | undefined;
-}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps, "children"> & Pick<FormProps, "children"> & React.RefAttributes<{
-    submit: () => void;
-} | undefined>>;
-export default _default;

package/lib/components/Form.js

@@ -1,97 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * 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 reactHookForm = require('react-hook-form');
-var useValidationResolver = require('../hooks/use-validation-resolver.js');
-var debounce = require('lodash/debounce');
-
-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 __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-function Form(props) {
-    var _a, _b;
-    var cx = props.classnames, className = props.className, autoSubmit = props.autoSubmit, value = props.value, onChange = props.onChange;
-    var defaultValues = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue;
-    var methods = reactHookForm.useForm({
-        defaultValues: defaultValues,
-        resolver: useValidationResolver.useValidationResolver(props.translate, props.onValidate)
-    });
-    var onSubmit = React__default["default"].useRef(methods.handleSubmit(props.onSubmit || amisCore.noop));
-    if (autoSubmit) {
-        onSubmit = React__default["default"].useRef(debounce__default["default"](methods.handleSubmit(props.onSubmit || amisCore.noop), 250, {
-            leading: false,
-            trailing: true
-        }));
-        React__default["default"].useEffect(function () {
-            var subscriber = methods.watch(onSubmit.current);
-            return function () {
-                var _a, _b;
-                subscriber.unsubscribe();
-                // debounce 后需要销毁
-                (_b = (_a = onSubmit.current) === null || _a === void 0 ? void 0 : _a.cancel) === null || _b === void 0 ? void 0 : _b.call(_a);
-            };
-        }, []);
-    }
-    React__default["default"].useEffect(function () {
-        if (value && amisCore.isObjectShallowModified(value, methods.getValues(), false)) {
-            Object.keys(value).forEach(function (key) {
-                methods.setValue(key, value[key]);
-            });
-        }
-    }, [value]);
-    if (onChange) {
-        React__default["default"].useEffect(function () {
-            var subscriber = methods.watch(function (value, info) {
-                onChange(tslib.__assign(tslib.__assign({}, defaultValues), value));
-            });
-            return function () { return subscriber.unsubscribe(); };
-        }, [onChange]);
-    }
-    React__default["default"].useImperativeHandle(props.forwardRef, function () {
-        return {
-            submit: function () {
-                return new Promise(function (resolve) {
-                    methods.handleSubmit(function (values) {
-                        var _a;
-                        (_a = props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, values);
-                        resolve(values);
-                    }, function (e) { var _a; return resolve(((_a = e.customValidate) === null || _a === void 0 ? void 0 : _a.message) || false); })();
-                });
-            },
-            validate: function () {
-                return new Promise(function (resolve) {
-                    methods.handleSubmit(function () {
-                        resolve('');
-                    }, function (e) {
-                        var _a;
-                        return resolve(((_a = e.customValidate) === null || _a === void 0 ? void 0 : _a.message) ||
-                            props.translate('Form.validateFailed'));
-                    })();
-                });
-            }
-        };
-    }, []);
-    return (_J$X_(reactHookForm.FormProvider, tslib.__assign({}, methods),
-        _J$X_("form", { className: cx('Form', className), onSubmit: onSubmit.current, noValidate: true },
-            _J$X_("input", { type: "submit", style: { display: 'none' } }), (_b = props.children) === null || _b === void 0 ? void 0 :
-            _b.call(props, tslib.__assign(tslib.__assign({}, methods), { onSubmit: onSubmit.current })))));
-}
-var ThemedForm = amisCore.themeable(amisCore.localeable(Form));
-var Form$1 = React__default["default"].forwardRef(function (props, ref) { return (_J$X_(ThemedForm, tslib.__assign({}, props, { forwardRef: ref }))); });
-
-exports.Form = Form;
-exports["default"] = Form$1;

package/lib/components/FormField.d.ts

@@ -1,287 +0,0 @@
-/// <reference types="hoist-non-react-statics" />
-/**
- * @file 给组件用的，渲染器里面不要用这个
- */
-import React from 'react';
-import { ThemeProps, LocaleProps } from 'amis-core';
-import { ControllerProps as ReactHookFormControllerProps, RegisterOptions } from 'react-hook-form';
-export interface FormFieldProps extends LocaleProps, ThemeProps {
-    mode?: 'normal' | 'horizontal';
-    horizontal?: {
-        left?: number;
-        right?: number;
-        leftFixed?: boolean | number | 'xs' | 'sm' | 'md' | 'lg';
-        justify?: boolean;
-    };
-    label?: string | boolean;
-    labelAlign?: 'left' | 'right';
-    labelClassName?: string;
-    description?: string;
-    isRequired?: boolean;
-    hasError?: boolean;
-    errors?: string | Array<string>;
-    children?: React.ReactNode | Array<React.ReactNode>;
-}
-declare function FormField(props: FormFieldProps): React.JSX.Element;
-declare const ThemedFormField: {
-    new (props: Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-        locale?: string | undefined;
-        translate?: ((str: string, ...args: any[]) => string) | undefined;
-    }, 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<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, 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<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, 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<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<{
-        new (props: Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }): {
-            ref: any;
-            childRef(ref: any): void;
-            getWrappedInstance(): any;
-            render(): React.JSX.Element;
-            context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
-            forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>;
-            state: Readonly<{}>;
-            refs: {
-                [key: string]: React.ReactInstance;
-            };
-            componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): boolean;
-            componentWillUnmount?(): void;
-            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, prevState: Readonly<{}>, snapshot?: any): void;
-            componentWillMount?(): void;
-            UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): void;
-        };
-        displayName: string;
-        contextType: React.Context<string>;
-        ComposedComponent: React.ComponentType<React.MemoExoticComponent<typeof FormField>>;
-    } & import("hoist-non-react-statics").NonReactStatics<React.MemoExoticComponent<typeof FormField>, {}> & {
-        ComposedComponent: React.MemoExoticComponent<typeof FormField>;
-    }>;
-} & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Omit<FormFieldProps, keyof LocaleProps> & {
-        locale?: string | undefined;
-        translate?: ((str: string, ...args: any[]) => string) | undefined;
-    }): {
-        ref: any;
-        childRef(ref: any): void;
-        getWrappedInstance(): any;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<React.MemoExoticComponent<typeof FormField>>;
-} & import("hoist-non-react-statics").NonReactStatics<React.MemoExoticComponent<typeof FormField>, {}> & {
-    ComposedComponent: React.MemoExoticComponent<typeof FormField>;
-}, {}> & {
-    ComposedComponent: {
-        new (props: Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }): {
-            ref: any;
-            childRef(ref: any): void;
-            getWrappedInstance(): any;
-            render(): React.JSX.Element;
-            context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
-            forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>;
-            state: Readonly<{}>;
-            refs: {
-                [key: string]: React.ReactInstance;
-            };
-            componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): boolean;
-            componentWillUnmount?(): void;
-            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, prevState: Readonly<{}>, snapshot?: any): void;
-            componentWillMount?(): void;
-            UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }>, nextState: Readonly<{}>, nextContext: any): void;
-        };
-        displayName: string;
-        contextType: React.Context<string>;
-        ComposedComponent: React.ComponentType<React.MemoExoticComponent<typeof FormField>>;
-    } & import("hoist-non-react-statics").NonReactStatics<React.MemoExoticComponent<typeof FormField>, {}> & {
-        ComposedComponent: React.MemoExoticComponent<typeof FormField>;
-    };
-};
-export default ThemedFormField;
-export interface ControllerProps extends ReactHookFormControllerProps, Omit<FormFieldProps, keyof ThemeProps | keyof LocaleProps> {
-    rules?: Omit<RegisterOptions, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'> & {
-        [propName: string]: any;
-    };
-    columnClassName?: string;
-    className?: string;
-    /**
-     * 配置成 false 则不包裹
-     */
-    wrap?: boolean;
-}
-export declare function Controller(props: ControllerProps): React.JSX.Element;