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

package/es/hooks/design-view/global/useGlobal.mjs

@@ -0,0 +1,77 @@
+import { GLOBAL_TYPE } from "@gct-paas/core";
+import { ref } from "vue";
+//#region src/hooks/design-view/global/useGlobal.ts
+/**全局变量 */
+var gVar = ref([]);
+/**全局弹框 */
+var gModal = ref([]);
+/**全局事件 */
+var gEvent = ref([]);
+function useGlobal() {
+	async function queryGModal(fullInfo = false) {
+		gModal.value = (await _api.apaas.appGlobalSettings.getList({
+			type: GLOBAL_TYPE.MODAL,
+			fullInfo
+		}))?.map((modal) => {
+			return {
+				id: modal.id,
+				name: modal.name,
+				key: modal.key,
+				modalInfo: modal.configJson ? JSON.parse(modal.configJson) : null
+			};
+		}) || [];
+	}
+	async function queryGVar(fullInfo = true) {
+		gVar.value = (await _api.apaas.appGlobalSettings.getList({
+			type: GLOBAL_TYPE.VAR,
+			fullInfo
+		}))?.map((variable) => {
+			return {
+				id: variable.id,
+				key: variable.key,
+				varInfo: variable.configJson ? JSON.parse(variable.configJson) : null
+			};
+		}) || [];
+	}
+	async function queryGEvent(fullInfo = false) {
+		gEvent.value = (await _api.apaas.appGlobalSettings.getList({
+			type: GLOBAL_TYPE.EVENT,
+			fullInfo
+		}))?.map((event) => {
+			return {
+				id: event.id,
+				key: event.key,
+				eventInfo: event.configJson || ""
+			};
+		}) || [];
+	}
+	function queryInfo(ids) {
+		return _api.apaas.appGlobalSettings.getInfo({
+			ids,
+			fullInfo: true
+		});
+	}
+	async function updateInfo(id, data) {
+		await _api.apaas.appGlobalSettings.putId({ id }, data);
+	}
+	async function addInfo(data) {
+		await _api.apaas.appGlobalSettings.post(data);
+	}
+	async function deleteInfo(ids) {
+		await _api.apaas.appGlobalSettings.delete({ ids });
+	}
+	return {
+		queryInfo,
+		updateInfo,
+		addInfo,
+		deleteInfo,
+		queryGModal,
+		queryGVar,
+		queryGEvent,
+		gVar,
+		gModal,
+		gEvent
+	};
+}
+//#endregion
+export { useGlobal };

package/es/hooks/design-view/{useScope.d.ts → layout/useScope.d.ts}

@@ -1,11 +1,11 @@
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref, WritableComputedRef } from 'vue';
 import { SCOPE } from '@gct-paas/core';
 import { LowCodeWidget } from '@gct-paas/schema';
 export declare function useScope(): {
     scopeData: ComputedRef<LowCodeWidget.BasicSchema[]>;
     navTagScopeData: ComputedRef<LowCodeWidget.BasicSchema[]>;
-    scopeJs: ComputedRef<string>;
-    scopeCss: ComputedRef<string>;
+    scopeJs: WritableComputedRef<string>;
+    scopeCss: WritableComputedRef<string>;
     setScope: (scopeDef: SCOPE) => void;
     getScope: () => SCOPE;
     scopeId: Ref<string>;

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

@@ -0,0 +1,83 @@
+import { modalInfo, pageJson } from "../design-state.mjs";
+import { BuiltinType, SCOPE } from "@gct-paas/core";
+import { computed, ref, toRef } from "vue";
+//#region src/hooks/design-view/layout/useScope.ts
+/**作用域:当前应当递归遍历的数据集合(页面数据或者模态框body/footer数据) */
+var scope = ref(SCOPE.PAGE);
+function useScope() {
+	/** 弹框主体区域 */
+	const modalBody = computed(() => {
+		return modalInfo.value.children.find((d) => d?.type === BuiltinType.MODAL_BODY);
+	});
+	/** 弹框底部区域 */
+	const modalFooter = computed(() => {
+		return modalInfo.value.children.find((d) => d?.type === BuiltinType.MODAL_FOOTER);
+	});
+	/** 弹框底部按钮容器 */
+	const modalBottomBtn = computed(() => {
+		return modalInfo.value.children.find((d) => d?.type === BuiltinType.BottomButtonContainer);
+	});
+	/**作用域数据:当前应当递归遍历的数据集合(页面数据或者模态框body/footer数据) */
+	const scopeData = computed(() => {
+		switch (scope.value) {
+			case SCOPE.PAGE: return pageJson.widgets;
+			case SCOPE.MODAL: {
+				const data = [...modalBody.value?.children ?? []];
+				if (modalFooter.value?.children) data.push(...modalFooter.value.children);
+				if (modalBottomBtn.value?.children) data.push(...modalBottomBtn.value.children);
+				return data;
+			}
+			default: return pageJson.widgets;
+		}
+	});
+	const scopeId = toRef(() => {
+		if (scope.value === SCOPE.PAGE) return pageJson.id || "id";
+		else return modalInfo.value.id;
+	});
+	/** 链路单独处理 */
+	const navTagScopeData = computed(() => {
+		if (scope.value === SCOPE.PAGE) return pageJson.widgets;
+		else if (scope.value === SCOPE.MODAL) return [modalInfo.value];
+		return pageJson.widgets;
+	});
+	/**作用域JS */
+	const scopeJs = computed({
+		get() {
+			if (scope.value === SCOPE.PAGE) return pageJson.js;
+			else return modalInfo.value.js;
+		},
+		set(val) {
+			if (scope.value === SCOPE.PAGE) pageJson.js = val;
+			else modalInfo.value.js = val;
+		}
+	});
+	/**作用域Css */
+	const scopeCss = computed({
+		get() {
+			if (scope.value === SCOPE.PAGE) return pageJson.css;
+			else return modalInfo.value.css;
+		},
+		set(val) {
+			if (scope.value === SCOPE.PAGE) pageJson.css = val;
+			else modalInfo.value.css = val;
+		}
+	});
+	/**设置作用域 */
+	function setScope(scopeDef) {
+		scope.value = scopeDef;
+	}
+	function getScope() {
+		return scope.value;
+	}
+	return {
+		scopeData,
+		navTagScopeData,
+		scopeJs,
+		scopeCss,
+		setScope,
+		getScope,
+		scopeId
+	};
+}
+//#endregion
+export { useScope };

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { ToolkitWidgetGroup } from '../../interface';
+import { ToolkitWidgetGroup } from '../../../interface';
 import { CategoryTypeEnum, Platform, FormComponents, ToolkitEnum } from '@gct-paas/core';
 export declare function useToolkit(): {
     toolkit: Ref<ToolkitEnum, ToolkitEnum>;
@@ -12,6 +12,7 @@ export declare function useToolkit(): {
         categoryType: CategoryTypeEnum;
         categoryName: string;
         list: {
+            [x: string]: any;
             id: string;
             platform: Platform;
             categoryType?: CategoryTypeEnum | undefined;
@@ -19,7 +20,7 @@ export declare function useToolkit(): {
             name: string;
             compName?: string | undefined;
             compKey?: string | undefined;
-            type: FormComponents | string;
+            type: string | FormComponents;
             icon: string;
             children?: any[] | undefined;
             internal?: boolean | undefined;
@@ -50,7 +51,7 @@ export declare function useToolkit(): {
                     italic: boolean;
                     textDecoration: import('@gct-paas/core').TextDecoration;
                     color: string;
-                    align: "left" | "right";
+                    align: "left" | "right" | "justify";
                 } | undefined;
                 contentFont?: {
                     fontSize: string;
@@ -58,7 +59,7 @@ export declare function useToolkit(): {
                     italic: boolean;
                     textDecoration: import('@gct-paas/core').TextDecoration;
                     color: string;
-                    align: "left" | "right";
+                    align: "left" | "right" | "justify";
                 } | undefined;
                 tagStyle?: {
                     color?: string | undefined;
@@ -105,7 +106,7 @@ export declare function useToolkit(): {
                         italic: boolean;
                         textDecoration: import('@gct-paas/core').TextDecoration;
                         color: string;
-                        align: "left" | "right";
+                        align: "left" | "right" | "justify";
                     };
                     tagStyle: {
                         color?: string | undefined;
@@ -125,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;
@@ -140,33 +142,46 @@ export declare function useToolkit(): {
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden: {
+                        hidden?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
-                        };
-                        readonly: {
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
+                        readonly?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
-                        };
-                        disabled: {
+                            strategy?: string | undefined;
+                        } | undefined;
+                        disabled?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
-                        };
-                        required: {
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
+                        required?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
-                        };
-                        assignment: {
+                            strategy?: string | undefined;
+                        } | undefined;
+                        assignment?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
-                            strategy?: import('@gct-paas/core').ASSIGNMENTSTRATEGY_ENUM | undefined;
                             value?: boolean | undefined;
-                        };
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
                     };
                 };
+                deviceConnectivity: boolean;
             };
-            events: import('node_modules/@gct-paas/schema/es/interface/widget/i-events').IBasicEvents;
+            events: import('@gct-paas/schema').IBasicEvents;
             formItem?: boolean | undefined;
             display?: import('@gct-paas/core').DisplayEnums | undefined;
             displayName?: string | undefined;
@@ -188,6 +203,7 @@ export declare function useToolkit(): {
         categoryType: CategoryTypeEnum;
         categoryName: string;
         list: {
+            [x: string]: any;
             id: string;
             platform: Platform;
             categoryType?: CategoryTypeEnum | undefined;
@@ -195,7 +211,7 @@ export declare function useToolkit(): {
             name: string;
             compName?: string | undefined;
             compKey?: string | undefined;
-            type: FormComponents | string;
+            type: string | FormComponents;
             icon: string;
             children?: any[] | undefined;
             internal?: boolean | undefined;
@@ -226,7 +242,7 @@ export declare function useToolkit(): {
                     italic: boolean;
                     textDecoration: import('@gct-paas/core').TextDecoration;
                     color: string;
-                    align: "left" | "right";
+                    align: "left" | "right" | "justify";
                 } | undefined;
                 contentFont?: {
                     fontSize: string;
@@ -234,7 +250,7 @@ export declare function useToolkit(): {
                     italic: boolean;
                     textDecoration: import('@gct-paas/core').TextDecoration;
                     color: string;
-                    align: "left" | "right";
+                    align: "left" | "right" | "justify";
                 } | undefined;
                 tagStyle?: {
                     color?: string | undefined;
@@ -281,7 +297,7 @@ export declare function useToolkit(): {
                         italic: boolean;
                         textDecoration: import('@gct-paas/core').TextDecoration;
                         color: string;
-                        align: "left" | "right";
+                        align: "left" | "right" | "justify";
                     };
                     tagStyle: {
                         color?: string | undefined;
@@ -301,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;
@@ -316,33 +333,46 @@ export declare function useToolkit(): {
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden: {
+                        hidden?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
-                        };
-                        readonly: {
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
+                        readonly?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
-                        };
-                        disabled: {
+                            strategy?: string | undefined;
+                        } | undefined;
+                        disabled?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
-                        };
-                        required: {
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
+                        required?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
-                        };
-                        assignment: {
+                            strategy?: string | undefined;
+                        } | undefined;
+                        assignment?: {
+                            expressionStr?: string | undefined;
                             expression?: string | undefined;
-                            strategy?: import('@gct-paas/core').ASSIGNMENTSTRATEGY_ENUM | undefined;
                             value?: boolean | undefined;
-                        };
+                            fieldValue?: boolean | undefined;
+                            strategy?: string | undefined;
+                        } | undefined;
                     };
                 };
+                deviceConnectivity: boolean;
             };
-            events: import('node_modules/@gct-paas/schema/es/interface/widget/i-events').IBasicEvents;
+            events: import('@gct-paas/schema').IBasicEvents;
             formItem?: boolean | undefined;
             display?: import('@gct-paas/core').DisplayEnums | undefined;
             displayName?: string | undefined;