@tachybase/client 1.3.9 → 1.3.11

package/es/schema-component/antd/association-field/InternalViewer.mjs

@@ -1,20 +1,20 @@
-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_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
-import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
-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__modules_variable_DeclareVariable_mjs__ from "../../../modules/variable/DeclareVariable.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__ from "../../../record-provider/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__core_index_mjs__ from "../../core/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__action_index_mjs__ from "../action/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__input_EllipsisWithTooltip_mjs__ from "../input/EllipsisWithTooltip.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "./hooks.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__InternalCascadeSelect_mjs__ from "./InternalCascadeSelect.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_mjs__ from "./schema.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useRef, useState } from "react";
+import { RecursionField, observer, toArr, useField, useFieldSchema } from "@tachybase/schema";
+import { useTranslation } from "react-i18next";
+import { useDesignable } from "../../index.mjs";
+import { BlockAssociationContext, WithoutTableFieldResource } from "../../../block-provider/index.mjs";
+import { CollectionProvider_deprecated, useCollectionManager_deprecated } from "../../../collection-manager/index.mjs";
+import { DeclareVariable } from "../../../modules/variable/DeclareVariable.mjs";
+import { RecordProvider, useRecord } from "../../../record-provider/index.mjs";
+import { FormProvider } from "../../core/index.mjs";
+import { useCompile } from "../../hooks/index.mjs";
+import { ActionContextProvider, useActionContext } from "../action/index.mjs";
+import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
+import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
+import { transformNestedData } from "./InternalCascadeSelect.mjs";
+import schema_0 from "./schema.mjs";
+import { getLabelFormatValue, useLabelUiSchemaV2 } from "./util.mjs";
 const toValue = (value, placeholder)=>{
     if (null == value) return placeholder;
     return value;
@@ -22,50 +22,50 @@ const toValue = (value, placeholder)=>{
 function isObject(value) {
     return 'object' == typeof value && null !== value;
 }
-const ReadPrettyInternalViewer = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const recordCtx = (0, __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.useRecord)();
-    const { getCollection } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+const ReadPrettyInternalViewer = observer((props)=>{
+    const { t } = useTranslation();
+    const fieldSchema = useFieldSchema();
+    const recordCtx = useRecord();
+    const { getCollection } = useCollectionManager_deprecated();
     const { enableLink } = fieldSchema['x-component-props'] || {};
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const defFieldNames = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useFieldNames)(props);
-    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const insertViewer = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useInsertSchema)('Viewer');
-    const { options: collectionField } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
-    const [record, setRecord] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
-    const compile = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
-    const { designable } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
-    const { snapshot } = (0, __WEBPACK_EXTERNAL_MODULE__action_index_mjs__.useActionContext)();
+    const field = useField();
+    const defFieldNames = useFieldNames(props);
+    const [visible, setVisible] = useState(false);
+    const insertViewer = useInsertSchema('Viewer');
+    const { options: collectionField } = useAssociationFieldContext();
+    const [record, setRecord] = useState({});
+    const compile = useCompile();
+    const { designable } = useDesignable();
+    const { snapshot } = useActionContext();
     const targetCollection = getCollection(null == collectionField ? void 0 : collectionField.target);
     const isTreeCollection = (null == targetCollection ? void 0 : targetCollection.template) === 'tree';
-    const ellipsisWithTooltipRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)();
-    const getLabelUiSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.useLabelUiSchemaV2)();
+    const ellipsisWithTooltipRef = useRef();
+    const getLabelUiSchema = useLabelUiSchemaV2();
     const { formulaRecord, fieldNames } = customTitle(recordCtx, fieldSchema, defFieldNames);
-    const renderRecords = ()=>(0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(formulaRecord[fieldSchema['name']] || props.value).map((record, index, arr)=>{
+    const renderRecords = ()=>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'];
-            const label = isTreeCollection ? (0, __WEBPACK_EXTERNAL_MODULE__InternalCascadeSelect_mjs__.transformNestedData)(record).map((o)=>null == o ? void 0 : o[(null == fieldNames ? void 0 : fieldNames.label) || 'label']).join(' / ') : isObject(value) ? (null === (_getCollection = getCollection(null == targetCollection ? void 0 : null === (_targetCollection_fieldsMap = targetCollection.fieldsMap) || void 0 === _targetCollection_fieldsMap ? void 0 : null === (_targetCollection_fieldsMap_ = _targetCollection_fieldsMap[(null == fieldNames ? void 0 : fieldNames.label) || 'label']) || void 0 === _targetCollection_fieldsMap_ ? void 0 : _targetCollection_fieldsMap_.target)) || void 0 === _getCollection ? void 0 : null === (_getCollection_options = _getCollection.options) || void 0 === _getCollection_options ? void 0 : _getCollection_options.titleField) ? value[null === (_getCollection1 = getCollection(null == targetCollection ? void 0 : null === (_targetCollection_fieldsMap1 = targetCollection.fieldsMap) || void 0 === _targetCollection_fieldsMap1 ? void 0 : null === (_targetCollection_fieldsMap_1 = _targetCollection_fieldsMap1[(null == fieldNames ? void 0 : fieldNames.label) || 'label']) || void 0 === _targetCollection_fieldsMap_1 ? void 0 : _targetCollection_fieldsMap_1.target)) || void 0 === _getCollection1 ? void 0 : null === (_getCollection_options1 = _getCollection1.options) || void 0 === _getCollection_options1 ? void 0 : _getCollection_options1.titleField] : JSON.stringify(value) : value;
+            const label = isTreeCollection ? transformNestedData(record).map((o)=>null == o ? void 0 : o[(null == fieldNames ? void 0 : fieldNames.label) || 'label']).join(' / ') : isObject(value) ? (null == (_getCollection = getCollection(null == targetCollection ? void 0 : null == (_targetCollection_fieldsMap = targetCollection.fieldsMap) ? void 0 : null == (_targetCollection_fieldsMap_ = _targetCollection_fieldsMap[(null == fieldNames ? void 0 : fieldNames.label) || 'label']) ? void 0 : _targetCollection_fieldsMap_.target)) ? void 0 : null == (_getCollection_options = _getCollection.options) ? void 0 : _getCollection_options.titleField) ? value[null == (_getCollection1 = getCollection(null == targetCollection ? void 0 : null == (_targetCollection_fieldsMap1 = targetCollection.fieldsMap) ? void 0 : null == (_targetCollection_fieldsMap_1 = _targetCollection_fieldsMap1[(null == fieldNames ? void 0 : fieldNames.label) || 'label']) ? void 0 : _targetCollection_fieldsMap_1.target)) ? void 0 : null == (_getCollection_options1 = _getCollection1.options) ? void 0 : _getCollection_options1.titleField] : JSON.stringify(value) : value;
             const val = toValue(compile(label), 'N/A');
             const labelUiSchema = getLabelUiSchema((null == record ? void 0 : record.__collection) || (null == collectionField ? void 0 : collectionField.target), (null == fieldNames ? void 0 : fieldNames.label) || 'label');
-            const text = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.getLabelFormatValue)(compile(labelUiSchema), val, true);
-            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+            const text = getLabelFormatValue(compile(labelUiSchema), val, true);
+            return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
-                        children: snapshot ? text : false !== enableLink ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("a", {
+                    /*#__PURE__*/ jsx("span", {
+                        children: snapshot ? text : false !== enableLink ? /*#__PURE__*/ jsx("a", {
                             onClick: (e)=>{
                                 var _ellipsisWithTooltipRef_current;
                                 e.stopPropagation();
                                 e.preventDefault();
-                                if (designable) insertViewer(__WEBPACK_EXTERNAL_MODULE__schema_mjs__["default"].Viewer);
+                                if (designable) insertViewer(schema_0.Viewer);
                                 setVisible(true);
                                 setRecord(record);
-                                null == ellipsisWithTooltipRef || null === (_ellipsisWithTooltipRef_current = ellipsisWithTooltipRef.current) || void 0 === _ellipsisWithTooltipRef_current || _ellipsisWithTooltipRef_current.setPopoverVisible(false);
+                                null == ellipsisWithTooltipRef || null == (_ellipsisWithTooltipRef_current = ellipsisWithTooltipRef.current) || _ellipsisWithTooltipRef_current.setPopoverVisible(false);
                             },
                             children: text
                         }) : text
                     }),
-                    index < arr.length - 1 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                    index < arr.length - 1 ? /*#__PURE__*/ jsx("span", {
                         style: {
                             marginRight: 4,
                             color: '#aaa'
@@ -75,15 +75,15 @@ const ReadPrettyInternalViewer = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema
                 ]
             }, "".concat(null == record ? void 0 : record.id, "_").concat(index));
         });
-    const renderWithoutTableFieldResourceProvider = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__modules_variable_DeclareVariable_mjs__.DeclareVariable, {
+    const renderWithoutTableFieldResourceProvider = ()=>/*#__PURE__*/ jsx(DeclareVariable, {
             name: "$nPopupRecord",
             title: t('Current popup record'),
             value: record,
             collection: targetCollection,
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.WithoutTableFieldResource.Provider, {
+            children: /*#__PURE__*/ jsx(WithoutTableFieldResource.Provider, {
                 value: true,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__core_index_mjs__.FormProvider, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                children: /*#__PURE__*/ jsx(FormProvider, {
+                    children: /*#__PURE__*/ jsx(RecursionField, {
                         schema: fieldSchema,
                         onlyRenderProperties: true,
                         basePath: field.address,
@@ -94,30 +94,30 @@ const ReadPrettyInternalViewer = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema
         });
     const renderRecordProvider = ()=>{
         var _fieldSchema_xcollectionfield;
-        const collectionFieldNames = null == fieldSchema ? void 0 : null === (_fieldSchema_xcollectionfield = fieldSchema['x-collection-field']) || void 0 === _fieldSchema_xcollectionfield ? void 0 : _fieldSchema_xcollectionfield.split('.');
-        return collectionFieldNames && collectionFieldNames.length > 2 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
+        const collectionFieldNames = null == fieldSchema ? void 0 : null == (_fieldSchema_xcollectionfield = fieldSchema['x-collection-field']) ? void 0 : _fieldSchema_xcollectionfield.split('.');
+        return collectionFieldNames && collectionFieldNames.length > 2 ? /*#__PURE__*/ jsx(RecordProvider, {
             record: record,
             parent: formulaRecord[collectionFieldNames[1]],
             children: renderWithoutTableFieldResourceProvider()
-        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
+        }) : /*#__PURE__*/ jsx(RecordProvider, {
             record: record,
             parent: formulaRecord,
             children: renderWithoutTableFieldResourceProvider()
         });
     };
     var _collectionField_target;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.BlockAssociationContext.Provider, {
+    return /*#__PURE__*/ jsx("div", {
+        children: /*#__PURE__*/ jsx(BlockAssociationContext.Provider, {
             value: "".concat(null == collectionField ? void 0 : collectionField.collectionName, ".").concat(null == collectionField ? void 0 : collectionField.name),
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.CollectionProvider_deprecated, {
-                name: null !== (_collectionField_target = null == collectionField ? void 0 : collectionField.target) && void 0 !== _collectionField_target ? _collectionField_target : null == collectionField ? void 0 : collectionField.targetCollection,
+            children: /*#__PURE__*/ jsxs(CollectionProvider_deprecated, {
+                name: null != (_collectionField_target = null == collectionField ? void 0 : collectionField.target) ? _collectionField_target : null == collectionField ? void 0 : collectionField.targetCollection,
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__input_EllipsisWithTooltip_mjs__.EllipsisWithTooltip, {
+                    /*#__PURE__*/ jsx(EllipsisWithTooltip, {
                         ellipsis: true,
                         ref: ellipsisWithTooltipRef,
                         children: renderRecords()
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__action_index_mjs__.ActionContextProvider, {
+                    /*#__PURE__*/ jsx(ActionContextProvider, {
                         value: {
                             visible,
                             setVisible,
@@ -136,13 +136,13 @@ const ReadPrettyInternalViewer = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema
 });
 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 ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null === (_schema_xcomponentprops1 = schema['x-component-props']) || void 0 === _schema_xcomponentprops1 ? void 0 : null === (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) || void 0 === _schema_xcomponentprops_fieldNames ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
+    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 === _schema_xcomponentprops2 ? void 0 : null === (_schema_xcomponentprops_fieldNames1 = _schema_xcomponentprops2.fieldNames) || void 0 === _schema_xcomponentprops_fieldNames1 ? void 0 : _schema_xcomponentprops_fieldNames1.formula;
+        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
@@ -156,16 +156,16 @@ const customTitle = (record, schema, fieldNames)=>{
                 var _result_currRecord;
                 if (fieldList.length - 1 !== index) {
                     var _result_currRecord1;
-                    result.currRecord = null === (_result_currRecord1 = result.currRecord) || void 0 === _result_currRecord1 ? void 0 : _result_currRecord1[value];
+                    result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
                     return;
                 }
-                result.value = null === (_result_currRecord = result.currRecord) || void 0 === _result_currRecord ? void 0 : _result_currRecord[value];
+                result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
             });
             var _result_value;
-            valueOject[match[1]] = null !== (_result_value = result.value) && void 0 !== _result_value ? _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 ? void 0 : _record_schema_name[match[1]]) || '';
+            valueOject[match[1]] = (null == (_record_schema_name = record[schema['name']]) ? void 0 : _record_schema_name[match[1]]) || '';
         }
         outputStr = replacePlaceholders(formula, valueOject);
         record[schema['name']] = {

package/es/schema-component/antd/association-field/Nester.mjs

@@ -1,20 +1,20 @@
-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_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
-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__data_source_index_mjs__ from "../../../data-source/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_CollectionRecordProvider_mjs__ from "../../../data-source/collection-record/CollectionRecordProvider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__ from "../../../data-source/collection-record/isNewRecord.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__flag_provider_index_mjs__ from "../../../flag-provider/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__ from "../../../record-provider/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../schema-settings/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_hooks_useIsAllowToSetDefaultValue_mjs__ from "../../../schema-settings/hooks/useIsAllowToSetDefaultValue.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__context_mjs__ from "./context.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "./hooks.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react, { useCallback, useContext } from "react";
+import { RecursionField, action, each, observer, spliceArrayState, useFieldSchema } from "@tachybase/schema";
+import { CloseOutlined, PlusOutlined } from "@ant-design/icons";
+import { Button, Card, Divider, Tooltip } from "antd";
+import { createStyles } from "antd-style";
+import { useTranslation } from "react-i18next";
+import { FormActiveFieldsProvider } from "../../../block-provider/index.mjs";
+import { useCollection } from "../../../data-source/index.mjs";
+import { useCollectionRecord, useCollectionRecordData } from "../../../data-source/collection-record/CollectionRecordProvider.mjs";
+import { isNewRecord, markRecordAsNew } from "../../../data-source/collection-record/isNewRecord.mjs";
+import { FlagProvider } from "../../../flag-provider/index.mjs";
+import { RecordIndexProvider, RecordProvider } from "../../../record-provider/index.mjs";
+import { isPatternDisabled, isSystemField } from "../../../schema-settings/index.mjs";
+import { DefaultValueProvider, interfacesOfUnsupportedDefaultValue } from "../../../schema-settings/hooks/useIsAllowToSetDefaultValue.mjs";
+import { AssociationFieldContext } from "./context.mjs";
+import { SubFormProvider, useAssociationFieldContext } from "./hooks.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -50,7 +50,7 @@ function _templateObject2() {
     };
     return data;
 }
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+const useStyles = createStyles((param)=>{
     let { css } = param;
     return {
         input: css(_templateObject()),
@@ -59,56 +59,56 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((para
     };
 });
 const Nester = (props)=>{
-    const { options } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.AssociationFieldContext);
+    const { options } = useContext(AssociationFieldContext);
     if ([
         'hasOne',
         'belongsTo'
-    ].includes(options.type)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__flag_provider_index_mjs__.FlagProvider, {
+    ].includes(options.type)) return /*#__PURE__*/ jsx(FlagProvider, {
         isInSubForm: true,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ToOneNester, {
+        children: /*#__PURE__*/ jsx(ToOneNester, {
             ...props
         })
     });
     if ([
         'hasMany',
         'belongsToMany'
-    ].includes(options.type)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__flag_provider_index_mjs__.FlagProvider, {
+    ].includes(options.type)) return /*#__PURE__*/ jsx(FlagProvider, {
         isInSubForm: true,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ToManyNester, {
+        children: /*#__PURE__*/ jsx(ToManyNester, {
             ...props
         })
     });
     return null;
 };
 const ToOneNester = (props)=>{
-    const { field } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
-    const recordV2 = (0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_CollectionRecordProvider_mjs__.useCollectionRecord)();
-    const collection = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollection)();
-    const isAllowToSetDefaultValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((param)=>{
+    const { field } = useAssociationFieldContext();
+    const recordV2 = useCollectionRecord();
+    const collection = useCollection();
+    const isAllowToSetDefaultValue = useCallback((param)=>{
         let { form, fieldSchema, collectionField, getInterface, formBlockType } = param;
         var _fieldSchema_xcomponentprops;
         if (!collectionField) return false;
-        if (collectionField.target && (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.mode) && ![
+        if (collectionField.target && (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.mode) && ![
             'Picker',
             'Select'
         ].includes(fieldSchema['x-component-props'].mode)) return false;
         if ('update' === formBlockType) return false;
-        return !(null == form ? void 0 : form.readPretty) && !(0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.isPatternDisabled)(fieldSchema) && !__WEBPACK_EXTERNAL_MODULE__schema_settings_hooks_useIsAllowToSetDefaultValue_mjs__.interfacesOfUnsupportedDefaultValue.includes(null == collectionField ? void 0 : collectionField.interface) && !(0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.isSystemField)(collectionField, getInterface);
+        return !(null == form ? void 0 : form.readPretty) && !isPatternDisabled(fieldSchema) && !interfacesOfUnsupportedDefaultValue.includes(null == collectionField ? void 0 : collectionField.interface) && !isSystemField(collectionField, getInterface);
     }, []);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.FormActiveFieldsProvider, {
+    return /*#__PURE__*/ jsx(FormActiveFieldsProvider, {
         name: "nester",
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_mjs__.SubFormProvider, {
+        children: /*#__PURE__*/ jsx(SubFormProvider, {
             value: {
                 value: field.value,
                 collection
             },
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
+            children: /*#__PURE__*/ jsx(RecordProvider, {
                 isNew: null == recordV2 ? void 0 : recordV2.isNew,
                 record: field.value,
                 parent: null == recordV2 ? void 0 : recordV2.data,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_hooks_useIsAllowToSetDefaultValue_mjs__.DefaultValueProvider, {
+                children: /*#__PURE__*/ jsx(DefaultValueProvider, {
                     isAllowToSetDefaultValue: isAllowToSetDefaultValue,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Card, {
+                    children: /*#__PURE__*/ jsx(Card, {
                         bordered: true,
                         children: props.children
                     })
@@ -117,25 +117,25 @@ const ToOneNester = (props)=>{
         })
     });
 };
-const ToManyNester = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const { options, field, allowMultiple, allowDissociate } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    const recordData = (0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_CollectionRecordProvider_mjs__.useCollectionRecordData)();
-    const collection = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollection)();
+const ToManyNester = observer((props)=>{
+    const fieldSchema = useFieldSchema();
+    const { options, field, allowMultiple, allowDissociate } = useAssociationFieldContext();
+    const { t } = useTranslation();
+    const recordData = useCollectionRecordData();
+    const collection = useCollection();
     if (!Array.isArray(field.value)) field.value = [];
-    const isAllowToSetDefaultValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((param)=>{
+    const isAllowToSetDefaultValue = useCallback((param)=>{
         let { form, fieldSchema, collectionField, getInterface } = param;
         var _fieldSchema_xcomponentprops;
         if (!collectionField) return false;
-        if (collectionField.target && (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.mode) && ![
+        if (collectionField.target && (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.mode) && ![
             'Picker',
             'Select'
         ].includes(fieldSchema['x-component-props'].mode)) return false;
-        return !(null == form ? void 0 : form.readPretty) && !(0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.isPatternDisabled)(fieldSchema) && !__WEBPACK_EXTERNAL_MODULE__schema_settings_hooks_useIsAllowToSetDefaultValue_mjs__.interfacesOfUnsupportedDefaultValue.includes(null == collectionField ? void 0 : collectionField.interface) && !(0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.isSystemField)(collectionField, getInterface);
+        return !(null == form ? void 0 : form.readPretty) && !isPatternDisabled(fieldSchema) && !interfacesOfUnsupportedDefaultValue.includes(null == collectionField ? void 0 : collectionField.interface) && !isSystemField(collectionField, getInterface);
     }, []);
     const { styles } = useStyles();
-    return field.value.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Card, {
+    return field.value.length > 0 ? /*#__PURE__*/ jsx(Card, {
         bordered: true,
         style: {
             position: 'relative'
@@ -144,30 +144,30 @@ const ToManyNester = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
         children: field.value.map((value, index)=>{
             let allowed = allowDissociate;
             if (!allowDissociate) allowed = !(null == value ? void 0 : value[options.targetKey]);
-            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__["default"].Fragment, {
+            return /*#__PURE__*/ jsxs(react.Fragment, {
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                    /*#__PURE__*/ jsxs("div", {
                         style: {
                             textAlign: 'right'
                         },
                         children: [
-                            field.editable && allowMultiple && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
+                            field.editable && allowMultiple && /*#__PURE__*/ jsx(Tooltip, {
                                 title: t('Add new'),
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.PlusOutlined, {
+                                children: /*#__PURE__*/ jsx(PlusOutlined, {
                                     style: {
                                         zIndex: 1000,
                                         marginRight: '10px',
                                         color: '#a8a3a3'
                                     },
                                     onClick: ()=>{
-                                        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+                                        action(()=>{
                                             if (!Array.isArray(field.value)) field.value = [];
-                                            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                            spliceArrayState(field, {
                                                 startIndex: index + 1,
                                                 insertCount: 1
                                             });
-                                            field.value.splice(index + 1, 0, (0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.markRecordAsNew)({}));
-                                            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.each)(field.form.fields, (targetField, key)=>{
+                                            field.value.splice(index + 1, 0, markRecordAsNew({}));
+                                            each(field.form.fields, (targetField, key)=>{
                                                 if (!targetField) delete field.form.fields[key];
                                             });
                                             return field.onInput(field.value);
@@ -175,16 +175,16 @@ const ToManyNester = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
                                     }
                                 })
                             }, 'add'),
-                            !field.readPretty && allowed && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
+                            !field.readPretty && allowed && /*#__PURE__*/ jsx(Tooltip, {
                                 title: t('Remove'),
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {
+                                children: /*#__PURE__*/ jsx(CloseOutlined, {
                                     style: {
                                         zIndex: 1000,
                                         color: '#a8a3a3'
                                     },
                                     onClick: ()=>{
-                                        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
-                                            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.spliceArrayState)(field, {
+                                        action(()=>{
+                                            spliceArrayState(field, {
                                                 startIndex: index,
                                                 deleteCount: 1
                                             });
@@ -196,22 +196,22 @@ const ToManyNester = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
                             }, 'remove')
                         ]
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.FormActiveFieldsProvider, {
+                    /*#__PURE__*/ jsx(FormActiveFieldsProvider, {
                         name: "nester",
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_mjs__.SubFormProvider, {
+                        children: /*#__PURE__*/ jsx(SubFormProvider, {
                             value: {
                                 value,
                                 collection
                             },
-                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
-                                isNew: (0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.isNewRecord)(value),
+                            children: /*#__PURE__*/ jsx(RecordProvider, {
+                                isNew: isNewRecord(value),
                                 record: value,
                                 parent: recordData,
-                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordIndexProvider, {
+                                children: /*#__PURE__*/ jsx(RecordIndexProvider, {
                                     index: index,
-                                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_hooks_useIsAllowToSetDefaultValue_mjs__.DefaultValueProvider, {
+                                    children: /*#__PURE__*/ jsx(DefaultValueProvider, {
                                         isAllowToSetDefaultValue: isAllowToSetDefaultValue,
-                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                                        children: /*#__PURE__*/ jsx(RecursionField, {
                                             onlyRenderProperties: true,
                                             basePath: field.address.concat(index),
                                             schema: fieldSchema
@@ -221,18 +221,18 @@ const ToManyNester = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
                             })
                         })
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Divider, {})
+                    /*#__PURE__*/ jsx(Divider, {})
                 ]
             }, index);
         })
-    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
-        children: field.editable && allowMultiple && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
+    }) : /*#__PURE__*/ jsx(Fragment, {
+        children: field.editable && allowMultiple && /*#__PURE__*/ jsx(Tooltip, {
             title: t('Add new'),
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+            children: /*#__PURE__*/ jsx(Button, {
                 type: 'default',
                 className: styles.button,
                 block: true,
-                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.PlusOutlined, {}),
+                icon: /*#__PURE__*/ jsx(PlusOutlined, {}),
                 onClick: ()=>{
                     const result = field.value;
                     result.push({});

package/es/schema-component/antd/association-field/ReadPretty.mjs

@@ -1,16 +1,16 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE__AssociationFieldProvider_mjs__ from "./AssociationFieldProvider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__FileManager_mjs__ from "./FileManager.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "./hooks.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__InternalNester_mjs__ from "./InternalNester.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__InternalSubTable_mjs__ from "./InternalSubTable.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__InternalTag_mjs__ from "./InternalTag.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__InternalViewer_mjs__ from "./InternalViewer.mjs";
-const ReadPrettyAssociationField = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { currentMode } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+import { observer } from "@tachybase/schema";
+import { AssociationFieldProvider } from "./AssociationFieldProvider.mjs";
+import { FileManageReadPretty } from "./FileManager.mjs";
+import { useAssociationFieldContext } from "./hooks.mjs";
+import { InternalNester } from "./InternalNester.mjs";
+import { InternalSubTable } from "./InternalSubTable.mjs";
+import { ReadPrettyInternalTag } from "./InternalTag.mjs";
+import { ReadPrettyInternalViewer } from "./InternalViewer.mjs";
+const ReadPrettyAssociationField = observer((props)=>{
+    const { currentMode } = useAssociationFieldContext();
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             [
                 'Select',
@@ -18,19 +18,19 @@ const ReadPrettyAssociationField = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_sche
                 'CascadeSelect',
                 'Cascader',
                 'CustomTitle'
-            ].includes(currentMode) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__InternalViewer_mjs__.ReadPrettyInternalViewer, {
+            ].includes(currentMode) && /*#__PURE__*/ jsx(ReadPrettyInternalViewer, {
                 ...props
             }),
-            'Tag' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__InternalTag_mjs__.ReadPrettyInternalTag, {
+            'Tag' === currentMode && /*#__PURE__*/ jsx(ReadPrettyInternalTag, {
                 ...props
             }),
-            'Nester' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__InternalNester_mjs__.InternalNester, {
+            'Nester' === currentMode && /*#__PURE__*/ jsx(InternalNester, {
                 ...props
             }),
-            'SubTable' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__InternalSubTable_mjs__.InternalSubTable, {
+            'SubTable' === currentMode && /*#__PURE__*/ jsx(InternalSubTable, {
                 ...props
             }),
-            'FileManager' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__FileManager_mjs__.FileManageReadPretty, {
+            'FileManager' === currentMode && /*#__PURE__*/ jsx(FileManageReadPretty, {
                 ...props
             })
         ]
@@ -38,8 +38,8 @@ const ReadPrettyAssociationField = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_sche
 }, {
     displayName: 'ReadPrettyAssociationField'
 });
-const ReadPretty = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__AssociationFieldProvider_mjs__.AssociationFieldProvider, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ReadPrettyAssociationField, {
+const ReadPretty = observer((props)=>/*#__PURE__*/ jsx(AssociationFieldProvider, {
+        children: /*#__PURE__*/ jsx(ReadPrettyAssociationField, {
             ...props
         })
     }), {