@gct-paas/core-web 0.1.6-dev.1 → 0.1.6-dev.11

package/es/modules/relationship-diagram-config/index.mjs

@@ -0,0 +1,28 @@
+import { LinkType, NodeType } from "./constant/index.mjs";
+import { RegisterUtil } from "./utils/register/register.mjs";
+import { DefaultLinkProvider } from "./providers/default-link-provider/default-link-provider.mjs";
+import { DefaultNodeProvider } from "./providers/default-node-provider/default-node-provider.mjs";
+import { ReverseNodeProvider } from "./providers/reverse-node-provider/reverse-node-provider.mjs";
+import { VirtualLinkProvider } from "./providers/virtual-link-provider/virtual-link-provider.mjs";
+import { VirtualNodeProvider } from "./providers/virtual-node-provider/virtual-node-provider.mjs";
+import "./providers/index.mjs";
+import { DiagramConfigItem } from "./components/diagram-config-item/diagram-config-item.mjs";
+import { DiagramConfigItemReverse } from "./components/diagram-config-item-reverse/diagram-config-item-reverse.mjs";
+import { DiagramConfigItemVirtual } from "./components/diagram-config-item-virtual/diagram-config-item-virtual.mjs";
+import "./components/index.mjs";
+import { RelationshipDiagramConfig } from "./relationship-diagram-config.mjs";
+import { defineAsyncComponent } from "vue";
+//#region src/modules/relationship-diagram-config/index.ts
+var relationship_diagram_config_default = { install(app) {
+	RegisterUtil.registerLink(LinkType.DEFAULT, new DefaultLinkProvider());
+	RegisterUtil.registerLink(LinkType.VIRTUAL, new VirtualLinkProvider());
+	RegisterUtil.registerNode(NodeType.DEFAULT, new DefaultNodeProvider());
+	RegisterUtil.registerNode(NodeType.VIRTUAL, new VirtualNodeProvider());
+	RegisterUtil.registerNode(NodeType.REVERSE, new ReverseNodeProvider());
+	app.component(RelationshipDiagramConfig.name, defineAsyncComponent(() => import("./relationship-diagram-config.mjs")));
+	app.component(DiagramConfigItem.name, defineAsyncComponent(() => import("./components/diagram-config-item/diagram-config-item.mjs")));
+	app.component(DiagramConfigItemVirtual.name, defineAsyncComponent(() => import("./components/diagram-config-item-virtual/diagram-config-item-virtual.mjs")));
+	app.component(DiagramConfigItemReverse.name, defineAsyncComponent(() => import("./components/diagram-config-item-reverse/diagram-config-item-reverse.mjs")));
+} };
+//#endregion
+export { relationship_diagram_config_default as default };

package/es/modules/relationship-diagram-config/interface/i-link-provider/i-link-provider.d.ts

@@ -0,0 +1,57 @@
+import { ConnectParams } from '@jsplumb/browser-ui';
+import { IRelationshipDiagramLink } from '../i-relationship-diagram-link/i-relationship-diagram-link';
+import { RelationshipDiagramConfigController } from '../../relationship-diagram-config.controller';
+/**
+ * 连线适配器
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 19:06:57
+ * @export
+ * @interface ILinkProvider
+ */
+export interface ILinkProvider {
+    /**
+     * 连线类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 20:06:56
+     * @type {string}
+     */
+    type: string;
+    /**
+     * 连线起始元素，填写 class name
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 19:06:54
+     * @type {string}
+     */
+    sourceHandle?: string;
+    /**
+     * 连线结束元素，填写 class name
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 19:06:15
+     * @type {string}
+     */
+    targetHandle?: string;
+    /**
+     * 计算连线配置
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 10:06:44
+     * @param {RelationshipDiagramConfigController} c
+     * @param {number} i
+     * @param {IRelationshipDiagramLink} link
+     * @return {*}  {ConnectParams<Element>}
+     */
+    options(c: RelationshipDiagramConfigController, link: IRelationshipDiagramLink): ConnectParams<Element>;
+    /**
+     * 连线点击事件
+     *
+     * @author zhanghanrui
+     * @date 2024-08-08 17:08:02
+     * @param {RelationshipDiagramConfigController} c
+     * @param {IRelationshipDiagramLink} link
+     */
+    click?(c: RelationshipDiagramConfigController, link: IRelationshipDiagramLink): void;
+}

package/es/modules/relationship-diagram-config/interface/i-node-provider/i-node-provider.d.ts

