@tachybase/client 1.3.20 → 1.3.21

package/lib/modules/fields/component/CustomTitle/customTitleComponentFieldSettings.js

@@ -26,7 +26,13 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CustomTitleComponentFieldSettings: ()=>CustomTitleComponentFieldSettings
 });
+const schema_namespaceObject = require("@tachybase/schema");
+const external_react_i18next_namespaceObject = require("react-i18next");
 const SchemaSettings_js_namespaceObject = require("../../../../application/schema-settings/SchemaSettings.js");
+const useFieldComponentName_js_namespaceObject = require("../../../../common/useFieldComponentName.js");
+const index_js_namespaceObject = require("../../../../data-source/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../../schema-component/index.js");
+const util_js_namespaceObject = require("../../../../schema-component/antd/association-field/util.js");
 const FormItem_Settings_js_namespaceObject = require("../../../../schema-component/antd/form-item/FormItem.Settings.js");
 const Table_Column_Decorator_js_namespaceObject = require("../../../../schema-component/antd/table-v2/Table.Column.Decorator.js");
 const useIsShowMultipleSwitch_js_namespaceObject = require("../../../../schema-settings/hooks/useIsShowMultipleSwitch.js");
@@ -35,12 +41,96 @@ const CustomTitleComponentFieldSettings = new SchemaSettings_js_namespaceObject.
     name: 'fieldSettings:component:CustomTitle',
     items: [
         {
-            ...selectComponentFieldSettings_js_namespaceObject.fieldComponent,
-            useVisible: FormItem_Settings_js_namespaceObject.useIsMuiltipleAble
+            name: 'fieldComponent',
+            type: 'select',
+            useComponentProps () {
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
+                const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+                const field = (0, schema_namespaceObject.useField)();
+                const collectionFieldCurrent = (0, index_js_namespaceObject.useCollectionField)();
+                const { fieldSchema: tableColumnSchema, collectionField } = (0, Table_Column_Decorator_js_namespaceObject.useColumnSchema)();
+                const schema = (0, schema_namespaceObject.useFieldSchema)();
+                const fieldSchema = tableColumnSchema || schema;
+                const fieldModeOptions = (0, external_schema_component_index_js_namespaceObject.useFieldModeOptions)({
+                    fieldSchema: tableColumnSchema,
+                    collectionField
+                });
+                const isAddNewForm = (0, external_schema_component_index_js_namespaceObject.useIsAddNewForm)();
+                const fieldMode = (0, useFieldComponentName_js_namespaceObject.useFieldComponentName)();
+                const { dn } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
+                const isSelect = [
+                    'select',
+                    'multipleSelect'
+                ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+                const optionsMuiltipleSelect = [
+                    {
+                        label: t('Select'),
+                        value: 'Select'
+                    },
+                    {
+                        label: t('Radio group'),
+                        value: 'Radio group'
+                    },
+                    {
+                        label: t('Custom Title'),
+                        value: 'CustomTitle'
+                    }
+                ];
+                if ((null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface) === 'multipleSelect') {
+                    const index = optionsMuiltipleSelect.findIndex((item)=>{
+                        if ('Select' === item.value) item.value = 'multiple';
+                        return 'Radio group' === item.value;
+                    });
+                    optionsMuiltipleSelect.splice(index, 1);
+                }
+                const dm = (0, index_js_namespaceObject.useDataSourceManager)();
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
+                const componentOptions = isSelect ? optionsMuiltipleSelect : fieldModeOptions;
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == componentOptions ? void 0 : componentOptions.find((modeItem)=>modeItem.value === item.value))) null == componentOptions || componentOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
+                return {
+                    title: t('Field component'),
+                    options: componentOptions,
+                    value: fieldMode,
+                    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;
+                        if ((0, util_js_namespaceObject.isSubMode)(fieldSchema) && isAddNewForm) {
+                            var _field_setInitialValue, _field_setValue;
+                            schema.default = null;
+                            fieldSchema.default = null;
+                            null == field || null == (_field_setInitialValue = field.setInitialValue) || _field_setInitialValue.call(field, null);
+                            null == field || null == (_field_setValue = field.setValue) || _field_setValue.call(field, null);
+                        }
+                        dn.emit('patch', {
+                            schema
+                        });
+                        dn.refresh();
+                    }
+                };
+            },
+            useVisible () {
+                const fieldMode = (0, useFieldComponentName_js_namespaceObject.useFieldComponentName)();
+                return 'CustomTitle' === fieldMode;
+            }
         },
         {
             ...selectComponentFieldSettings_js_namespaceObject.CustomTitle,
-            useVisible: FormItem_Settings_js_namespaceObject.useIsMuiltipleAble
+            useVisible () {
+                const fieldMode = (0, useFieldComponentName_js_namespaceObject.useFieldComponentName)();
+                return 'CustomTitle' === fieldMode;
+            }
         },
         {
             ...selectComponentFieldSettings_js_namespaceObject.setTheDataScope,

package/lib/modules/fields/component/InputPreview/inputPreviewComponentFieldSettings.js

@@ -0,0 +1,133 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    inputPreviewComponentFieldSettings: ()=>inputPreviewComponentFieldSettings
+});
+const schema_namespaceObject = require("@tachybase/schema");
+const external_react_i18next_namespaceObject = require("react-i18next");
+const SchemaSettings_js_namespaceObject = require("../../../../application/schema-settings/SchemaSettings.js");
+const index_js_namespaceObject = require("../../../../schema-component/index.js");
+const createSettingsItem = (config)=>({
+        name: config.name,
+        type: 'select',
+        useComponentProps () {
+            var _fieldSchema_xcomponentprops;
+            const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+            const field = (0, schema_namespaceObject.useField)();
+            const schema = (0, schema_namespaceObject.useFieldSchema)();
+            const { fieldSchema: tableColumnSchema } = (0, index_js_namespaceObject.useColumnSchema)();
+            const fieldSchema = tableColumnSchema || schema;
+            const { dn } = (0, index_js_namespaceObject.useDesignable)();
+            return {
+                title: t(config.title),
+                options: config.options(t),
+                value: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops[config.name]) || config.defaultValue,
+                onChange (value) {
+                    const schema = {
+                        ['x-uid']: fieldSchema['x-uid']
+                    };
+                    fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                    fieldSchema['x-component-props'][config.name] = value;
+                    schema['x-component-props'] = fieldSchema['x-component-props'];
+                    field.componentProps = field.componentProps || {};
+                    field.componentProps[config.name] = value;
+                    dn.emit('patch', {
+                        schema
+                    });
+                }
+            };
+        }
+    });
+const getSizeOptions = (t)=>[
+        {
+            value: 'small',
+            label: t('Small')
+        },
+        {
+            value: 'middle',
+            label: t('Middle')
+        },
+        {
+            value: 'large',
+            label: t('Large')
+        },
+        {
+            value: 'oversized',
+            label: t('Oversized')
+        },
+        {
+            value: 'auto',
+            label: t('Auto')
+        }
+    ];
+const getObjectFitOptions = (t)=>[
+        {
+            value: 'cover',
+            label: t('Cover')
+        },
+        {
+            value: 'fill',
+            label: t('Fill')
+        },
+        {
+            value: 'contain',
+            label: t('Contain')
+        },
+        {
+            value: 'scale-down',
+            label: t('Scale Down')
+        },
+        {
+            value: 'none',
+            label: t('None')
+        }
+    ];
+const size = createSettingsItem({
+    name: 'size',
+    title: 'Size',
+    options: getSizeOptions,
+    defaultValue: 'small'
+});
+const objectFit = createSettingsItem({
+    name: 'objectFit',
+    title: 'Object Fit',
+    options: getObjectFitOptions,
+    defaultValue: 'cover'
+});
+const inputPreviewComponentFieldSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
+    name: 'fieldSettings:component:Input.Preview',
+    items: [
+        size,
+        objectFit
+    ]
+});
+exports.inputPreviewComponentFieldSettings = __webpack_exports__.inputPreviewComponentFieldSettings;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "inputPreviewComponentFieldSettings"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/modules/fields/component/MultipleSelect/multipleSelectComponentFieldSettings.js

