amis 1.9.1-beta.0 → 1.9.1-beta.4

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'))),

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

@@ -6,8 +6,8 @@
         "/src/components/schema-editor/Object.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {autobind, guid} from '../../utils/helper';\nimport Button from '../Button';\nimport {Icon} from '../icons';\nimport InputBox from '../InputBox';\nimport {SchemaEditorItemCommon, SchemaEditorItemCommonProps} from './Common';\nimport {SchemaEditorItem} from './Item';\n\nexport interface SchemaEditorItemObjectState {\n  members: Array<{\n    id: string;\n    key: string;\n    hasError?: boolean;\n    required?: boolean;\n    schema: JSONSchema;\n  }>;\n  collapsed: boolean;\n}\n\nexport class SchemaEditorItemObject extends SchemaEditorItemCommon<\n  SchemaEditorItemCommonProps,\n  SchemaEditorItemObjectState\n> {\n  state = {\n    members: this.propsToMembers(this.props),\n    collapsed: false\n  };\n\n  lastValue: any;\n\n  componentDidUpdate(prevProps: SchemaEditorItemCommonProps) {\n    const props = this.props;\n\n    // 外部属性变化，更新 state\n    if (\n      props.value !== prevProps.value &&\n      JSON.stringify(props.value) !== JSON.stringify(this.lastValue)\n    ) {\n      this.setState({\n        members: this.propsToMembers(props)\n      });\n    }\n  }\n\n  propsToMembers(props: SchemaEditorItemCommonProps) {\n    const members: Array<{\n      id: string;\n      key: string;\n      hasError?: boolean;\n      required?: boolean;\n      schema: JSONSchema;\n    }> = [];\n    const required = Array.isArray(props.value?.required)\n      ? props.value!.required\n      : [];\n\n    if (props.value?.properties) {\n      const properties = props.value.properties;\n      Object.keys(properties).forEach(key => {\n        const value = properties[key] as any;\n\n        members.push({\n          id: guid(),\n          key: key || '',\n          hasError: !key || members.some(i => i.key === key),\n          required: !!~required.indexOf(key),\n          schema: value\n        });\n      });\n    }\n\n    return members;\n  }\n\n  @autobind\n  pipeOut() {\n    const members = this.state.members;\n    const {value, onChange} = this.props;\n    const properties: any = {};\n    const required: Array<string> = [];\n\n    members\n      .filter(item => !item.hasError)\n      .forEach(member => {\n        properties[member.key] = member.schema;\n\n        if (member.required) {\n          required.push(member.key);\n        }\n      });\n\n    this.lastValue = {\n      ...value,\n      properties,\n      required\n    };\n    onChange?.(this.lastValue);\n  }\n\n  @autobind\n  handleAdd() {\n    const members = this.state.members.concat();\n    members.push({\n      id: guid(),\n      key: '',\n      hasError: true,\n      required: false,\n      schema: {\n        type: 'string'\n      }\n    });\n\n    this.setState(\n      {\n        members\n      },\n      this.pipeOut\n    );\n  }\n\n  @autobind\n  handlePropKeyChange(index: number, key: string) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      key,\n      hasError: !key || members.some((m, i) => i !== index && m.key === key)\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropTitleChange(index: number, title: string) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      schema: {\n        ...members[index].schema,\n        title\n      }\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropRemove(index: number) {\n    const members = this.state.members.concat();\n    members.splice(index, 1);\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropChange(index: number, item: any) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      schema: {\n        ...item\n      }\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropRequiredChange(index: number, required: boolean) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      required\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  toggleCollapsed() {\n    this.setState({\n      collapsed: !this.state.collapsed\n    });\n  }\n\n  rendererProps() {\n    const {\n      value,\n      translate: __,\n      classnames: cx,\n      renderExtraProps,\n      renderModalProps,\n      locale,\n      classPrefix,\n      disabled,\n      showInfo,\n      types,\n      onTypeChange\n    } = this.props;\n    const members = this.state.members;\n\n    return (\n      <div\n        className={cx('SchemaEditorProps', {\n          'SchemaEditorProps--depth': showInfo !== false\n        })}\n      >\n        {members.length ? (\n          members.map((member, index) => (\n            <SchemaEditorItem\n              key={member.id}\n              types={types}\n              onTypeChange={onTypeChange}\n              prefix={\n                <>\n                  <InputBox\n                    className={cx('SchemaEditor-key')}\n                    hasError={member.hasError}\n                    value={member.key || ''}\n                    onChange={this.handlePropKeyChange.bind(this, index)}\n                    placeholder={__('JSONSchema.key')}\n                    disabled={disabled || !!value?.$ref}\n                  />\n\n                  <InputBox\n                    className={cx('SchemaEditor-title')}\n                    value={member.schema.title || ''}\n                    onChange={this.handlePropTitleChange.bind(this, index)}\n                    placeholder={__('JSONSchema.title')}\n                    disabled={disabled || !!value?.$ref}\n                  />\n                </>\n              }\n              affix={\n                <Button\n                  className={cx('SchemaEditor-btn')}\n                  onClick={this.handlePropRemove.bind(this, index)}\n                  iconOnly\n                  disabled={disabled || !!value?.$ref}\n                >\n                  <Icon icon=\"remove\" className=\"icon\" />\n                </Button>\n              }\n              value={member.schema}\n              onChange={this.handlePropChange.bind(this, index)}\n              renderExtraProps={renderExtraProps}\n              renderModalProps={renderModalProps}\n              locale={locale}\n              translate={__}\n              classnames={cx}\n              classPrefix={classPrefix}\n              disabled={disabled || !!value?.$ref}\n              required={member.required}\n              onRequiredChange={this.handlePropRequiredChange.bind(this, index)}\n            />\n          ))\n        ) : (\n          <div className={cx('SchemaEditorProps-placeholder')}>\n            {__('placeholder.empty')}\n          </div>\n        )}\n\n        <Button\n          level=\"link\"\n          onClick={this.handleAdd}\n          size=\"xs\"\n          disabled={disabled || !!value?.$ref}\n        >\n          {__('JSONSchema.add_prop')}\n        </Button>\n      </div>\n    );\n  }\n\n  render() {\n    const {classnames: cx, showInfo, translate: __, disabled} = this.props;\n\n    return (\n      <div\n        className={cx('SchemaEditorItem SchemaEditorObject', {\n          'is-collapsed': this.state.collapsed\n        })}\n      >\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.rendererProps()}\n      </div>\n    );\n  }\n}\n"
