@tmagic/editor 1.7.12 → 1.7.13-beta.0

package/src/layouts/workspace/Breadcrumb.vue

@@ -1,17 +1,22 @@
 <template>
-  <div v-if="nodes.length === 1" class="m-editor-breadcrumb">
-    <template v-for="(item, index) in path" :key="item.id">
-      <TMagicButton link :disabled="item.id === node?.id" @click="select(item)">{{ item.name }}</TMagicButton
-      ><span v-if="index < path.length - 1">/</span>
+  <div v-if="nodes.length === 1" ref="containerRef" class="m-editor-breadcrumb">
+    <template v-for="(item, index) in displayPath" :key="item.isEllipsis ? `ellipsis-${index}` : item.id">
+      <span v-if="item.isEllipsis" class="m-editor-breadcrumb-ellipsis">...</span>
+      <TMagicTooltip v-else :content="item.name" placement="top" :show-after="500">
+        <TMagicButton class="m-editor-breadcrumb-item" link :disabled="item.id === node?.id" @click="select(item)">{{
+          item.name
+        }}</TMagicButton>
+      </TMagicTooltip>
+      <span v-if="index < displayPath.length - 1" class="m-editor-breadcrumb-separator">/</span>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 
 import type { MNode } from '@tmagic/core';
-import { TMagicButton } from '@tmagic/design';
+import { TMagicButton, TMagicTooltip } from '@tmagic/design';
 import { getNodePath } from '@tmagic/utils';
 
 import { useServices } from '@editor/hooks/use-services';
@@ -20,6 +25,8 @@ defineOptions({
   name: 'MEditorBreadcrumb',
 });
 
+type DisplayItem = (MNode & { isEllipsis?: false }) | { isEllipsis: true; id: string; name: string };
+
 const { editorService } = useServices();
 
 const node = computed(() => editorService.get('node'));
@@ -27,6 +34,80 @@ const nodes = computed(() => editorService.get('nodes'));
 const root = computed(() => editorService.get('root'));
 const path = computed(() => getNodePath(node.value?.id || '', root.value?.items || []));
 
