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

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

@@ -1,106 +1,83 @@
-import { ref, computed, toRef } from 'vue';
-import { SCOPE, BuiltinType } from '@gct-paas/core';
-import { modalInfo, pageJson } from '../design-state.mjs';
-
-const scope = ref(SCOPE.PAGE);
+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
-    );
-  });
-  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;
-  });
-  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;
-      }
-    }
-  });
-  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
-  };
+	/** 弹框主体区域 */
+	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/layout/useToolkit.d.ts

@@ -12,6 +12,7 @@ export declare function useToolkit(): {
         categoryType: CategoryTypeEnum;
         categoryName: string;
         list: {
+            [x: string]: any;
             id: string;
             platform: Platform;
             categoryType?: CategoryTypeEnum | 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,29 +142,41 @@ 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;
@@ -189,6 +203,7 @@ export declare function useToolkit(): {
         categoryType: CategoryTypeEnum;
         categoryName: string;
         list: {
+            [x: string]: any;
             id: string;
             platform: Platform;
             categoryType?: CategoryTypeEnum | undefined;
@@ -302,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;
@@ -317,29 +333,41 @@ 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;