amis 1.9.1-beta.1 → 1.9.1-beta.3

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;
 }

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

@@ -6,9 +6,13 @@ 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 Checkbox_1 = (0, tslib_1.__importDefault)(require("../Checkbox"));
+var Form_1 = (0, tslib_1.__importDefault)(require("../Form"));
+var FormField_1 = require("../FormField");
 var icons_1 = require("../icons");
+var InputBox_1 = (0, tslib_1.__importDefault)(require("../InputBox"));
 var PickerContainer_1 = (0, tslib_1.__importDefault)(require("../PickerContainer"));
 var Select_1 = (0, tslib_1.__importDefault)(require("../Select"));
+var Textarea_1 = (0, tslib_1.__importDefault)(require("../Textarea"));
 var SchemaEditorItemCommon = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(SchemaEditorItemCommon, _super);
     function SchemaEditorItemCommon() {
@@ -28,16 +32,42 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
         var _a = this.props, onChange = _a.onChange, value = _a.value;
         onChange === null || onChange === void 0 ? void 0 : onChange((0, tslib_1.__assign)((0, tslib_1.__assign)({}, value), newValue));
     };
+    SchemaEditorItemCommon.prototype.handleBeforeSubmit = function (form) {
+        return form.submit();
+    };
     SchemaEditorItemCommon.prototype.renderCommon = function () {
-        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, prefix = _a.prefix, affix = _a.affix, types = _a.types;
+        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, prefix = _a.prefix, affix = _a.affix, types = _a.types;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             prefix,
             react_1.default.createElement(Select_1.default, { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true }),
             onRequiredChange ? (react_1.default.createElement(Checkbox_1.default, { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled || typeMutable === false })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
             renderExtraProps(value, this.handlePropsChange),
-            renderModalProps ? (react_1.default.createElement(PickerContainer_1.default, { value: value, bodyRender: renderModalProps, onConfirm: this.handlePropsChange, size: "md", title: __('SubForm.editDetail') }, function (_a) {
+            enableAdvancedSetting ? (react_1.default.createElement(PickerContainer_1.default, { value: value, bodyRender: function (_a) {
+                    var isOpened = _a.isOpened, value = _a.value, onChange = _a.onChange, ref = _a.ref;
+                    return isOpened ? (react_1.default.createElement(Form_1.default, { defaultValues: value, onSubmit: onChange, ref: ref }, function (_a) {
+                        var control = _a.control, getValues = _a.getValues, setValue = _a.setValue;
+                        return (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(FormField_1.Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
+                                    var field = _a.field;
+                                    return (react_1.default.createElement(InputBox_1.default, (0, tslib_1.__assign)({}, field, { disabled: disabled })));
+                                } }),
+                            react_1.default.createElement(FormField_1.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
+                                    var field = _a.field;
+                                    return (react_1.default.createElement(Textarea_1.default, (0, tslib_1.__assign)({}, field, { disabled: disabled })));
+                                } }),
+                            react_1.default.createElement(FormField_1.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
+                                    var field = _a.field;
+                                    return (react_1.default.createElement(InputBox_1.default, (0, tslib_1.__assign)({}, field, { disabled: disabled })));
+                                } }), renderModalProps === null || renderModalProps === void 0 ? void 0 :
+                            renderModalProps(getValues(), function (values) {
+                                Object.keys(values).forEach(function (key) {
+                                    return setValue(key, values[key]);
+                                });
+                            })));
+                    })) : null;
+                }, beforeConfirm: this.handleBeforeSubmit, onConfirm: this.handlePropsChange, title: __('SubForm.editDetail') }, function (_a) {
                 var onClick = _a.onClick;
-                return (react_1.default.createElement(Button_1.default, { className: cx('SchemaEditor-btn'), onClick: onClick },
+                return (react_1.default.createElement(Button_1.default, { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick },
                     react_1.default.createElement(icons_1.Icon, { icon: "setting", className: "icon" })));
             })) : null,
             affix));
@@ -58,6 +88,12 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
         (0, tslib_1.__metadata)("design:paramtypes", [Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], SchemaEditorItemCommon.prototype, "handlePropsChange", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], SchemaEditorItemCommon.prototype, "handleBeforeSubmit", null);
     return SchemaEditorItemCommon;
 }(react_1.default.Component));
 exports.SchemaEditorItemCommon = SchemaEditorItemCommon;

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