+const containerRef = ref<HTMLElement | null>(null);
+// 当面包屑宽度超过父元素宽度的阈值时折叠
+const COLLAPSE_RATIO = 0.8;
+const collapsed = ref(false);
+
+const displayPath = computed<DisplayItem[]>(() => {
+  const list = path.value;
+  // 折叠后视觉元素数（first + ... + last2 = 4 个），所以只有路径 > 3 时折叠才能减少占位
+  if (!collapsed.value || list.length <= 3) {
+    return list as DisplayItem[];
+  }
+  return [
+    list[0],
+    { isEllipsis: true, id: '__ellipsis__', name: '...' },
+    list[list.length - 2],
+    list[list.length - 1],
+  ] as DisplayItem[];
+});
+
+const measureOverflow = async () => {
+  // 先恢复完整渲染再测量，避免折叠后误判
+  if (collapsed.value) {
+    collapsed.value = false;
+    await nextTick();
+  }
+  const el = containerRef.value;
+  const parent = el?.parentElement;
+  if (!el || !parent) return;
+  // scrollWidth 取内容自然宽度（不受自身 max-width 影响），与父容器宽度做比例判断
+  const contentWidth = el.scrollWidth;
+  const parentWidth = parent.clientWidth;
+  if (parentWidth <= 0) return;
+  collapsed.value = contentWidth > parentWidth * COLLAPSE_RATIO;
+};
+
+let resizeObserver: ResizeObserver | null = null;
+
+const observe = () => {
+  resizeObserver?.disconnect();
+  const el = containerRef.value;
+  if (!el || typeof ResizeObserver === 'undefined') return;
+  resizeObserver = new ResizeObserver(() => {
+    measureOverflow();
+  });
+  resizeObserver.observe(el);
+  if (el.parentElement) {
+    resizeObserver.observe(el.parentElement);
+  }
+};
+
+onMounted(() => {
+  observe();
+  measureOverflow();
+});
+
+onBeforeUnmount(() => {
+  resizeObserver?.disconnect();
+  resizeObserver = null;
+});
+
+watch(
+  () => nodes.value.length,
+  async () => {
+    await nextTick();
+    observe();
+    measureOverflow();
+  },
+);
+
+watch(path, async () => {
+  await nextTick();
+  measureOverflow();
+});
+
 const select = async (node: MNode) => {
   await editorService.select(node);
   editorService.get('stage')?.select(node.id);

package/src/layouts/workspace/Workspace.vue

@@ -9,7 +9,9 @@
         :disabled-stage-overlay="disabledStageOverlay"
         :stage-content-menu="stageContentMenu"
         :custom-content-menu="customContentMenu"
-      ></MagicStage>
+      >
+        <template #stage-top><slot name="stage-top"></slot></template>
+      </MagicStage>
     </slot>
 
     <slot name="workspace-content"></slot>

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

@@ -27,6 +27,10 @@
 
     <NodeListMenu></NodeListMenu>
 
+    <template #before>
+      <slot name="stage-top"></slot>
+    </template>
+
     <template #content>
       <StageOverlay v-if="!disabledStageOverlay"></StageOverlay>
 
@@ -52,7 +56,7 @@ import { calcValueByFontsize, getIdFromEl } from '@tmagic/utils';
 import ScrollViewer from '@editor/components/ScrollViewer.vue';
 import { useServices } from '@editor/hooks';
 import { useStage } from '@editor/hooks/use-stage';
-import type { CustomContentMenuFunction, MenuButton, MenuComponent, StageOptions } from '@editor/type';
+import type { CustomContentMenuFunction, MenuButton, MenuComponent, StageOptions, StageSlots } from '@editor/type';
 import { DragType, Layout } from '@editor/type';
 import { getEditorConfig } from '@editor/utils/config';
 import { KeyBindingContainerKey } from '@editor/utils/keybinding-config';
@@ -65,6 +69,8 @@ defineOptions({
   name: 'MEditorStage',
 });
 
+defineSlots<StageSlots>();
+
 const props = withDefaults(
   defineProps<{
     stageOptions: StageOptions;

package/src/services/editor.ts

@@ -509,7 +509,10 @@ class Editor extends BaseService {
 
   public async doUpdate(
     config: MNode,
-    { changeRecords = [] }: { changeRecords?: ChangeRecord[] } = {},
+    {
+      changeRecords = [],
+      selectedAfterUpdate = true,
+    }: { changeRecords?: ChangeRecord[]; selectedAfterUpdate?: boolean } = {},
   ): Promise<{ newNode: MNode; oldNode: MNode; changeRecords?: ChangeRecord[] }> {
     const root = this.get('root');
     if (!root) throw new Error('root为空');
@@ -554,10 +557,12 @@ class Editor extends BaseService {
     parentNodeItems[index] = newConfig;
 
     // 将update后的配置更新到nodes中
-    const nodes = this.get('nodes');
-    const targetIndex = nodes.findIndex((nodeItem: MNode) => `${nodeItem.id}` === `${newConfig.id}`);
-    nodes.splice(targetIndex, 1, newConfig);
-    this.set('nodes', [...nodes]);
+    if (selectedAfterUpdate) {
+      const nodes = this.get('nodes');
+      const targetIndex = nodes.findIndex((nodeItem: MNode) => `${nodeItem.id}` === `${newConfig.id}`);
+      nodes.splice(targetIndex, 1, newConfig);
+      this.set('nodes', [...nodes]);
+    }
 
     if (isPage(newConfig) || isPageFragment(newConfig)) {
       this.set('page', newConfig as MPage | MPageFragment);
@@ -580,7 +585,7 @@ class Editor extends BaseService {
    */
   public async update(
     config: MNode | MNode[],
-    data: { changeRecords?: ChangeRecord[] } = {},
+    data: { changeRecords?: ChangeRecord[]; selectedAfterUpdate?: boolean } = {},
   ): Promise<MNode | MNode[]> {
     this.captureSelectionBeforeOp();
 

package/src/services/props.ts

@@ -117,9 +117,9 @@ class Props extends BaseService {
    * @param type 组件类型
    * @returns 组件属性表单配置
    */
-  public async getPropsConfig(type: string): Promise<FormConfig> {
+  public async getPropsConfig(type: string, data?: { node?: MNode | null }): Promise<FormConfig> {
     if (type === 'area') {
-      return await this.getPropsConfig('button');
+      return await this.getPropsConfig('button', data);
     }
 
     return cloneDeep(this.state.propsConfigMap[toLine(type)] || (await this.fillConfig([])));

package/src/theme/breadcrumb.scss

@@ -3,4 +3,28 @@
   left: 5px;
   top: 5px;
   z-index: 10;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+
+  .m-editor-breadcrumb-item {
+    max-width: 100px;
+    min-width: 0;
+    overflow: hidden;
+
+    // Element Plus button 内部文本节点
+    > span {
+      display: block;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .m-editor-breadcrumb-separator,
+  .m-editor-breadcrumb-ellipsis {
+    margin: 0 4px;
+    flex-shrink: 0;
+  }
 }

package/src/type.ts

@@ -73,7 +73,17 @@ export interface FrameworkSlots {
   'page-list-popover'(props: { list: (MPage | MPageFragment)[] }): any;
 }
 
-export interface WorkspaceSlots {
+export interface ScrollViewerSlots {
+  before(props: {}): any;
+  content(props: {}): any;
+  default(props: {}): any;
+}
+
+export interface StageSlots extends ScrollViewerSlots {
+  'stage-top'(props: {}): any;
+}
+
+export interface WorkspaceSlots extends StageSlots {
   stage(props: {}): any;
   'workspace-content'(props: {}): any;
 }
@@ -669,6 +679,9 @@ export interface TreeNodeData {
   [key: string]: any;
 }
 
+/** 判断组件树节点是否可展开（即是否要展示为拥有子节点的形态）的函数 */
+export type IsExpandableFunction = (_data: TreeNodeData, _nodeStatusMap: Map<Id, LayerNodeStatus>) => boolean;
+
 export type AsyncBeforeHook<Value extends Array<string>, C extends Record<Value[number], (...args: any) => any>> = {
   [K in Value[number]]?: (...args: Parameters<C[K]>) => Promise<Parameters<C[K]>> | Parameters<C[K]>;
 };

package/src/utils/tree.ts

@@ -1,7 +1,7 @@
 import type { Id } from '@tmagic/core';
 import { getKeys } from '@tmagic/utils';
 
-import type { LayerNodeStatus } from '@editor/type';
+import type { IsExpandableFunction, LayerNodeStatus } from '@editor/type';
 
 export const updateStatus = (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => {
   const nodeStatus = nodeStatusMap.get(id);
@@ -13,3 +13,7 @@ export const updateStatus = (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, st
     }
   });
 };
+
+/** 默认的组件树节点是否可展开的判断函数：当节点的子项中至少存在一个可见节点时认为可展开 */
+export const defaultIsExpandable: IsExpandableFunction = (data, nodeStatusMap) =>
+  Array.isArray(data.items) && data.items.some((item) => nodeStatusMap.get(item.id)?.visible);

package/types/index.d.ts

@@ -422,9 +422,11 @@ declare class Editor extends export_default {
    */
   remove(nodeOrNodeList: MNode | MNode[]): Promise<void>;
   doUpdate(config: MNode, {
-    changeRecords
+    changeRecords,
+    selectedAfterUpdate
   }?: {
     changeRecords?: ChangeRecord[];
+    selectedAfterUpdate?: boolean;
   }): Promise<{
     newNode: MNode;
     oldNode: MNode;
@@ -438,6 +440,7 @@ declare class Editor extends export_default {
    */
   update(config: MNode | MNode[], data?: {
     changeRecords?: ChangeRecord[];
+    selectedAfterUpdate?: boolean;
   }): Promise<MNode | MNode[]>;
   /**
    * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
@@ -637,7 +640,9 @@ declare class Props extends export_default {
    * @param type 组件类型
    * @returns 组件属性表单配置
    */
-  getPropsConfig(type: string): Promise<FormConfig>;
+  getPropsConfig(type: string, data?: {
+    node?: MNode | null;
+  }): Promise<FormConfig>;
   setPropsValues(values: Record<string, Partial<MNode> | PropsFormValueFunction>): void;
   /**
    * 为指点类型组件设置组件初始值
@@ -851,7 +856,15 @@ interface FrameworkSlots {
     list: (MPage | MPageFragment)[];
   }): any;
 }
-interface WorkspaceSlots {
+interface ScrollViewerSlots {
+  before(props: {}): any;
+  content(props: {}): any;
+  default(props: {}): any;
+}
+interface StageSlots extends ScrollViewerSlots {
+  'stage-top'(props: {}): any;
+}
+interface WorkspaceSlots extends StageSlots {
   stage(props: {}): any;
   'workspace-content'(props: {}): any;
 }
@@ -1385,6 +1398,8 @@ interface TreeNodeData {
   items?: TreeNodeData[];
   [key: string]: any;
 }
+/** 判断组件树节点是否可展开（即是否要展示为拥有子节点的形态）的函数 */
+type IsExpandableFunction = (_data: TreeNodeData, _nodeStatusMap: Map<Id, LayerNodeStatus>) => boolean;
 type AsyncBeforeHook<Value extends Array<string>, C extends Record<Value[number], (...args: any) => any>> = { [K in Value[number]]?: (...args: Parameters<C[K]>) => Promise<Parameters<C[K]>> | Parameters<C[K]> };
 type AsyncAfterHook<Value extends Array<string>, C extends Record<Value[number], (...args: any) => any>> = { [K in Value[number]]?: (result: Awaited<ReturnType<C[K]>>, ...args: Parameters<C[K]>) => ReturnType<C[K]> | Awaited<ReturnType<C[K]>> };
 type SyncBeforeHook<Value extends Array<string>, C extends Record<Value[number], (...args: any) => any>> = { [K in Value[number]]?: (...args: Parameters<C[K]>) => Parameters<C[K]> };
@@ -1857,6 +1872,8 @@ declare class ScrollViewer extends EventEmitter$1 {
 //#endregion
 //#region temp/packages/editor/src/utils/tree.d.ts
 declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => void;
+/** 默认的组件树节点是否可展开的判断函数：当节点的子项中至少存在一个可见节点时认为可展开 */
+declare const defaultIsExpandable: IsExpandableFunction;
 //#endregion
 //#region temp/packages/editor/src/utils/const.d.ts
 /** 当uiService.get('uiSelectMode')为true,点击组件（包括任何形式，组件树/画布）时触发的事件名 */
@@ -1960,6 +1977,8 @@ interface EditorProps {
   isContainer?: (el: HTMLElement) => boolean | Promise<boolean>;
   /** 用于自定义组件树与画布的右键菜单 */
   customContentMenu?: CustomContentMenuFunction;
+  /** 用于自定义判断组件树节点是否可展开（即是否要展示为拥有子节点的形态） */
+  layerNodeIsExpandable?: IsExpandableFunction;
   /** 画布双击前的钩子函数，返回 false 则阻止默认的双击行为 */
   beforeDblclick?: (event: MouseEvent) => Promise<boolean | void> | boolean | void;
   extendFormState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
@@ -2686,7 +2705,8 @@ type __VLS_Props$29 = {
   layerContentMenu: (MenuButton | MenuComponent)[];
   indent?: number;
   nextLevelIndentIncrement?: number;
-  customContentMenu: CustomContentMenuFunction;
+  customContentMenu: CustomContentMenuFunction; /** 自定义判断组件树节点是否可展开（即是否要展示为拥有子节点的形态）的函数 */
+  isExpandable?: IsExpandableFunction;
 };
 declare const __VLS_base$10: _$_vue_runtime_core0.DefineComponent<__VLS_Props$29, {}, {}, {}, {}, _$_vue_runtime_core0.ComponentOptionsMixin, _$_vue_runtime_core0.ComponentOptionsMixin, {}, string, _$_vue_runtime_core0.PublicProps, Readonly<__VLS_Props$29> & Readonly<{}>, {}, {}, {}, {}, string, _$_vue_runtime_core0.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$30: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
@@ -3939,7 +3959,8 @@ type __VLS_Props$5 = {
   nodeStatusMap: Map<Id, LayerNodeStatus>;
   indent?: number;
   nextLevelIndentIncrement?: number;
-  emptyText?: string;
+  emptyText?: string; /** 自定义判断节点是否可展开（即是否要展示为拥有子节点的形态）的函数 */
+  isExpandable?: IsExpandableFunction;
 };
 declare const __VLS_base$1: _$_vue_runtime_core0.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, _$_vue_runtime_core0.ComponentOptionsMixin, _$_vue_runtime_core0.ComponentOptionsMixin, {
   "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
@@ -3987,7 +4008,8 @@ type __VLS_Props$4 = {
   parentsId?: Id[];
   nodeStatusMap: Map<Id, LayerNodeStatus>;
   indent?: number;
-  nextLevelIndentIncrement?: number;
+  nextLevelIndentIncrement?: number; /** 自定义判断节点是否可展开（即是否要展示为拥有子节点的形态）的函数 */
+  isExpandable?: IsExpandableFunction;
 };
 declare const __VLS_base: _$_vue_runtime_core0.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, _$_vue_runtime_core0.ComponentOptionsMixin, _$_vue_runtime_core0.ComponentOptionsMixin, {
   "node-dragstart": (event: DragEvent, data: TreeNodeData) => any;
@@ -4007,6 +4029,7 @@ declare const __VLS_base: _$_vue_runtime_core0.DefineComponent<__VLS_Props$4, {}
   indent: number;
   parentsId: Id[];
   nextLevelIndentIncrement: number;
+  isExpandable: IsExpandableFunction;
 }, {}, {}, {}, string, _$_vue_runtime_core0.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$4: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default$33: typeof __VLS_export$4;
@@ -4061,4 +4084,4 @@ declare const _default$36: {
   install: (app: App, opt?: Partial<EditorInstallOptions | DesignPluginOptions | FormInstallOptions>) => void;
 };
 //#endregion
-export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default as CodeBlockEditor, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, ComponentGroup, ComponentGroupState, ComponentItem, _default$5 as ComponentListPanel, ComponentListPanelSlots, _default$6 as CondOpSelect, _default$7 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$8 as DataSourceAddButton, _default$9 as DataSourceConfigPanel, _default$10 as DataSourceFieldSelect, _default$11 as DataSourceFields, _default$12 as DataSourceInput, DataSourceListSlots, _default$13 as DataSourceMethodSelect, _default$14 as DataSourceMethods, _default$15 as DataSourceMocks, _default$16 as DataSourceSelect, DatasourceTypeOption, DepTargetType, _default$17 as DisplayConds, DragClassification, DragType, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$18 as EventSelect, Fixed2Other, _default$19 as FloatingBox, FrameworkSlots, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpType, HistoryState, _default$20 as Icon, IdleTask, IdleTaskEvents, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$21 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$22 as LayerPanel, LayerPanelSlots, Layout, _default$23 as LayoutContainer, _default$23 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$24 as PageFragmentSelect, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$25 as PropsFormPanel, PropsFormValueFunction, _default$26 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$27 as Resizer, ScrollViewer, ScrollViewerEvent, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StepValue, StoreState, StoreStateKey, _default$28 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$29 as TMagicCodeEditor, _default$30 as TMagicEditor, _default$31 as ToolButton, _default$32 as Tree, _default$33 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$34 as codeBlockService, collectRelatedNodes, _default$35 as dataSourceService, debug, _default$36 as default, _default$37 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$38 as editorService, eqOptions, error, eventTabConfig, _default$39 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$40 as historyService, info, isIncludeDataSource, _default$41 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$42 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$43 as stageOverlayService, _default$44 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$45 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { AddMNode, AddPrefixToObject, AsyncAfterHook, AsyncBeforeHook, AsyncHookPlugin, AsyncMethodName, BeforeAdd, CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _default as CodeBlockEditor, _default$1 as CodeBlockList, _default$2 as CodeBlockListPanel, CodeBlockListPanelSlots, CodeBlockListSlots, CodeDeleteErrorType, CodeDslItem, CodeParamStatement, CodeRelation, _default$3 as CodeSelect, _default$4 as CodeSelectCol, CodeState, ColumnLayout, CombineInfo, ComponentGroup, ComponentGroupState, ComponentItem, _default$5 as ComponentListPanel, ComponentListPanelSlots, _default$6 as CondOpSelect, _default$7 as ContentMenu, CustomContentMenuFunction, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _default$8 as DataSourceAddButton, _default$9 as DataSourceConfigPanel, _default$10 as DataSourceFieldSelect, _default$11 as DataSourceFields, _default$12 as DataSourceInput, DataSourceListSlots, _default$13 as DataSourceMethodSelect, _default$14 as DataSourceMethods, _default$15 as DataSourceMocks, _default$16 as DataSourceSelect, DatasourceTypeOption, DepTargetType, _default$17 as DisplayConds, DragClassification, DragType, EditorEvents, EditorInstallOptions, EditorNodeInfo, EditorSlots, EventBus, EventBusEvent, _default$18 as EventSelect, Fixed2Other, _default$19 as FloatingBox, FrameworkSlots, GetColumnWidth, GetConfig, H_GUIDE_LINE_STORAGE_KEY, HistoryOpType, HistoryState, _default$20 as Icon, IdleTask, IdleTaskEvents, IsExpandableFunction, KeyBindingCacheItem, KeyBindingCommand, KeyBindingItem, _default$21 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerNodeSlots, LayerNodeStatus, LayerOffset, _default$22 as LayerPanel, LayerPanelSlots, Layout, _default$23 as LayoutContainer, _default$23 as SplitView, ListState, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, MenuBarData, MenuButton, MenuComponent, MenuItem, type OnDrag, PROPS_PANEL_WIDTH_STORAGE_KEY, PageBarSortOptions, _default$24 as PageFragmentSelect, PartSortableOptions, PastePosition, PropsFormConfigFunction, _default$25 as PropsFormPanel, PropsFormValueFunction, _default$26 as PropsPanel, PropsPanelSlots, PropsState, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _default$27 as Resizer, ScrollViewer, ScrollViewerEvent, ScrollViewerSlots, Services, SetColumnWidth, SideBarData, SideComponent, SideItem, SideItemKey, SidebarSlots, StageCore, StageOptions, StageOverlayState, StageRect, StageSlots, StepValue, StoreState, StoreStateKey, _default$28 as StyleSetter, SyncAfterHook, SyncBeforeHook, SyncHookPlugin, _default$29 as TMagicCodeEditor, _default$30 as TMagicEditor, _default$31 as ToolButton, _default$32 as Tree, _default$33 as TreeNode, TreeNodeData, UI_SELECT_MODE_EVENT_NAME, UiState, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, WorkspaceSlots, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, _default$34 as codeBlockService, collectRelatedNodes, _default$35 as dataSourceService, debug, _default$36 as default, defaultIsExpandable, _default$37 as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, _default$38 as editorService, eqOptions, error, eventTabConfig, _default$39 as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, _default$40 as historyService, info, isIncludeDataSource, _default$41 as loadMonaco, log, moveItemsInContainer, numberOptions, _default$42 as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, _default$43 as stageOverlayService, _default$44 as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, _default$45 as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };