@gct-paas/design 0.1.5-dev.1 → 0.1.5-dev.11

package/es/editor/style-spacing/style-spacing.mjs

@@ -0,0 +1,60 @@
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useGctFormValue } from "@gct-paas/core-web";
+//#region src/editor/style-spacing/style-spacing.tsx
+/**
+* 边距编辑器
+*/
+var StyleSpacing = /* @__PURE__ */ defineComponent({
+	name: "StyleSpacing",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: String }
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("style-spacing");
+		const val = useGctFormValue();
+		const padding = computed({
+			get() {
+				return val.value?.[1];
+			},
+			set(v) {
+				const newVal = val.value ? [...val.value] : [];
+				newVal[1] = v;
+				val.value = newVal;
+			}
+		});
+		const margin = computed({
+			get() {
+				return val.value?.[0];
+			},
+			set(v) {
+				const newVal = val.value ? [...val.value] : [];
+				newVal[0] = v;
+				val.value = newVal;
+			}
+		});
+		return () => {
+			return createVNode(resolveComponent("spacing-editor"), mergeProps({
+				"padding": padding.value,
+				"onUpdate:padding": ($event) => padding.value = $event,
+				"margin": margin.value,
+				"onUpdate:margin": ($event) => margin.value = $event
+			}, props.model.props || {}, {
+				"showArea": props.model.showArea,
+				"class": [ns.b(), ns.is("readonly", props.model.readonly)]
+			}), null);
+		};
+	}
+});
+//#endregion
+export { StyleSpacing as default };

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

@@ -1,5 +1,5 @@
 import { pageLayoutModeEnum } from '@gct-paas/core';
-import { ExportMethod, LowCodeWidget, PageJson } from '@gct-paas/schema';
+import { ExportMethod, LowCodeWidget, PageJson, IModal } from '@gct-paas/schema';
 import { PageDesignerLogResponse } from '@gct-paas/api/apaas';
 import { platform, designRegister } from '../../utils';
 export { platform, designRegister };
@@ -20,53 +20,53 @@ export declare const pageJson: {
     keepAlive: boolean;
     pageEvents: {
         pageBeforeMount?: {
-            type?: import("@gct-paas/core").EventCategory.JS | undefined;
-            name: string;
-            extraParams: Record<string, any> | string | number | boolean;
-        } | {
             name: import('@gct-paas/core').INNER_EVENT;
             title: string;
             key: string;
             refId?: string | undefined;
             scopeId?: string | undefined;
             modalTitle?: string | undefined;
-        }[] | undefined;
-        pageMounted?: {
+        }[] | {
             type?: import("@gct-paas/core").EventCategory.JS | undefined;
             name: string;
             extraParams: Record<string, any> | string | number | boolean;
-        } | {
+        } | undefined;
+        pageMounted?: {
             name: import('@gct-paas/core').INNER_EVENT;
             title: string;
             key: string;
             refId?: string | undefined;
             scopeId?: string | undefined;
             modalTitle?: string | undefined;
-        }[] | undefined;
-        pageDestroyed?: {
+        }[] | {
             type?: import("@gct-paas/core").EventCategory.JS | undefined;
             name: string;
             extraParams: Record<string, any> | string | number | boolean;
-        } | {
+        } | undefined;
+        pageDestroyed?: {
             name: import('@gct-paas/core').INNER_EVENT;
             title: string;
             key: string;
             refId?: string | undefined;
             scopeId?: string | undefined;
             modalTitle?: string | undefined;
-        }[] | undefined;
-        pageActivated?: {
+        }[] | {
             type?: import("@gct-paas/core").EventCategory.JS | undefined;
             name: string;
             extraParams: Record<string, any> | string | number | boolean;
-        } | {
+        } | undefined;
+        pageActivated?: {
             name: import('@gct-paas/core').INNER_EVENT;
             title: string;
             key: string;
             refId?: string | undefined;
             scopeId?: string | undefined;
             modalTitle?: string | undefined;
-        }[] | undefined;
+        }[] | {
+            type?: import("@gct-paas/core").EventCategory.JS | undefined;
+            name: string;
+            extraParams: Record<string, any> | string | number | boolean;
+        } | undefined;
     };
     widgets: {
         [x: string]: any;
@@ -199,35 +199,35 @@ export declare const pageJson: {
             componentDependency: {
                 sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                 configDependency: {
-                    hidden?: {
+                    assignment?: {
                         expressionStr?: string | undefined;
                         expression?: string | undefined;
                         value?: boolean | undefined;
                         fieldValue?: boolean | undefined;
                         strategy?: string | undefined;
                     } | undefined;
-                    readonly?: {
+                    disabled?: {
                         expressionStr?: string | undefined;
                         expression?: string | undefined;
                         value?: boolean | undefined;
                         fieldValue?: boolean | undefined;
                         strategy?: string | undefined;
                     } | undefined;
-                    disabled?: {
+                    hidden?: {
                         expressionStr?: string | undefined;
                         expression?: string | undefined;
                         value?: boolean | undefined;
                         fieldValue?: boolean | undefined;
                         strategy?: string | undefined;
                     } | undefined;
-                    required?: {
+                    readonly?: {
                         expressionStr?: string | undefined;
                         expression?: string | undefined;
                         value?: boolean | undefined;
                         fieldValue?: boolean | undefined;
                         strategy?: string | undefined;
                     } | undefined;
-                    assignment?: {
+                    required?: {
                         expressionStr?: string | undefined;
                         expression?: string | undefined;
                         value?: boolean | undefined;
@@ -403,35 +403,35 @@ export declare const pageJson: {
                     componentDependency: {
                         sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                         configDependency: {
-                            hidden?: {
+                            assignment?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            readonly?: {
+                            disabled?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            disabled?: {
+                            hidden?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            required?: {
+                            readonly?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            assignment?: {
+                            required?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
@@ -594,35 +594,35 @@ export declare const pageJson: {
                     componentDependency: {
                         sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                         configDependency: {
-                            hidden?: {
+                            assignment?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            readonly?: {
+                            disabled?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            disabled?: {
+                            hidden?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            required?: {
+                            readonly?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            assignment?: {
+                            required?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
@@ -785,35 +785,35 @@ export declare const pageJson: {
                     componentDependency: {
                         sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                         configDependency: {
-                            hidden?: {
+                            assignment?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            readonly?: {
+                            disabled?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            disabled?: {
+                            hidden?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            required?: {
+                            readonly?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
                                 fieldValue?: boolean | undefined;
                                 strategy?: string | undefined;
                             } | undefined;
-                            assignment?: {
+                            required?: {
                                 expressionStr?: string | undefined;
                                 expression?: string | undefined;
                                 value?: boolean | undefined;
@@ -1258,35 +1258,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
@@ -1449,35 +1449,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
@@ -1640,35 +1640,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
@@ -1819,7 +1819,7 @@ export declare const modalInfo: import('vue').Ref<{
     los?: Record<string, IData> | undefined;
     icon: string;
     isField: boolean;
-}, import('node_modules/@gct-paas/schema/es/interface/modal/i-modal').IModal | {
+}, IModal | {
     id: string;
     alias: string;
     name: string;
@@ -1964,35 +1964,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
@@ -2155,35 +2155,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
@@ -2346,35 +2346,35 @@ export declare const modalInfo: import('vue').Ref<{
                 componentDependency: {
                     sortDependency: import('@gct-paas/core').Dependency_ENUM[];
                     configDependency: {
-                        hidden?: {
+                        assignment?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        readonly?: {
+                        disabled?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        disabled?: {
+                        hidden?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        required?: {
+                        readonly?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;
                             fieldValue?: boolean | undefined;
                             strategy?: string | undefined;
                         } | undefined;
-                        assignment?: {
+                        required?: {
                             expressionStr?: string | undefined;
                             expression?: string | undefined;
                             value?: boolean | undefined;