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

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

@@ -1,86 +1,103 @@
-import { Platform, pageLayoutModeEnum } from '@gct-paas/core';
-import { getWidgetInfo, modalCfg } from '@gct-paas/schema';
-import { cloneDeep } from 'lodash-es';
-import { ref, computed, reactive } from 'vue';
-
-const platform = ref(Platform.WEB);
-const widgetInfo = computed(() => {
-  return getWidgetInfo(platform.value);
+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);
 });
-const designRegister = computed(() => {
-  switch (platform.value) {
-    case Platform.MOBILE:
-      return _gct.register.designer.mobile;
-    case Platform.PAD:
-      return _gct.register.designer.pad;
-    case Platform.WEB:
-    default:
-      return _gct.register.designer.web;
-  }
+/**
+* 当前平台的插件注册实例
+*/
+/** 设计页面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
 });
-const pageJson = reactive({
-  id: "",
-  keepAlive: false,
-  pageEvents: {},
-  pageVars: [],
-  widgets: [],
-  js: "",
-  css: "",
-  modals: [],
-  globalEvents: {},
-  permissions: {},
-  plugins: [],
-  style: {
-    // paddingAll: '10',
-    // paddingTop: '10',
-    // paddingRight: '10',
-    // paddingBottom: '10',
-    // paddingLeft: '10',
-  },
-  pageConfig: {
-    title: "",
-    i18n: {},
-    hasFooter: void 0
-  },
-  pageLayoutMode: pageLayoutModeEnum.SHOW_ALL_DATA,
-  newDesigner: true
-});
-const pageJsonSnapshot = ref("");
-const isModified = () => {
-  if (!pageJsonSnapshot.value) {
-    return false;
-  }
-  const currentPageJsonStr = JSON.stringify(pageJson);
-  return currentPageJsonStr != pageJsonSnapshot.value;
+/** 页面数据快照，用于脏检查对比 */
+var pageJsonSnapshot = ref("");
+/** 界面数据是否修改过，通过对比快照和当前数据判断 */
+var isModified = () => {
+	if (!pageJsonSnapshot.value) return false;
+	return JSON.stringify(pageJson) != pageJsonSnapshot.value;
 };
-const isNewDesigner = computed({
-  get() {
-    return pageJson.newDesigner;
-  },
-  set(val) {
-    pageJson.newDesigner = val;
-  }
-});
-const modalDesignState = ref(false);
-const modalDesignId = ref("");
-const subTableModalState = ref(false);
-const subTableModalId = ref("");
-const modalInfo = ref(cloneDeep(modalCfg.widget));
-const pageDesignHistoryList = ref([]);
-const pageNo = ref(1);
-const noMore = ref(false);
-const loading = ref(false);
-const methodMap = ref({});
-const pluginConfigs = ref([]);
-const regRoot = /^root:/;
+/** 是否在设计弹框标识 */
+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;
+	const _json = isClone ? cloneDeep(json) : json;
+	if (!_json.pageConfig.hasFooter) _json.widgets = _json.widgets.filter((n) => {
+		return n.type !== "bottom-button-container";
+	});
+	return _json;
 }
-
-export { designRegister, isModified, isNewDesigner, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, platform, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, widgetInfo };
+//#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.mjs

@@ -1,27 +1,48 @@
-import { pageJson } from '../design-state.mjs';
-import { useCacheHistory } from '../../develop/useCacheHistory.mjs';
-
+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 } = {};
-  function emitCache() {
-    const id = _gct.store.context.aid;
-    historyUtils.addHistory({
-      historyId: id,
-      past: JSON.stringify(pageJson)
-    });
-    occupy?.();
-  }
-  function undoOrRestore(content) {
-    if (content) {
-      Object.assign(pageJson, JSON.parse(content));
-      occupy?.();
-    }
-  }
-  return {
-    emitCache,
-    undoOrRestore
-  };
+	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.mjs

@@ -1,102 +1,110 @@
-import '@gct-paas/core';
-import { useDesignPreview } from './useDesignPreview.mjs';
-import { noMore, loading, pageDesignHistoryList, pageNo, pageJson } from '../design-state.mjs';
-import { useDesignSave } from './useDesignSave.mjs';
-
+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;
-    }
-  }
-  function loadPageDesignHistoryInfo(id) {
-    return _api.apaas.pageDesignerLog.getInfo({
-      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: {
-            // paddingAll: '10',
-            // paddingTop: '10',
-            // paddingRight: '10',
-            // paddingBottom: '10',
-            // paddingLeft: '10',
-          },
-          pageConfig: {
-            title: "",
-            i18n: {},
-            hasFooter: void 0
-          }
-        }
-      );
-      const { save } = useDesignSave();
-      await save(false);
-      loadPageDesignHistoryList();
-    }
-  }
-  function deleteHistory(hid) {
-    _api.apaas.pageDesignerLog.delete({ ids: hid }).then(() => {
-      noMore.value = false;
-      pageNo.value = 1;
-      loadPageDesignHistoryList();
-    });
-  }
-  function historyPreview(hid) {
-    return useDesignPreview().historyPreview(hid);
-  }
-  return {
-    pageDesignHistoryList,
-    loading,
-    noMore,
-    loadPageDesignHistoryList,
-    loadPageDesignHistoryInfo,
-    historyPreview,
-    recover,
-    deleteHistory
-  };
+	/**
+	* 获取历史版本列表（分页加载，支持滚动加载更多）
+	*/
+	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 };