@nocobase/client 0.9.0-alpha.2 → 0.9.1-alpha.2

package/es/locale/zh_CN.js

@@ -34,6 +34,30 @@ export default {
   "UI editor": "界面配置",
   "Collection": "数据表",
   "Collections & Fields": "数据表配置",
+  "All collections": "全部数据表",
+  "Add category": "添加分类",
+  "Delete category": "删除分类",
+  "Edit category": "编辑分类",
+  "Collection category": "数据表类别",
+  "Visible": "显示",
+  "Read only": "只读(禁止编辑)",
+  "Easy reading": "只读(阅读模式)",
+  "Hidden": "隐藏",
+  "Hidden(reserved value)": "隐藏(保留值)",
+  "Not required": "非必填",
+  "Value": "字段值",
+  "Disabled": "禁用",
+  "Enabled": "启用",
+  "Linkage rule": "联动规则",
+  "Linkage rules": "联动规则",
+  "Condition": "条件",
+  "Properties": "属性",
+  "Add linkage rule": "添加联动规则",
+  "Add property": "添加属性",
+  "Expression": "表达式",
+  "Sort": "排序",
+  "Categories": "数据表类别",
+  "Category name": "分类名称",
   "Roles & Permissions": "角色和权限",
   "Edit profile": "个人资料",
   "Change password": "修改密码",
@@ -127,6 +151,7 @@ export default {
   "General collection": "普通数据表",
   "Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.": "随机生成，可修改。支持英文、数字和下划线，必须以英文字母开头。",
   "Storage type": "存储类型",
+  "Types will be used in database": "数据库使用的类型",
   "Edit": "编辑",
   "Edit collection": "编辑数据表",
   "Configure fields": "配置字段",
@@ -146,15 +171,22 @@ export default {
   "Long text": "多行文本",
   "Phone": "手机号码",
   "Email": "电子邮箱",
+  'Null': '空值',
+  "Boolean": "逻辑值",
   "Number": "数字",
   "Integer": "整数",
   "Percent": "百分比",
+  "String": "字符串",
   "Password": "密码",
   "Advanced type": "高级类型",
   "Formula": "公式",
   "Formula description": "基于同一条记录中的其他字段计算出一个值。",
+  "Syntax references": "语法参考",
+  "Math.js comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types": "Math.js 包含大量内置函数和常量，并提供了集成的解决方案来处理不同的数据类型。",
+  "Formula.js supports most Microsoft Excel formula functions.": "Formula.js 支持大部分 Mircrosoft Excel 公式。",
   "Choices": "选择类型",
   "Checkbox": "勾选",
+  "Display <icon></icon> when unchecked": "未勾选时显示 <icon></icon>",
   "Single select": "下拉菜单（单选）",
   "Multiple select": "下拉菜单（多选）",
   "Radio group": "单选框",
@@ -435,10 +467,6 @@ export default {
   '≤': '≤',
   'Role UID': '角色标识',
   'Precision': '精确度',
-  'Formula mode': '计算方式',
-  'Expression': '表达式',
-  'Input +, -, *, /, ( ) to calculate, input @ to open field variables.': '英文输入+、-、*、/、( ) 进行运算，输入@打开可用字段变量。',
-  'Formula error.': '公式验证错误。',
   'Accept': '文件格式',
   'Rich Text': '富文本',
   'Junction collection': '中间表',
@@ -593,5 +621,16 @@ export default {
   'Please fill in the iframe URL': '请填写嵌入的地址',
   'Fix block': '固定区块',
   'Plugin name': '插件',
-  'Plugin tab name': '插件标签页'
+  'Plugin tab name': '插件标签页',
+  'Enable page header': '启用页眉',
+  'Display page title': '显示页面标题',
+  'Edit page title': '编辑页面标题',
+  'Enable page tabs': '启用页面选项卡',
+  'Column width': '列宽',
+  'Sortable': '可排序的',
+  'Constant': '常量',
+  'Use variable': '使用变量',
+  'True': '真',
+  'False': '假',
+  'Prettify': '格式化'
 };

package/es/route-switch/antd/admin-layout/index.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -21,12 +21,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { css } from '@emotion/css';
+import { useMutationObserver } from 'ahooks';
 import { Layout, Spin } from 'antd';
 import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
 import { useHistory, useRouteMatch } from 'react-router-dom';
-import { ACLRolesCheckProvider, CurrentUser, CurrentUserProvider, CurrentAppInfoProvider, findByUid, findMenuItem, RemoteCollectionManagerProvider, RemotePluginManagerToolbar, RemoteSchemaTemplateManagerProvider, SchemaComponent, useACLRoleContext, useDocumentTitle, useRequest, useRoute, useSystemSettings } from '../../../';
+import { ACLRolesCheckProvider, CurrentAppInfoProvider, CurrentUser, CurrentUserProvider, findByUid, findMenuItem, RemoteCollectionManagerProvider, RemotePluginManagerToolbar, RemoteSchemaTemplateManagerProvider, SchemaComponent, useACLRoleContext, useDocumentTitle, useRequest, useRoute, useSystemSettings } from '../../../';
 import { useCollectionManager } from '../../../collection-manager';
-import { useMutationObserver } from 'ahooks';
 
 var filterByACL = function filterByACL(schema, options) {
   var allowAll = options.allowAll,
@@ -183,56 +183,36 @@ export var InternalAdminLayout = function InternalAdminLayout(props) {
   return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Layout.Header, {
     className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-menu.ant-menu-dark .ant-menu-item-selected,\n          .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {\n            background-color: rgba(255, 255, 255, 0.1);\n          }\n          .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {\n            background-color: rgba(255, 255, 255, 0.1);\n          }\n\n          position: fixed;\n          width: 100%;\n          height: 46px;\n          line-height: 46px;\n          padding: 0;\n          z-index: 100;\n        "])))
   }, /*#__PURE__*/React.createElement("div", {
-    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            width: 100%;\n            height: 100%;\n          "])))
+    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            width: 100%;\n            height: 100%;\n            display: flex;\n          "])))
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'relative',
-      zIndex: 1,
-      display: 'flex',
-      height: '100%',
-      width: 'calc(100vw - 300px)'
-    }
+    className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              position: relative;\n              z-index: 1;\n              flex: 1 1 auto;\n              display: flex;\n              height: 100%;\n            "])))
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 200,
-      display: 'inline-flex',
-      color: '#fff',
-      padding: '0',
-      alignItems: 'center'
-    }
+    className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                width: 200px;\n                display: inline-flex;\n                flex-shrink: 0;\n                color: #fff;\n                padding: 0;\n                align-items: center;\n              "])))
   }, /*#__PURE__*/React.createElement("img", {
-    className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                  padding: 0 16px;\n                  object-fit: contain;\n                  width: 100%;\n                  height: 100%;\n                "]))),
+    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                  padding: 0 16px;\n                  object-fit: contain;\n                  width: 100%;\n                  height: 100%;\n                "]))),
     src: result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : (_result$data$data = _result$data.data) === null || _result$data$data === void 0 ? void 0 : (_result$data$data$log = _result$data$data.logo) === null || _result$data$data$log === void 0 ? void 0 : _result$data$data$log.url
   })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 'calc(100% - 590px)'
-    }
+    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                flex: 1 1 auto;\n                width: 0;\n              "])))
   }, /*#__PURE__*/React.createElement(MenuEditor, {
     sideMenuRef: sideMenuRef
   }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      height: '100%',
-      zIndex: 10,
-      top: 0,
-      right: 0
-    }
+    className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n              position: relative;\n              flex-shrink: 0;\n              height: 100%;\n              z-index: 10;\n            "])))
   }, /*#__PURE__*/React.createElement(RemotePluginManagerToolbar, null), /*#__PURE__*/React.createElement(CurrentUser, null)))), /*#__PURE__*/React.createElement("div", {
     style: {
       '--side-menu-width': "".concat(sideMenuWidth, "px")
     },
-    className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          width: var(--side-menu-width);\n          overflow: hidden;\n          flex: 0 0 var(--side-menu-width);\n          max-width: var(--side-menu-width);\n          min-width: var(--side-menu-width);\n          pointer-events: none;\n          transition: background-color 0.3s ease 0s, min-width 0.3s ease 0s,\n            max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;\n        "])))
+    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          width: var(--side-menu-width);\n          overflow: hidden;\n          flex: 0 0 var(--side-menu-width);\n          max-width: var(--side-menu-width);\n          min-width: var(--side-menu-width);\n          pointer-events: none;\n          /* transition: background-color 0.3s ease 0s, min-width 0.3s ease 0s,\n            max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; */\n        "])))
   }), /*#__PURE__*/React.createElement(Layout.Sider, {
-    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          height: 100%;\n          position: fixed;\n          padding-top: 46px;\n          left: 0;\n          top: 0;\n          background: rgba(0, 0, 0, 0);\n          z-index: 100;\n        "]))),
+    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          height: 100%;\n          position: fixed;\n          padding-top: 46px;\n          left: 0;\n          top: 0;\n          background: rgba(0, 0, 0, 0);\n          z-index: 100;\n        "]))),
     style: {
       display: 'none'
     },
     theme: 'light',
     ref: sideMenuRef
   }), /*#__PURE__*/React.createElement(Layout.Content, {
-    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow-y: auto;\n          height: 100vh;\n          max-height: 100vh;\n          > div {\n            position: relative;\n            // z-index: 1;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "])))
+    className: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow-y: auto;\n          height: 100vh;\n          max-height: 100vh;\n          > div {\n            position: relative;\n            // z-index: 1;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "])))
   }, /*#__PURE__*/React.createElement("header", {
-    className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            height: 46px;\n            line-height: 46px;\n            background: transparent;\n            pointer-events: none;\n          "])))
+    className: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n            height: 46px;\n            line-height: 46px;\n            background: transparent;\n            pointer-events: none;\n          "])))
   }), service.contentLoading ? /*#__PURE__*/React.createElement(Spin, null) : props.children));
 };
 export var AdminLayout = function AdminLayout(props) {

package/es/schema-component/antd/action/Action.Designer.js

@@ -27,8 +27,11 @@ import { isValid, uid } from '@formily/shared';
 import { Menu, Select } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useActionContext, useCompile, useDesignable } from '../..';
