@textbus/adapter-react 4.0.0-alpha.0 → 4.0.0-alpha.5

package/bundles/adapter.d.ts

@@ -9,10 +9,13 @@ export interface ViewComponentProps<T extends Component = Component> {
 export interface ReactAdapterComponents {
     [key: string]: (props: ViewComponentProps) => JSX.Element;
 }
+/**
+ * Textbus 桥接 React 渲染能力适配器，用于在 React 项目中渲染 Textbus 数据
+ */
 export declare class Adapter extends DomAdapter<JSX.Element, JSX.Element> {
     onViewUpdated: Subject<void>;
     private components;
     constructor(components: ReactAdapterComponents, mount: (host: HTMLElement, root: JSX.Element) => (void | (() => void)));
     componentRender(component: ComponentInstance): JSX.Element;
-    slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement): JSX.Element;
+    slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement, renderEnv: any): JSX.Element;
 }

package/bundles/index.esm.js

@@ -16,6 +16,9 @@ Node.prototype.removeChild = function (child) {
 };
 // hack end
 const adapterError = makeError('ReactAdapter');
+/**
+ * Textbus 桥接 React 渲染能力适配器，用于在 React 项目中渲染 Textbus 数据
+ */
 class Adapter extends DomAdapter {
     constructor(components, mount) {
         super(mount);
@@ -45,7 +48,7 @@ class Adapter extends DomAdapter {
                             this.componentRootElementCaches.set(component, rootNode);
                         }
                         else {
-                            this.componentRootElementCaches.delete(component);
+                            this.componentRootElementCaches.remove(component);
                         }
                     }
                 });
@@ -63,8 +66,8 @@ class Adapter extends DomAdapter {
         }
         throw adapterError(`cannot found view component \`${component.name}\`!`);
     }
-    slotRender(slot, slotHostRender) {
-        const vElement = slot.toTree(slotHostRender);
+    slotRender(slot, slotHostRender, renderEnv) {
+        const vElement = slot.toTree(slotHostRender, renderEnv);
         this.slotRootVElementCaches.set(slot, vElement);
         const vNodeToJSX = (vNode) => {
             const children = [];
@@ -78,7 +81,6 @@ class Adapter extends DomAdapter {
                 }
                 else {
                     children.push(this.componentRender(child));
-                    child.changeMarker.rendered();
                 }
             }
             const props = Object.assign({}, (Array.from(vNode.attrs).reduce((a, b) => {

package/bundles/index.js

@@ -18,6 +18,9 @@ Node.prototype.removeChild = function (child) {
 };
 // hack end
 const adapterError = core.makeError('ReactAdapter');
+/**
+ * Textbus 桥接 React 渲染能力适配器，用于在 React 项目中渲染 Textbus 数据
+ */
 class Adapter extends platformBrowser.DomAdapter {
     constructor(components, mount) {
         super(mount);
@@ -47,7 +50,7 @@ class Adapter extends platformBrowser.DomAdapter {
                             this.componentRootElementCaches.set(component, rootNode);
                         }
                         else {
-                            this.componentRootElementCaches.delete(component);
+                            this.componentRootElementCaches.remove(component);
                         }
                     }
                 });
@@ -65,8 +68,8 @@ class Adapter extends platformBrowser.DomAdapter {
         }
         throw adapterError(`cannot found view component \`${component.name}\`!`);
     }
-    slotRender(slot, slotHostRender) {
-        const vElement = slot.toTree(slotHostRender);
+    slotRender(slot, slotHostRender, renderEnv) {
+        const vElement = slot.toTree(slotHostRender, renderEnv);
         this.slotRootVElementCaches.set(slot, vElement);
         const vNodeToJSX = (vNode) => {
             const children = [];
@@ -80,7 +83,6 @@ class Adapter extends platformBrowser.DomAdapter {
                 }
                 else {
                     children.push(this.componentRender(child));
-                    child.changeMarker.rendered();
                 }
             }
             const props = Object.assign({}, (Array.from(vNode.attrs).reduce((a, b) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-react",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.5",
   "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",
-    "@textbus/platform-browser": "^4.0.0-alpha.0",
+    "@textbus/core": "^4.0.0-alpha.5",
+    "@textbus/platform-browser": "^4.0.0-alpha.5",
     "react": "^18.2.0"
   },
   "devDependencies": {
@@ -49,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "cf4fd289b73bc777124a32fe42bb58eba05a34f1"
+  "gitHead": "072831527fe07e7c21a14f3141d55b24d321a690"
 }