@nocobase/client 0.7.6-alpha.2 → 0.8.0-alpha.10

package/lib/pm/index.js

@@ -0,0 +1,476 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  SettingsCenterContext: true,
+  SettingsCenterProvider: true,
+  PMProvider: true
+};
+exports.default = exports.SettingsCenterProvider = exports.SettingsCenterContext = exports.PMProvider = void 0;
+
+var _icons = require("@ant-design/icons");
+
+var _css = require("@emotion/css");
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _acl = require("../acl");
+
+var _apiClient = require("../api-client");
+
+var _collectionManager = require("../collection-manager");
+
+var _documentTitle = require("../document-title");
+
+var _icon = require("../icon");
+
+var _routeSwitch = require("../route-switch");
+
+var _schemaComponent = require("../schema-component");
+
+var _schemaTemplates = require("../schema-templates");
+
+var _systemSettings = require("../system-settings");
+
+var _PluginManagerLink = require("./PluginManagerLink");
+
+Object.keys(_PluginManagerLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PluginManagerLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PluginManagerLink[key];
+    }
+  });
+});
+var _excluded = ["routes"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var SettingsCenterContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.SettingsCenterContext = SettingsCenterContext;
+
+var PluginCard = function PluginCard(props) {
+  var history = (0, _reactRouterDom.useHistory)();
+  var _props$data = props.data,
+      data = _props$data === void 0 ? {} : _props$data;
+  var api = (0, _apiClient.useAPIClient)();
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    bordered: false,
+    style: {
+      width: 'calc(20% - 24px)',
+      marginRight: 24,
+      marginBottom: 24
+    },
+    actions: [data.enabled ? /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, {
+      onClick: function onClick() {
+        history.push("/admin/settings/".concat(data.name));
+      }
+    }) : null, /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
+      title: t('Are you sure to delete this plugin?'),
+      onConfirm: function () {
+        var _onConfirm = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return api.request({
+                    url: "pm:remove/".concat(data.name)
+                  });
+
+                case 2:
+                  _antd.message.success(t('插件删除成功'));
+
+                  window.location.reload();
+
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function onConfirm() {
+          return _onConfirm.apply(this, arguments);
+        }
+
+        return onConfirm;
+      }(),
+      onCancel: function onCancel() {},
+      okText: t('Yes'),
+      cancelText: t('No')
+    }, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)), /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+      size: 'small',
+      onChange: function () {
+        var _onChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(checked) {
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return api.request({
+                    url: "pm:".concat(checked ? 'enable' : 'disable', "/").concat(data.name)
+                  });
+
+                case 2:
+                  _antd.message.success(checked ? t('插件激活成功') : t('插件禁用成功'));
+
+                  window.location.reload();
+
+                case 4:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        function onChange(_x) {
+          return _onChange.apply(this, arguments);
+        }
+
+        return onChange;
+      }(),
+      defaultChecked: data.enabled
+    })].filter(Boolean)
+  }, /*#__PURE__*/_react.default.createElement(_antd.Card.Meta, {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-card-meta-avatar {\n            margin-top: 8px;\n            .ant-avatar {\n              border-radius: 2px;\n            }\n          }\n        "]))),
+    avatar: /*#__PURE__*/_react.default.createElement(_antd.Avatar, null),
+    description: data.description,
+    title: /*#__PURE__*/_react.default.createElement("span", null, data.name, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                display: block;\n                color: rgba(0, 0, 0, 0.45);\n                font-weight: normal;\n                font-size: 13px;\n                // margin-left: 8px;\n              "])))
+    }, data.version))
+  }));
+};
+
+var BuiltInPluginCard = function BuiltInPluginCard(props) {
+  var data = props.data;
+  return /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    bordered: false,
+    style: {
+      width: 'calc(20% - 24px)',
+      marginRight: 24,
+      marginBottom: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Card.Meta, {
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          .ant-card-meta-avatar {\n            margin-top: 8px;\n            .ant-avatar {\n              border-radius: 2px;\n            }\n          }\n        "]))),
+    avatar: /*#__PURE__*/_react.default.createElement(_antd.Avatar, null),
+    description: data.description,
+    title: /*#__PURE__*/_react.default.createElement("span", null, data.name, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                display: block;\n                color: rgba(0, 0, 0, 0.45);\n                font-weight: normal;\n                font-size: 13px;\n                // margin-left: 8px;\n              "])))
+    }, data.version))
+  }));
+};
+
+var LocalPlugins = function LocalPlugins() {
+  var _data$data;
+
+  var _useRequest = (0, _apiClient.useRequest)({
+    url: 'applicationPlugins:list',
+    params: {
+      filter: {
+        'builtIn.$isFalsy': true
+      },
+      sort: 'name'
+    }
+  }),
+      data = _useRequest.data,
+      loading = _useRequest.loading;
+
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Spin, null);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(PluginCard, {
+      data: item
+    });
+  }));
+};
+
+var BuiltinPlugins = function BuiltinPlugins() {
+  var _data$data2;
+
+  var _useRequest2 = (0, _apiClient.useRequest)({
+    url: 'applicationPlugins:list',
+    params: {
+      filter: {
+        'builtIn.$isTruly': true
+      },
+      sort: 'name'
+    }
+  }),
+      data = _useRequest2.data,
+      loading = _useRequest2.loading;
+
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Spin, null);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(BuiltInPluginCard, {
+      data: item
+    });
+  }));
+};
+
+var MarketplacePlugins = function MarketplacePlugins() {
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: 18
+    }
+  }, t('Coming soon...'));
+};
+
+var PluginList = function PluginList(props) {
+  var match = (0, _reactRouterDom.useRouteMatch)();
+  var history = (0, _reactRouterDom.useHistory)();
+
+  var _ref = match.params || {},
+      _ref$tabName = _ref.tabName,
+      tabName = _ref$tabName === void 0 ? 'local' : _ref$tabName;
+
+  var _useDocumentTitle = (0, _documentTitle.useDocumentTitle)(),
+      setTitle = _useDocumentTitle.setTitle;
+
+  var _useTranslation3 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation3.t;
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.PageHeader, {
+    ghost: false,
+    title: t('Plugin manager'),
+    footer: /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
+      activeKey: tabName,
+      onChange: function onChange(activeKey) {
+        history.push("/admin/pm/list/".concat(activeKey));
+      }
+    }, /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+      tab: t('Local'),
+      key: 'local'
+    }), /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+      tab: t('Built-in'),
+      key: 'built-in'
+    }), /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+      tab: t('Marketplace'),
+      key: 'marketplace'
+    }))
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: 24,
+      display: 'flex',
+      flexFlow: 'row wrap'
+    }
+  }, /*#__PURE__*/_react.default.createElement({
+    local: LocalPlugins,
+    'built-in': BuiltinPlugins,
+    marketplace: MarketplacePlugins
+  }[tabName])));
+};
+
+var settings = {
+  acl: {
+    title: '{{t("ACL")}}',
+    icon: 'LockOutlined',
+    tabs: {
+      roles: {
+        title: '{{t("Roles & Permissions")}}',
+        component: _acl.ACLPane
+      }
+    }
+  },
+  'block-templates': {
+    title: '{{t("Block templates")}}',
+    icon: 'LayoutOutlined',
+    tabs: {
+      list: {
+        title: '{{t("Block templates")}}',
+        component: _schemaTemplates.BlockTemplatesPane
+      }
+    }
+  },
+  'collection-manager': {
+    icon: 'DatabaseOutlined',
+    title: '{{t("Collection manager")}}',
+    tabs: {
+      collections: {
+        title: '{{t("Collections & Fields")}}',
+        component: _collectionManager.CollectionManagerPane
+      }
+    }
+  },
+  'system-settings': {
+    icon: 'SettingOutlined',
+    title: '{{t("System settings")}}',
+    tabs: {
+      'system-settings': {
+        title: '{{t("System settings")}}',
+        component: _systemSettings.SystemSettingsPane
+      }
+    }
+  }
+};
+
+var SettingsCenter = function SettingsCenter(props) {
+  var _items$pluginName3, _items$pluginName3$ta, _items$pluginName3$ta2, _items$pluginName4, _items$pluginName5;
+
+  var match = (0, _reactRouterDom.useRouteMatch)();
+  var history = (0, _reactRouterDom.useHistory)();
+  var items = (0, _react.useContext)(SettingsCenterContext);
+  var compile = (0, _schemaComponent.useCompile)();
+  var firstUri = (0, _react.useMemo)(function () {
+    var _items$pluginName;
+
+    var keys = Object.keys(items).sort();
+    var pluginName = keys.shift();
+    var tabName = Object.keys((items === null || items === void 0 ? void 0 : (_items$pluginName = items[pluginName]) === null || _items$pluginName === void 0 ? void 0 : _items$pluginName.tabs) || {}).shift();
+    return "/admin/settings/".concat(pluginName, "/").concat(tabName);
+  }, [items]);
+
+  var _ref2 = match.params || {},
+      pluginName = _ref2.pluginName,
+      tabName = _ref2.tabName;
+
+  if (!pluginName) {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: firstUri
+    });
+  }
+
+  if (!items[pluginName]) {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: firstUri
+    });
+  }
+
+  if (!tabName) {
+    var _items$pluginName2;
+
+    var firstTabName = Object.keys((_items$pluginName2 = items[pluginName]) === null || _items$pluginName2 === void 0 ? void 0 : _items$pluginName2.tabs).shift();
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: "/admin/settings/".concat(pluginName, "/").concat(firstTabName)
+    });
+  }
+
+  var component = (_items$pluginName3 = items[pluginName]) === null || _items$pluginName3 === void 0 ? void 0 : (_items$pluginName3$ta = _items$pluginName3.tabs) === null || _items$pluginName3$ta === void 0 ? void 0 : (_items$pluginName3$ta2 = _items$pluginName3$ta[tabName]) === null || _items$pluginName3$ta2 === void 0 ? void 0 : _items$pluginName3$ta2.component;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Layout, null, /*#__PURE__*/_react.default.createElement(_antd.Layout.Sider, {
+    theme: 'light'
+  }, /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+    selectedKeys: [pluginName],
+    style: {
+      height: 'calc(100vh - 46px)'
+    }
+  }, Object.keys(items).sort().map(function (key) {
+    var item = items[key];
+    var tabKey = Object.keys(item.tabs).shift();
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: key,
+      icon: item.icon ? /*#__PURE__*/_react.default.createElement(_icon.Icon, {
+        type: item.icon
+      }) : null,
+      onClick: function onClick() {
+        history.push("/admin/settings/".concat(key, "/").concat(tabKey));
+      }
+    }, compile(item.title));
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Layout.Content, null, /*#__PURE__*/_react.default.createElement(_antd.PageHeader, {
+    ghost: false,
+    title: compile((_items$pluginName4 = items[pluginName]) === null || _items$pluginName4 === void 0 ? void 0 : _items$pluginName4.title),
+    footer: /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
+      activeKey: tabName,
+      onChange: function onChange(activeKey) {
+        history.push("/admin/settings/".concat(pluginName, "/").concat(activeKey));
+      }
+    }, Object.keys((_items$pluginName5 = items[pluginName]) === null || _items$pluginName5 === void 0 ? void 0 : _items$pluginName5.tabs).map(function (tabKey) {
+      var _items$pluginName$tab;
+
+      var tab = (_items$pluginName$tab = items[pluginName].tabs) === null || _items$pluginName$tab === void 0 ? void 0 : _items$pluginName$tab[tabKey];
+      return /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+        tab: compile(tab === null || tab === void 0 ? void 0 : tab.title),
+        key: tabKey
+      });
+    }))
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: 24
+    }
+  }, component && /*#__PURE__*/_react.default.createElement(component)))));
+};
+
+var SettingsCenterProvider = function SettingsCenterProvider(props) {
+  var _props$settings = props.settings,
+      settings = _props$settings === void 0 ? {} : _props$settings;
+  var items = (0, _react.useContext)(SettingsCenterContext);
+  return /*#__PURE__*/_react.default.createElement(SettingsCenterContext.Provider, {
+    value: _objectSpread(_objectSpread({}, items), settings)
+  }, props.children);
+};
+
+exports.SettingsCenterProvider = SettingsCenterProvider;
+
+var PMProvider = function PMProvider(props) {
+  var _useContext = (0, _react.useContext)(_routeSwitch.RouteSwitchContext),
+      routes = _useContext.routes,
+      others = _objectWithoutProperties(_useContext, _excluded);
+
+  routes[1].routes.unshift({
+    type: 'route',
+    path: '/admin/pm/list/:tabName?',
+    component: PluginList
+  }, {
+    type: 'route',
+    path: '/admin/settings/:pluginName?/:tabName?',
+    component: SettingsCenter,
+    uiSchemaUid: routes[1].uiSchemaUid
+  });
+  return /*#__PURE__*/_react.default.createElement(SettingsCenterProvider, {
+    settings: settings
+  }, /*#__PURE__*/_react.default.createElement(_routeSwitch.RouteSwitchContext.Provider, {
+    value: _objectSpread(_objectSpread({}, others), {}, {
+      routes: routes
+    })
+  }, props.children));
+};
+
+exports.PMProvider = PMProvider;
+var _default = PMProvider;
+exports.default = _default;

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