+import { useDesignable } from '../..';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useCollection, useCollectionManager } from '../../../collection-manager';
+import { useRecord } from '../../../record-provider';
+import { useFormBlockContext } from '../../../block-provider/FormBlockProvider';
 import { requestSettingsSchema } from './utils';
 
 var MenuGroup = function MenuGroup(props) {
@@ -56,7 +59,7 @@ var MenuGroup = function MenuGroup(props) {
 };
 
 export var ActionDesigner = function ActionDesigner(props) {
-  var _fieldSchema$xCompon, _fieldSchema$xCompon2, _fieldSchema$xCompon3, _fieldSchema$xCompon4, _fieldSchema$xCompon5, _fieldSchema$xCompon6, _fieldSchema$xCompon7, _fieldSchema$xCompon8, _fieldSchema$xAction, _fieldSchema$xAction2, _fieldSchema$xAction3, _fieldSchema$xAction4, _fieldSchema$xAction5, _fieldSchema$xAction6, _fieldSchema$xAction7, _fieldSchema$xAction8, _fieldSchema$xAction9, _fieldSchema$xAction10;
+  var _fieldSchema$xAction, _fieldSchema$xCompon, _fieldSchema$xCompon2, _fieldSchema$xCompon3, _fieldSchema$xCompon4, _fieldSchema$xCompon5, _fieldSchema$xCompon6, _fieldSchema$xCompon7, _fieldSchema$xCompon8, _fieldSchema$xAction2, _fieldSchema$xAction3, _fieldSchema$xAction4, _fieldSchema$xAction5, _fieldSchema$xAction6, _fieldSchema$xAction7, _fieldSchema$xAction8, _fieldSchema$xAction9, _fieldSchema$xAction10, _fieldSchema$xAction11;
 
   var modalTip = props.modalTip,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -64,23 +67,29 @@ export var ActionDesigner = function ActionDesigner(props) {
   var field = useField();
   var fieldSchema = useFieldSchema();
 
+  var _useCollection = useCollection(),
+      name = _useCollection.name;
+
+  var _useCollectionManager = useCollectionManager(),
+      getChildrenCollections = _useCollectionManager.getChildrenCollections;
+
   var _useDesignable = useDesignable(),
       dn = _useDesignable.dn;
 
   var _useTranslation2 = useTranslation(),
       t = _useTranslation2.t;
 
-  var compile = useCompile();
   var isPopupAction = ['create', 'update', 'view', 'customize:popup'].includes(fieldSchema['x-action'] || '');
   var isUpdateModePopupAction = ['customize:bulkUpdate', 'customize:bulkEdit'].includes(fieldSchema['x-action']);
-  var context = useActionContext();
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       initialSchema = _useState2[0],
       setInitialSchema = _useState2[1];
 
-  var actionType = fieldSchema['x-action'] || '';
+  var actionType = (_fieldSchema$xAction = fieldSchema['x-action']) !== null && _fieldSchema$xAction !== void 0 ? _fieldSchema$xAction : '';
+  var isLinkageAction = Object.keys(useFormBlockContext()).length > 0 && Object.keys(useRecord()).length > 0;
+  var isChildCollectionAction = getChildrenCollections(name).length > 0 && fieldSchema['x-action'] === 'create';
   useEffect(function () {
     var schemaUid = uid();
     var schema = {
@@ -160,6 +169,8 @@ export var ActionDesigner = function ActionDesigner(props) {
         dn.refresh();
       }
     }
+  }), isLinkageAction && /*#__PURE__*/React.createElement(SchemaSettings.LinkageRules, {
+    collectionName: name
   }), isPopupAction && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     title: t('Open mode'),
     options: [{
@@ -226,7 +237,7 @@ export var ActionDesigner = function ActionDesigner(props) {
       label: t('All'),
       value: 'all'
     }],
-    value: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction === void 0 ? void 0 : _fieldSchema$xAction['updateMode'],
+    value: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction2 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction2 === void 0 ? void 0 : _fieldSchema$xAction2['updateMode'],
     onChange: function onChange(value) {
       fieldSchema['x-action-settings']['updateMode'] = value;
       dn.emit('patch', {
@@ -237,12 +248,12 @@ export var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction2 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction2 === void 0 ? void 0 : _fieldSchema$xAction2.assignedValues) && /*#__PURE__*/React.createElement(SchemaSettings.ActionModalItem, {
+  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction3 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction3 === void 0 ? void 0 : _fieldSchema$xAction3.assignedValues) && /*#__PURE__*/React.createElement(SchemaSettings.ActionModalItem, {
     title: t('Assign field values'),
     initialSchema: initialSchema,
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction3 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction3 === void 0 ? void 0 : _fieldSchema$xAction3.assignedValues,
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction4 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction4 === void 0 ? void 0 : _fieldSchema$xAction4.assignedValues,
     modalTip: tips[actionType],
-    uid: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction4 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction4 === void 0 ? void 0 : _fieldSchema$xAction4.schemaUid,
+    uid: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction5 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction5 === void 0 ? void 0 : _fieldSchema$xAction5.schemaUid,
     onSubmit: function onSubmit(assignedValues) {
       var _schema2;
 
@@ -252,10 +263,10 @@ export var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction5 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction5 === void 0 ? void 0 : _fieldSchema$xAction5.requestSettings) && /*#__PURE__*/React.createElement(SchemaSettings.ActionModalItem, {
+  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction6 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction6 === void 0 ? void 0 : _fieldSchema$xAction6.requestSettings) && /*#__PURE__*/React.createElement(SchemaSettings.ActionModalItem, {
     title: t('Request settings'),
     schema: requestSettingsSchema,
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction6 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction6 === void 0 ? void 0 : _fieldSchema$xAction6.requestSettings,
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction7 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction7 === void 0 ? void 0 : _fieldSchema$xAction7.requestSettings,
     onSubmit: function onSubmit(requestSettings) {
       var _schema3;
 
@@ -265,9 +276,9 @@ export var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction7 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction7 === void 0 ? void 0 : _fieldSchema$xAction7.skipValidator) && /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction8 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction8 === void 0 ? void 0 : _fieldSchema$xAction8.skipValidator) && /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
     title: t('Skip required validation'),
-    checked: !!(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction8 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction8 === void 0 ? void 0 : _fieldSchema$xAction8.skipValidator),
+    checked: !!(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction9 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction9 === void 0 ? void 0 : _fieldSchema$xAction9.skipValidator),
     onChange: function onChange(value) {
       var _schema4;
 
@@ -276,7 +287,7 @@ export var ActionDesigner = function ActionDesigner(props) {
         schema: (_schema4 = {}, _defineProperty(_schema4, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema4, 'x-action-settings', _objectSpread({}, fieldSchema['x-action-settings'])), _schema4)
       });
     }
-  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction9 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction9 === void 0 ? void 0 : _fieldSchema$xAction9['onSuccess']) && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+  }), isValid(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction10 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction10 === void 0 ? void 0 : _fieldSchema$xAction10['onSuccess']) && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
     title: {
       'customize:save': t('After successful save'),
       'customize:update': t('After successful update'),
@@ -284,7 +295,7 @@ export var ActionDesigner = function ActionDesigner(props) {
       'customize:form:request': t('After successful request'),
       'customize:bulkUpdate': t('After successful bulk update')
     }[actionType],
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction10 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction10 === void 0 ? void 0 : _fieldSchema$xAction10['onSuccess'],
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction11 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction11 === void 0 ? void 0 : _fieldSchema$xAction11['onSuccess'],
     schema: {
       type: 'object',
       title: {
@@ -353,6 +364,8 @@ export var ActionDesigner = function ActionDesigner(props) {
         schema: (_schema5 = {}, _defineProperty(_schema5, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema5, 'x-action-settings', fieldSchema['x-action-settings']), _schema5)
       });
     }
+  }), isChildCollectionAction && /*#__PURE__*/React.createElement(SchemaSettings.EnableChildCollections, {
+    collectionName: name
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: function breakRemoveOn(s) {

package/es/schema-component/antd/action/Action.js

@@ -1,4 +1,4 @@
-var _excluded = ["popover", "confirm", "containerRefKey", "component", "useAction", "className", "icon", "title"];
+var _excluded = ["popover", "confirm", "openMode", "containerRefKey", "component", "useAction", "className", "icon", "title"];
 
 var _templateObject, _templateObject2;
 
@@ -30,12 +30,13 @@ import { css } from '@emotion/css';
 import { observer, RecursionField, useField, useFieldSchema, useForm } from '@formily/react';
 import { Button, Modal, Popover } from 'antd';
 import classnames from 'classnames';
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useActionContext } from '../..';
 import { Icon } from '../../../icon';
 import { SortableItem } from '../../common';
-import { useCompile, useDesigner } from '../../hooks';
+import { useCompile, useComponent, useDesigner } from '../../hooks';
 import { useProps } from '../../hooks/useProps';
+import { useRecord } from '../../../record-provider';
 import ActionContainer from './Action.Container';
 import { ActionDesigner } from './Action.Designer';
 import { ActionDrawer } from './Action.Drawer';
@@ -44,12 +45,15 @@ import { ActionModal } from './Action.Modal';
 import { ActionPage } from './Action.Page';
 import { ActionContext } from './context';
 import { useA } from './hooks';
+import { useDesignable } from '../../';
+import { linkageAction } from './utils';
 export var actionDesignerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
 export var Action = observer(function (props) {
   var _fieldSchema$xCompon, _fieldSchema$xCompon2;
 
   var popover = props.popover,
       confirm = props.confirm,
+      om = props.openMode,
       containerRefKey = props.containerRefKey,
       component = props.component,
       _props$useAction = props.useAction,
@@ -81,13 +85,29 @@ export var Action = observer(function (props) {
   var fieldSchema = useFieldSchema();
   var compile = useCompile();
   var form = useForm();
+  var values = useRecord();
   var designerProps = fieldSchema['x-designer-props'];
   var openMode = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['openMode'];
   var disabled = form.disabled || field.disabled;
   var openSize = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : _fieldSchema$xCompon2['openSize'];
+  var linkageRules = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-linkage-rules']) || [];
+
+  var _useDesignable = useDesignable(),
+      designable = _useDesignable.designable;
+
+  var tarComponent = useComponent(component) || component;
+  useEffect(function () {
+    linkageRules.map(function (v) {
+      var _v$actions;
+
+      return (_v$actions = v.actions) === null || _v$actions === void 0 ? void 0 : _v$actions.map(function (h) {
+        linkageAction(h.operator, field, v.condition, values, designable);
+      });
+    });
+  }, [linkageRules]);
 
   var renderButton = function renderButton() {
-    var _field$data;
+    var _field$data, _field$data2;
 
     return /*#__PURE__*/React.createElement(SortableItem, _objectSpread(_objectSpread({}, others), {}, {
       loading: field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.loading,
@@ -95,6 +115,9 @@ export var Action = observer(function (props) {
         type: icon
       }),
       disabled: disabled,
+      style: {
+        border: (field === null || field === void 0 ? void 0 : (_field$data2 = field.data) === null || _field$data2 === void 0 ? void 0 : _field$data2.hidden) && '1px dashed #ede9e9'
+      },
       onClick: function onClick(e) {
         if (!disabled) {
           e.preventDefault();
@@ -115,7 +138,7 @@ export var Action = observer(function (props) {
           }
         }
       },
-      component: component || Button,
+      component: tarComponent || Button,
       className: classnames(className, actionDesignerCss)
     }), title || compile(fieldSchema.title), /*#__PURE__*/React.createElement(Designer, _objectSpread({}, designerProps)));
   };

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

@@ -1,2 +1,3 @@
 import type { ISchema } from '@formily/react';
 export declare const requestSettingsSchema: ISchema;
+export declare const linkageAction: (operator: any, field: any, condition: any, values: any, designable: any) => any;

package/es/schema-component/antd/action/utils.js

@@ -1,3 +1,6 @@
+import { last } from 'lodash';
+import { conditionAnalyse } from '../../common/utils/uitls';
+import { ActionType } from '../../../schema-settings/LinkageRules/type';
 var validateJSON = {
   validator: "{{(value, rule)=> {\n    if (!value) {\n      return '';\n    }\n    try {\n      const val = JSON.parse(value);\n      if(!isNaN(val)) {\n        return false;\n      }\n      return true;\n    } catch(error) {\n      console.error(error);\n      return false;\n    }\n  }}}",
   message: '{{t("Invalid JSON format")}}'
@@ -57,4 +60,50 @@ export var requestSettingsSchema = {
       'x-validator': validateJSON
     }
   }
+};
+export var linkageAction = function linkageAction(operator, field, condition, values, designable) {
+  var displayResult = [field.display];
+  var disableResult = [field.disabled];
+
+  switch (operator) {
+    case ActionType.Visible:
+      if (conditionAnalyse(condition, values)) {
+        displayResult.push(operator);
+      }
+
+      field.display = last(displayResult);
+      break;
+
+    case ActionType.Hidden:
+      if (conditionAnalyse(condition, values)) {
+        if (!designable) {
+          displayResult.push(operator);
+        } else {
+          field.data = field.data || {};
+          field.data.hidden = true;
+        }
+      }
+
+      field.display = last(displayResult);
+      break;
+
+    case ActionType.Disabled:
+      if (conditionAnalyse(condition, values)) {
+        disableResult.push(true);
+      }
+
+      field.disabled = last(disableResult);
+      break;
+
+    case ActionType.Active:
+      if (conditionAnalyse(condition, values)) {
+        disableResult.push(false);
+      }
+
+      field.disabled = last(disableResult);
+      break;
+
+    default:
+      return null;
+  }
 };

package/es/schema-component/antd/association-filter/AssociationFilter.js

@@ -8,7 +8,7 @@ import cls from 'classnames';
 import React from 'react';
 import { useCollection } from '../../../collection-manager';
 import { useSchemaInitializer } from '../../../schema-initializer';
-import { SortableItem } from '../../common';
+import { DndContext, SortableItem } from '../../common';
 import { useDesigner } from '../../hooks';
 import { AssociationFilterInitializer } from './AssociationFilter.Initializer';
 import { AssociationFilterItem } from './AssociationFilter.Item';
@@ -21,9 +21,9 @@ export var AssociationFilter = function AssociationFilter(props) {
       exists = _useSchemaInitializer.exists,
       render = _useSchemaInitializer.render;
 
-  return /*#__PURE__*/React.createElement(SortableItem, {
-    className: cls('nb-block-item', props.className, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\n            }\n          }\n          > .general-schema-designer {\n            position: absolute;\n            z-index: 999;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            display: none;\n            border: 2px solid rgba(241, 139, 98, 0.3);\n            pointer-events: none;\n            > .general-schema-designer-icons {\n              position: absolute;\n              right: 2px;\n              top: 2px;\n              line-height: 16px;\n              pointer-events: all;\n              .ant-space-item {\n                background-color: #f18b62;\n                color: #fff;\n                line-height: 16px;\n                width: 16px;\n                padding-left: 1px;\n              }\n            }\n          }\n        "]))))
-  }, /*#__PURE__*/React.createElement(Designer, null), props.children, render());
+  return /*#__PURE__*/React.createElement(DndContext, null, /*#__PURE__*/React.createElement(SortableItem, {
+    className: cls('nb-block-item', props.className, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            position: relative;\n            &:hover {\n              > .general-schema-designer {\n                display: block;\n              }\n            }\n            &.nb-form-item:hover {\n              > .general-schema-designer {\n                background: rgba(241, 139, 98, 0.06) !important;\n                border: 0 !important;\n                top: -5px !important;\n                bottom: -5px !important;\n                left: -5px !important;\n                right: -5px !important;\n              }\n            }\n            > .general-schema-designer {\n              position: absolute;\n              z-index: 999;\n              top: 0;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              display: none;\n              border: 2px solid rgba(241, 139, 98, 0.3);\n              pointer-events: none;\n              > .general-schema-designer-icons {\n                position: absolute;\n                right: 2px;\n                top: 2px;\n                line-height: 16px;\n                pointer-events: all;\n                .ant-space-item {\n                  background-color: #f18b62;\n                  color: #fff;\n                  line-height: 16px;\n                  width: 16px;\n                  padding-left: 1px;\n                }\n              }\n            }\n          "]))))
+  }, /*#__PURE__*/React.createElement(Designer, null), props.children, render()));
 };
 AssociationFilter.Initializer = AssociationFilterInitializer;
 AssociationFilter.Item = AssociationFilterItem;

package/es/schema-component/antd/association-select/AssociationSelect.d.ts

@@ -4,9 +4,9 @@ export declare type AssociationSelectProps<P = any> = RemoteSelectProps<P> & {
     action?: string;
     multiple?: boolean;
 };
-interface RemoteSelectInterface {
+interface AssociationSelectInterface {
     (props: any): React.ReactElement;
     Designer: React.FC;
 }
-export declare const AssociationSelect: RemoteSelectInterface;
+export declare const AssociationSelect: AssociationSelectInterface;
 export default AssociationSelect;

package/es/schema-component/antd/association-select/useServiceOptions.js

@@ -4,25 +4,66 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 import { useFieldSchema } from '@formily/react';
-import { useMemo } from 'react';
-import { useCollection } from '../../../collection-manager';
+import { useCallback, useMemo } from 'react';
+import { mergeFilter } from '../../../block-provider/SharedFilterProvider';
+import { useCollection, useCollectionManager } from '../../../collection-manager';
+import { useRecord } from '../../../record-provider';
 export default function useServiceOptions(props) {
   var _props$action = props.action,
       action = _props$action === void 0 ? 'list' : _props$action,
-      service = props.service;
+      service = props.service,
+      fieldNames = props.fieldNames;
+  var params = (service === null || service === void 0 ? void 0 : service.params) || {};
   var fieldSchema = useFieldSchema();
 
   var _useCollection = useCollection(),
       getField = _useCollection.getField;
 
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var record = useRecord();
+  var normalizeValues = useCallback(function (obj) {
+    if (obj && _typeof(obj) === 'object') {
+      return obj[fieldNames.value];
+    }
+
+    return obj;
+  }, [fieldNames.value]);
+  var value = useMemo(function () {
+    if (props.value === undefined || props.value === null) {
+      return;
+    }
+
+    if (Array.isArray(props.value)) {
+      return props.value.map(normalizeValues);
+    } else {
+      return [normalizeValues(props.value)];
+    }
+  }, [props.value, normalizeValues]);
   var collectionField = useMemo(function () {
     return getField(fieldSchema.name);
   }, [fieldSchema.name]);
+  var sourceValue = record === null || record === void 0 ? void 0 : record[collectionField === null || collectionField === void 0 ? void 0 : collectionField.sourceKey];
+  var filter = useMemo(function () {
+    var isOToAny = ['oho', 'o2m'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+    return mergeFilter([mergeFilter([isOToAny ? _defineProperty({}, collectionField.foreignKey, {
+      $is: null
+    }) : null, params === null || params === void 0 ? void 0 : params.filter]), isOToAny && sourceValue !== undefined && sourceValue !== null ? _defineProperty({}, collectionField.foreignKey, {
+      $eq: sourceValue
+    }) : null, (params === null || params === void 0 ? void 0 : params.filter) && value ? _defineProperty({}, fieldNames.value, _defineProperty({}, '$in', value)) : null], '$or');
+  }, [params === null || params === void 0 ? void 0 : params.filter, getCollectionFields, collectionField, sourceValue, value, fieldNames.value]);
   return useMemo(function () {
-    return _objectSpread({
+    return _objectSpread(_objectSpread({
       resource: collectionField === null || collectionField === void 0 ? void 0 : collectionField.target,
       action: action
-    }, service);
-  }, [collectionField === null || collectionField === void 0 ? void 0 : collectionField.target, action, service]);
+    }, service), {}, {
+      params: _objectSpread(_objectSpread({}, service === null || service === void 0 ? void 0 : service.params), {}, {
+        filter: filter
+      })
+    });
+  }, [collectionField === null || collectionField === void 0 ? void 0 : collectionField.target, action, filter, service]);
 }