@tmagic/editor 1.1.3 → 1.1.5

package/src/layouts/workspace/PageBarScrollContainer.vue

@@ -6,27 +6,33 @@
       class="m-editor-page-bar-item m-editor-page-bar-item-icon"
       @click="addPage"
     >
-      <el-icon><plus></plus></el-icon>
+      <Icon :icon="Plus"></Icon>
     </div>
     <div v-else style="width: 21px"></div>
     <div v-if="canScroll" class="m-editor-page-bar-item m-editor-page-bar-item-icon" @click="scroll('left')">
-      <el-icon><arrow-left-bold></arrow-left-bold></el-icon>
+      <Icon :icon="ArrowLeftBold"></Icon>
     </div>
-    <div v-if="root" class="m-editor-page-bar-items" ref="itemsContainer" :style="`width: ${itemsContainerWidth}px`">
+    <div
+      v-if="pageLength"
+      class="m-editor-page-bar-items"
+      ref="itemsContainer"
+      :style="`width: ${itemsContainerWidth}px`"
+    >
       <slot></slot>
     </div>
     <div v-if="canScroll" class="m-editor-page-bar-item m-editor-page-bar-item-icon" @click="scroll('right')">
-      <el-icon><arrow-right-bold></arrow-right-bold></el-icon>
+      <Icon :icon="ArrowRightBold"></Icon>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, inject, onMounted, onUnmounted, ref, toRaw, watch } from 'vue';
+import { computed, inject, nextTick, onMounted, onUnmounted, ref, toRaw, watch } from 'vue';
 import { ArrowLeftBold, ArrowRightBold, Plus } from '@element-plus/icons-vue';
 
-import { MApp, NodeType } from '@tmagic/schema';
+import { NodeType } from '@tmagic/schema';
 
+import Icon from '../../components/Icon.vue';
 import type { Services } from '../../type';
 import { generatePageNameByApp } from '../../utils/editor';
 
@@ -34,31 +40,39 @@ const services = inject<Services>('services');
 const editorService = services?.editorService;
 const uiService = services?.uiService;
 
-const pageBar = ref<HTMLDivElement>();
 const itemsContainer = ref<HTMLDivElement>();
-const pageBarWidth = ref(0);
 const canScroll = ref(false);
 
 const showAddPageButton = computed(() => uiService?.get('showAddPageButton'));
 
-// 减去新增、左移、右移三个按钮的宽度
-const itemsContainerWidth = computed(() => pageBarWidth.value - 35 * 2 - (showAddPageButton.value ? 35 : 21));
+const itemsContainerWidth = ref(0);
 
