amis 1.9.0 → 1.9.1-beta.3

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

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputJSONSchemaObject = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var helper_1 = require("../../utils/helper");
+var Button_1 = (0, tslib_1.__importDefault)(require("../Button"));
+var icons_1 = require("../icons");
+var InputBox_1 = (0, tslib_1.__importDefault)(require("../InputBox"));
+var InputBoxWithSuggestion_1 = (0, tslib_1.__importDefault)(require("../InputBoxWithSuggestion"));
+var Select_1 = (0, tslib_1.__importDefault)(require("../Select"));
+var Item_1 = require("./Item");
+function InputJSONSchemaObject(props) {
+    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;
+    var buildMembers = react_1.default.useCallback(function (schema, value) {
+        var members = [];
+        var required = Array.isArray(schema.required) ? schema.required : [];
+        Object.keys(schema.properties || {}).forEach(function (key) {
+            var child = schema.properties[key];
+            members.push({
+                key: (0, helper_1.guid)(),
+                name: key,
+                nameMutable: !required.includes(key),
+                required: required.includes(key),
+                schema: child
+            });
+        });
+        var keys = Object.keys(value || {});
+        var _loop_1 = function (key) {
+            var exists = members.find(function (m) { return m.name === key; });
+            if (!exists) {
+                members.push({
+                    key: (0, helper_1.guid)(),
+                    name: key,
+                    nameMutable: true,
+                    schema: {
+                        type: 'string'
+                    }
+                });
+            }
+        };
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var key = keys_1[_i];
+            _loop_1(key);
+        }
+        if (!members.length) {
+            members.push({
+                key: (0, helper_1.guid)(),
+                name: '',
+                nameMutable: true,
+                schema: {
+                    type: 'string'
+                }
+            });
+        }
+        return members;
+    }, []);
+    var _c = react_1.default.useState(buildMembers(props.schema, props.value)), members = _c[0], setMembers = _c[1];
+    var membersRef = react_1.default.useRef();
+    membersRef.current = members;
+    var _d = react_1.default.useState(collapsable ? true : false), collapsed = _d[0], setCollapsed = _d[1];
+    var toggleCollapsed = function () {
+        setCollapsed(!collapsed);
+    };
+    var onMemberChange = function (member, memberValue) {
+        var _a;
+        var newValue = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props.value), (_a = {}, _a[member.name] = memberValue, _a));
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    var onMemberKeyChange = function (member, memberValue) {
+        var _a, _b;
+        var idx = members.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        var newValue = (0, tslib_1.__assign)({}, props.value);
+        var m = members.concat();
+        m.splice(idx, 1, (0, tslib_1.__assign)((0, tslib_1.__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 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 = (0, tslib_1.__assign)({}, props.value);
+        delete newValue[member.name];
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    react_1.default.useEffect(function () {
+        setMembers(buildMembers(props.schema, props.value));
+    }, [JSON.stringify(props.schema)]);
+    react_1.default.useEffect(function () {
+        var value = props.value;
+        var m = 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({
+                    key: (0, helper_1.guid)(),
+                    name: key,
+                    nameMutable: true,
+                    schema: {
+                        type: 'string'
+                    }
+                });
+            }
+        };
+        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
+            var key = keys_2[_i];
+            _loop_2(key);
+        }
+        if (m.length !== membersRef.current.length) {
+            setMembers(m);
+        }
+    }, [JSON.stringify(props.value)]);
+    var handleAdd = react_1.default.useCallback(function () {
+        var m = members.concat();
+        m.push({
+            key: (0, helper_1.guid)(),
+            name: '',
+            invalid: true,
+            nameMutable: true
+        });
+        setMembers(m);
+    }, [members]);
+    var options = [];
+    var properties = ((_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) || {};
+    Object.keys(properties).forEach(function (key) {
+        var _a;
+        options.push({
+            label: ((_a = properties[key]) === null || _a === void 0 ? void 0 : _a.title) || key,
+            value: key
+        });
+    });
+    // todo additionalProperties 还有其他格式
+    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;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        collapsable ? (react_1.default.createElement("a", { className: cx('JSONSchemaObject-caret', {
+                'is-collapsed': collapsed
+            }), onClick: toggleCollapsed },
+            react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" }))) : null,
+        react_1.default.createElement("div", { className: cx('JSONSchemaObject', {
+                'is-expanded': collapsable && !collapsed
+            }) },
+            collapsed ? (renderValue ? (react_1.default.createElement(Item_1.InputJSONSchemaItem, (0, tslib_1.__assign)({}, props, { value: value, onChange: onChange, schema: {
+                    type: 'string'
+                }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
+                var _a, _b;
+                var filtedOptions = options.filter(function (o) { return !members.find(function (m) { return m !== member && m.name === o.value; }); });
+                return (react_1.default.createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    react_1.default.createElement("div", { className: cx('JSONSchemaMember-key') }, member.nameMutable ? (react_1.default.createElement(react_1.default.Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (react_1.default.createElement(InputBoxWithSuggestion_1.default, { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions })) : (react_1.default.createElement(Select_1.default, { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions }))) : (react_1.default.createElement(InputBox_1.default, { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key') })))) : (react_1.default.createElement("span", null,
+                        member.required ? (react_1.default.createElement("span", { className: cx("Form-star") }, "*")) : null,
+                        ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
+                    react_1.default.createElement("div", { className: cx('JSONSchemaMember-value') },
+                        react_1.default.createElement(Item_1.InputJSONSchemaItem, (0, tslib_1.__assign)({}, props, { 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_1.default.createElement(Button_1.default, { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        react_1.default.createElement(icons_1.Icon, { icon: "remove", className: "icon" }))) : null));
+            })),
+            allowAdd && !collapsed ? (react_1.default.createElement(Button_1.default, { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
+}
+exports.InputJSONSchemaObject = InputJSONSchemaObject;
+//# sourceMappingURL=./components/json-schema/Object.js.map

package/lib/components/json-schema/Object.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Object.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/json-schema/Object.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport {guid} from '../../utils/helper';\nimport Button from '../Button';\nimport {Icon} from '../icons';\nimport InputBox from '../InputBox';\nimport InputBoxWithSuggestion from '../InputBoxWithSuggestion';\nimport Select from '../Select';\nimport type {InputJSONSchemaItemProps} from './index';\nimport {InputJSONSchemaItem} from './Item';\n\ntype JSONSchemaObjectMember = {\n  key: string;\n  name: string;\n  nameMutable?: boolean;\n  schema?: any;\n  invalid?: boolean;\n  required?: boolean;\n};\nexport function InputJSONSchemaObject(props: InputJSONSchemaItemProps) {\n  const {\n    classnames: cx,\n    value,\n    onChange,\n    disabled,\n    translate: __,\n    renderKey,\n    collapsable,\n    renderValue\n  } = props;\n  const buildMembers = React.useCallback((schema: any, value: any) => {\n    const members: Array<JSONSchemaObjectMember> = [];\n    const required = Array.isArray(schema.required) ? schema.required : [];\n\n    Object.keys(schema.properties || {}).forEach(key => {\n      const child = schema.properties[key];\n      members.push({\n        key: guid(),\n        name: key,\n        nameMutable: !required.includes(key),\n        required: required.includes(key),\n        schema: child\n      });\n    });\n\n    const keys = Object.keys(value || {});\n    for (let key of keys) {\n      const exists = members.find(m => m.name === key);\n      if (!exists) {\n        members.push({\n          key: guid(),\n          name: key,\n          nameMutable: true,\n          schema: {\n            type: 'string'\n          }\n        });\n      }\n    }\n\n    if (!members.length) {\n      members.push({\n        key: guid(),\n        name: '',\n        nameMutable: true,\n        schema: {\n          type: 'string'\n        }\n      });\n    }\n\n    return members;\n  }, []);\n\n  const [members, setMembers] = React.useState<Array<JSONSchemaObjectMember>>(\n    buildMembers(props.schema, props.value)\n  );\n  const membersRef = React.useRef<Array<JSONSchemaObjectMember>>();\n  membersRef.current = members;\n\n  const [collapsed, setCollapsed] = React.useState<boolean>(\n    collapsable ? true : false\n  );\n  const toggleCollapsed = () => {\n    setCollapsed(!collapsed);\n  };\n\n  const onMemberChange = (member: JSONSchemaObjectMember, memberValue: any) => {\n    const newValue = {\n      ...props.value,\n      [member.name]: memberValue\n    };\n    onChange?.(newValue);\n  };\n  const onMemberKeyChange = (\n    member: JSONSchemaObjectMember,\n    memberValue: any\n  ) => {\n    const idx = members.indexOf(member);\n    if (!~idx) {\n      throw new Error('member object not found');\n    }\n\n    const newValue = {\n      ...props.value\n    };\n    const m = members.concat();\n    m.splice(idx, 1, {\n      ...member,\n      schema: props.schema?.properties?.[memberValue] || {\n        type: 'string'\n      },\n      name: memberValue,\n      invalid:\n        !memberValue ||\n        members.some((a, b) => a.name === memberValue && b !== idx)\n    });\n\n    setMembers(m);\n\n    newValue[memberValue] = newValue[member.name];\n    delete newValue[member.name];\n    onChange?.(newValue);\n  };\n  const onMemberDelete = (member: JSONSchemaObjectMember) => {\n    const idx = members.indexOf(member);\n    if (!~idx) {\n      throw new Error('member object not found');\n    }\n\n    const m = members.concat();\n    m.splice(idx, 1);\n    setMembers(m);\n\n    const newValue = {\n      ...props.value\n    };\n    delete newValue[member.name];\n    onChange?.(newValue);\n  };\n\n  React.useEffect(() => {\n    setMembers(buildMembers(props.schema, props.value));\n  }, [JSON.stringify(props.schema)]);\n\n  React.useEffect(() => {\n    const value = props.value;\n    const m = membersRef.current!.concat();\n    const keys = Object.keys(value || {});\n    for (let key of keys) {\n      const exists = m.find(m => m.name === key);\n      if (!exists) {\n        m.push({\n          key: guid(),\n          name: key,\n          nameMutable: true,\n          schema: {\n            type: 'string'\n          }\n        });\n      }\n    }\n    if (m.length !== membersRef.current!.length) {\n      setMembers(m);\n    }\n  }, [JSON.stringify(props.value)]);\n\n  const handleAdd = React.useCallback(() => {\n    const m = members.concat();\n    m.push({\n      key: guid(),\n      name: '',\n      invalid: true,\n      nameMutable: true\n    });\n    setMembers(m);\n  }, [members]);\n\n  const options: Array<any> = [];\n  const properties: any = props.schema?.properties || {};\n  Object.keys(properties).forEach(key => {\n    options.push({\n      label: properties[key]?.title || key,\n      value: key\n    });\n  });\n  // todo additionalProperties 还有其他格式\n  const allowAdd = !(\n    props.schema.additionalProperties === false &&\n    options.every(o => members.find(m => m.name === o.value))\n  );\n  const allowInput = props.schema.additionalProperties !== false;\n\n  return (\n    <>\n      {collapsable ? (\n        <a\n          className={cx('JSONSchemaObject-caret', {\n            'is-collapsed': collapsed\n          })}\n          onClick={toggleCollapsed}\n        >\n          <Icon icon=\"caret\" className=\"icon\" />\n        </a>\n      ) : null}\n\n      <div\n        className={cx('JSONSchemaObject', {\n          'is-expanded': collapsable && !collapsed\n        })}\n      >\n        {collapsed ? (\n          renderValue ? (\n            <InputJSONSchemaItem\n              {...props}\n              value={value}\n              onChange={onChange}\n              schema={{\n                type: 'string'\n              }}\n              placeholder={props.schema?.description}\n            />\n          ) : null\n        ) : (\n          members.map(member => {\n            const filtedOptions = options.filter(\n              o => !members.find(m => m !== member && m.name === o.value)\n            );\n\n            return (\n              <div key={member.key} className={cx('JSONSchemaMember')}>\n                <div className={cx('JSONSchemaMember-key')}>\n                  {member.nameMutable ? (\n                    <>\n                      {renderKey ? (\n                        renderKey(\n                          member.name,\n                          onMemberKeyChange.bind(null, member),\n                          member.schema,\n                          props\n                        )\n                      ) : filtedOptions.length ? (\n                        allowInput ? (\n                          <InputBoxWithSuggestion\n                            value={member.name}\n                            hasError={member.invalid}\n                            onChange={onMemberKeyChange.bind(null, member)}\n                            clearable={false}\n                            placeholder={__('JSONSchema.key')}\n                            options={filtedOptions}\n                          />\n                        ) : (\n                          <Select\n                            simpleValue\n                            block\n                            value={member.name}\n                            hasError={member.invalid}\n                            onChange={onMemberKeyChange.bind(null, member)}\n                            clearable={false}\n                            placeholder={__('JSONSchema.key')}\n                            options={filtedOptions}\n                          />\n                        )\n                      ) : (\n                        <InputBox\n                          value={member.name}\n                          hasError={member.invalid}\n                          onChange={onMemberKeyChange.bind(null, member)}\n                          clearable={false}\n                          placeholder={__('JSONSchema.key')}\n                        />\n                      )}\n                    </>\n                  ) : (\n                    <span>\n                      {member.required ? (\n                        <span className={cx(`Form-star`)}>*</span>\n                      ) : null}\n                      {member.schema?.title || member.name}\n\n                      {/* {member.schema?.description ? (\n                        <TooltipWrapper\n                          tooltipTheme=\"dark\"\n                          tooltip={member.schema.description}\n                          trigger=\"click\"\n                          rootClose\n                        >\n                          <div className={cx(`Remark`, `Remark--warning`)}>\n                            <span className={cx('Remark-icon icon')}>\n                              <Icon icon=\"question-mark\" />\n                            </span>\n                          </div>\n                        </TooltipWrapper>\n                      ) : null} */}\n                    </span>\n                  )}\n                </div>\n                <div className={cx('JSONSchemaMember-value')}>\n                  <InputJSONSchemaItem\n                    {...props}\n                    value={value?.[member.name]}\n                    onChange={onMemberChange.bind(null, member)}\n                    schema={\n                      member.schema || {\n                        type: 'string'\n                      }\n                    }\n                    placeholder={member.schema?.description}\n                    collapsable\n                  />\n                </div>\n                {!member.required ? (\n                  <Button\n                    className={cx('SchemaEditor-btn')}\n                    onClick={onMemberDelete.bind(null, member)}\n                    iconOnly\n                    disabled={disabled || !!value?.$ref}\n                  >\n                    <Icon icon=\"remove\" className=\"icon\" />\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })\n        )}\n\n        {allowAdd && !collapsed ? (\n          <Button\n            level=\"link\"\n            onClick={handleAdd}\n            size=\"xs\"\n            disabled={disabled}\n          >\n            {__('JSONSchema.add_prop')}\n          </Button>\n        ) : null}\n      </div>\n    </>\n  );\n}\n"
+    ]
+}

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

@@ -0,0 +1,279 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { LocaleProps } from '../../locale';
+import { ThemeProps } from '../../theme';
+import type { JSONSchema } from '../../utils/DataScope';
+export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
+    schema: JSONSchema & {
+        [propName: string]: any;
+    };
+    value?: any;
+    onChange?: any;
+    disabled?: boolean;
+    renderValue?: (value: any, onChange: (value: any) => void, schema: any, props: any) => JSX.Element;
+    renderKey?: (value: any, onChange: (value: any) => void, schema: any, props: any) => JSX.Element;
+    collapsable?: boolean;
+    placeholder?: string;
+}
+export interface InputJSONSchemaProps extends Omit<InputJSONSchemaItemProps, 'schema'> {
+    schema?: any;
+}
+declare function InputJSONSchema(props: InputJSONSchemaProps): JSX.Element;
+declare const _default: {
+    new (props: Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("../../theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                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;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, 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> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+            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: {
+        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, 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> & {
+                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;
+    };
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var locale_1 = require("../../locale");
+var theme_1 = require("../../theme");
+var Item_1 = require("./Item");
+function InputJSONSchema(props) {
+    var schema = props.schema || {
+        type: 'object',
+        properties: {}
+    };
+    return react_1.default.createElement(Item_1.InputJSONSchemaItem, (0, tslib_1.__assign)({}, props, { schema: schema }));
+}
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(InputJSONSchema));
+//# sourceMappingURL=./components/json-schema/index.js.map

package/lib/components/json-schema/index.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "index.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/json-schema/index.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;AAAA,6DAA0B;AAC1B,uCAAqD;AACrD,qCAAkD;AAElD,+BAA2C;AA8B3C,SAAS,eAAe,CAAC,KAA2B;IAClD,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI;QAC7B,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,EAAE;KACf,CAAC;IAEF,OAAO,8BAAC,0BAAmB,4BAAK,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5D,CAAC;AAED,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,eAAe,CAAC,CAAC,CAAC",
+    "sourcesContent": [
+        "import React from 'react';\nimport {localeable, LocaleProps} from '../../locale';\nimport {themeable, ThemeProps} from '../../theme';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {InputJSONSchemaItem} from './Item';\n\nexport interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {\n  schema: JSONSchema & {\n    [propName: string]: any;\n  };\n  value?: any;\n  onChange?: any;\n  disabled?: boolean;\n  renderValue?: (\n    value: any,\n    onChange: (value: any) => void,\n    schema: any,\n    props: any\n  ) => JSX.Element;\n  renderKey?: (\n    value: any,\n    onChange: (value: any) => void,\n    schema: any,\n    props: any\n  ) => JSX.Element;\n  collapsable?: boolean;\n  placeholder?: string;\n}\n\nexport interface InputJSONSchemaProps\n  extends Omit<InputJSONSchemaItemProps, 'schema'> {\n  schema?: any;\n}\n\nfunction InputJSONSchema(props: InputJSONSchemaProps) {\n  const schema = props.schema || {\n    type: 'object',\n    properties: {}\n  };\n\n  return <InputJSONSchemaItem {...props} schema={schema} />;\n}\n\nexport default themeable(localeable(InputJSONSchema));\n"
+    ]
+}

package/lib/components/schema-editor/Array.js

@@ -28,14 +28,14 @@ var SchemaEditorItemArray = /** @class */ (function (_super) {
     };
     SchemaEditorItemArray.prototype.renderItems = function () {
         var _a;
-        var _b = this.props, cx = _b.classnames, value = _b.value, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, __ = _b.translate, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange;
+        var _b = this.props, cx = _b.classnames, value = _b.value, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, __ = _b.translate, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting;
         var items = (value === null || value === void 0 ? void 0 : value.items) || {
             type: 'string'
         };
         return (react_1.default.createElement("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            react_1.default.createElement(Item_1.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: react_1.default.createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!((_a = items) === null || _a === void 0 ? void 0 : _a.$ref) })));
+            react_1.default.createElement(Item_1.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: react_1.default.createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!((_a = items) === null || _a === void 0 ? void 0 : _a.$ref), enableAdvancedSetting: enableAdvancedSetting })));
     };
     SchemaEditorItemArray.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo, disabled = _a.disabled;

package/lib/components/schema-editor/Array.js.map

@@ -6,8 +6,8 @@
         "/src/components/schema-editor/Array.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAC1B,6CAA4C;AAC5C,kCAA8B;AAC9B,mCAAgD;AAChD,+BAAwC;AAExC;IAA2C,sDAAsB;IAAjE;QAAA,qEA0FC;QAzFC,WAAK,GAAG;YACN,SAAS,EAAE,KAAK;SACjB,CAAC;;IAuFJ,CAAC;IApFC,+CAAe,GAAf;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SACjC,CAAC,CAAC;IACL,CAAC;IAGD,iDAAiB,GAAjB,UAAkB,KAAU;;QAC1B,IAAM,KAAK,mDACN,IAAI,CAAC,KAAK,CAAC,KAAK,KACnB,IAAI,EAAE,OAAO,EACb,KAAK,OAAA,GACN,CAAC;QACF,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,2CAAW,GAAX;;QACQ,IAAA,KAYF,IAAI,CAAC,KAAK,EAXA,EAAE,gBAAA,EACd,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACK,EAAE,eAAA,EACb,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBACA,CAAC;QACf,IAAM,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI;YAC5B,IAAI,EAAE,QAAQ;SACf,CAAC;QAEF,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE;gBACxD,0BAA0B,EAAE,QAAQ,KAAK,KAAK;aAC/C,CAAC;YAEF,8BAAC,uBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EACJ,uCAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,IAC1C,EAAE,CAAC,wBAAwB,CAAC,CACzB,EAER,KAAK,EAAE,KAAY,EACnB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,EACb,UAAU,EAAE,EAAE,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA,MAAC,KAAa,0CAAE,IAAI,CAAA,GAC5C,CACE,CACP,CAAC;IACJ,CAAC;IAED,sCAAM,GAAN;QACQ,IAAA,KAAuC,IAAI,CAAC,KAAK,EAApC,EAAE,gBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAc,CAAC;QAExD,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC;YACrD,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CACpB;gBACE,qCACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE;wBAClC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;qBACrC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,eAAe;oBAE7B,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CACpC;gBACH,IAAI,CAAC,YAAY,EAAE,CACnB,CACJ,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAC7C,CACP,CAAC;IACJ,CAAC;IAnFD;QADC,iBAAQ;;;;gEAKR;IAGD;QADC,iBAAQ;;;;kEAQR;IAsEH,4BAAC;CAAA,AA1FD,CAA2C,+BAAsB,GA0FhE;AA1FY,sDAAqB",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {autobind} from '../../utils/helper';\nimport {Icon} from '../icons';\nimport {SchemaEditorItemCommon} from './Common';\nimport {SchemaEditorItem} from './Item';\n\nexport class SchemaEditorItemArray extends SchemaEditorItemCommon {\n  state = {\n    collapsed: false\n  };\n\n  @autobind\n  toggleCollapsed() {\n    this.setState({\n      collapsed: !this.state.collapsed\n    });\n  }\n\n  @autobind\n  handleItemsChange(items: any) {\n    const value: any = {\n      ...this.props.value,\n      type: 'array',\n      items\n    };\n    this.props.onChange?.(value);\n  }\n\n  renderItems() {\n    const {\n      classnames: cx,\n      value,\n      renderExtraProps,\n      renderModalProps,\n      locale,\n      translate: __,\n      classPrefix,\n      disabled,\n      showInfo,\n      types,\n      onTypeChange\n    } = this.props;\n    const items = value?.items || {\n      type: 'string'\n    };\n\n    return (\n      <div\n        className={cx('SchemaEditorProps SchemaEditorArrayProps', {\n          'SchemaEditorProps--depth': showInfo !== false\n        })}\n      >\n        <SchemaEditorItem\n          types={types}\n          onTypeChange={onTypeChange}\n          prefix={\n            <div className={cx('SchemaEditor-itemsLabel')}>\n              {__('JSONSchema.array_items')}\n            </div>\n          }\n          value={items as any}\n          onChange={this.handleItemsChange}\n          renderExtraProps={renderExtraProps}\n          renderModalProps={renderModalProps}\n          locale={locale}\n          translate={__}\n          classnames={cx}\n          classPrefix={classPrefix}\n          disabled={disabled || !!(items as any)?.$ref}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    const {classnames: cx, showInfo, disabled} = this.props;\n\n    return (\n      <div className={cx('SchemaEditorItem SchemaEditorArray')}>\n        {showInfo !== false ? (\n          <>\n            <a\n              className={cx('SchemaEditor-caret', {\n                'is-collapsed': this.state.collapsed\n              })}\n              onClick={this.toggleCollapsed}\n            >\n              <Icon icon=\"caret\" className=\"icon\" />\n            </a>\n            {this.renderCommon()}\n          </>\n        ) : null}\n        {this.state.collapsed ? null : this.renderItems()}\n      </div>\n    );\n  }\n}\n"
+        "import React from 'react';\nimport {autobind} from '../../utils/helper';\nimport {Icon} from '../icons';\nimport {SchemaEditorItemCommon} from './Common';\nimport {SchemaEditorItem} from './Item';\n\nexport class SchemaEditorItemArray extends SchemaEditorItemCommon {\n  state = {\n    collapsed: false\n  };\n\n  @autobind\n  toggleCollapsed() {\n    this.setState({\n      collapsed: !this.state.collapsed\n    });\n  }\n\n  @autobind\n  handleItemsChange(items: any) {\n    const value: any = {\n      ...this.props.value,\n      type: 'array',\n      items\n    };\n    this.props.onChange?.(value);\n  }\n\n  renderItems() {\n    const {\n      classnames: cx,\n      value,\n      renderExtraProps,\n      renderModalProps,\n      locale,\n      translate: __,\n      classPrefix,\n      disabled,\n      showInfo,\n      types,\n      onTypeChange,\n      enableAdvancedSetting\n    } = this.props;\n    const items = value?.items || {\n      type: 'string'\n    };\n\n    return (\n      <div\n        className={cx('SchemaEditorProps SchemaEditorArrayProps', {\n          'SchemaEditorProps--depth': showInfo !== false\n        })}\n      >\n        <SchemaEditorItem\n          types={types}\n          onTypeChange={onTypeChange}\n          prefix={\n            <div className={cx('SchemaEditor-itemsLabel')}>\n              {__('JSONSchema.array_items')}\n            </div>\n          }\n          value={items as any}\n          onChange={this.handleItemsChange}\n          renderExtraProps={renderExtraProps}\n          renderModalProps={renderModalProps}\n          locale={locale}\n          translate={__}\n          classnames={cx}\n          classPrefix={classPrefix}\n          disabled={disabled || !!(items as any)?.$ref}\n          enableAdvancedSetting={enableAdvancedSetting}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    const {classnames: cx, showInfo, disabled} = this.props;\n\n    return (\n      <div className={cx('SchemaEditorItem SchemaEditorArray')}>\n        {showInfo !== false ? (\n          <>\n            <a\n              className={cx('SchemaEditor-caret', {\n                'is-collapsed': this.state.collapsed\n              })}\n              onClick={this.toggleCollapsed}\n            >\n              <Icon icon=\"caret\" className=\"icon\" />\n            </a>\n            {this.renderCommon()}\n          </>\n        ) : null}\n        {this.state.collapsed ? null : this.renderItems()}\n      </div>\n    );\n  }\n}\n"
     ]
 }

package/lib/components/schema-editor/Common.d.ts

@@ -20,10 +20,12 @@ export interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {
     renderModalProps?: (value: JSONSchema, onChange: (value: JSONSchema) => void) => JSX.Element;
     prefix?: JSX.Element;
     affix?: JSX.Element;
+    enableAdvancedSetting?: boolean;
 }
 export declare class SchemaEditorItemCommon<P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps, S = any> extends React.Component<P, S> {
     handleTypeChange(type: any): void;
     handlePropsChange(newValue: JSONSchema): void;
+    handleBeforeSubmit(form: any): any;
     renderCommon(): JSX.Element;
     render(): JSX.Element;
 }