amis-ui 6.13.0-beta.8 → 6.13.0

package/lib/components/index.d.ts

@@ -0,0 +1,138 @@
+/**
+ * @file Index
+ * @description
+ * @author fex
+ */
+import NotFound from './404';
+import { default as Alert, alert, confirm, prompt, setRenderSchemaFn } from './Alert';
+import { default as ContextMenu, openContextMenus, closeContextMenus } from './ContextMenu';
+import AsideNav from './AsideNav';
+import Avatar from './Avatar';
+import Button from './Button';
+import Breadcrumb from './Breadcrumb';
+import Checkbox from './Checkbox';
+import Collapse from './Collapse';
+import CollapseGroup from './CollapseGroup';
+import DatePicker from './DatePicker';
+import DateRangePicker from './DateRangePicker';
+import Drawer from './Drawer';
+import Tabs from './Tabs';
+import Tab from './Tab';
+import Editor from './Editor';
+import DiffEditor from './DiffEditor';
+import Html from './Html';
+export * from './icons';
+import * as Icons from './icons';
+import Layout from './Layout';
+import { LazyComponent } from 'amis-core';
+import Modal from './Modal';
+import { Overlay } from 'amis-core';
+import { PopOver } from 'amis-core';
+import Radios from './Radios';
+import Range from './Range';
+import Rating from './Rating';
+import Select, { value2array } from './Select';
+import SparkLine from './SparkLine';
+import { default as Spinner, type SpinnerExtraProps } from './Spinner';
+import Switch from './Switch';
+import Textarea from './Textarea';
+import TitleBar from './TitleBar';
+import { default as ToastComponent, toast } from './Toast';
+import Tooltip from './Tooltip';
+import TooltipWrapper from './TooltipWrapper';
+import Tree from './Tree';
+import Alert2 from './Alert2';
+import Transfer from './Transfer';
+import TabsTransfer from './TabsTransfer';
+import ResultBox from './ResultBox';
+import InputBox from './InputBox';
+import ListGroup from './ListGroup';
+import NumberInput from './NumberInput';
+import ArrayInput from './ArrayInput';
+import SearchBox from './SearchBox';
+import AnchorNav from './AnchorNav';
+import AnchorNavSection from './AnchorNavSection';
+import Selection from './Selection';
+import GroupedSelection from './GroupedSelection';
+import ChainedSelection from './ChainedSelection';
+import TableSelection from './TableSelection';
+import TreeSelection from './TreeSelection';
+import AssociatedSelection from './AssociatedSelection';
+import PullRefresh from './PullRefresh';
+import Table from './Table';
+import SchemaVariableListPicker from './schema-editor/SchemaVariableListPicker';
+import SchemaVariableList from './schema-editor/SchemaVariableList';
+import VariableList from './formula/VariableList';
+import FormulaPicker from './FormulaPicker';
+import { FormulaEditor } from './formula/Editor';
+import FormulaCodeEditor from './formula/CodeEditor';
+import type { VariableItem, FuncGroup } from './formula/CodeEditor';
+import PickerContainer from './PickerContainer';
+import InputJSONSchema from './InputJSONSchema';
+import Badge from './Badge';
+import withBadge from './withBadge';
+import type { BadgeObject } from './Badge';
+import { getIcon, getIconNames, registerIcon } from './icons';
+import Icon from './Icon';
+import { withRemoteConfig } from './WithRemoteConfig';
+import type { RemoteOptionsProps } from './WithRemoteConfig';
+import ConditionBuilder from './ConditionBuilder';
+import type { ConditionBuilderFields, ConditionBuilderFuncs } from './condition-builder/types';
+import type { ConditionBuilderConfig } from './condition-builder/config';
+import CityArea from './CityArea';
+import type { PresetColor } from './ColorPicker';
+import ListMenu from './ListMenu';
+import Input from './Input';
+import JSONSchemaEditor from './JSONSchemaEditor';
+import LocationPicker from './LocationPicker';
+import PopUp from './PopUp';
+import Cascader from './Cascader';
+import TransferDropDown from './TransferDropDown';
+import TabsTransferPicker from './TabsTransferPicker';
+import ResultList from './ResultList';
+import TransferPicker from './TransferPicker';
+import UserSelect from './UserSelect';
+import UserTabSelect from './UserTabSelect';
+import HeadCellDropDown from './HeadCellDropDown';
+import Card from './Card';
+import GridNav from './GridNav';
+import GridNavItem from './GridNavItem';
+import type { GridNavDirection } from './GridNav';
+import Link from './Link';
+import VirtualList from './VirtualList';
+import AutoSizer from './AutoSizer';
+import withStore from './WithStore';
+import PopOverContainer from './PopOverContainer';
+import Pagination from './Pagination';
+import Progress from './Progress';
+import Steps, { StepStatus } from './Steps';
+import Tag from './Tag';
+import Timeline from './Timeline';
+import ImageGallery from './ImageGallery';
+import BaiduMapPicker from './BaiduMapPicker';
+import MultilineText from './MultilineText';
+import Form from './Form';
+import FormField, { Controller } from './FormField';
+import Combo from './Combo';
+import InputTable from './InputTable';
+import type { InputTableColumnProps } from './InputTable';
+import ConfirmBox from './ConfirmBox';
+import DndContainer from './DndContainer';
+import Menu from './Menu';
+import InputBoxWithSuggestion from './InputBoxWithSuggestion';
+import { CodeMirrorEditor } from './CodeMirror';
+import type CodeMirror from 'codemirror';
+import OverflowTpl from './OverflowTpl';
+import Signature from './Signature';
+import VerificationCode from './VerificationCode';
+import Slider from './Slider';
+import Shape from './Shape';
+import type { IShapeType } from './Shape';
+import MobileDevTool from './MobileDevTool';
+import DropdownContextMenus from './DropdownContextMenus';
+import { HorizontalScroll } from './HorizontalScroll';
+import type { HorizontalScrollProps } from './HorizontalScroll';
+import AutoFoldedList from './AutoFoldedList';
+import AlphabetIndexer from './AlphabetIndexer';
+import MixedInput from './MixedInput';
+export { NotFound, Alert as AlertComponent, alert, Avatar, confirm, prompt, setRenderSchemaFn, ContextMenu, openContextMenus, closeContextMenus, Alert2, AsideNav, Button, Breadcrumb, Checkbox, Selection as Checkboxes, Collapse, CollapseGroup, DatePicker, DateRangePicker, Drawer, Tabs, Tab, Editor, DiffEditor, Html, Icons, Layout, LazyComponent, Modal, Overlay, PopOver, Radios, Range, Rating, Select, value2array, SparkLine, Spinner, SpinnerExtraProps, Switch, Textarea, TitleBar, ToastComponent, ToastComponent as Toast, toast, Tooltip, TooltipWrapper, Tree, Transfer, TabsTransfer, Selection, GroupedSelection, ChainedSelection, TableSelection, TreeSelection, AssociatedSelection, ResultBox, InputBox, InputBoxWithSuggestion, SearchBox, ListGroup, NumberInput, ArrayInput, PullRefresh, Table, SchemaVariableListPicker, SchemaVariableList, VariableList, PickerContainer, ConfirmBox, FormulaPicker, FormulaCodeEditor, VariableItem, FuncGroup, FormulaEditor, InputJSONSchema, withBadge, BadgeObject, Icon, withRemoteConfig, RemoteOptionsProps, ConditionBuilder, ConditionBuilderFuncs, ConditionBuilderFields, ConditionBuilderConfig, CityArea, PresetColor, ListMenu, Input, JSONSchemaEditor, LocationPicker, PopUp, Cascader, TransferDropDown, TabsTransferPicker, ResultList, TransferPicker, UserSelect, UserTabSelect, getIcon, getIconNames, registerIcon, Badge, HeadCellDropDown, AnchorNav, AnchorNavSection, Card, GridNavDirection, GridNav, GridNavItem, Link, VirtualList, AutoSizer, withStore, PopOverContainer, Pagination, Progress, Steps, StepStatus, Tag, Timeline, ImageGallery, BaiduMapPicker, MultilineText, Form, FormField, Controller, Combo, InputTable, InputTableColumnProps, DndContainer, Menu, CodeMirror, CodeMirrorEditor, OverflowTpl, Signature, VerificationCode, Shape, IShapeType, MobileDevTool, DropdownContextMenus, AlphabetIndexer, Slider, HorizontalScroll, HorizontalScrollProps, AutoFoldedList, MixedInput };

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { InputJSONSchemaItemProps } from './index';
+export declare function InputJSONSchemaArray(props: InputJSONSchemaItemProps): React.JSX.Element;

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

@@ -0,0 +1,140 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var Button = require('../Button.js');
+var icons = require('../icons.js');
+var Item = require('./Item.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+function InputJSONSchemaArray(props) {
+    var _a, _b, _c;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI;
+    var buildMembers = React__default["default"].useCallback(function (schema, value) {
+        var members = [];
+        var len = Array.isArray(value) ? value.length : 1;
+        if (typeof schema.minContains === 'number') {
+            len = Math.max(len, schema.minContains);
+        }
+        var maxContains = typeof schema.maxContains === 'number' ? schema.maxContains : 0;
+        while (len--) {
+            members.push({
+                key: amisCore.guid(),
+                index: members.length,
+                schema: schema.items,
+                invalid: maxContains ? maxContains < members.length : false
+            });
+        }
+        return members;
+    }, []);
+    var _d = tslib.__read(React__default["default"].useState(buildMembers(props.schema, value)), 2), members = _d[0], setMembers = _d[1];
+    var membersRef = React__default["default"].useRef(members);
+    membersRef.current = members;
+    var _e = tslib.__read(React__default["default"].useState(collapsable ? true : false), 2), collapsed = _e[0], setCollapsed = _e[1];
+    var toggleCollapsed = function () {
+        setCollapsed(!collapsed);
+    };
+    var onMemberChange = function (member, memberValue) {
+        var newValue = Array.isArray(props.value) ? props.value.concat() : [];
+        newValue[member.index] = memberValue;
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    var onMemberDelete = function (member) {
+        var idx = members.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        var m = members.concat();
+        m.splice(idx, 1);
+        setMembers(m);
+        var newValue = Array.isArray(props.value) ? props.value.concat() : [];
+        newValue.splice(member.index, 1);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    React__default["default"].useEffect(function () {
+        setMembers(buildMembers(props.schema, props.value));
+    }, [JSON.stringify(props.schema)]);
+    React__default["default"].useEffect(function () {
+        var value = props.value;
+        var schema = props.schema;
+        var len = Array.isArray(value) ? value.length : 1;
+        if (typeof schema.minContains === 'number') {
+            len = Math.max(len, schema.minContains);
+        }
+        if (typeof schema.maxContains === 'number') {
+            len = Math.min(schema.maxContains, len);
+        }
+        var m = membersRef.current.concat();
+        if (m.length !== len) {
+            while (m.length !== len) {
+                if (m.length > len) {
+                    m.pop();
+                }
+                else {
+                    m.push({
+                        key: amisCore.guid(),
+                        index: m.length,
+                        schema: schema.items
+                    });
+                }
+            }
+            setMembers(m);
+        }
+    }, [JSON.stringify(props.value)]);
+    var handleAdd = React__default["default"].useCallback(function () {
+        var m = members.concat();
+        m.push({
+            key: amisCore.guid(),
+            index: members.length,
+            schema: props.schema.items,
+            invalid: false
+        });
+        setMembers(m);
+    }, [members]);
+    var maxContains = typeof ((_a = props.schema) === null || _a === void 0 ? void 0 : _a.maxContains) === 'number'
+        ? props.schema.maxContains
+        : 0;
+    var minContains = typeof ((_b = props.schema) === null || _b === void 0 ? void 0 : _b.minContains) === 'number'
+        ? props.schema.minContains
+        : 0;
+    // todo additionalProperties 还有其他格式
+    var allowAdd = !maxContains || maxContains > members.length;
+    var allowDelete = !minContains || minContains < members.length;
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
+                'is-collapsed': collapsed
+            }), onClick: toggleCollapsed },
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', {
+                'is-mobile': mobileUI,
+                'is-expanded': collapsable && !collapsed
+            }) },
+            collapsed ? (renderValue ? (_J$X_(Item["default"], tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+                    type: 'string'
+                }, placeholder: (_c = props.schema) === null || _c === void 0 ? void 0 : _c.description }))) : null) : (members.map(function (member) {
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item["default"], tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.index], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                                type: 'string'
+                            }, collapsable: true }))),
+                    allowDelete ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+            })),
+            !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
+}
+
+exports.InputJSONSchemaArray = InputJSONSchemaArray;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { InputJSONSchemaItemProps } from './index';
+export declare function InputJSONSchemaItem(props: InputJSONSchemaItemProps, ref: any): React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<InputJSONSchemaItemProps & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,75 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var InputBox = require('../InputBox.js');
+var NumberInput = require('../NumberInput.js');
+var Switch = require('../Switch.js');
+var Array = require('./Array.js');
+var Object$1 = require('./Object.js');
+var Picker = require('../formula/Picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+function InputJSONSchemaItem(props, ref) {
+    var _a, _b, _c, _d, _e;
+    var childRef = React__default["default"].useRef();
+    React__default["default"].useImperativeHandle(ref, function () {
+        return {
+            validate: function () {
+                var _a;
+                return (_a = childRef.current) === null || _a === void 0 ? void 0 : _a.validate();
+            }
+        };
+    });
+    var schema = props.schema;
+    var formua = props.formula;
+    if (schema.type === 'object') {
+        return _J$X_(Object$1["default"], tslib.__assign({}, props, { ref: childRef }));
+    }
+    else if (schema.type === 'array') {
+        return _J$X_(Array.InputJSONSchemaArray, tslib.__assign({}, props));
+    }
+    else if (props.renderValue) {
+        return props.renderValue(props.value, props.onChange, schema, props);
+    }
+    else if (formua) {
+        var inputSettings = React__default["default"].useMemo(function () {
+            var inputSettings = tslib.__assign({}, formua.inputSettings);
+            if (schema.type === 'number' || schema.type === 'integer') {
+                inputSettings.type = 'number';
+            }
+            else if (schema.type === 'boolean') {
+                inputSettings.type = 'boolean';
+            }
+            return inputSettings;
+        }, [formua.inputSettings, schema.type]);
+        return (_J$X_(Picker.FormulaPicker, tslib.__assign({ mode: "input-group", mixedMode: true }, formua, { inputSettings: inputSettings, value: (_a = props.value) !== null && _a !== void 0 ? _a : schema.default, onChange: props.onChange, className: props.className, disabled: props.disabled, placeholder: props.placeholder, theme: props.theme, classPrefix: props.classPrefix, classnames: props.classnames, translate: props.translate, locale: props.locale })));
+    }
+    else if (schema.type == 'number') {
+        return (_J$X_(NumberInput["default"], { className: props.className, value: (_b = props.value) !== null && _b !== void 0 ? _b : schema.default, onChange: props.onChange, placeholder: props.placeholder, mobileUI: props.mobileUI }));
+    }
+    else if (schema.type == 'integer') {
+        return (_J$X_(NumberInput["default"], { className: props.className, value: (_c = props.value) !== null && _c !== void 0 ? _c : schema.default, onChange: props.onChange, precision: 0, placeholder: props.placeholder, mobileUI: props.mobileUI }));
+    }
+    else if (schema.type == 'boolean') {
+        return (_J$X_(Switch["default"], { value: (_d = props.value) !== null && _d !== void 0 ? _d : schema.default, onChange: props.onChange, className: "mt-2" }));
+    }
+    return (_J$X_(InputBox["default"], { className: props.className, value: (_e = props.value) !== null && _e !== void 0 ? _e : schema.default, onChange: props.onChange, placeholder: props.placeholder, mobileUI: props.mobileUI }));
+}
+var InputJSONSchemaItem$1 = React__default["default"].forwardRef(InputJSONSchemaItem);
+
+exports.InputJSONSchemaItem = InputJSONSchemaItem;
+exports["default"] = InputJSONSchemaItem$1;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { InputJSONSchemaItemProps } from './index';
+export declare function InputJSONSchemaObject(props: InputJSONSchemaItemProps, ref: any): React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<InputJSONSchemaItemProps & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,278 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var Button = require('../Button.js');
+var icons = require('../icons.js');
+var InputBox = require('../InputBox.js');
+var InputBoxWithSuggestion = require('../InputBoxWithSuggestion.js');
+var Select = require('../Select.js');
+var Item = require('./Item.js');
+var isEqual = require('lodash/isEqual');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+function InputJSONSchemaObject(props, ref) {
+    var _a, _b;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI, className = props.className, addButtonText = props.addButtonText;
+    var buildMembers = React__default["default"].useCallback(function (schema, value) {
+        var e_1, _a;
+        var _b;
+        var members = [];
+        var required = Array.isArray(schema.required) ? schema.required : [];
+        Object.keys(schema.properties || {}).forEach(function (key) {
+            var _a;
+            var child = schema.properties[key];
+            members.push({
+                key: amisCore.guid(),
+                name: key,
+                nameMutable: !required.includes(key),
+                required: required.includes(key),
+                schema: child,
+                value: (_a = value === null || value === void 0 ? void 0 : value[key]) !== null && _a !== void 0 ? _a : child.default
+            });
+        });
+        var keys = Object.keys(value || {});
+        var _loop_1 = function (key) {
+            var exists = members.find(function (m) { return m.name === key; });
+            if (!exists && schema.additionalProperties !== false) {
+                members.push({
+                    key: amisCore.guid(),
+                    name: key,
+                    nameMutable: true,
+                    schema: {
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value[key]) !== null && _b !== void 0 ? _b : ''
+                });
+            }
+        };
+        try {
+            for (var keys_1 = tslib.__values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+                var key = keys_1_1.value;
+                _loop_1(key);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (keys_1_1 && !keys_1_1.done && (_a = keys_1.return)) _a.call(keys_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        if (!members.length && schema.additionalProperties !== false) {
+            members.push({
+                key: amisCore.guid(),
+                name: '',
+                nameMutable: true,
+                schema: {
+                    type: 'string',
+                    default: ''
+                },
+                value: ''
+            });
+        }
+        return members;
+    }, []);
+    var _c = tslib.__read(React__default["default"].useState([]), 2), members = _c[0], _setMembers = _c[1];
+    var membersRef = React__default["default"].useRef();
+    membersRef.current = members;
+    var setMembers = function (members) {
+        _setMembers(members);
+        membersRef.current = members;
+    };
+    var _d = tslib.__read(React__default["default"].useState(collapsable ? true : false), 2), collapsed = _d[0], setCollapsed = _d[1];
+    var toggleCollapsed = function () {
+        setCollapsed(!collapsed);
+    };
+    var emitChange = function () {
+        var members = membersRef.current;
+        var value = {};
+        members.forEach(function (member) {
+            if (!member.invalid &&
+                (typeof member.value !== 'undefined' ||
+                    typeof value[member.name] !== 'undefined')) {
+                value[member.name] = member.value;
+            }
+        });
+        if (!isEqual__default["default"](value, props.value || {})) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        }
+    };
+    var onMemberChange = function (member, memberValue) {
+        var arr = members.concat();
+        var idx = arr.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        arr.splice(idx, 1, tslib.__assign(tslib.__assign({}, arr[idx]), { value: memberValue }));
+        setMembers(arr);
+        emitChange();
+    };
+    var onMemberKeyChange = function (member, memberKey) {
+        var _a, _b;
+        var idx = members.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        var originSchema = members[idx].schema;
+        var schema = ((_b = (_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[memberKey]) || {
+            type: 'string',
+            default: ''
+        };
+        var arr = members.concat();
+        var item = tslib.__assign(tslib.__assign({}, member), { schema: schema, name: memberKey, invalid: !memberKey || members.some(function (a, b) { return a.name === memberKey && b !== idx; })
+                ? 'key'
+                : undefined });
+        if (item.value === originSchema.default &&
+            originSchema !== schema &&
+            originSchema.default !== schema.default) {
+            item.value = schema.default;
+        }
+        arr.splice(idx, 1, item);
+        setMembers(arr);
+        emitChange();
+    };
+    var onMemberDelete = function (member) {
+        var idx = members.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        var arr = members.concat();
+        arr.splice(idx, 1);
+        setMembers(arr);
+        emitChange();
+    };
+    React__default["default"].useEffect(function () {
+        var members = buildMembers(props.schema, props.value);
+        setMembers(members);
+        emitChange();
+    }, [JSON.stringify(props.schema)]);
+    React__default["default"].useEffect(function () {
+        var e_2, _a;
+        var _b;
+        var value = props.value;
+        var arr = membersRef.current.concat();
+        var keys = Object.keys(value || {});
+        var _loop_2 = function (key) {
+            var idx = arr.findIndex(function (m) { return m.name === key; });
+            var exists = arr[idx];
+            if (!exists && props.schema.additionalProperties !== false) {
+                arr.push({
+                    key: amisCore.guid(),
+                    name: key,
+                    nameMutable: true,
+                    schema: {
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value === null || value === void 0 ? void 0 : value[key]) !== null && _b !== void 0 ? _b : ''
+                });
+            }
+            else if (exists) {
+                // 当 value 的 key 在 members 中存在时，再修改
+                arr.splice(idx, 1, tslib.__assign(tslib.__assign({}, exists), { value: value === null || value === void 0 ? void 0 : value[key] }));
+            }
+        };
+        try {
+            for (var keys_2 = tslib.__values(keys), keys_2_1 = keys_2.next(); !keys_2_1.done; keys_2_1 = keys_2.next()) {
+                var key = keys_2_1.value;
+                _loop_2(key);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (keys_2_1 && !keys_2_1.done && (_a = keys_2.return)) _a.call(keys_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        setMembers(arr);
+    }, [JSON.stringify(props.value)]);
+    var handleAdd = React__default["default"].useCallback(function () {
+        var arr = members.concat();
+        arr.push({
+            key: amisCore.guid(),
+            name: '',
+            invalid: 'key',
+            nameMutable: true,
+            schema: {
+                type: 'string',
+                default: ''
+            },
+            value: ''
+        });
+        setMembers(arr);
+        emitChange();
+    }, [members]);
+    var options = [];
+    var properties = ((_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) || {};
+    Object.keys(properties).forEach(function (key) {
+        var _a;
+        options.push({
+            label: ((_a = properties[key]) === null || _a === void 0 ? void 0 : _a.title) || key,
+            value: key
+        });
+    });
+    // todo additionalProperties 还有其他格式
+    var allowAdd = !(props.schema.additionalProperties === false &&
+        options.every(function (o) { return members.find(function (m) { return m.name === o.value; }); }));
+    var allowInput = props.schema.additionalProperties !== false;
+    React__default["default"].useImperativeHandle(ref, function () {
+        return {
+            validate: function () {
+                var _a;
+                if ((_a = membersRef.current) === null || _a === void 0 ? void 0 : _a.some(function (m) { return m.invalid === 'key'; })) {
+                    return __('JSONSchema.key_invalid');
+                }
+            }
+        };
+    });
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
+                'is-collapsed': collapsed
+            }), onClick: toggleCollapsed },
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', className, {
+                'is-mobile': mobileUI,
+                'is-expanded': collapsable && !collapsed
+            }) },
+            collapsed ? (renderValue ? (_J$X_(Item["default"], tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+                    type: 'string'
+                }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
+                var _a, _b;
+                var filtedOptions = options.filter(function (o) { return !members.find(function (m) { return m !== member && m.name === o.value; }); });
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-key', {
+                            'is-mobile': mobileUI
+                        }) }, member.nameMutable ? (_J$X_(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (_J$X_(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (_J$X_(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI }))) : (_J$X_(InputBox["default"], { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (_J$X_("span", null,
+                        member.required ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
+                        ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item["default"], tslib.__assign({}, props, { className: "", addButtonText: undefined, required: member.required, value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                                type: 'string'
+                            }, placeholder: (_b = member.schema) === null || _b === void 0 ? void 0 : _b.description, collapsable: true }))),
+                    !member.required ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+            })),
+            allowAdd && !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop'))) : null)));
+}
+var InputJSONSchemaObject$1 = React__default["default"].forwardRef(InputJSONSchemaObject);
+
+exports.InputJSONSchemaObject = InputJSONSchemaObject;
+exports["default"] = InputJSONSchemaObject$1;