@@ -6,8 +6,8 @@
         "/src/components/schema-editor/Common.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {LocaleProps} from '../../locale';\nimport {ThemeProps} from '../../theme';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {autobind} from '../../utils/helper';\nimport Button from '../Button';\nimport Checkbox from '../Checkbox';\nimport {Icon} from '../icons';\nimport InputBox from '../InputBox';\nimport PickerContainer from '../PickerContainer';\nimport Select from '../Select';\n\nexport interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {\n  value?: JSONSchema;\n  onChange: (value: JSONSchema) => void;\n  types: Array<{\n    label: string;\n    value: string;\n    [propName: string]: any;\n  }>;\n  onTypeChange?: (\n    type: string,\n    value: JSONSchema,\n    origin?: JSONSchema\n  ) => JSONSchema | void;\n  disabled?: boolean;\n  required?: boolean;\n  onRequiredChange?: (value: boolean) => void;\n  typeMutable?: boolean;\n  showInfo?: boolean;\n  renderExtraProps?: (\n    value: JSONSchema,\n    onChange: (value: JSONSchema) => void\n  ) => JSX.Element;\n  renderModalProps?: (\n    value: JSONSchema,\n    onChange: (value: JSONSchema) => void\n  ) => JSX.Element;\n  prefix?: JSX.Element;\n  affix?: JSX.Element;\n}\n\nexport class SchemaEditorItemCommon<\n  P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps,\n  S = any\n> extends React.Component<P, S> {\n  @autobind\n  handleTypeChange(type: any) {\n    const {value, onChange, onTypeChange} = this.props;\n    let newValue: any = {\n      type,\n      title: value?.title\n    };\n\n    newValue = onTypeChange?.(type, newValue, value) ?? newValue;\n    onChange?.(newValue);\n  }\n\n  @autobind\n  handlePropsChange(newValue: JSONSchema) {\n    const {onChange, value} = this.props;\n    onChange?.({\n      ...value,\n      ...newValue\n    });\n  }\n\n  renderCommon() {\n    const {\n      value,\n      translate: __,\n      typeMutable,\n      disabled,\n      classnames: cx,\n      required,\n      onRequiredChange,\n      renderExtraProps,\n      renderModalProps,\n      prefix,\n      affix,\n      types\n    } = this.props;\n\n    return (\n      <>\n        {prefix}\n\n        <Select\n          options={types}\n          className={cx('SchemaEditor-type')}\n          value={value?.$ref || value?.type || 'string'}\n          onChange={this.handleTypeChange}\n          clearable={false}\n          disabled={disabled || typeMutable === false}\n          simpleValue\n        />\n\n        {onRequiredChange ? (\n          <Checkbox\n            className={cx('SchemaEditor-required')}\n            label={__('Required')}\n            value={required}\n            onChange={onRequiredChange}\n            disabled={disabled || typeMutable === false}\n          />\n        ) : null}\n\n        {renderExtraProps?.(value!, this.handlePropsChange)}\n\n        {renderModalProps ? (\n          <PickerContainer\n            value={value}\n            bodyRender={renderModalProps as any}\n            onConfirm={this.handlePropsChange}\n            size=\"md\"\n            title={__('SubForm.editDetail')}\n          >\n            {({onClick}) => (\n              <Button className={cx('SchemaEditor-btn')} onClick={onClick}>\n                <Icon icon=\"setting\" className=\"icon\" />\n              </Button>\n            )}\n          </PickerContainer>\n        ) : null}\n\n        {affix}\n      </>\n    );\n  }\n\n  render() {\n    const {classnames: cx} = this.props;\n    return <div className={cx('SchemaEditorItem')}>{this.renderCommon()}</div>;\n  }\n}\n"