+        "import React from 'react';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {autobind, guid} from '../../utils/helper';\nimport Button from '../Button';\nimport {Icon} from '../icons';\nimport InputBox from '../InputBox';\nimport {SchemaEditorItemCommon, SchemaEditorItemCommonProps} from './Common';\nimport {SchemaEditorItem} from './Item';\n\nexport interface SchemaEditorItemObjectState {\n  members: Array<{\n    id: string;\n    key: string;\n    hasError?: boolean;\n    required?: boolean;\n    schema: JSONSchema;\n  }>;\n  collapsed: boolean;\n}\n\nexport class SchemaEditorItemObject extends SchemaEditorItemCommon<\n  SchemaEditorItemCommonProps,\n  SchemaEditorItemObjectState\n> {\n  state = {\n    members: this.propsToMembers(this.props),\n    collapsed: false\n  };\n\n  lastValue: any;\n\n  componentDidUpdate(prevProps: SchemaEditorItemCommonProps) {\n    const props = this.props;\n\n    // 外部属性变化，更新 state\n    if (\n      props.value !== prevProps.value &&\n      JSON.stringify(props.value) !== JSON.stringify(this.lastValue)\n    ) {\n      this.setState({\n        members: this.propsToMembers(props)\n      });\n    }\n  }\n\n  propsToMembers(props: SchemaEditorItemCommonProps) {\n    const members: Array<{\n      id: string;\n      key: string;\n      hasError?: boolean;\n      required?: boolean;\n      schema: JSONSchema;\n    }> = [];\n    const required = Array.isArray(props.value?.required)\n      ? props.value!.required\n      : [];\n\n    if (props.value?.properties) {\n      const properties = props.value.properties;\n      Object.keys(properties).forEach(key => {\n        const value = properties[key] as any;\n\n        members.push({\n          id: guid(),\n          key: key || '',\n          hasError: !key || members.some(i => i.key === key),\n          required: !!~required.indexOf(key),\n          schema: value\n        });\n      });\n    }\n\n    return members;\n  }\n\n  @autobind\n  pipeOut() {\n    const members = this.state.members;\n    const {value, onChange} = this.props;\n    const properties: any = {};\n    const required: Array<string> = [];\n\n    members\n      .filter(item => !item.hasError)\n      .forEach(member => {\n        properties[member.key] = member.schema;\n\n        if (member.required) {\n          required.push(member.key);\n        }\n      });\n\n    this.lastValue = {\n      ...value,\n      properties,\n      required\n    };\n    onChange?.(this.lastValue);\n  }\n\n  @autobind\n  handleAdd() {\n    const members = this.state.members.concat();\n    members.push({\n      id: guid(),\n      key: '',\n      hasError: true,\n      required: false,\n      schema: {\n        type: 'string'\n      }\n    });\n\n    this.setState(\n      {\n        members\n      },\n      this.pipeOut\n    );\n  }\n\n  @autobind\n  handlePropKeyChange(index: number, key: string) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      key,\n      hasError: !key || members.some((m, i) => i !== index && m.key === key)\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropTitleChange(index: number, title: string) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      schema: {\n        ...members[index].schema,\n        title\n      }\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropRemove(index: number) {\n    const members = this.state.members.concat();\n    members.splice(index, 1);\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropChange(index: number, item: any) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      schema: {\n        ...item\n      }\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  handlePropRequiredChange(index: number, required: boolean) {\n    const members = this.state.members.concat();\n    members[index] = {\n      ...members[index],\n      required\n    };\n\n    this.setState({members}, this.pipeOut);\n  }\n\n  @autobind\n  toggleCollapsed() {\n    this.setState({\n      collapsed: !this.state.collapsed\n    });\n  }\n\n  rendererProps() {\n    const {\n      value,\n      translate: __,\n      classnames: cx,\n      renderExtraProps,\n      renderModalProps,\n      locale,\n      classPrefix,\n      disabled,\n      showInfo,\n      types,\n      onTypeChange,\n      enableAdvancedSetting\n    } = this.props;\n    const members = this.state.members;\n\n    return (\n      <div\n        className={cx('SchemaEditorProps', {\n          'SchemaEditorProps--depth': showInfo !== false\n        })}\n      >\n        {members.length ? (\n          members.map((member, index) => (\n            <SchemaEditorItem\n              key={member.id}\n              types={types}\n              onTypeChange={onTypeChange}\n              enableAdvancedSetting={enableAdvancedSetting}\n              prefix={\n                <>\n                  <InputBox\n                    className={cx('SchemaEditor-key')}\n                    hasError={member.hasError}\n                    value={member.key || ''}\n                    onChange={this.handlePropKeyChange.bind(this, index)}\n                    placeholder={__('JSONSchema.key')}\n                    disabled={disabled || !!value?.$ref}\n                  />\n\n                  <InputBox\n                    className={cx('SchemaEditor-title')}\n                    value={member.schema.title || ''}\n                    onChange={this.handlePropTitleChange.bind(this, index)}\n                    placeholder={__('JSONSchema.title')}\n                    disabled={disabled || !!value?.$ref}\n                  />\n                </>\n              }\n              affix={\n                <Button\n                  className={cx('SchemaEditor-btn')}\n                  onClick={this.handlePropRemove.bind(this, index)}\n                  iconOnly\n                  disabled={disabled || !!value?.$ref}\n                >\n                  <Icon icon=\"remove\" className=\"icon\" />\n                </Button>\n              }\n              value={member.schema}\n              onChange={this.handlePropChange.bind(this, index)}\n              renderExtraProps={renderExtraProps}\n              renderModalProps={renderModalProps}\n              locale={locale}\n              translate={__}\n              classnames={cx}\n              classPrefix={classPrefix}\n              disabled={disabled || !!value?.$ref}\n              required={member.required}\n              onRequiredChange={this.handlePropRequiredChange.bind(this, index)}\n            />\n          ))\n        ) : (\n          <div className={cx('SchemaEditorProps-placeholder')}>\n            {__('placeholder.empty')}\n          </div>\n        )}\n\n        <Button\n          level=\"link\"\n          onClick={this.handleAdd}\n          size=\"xs\"\n          disabled={disabled || !!value?.$ref}\n        >\n          {__('JSONSchema.add_prop')}\n        </Button>\n      </div>\n    );\n  }\n\n  render() {\n    const {classnames: cx, showInfo, translate: __, disabled} = this.props;\n\n    return (\n      <div\n        className={cx('SchemaEditorItem SchemaEditorObject', {\n          'is-collapsed': this.state.collapsed\n        })}\n      >\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.rendererProps()}\n      </div>\n    );\n  }\n}\n"
     ]
 }