@tmagic/editor 1.2.0-beta.1 → 1.2.0-beta.11

package/src/layouts/workspace/ViewerMenu.vue

@@ -2,8 +2,8 @@
   <content-menu :menu-data="menuData" ref="menu"></content-menu>
 </template>
 
-<script lang="ts" setup>
-import { computed, inject, markRaw, reactive, ref, watch } from 'vue';
+<script lang="ts" setup name="MEditorViewerMenu">
+import { computed, inject, markRaw, ref, watch } from 'vue';
 import { Bottom, Delete, DocumentCopy, Top } from '@element-plus/icons-vue';
 
 import { MNode, NodeType } from '@tmagic/schema';
@@ -15,7 +15,10 @@ import storageService from '../../services/storage';
 import { LayerOffset, Layout, MenuButton, MenuComponent, Services } from '../../type';
 import { COPY_STORAGE_KEY } from '../../utils/editor';
 
-const props = withDefaults(defineProps<{ isMultiSelect?: boolean }>(), { isMultiSelect: false });
+const props = withDefaults(
+  defineProps<{ isMultiSelect?: boolean; stageContentMenu: (MenuButton | MenuComponent)[] }>(),
+  { isMultiSelect: false },
+);
 
 const services = inject<Services>('services');
 const editorService = services?.editorService;
@@ -28,9 +31,7 @@ const nodes = computed(() => editorService?.get<MNode[]>('nodes'));
 const parent = computed(() => editorService?.get('parent'));
 const stage = computed(() => editorService?.get<StageCore>('stage'));
 
