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

package/lib/plugin-manager/PluginManager.js

@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
 
-var _apiClient = require("../api-client");
+var _reactRouterDom = require("react-router-dom");
 
 var _context = require("./context");
 
@@ -118,6 +118,7 @@ PluginManager.Toolbar = function (props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
+  var history = (0, _reactRouterDom.useHistory)();
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'inline-block'
@@ -138,7 +139,7 @@ PluginManager.Toolbar = function (props) {
   }), unpinned.length > 0 && /*#__PURE__*/_react.default.createElement(_antd.Menu.SubMenu, {
     popupClassName: 'pm-sub-menu',
     key: 'more',
-    title: /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null)
+    title: /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, null)
   }, unpinned.map(function (item, index) {
     var Action = (0, _lodash.get)(components, item.component);
     return Action && /*#__PURE__*/_react.default.createElement(ToolbarItemContext.Provider, {
@@ -149,9 +150,11 @@ PluginManager.Toolbar = function (props) {
     key: 'divider'
   }), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
     key: 'plugins',
-    disabled: true,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.AppstoreOutlined, null)
-  }, t('View all plugins')))));
+    onClick: function onClick() {
+      history.push('/admin/settings');
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, null)
+  }, t('Settings center')))));
 };
 
 PluginManager.Toolbar.Item = function (props) {
@@ -173,12 +176,15 @@ PluginManager.Toolbar.Item = function (props) {
 
     var titleComponent = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, title), subtitleComponent);
 
-    return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    return title ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: titleComponent
     }, /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, _objectSpread(_objectSpread({}, others), {}, {
       className: className,
       eventKey: item.component
-    }), icon));
+    }), icon)) : /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, _objectSpread(_objectSpread({}, others), {}, {
+      className: className,
+      eventKey: item.component
+    }), icon);
   }
 
   return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, _objectSpread(_objectSpread({}, others), {}, {
@@ -189,21 +195,27 @@ PluginManager.Toolbar.Item = function (props) {
 };
 
 var RemotePluginManagerToolbar = function RemotePluginManagerToolbar() {
-  var api = (0, _apiClient.useAPIClient)();
-
-  var _useRequest = (0, _apiClient.useRequest)({
-    resource: 'plugins',
-    action: 'getPinned'
-  }),
-      data = _useRequest.data,
-      loading = _useRequest.loading;
-
-  if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Spin, null);
-  }
-
+  // const api = useAPIClient();
+  // const { data, loading } = useRequest({
+  //   resource: 'plugins',
+  //   action: 'getPinned',
+  // });
+  // if (loading) {
+  //   return <Spin />;
+  // }
+  var items = [{
+    component: 'DesignableSwitch',
+    pin: true
+  }, {
+    component: 'PluginManagerLink',
+    pin: true
+  }, {
+    component: 'SettingsCenterDropdown',
+    pin: true
+  } // ...data?.data,
+  ];
   return /*#__PURE__*/_react.default.createElement(PluginManager.Toolbar, {
-    items: data === null || data === void 0 ? void 0 : data.data
+    items: items
   });
 };
 

package/lib/pm/PluginManagerLink.d.ts

@@ -0,0 +1,2 @@
+export declare const PluginManagerLink: () => JSX.Element;
+export declare const SettingsCenterDropdown: () => JSX.Element;

package/lib/pm/PluginManagerLink.js

@@ -0,0 +1,139 @@
+"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
+});
+exports.SettingsCenterDropdown = exports.PluginManagerLink = void 0;
+
+var _icons = require("@ant-design/icons");
+
+var _shared = require("@formily/shared");
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _pluginManager = require("../plugin-manager");
+
+var _schemaComponent = require("../schema-component");
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 schema = {
+  type: 'object',
+  properties: _defineProperty({}, (0, _shared.uid)(), {
+    'x-component': 'Action.Drawer',
+    type: 'void',
+    title: '{{t("Collections & Fields")}}',
+    properties: {
+      configuration: {
+        'x-component': 'ConfigurationTable'
+      }
+    }
+  })
+};
+
+var PluginManagerLink = function PluginManagerLink() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var history = (0, _reactRouterDom.useHistory)();
+  return /*#__PURE__*/_react.default.createElement(_schemaComponent.ActionContext.Provider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/_react.default.createElement(_pluginManager.PluginManager.Toolbar.Item, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.AppstoreAddOutlined, null),
+    title: t('Plugin manager'),
+    onClick: function onClick() {
+      history.push('/admin/pm/list');
+    }
+  }));
+};
+
+exports.PluginManagerLink = PluginManagerLink;
+
+var SettingsCenterDropdown = function SettingsCenterDropdown() {
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      visible = _useState4[0],
+      setVisible = _useState4[1];
+
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  var history = (0, _reactRouterDom.useHistory)();
+  var items = [{
+    title: t('Collections & Fields'),
+    path: 'collection-manager/collections'
+  }, {
+    title: t('Roles & Permissions'),
+    path: 'acl/roles'
+  }, {
+    title: t('File storages'),
+    path: 'file-manager/storages'
+  }, {
+    title: t('System settings'),
+    path: 'system-settings/system-settings'
+  }, {
+    title: t('Workflow'),
+    path: 'workflow/workflows'
+  } // {
+  //   title: t('Graph Collections'),
+  //   path: 'graph/collections',
+  // },
+  ];
+  return /*#__PURE__*/_react.default.createElement(_schemaComponent.ActionContext.Provider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: /*#__PURE__*/_react.default.createElement(_antd.Menu, null, /*#__PURE__*/_react.default.createElement(_antd.Menu.ItemGroup, {
+      title: t('Bookmark')
+    }, items.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+        onClick: function onClick() {
+          history.push('/admin/settings/' + item.path);
+        },
+        key: item.path
+      }, item.title);
+    })), /*#__PURE__*/_react.default.createElement(_antd.Menu.Divider, null), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      onClick: function onClick() {
+        history.push('/admin/settings');
+      }
+    }, t('Settings center')))
+  }, /*#__PURE__*/_react.default.createElement(_pluginManager.PluginManager.Toolbar.Item, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, null)
+  })));
+};
+
+exports.SettingsCenterDropdown = SettingsCenterDropdown;

package/lib/pm/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const SettingsCenterContext: React.Context<any>;
+export declare const SettingsCenterProvider: (props: any) => JSX.Element;
+export declare const PMProvider: (props: any) => JSX.Element;
+export default PMProvider;
+export * from './PluginManagerLink';