@gct-paas/design 0.1.6-dev.25 → 0.1.6-dev.27

package/es/hooks/design-view/components/useUserOccupy.mjs

@@ -1,5 +1,6 @@
 import { PageTypeEnum } from "../../../constant/page-designer.mjs";
 import { OCCUPY_MQTT_KEY } from "../../../constant/index.mjs";
+import { pageInfo } from "../design-state.mjs";
 import { throttle } from "lodash-es";
 import { ScriptTypeEnum, t } from "@gct-paas/core";
 import { computed, createVNode, ref } from "vue";
@@ -28,8 +29,15 @@ function _useUserOccupy() {
 	});
 	const unlockAvailable = computed(() => {
 		const { userId, username } = _gct.store.userInfo;
-		return lockInfo.value.id === userId || username === "admin";
+		const lockUserId = lockInfo.value.id;
+		if (!lockUserId) return false;
+		return String(lockUserId) === String(userId) || username === "admin";
 	});
+	function applyLockInfo(data) {
+		lockInfo.value = data;
+		pageInfo.value.lockUserId = data.id || "";
+		pageInfo.value.lockUserName = data.name || "";
+	}
 	/** 查询占用定时器 */
 	let occupyTimer = null;
 	/** 节流 wait 是否已按真实 cacheNum 初始化 */
@@ -122,7 +130,7 @@ function _useUserOccupy() {
 		await _loadOccupyInfo();
 	}
 	function setLockInfo(data) {
-		lockInfo.value = data;
+		applyLockInfo(data);
 	}
 	/**
 	* 锁定
@@ -138,10 +146,10 @@ function _useUserOccupy() {
 			async onOk() {
 				await _api.apaas.designerLock.postLockPage(params);
 				_gct.message.success(t("sys.operationSuccess"));
-				lockInfo.value = {
-					id: _gct.store.userInfo.userId,
+				applyLockInfo({
+					id: String(_gct.store.userInfo.userId),
 					name: _gct.store.userInfo.fullname
-				};
+				});
 			}
 		});
 	}
@@ -149,12 +157,13 @@ function _useUserOccupy() {
 	* 解锁
 	*/
 	async function unlock() {
+		if (!unlockAvailable.value) return;
 		await _api.apaas.designerLock.postUnLockPage(params);
 		_gct.message.success(t("sys.operationSuccess"));
-		lockInfo.value = {
+		applyLockInfo({
 			id: "",
 			name: ""
-		};
+		});
 	}
 	return {
 		initOccupy,

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

@@ -99,26 +99,7 @@ export declare const pageInfo: import('vue').Ref<{
     txnPageMode?: "create" | "detail" | undefined;
     baseId?: string | undefined;
 } | PageInfo>;
-export declare const defaultPageJson: {
-    id: string;
-    keepAlive: boolean;
-    pageEvents: {};
-    pageVars: never[];
-    widgets: never[];
-    js: string;
-    css: string;
-    modals: never[];
-    globalEvents: {};
-    permissions: {};
-    plugins: never[];
-    style: {};
-    pageConfig: {
-        title: string;
-        i18n: {};
-        hasFooter: undefined;
-    };
-    pageLayoutMode: pageLayoutModeEnum;
-};
+export declare const defaultPageJson: PageJson;
 /** 设计页面JSON */
 export declare const pageJson: {
     id: string;
@@ -1187,6 +1168,9 @@ export declare const pageJson: {
             title?: string | undefined;
         } | undefined;
         hasFooter?: boolean | undefined;
+        unitType?: "px" | "%" | undefined;
+        pageWidth?: number | undefined;
+        independentDetailPage?: boolean | undefined;
     };
     pageVars: {
         id: string;

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

@@ -34,7 +34,11 @@ function useDesignPreview() {
 			bid: _gct.store.context.bid,
 			env: env || _gct.env.getEnv()
 		};
-		const hasUrl = `/PagePreview/${pid}`;
+		let hasUrl = `/PagePreview/${pid}`;
+		if (_gct.store.context.scene === "txn") {
+			matrixParams.scene = "txn";
+			hasUrl = `/TxnPagePreview/${pid}`;
+		}
 		if (platform.value === Platform.MOBILE) openWindow(buildPreviewUrl(mobileUrl, hasUrl, matrixParams), {
 			noopener: false,
 			noreferrer: false,

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

@@ -208,6 +208,7 @@ async function loadTxnPageInfo(app) {
 	initToolkitWidgets();
 	loadPageDesignHistoryList();
 	pagePermissions.value = await _api.apaas.permission.getList({ relationId: _gct.store.context.pid }) || [];
+	if (!pid.startsWith("___new___")) initLockState();
 	savePageJsonSnapshot();
 }
 /**

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;

package/es/hooks/design-view/widget/useSelectedWidget.d.ts

@@ -7,8 +7,8 @@ export declare function useSelectedWidget(): {
     resetSelectedModal: () => void;
     setSelectedWidget: (widget: Partial<LowCodeWidget.BasicSchema>, scope?: SCOPE) => void;
     resetSelectedWidget: (scope?: SCOPE) => void;
-    selectedAllPropEditors: import('vue').ComputedRef<import('@gct-paas/schema').IPropEditor[]>;
-    selectedAllStyleEditors: import('vue').ComputedRef<import('@gct-paas/schema').IStyleEditor[]>;
+    selectedAllPropEditors: import('vue').ComputedRef<import('@gct-paas/schema').IPropEditor[] | undefined>;
+    selectedAllStyleEditors: import('vue').ComputedRef<import('@gct-paas/schema').IStyleEditor[] | undefined>;
     selectedAllEvents: import('vue').ComputedRef<IObject[]>;
     selectedEvents: import('vue').WritableComputedRef<import('@gct-paas/schema').IBasicEvents, import('@gct-paas/schema').IBasicEvents>;
     selectedProps: import('vue').ComputedRef<import('@gct-paas/schema').ICommonProps & import('@gct-paas/schema').IWidgetProps>;

package/es/hooks/design-view/widget/useSelectedWidget.mjs

@@ -126,22 +126,26 @@ function useSelectedWidget() {
 	});
 	/**被选择的组件/弹框拥有的所有事件 */
 	const selectedAllEvents = computed(() => {
-		const { type } = selectedRef.value;
+		const { type, materialType } = selectedRef.value;
 		const widgetEvents = widgetInfo.value.events;
-		if (widgetEvents[type] && isArray(widgetEvents[type])) return widgetEvents[type];
-		const provider = designRegister.value.getProvider(type);
-		if (!provider) {
-			console.warn(`selectedAllEvents 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
-			return [];
+		let defaultEvents = [];
+		if (widgetEvents[type] && isArray(widgetEvents[type])) defaultEvents = widgetEvents[type];
+		if (defaultEvents.length === 0) {
+			const provider = designRegister.value.getProvider(type);
+			if (!provider) {
+				console.warn(`selectedAllEvents 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+				return [];
+			}
+			defaultEvents = provider.events || [];
 		}
-		if (selectedRef.value.props.fieldReadonly) return (provider.events || []).filter((event) => event.name === "onClick");
-		const overrideEvents = FieldEditorOverrideRegistry.get(type)?.events;
-		const defaultEvents = provider.events || [];
-		return overrideEvents?.(selectedRef.value, defaultEvents) || defaultEvents;
+		if (selectedRef.value.props.fieldReadonly) return defaultEvents.filter((event) => event.name === "onClick");
+		const overrideEvents = FieldEditorOverrideRegistry.get(materialType)?.events;
+		if (overrideEvents) return overrideEvents(selectedRef.value, defaultEvents);
+		return defaultEvents;
 	});
 	/**被选择的组件/弹框拥有的所有属性编辑器的描述集合 */
 	const selectedAllPropEditors = computed(() => {
-		const { type } = selectedRef.value;
+		const { type, materialType } = selectedRef.value;
 		const widgetPropsEditors = widgetInfo.value.propEditors;
 		let preCompInfo;
 		if (has(selectedRef.value, "preLocation")) {
@@ -150,28 +154,36 @@ function useSelectedWidget() {
 				return widget.id === get(selectedRef.value, "preLocation");
 			});
 		}
-		if (widgetPropsEditors[type] && isArray(widgetPropsEditors[type])) return widgetPropsEditors[type];
-		const provider = designRegister.value.getProvider(type);
-		if (!provider) {
-			console.warn(`selectedAllPropEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
-			return [];
+		let defaultPropEditors = [];
+		if (widgetPropsEditors[type] && isArray(widgetPropsEditors[type])) defaultPropEditors = widgetPropsEditors[type];
+		if (defaultPropEditors.length === 0) {
+			const provider = designRegister.value.getProvider(type);
+			if (!provider) {
+				console.warn(`selectedAllPropEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+				return [];
+			}
+			defaultPropEditors = provider.propEditors || [];
 		}
-		const overridePropEditor = FieldEditorOverrideRegistry.get(type)?.propEditor;
-		const defaultPropEditors = provider.propEditors || [];
-		return overridePropEditor?.(selectedRef.value, defaultPropEditors, preCompInfo) || defaultPropEditors;
+		const overridePropEditor = FieldEditorOverrideRegistry.get(materialType)?.propEditor;
+		if (overridePropEditor) return overridePropEditor(selectedRef.value, defaultPropEditors, preCompInfo);
+		return defaultPropEditors;
 	});
 	/**被选择的组件/弹框拥有的所有样式编辑器的描述集合 */
 	const selectedAllStyleEditors = computed(() => {
-		const { type } = selectedRef.value;
-		if (widgetInfo.value.styleEditors[type] && isArray(widgetInfo.value.styleEditors[type])) return widgetInfo.value.styleEditors[type];
-		const provider = designRegister.value.getProvider(type);
-		if (!provider) {
-			console.warn(`selectedAllStyleEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
-			return [];
+		const { type, materialType } = selectedRef.value;
+		let defaultStyleEditors = [];
+		if (widgetInfo.value.styleEditors[type] && isArray(widgetInfo.value.styleEditors[type])) defaultStyleEditors = widgetInfo.value.styleEditors[type];
+		if (defaultStyleEditors.length === 0) {
+			const provider = designRegister.value.getProvider(type);
+			if (!provider) {
+				console.warn(`selectedAllStyleEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+				return [];
+			}
+			defaultStyleEditors = provider.styleEditors || [];
 		}
-		const overrideStyleEditor = FieldEditorOverrideRegistry.get(type)?.styleEditor;
-		const defaultStyleEditors = provider.styleEditors || [];
-		return overrideStyleEditor?.(selectedRef.value, defaultStyleEditors) || defaultStyleEditors;
+		const overrideStyleEditor = FieldEditorOverrideRegistry.get(materialType)?.styleEditor;
+		if (overrideStyleEditor) return overrideStyleEditor(selectedRef.value, defaultStyleEditors);
+		return defaultStyleEditors;
 	});
 	/**被选择的组件所有设计相关配置信息集合 */
 	const selectedAllDesingerConfig = computed(() => {

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

@@ -10,19 +10,19 @@ declare const _default: {
     prop: string;
     defaultValue: string;
     codeError: string;
+    topBorder: string;
+    leftBorder: string;
+    bottomBorder: string;
+    rightBorder: string;
+    whole: string;
     upLeft: string;
     upRight: string;
     downLeft: string;
     downRight: string;
-    whole: string;
     radius: string;
     bold: string;
     italic: string;
     underline: string;
     linethrough: string;
-    topBorder: string;
-    leftBorder: string;
-    bottomBorder: string;
-    rightBorder: string;
 };
 export default _default;

package/es/locale/sys/pageDesigner.mjs

@@ -13,20 +13,20 @@ var pageDesigner_default = {
 	prop: "属性",
 	defaultValue: "默认值",
 	codeError: "语法错误请检查!",
+	topBorder: "上边框",
+	leftBorder: "左边框",
+	bottomBorder: "下边框",
+	rightBorder: "右边框",
+	whole: "全部",
 	upLeft: "左上角",
 	upRight: "右上角",
 	downLeft: "左下角",
 	downRight: "右下角",
-	whole: "全部",
 	radius: "圆角",
 	bold: "加粗",
 	italic: "倾斜",
 	underline: "下划线",
-	linethrough: "删除线",
-	topBorder: "上边框",
-	leftBorder: "左边框",
-	bottomBorder: "下边框",
-	rightBorder: "右边框"
+	linethrough: "删除线"
 };
 //#endregion
 export { pageDesigner_exports };

package/es/register/designer-register/designer-register.mjs

@@ -65,7 +65,7 @@ var DesignerRegister = class {
 		const instance = provider();
 		this.providers.set(fullTag, instance);
 		this.hooks.register.callSync(null, fullTag, instance);
-		this.addComponent("gct-" + instance.schema.type, instance.component);
+		if (!prefix) this.addComponent("gct-" + instance.schema.type, instance.component);
 	}
 	/**
 	* 设计器项适配器注销

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.6-dev.25",
+  "version": "0.1.6-dev.27",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "loader": "dist/loader.esm.min.js",
@@ -51,10 +51,10 @@
     "react-dnd-html5-backend": "^16.0.1",
     "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0",
-    "@gct-paas/core-web": "0.1.6-dev.25",
-    "@gct-paas/schema": "0.1.6-dev.25",
-    "@gct-paas/core": "0.1.6-dev.25",
-    "@gct-paas/scss": "0.1.6-dev.25"
+    "@gct-paas/core": "0.1.6-dev.27",
+    "@gct-paas/core-web": "0.1.6-dev.27",
+    "@gct-paas/schema": "0.1.6-dev.27",
+    "@gct-paas/scss": "0.1.6-dev.27"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -64,10 +64,10 @@
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.14",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.25",
-    "@gct-paas/core-web": "0.1.6-dev.25",
-    "@gct-paas/schema": "0.1.6-dev.25",
-    "@gct-paas/scss": "0.1.6-dev.25"
+    "@gct-paas/core-web": "0.1.6-dev.27",
+    "@gct-paas/scss": "0.1.6-dev.27",
+    "@gct-paas/core": "0.1.6-dev.27",
+    "@gct-paas/schema": "0.1.6-dev.27"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",