-const stageContentMenu = inject<(MenuButton | MenuComponent)[]>('stageContentMenu', []);
-
-const menuData = reactive<(MenuButton | MenuComponent)[]>([
+const menuData = computed<(MenuButton | MenuComponent)[]>(() => [
   {
     type: 'button',
     text: '水平居中',
@@ -130,7 +131,7 @@ const menuData = reactive<(MenuButton | MenuComponent)[]>([
       editorService?.get<StageCore>('stage').clearGuides();
     },
   },
-  ...stageContentMenu,
+  ...props.stageContentMenu,
 ]);
 
 watch(

package/src/layouts/workspace/Workspace.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="m-editor-workspace" tabindex="-1" ref="workspace">
+    <Breadcrumb></Breadcrumb>
+
     <slot name="stage">
-      <MagicStage :key="page?.id"></MagicStage>
+      <MagicStage :key="page?.id" :stage-content-menu="stageContentMenu"></MagicStage>
     </slot>
 
     <slot name="workspace-content"></slot>
@@ -13,18 +15,23 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="MEditorWorkspace">
 import { computed, inject, onMounted, onUnmounted, ref } from 'vue';
 import KeyController from 'keycon';
 
 import type { MNode, MPage } from '@tmagic/schema';
 import { isPage } from '@tmagic/utils';
 
-import type { Services } from '../../type';
+import type { MenuButton, MenuComponent, Services } from '../../type';
 
+import Breadcrumb from './Breadcrumb.vue';
 import PageBar from './PageBar.vue';
 import MagicStage from './Stage.vue';
 
+defineProps<{
+  stageContentMenu: (MenuButton | MenuComponent)[];
+}>();
+
 const services = inject<Services>('services');
 const workspace = ref<HTMLDivElement>();
 const nodes = computed(() => services?.editorService.get<MNode[]>('nodes'));

package/src/services/codeBlock.ts

@@ -69,7 +69,7 @@ class CodeBlock extends BaseService {
   }
 
   /**
-   * 获取活动的代码块dsl数据源（默认从dsl中的codeBlock字段读取）
+   * 获取活动的代码块dsl数据源（默认从dsl中的codeBlocks字段读取）
    * @param {boolean} forceRefresh 是否强制从活动dsl拉取刷新
    * @returns {CodeBlockDSL | null}
    */
@@ -100,15 +100,21 @@ class CodeBlock extends BaseService {
    */
   public async setCodeDslById(id: string, codeConfig: CodeBlockContent): Promise<void> {
     let codeDsl = await this.getCodeDsl();
-    if (!codeDsl) return;
-    const existContent = codeDsl[id] || {};
-    codeDsl = {
-      ...codeDsl,
-      [id]: {
-        ...existContent,
-        ...codeConfig,
-      },
-    };
+    if (!codeDsl) {
+      // dsl中无代码块字段
+      codeDsl = {
+        [id]: codeConfig,
+      };
+    } else {
+      const existContent = codeDsl[id] || {};
+      codeDsl = {
+        ...codeDsl,
+        [id]: {
+          ...existContent,
+          ...codeConfig,
+        },
+      };
+    }
     await this.setCodeDsl(codeDsl);
   }
 

package/src/services/editor.ts

@@ -73,7 +73,7 @@ class Editor extends BaseService {
         'copy',
         'paste',
         'doPaste',
-        'duAlignCenter',
+        'doAlignCenter',
         'alignCenter',
         'moveLayer',
         'moveToContainer',
@@ -484,10 +484,10 @@ class Editor extends BaseService {
     parentNodeItems[index] = newConfig;
 
     // 将update后的配置更新到nodes中
-    const nodes = this.get('nodes');
+    const nodes = this.get<MNode[]>('nodes') || [];
     const targetIndex = nodes.findIndex((nodeItem: MNode) => `${nodeItem.id}` === `${newConfig.id}`);
     nodes.splice(targetIndex, 1, newConfig);
-    this.set('nodes', nodes);
+    this.set('nodes', [...nodes]);
 
     this.get<StageCore | null>('stage')?.update({
       config: cloneDeep(newConfig),
@@ -623,7 +623,11 @@ class Editor extends BaseService {
 
     const newNode = await this.update(newNodes);
 
-    await stage?.multiSelect(newNodes.map((node) => node.id));
+    if (newNodes.length > 1) {
+      await stage?.multiSelect(newNodes.map((node) => node.id));
+    } else {
+      await stage?.select(newNodes[0].id);
+    }
 
     return newNode;
   }
@@ -767,23 +771,23 @@ class Editor extends BaseService {
   }
 
   /**
-   * 从dsl中的codeBlock字段读取活动的代码块
+   * 从dsl中的codeBlocks字段读取活动的代码块
    * @returns {CodeBlockDSL | null}
    */
   public async getCodeDsl(): Promise<CodeBlockDSL | null> {
     const root = this.get<MApp | null>('root');
     if (!root) return null;
-    return root.codeBlock || null;
+    return root.codeBlocks || null;
   }
 
   /**
-   * 设置代码块到dsl的codeBlock字段
+   * 设置代码块到dsl的codeBlocks字段
    * @param {CodeBlockDSL} codeDsl 代码DSL
    * @returns {void}
    */
   public async setCodeDsl(codeDsl: CodeBlockDSL): Promise<void> {
     if (!this.state.root) return;
-    this.state.root.codeBlock = codeDsl;
+    this.state.root.codeBlocks = codeDsl;
   }
 
   private addModifiedNodeId(id: Id) {

package/src/theme/breadcrumb.scss

@@ -0,0 +1,6 @@
+.m-editor-breadcrumb {
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  z-index: 10;
+}

package/src/theme/component-list-panel.scss

@@ -1,11 +1,11 @@
 .ui-component-panel {
   height: 100%;
   border-top: 0 !important;
-  margin-top: 50px;
+  margin-top: 48px;
   background-color: $--sidebar-content-background-color;
 
   .search-input {
-    background: #f8fbff;
+    background: #fff;
     color: #bbbbbb;
     padding: 10px;
     position: absolute;
@@ -15,11 +15,7 @@
     z-index: 1;
 
     .el-input__prefix {
-      padding: 10px;
-    }
-
-    .el-input__suffix {
-      padding: 10px 5px;
+      padding: 7px;
     }
   }
 

package/src/theme/index.scss

@@ -1,16 +1,2 @@
 @import "./common/var.scss";
-@import "./nav-menu.scss";
-@import "./framework.scss";
-@import "./sidebar.scss";
-@import "./layer-panel.scss";
-@import "./component-list-panel.scss";
-@import "./resizer.scss";
-@import "./workspace.scss";
-@import "./page-bar.scss";
-@import "./props-panel.scss";
-@import "./content-menu.scss";
-@import "./stage.scss";
-@import "./code-editor.scss";
-@import "./icon.scss";
-@import "./code-block.scss";
-@import "./layout.scss";
+@import "./theme.scss";

package/src/theme/layer-panel.scss

@@ -10,10 +10,15 @@
     left: 0;
     z-index: 1;
 
-    .el-input__suffix {
-      padding: 10px 5px;
+    .el-input__prefix {
+      padding: 7px;
     }
   }
+
+  .magic-editor-layer-tree {
+    padding-top: 48px;
+  }
+
   .node-content {
     flex: 1;
     display: flex;

package/src/theme/theme.scss

@@ -0,0 +1,16 @@
+@import "./nav-menu.scss";
+@import "./framework.scss";
+@import "./sidebar.scss";
+@import "./layer-panel.scss";
+@import "./component-list-panel.scss";
+@import "./resizer.scss";
+@import "./workspace.scss";
+@import "./page-bar.scss";
+@import "./props-panel.scss";
+@import "./content-menu.scss";
+@import "./stage.scss";
+@import "./code-editor.scss";
+@import "./icon.scss";
+@import "./code-block.scss";
+@import "./layout.scss";
+@import "./breadcrumb.scss";

package/src/type.ts

@@ -200,6 +200,7 @@ export interface MenuComponent {
   /** 是否显示，默认为true */
   className?: string;
   display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
+  [key: string]: any;
 }
 
 /**
@@ -358,7 +359,7 @@ export interface CodeDslList {
   /** 代码块名称 */
   name: string;
   /** 代码块函数内容 */
-  content: any;
+  codeBlockContent?: CodeBlockContent;
   /** 是否展示代码绑定关系 */
   showRelation?: boolean;
 }

package/src/utils/scroll-viewer.ts

@@ -4,6 +4,10 @@ interface ScrollViewerOptions {
   container: HTMLDivElement;
   target: HTMLDivElement;
   zoom: number;
+  correctionScrollSize?: {
+    width: number;
+    height: number;
+  };
 }
 
 export class ScrollViewer extends EventEmitter {
@@ -23,6 +27,11 @@ export class ScrollViewer extends EventEmitter {
   private translateXCorrectionValue = 0;
   private translateYCorrectionValue = 0;
 
+  private correctionScrollSize = {
+    width: 0,
+    height: 0,
+  };
+
   private resizeObserver = new ResizeObserver(() => {
     this.setSize();
     this.setScrollSize();
@@ -35,6 +44,13 @@ export class ScrollViewer extends EventEmitter {
     this.target = options.target;
     this.zoom = options.zoom;
 
+    if (this.correctionScrollSize) {
+      this.correctionScrollSize = {
+        ...this.correctionScrollSize,
+        ...options.correctionScrollSize,
+      };
+    }
+
     this.container.addEventListener('wheel', this.wheelHandler, false);
 
     this.setSize();
@@ -109,9 +125,9 @@ export class ScrollViewer extends EventEmitter {
 
   private setScrollSize = () => {
     const targetRect = this.target.getBoundingClientRect();
-    this.scrollWidth = targetRect.width * this.zoom + 100;
+    this.scrollWidth = targetRect.width * this.zoom + this.correctionScrollSize.width;
     const targetMarginTop = Number(this.target.style.marginTop) || 0;
-    this.scrollHeight = (targetRect.height + targetMarginTop) * this.zoom + 100;
+    this.scrollHeight = (targetRect.height + targetMarginTop) * this.zoom + this.correctionScrollSize.height;
 
     let left: number | undefined;
     let top: number | undefined;

package/src/utils/stage.ts

@@ -46,6 +46,7 @@ export const useStage = (stageOptions: StageOptions) => {
   ]);
 
   stage.on('select', (el: HTMLElement) => {
+    if (`${editorService.get('node')?.id}` === el.id && editorService.get('nodes').length === 1) return;
     editorService.select(el.id);
   });
 
@@ -72,6 +73,12 @@ export const useStage = (stageOptions: StageOptions) => {
     editorService.sort(ev.src, ev.dist);
   });
 
+  stage.on('select-parent', () => {
+    const parent = editorService.get('parent');
+    editorService.select(parent);
+    editorService.get<StageCore>('stage').select(parent.id);
+  });
+
   stage.on('changeGuides', (e) => {
     uiService.set('showGuides', true);
 

package/types/Editor.vue.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     updateDragEl: {
         type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
     };
-}, Services, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("props-panel-mounted" | "update:modelValue")[], "props-panel-mounted" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, Services, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "props-panel-mounted")[], "update:modelValue" | "props-panel-mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** 页面初始值 */
     modelValue: {
         type: PropType<MApp>;
@@ -191,8 +191,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
     };
 }>> & {
-    "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
 }, {
     menu: MenuBarData;
     codeOptions: Record<string, any>;

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

@@ -96,9 +96,7 @@ declare const _default: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", {
     menuData: (MenuButton | MenuComponent)[];
     isSubMenu: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -48,9 +48,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     icon?: any;
-}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -68,9 +68,7 @@ declare const _default: {
     pos: number;
 }>>> & {
     onScroll?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -8,19 +8,31 @@ declare const _default: {
             zoom: number;
             wrapWidth: number;
             wrapHeight: number;
+            correctionScrollSize: {
+                width: number;
+                height: number;
+            };
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
             width?: number | undefined;
             height?: number | undefined;
             wrapWidth?: number | undefined;
             wrapHeight?: number | undefined;
             zoom?: number | undefined;
+            correctionScrollSize?: {
+                width: number;
+                height: number;
+            } | undefined;
         }>, {
             width: number;
             height: number;
             wrapWidth: number;
             wrapHeight: number;
             zoom: number;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "width" | "zoom" | "wrapWidth" | "wrapHeight">;
+            correctionScrollSize: () => {
+                width: number;
+                height: number;
+            };
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "width" | "zoom" | "wrapWidth" | "wrapHeight" | "correctionScrollSize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -40,12 +52,20 @@ declare const _default: {
             wrapWidth?: number | undefined;
             wrapHeight?: number | undefined;
             zoom?: number | undefined;
+            correctionScrollSize?: {
+                width: number;
+                height: number;
+            } | undefined;
         }>, {
             width: number;
             height: number;
             wrapWidth: number;
             wrapHeight: number;
             zoom: number;
+            correctionScrollSize: () => {
+                width: number;
+                height: number;
+            };
         }>>>, {
             container: import("vue").Ref<HTMLDivElement | undefined>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -54,6 +74,10 @@ declare const _default: {
             zoom: number;
             wrapWidth: number;
             wrapHeight: number;
+            correctionScrollSize: {
+                width: number;
+                height: number;
+            };
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -80,12 +104,20 @@ declare const _default: {
         wrapWidth?: number | undefined;
         wrapHeight?: number | undefined;
         zoom?: number | undefined;
+        correctionScrollSize?: {
+            width: number;
+            height: number;
+        } | undefined;
     }>, {
         width: number;
         height: number;
         wrapWidth: number;
         wrapHeight: number;
         zoom: number;
+        correctionScrollSize: () => {
+            width: number;
+            height: number;
+        };
     }>>> & import("vue").ShallowUnwrapRef<{
         container: import("vue").Ref<HTMLDivElement | undefined>;
     }> & {} & import("vue").ComponentCustomProperties;
@@ -98,12 +130,20 @@ declare const _default: {
     wrapWidth?: number | undefined;
     wrapHeight?: number | undefined;
     zoom?: number | undefined;
+    correctionScrollSize?: {
+        width: number;
+        height: number;
+    } | undefined;
 }>, {
     width: number;
     height: number;
     wrapWidth: number;
     wrapHeight: number;
     zoom: number;
+    correctionScrollSize: () => {
+        width: number;
+        height: number;
+    };
 }>>>, {
     container: import("vue").Ref<HTMLDivElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -112,6 +152,10 @@ declare const _default: {
     zoom: number;
     wrapWidth: number;
     wrapHeight: number;
+    correctionScrollSize: {
+        width: number;
+        height: number;
+    };
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: (_: {}) => any;

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

@@ -86,9 +86,7 @@ declare const _default: {
 }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     data: MenuButton | MenuComponent;
     eventType: 'mousedown' | 'mouseup' | 'click';
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -7,6 +7,8 @@ declare const _default: {
             name: string;
             config: {
                 language?: string | undefined;
+                options?: Object | undefined;
+                height?: string | undefined;
             };
             prop: string;
         }>>> & {
@@ -30,6 +32,8 @@ declare const _default: {
             name: string;
             config: {
                 language?: string | undefined;
+                options?: Object | undefined;
+                height?: string | undefined;
             };
             prop: string;
         }>>> & {
@@ -59,6 +63,8 @@ declare const _default: {
         name: string;
         config: {
             language?: string | undefined;
+            options?: Object | undefined;
+            height?: string | undefined;
         };
         prop: string;
     }>>> & {
@@ -72,13 +78,13 @@ declare const _default: {
     name: string;
     config: {
         language?: string | undefined;
+        options?: Object | undefined;
+        height?: string | undefined;
     };
     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: {};
-});
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -8,6 +8,7 @@ declare const _default: {
                 name: string;
                 text?: string;
                 formTitle?: string;
+                codeOptions?: Object;
             };
             model: any;
             name: string;
@@ -34,6 +35,7 @@ declare const _default: {
                 name: string;
                 text?: string;
                 formTitle?: string;
+                codeOptions?: Object;
             };
             model: any;
             name: string;
@@ -66,6 +68,7 @@ declare const _default: {
             name: string;
             text?: string;
             formTitle?: string;
+            codeOptions?: Object;
         };
         model: any;
         name: string;
@@ -82,15 +85,14 @@ declare const _default: {
         name: string;
         text?: string;
         formTitle?: string;
+        codeOptions?: Object;
     };
     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: {};
-});
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -81,9 +81,7 @@ declare const _default: {
     size: 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: {};
-});
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -68,9 +68,7 @@ declare const _default: {
     name: 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: {};
-});
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {