@tmagic/editor 1.8.0-beta.1 → 1.8.0-beta.3

package/dist/es/utils/compose.js

@@ -1,44 +0,0 @@
-//#region packages/editor/src/utils/compose.ts
-/**
-* @param {Array} middleware
-* @return {Function}
-*/
-var compose = (middleware, isAsync) => {
-	if (!Array.isArray(middleware)) throw new TypeError("Middleware 必须是一个数组!");
-	for (const fn of middleware) if (typeof fn !== "function") throw new TypeError("Middleware 必须由函数组成!");
-	/**
-	* @param {Object} args
-	* @return {Promise}
-	* @api public
-	*/
-	return (args, next) => {
-		let index = -1;
-		return dispatch(0);
-		function dispatch(i) {
-			if (i <= index) {
-				const error = /* @__PURE__ */ new Error("next() 被多次调用");
-				if (isAsync) return Promise.reject(error);
-				throw error;
-			}
-			index = i;
-			let fn = middleware[i];
-			if (i === middleware.length && next) fn = next;
-			if (!fn) {
-				if (isAsync) return Promise.resolve();
-				return;
-			}
-			if (isAsync) try {
-				return Promise.resolve(fn(...args, dispatch.bind(null, i + 1)));
-			} catch (err) {
-				return Promise.reject(err);
-			}
-			try {
-				return fn(...args, dispatch.bind(null, i + 1));
-			} catch (err) {
-				throw err;
-			}
-		}
-	};
-};
-//#endregion
-export { compose };

package/dist/es/utils/editor-history.js

@@ -1,100 +0,0 @@
-import { getNodeIndex } from "./editor.js";
-import { isPage, isPageFragment } from "@tmagic/utils";
-import { NodeType } from "@tmagic/core";
-import { toRaw } from "vue";
-import { cloneDeep } from "lodash-es";
-//#region packages/editor/src/utils/editor-history.ts
-/**
-* 应用 add 类型的历史操作
-* reverse=true（撤销）：从父节点中移除已添加的节点
-* reverse=false（重做）：重新添加节点到父节点中
-*/
-async function applyHistoryAddOp(step, reverse, ctx) {
-	const { root, stage } = ctx;
-	if (reverse) for (const node of step.nodes ?? []) {
-		const parent = ctx.getNodeById(step.parentId, false);
-		if (!parent?.items) continue;
-		const idx = getNodeIndex(node.id, parent);
-		if (typeof idx === "number" && idx !== -1) parent.items.splice(idx, 1);
-		await stage?.remove({
-			id: node.id,
-			parentId: parent.id,
-			root: cloneDeep(root)
-		});
-	}
-	else {
-		const parent = ctx.getNodeById(step.parentId, false);
-		if (parent?.items) for (const node of step.nodes ?? []) {
-			const idx = step.indexMap?.[node.id] ?? parent.items.length;
-			parent.items.splice(idx, 0, cloneDeep(node));
-			await stage?.add({
-				config: cloneDeep(node),
-				parent: cloneDeep(parent),
-				parentId: parent.id,
-				root: cloneDeep(root)
-			});
-		}
-	}
-}
-/**
-* 应用 remove 类型的历史操作
-* reverse=true（撤销）：将已删除的节点按原位置重新插入
-* reverse=false（重做）：再次删除节点
-*/
-async function applyHistoryRemoveOp(step, reverse, ctx) {
-	const { root, stage } = ctx;
-	if (reverse) {
-		const sorted = [...step.removedItems ?? []].sort((a, b) => a.index - b.index);
-		for (const { node, parentId, index } of sorted) {
-			const parent = ctx.getNodeById(parentId, false);
-			if (!parent?.items) continue;
-			parent.items.splice(index, 0, cloneDeep(node));
-			await stage?.add({
-				config: cloneDeep(node),
-				parent: cloneDeep(parent),
-				parentId,
-				root: cloneDeep(root)
-			});
-		}
-	} else for (const { node, parentId } of step.removedItems ?? []) {
-		const parent = ctx.getNodeById(parentId, false);
-		if (!parent?.items) continue;
-		const idx = getNodeIndex(node.id, parent);
-		if (typeof idx === "number" && idx !== -1) parent.items.splice(idx, 1);
-		await stage?.remove({
-			id: node.id,
-			parentId,
-			root: cloneDeep(root)
-		});
-	}
-}
-/**
-* 应用 update 类型的历史操作
-* reverse=true（撤销）：将节点恢复为 oldNode
-* reverse=false（重做）：将节点更新为 newNode
-*/
-async function applyHistoryUpdateOp(step, reverse, ctx) {
-	const { root, stage } = ctx;
-	const items = step.updatedItems ?? [];
-	for (const { oldNode, newNode } of items) {
-		const config = reverse ? oldNode : newNode;
-		if (config.type === NodeType.ROOT) {
-			ctx.setRoot(cloneDeep(config));
-			continue;
-		}
-		const info = ctx.getNodeInfo(config.id, false);
-		if (!info.parent) continue;
-		const idx = getNodeIndex(config.id, info.parent);
-		if (typeof idx !== "number" || idx === -1) continue;
-		info.parent.items[idx] = cloneDeep(config);
-		if (isPage(config) || isPageFragment(config)) ctx.setPage(config);
-	}
-	const curPage = ctx.getPage();
-	if (stage && curPage) await stage.update({
-		config: cloneDeep(toRaw(curPage)),
-		parentId: root.id,
-		root: cloneDeep(toRaw(root))
-	});
-}
-//#endregion
-export { applyHistoryAddOp, applyHistoryRemoveOp, applyHistoryUpdateOp };

package/src/utils/compose.ts

@@ -1,52 +0,0 @@
-/**
- * @param {Array} middleware
- * @return {Function}
- */
-export const compose = (middleware: Function[], isAsync: boolean) => {
-  if (!Array.isArray(middleware)) throw new TypeError('Middleware 必须是一个数组!');
-  for (const fn of middleware) {
-    if (typeof fn !== 'function') throw new TypeError('Middleware 必须由函数组成!');
-  }
-
-  /**
-   * @param {Object} args
-   * @return {Promise}
-   * @api public
-   */
-  return (args: any[], next?: Function) => {
-    // last called middleware #
-    let index = -1;
-    return dispatch(0);
-    function dispatch(i: number): Promise<void> | void {
-      if (i <= index) {
-        const error = new Error('next() 被多次调用');
-        if (isAsync) {
-          return Promise.reject(error);
-        }
-        throw error;
-      }
-      index = i;
-      let fn = middleware[i];
-      if (i === middleware.length && next) fn = next;
-      if (!fn) {
-        if (isAsync) {
-          return Promise.resolve();
-        }
-        return;
-      }
-
-      if (isAsync) {
-        try {
-          return Promise.resolve(fn(...args, dispatch.bind(null, i + 1)));
-        } catch (err) {
-          return Promise.reject(err);
-        }
-      }
-      try {
-        return fn(...args, dispatch.bind(null, i + 1));
-      } catch (err) {
-        throw err;
-      }
-    }
-  };
-};

package/src/utils/editor-history.ts

@@ -1,138 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2025 Tencent.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { toRaw } from 'vue';
-import { cloneDeep } from 'lodash-es';
-
-import type { Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/core';
-import { NodeType } from '@tmagic/core';
-import type StageCore from '@tmagic/stage';
-import { isPage, isPageFragment } from '@tmagic/utils';
-
-import type { EditorNodeInfo, StepValue } from '@editor/type';
-import { getNodeIndex } from '@editor/utils/editor';
-
-export interface HistoryOpContext {
-  root: MApp;
-  stage: StageCore | null;
-  getNodeById(id: Id, raw?: boolean): MNode | null;
-  getNodeInfo(id: Id, raw?: boolean): EditorNodeInfo;
-  setRoot(root: MApp): void;
-  setPage(page: MPage | MPageFragment): void;
-  getPage(): MPage | MPageFragment | null;
-}
-
-/**
- * 应用 add 类型的历史操作
- * reverse=true（撤销）：从父节点中移除已添加的节点
- * reverse=false（重做）：重新添加节点到父节点中
- */
-export async function applyHistoryAddOp(step: StepValue, reverse: boolean, ctx: HistoryOpContext): Promise<void> {
-  const { root, stage } = ctx;
-
-  if (reverse) {
-    for (const node of step.nodes ?? []) {
-      const parent = ctx.getNodeById(step.parentId!, false) as MContainer;
-      if (!parent?.items) continue;
-      const idx = getNodeIndex(node.id, parent);
-      if (typeof idx === 'number' && idx !== -1) {
-        parent.items.splice(idx, 1);
-      }
-      await stage?.remove({ id: node.id, parentId: parent.id, root: cloneDeep(root) });
-    }
-  } else {
-    const parent = ctx.getNodeById(step.parentId!, false) as MContainer;
-    if (parent?.items) {
-      for (const node of step.nodes ?? []) {
-        const idx = step.indexMap?.[node.id] ?? parent.items.length;
-        parent.items.splice(idx, 0, cloneDeep(node));
-        await stage?.add({
-          config: cloneDeep(node),
-          parent: cloneDeep(parent),
-          parentId: parent.id,
-          root: cloneDeep(root),
-        });
-      }
-    }
-  }
-}
-
-/**
- * 应用 remove 类型的历史操作
- * reverse=true（撤销）：将已删除的节点按原位置重新插入
- * reverse=false（重做）：再次删除节点
- */
-export async function applyHistoryRemoveOp(step: StepValue, reverse: boolean, ctx: HistoryOpContext): Promise<void> {
-  const { root, stage } = ctx;
-
-  if (reverse) {
-    const sorted = [...(step.removedItems ?? [])].sort((a, b) => a.index - b.index);
-    for (const { node, parentId, index } of sorted) {
-      const parent = ctx.getNodeById(parentId, false) as MContainer;
-      if (!parent?.items) continue;
-      parent.items.splice(index, 0, cloneDeep(node));
-      await stage?.add({ config: cloneDeep(node), parent: cloneDeep(parent), parentId, root: cloneDeep(root) });
-    }
-  } else {
-    for (const { node, parentId } of step.removedItems ?? []) {
-      const parent = ctx.getNodeById(parentId, false) as MContainer;
-      if (!parent?.items) continue;
-      const idx = getNodeIndex(node.id, parent);
-      if (typeof idx === 'number' && idx !== -1) {
-        parent.items.splice(idx, 1);
-      }
-      await stage?.remove({ id: node.id, parentId, root: cloneDeep(root) });
-    }
-  }
-}
-
-/**
- * 应用 update 类型的历史操作
- * reverse=true（撤销）：将节点恢复为 oldNode
- * reverse=false（重做）：将节点更新为 newNode
- */
-export async function applyHistoryUpdateOp(step: StepValue, reverse: boolean, ctx: HistoryOpContext): Promise<void> {
-  const { root, stage } = ctx;
-  const items = step.updatedItems ?? [];
-
-  for (const { oldNode, newNode } of items) {
-    const config = reverse ? oldNode : newNode;
-    if (config.type === NodeType.ROOT) {
-      ctx.setRoot(cloneDeep(config) as MApp);
-      continue;
-    }
-    const info = ctx.getNodeInfo(config.id, false);
-    if (!info.parent) continue;
-    const idx = getNodeIndex(config.id, info.parent);
-    if (typeof idx !== 'number' || idx === -1) continue;
-    info.parent.items![idx] = cloneDeep(config);
-
-    if (isPage(config) || isPageFragment(config)) {
-      ctx.setPage(config as MPage | MPageFragment);
-    }
-  }
-
-  const curPage = ctx.getPage();
-  if (stage && curPage) {
-    await stage.update({
-      config: cloneDeep(toRaw(curPage)),
-      parentId: root.id,
-      root: cloneDeep(toRaw(root)),
-    });
-  }
-}