@vtj/designer 0.9.29 → 0.10.0

package/types/components/widgets/scripts/lifeCycles.d.ts

@@ -1,9 +1,53 @@
 import { BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives } from 'vue';
+import { Props } from '../../editor/Editor';
 export interface Props {
     context: Context | null;
     current: BlockModel | null;
 }
-declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    editorRef: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, PublicProps, {
+        height: string;
+        modelValue: string;
+        dark: boolean;
+        readonly: boolean;
+        options: import("monaco-editor").editor.IEditorConstructionOptions;
+        lang: string;
+        minimap: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        container: HTMLDivElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< Props> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
+    }, {}, {}, {}, {
+        height: string;
+        modelValue: string;
+        dark: boolean;
+        readonly: boolean;
+        options: import("monaco-editor").editor.IEditorConstructionOptions;
+        lang: string;
+        minimap: boolean;
+    }> | null;
+}, any>;
 export default _default;

package/types/components/widgets/style/JsonMode.d.ts

@@ -1,3 +1,47 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives } from 'vue';
+import { Props } from '../../editor/Editor';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    editorRef: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, PublicProps, {
+        height: string;
+        modelValue: string;
+        dark: boolean;
+        readonly: boolean;
+        options: import("monaco-editor").editor.IEditorConstructionOptions;
+        lang: string;
+        minimap: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        container: HTMLDivElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< Props> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        getEditor: () => import("monaco-editor").editor.IStandaloneCodeEditor | null;
+    }, {}, {}, {}, {
+        height: string;
+        modelValue: string;
+        dark: boolean;
+        readonly: boolean;
+        options: import("monaco-editor").editor.IEditorConstructionOptions;
+        lang: string;
+        minimap: boolean;
+    }> | null;
+}, any>;
 export default _default;

package/types/components/widgets/style/positioning.d.ts

@@ -3,5 +3,7 @@ export interface Props {
     styleJson: Record<string, any>;
     setStyle: (name: string, value?: any) => void;
 }
-declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inner: HTMLDivElement;
+}, any>;
 export default _default;

package/types/components/widgets/style/spacing-input.d.ts

