@tmagic/editor 1.4.0-beta.1 → 1.4.0-beta.2

package/src/layouts/Framework.vue

@@ -24,6 +24,7 @@
       :min-left="65"
       :min-right="20"
       :min-center="100"
+      :width="frameworkRect?.width || 0"
       @change="columnWidthChange"
     >
       <template #left>
@@ -57,7 +58,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref, watch } from 'vue';
+import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 
 import { TMagicScrollbar } from '@tmagic/design';
 
@@ -101,40 +102,15 @@ const RIGHT_COLUMN_WIDTH_STORAGE_KEY = '$MagicEditorRightColumnWidthData';
 const getLeftColumnWidthCacheData = () =>
   Number(globalThis.localStorage.getItem(LEFT_COLUMN_WIDTH_STORAGE_KEY)) || DEFAULT_LEFT_COLUMN_WIDTH;
 
-const leftColumnWidthCacheData = getLeftColumnWidthCacheData();
-const RightColumnWidthCacheData =
-  Number(globalThis.localStorage.getItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY)) || DEFAULT_RIGHT_COLUMN_WIDTH;
-
 const columnWidth = ref<Partial<GetColumnWidth>>({
-  left: leftColumnWidthCacheData,
+  left: getLeftColumnWidthCacheData(),
   center: 0,
-  right: RightColumnWidthCacheData,
+  right: Number(globalThis.localStorage.getItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY)) || DEFAULT_RIGHT_COLUMN_WIDTH,
 });
 
-watch(
-  [pageLength, splitView],
-  () => {
-    splitView.value?.updateWidth();
-  },
-  {
-    immediate: true,
-  },
-);
-
-watch(
-  () => columnWidth.value.right,
-  (right) => {
-    if (typeof right === 'undefined') return;
-    globalThis.localStorage.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, `${right}`);
-  },
-);
-
-watch(
-  () => columnWidth.value.left,
-  (left) => {
-    globalThis.localStorage.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, `${left}`);
-  },
-);
+watch(pageLength, () => {
+  splitView.value?.updateWidth();
+});
 
 watch(
   () => uiService?.get('hideSlideBar'),
@@ -144,12 +120,35 @@ watch(
 );
 
 const columnWidthChange = (columnW: GetColumnWidth) => {
-  columnWidth.value.left = columnW.left;
-  columnWidth.value.center = columnW.center;
-  columnWidth.value.right = columnW.right;
+  columnWidth.value = columnW;
+
+  globalThis.localStorage.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY, `${columnW.left}`);
+  globalThis.localStorage.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY, `${columnW.right}`);
   uiService?.set('columnWidth', columnW);
 };
 
