@textbus/platform-browser 4.0.0-alpha.0 → 4.0.0-alpha.1

package/bundles/dom-adapter.d.ts

@@ -1,29 +1,58 @@
-import { ComponentInstance, Slot, ViewAdapter, NodeLocation, VElement } from '@textbus/core';
+import { ComponentInstance, Slot, ViewAdapter, NodeLocation, VElement, VTextNode } from '@textbus/core';
 /**
- * Textbus PC 端浏览器渲染能力实现
+ * Textbus PC 端浏览器渲染能力桥接器抽象类，提供了 DOM 元素查询能力，具体渲染能力由各前端框架实现相应桥接
  */
-export declare abstract class DomAdapter<ViewComponent, ViewElement> extends ViewAdapter<ViewElement> {
+export declare abstract class DomAdapter<ViewComponent, ViewElement> extends ViewAdapter {
     private mount;
     host: HTMLElement;
-    protected componentRootElementCaches: WeakMap<ComponentInstance<unknown, unknown, unknown>, HTMLElement>;
+    protected componentRootElementCaches: {
+        set: {
+            (key: ComponentInstance<unknown, unknown, unknown>, value: HTMLElement): void;
+            (key: HTMLElement, value: ComponentInstance<unknown, unknown, unknown>): void;
+        };
+        get: {
+            (key: ComponentInstance<unknown, unknown, unknown>): HTMLElement;
+            (key: HTMLElement): ComponentInstance<unknown, unknown, unknown>;
+        };
+        remove: (key: HTMLElement | ComponentInstance<unknown, unknown, unknown>) => void;
+    };
     protected slotRootNativeElementCaches: {
         set: {
-            (key: Slot<any>, value: Node): void;
-            (key: Node, value: Slot<any>): void;
+            (key: Slot<any>, value: HTMLElement): void;
+            (key: HTMLElement, value: Slot<any>): void;
         };
         get: {
-            (key: Slot<any>): Node;
-            (key: Node): Slot<any>;
+            (key: Slot<any>): HTMLElement;
+            (key: HTMLElement): Slot<any>;
         };
-        remove: (key: Node | Slot<any>) => void;
+        remove: (key: HTMLElement | Slot<any>) => void;
     };
     protected slotRootVElementCaches: WeakMap<Slot<any>, VElement>;
     protected constructor(mount: (host: HTMLElement, viewComponent: ViewComponent) => (void | (() => void)));
     render(rootComponent: ComponentInstance): void | (() => void);
     abstract componentRender(component: ComponentInstance): ViewComponent;
+    abstract slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement): ViewElement;
     copy(): void;
+    /**
+     * 根据组件获取组件的根 DOM 节点
+     * @param component
+     */
     getNativeNodeByComponent(component: ComponentInstance): HTMLElement | null;
+    /**
+     * 根据 DOM 节点，获对对应的组件根节点，如传入的 DOM 节点不为组件的根节点，则返回 null
+     * @param node
+     */
+    getComponentByNativeNode(node: HTMLElement): ComponentInstance | null;
+    /**
+     * 根据插槽获取插槽的根 DOM 节点
+     * @param slot
+     */
     getNativeNodeBySlot(slot: Slot): HTMLElement | null;
+    /**
+     * 根据 DOM 节点，获对对应的插槽根节点，如传入的 DOM 节点不为插槽的根节点，则返回 null
+     * @param node
+     */
+    getSlotByNativeNode(node: HTMLElement): Slot | null;
     /**
      * 获取插槽内容节点集合
      * @param slot

package/bundles/index.esm.js

@@ -1,5 +1,5 @@
 import 'reflect-metadata';
-import { Slot, ViewAdapter, createBidirectionalMapping, VElement, VTextNode, ComponentInstance, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, NativeSelectionBridge } from '@textbus/core';
+import { Slot, ViewAdapter, createBidirectionalMapping, ComponentInstance, VElement, VTextNode, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, NativeSelectionBridge } from '@textbus/core';
 import { InjectionToken, Injectable, Inject, Injector, Optional } from '@viewfly/core';
 import { Subject, filter, fromEvent, Subscription, distinctUntilChanged, merge, map, Observable } from '@tanbo/stream';
 
@@ -301,7 +301,7 @@ class Input {
 }
 
 /**
- * Textbus PC 端浏览器渲染能力实现
+ * Textbus PC 端浏览器渲染能力桥接器抽象类，提供了 DOM 元素查询能力，具体渲染能力由各前端框架实现相应桥接
  */
 class DomAdapter extends ViewAdapter {
     constructor(mount) {
@@ -322,7 +322,9 @@ class DomAdapter extends ViewAdapter {
                 id: 'textbus-' + Number((Math.random() + '').substring(2)).toString(16)
             }
         });
-        this.componentRootElementCaches = new WeakMap();
+        this.componentRootElementCaches = createBidirectionalMapping(a => {
+            return a instanceof ComponentInstance;
+        });
         this.slotRootNativeElementCaches = createBidirectionalMapping(a => {
             return a instanceof Slot;
         });
@@ -335,12 +337,34 @@ class DomAdapter extends ViewAdapter {
     copy() {
         document.execCommand('copy');
     }
+    /**
+     * 根据组件获取组件的根 DOM 节点
+     * @param component
+     */
     getNativeNodeByComponent(component) {
         return this.componentRootElementCaches.get(component) || null;
     }
+    /**
+     * 根据 DOM 节点，获对对应的组件根节点，如传入的 DOM 节点不为组件的根节点，则返回 null
+     * @param node
+     */
+    getComponentByNativeNode(node) {
+        return this.componentRootElementCaches.get(node) || null;
+    }
+    /**
+     * 根据插槽获取插槽的根 DOM 节点
+     * @param slot
+     */
     getNativeNodeBySlot(slot) {
         return this.slotRootNativeElementCaches.get(slot) || null;
     }
+    /**
+     * 根据 DOM 节点，获对对应的插槽根节点，如传入的 DOM 节点不为插槽的根节点，则返回 null
+     * @param node
+     */
+    getSlotByNativeNode(node) {
+        return this.slotRootNativeElementCaches.get(node) || null;
+    }
     /**
      * 获取插槽内容节点集合
      * @param slot

package/bundles/index.js

@@ -303,7 +303,7 @@ class Input {
 }
 
 /**
- * Textbus PC 端浏览器渲染能力实现
+ * Textbus PC 端浏览器渲染能力桥接器抽象类，提供了 DOM 元素查询能力，具体渲染能力由各前端框架实现相应桥接
  */
 class DomAdapter extends core$1.ViewAdapter {
     constructor(mount) {
@@ -324,7 +324,9 @@ class DomAdapter extends core$1.ViewAdapter {
                 id: 'textbus-' + Number((Math.random() + '').substring(2)).toString(16)
             }
         });
-        this.componentRootElementCaches = new WeakMap();
+        this.componentRootElementCaches = core$1.createBidirectionalMapping(a => {
+            return a instanceof core$1.ComponentInstance;
+        });
         this.slotRootNativeElementCaches = core$1.createBidirectionalMapping(a => {
             return a instanceof core$1.Slot;
         });
@@ -337,12 +339,34 @@ class DomAdapter extends core$1.ViewAdapter {
     copy() {
         document.execCommand('copy');
     }
+    /**
+     * 根据组件获取组件的根 DOM 节点
+     * @param component
+     */
     getNativeNodeByComponent(component) {
         return this.componentRootElementCaches.get(component) || null;
     }
+    /**
+     * 根据 DOM 节点，获对对应的组件根节点，如传入的 DOM 节点不为组件的根节点，则返回 null
+     * @param node
+     */
+    getComponentByNativeNode(node) {
+        return this.componentRootElementCaches.get(node) || null;
+    }
+    /**
+     * 根据插槽获取插槽的根 DOM 节点
+     * @param slot
+     */
     getNativeNodeBySlot(slot) {
         return this.slotRootNativeElementCaches.get(slot) || null;
     }
+    /**
+     * 根据 DOM 节点，获对对应的插槽根节点，如传入的 DOM 节点不为插槽的根节点，则返回 null
+     * @param node
+     */
+    getSlotByNativeNode(node) {
+        return this.slotRootNativeElementCaches.get(node) || null;
+    }
     /**
      * 获取插槽内容节点集合
      * @param slot

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.1",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.0",
-    "@textbus/core": "^4.0.0-alpha.0",
-    "@viewfly/core": "^0.1.0",
+    "@textbus/core": "^4.0.0-alpha.1",
+    "@viewfly/core": "^0.2.0",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "cf4fd289b73bc777124a32fe42bb58eba05a34f1"
+  "gitHead": "c66a476c5776f8cf719ebb0f9e7adebb391f82c1"
 }