@tmagic/editor 1.1.6 → 1.2.0-beta.2

package/types/type.d.ts

@@ -3,6 +3,7 @@ import type { FormConfig } from '@tmagic/form';
 import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
 import type { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
+import type { CodeBlockService } from './services/codeBlock';
 import type { ComponentListService } from './services/componentList';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
@@ -23,6 +24,7 @@ export interface Services {
     propsService: PropsService;
     componentListService: ComponentListService;
     uiService: UiService;
+    codeBlockService: CodeBlockService;
 }
 export interface StageOptions {
     runtimeUrl: string;
@@ -190,7 +192,7 @@ export interface SideComponent extends MenuComponent {
  * component-list: 组件列表
  * layer: 已选组件树
  */
-export declare type SideItem = 'component-list' | 'layer' | SideComponent;
+export declare type SideItem = 'component-list' | 'layer' | 'code-block' | SideComponent;
 /** 工具栏 */
 export interface SideBarData {
     /** 容器类型 */
@@ -243,3 +245,77 @@ export interface ScrollViewerEvent {
     scrollHeight: number;
     scrollWidth: number;
 }
+export interface CodeBlockDSL {
+    [id: string]: CodeBlockContent;
+}
+export interface CodeBlockContent {
+    /** 代码块名称 */
+    name: string;
+    /** 代码块内容 */
+    content: string;
+    /** 代码块与组件的绑定关系 */
+    comps?: CodeRelation;
+    /** 扩展字段 */
+    [propName: string]: any;
+}
+export declare type CodeState = {
+    /** 是否展示代码块编辑区 */
+    isShowCodeEditor: boolean;
+    /** 代码块DSL数据源 */
+    codeDsl: CodeBlockDSL | null;
+    /** 当前选中的代码块id */
+    id: string;
+    /** 代码块是否可编辑 */
+    editable: boolean;
+    /** 代码编辑面板的展示模式 */
+    mode: CodeEditorMode;
+    /** list模式下左侧展示的代码列表 */
+    combineIds: string[];
+    /** 为业务逻辑预留的不可删除的代码块列表，由业务逻辑维护（如代码块上线后不可删除） */
+    undeletableList: string[];
+};
+export declare type CodeRelation = {
+    /** 组件id:['created'] */
+    [compId: string | number]: string[];
+};
+export declare enum CodeEditorMode {
+    /** 左侧菜单，右侧代码 */
+    LIST = "list",
+    /** 全屏代码 */
+    EDITOR = "editor"
+}
+export interface CodeDslList {
+    /** 代码块id */
+    id: string;
+    /** 代码块名称 */
+    name: string;
+    /** 代码块函数内容 */
+    codeBlockContent?: CodeBlockContent;
+    /** 是否展示代码绑定关系 */
+    showRelation?: boolean;
+}
+export interface ListState {
+    /** 代码块列表 */
+    codeList: CodeDslList[];
+}
+export interface ListRelationState extends ListState {
+    /** 与代码块绑定的组件id信息 */
+    bindComps: {
+        /** 代码块id : 组件信息 */
+        [id: string]: MNode[];
+    };
+}
+export declare enum CodeDeleteErrorType {
+    /** 代码块存在于不可删除列表中 */
+    UNDELETEABLE = "undeleteable",
+    /** 代码块存在绑定关系 */
+    BIND = "bind"
+}
+export declare enum CodeSelectOp {
+    /** 增加 */
+    ADD = "add",
+    /** 删除 */
+    DELETE = "delete",
+    /** 单选修改 */
+    CHANGE = "change"
+}

package/types/utils/props.d.ts

@@ -12,6 +12,7 @@ export declare const fillConfig: (config?: FormConfig) => {
         items: (import("@tmagic/form").ChildConfig & {
             [key: string]: any;
         })[];
+        lazy?: undefined;
     } | {
         title: string;
         items: {
@@ -33,5 +34,16 @@ export declare const fillConfig: (config?: FormConfig) => {
             })[];
         }[];
         labelWidth?: undefined;
+        lazy?: undefined;
+    } | {
+        title: string;
+        lazy: boolean;
+        items: {
+            name: string;
+            text: string;
+            type: string;
+            labelWidth: string;
+        }[];
+        labelWidth?: undefined;
     })[];
 }[];