amis-rev-ui 6.13.0

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

@@ -0,0 +1,162 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { autobind } from 'amis-rev-core';
+import Button from '../Button.js';
+import Checkbox from '../Checkbox.js';
+import Form from '../Form.js';
+import { Controller } from '../FormField.js';
+import { Icon } from '../icons.js';
+import InputBox from '../InputBox.js';
+import PickerContainer from '../PickerContainer.js';
+import EnhancedSelect from '../Select.js';
+import Textarea from '../Textarea.js';
+import { SchemaEditorItem } from './Item.js';
+
+var schemaEditorItemPlaceholder = {
+    key: 'JSONSchema.key',
+    title: 'JSONSchema.title',
+    description: 'JSONSchema.description',
+    default: 'JSONSchema.default',
+    empty: 'placeholder.empty'
+};
+var SchemaEditorItemCommon = /** @class */ (function (_super) {
+    __extends(SchemaEditorItemCommon, _super);
+    function SchemaEditorItemCommon() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SchemaEditorItemCommon.prototype.handleTypeChange = function (type) {
+        var _a;
+        var _b = this.props, value = _b.value, onChange = _b.onChange, onTypeChange = _b.onTypeChange;
+        var newValue = {
+            type: type,
+            title: value === null || value === void 0 ? void 0 : value.title
+        };
+        newValue = (_a = onTypeChange === null || onTypeChange === void 0 ? void 0 : onTypeChange(type, newValue, value)) !== null && _a !== void 0 ? _a : newValue;
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    SchemaEditorItemCommon.prototype.handlePropsChange = function (newValue) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onFormConfirm, onChange, value;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onFormConfirm = _a.onFormConfirm, onChange = _a.onChange, value = _a.value;
+                        if (!onFormConfirm) return [3 /*break*/, 2];
+                        return [4 /*yield*/, onFormConfirm(newValue)];
+                    case 1:
+                        _b.sent();
+                        _b.label = 2;
+                    case 2:
+                        onChange === null || onChange === void 0 ? void 0 : onChange(__assign(__assign({}, value), newValue));
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    SchemaEditorItemCommon.prototype.handleBeforeSubmit = function (form) {
+        return form.submit();
+    };
+    SchemaEditorItemCommon.prototype.renderCommon = function () {
+        var _this = this;
+        var _a;
+        var _b = this.props, label = _b.label, value = _b.value, __ = _b.translate, locale = _b.locale, typeMutable = _b.typeMutable, disabled = _b.disabled, cx = _b.classnames, classPrefix = _b.classPrefix, required = _b.required, onRequiredChange = _b.onRequiredChange, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, prefix = _b.prefix, affix = _b.affix, types = _b.types, placeholder = _b.placeholder, mobileUI = _b.mobileUI, mini = _b.mini, formPrefixRender = _b.formPrefixRender, formAffixRender = _b.formAffixRender;
+        return (React__default.createElement(React__default.Fragment, null,
+            prefix,
+            mini ? (React__default.createElement("span", { className: cx('SchemaEditor-info') },
+                React__default.createElement("span", { className: cx('SchemaEditor-label') },
+                    (value === null || value === void 0 ? void 0 : value.isRequired) ? (React__default.createElement("span", { className: cx('Form-star') }, "*")) : (''), label !== null && label !== void 0 ? label : ((value === null || value === void 0 ? void 0 : value.title) || (value === null || value === void 0 ? void 0 : value.key) || '')),
+                React__default.createElement("span", { className: cx('SchemaEditor-typeLabel') }, ((_a = types.find(function (item) { return item.value === (value === null || value === void 0 ? void 0 : value.type); })) === null || _a === void 0 ? void 0 : _a.label) || ''))) : null,
+            !mini && types.length > 1 ? (React__default.createElement(EnhancedSelect, { 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, mobileUI: mobileUI, popOverContainer: popOverContainer, dataName: onRequiredChange ? "".concat(this.props.dataName, "-type") : '' })) : null,
+            !mini && onRequiredChange ? (React__default.createElement(Checkbox, { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled, dataName: "".concat(this.props.dataName, "-required") })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
+            renderExtraProps(value, this.handlePropsChange),
+            enableAdvancedSetting || mini ? (React__default.createElement(PickerContainer, { mobileUI: mobileUI, value: value, bodyRender: function (_a) {
+                    var isOpened = _a.isOpened, value = _a.value, onChange = _a.onChange, ref = _a.ref;
+                    return isOpened ? (React__default.createElement(SchemaEditorItem, { types: types, value: value, onChange: onChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled, onTypeChange: _this.handleTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, placeholder: placeholder, mobileUI: mobileUI, mini: mini, formRef: ref, formMode: true, formPrefixRender: formPrefixRender, formAffixRender: formAffixRender })) : null;
+                }, beforeConfirm: this.handleBeforeSubmit, onConfirm: this.handlePropsChange, title: __('SubForm.editDetail'), popOverContainer: popOverContainer }, function (_a) {
+                var onClick = _a.onClick;
+                return (React__default.createElement(Button, { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick, level: mini ? 'link' : 'default' },
+                    React__default.createElement(Icon, { icon: mini ? 'edit' : 'setting', className: "icon" })));
+            })) : null,
+            affix));
+    };
+    SchemaEditorItemCommon.prototype.handleFormChange = function (values) {
+        var _a = this.props, originValue = _a.value, onChange = _a.onChange;
+        if ((values === null || values === void 0 ? void 0 : values.type) !== (originValue === null || originValue === void 0 ? void 0 : originValue.type)) {
+            onChange(values);
+        }
+    };
+    SchemaEditorItemCommon.prototype.renderForm = function (props) {
+        var _a = __assign(__assign({}, this.props), props), value = _a.value, onChange = _a.onChange, formRef = _a.formRef, __ = _a.translate, disabled = _a.disabled, placeholder = _a.placeholder, mobileUI = _a.mobileUI, renderModalProps = _a.renderModalProps, mini = _a.mini, types = _a.types, cx = _a.classnames, popOverContainer = _a.popOverContainer, formPrefixRender = _a.formPrefixRender, formAffixRender = _a.formAffixRender;
+        return (React__default.createElement(Form, { defaultValue: value, onChange: this.handleFormChange, onSubmit: onChange, ref: formRef }, function (methods) {
+            var _a, _b;
+            return (React__default.createElement(React__default.Fragment, null, (_a = formPrefixRender === null || formPrefixRender === void 0 ? void 0 : formPrefixRender(methods)) !== null && _a !== void 0 ? _a : null,
+                mini ? (React__default.createElement(Controller, { label: __('JSONSchema.type'), name: "type", control: methods.control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
+                        var field = _a.field;
+                        return (React__default.createElement(EnhancedSelect, __assign({}, field, { block: true, options: types, className: cx('SchemaEditor-type'), clearable: false, disabled: disabled, simpleValue: true, mobileUI: mobileUI, popOverContainer: popOverContainer })));
+                    } })) : null,
+                React__default.createElement(Controller, { label: __('JSONSchema.title'), name: "title", control: methods.control, rules: { maxLength: 20 }, render: function (_a) {
+                        var _b;
+                        var field = _a.field;
+                        return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), mobileUI: mobileUI })));
+                    } }),
+                React__default.createElement(Controller, { label: __('JSONSchema.description'), name: "description", control: methods.control, render: function (_a) {
+                        var _b;
+                        var field = _a.field;
+                        return (React__default.createElement(Textarea, __assign({}, field, { disabled: disabled, mobileUI: mobileUI, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
+                    } }),
+                React__default.createElement(Controller, { label: __('JSONSchema.default'), name: "default", control: methods.control, render: function (_a) {
+                        var _b;
+                        var field = _a.field;
+                        return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : ''), mobileUI: mobileUI })));
+                    } }), (_b = formAffixRender === null || formAffixRender === void 0 ? void 0 : formAffixRender(methods)) !== null && _b !== void 0 ? _b : null, renderModalProps === null || renderModalProps === void 0 ? void 0 :
+                renderModalProps(methods.getValues(), function (values) {
+                    Object.keys(values).forEach(function (key) {
+                        return methods.setValue(key, values[key]);
+                    });
+                })));
+        }));
+    };
+    SchemaEditorItemCommon.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, formMode = _a.formMode, mini = _a.mini;
+        if (formMode) {
+            return this.renderForm();
+        }
+        return (React__default.createElement("div", { className: cx('SchemaEditorItem', {
+                'SchemaEditorItem--mini': mini
+            }), "data-amis-name": this.props.dataName }, this.renderCommon()));
+    };
+    var _a;
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemCommon.prototype, "handleTypeChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [typeof (_a = typeof JSONSchema !== "undefined" && JSONSchema) === "function" ? _a : Object]),
+        __metadata("design:returntype", Promise)
+    ], SchemaEditorItemCommon.prototype, "handlePropsChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemCommon.prototype, "handleBeforeSubmit", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemCommon.prototype, "handleFormChange", null);
+    return SchemaEditorItemCommon;
+}(React__default.Component));
+var ITEMMAP = {};
+
+export { ITEMMAP, SchemaEditorItemCommon, schemaEditorItemPlaceholder };

package/esm/components/schema-editor/Item.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LocaleProps, ThemeProps } from 'amis-rev-core';
+import { SchemaEditorItemCommonProps } from './Common';
+export interface SchemaEditorItemProps extends SchemaEditorItemCommonProps, LocaleProps, ThemeProps {
+}
+export declare class SchemaEditorItem extends React.Component<SchemaEditorItemProps> {
+    render(): React.JSX.Element;
+}

package/esm/components/schema-editor/Item.js

@@ -0,0 +1,24 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import { ITEMMAP, SchemaEditorItemCommon } from './Common.js';
+
+var SchemaEditorItem = /** @class */ (function (_super) {
+    __extends(SchemaEditorItem, _super);
+    function SchemaEditorItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SchemaEditorItem.prototype.render = function () {
+        var value = this.props.value;
+        // 动态Component要用大写开头的才会被识别
+        var Renderer = ((value === null || value === void 0 ? void 0 : value.type) && ITEMMAP[value === null || value === void 0 ? void 0 : value.type]) || SchemaEditorItemCommon;
+        return (React__default.createElement(Renderer, __assign({}, this.props, { key: (value === null || value === void 0 ? void 0 : value.type) || 'string' })));
+    };
+    return SchemaEditorItem;
+}(React__default.Component));
+
+export { SchemaEditorItem };

package/esm/components/schema-editor/Object.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { JSONSchema } from 'amis-rev-core';
+import { SchemaEditorItemCommon } from './Common';
+import type { SchemaEditorItemCommonProps } from './Common';
+import { UseFormReturn } from 'react-hook-form';
+export interface SchemaEditorItemObjectState {
+    members: Array<{
+        id: string;
+        key: string;
+        hasError?: boolean;
+        required?: boolean;
+        schema: JSONSchema;
+    }>;
+    collapsed: boolean;
+}
+export declare class SchemaEditorItemObject extends SchemaEditorItemCommon<SchemaEditorItemCommonProps, SchemaEditorItemObjectState> {
+    state: {
+        members: {
+            id: string;
+            key: string;
+            hasError?: boolean;
+            required?: boolean;
+            schema: JSONSchema;
+        }[];
+        collapsed: boolean;
+    };
+    lastValue: any;
+    componentDidUpdate(prevProps: SchemaEditorItemCommonProps): void;
+    propsToMembers(props: SchemaEditorItemCommonProps): {
+        id: string;
+        key: string;
+        hasError?: boolean;
+        required?: boolean;
+        schema: JSONSchema;
+    }[];
+    pipeOut(): void;
+    handleAdd(): void;
+    handleAddProppertyConfirm({ key, isRequired: required, ...value }: any): void;
+    handleEditProppertyConfirm(index: number, value: any): void;
+    handlePropKeyChange(index: number, key: string): void;
+    handlePropTitleChange(index: number, title: string): void;
+    handlePropRemove(index: number): void;
+    handlePropChange(index: number, { key, isRequired: required, ...item }: any): void;
+    handlePropRequiredChange(index: number, required: boolean): void;
+    toggleCollapsed(): void;
+    renderFormPrefix(methods: UseFormReturn & {
+        onSubmit: (value: any) => void;
+    }): React.JSX.Element;
+    rendererProps(): React.JSX.Element;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,294 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __rest, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { guid, autobind } from 'amis-rev-core';
+import Button from '../Button.js';
+import { Icon } from '../icons.js';
+import InputBox from '../InputBox.js';
+import { SchemaEditorItemCommon, ITEMMAP } from './Common.js';
+import { SchemaEditorItem } from './Item.js';
+import PickerContainer from '../PickerContainer.js';
+import { Controller } from '../FormField.js';
+import Checkbox from '../Checkbox.js';
+
+var SchemaEditorItemObject = /** @class */ (function (_super) {
+    __extends(SchemaEditorItemObject, _super);
+    function SchemaEditorItemObject() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            members: _this.propsToMembers(_this.props),
+            collapsed: false
+        };
+        return _this;
+    }
+    SchemaEditorItemObject.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        // 外部属性变化，更新 state
+        if (props.value !== prevProps.value &&
+            JSON.stringify(props.value) !== JSON.stringify(this.lastValue)) {
+            this.setState({
+                members: this.propsToMembers(props)
+            });
+        }
+    };
+    SchemaEditorItemObject.prototype.propsToMembers = function (props) {
+        var _a, _b;
+        var members = [];
+        var required = Array.isArray((_a = props.value) === null || _a === void 0 ? void 0 : _a.required)
+            ? props.value.required
+            : [];
+        if ((_b = props.value) === null || _b === void 0 ? void 0 : _b.properties) {
+            var properties_1 = props.value.properties;
+            Object.keys(properties_1).forEach(function (key) {
+                var value = properties_1[key];
+                members.push({
+                    id: guid(),
+                    key: key || '',
+                    hasError: !key || members.some(function (i) { return i.key === key; }),
+                    required: !!~required.indexOf(key),
+                    schema: value
+                });
+            });
+        }
+        return members;
+    };
+    SchemaEditorItemObject.prototype.pipeOut = function () {
+        var members = this.state.members;
+        var _a = this.props, value = _a.value, onChange = _a.onChange;
+        var properties = {};
+        var required = [];
+        members
+            .filter(function (item) { return !item.hasError; })
+            .forEach(function (member) {
+            properties[member.key] = member.schema;
+            if (member.required) {
+                required.push(member.key);
+            }
+        });
+        this.lastValue = __assign(__assign({}, value), { properties: properties, required: required });
+        onChange === null || onChange === void 0 ? void 0 : onChange(this.lastValue);
+    };
+    SchemaEditorItemObject.prototype.handleAdd = function () {
+        var members = this.state.members.concat();
+        members.push({
+            id: guid(),
+            key: '',
+            hasError: true,
+            required: false,
+            schema: {
+                type: 'string'
+            }
+        });
+        this.setState({
+            members: members
+        }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handleAddProppertyConfirm = function (_a) {
+        var key = _a.key, required = _a.isRequired, value = __rest(_a, ["key", "isRequired"]);
+        var members = this.state.members.concat();
+        if (members.some(function (member) { return member.key === key; })) {
+            throw new Error(this.props.translate('JSONSchema.key_duplicated'));
+        }
+        members.push({
+            id: guid(),
+            key: key || '',
+            hasError: false,
+            required: required,
+            schema: value
+        });
+        this.setState({
+            members: members
+        }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handleEditProppertyConfirm = function (index, value) {
+        var exists = this.state.members.some(function (m, i) { return i !== index && m.key === value.key; });
+        if (exists) {
+            throw new Error(this.props.translate('JSONSchema.key_duplicated'));
+        }
+    };
+    SchemaEditorItemObject.prototype.handlePropKeyChange = function (index, key) {
+        var members = this.state.members.concat();
+        members[index] = __assign(__assign({}, members[index]), { key: key, hasError: !key || members.some(function (m, i) { return i !== index && m.key === key; }) });
+        this.setState({ members: members }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handlePropTitleChange = function (index, title) {
+        var members = this.state.members.concat();
+        members[index] = __assign(__assign({}, members[index]), { schema: __assign(__assign({}, members[index].schema), { title: title }) });
+        this.setState({ members: members }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handlePropRemove = function (index) {
+        var members = this.state.members.concat();
+        members.splice(index, 1);
+        this.setState({ members: members }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handlePropChange = function (index, _a) {
+        var key = _a.key, required = _a.isRequired, item = __rest(_a, ["key", "isRequired"]);
+        var mini = this.props.mini;
+        var members = this.state.members.concat();
+        members[index] = __assign(__assign(__assign({}, members[index]), (mini
+            ? {
+                key: key,
+                required: required
+            }
+            : undefined)), { schema: __assign({}, item) });
+        this.setState({ members: members }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.handlePropRequiredChange = function (index, required) {
+        var members = this.state.members.concat();
+        members[index] = __assign(__assign({}, members[index]), { required: required });
+        this.setState({ members: members }, this.pipeOut);
+    };
+    SchemaEditorItemObject.prototype.toggleCollapsed = function () {
+        this.setState({
+            collapsed: !this.state.collapsed
+        });
+    };
+    SchemaEditorItemObject.prototype.renderFormPrefix = function (methods) {
+        var _a = this.props, placeholder = _a.placeholder, mobileUI = _a.mobileUI, cx = _a.classnames, __ = _a.translate;
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Controller, { label: __('JSONSchema.key'), name: "key", control: methods.control, rules: { maxLength: 20, isVariableName: true }, isRequired: true, render: function (_a) {
+                    var _b;
+                    var field = _a.field;
+                    return (React__default.createElement(InputBox, __assign({}, field, { placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _b !== void 0 ? _b : ''), mobileUI: mobileUI })));
+                } }),
+            React__default.createElement(Controller, { label: __('JSONSchema.required'), name: "isRequired", control: methods.control, render: function (_a) {
+                    var field = _a.field;
+                    return (React__default.createElement(Checkbox, __assign({}, field, { value: !!field.value, className: cx('SchemaEditor-required'), label: __('Required') })));
+                } })));
+    };
+    SchemaEditorItemObject.prototype.rendererProps = function () {
+        var _this = this;
+        var _a;
+        var _b = this.props, value = _b.value, __ = _b.translate, cx = _b.classnames, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, placeholder = _b.placeholder, mobileUI = _b.mobileUI, mini = _b.mini, addButtonText = _b.addButtonText, dataName = _b.dataName;
+        var members = this.state.members;
+        return (React__default.createElement("div", { className: cx('SchemaEditorProps', {
+                'SchemaEditorProps--depth': showInfo !== false
+            }) },
+            members.length ? (members.map(function (member, index) {
+                var _a, _b;
+                var memberKey = dataName
+                    ? dataName + '-' + member.key
+                    : member.key;
+                return (React__default.createElement(SchemaEditorItem, { dataName: memberKey, mobileUI: mobileUI, mini: mini, key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, prefix: mini ? undefined : (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(InputBox, { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), mobileUI: mobileUI, dataName: "".concat(memberKey, "-key") }),
+                        React__default.createElement(InputBox, { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), mobileUI: mobileUI, dataName: "".concat(memberKey, "-title") }))), affix: React__default.createElement(Button, { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: !mini, level: mini ? 'link' : 'default', disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        React__default.createElement(Icon, { icon: "remove", className: "icon" })), value: mini
+                        ? __assign(__assign({}, member.schema), { key: member.key, isRequired: member.required })
+                        : member.schema, onChange: _this.handlePropChange.bind(_this, index), onFormConfirm: _this.handleEditProppertyConfirm.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), placeholder: placeholder, formPrefixRender: _this.renderFormPrefix }));
+            })) : (React__default.createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
+            mini ? (React__default.createElement(PickerContainer, { mobileUI: mobileUI, value: {
+                    type: 'string'
+                }, bodyRender: function (_a) {
+                    var isOpened = _a.isOpened, value = _a.value, onChange = _a.onChange, ref = _a.ref;
+                    return isOpened ? (React__default.createElement(SchemaEditorItem, { types: types, value: value, onChange: onChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled, onTypeChange: _this.handleTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, placeholder: placeholder, mobileUI: mobileUI, mini: mini, formRef: ref, formMode: true, formPrefixRender: _this.renderFormPrefix })) : null;
+                }, beforeConfirm: this.handleBeforeSubmit, onConfirm: this.handleAddProppertyConfirm, title: __('JSONSchema.add_prop'), popOverContainer: popOverContainer }, function (_a) {
+                var onClick = _a.onClick;
+                return (React__default.createElement(Button, { level: "enhance", block: true, onClick: onClick, size: "sm", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop')));
+            })) : (React__default.createElement(Button, { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop')))));
+    };
+    SchemaEditorItemObject.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo, __ = _a.translate, formMode = _a.formMode; _a.disabled; var locale = _a.locale, classPrefix = _a.classPrefix, mini = _a.mini, types = _a.types, placeholder = _a.placeholder, mobileUI = _a.mobileUI, expandMembers = _a.expandMembers;
+        if (formMode) {
+            return this.renderForm({
+                formAffixRender: function (methods) {
+                    return (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(Controller, { label: __('JSONSchema.members'), name: "properties", control: methods.control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(SchemaEditorItem, __assign({}, field, { types: types, value: {
+                                        type: 'object',
+                                        required: [],
+                                        properties: field.value
+                                    }, onChange: function (value) { return field.onChange(value.properties); }, placeholder: placeholder, mobileUI: mobileUI, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, mini: false })));
+                            } })));
+                }
+            });
+        }
+        return (React__default.createElement("div", { className: cx('SchemaEditorItem SchemaEditorObject', {
+                'is-collapsed': this.state.collapsed,
+                'SchemaEditorItem--mini': mini
+            }), "data-amis-name": this.props.dataName },
+            showInfo !== false ? (React__default.createElement(React__default.Fragment, null,
+                mini ? null : (React__default.createElement("a", { className: cx('SchemaEditor-caret', {
+                        'is-collapsed': this.state.collapsed
+                    }), onClick: this.toggleCollapsed },
+                    React__default.createElement(Icon, { icon: "caret", className: "icon" }))),
+                this.renderCommon())) : null,
+            this.state.collapsed || (mini && expandMembers !== true)
+                ? null
+                : this.rendererProps()));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "pipeOut", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handleAdd", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handleAddProppertyConfirm", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handleEditProppertyConfirm", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, String]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handlePropKeyChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, String]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handlePropTitleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handlePropRemove", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handlePropChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Number, Boolean]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "handlePropRequiredChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "toggleCollapsed", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemObject.prototype, "renderFormPrefix", null);
+    return SchemaEditorItemObject;
+}(SchemaEditorItemCommon));
+ITEMMAP.object = SchemaEditorItemObject;
+
+export { SchemaEditorItemObject };

package/esm/components/schema-editor/SchemaVariableList.js

@@ -0,0 +1,74 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { DataSchema, autobind, localeable, themeable } from 'amis-rev-core';
+import VariableList from '../formula/VariableList.js';
+import TooltipWrapper from '../TooltipWrapper.js';
+
+var SchemaVariableList = /** @class */ (function (_super) {
+    __extends(SchemaVariableList, _super);
+    function SchemaVariableList() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            variables: _this.schemasToVaraibles(_this.props)
+        };
+        return _this;
+    }
+    SchemaVariableList.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        if (props.schemas !== prevProps.schemas) {
+            this.setState({
+                variables: this.schemasToVaraibles(props)
+            });
+        }
+    };
+    SchemaVariableList.prototype.schemasToVaraibles = function (props) {
+        var _a, _b;
+        var schemas = Array.isArray(props.schemas)
+            ? props.schemas.concat()
+            : props.schemas
+                ? [props.schemas]
+                : [];
+        var dataSchema = new DataSchema(schemas);
+        this.dataSchema = dataSchema;
+        (_b = (_a = this.props).beforeBuildVariables) === null || _b === void 0 ? void 0 : _b.call(_a, dataSchema);
+        return dataSchema.getDataPropsAsOptions();
+    };
+    SchemaVariableList.prototype.handleSelect = function (item) {
+        var _a;
+        var onSelect = this.props.onSelect;
+        var schema = (_a = this.dataSchema) === null || _a === void 0 ? void 0 : _a.getSchemaByPath(item.value);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, schema);
+    };
+    SchemaVariableList.prototype.itemRender = function (option) {
+        var _a = this.props, cx = _a.classnames, __ = _a.translate;
+        return (React__default.createElement("span", { className: cx("FormulaEditor-VariableList-item") },
+            React__default.createElement("label", null, option.label),
+            React__default.createElement(TooltipWrapper, { tooltip: option.description, tooltipTheme: "dark" },
+                React__default.createElement("span", { className: cx("FormulaEditor-VariableList-item-tag") }, __("SchemaType.".concat(option.type || 'any'))))));
+    };
+    SchemaVariableList.prototype.render = function () {
+        var _a = this.props, selectMode = _a.selectMode, value = _a.value, placeholderRender = _a.placeholderRender;
+        return (React__default.createElement(VariableList, { data: this.state.variables, value: value, onSelect: this.handleSelect, selectMode: selectMode || 'tree', itemRender: this.itemRender, placeholderRender: placeholderRender }));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaVariableList.prototype, "handleSelect", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaVariableList.prototype, "itemRender", null);
+    return SchemaVariableList;
+}(React__default.Component));
+var SchemaVariableList$1 = localeable(themeable(SchemaVariableList));
+
+export { SchemaVariableList, SchemaVariableList$1 as default };

package/esm/components/schema-editor/SchemaVariableListPicker.js

@@ -0,0 +1,34 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { localeable, themeable } from 'amis-rev-core';
+import PickerContainer from '../PickerContainer.js';
+import SchemaVariableList from './SchemaVariableList.js';
+
+var SchemaVariableListPicker = /** @class */ (function (_super) {
+    __extends(SchemaVariableListPicker, _super);
+    function SchemaVariableListPicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SchemaVariableListPicker.prototype.render = function () {
+        var _a = this.props, __ = _a.translate, schemas = _a.schemas, value = _a.value, onConfirm = _a.onConfirm, onCancel = _a.onCancel, children = _a.children, title = _a.title, selectMode = _a.selectMode, beforeBuildVariables = _a.beforeBuildVariables, onPickerOpen = _a.onPickerOpen, placeholderRender = _a.placeholderRender;
+        return (React__default.createElement(PickerContainer, { onPickerOpen: onPickerOpen, title: title !== null && title !== void 0 ? title : __('Select.placeholder'), bodyRender: function (_a) {
+                var _b;
+                var value = _a.value, onChange = _a.onChange, stateSchemas = _a.schemas, isOpened = _a.isOpened;
+                return isOpened ? (React__default.createElement(SchemaVariableList, { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
+                        return onChange({
+                            value: value,
+                            schema: schema
+                        });
+                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas, selectMode: selectMode, beforeBuildVariables: beforeBuildVariables, placeholderRender: placeholderRender })) : (React__default.createElement(React__default.Fragment, null));
+            }, value: value, onConfirm: onConfirm, onCancel: onCancel }, children));
+    };
+    return SchemaVariableListPicker;
+}(React__default.Component));
+var SchemaVariableListPicker$1 = localeable(themeable(SchemaVariableListPicker));
+
+export { SchemaVariableListPicker, SchemaVariableListPicker$1 as default };