@gct-paas/design 0.1.4-dev.8 → 0.1.5-dev.0

package/es/hooks/design-view/design-state.mjs

@@ -0,0 +1,103 @@
+import { platform } from "../../utils/design-view/index.mjs";
+import "../../utils/index.mjs";
+import { widget } from "../../schema/modal/modal.mjs";
+import "../../schema/index.mjs";
+import { cloneDeep } from "lodash-es";
+import { pageLayoutModeEnum } from "@gct-paas/core";
+import { computed, reactive, ref } from "vue";
+import { getWidgetInfo } from "@gct-paas/schema";
+//#region src/hooks/design-view/design-state.ts
+/**
+* 设计器共享状态层
+*
+* 所有 hook 的核心数据源，集中管理设计器的响应式状态。
+* 通过将共享状态提取到独立模块，消除各 hook 之间的循环依赖。
+*/
+/**
+* 设计器当前的平台类型，默认为WEB
+*/
+/**
+* 当前平台的组件配置信息
+*/
+var widgetInfo = computed(() => {
+	return getWidgetInfo(platform.value);
+});
+/**
+* 当前平台的插件注册实例
+*/
+/** 设计页面JSON */
+var pageJson = reactive({
+	id: "",
+	keepAlive: false,
+	pageEvents: {},
+	pageVars: [],
+	widgets: [],
+	js: "",
+	css: "",
+	modals: [],
+	globalEvents: {},
+	permissions: {},
+	plugins: [],
+	style: {},
+	pageConfig: {
+		title: "",
+		i18n: {},
+		hasFooter: void 0
+	},
+	pageLayoutMode: pageLayoutModeEnum.SHOW_ALL_DATA
+});
+/** 页面数据快照，用于脏检查对比 */
+var pageJsonSnapshot = ref("");
+/** 界面数据是否修改过，通过对比快照和当前数据判断 */
+var isModified = () => {
+	if (!pageJsonSnapshot.value) return false;
+	return JSON.stringify(pageJson) != pageJsonSnapshot.value;
+};
+/** 是否在设计弹框标识 */
+var modalDesignState = ref(false);
+/** 设计弹框ID */
+var modalDesignId = ref("");
+/** 子表弹框标识 */
+var subTableModalState = ref(false);
+/** 子表弹框ID */
+var subTableModalId = ref("");
+/** 当前弹框的info */
+var modalInfo = ref(cloneDeep(widget));
+/** 后端传过来的页面历史记录 */
+var pageDesignHistoryList = ref([]);
+/** 历史记录分页页码 */
+var pageNo = ref(1);
+/** 是否没有更多历史记录 */
+var noMore = ref(false);
+/** 加载中标识 */
+var loading = ref(false);
+/** ast解析过的所有Export JS函数的描述集合 */
+var methodMap = ref({});
+/** 插件配置 */
+var pluginConfigs = ref([]);
+/** root 路径前缀正则 */
+var regRoot = /^root:/;
+/** 工作流节点 */
+var wfNodesModalState = ref(false);
+var wfNodesModalId = ref("");
+/** 节点配置模态框 */
+var workflowModalState = ref(false);
+var workflowModalId = ref("");
+/**
+* 保存或者校验前对数据做预处理
+*
+* @author chitanda
+* @date 2025-09-28 15:09:12
+* @param {PageJson} json
+* @param {boolean} [isClone=false] 是否深拷贝，默认为 false
+* @returns {*}  {PageJson}
+*/
+function transformPageJson(json, isClone = false) {
+	const _json = isClone ? cloneDeep(json) : json;
+	if (!_json.pageConfig.hasFooter) _json.widgets = _json.widgets.filter((n) => {
+		return n.type !== "bottom-button-container";
+	});
+	return _json;
+}
+//#endregion
+export { isModified, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, wfNodesModalId, wfNodesModalState, widgetInfo, workflowModalId, workflowModalState };

package/es/hooks/design-view/designer/useDesignCache.d.ts

@@ -0,0 +1,4 @@
+export declare function useDesignCache(): {
+    emitCache: () => void;
+    undoOrRestore: (content: string) => void;
+};

package/es/hooks/design-view/designer/useDesignCache.mjs

@@ -0,0 +1,48 @@
+import { pageJson } from "../design-state.mjs";
+import { useScope } from "../layout/useScope.mjs";
+import { useCacheHistory } from "../../develop/useCacheHistory.mjs";
+import { useSelectedWidget } from "../widget/useSelectedWidget.mjs";
+import "../../index.mjs";
+import { useUserOccupy } from "../../../components/user-occupy/useUserOccupy.mjs";
+import "../../../components/index.mjs";
+//#region src/hooks/design-view/designer/useDesignCache.ts
+/**
+* 缓存撤销重做 Hook
+*
+* 管理设计器的操作历史缓存，支持撤销（undo）和重做（redo）功能。
+*/
+function useDesignCache() {
+	const { historyUtils } = useCacheHistory();
+	const { occupy } = useUserOccupy();
+	const { getScope } = useScope();
+	/**
+	* 缓存步骤，组件拖入布局画板时更新历史记录
+	*/
+	function emitCache() {
+		const id = _gct.store.context.aid;
+		historyUtils.addHistory({
+			historyId: id,
+			past: JSON.stringify(pageJson)
+		});
+		occupy?.();
+	}
+	/**
+	* 撤销或重做操作
+	*
+	* @param {string} content 历史记录内容（JSON字符串）
+	*/
+	function undoOrRestore(content) {
+		if (content) {
+			const { resetSelectedWidget } = useSelectedWidget();
+			Object.assign(pageJson, JSON.parse(content));
+			resetSelectedWidget(getScope());
+			occupy?.();
+		}
+	}
+	return {
+		emitCache,
+		undoOrRestore
+	};
+}
+//#endregion
+export { useDesignCache };

