@gct-paas/design 0.1.5-test.2 → 0.1.6-dev.1

package/es/interface/provider/i-node-provider.d.ts

@@ -0,0 +1,140 @@
+import { Component } from 'vue';
+import { IDesignViewController } from '../controller/i-design-view.controller';
+import { IDesignItemAction } from '../i-design-item-action/i-design-item-action';
+import { DesignNodeMode, IDesignNode, IDragDataItem } from '@gct-paas/schema';
+import { IEditForm } from '@gct-paas/core-web';
+/**
+ * 设计界面节点设计绘制器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-06 11:07:22
+ * @export
+ * @interface INodeProvider
+ */
+export interface INodeProvider<T extends IDesignNode = IDesignNode> {
+    /**
+     * 节点模式
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 12:07:05
+     * @type {DesignNodeMode}
+     */
+    readonly mode: DesignNodeMode;
+    /**
+     * 节点类型
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 11:07:24
+     * @type {string}
+     */
+    readonly type: string;
+    /**
+     * 设计界面节点绘制组件
+     *
+     * @author chitanda
+     * @date 2025-07-07 15:07:18
+     * @type {(string | Component)}
+     */
+    readonly component: string | Component;
+    /**
+     * 组件布局方向
+     *
+     * @default 'horizontal'
+     * @type {('vertical' | 'horizontal')}
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * 可操作的行为项
+     *
+     * @author zhanghanrui
+     * @date 2024-07-16 16:07:09
+     * @type {IDesignItemAction[]}
+     */
+    actions?: IDesignItemAction[];
+    /**
+     * 是否启用拖放，默认启用
+     *
+     * @author zhanghanrui
+     * @date 2024-07-12 17:07:41
+     * @type {boolean}
+     */
+    isDrop?: boolean;
+    /**
+     * 是否启用拖拽，默认启用
+     *
+     * @author zhanghanrui
+     * @date 2024-07-12 17:07:27
+     * @type {boolean}
+     */
+    isDrag?: boolean;
+    /**
+     * 是否自定义实现样式
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-08-23 16:08:16
+     * @type {boolean}
+     */
+    isCustomStyle?: boolean;
+    /**
+     * 特殊情况下，例如表格将表格元素自己复制了好几份，需要指定实际呈现元素在 querySelectorAll 中的位置
+     *
+     * @type {number}
+     */
+    selectorIndex?: number;
+    /**
+     * 放置白名单
+     *
+     * @type {(string | RegExp)[]}
+     */
+    whiteList?: (string | RegExp)[];
+    /**
+     * 放置黑名单
+     *
+     * @type {(string | RegExp)[]}
+     */
+    blackList?: (string | RegExp)[];
+    /**
+     * 属性编辑表单模型
+     *
+     * @author chitanda
+     * @date 2025-06-24 10:06:39
+     */
+    model: IEditForm | ((context?: IContext, data?: T) => IEditForm);
+    /**
+     * 项行为点击
+     *
+     * @author zhanghanrui
+     * @date 2024-07-16 17:07:33
+     * @param {IDesignViewController} c
+     * @param {IDesignNode} data
+     * @param {IDesignItemAction} action
+     * @return {*}  {boolean} 返回值为 true 时不再执行后续行为
+     */
+    onClick?(c: IDesignViewController, data: IDesignNode, action: IDesignItemAction): boolean;
+    /**
+     * 创建新节点
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 16:07:59
+     * @param {Partial<T>} [data]
+     * @return {*}  {T}
+     */
+    create(data?: Partial<T>): T;
+    /**
+     * 放置节点
+     *
+     * @param {IDesignViewController} c
+     * @param {IDragDataItem} [data]
+     * @returns {*}  {(Promise<T | null>)}
+     */
+    beforeDrop?(c: IDesignViewController, data?: IDragDataItem): Promise<T | null>;
+    /**
+     * 放置完成
+     *
+     * @param {IDesignViewController} c
+     * @param {IDragDataItem} [data]
+     * @returns {*}  {Promise<boolean>}
+     */
+    afterDrop?(c: IDesignViewController, data?: IDragDataItem): Promise<boolean>;
+}

package/es/locale/sys/app.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    continueEdit: string;
+};
+export default _default;

package/es/locale/sys/appDesigner.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    deleteSuccess: string;
+    deleteSuccess1: string;
+};
+export default _default;

package/es/locale/sys/cardDesign.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    back_info: {
+        title: string;
+        content: string;
+        notSave: string;
+        saveAndExit: string;
+    };
+    cfg_form: {
+        label_style: string;
+        cfg_content_tag_style: string;
+    };
+};
+export default _default;

package/es/locale/sys/component.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    fieldTransfer: {
+        defaultModalTitle: string;
+        linkModel: string;
+        subMainModel: string;
+        currentModel: string;
+        soModelTitle: string;
+        noSelect: string;
+        select: string;
+        noSearchData: string;
+        noData: string;
+        term: string;
+        pleaseSearch: string;
+        selectAllData: string;
+        invertCurrentPage: string;
+        move: string;
+    };
+};
+export default _default;

package/es/locale/sys/model.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    required: string;
+    numMaxGTMin: string;
+    modelKey: string;
+};
+export default _default;

package/es/locale/sys/pageDesigner.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    locked: string;
+    unlock: string;
+    lock: string;
+    designing: string;
+    modelField: string;
+    selectModelFields: string;
+    embeddedSearch: string;
+    widget: string;
+    prop: string;
+    defaultValue: string;
+    codeError: string;
+    topBorder: string;
+    leftBorder: string;
+    bottomBorder: string;
+    rightBorder: string;
+    whole: string;
+    upLeft: string;
+    upRight: string;
+    downLeft: string;
+    downRight: string;
+    radius: string;
+    bold: string;
+    italic: string;
+    underline: string;
+    linethrough: string;
+};
+export default _default;

package/es/locale/sys/platform.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+};
+export default _default;

package/es/locale/sys.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    saveText: string;
+    nextStep: string;
+    ok: string;
+    cancel: string;
+    operationSuccess: string;
+    user: string;
+    chooseText: string;
+    selectedFields: string;
+    okText: string;
+    closeText: string;
+    sureToDo: string;
+    designView: {
+        tips: {
+            selectParent: string;
+            delete: string;
+        };
+    };
+    inputText: string;
+    sureToLock: string;
+};
+export default _default;

package/es/provider/design-editor-node/design-editor-node.provider.d.ts

@@ -0,0 +1,41 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { DesignNodeMode, IDesignEditorNode } from '@gct-paas/schema';
+import { IMaterialData, INodeProvider } from '../../interface';
+import { NodeBaseProvider } from '../../provider';
+import { IEditForm } from '@gct-paas/core-web';
+/**
+ * 设计编辑器节点提供者
+ *
+ * @author chitanda
+ * @date 2025-07-07 15:07:08
+ * @export
+ * @abstract
+ * @class DesignEditorNodeProvider
+ * @extends {NodeBaseProvider<IDesignEditorNode>}
+ * @implements {INodeProvider<IDesignEditorNode>}
+ */
+export declare abstract class DesignEditorNodeProvider extends NodeBaseProvider<IDesignEditorNode> implements INodeProvider<IDesignEditorNode> {
+    mode: DesignNodeMode;
+    type: string;
+    /**
+     * 字段键名（用于预置字段的特殊匹配，例如主键的字段类型是文本，只能用字段的标识 id_ 匹配）
+     *
+     * @author chitanda
+     * @date 2025-07-07 15:07:45
+     * @abstract
+     * @type {string}
+     */
+    fieldKey?: string;
+    /**
+     * 字段类型
+     *
+     * @author chitanda
+     * @date 2025-07-07 15:07:54
+     * @abstract
+     * @type {FIELD_TYPE}
+     */
+    fieldType?: FIELD_TYPE;
+    static materialConfig: IMaterialData;
+    model: IEditForm;
+    create(data?: IDesignEditorNode): IDesignEditorNode;
+}

package/es/provider/design-editor-node/design-editor-node.provider.mjs

@@ -0,0 +1,57 @@
+import { DesignNodeType, MaterialGroup } from "../../constant/index.mjs";
+import { DesignEditorNode } from "../../data/design-editor-node/design-editor-node.mjs";
+import "../../data/index.mjs";
+import { NodeBaseProvider } from "../node-base/node-base.provider.mjs";
+import "../index.mjs";
+import "@gct-paas/core";
+import { DesignNodeMode } from "@gct-paas/schema";
+//#region src/provider/design-editor-node/design-editor-node.provider.ts
+/**
+* 设计编辑器节点提供者
+*
+* @author chitanda
+* @date 2025-07-07 15:07:08
+* @export
+* @abstract
+* @class DesignEditorNodeProvider
+* @extends {NodeBaseProvider<IDesignEditorNode>}
+* @implements {INodeProvider<IDesignEditorNode>}
+*/
+var DesignEditorNodeProvider = class extends NodeBaseProvider {
+	mode = DesignNodeMode.ITEM;
+	type = DesignNodeType.DESIGN_EDITOR;
+	/**
+	* 字段键名（用于预置字段的特殊匹配，例如主键的字段类型是文本，只能用字段的标识 id_ 匹配）
+	*
+	* @author chitanda
+	* @date 2025-07-07 15:07:45
+	* @abstract
+	* @type {string}
+	*/
+	fieldKey;
+	/**
+	* 字段类型
+	*
+	* @author chitanda
+	* @date 2025-07-07 15:07:54
+	* @abstract
+	* @type {FIELD_TYPE}
+	*/
+	fieldType;
+	static materialConfig = {
+		group: MaterialGroup.SYSTEM,
+		label: "菜单列表",
+		type: DesignNodeType.MENU_LIST,
+		icon: "icon-kapianliebiao",
+		order: 0
+	};
+	model = {
+		type: "edit",
+		children: []
+	};
+	create(data) {
+		return new DesignEditorNode(data);
+	}
+};
+//#endregion
+export { DesignEditorNodeProvider };

package/es/provider/index.d.ts

@@ -0,0 +1,2 @@
+export { NodeBaseProvider } from './node-base/node-base.provider';
+export { DesignEditorNodeProvider } from './design-editor-node/design-editor-node.provider';

package/es/provider/index.mjs

@@ -0,0 +1,2 @@
+import "./node-base/node-base.provider.mjs";
+import "./design-editor-node/design-editor-node.provider.mjs";

package/es/provider/node-base/node-base.provider.d.ts

@@ -0,0 +1,25 @@
+import { Component } from 'vue';
+import { IDesignItemAction, INodeProvider } from '../../interface';
+import { DesignNodeMode, IDesignNode } from '@gct-paas/schema';
+import { IEditForm } from '@gct-paas/core-web';
+/**
+ * 节点基础适配器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-16 17:07:54
+ * @export
+ * @class NodeBaseProvider
+ * @implements {INodeProvider<T>}
+ * @template T
+ */
+export declare abstract class NodeBaseProvider<T extends IDesignNode = IDesignNode> implements INodeProvider<T> {
+    abstract mode: DesignNodeMode;
+    abstract type: string;
+    abstract component: string | Component;
+    get actions(): IDesignItemAction[];
+    abstract model: IEditForm | ((ctx?: IContext, node?: T) => IEditForm);
+    abstract create(data?: T): T;
+    isDrag: boolean;
+    isDrop: boolean;
+    protected createActions(): IDesignItemAction[];
+}

package/es/provider/node-base/node-base.provider.mjs

