@nocobase/plugin-graph-collection-manager 0.10.1-alpha.1 → 0.11.1-alpha.1

package/lib/client/components/Entity.js

@@ -12,13 +12,6 @@ function _icons() {
   return data;
 }
 require("@antv/x6-react-shape");
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _shared() {
   const data = require("@formily/shared");
   _shared = function _shared() {
@@ -33,16 +26,16 @@ function _client() {
   };
   return data;
 }
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
+function _client2() {
+  const data = require("@nocobase/utils/client");
+  _client2 = function _client2() {
     return data;
   };
   return data;
 }
-function _lodash() {
-  const data = require("lodash");
-  _lodash = function _lodash() {
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
     return data;
   };
   return data;
@@ -55,7 +48,7 @@ function _react() {
   return data;
 }
 var _actionHooks = require("../action-hooks");
-var _style = require("../style");
+var _style = _interopRequireDefault(require("../style"));
 var _utils = require("../utils");
 var _AddFieldAction = require("./AddFieldAction");
 var _CollectionNodeProvder = require("./CollectionNodeProvder");
@@ -64,6 +57,7 @@ var _EditFieldAction = require("./EditFieldAction");
 var _FieldSummary = require("./FieldSummary");
 var _OverrideFieldAction = require("./OverrideFieldAction");
 var _ViewFieldAction = require("./ViewFieldAction");
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -80,6 +74,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const Entity = props => {
+  const _useStyles = (0, _style.default)(),
+    styles = _useStyles.styles;
   const node = props.node,
     setTargetNode = props.setTargetNode,
     targetGraph = props.targetGraph;
@@ -130,13 +126,14 @@ const Entity = props => {
     loadCollections
   };
   return _react().default.createElement("div", {
-    className: (0, _css().cx)(_style.entityContainer),
+    className: styles.entityContainer,
     style: {
       boxShadow: attrs === null || attrs === void 0 ? void 0 : attrs.boxShadow,
       border: select ? '2px dashed #f5a20a' : 0
     }
   }, category.map((v, index) => {
     return _react().default.createElement(_antd().Badge.Ribbon, {
+      key: index,
       color: v.color,
       style: {
         width: '103%',
@@ -147,15 +144,15 @@ const Entity = props => {
       placement: "start"
     });
   }), _react().default.createElement("div", {
-    className: _style.headClass,
+    className: styles.headClass,
     style: {
-      background: (attrs === null || attrs === void 0 ? void 0 : attrs.hightLight) ? '#1890ff' : null,
+      background: attrs !== null && attrs !== void 0 && attrs.hightLight ? '#1890ff' : null,
       paddingTop: category.length * 3
     }
   }, _react().default.createElement("span", {
-    className: _style.tableNameClass
+    className: styles.tableNameClass
   }, compile(title)), _react().default.createElement("div", {
-    className: _style.tableBtnClass
+    className: styles.tableBtnClass
   }, _react().default.createElement(_client().SchemaComponentProvider, null, _react().default.createElement(_CollectionNodeProvder.CollectionNodeProvder, {
     setTargetNode: setTargetNode,
     node: node
@@ -192,7 +189,8 @@ const Entity = props => {
           'x-component': 'EditCollectionAction',
           'x-component-props': {
             type: 'primary',
-            item: collectionData.current
+            item: collectionData.current,
+            className: 'btn-edit-in-head'
           }
         },
         delete: {
@@ -202,16 +200,7 @@ const Entity = props => {
           'x-component-props': {
             component: _icons().DeleteOutlined,
             icon: 'DeleteOutlined',
-            className: (0, _css().css)`
-                            background-color: rgb(255 236 232);
-                            border-color: transparent;
-                            color: #e31c1c;
-                            height: 20px;
-                            padding: 5px;
-                            &:hover {
-                              background-color: rgb(253 205 197);
-                            }
-                          `,
+            className: 'btn-del',
             confirm: {
               title: "{{t('Delete record')}}",
               getContainer: _utils.getPopupContainer,
@@ -252,7 +241,7 @@ const PortsCom = _react().default.memo(({
     t = _useGCMTranslation.t;
   const compile = (0, _client().useCompile)();
   const database = (0, _client().useCurrentAppInfo)();
-  const portsData = (0, _lodash().groupBy)(ports.items, v => {
+  const portsData = _client2().lodash.groupBy(ports.items, v => {
     if (v.isForeignKey || v.primaryKey || ['obo', 'oho', 'o2o', 'o2m', 'm2o', 'm2m', 'linkTo', 'id'].includes(v.interface)) {
       return 'initPorts';
     } else {
@@ -263,13 +252,15 @@ const PortsCom = _react().default.memo(({
     return `${prefix || ''}${(0, _shared().uid)()}`;
   };
   const CollectionConten = data => {
+    const _useStyles2 = (0, _style.default)(),
+      styles = _useStyles2.styles;
     const type = data.type,
       name = data.name,
       primaryKey = data.primaryKey,
       allowNull = data.allowNull,
       autoIncrement = data.autoIncrement;
     return _react().default.createElement("div", {
-      className: (0, _css().cx)(_style.collectiionPopoverClass)
+      className: styles.collectionPopoverClass
     }, _react().default.createElement("div", {
       className: "field-content"
     }, _react().default.createElement("div", null, _react().default.createElement("span", null, "name"), ": ", _react().default.createElement("span", {
@@ -305,7 +296,7 @@ const PortsCom = _react().default.memo(({
         Form: _client().Form,
         ResourceActionProvider: _client().ResourceActionProvider,
         Select: props => _react().default.createElement(_client().Select, _objectSpread(_objectSpread({
-          dropdownMatchSelectWidth: false
+          popupMatchSelectWidth: false
         }, props), {}, {
           getPopupContainer: _utils.getPopupContainer
         })),
@@ -375,17 +366,7 @@ const PortsCom = _react().default.memo(({
             'x-component-props': {
               component: _icons().DeleteOutlined,
               icon: 'DeleteOutlined',
-              className: (0, _css().css)`
-                        background-color: rgb(255 236 232);
-                        border-color: transparent;
-                        color: #e31c1c;
-                        height: 20px;
-                        width: 20px;
-                        padding: 5px;
-                        &:hover {
-                          background-color: rgb(253 205 197);
-                        }
-                      `,
+              className: 'btn-del',
               confirm: {
                 title: "{{t('Delete record')}}",
                 getContainer: _utils.getPopupContainer,
@@ -474,7 +455,7 @@ const PortsCom = _react().default.memo(({
       key: property.id,
       id: property.id,
       style: {
-        background: targetPort || sourcePort === property.id || (associated === null || associated === void 0 ? void 0 : associated.includes(property.name)) ? '#e6f7ff' : null
+        background: targetPort || sourcePort === property.id || associated !== null && associated !== void 0 && associated.includes(property.name) ? '#e6f7ff' : null
       }
     }, _react().default.createElement("div", {
       className: "name"
@@ -507,7 +488,7 @@ const PortsCom = _react().default.memo(({
       key: property.id,
       id: property.id,
       style: {
-        background: targetPort || sourcePort === property.id || (associated === null || associated === void 0 ? void 0 : associated.includes(property.name)) ? '#e6f7ff' : null
+        background: targetPort || sourcePort === property.id || associated !== null && associated !== void 0 && associated.includes(property.name) ? '#e6f7ff' : null
       }
     }, _react().default.createElement("div", {
       className: "name"
@@ -519,7 +500,7 @@ const PortsCom = _react().default.memo(({
       property: property
     })));
   }))), _react().default.createElement("a", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
           display: block;
           color: #958f8f;
           padding: 10px 5px;

package/lib/client/components/FieldSummary.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const FieldSummary: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;
+export declare const FieldSummary: React.MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;

package/lib/client/components/FieldSummary.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FieldSummary = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
     return data;
   };
   return data;
 }
-function _react() {
-  const data = require("@formily/react");
-  _react = function _react() {
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
     return data;
   };
   return data;
@@ -39,13 +39,6 @@ function _reactI18next() {
   };
   return data;
 }
-function _client() {
-  const data = require("@nocobase/client");
-  _client = function _client() {
-    return data;
-  };
-  return data;
-}
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const FieldSummary = (0, _react().observer)(props => {
   const schemaKey = props.schemaKey;
@@ -57,15 +50,15 @@ const FieldSummary = (0, _react().observer)(props => {
   const schema = getInterface(schemaKey);
   if (!schema) return null;
   return _react2().default.createElement("div", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
           background: #f6f6f6;
           margin-bottom: 24px;
           padding: 16px;
         `
   }, _react2().default.createElement("div", {
-    className: (0, _css().css)``
+    className: (0, _client().css)``
   }, t('Field interface'), ": ", _react2().default.createElement(_antd().Tag, null, compile(schema.title))), schema.description ? _react2().default.createElement("div", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
               margin-top: 8px;
               color: rgba(0, 0, 0, 0.45);
             `

package/lib/client/index.d.ts

@@ -1 +1,5 @@
-export { GraphCollectionProvider as default } from './GraphCollectionProvider';
+import { Plugin } from '@nocobase/client';
+export declare class GraphCollectionPlugin extends Plugin {
+    load(): Promise<void>;
+}
+export default GraphCollectionPlugin;

package/lib/client/index.js

@@ -3,10 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _GraphCollectionProvider.GraphCollectionProvider;
+exports.default = exports.GraphCollectionPlugin = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+var _GraphCollectionProvider = require("./GraphCollectionProvider");
+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); }); }; }
+class GraphCollectionPlugin extends _client().Plugin {
+  load() {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      _this.app.use(_GraphCollectionProvider.GraphCollectionProvider);
+    })();
   }
-});
-var _GraphCollectionProvider = require("./GraphCollectionProvider");
+}
+exports.GraphCollectionPlugin = GraphCollectionPlugin;
+var _default = GraphCollectionPlugin;
+exports.default = _default;

package/lib/client/style.d.ts

@@ -1,9 +1,12 @@
-export declare const nodeSubtreeClass: string;
-export declare const addButtonClass: string;
-export declare const entityContainer: string;
-export declare const headClass: string;
-export declare const tableNameClass: string;
-export declare const tableBtnClass: string;
-export declare const collectiionPopoverClass: string;
-export declare const collectionListClass: string;
-export declare const graphCollectionContainerClass: string;
+declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    graphMinimap: import("antd-style").SerializedStyles;
+    addButtonClass: import("antd-style").SerializedStyles;
+    entityContainer: import("antd-style").SerializedStyles;
+    headClass: import("antd-style").SerializedStyles;
+    tableNameClass: import("antd-style").SerializedStyles;
+    tableBtnClass: import("antd-style").SerializedStyles;
+    collectionPopoverClass: import("antd-style").SerializedStyles;
+    collectionListClass: import("antd-style").SerializedStyles;
+    graphCollectionContainerClass: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;