amis-ui 6.2.2 → 6.4.0

package/esm/components/json-schema/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -11,36 +11,42 @@ import { Icon } from '../icons.js';
 import InputBox from '../InputBox.js';
 import InputBoxWithSuggestion from '../InputBoxWithSuggestion.js';
 import EnhancedSelect from '../Select.js';
-import { InputJSONSchemaItem } from './Item.js';
+import InputJSONSchemaItem from './Item.js';
+import isEqual from 'lodash/isEqual';
 
-function InputJSONSchemaObject(props) {
+function InputJSONSchemaObject(props, ref) {
     var _a, _b;
-    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI, className = props.className, addButtonText = props.addButtonText;
     var buildMembers = React__default.useCallback(function (schema, value) {
         var e_1, _a;
+        var _b;
         var members = [];
         var required = Array.isArray(schema.required) ? schema.required : [];
         Object.keys(schema.properties || {}).forEach(function (key) {
+            var _a;
             var child = schema.properties[key];
             members.push({
                 key: guid(),
                 name: key,
                 nameMutable: !required.includes(key),
                 required: required.includes(key),
-                schema: child
+                schema: child,
+                value: (_a = value === null || value === void 0 ? void 0 : value[key]) !== null && _a !== void 0 ? _a : child.default
             });
         });
         var keys = Object.keys(value || {});
         var _loop_1 = function (key) {
             var exists = members.find(function (m) { return m.name === key; });
-            if (!exists) {
+            if (!exists && schema.additionalProperties !== false) {
                 members.push({
                     key: guid(),
                     name: key,
                     nameMutable: true,
                     schema: {
-                        type: 'string'
-                    }
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value[key]) !== null && _b !== void 0 ? _b : ''
                 });
             }
         };
@@ -57,79 +63,118 @@ function InputJSONSchemaObject(props) {
             }
             finally { if (e_1) throw e_1.error; }
         }
-        if (!members.length) {
+        if (!members.length && schema.additionalProperties !== false) {
             members.push({
                 key: guid(),
                 name: '',
                 nameMutable: true,
                 schema: {
-                    type: 'string'
-                }
+                    type: 'string',
+                    default: ''
+                },
+                value: ''
             });
         }
         return members;
     }, []);
-    var _c = __read(React__default.useState(buildMembers(props.schema, props.value)), 2), members = _c[0], setMembers = _c[1];
+    var _c = __read(React__default.useState([]), 2), members = _c[0], _setMembers = _c[1];
     var membersRef = React__default.useRef();
     membersRef.current = members;
+    var setMembers = function (members) {
+        _setMembers(members);
+        membersRef.current = members;
+    };
     var _d = __read(React__default.useState(collapsable ? true : false), 2), collapsed = _d[0], setCollapsed = _d[1];
     var toggleCollapsed = function () {
         setCollapsed(!collapsed);
     };
+    var emitChange = function () {
+        var members = membersRef.current;
+        var value = {};
+        members.forEach(function (member) {
+            if (!member.invalid &&
+                (typeof member.value !== 'undefined' ||
+                    typeof value[member.name] !== 'undefined')) {
+                value[member.name] = member.value;
+            }
+        });
+        if (!isEqual(value, props.value || {})) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        }
+    };
     var onMemberChange = function (member, memberValue) {
-        var _a;
-        var newValue = __assign(__assign({}, props.value), (_a = {}, _a[member.name] = memberValue, _a));
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var arr = members.concat();
+        var idx = arr.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        arr.splice(idx, 1, __assign(__assign({}, arr[idx]), { value: memberValue }));
+        setMembers(arr);
+        emitChange();
     };
-    var onMemberKeyChange = function (member, memberValue) {
+    var onMemberKeyChange = function (member, memberKey) {
         var _a, _b;
         var idx = members.indexOf(member);
         if (!~idx) {
             throw new Error('member object not found');
         }
-        var newValue = __assign({}, props.value);
-        var m = members.concat();
-        m.splice(idx, 1, __assign(__assign({}, member), { schema: ((_b = (_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[memberValue]) || {
-                type: 'string'
-            }, name: memberValue, invalid: !memberValue ||
-                members.some(function (a, b) { return a.name === memberValue && b !== idx; }) }));
-        setMembers(m);
-        newValue[memberValue] = newValue[member.name];
-        delete newValue[member.name];
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var originSchema = members[idx].schema;
+        var schema = ((_b = (_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[memberKey]) || {
+            type: 'string',
+            default: ''
+        };
+        var arr = members.concat();
+        var item = __assign(__assign({}, member), { schema: schema, name: memberKey, invalid: !memberKey || members.some(function (a, b) { return a.name === memberKey && b !== idx; })
+                ? 'key'
+                : undefined });
+        if (item.value === originSchema.default &&
+            originSchema !== schema &&
+            originSchema.default !== schema.default) {
+            item.value = schema.default;
+        }
+        arr.splice(idx, 1, item);
+        setMembers(arr);
+        emitChange();
     };
     var onMemberDelete = function (member) {
         var idx = members.indexOf(member);
         if (!~idx) {
             throw new Error('member object not found');
         }
-        var m = members.concat();
-        m.splice(idx, 1);
-        setMembers(m);
-        var newValue = __assign({}, props.value);
-        delete newValue[member.name];
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var arr = members.concat();
+        arr.splice(idx, 1);
+        setMembers(arr);
+        emitChange();
     };
     React__default.useEffect(function () {
-        setMembers(buildMembers(props.schema, props.value));
+        var members = buildMembers(props.schema, props.value);
+        setMembers(members);
+        emitChange();
     }, [JSON.stringify(props.schema)]);
     React__default.useEffect(function () {
         var e_2, _a;
+        var _b;
         var value = props.value;
-        var m = membersRef.current.concat();
+        var arr = membersRef.current.concat();
         var keys = Object.keys(value || {});
         var _loop_2 = function (key) {
-            var exists = m.find(function (m) { return m.name === key; });
-            if (!exists) {
-                m.push({
+            var idx = arr.findIndex(function (m) { return m.name === key; });
+            var exists = arr[idx];
+            if (!exists && props.schema.additionalProperties !== false) {
+                arr.push({
                     key: guid(),
                     name: key,
                     nameMutable: true,
                     schema: {
-                        type: 'string'
-                    }
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value === null || value === void 0 ? void 0 : value[key]) !== null && _b !== void 0 ? _b : ''
                 });
             }
+            else {
+                arr.splice(idx, 1, __assign(__assign({}, exists), { value: value === null || value === void 0 ? void 0 : value[key] }));
+            }
         };
         try {
             for (var keys_2 = __values(keys), keys_2_1 = keys_2.next(); !keys_2_1.done; keys_2_1 = keys_2.next()) {
@@ -144,19 +189,23 @@ function InputJSONSchemaObject(props) {
             }
             finally { if (e_2) throw e_2.error; }
         }
-        if (m.length !== membersRef.current.length) {
-            setMembers(m);
-        }
+        setMembers(arr);
     }, [JSON.stringify(props.value)]);
     var handleAdd = React__default.useCallback(function () {
-        var m = members.concat();
-        m.push({
+        var arr = members.concat();
+        arr.push({
             key: guid(),
             name: '',
-            invalid: true,
-            nameMutable: true
+            invalid: 'key',
+            nameMutable: true,
+            schema: {
+                type: 'string',
+                default: ''
+            },
+            value: ''
         });
-        setMembers(m);
+        setMembers(arr);
+        emitChange();
     }, [members]);
     var options = [];
     var properties = ((_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) || {};
@@ -171,12 +220,22 @@ function InputJSONSchemaObject(props) {
     var allowAdd = !(props.schema.additionalProperties === false &&
         options.every(function (o) { return members.find(function (m) { return m.name === o.value; }); }));
     var allowInput = props.schema.additionalProperties !== false;
+    React__default.useImperativeHandle(ref, function () {
+        return {
+            validate: function () {
+                var _a;
+                if ((_a = membersRef.current) === null || _a === void 0 ? void 0 : _a.some(function (m) { return m.invalid === 'key'; })) {
+                    return __('JSONSchema.key_invalid');
+                }
+            }
+        };
+    });
     return (React__default.createElement(React__default.Fragment, null,
         collapsable ? (React__default.createElement("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
             React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
-        React__default.createElement("div", { className: cx('JSONSchemaObject', {
+        React__default.createElement("div", { className: cx('JSONSchemaObject', className, {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
@@ -188,17 +247,18 @@ function InputJSONSchemaObject(props) {
                 return (React__default.createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
                     React__default.createElement("div", { className: cx('JSONSchemaMember-key', {
                             'is-mobile': mobileUI
-                        }) }, member.nameMutable ? (React__default.createElement(React__default.Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (React__default.createElement(InputBoxWithSuggestion, { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (React__default.createElement(EnhancedSelect, { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI }))) : (React__default.createElement(InputBox, { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (React__default.createElement("span", null,
+                        }) }, member.nameMutable ? (React__default.createElement(React__default.Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (React__default.createElement(InputBoxWithSuggestion, { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (React__default.createElement(EnhancedSelect, { simpleValue: true, block: true, value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI }))) : (React__default.createElement(InputBox, { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (React__default.createElement("span", null,
                         member.required ? (React__default.createElement("span", { className: cx("Form-star") }, "*")) : null,
                         ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
                     React__default.createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default.createElement(InputJSONSchemaItem, __assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                        React__default.createElement(InputJSONSchemaItem, __assign({}, props, { className: "", addButtonText: undefined, required: member.required, value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, placeholder: (_b = member.schema) === null || _b === void 0 ? void 0 : _b.description, collapsable: true }))),
                     !member.required ? (React__default.createElement(Button, { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
                         React__default.createElement(Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            allowAdd && !collapsed ? (React__default.createElement(Button, { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
+            allowAdd && !collapsed ? (React__default.createElement(Button, { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop'))) : null)));
 }
+var InputJSONSchemaObject$1 = React__default.forwardRef(InputJSONSchemaObject);
 
-export { InputJSONSchemaObject };
+export { InputJSONSchemaObject, InputJSONSchemaObject$1 as default };

package/esm/components/json-schema/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { JSONSchema, LocaleProps, ThemeProps } from 'amis-core';
+import { FormulaPickerProps } from '../formula/Picker';
 export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
     schema: JSONSchema & {
         [propName: string]: any;
@@ -12,13 +13,15 @@ export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
     renderKey?: (value: any, onChange: (value: any) => void, schema: any, props: any) => JSX.Element;
     collapsable?: boolean;
     placeholder?: string;
+    required?: boolean;
+    addButtonText?: string;
+    formula?: FormulaPickerProps;
 }
 export interface InputJSONSchemaProps extends Omit<InputJSONSchemaItemProps, 'schema'> {
     schema?: any;
 }
-declare function InputJSONSchema(props: InputJSONSchemaProps): React.JSX.Element;
 declare const _default: {
-    new (props: Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+    new (props: Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -27,12 +30,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -41,35 +44,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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;
@@ -77,7 +80,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -86,12 +89,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -100,47 +103,47 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<typeof InputJSONSchema>;
-    } & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-        ComposedComponent: typeof InputJSONSchema;
+        ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+    new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }): {
@@ -149,12 +152,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>;
@@ -163,47 +166,47 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<typeof InputJSONSchema>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-    ComposedComponent: typeof InputJSONSchema;
+    ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+    ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
 }, {}> & {
     ComposedComponent: {
-        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -212,12 +215,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -226,44 +229,44 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, 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<typeof InputJSONSchema>;
-    } & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-        ComposedComponent: typeof InputJSONSchema;
+        ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
     };
 };
 export default _default;

package/esm/components/json-schema/index.js

@@ -1,20 +1,29 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
 import { __assign } from 'tslib';
 import React__default from 'react';
 import { themeable, localeable } from 'amis-core';
-import { InputJSONSchemaItem } from './Item.js';
+import InputJSONSchemaItem from './Item.js';
 
-function InputJSONSchema(props) {
+function InputJSONSchema(props, ref) {
     var schema = props.schema || {
         type: 'object',
         properties: {}
     };
-    return React__default.createElement(InputJSONSchemaItem, __assign({}, props, { schema: schema }));
+    var childRef = React__default.useRef();
+    React__default.useImperativeHandle(ref, function () {
+        return {
+            validate: function () {
+                var _a;
+                return (_a = childRef.current) === null || _a === void 0 ? void 0 : _a.validate();
+            }
+        };
+    });
+    return React__default.createElement(InputJSONSchemaItem, __assign({}, props, { schema: schema, ref: childRef }));
 }
-var index = themeable(localeable(InputJSONSchema));
+var index = themeable(localeable(React__default.forwardRef(InputJSONSchema)));
 
 export { index as default };