@@ -0,0 +1,18 @@
+export interface INodeProvider {
+    /**
+     * 类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 20:06:31
+     * @type {string}
+     */
+    type: string;
+    /**
+     * 节点绘制组件
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 20:06:11
+     * @type {string}
+     */
+    component: string;
+}

package/es/modules/relationship-diagram-config/interface/i-relationship-diagram-link/i-relationship-diagram-link.d.ts

@@ -0,0 +1,80 @@
+/**
+ * 连线
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 10:06:46
+ * @export
+ * @interface IRelationshipDiagramLink
+ */
+export interface IRelationshipDiagramLink {
+    /**
+     * 连线唯一标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 13:06:08
+     * @type {string}
+     */
+    id: string;
+    /**
+     * 第几条连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-27 13:06:00
+     * @type {number}
+     */
+    i: number;
+    /**
+     * 连线类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 13:06:52
+     * @type {string}
+     */
+    type: string;
+    /**
+     * 起始节点标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:31
+     * @type {string}
+     */
+    source: string;
+    /**
+     * 目标节点标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:38
+     * @type {string}
+     */
+    target: string;
+    /**
+     * 是否为反向连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 16:06:07
+     * @type {boolean}
+     */
+    reverse?: boolean;
+    /**
+     * 是否为换行连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 16:06:07
+     * @type {boolean}
+     */
+    return?: boolean;
+    /**
+     * 是否为虚线
+     *
+     * @type {boolean}
+     */
+    dashed?: boolean;
+    /**
+     * 从第几行开始画线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 16:06:04
+     * @type {number}
+     */
+    startLine: number;
+}

package/es/modules/relationship-diagram-config/interface/i-relationship-diagram-node/i-relationship-diagram-node.d.ts

@@ -0,0 +1,82 @@
+/**
+ * 节点
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 10:06:53
+ * @export
+ * @interface IRelationshipDiagramNode
+ */
+export interface IRelationshipDiagramNode {
+    /**
+     * 节点唯一标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 13:06:35
+     * @type {string}
+     */
+    id: string;
+    /**
+     * 字段唯一标识
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 10:07:11
+     * @type {string | null}
+     */
+    id_: string | null;
+    /**
+     * 节点类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 13:06:44
+     * @type {string}
+     */
+    type: string;
+    /**
+     * 当前模型标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 16:06:15
+     * @type {string | null}
+     */
+    modelKey: string | null;
+    /**
+     * 模型类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 16:06:30
+     * @type {string | null}
+     */
+    modelCategory: string | null;
+    /**
+     * 属性key
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 16:06:46
+     * @type {string | null}
+     */
+    value: string | null;
+    /**
+     * 属性文本
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 16:06:56
+     * @type {string | null}
+     */
+    label: string | null;
+    /**
+     * 是否为反向节点
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 15:06:46
+     * @type {boolean}
+     */
+    reverse?: boolean;
+    /**
+     * 禁止选择属性
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 13:06:52
+     * @type {boolean}
+     */
+    noSelectField?: boolean;
+}

package/es/modules/relationship-diagram-config/interface/i-relationship-diagram-options/i-relationship-diagram-options.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 组件参数配置
+ *
+ * @author zhanghanrui
+ * @date 2024-06-28 14:06:53
+ * @export
+ * @interface IRelationshipDiagramOptions
+ */
+export interface IRelationshipDiagramOptions {
+    /**
+     * 一行显示多少个节点，默认一行显示三个
+     *
+     * @default 3
+     * @author zhanghanrui
+     * @date 2024-06-28 14:06:00
+     * @type {number}
+     */
+    lineCount: number;
+    /**
+     * 从第几个节点开始可以反转，默认不限制
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 15:06:06
+     * @type {number}
+     */
+    reverseCount?: number;
+    /**
+     * 最多可以建立多少个节点，默认不限制
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 15:06:13
+     * @type {number}
+     */
+    max?: number;
+    /**
+     * 是否为单方向绘制，默认不限制
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 15:06:10
+     * @type {boolean}
+     */
+    oneDirection?: boolean;
+    /**
+     * 可以有几个反转节点，默认不限制
+     *
+     * @author zhanghanrui
+     * @date 2024-06-28 15:06:02
+     * @type {number}
+     */
+    reverseMax?: number;
+}

package/es/modules/relationship-diagram-config/interface/i-rule-config/i-rule-config.d.ts

