@easy-editor/plugin-dashboard 0.0.1

package/dist/materials/group/component.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren, Ref } from 'react';
+interface GroupProps extends PropsWithChildren {
+    ref: Ref<HTMLDivElement>;
+}
+declare const Group: (props: GroupProps) => import("react").JSX.Element;
+export default Group;

package/dist/materials/group/configure.d.ts

@@ -0,0 +1,3 @@
+import type { Configure } from '@easy-editor/core';
+declare const configure: Configure;
+export default configure;

package/dist/materials/group/index.d.ts

@@ -0,0 +1,3 @@
+import GroupComponent from './component';
+import GroupComponentMeta from './meta';
+export { GroupComponent, GroupComponentMeta };

package/dist/materials/group/meta.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentMetadata } from '@easy-editor/core';
+declare const meta: ComponentMetadata;
+export default meta;

package/dist/type.d.ts

@@ -0,0 +1,91 @@
+import type { ComponentInstance } from '@easy-editor/core';
+import type { GuideLine } from './designer/guideline';
+declare module '@easy-editor/core' {
+    interface Designer {
+        /**
+         * 辅助线
+         */
+        guideline: GuideLine;
+    }
+    interface Document {
+        /**
+         * 将一批 Node 组合成 Group
+         * TODO: Group 插入到哪里
+         */
+        group(nodeIdList: Node[] | string[]): Node | null;
+        /**
+         * 取消组合
+         * TODO: 取消组合后，Node 插入到哪里
+         */
+        ungroup(group: Node | string): void;
+    }
+    interface Node {
+        /**
+         * 获取 dashboard 容器 DOM
+         */
+        getDashboardContainer(): HTMLElement | null;
+        /**
+         * 获取 dashboard 位置信息
+         */
+        getDashboardRect(): DOMRect;
+        /**
+         * 更新 dashboard 位置信息
+         */
+        updateDashboardRect(rect: Partial<DOMRect>): void;
+        /**
+         * 是否是 Group
+         */
+        isGroup: boolean;
+        /**
+         * 获取当前处于的 Group
+         */
+        getCurrentGroup(): Node | null;
+        /**
+         * 获取最顶层的 Group
+         */
+        getTopGroup(): Node | null;
+        /**
+         * 获取当前 Node 的所有 Group
+         */
+        getAllGroups(): Node[];
+        /**
+         * 获取当前 Group 下的 Node
+         */
+        getNodesInGroup(): Node[];
+        /**
+         * 获取当前 Group 下的所有 Node
+         */
+        getAllNodesInGroup(): Node[];
+    }
+    interface NodeSchema {
+        /**
+         * 是否是分组
+         */
+        isGroup?: boolean;
+        /**
+         * dashboard 额外信息
+         */
+        $dashboard?: {
+            /**
+             * 位置信息
+             */
+            rect?: DashboardRect;
+        };
+    }
+    interface Simulator {
+        /**
+         * 获取组件在 dashboard 中的位置
+         */
+        computeDashboardRect(node: Node): DOMRect;
+        /**
+         * 获取组件实例在 dashboard 中的位置
+         */
+        computeComponentInstanceDashboardRect(instance: ComponentInstance): DOMRect;
+    }
+}
+export interface DashboardRect {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}

package/dist/utils.d.ts

@@ -0,0 +1,21 @@
+import type { Node } from '@easy-editor/core';
+/**
+ * 更新节点在 dashboard 中的位置
+ * @param node 节点
+ * @param offset 节点相对于画布的偏移量
+ * @param groupOffset 节点相对于其父组节点的偏移量
+ */
+export declare const updateNodeRect: (node: Node, offset?: {
+    x: number;
+    y: number;
+}) => void;
+/**
+ * 更新节点 DOM 在 dashboard 中的位置
+ * @param node 节点
+ * @param offset 节点相对于画布的偏移量
+ * @param groupOffset 节点相对于其父组节点的偏移量
+ */
+export declare const updateNodeRectByDOM: (node: Node, offset?: {
+    x: number;
+    y: number;
+}) => void;

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@easy-editor/plugin-dashboard",
+  "version": "0.0.1",
+  "description": "Dashboard plugin for EasyEditor.",
+  "type": "module",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "LICENSE",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/Easy-Editor/EasyEditor",
+  "license": "MIT",
+  "author": "JinSo <kimjinso@qq.com>",
+  "keywords": [
+    "@easy-editor",
+    "easyeditor",
+    "low-code",
+    "editor",
+    "engine",
+    "plugin",
+    "dashboard"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyEditor"
+  },
+  "bugs": {
+    "url": "https://github.com/Easy-Editor/EasyEditor/issues"
+  },
+  "peerDependencies": {
+    "mobx": "^6.13.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@easy-editor/core": "0.0.2"
+  },
+  "scripts": {
+    "dev": "deno run --watch ./src/index.ts",
+    "format": "biome format --write .",
+    "lint": "biome check .",
+    "build": "npm-run-all -nl build:*",
+    "build:clean": "rimraf dist/",
+    "build:js": "rollup -c",
+    "types": "npm-run-all -nl types:*",
+    "types:src": "tsc --project tsconfig.build.json",
+    "test-types": "tsc --project tsconfig.test.json"
+  },
+  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/index.js"
+    }
+  }
+}