@tachybase/client 1.3.24 → 1.4.0

package/es/api-client/APIClient.mjs

@@ -1,6 +1,7 @@
 import react from "react";
 import { APIClient } from "@tego/client";
 import { notification as external_antd_notification } from "antd";
+import { i18n } from "../index.mjs";
 function _define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -11,13 +12,29 @@ function _define_property(obj, key, value) {
     else obj[key] = value;
     return obj;
 }
+const TECH_PATTERNS = [
+    /\bat\s+\S+\s+\(.+\)/i,
+    /(TypeError|ReferenceError|SyntaxError|RangeError)\b/i,
+    /(ENOENT|ECONNREFUSED|ECONNRESET|EPIPE|EAI_AGAIN)\b/i,
+    /(node_modules|webpack|react(-dom)?\.development\.js)/i,
+    /[/\\]\w+\.(js|ts|tsx|jsx):\d+:\d+/i,
+    /https?:\/\/\S+/i
+];
 function notify(type, messages, instance) {
-    var _messages_map;
     if (!(null == messages ? void 0 : messages.length)) return;
+    const translatedMessages = messages.map((item)=>{
+        const msg = 'string' == typeof item ? item : item.message;
+        const translated = i18n.t(msg);
+        if (TECH_PATTERNS.some((r)=>r.test(msg))) {
+            console.error('[TechError]', msg);
+            return i18n.t('The current operation was not successful. You can wait a moment or contact technical support.');
+        }
+        return translated;
+    });
     instance[type]({
-        message: null == (_messages_map = messages.map) ? void 0 : _messages_map.call(messages, (item, index)=>react.createElement('div', {
-                key: "".concat(index, "_").concat(item.message)
-            }, 'string' == typeof item ? item : item.message))
+        message: translatedMessages.map((msg, index)=>react.createElement('div', {
+                key: "".concat(index, "_").concat(msg)
+            }, msg))
     });
 }
 const handleErrorMessage = (error, notification)=>{

package/es/application/components/AppComponent.mjs

@@ -46,7 +46,9 @@ const AppComponent = observer((props)=>{
                     app.renderComponent('AppMain')
                 ]
             }),
