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

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 } 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,25 @@ export var ActionDesigner = function ActionDesigner(props) {
   var field = useField();
   var fieldSchema = useFieldSchema();
 
+  var _useCollection = useCollection(),
+      name = _useCollection.name;
+
   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;
   useEffect(function () {
     var schemaUid = uid();
     var schema = {
@@ -160,6 +165,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 +233,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 +244,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 +259,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 +272,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 +283,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 +291,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: {

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 { 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,28 @@ 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;
+
+  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 +114,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();

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]);
 }

package/es/schema-component/antd/calendar/Calendar.Designer.js

@@ -7,45 +7,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { useField, useFieldSchema } from '@formily/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useCompile, useDesignable } from '../..';
+import { useDesignable } from '../..';
 import { useCalendarBlockContext } from '../../../block-provider';
-import { useCollection } from '../../../collection-manager';
+import { useCollection, useCollectionManager } from '../../../collection-manager';
 import { useCollectionFilterOptions } from '../../../collection-manager/action-hooks';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { useSchemaTemplate } from '../../../schema-templates';
-
-var useOptions = function useOptions() {
-  var _fields$filter;
-
-  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'string';
-  var compile = useCompile();
-
-  var _useCollection = useCollection(),
-      fields = _useCollection.fields;
-
-  var options = fields === null || fields === void 0 ? void 0 : (_fields$filter = fields.filter(function (field) {
-    return field.type === type;
-  })) === null || _fields$filter === void 0 ? void 0 : _fields$filter.map(function (field) {
-    var _field$uiSchema;
-
-    return {
-      value: field.name,
-      label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title)
-    };
-  });
-  return options;
-};
-
 export var CalendarDesigner = function CalendarDesigner() {
   var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3;
 
   var field = useField();
   var fieldSchema = useFieldSchema();
 
-  var _useCollection2 = useCollection(),
-      name = _useCollection2.name,
-      title = _useCollection2.title,
-      fields = _useCollection2.fields;
+  var _useCollection = useCollection(),
+      name = _useCollection.name,
+      title = _useCollection.title;
+
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionFieldsOptions = _useCollectionManager.getCollectionFieldsOptions;
 
   var dataSource = useCollectionFilterOptions(name);
 
@@ -55,8 +34,6 @@ export var CalendarDesigner = function CalendarDesigner() {
   var _useDesignable = useDesignable(),
       dn = _useDesignable.dn;
 
-  var compile = useCompile();
-
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
@@ -70,7 +47,7 @@ export var CalendarDesigner = function CalendarDesigner() {
   }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     title: t('Title field'),
     value: fieldNames.title,
-    options: useOptions('string'),
+    options: getCollectionFieldsOptions(name, 'string'),
     onChange: function onChange(title) {
       var _schema;
 
@@ -99,10 +76,12 @@ export var CalendarDesigner = function CalendarDesigner() {
       });
       dn.refresh();
     }
-  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+  }), /*#__PURE__*/React.createElement(SchemaSettings.CascaderItem, {
     title: t('Start date field'),
     value: fieldNames.start,
-    options: useOptions('date'),
+    options: getCollectionFieldsOptions(name, 'date', {
+      association: ['o2o', 'obo', 'oho', 'm2o']
+    }),
     onChange: function onChange(start) {
       var _schema3;
 
@@ -116,10 +95,12 @@ export var CalendarDesigner = function CalendarDesigner() {
       });
       dn.refresh();
     }
-  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+  }), /*#__PURE__*/React.createElement(SchemaSettings.CascaderItem, {
     title: t('End date field'),
     value: fieldNames.end,
-    options: useOptions('date'),
+    options: getCollectionFieldsOptions(name, 'date', {
+      association: ['o2o', 'obo', 'oho', 'm2o']
+    }),
     onChange: function onChange(end) {
       var _schema4;
 

package/es/schema-component/antd/checkbox/Checkbox.js

@@ -4,7 +4,7 @@ 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; }
 
-import { CheckOutlined } from '@ant-design/icons';
+import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
 import { connect, mapProps, mapReadPretty, useField } from '@formily/react';
 import { isValid } from '@formily/shared';
 import { Checkbox as AntdCheckbox, Tag } from 'antd';
@@ -21,17 +21,18 @@ export var Checkbox = connect(function (props) {
 }, mapProps({
   value: 'checked',
   onInput: 'onChange'
-}, function (props, field) {
-  // console.log({ props, field });
-  return _objectSpread({}, props);
 }), mapReadPretty(function (props) {
-  if (!isValid(props.value)) {
-    return null;
+  if (props.value) {
+    return /*#__PURE__*/React.createElement(CheckOutlined, {
+      style: {
+        color: '#52c41a'
+      }
+    });
   }
 
-  return props.value ? /*#__PURE__*/React.createElement(CheckOutlined, {
+  return props.showUnchecked ? /*#__PURE__*/React.createElement(CloseOutlined, {
     style: {
-      color: '#52c41a'
+      color: '#ff4d4f'
     }
   }) : null;
 }));

package/es/schema-component/antd/date-picker/util.d.ts

@@ -5,4 +5,4 @@ export interface Moment2strOptions {
     picker?: 'year' | 'month' | 'week' | 'quarter';
 }
 export declare const moment2str: (value?: moment.Moment | moment.Moment[], options?: Moment2strOptions) => string | string[] | moment.Moment | moment.Moment[];
-export declare const mapDateFormat: () => (props: any) => any;
+export declare const mapDateFormat: () => (props: any, field: any) => any;

package/es/schema-component/antd/date-picker/util.js

@@ -60,7 +60,7 @@ export var moment2str = function moment2str(value) {
   return toGmtByPicker(value, picker);
 };
 export var mapDateFormat = function mapDateFormat() {
-  return function (props) {
+  return function (props, field) {
     var format = getDefaultFormat(props);
     var _onChange = props.onChange;
     return _objectSpread(_objectSpread({}, props), {}, {