@tmagic/utils 1.5.0-beta.11 → 1.5.0-beta.13

package/dist/tmagic-utils.js

@@ -149,6 +149,30 @@ const getNodePath = (id, data = []) => {
   get(id, data);
   return path;
 };
+const getNodeInfo = (id, root) => {
+  const info = {
+    node: null,
+    parent: null,
+    page: null
+  };
+  if (!root) return info;
+  if (id === root.id) {
+    info.node = root;
+    return info;
+  }
+  const path = getNodePath(id, root.items);
+  if (!path.length) return info;
+  path.unshift(root);
+  info.node = path[path.length - 1];
+  info.parent = path[path.length - 2];
+  path.forEach((item) => {
+    if (isPage(item) || isPageFragment(item)) {
+      info.page = item;
+      return;
+    }
+  });
+  return info;
+};
 const filterXSS = (str) => str.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 const getUrlParam = (param, url) => {
   const u = url || location.href;
@@ -409,4 +433,4 @@ const traverseNode = (node, cb, parents = []) => {
   }
 };
 
-export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getHost, getIdFromEl, getKeys, getKeysArray, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };
+export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };

package/dist/tmagic-utils.umd.cjs

@@ -2758,6 +2758,30 @@
     get(id, data);
     return path;
   };
+  const getNodeInfo = (id, root) => {
+    const info = {
+      node: null,
+      parent: null,
+      page: null
+    };
+    if (!root) return info;
+    if (id === root.id) {
+      info.node = root;
+      return info;
+    }
+    const path = getNodePath(id, root.items);
+    if (!path.length) return info;
+    path.unshift(root);
+    info.node = path[path.length - 1];
+    info.parent = path[path.length - 2];
+    path.forEach((item) => {
+      if (isPage(item) || isPageFragment(item)) {
+        info.page = item;
+        return;
+      }
+    });
+    return info;
+  };
   const filterXSS = (str) => str.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
   const getUrlParam = (param, url) => {
     const u = url || location.href;
@@ -3044,6 +3068,7 @@
   exports.getIdFromEl = getIdFromEl;
   exports.getKeys = getKeys;
   exports.getKeysArray = getKeysArray;
+  exports.getNodeInfo = getNodeInfo;
   exports.getNodePath = getNodePath;
   exports.getNodes = getNodes;
   exports.getUrlParam = getUrlParam;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-beta.11",
+  "version": "1.5.0-beta.13",
   "name": "@tmagic/utils",
   "type": "module",
   "main": "dist/tmagic-utils.umd.cjs",
@@ -36,7 +36,7 @@
   },
   "peerDependencies": {
     "typescript": "*",
-    "@tmagic/schema": "1.5.0-beta.11"
+    "@tmagic/schema": "1.5.0-beta.13"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/index.ts

@@ -18,9 +18,22 @@
 
 import { cloneDeep, set as objectSet } from 'lodash-es';
 
-import type { DataSchema, DataSourceDeps, Id, MComponent, MNode, MNodeInstance } from '@tmagic/schema';
+import type {
+  DataSchema,
+  DataSourceDeps,
+  Id,
+  MApp,
+  MComponent,
+  MContainer,
+  MNode,
+  MNodeInstance,
+  MPage,
+  MPageFragment,
+} from '@tmagic/schema';
 import { NodeType } from '@tmagic/schema';
 
+import type { EditorNodeInfo } from '@editor/type';
+
 export * from './dom';
 
 export const sleep = (ms: number): Promise<void> =>
@@ -78,6 +91,39 @@ export const getNodePath = (id: Id, data: MNode[] = []): MNode[] => {
   return path;
 };
 
+export const getNodeInfo = (id: Id, root: MApp | null) => {
+  const info: EditorNodeInfo = {
+    node: null,
+    parent: null,
+    page: null,
+  };
+
+  if (!root) return info;
+
+  if (id === root.id) {
+    info.node = root;
+    return info;
+  }
+
+  const path = getNodePath(id, root.items);
+
+  if (!path.length) return info;
+
+  path.unshift(root);
+
+  info.node = path[path.length - 1] as MComponent;
+  info.parent = path[path.length - 2] as MContainer;
+
+  path.forEach((item) => {
+    if (isPage(item) || isPageFragment(item)) {
+      info.page = item as MPage | MPageFragment;
+      return;
+    }
+  });
+
+  return info;
+};
+
 export const filterXSS = (str: string) =>
   str.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&apos;');
 

package/types/index.d.ts

@@ -1,4 +1,11 @@
-import { Id, MNode, MComponent, DataSourceDeps, DataSchema, MNodeInstance } from '@tmagic/schema';
+import { Id, MNode as MNode$1, MApp, MComponent, DataSourceDeps, DataSchema, MNodeInstance } from '@tmagic/schema';
+import { MNode, MContainer, MPage, MPageFragment } from '@tmagic/core';
+
+interface EditorNodeInfo {
+    node: MNode | null;
+    parent: MContainer | null;
+    page: MPage | MPageFragment | null;
+}
 
 declare const asyncLoadJs: (url: string, crossOrigin?: string, document?: Document) => any;
 declare const asyncLoadCss: (url: string, document?: Document) => any;
@@ -32,7 +39,8 @@ declare const emptyFn: () => any;
  * @param {Array} data 要查找的根容器节点
  * @return {Array} 组件在data中的子孙路径
  */
-declare const getNodePath: (id: Id, data?: MNode[]) => MNode[];
+declare const getNodePath: (id: Id, data?: MNode$1[]) => MNode$1[];
+declare const getNodeInfo: (id: Id, root: MApp | null) => EditorNodeInfo;
 declare const filterXSS: (str: string) => string;
 declare const getUrlParam: (param: string, url?: string) => string;
 declare const isObject: (obj: any) => boolean;
@@ -51,7 +59,7 @@ declare const guid: (digit?: number) => string;
 declare const getKeysArray: (keys: string | number) => string[];
 declare const getValueByKeyPath: (keys?: number | string | string[], data?: Record<string | number, any>) => any;
 declare const setValueByKeyPath: (keys: string | number, value: any, data?: Record<string | number, any>) => any;
-declare const getNodes: (ids: Id[], data?: MNode[]) => MNode[];
+declare const getNodes: (ids: Id[], data?: MNode$1[]) => MNode$1[];
 declare const getDepKeys: (dataSourceDeps: DataSourceDeps | undefined, nodeId: Id) => Id[];
 declare const getDepNodeIds: (dataSourceDeps?: DataSourceDeps) => string[];
 /**
@@ -60,10 +68,10 @@ declare const getDepNodeIds: (dataSourceDeps?: DataSourceDeps) => string[];
  * @param data 需要修改的数据
  * @param parentId 父节点 id
  */
-declare const replaceChildNode: (newNode: MNode, data?: MNode[], parentId?: Id) => void;
+declare const replaceChildNode: (newNode: MNode$1, data?: MNode$1[], parentId?: Id) => void;
 declare const DSL_NODE_KEY_COPY_PREFIX = "__tmagic__";
 declare const IS_DSL_NODE_KEY = "__tmagic__dslNode";
-declare const compiledNode: (compile: (value: any) => any, node: MNode, dataSourceDeps?: DataSourceDeps, sourceId?: Id) => MNode;
+declare const compiledNode: (compile: (value: any) => any, node: MNode$1, dataSourceDeps?: DataSourceDeps, sourceId?: Id) => MNode$1;
 declare const compiledCond: (op: string, fieldValue: any, inputValue: any, range?: number[]) => boolean;
 declare const getDefaultValueFromFields: (fields: DataSchema[]) => Record<string, any>;
 declare const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = "ds-field::";
@@ -87,4 +95,4 @@ interface NodeItem {
 }
 declare const traverseNode: <T extends NodeItem = NodeItem>(node: T, cb: (node: T, parents: T[]) => void, parents?: T[]) => void;
 
-export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, type NodeItem, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getHost, getIdFromEl, getKeys, getKeysArray, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };
+export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, type NodeItem, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };