cmat 0.0.20 → 0.0.21

package/components/x6-angular-shape/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cmat/components/x6-angular-shape" />
+export * from './public-api';

package/components/x6-angular-shape/node.d.ts

@@ -0,0 +1,11 @@
+import { Node } from '@antv/x6';
+export declare class AngularShape<Properties extends AngularShape.Properties = AngularShape.Properties> extends Node<Properties> {
+}
+export declare namespace AngularShape {
+    type Primer = 'rect' | 'circle' | 'path' | 'ellipse' | 'polygon' | 'polyline';
+    interface Properties extends Node.Properties {
+        primer?: Primer;
+    }
+}
+export declare namespace AngularShape {
+}

package/components/x6-angular-shape/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './node';
+export * from './view';
+export * from './registry';

package/components/x6-angular-shape/registry.d.ts

@@ -0,0 +1,13 @@
+import { Injector, TemplateRef, Type } from '@angular/core';
+import { Node } from '@antv/x6';
+export type Content = TemplateRef<any> | Type<any>;
+export type AngularShapeConfig = Node.Properties & {
+    shape: string;
+    injector: Injector;
+    content: Content;
+};
+export declare const registerInfo: Map<string, {
+    injector: Injector;
+    content: Content;
+}>;
+export declare function register(config: AngularShapeConfig): void;

package/components/x6-angular-shape/view.d.ts

@@ -0,0 +1,16 @@
+import { Dom, NodeView } from '@antv/x6';
+import { AngularShape } from './node';
+export declare class AngularShapeView extends NodeView<AngularShape> {
+    getNodeContainer(): HTMLDivElement;
+    onMouseDown(e: Dom.MouseDownEvent, x: number, y: number): void;
+    unmount(): this;
+    confirmUpdate(flag: number): number;
+    protected renderAngularContent(): void;
+    protected unmountAngularContent(): HTMLDivElement;
+    private getNgArguments;
+    /** 当执行 node.setData() 时需要对实例设置新的输入值 */
+    private setInstanceInput;
+}
+export declare namespace AngularShapeView {
+    const action: any;
+}

package/fesm2022/cmat-components-x6-angular-shape.mjs

