@gct-paas/design 0.1.4-dev.18 → 0.1.4-dev.19

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

@@ -183,6 +183,7 @@ export declare const pageJson: {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         props: {
             [x: string]: any;
@@ -386,6 +387,7 @@ export declare const pageJson: {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -576,6 +578,7 @@ export declare const pageJson: {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -766,6 +769,7 @@ export declare const pageJson: {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -954,6 +958,7 @@ export declare const pageJson: {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         runJs?: string | undefined;
         los?: Record<string, IData> | undefined;
@@ -1067,6 +1072,7 @@ export declare const pageJson: {
         tableheight?: number | undefined;
         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
         enableHeaderBGColor?: boolean | undefined;
+        enableBGColor?: boolean | undefined;
     };
     pageConfig: {
         title?: string | undefined;
@@ -1236,6 +1242,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -1426,6 +1433,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -1616,6 +1624,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -1804,6 +1813,7 @@ export declare const modalInfo: import('vue').Ref<{
         tableheight?: number | undefined;
         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
         enableHeaderBGColor?: boolean | undefined;
+        enableBGColor?: boolean | undefined;
     };
     runJs?: string | undefined;
     los?: Record<string, IData> | undefined;
@@ -1938,6 +1948,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2128,6 +2139,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2318,6 +2330,7 @@ export declare const modalInfo: import('vue').Ref<{
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2506,6 +2519,7 @@ export declare const modalInfo: import('vue').Ref<{
         tableheight?: number | undefined;
         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
         enableHeaderBGColor?: boolean | undefined;
+        enableBGColor?: boolean | undefined;
     };
     runJs?: string | undefined;
     los?: Record<string, IData> | undefined;

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

@@ -130,6 +130,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -320,6 +321,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -510,6 +512,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -698,6 +701,7 @@ export declare function useDesignModal(): {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         runJs?: string | undefined;
         los?: Record<string, IData> | undefined;
@@ -832,6 +836,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1022,6 +1027,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1212,6 +1218,7 @@ export declare function useDesignModal(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1400,6 +1407,7 @@ export declare function useDesignModal(): {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         runJs?: string | undefined;
         los?: Record<string, IData> | undefined;
@@ -1526,6 +1534,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -1716,6 +1725,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -1906,6 +1916,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2097,6 +2108,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2287,6 +2299,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2477,6 +2490,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2668,6 +2682,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2858,6 +2873,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3048,6 +3064,7 @@ export declare function useDesignModal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;

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

@@ -1,6 +1,6 @@
 import { platform } from "../../../utils/design-view/index.mjs";
 import "../design-state.mjs";
-import { Platform, genUrl, getTenant, getToken, openWindow } from "@gct-paas/core";
+import { Platform, openWindow, stringifyMatrixParams } from "@gct-paas/core";
 import { ref } from "vue";
 import { useDebounceFn } from "@vueuse/core";
 //#region src/hooks/design-view/designer/useDesignPreview.ts
@@ -10,40 +10,38 @@ import { useDebounceFn } from "@vueuse/core";
 * 管理设计器的页面预览、沙箱预览、历史预览等预览相关功能。
 */
 function useDesignPreview() {
+	/**
+	* 构建预览 URL
+	* 组合基础 URL、矩阵参数和时间戳
+	*
+	* @param {string} baseUrl 基础 URL（如 /web-render/）
+	* @param {Record<string, unknown>} matrixParams 矩阵参数对象
+	* @returns {string} 完整的预览 URL
+	*/
+	function buildPreviewUrl(baseUrl, matrixParams) {
+		const matrixParamStr = stringifyMatrixParams(matrixParams);
+		const timestamp = `?_t=${Date.now()}`;
+		return `${location.origin}${baseUrl}${matrixParamStr}${timestamp}`;
+	}
 	/**
 	* 基础预览方法，根据平台类型打开对应预览窗口
 	*
 	* @param {IObject} params 预览参数
 	*/
 	function basicPreview({ pid, webUrl, mobileUrl, padUrl }) {
-		if (platform.value === Platform.MOBILE) {
-			const { hostname, origin } = location;
-			openWindow(genUrl(`${origin}${mobileUrl}?_t=${Date.now()}`, {
-				aid: _gct.store.context.aid,
-				pid,
-				bid: _gct.store.context.bid,
-				token: getToken(),
-				"tenant-id": getTenant()
-			}), {
-				noopener: false,
-				noreferrer: false,
-				target: "_blank",
-				optionStr: `width=414,height=896,top=200,left=${(window.screen.availWidth - 360) / 2}`
-			})?.resizeTo(414, 896);
-		} else if (platform.value === Platform.PAD) {
-			const { hostname, origin } = location;
-			openWindow(genUrl(`${origin}${padUrl}?_t=${Date.now()}`, {
-				aid: _gct.store.context.aid,
-				pid,
-				bid: _gct.store.context.bid,
-				token: getToken(),
-				"tenant-id": getTenant()
-			}), { target: "_blank" });
-		} else openWindow(genUrl(`${location.origin}${webUrl}?_t=${Date.now()}`, {
+		const matrixParams = {
 			aid: _gct.store.context.aid,
 			pid,
 			bid: _gct.store.context.bid
-		}), { target: "_blank" });
+		};
+		if (platform.value === Platform.MOBILE) openWindow(buildPreviewUrl(mobileUrl, matrixParams), {
+			noopener: false,
+			noreferrer: false,
+			target: "_blank",
+			optionStr: `width=414,height=896,top=200,left=${(window.screen.availWidth - 360) / 2}`
+		})?.resizeTo(414, 896);
+		else if (platform.value === Platform.PAD) openWindow(buildPreviewUrl(padUrl, matrixParams), { target: "_blank" });
+		else openWindow(buildPreviewUrl(webUrl, matrixParams), { target: "_blank" });
 	}
 	/**
 	* 预览（防抖）
@@ -53,9 +51,9 @@ function useDesignPreview() {
 	const _doPreview = () => {
 		basicPreview({
 			pid: _gct.store.context.pid,
-			webUrl: void 0,
-			mobileUrl: void 0,
-			padUrl: void 0
+			webUrl: "/web-render/",
+			mobileUrl: "/mobile-render/",
+			padUrl: "/pad-render/"
 		});
 	};
 	const preview = useDebounceFn(_doPreview, 400);
@@ -80,9 +78,9 @@ function useDesignPreview() {
 	const _doPreviewSandbox = () => {
 		basicPreview({
 			pid: _gct.store.context.pid,
-			webUrl: (void 0).replace("web-render", "web-sandbox"),
-			mobileUrl: (void 0).replace("mobile-render", "mobile-sandbox"),
-			padUrl: (void 0).replace("pad-render", "pad-sandbox")
+			webUrl: "/web-sandbox/",
+			mobileUrl: "/mobile-sandbox/",
+			padUrl: "/pad-sandbox/"
 		});
 	};
 	const previewSandbox = useDebounceFn(_doPreviewSandbox, 400);
@@ -93,30 +91,17 @@ function useDesignPreview() {
 	* @returns {{ url: string; platform: Platform }} 预览URL和平台类型
 	*/
 	function historyPreview(hid) {
-		if (platform.value === Platform.MOBILE) return {
-			url: genUrl(`http://${location.hostname}undefined?_t=${Date.now()}`, {
-				aid: _gct.store.context.aid,
-				pid: hid,
-				bid: _gct.store.context.bid,
-				token: getToken()
-			}),
-			platform: platform.value
-		};
-		else if (platform.value === Platform.PAD) return {
-			url: genUrl(`http://${location.hostname}undefined?_t=${Date.now()}`, {
-				aid: _gct.store.context.aid,
-				pid: hid,
-				bid: _gct.store.context.bid,
-				token: getToken()
-			}),
-			platform: platform.value
+		const matrixParams = {
+			aid: _gct.store.context.aid,
+			pid: hid,
+			bid: _gct.store.context.bid
 		};
-		else return {
-			url: genUrl(`${location.origin}undefined?_t=${Date.now()}`, {
-				aid: _gct.store.context.aid,
-				pid: hid,
-				bid: _gct.store.context.bid
-			}),
+		let url;
+		if (platform.value === Platform.MOBILE) url = buildPreviewUrl("/mobile-render/", matrixParams);
+		else if (platform.value === Platform.PAD) url = buildPreviewUrl("/pad-render/", matrixParams);
+		else url = buildPreviewUrl("/web-render/", matrixParams);
+		return {
+			url,
 			platform: platform.value
 		};
 	}

package/es/hooks/design-view/global/useGlobal.d.ts

@@ -167,6 +167,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -357,6 +358,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -547,6 +549,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -735,6 +738,7 @@ export declare function useGlobal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             runJs?: string | undefined;
             los?: Record<string, IData> | undefined;
@@ -879,6 +883,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -1069,6 +1074,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -1259,6 +1265,7 @@ export declare function useGlobal(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -1447,6 +1454,7 @@ export declare function useGlobal(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             runJs?: string | undefined;
             los?: Record<string, IData> | undefined;

package/es/hooks/design-view/layout/useToolkit.d.ts

@@ -126,6 +126,7 @@ export declare function useToolkit(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -316,6 +317,7 @@ export declare function useToolkit(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;

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

@@ -171,6 +171,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -374,6 +375,7 @@ export declare function useDesigner(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -564,6 +566,7 @@ export declare function useDesigner(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -754,6 +757,7 @@ export declare function useDesigner(): {
                         tableheight?: number | undefined;
                         tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                         enableHeaderBGColor?: boolean | undefined;
+                        enableBGColor?: boolean | undefined;
                     };
                     props: {
                         [x: string]: any;
@@ -942,6 +946,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             runJs?: string | undefined;
             los?: Record<string, IData> | undefined;
@@ -1055,6 +1060,7 @@ export declare function useDesigner(): {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         pageConfig: {
             title?: string | undefined;
@@ -1242,6 +1248,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1432,6 +1439,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1622,6 +1630,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -1810,6 +1819,7 @@ export declare function useDesigner(): {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         runJs?: string | undefined;
         los?: Record<string, IData> | undefined;
@@ -1944,6 +1954,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -2134,6 +2145,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -2324,6 +2336,7 @@ export declare function useDesigner(): {
                     tableheight?: number | undefined;
                     tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                     enableHeaderBGColor?: boolean | undefined;
+                    enableBGColor?: boolean | undefined;
                 };
                 props: {
                     [x: string]: any;
@@ -2512,6 +2525,7 @@ export declare function useDesigner(): {
             tableheight?: number | undefined;
             tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
             enableHeaderBGColor?: boolean | undefined;
+            enableBGColor?: boolean | undefined;
         };
         runJs?: string | undefined;
         los?: Record<string, IData> | undefined;
@@ -2638,6 +2652,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -2828,6 +2843,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3018,6 +3034,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3209,6 +3226,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3399,6 +3417,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3589,6 +3608,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3780,6 +3800,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -3970,6 +3991,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;
@@ -4160,6 +4182,7 @@ export declare function useDesigner(): {
                 tableheight?: number | undefined;
                 tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
                 enableHeaderBGColor?: boolean | undefined;
+                enableBGColor?: boolean | undefined;
             };
             props: {
                 [x: string]: any;

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

@@ -1,3 +1,5 @@
+import { designRegister } from "../../../utils/design-view/index.mjs";
+import "../../../utils/index.mjs";
 import { useSelectedWidget } from "./useSelectedWidget.mjs";
 import { has } from "lodash-es";
 import { FormComponents } from "@gct-paas/core";
@@ -50,7 +52,7 @@ function useWidget(props) {
 	const value = computed(() => {
 		return "";
 	});
-	const widgetdesigner = {};
+	const widgetdesigner = designRegister.value.getProvider(widget.type)?.designerConfig || {};
 	const hideMaskValue = computed(() => {
 		if (typeof widgetdesigner[widget.type]?.hideMask === "function") return widgetdesigner[widget.type].hideMask(widget);
 		return widgetdesigner[widget.type]?.hideMask;