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

package/lib/schema-settings/LinkageRules/type.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionType = void 0;
+var ActionType;
+exports.ActionType = ActionType;
+
+(function (ActionType) {
+  ActionType["Visible"] = "visible";
+  ActionType["Editable"] = "editable";
+  ActionType["ReadOnly"] = "disabled";
+  ActionType["ReadPretty"] = "readPretty";
+  ActionType["None"] = "none";
+  ActionType["Hidden"] = "hidden";
+  ActionType["Required"] = "required";
+  ActionType["InRequired"] = "notRequired";
+  ActionType["Disabled"] = "disabled";
+  ActionType["Value"] = "value";
+  ActionType["Active"] = "enabled";
+})(ActionType || (exports.ActionType = ActionType = {}));

package/lib/schema-settings/LinkageRules/useValues.d.ts

@@ -0,0 +1 @@
+export declare const useValues: (options: any) => any;

package/lib/schema-settings/LinkageRules/useValues.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValues = void 0;
+
+var _react = require("@formily/react");
+
+var _react2 = require("react");
+
+var _context = require("./context");
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+var findOption = function findOption() {
+  var _dataIndex$forEach;
+
+  var dataIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var options = arguments.length > 1 ? arguments[1] : undefined;
+  var items = options;
+  var option;
+  dataIndex === null || dataIndex === void 0 ? void 0 : (_dataIndex$forEach = dataIndex.forEach) === null || _dataIndex$forEach === void 0 ? void 0 : _dataIndex$forEach.call(dataIndex, function (name, index) {
+    var item = items.find(function (v) {
+      return v.name === name;
+    });
+
+    if (item) {
+      option = item;
+    }
+
+    items = (item === null || item === void 0 ? void 0 : item.children) || [];
+  });
+  return option;
+};
+
+var useValues = function useValues(options) {
+  var field = (0, _react.useField)();
+  var logic = (0, _react2.useContext)(_context.FilterLogicContext);
+
+  var value2data = function value2data() {
+    var _field$initialValue;
+
+    field.data = _objectSpread({}, field.initialValue);
+    var dataIndex = (_field$initialValue = field.initialValue) === null || _field$initialValue === void 0 ? void 0 : _field$initialValue.targetFields;
+    var option = dataIndex && findOption(dataIndex, options) || {};
+    var operators = (option === null || option === void 0 ? void 0 : option.operators) || [];
+    field.data.operators = operators;
+    field.data.schema = option === null || option === void 0 ? void 0 : option.schema;
+  };
+
+  (0, _react2.useEffect)(value2data, [logic]);
+  return _objectSpread(_objectSpread({
+    fields: options
+  }, field.data), {}, {
+    setDataIndex: function setDataIndex(dataIndex) {
+      var option = findOption(dataIndex, options);
+      field.data = field.data || {};
+      var operators = option === null || option === void 0 ? void 0 : option.operators;
+      field.data.operators = operators === null || operators === void 0 ? void 0 : operators.filter(function (v) {
+        // if (dataIndex.length > 1) {
+        //   return v.value !== 'value';
+        // }
+        return true;
+      });
+      field.data.schema = option === null || option === void 0 ? void 0 : option.schema;
+      field.value = field.value || [];
+      field.data.operator = undefined;
+      field.data.value = undefined;
+      field.value = _objectSpread(_objectSpread({}, field.value), {}, {
+        targetFields: dataIndex,
+        operator: undefined,
+        value: undefined
+      });
+    },
+    setOperator: function setOperator(operatorValue) {
+      field.data.operator = operatorValue;
+      field.value = _objectSpread(_objectSpread({}, field.value), {}, {
+        operator: operatorValue
+      });
+    },
+    setValue: function setValue(value) {
+      field.data.value = value;
+      field.value = _objectSpread(_objectSpread({}, field.value), {}, {
+        value: value
+      });
+    }
+  });
+};
+
+exports.useValues = useValues;

package/lib/schema-settings/SchemaSettings.d.ts

@@ -1,6 +1,6 @@
 import { GeneralField } from '@formily/core';
 import { ISchema, Schema } from '@formily/react';