+        "import React from 'react';\nimport {LocaleProps} from '../../locale';\nimport {ThemeProps} from '../../theme';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {autobind} from '../../utils/helper';\nimport Button from '../Button';\nimport Checkbox from '../Checkbox';\nimport Form from '../Form';\nimport FormField, {Controller} from '../FormField';\nimport {Icon} from '../icons';\nimport InputBox from '../InputBox';\nimport PickerContainer from '../PickerContainer';\nimport Select from '../Select';\nimport Textarea from '../Textarea';\n\nexport interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {\n  value?: JSONSchema;\n  onChange: (value: JSONSchema) => void;\n  types: Array<{\n    label: string;\n    value: string;\n    [propName: string]: any;\n  }>;\n  onTypeChange?: (\n    type: string,\n    value: JSONSchema,\n    origin?: JSONSchema\n  ) => JSONSchema | void;\n  disabled?: boolean;\n  required?: boolean;\n  onRequiredChange?: (value: boolean) => void;\n  typeMutable?: boolean;\n  showInfo?: boolean;\n  renderExtraProps?: (\n    value: JSONSchema,\n    onChange: (value: JSONSchema) => void\n  ) => JSX.Element;\n  renderModalProps?: (\n    value: JSONSchema,\n    onChange: (value: JSONSchema) => void\n  ) => JSX.Element;\n  prefix?: JSX.Element;\n  affix?: JSX.Element;\n  enableAdvancedSetting?: boolean;\n}\n\nexport class SchemaEditorItemCommon<\n  P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps,\n  S = any\n> extends React.Component<P, S> {\n  @autobind\n  handleTypeChange(type: any) {\n    const {value, onChange, onTypeChange} = this.props;\n    let newValue: any = {\n      type,\n      title: value?.title\n    };\n\n    newValue = onTypeChange?.(type, newValue, value) ?? newValue;\n    onChange?.(newValue);\n  }\n\n  @autobind\n  handlePropsChange(newValue: JSONSchema) {\n    const {onChange, value} = this.props;\n    onChange?.({\n      ...value,\n      ...newValue\n    });\n  }\n\n  @autobind\n  handleBeforeSubmit(form: any) {\n    return form.submit();\n  }\n\n  renderCommon() {\n    const {\n      value,\n      translate: __,\n      typeMutable,\n      disabled,\n      classnames: cx,\n      required,\n      onRequiredChange,\n      renderExtraProps,\n      renderModalProps,\n      enableAdvancedSetting,\n      prefix,\n      affix,\n      types\n    } = this.props;\n\n    return (\n      <>\n        {prefix}\n\n        <Select\n          options={types}\n          className={cx('SchemaEditor-type')}\n          value={value?.$ref || value?.type || 'string'}\n          onChange={this.handleTypeChange}\n          clearable={false}\n          disabled={disabled || typeMutable === false}\n          simpleValue\n        />\n\n        {onRequiredChange ? (\n          <Checkbox\n            className={cx('SchemaEditor-required')}\n            label={__('Required')}\n            value={required}\n            onChange={onRequiredChange}\n            disabled={disabled || typeMutable === false}\n          />\n        ) : null}\n\n        {renderExtraProps?.(value!, this.handlePropsChange)}\n\n        {enableAdvancedSetting ? (\n          <PickerContainer\n            value={value}\n            bodyRender={({isOpened, value, onChange, ref}) => {\n              return isOpened ? (\n                <Form defaultValues={value} onSubmit={onChange} ref={ref}>\n                  {({control, getValues, setValue}) => (\n                    <>\n                      <Controller\n                        label={__('JSONSchema.title')}\n                        name=\"title\"\n                        control={control}\n                        rules={{maxLength: 20}}\n                        isRequired\n                        render={({field}) => (\n                          <InputBox {...field} disabled={disabled} />\n                        )}\n                      />\n\n                      <Controller\n                        label={__('JSONSchema.description')}\n                        name=\"description\"\n                        control={control}\n                        render={({field}) => (\n                          <Textarea {...field} disabled={disabled} />\n                        )}\n                      />\n\n                      <Controller\n                        label={__('JSONSchema.default')}\n                        name=\"default\"\n                        control={control}\n                        render={({field}) => (\n                          <InputBox {...field} disabled={disabled} />\n                        )}\n                      />\n\n                      {renderModalProps?.(getValues(), (values: any) => {\n                        Object.keys(values).forEach(key =>\n                          setValue(key, values[key])\n                        );\n                      })}\n                    </>\n                  )}\n                </Form>\n              ) : null;\n            }}\n            beforeConfirm={this.handleBeforeSubmit}\n            onConfirm={this.handlePropsChange}\n            title={__('SubForm.editDetail')}\n          >\n            {({onClick}) => (\n              <Button\n                disabled={disabled || !!value?.$ref}\n                className={cx('SchemaEditor-btn')}\n                onClick={onClick}\n              >\n                <Icon icon=\"setting\" className=\"icon\" />\n              </Button>\n            )}\n          </PickerContainer>\n        ) : null}\n\n        {affix}\n      </>\n    );\n  }\n\n  render() {\n    const {classnames: cx} = this.props;\n    return <div className={cx('SchemaEditorItem')}>{this.renderCommon()}</div>;\n  }\n}\n"
     ]
 }

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

@@ -113,12 +113,12 @@ var SchemaEditorItemObject = /** @class */ (function (_super) {
     };
     SchemaEditorItemObject.prototype.rendererProps = function () {
         var _this = this;
-        var _a = this.props, value = _a.value, __ = _a.translate, cx = _a.classnames, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange;
+        var _a = this.props, value = _a.value, __ = _a.translate, cx = _a.classnames, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting;
         var members = this.state.members;
         return (react_1.default.createElement("div", { className: cx('SchemaEditorProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            members.length ? (members.map(function (member, index) { return (react_1.default.createElement(Item_1.SchemaEditorItem, { key: member.id, types: types, onTypeChange: onTypeChange, prefix: react_1.default.createElement(react_1.default.Fragment, null,
+            members.length ? (members.map(function (member, index) { return (react_1.default.createElement(Item_1.SchemaEditorItem, { key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, prefix: react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(InputBox_1.default, { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __('JSONSchema.key'), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }),
                     react_1.default.createElement(InputBox_1.default, { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __('JSONSchema.title'), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) })), affix: react_1.default.createElement(Button_1.default, { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
                     react_1.default.createElement(icons_1.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index) })); })) : (react_1.default.createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __('placeholder.empty'))),