@@ -0,0 +1,183 @@
+import { Node, Markup, ObjectExt, Graph, NodeView } from '@antv/x6';
+import { ApplicationRef, TemplateRef, ViewContainerRef, Renderer2, createComponent } from '@angular/core';
+
+/* eslint-disable no-redeclare */
+/* eslint-disable @typescript-eslint/no-namespace */
+class AngularShape extends Node {
+}
+(function (AngularShape) {
+    function getMarkup(primer) {
+        const markup = [];
+        const content = Markup.getForeignObjectMarkup();
+        if (primer) {
+            markup.push(...[
+                {
+                    tagName: primer,
+                    selector: 'body',
+                },
+                content,
+            ]);
+        }
+        else {
+            markup.push(content);
+        }
+        return markup;
+    }
+    AngularShape.config({
+        view: 'angular-shape-view',
+        markup: getMarkup(),
+        attrs: {
+            body: {
+                fill: 'none',
+                stroke: 'none',
+                refWidth: '100%',
+                refHeight: '100%',
+            },
+            fo: {
+                refWidth: '100%',
+                refHeight: '100%',
+            },
+        },
+        propHooks(metadata) {
+            if (metadata.markup == null) {
+                const primer = metadata.primer;
+                if (primer) {
+                    metadata.markup = getMarkup(primer);
+                    let attrs = {};
+                    switch (primer) {
+                        case 'circle':
+                            attrs = {
+                                refCx: '50%',
+                                refCy: '50%',
+                                refR: '50%',
+                            };
+                            break;
+                        case 'ellipse':
+                            attrs = {
+                                refCx: '50%',
+                                refCy: '50%',
+                                refRx: '50%',
+                                refRy: '50%',
+                            };
+                            break;
+                        default:
+                            break;
+                    }
+                    metadata.attrs = ObjectExt.merge({}, {
+                        body: {
+                            refWidth: null,
+                            refHeight: null,
+                            ...attrs,
+                        },
+                    }, metadata.attrs ?? {});
+                }
+            }
+            return metadata;
+        },
+    });
+    Node.registry.register('angular-shape', AngularShape, true);
+})(AngularShape || (AngularShape = {}));
+
+const registerInfo = new Map();
+function register(config) {
+    const { shape, injector, content, ...others } = config;
+    registerInfo.set(shape, { injector, content });
+    Graph.registerNode(shape, {
+        inherit: 'angular-shape',
+        ...others,
+    }, true);
+}
+
+/* eslint-disable no-redeclare */
+/* eslint-disable @typescript-eslint/no-namespace */
+class AngularShapeView extends NodeView {
+    getNodeContainer() {
+        return this.selectors?.foContent;
+    }
+    onMouseDown(e, x, y) {
+        const target = e.target;
+        const tagName = target.tagName.toLowerCase();
+        if (tagName === 'input') {
+            const type = target.getAttribute('type');
+            if (type == null || ['text', 'password', 'number', 'email', 'search', 'tel', 'url'].includes(type)) {
+                return;
+            }
+        }
+        super.onMouseDown(e, x, y);
+    }
+    unmount() {
+        this.unmountAngularContent();
+        super.unmount();
+        return this;
+    }
+    confirmUpdate(flag) {
+        const ret = super.confirmUpdate(flag);
+        return this.handleAction(ret, AngularShapeView.action, () => this.renderAngularContent());
+    }
+    renderAngularContent() {
+        this.unmountAngularContent();
+        const container = this.getNodeContainer();
+        if (container) {
+            const node = this.cell;
+            const { injector, content } = registerInfo.get(node.shape);
+            const applicationRef = injector.get(ApplicationRef);
+            const environmentInjector = applicationRef.injector;
+            if (content instanceof TemplateRef) {
+                const viewContainerRef = injector.get(ViewContainerRef);
+                const renderer = injector.get(Renderer2);
+                const ngArguments = this.getNgArguments();
+                const embeddedViewRef = viewContainerRef.createEmbeddedView(content, { ngArguments });
+                embeddedViewRef.rootNodes.forEach(node => renderer.appendChild(container, node));
+                embeddedViewRef.detectChanges();
+                node.on('change:data', () => this.setInstanceInput(content, embeddedViewRef));
+            }
+            else {
+                const componentRef = createComponent(content, { environmentInjector, hostElement: container });
+                applicationRef.attachView(componentRef.hostView);
+                this.setInstanceInput(content, componentRef);
+                componentRef.changeDetectorRef.detectChanges();
+                node.on('change:data', () => this.setInstanceInput(content, componentRef));
+                node.on('removed', () => componentRef.destroy());
+            }
+        }
+    }
+    unmountAngularContent() {
+        const container = this.getNodeContainer();
+        container.innerHTML = '';
+        return container;
+    }
+    getNgArguments() {
+        const input = this.cell.data?.ngArguments || {};
+        return input;
+    }
+    /** 当执行 node.setData() 时需要对实例设置新的输入值 */
+    setInstanceInput(content, ref) {
+        const ngArguments = this.getNgArguments();
+        if (content instanceof TemplateRef) {
+            const embeddedViewRef = ref;
+            embeddedViewRef.context = { ngArguments };
+        }
+        else {
+            const componentRef = ref;
+            Object.keys(ngArguments).forEach(v => componentRef.setInput(v, ngArguments[v]));
+            componentRef.changeDetectorRef.detectChanges();
+        }
+    }
+}
+(function (AngularShapeView) {
+    AngularShapeView.action = 'angular';
+    AngularShapeView.config({
+        bootstrap: [AngularShapeView.action],
+        actions: {
+            component: AngularShapeView.action,
+        },
+    });
+    NodeView.registry.register('angular-shape-view', AngularShapeView, true);
+})(AngularShapeView || (AngularShapeView = {}));
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AngularShape, AngularShapeView, register, registerInfo };
+//# sourceMappingURL=cmat-components-x6-angular-shape.mjs.map

package/fesm2022/cmat-components-x6-angular-shape.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-x6-angular-shape.mjs","sources":["../../../projects/cmat/components/x6-angular-shape/node.ts","../../../projects/cmat/components/x6-angular-shape/registry.ts","../../../projects/cmat/components/x6-angular-shape/view.ts","../../../projects/cmat/components/x6-angular-shape/cmat-components-x6-angular-shape.ts"],"sourcesContent":["/* eslint-disable no-redeclare */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\nimport { Node, Markup, ObjectExt } from '@antv/x6';\r\n\r\nexport class AngularShape<\r\n    Properties extends AngularShape.Properties = AngularShape.Properties,\r\n> extends Node<Properties> { }\r\n\r\nexport namespace AngularShape {\r\n    export type Primer = 'rect' | 'circle' | 'path' | 'ellipse' | 'polygon' | 'polyline';\r\n\r\n    export interface Properties extends Node.Properties {\r\n        primer?: Primer;\r\n    }\r\n}\r\n\r\nexport namespace AngularShape {\r\n    function getMarkup(primer?: Primer) : Markup.JSONMarkup[]{\r\n        const markup: Markup.JSONMarkup[] = [];\r\n        const content = Markup.getForeignObjectMarkup();\r\n\r\n        if (primer) {\r\n            markup.push(\r\n                ...[\r\n                    {\r\n                        tagName: primer,\r\n                        selector: 'body',\r\n                    },\r\n                    content,\r\n                ],\r\n            );\r\n        } else {\r\n            markup.push(content);\r\n        }\r\n\r\n        return markup;\r\n    }\r\n\r\n    AngularShape.config<Properties>({\r\n        view: 'angular-shape-view',\r\n        markup: getMarkup(),\r\n        attrs: {\r\n            body: {\r\n                fill: 'none',\r\n                stroke: 'none',\r\n                refWidth: '100%',\r\n                refHeight: '100%',\r\n            },\r\n            fo: {\r\n                refWidth: '100%',\r\n                refHeight: '100%',\r\n            },\r\n        },\r\n        propHooks(metadata: Properties) {\r\n            if (metadata.markup == null) {\r\n                const primer = metadata.primer;\r\n                if (primer) {\r\n                    metadata.markup = getMarkup(primer);\r\n\r\n                    let attrs = {};\r\n                    switch (primer) {\r\n                        case 'circle':\r\n                            attrs = {\r\n                                refCx: '50%',\r\n                                refCy: '50%',\r\n                                refR: '50%',\r\n                            };\r\n                            break;\r\n                        case 'ellipse':\r\n                            attrs = {\r\n                                refCx: '50%',\r\n                                refCy: '50%',\r\n                                refRx: '50%',\r\n                                refRy: '50%',\r\n                            };\r\n                            break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                    metadata.attrs = ObjectExt.merge(\r\n                        {},\r\n                        {\r\n                            body: {\r\n                                refWidth: null,\r\n                                refHeight: null,\r\n                                ...attrs,\r\n                            },\r\n                        },\r\n                        metadata.attrs ?? {},\r\n                    );\r\n                }\r\n            }\r\n            return metadata;\r\n        },\r\n    });\r\n\r\n    Node.registry.register('angular-shape', AngularShape, true);\r\n}","import { Injector, TemplateRef, Type } from '@angular/core';\r\nimport { Graph, Node } from '@antv/x6';\r\n\r\nexport type Content = TemplateRef<any> | Type<any>;\r\n\r\nexport type AngularShapeConfig = Node.Properties & {\r\n  shape: string;\r\n  injector: Injector;\r\n  content: Content;\r\n};\r\n\r\nexport const registerInfo = new Map<\r\n  string,\r\n  {\r\n    injector: Injector;\r\n    content: Content;\r\n  }\r\n>();\r\n\r\nexport function register(config: AngularShapeConfig): void {\r\n  const { shape, injector, content, ...others } = config;\r\n  \r\n  registerInfo.set(shape, { injector, content });\r\n\r\n  Graph.registerNode(\r\n    shape,\r\n    {\r\n      inherit: 'angular-shape',\r\n      ...others,\r\n    },\r\n    true,\r\n  );\r\n}","/* eslint-disable no-redeclare */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\nimport { ApplicationRef, ComponentRef, createComponent, EmbeddedViewRef, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { Dom, NodeView } from '@antv/x6';\r\nimport { AngularShape } from './node';\r\nimport { Content, registerInfo } from './registry';\r\n\r\nexport class AngularShapeView extends NodeView<AngularShape> {\r\n  getNodeContainer(): HTMLDivElement {\r\n    return this.selectors?.foContent as HTMLDivElement;\r\n  }\r\n\r\n  override onMouseDown(e: Dom.MouseDownEvent, x: number, y: number): void {\r\n    const target = e.target as Element;\r\n    const tagName = target.tagName.toLowerCase();\r\n    if (tagName === 'input') {\r\n      const type = target.getAttribute('type');\r\n      if (type == null || ['text', 'password', 'number', 'email', 'search', 'tel', 'url'].includes(type)) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    super.onMouseDown(e, x, y);\r\n  }\r\n\r\n  override unmount(): this {\r\n    this.unmountAngularContent();\r\n    super.unmount();\r\n    return this;\r\n  }\r\n\r\n  override confirmUpdate(flag: number): number {\r\n    const ret = super.confirmUpdate(flag);\r\n    return this.handleAction(ret, AngularShapeView.action, () => this.renderAngularContent());\r\n  }\r\n\r\n  protected renderAngularContent(): void {\r\n    this.unmountAngularContent();\r\n    const container = this.getNodeContainer();\r\n    if (container) {\r\n      const node = this.cell;\r\n      const { injector, content } = registerInfo.get(node.shape)!;      \r\n      const applicationRef = injector.get(ApplicationRef);\r\n      const environmentInjector = applicationRef.injector;   \r\n         \r\n      if (content instanceof TemplateRef) {\r\n        const viewContainerRef = injector.get(ViewContainerRef);\r\n        const renderer=injector.get(Renderer2);\r\n        const ngArguments = this.getNgArguments();\r\n        const embeddedViewRef = viewContainerRef.createEmbeddedView(content, { ngArguments });\r\n        embeddedViewRef.rootNodes.forEach(node =>renderer.appendChild(container,node));\r\n        embeddedViewRef.detectChanges();\r\n        node.on('change:data', () => this.setInstanceInput(content, embeddedViewRef));\r\n      } else {       \r\n        const componentRef = createComponent(content, { environmentInjector, hostElement: container });\r\n        applicationRef.attachView(componentRef.hostView);\r\n        this.setInstanceInput(content, componentRef);\r\n        componentRef.changeDetectorRef.detectChanges();\r\n        node.on('change:data', () => this.setInstanceInput(content, componentRef));\r\n        node.on('removed', () => componentRef.destroy());\r\n      }\r\n    }\r\n  }\r\n\r\n  protected unmountAngularContent(): HTMLDivElement {\r\n    const container = this.getNodeContainer();\r\n    container.innerHTML = '';\r\n    return container;\r\n  }\r\n\r\n\r\n  private getNgArguments(): Record<string, any> {\r\n    const input = (this.cell.data?.ngArguments as Record<string, any>) || {};\r\n    return input;\r\n  }\r\n\r\n  /** 当执行 node.setData() 时需要对实例设置新的输入值 */\r\n  private setInstanceInput(content: Content, ref: EmbeddedViewRef<any> | ComponentRef<any>): void {\r\n    const ngArguments = this.getNgArguments();\r\n    if (content instanceof TemplateRef) {\r\n      const embeddedViewRef = ref as EmbeddedViewRef<any>;\r\n      embeddedViewRef.context = { ngArguments };\r\n    } else {\r\n      const componentRef = ref as ComponentRef<any>;\r\n      Object.keys(ngArguments).forEach(v => componentRef.setInput(v, ngArguments[v]));\r\n      componentRef.changeDetectorRef.detectChanges();\r\n    }\r\n  }\r\n}\r\n\r\nexport namespace AngularShapeView {\r\n  export const action = 'angular' as any;\r\n\r\n  AngularShapeView.config({\r\n    bootstrap: [action],\r\n    actions: {\r\n      component: action,\r\n    },\r\n  });\r\n\r\n  NodeView.registry.register('angular-shape-view', AngularShapeView, true);\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"
@@ -57,34 +57,6 @@
       "types": "./version/index.d.ts",
       "default": "./fesm2022/cmat-version.mjs"
     },
-    "./directives/animate-on-scroll": {
-      "types": "./directives/animate-on-scroll/index.d.ts",
-      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
-    },
-    "./directives/arrow-cursor": {
-      "types": "./directives/arrow-cursor/index.d.ts",
-      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
-    },
-    "./directives/autofocus": {
-      "types": "./directives/autofocus/index.d.ts",
-      "default": "./fesm2022/cmat-directives-autofocus.mjs"
-    },
-    "./directives/data-exporter": {
-      "types": "./directives/data-exporter/index.d.ts",
-      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
-    },
-    "./directives/debounce": {
-      "types": "./directives/debounce/index.d.ts",
-      "default": "./fesm2022/cmat-directives-debounce.mjs"
-    },
-    "./directives/digit-only": {
-      "types": "./directives/digit-only/index.d.ts",
-      "default": "./fesm2022/cmat-directives-digit-only.mjs"
-    },
-    "./directives/equal-validator": {
-      "types": "./directives/equal-validator/index.d.ts",
-      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
-    },
     "./components/adapter": {
       "types": "./components/adapter/index.d.ts",
       "default": "./fesm2022/cmat-components-adapter.mjs"
@@ -149,14 +121,14 @@
       "types": "./components/material-color-picker/index.d.ts",
       "default": "./fesm2022/cmat-components-material-color-picker.mjs"
     },
-    "./components/navigation": {
-      "types": "./components/navigation/index.d.ts",
-      "default": "./fesm2022/cmat-components-navigation.mjs"
-    },
     "./components/material-datetimepicker": {
       "types": "./components/material-datetimepicker/index.d.ts",
       "default": "./fesm2022/cmat-components-material-datetimepicker.mjs"
     },
+    "./components/navigation": {
+      "types": "./components/navigation/index.d.ts",
+      "default": "./fesm2022/cmat-components-navigation.mjs"
+    },
     "./components/opt-input": {
       "types": "./components/opt-input/index.d.ts",
       "default": "./fesm2022/cmat-components-opt-input.mjs"
@@ -189,14 +161,14 @@
       "types": "./components/select-search/index.d.ts",
       "default": "./fesm2022/cmat-components-select-search.mjs"
     },
-    "./components/select-tree": {
-      "types": "./components/select-tree/index.d.ts",
-      "default": "./fesm2022/cmat-components-select-tree.mjs"
-    },
     "./components/select-table": {
       "types": "./components/select-table/index.d.ts",
       "default": "./fesm2022/cmat-components-select-table.mjs"
     },
+    "./components/select-tree": {
+      "types": "./components/select-tree/index.d.ts",
+      "default": "./fesm2022/cmat-components-select-tree.mjs"
+    },
     "./components/speed-dial": {
       "types": "./components/speed-dial/index.d.ts",
       "default": "./fesm2022/cmat-components-speed-dial.mjs"
@@ -221,10 +193,42 @@
       "types": "./components/upload/index.d.ts",
       "default": "./fesm2022/cmat-components-upload.mjs"
     },
+    "./components/x6-angular-shape": {
+      "types": "./components/x6-angular-shape/index.d.ts",
+      "default": "./fesm2022/cmat-components-x6-angular-shape.mjs"
+    },
     "./lib/mock-api": {
       "types": "./lib/mock-api/index.d.ts",
       "default": "./fesm2022/cmat-lib-mock-api.mjs"
     },
+    "./directives/animate-on-scroll": {
+      "types": "./directives/animate-on-scroll/index.d.ts",
+      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
+    },
+    "./directives/arrow-cursor": {
+      "types": "./directives/arrow-cursor/index.d.ts",
+      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
+    },
+    "./directives/autofocus": {
+      "types": "./directives/autofocus/index.d.ts",
+      "default": "./fesm2022/cmat-directives-autofocus.mjs"
+    },
+    "./directives/data-exporter": {
+      "types": "./directives/data-exporter/index.d.ts",
+      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
+    },
+    "./directives/debounce": {
+      "types": "./directives/debounce/index.d.ts",
+      "default": "./fesm2022/cmat-directives-debounce.mjs"
+    },
+    "./directives/digit-only": {
+      "types": "./directives/digit-only/index.d.ts",
+      "default": "./fesm2022/cmat-directives-digit-only.mjs"
+    },
+    "./directives/equal-validator": {
+      "types": "./directives/equal-validator/index.d.ts",
+      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
+    },
     "./pipes/bytes": {
       "types": "./pipes/bytes/index.d.ts",
       "default": "./fesm2022/cmat-pipes-bytes.mjs"
@@ -237,14 +241,14 @@
       "types": "./pipes/find-by-key/index.d.ts",
       "default": "./fesm2022/cmat-pipes-find-by-key.mjs"
     },
-    "./pipes/keys": {
-      "types": "./pipes/keys/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-keys.mjs"
-    },
     "./pipes/group-by": {
       "types": "./pipes/group-by/index.d.ts",
       "default": "./fesm2022/cmat-pipes-group-by.mjs"
     },
+    "./pipes/keys": {
+      "types": "./pipes/keys/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-keys.mjs"
+    },
     "./pipes/secure": {
       "types": "./pipes/secure/index.d.ts",
       "default": "./fesm2022/cmat-pipes-secure.mjs"
@@ -253,14 +257,14 @@
       "types": "./pipes/uppercase/index.d.ts",
       "default": "./fesm2022/cmat-pipes-uppercase.mjs"
     },
-    "./services/alert": {
-      "types": "./services/alert/index.d.ts",
-      "default": "./fesm2022/cmat-services-alert.mjs"
-    },
     "./services/config": {
       "types": "./services/config/index.d.ts",
       "default": "./fesm2022/cmat-services-config.mjs"
     },
+    "./services/alert": {
+      "types": "./services/alert/index.d.ts",
+      "default": "./fesm2022/cmat-services-alert.mjs"
+    },
     "./services/confirmation": {
       "types": "./services/confirmation/index.d.ts",
       "default": "./fesm2022/cmat-services-confirmation.mjs"