amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

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

@@ -1,129 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __read, __assign } from 'tslib';
-import React__default from 'react';
-import { guid } from 'amis-core';
-import Button from '../Button.js';
-import { Icon } from '../icons.js';
-import InputJSONSchemaItem from './Item.js';
-
-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.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: guid(),
-                index: members.length,
-                schema: schema.items,
-                invalid: maxContains ? maxContains < members.length : false
-            });
-        }
-        return members;
-    }, []);
-    var _d = __read(React__default.useState(buildMembers(props.schema, value)), 2), members = _d[0], setMembers = _d[1];
-    var membersRef = React__default.useRef(members);
-    membersRef.current = members;
-    var _e = __read(React__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.useEffect(function () {
-        setMembers(buildMembers(props.schema, props.value));
-    }, [JSON.stringify(props.schema)]);
-    React__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: guid(),
-                        index: m.length,
-                        schema: schema.items
-                    });
-                }
-            }
-            setMembers(m);
-        }
-    }, [JSON.stringify(props.value)]);
-    var handleAdd = React__default.useCallback(function () {
-        var m = members.concat();
-        m.push({
-            key: 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 (React__default.createElement(React__default.Fragment, null,
-        collapsable ? (React__default.createElement("a", { className: cx('JSONSchemaObject-caret', {
-                'is-collapsed': collapsed
-            }), onClick: toggleCollapsed },
-            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
-        React__default.createElement("div", { className: cx('JSONSchemaObject', {
-                'is-mobile': mobileUI,
-                'is-expanded': collapsable && !collapsed
-            }) },
-            collapsed ? (renderValue ? (React__default.createElement(InputJSONSchemaItem, __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 (React__default.createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default.createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default.createElement(InputJSONSchemaItem, __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 ? (React__default.createElement(Button, { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default.createElement(Icon, { icon: "remove", className: "icon" }))) : null));
-            })),
-            !collapsed ? (React__default.createElement(Button, { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
-}
-
-export { InputJSONSchemaArray };

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

@@ -1,5 +0,0 @@
-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/esm/components/json-schema/Item.js

@@ -1,63 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __assign } from 'tslib';
-import React__default from 'react';
-import InputBox from '../InputBox.js';
-import NumberInput from '../NumberInput.js';
-import Switch from '../Switch.js';
-import { InputJSONSchemaArray } from './Array.js';
-import InputJSONSchemaObject from './Object.js';
-import { FormulaPicker } from '../formula/Picker.js';
-
-function InputJSONSchemaItem(props, ref) {
-    var _a, _b, _c, _d, _e;
-    var childRef = React__default.useRef();
-    React__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 React__default.createElement(InputJSONSchemaObject, __assign({}, props, { ref: childRef }));
-    }
-    else if (schema.type === 'array') {
-        return React__default.createElement(InputJSONSchemaArray, __assign({}, props));
-    }
-    else if (props.renderValue) {
-        return props.renderValue(props.value, props.onChange, schema, props);
-    }
-    else if (formua) {
-        var inputSettings = React__default.useMemo(function () {
-            var inputSettings = __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 (React__default.createElement(FormulaPicker, __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 (React__default.createElement(NumberInput, { 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 (React__default.createElement(NumberInput, { 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 (React__default.createElement(Switch, { value: (_d = props.value) !== null && _d !== void 0 ? _d : schema.default, onChange: props.onChange, className: "mt-2" }));
-    }
-    return (React__default.createElement(InputBox, { 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.forwardRef(InputJSONSchemaItem);
-
-export { InputJSONSchemaItem, InputJSONSchemaItem$1 as default };

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

@@ -1,5 +0,0 @@
-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/esm/components/json-schema/Object.js

@@ -1,265 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __values, __read, __assign } from 'tslib';
-import React__default from 'react';
-import { guid } from 'amis-core';
-import Button from '../Button.js';
-import { Icon } from '../icons.js';
-import InputBox from '../InputBox.js';
-import InputBoxWithSuggestion from '../InputBoxWithSuggestion.js';
-import EnhancedSelect from '../Select.js';
-import InputJSONSchemaItem from './Item.js';
-import isEqual from 'lodash/isEqual';
-
-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.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: 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: guid(),
-                    name: key,
-                    nameMutable: true,
-                    schema: {
-                        type: 'string',
-                        default: ''
-                    },
-                    value: (_b = value[key]) !== null && _b !== void 0 ? _b : ''
-                });
-            }
-        };
-        try {
-            for (var keys_1 = __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: guid(),
-                name: '',
-                nameMutable: true,
-                schema: {
-                    type: 'string',
-                    default: ''
-                },
-                value: ''
-            });
-        }
-        return members;
-    }, []);
-    var _c = __read(React__default.useState([]), 2), members = _c[0], _setMembers = _c[1];
-    var membersRef = React__default.useRef();
-    membersRef.current = members;
-    var setMembers = function (members) {
-        _setMembers(members);
-        membersRef.current = members;
-    };
-    var _d = __read(React__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(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, __assign(__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 = __assign(__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.useEffect(function () {
-        var members = buildMembers(props.schema, props.value);
-        setMembers(members);
-        emitChange();
-    }, [JSON.stringify(props.schema)]);
-    React__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: 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, __assign(__assign({}, exists), { value: value === null || value === void 0 ? void 0 : value[key] }));
-            }
-        };
-        try {
-            for (var keys_2 = __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.useCallback(function () {
-        var arr = members.concat();
-        arr.push({
-            key: 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.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 (React__default.createElement(React__default.Fragment, null,
-        collapsable ? (React__default.createElement("a", { className: cx('JSONSchemaObject-caret', {
-                'is-collapsed': collapsed
-            }), onClick: toggleCollapsed },
-            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
-        React__default.createElement("div", { className: cx('JSONSchemaObject', className, {
-                'is-mobile': mobileUI,
-                'is-expanded': collapsable && !collapsed
-            }) },
-            collapsed ? (renderValue ? (React__default.createElement(InputJSONSchemaItem, __assign({}, props, { value: value, onChange: onChange, schema: {
-                    type: 'string'
-                }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
-                var _a, _b;
-                var filtedOptions = options.filter(function (o) { return !members.find(function (m) { return m !== member && m.name === o.value; }); });
-                return (React__default.createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default.createElement("div", { className: cx('JSONSchemaMember-key', {
-                            'is-mobile': mobileUI
-                        }) }, member.nameMutable ? (React__default.createElement(React__default.Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (React__default.createElement(InputBoxWithSuggestion, { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (React__default.createElement(EnhancedSelect, { 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 }))) : (React__default.createElement(InputBox, { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (React__default.createElement("span", null,
-                        member.required ? (React__default.createElement("span", { className: cx("Form-star") }, "*")) : null,
-                        ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
-                    React__default.createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default.createElement(InputJSONSchemaItem, __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 ? (React__default.createElement(Button, { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default.createElement(Icon, { icon: "remove", className: "icon" }))) : null));
-            })),
-            allowAdd && !collapsed ? (React__default.createElement(Button, { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop'))) : null)));
-}
-var InputJSONSchemaObject$1 = React__default.forwardRef(InputJSONSchemaObject);
-
-export { InputJSONSchemaObject, InputJSONSchemaObject$1 as default };