@@ -0,0 +1,135 @@
+import { IRelationshipDiagramNode } from '../i-relationship-diagram-node/i-relationship-diagram-node';
+/**
+ * 设计 json
+ *
+ * @author zhanghanrui
+ * @date 2024-06-29 17:06:51
+ * @export
+ * @interface IDesignJson
+ */
+export interface IDesignJson {
+    /**
+     * 前置信息
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:58
+     * @type {IData}
+     */
+    before?: IData;
+    /**
+     * 节点信息
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:10
+     * @type {IRelationshipDiagramNode[]}
+     */
+    nodes: IRelationshipDiagramNode[];
+    /**
+     * 后置信息
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:08
+     * @type {IData}
+     */
+    after?: IData;
+}
+export interface INodeData {
+    /**
+     * 模型标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:38
+     * @type {string}
+     */
+    modelKey: string;
+    /**
+     * 模型类型
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:06
+     * @type {string}
+     */
+    modelCategory: string;
+    /**
+     * 属性标识
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:42
+     * @type {string}
+     */
+    fieldKey: string;
+    /**
+     * 节点方向
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:47
+     * @type {('forward' | 'backward' | '')}
+     */
+    direction: 'forward' | 'backward' | '';
+}
+/**
+ * 数据联动 ruleConfig 配置清单
+ *
+ * @author zhanghanrui
+ * @date 2024-06-29 17:06:29
+ * @export
+ * @interface IRuleConfig
+ */
+export interface IRuleConfig {
+    /**
+     * 设计 json 配置
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:31
+     * @type {IDesignJson}
+     */
+    designJson: IDesignJson;
+    /**
+     * 是否强依赖
+     *
+     * @author zhanghanrui
+     * @date 2024-09-02 15:09:15
+     * @type {boolean}
+     */
+    strongDependence: boolean;
+    /**
+     * 主查字段名称
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 19:06:48
+     * @type {string}
+     */
+    modelKey: string;
+    /**
+     * 属性标识（不是所有场景都有）
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 11:07:25
+     * @type {string}
+     */
+    fieldId?: string;
+    /**
+     * 属性标识（不是所有场景都有）
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:47
+     * @type {string}
+     */
+    fieldKey?: string;
+    /**
+     * 属性名称
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 19:06:24
+     * @type {string}
+     */
+    fieldLabel?: string;
+    /**
+     * 给后台使用的 nodes 清单
+     *
+     * @author zhanghanrui
+     * @date 2024-06-29 17:06:41
+     * @type {INodeData[]}
+     */
+    nodes: INodeData[];
+}

package/es/modules/relationship-diagram-config/interface/index.d.ts

@@ -0,0 +1,6 @@
+export type { ILinkProvider } from './i-link-provider/i-link-provider';
+export type { INodeProvider } from './i-node-provider/i-node-provider';
+export type { IRelationshipDiagramLink } from './i-relationship-diagram-link/i-relationship-diagram-link';
+export type { IRelationshipDiagramNode } from './i-relationship-diagram-node/i-relationship-diagram-node';
+export type { IRelationshipDiagramOptions } from './i-relationship-diagram-options/i-relationship-diagram-options';
+export type { IRuleConfig } from './i-rule-config/i-rule-config';

package/es/modules/relationship-diagram-config/link.controller.d.ts

@@ -0,0 +1,75 @@
+import { IRelationshipDiagramLink } from './interface';
+import { RelationshipDiagramConfigController } from './relationship-diagram-config.controller';
+/**
+ * 连线控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 14:06:19
+ * @export
+ * @class LinkController
+ */
+export declare class LinkController {
+    protected readonly c: RelationshipDiagramConfigController;
+    constructor(c: RelationshipDiagramConfigController);
+    /**
+     * 创建连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-26 16:06:24
+     * @param {IData} data
+     * @return {*}  {IRelationshipDiagramLink}
+     */
+    create(data: IData): IRelationshipDiagramLink;
+    /**
+     * 更新连线数据
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:51
+     * @param {IRelationshipDiagramLink} link
+     */
+    update(link: IRelationshipDiagramLink): void;
+    /**
+     * 获取连线数据
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:43
+     * @param {string} id
+     * @return {*}  {(IRelationshipDiagramLink | null)}
+     */
+    get(id: string): IRelationshipDiagramLink | null;
+    /**
+     * 根据起始节点查找连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:19
+     * @param {string} source
+     * @return {*}  {(IRelationshipDiagramLink | null)}
+     */
+    getBySource(source: string): IRelationshipDiagramLink | null;
+    /**
+     * 根据结束节点查找连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:50
+     * @param {string} target
+     * @return {*}  {(IRelationshipDiagramLink | null)}
+     */
+    getByTarget(target: string): IRelationshipDiagramLink | null;
+    /**
+     * 删除连线数据，删除当前指定连线后所有数据
+     *
+     * @author zhanghanrui
+     * @date 2024-06-25 14:06:48
+     * @param {string} id
+     */
+    delete(id: string): void;
+    /**
+     * 清除已经绘制的连线
+     *
+     * @author zhanghanrui
+     * @date 2024-06-27 13:06:08
+     * @protected
+     * @param {IRelationshipDiagramLink[]} links
+     */
+    protected clearLinks(links: IRelationshipDiagramLink[]): void;
+}

package/es/modules/relationship-diagram-config/link.controller.mjs

@@ -0,0 +1,121 @@
+import { LinkType } from "./constant/index.mjs";
+import "./relationship-diagram-config.controller.mjs";
+import { uuid } from "@jsplumb/browser-ui";
+//#region src/modules/relationship-diagram-config/link.controller.ts
+/**
+* 连线控制器
+*
+* @author zhanghanrui
+* @date 2024-06-25 14:06:19
+* @export
+* @class LinkController
+*/
+var LinkController = class {
+	c;
+	constructor(c) {
+		this.c = c;
+	}
+	/**
+	* 创建连线
+	*
+	* @author zhanghanrui
+	* @date 2024-06-26 16:06:24
+	* @param {IData} data
+	* @return {*}  {IRelationshipDiagramLink}
+	*/
+	create(data) {
+		const i = this.c.state.links.length;
+		const link = {
+			id: uuid(),
+			i,
+			type: LinkType.DEFAULT,
+			reverse: false,
+			return: (i + 1) % this.c.config.lineCount === 0,
+			startLine: Math.floor(i / 3) + 1,
+			dashed: false,
+			...data
+		};
+		this.c.state.links.push(link);
+		setTimeout(() => {
+			this.c.connect(link);
+		}, 0);
+		return link;
+	}
+	/**
+	* 更新连线数据
+	*
+	* @author zhanghanrui
+	* @date 2024-06-25 14:06:51
+	* @param {IRelationshipDiagramLink} link
+	*/
+	update(link) {
+		const data = this.get(link.id);
+		if (data) {
+			this.clearLinks([link]);
+			Object.assign(data, link);
+			this.c.connect(link);
+		}
+	}
+	/**
+	* 获取连线数据
+	*
+	* @author zhanghanrui
+	* @date 2024-06-25 14:06:43
+	* @param {string} id
+	* @return {*}  {(IRelationshipDiagramLink | null)}
+	*/
+	get(id) {
+		return this.c.state.links.find((link) => link.id === id) ?? null;
+	}
+	/**
+	* 根据起始节点查找连线
+	*
+	* @author zhanghanrui
+	* @date 2024-06-25 14:06:19
+	* @param {string} source
+	* @return {*}  {(IRelationshipDiagramLink | null)}
+	*/
+	getBySource(source) {
+		return this.c.state.links.find((link) => link.source === source) ?? null;
+	}
+	/**
+	* 根据结束节点查找连线
+	*
+	* @author zhanghanrui
+	* @date 2024-06-25 14:06:50
+	* @param {string} target
+	* @return {*}  {(IRelationshipDiagramLink | null)}
+	*/
+	getByTarget(target) {
+		return this.c.state.links.find((link) => link.target === target) ?? null;
+	}
+	/**
+	* 删除连线数据，删除当前指定连线后所有数据
+	*
+	* @author zhanghanrui
+	* @date 2024-06-25 14:06:48
+	* @param {string} id
+	*/
+	delete(id) {
+		const i = this.c.state.links.findIndex((link) => link.id === id);
+		if (i !== -1) {
+			const links = this.c.state.links.splice(i, this.c.state.links.length);
+			this.clearLinks(links);
+		}
+	}
+	/**
+	* 清除已经绘制的连线
+	*
+	* @author zhanghanrui
+	* @date 2024-06-27 13:06:08
+	* @protected
+	* @param {IRelationshipDiagramLink[]} links
+	*/
+	clearLinks(links) {
+		this.c.plumb.getConnections().forEach((item) => {
+			if (links.find((_) => item.data.id === _.id)) this.c.plumb.deleteConnection(item);
+		});
+	}
+};
+//#endregion
+export { LinkController };