@tmagic/editor 1.1.4 → 1.1.6

package/src/services/ui.ts

@@ -16,28 +16,15 @@
  * limitations under the License.
  */
 
-import { reactive, toRaw } from 'vue';
+import { reactive } from 'vue';
 
 import type StageCore from '@tmagic/stage';
 
 import editorService from '../services/editor';
-import type { GetColumnWidth, SetColumnWidth, StageRect, UiState } from '../type';
+import type { StageRect, UiState } from '../type';
 
 import BaseService from './BaseService';
 
-const DEFAULT_LEFT_COLUMN_WIDTH = 310;
-const MIN_LEFT_COLUMN_WIDTH = 45;
-const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
-const MIN_RIGHT_COLUMN_WIDTH = 1;
-
-const COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorColumnWidthData';
-
-const defaultColumnWidth = {
-  left: DEFAULT_LEFT_COLUMN_WIDTH,
-  center: globalThis.document.body.clientWidth - DEFAULT_LEFT_COLUMN_WIDTH - DEFAULT_RIGHT_COLUMN_WIDTH,
-  right: DEFAULT_RIGHT_COLUMN_WIDTH,
-};
-
 const state = reactive<UiState>({
   uiSelectMode: false,
   showSrc: false,
@@ -50,7 +37,11 @@ const state = reactive<UiState>({
     width: 375,
     height: 817,
   },
-  columnWidth: defaultColumnWidth,
+  columnWidth: {
+    left: 0,
+    right: 0,
+    center: 0,
+  },
   showGuides: true,
   showRule: true,
   propsPanelSize: 'small',
@@ -59,22 +50,12 @@ const state = reactive<UiState>({
 
 class Ui extends BaseService {
   constructor() {
-    super(['initColumnWidth', 'zoom', 'calcZoom']);
-    globalThis.addEventListener('resize', () => {
-      this.setColumnWidth({
-        center: 'auto',
-      });
-    });
+    super(['zoom', 'calcZoom']);
   }
 
   public set<T = any>(name: keyof UiState, value: T) {
     const mask = editorService.get<StageCore>('stage')?.mask;
 
-    if (name === 'columnWidth') {
-      this.setColumnWidth(value as unknown as SetColumnWidth);
-      return;
-    }
-
     if (name === 'stageRect') {
       this.setStageRect(value as unknown as StageRect);
       return;
@@ -95,18 +76,6 @@ class Ui extends BaseService {
     return (state as any)[name];
   }
 
-  public async initColumnWidth() {
-    const columnWidthCacheData = globalThis.localStorage.getItem(COLUMN_WIDTH_STORAGE_KEY);
-    if (columnWidthCacheData) {
-      try {
-        const columnWidthCache = JSON.parse(columnWidthCacheData);
-        this.setColumnWidth(columnWidthCache);
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-
   public async zoom(zoom: number) {
     this.set('zoom', (this.get<number>('zoom') * 100 + zoom * 100) / 100);
     if (this.get<number>('zoom') < 0.1) this.set('zoom', 0.1);
@@ -132,36 +101,6 @@ class Ui extends BaseService {
     this.removeAllListeners();
   }
 
-  private setColumnWidth({ left, center, right }: SetColumnWidth) {
-    const columnWidth = {
-      ...toRaw(this.get<GetColumnWidth>('columnWidth')),
-    };
-
-    if (left) {
-      columnWidth.left = Math.max(left, MIN_LEFT_COLUMN_WIDTH);
-    }
-
-    if (right) {
-      columnWidth.right = Math.max(right, MIN_RIGHT_COLUMN_WIDTH);
-    }
-
-    if (!center || center === 'auto') {
-      const bodyWidth = globalThis.document.body.clientWidth;
-      columnWidth.center = bodyWidth - (columnWidth?.left || 0) - (columnWidth?.right || 0);
-      if (columnWidth.center <= 0) {
-        columnWidth.left = defaultColumnWidth.left;
-        columnWidth.center = defaultColumnWidth.center;
-        columnWidth.right = defaultColumnWidth.right;
-      }
-    } else {
-      columnWidth.center = center;
-    }
-
-    globalThis.localStorage.setItem(COLUMN_WIDTH_STORAGE_KEY, JSON.stringify(columnWidth));
-
-    state.columnWidth = columnWidth;
-  }
-
   private async setStageRect(value: StageRect) {
     state.stageRect = {
       ...state.stageRect,

package/types/components/ToolButton.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
             eventType: 'mousedown' | 'mouseup' | 'click';
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
             data?: MenuButton | MenuComponent | undefined;
-            eventType?: "click" | "mousedown" | "mouseup" | undefined;
+            eventType?: "mousedown" | "click" | "mouseup" | undefined;
         }>, {
             data: () => {
                 type: string;
@@ -31,7 +31,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
             data?: MenuButton | MenuComponent | undefined;
-            eventType?: "click" | "mousedown" | "mouseup" | undefined;
+            eventType?: "mousedown" | "click" | "mouseup" | undefined;
         }>, {
             data: () => {
                 type: string;
@@ -63,7 +63,7 @@ declare const _default: {
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
         data?: MenuButton | MenuComponent | undefined;
-        eventType?: "click" | "mousedown" | "mouseup" | undefined;
+        eventType?: "mousedown" | "click" | "mouseup" | undefined;
     }>, {
         data: () => {
             type: string;
@@ -76,7 +76,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     data?: MenuButton | MenuComponent | undefined;
-    eventType?: "click" | "mousedown" | "mouseup" | undefined;
+    eventType?: "mousedown" | "click" | "mouseup" | undefined;
 }>, {
     data: () => {
         type: string;

package/types/fields/Code.vue.d.ts

@@ -1,23 +1,91 @@
-declare const _default: import("vue").DefineComponent<Readonly<{
-    name?: any;
-    model?: any;
-    config?: any;
-    prop?: any;
-}>, {
-    height: import("vue").ComputedRef<string>;
-    language: import("vue").ComputedRef<any>;
-    save(v: string): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    name?: any;
-    model?: any;
-    config?: any;
-    prop?: any;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            model: any;
+            name: string;
+            config: {
+                language?: string | undefined;
+            };
+            prop: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            model: any;
+            name: string;
+            config: {
+                language?: string | undefined;
+            };
+            prop: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        model: any;
+        name: string;
+        config: {
+            language?: string | undefined;
+        };
+        prop: string;
+    }>>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    model: any;
+    name: string;
+    config: {
+        language?: string | undefined;
+    };
+    prop: string;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly name?: any;
-    readonly model?: any;
-    readonly config?: any;
-    readonly prop?: any;
-}>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {};
+});
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/fields/CodeLink.vue.d.ts

@@ -1,52 +1,103 @@
-import { PropType } from 'vue';
-interface CodeLinkConfig {
-    type: 'code-link';
-    name: string;
-    text?: string;
-    formTitle?: string;
-}
-declare const _default: import("vue").DefineComponent<{
-    config: {
-        type: PropType<CodeLinkConfig>;
-    };
-    model: {
-        type: ObjectConstructor;
-    };
-    name: {
-        type: StringConstructor;
-    };
-    prop: {
-        type: StringConstructor;
-    };
-}, {
-    modelValue: import("vue").Ref<{
-        form: Record<string, any>;
-    }>;
-    formConfig: import("vue").ComputedRef<{
-        text: string;
-        type: string;
-        form: {
-            name: string | undefined;
-            type: string;
-        }[];
-        name?: string | undefined;
-        formTitle?: string | undefined;
-    }>;
-    changeHandler(v: Record<string, any>): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: {
+                type: 'code-link';
+                name: string;
+                text?: string;
+                formTitle?: string;
+            };
+            model: any;
+            name: string;
+            prop: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: {
+                type: 'code-link';
+                name: string;
+                text?: string;
+                formTitle?: string;
+            };
+            model: any;
+            name: string;
+            prop: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        config: {
+            type: 'code-link';
+            name: string;
+            text?: string;
+            formTitle?: string;
+        };
+        model: any;
+        name: string;
+        prop: string;
+    }>>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     config: {
-        type: PropType<CodeLinkConfig>;
+        type: 'code-link';
+        name: string;
+        text?: string;
+        formTitle?: string;
     };
-    model: {
-        type: ObjectConstructor;
-    };
-    name: {
-        type: StringConstructor;
-    };
-    prop: {
-        type: StringConstructor;
-    };
-}>> & {
+    model: any;
+    name: string;
+    prop: string;
+}>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {};
+});
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/layouts/Framework.vue.d.ts

@@ -1,22 +1,90 @@
-import type { MApp } from '@tmagic/schema';
-import { GetColumnWidth } from '../type';
-declare const _default: import("vue").DefineComponent<{
-    codeOptions: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}, {
-    root: import("vue").ComputedRef<MApp | undefined>;
-    pageLength: import("vue").ComputedRef<number>;
-    showSrc: import("vue").ComputedRef<boolean | undefined>;
-    columnWidth: import("vue").ComputedRef<GetColumnWidth | undefined>;
-    saveCode(value: string): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    codeOptions: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>>, {
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            codeOptions: Record<string, any>;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            codeOptions?: Record<string, any> | undefined;
+        }>, {
+            codeOptions: () => {};
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "codeOptions">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            codeOptions?: Record<string, any> | undefined;
+        }>, {
+            codeOptions: () => {};
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            codeOptions: Record<string, any>;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        codeOptions?: Record<string, any> | undefined;
+    }>, {
+        codeOptions: () => {};
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    codeOptions?: Record<string, any> | undefined;
+}>, {
+    codeOptions: () => {};
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     codeOptions: Record<string, any>;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        nav: (_: {
+            class: string;
+        }) => any;
+        sidebar: (_: {}) => any;
+        workspace: (_: {}) => any;
+        empty: (_: {}) => any;
+        'props-panel': (_: {}) => any;
+    };
+});
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};