@sepveneto/dnde 0.7.5 → 0.8.1

package/dist/main.d.ts

@@ -0,0 +1,33 @@
+import Main from './Editor.vue';
+import type { AgentImporter } from './agents/loader.js';
+import { injectPopperStyles } from './utils.js';
+export type EditorInstance = InstanceType<typeof Main>;
+export { injectPopperStyles };
+export type { AgentImporter } from './agents/loader.js';
+export interface RegisterOptions {
+    /**
+     * 组件视图的远程地址
+     */
+    remoteUrl: string;
+    /**
+     * 是否把 element-plus 主题再挂一份到宿主页面的 `document.head`（默认开启）。
+     *
+     * 弹层（`ElDialog` / `ElSelect` 下拉 / `ElTooltip` 等）会 teleport 到 `document.body`，
+     * 不在 shadow DOM 内，拿不到编辑器内部的样式，需要这份 light DOM 的样式兜底。
+     * 关闭后需要宿主自行保证这些弹层的样式。
+     */
+    injectGlobalStyle?: boolean;
+    /**
+     * agent（装修助手）的加载方式，可选。
+     *
+     * agent 是独立的 web component，编辑器不强制依赖它：不注入时编辑器照常工作，
+     * 只有业务侧开启了 `<mpd-editor agent>` 时才会在控制台提示安装。需要该能力时在这里
+     * 显式注入，交给宿主打包器解析依赖：
+     *
+     * ```ts
+     * register({ remoteUrl, agent: () => import('@sepveneto/dnde-agent/element') })
+     * ```
+     */
+    agent?: AgentImporter;
+}
+export declare function register(options: RegisterOptions): Promise<boolean>;

package/dist/{lib/props.d.ts → props.d.ts}

@@ -13,4 +13,13 @@ export declare const editorProps: {
         readonly type: PropType<Record<string, any>>;
         readonly default: () => {};
     };
+    readonly agent: BooleanConstructor;
+    readonly capabilities: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly workflows: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
 };

package/dist/{lib/store → store}/editor.d.ts

@@ -42,6 +42,7 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
     addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
     delNode: (wid: string) => void;
+    setRoot: (node: Node) => void;
     isPreview: import("vue").Ref<boolean, boolean>;
     dragging: import("vue").Ref<Node | null, Node | null>;
     plugins: {
@@ -66,6 +67,7 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
     addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
     delNode: (wid: string) => void;
+    setRoot: (node: Node) => void;
     isPreview: import("vue").Ref<boolean, boolean>;
     dragging: import("vue").Ref<Node | null, Node | null>;
     plugins: {
@@ -90,6 +92,7 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
     addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
     delNode: (wid: string) => void;
+    setRoot: (node: Node) => void;
     isPreview: import("vue").Ref<boolean, boolean>;
     dragging: import("vue").Ref<Node | null, Node | null>;
     plugins: {
@@ -101,5 +104,5 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     getData: () => Record<string, any>;
     setData: (data: any) => void;
     setSchema: (schema: IWidget["schema"]) => void;
-}, "selectNode" | "addNode" | "delNode" | "getData" | "setData" | "setSchema">>;
+}, "selectNode" | "addNode" | "delNode" | "setRoot" | "getData" | "setData" | "setSchema">>;
 export {};

package/dist/{lib/utils.d.ts → utils.d.ts}

@@ -2,6 +2,15 @@ import type { ModuleFederation } from '@module-federation/enhanced/runtime';
 import type { AppContext, CSSProperties, InjectionKey, Ref, VNode } from 'vue';
 import debug from 'debug';
 import * as Vue from 'vue';
+/**
+ * 把 element-plus 主题（mpd 命名空间）再投放到 light DOM。
+ *
+ * 弹层（ElDialog / ElSelect / ElTooltip / ElPopover ...）默认 teleport 到 document.body，
+ * 不在 shadow DOM 里，拿不到编辑器注入到 shadow root 的样式；而它们的类名带的是编辑器自己的
+ * `mpd-` 前缀，宿主页面里的 element-plus 全局样式（`el-`）也匹配不到。
+ * 这里补一份同样命名空间的主题样式放在 document.head，专门兜住这部分弹层。
+ */
+export declare function injectPopperStyles(): void;
 export declare function initMf(url: string): ModuleFederation;
 export declare function loadFromRemote(scope: string, module: string): new () => Vue.ComponentPublicInstance;
 type RemovePopperFn = (() => void) & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sepveneto/dnde",
   "type": "module",
-  "version": "0.7.5",
+  "version": "0.8.1",
   "description": "",
   "author": "",
   "license": "GPL",
@@ -19,13 +19,13 @@
     },
     "./core": {
       "types": "./dist/main.d.ts",
-      "imports": "./dist/editor.js",
+      "import": "./dist/editor.js",
       "require": "./dist/editor.js",
       "default": "./dist/editor.js"
     },
     ".": {
       "types": "./dist/main.d.ts",
-      "imports": "./dist/editor.js",
+      "import": "./dist/editor.js",
       "require": "./dist/editor.js",
       "default": "./dist/editor.js"
     }
@@ -36,6 +36,9 @@
     "dist",
     "global.d.ts"
   ],
+  "optionalDependencies": {
+    "@sepveneto/dnde-agent": " *"
+  },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
     "@module-federation/enhanced": "^2.8.1",
@@ -70,6 +73,6 @@
     "build:dev": "vite build",
     "build": "vite build && pnpm run gen",
     "gen": "vue-tsc -p tsconfig.build.json",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "node --test \"tests/**/*.test.ts\""
   }
 }

package/dist/lib/main.d.ts

@@ -1,5 +0,0 @@
-import Main from './Editor.vue';
-export type EditorInstance = InstanceType<typeof Main>;
-export declare function register(options: {
-    remoteUrl: string;
-}): Promise<boolean | undefined>;