@tachybase/client 0.23.8-alpha.31 → 0.23.8-alpha.32

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

@@ -0,0 +1,278 @@
+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_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+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_hooks_index_mjs__ from "../../../block-provider/hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_hooks_useFormActiveFields_mjs__ from "../../../block-provider/hooks/useFormActiveFields.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__block_provider_TableSelectorProvider_mjs__ from "../../../block-provider/TableSelectorProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../../../collection-manager/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_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__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__action_index_mjs__ from "../action/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__table_v2_Table_mjs__ from "../table-v2/Table.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "./hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__InternalPicker_mjs__ from "./InternalPicker.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SubTabs_InternalCollapse_mjs__ from "./SubTabs/InternalCollapse.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+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: block;\n      border-radius: 0px;\n      border-right: 1px solid rgba(0, 0, 0, 0.06);\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      display: block;\n      border-radius: 0px;\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    const data = _tagged_template_literal([
+        "\n      .ant-formily-item.ant-formily-item-feedback-layout-loose {\n        margin-bottom: 0px !important;\n      }\n      .ant-formily-editable {\n        vertical-align: sub;\n      }\n      .ant-table-footer {\n        display: flex;\n      }\n    "
+    ]);
+    _templateObject2 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    const data = _tagged_template_literal([
+        "\n      .ant-table-footer {\n        padding: 0 !important;\n      }\n      .ant-formily-item-error-help {\n        display: none;\n      }\n      .ant-description-textarea {\n        line-height: 34px;\n      }\n      .ant-table-cell .ant-formily-item-error-help {\n        display: block;\n        position: absolute;\n        font-size: 12px;\n        top: 100%;\n        background: #fff;\n        width: 100%;\n        margin-top: -15px;\n        padding: 3px;\n        z-index: 1;\n        border-radius: 3px;\n        box-shadow: 0 0 10px #eee;\n        animation: none;\n        transform: translateY(0);\n        opacity: 1;\n      }\n    "
+    ]);
+    _templateObject3 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    const data = _tagged_template_literal([
+        "\n      position: relative;\n      .ant-input {\n        width: 100%;\n      }\n    "
+    ]);
+    _templateObject4 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        addNew: css(_templateObject()),
+        select: css(_templateObject1()),
+        table: css(_templateObject2()),
+        container: css(_templateObject3()),
+        input: css(_templateObject4())
+    };
+});
+const SubTable = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const { openSize } = props;
+    const { styles } = useStyles();
+    const { field, options: collectionField } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const [visibleSelector, setVisibleSelector] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [selectedRows, setSelectedRows] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const fieldNames = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useFieldNames)(props);
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const compile = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
+    const labelUiSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.useLabelUiSchema)(collectionField, (null == fieldNames ? void 0 : fieldNames.label) || 'label');
+    const recordV2 = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionRecord)();
+    const [fieldValue, setFieldValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const move = (fromIndex, toIndex)=>{
+        if (void 0 === toIndex) return;
+        if (!(0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.isArr)(field.value)) return;
+        if (fromIndex === toIndex) return;
+        return (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.action)(()=>{
+            const fromItem = field.value[fromIndex];
+            field.value.splice(fromIndex, 1);
+            field.value.splice(toIndex, 0, fromItem);
+            (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.exchangeArrayState)(field, {
+                fromIndex,
+                toIndex
+            });
+            return field.onInput(field.value);
+        });
+    };
+    field.move = move;
+    const options = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (field.value && Object.keys(field.value).length > 0) {
+            const opts = (Array.isArray(field.value) ? field.value : field.value ? [
+                field.value
+            ] : []).filter(Boolean).map((option)=>{
+                const label = null == option ? void 0 : option[fieldNames.label];
+                return {
+                    ...option,
+                    [fieldNames.label]: (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.getLabelFormatValue)(compile(labelUiSchema), compile(label))
+                };
+            });
+            return opts;
+        }
+        return [];
+    }, [
+        field.value,
+        null == fieldNames ? void 0 : fieldNames.label
+    ]);
+    const pickerProps = {
+        size: 'small',
+        fieldNames: field.componentProps.fieldNames,
+        multiple: true,
+        association: {
+            target: null == collectionField ? void 0 : collectionField.target
+        },
+        options,
+        onChange: null == props ? void 0 : props.onChange,
+        selectedRows,
+        setSelectedRows,
+        collectionField
+    };
+    const usePickActionProps = ()=>{
+        const { setVisible } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useActionContext)();
+        const { selectedRows, options, collectionField } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RecordPickerContext);
+        return {
+            onClick () {
+                const selectData = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.unionBy)(selectedRows, options, (null == collectionField ? void 0 : collectionField.targetKey) || 'id');
+                const data = field.value || [];
+                field.value = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.uniqBy)(data.concat(selectData), (null == collectionField ? void 0 : collectionField.targetKey) || 'id');
+                field.onInput(field.value);
+                setVisible(false);
+            }
+        };
+    };
+    const getFilter = ()=>{
+        const targetKey = (null == collectionField ? void 0 : collectionField.targetKey) || 'id';
+        const list = options.map((option)=>option[targetKey]).filter(Boolean);
+        const filter = list.length ? {
+            $and: [
+                {
+                    ["".concat(targetKey, ".$ne")]: list
+                }
+            ]
+        } : {};
+        return filter;
+    };
+    const tabsProps = {
+        ...props,
+        fieldValue,
+        setFieldValue
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: styles.container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__flag_provider_index_mjs__.FlagProvider, {
+                isInSubTable: true,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.CollectionRecordProvider, {
+                    record: null,
+                    parentRecord: recordV2,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__block_provider_hooks_useFormActiveFields_mjs__.FormActiveFieldsProvider, {
+                        name: "nester",
+                        children: [
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__SubTabs_InternalCollapse_mjs__.InternalCollapse, {
+                                ...tabsProps
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__table_v2_Table_mjs__.Table, {
+                                className: styles.table,
+                                bordered: true,
+                                size: 'small',
+                                field: field,
+                                showIndex: true,
+                                dragSort: field.editable,
+                                showDel: field.editable,
+                                setFieldValue: setFieldValue,
+                                pagination: !!field.componentProps.pagination,
+                                rowSelection: {
+                                    type: 'none',
+                                    hideSelectAll: true
+                                },
+                                footer: ()=>{
+                                    var _field_componentProps, _field_componentProps1;
+                                    return field.editable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                                        children: [
+                                            (null === (_field_componentProps = field.componentProps) || void 0 === _field_componentProps ? void 0 : _field_componentProps.allowAddnew) !== false && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                                                type: 'text',
+                                                block: true,
+                                                className: styles.addNew,
+                                                onClick: ()=>{
+                                                    field.value = field.value || [];
+                                                    field.value.push((0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.markRecordAsNew)({}));
+                                                    setFieldValue([
+                                                        ...field.value
+                                                    ]);
+                                                },
+                                                children: t('Add new')
+                                            }),
+                                            (null === (_field_componentProps1 = field.componentProps) || void 0 === _field_componentProps1 ? void 0 : _field_componentProps1.allowSelectExistingRecord) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                                                type: 'text',
+                                                block: true,
+                                                className: styles.select,
+                                                onClick: ()=>{
+                                                    setVisibleSelector(true);
+                                                },
+                                                children: t('Select')
+                                            })
+                                        ]
+                                    });
+                                },
+                                isSubTable: true
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__action_index_mjs__.ActionContextProvider, {
+                value: {
+                    openSize,
+                    openMode: 'drawer',
+                    visible: visibleSelector,
+                    setVisible: setVisibleSelector
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.RecordPickerProvider, {
+                    ...pickerProps,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__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__index_mjs__.FormProvider, {
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__block_provider_TableSelectorProvider_mjs__.TableSelectorParamsProvider, {
+                                params: {
+                                    filter: getFilter()
+                                },
+                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SchemaComponentOptions, {
+                                    scope: {
+                                        usePickActionProps,
+                                        useTableSelectorProps: __WEBPACK_EXTERNAL_MODULE__InternalPicker_mjs__.useTableSelectorProps,
+                                        useCreateActionProps: __WEBPACK_EXTERNAL_MODULE__block_provider_hooks_index_mjs__.useCreateActionProps
+                                    },
+                                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+                                        onlyRenderProperties: true,
+                                        basePath: field.address,
+                                        schema: fieldSchema.parent,
+                                        filterProperties: (s)=>'AssociationField.Selector' === s['x-component']
+                                    })
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}, {
+    displayName: 'SubTable'
+});
+export { SubTable };

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

@@ -0,0 +1,321 @@
+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__tachybase_utils_client__ from "@tachybase/utils/client";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_ahooks__ from "ahooks";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_flat__ from "flat";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE_react_intersection_observer__ from "react-intersection-observer";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__ from "../../../../api-client/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_isNewRecord_mjs__ from "../../../../data-source/collection-record/isNewRecord.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_mjs__ from "../hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hook_mjs__ from "./hook.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__styles_mjs__ from "./styles.mjs";
+const ObservableItem = (param)=>{
+    let { item, onChange, leftRef } = param;
+    var _item_childrenItems;
+    const { ref } = (0, __WEBPACK_EXTERNAL_MODULE_react_intersection_observer__.useInView)({
+        threshold: 0.1,
+        onChange: (inView)=>{
+            if (inView && leftRef.current) {
+                const currentId = '#parent-item-' + item.id;
+                leftRef.current.querySelector(currentId).scrollIntoView({
+                    behavior: 'auto',
+                    block: 'nearest',
+                    inline: 'start'
+                });
+            }
+        }
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        id: 'item-' + item.id,
+        ref: ref,
+        children: null == item ? void 0 : null === (_item_childrenItems = item.childrenItems) || void 0 === _item_childrenItems ? void 0 : _item_childrenItems.sort((a, b)=>null != a.sort ? a.sort - b.sort : a.id - b.id).map((childrenitem, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                onClick: ()=>{
+                    onChange(childrenitem);
+                },
+                icon: childrenitem.checked ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CheckOutlined, {}) : null,
+                children: childrenitem.label
+            }, index))
+    }, item.id);
+};
+const InternalTabs = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    var _fieldSchema_parent_xcomponentprops, _quickAddSchema_xcomponentprops_service, _quickAddSchema_xcomponentprops, _Object_values;
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__styles_mjs__.useStyles)();
+    const { fieldValue, setFieldValue } = props;
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
+    const api = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useAPIClient)();
+    const [filter, setFilter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
+    const isQuickAdd = fieldSchema['parent']['x-component-props']['isQuickAdd'];
+    const { value: quickAddField, fieldInterface } = (null === (_fieldSchema_parent_xcomponentprops = fieldSchema['parent']['x-component-props']) || void 0 === _fieldSchema_parent_xcomponentprops ? void 0 : _fieldSchema_parent_xcomponentprops['quickAddField']) || {};
+    const quickAddParentField = fieldSchema['parent']['x-component-props']['quickAddParentCollection'];
+    const [defOptions, setDefOptions] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const { field } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_mjs__.useAssociationFieldContext)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const [changeForm, setChangeForm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
+    const quickAddSchema = fieldSchema.reduceProperties((buf, schema)=>{
+        const found = schema.reduceProperties((buf, schema)=>{
+            if (schema.name === quickAddField) return schema;
+            return buf;
+        });
+        if (found) return found;
+        return buf;
+    }, new __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.Schema({}));
+    const tabparams = null === (_quickAddSchema_xcomponentprops = quickAddSchema['x-component-props']) || void 0 === _quickAddSchema_xcomponentprops ? void 0 : null === (_quickAddSchema_xcomponentprops_service = _quickAddSchema_xcomponentprops['service']) || void 0 === _quickAddSchema_xcomponentprops_service ? void 0 : _quickAddSchema_xcomponentprops_service['params'];
+    const [fieldServiceFilter] = (0, __WEBPACK_EXTERNAL_MODULE__hook_mjs__.useFieldServiceFilter)(null == tabparams ? void 0 : tabparams.filter);
+    const formFilter = (0, __WEBPACK_EXTERNAL_MODULE_flat__["default"])((null == tabparams ? void 0 : tabparams.filter) || {});
+    const formFieldFilter = null === (_Object_values = Object.values(formFilter)) || void 0 === _Object_values ? void 0 : _Object_values.map((item)=>{
+        const field = item;
+        const match = field.match(/^{{\$nForm\.(.*?)\./);
+        if (match) return match[1];
+    }).filter(Boolean);
+    (0, __WEBPACK_EXTERNAL_MODULE_ahooks__.useAsyncEffect)(async ()=>{
+        const itemParams = {};
+        const optionsItem = [];
+        if ((null == tabparams ? void 0 : tabparams.filter) && !fieldServiceFilter) return;
+        if ((quickAddField || 'none' !== quickAddField || !isQuickAdd) && fieldSchema.properties) {
+            const params = {
+                pageSize: 99999,
+                filter: JSON.stringify(fieldServiceFilter)
+            };
+            if (quickAddParentField && (null == quickAddParentField ? void 0 : quickAddParentField.value) !== 'none') {
+                var _parentItem_data;
+                params['appends'] = [
+                    quickAddParentField.value
+                ];
+                const collection = cm.getCollection(quickAddParentField.collectionField);
+                const parentItem = await api.request({
+                    url: collection.name + ':list',
+                    params: {
+                        pageSize: 99999
+                    }
+                });
+                itemParams['parentTitleField'] = collection.titleField;
+                itemParams['parentOptions'] = null == parentItem ? void 0 : null === (_parentItem_data = parentItem.data) || void 0 === _parentItem_data ? void 0 : _parentItem_data.data;
+            }
+            if (quickAddSchema && 'm2o' === fieldInterface) {
+                var _childrenItem_data, _itemParams_parentOptions, _itemParams_childrenOptions, _itemParams_childrenOptions1;
+                itemParams['service'] = quickAddSchema['x-component-props'].service;
+                itemParams['collectionName'] = cm.getCollection(quickAddSchema['x-collection-field']).name;
+                const childrenItem = await api.request({
+                    url: itemParams['collectionName'] + ':list',
+                    params
+                });
+                itemParams['childrenTitleField'] = cm.getCollection(itemParams['collectionName']).titleField;
+                itemParams['childrenOptions'] = null == childrenItem ? void 0 : null === (_childrenItem_data = childrenItem.data) || void 0 === _childrenItem_data ? void 0 : _childrenItem_data.data;
+                if ((null === (_itemParams_parentOptions = itemParams['parentOptions']) || void 0 === _itemParams_parentOptions ? void 0 : _itemParams_parentOptions.length) && (null === (_itemParams_childrenOptions = itemParams['childrenOptions']) || void 0 === _itemParams_childrenOptions ? void 0 : _itemParams_childrenOptions.length) && (null == quickAddParentField ? void 0 : quickAddParentField.value) !== 'none') itemParams['parentOptions'].forEach((parentItem)=>{
+                    const items = itemParams['childrenOptions'].map((item)=>{
+                        var _item_quickAddParentField_value;
+                        if ((null === (_item_quickAddParentField_value = item[null == quickAddParentField ? void 0 : quickAddParentField.value]) || void 0 === _item_quickAddParentField_value ? void 0 : _item_quickAddParentField_value.id) === parentItem.id) return {
+                            ...item,
+                            label: item[itemParams['childrenTitleField']],
+                            keys: item.id,
+                            value: item.id,
+                            checked: false
+                        };
+                    }).filter(Boolean);
+                    if (!items.length) return;
+                    optionsItem.push({
+                        ...parentItem,
+                        value: null == parentItem ? void 0 : parentItem.id,
+                        label: parentItem[itemParams['parentTitleField']],
+                        key: parentItem.id,
+                        childrenItems: items
+                    });
+                });
+                else if ((null === (_itemParams_childrenOptions1 = itemParams['childrenOptions']) || void 0 === _itemParams_childrenOptions1 ? void 0 : _itemParams_childrenOptions1.length) && (!quickAddParentField || (null == quickAddParentField ? void 0 : quickAddParentField.value) === 'none')) itemParams['childrenOptions'].forEach((item)=>{
+                    optionsItem.push({
+                        ...item,
+                        label: item[itemParams['childrenTitleField']],
+                        value: null == item ? void 0 : item.id,
+                        key: null == item ? void 0 : item.id,
+                        checked: false
+                    });
+                });
+                setDefOptions(optionsItem);
+            } else if (quickAddSchema) {
+                const fieldItem = cm.getCollectionField(quickAddSchema['x-collection-field']);
+                if (!(null == fieldItem ? void 0 : fieldItem.uiSchema) || !(null == fieldItem ? void 0 : fieldItem.uiSchema.enum)) return;
+                fieldItem.uiSchema.enum.forEach((item)=>{
+                    optionsItem.push(item);
+                });
+                setDefOptions(optionsItem);
+            }
+        }
+    }, [
+        fieldServiceFilter,
+        null == tabparams ? void 0 : tabparams.filter,
+        changeForm,
+        isQuickAdd,
+        quickAddField,
+        quickAddParentField
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_ahooks__.useDeepCompareEffect)(()=>{
+        if (!defOptions.length) return;
+        const fieldTabs = field.value;
+        if (quickAddParentField && (null == quickAddParentField ? void 0 : quickAddParentField.value) !== 'none') {
+            const filterParantOptions = tabsParantFilterOptions(defOptions, fieldTabs, quickAddField);
+            setDefOptions(filterParantOptions);
+        } else {
+            const filterDefOptions = tabsFilterOptions(defOptions, fieldTabs, quickAddField);
+            setDefOptions(filterDefOptions);
+        }
+    }, [
+        quickAddField,
+        fieldValue
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFormEffects)(()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.onFieldChange)(formFieldFilter, (field)=>{
+            setChangeForm(field);
+        });
+    });
+    let options = defOptions;
+    if (quickAddParentField && 'none' !== quickAddParentField.value) {
+        const filterOption = null == defOptions ? void 0 : defOptions.map((item)=>{
+            var _item_childrenItems;
+            const filterItem = null == item ? void 0 : null === (_item_childrenItems = item.childrenItems) || void 0 === _item_childrenItems ? void 0 : _item_childrenItems.filter((childrenItem)=>(0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.fuzzysearch)(filter, null == childrenItem ? void 0 : childrenItem.label));
+            if ((0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.fuzzysearch)(filter, null == item ? void 0 : item.label) || (null == filterItem ? void 0 : filterItem.length)) return {
+                ...item,
+                childrenItems: (null == filterItem ? void 0 : filterItem.length) ? filterItem : item.childrenItems
+            };
+        }).filter(Boolean);
+        options = filterOption;
+    } else {
+        const filterOption = defOptions.filter((item)=>(0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.fuzzysearch)(filter, null == item ? void 0 : item.label));
+        options = filterOption;
+    }
+    const onChange = (item)=>{
+        field.value = field.value || [];
+        const addItem = {};
+        addItem[quickAddField] = item;
+        field.value.push((0, __WEBPACK_EXTERNAL_MODULE__data_source_collection_record_isNewRecord_mjs__.markRecordAsNew)(addItem));
+        setFieldValue([
+            ...field.value
+        ]);
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
+                placeholder: t('Please enter search content'),
+                prefix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.SearchOutlined, {}),
+                value: filter,
+                onChange: (e)=>{
+                    setFilter(e.target.value);
+                }
+            }),
+            quickAddParentField && (null == quickAddParentField ? void 0 : quickAddParentField.value) !== 'none' ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                className: styles.container,
+                ref: ref,
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                        className: "left-pane",
+                        children: options.sort((a, b)=>null != a.sort ? a.sort - b.sort : a.id - b.id).map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                                id: 'parent-item-' + item.id,
+                                onClick: ()=>{
+                                    var _ref_current;
+                                    null === (_ref_current = ref.current) || void 0 === _ref_current || _ref_current.querySelector('#item-' + item.id).scrollIntoView({
+                                        behavior: 'auto',
+                                        block: 'nearest',
+                                        inline: 'start'
+                                    });
+                                    const currentId = '#parent-item-' + item.id;
+                                    ref.current.querySelector(currentId).scrollIntoView({
+                                        behavior: 'auto',
+                                        block: 'nearest',
+                                        inline: 'start'
+                                    });
+                                    ref.current.querySelector(currentId).style.color = '#166cff';
+                                    const allElements = ref.current.querySelectorAll('div:not(' + currentId + ')');
+                                    null == allElements || allElements.forEach(function(element) {
+                                        element.style.color = '#1e1e1e';
+                                    });
+                                },
+                                children: item.label
+                            }, item.id))
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                        className: "right-pane",
+                        children: options.sort((a, b)=>null != a.sort ? a.sort - b.sort : a.id - b.id).map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ObservableItem, {
+                                item: item,
+                                onChange: onChange,
+                                leftRef: ref
+                            }, item.id))
+                    })
+                ]
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Space, {
+                style: {
+                    maxHeight: '30vh',
+                    overflow: 'auto',
+                    padding: '10px'
+                },
+                children: options.map((item, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                        onClick: ()=>{
+                            onChange(item);
+                        },
+                        icon: item.checked ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CheckOutlined, {}) : null,
+                        children: item.label
+                    }, index))
+            })
+        ]
+    });
+});
+const tabsParantFilterOptions = (options, fieldTabs, arrayField)=>{
+    const filterOptions = null == options ? void 0 : options.map((oItem)=>{
+        const filterItem = oItem.childrenItems.map((childrenItem)=>{
+            const fieldTabsValue = fieldTabs.find((item)=>{
+                var _item_arrayField;
+                return (null === (_item_arrayField = item[arrayField]) || void 0 === _item_arrayField ? void 0 : _item_arrayField.value) === childrenItem.value;
+            });
+            return {
+                ...childrenItem,
+                checked: !!fieldTabsValue || false
+            };
+        });
+        return {
+            ...oItem,
+            childrenItems: filterItem
+        };
+    });
+    return filterOptions;
+};
+const tabsFilterOptions = (optitons, filterTabs, arrayField)=>{
+    const filterOptions = optitons.map((item)=>{
+        const filterValue = filterTabs.find((filterTabsItem)=>{
+            var _filterTabsItem_arrayField;
+            return (null === (_filterTabsItem_arrayField = filterTabsItem[arrayField]) || void 0 === _filterTabsItem_arrayField ? void 0 : _filterTabsItem_arrayField.value) === item.value;
+        });
+        return {
+            ...item,
+            checked: !!filterValue || false
+        };
+    });
+    return filterOptions;
+};
+const InternalCollapse = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    var _fieldSchema_parent_xcomponentprops;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const isQuickAdd = fieldSchema['parent']['x-component-props']['isQuickAdd'];
+    const { value: quickAddField } = (null === (_fieldSchema_parent_xcomponentprops = fieldSchema['parent']['x-component-props']) || void 0 === _fieldSchema_parent_xcomponentprops ? void 0 : _fieldSchema_parent_xcomponentprops['quickAddField']) || {};
+    const items = [
+        {
+            key: '1',
+            label: t('Quick create'),
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalTabs, {
+                ...props
+            })
+        }
+    ];
+    return isQuickAdd && quickAddField && 'none' !== quickAddField ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Collapse, {
+        items: items,
+        defaultActiveKey: [
+            '1'
+        ]
+    }) : null;
+});
+export { InternalCollapse, InternalTabs, ObservableItem };

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

@@ -0,0 +1,53 @@
+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__filter_provider_index_mjs__ from "../../../../filter-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";
+const useFieldServiceFilter = (filter, originalFilter)=>{
+    const [fieldServiceFilter, setFieldServiceFilter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    const { parseFilter, findVariable } = (0, __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.useParseDataScopeFilter)();
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const filterFromSchema = filter;
+        const _run = async ()=>{
+            const result = await parseFilter((0, __WEBPACK_EXTERNAL_MODULE__filter_provider_index_mjs__.mergeFilter)([
+                filterFromSchema || originalFilter
+            ]));
+            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_index_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;
+    }, [
+        filter,
+        findVariable,
+        originalFilter,
+        parseFilter
+    ]);
+    return [
+        fieldServiceFilter,
+        setFieldServiceFilter
+    ];
+};
+export { useFieldServiceFilter };

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

@@ -0,0 +1 @@
+export * from "./hook.mjs";