-let translateLeft = 0;
-const resizeObserver = new ResizeObserver((entries) => {
-  for (const { contentRect } of entries) {
-    const { width } = contentRect;
-    pageBarWidth.value = width || 0;
+const setCanScroll = () => {
+  // 减去新增、左移、右移三个按钮的宽度
+  // 37 = icon width 16 + padding 10 * 2 + border-right 1
+  itemsContainerWidth.value = (pageBar.value?.clientWidth || 0) - 37 * 2 - (showAddPageButton.value ? 37 : 21);
 
-    setCanScroll();
-  }
+  nextTick(() => {
+    if (itemsContainer.value) {
+      canScroll.value = itemsContainer.value.scrollWidth - itemsContainerWidth.value > 1;
+    }
+  });
+};
+
+const resizeObserver = new ResizeObserver(() => {
+  setCanScroll();
 });
 
-const setCanScroll = () => {
-  if (itemsContainer.value) {
-    canScroll.value = itemsContainer.value.scrollWidth > itemsContainerWidth.value;
-  }
-};
+const pageBar = ref<HTMLDivElement>();
+onMounted(() => {
+  pageBar.value && resizeObserver.observe(pageBar.value);
+});
+
+onUnmounted(() => {
+  resizeObserver.disconnect();
+});
+
+let translateLeft = 0;
 
 const scroll = (type: 'left' | 'right' | 'start' | 'end') => {
   if (!itemsContainer.value) return;
@@ -86,30 +100,19 @@ const scroll = (type: 'left' | 'right' | 'start' | 'end') => {
   itemsContainer.value.style.transform = `translate(${translateLeft}px, 0px)`;
 };
 
-onMounted(() => {
-  pageBar.value && resizeObserver.observe(pageBar.value);
-});
+const pageLength = computed(() => editorService?.get<number>('pageLength'));
 
-onUnmounted(() => {
-  resizeObserver.disconnect();
+watch(pageLength, (length = 0, preLength = 0) => {
+  setTimeout(() => {
+    setCanScroll();
+    if (length < preLength) {
+      scroll('start');
+    } else {
+      scroll('end');
+    }
+  });
 });
 
-const root = computed(() => editorService?.get<MApp>('root'));
-
-watch(
-  () => root.value?.items.length,
-  (length = 0, preLength = 0) => {
-    setTimeout(() => {
-      setCanScroll();
-      if (length < preLength) {
-        scroll('start');
-      } else {
-        scroll('end');
-      }
-    });
-  },
-);
-
 const addPage = () => {
   if (!editorService) return;
   const pageConfig = {

package/src/layouts/workspace/Workspace.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-editor-workspace" tabindex="1" ref="workspace">
+  <div class="m-editor-workspace" tabindex="-1" ref="workspace">
     <slot name="stage">
       <MagicStage :key="page?.id"></MagicStage>
     </slot>
@@ -139,9 +139,9 @@ onMounted(() => {
       e.inputEvent.preventDefault();
       services?.uiService.zoom(-0.1);
     })
-    .keydown([ctrl, '0'], (e) => {
+    .keydown([ctrl, '0'], async (e) => {
       e.inputEvent.preventDefault();
-      services?.uiService.set('zoom', services.uiService.calcZoom());
+      services?.uiService.set('zoom', await services.uiService.calcZoom());
     })
     .keydown([ctrl, '1'], (e) => {
       e.inputEvent.preventDefault();

package/src/services/editor.ts

@@ -297,7 +297,7 @@ class Editor extends BaseService {
       throw new Error('app下不能添加组件');
     }
 
-    if (parent.id !== curNode.id) {
+    if (parent.id !== curNode.id && node.type !== NodeType.PAGE) {
       const index = parent.items.indexOf(curNode);
       parent?.items?.splice(index + 1, 0, node);
     } else {
@@ -315,9 +315,12 @@ class Editor extends BaseService {
       root: cloneDeep(root),
     });
 
-    node.style = fixNodePosition(node, parent, stage);
+    const newStyle = fixNodePosition(node, parent, stage);
 
-    await stage?.update({ config: cloneDeep(node), parentId: parent.id, root: cloneDeep(root) });
+    if (newStyle && (newStyle.top !== node.style.top || newStyle.left !== node.style.left)) {
+      node.style = newStyle;
+      await stage?.update({ config: cloneDeep(node), parentId: parent.id, root: cloneDeep(root) });
+    }
 
     this.addModifiedNodeId(node.id);
 

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([]);
-    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,24 +76,12 @@ class Ui extends BaseService {
     return (state as any)[name];
   }
 
-  public 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 zoom(zoom: number) {
+  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);
   }
 
-  public calcZoom() {
+  public async calcZoom() {
     const { stageRect, stageContainerRect } = state;
     const { height, width } = stageContainerRect;
     if (!width || !height) return 1;
@@ -132,42 +101,12 @@ 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 setStageRect(value: StageRect) {
+  private async setStageRect(value: StageRect) {
     state.stageRect = {
       ...state.stageRect,
       ...value,
     };
-    state.zoom = this.calcZoom();
+    state.zoom = await this.calcZoom();
   }
 }
 

package/src/utils/scroll-viewer.ts

@@ -40,6 +40,7 @@ export class ScrollViewer extends EventEmitter {
     this.setSize();
     this.setScrollSize();
     this.resizeObserver.observe(this.container);
+    this.resizeObserver.observe(this.target);
   }
 
   public destroy() {

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;
+    };
+};