+const frameworkRect = computed(() => uiService?.get('frameworkRect'));
+
+const resizerObserver = new ResizeObserver((entries) => {
+  const { contentRect } = entries[0];
+  uiService?.set('frameworkRect', {
+    width: contentRect.width,
+    height: contentRect.height,
+    left: contentRect.left,
+    top: contentRect.top,
+  });
+});
+
+onMounted(() => {
+  if (content.value) {
+    resizerObserver.observe(content.value);
+  }
+});
+
+onBeforeUnmount(() => {
+  resizerObserver.disconnect();
+});
+
 const saveCode = (value: string) => {
   try {
     const parseDSL = getConfig('parseDSL');

package/src/layouts/PropsPanel.vue

@@ -12,17 +12,42 @@
       @change="submit"
       @error="errorHandler"
     ></MForm>
+
+    <TMagicButton
+      class="m-editor-props-panel-src-icon"
+      circle
+      size="large"
+      title="源码"
+      :icon="DocumentIcon"
+      :type="showSrc ? 'primary' : ''"
+      @click="showSrc = !showSrc"
+    ></TMagicButton>
+
+    <CodeEditor
+      v-if="showSrc"
+      :height="`${editorContentHeight}px`"
+      :init-values="values"
+      :options="codeOptions"
+      :parse="true"
+      @save="saveCode"
+    ></CodeEditor>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, ref, watchEffect } from 'vue';
+import { Document as DocumentIcon } from '@element-plus/icons-vue';
 
+import { TMagicButton } from '@tmagic/design';
 import type { FormState, FormValue } from '@tmagic/form';
 import { MForm } from '@tmagic/form';
+import type { MNode } from '@tmagic/schema';
 
+import { useEditorContentHeight } from '@editor/hooks/use-editor-content-height';
 import type { PropsPanelSlots, Services } from '@editor/type';
 
+import CodeEditor from './CodeEditor.vue';
+
 defineSlots<PropsPanelSlots>();
 
 defineOptions({
@@ -33,8 +58,12 @@ defineProps<{
   extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
 }>();
 
+const codeOptions = inject('codeOptions', {});
+
 const emit = defineEmits(['mounted', 'submit-error', 'form-error']);
 
+const showSrc = ref(false);
+
 const internalInstance = getCurrentInstance();
 const values = ref<FormValue>({});
 const configForm = ref<InstanceType<typeof MForm>>();
@@ -46,6 +75,8 @@ const nodes = computed(() => services?.editorService.get('nodes') || []);
 const propsPanelSize = computed(() => services?.uiService.get('propsPanelSize') || 'small');
 const stage = computed(() => services?.editorService.get('stage'));
 
+const { height: editorContentHeight } = useEditorContentHeight();
+
 const init = async () => {
   if (!node.value) {
     curFormConfig.value = [];
@@ -87,5 +118,9 @@ const errorHandler = (e: any) => {
   emit('form-error', e);
 };
 
+const saveCode = (values: MNode) => {
+  services?.editorService.update(values);
+};
+
 defineExpose({ configForm, submit });
 </script>

package/src/layouts/sidebar/Sidebar.vue

@@ -111,6 +111,8 @@
         :key="config.$key ?? index"
         v-if="floatBoxStates[config.$key]?.status"
         v-model:visible="floatBoxStates[config.$key].status"
+        :width="columnLeftWitch"
+        :height="600"
         :title="config.text"
         :position="{
           left: floatBoxStates[config.$key].left,
@@ -139,14 +141,15 @@ import { Coin, EditPen, Goods, List } from '@element-plus/icons-vue';
 import FloatingBox from '@editor/components/FloatingBox.vue';
 import MIcon from '@editor/components/Icon.vue';
 import { useFloatBox } from '@editor/hooks/use-float-box';
-import type {
-  MenuButton,
-  MenuComponent,
-  Services,
-  SideBarData,
-  SidebarSlots,
-  SideComponent,
-  SideItem,
+import {
+  ColumnLayout,
+  type MenuButton,
+  type MenuComponent,
+  type Services,
+  type SideBarData,
+  type SidebarSlots,
+  type SideComponent,
+  type SideItem,
 } from '@editor/type';
 
 import CodeBlockListPanel from './code-block/CodeBlockListPanel.vue';
@@ -173,6 +176,8 @@ const props = withDefaults(
 
 const services = inject<Services>('services');
 
+const columnLeftWitch = computed(() => services?.uiService.get('columnWidth')[ColumnLayout.LEFT] || 0);
+
 const activeTabName = ref(props.data?.status);
 
 const getItemConfig = (data: SideItem): SideComponent => {

package/src/layouts/workspace/viewer/NodeListMenu.vue

@@ -2,6 +2,7 @@
   <TMagicTooltip v-if="page && buttonVisible" content="点击查看当前位置下的组件">
     <div ref="button" class="m-editor-stage-float-button" @click="visible = true">可选组件</div>
   </TMagicTooltip>
+
   <FloatingBox
     v-if="page && nodeStatusMap && buttonVisible"
     ref="box"

package/src/services/stageOverlay.ts

@@ -41,7 +41,7 @@ class StageOverlay extends BaseService {
     this.state[name] = value;
   }
 
-  public openOverlay(el: HTMLElement | undefined | null) {
+  public openOverlay(el: HTMLElement | null) {
     const stageOptions = this.get('stageOptions');
     if (!el || !stageOptions) return;
 
@@ -168,7 +168,7 @@ class StageOverlay extends BaseService {
     });
 
     if (await stageOptions?.canSelect?.(contentEl)) {
-      subStage?.select(contentEl);
+      subStage?.select(contentEl.id);
     }
   }
 

package/src/services/ui.ts

@@ -54,6 +54,12 @@ const state = reactive<UiState>({
     width: 0,
     height: 0,
   },
+  frameworkRect: {
+    width: 0,
+    height: 0,
+    left: 0,
+    top: 0,
+  },
 });
 
 const canUsePluginMethods = {

package/src/theme/code-block.scss

@@ -17,9 +17,4 @@
   .el-drawer__body {
     padding: 10px 20px;
   }
-
-  &.m-form-box {
-    width: 100%;
-    min-width: 872px;
-  }
 }

package/src/theme/floating-box.scss

@@ -21,9 +21,9 @@
   }
 
   .m-editor-float-box-body {
-    padding: 5px;
-    flex: 1;
     overflow: auto;
+    flex: 1;
+    padding: 0 16px;
   }
 }
 

package/src/theme/props-panel.scss

@@ -1,6 +1,20 @@
 .m-editor-props-panel {
   padding: 0 10px;
 
+  .m-editor-props-panel-src-icon {
+    position: absolute;
+    right: 15px;
+    bottom: 15px;
+    z-index: 30;
+  }
+
+  .magic-code-editor {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 10;
+  }
+
   &.small {
     .el-form-item__label {
       font-size: 12px;

package/src/type.ts

@@ -246,6 +246,12 @@ export interface UiState {
     width: number;
     height: number;
   };
+  frameworkRect: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+  };
 }
 
 export interface EditorNodeInfo {

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

@@ -1,32 +1,53 @@
 import type { CodeBlockContent } from '@tmagic/schema';
 import type { SlideType } from '../type';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    content: CodeBlockContent;
-    disabled?: boolean | undefined;
-    isDataSource?: boolean | undefined;
-    dataSourceType?: string | undefined;
-    slideType?: SlideType | undefined;
-}>, {
+declare const _default: import("vue").DefineComponent<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    content: {
+        type: import("vue").PropType<CodeBlockContent>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isDataSource: {
+        type: import("vue").PropType<boolean>;
+    };
+    dataSourceType: {
+        type: import("vue").PropType<string>;
+    };
+    slideType: {
+        type: import("vue").PropType<SlideType>;
+    };
+}, {
     show(): Promise<void>;
-    hide(): void;
+    hide(): Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:width": (width: number) => void;
+    "update:visible": (visible: boolean) => void;
     submit: (values: CodeBlockContent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    content: CodeBlockContent;
-    disabled?: boolean | undefined;
-    isDataSource?: boolean | undefined;
-    dataSourceType?: string | undefined;
-    slideType?: SlideType | undefined;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    content: {
+        type: import("vue").PropType<CodeBlockContent>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isDataSource: {
+        type: import("vue").PropType<boolean>;
+    };
+    dataSourceType: {
+        type: import("vue").PropType<string>;
+    };
+    slideType: {
+        type: import("vue").PropType<SlideType>;
+    };
+}>> & {
     onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/components/FloatingBox.vue.d.ts

@@ -2,79 +2,64 @@ interface Position {
     left: number;
     top: number;
 }
-interface Rect {
-    width: number | string;
-    height: number | string;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    visible: boolean;
-    position?: Position | undefined;
-    rect?: Rect | undefined;
-    title?: string | undefined;
-    beforeClose?: ((done: (cancel?: boolean | undefined) => void) => void) | undefined;
-}>, {
-    visible: boolean;
-    title: string;
-    position: () => {
-        left: number;
-        top: number;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    width: import("vue").PropType<number>;
+    height: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<Position>;
+        default: () => {
+            left: number;
+            top: number;
+        };
     };
-    rect: () => {
-        width: string;
-        height: string;
+    beforeClose: {
+        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
     };
-}>, {
+}, {
+    bodyHeight: import("vue").ComputedRef<number | "auto">;
     target: import("vue").Ref<HTMLDivElement | undefined>;
+    titleEl: import("vue").Ref<HTMLDivElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:visible": (args_0: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    visible: boolean;
-    position?: Position | undefined;
-    rect?: Rect | undefined;
-    title?: string | undefined;
-    beforeClose?: ((done: (cancel?: boolean | undefined) => void) => void) | undefined;
-}>, {
-    visible: boolean;
-    title: string;
-    position: () => {
-        left: number;
-        top: number;
+    "update:width": (width: number) => void;
+    "update:visible": (visible: boolean) => void;
+    "update:height": (height: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue").PropType<number>;
+    height: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    rect: () => {
-        width: string;
-        height: string;
+    position: {
+        type: import("vue").PropType<Position>;
+        default: () => {
+            left: number;
+            top: number;
+        };
     };
-}>>> & {
-    "onUpdate:visible"?: ((args_0: boolean) => any) | undefined;
+    beforeClose: {
+        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+    };
+}>> & {
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:height"?: ((height: number) => any) | undefined;
 }, {
     title: string;
     position: Position;
-    visible: boolean;
-    rect: Rect;
 }, {}>, {
     title?(_: {}): any;
     body?(_: {}): any;
 }>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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/components/SplitView.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    width?: number | undefined;
     left?: number | undefined;
     right?: number | undefined;
     minLeft?: number | undefined;
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:left": (...args: any[]) => void;
     "update:right": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    width?: number | undefined;
     left?: number | undefined;
     right?: number | undefined;
     minLeft?: number | undefined;

package/types/hooks/index.d.ts

@@ -2,3 +2,5 @@ export * from './use-code-block-edit';
 export * from './use-data-source-method';
 export * from './use-stage';
 export * from './use-float-box';
+export * from './use-window-rect';
+export * from './use-editor-content-height';

package/types/hooks/use-code-block-edit.d.ts

@@ -4,6 +4,8 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
     codeId: import("vue").Ref<string | undefined>;
     codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
     codeBlockEditor: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -22,12 +24,18 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:width": (width: number) => void;
+        "update:visible": (visible: boolean) => void;
         submit: (values: CodeBlockContent) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -46,6 +54,8 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -54,6 +64,8 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -72,9 +84,11 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, {}, {}, {}, {}> | undefined>;
     createCodeBlock: () => Promise<void>;
     editCode: (id: string) => Promise<void>;

package/types/hooks/use-data-source-method.d.ts

@@ -2,6 +2,8 @@ import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
 export declare const useDataSourceMethod: () => {
     codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
     codeBlockEditor: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -20,12 +22,18 @@ export declare const useDataSourceMethod: () => {
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:width": (width: number) => void;
+        "update:visible": (visible: boolean) => void;
         submit: (values: CodeBlockContent) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -44,6 +52,8 @@ export declare const useDataSourceMethod: () => {
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -52,6 +62,8 @@ export declare const useDataSourceMethod: () => {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -70,9 +82,11 @@ export declare const useDataSourceMethod: () => {
         };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, {}, {}, {}, {}> | undefined>;
     createCode: (model: DataSourceSchema) => Promise<void>;
     editCode: (model: DataSourceSchema, methodName: string) => Promise<void>;

package/types/hooks/use-editor-content-height.d.ts

@@ -0,0 +1,3 @@
+export declare const useEditorContentHeight: () => {
+    height: import("vue").Ref<number>;
+};

package/types/hooks/use-window-rect.d.ts

@@ -0,0 +1,6 @@
+export declare const useWindowRect: () => {
+    rect: {
+        width: number;
+        height: number;
+    };
+};