@@ -225,7 +225,7 @@ var InternalAdminLayout = function InternalAdminLayout(props) {
     theme: 'light',
     ref: sideMenuRef
   }), /*#__PURE__*/_react.default.createElement(_antd.Layout.Content, {
-    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            min-height: calc(100vh - 46px);\n            position: relative;\n            padding-bottom: 70px;\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            }\n          "])))
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            min-height: calc(100vh - 46px);\n            padding-bottom: 42px;\n            position: relative;\n            // padding-bottom: 70px;\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          "])))
   }, service.contentLoading ? /*#__PURE__*/_react.default.createElement(_antd.Spin, null) : props.children, /*#__PURE__*/_react.default.createElement(_antd.Layout.Footer, null, /*#__PURE__*/_react.default.createElement(_poweredBy.PoweredBy, null)))));
 };
 

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

@@ -76,7 +76,7 @@ var MenuGroup = function MenuGroup(props) {
 };
 
 var ActionDesigner = function ActionDesigner(props) {
-  var _fieldSchema$xCompon, _fieldSchema$xCompon2, _fieldSchema$xCompon3, _fieldSchema$xCompon4, _fieldSchema$xAction, _fieldSchema$xAction2, _fieldSchema$xAction3, _fieldSchema$xAction4, _fieldSchema$xAction5, _fieldSchema$xAction6, _fieldSchema$xAction7, _fieldSchema$xAction8, _fieldSchema$xAction9;
+  var _fieldSchema$xCompon, _fieldSchema$xCompon2, _fieldSchema$xCompon3, _fieldSchema$xCompon4, _fieldSchema$xAction, _fieldSchema$xAction2, _fieldSchema$xAction3, _fieldSchema$xAction4, _fieldSchema$xAction5, _fieldSchema$xAction6, _fieldSchema$xAction7, _fieldSchema$xAction8, _fieldSchema$xAction9, _fieldSchema$xAction10;
 
   var modalTip = props.modalTip,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -92,6 +92,7 @@ var ActionDesigner = function ActionDesigner(props) {
 
   var compile = (0, _.useCompile)();
   var isPopupAction = ['create', 'update', 'view', 'customize:popup'].includes(fieldSchema['x-action'] || '');
+  var isUpdateModePopupAction = ['customize:bulkUpdate', 'customize:bulkEdit'].includes(fieldSchema['x-action']);
   var context = (0, _.useActionContext)();
 
   var _useState = (0, _react2.useState)(),
@@ -200,12 +201,32 @@ var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), (0, _shared.isValid)(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction === void 0 ? void 0 : _fieldSchema$xAction.assignedValues) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ActionModalItem, {
+  }), isUpdateModePopupAction && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
+    title: t('Data will be updated'),
+    options: [{
+      label: t('Selected'),
+      value: 'selected'
+    }, {
+      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'],
+    onChange: function onChange(value) {
+      fieldSchema['x-action-settings']['updateMode'] = value;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          'x-action-settings': fieldSchema['x-action-settings']
+        }
+      });
+      dn.refresh();
+    }
+  }), (0, _shared.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__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ActionModalItem, {
     title: t('Assign field values'),
     initialSchema: initialSchema,
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction2 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction2 === void 0 ? void 0 : _fieldSchema$xAction2.assignedValues,
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction3 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction3 === void 0 ? void 0 : _fieldSchema$xAction3.assignedValues,
     modalTip: tips[actionType],
-    uid: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction3 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction3 === void 0 ? void 0 : _fieldSchema$xAction3.schemaUid,
+    uid: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction4 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction4 === void 0 ? void 0 : _fieldSchema$xAction4.schemaUid,
     onSubmit: function onSubmit(assignedValues) {
       var _schema2;
 
@@ -215,10 +236,10 @@ var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), (0, _shared.isValid)(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction4 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction4 === void 0 ? void 0 : _fieldSchema$xAction4.requestSettings) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ActionModalItem, {
+  }), (0, _shared.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__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ActionModalItem, {
     title: t('Request settings'),
     schema: _utils.requestSettingsSchema,
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction5 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction5 === void 0 ? void 0 : _fieldSchema$xAction5.requestSettings,
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction6 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction6 === void 0 ? void 0 : _fieldSchema$xAction6.requestSettings,
     onSubmit: function onSubmit(requestSettings) {
       var _schema3;
 
@@ -228,9 +249,9 @@ var ActionDesigner = function ActionDesigner(props) {
       });
       dn.refresh();
     }
-  }), (0, _shared.isValid)(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction6 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction6 === void 0 ? void 0 : _fieldSchema$xAction6.skipValidator) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
+  }), (0, _shared.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__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
     title: t('Skip required validation'),
-    checked: !!(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction7 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction7 === void 0 ? void 0 : _fieldSchema$xAction7.skipValidator),
+    checked: !!(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction8 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction8 === void 0 ? void 0 : _fieldSchema$xAction8.skipValidator),
     onChange: function onChange(value) {
       var _schema4;
 
@@ -239,21 +260,23 @@ 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)
       });
     }
