@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.22

package/lib/schema-component/antd/form-item/SchemaSettingOptions.mjs

@@ -0,0 +1,638 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../block-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../schema-settings/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_isPatternDisabled_mjs__ from "../../../schema-settings/isPatternDisabled.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_useOperators_mjs__ from "../filter/useOperators.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__FormItem_mjs__ from "./FormItem.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/components"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "lodash"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "../../../block-provider/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../collection-manager/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../schema-settings/index.mjs"
+
+;// CONCATENATED MODULE: external "../../../schema-settings/isPatternDisabled.mjs"
+
+;// CONCATENATED MODULE: external "../../hooks/index.mjs"
+
+;// CONCATENATED MODULE: external "../filter/useOperators.mjs"
+
+;// CONCATENATED MODULE: external "./FormItem.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/form-item/SchemaSettingOptions.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+
+
+
+const findFilterOperators = (schema)=>{
+    while(schema){
+        if (schema['x-filter-operators']) {
+            return {
+                operators: schema['x-filter-operators'],
+                uid: schema['x-uid']
+            };
+        }
+        schema = schema.parent;
+    }
+    return {};
+};
+const EditTitle = ()=>{
+    var _collectionField_uiSchema;
+    const { getCollectionJoinField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    return collectionField ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
+        title: t('Edit field title'),
+        schema: {
+            type: 'object',
+            title: t('Edit field title'),
+            properties: {
+                title: {
+                    title: t('Field title'),
+                    default: field === null || field === void 0 ? void 0 : field.title,
+                    description: "".concat(t('Original field title: ')).concat(collectionField === null || collectionField === void 0 ? void 0 : (_collectionField_uiSchema = collectionField.uiSchema) === null || _collectionField_uiSchema === void 0 ? void 0 : _collectionField_uiSchema.title),
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input',
+                    'x-component-props': {}
+                }
+            }
+        },
+        onSubmit: (param)=>{
+            let { title } = param;
+            if (title) {
+                field.title = title;
+                fieldSchema.title = title;
+                dn.emit('patch', {
+                    schema: {
+                        'x-uid': fieldSchema['x-uid'],
+                        title: fieldSchema.title
+                    }
+                });
+            }
+            dn.refresh();
+        }
+    }, "edit-field-title") : null;
+};
+const EditDescription = ()=>{
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    return !field.readPretty ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
+        title: t('Edit description'),
+        schema: {
+            type: 'object',
+            title: t('Edit description'),
+            properties: {
+                description: {
+                    // title: t('Description'),
+                    default: field === null || field === void 0 ? void 0 : field.description,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input.TextArea',
+                    'x-component-props': {}
+                }
+            }
+        },
+        onSubmit: (param)=>{
+            let { description } = param;
+            field.description = description;
+            fieldSchema.description = description;
+            dn.emit('patch', {
+                schema: {
+                    'x-uid': fieldSchema['x-uid'],
+                    description: fieldSchema.description
+                }
+            });
+            dn.refresh();
+        }
+    }, "edit-description") : null;
+};
+const EditTooltip = ()=>{
+    var _fieldSchema_xdecoratorprops;
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    return field.readPretty ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
+        title: t('Edit tooltip'),
+        schema: {
+            type: 'object',
+            title: t('Edit description'),
+            properties: {
+                tooltip: {
+                    default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops === void 0 ? void 0 : _fieldSchema_xdecoratorprops.tooltip,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input.TextArea',
+                    'x-component-props': {}
+                }
+            }
+        },
+        onSubmit: (param)=>{
+            let { tooltip } = param;
+            field.decoratorProps.tooltip = tooltip;
+            fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
+            fieldSchema['x-decorator-props']['tooltip'] = tooltip;
+            dn.emit('patch', {
+                schema: {
+                    'x-uid': fieldSchema['x-uid'],
+                    'x-decorator-props': fieldSchema['x-decorator-props']
+                }
+            });
+            dn.refresh();
+        }
+    }, "edit-tooltip") : null;
+};
+const EditRequired = ()=>{
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn, refresh } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    // TODO: FormField 好像被弃用了，应该删除掉
+    return !field.readPretty && fieldSchema['x-component'] !== 'FormField' ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSwitchItem, {
+        title: t('Required'),
+        checked: fieldSchema.required,
+        onChange: (required)=>{
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            field.required = required;
+            fieldSchema['required'] = required;
+            schema['required'] = required;
+            dn.emit('patch', {
+                schema
+            });
+            refresh();
+        }
+    }, "required") : null;
+};
+const EditValidationRules = ()=>{
+    var _interfaceConfig_validateSchema;
+    const { getInterface, getCollectionJoinField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const { form } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useFormBlockContext)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn, refresh } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    const interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+    const validateSchema = interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig_validateSchema = interfaceConfig['validateSchema']) === null || _interfaceConfig_validateSchema === void 0 ? void 0 : _interfaceConfig_validateSchema.call(interfaceConfig, fieldSchema);
+    return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && validateSchema ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
+        title: t('Set validation rules'),
+        components: {
+            ArrayCollapse: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.ArrayCollapse,
+            FormLayout: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormLayout
+        },
+        schema: {
+            type: 'object',
+            title: t('Set validation rules'),
+            properties: {
+                rules: {
+                    type: 'array',
+                    default: fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-validator'],
+                    'x-component': 'ArrayCollapse',
+                    'x-decorator': 'FormItem',
+                    'x-component-props': {
+                        accordion: true
+                    },
+                    maxItems: 3,
+                    items: {
+                        type: 'object',
+                        'x-component': 'ArrayCollapse.CollapsePanel',
+                        'x-component-props': {
+                            header: '{{ t("Validation rule") }}'
+                        },
+                        properties: {
+                            index: {
+                                type: 'void',
+                                'x-component': 'ArrayCollapse.Index'
+                            },
+                            layout: {
+                                type: 'void',
+                                'x-component': 'FormLayout',
+                                'x-component-props': {
+                                    labelStyle: {
+                                        marginTop: '6px'
+                                    },
+                                    labelCol: 8,
+                                    wrapperCol: 16
+                                },
+                                properties: {
+                                    ...validateSchema,
+                                    message: {
+                                        type: 'string',
+                                        title: '{{ t("Error message") }}',
+                                        'x-decorator': 'FormItem',
+                                        'x-component': 'Input.TextArea',
+                                        'x-component-props': {
+                                            autoSize: {
+                                                minRows: 2,
+                                                maxRows: 2
+                                            }
+                                        }
+                                    }
+                                }
+                            },
+                            remove: {
+                                type: 'void',
+                                'x-component': 'ArrayCollapse.Remove'
+                            },
+                            moveUp: {
+                                type: 'void',
+                                'x-component': 'ArrayCollapse.MoveUp'
+                            },
+                            moveDown: {
+                                type: 'void',
+                                'x-component': 'ArrayCollapse.MoveDown'
+                            }
+                        }
+                    },
+                    properties: {
+                        add: {
+                            type: 'void',
+                            title: '{{ t("Add validation rule") }}',
+                            'x-component': 'ArrayCollapse.Addition',
+                            'x-reactions': {
+                                dependencies: [
+                                    'rules'
+                                ],
+                                fulfill: {
+                                    state: {
+                                        disabled: '{{$deps[0].length >= 3}}'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        onSubmit: (v)=>{
+            var _collectionField_uiSchema;
+            const rules = [];
+            for (const rule of v.rules){
+                rules.push(__WEBPACK_EXTERNAL_MODULE_lodash__["default"].pickBy(rule, __WEBPACK_EXTERNAL_MODULE_lodash__["default"].identity));
+            }
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            if ([
+                'percent'
+            ].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
+                for (const rule of rules){
+                    if (!!rule.maxValue || !!rule.minValue) {
+                        rule['percentMode'] = true;
+                    }
+                    if (rule.percentFormat) {
+                        rule['percentFormats'] = true;
+                    }
+                }
+            }
+            const concatValidator = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].concat([], (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField_uiSchema = collectionField.uiSchema) === null || _collectionField_uiSchema === void 0 ? void 0 : _collectionField_uiSchema['x-validator']) || [], rules);
+            field.validator = concatValidator;
+            fieldSchema['x-validator'] = rules;
+            schema['x-validator'] = rules;
+            dn.emit('patch', {
+                schema
+            });
+            refresh();
+        }
+    }) : null;
+};
+const EditDefaultValue = ()=>{
+    var _collectionField_uiSchema;
+    const { getCollectionJoinField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const { form } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useFormBlockContext)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn, refresh } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField_uiSchema = collectionField.uiSchema) === null || _collectionField_uiSchema === void 0 ? void 0 : _collectionField_uiSchema.type) ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
+        title: t('Set default value'),
+        components: {
+            ArrayCollapse: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.ArrayCollapse,
+            FormLayout: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormLayout
+        },
+        schema: {
+            type: 'object',
+            title: t('Set default value'),
+            properties: {
+                default: {
+                    ...collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema,
+                    name: 'default',
+                    title: t('Default value'),
+                    'x-decorator': 'FormItem',
+                    default: fieldSchema.default || (collectionField === null || collectionField === void 0 ? void 0 : collectionField.defaultValue)
+                }
+            }
+        },
+        onSubmit: (v)=>{
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            if (field.value !== v.default) {
+                field.value = v.default;
+            }
+            fieldSchema.default = v.default;
+            schema.default = v.default;
+            dn.emit('patch', {
+                schema
+            });
+            refresh();
+        }
+    }) : null;
+};
+const EditComponent = ()=>{
+    var _field_componentProps;
+    const { getCollectionJoinField, getCollection } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    const fieldModeOptions = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useFieldModeOptions)();
+    const isAssociationField = [
+        'belongsTo',
+        'hasOne',
+        'hasMany',
+        'belongsToMany'
+    ].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.type);
+    const targetCollection = getCollection(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+    const isFileField = (0,__WEBPACK_EXTERNAL_MODULE__FormItem_mjs__.isFileCollection)(targetCollection);
+    return isAssociationField && fieldModeOptions ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSelectItem, {
+        title: t('Field component'),
+        options: fieldModeOptions,
+        value: (field === null || field === void 0 ? void 0 : (_field_componentProps = field.componentProps) === null || _field_componentProps === void 0 ? void 0 : _field_componentProps['mode']) || (isFileField ? 'FileManager' : 'Select'),
+        onChange: (mode)=>{
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+            fieldSchema['x-component-props']['mode'] = mode;
+            schema['x-component-props'] = fieldSchema['x-component-props'];
+            field.componentProps = field.componentProps || {};
+            field.componentProps.mode = mode;
+            dn.emit('patch', {
+                schema
+            });
+            dn.refresh();
+        }
+    }, "field-mode") : null;
+};
+const EditPattern = ()=>{
+    const { getCollectionJoinField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const { form } = (0,__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useFormBlockContext)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    let readOnlyMode = 'editable';
+    if (fieldSchema['x-disabled'] === true) {
+        readOnlyMode = 'readonly';
+    }
+    if (fieldSchema['x-read-pretty'] === true) {
+        readOnlyMode = 'read-pretty';
+    }
+    return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'o2m' && !(0,__WEBPACK_EXTERNAL_MODULE__schema_settings_isPatternDisabled_mjs__.isPatternDisabled)(fieldSchema) ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSelectItem, {
+        title: t('Pattern'),
+        options: [
+            {
+                label: t('Editable'),
+                value: 'editable'
+            },
+            {
+                label: t('Readonly'),
+                value: 'readonly'
+            },
+            {
+                label: t('Easy-reading'),
+                value: 'read-pretty'
+            }
+        ],
+        value: readOnlyMode,
+        onChange: (v)=>{
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            switch(v){
+                case 'readonly':
+                    {
+                        fieldSchema['x-read-pretty'] = false;
+                        fieldSchema['x-disabled'] = true;
+                        schema['x-read-pretty'] = false;
+                        schema['x-disabled'] = true;
+                        field.readPretty = false;
+                        field.disabled = true;
+                        break;
+                    }
+                case 'read-pretty':
+                    {
+                        fieldSchema['x-read-pretty'] = true;
+                        fieldSchema['x-disabled'] = false;
+                        schema['x-read-pretty'] = true;
+                        schema['x-disabled'] = false;
+                        field.readPretty = true;
+                        break;
+                    }
+                default:
+                    {
+                        fieldSchema['x-read-pretty'] = false;
+                        fieldSchema['x-disabled'] = false;
+                        schema['x-read-pretty'] = false;
+                        schema['x-disabled'] = false;
+                        field.readPretty = false;
+                        field.disabled = false;
+                        break;
+                    }
+            }
+            dn.emit('patch', {
+                schema
+            });
+            dn.refresh();
+        }
+    }, "pattern") : null;
+};
+/**
+ * 如果用户没有手动设置过 operator，那么在筛选的时候 operator 会是空的，
+ * 该方法确保 operator 一定有值（需要在 FormItem 中调用）
+ */ const useEnsureOperatorsValid = ()=>{
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const operatorList = (0,__WEBPACK_EXTERNAL_MODULE__filter_useOperators_mjs__.useOperatorList)();
+    const { operators: storedOperators } = findFilterOperators(fieldSchema);
+    if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) {
+        storedOperators[fieldSchema.name] = operatorList[0].value;
+    }
+};
+const EditOperator = ()=>{
+    const compile = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const operatorList = (0,__WEBPACK_EXTERNAL_MODULE__filter_useOperators_mjs__.useOperatorList)();
+    const { operators: storedOperators = {}, uid } = findFilterOperators(fieldSchema);
+    if (operatorList.length && !storedOperators[fieldSchema.name]) {
+        storedOperators[fieldSchema.name] = operatorList[0].value;
+    }
+    return operatorList.length ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSelectItem, {
+        title: t('Operator'),
+        value: storedOperators[fieldSchema.name],
+        options: compile(operatorList),
+        onChange: (v)=>{
+            var _operator_schema, _fieldSchema_xcomponentprops;
+            storedOperators[fieldSchema.name] = v;
+            const operator = operatorList.find((item)=>item.value === v);
+            const schema = {
+                ['x-uid']: uid,
+                ['x-filter-operators']: storedOperators
+            };
+            let componentProps = {
+                ...fieldSchema['x-component-props']
+            };
+            const isCustom = fieldSchema.name.includes('__custom');
+            // 根据操作符的配置，设置组件的属性
+            if (operator === null || operator === void 0 ? void 0 : (_operator_schema = operator.schema) === null || _operator_schema === void 0 ? void 0 : _operator_schema['x-component']) {
+                var _operator_schema1;
+                __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(fieldSchema, isCustom ? 'x-component' : 'x-component-props.component', operator.schema['x-component']);
+                __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(field, isCustom ? 'component' : 'componentProps.component', operator.schema['x-component']);
+                field.reset();
+                componentProps = {
+                    component: operator.schema['x-component'],
+                    ...fieldSchema['x-component-props'],
+                    ...(_operator_schema1 = operator.schema) === null || _operator_schema1 === void 0 ? void 0 : _operator_schema1['x-component-props']
+                };
+                const dnSchema = {
+                    schema: {
+                        ['x-uid']: fieldSchema['x-uid'],
+                        ['x-component-props']: componentProps
+                    }
+                };
+                if (isCustom) {
+                    var _operator_schema2;
+                    dnSchema.schema['x-component'] = (_operator_schema2 = operator.schema) === null || _operator_schema2 === void 0 ? void 0 : _operator_schema2['x-component'];
+                    dnSchema.schema['x-component-props']['component'] = fieldSchema['x-component-props']['component'];
+                }
+                dn.emit('patch', dnSchema);
+            } else if ((_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops === void 0 ? void 0 : _fieldSchema_xcomponentprops.component) {
+                var _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2, _fieldSchema_xcomponentprops3, _operator_schema3;
+                __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(fieldSchema, isCustom ? 'x-component' : 'x-component-props.component', isCustom ? (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops1 === void 0 ? void 0 : _fieldSchema_xcomponentprops1.component : null);
+                __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(field, isCustom ? 'component' : 'componentProps.component', isCustom ? (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops2 === void 0 ? void 0 : _fieldSchema_xcomponentprops2.component : null);
+                field.reset();
+                componentProps = {
+                    component: isCustom ? (_fieldSchema_xcomponentprops3 = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops3 === void 0 ? void 0 : _fieldSchema_xcomponentprops3.component : null,
+                    ...fieldSchema['x-component-props'],
+                    ...(_operator_schema3 = operator.schema) === null || _operator_schema3 === void 0 ? void 0 : _operator_schema3['x-component-props']
+                };
+                const dnSchema = {
+                    schema: {
+                        ['x-uid']: fieldSchema['x-uid'],
+                        ['x-component-props']: componentProps
+                    }
+                };
+                if (isCustom) {
+                    var _fieldSchema_xcomponentprops4;
+                    dnSchema.schema['x-component'] = (_fieldSchema_xcomponentprops4 = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops4 === void 0 ? void 0 : _fieldSchema_xcomponentprops4.component;
+                }
+                dn.emit('patch', dnSchema);
+            }
+            field.componentProps = componentProps;
+            dn.emit('patch', {
+                schema
+            });
+            dn.refresh();
+        }
+    }, "operator") : null;
+};
+const EditTitleField = ()=>{
+    var _fieldSchema_xcomponentprops_fieldNames, _fieldSchema_xcomponentprops;
+    const { getCollectionFields, getCollectionJoinField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const { getField } = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const compile = (0,__WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
+    const collectionManage = (0,__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    var _fieldSchema_name;
+    const isCustomFilterItem = ((_fieldSchema_name = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.name) !== null && _fieldSchema_name !== void 0 ? _fieldSchema_name : '').startsWith('__custom.');
+    const collectionManageField = isCustomFilterItem ? collectionManage.collections.filter((value)=>value.name === fieldSchema['x-decorator-props'])[0] : {};
+    const collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+    let targetFields = [];
+    if (collectionField) {
+        var _getCollectionFields;
+        targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) : (_getCollectionFields = getCollectionFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.targetCollection)) !== null && _getCollectionFields !== void 0 ? _getCollectionFields : [];
+    } else if (collectionManageField) {
+        targetFields = collectionManageField['fields'];
+    }
+    const options = targetFields.filter((field)=>!(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean').map((field)=>{
+        var _field_uiSchema;
+        return {
+            value: field === null || field === void 0 ? void 0 : field.name,
+            label: compile(field === null || field === void 0 ? void 0 : (_field_uiSchema = field.uiSchema) === null || _field_uiSchema === void 0 ? void 0 : _field_uiSchema.title) || (field === null || field === void 0 ? void 0 : field.name)
+        };
+    });
+    return options.length > 0 && (fieldSchema['x-component'] === 'CollectionField' || isCustomFilterItem) ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSelectItem, {
+        title: t('Title field'),
+        options: options,
+        value: ((_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops === void 0 ? void 0 : (_fieldSchema_xcomponentprops_fieldNames = _fieldSchema_xcomponentprops['fieldNames']) === null || _fieldSchema_xcomponentprops_fieldNames === void 0 ? void 0 : _fieldSchema_xcomponentprops_fieldNames.label) || 'id',
+        onChange: (label)=>{
+            var _collectionField_uiSchema_xcomponentprops, _collectionField_uiSchema;
+            const schema = {
+                ['x-uid']: fieldSchema['x-uid']
+            };
+            const fieldNames = {
+                ...collectionField === null || collectionField === void 0 ? void 0 : (_collectionField_uiSchema = collectionField.uiSchema) === null || _collectionField_uiSchema === void 0 ? void 0 : (_collectionField_uiSchema_xcomponentprops = _collectionField_uiSchema['x-component-props']) === null || _collectionField_uiSchema_xcomponentprops === void 0 ? void 0 : _collectionField_uiSchema_xcomponentprops['fieldNames'],
+                ...field.componentProps.fieldNames,
+                label
+            };
+            if (isCustomFilterItem) fieldNames['value'] = label;
+            fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+            fieldSchema['x-component-props']['fieldNames'] = fieldNames;
+            schema['x-component-props'] = fieldSchema['x-component-props'];
+            field.componentProps = fieldSchema['x-component-props'];
+            dn.emit('patch', {
+                schema
+            });
+            dn.refresh();
+        }
+    }, "title-field") : null;
+};
+
+export { EditComponent, EditDefaultValue, EditDescription, EditOperator, EditPattern, EditRequired, EditTitle, EditTitleField, EditTooltip, EditValidationRules, findFilterOperators, useEnsureOperatorsValid };

package/lib/schema-component/antd/form-item/__tests__/form-item.test.mjs

@@ -0,0 +1,27 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__ from "@tachybase/test/client";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__ from "../demos/demo1.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/test/client"
+
+;// CONCATENATED MODULE: external "../demos/demo1.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/form-item/__tests__/form-item.test.tsx?__rslib_entry__
+
+
+
+
+describe('FormItem', ()=>{
+    it('should render correctly', async ()=>{
+        (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__["default"], {}));
+        await (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>{
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('title')).toBeInTheDocument();
+        });
+    });
+});
+