@nocobase/plugin-graph-collection-manager 0.9.0-alpha.1

package/client.js

@@ -0,0 +1,30 @@
+"use strict";
+
+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; }
+
+var _index = _interopRequireWildcard(require("./lib/client"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});

package/lib/client/GraphCollectionProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GraphCollectionProvider: React.NamedExoticComponent<object>;

package/lib/client/GraphCollectionProvider.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphCollectionProvider = void 0;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+var _GraphCollectionShortcut = require("./GraphCollectionShortcut");
+
+var _locale = require("./locale");
+
+const _excluded = ["routes", "components"];
+
+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 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 _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; }
+
+const GraphCollectionProvider = _react().default.memo(props => {
+  const ctx = (0, _react().useContext)(_client().PluginManagerContext);
+
+  const _useContext = (0, _react().useContext)(_client().RouteSwitchContext),
+        routes = _useContext.routes,
+        components = _useContext.components,
+        others = _objectWithoutProperties(_useContext, _excluded);
+
+  _client().i18n.addResources('en-US', 'graphPositions', _locale.enUS);
+
+  _client().i18n.addResources('ja-JP', 'graphPositions', _locale.jaJP);
+
+  _client().i18n.addResources('zh-CN', 'graphPositions', _locale.zhCN);
+
+  const _useTranslation = (0, _reactI18next().useTranslation)('graphPositions'),
+        t = _useTranslation.t;
+
+  const items = (0, _react().useContext)(_client().SettingsCenterContext);
+  items['collection-manager']['tabs']['graph'] = {
+    title: t("Graphical interface"),
+    component: _GraphCollectionShortcut.GraphCollectionPane
+  };
+  return _react().default.createElement(_client().SettingsCenterProvider, {
+    settings: items
+  }, _react().default.createElement(_client().PluginManagerContext.Provider, {
+    value: {
+      components: _objectSpread(_objectSpread({}, ctx === null || ctx === void 0 ? void 0 : ctx.components), {}, {
+        GraphCollectionShortcut: _GraphCollectionShortcut.GraphCollectionShortcut
+      })
+    }
+  }, _react().default.createElement(_client().RouteSwitchContext.Provider, {
+    value: _objectSpread(_objectSpread({
+      components: _objectSpread({}, components)
+    }, others), {}, {
+      routes
+    })
+  }, props.children)));
+});
+
+exports.GraphCollectionProvider = GraphCollectionProvider;

package/lib/client/GraphCollectionShortcut.d.ts

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

package/lib/client/GraphCollectionShortcut.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphCollectionShortcut = exports.GraphCollectionPane = void 0;
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _shared() {
+  const data = require("@formily/shared");
+
+  _shared = function _shared() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+
+  return data;
+}
+
+var _actionHooks = require("./action-hooks");
+
+var _GraphDrawPage = require("./GraphDrawPage");
+
+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 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; }
+
+const useCollectionValues = options => {
+  const _useActionContext = (0, _client().useActionContext)(),
+        visible = _useActionContext.visible;
+
+  const result = (0, _client().useRequest)(() => Promise.resolve({
+    data: {
+      name: `t_${(0, _shared().uid)()}`,
+      createdBy: true,
+      updatedBy: true,
+      sortable: true,
+      logging: true,
+      fields: [{
+        name: 'id',
+        type: 'integer',
+        autoIncrement: true,
+        primaryKey: true,
+        allowNull: false,
+        uiSchema: {
+          type: 'number',
+          title: '{{t("ID")}}',
+          'x-component': 'InputNumber',
+          'x-read-pretty': true
+        },
+        interface: 'id'
+      }, {
+        interface: 'createdAt',
+        type: 'date',
+        field: 'createdAt',
+        name: 'createdAt',
+        uiSchema: {
+          type: 'datetime',
+          title: '{{t("Created at")}}',
+          'x-component': 'DatePicker',
+          'x-component-props': {},
+          'x-read-pretty': true
+        }
+      }, {
+        interface: 'createdBy',
+        type: 'belongsTo',
+        target: 'users',
+        foreignKey: 'createdById',
+        name: 'createdBy',
+        uiSchema: {
+          type: 'object',
+          title: '{{t("Created by")}}',
+          'x-component': 'RecordPicker',
+          'x-component-props': {
+            fieldNames: {
+              value: 'id',
+              label: 'nickname'
+            }
+          },
+          'x-read-pretty': true
+        }
+      }, {
+        type: 'date',
+        field: 'updatedAt',
+        name: 'updatedAt',
+        interface: 'updatedAt',
+        uiSchema: {
+          type: 'string',
+          title: '{{t("Last updated at")}}',
+          'x-component': 'DatePicker',
+          'x-component-props': {},
+          'x-read-pretty': true
+        }
+      }, {
+        type: 'belongsTo',
+        target: 'users',
+        foreignKey: 'updatedById',
+        name: 'updatedBy',
+        interface: 'updatedBy',
+        uiSchema: {
+          type: 'object',
+          title: '{{t("Last updated by")}}',
+          'x-component': 'RecordPicker',
+          'x-component-props': {
+            fieldNames: {
+              value: 'id',
+              label: 'nickname'
+            }
+          },
+          'x-read-pretty': true
+        }
+      }]
+    }
+  }), _objectSpread(_objectSpread({}, options), {}, {
+    manual: true
+  }));
+  (0, _react().useEffect)(() => {
+    if (visible) {
+      result.run();
+    }
+  }, [visible]);
+  return result;
+};
+
+const GraphCollectionPane = () => {
+  return _react().default.createElement("div", {
+    className: (0, _css().css)`
+        height: calc(100vh - 160px);
+        overflow: auto;
+        margin: -24px;
+        position: relative;
+      `,
+    id: "graph_container"
+  }, _react().default.createElement(_client().SchemaComponent, {
+    schema: {
+      type: 'void',
+      'x-component': 'div',
+      properties: {
+        editor: {
+          type: 'void',
+          'x-component': 'GraphDrawPage'
+        }
+      }
+    },
+    components: {
+      GraphDrawPage: _GraphDrawPage.GraphDrawPage,
+      DeleteOutlined: _icons().DeleteOutlined
+    },
+    scope: {
+      useCollectionValues,
+      useCreateActionAndRefreshCM: _actionHooks.useCreateActionAndRefreshCM
+    }
+  }));
+};
+
+exports.GraphCollectionPane = GraphCollectionPane;
+
+const GraphCollectionShortcut = () => {
+  const _useTranslation = (0, _reactI18next().useTranslation)('graphPositions'),
+        t = _useTranslation.t;
+
+  const history = (0, _reactRouterDom().useHistory)();
+  return _react().default.createElement(_client().PluginManager.Toolbar.Item, {
+    icon: _react().default.createElement(_icons().PartitionOutlined, null),
+    title: t('Graph Collection'),
+    onClick: () => {
+      history.push('/admin/settings/graph/collections');
+    }
+  });
+};
+
+exports.GraphCollectionShortcut = GraphCollectionShortcut;

package/lib/client/GraphDrawPage.d.ts

@@ -0,0 +1,13 @@
+import '@antv/x6-react-shape';
+import React from 'react';
+export declare enum DirectionType {
+    Both = "both",
+    Target = "target",
+    Source = "source"
+}
+export declare enum ConnectionType {
+    Both = "both",
+    Inherit = "inherited",
+    Entity = "entity"
+}
+export declare const GraphDrawPage: React.MemoExoticComponent<() => JSX.Element>;