-  }), (0, _shared.isValid)(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction8 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction8 === void 0 ? void 0 : _fieldSchema$xAction8['onSuccess']) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+  }), (0, _shared.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__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
     title: {
       'customize:save': t('After successful save'),
       'customize:update': t('After successful update'),
       'customize:table:request': t('After successful request'),
-      'customize:form:request': t('After successful request')
+      'customize:form:request': t('After successful request'),
+      'customize:bulkUpdate': t('After successful bulk update')
     }[actionType],
-    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction9 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction9 === void 0 ? void 0 : _fieldSchema$xAction9['onSuccess'],
+    initialValues: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xAction10 = fieldSchema['x-action-settings']) === null || _fieldSchema$xAction10 === void 0 ? void 0 : _fieldSchema$xAction10['onSuccess'],
     schema: {
       type: 'object',
       title: {
         'customize:save': t('After successful save'),
         'customize:update': t('After successful update'),
         'customize:table:request': t('After successful request'),
-        'customize:form:request': t('After successful request')
+        'customize:form:request': t('After successful request'),
+        'customize:bulkUpdate': t('After successful bulk update')
       }[actionType],
       properties: {
         successMessage: {

package/lib/schema-component/antd/action/Action.Modal.js

@@ -21,7 +21,7 @@ var _ = require(".");
 
 var _templateObject, _templateObject2;
 
-var _excluded = ["footerNodeName"];
+var _excluded = ["footerNodeName", "width"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -40,6 +40,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var ActionModal = (0, _react.observer)(function (props) {
   var _props$footerNodeName = props.footerNodeName,
       footerNodeName = _props$footerNodeName === void 0 ? 'Action.Modal.Footer' : _props$footerNodeName,
+      _props$width = props.width,
+      width = _props$width === void 0 ? '80%' : _props$width,
       others = _objectWithoutProperties(props, _excluded);
 
   var _useActionContext = (0, _.useActionContext)(),
@@ -60,7 +62,7 @@ var ActionModal = (0, _react.observer)(function (props) {
       e.stopPropagation();
     }
   }, /*#__PURE__*/_react2.default.createElement(_antd.Modal, _objectSpread(_objectSpread({
-    width: '80%',
+    width: width,
     title: field.title
   }, others), {}, {
     destroyOnClose: true,

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

@@ -43,7 +43,7 @@ var _context = require("./context");
 
 var _hooks2 = require("./hooks");
 
-var _excluded = ["popover", "confirm", "containerRefKey", "component", "useAction", "className", "disabled", "icon", "title"];
+var _excluded = ["popover", "confirm", "containerRefKey", "component", "useAction", "className", "icon", "title"];
 
 var _templateObject, _templateObject2;
 
@@ -89,7 +89,6 @@ var Action = (0, _react.observer)(function (props) {
       _props$useAction = props.useAction,
       useAction = _props$useAction === void 0 ? _hooks2.useA : _props$useAction,
       className = props.className,
-      disabled = props.disabled,
       icon = props.icon,
       title = props.title,
       others = _objectWithoutProperties(props, _excluded);
@@ -159,7 +158,8 @@ var Action = (0, _react.observer)(function (props) {
       formValueChanged: formValueChanged,
       setFormValueChanged: setFormValueChanged,
       openMode: openMode,
-      containerRefKey: containerRefKey
+      containerRefKey: containerRefKey,
+      fieldSchema: fieldSchema
     }
   }, popover && /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
     basePath: field.address,

package/lib/schema-component/antd/action/context.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Schema } from '@formily/react';
 export declare const ActionContext: import("react").Context<ActionContextProps>;
 export interface ActionContextProps {
     button?: any;
@@ -8,4 +9,5 @@ export interface ActionContextProps {
     containerRefKey?: string;
     formValueChanged?: boolean;
     setFormValueChanged?: (v: boolean) => void;
+    fieldSchema?: Schema;
 }

package/lib/schema-component/antd/action/hooks.d.ts

@@ -9,6 +9,7 @@ export declare const useActionContext: () => {
     containerRefKey?: string;
     formValueChanged?: boolean;
     setFormValueChanged?: (v: boolean) => void;
+    fieldSchema?: import("@formily/react").Schema<any, any, any, any, any, any, any, any, any>;
 };
 export declare const useCloseAction: () => {
     run(): Promise<void>;