package/es/hooks/design-view/designer/useDesignHistory.d.ts

@@ -0,0 +1,16 @@
+import { Platform } from '@gct-paas/core';
+import { PageDesignerLogResponse } from '@gct-paas/api/apaas';
+import { Ref } from 'vue';
+export declare function useDesignHistory(): {
+    pageDesignHistoryList: Ref<PageDesignerLogResponse[]>;
+    loading: Ref<boolean, boolean>;
+    noMore: Ref<boolean, boolean>;
+    loadPageDesignHistoryList: () => Promise<void>;
+    loadPageDesignHistoryInfo: (id: string) => Promise<PageDesignerLogResponse | undefined | null>;
+    historyPreview: (hid: string) => {
+        url: string;
+        platform: Platform;
+    };
+    recover: (hid: string) => Promise<void>;
+    deleteHistory: (hid: string) => void;
+};

package/es/hooks/design-view/designer/useDesignHistory.mjs

@@ -0,0 +1,110 @@
+import { loading, noMore, pageDesignHistoryList, pageJson, pageNo } from "../design-state.mjs";
+import { useDesignPreview } from "./useDesignPreview.mjs";
+import { useDesignSave } from "./useDesignSave.mjs";
+import "@gct-paas/core";
+//#region src/hooks/design-view/designer/useDesignHistory.ts
+function useDesignHistory() {
+	/**
+	* 获取历史版本列表（分页加载，支持滚动加载更多）
+	*/
+	async function loadPageDesignHistoryList() {
+		if (loading.value || noMore.value) return;
+		loading.value = true;
+		try {
+			const res = await _api.apaas.pageDesignerLog.getPageList({
+				relationId: _gct.store.context.pid,
+				pageNo: pageNo.value ?? 1,
+				pageSize: 50
+			});
+			if (res) {
+				if (pageNo.value === 1) pageDesignHistoryList.value = res.data || [];
+				else pageDesignHistoryList.value = [...pageDesignHistoryList.value, ...res.data || []];
+				if (pageDesignHistoryList.value?.length >= res.totalCount || pageDesignHistoryList.value?.length >= 1e3) noMore.value = true;
+				else pageNo.value += 1;
+			}
+		} catch (err) {
+			console.error("数据加载失败：", err);
+		} finally {
+			loading.value = false;
+		}
+	}
+	/**
+	* 获取历史版本详情
+	*
+	* @param {string} id 历史记录ID
+	* @returns {Promise} 历史记录详情
+	*/
+	function loadPageDesignHistoryInfo(id) {
+		return _api.apaas.pageDesignerLog.getInfo({ id });
+	}
+	/**
+	* 恢复到指定历史版本
+	*
+	* @param {string} hid 历史记录ID
+	*/
+	async function recover(hid) {
+		const res = await loadPageDesignHistoryInfo(hid);
+		if (res) {
+			Object.assign(pageJson, res.designerJson ? {
+				...JSON.parse(res.designerJson ?? ""),
+				key: Date.now()
+			} : {
+				id: "",
+				keepAlive: false,
+				pageEvents: {},
+				pageVars: [],
+				widgets: [],
+				js: "",
+				css: "",
+				modals: [],
+				template: [],
+				globalEvents: {},
+				los: {},
+				permissions: {},
+				key: Date.now(),
+				style: {},
+				pageConfig: {
+					title: "",
+					i18n: {},
+					hasFooter: void 0
+				}
+			});
+			const { save } = useDesignSave();
+			await save(false);
+			loadPageDesignHistoryList();
+		}
+	}
+	/**
+	* 删除历史记录
+	*
+	* @param {string} hid 历史记录ID
+	*/
+	function deleteHistory(hid) {
+		_api.apaas.pageDesignerLog.delete({ ids: hid }).then(() => {
+			noMore.value = false;
+			pageNo.value = 1;
+			loadPageDesignHistoryList();
+		});
+	}
+	/**
+	* 历史预览，根据平台返回预览 URL 和平台信息
+	*
+	* @param {string} hid 历史记录ID
+	* @returns {{ url: string; platform: Platform }} 预览URL和平台类型
+	*/
+	function historyPreview(hid) {
+		return useDesignPreview().historyPreview(hid);
+	}
+	return {
+		pageDesignHistoryList,
+		loading,
+		noMore,
+		loadPageDesignHistoryList,
+		loadPageDesignHistoryInfo,
+		historyPreview,
+		recover,
+		deleteHistory
+	};
+}
+//#endregion
+export { useDesignHistory };