-            /*#__PURE__*/ jsx(ClickToComponent, {})
+            /*#__PURE__*/ jsx(ClickToComponent, {
+                editor: process.env.REACT_APP_CLICK_TO_COMPONENT_EDITOR || 'vscode'
+            })
         ]
     });
 }, {

package/es/application/utils/globalDeps.mjs

@@ -38,6 +38,7 @@ function defineGlobalDeps(requirejs) {
     requirejs.define('@tego/client', ()=>__WEBPACK_EXTERNAL_MODULE__tego_client_7f3175c1__);
     requirejs.define('@tachybase/client', ()=>__WEBPACK_EXTERNAL_MODULE__index_mjs_52ce5380__);
     requirejs.define('@tachybase/schema', ()=>__WEBPACK_EXTERNAL_MODULE__tachybase_schema_532e17e1__);
+    requirejs.define('@tachybase/utils/client', ()=>__WEBPACK_EXTERNAL_MODULE__tego_client_7f3175c1__);
     requirejs.define('@dnd-kit/accessibility', ()=>__WEBPACK_EXTERNAL_MODULE__dnd_kit_accessibility_682092eb__);
     requirejs.define('@dnd-kit/core', ()=>__WEBPACK_EXTERNAL_MODULE__dnd_kit_core_a545325d__);
     requirejs.define('@dnd-kit/modifiers', ()=>__WEBPACK_EXTERNAL_MODULE__dnd_kit_modifiers_69ce91a8__);

package/es/built-in/acl/ACLProvider.mjs

@@ -170,7 +170,9 @@ const ACLCollectionProvider = (props)=>{
     const [_, actionName] = actionPath.split(':');
     params.actionName = actionName;
     return /*#__PURE__*/ jsx(ACLActionParamsContext.Provider, {
-        value: params,
+        value: {
+            params
+        },
         children: props.children
     });
 };

package/es/built-in/index.mjs

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { observer } from "@tachybase/schema";
+import { getSubAppName } from "@tego/client";
 import { DisconnectOutlined, LoadingOutlined } from "@ant-design/icons";
 import { css as css_css } from "@emotion/css";
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-import { getSubAppName } from "@tego/client";
 import { Button, Result } from "antd";
 import { createStyles } from "antd-style";
 import { useTranslation } from "react-i18next";
@@ -311,7 +311,7 @@ class BuiltInPlugin extends Plugin {
             sort: -40
         });
         this.app.systemSettingsManager.add('business-components', {
-            title: this.t('Business Components'),
+            title: this.t('Business Features'),
             icon: 'BlockOutlined',
             sort: -30
         });

package/es/built-in/pm/PluginManager.mjs

@@ -49,6 +49,16 @@ const LocalPlugins = ()=>{
     const [enabled, setEnabled] = useState('all');
     const [keywords, setKeywords] = useState([]);
     const columns = useMemo(()=>[
+            {
+                title: t('Index'),
+                dataIndex: 'index',
+                key: 'index',
+                render: (_, __, index)=>/*#__PURE__*/ jsx("span", {
+                        children: index + 1
+                    }),
+                width: 80,
+                align: 'center'
+            },
             {
                 title: t('Name'),
                 dataIndex: 'name',
@@ -60,6 +70,28 @@ const LocalPlugins = ()=>{
                     });
                 }
             },
+            {
+                title: t('PackageName'),
+                dataIndex: 'packageName',
+                key: 'packageName',
+                render: (_, param)=>{
+                    let { packageName } = param;
+                    return /*#__PURE__*/ jsx("span", {
+                        children: packageName
+                    });
+                }
+            },
+            {
+                title: t('Version'),
+                dataIndex: 'version',
+                key: 'version',
+                render: (_, param)=>{
+                    let { version } = param;
+                    return /*#__PURE__*/ jsx("span", {
+                        children: version
+                    });
+                }
+            },
             {
                 title: t('Keywords'),
                 dataIndex: 'keywords',
@@ -93,13 +125,21 @@ const LocalPlugins = ()=>{
                     })
             }
         ], []);
-    const filteredList = ((null == data ? void 0 : data.data) || []).filter((data)=>{
-        var _data_description;
-        return fuzzysearch(searchValue, data.name) || fuzzysearch(searchValue, data.packageName) || fuzzysearch(searchValue, null != (_data_description = data.description) ? _data_description : '') || fuzzysearch(searchValue, data.displayName);
-    }).filter((data)=>'all' === enabled || 'enabled' === enabled && data.enabled || 'disabled' === enabled && !data.enabled).filter((data)=>0 === keywords.length || keywords.some((keyword)=>{
-            var _data_keywords;
-            return null == (_data_keywords = data.keywords) ? void 0 : _data_keywords.includes(keyword);
-        }));
+    const filteredList = useMemo(()=>((null == data ? void 0 : data.data) || []).filter((data)=>{
+            var _data_description;
+            return fuzzysearch(searchValue, data.name) || fuzzysearch(searchValue, data.packageName) || fuzzysearch(searchValue, null != (_data_description = data.description) ? _data_description : '') || fuzzysearch(searchValue, data.displayName);
+        }).filter((data)=>'all' === enabled || 'enabled' === enabled && data.enabled || 'disabled' === enabled && !data.enabled).filter((data)=>0 === keywords.length || keywords.some((keyword)=>{
+                var _data_keywords;
+                return null == (_data_keywords = data.keywords) ? void 0 : _data_keywords.includes(keyword);
+            })).sort((a, b)=>{
+            if (a.builtIn === b.builtIn) return a.id - b.id;
+            return a.builtIn ? -1 : 1;
+        }), [
+        null == data ? void 0 : data.data,
+        enabled,
+        keywords,
+        searchValue
+    ]);
     const filterList = useMemo(()=>{
         let list = (null == data ? void 0 : data.data) || [];
         list = list.reverse();
@@ -226,7 +266,7 @@ const LocalPlugins = ()=>{
                             children: /*#__PURE__*/ jsx(Select, {
                                 mode: "multiple",
                                 style: {
-                                    minWidth: '20em'
+                                    minWidth: '10em'
                                 },
                                 allowClear: true,
                                 value: keywords,
@@ -241,6 +281,9 @@ const LocalPlugins = ()=>{
                         /*#__PURE__*/ jsx(Form.Item, {
                             label: t('Search'),
                             children: /*#__PURE__*/ jsx(Input, {
+                                style: {
+                                    minWidth: '20em'
+                                },
                                 value: searchValue,
                                 placeholder: t("Name or descriptions"),
                                 onChange: (e)=>setSearchValue(e.target.value)

package/es/built-in/system-version/SystemVersion.provider.mjs

@@ -3,14 +3,55 @@ import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useCurrentAppInfo } from "../../common/appInfo/CurrentAppInfoProvider.mjs";
 import { useCurrentUserSettingsMenu } from "../../user/CurrentUserSettingsMenuProvider.mjs";
-const SystemVersion = ()=>{
+const CORE_REPO_URL = 'https://github.com/tegojs/tego';
+const APP_REPO_URL = 'https://github.com/tegojs/tego-standard';
+function getVersionUrl(version, repoUrl) {
+    if (!version) return null;
+    const hashMatch = version.match(/^\d+\.\d+\.\d+-([0-9a-f]{7})(?:@.+)?$/i);
+    if (hashMatch) {
+        const hash = hashMatch[1];
+        return "".concat(repoUrl, "/commit/").concat(hash);
+    }
+    {
+        const tag = version.startsWith('v') ? version : "v".concat(version);
+        return "".concat(repoUrl, "/releases/tag/").concat(tag);
+    }
+}
+const CoreVersion = ()=>{
+    var _info_data_version, _info_data;
     const info = useCurrentAppInfo();
     const { t } = useTranslation();
+    const version = null == info ? void 0 : null == (_info_data = info.data) ? void 0 : null == (_info_data_version = _info_data.version) ? void 0 : _info_data_version.core;
+    const url = getVersionUrl(version, CORE_REPO_URL);
+    return /*#__PURE__*/ jsxs("span", {
+        children: [
+            t('Core Version'),
+            " -",
+            ' ',
+            url ? /*#__PURE__*/ jsx("a", {
+                href: url,
+                target: "_blank",
+                children: version
+            }) : version
+        ]
+    });
+};
+const AppVersion = ()=>{
+    var _info_data_version, _info_data;
+    const info = useCurrentAppInfo();
+    const { t } = useTranslation();
+    const version = null == info ? void 0 : null == (_info_data = info.data) ? void 0 : null == (_info_data_version = _info_data.version) ? void 0 : _info_data_version.app;
+    const url = getVersionUrl(version, APP_REPO_URL);
     return /*#__PURE__*/ jsxs("span", {
         children: [
             t('App Version'),
-            " - ",
-            null == info ? void 0 : info.data.version
+            " -",
+            ' ',
+            url ? /*#__PURE__*/ jsx("a", {
+                href: url,
+                target: "_blank",
+                children: version
+            }) : version
         ]
     });
 };
@@ -19,8 +60,14 @@ const SystemVersionProvider = (param)=>{
     const { addMenuItem } = useCurrentUserSettingsMenu();
     useEffect(()=>{
         addMenuItem({
-            key: 'system-version',
-            label: /*#__PURE__*/ jsx(SystemVersion, {})
+            key: 'system-version-app',
+            label: /*#__PURE__*/ jsx(AppVersion, {})
+        }, {
+            before: 'divider_1'
+        });
+        addMenuItem({
+            key: 'system-version-core',
+            label: /*#__PURE__*/ jsx(CoreVersion, {})
         }, {
             before: 'divider_1'
         });

package/es/collection-manager/Configuration/AddFieldAction.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
 import { uid, useField, useForm } from "@tachybase/schema";
-import { PlusOutlined } from "@ant-design/icons";
 import { ArrayTable } from "@tego/client";
+import { PlusOutlined } from "@ant-design/icons";
 import { Button, Dropdown } from "antd";
 import { cloneDeep } from "lodash";
 import { useTranslation } from "react-i18next";

package/es/collection-manager/Configuration/ImportXlsx/xlsxFieldsConfigure.mjs

@@ -325,7 +325,6 @@ const xlsxFieldsConfigure = observer((props)=>{
     useEffect(()=>{
         form.setValuesIn('fields', formValue);
         form.setValuesIn('collectionData', filedata.data);
-        console.log("%c Line:294 \uD83C\uDF54 filedata.data", 'font-size:18px;color:#42b983;background:#3f7cff', filedata.data);
     }, [
         formValue
     ]);

package/es/common/appInfo/CurrentAppInfoProvider.d.ts

@@ -6,7 +6,10 @@ export declare const useCurrentAppInfo: () => {
             dialect: string;
         };
         lang: string;
-        version: string;
+        version: {
+            core: string;
+            app: string;
+        };
     };
 };
 export declare const CurrentAppInfoProvider: (props: any) => import("react/jsx-runtime").JSX.Element;

package/es/modules/blocks/data-blocks/table/hooks/useTableBlockProps.mjs

@@ -133,7 +133,8 @@ const useTableBlockProps = ()=>{
                         const prevFlatItems = flat(prevMergedFilter);
                         Object.entries(prevFlatItems).forEach((param)=>{
                             let [key, prevItem] = param;
-                            if (key.split('.').includes(target.field)) delete prevFlatItems[key];
+                            if (key.split('.').includes(target.field) || key.includes(target.field)) delete prevFlatItems[key];
+                            if (!prevFlatItems[key]) delete prevFlatItems[key];
                         });
                         prevMergedFilter = flat.unflatten(prevFlatItems);
                     }

package/es/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.d.ts

@@ -115,4 +115,13 @@ export declare const clickToSelect: {
         }) => Promise<void>;
     };
 };
+export declare const tablePagination: {
+    name: string;
+    type: string;
+    useComponentProps(): {
+        title: string;
+        checked: any;
+        onChange(v: any): void;
+    };
+};
 export declare const subTablePopoverComponentFieldSettings: SchemaSettings<{}>;

package/es/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.mjs

@@ -395,6 +395,38 @@ const clickToSelect = {
         };
     }
 };
+const tablePagination = {
+    name: 'tablePagination',
+    type: 'switch',
+    useComponentProps () {
+        var _fieldSchema_xcomponentprops;
+        const { dn } = useDesignable();
+        const fieldSchema = useFieldSchema();
+        const { t } = useTranslation();
+        const field = useField();
+        return {
+            title: t('Pagination'),
+            checked: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.pagination) || false,
+            onChange (v) {
+                if (!fieldSchema['x-component-props'].pagination) fieldSchema['x-component-props'] = {
+                    ...fieldSchema['x-component-props'],
+                    pagination: false
+                };
+                fieldSchema['x-component-props'].pagination = v;
+                field.componentProps['pagination'] = v;
+                dn.emit('patch', {
+                    schema: {
+                        'x-uid': fieldSchema['x-uid'],
+                        'x-component-props': {
+                            ...null == fieldSchema ? void 0 : fieldSchema['x-component-props']
+                        }
+                    }
+                });
+                dn.refresh();
+            }
+        };
+    }
+};
 const subTablePopoverComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:SubTable',
     items: [
@@ -402,7 +434,8 @@ const subTablePopoverComponentFieldSettings = new SchemaSettings({
         allowAddNewData,
         allowSelectExistingRecord,
         setDefaultSortingRules,
-        clickToSelect
+        clickToSelect,
+        tablePagination
     ]
 });
-export { allowAddNewData, clickToSelect, setDefaultSortingRules, subTablePopoverComponentFieldSettings };
+export { allowAddNewData, clickToSelect, setDefaultSortingRules, subTablePopoverComponentFieldSettings, tablePagination };

package/es/schema-component/antd/action/Action.Area.mjs

@@ -47,14 +47,14 @@ const ActionAreaPlayer = (param)=>{
     return visible && ref.current ? /*#__PURE__*/ createPortal(children, ref.current) : null;
 };
 const ActionArea = observer((props)=>{
-    const { footerNodeName = 'ActionArea.Footer' } = props;
+    const { footerNodeName = 'ActionArea.Footer', stickyFooter = false } = props;
     const schema = useFieldSchema();
     const field = useField();
     const { styles } = useStyles();
     const Current = ()=>/*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsxs("div", {
-                    className: styles.footer,
+                    className: "".concat(styles.footer, " ").concat(stickyFooter ? styles.stickyFooter : ''),
                     children: [
                         /*#__PURE__*/ jsx("div", {
                             className: "title",

package/es/schema-component/antd/action/Action.Area.style.d.ts

@@ -1,4 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     container: import("antd-style").SerializedStyles;
     footer: import("antd-style").SerializedStyles;
+    stickyFooter: import("antd-style").SerializedStyles;
 }>;

package/es/schema-component/antd/action/Action.Area.style.mjs

@@ -30,11 +30,22 @@ function _templateObject1() {
     };
     return data;
 }
+function _templateObject2() {
+    const data = _tagged_template_literal([
+        "\n      position: sticky !important;\n      top: 0 !important;\n      z-index: 100 !important;\n      background: #fff !important;\n      background-color: #fff !important;\n      padding: ",
+        "px 0;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n      border-bottom: 1px solid rgba(5, 5, 5, 0.06);\n      margin: 0 -16px;\n      padding-left: 16px;\n      padding-right: 16px;\n\n      /* \u786E\u4FDD\u5B8C\u5168\u906E\u6321 */\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        right: -100vw;\n        bottom: 0;\n        background: #fff;\n        z-index: -1;\n      }\n    "
+    ]);
+    _templateObject2 = function() {
+        return data;
+    };
+    return data;
+}
 const useStyles = createStyles((param)=>{
     let { css, token } = param;
     return {
         container: css(_templateObject(), token.padding),
-        footer: css(_templateObject1(), token.padding, token.margin, token.fontSizeHeading3, token.lineHeightHeading3)
+        footer: css(_templateObject1(), token.padding, token.margin, token.fontSizeHeading3, token.lineHeightHeading3),
+        stickyFooter: css(_templateObject2(), token.padding)
     };
 });
 export { useStyles };

package/es/schema-component/antd/action/types.d.ts

@@ -11,6 +11,7 @@ export type ComposedAction = React.FC<ActionProps> & {
 };
 export type ComposedActionDrawer<T = DrawerProps> = React.FC<T & {
     footerNodeName?: string;
+    stickyFooter?: boolean;
 }> & {
     Footer?: React.FC;
 };

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

@@ -49,7 +49,7 @@ const InternalNester = observer(()=>{
     const { options: collectionField } = useAssociationFieldContext();
     var _fieldSchema_xdecoratorprops_showTitle;
     const showTitle = null != (_fieldSchema_xdecoratorprops_showTitle = null == (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) ? void 0 : _fieldSchema_xdecoratorprops.showTitle) ? _fieldSchema_xdecoratorprops_showTitle : true;
-    const { actionName } = useACLActionParamsContext();
+    const { params } = useACLActionParamsContext();
     const { styles } = useStyles();
     useEffect(()=>{
         insertNester(schema.Nester);
@@ -57,7 +57,7 @@ const InternalNester = observer(()=>{
     return /*#__PURE__*/ jsx(CollectionProvider_deprecated, {
         name: collectionField.target,
         children: /*#__PURE__*/ jsx(ACLCollectionProvider, {
-            actionPath: "".concat(collectionField.target, ":").concat(actionName),
+            actionPath: "".concat(collectionField.target, ":").concat(null == params ? void 0 : params.actionName),
             children: /*#__PURE__*/ jsx(FormLayout, {
                 layout: 'vertical',
                 children: /*#__PURE__*/ jsx("div", {

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

@@ -40,7 +40,7 @@ const InternalSubTable = observer(()=>{
     const insert = useInsertSchema('SubTable');
     const insertSelector = useInsertSchema('Selector');
     const { options } = useAssociationFieldContext();
-    const { actionName } = useACLActionParamsContext();
+    const { params, actionName } = useACLActionParamsContext();
     useEffect(()=>{
         insert(schema.SubTable);
         field.required = fieldSchema['required'];
@@ -65,7 +65,7 @@ const InternalSubTable = observer(()=>{
     return /*#__PURE__*/ jsx(CollectionProvider_deprecated, {
         name: options.target,
         children: /*#__PURE__*/ jsx(ACLCollectionProvider, {
-            actionPath: "".concat(options.target, ":").concat(actionName || 'view'),
+            actionPath: "".concat(options.target, ":").concat(actionName || (null == params ? void 0 : params.actionName) || 'view'),
             children: /*#__PURE__*/ jsx(FormLayout, {
                 className: styles.container,
                 layout: 'vertical',

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

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useState } from "react";
-import { RecursionField, action, exchangeArrayState, isArr, observer, useFieldSchema } from "@tachybase/schema";
+import { RecursionField, action, exchangeArrayState, isArr, observer, useField, useFieldSchema } from "@tachybase/schema";
 import { Button } from "antd";
 import { createStyles } from "antd-style";
 import { unionBy, uniqBy } from "lodash";
@@ -13,7 +13,7 @@ import { CollectionProvider_deprecated } from "../../../collection-manager/index
 import { CollectionRecordProvider, useCollectionRecord } from "../../../data-source/index.mjs";
 import { markRecordAsNew } from "../../../data-source/collection-record/isNewRecord.mjs";
 import { FlagProvider } from "../../../flag-provider/index.mjs";
-import { useCompile } from "../../hooks/index.mjs";
+import { useCompile, useDesignable } from "../../hooks/index.mjs";
 import { ActionContextProvider } from "../action/index.mjs";
 import { Table } from "../table-v2/Table.mjs";
 import { useAssociationFieldContext, useFieldNames } from "./hooks.mjs";
@@ -84,9 +84,11 @@ const useStyles = createStyles((param)=>{
     };
 });
 const SubTable = observer((props)=>{
+    var _subTableField_componentProps_pagination, _subTableField_componentProps, _subTableField_componentProps_pagination1, _subTableField_componentProps1, _field_value;
     const { openSize } = props;
     const { styles } = useStyles();
     const { field, options: collectionField } = useAssociationFieldContext();
+    const subTableField = useField();
     const { t } = useTranslation();
     const [visibleSelector, setVisibleSelector] = useState(false);
     const [selectedRows, setSelectedRows] = useState([]);
@@ -111,6 +113,7 @@ const SubTable = observer((props)=>{
             return field.onInput(field.value);
         });
     };
+    const { dn } = useDesignable();
     field.move = move;
     const options = useMemo(()=>{
         if (field.value && Object.keys(field.value).length > 0) {
@@ -173,6 +176,23 @@ const SubTable = observer((props)=>{
         fieldValue,
         setFieldValue
     };
+    const paginationProps = {
+        pageSize: (null == (_subTableField_componentProps = subTableField.componentProps) ? void 0 : null == (_subTableField_componentProps_pagination = _subTableField_componentProps.pagination) ? void 0 : _subTableField_componentProps_pagination.pageSize) || 5,
+        current: (null == (_subTableField_componentProps1 = subTableField.componentProps) ? void 0 : null == (_subTableField_componentProps_pagination1 = _subTableField_componentProps1.pagination) ? void 0 : _subTableField_componentProps_pagination1.current) || 1,
+        total: (null == (_field_value = field.value) ? void 0 : _field_value.length) || 0
+    };
+    const onChange = (props)=>{
+        if (subTableField && fieldSchema) {
+            subTableField['componentProps'] = {
+                ...subTableField.componentProps,
+                pagination: props
+            };
+            fieldSchema['x-component-props'] = {
+                ...fieldSchema['x-component-props'],
+                pagination: props
+            };
+        }
+    };
     return /*#__PURE__*/ jsxs("div", {
         className: styles.container,
         children: [
@@ -190,13 +210,14 @@ const SubTable = observer((props)=>{
                             /*#__PURE__*/ jsx(Table, {
                                 className: styles.table,
                                 bordered: true,
+                                onChange: onChange,
                                 size: 'small',
                                 field: field,
                                 showIndex: true,
                                 dragSort: field.editable,
                                 showDel: field.editable,
                                 setFieldValue: setFieldValue,
-                                pagination: !!field.componentProps.pagination,
+                                pagination: field.componentProps.pagination ? paginationProps : false,
                                 rowSelection: {
                                     type: 'none',
                                     hideSelectAll: true

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

@@ -149,11 +149,15 @@ const useSubFormValue = ()=>{
 };
 const useCustomTitle = (record, schema, fieldNames)=>{
     var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
+    if (schema) return {
+        formulaRecord: {},
+        fieldNames
+    };
     if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
-        if (Array.isArray(record[schema['name']])) record[schema['name']].forEach((recordItem)=>{
+        if (Array.isArray(record[null == schema ? void 0 : schema['name']])) record[null == schema ? void 0 : schema['name']].forEach((recordItem)=>{
             recordItem['customLabel'] = getCustomLabel(recordItem, schema);
         });
-        else record[schema['name']]['customLabel'] = getCustomLabel(record[schema['name']], schema);
+        else record[null == schema ? void 0 : schema['name']]['customLabel'] = getCustomLabel(record[null == schema ? void 0 : schema['name']], schema);
         return {
             formulaRecord: record,
             fieldNames: {

package/es/schema-component/antd/icon-picker/IconFilterInput.mjs

@@ -1,16 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Input } from "antd";
 import lodash from "lodash";
+import { useTranslation } from "react-i18next";
 const IconFilterInput = (props)=>{
     const { changeFilterKey } = props;
+    const { t } = useTranslation();
     const onChange = lodash.debounce((e)=>{
         const inputValue = e.target.value;
         changeFilterKey(inputValue);
     }, 100);
     return /*#__PURE__*/ jsx(Input, {
         allowClear: true,
-        placeholder: 'Antd\u7684key,\u4F8B\u5982"ApiOutlined",\u5FFD\u7565\u5927\u5C0F\u5199',
+        placeholder: t("The key in Antd, such as 'ApiOutlined', ignoring case"),
         onChange: onChange
     });
 };

package/es/schema-component/antd/icon-picker/index.d.ts

@@ -1 +1,3 @@
 export * from './IconPicker';
+export * from './IconList';
+export * from './IconFilterInput';

package/es/schema-component/antd/icon-picker/index.mjs

@@ -1 +1,3 @@
 export * from "./IconPicker.mjs";
+export * from "./IconList.mjs";
+export * from "./IconFilterInput.mjs";

package/es/schema-component/antd/menu/Menu.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { FieldContext, RecursionField, SchemaContext, SchemaExpressionScopeContext, observer, uid, useField, useFieldSchema } from "@tachybase/schema";
-import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { error } from "@tego/client";
+import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { Button, Menu, Popover } from "antd";
 import { createPortal } from "react-dom";
 import { DndContext, SortableItem, createDesignable, useDesignable, useDesigner } from "../../index.mjs";

package/es/schema-component/antd/page/Page.mjs

@@ -1,10 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from "react";
 import { Schema, SchemaOptionsContext, useFieldSchema } from "@tachybase/schema";
+import { FormLayout } from "@tego/client";
 import { PlusOutlined } from "@ant-design/icons";
 import { PageHeader } from "@ant-design/pro-layout";
 import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { FormLayout } from "@tego/client";
 import { Button, Tabs } from "antd";
 import { cx } from "antd-style";
 import classnames from "classnames";