@@ -0,0 +1,34 @@
+import { DesignItemActionTag } from "../../constant/index.mjs";
+import { t } from "@gct-paas/core";
+import "vue";
+//#region src/provider/node-base/node-base.provider.ts
+/**
+* 节点基础适配器
+*
+* @author zhanghanrui
+* @date 2024-07-16 17:07:54
+* @export
+* @class NodeBaseProvider
+* @implements {INodeProvider<T>}
+* @template T
+*/
+var NodeBaseProvider = class {
+	get actions() {
+		return this.createActions();
+	}
+	isDrag = true;
+	isDrop = true;
+	createActions() {
+		return [{
+			tag: DesignItemActionTag.SELECT_PARENT,
+			icon: "icon-fuzujian",
+			tooltip: t("sys.designView.tips.selectParent")
+		}, {
+			tag: DesignItemActionTag.DELETE,
+			icon: "icon-shanchu1",
+			tooltip: t("sys.designView.tips.delete")
+		}];
+	}
+};
+//#endregion
+export { NodeBaseProvider };

package/es/register/index.d.ts

@@ -1,2 +1,3 @@
 export { DesignerRegister } from './designer-register/designer-register';
 export { MaterialRegister } from './material/material.register';
+export { NodeRegister } from './node/node.register';

package/es/register/index.mjs

@@ -1,2 +1,3 @@
 import "./designer-register/designer-register.mjs";
 import "./material/material.register.mjs";
+import "./node/node.register.mjs";

package/es/register/node/node.register.d.ts

@@ -0,0 +1,113 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { INodeProvider } from '../../interface';
+/**
+ * 设计界面节点适配器注册
+ *
+ * @author zhanghanrui
+ * @date 2024-07-06 11:07:57
+ * @export
+ * @class NodeRegister
+ */
+export declare class NodeRegister {
+    /**
+     * 适配器缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 11:07:15
+     * @protected
+     * @static
+     */
+    protected static map: Map<string, () => INodeProvider>;
+    /**
+     * 实例缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 12:07:33
+     * @protected
+     * @static
+     * @type {Map<string, INodeProvider>}
+     */
+    protected static cache: Map<string, INodeProvider<import('@gct-paas/schema').IDesignNode<import('@gct-paas/schema').IDesignNodeData>>>;
+    /**
+     * 注册适配器
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:17
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     * @param {string} [prefix]
+     */
+    static register(name: string, provider: () => INodeProvider, prefix?: string): void;
+    /**
+     * 获取适配器
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:49
+     * @static
+     * @param {string} name
+     * @param {string} [prefix]
+     * @return {*}  {(INodeProvider | null)}
+     */
+    static get(name: string, prefix?: string): INodeProvider | null;
+    /**
+     * 注册自定义首页插件
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:44
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomHome(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册自定义导航页面插件
+     *
+     * @author zhanghanrui
+     * @date 2024-08-19 17:08:06
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomExpView(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册自定义导航菜单页面插件
+     *
+     * @author zhanghanrui
+     * @date 2024-08-24 10:08:51
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomExpMenu(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册设计编辑器节点
+     *
+     * @author chitanda
+     * @date 2025-07-07 16:07:58
+     * @static
+     * @param {FIELD_TYPE} fieldType
+     * @param {() => INodeProvider} provider
+     */
+    static registerDesignEditorNode(fieldType: FIELD_TYPE, provider: () => INodeProvider): void;
+    /**
+     * 根据字段类型获取设计编辑器节点
+     *
+     * @author chitanda
+     * @date 2025-07-07 16:07:06
+     * @static
+     * @param {FIELD_TYPE} fieldType
+     * @returns {*}  {(INodeProvider | null)}
+     */
+    static getDesignEditorNode(fieldType: FIELD_TYPE): INodeProvider | null;
+    /**
+     * 获取自定义首页插件
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:58
+     * @static
+     * @param {string} name
+     * @return {*}  {(INodeProvider | null)}
+     */
+    static getCustomHome(name: string): INodeProvider | null;
+}

package/es/register/node/node.register.mjs

