@tachybase/client 0.23.8 → 0.23.16

package/es/schema-component/antd/association-field/SubTabs/styles.mjs

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      display: flex;\n      flex-direction: row;\n      max-height: 30vh;\n      .left-pane {\n        padding: 2px;\n        display: flex;\n        font-weight: 500;\n        flex-direction: column;\n        width: 100px;\n        overflow-y: auto;\n        /* 隐藏滚动条 微软/火狐 */\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        border-right: 2px solid #d4d4d4;\n        padding: 2px;\n        margin-right: 5px;\n        div {\n          background-color: #ffffff;\n          white-space: normal;\n          cursor: pointer;\n          margin: 5px 0 5px;\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n      /* 隐藏滚动条 谷歌浏览器 */\n      .left-pane::-webkit-scrollbar {\n        display: none;\n      }\n\n      .right-pane {\n        padding: 2px;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        flex: 1;\n        div {\n          margin-bottom: 1em;\n          .ant-btn {\n            margin-right: 2px;\n          }\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        container: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/schema-component/antd/association-field/components/CreateRecordAction.mjs

@@ -0,0 +1,55 @@
+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__collection_manager_index_mjs__ from "../../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_components_index_mjs__ from "../../../../schema-initializer/components/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__action_index_mjs__ from "../../action/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "../hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_mjs__ from "../schema.mjs";
+const CreateRecordAction = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE__action_index_mjs__.useActionContext)();
+    const { getCollection } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const insertAddNewer = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useInsertSchema)('AddNewer');
+    const { options: collectionField } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
+    const [visibleAddNewer, setVisibleAddNewer] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const targetCollection = getCollection(null == collectionField ? void 0 : collectionField.target);
+    const [currentCollection, setCurrentCollection] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null == targetCollection ? void 0 : targetCollection.name);
+    const [currentDataSource, setCurrentDataSource] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null == targetCollection ? void 0 : targetCollection.dataSource);
+    const addbuttonClick = (collectionData)=>{
+        insertAddNewer(__WEBPACK_EXTERNAL_MODULE__schema_mjs__["default"].AddNewer);
+        setVisibleAddNewer(true);
+        setCurrentCollection(collectionData.name);
+        setCurrentDataSource(collectionData.dataSource);
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.CollectionProvider_deprecated, {
+        name: null == collectionField ? void 0 : collectionField.target,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_initializer_components_index_mjs__.CreateAction, {
+                ...props,
+                onClick: (arg)=>addbuttonClick(arg)
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__action_index_mjs__.ActionContextProvider, {
+                value: {
+                    ...ctx,
+                    visible: visibleAddNewer,
+                    setVisible: setVisibleAddNewer
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.CollectionProvider_deprecated, {
+                    name: currentCollection,
+                    dataSource: currentDataSource,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                        onlyRenderProperties: true,
+                        basePath: field.address,
+                        schema: fieldSchema,
+                        filterProperties: (s)=>'AssociationField.AddNewer' === s['x-component']
+                    })
+                })
+            })
+        ]
+    });
+}, {
+    displayName: 'CreateRecordAction'
+});
+export { CreateRecordAction };

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

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const AssociationFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
+AssociationFieldContext.displayName = 'AssociationFieldContext';
+export { AssociationFieldContext };

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

