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

package/bundles/dom-adapter.d.ts

@@ -31,7 +31,7 @@ export declare abstract class DomAdapter<ViewComponent, ViewElement> extends Vie
     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;
+    abstract slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement, renderEnv: any): ViewElement;
     copy(): void;
     /**
      * 根据组件获取组件的根 DOM 节点

package/bundles/index.esm.js

@@ -187,23 +187,23 @@ let Parser = Parser_1 = class Parser {
         this.attributeLoaders = attributeLoaders;
     }
     /**
-     * 使用指定的组件加载器解析一段 HTML 字符串
+     * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
      * @param html
      * @param rootComponentLoader
      */
     parseDoc(html, rootComponentLoader) {
-        const element = Parser_1.parseHTML(html);
+        const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
         return rootComponentLoader.read(element, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
             return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
         });
     }
     /**
-     * 将一段 HTML 解析到指定插槽
+     * 将一段 HTML 或 DOM 元素解析到指定插槽
      * @param html
      * @param rootSlot
      */
     parse(html, rootSlot) {
-        const element = Parser_1.parseHTML(html);
+        const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
         return this.readFormats(element, rootSlot);
     }
     readComponent(el, slot) {
@@ -1388,17 +1388,14 @@ let MagicInput = class MagicInput extends Input {
             this.doc.body.appendChild(div);
             div.focus();
             setTimeout(() => {
-                let html = div.innerHTML;
-                if (!html && text && this.isFirefox) {
-                    html = text;
-                }
-                this.handlePaste(html, text);
                 this.doc.body.removeChild(div);
+                div.style.cssText = '';
+                this.handlePaste(div, text);
             });
         }));
     }
-    handlePaste(html, text) {
-        const slot = this.parser.parse(html, new Slot([
+    handlePaste(dom, text) {
+        const slot = this.parser.parse(dom, new Slot([
             ContentType.BlockComponent,
             ContentType.InlineComponent,
             ContentType.Text
@@ -2038,9 +2035,9 @@ let NativeInput = class NativeInput extends Input {
             document.body.appendChild(div);
             div.focus();
             setTimeout(() => {
-                const html = div.innerHTML;
-                this.handlePaste(html, text);
                 document.body.removeChild(div);
+                div.style.cssText = '';
+                this.handlePaste(div, text);
             });
         }));
     }

package/bundles/index.js

@@ -189,23 +189,23 @@ exports.Parser = Parser_1 = class Parser {
         this.attributeLoaders = attributeLoaders;
     }
     /**
-     * 使用指定的组件加载器解析一段 HTML 字符串
+     * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
      * @param html
      * @param rootComponentLoader
      */
     parseDoc(html, rootComponentLoader) {
-        const element = Parser_1.parseHTML(html);
+        const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
         return rootComponentLoader.read(element, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
             return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
         });
     }
     /**
-     * 将一段 HTML 解析到指定插槽
+     * 将一段 HTML 或 DOM 元素解析到指定插槽
      * @param html
      * @param rootSlot
      */
     parse(html, rootSlot) {
-        const element = Parser_1.parseHTML(html);
+        const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
         return this.readFormats(element, rootSlot);
     }
     readComponent(el, slot) {
@@ -1390,17 +1390,14 @@ exports.MagicInput = class MagicInput extends Input {
             this.doc.body.appendChild(div);
             div.focus();
             setTimeout(() => {
-                let html = div.innerHTML;
-                if (!html && text && this.isFirefox) {
-                    html = text;
-                }
-                this.handlePaste(html, text);
                 this.doc.body.removeChild(div);
+                div.style.cssText = '';
+                this.handlePaste(div, text);
             });
         }));
     }
-    handlePaste(html, text) {
-        const slot = this.parser.parse(html, new core$1.Slot([
+    handlePaste(dom, text) {
+        const slot = this.parser.parse(dom, new core$1.Slot([
             core$1.ContentType.BlockComponent,
             core$1.ContentType.InlineComponent,
             core$1.ContentType.Text
@@ -2040,9 +2037,9 @@ let NativeInput = class NativeInput extends Input {
             document.body.appendChild(div);
             div.focus();
             setTimeout(() => {
-                const html = div.innerHTML;
-                this.handlePaste(html, text);
                 document.body.removeChild(div);
+                div.style.cssText = '';
+                this.handlePaste(div, text);
             });
         }));
     }

package/bundles/parser.d.ts

@@ -73,17 +73,17 @@ export declare class Parser {
     attributeLoaders: AttributeLoader<any>[];
     constructor(options: ViewOptions, injector: Injector);
     /**
-     * 使用指定的组件加载器解析一段 HTML 字符串
+     * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
      * @param html
      * @param rootComponentLoader
      */
-    parseDoc(html: string, rootComponentLoader: ComponentLoader): void | Slot<any> | ComponentInstance<unknown, unknown, unknown>;
+    parseDoc(html: string | HTMLElement, rootComponentLoader: ComponentLoader): void | Slot<any> | ComponentInstance<unknown, unknown, unknown>;
     /**
-     * 将一段 HTML 解析到指定插槽
+     * 将一段 HTML 或 DOM 元素解析到指定插槽
      * @param html
      * @param rootSlot
      */
-    parse(html: string, rootSlot: Slot): Slot<any>;
+    parse(html: string | HTMLElement, rootSlot: Slot): Slot<any>;
     private readComponent;
     private readText;
     private readFormats;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.1",
+  "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.1",
-    "@viewfly/core": "^0.2.0",
+    "@textbus/core": "^4.0.0-alpha.5",
+    "@viewfly/core": "^0.2.4",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "c66a476c5776f8cf719ebb0f9e7adebb391f82c1"
+  "gitHead": "072831527fe07e7c21a14f3141d55b24d321a690"
 }