@@ -0,0 +1,98 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    multipleComponentFieldSettings: ()=>multipleComponentFieldSettings
+});
+const schema_namespaceObject = require("@tachybase/schema");
+const external_react_i18next_namespaceObject = require("react-i18next");
+const SchemaSettings_js_namespaceObject = require("../../../../application/schema-settings/SchemaSettings.js");
+const index_js_namespaceObject = require("../../../../collection-manager/index.js");
+const external_data_source_index_js_namespaceObject = require("../../../../data-source/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../../schema-component/index.js");
+const Table_Column_Decorator_js_namespaceObject = require("../../../../schema-component/antd/table-v2/Table.Column.Decorator.js");
+const multipleComponentFieldSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
+    name: 'fieldSettings:component:multiple',
+    items: [
+        {
+            name: 'fieldComponent',
+            type: 'select',
+            useComponentProps () {
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
+                const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+                const field = (0, schema_namespaceObject.useField)();
+                const { fieldSchema: tableColumnSchema } = (0, Table_Column_Decorator_js_namespaceObject.useColumnSchema)();
+                const { getCollectionJoinField } = (0, index_js_namespaceObject.useCollectionManager_deprecated)();
+                const dm = (0, external_data_source_index_js_namespaceObject.useDataSourceManager)();
+                const schema = (0, schema_namespaceObject.useFieldSchema)();
+                const fieldSchema = tableColumnSchema || schema;
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
+                const fieldModeOptions = [
+                    {
+                        label: t('Select'),
+                        value: 'multiple'
+                    }
+                ];
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
+                const { dn } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
+                return {
+                    title: t('Field component'),
+                    options: fieldModeOptions,
+                    value: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.mode) || 'multiple',
+                    onChange (mode) {
+                        const schema = {
+                            ['x-uid']: fieldSchema['x-uid']
+                        };
+                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                        fieldSchema['x-component-props']['mode'] = mode;
+                        fieldSchema['x-component-props']['multiple'] = true;
+                        schema['x-component-props'] = fieldSchema['x-component-props'];
+                        field.componentProps = field.componentProps || {};
+                        field.componentProps.mode = mode;
+                        field.componentProps.multiple = true;
+                        dn.emit('patch', {
+                            schema
+                        });
+                        dn.refresh();
+                    }
+                };
+            }
+        }
+    ]
+});
+exports.multipleComponentFieldSettings = __webpack_exports__.multipleComponentFieldSettings;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "multipleComponentFieldSettings"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/modules/fields/component/Radio/radioComponentFieldSettings.js

@@ -29,7 +29,9 @@ __webpack_require__.d(__webpack_exports__, {
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
 const SchemaSettings_js_namespaceObject = require("../../../../application/schema-settings/SchemaSettings.js");
-const index_js_namespaceObject = require("../../../../schema-component/index.js");
+const index_js_namespaceObject = require("../../../../collection-manager/index.js");
+const external_data_source_index_js_namespaceObject = require("../../../../data-source/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../../../schema-component/index.js");
 const Table_Column_Decorator_js_namespaceObject = require("../../../../schema-component/antd/table-v2/Table.Column.Decorator.js");
 const radioComponentFieldSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
     name: 'fieldSettings:component:Radio group',
@@ -38,7 +40,7 @@ const radioComponentFieldSettings = new SchemaSettings_js_namespaceObject.Schema
             name: 'fieldComponent',
             type: 'select',
             useComponentProps () {
-                var _fieldSchema_xcomponentprops;
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
                 const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
                 const field = (0, schema_namespaceObject.useField)();
                 const { fieldSchema: tableColumnSchema } = (0, Table_Column_Decorator_js_namespaceObject.useColumnSchema)();
@@ -54,7 +56,18 @@ const radioComponentFieldSettings = new SchemaSettings_js_namespaceObject.Schema
                         value: 'Radio group'
                     }
                 ];
-                const { dn } = (0, index_js_namespaceObject.useDesignable)();
+                const dm = (0, external_data_source_index_js_namespaceObject.useDataSourceManager)();
+                const { getCollectionJoinField } = (0, index_js_namespaceObject.useCollectionManager_deprecated)();
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
+                const { dn } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
                 return {
                     title: t('Field component'),
                     options: fieldModeOptions,

package/lib/modules/fields/component/Select/selectComponentFieldSettings.js

@@ -317,6 +317,7 @@ const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
     useComponentProps () {
+        var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
         const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
         const field = (0, schema_namespaceObject.useField)();
         const collectionFieldCurrent = (0, external_data_source_index_js_namespaceObject.useCollectionField)();
@@ -331,7 +332,8 @@ const fieldComponent = {
         const fieldMode = (0, useFieldComponentName_js_namespaceObject.useFieldComponentName)();
         const { dn } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
         const isMuiltipleSelect = [
-            'select'
+            'select',
+            'multipleSelect'
         ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
         const optionsMuiltipleSelect = [
             {
@@ -343,9 +345,27 @@ const fieldComponent = {
                 value: 'Radio group'
             }
         ];
+        if ((null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface) === 'multipleSelect') {
+            const index = optionsMuiltipleSelect.findIndex((item)=>'Radio group' === item.value);
+            optionsMuiltipleSelect.splice(index, 1);
+        }
+        const dm = (0, external_data_source_index_js_namespaceObject.useDataSourceManager)();
+        const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+        const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
+        if (fieldSchema['x-component-props']['multiple']) {
+            const index = fieldModeOptions.findIndex((item)=>'Radio group' === item.value);
+            fieldModeOptions.splice(index, 1);
+        }
+        const componentOptions = isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions;
+        null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+            if (!(null == componentOptions ? void 0 : componentOptions.find((modeItem)=>modeItem.value === item.value))) null == componentOptions || componentOptions.push({
+                label: compile(item.label),
+                value: item.value
+            });
+        });
         return {
             title: t('Field component'),
-            options: isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions,
+            options: componentOptions,
             value: fieldMode,
             onChange (mode) {
                 const schema = {
@@ -436,8 +456,7 @@ const selectComponentFieldSettings = new SchemaSettings_js_namespaceObject.Schem
     name: 'fieldSettings:component:Select',
     items: [
         {
-            ...fieldComponent,
-            useVisible: FormItem_Settings_js_namespaceObject.useIsMuiltipleAble
+            ...fieldComponent
         },
         {
             ...setTheDataScope,

package/lib/schema-component/antd/association-field/InternalViewer.js

@@ -80,7 +80,7 @@ const ReadPrettyInternalViewer = (0, schema_namespaceObject.observer)((props)=>{
     const isTreeCollection = (null == targetCollection ? void 0 : targetCollection.template) === 'tree';
     const ellipsisWithTooltipRef = (0, external_react_namespaceObject.useRef)();
     const getLabelUiSchema = (0, external_util_js_namespaceObject.useLabelUiSchemaV2)();
-    const { formulaRecord, fieldNames } = customTitle(recordCtx, fieldSchema, defFieldNames);
+    const { formulaRecord, fieldNames } = (0, external_hooks_js_namespaceObject.useCustomTitle)(recordCtx, fieldSchema, defFieldNames);
     const renderRecords = ()=>(0, schema_namespaceObject.toArr)(formulaRecord[fieldSchema['name']] || props.value).map((record, index, arr)=>{
             var _getCollection_options, _getCollection, _targetCollection_fieldsMap_, _targetCollection_fieldsMap, _getCollection_options1, _getCollection1, _targetCollection_fieldsMap_1, _targetCollection_fieldsMap1;
             const value = null == record ? void 0 : record[(null == fieldNames ? void 0 : fieldNames.label) || 'label'];
@@ -173,60 +173,6 @@ const ReadPrettyInternalViewer = (0, schema_namespaceObject.observer)((props)=>{
 }, {
     displayName: 'ReadPrettyInternalViewer'
 });
-const customTitle = (record, schema, fieldNames)=>{
-    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
-    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
-        var _schema_xcomponentprops_fieldNames1, _schema_xcomponentprops2;
-        const regex = /{{(.*?)}}/g;
-        const valueOject = {};
-        let outputStr = '';
-        let match;
-        const formula = null == (_schema_xcomponentprops2 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames1 = _schema_xcomponentprops2.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames1.formula;
-        while(match = regex.exec(formula))if (match[1].includes('.')) {
-            const fieldList = [
-                schema.name
-            ];
-            fieldList.push(...match[1].split('.'));
-            const result = {
-                currRecord: record,
-                value: ''
-            };
-            fieldList.forEach((value, index)=>{
-                var _result_currRecord;
-                if (fieldList.length - 1 !== index) {
-                    var _result_currRecord1;
-                    result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
-                    return;
-                }
-                result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
-            });
-            var _result_value;
-            valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
-        } else {
-            var _record_schema_name;
-            valueOject[match[1]] = (null == (_record_schema_name = record[schema['name']]) ? void 0 : _record_schema_name[match[1]]) || '';
-        }
-        outputStr = replacePlaceholders(formula, valueOject);
-        record[schema['name']] = {
-            ...record[schema['name']],
-            customLabel: outputStr
-        };
-        return {
-            formulaRecord: record,
-            fieldNames: {
-                ...fieldNames,
-                label: 'customLabel'
-            }
-        };
-    }
-    return {
-        formulaRecord: record,
-        fieldNames
-    };
-};
-const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
-        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
-    });
 exports.ReadPrettyInternalViewer = __webpack_exports__.ReadPrettyInternalViewer;
 exports.isObject = __webpack_exports__.isObject;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/schema-component/antd/association-field/hooks.js

@@ -34,6 +34,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     useAssociationFieldContext: ()=>useAssociationFieldContext,
+    useCustomTitle: ()=>useCustomTitle,
     default: ()=>useServiceOptions,
     SubFormProvider: ()=>SubFormProvider,
     useSubFormValue: ()=>useSubFormValue,
@@ -191,9 +192,61 @@ const useSubFormValue = ()=>{
         collection
     };
 };
+const useCustomTitle = (record, schema, fieldNames)=>{
+    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
+    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
+        if (Array.isArray(record[schema['name']])) record[schema['name']].forEach((recordItem)=>{
+            recordItem['customLabel'] = getCustomLabel(recordItem, schema);
+        });
+        else record[schema['name']]['customLabel'] = getCustomLabel(record[schema['name']], schema);
+        return {
+            formulaRecord: record,
+            fieldNames: {
+                ...fieldNames,
+                label: 'customLabel'
+            }
+        };
+    }
+    return {
+        formulaRecord: record,
+        fieldNames
+    };
+};
+const getCustomLabel = (record, schema)=>{
+    var _schema_xcomponentprops_fieldNames, _schema_xcomponentprops;
+    const regex = /{{(.*?)}}/g;
+    const valueOject = {};
+    let outputStr = '';
+    let match;
+    const formula = null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula;
+    while(match = regex.exec(formula))if (match[1].includes('.')) {
+        const fieldList = match[1].split('.');
+        const result = {
+            currRecord: record,
+            value: ''
+        };
+        fieldList.forEach((value, index)=>{
+            var _result_currRecord;
+            if (fieldList.length - 1 !== index) {
+                var _result_currRecord1;
+                result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
+                return;
+            }
+            result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
+        });
+        var _result_value;
+        valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
+    } else valueOject[match[1]] = record[match[1]] || '';
+    outputStr = replacePlaceholders(formula, valueOject);
+    return outputStr;
+};
+const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
+        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
+    });
 exports.SubFormProvider = __webpack_exports__.SubFormProvider;
 exports["default"] = __webpack_exports__["default"];
 exports.useAssociationFieldContext = __webpack_exports__.useAssociationFieldContext;
+exports.useCustomTitle = __webpack_exports__.useCustomTitle;
 exports.useFieldNames = __webpack_exports__.useFieldNames;
 exports.useInsertSchema = __webpack_exports__.useInsertSchema;
 exports.useSubFormValue = __webpack_exports__.useSubFormValue;
@@ -201,6 +254,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "SubFormProvider",
     "default",
     "useAssociationFieldContext",
+    "useCustomTitle",
     "useFieldNames",
     "useInsertSchema",
     "useSubFormValue"

package/lib/schema-component/antd/input/Input.js

@@ -50,7 +50,8 @@ const Input = Object.assign((0, schema_namespaceObject.connect)(external_antd_na
         })), (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.TextArea)),
     URL: (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Input, (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.URL)),
     JSON: (0, schema_namespaceObject.connect)(external_Json_js_namespaceObject.Json, (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty.JSON)),
-    ReadPretty: external_ReadPretty_js_namespaceObject.ReadPretty.Input
+    ReadPretty: external_ReadPretty_js_namespaceObject.ReadPretty.Input,
+    Preview: external_ReadPretty_js_namespaceObject.ReadPretty.Preview
 });
 const input_Input = Input;
 exports.Input = __webpack_exports__.Input;

package/lib/schema-component/antd/input/ReadPretty.js

@@ -38,6 +38,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const components_namespaceObject = require("@tachybase/components");
+const schema_namespaceObject = require("@tachybase/schema");
 const css_namespaceObject = require("@emotion/css");
 const external_antd_namespaceObject = require("antd");
 const external_classnames_namespaceObject = require("classnames");
@@ -189,11 +190,38 @@ const _JSON = (props)=>{
         children: null != props.value ? JSON.stringify(props.value, null, null != (_props_space = props.space) ? _props_space : 2) : ''
     });
 };
+const sizes = {
+    small: 24,
+    middle: 48,
+    large: 72,
+    oversized: 120
+};
+const _Preview = (props)=>{
+    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+    const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
+    const size = (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['size']) || 'small';
+    const objectFit = (null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['objectFit']) || 'cover';
+    if (!props.value) return props.value;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Image, {
+        style: [
+            'small',
+            'middle',
+            'large',
+            'oversized'
+        ].includes(size) ? {
+            width: sizes[size],
+            height: sizes[size],
+            objectFit
+        } : {},
+        src: props.value
+    });
+};
 ReadPretty.Input = _Input;
 ReadPretty.TextArea = _TextArea;
 ReadPretty.URL = _URL;
 ReadPretty.Html = _Html;
 ReadPretty.JSON = _JSON;
+ReadPretty.Preview = _Preview;
 exports.ReadPretty = __webpack_exports__.ReadPretty;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ReadPretty"