-import { MenuItemProps } from 'antd';
+import { CascaderProps, MenuItemProps } from 'antd';
 import React from 'react';
 import { Designable } from '..';
 interface SchemaSettingsProps {
@@ -32,6 +32,9 @@ declare type SchemaSettingsNested = {
         schema?: ISchema;
     }>;
     SwitchItem?: React.FC<SwitchItemProps>;
+    CascaderItem?: React.FC<CascaderProps<any> & Omit<MenuItemProps, 'title'> & {
+        title: any;
+    }>;
     [key: string]: any;
 };
 interface SchemaSettingsProviderProps {

package/lib/schema-settings/SchemaSettings.js

@@ -15,41 +15,48 @@ var _core = require("@formily/core");
 
 var _react = require("@formily/react");
 
+var _lodash = _interopRequireWildcard(require("lodash"));
+
 var _shared = require("@formily/shared");
 
 var _antd2 = require("antd");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _lodash = require("lodash");
-
 var _react2 = _interopRequireWildcard(require("react"));
 
 var _reactDom = require("react-dom");
 
 var _reactI18next = require("react-i18next");
 
-var _ = require("..");
+var _2 = require("..");
 
 var _schemaTemplates = require("../schema-templates");
 
 var _BlockTemplate = require("../schema-templates/BlockTemplate");
 
+var _LinkageRules = require("./LinkageRules");
+
+var _actionHooks = require("./LinkageRules/action-hooks");
+
 var _templateObject;
 
 var _excluded = ["children", "fieldSchema"],
     _excluded2 = ["title", "dn"],
     _excluded3 = ["title", "options", "value", "onChange"],
-    _excluded4 = ["title", "onChange"],
-    _excluded5 = ["schema"],
-    _excluded6 = ["title", "onSubmit", "initialValues", "initialSchema", "schema", "modalTip", "components"],
-    _excluded7 = ["hidden", "title", "components", "scope", "effects", "schema", "onSubmit", "asyncGetInitialValues", "initialValues"];
+    _excluded4 = ["title", "options", "value", "onChange"],
+    _excluded5 = ["title", "onChange"],
+    _excluded6 = ["schema"],
+    _excluded7 = ["title", "onSubmit", "initialValues", "initialSchema", "schema", "modalTip", "components"],
+    _excluded8 = ["hidden", "title", "components", "scope", "effects", "schema", "onSubmit", "asyncGetInitialValues", "initialValues", "width"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -95,7 +102,7 @@ var SchemaSettingsProvider = function SchemaSettingsProvider(props) {
   var _useSchemaTemplateMan = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateBySchema = _useSchemaTemplateMan.getTemplateBySchema;
 
-  var _useCollection = (0, _.useCollection)(),
+  var _useCollection = (0, _2.useCollection)(),
       name = _useCollection.name;
 
   var template = getTemplateBySchema(fieldSchema);
@@ -150,13 +157,17 @@ SchemaSettings.Template = function (props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
+  var _useCollectionManager = (0, _2.useCollectionManager)(),
+      getCollection = _useCollectionManager.getCollection;
+
   var _useSchemaSettings = useSchemaSettings(),
       dn = _useSchemaSettings.dn,
       setVisible = _useSchemaSettings.setVisible,
       template = _useSchemaSettings.template,
       fieldSchema = _useSchemaSettings.fieldSchema;
 
-  var api = (0, _.useAPIClient)();
+  var compile = (0, _2.useCompile)();
+  var api = (0, _2.useAPIClient)();
 
   var _useBlockTemplateCont = (0, _BlockTemplate.useBlockTemplateContext)(),
       tdn = _useBlockTemplateCont.dn;
@@ -226,18 +237,19 @@ SchemaSettings.Template = function (props) {
   return /*#__PURE__*/_react2.default.createElement(SchemaSettings.Item, {
     onClick: function () {
       var _onClick2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var values, sdn, _yield$saveAsTemplate, key;
+        var _getCollection, title, values, sdn, _yield$saveAsTemplate, key;
 
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
                 setVisible(false);
-                _context3.next = 3;
+                _getCollection = getCollection(collectionName), title = _getCollection.title;
+                _context3.next = 4;
                 return (0, _antd.FormDialog)(t('Save as template'), function () {
                   return /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
                     layout: 'vertical'
-                  }, /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+                  }, /*#__PURE__*/_react2.default.createElement(_2.SchemaComponent, {
                     components: {
                       Input: _antd.Input,
                       FormItem: _antd.FormItem
@@ -248,6 +260,7 @@ SchemaSettings.Template = function (props) {
                         name: {
                           title: t('Template name'),
                           required: true,
+                          default: "".concat(compile(title), "_").concat(t(componentName)),
                           'x-decorator': 'FormItem',
                           'x-component': 'Input'
                         }
@@ -256,16 +269,16 @@ SchemaSettings.Template = function (props) {
                   }));
                 }).open({});
 
-              case 3:
+              case 4:
                 values = _context3.sent;
-                sdn = (0, _.createDesignable)({
+                sdn = (0, _2.createDesignable)({
                   t: t,
                   api: api,
                   refresh: dn.refresh.bind(dn),
                   current: fieldSchema.parent
                 });
                 sdn.loadAPIClientEvents();
-                _context3.next = 8;
+                _context3.next = 9;
                 return saveAsTemplate({
                   collectionName: collectionName,
                   resourceName: resourceName,
@@ -274,7 +287,7 @@ SchemaSettings.Template = function (props) {
                   uid: fieldSchema['x-uid']
                 });
 
-              case 8:
+              case 9:
                 _yield$saveAsTemplate = _context3.sent;
                 key = _yield$saveAsTemplate.key;
                 sdn.removeWithoutEmit(fieldSchema);
@@ -286,7 +299,7 @@ SchemaSettings.Template = function (props) {
                   }
                 });
 
-              case 12:
+              case 13:
               case "end":
                 return _context3.stop();
             }
@@ -307,7 +320,7 @@ var findGridSchema = function findGridSchema(fieldSchema) {
   return fieldSchema.reduceProperties(function (buf, s) {
     if (s['x-component'] === 'FormV2') {
       var f = s.reduceProperties(function (buf, s) {
-        if (s['x-component'] === 'Grid') {
+        if (s['x-component'] === 'Grid' || s['x-component'] === 'BlockTemplate') {
           return s;
         }
 
@@ -353,13 +366,18 @@ SchemaSettings.FormItemTemplate = function (props) {
   var _useTranslation2 = (0, _reactI18next.useTranslation)(),
       t = _useTranslation2.t;
 
+  var compile = (0, _2.useCompile)();
+
+  var _useCollectionManager2 = (0, _2.useCollectionManager)(),
+      getCollection = _useCollectionManager2.getCollection;
+
   var _useSchemaSettings2 = useSchemaSettings(),
       dn = _useSchemaSettings2.dn,
       setVisible = _useSchemaSettings2.setVisible,
       template = _useSchemaSettings2.template,
       fieldSchema = _useSchemaSettings2.fieldSchema;
 
-  var api = (0, _.useAPIClient)();
+  var api = (0, _2.useAPIClient)();
 
   var _useSchemaTemplateMan3 = (0, _schemaTemplates.useSchemaTemplateManager)(),
       saveAsTemplate = _useSchemaTemplateMan3.saveAsTemplate,
@@ -384,7 +402,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                 case 2:
                   schema = _context5.sent;
                   templateSchema = findBlockTemplateSchema(fieldSchema);
-                  sdn = (0, _.createDesignable)({
+                  sdn = (0, _2.createDesignable)({
                     t: t,
                     api: api,
                     refresh: dn.refresh.bind(dn),
@@ -447,19 +465,24 @@ SchemaSettings.FormItemTemplate = function (props) {
   return /*#__PURE__*/_react2.default.createElement(SchemaSettings.Item, {
     onClick: function () {
       var _onClick4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-        var gridSchema, values, sdn, _yield$saveAsTemplate2, key;
+        var _getCollection2, title, gridSchema, values, sdn, _yield$saveAsTemplate2, key;
 
         return regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) {
             switch (_context6.prev = _context6.next) {
               case 0:
                 setVisible(false);
+                _getCollection2 = getCollection(collectionName), title = _getCollection2.title;
                 gridSchema = findGridSchema(fieldSchema);
-                _context6.next = 4;
+                _context6.next = 5;
                 return (0, _antd.FormDialog)(t('Save as template'), function () {
+                  var componentTitle = {
+                    FormItem: t('Form'),
+                    ReadPrettyFormItem: t('Details')
+                  };
                   return /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
                     layout: 'vertical'
-                  }, /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+                  }, /*#__PURE__*/_react2.default.createElement(_2.SchemaComponent, {
                     components: {
                       Input: _antd.Input,
                       FormItem: _antd.FormItem
@@ -470,6 +493,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                         name: {
                           title: t('Template name'),
                           required: true,
+                          default: "".concat(compile(title), "_").concat(componentTitle[componentName] || componentName),
                           'x-decorator': 'FormItem',
                           'x-component': 'Input'
                         }
@@ -478,16 +502,16 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }));
                 }).open({});
 
-              case 4:
+              case 5:
                 values = _context6.sent;
-                sdn = (0, _.createDesignable)({
+                sdn = (0, _2.createDesignable)({
                   t: t,
                   api: api,
                   refresh: dn.refresh.bind(dn),
                   current: gridSchema.parent
                 });
                 sdn.loadAPIClientEvents();
-                _context6.next = 9;
+                _context6.next = 10;
                 return saveAsTemplate({
                   collectionName: collectionName,
                   resourceName: resourceName,
@@ -496,7 +520,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   uid: gridSchema['x-uid']
                 });
 
-              case 9:
+              case 10:
                 _yield$saveAsTemplate2 = _context6.sent;
                 key = _yield$saveAsTemplate2.key;
                 sdn.removeWithoutEmit(gridSchema);
@@ -508,7 +532,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
                 fieldSchema['x-template-key'] = key;
-                _context6.next = 16;
+                _context6.next = 17;
                 return api.request({
                   url: "uiSchemas:patch",
                   method: 'post',
@@ -518,7 +542,7 @@ SchemaSettings.FormItemTemplate = function (props) {
                   }
                 });
 
-              case 16:
+              case 17:
               case "end":
                 return _context6.stop();
             }
@@ -641,11 +665,36 @@ SchemaSettings.SelectItem = function (props) {
   })));
 };
 
-SchemaSettings.SwitchItem = function (props) {
+SchemaSettings.CascaderItem = function (props) {
   var title = props.title,
+      options = props.options,
+      value = props.value,
       onChange = props.onChange,
       others = _objectWithoutProperties(props, _excluded4);
 
+  return /*#__PURE__*/_react2.default.createElement(SchemaSettings.Item, _objectSpread({}, others), /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      alignItems: 'center',
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, title, /*#__PURE__*/_react2.default.createElement(_antd2.Cascader, {
+    bordered: false,
+    defaultValue: value,
+    onChange: onChange,
+    options: options,
+    style: {
+      textAlign: 'right',
+      minWidth: 100
+    }
+  })));
+};
+
+SchemaSettings.SwitchItem = function (props) {
+  var title = props.title,
+      onChange = props.onChange,
+      others = _objectWithoutProperties(props, _excluded5);
+
   var _useState3 = (0, _react2.useState)(!!props.checked),
       _useState4 = _slicedToArray(_useState3, 2),
       checked = _useState4[0],
@@ -673,7 +722,7 @@ SchemaSettings.SwitchItem = function (props) {
 
 SchemaSettings.PopupItem = function (props) {
   var schema = props.schema,
-      others = _objectWithoutProperties(props, _excluded5);
+      others = _objectWithoutProperties(props, _excluded6);
 
   var _useState5 = (0, _react2.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -681,8 +730,8 @@ SchemaSettings.PopupItem = function (props) {
       setVisible = _useState6[1];
 
   var ctx = (0, _react2.useContext)(SchemaSettingsContext);
-  var actx = (0, _.useActionContext)();
-  return /*#__PURE__*/_react2.default.createElement(_.ActionContext.Provider, {
+  var actx = (0, _2.useActionContext)();
+  return /*#__PURE__*/_react2.default.createElement(_2.ActionContext.Provider, {
     value: {
       visible: visible,
       setVisible: setVisible
@@ -693,7 +742,7 @@ SchemaSettings.PopupItem = function (props) {
       ctx.setVisible(false);
       setVisible(true);
     }
-  }), props.children || props.title), /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+  }), props.children || props.title), /*#__PURE__*/_react2.default.createElement(_2.SchemaComponent, {
     schema: _objectSpread({
       name: (0, _shared.uid)()
     }, schema)
@@ -708,7 +757,7 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
       schema = props.schema,
       modalTip = props.modalTip,
       components = props.components,
-      others = _objectWithoutProperties(props, _excluded6);
+      others = _objectWithoutProperties(props, _excluded7);
 
   var _useState7 = (0, _react2.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
@@ -729,8 +778,8 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
   var _useSchemaSettings4 = useSchemaSettings(),
       dn = _useSchemaSettings4.dn;
 
-  var compile = (0, _.useCompile)();
-  var api = (0, _.useAPIClient)();
+  var compile = (0, _2.useCompile)();
+  var api = (0, _2.useAPIClient)();
   var form = (0, _react2.useMemo)(function () {
     return (0, _core.createForm)({
       initialValues: (0, _lodash.cloneDeep)(initialValues),
@@ -833,17 +882,17 @@ SchemaSettings.ActionModalItem = /*#__PURE__*/_react2.default.memo(function (pro
       type: "primary",
       onClick: submitHandler
     }, t('Submit')))
-  }), /*#__PURE__*/_react2.default.createElement(_.FormProvider, {
+  }), /*#__PURE__*/_react2.default.createElement(_2.FormProvider, {
     form: form
   }, /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
     layout: 'vertical'
   }, modalTip && /*#__PURE__*/_react2.default.createElement(_antd2.Alert, {
     message: modalTip
-  }), modalTip && /*#__PURE__*/_react2.default.createElement("br", null), visible && schemaUid && /*#__PURE__*/_react2.default.createElement(_.RemoteSchemaComponent, {
+  }), modalTip && /*#__PURE__*/_react2.default.createElement("br", null), visible && schemaUid && /*#__PURE__*/_react2.default.createElement(_2.RemoteSchemaComponent, {
     noForm: true,
     components: components,
     uid: schemaUid
-  }), visible && schema && /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+  }), visible && schema && /*#__PURE__*/_react2.default.createElement(_2.SchemaComponent, {
     components: components,
     schema: schema
   }))))), document.body));
@@ -859,10 +908,11 @@ SchemaSettings.ModalItem = function (props) {
       onSubmit = props.onSubmit,
       asyncGetInitialValues = props.asyncGetInitialValues,
       initialValues = props.initialValues,
-      others = _objectWithoutProperties(props, _excluded7);
+      width = props.width,
+      others = _objectWithoutProperties(props, _excluded8);
 
   var options = (0, _react2.useContext)(_react.SchemaOptionsContext);
-  var cm = (0, _react2.useContext)(_.CollectionManagerContext);
+  var cm = (0, _react2.useContext)(_2.CollectionManagerContext);
 
   if (hidden) {
     return null;
@@ -894,15 +944,18 @@ SchemaSettings.ModalItem = function (props) {
 
               case 7:
                 values = _context9.t0;
-                (0, _antd.FormDialog)(schema.title || title, function () {
-                  return /*#__PURE__*/_react2.default.createElement(_.CollectionManagerContext.Provider, {
+                (0, _antd.FormDialog)({
+                  title: schema.title || title,
+                  width: width
+                }, function () {
+                  return /*#__PURE__*/_react2.default.createElement(_2.CollectionManagerContext.Provider, {
                     value: cm
-                  }, /*#__PURE__*/_react2.default.createElement(_.SchemaComponentOptions, {
+                  }, /*#__PURE__*/_react2.default.createElement(_2.SchemaComponentOptions, {
                     scope: options.scope,
                     components: options.components
                   }, /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
                     layout: 'vertical'
-                  }, /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
+                  }, /*#__PURE__*/_react2.default.createElement(_2.SchemaComponent, {
                     components: components,
                     scope: scope,
                     schema: schema
@@ -937,7 +990,7 @@ SchemaSettings.BlockTitleItem = function () {
   var field = (0, _react.useField)();
   var fieldSchema = (0, _react.useFieldSchema)();
 
-  var _useDesignable = (0, _.useDesignable)(),
+  var _useDesignable = (0, _2.useDesignable)(),
       dn = _useDesignable.dn;
 
   var _useTranslation5 = (0, _reactI18next.useTranslation)(),
@@ -972,4 +1025,79 @@ SchemaSettings.BlockTitleItem = function () {
       dn.refresh();
     }
   });
+};
+
+SchemaSettings.LinkageRules = function (props) {
+  var collectionName = props.collectionName;
+  var fieldSchema = (0, _react.useFieldSchema)();
+
+  var _useDesignable2 = (0, _2.useDesignable)(),
+      dn = _useDesignable2.dn;
+
+  var _useTranslation6 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation6.t;
+
+  var _useSchemaTemplateMan4 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateById = _useSchemaTemplateMan4.getTemplateById;
+
+  var type = fieldSchema['x-component'] === 'Action' ? 'button' : 'field';
+  var gridSchema = findGridSchema(fieldSchema) || fieldSchema;
+  return /*#__PURE__*/_react2.default.createElement(SchemaSettings.ModalItem, {
+    title: t('Linkage rules'),
+    components: {
+      ArrayCollapse: _antd.ArrayCollapse,
+      FormLayout: _antd.FormLayout
+    },
+    width: 750,
+    schema: {
+      type: 'object',
+      title: t('Linkage rules'),
+      properties: {
+        fieldReaction: {
+          'x-component': _LinkageRules.FormLinkageRules,
+          'x-component-props': {
+            useProps: function useProps() {
+              var options = (0, _2.useCollectionFilterOptions)(collectionName);
+              return {
+                options: options,
+                defaultValues: (gridSchema === null || gridSchema === void 0 ? void 0 : gridSchema['x-linkage-rules']) || (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-linkage-rules']),
+                type: type,
+                linkageOptions: (0, _actionHooks.useLinkageCollectionFieldOptions)(collectionName),
+                collectionName: collectionName
+              };
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var rules = [];
+
+      var _iterator = _createForOfIteratorHelper(v.fieldReaction.rules),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var rule = _step.value;
+          rules.push(_lodash.default.pickBy(rule, _lodash.default.identity));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      var templateId = gridSchema['x-component'] === 'BlockTemplate' && gridSchema['x-component-props'].templateId;
+      var uid = templateId && getTemplateById(templateId).uid || gridSchema['x-uid'];
+
+      var schema = _defineProperty({}, 'x-uid', uid);
+
+      gridSchema['x-linkage-rules'] = rules;
+      schema['x-linkage-rules'] = rules;
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  });
 };

package/lib/schema-templates/BlockTemplate.js

@@ -46,6 +46,13 @@ var BlockTemplate = (0, _react.observer)(function (props) {
   var template = (0, _react2.useMemo)(function () {
     return getTemplateById(templateId);
   }, [templateId]);
+
+  var onSuccess = function onSuccess(data) {
+    var _data$data;
+
+    fieldSchema['x-linkage-rules'] = (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data['x-linkage-rules']) || [];
+  };
+
   return template ? /*#__PURE__*/_react2.default.createElement(BlockTemplateContext.Provider, {
     value: {
       dn: dn,
@@ -55,7 +62,8 @@ var BlockTemplate = (0, _react.observer)(function (props) {
     }
   }, /*#__PURE__*/_react2.default.createElement(_.RemoteSchemaComponent, {
     noForm: true,
-    uid: template === null || template === void 0 ? void 0 : template.uid
+    uid: template === null || template === void 0 ? void 0 : template.uid,
+    onSuccess: onSuccess
   })) : null;
 });
 exports.BlockTemplate = BlockTemplate;

package/lib/system-settings/SystemSettingsShortcut.js

@@ -336,7 +336,7 @@ var schema2 = {
         },
         properties: {
           submit: {
-            title: 'Submit',
+            title: '{{t("Submit")}}',
             'x-component': 'Action',
             'x-component-props': {
               type: 'primary',