@@ -0,0 +1,150 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep__ from "lodash/cloneDeep";
+import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_provider_index_mjs__ from "../../../filter-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__ from "../../../filter-provider/utils.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__variables_index_mjs__ from "../../../variables/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__variables_utils_getPath_mjs__ from "../../../variables/utils/getPath.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__variables_utils_getVariableName_mjs__ from "../../../variables/utils/getVariableName.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__variables_utils_isVariable_mjs__ from "../../../variables/utils/isVariable.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__context_mjs__ from "./context.mjs";
+const useInsertSchema = (component)=>{
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { insertAfterBegin } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const insert = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((ss)=>{
+        const schema = fieldSchema.reduceProperties((buf, s)=>{
+            if (s['x-component'] === 'AssociationField.' + component) return s;
+            return buf;
+        }, null);
+        if (!schema) insertAfterBegin((0, __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep__["default"])(ss));
+    }, [
+        component
+    ]);
+    return insert;
+};
+function useAssociationFieldContext() {
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_mjs__.AssociationFieldContext);
+}
+function useServiceOptions(props) {
+    var _field_componentProps_service_params, _field_componentProps_service, _field_componentProps, _service_params;
+    const { action = 'list', service, useOriginalFilter } = props;
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const { getField } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const { getCollectionJoinField } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    const record = (0, __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.useRecord)();
+    const { parseFilter, findVariable } = (0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.useParseDataScopeFilter)();
+    const [fieldServiceFilter, setFieldServiceFilter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        var _fieldSchema_xcomponentprops_service_params, _fieldSchema_xcomponentprops_service, _fieldSchema_xcomponentprops, _field_componentProps_service_params, _field_componentProps_service, _field_componentProps, _fieldSchema_xcomponentprops_service_params1, _fieldSchema_xcomponentprops_service1, _fieldSchema_xcomponentprops1;
+        const filterFromSchema = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.isString)(null == fieldSchema ? void 0 : null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : null === (_fieldSchema_xcomponentprops_service = _fieldSchema_xcomponentprops.service) || void 0 === _fieldSchema_xcomponentprops_service ? void 0 : null === (_fieldSchema_xcomponentprops_service_params = _fieldSchema_xcomponentprops_service.params) || void 0 === _fieldSchema_xcomponentprops_service_params ? void 0 : _fieldSchema_xcomponentprops_service_params.filter) ? null === (_field_componentProps = field.componentProps) || void 0 === _field_componentProps ? void 0 : null === (_field_componentProps_service = _field_componentProps.service) || void 0 === _field_componentProps_service ? void 0 : null === (_field_componentProps_service_params = _field_componentProps_service.params) || void 0 === _field_componentProps_service_params ? void 0 : _field_componentProps_service_params.filter : null == fieldSchema ? void 0 : null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : null === (_fieldSchema_xcomponentprops_service1 = _fieldSchema_xcomponentprops1.service) || void 0 === _fieldSchema_xcomponentprops_service1 ? void 0 : null === (_fieldSchema_xcomponentprops_service_params1 = _fieldSchema_xcomponentprops_service1.params) || void 0 === _fieldSchema_xcomponentprops_service_params1 ? void 0 : _fieldSchema_xcomponentprops_service_params1.filter;
+        const _run = async ()=>{
+            var _service_params;
+            const result = await parseFilter((0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.mergeFilter)([
+                filterFromSchema || (null == service ? void 0 : null === (_service_params = service.params) || void 0 === _service_params ? void 0 : _service_params.filter)
+            ]));
+            setFieldServiceFilter(result);
+        };
+        const run = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce(_run, __WEBPACK_EXTERNAL_MODULE__variables_index_mjs__.DEBOUNCE_WAIT);
+        _run();
+        const dispose = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.reaction)(()=>{
+            const flat = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.flatten)(filterFromSchema, {
+                breakOn (param) {
+                    let { key } = param;
+                    return key.startsWith('$') && '$and' !== key && '$or' !== key;
+                },
+                transformValue (value) {
+                    if (!(0, __WEBPACK_EXTERNAL_MODULE__variables_utils_isVariable_mjs__.isVariable)(value)) return value;
+                    const variableName = (0, __WEBPACK_EXTERNAL_MODULE__variables_utils_getVariableName_mjs__.getVariableName)(value);
+                    const variable = findVariable(variableName);
+                    const result = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.getValuesByPath)({
+                        [variableName]: (null == variable ? void 0 : variable.ctx) || {}
+                    }, (0, __WEBPACK_EXTERNAL_MODULE__variables_utils_getPath_mjs__.getPath)(value));
+                    return result;
+                }
+            });
+            return flat;
+        }, run);
+        return dispose;
+    }, [
+        null === (_field_componentProps = field.componentProps) || void 0 === _field_componentProps ? void 0 : null === (_field_componentProps_service = _field_componentProps.service) || void 0 === _field_componentProps_service ? void 0 : null === (_field_componentProps_service_params = _field_componentProps_service.params) || void 0 === _field_componentProps_service_params ? void 0 : _field_componentProps_service_params.filter,
+        fieldSchema,
+        findVariable,
+        parseFilter,
+        record,
+        null == service ? void 0 : null === (_service_params = service.params) || void 0 === _service_params ? void 0 : _service_params.filter
+    ]);
+    const collectionField = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>getField(fieldSchema.name) || getCollectionJoinField(null == fieldSchema ? void 0 : fieldSchema['x-collection-field']), [
+        fieldSchema
+    ]);
+    const sourceValue = null == record ? void 0 : record[null == collectionField ? void 0 : collectionField.sourceKey];
+    const filter = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const isOToAny = [
+            'oho',
+            'o2m'
+        ].includes(null == collectionField ? void 0 : collectionField.interface);
+        return (0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.mergeFilter)([
+            (0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.mergeFilter)([
+                isOToAny && !(0, __WEBPACK_EXTERNAL_MODULE__filter_provider_index_mjs__.isInFilterFormBlock)(fieldSchema) && (null == collectionField ? void 0 : collectionField.foreignKey) && !useOriginalFilter ? {
+                    [collectionField.foreignKey]: {
+                        $is: null
+                    }
+                } : null,
+                fieldServiceFilter
+            ]),
+            isOToAny && null != sourceValue && !(0, __WEBPACK_EXTERNAL_MODULE__filter_provider_index_mjs__.isInFilterFormBlock)(fieldSchema) && (null == collectionField ? void 0 : collectionField.foreignKey) && !useOriginalFilter ? {
+                [collectionField.foreignKey]: {
+                    $eq: sourceValue
+                }
+            } : null
+        ], '$or');
+    }, [
+        null == collectionField ? void 0 : collectionField.interface,
+        null == collectionField ? void 0 : collectionField.foreignKey,
+        fieldSchema,
+        fieldServiceFilter,
+        sourceValue,
+        useOriginalFilter
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            resource: null == collectionField ? void 0 : collectionField.target,
+            action,
+            ...service,
+            params: {
+                ...null == service ? void 0 : service.params,
+                filter
+            }
+        }), [
+        null == collectionField ? void 0 : collectionField.target,
+        action,
+        filter,
+        service
+    ]);
+}
+const useFieldNames = (props)=>{
+    var _fieldSchema_xcomponentprops_field_uiSchema_xcomponentprops, _fieldSchema_xcomponentprops_field_uiSchema, _fieldSchema_xcomponentprops_field, _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const fieldNames = (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : null === (_fieldSchema_xcomponentprops_field = _fieldSchema_xcomponentprops['field']) || void 0 === _fieldSchema_xcomponentprops_field ? void 0 : null === (_fieldSchema_xcomponentprops_field_uiSchema = _fieldSchema_xcomponentprops_field['uiSchema']) || void 0 === _fieldSchema_xcomponentprops_field_uiSchema ? void 0 : null === (_fieldSchema_xcomponentprops_field_uiSchema_xcomponentprops = _fieldSchema_xcomponentprops_field_uiSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops_field_uiSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops_field_uiSchema_xcomponentprops['fieldNames']) || (null == fieldSchema ? void 0 : null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1['fieldNames']) || props.fieldNames;
+    return {
+        label: 'label',
+        value: 'value',
+        ...fieldNames
+    };
+};
+const SubFormContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+SubFormContext.displayName = 'SubFormContext';
+const SubFormProvider = SubFormContext.Provider;
+const useSubFormValue = ()=>{
+    const { value, collection } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(SubFormContext) || {};
+    return {
+        formValue: value,
+        collection
+    };
+};
+export { SubFormProvider, useServiceOptions as default, useAssociationFieldContext, useFieldNames, useInsertSchema, useSubFormValue };

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

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__action_index_mjs__ from "../action/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Editable_mjs__ from "./Editable.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__InternalPicker_mjs__ from "./InternalPicker.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Nester_mjs__ from "./Nester.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__ from "./ReadPretty.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SubTable_mjs__ from "./SubTable.mjs";
+export * from "./SubTabs/index.mjs";
+const AssociationField = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)(__WEBPACK_EXTERNAL_MODULE__Editable_mjs__.Editable, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty));
+AssociationField.SubTable = __WEBPACK_EXTERNAL_MODULE__SubTable_mjs__.SubTable;
+AssociationField.Nester = __WEBPACK_EXTERNAL_MODULE__Nester_mjs__.Nester;
+AssociationField.AddNewer = __WEBPACK_EXTERNAL_MODULE__action_index_mjs__.Action.Container;
+AssociationField.Selector = __WEBPACK_EXTERNAL_MODULE__action_index_mjs__.Action.Container;
+AssociationField.Viewer = __WEBPACK_EXTERNAL_MODULE__action_index_mjs__.Action.Container;
+AssociationField.InternalSelect = __WEBPACK_EXTERNAL_MODULE__InternalPicker_mjs__.InternalPicker;
+AssociationField.ReadPretty = __WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty;
+export { AssociationField };

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

@@ -0,0 +1,131 @@
+const schema_rslib_entry_ = {
+    Nester: {
+        type: 'void',
+        'x-component': 'AssociationField.Nester',
+        properties: {
+            grid: {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': 'form:configureFields'
+            }
+        }
+    },
+    AddNewer: {
+        type: 'void',
+        'x-component': 'AssociationField.AddNewer',
+        'x-action': 'create',
+        title: '{{ t("Add record") }}',
+        'x-component-props': {
+            className: 'tb-action-popup'
+        },
+        properties: {
+            tabs: {
+                type: 'void',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializersForCreateFormBlock',
+                properties: {
+                    tab1: {
+                        type: 'void',
+                        title: '{{t("Add new")}}',
+                        'x-component': 'Tabs.TabPane',
+                        'x-designer': 'Tabs.Designer',
+                        'x-component-props': {},
+                        properties: {
+                            grid: {
+                                type: 'void',
+                                'x-component': 'Grid',
+                                'x-initializer': 'popup:addNew:addBlock',
+                                properties: {}
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
+    Selector: {
+        type: 'void',
+        'x-component': 'AssociationField.Selector',
+        title: '{{ t("Select record") }}',
+        'x-component-props': {
+            className: 'tb-record-picker-selector'
+        },
+        properties: {
+            grid: {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': 'popup:tableSelector:addBlock',
+                properties: {}
+            },
+            footer: {
+                'x-component': 'Action.Container.Footer',
+                'x-component-props': {},
+                properties: {
+                    actions: {
+                        type: 'void',
+                        'x-component': 'ActionBar',
+                        'x-component-props': {},
+                        properties: {
+                            submit: {
+                                title: '{{ t("Submit") }}',
+                                'x-action': 'submit',
+                                'x-component': 'Action',
+                                'x-use-component-props': 'usePickActionProps',
+                                'x-toolbar': 'ActionSchemaToolbar',
+                                'x-settings': 'actionSettings:submit',
+                                'x-component-props': {
+                                    type: 'primary',
+                                    htmlType: 'submit'
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
+    Viewer: {
+        type: 'void',
+        title: '{{ t("View record") }}',
+        'x-component': 'AssociationField.Viewer',
+        'x-component-props': {
+            className: 'tb-action-popup'
+        },
+        properties: {
+            tabs: {
+                type: 'void',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializers',
+                properties: {
+                    tab1: {
+                        type: 'void',
+                        title: '{{t("Details")}}',
+                        'x-component': 'Tabs.TabPane',
+                        'x-designer': 'Tabs.Designer',
+                        'x-component-props': {},
+                        properties: {
+                            grid: {
+                                type: 'void',
+                                'x-component': 'Grid',
+                                'x-initializer': 'popup:common:addBlock',
+                                properties: {}
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
+    SubTable: {
+        type: 'void',
+        'x-component': 'AssociationField.SubTable',
+        'x-initializer': 'table:configureColumns',
+        'x-initializer-props': {
+            action: false
+        },
+        properties: {}
+    }
+};
+export { schema_rslib_entry_ as default };

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

@@ -0,0 +1,103 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../collection-manager/index.mjs";
+const useLabelUiSchemaV2 = ()=>{
+    const { getCollectionJoinField } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    return (collectionName, label)=>{
+        if (!collectionName) return;
+        const labelField = getCollectionJoinField("".concat(collectionName, ".").concat(label));
+        return null == labelField ? void 0 : labelField.uiSchema;
+    };
+};
+const useLabelUiSchema = (collectionName, label)=>{
+    const { getCollectionJoinField } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollectionManager_deprecated)();
+    if (!collectionName) return;
+    const labelField = getCollectionJoinField("".concat(collectionName, ".").concat(label));
+    return null == labelField ? void 0 : labelField.uiSchema;
+};
+const getDatePickerLabels = (props)=>{
+    const format = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.getDefaultFormat)(props);
+    const m = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.str2moment)(props.value, props);
+    const labels = m && m.isValid() ? m.format(format) : props.value;
+    return (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.isArr)(labels) ? labels.join('~') : labels;
+};
+const toArr = (v)=>{
+    if (!v) return [];
+    return Array.isArray(v) ? v : [
+        v
+    ];
+};
+const getLabelFormatValue = function(labelUiSchema, value) {
+    let isTag = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
+    const options = null == labelUiSchema ? void 0 : labelUiSchema.enum;
+    if (Array.isArray(options) && value) {
+        const values = toArr(value).map((val)=>{
+            const opt = options.find((option)=>option.value === val);
+            if (isTag) return __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
+                color: null == opt ? void 0 : opt.color
+            }, null == opt ? void 0 : opt.label);
+            return null == opt ? void 0 : opt.label;
+        });
+        return isTag ? values : values.join(', ');
+    }
+    switch(null == labelUiSchema ? void 0 : labelUiSchema['x-component']){
+        case 'DatePicker':
+            return getDatePickerLabels({
+                ...null == labelUiSchema ? void 0 : labelUiSchema['x-component-props'],
+                value
+            });
+        default:
+            return value;
+    }
+};
+const getTabFormatValue = (labelUiSchema, value, tagColor)=>{
+    const options = null == labelUiSchema ? void 0 : labelUiSchema.enum;
+    if (Array.isArray(options) && value) {
+        const values = toArr(value).map((val)=>{
+            const opt = options.find((option)=>option.value === val);
+            return __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
+                color: tagColor || (null == opt ? void 0 : opt.color)
+            }, null == opt ? void 0 : opt.label);
+        });
+        return values;
+    }
+    switch(null == labelUiSchema ? void 0 : labelUiSchema['x-component']){
+        case 'DatePicker':
+            return __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
+                color: tagColor
+            }, getDatePickerLabels({
+                ...null == labelUiSchema ? void 0 : labelUiSchema['x-component-props'],
+                value
+            }));
+        default:
+            return __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
+                color: tagColor
+            }, value);
+    }
+};
+function flatData(data) {
+    const newArr = [];
+    for(let i = 0; i < data.length; i++){
+        const children = data[i]['children'];
+        if (Array.isArray(children)) newArr.push(...flatData(children));
+        newArr.push({
+            ...data[i]
+        });
+    }
+    return newArr;
+}
+function isShowFilePicker(labelUiSchema) {
+    return (null == labelUiSchema ? void 0 : labelUiSchema['x-component']) === 'Preview';
+}
+function isSubMode(field) {
+    var _field_xcomponentprops, _field_componentProps;
+    const mode = (null === (_field_xcomponentprops = field['x-component-props']) || void 0 === _field_xcomponentprops ? void 0 : _field_xcomponentprops.mode) || (null === (_field_componentProps = field.componentProps) || void 0 === _field_componentProps ? void 0 : _field_componentProps.mode);
+    return [
+        'Nester',
+        'SubTable',
+        'PopoverNester'
+    ].includes(mode);
+}
+export { flatData, getDatePickerLabels, getLabelFormatValue, getTabFormatValue, isShowFilePicker, isSubMode, useLabelUiSchema, useLabelUiSchemaV2 };

package/es/schema-component/antd/association-filter/ActionBarAssociationFilterAction.mjs

@@ -0,0 +1,54 @@
+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__api_client_index_mjs__ from "../../../api-client/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__ from "../../../block-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__ from "../../../filter-provider/utils.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_items_ActionInitializer_mjs__ from "../../../schema-initializer/items/ActionInitializer.mjs";
+const ActionBarAssociationFilterAction = (props)=>{
+    const { refresh } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SchemaComponentContext);
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const api = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useAPIClient)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const dn = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.createDesignable)({
+        t,
+        api,
+        refresh,
+        current: fieldSchema
+    });
+    const { service, props: blockProps } = (0, __WEBPACK_EXTERNAL_MODULE__block_provider_index_mjs__.useBlockRequestContext)();
+    dn.loadAPIClientEvents();
+    const handleInsert = (s)=>{
+        dn.insertBeforeBegin(s);
+    };
+    const handleRemove = (schema, remove)=>{
+        var _service_params, _blockProps_params;
+        remove(schema);
+        service.run({
+            ...null === (_service_params = service.params) || void 0 === _service_params ? void 0 : _service_params[0],
+            filter: (0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.mergeFilter)([
+                null == blockProps ? void 0 : null === (_blockProps_params = blockProps.params) || void 0 === _blockProps_params ? void 0 : _blockProps_params.filter
+            ])
+        });
+    };
+    const schema = {
+        type: 'void',
+        'x-action': 'associateFilter',
+        'x-initializer': 'AssociationFilter.Initializer',
+        'x-component': 'AssociationFilter',
+        properties: {}
+    };
+    const newProps = {
+        ...props,
+        insert: handleInsert,
+        remove: handleRemove,
+        wrap: (s)=>s
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_initializer_items_ActionInitializer_mjs__.ActionInitializer, {
+        ...newProps,
+        schema: schema
+    });
+};
+export { ActionBarAssociationFilterAction };

package/es/schema-component/antd/association-filter/AssociationFilter.BlockDesigner.mjs

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "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__collection_manager_index_mjs__ from "../../../collection-manager/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__ from "../../../filter-provider/utils.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../../schema-settings/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_templates_index_mjs__ from "../../../schema-templates/index.mjs";
+const AssociationFilterBlockDesigner = ()=>{
+    var _fieldSchema_xdecoratorprops, _fieldSchema_xdecoratorprops1;
+    const { name, title } = (0, __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__.useCollection_deprecated)();
+    const template = (0, __WEBPACK_EXTERNAL_MODULE__schema_templates_index_mjs__.useSchemaTemplate)();
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const defaultResource = (null == fieldSchema ? void 0 : null === (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) || void 0 === _fieldSchema_xdecoratorprops ? void 0 : _fieldSchema_xdecoratorprops.resource) || (null == fieldSchema ? void 0 : null === (_fieldSchema_xdecoratorprops1 = fieldSchema['x-decorator-props']) || void 0 === _fieldSchema_xdecoratorprops1 ? void 0 : _fieldSchema_xdecoratorprops1.association);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.GeneralSchemaDesigner, {
+        template: template,
+        title: title || name,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsBlockTitleItem, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsTemplate, {
+                componentName: 'FilterCollapse',
+                collectionName: name,
+                resourceName: defaultResource
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsConnectDataBlocks, {
+                type: __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.FilterBlockType.COLLAPSE,
+                emptyDescription: t('No blocks to connect')
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsDivider, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsRemove, {
+                removeParentsIfNoChildren: true,
+                breakRemoveOn: {
+                    'x-component': 'Grid'
+                }
+            })
+        ]
+    });
+};
+export { AssociationFilterBlockDesigner };

package/es/schema-component/antd/association-filter/AssociationFilter.Initializer.mjs

@@ -0,0 +1,55 @@
+import * as __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInitializer_mjs__ from "../../../application/schema-initializer/SchemaInitializer.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__ from "../../../filter-provider/utils.mjs";
+const associationFilterInitializer = new __WEBPACK_EXTERNAL_MODULE__application_schema_initializer_SchemaInitializer_mjs__.SchemaInitializer({
+    name: 'AssociationFilter.Initializer',
+    style: {
+        marginTop: 16
+    },
+    icon: 'SettingOutlined',
+    title: '{{t("Configure fields")}}',
+    items: [
+        {
+            name: 'associationFields',
+            type: 'itemGroup',
+            title: '{{t("Association fields")}}',
+            useChildren () {
+                const associatedFields = (0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.useAssociatedFields)();
+                const children = associatedFields.map((field)=>{
+                    var _field_uiSchema, _field_uiSchema1;
+                    return {
+                        type: 'item',
+                        name: field.key,
+                        title: null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : _field_uiSchema.title,
+                        Component: 'AssociationFilterDesignerDisplayField',
+                        schema: {
+                            name: field.name,
+                            title: null === (_field_uiSchema1 = field.uiSchema) || void 0 === _field_uiSchema1 ? void 0 : _field_uiSchema1.title,
+                            type: 'void',
+                            'x-toolbar': 'CollapseItemSchemaToolbar',
+                            'x-settings': 'fieldSettings:FilterCollapseItem',
+                            'x-component': 'AssociationFilter.Item',
+                            'x-use-component-props': 'useAssociationFilterProps',
+                            'x-component-props': {
+                                fieldNames: {
+                                    label: field.targetKey || 'id'
+                                }
+                            },
+                            properties: {}
+                        }
+                    };
+                });
+                return children;
+            }
+        },
+        {
+            name: 'divider',
+            type: 'divider'
+        },
+        {
+            name: 'delete',
+            title: '{{t("Delete")}}',
+            Component: 'AssociationFilterDesignerDelete'
+        }
+    ]
+});
+export { associationFilterInitializer };