@@ -0,0 +1,141 @@
+import { DesignNodePrefix, DesignViewPrefix } from "../../constant/index.mjs";
+import "@gct-paas/core";
+//#region src/register/node/node.register.ts
+/**
+* 设计界面节点适配器注册
+*
+* @author zhanghanrui
+* @date 2024-07-06 11:07:57
+* @export
+* @class NodeRegister
+*/
+var NodeRegister = class {
+	/**
+	* 适配器缓存
+	*
+	* @author zhanghanrui
+	* @date 2024-07-06 11:07:15
+	* @protected
+	* @static
+	*/
+	static map = /* @__PURE__ */ new Map();
+	/**
+	* 实例缓存
+	*
+	* @author zhanghanrui
+	* @date 2024-07-06 12:07:33
+	* @protected
+	* @static
+	* @type {Map<string, INodeProvider>}
+	*/
+	static cache = /* @__PURE__ */ new Map();
+	/**
+	* 注册适配器
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 09:07:17
+	* @static
+	* @param {string} name
+	* @param {() => INodeProvider} provider
+	* @param {string} [prefix]
+	*/
+	static register(name, provider, prefix) {
+		const tag = prefix ? `${prefix}:${name}` : name;
+		this.map.set(tag, provider);
+	}
+	/**
+	* 获取适配器
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 09:07:49
+	* @static
+	* @param {string} name
+	* @param {string} [prefix]
+	* @return {*}  {(INodeProvider | null)}
+	*/
+	static get(name, prefix) {
+		const tag = prefix ? `${prefix}:${name}` : name;
+		if (this.cache.has(tag)) return this.cache.get(tag);
+		const provider = this.map.get(tag);
+		if (provider) {
+			const ins = provider();
+			this.cache.set(tag, ins);
+			return ins;
+		}
+		return null;
+	}
+	/**
+	* 注册自定义首页插件
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 09:07:44
+	* @static
+	* @param {string} name
+	* @param {() => INodeProvider} provider
+	*/
+	static registerCustomHome(name, provider) {
+		this.register(name, provider, DesignViewPrefix.CUSTOM_HOME);
+	}
+	/**
+	* 注册自定义导航页面插件
+	*
+	* @author zhanghanrui
+	* @date 2024-08-19 17:08:06
+	* @static
+	* @param {string} name
+	* @param {() => INodeProvider} provider
+	*/
+	static registerCustomExpView(name, provider) {
+		this.register(name, provider, DesignViewPrefix.CUSTOM_EXP_VIEW);
+	}
+	/**
+	* 注册自定义导航菜单页面插件
+	*
+	* @author zhanghanrui
+	* @date 2024-08-24 10:08:51
+	* @static
+	* @param {string} name
+	* @param {() => INodeProvider} provider
+	*/
+	static registerCustomExpMenu(name, provider) {
+		this.register(name, provider, DesignViewPrefix.CUSTOM_EXP_MENU);
+	}
+	/**
+	* 注册设计编辑器节点
+	*
+	* @author chitanda
+	* @date 2025-07-07 16:07:58
+	* @static
+	* @param {FIELD_TYPE} fieldType
+	* @param {() => INodeProvider} provider
+	*/
+	static registerDesignEditorNode(fieldType, provider) {
+		this.register(fieldType, provider, DesignNodePrefix.DESIGN_EDITOR);
+	}
+	/**
+	* 根据字段类型获取设计编辑器节点
+	*
+	* @author chitanda
+	* @date 2025-07-07 16:07:06
+	* @static
+	* @param {FIELD_TYPE} fieldType
+	* @returns {*}  {(INodeProvider | null)}
+	*/
+	static getDesignEditorNode(fieldType) {
+		return this.get(fieldType, DesignNodePrefix.DESIGN_EDITOR);
+	}
+	/**
+	* 获取自定义首页插件
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 09:07:58
+	* @static
+	* @param {string} name
+	* @return {*}  {(INodeProvider | null)}
+	*/
+	static getCustomHome(name) {
+		return this.get(name, DesignViewPrefix.CUSTOM_HOME);
+	}
+};
+//#endregion
+export { NodeRegister };

package/es/store/index.d.ts

@@ -0,0 +1 @@
+export { useDesignViewStore, type IDesignViewStore, } from './view/design-view.store';

package/es/store/index.mjs

@@ -0,0 +1 @@
+import "./view/design-view.store.mjs";