@@ -1,4 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { ContainerWrap, ContainerDirection, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '@vtj/ui';
+import { OnCleanup } from '@vue/reactivity';
 export interface Props {
     name: string;
     modelValue?: string;
@@ -12,5 +14,256 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     onClose?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    bodyRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            padding: boolean;
+            tag: string;
+            wrap: ContainerWrap;
+            fit: boolean;
+            flex: boolean;
+            inline: boolean;
+            direction: ContainerDirection;
+            justify: ContainerJustifyContent;
+            align: ContainerAlignItems;
+            alignContent: ContainerAlignContent;
+            grow: boolean;
+            shrink: boolean;
+            alignSelf: "auto" | ContainerAlignItems;
+            gap: boolean;
+            autoPointer: boolean;
+        }> & Omit<{
+            readonly tag: string;
+            readonly direction: ContainerDirection;
+            readonly inline: boolean;
+            readonly fit: boolean;
+            readonly padding: boolean;
+            readonly flex: boolean;
+            readonly wrap: ContainerWrap;
+            readonly justify: ContainerJustifyContent;
+            readonly align: ContainerAlignItems;
+            readonly alignContent: ContainerAlignContent;
+            readonly grow: boolean;
+            readonly shrink: boolean;
+            readonly alignSelf: "auto" | ContainerAlignItems;
+            readonly gap: boolean;
+            readonly autoPointer: boolean;
+            readonly height?: string | number | undefined;
+            readonly width?: string | number | undefined;
+            readonly overflow?: "visible" | "hidden" | "auto" | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "tag" | "direction" | "inline" | "fit" | "padding" | "flex" | "wrap" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            elRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"auto" | "hidden" | "visible">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            gap: {
+                type: BooleanConstructor;
+            };
+            autoPointer: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {
+            $vtjEl: ComputedRef<any>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            padding: boolean;
+            tag: string;
+            wrap: ContainerWrap;
+            fit: boolean;
+            flex: boolean;
+            inline: boolean;
+            direction: ContainerDirection;
+            justify: ContainerJustifyContent;
+            align: ContainerAlignItems;
+            alignContent: ContainerAlignContent;
+            grow: boolean;
+            shrink: boolean;
+            alignSelf: "auto" | ContainerAlignItems;
+            gap: boolean;
+            autoPointer: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        padding: boolean;
+        tag: string;
+        wrap: ContainerWrap;
+        fit: boolean;
+        flex: boolean;
+        inline: boolean;
+        direction: ContainerDirection;
+        justify: ContainerJustifyContent;
+        align: ContainerAlignItems;
+        alignContent: ContainerAlignContent;
+        grow: boolean;
+        shrink: boolean;
+        alignSelf: "auto" | ContainerAlignItems;
+        gap: boolean;
+        autoPointer: boolean;
+    }> & Omit<Readonly< ExtractPropTypes<{
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        fit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        flex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inline: {
+            type: BooleanConstructor;
+        };
+        direction: {
+            type: PropType<ContainerDirection>;
+            default: string;
+        };
+        wrap: {
+            type: PropType<ContainerWrap>;
+            default: string;
+        };
+        justify: {
+            type: PropType<ContainerJustifyContent>;
+            default: string;
+        };
+        align: {
+            type: PropType<ContainerAlignItems>;
+            default: string;
+        };
+        alignContent: {
+            type: PropType<ContainerAlignContent>;
+            default: string;
+        };
+        grow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        shrink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignSelf: {
+            type: PropType<"auto" | ContainerAlignItems>;
+            default: string;
+        };
+        overflow: {
+            type: PropType<"auto" | "hidden" | "visible">;
+        };
+        padding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        gap: {
+            type: BooleanConstructor;
+        };
+        autoPointer: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, "tag" | "direction" | "$vtjEl" | "inline" | "fit" | "padding" | "flex" | "wrap" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer"> & ShallowUnwrapRef<{
+        $vtjEl: ComputedRef<any>;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;

package/types/components/widgets/style/spacing.d.ts

@@ -3,5 +3,8 @@ export interface Props {
     styleJson: Record<string, any>;
     setStyle: (name: string, value?: any) => void;
 }
-declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    inner: HTMLDivElement;
+}, any>;
 export default _default;

package/types/components/widgets/uni-config/index.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/framework/renderer.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { BlockSchema, NodeSchema, BlockModel, Service, PageFile, BlockFile } from '@vtj/core';
+import { BlockSchema, NodeSchema, BlockModel, Service, PageFile, BlockFile, ProjectModel, PlatformType } from '@vtj/core';
 import { SimulatorEnv } from './simulator';
 import { Provider, Context } from '@vtj/renderer';
 import { Designer } from './designer';
@@ -7,6 +7,7 @@ export declare class Renderer {
     env: SimulatorEnv;
     service: Service;
     provider: Provider;
+    project: ProjectModel | null;
     designer: Designer | null;
     app: App | null;
     private dsl;
@@ -14,8 +15,10 @@ export declare class Renderer {
     private blockChange;
     context: Context | null;
     private file?;
-    constructor(env: SimulatorEnv, service: Service, provider: Provider, designer?: Designer | null);
+    constructor(env: SimulatorEnv, service: Service, provider: Provider, project?: ProjectModel | null, designer?: Designer | null);
     private install;
+    createUniApp(platform: PlatformType, file: PageFile | BlockFile, renderer: any): App<any>;
+    createApp(platform: PlatformType, file: PageFile | BlockFile, renderer: any): App<any>;
     render(block: BlockModel, file?: PageFile | BlockFile | null): void;
     dispose(): void;
     updateChild(node: NodeSchema, parent: BlockSchema | NodeSchema): void;

package/types/framework/simulator.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ShallowRef } from 'vue';
-import { Dependencie, Material, ApiSchema, MetaSchema, ProjectConfig, Base } from '@vtj/core';
+import { Dependencie, Material, ApiSchema, MetaSchema, ProjectConfig, UniConfig, Base } from '@vtj/core';
 import { Renderer } from './renderer';
 import { Designer } from './designer';
 import { Engine } from './engine';
@@ -38,7 +38,9 @@ export declare class Simulator extends Base {
     rendered: Ref<symbol>;
     devtools: DevTools;
     constructor(options: SimulatorOptions);
-    init(iframe: Ref<HTMLIFrameElement | undefined>, deps: Ref<Dependencie[]>, apis: Ref<ApiSchema[]>, meta: Ref<MetaSchema[]>, config: Ref<ProjectConfig>): void;
+    init(iframe: Ref<HTMLIFrameElement | undefined>, deps: Ref<Dependencie[]>, apis: Ref<ApiSchema[]>, meta: Ref<MetaSchema[]>, config: Ref<ProjectConfig>, uniConfig: Ref<UniConfig>): void;
+    private createGlobalCss;
+    private initUniFeatures;
     private setup;
     emitReady(libraryExports?: string[], materialExports?: string[], materialMapLibrary?: Record<string, string>, libraryLocaleMap?: Record<string, string>): Promise<void>;
     createEnv(libraryExports?: string[], materialMapLibrary?: Record<string, string>, materials?: Material[], libraryLocaleMap?: Record<string, string>): SimulatorEnv;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/designer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.9.28
+ * @version 0.9.30
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.9.28";
+export declare const version = "0.9.30";