@gct-paas/design 0.1.6-dev.9 → 6.0.0-dev.10

package/es/hooks/design-view/layout/useToolkit.mjs

@@ -2,7 +2,7 @@ import { useWidgetRegistry } from "../widget/useWidgetRegistry.mjs";
 import { useModelField } from "../../use-model-field/use-model-field.mjs";
 import "../../index.mjs";
 import { clone, cloneDeep } from "lodash-es";
-import { CategoryTypeEnum, FormComponents, Platform, ToolkitEnum } from "@gct-paas/core";
+import { CategoryTypeEnum, ContextSceneEnum, FormComponents, Platform, ToolkitEnum } from "@gct-paas/core";
 import { ref } from "vue";
 import { getWidgetInfo } from "@gct-paas/schema";
 //#region src/hooks/design-view/layout/useToolkit.ts
@@ -15,6 +15,129 @@ var toolkitPinned = ref(false);
 var instance = class ComponentUtils {
 	static SubTableGroup = "SubTableGroup";
 	static CardListGroup = "CardListGroup";
+	static TxnPageGroup = "TxnPageGroup";
+	static DetailPageGroup = "DetailPageGroup";
+	/** 按分组上下文存储分类组件映射，仅保留现有两套逻辑 */
+	static _categoryCompsMap = {
+		default: {
+			[CategoryTypeEnum.FORM]: [
+				FormComponents.GenRadio,
+				FormComponents.GenCheckbox,
+				FormComponents.GenSwitch,
+				FormComponents.Text,
+				FormComponents.GenImage,
+				FormComponents.Form
+			],
+			[CategoryTypeEnum.LAYOUT]: [
+				FormComponents.Collapse,
+				FormComponents.SpaceOccupation,
+				FormComponents.Divider,
+				FormComponents.ButtonContainer,
+				FormComponents.LayoutContainer,
+				FormComponents.Grid,
+				FormComponents.LeftRightColumns,
+				FormComponents.Tabs
+			],
+			[CategoryTypeEnum.ADVANCED]: [
+				FormComponents.Search,
+				FormComponents.QuickSearch,
+				FormComponents.SelectSearch,
+				FormComponents.TableSelect,
+				FormComponents.Iframe,
+				FormComponents.CustomCode
+			],
+			[CategoryTypeEnum.PROCESS]: [
+				FormComponents.FormProcess,
+				FormComponents.ProcessButton,
+				FormComponents.ButtonProcessContainer,
+				FormComponents.ApprovalHistory,
+				FormComponents.FlowDiagram
+			],
+			[CategoryTypeEnum.BUTTON]: [
+				FormComponents.CustomButton,
+				FormComponents.SubmitButton,
+				FormComponents.RefreshButton,
+				FormComponents.ResetButton,
+				FormComponents.LabelPrintButton
+			],
+			[CategoryTypeEnum.DATA]: [
+				FormComponents.CardList,
+				FormComponents.DataTable,
+				FormComponents.DataVTable,
+				FormComponents.TreeTable,
+				FormComponents.RefDataTable,
+				FormComponents.Descriptions
+			]
+		},
+		SubTableGroup: {
+			[CategoryTypeEnum.FORM]: [
+				FormComponents.GenRadio,
+				FormComponents.GenCheckbox,
+				FormComponents.GenSwitch,
+				FormComponents.Text,
+				FormComponents.GenImage
+			],
+			[CategoryTypeEnum.LAYOUT]: [
+				FormComponents.Collapse,
+				FormComponents.SpaceOccupation,
+				FormComponents.Divider,
+				FormComponents.LayoutContainer,
+				FormComponents.Grid,
+				FormComponents.LeftRightColumns,
+				FormComponents.Tabs
+			],
+			[CategoryTypeEnum.ADVANCED]: [FormComponents.Iframe, FormComponents.CustomCode],
+			[CategoryTypeEnum.PROCESS]: [],
+			[CategoryTypeEnum.BUTTON]: [],
+			[CategoryTypeEnum.DATA]: []
+		},
+		TxnPageGroup: {
+			[CategoryTypeEnum.FORM]: [
+				FormComponents.GenRadio,
+				FormComponents.GenCheckbox,
+				FormComponents.GenSwitch,
+				FormComponents.Text,
+				FormComponents.GenImage,
+				FormComponents.Form
+			],
+			[CategoryTypeEnum.LAYOUT]: [
+				FormComponents.Collapse,
+				FormComponents.SpaceOccupation,
+				FormComponents.Divider,
+				FormComponents.LayoutContainer,
+				FormComponents.Grid,
+				FormComponents.LeftRightColumns,
+				FormComponents.Tabs
+			],
+			[CategoryTypeEnum.BUTTON]: [
+				FormComponents.CustomButton,
+				FormComponents.SubmitButton,
+				FormComponents.RefreshButton,
+				FormComponents.ResetButton
+			],
+			[CategoryTypeEnum.DATA]: [FormComponents.DataTable, FormComponents.Descriptions]
+		},
+		DetailPageGroup: {
+			[CategoryTypeEnum.FORM]: [
+				FormComponents.GenRadio,
+				FormComponents.GenCheckbox,
+				FormComponents.GenSwitch,
+				FormComponents.Text,
+				FormComponents.GenImage,
+				FormComponents.Form
+			],
+			[CategoryTypeEnum.LAYOUT]: [
+				FormComponents.Collapse,
+				FormComponents.SpaceOccupation,
+				FormComponents.Divider,
+				FormComponents.LayoutContainer,
+				FormComponents.Grid,
+				FormComponents.LeftRightColumns,
+				FormComponents.Tabs
+			],
+			[CategoryTypeEnum.DATA]: [FormComponents.DataTable, FormComponents.Descriptions]
+		}
+	};
 	static _instance;
 	/** 当前所处的组件分组上下文 */
 	groupType = "";
@@ -30,6 +153,17 @@ var instance = class ComponentUtils {
 			CategoryTypeEnum.LAYOUT,
 			CategoryTypeEnum.ADVANCED
 		];
+		if (this.groupType === ComponentUtils.TxnPageGroup) return [
+			CategoryTypeEnum.FORM,
+			CategoryTypeEnum.LAYOUT,
+			CategoryTypeEnum.BUTTON,
+			CategoryTypeEnum.DATA
+		];
+		if (this.groupType === ComponentUtils.DetailPageGroup) return [
+			CategoryTypeEnum.FORM,
+			CategoryTypeEnum.LAYOUT,
+			CategoryTypeEnum.DATA
+		];
 		return [
 			CategoryTypeEnum.FORM,
 			CategoryTypeEnum.LAYOUT,
@@ -47,92 +181,29 @@ var instance = class ComponentUtils {
 	* @returns 当前上下文下允许使用的组件枚举值列表
 	*/
 	_getCompsForCategory(categoryType) {
-		const isSubTable = this.groupType === ComponentUtils.SubTableGroup;
-		switch (categoryType) {
-			case CategoryTypeEnum.FORM:
-				if (isSubTable) return [
-					FormComponents.GenRadio,
-					FormComponents.GenCheckbox,
-					FormComponents.GenSwitch,
-					FormComponents.Text,
-					FormComponents.GenImage
-				];
-				return [
-					FormComponents.GenRadio,
-					FormComponents.GenCheckbox,
-					FormComponents.GenSwitch,
-					FormComponents.Text,
-					FormComponents.GenImage,
-					FormComponents.Form
-				];
-			case CategoryTypeEnum.LAYOUT:
-				if (isSubTable) return [
-					FormComponents.Collapse,
-					FormComponents.SpaceOccupation,
-					FormComponents.Divider,
-					FormComponents.LayoutContainer,
-					FormComponents.Grid,
-					FormComponents.LeftRightColumns,
-					FormComponents.Tabs
-				];
-				return [
-					FormComponents.Collapse,
-					FormComponents.SpaceOccupation,
-					FormComponents.Divider,
-					FormComponents.ButtonContainer,
-					FormComponents.LayoutContainer,
-					FormComponents.Grid,
-					FormComponents.LeftRightColumns,
-					FormComponents.Tabs
-				];
-			case CategoryTypeEnum.ADVANCED:
-				if (isSubTable) return [FormComponents.Iframe, FormComponents.CustomCode];
-				return [
-					FormComponents.Search,
-					FormComponents.QuickSearch,
-					FormComponents.SelectSearch,
-					FormComponents.TableSelect,
-					FormComponents.Iframe,
-					FormComponents.CustomCode
-				];
-			case CategoryTypeEnum.PROCESS:
-				if (isSubTable) return [];
-				return [
-					FormComponents.FormProcess,
-					FormComponents.ProcessButton,
-					FormComponents.ButtonProcessContainer,
-					FormComponents.ApprovalHistory,
-					FormComponents.FlowDiagram
-				];
-			case CategoryTypeEnum.BUTTON:
-				if (isSubTable) return [];
-				return [
-					FormComponents.CustomButton,
-					FormComponents.SubmitButton,
-					FormComponents.RefreshButton,
-					FormComponents.ResetButton,
-					FormComponents.LabelPrintButton
-				];
-			case CategoryTypeEnum.DATA:
-				if (isSubTable) return [];
-				return [
-					FormComponents.CardList,
-					FormComponents.DataTable,
-					FormComponents.DataVTable,
-					FormComponents.TreeTable,
-					FormComponents.RefDataTable,
-					FormComponents.Descriptions
-				];
-			default: return [];
+		let groupKey;
+		switch (this.groupType) {
+			case ComponentUtils.SubTableGroup:
+				groupKey = "SubTableGroup";
+				break;
+			case ComponentUtils.TxnPageGroup:
+				groupKey = "TxnPageGroup";
+				break;
+			case ComponentUtils.DetailPageGroup:
+				groupKey = "DetailPageGroup";
+				break;
+			default: groupKey = "default";
 		}
+		return ComponentUtils._categoryCompsMap[groupKey][categoryType] ?? [];
 	}
 	/**
 	* 根据所处分组上下文更新 groupType
 	*
 	* @param data - 当前选中组件数据
 	* @param modalState - 是否处于子表单（弹框）状态
+	* @param scene - 修改成场景，目前存在事务和详情两个场景 // _gct.store.context.scene
 	*/
-	changeGroupType({ data, modalState }) {
+	changeGroupType({ data, modalState, scene }) {
 		if (data.type === FormComponents.CardList) {
 			this._setGroupType(ComponentUtils.CardListGroup);
 			return;
@@ -141,6 +212,14 @@ var instance = class ComponentUtils {
 			this._setGroupType(ComponentUtils.SubTableGroup);
 			return;
 		}
+		if (scene === ContextSceneEnum.TXN) {
+			this._setGroupType(ComponentUtils.TxnPageGroup);
+			return;
+		}
+		if (scene === ContextSceneEnum.DETAIL) {
+			this._setGroupType(ComponentUtils.DetailPageGroup);
+			return;
+		}
 		this._setGroupType("");
 	}
 	/** 更新组件分组上下文 */
@@ -179,7 +258,10 @@ var instance = class ComponentUtils {
 	_buildKitCategory(platform, suiteKey) {
 		const design = this._getDesignerRegister(platform);
 		const list = !suiteKey ? [] : design.getProviders().filter((designer) => {
-			if (designer.kit && designer.kit.length > 0) return designer.kit.includes(suiteKey);
+			if (designer.kit && designer.kit.length > 0) {
+				if (designer.kit.includes("*")) return true;
+				return designer.kit.includes(suiteKey);
+			}
 			return false;
 		}).map((designer) => designer.schema);
 		return {
@@ -257,11 +339,12 @@ function useToolkit() {
 		});
 	}
 	/** 根据当前选中组件的上下文刷新组件列表 */
-	function changeToolkitWidgets({ data, modalState }) {
+	function changeToolkitWidgets({ data, modalState, scene }) {
 		const oldGroupType = instance.groupType;
 		instance.changeGroupType({
 			data,
-			modalState
+			modalState,
+			scene
 		});
 		if (oldGroupType !== instance.groupType) toolkitWidgets.value = instance.getWidgetsToolkit({
 			platform: _gct.store.context.platform,

package/es/hooks/design-view/page/usePage.d.ts

@@ -1,11 +1,8 @@
 import { Ref, App } from 'vue';
 import { PanelEnum } from '@gct-paas/core';
-import { PermissionResponse, WebpageResponse } from '@gct-paas/api/apaas';
-export declare const newKeyTag = "___new___";
-export type PageInfo = WebpageResponse & {
-    categoryId?: string;
-};
-export declare const pageInfo: Ref<PageInfo>;
+import { PermissionResponse } from '@gct-paas/api/apaas';
+export type { PageInfo } from '../design-state';
+export { pageInfo } from '../design-state';
 export declare const pagePermissions: Ref<{
     createTime?: string | undefined;
     createUserId?: string | undefined;
@@ -40,10 +37,24 @@ export declare const currentPanel: Ref<PanelEnum>;
  * @returns
  */
 export declare function loadPageInfo(app: App): Promise<void>;
+/**
+ * 加载页面信息
+ * @returns
+ */
+export declare function loadTxnPageInfo(app: App): Promise<void>;
+/**
+ * 加载详情页面信息
+ * @returns
+ */
+export declare function loadDetailPageInfo(app: App): Promise<void>;
+/**
+ * @param mode 切换模式
+ */
+export declare function toggleTxnPageInfo(mode: 'create' | 'detail'): Promise<void>;
 /**
  * 初始化界面占用信息
  */
-declare function initLockState(): void;
+declare function initLockState(type?: string): void;
 /**
  * 更新页面锁定状态
  * @param {boolean} value
@@ -54,4 +65,3 @@ export declare function usePage(): {
     togglePanel: typeof togglePanel;
     initLockState: typeof initLockState;
 };
-export {};

package/es/hooks/design-view/page/usePage.mjs

@@ -1,25 +1,21 @@
 import { PageTypeEnum } from "../../../constant/page-designer.mjs";
-import "../../../constant/index.mjs";
+import { newKeyTag } from "../../../constant/index.mjs";
 import { platform } from "../../../utils/design-view/index.mjs";
 import { DesignPluginPgkUtil } from "../../../utils/design-plugin-pkg-util/design-plugin-pkg-util.mjs";
 import { createWidgetByType } from "../../../utils/schema/index.mjs";
 import "../../../utils/index.mjs";
-import "../design-state.mjs";
+import { pageInfo } from "../design-state.mjs";
+import { useUserOccupy } from "../components/useUserOccupy.mjs";
 import { useCacheHistory } from "../../develop/useCacheHistory.mjs";
 import { useToolkit } from "../layout/useToolkit.mjs";
 import { useDesigner } from "../useDesigner.mjs";
-import { useUserOccupy } from "../../../components/user-occupy/useUserOccupy.mjs";
-import "../../../components/index.mjs";
 import { isEmpty, isNil } from "lodash-es";
-import { FormComponents, KitPkgUtil, PanelEnum, Platform, t } from "@gct-paas/core";
+import { ButtonSize, ButtonStyle, ContextSceneEnum, FormComponents, KitPkgUtil, PanelEnum, Platform, t } from "@gct-paas/core";
 import { computed, createVNode, ref } from "vue";
 import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
 import { Modal } from "ant-design-vue";
 //#region src/hooks/design-view/page/usePage.ts
-var newKeyTag = "___new___";
-var pageInfo = ref({});
 var pagePermissions = ref([]);
-var { setLockInfo, initOccupy, loadOccupyInfo } = useUserOccupy();
 var unlockAvailable = computed(() => {
 	const { userId, username } = _gct.store.userInfo;
 	return pageInfo.value.lockUserId === userId || username === "admin";
@@ -113,16 +109,218 @@ async function loadPageInfo(app) {
 	loadPageDesignHistoryList();
 	pagePermissions.value = await _api.apaas.permission.getList({ relationId: _gct.store.context.pid }) || [];
 	if (!pid.startsWith("___new___")) initLockState();
+	pageJson.pageConfig.title = "新建页";
 	savePageJsonSnapshot();
 }
 /**
+* 加载页面信息
+* @returns
+*/
+async function loadTxnPageInfo(app) {
+	const { initToolkitWidgets } = useToolkit();
+	const { setPageJson, loadPageDesignHistoryList, emitCache, pageJson, setPluginConfigs, savePageJsonSnapshot } = useDesigner();
+	const { historyUtils } = useCacheHistory();
+	platform.value = _gct.store.context.platform || Platform.WEB;
+	const baseid = _gct.store.context.baseid || "";
+	const pid = _gct.store.context.pid || "";
+	if (baseid) {
+		const res = await _api.apaas.transaction.getGetVersionById({ id: baseid });
+		pageInfo.value = {
+			id: newKeyTag,
+			name: res.name,
+			key: res.key,
+			modelKey: res.modelKey,
+			designerJson: "",
+			_designerJson: "",
+			detailDesignerJson: "",
+			txnPageMode: "create",
+			baseId: baseid
+		};
+	} else if (pid.startsWith("___new___")) pageInfo.value = {
+		id: newKeyTag,
+		name: "",
+		key: pid.replace(`${newKeyTag}:`, ""),
+		designerJson: "",
+		_designerJson: "",
+		detailDesignerJson: "",
+		txnPageMode: "create"
+	};
+	else {
+		const pageInfoRes = await _api.apaas.transaction.getInfo({ id: _gct.store.context.pid });
+		pageInfo.value = pageInfoRes;
+		pageInfo.value._designerJson = pageInfoRes.designerJson;
+		pageInfo.value.txnPageMode = "create";
+	}
+	const all = [];
+	if (_gct.store.appInfo.suiteKey) all.push(KitPkgUtil.loadDesign(_gct.store.appInfo.suiteKey).then((module) => {
+		if (module) module.setupApp(app);
+	}));
+	const _configs = [];
+	all.push(DesignPluginPgkUtil.loadDesignPlugin(app, platform.value, _gct.store.appInfo.suiteKey ? [_gct.store.appInfo.suiteKey] : void 0).then(([configs]) => {
+		_configs.push(...configs);
+		setPluginConfigs(configs);
+	}));
+	await Promise.all(all);
+	if (!historyUtils.isHistoryInfoExist(_gct.store.context.pid)) historyUtils.init({ historyId: _gct.store.context.pid ?? "" });
+	if (pageInfo.value.designerJson && !isNil(pageInfo.value.designerJson) && !isEmpty(pageInfo.value.designerJson)) {
+		const _json = JSON.parse(pageInfo.value.designerJson);
+		if (_json && _json.plugins) {
+			const items = _json.plugins.filter((item) => {
+				return _configs.findIndex((config) => config.key === item.key) === -1;
+			});
+			await DesignPluginPgkUtil.loadDesignDeletedPlugins(platform.value, items);
+		}
+		if (!_json.pageConfig) _json.pageConfig = {
+			title: "",
+			i18n: {},
+			hasFooter: false
+		};
+		setPageJson({
+			..._json,
+			id: pageInfo.value.id
+		}, true);
+	} else {
+		emitCache();
+		setPageJson({
+			newDesigner: true,
+			style: {
+				paddingAll: "",
+				paddingTop: "",
+				paddingRight: "16",
+				paddingBottom: "16",
+				paddingLeft: "16"
+			}
+		}, true);
+	}
+	if (!pageJson.widgets.some((item) => item.type === FormComponents.BottomButtonContainer)) {
+		const bottomBtnWidget = createWidgetByType(FormComponents.BottomButtonContainer);
+		[FormComponents.TxnCancelButton, FormComponents.TxnConfirmButton].forEach((e) => {
+			const data = createWidgetByType(e);
+			data.props.parentWidgetId = bottomBtnWidget.id;
+			data.props.buttonStyle = ButtonStyle.ORDINARY;
+			data.props.size = ButtonSize.DEFAULT;
+			data.props.noDelete = true;
+			bottomBtnWidget.children?.push(data);
+		});
+		pageJson.widgets.push(bottomBtnWidget);
+	}
+	initToolkitWidgets();
+	loadPageDesignHistoryList();
+	pagePermissions.value = await _api.apaas.permission.getList({ relationId: _gct.store.context.pid }) || [];
+	if (!pid.startsWith("___new___")) initLockState();
+	pageJson.pageConfig.unitType = pageJson.pageConfig.unitType || "%";
+	pageJson.pageConfig.pageWidth = pageJson.pageConfig.pageWidth || 80;
+	savePageJsonSnapshot();
+}
+/**
+* 加载详情页面信息
+* @returns
+*/
+async function loadDetailPageInfo(app) {
+	const { initToolkitWidgets } = useToolkit();
+	const { setPageJson, loadPageDesignHistoryList, emitCache, pageJson, setPluginConfigs, savePageJsonSnapshot } = useDesigner();
+	const { historyUtils } = useCacheHistory();
+	platform.value = _gct.store.context.platform || Platform.WEB;
+	const pid = _gct.store.context.pid || "";
+	if (pid.startsWith("___new___")) pageInfo.value = {
+		id: newKeyTag,
+		name: "",
+		key: pid.replace(`${newKeyTag}:`, ""),
+		designerJson: "",
+		_designerJson: "",
+		detailDesignerJson: ""
+	};
+	else {
+		const pageInfoRes = await _api.apaas.detailPage.getInfo({ id: _gct.store.context.pid });
+		pageInfo.value = pageInfoRes;
+		pageInfo.value._designerJson = pageInfoRes.designerJson;
+	}
+	const all = [];
+	if (_gct.store.appInfo.suiteKey) all.push(KitPkgUtil.loadDesign(_gct.store.appInfo.suiteKey).then((module) => {
+		if (module) module.setupApp(app);
+	}));
+	const _configs = [];
+	all.push(DesignPluginPgkUtil.loadDesignPlugin(app, platform.value, _gct.store.appInfo.suiteKey ? [_gct.store.appInfo.suiteKey] : void 0).then(([configs]) => {
+		_configs.push(...configs);
+		setPluginConfigs(configs);
+	}));
+	await Promise.all(all);
+	if (!historyUtils.isHistoryInfoExist(_gct.store.context.pid)) historyUtils.init({ historyId: _gct.store.context.pid ?? "" });
+	if (pageInfo.value.designerJson && !isNil(pageInfo.value.designerJson) && !isEmpty(pageInfo.value.designerJson)) {
+		const _json = JSON.parse(pageInfo.value.designerJson);
+		if (_json && _json.plugins) {
+			const items = _json.plugins.filter((item) => {
+				return _configs.findIndex((config) => config.key === item.key) === -1;
+			});
+			await DesignPluginPgkUtil.loadDesignDeletedPlugins(platform.value, items);
+		}
+		if (!_json.pageConfig) _json.pageConfig = {
+			title: "详情",
+			i18n: {},
+			hasFooter: false
+		};
+		setPageJson({
+			..._json,
+			id: pageInfo.value.id
+		}, true);
+	} else {
+		emitCache();
+		setPageJson({
+			newDesigner: true,
+			style: {
+				paddingAll: "",
+				paddingTop: "",
+				paddingRight: "16",
+				paddingBottom: "16",
+				paddingLeft: "16"
+			}
+		}, true);
+	}
+	initToolkitWidgets();
+	loadPageDesignHistoryList();
+	pagePermissions.value = await _api.apaas.permission.getList({ relationId: _gct.store.context.pid }) || [];
+	if (!pid.startsWith("___new___")) initLockState("detail_page");
+	pageJson.pageConfig.title = pageJson.pageConfig.title || t("sys.detail");
+	pageJson.pageConfig.unitType = pageJson.pageConfig.unitType || "%";
+	pageJson.pageConfig.pageWidth = pageJson.pageConfig.pageWidth || 80;
+	savePageJsonSnapshot();
+}
+/**
+* @param mode 切换模式
+*/
+async function toggleTxnPageInfo(mode) {
+	const { setTxnPageJson, pageJson } = useDesigner();
+	if (mode === "create") {
+		pageInfo.value.detailDesignerJson = JSON.stringify(pageJson);
+		pageInfo.value.txnPageMode = mode;
+		setTxnPageJson({ ...JSON.parse(pageInfo.value._designerJson) });
+	} else {
+		pageInfo.value._designerJson = JSON.stringify(pageJson);
+		pageInfo.value.txnPageMode = mode;
+		setTxnPageJson({ ...pageInfo.value.detailDesignerJson ? JSON.parse(pageInfo.value.detailDesignerJson) : {
+			newDesigner: true,
+			style: {
+				paddingAll: "",
+				paddingTop: "",
+				paddingRight: "16",
+				paddingBottom: "16",
+				paddingLeft: "16"
+			}
+		} });
+	}
+}
+/**
 * 初始化界面占用信息
 */
-function initLockState() {
-	initOccupy({
+function initLockState(type) {
+	if (_gct.store.context.scene === ContextSceneEnum.TXN) return;
+	const { setLockInfo, initOccupy, loadOccupyInfo } = useUserOccupy();
+	const initData = {
 		id: _gct.store.context.pid || "",
 		type: (platform.value === Platform.WEB ? PageTypeEnum.WEB : platform.value === Platform.PAD ? PageTypeEnum.PAD : PageTypeEnum.MOBILE).toString()
-	});
+	};
+	if (type) initData.type = type;
+	initOccupy(initData);
 	loadOccupyInfo();
 	setLockInfo({
 		id: pageInfo.value?.lockUserId,
@@ -166,4 +364,4 @@ function usePage() {
 	};
 }
 //#endregion
-export { currentPanel, loadPageInfo, lockPage, newKeyTag, pageInfo, pagePermissions, togglePanel, unlockAvailable, usePage };
+export { currentPanel, loadDetailPageInfo, loadPageInfo, loadTxnPageInfo, lockPage, pagePermissions, togglePanel, toggleTxnPageInfo, unlockAvailable, usePage };

package/es/hooks/design-view/useDesigner.d.ts

@@ -1069,6 +1069,9 @@ export declare function useDesigner(): {
                 title?: string | undefined;
             } | undefined;
             hasFooter?: boolean | undefined;
+            unitType?: "px" | "%" | undefined;
+            pageWidth?: number | undefined;
+            independentDetailPage?: boolean | undefined;
         };
         pageVars: {
             id: string;
@@ -1091,8 +1094,9 @@ export declare function useDesigner(): {
     methodMap: import('vue').Ref<import('@gct-paas/schema').ExportMethod, import('@gct-paas/schema').ExportMethod>;
     checkWidgetMove: () => boolean;
     handleAddDrag: (newIndex: number, childrenList: LowCodeWidget.BasicSchema[], scope: SCOPE, formID?: string) => void;
-    setPageJson: (json: PageJson) => Promise<void>;
-    save: (flag?: boolean, showSuccess?: boolean) => Promise<boolean>;
+    setPageJson: (json: PageJson, hasFooter?: boolean) => Promise<void>;
+    setTxnPageJson: (json: PageJson, hasFooter?: boolean) => Promise<void>;
+    save: (flag?: boolean, showSuccess?: boolean, scene?: string) => Promise<boolean>;
     savePageJsonSnapshot: (json?: PageJson) => void;
     emitCache: () => void;
     undoOrRestore: (content: string) => void;

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

@@ -1,7 +1,7 @@
 import { platform } from "../../utils/design-view/index.mjs";
 import { initMethodMap } from "../../utils/transform-js/transform-js.mjs";
 import "../../utils/index.mjs";
-import { methodMap, pageJson } from "./design-state.mjs";
+import { defaultPageJson, methodMap, pageJson } from "./design-state.mjs";
 import { useDesignModal } from "./designer/useDesignModal.mjs";
 import { useDesignPreview } from "./designer/useDesignPreview.mjs";
 import { useWidgetRegistry } from "./widget/useWidgetRegistry.mjs";
@@ -38,14 +38,24 @@ function useDesigner() {
 	/**
 	* 设置设计器的 pageJSON
 	*/
-	async function setPageJson(json) {
-		pageJson.pageConfig.hasFooter = platform.value === Platform.MOBILE || platform.value === Platform.PAD;
+	async function setPageJson(json, hasFooter = false) {
+		pageJson.pageConfig.hasFooter = hasFooter || platform.value === Platform.MOBILE || platform.value === Platform.PAD;
 		Object.assign(pageJson, json);
 		initMethodMap(pageJson.js).then((map) => {
 			methodMap.value = map;
 		});
 		cache.emitCache();
 	}
+	async function setTxnPageJson(json, hasFooter = false) {
+		pageJson.pageConfig.hasFooter = hasFooter || platform.value === Platform.MOBILE || platform.value === Platform.PAD;
+		Object.assign(pageJson, defaultPageJson, json);
+		initMethodMap(pageJson.js).then((map) => {
+			methodMap.value = map;
+		});
+		if (!pageJson.pageConfig.unitType) pageJson.pageConfig.unitType = "%";
+		if (!pageJson.pageConfig.pageWidth) pageJson.pageConfig.pageWidth = 80;
+		cache.emitCache();
+	}
 	/** 检查是否可以拖拽进入的方法，比如某些组件不能拖到某些组件内 */
 	function checkWidgetMove() {
 		return true;
@@ -66,6 +76,7 @@ function useDesigner() {
 		checkWidgetMove,
 		handleAddDrag,
 		setPageJson,
+		setTxnPageJson,
 		save: saveHook.save,
 		savePageJsonSnapshot: saveHook.savePageJsonSnapshot,
 		emitCache: cache.emitCache,