@gct-paas/core-web 0.1.6-dev.5 → 0.1.6-dev.7

package/es/modules/relationship-diagram-config/components/diagram-config-item-virtual/diagram-config-item-virtual.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 最后一个虚拟节点
+ */
+export declare const DiagramConfigItemVirtual: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    i: {
+        type: NumberConstructor;
+        required: true;
+    };
+    beforeNodeId: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    i: {
+        type: NumberConstructor;
+        required: true;
+    };
+    beforeNodeId: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default DiagramConfigItemVirtual;

package/es/modules/relationship-diagram-config/components/diagram-config-item-virtual/diagram-config-item-virtual.mjs

@@ -0,0 +1,53 @@
+import { LinkType } from "../../constant/index.mjs";
+import { useRootController } from "../../hooks/index.mjs";
+import './diagram-config-item-virtual.css';/* empty css                                  */
+import { createVNode, defineComponent, nextTick, onMounted, onUnmounted } from "vue";
+import { createUUID } from "qx-util";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/relationship-diagram-config/components/diagram-config-item-virtual/diagram-config-item-virtual.tsx
+/**
+* 最后一个虚拟节点
+*/
+var DiagramConfigItemVirtual = /* @__PURE__ */ defineComponent({
+	name: "DiagramConfigItemVirtual",
+	props: {
+		i: {
+			type: Number,
+			required: true
+		},
+		beforeNodeId: {
+			type: String,
+			required: true
+		},
+		id: {
+			type: String,
+			required: true
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("diagram-config-item-virtual");
+		const c = useRootController();
+		const link = {
+			id: createUUID(),
+			i: props.i - 1,
+			source: props.beforeNodeId,
+			target: props.id,
+			type: LinkType.VIRTUAL,
+			return: props.i % c.config.lineCount === 0,
+			startLine: Math.floor((props.i - 1) / 3) + 1
+		};
+		onMounted(() => {
+			nextTick(() => {
+				c.connect(link);
+			});
+		});
+		onUnmounted(() => {
+			c.disconnect(link);
+		});
+		return () => {
+			return createVNode("div", { "class": ns.b() }, null);
+		};
+	}
+});
+//#endregion
+export { DiagramConfigItemVirtual, DiagramConfigItemVirtual as default };

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

@@ -0,0 +1,5 @@
+export { DiagramConfigItem } from './diagram-config-item/diagram-config-item';
+export { DiagramConfigItemContainer } from './diagram-config-item-container/diagram-config-item-container';
+export { DiagramConfigItemReverse } from './diagram-config-item-reverse/diagram-config-item-reverse';
+export { DiagramConfigItemInfo } from './diagram-config-item-info/diagram-config-item-info';
+export { DiagramConfigItemVirtual } from './diagram-config-item-virtual/diagram-config-item-virtual';

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

@@ -0,0 +1,5 @@
+import "./diagram-config-item/diagram-config-item.mjs";
+import "./diagram-config-item-container/diagram-config-item-container.mjs";
+import "./diagram-config-item-reverse/diagram-config-item-reverse.mjs";
+import "./diagram-config-item-info/diagram-config-item-info.mjs";
+import "./diagram-config-item-virtual/diagram-config-item-virtual.mjs";

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

@@ -0,0 +1,72 @@
+/**
+ * 连线方向
+ *
+ * @author zhanghanrui
+ * @date 2024-06-30 13:06:37
+ * @export
+ */
+export declare const ConnectionDirection: {
+    /**
+     * 正向
+     */
+    readonly FORWARD: "forward";
+    /**
+     * 反向
+     */
+    readonly REVERSE: "reverse";
+};
+export type ConnectionDirection = (typeof ConnectionDirection)[keyof typeof ConnectionDirection];
+/**
+ * 控制器标识
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 09:06:57
+ * @export
+ */
+export declare const ControllerTag: {
+    /**
+     * 根节点控制器标识
+     */
+    readonly ROOT: "root-controller";
+};
+export type ControllerTag = (typeof ControllerTag)[keyof typeof ControllerTag];
+/**
+ * 连线类型
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 19:06:26
+ * @export
+ */
+export declare const LinkType: {
+    /**
+     * 默认连线
+     */
+    readonly DEFAULT: "default";
+    /**
+     * 虚拟连线
+     */
+    readonly VIRTUAL: "virtual";
+};
+export type LinkType = (typeof LinkType)[keyof typeof LinkType];
+/**
+ * 节点类型
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 20:06:44
+ * @export
+ */
+export declare const NodeType: {
+    /**
+     * 默认节点
+     */
+    readonly DEFAULT: "default";
+    /**
+     * 虚拟节点
+     */
+    readonly VIRTUAL: "virtual";
+    /**
+     * 反转节点
+     */
+    readonly REVERSE: "reverse";
+};
+export type NodeType = (typeof NodeType)[keyof typeof NodeType];

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

@@ -0,0 +1,70 @@
+//#region src/modules/relationship-diagram-config/constant/index.ts
+/**
+* 连线方向
+*
+* @author zhanghanrui
+* @date 2024-06-30 13:06:37
+* @export
+*/
+var ConnectionDirection = {
+	/**
+	* 正向
+	*/
+	FORWARD: "forward",
+	/**
+	* 反向
+	*/
+	REVERSE: "reverse"
+};
+/**
+* 控制器标识
+*
+* @author zhanghanrui
+* @date 2024-06-25 09:06:57
+* @export
+*/
+var ControllerTag = { 
+/**
+* 根节点控制器标识
+*/
+ROOT: "root-controller" };
+/**
+* 连线类型
+*
+* @author zhanghanrui
+* @date 2024-06-25 19:06:26
+* @export
+*/
+var LinkType = {
+	/**
+	* 默认连线
+	*/
+	DEFAULT: "default",
+	/**
+	* 虚拟连线
+	*/
+	VIRTUAL: "virtual"
+};
+/**
+* 节点类型
+*
+* @author zhanghanrui
+* @date 2024-06-25 20:06:44
+* @export
+*/
+var NodeType = {
+	/**
+	* 默认节点
+	*/
+	DEFAULT: "default",
+	/**
+	* 虚拟节点
+	*/
+	VIRTUAL: "virtual",
+	/**
+	* 反转节点
+	*/
+	REVERSE: "reverse"
+};
+//#endregion
+export { ConnectionDirection, ControllerTag, LinkType, NodeType };

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

@@ -0,0 +1,10 @@
+import { RelationshipDiagramConfigController } from '../relationship-diagram-config.controller';
+/**
+ * 获取根控制器实例
+ *
+ * @author zhanghanrui
+ * @date 2024-06-25 09:06:08
+ * @export
+ * @return {*}  {RelationshipDiagramConfigController}
+ */
+export declare function useRootController(): RelationshipDiagramConfigController;

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

@@ -0,0 +1,19 @@
+import { ControllerTag } from "../constant/index.mjs";
+import "../relationship-diagram-config.controller.mjs";
+import { inject } from "vue";
+//#region src/modules/relationship-diagram-config/hooks/index.ts
+/**
+* 获取根控制器实例
+*
+* @author zhanghanrui
+* @date 2024-06-25 09:06:08
+* @export
+* @return {*}  {RelationshipDiagramConfigController}
+*/
+function useRootController() {
+	const rootController = inject(ControllerTag.ROOT);
+	if (!rootController) throw new Error("root controller not found");
+	return rootController;
+}
+//#endregion
+export { useRootController };

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

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+export * from './interface';

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;
+}