@leafer-in/html 1.0.0-rc.10

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present, Chao (Leafer) Wan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @leafer-in/html
+
+渲染 HTML 内容

package/dist/html.esm.js

@@ -0,0 +1,86 @@
+import { ImageData, dataProcessor, boundsType, registerUI, Image } from '@leafer-ui/draw';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+class HTMLTextData extends ImageData {
+    setText(value) {
+        this._text = value;
+        this.__htmlChanged = true;
+    }
+}
+
+let HTMLText = class HTMLText extends Image {
+    get __tag() { return 'HTMLText'; }
+    constructor(data) {
+        super(data);
+    }
+    __updateBoxBounds() {
+        if (this.__.__htmlChanged) {
+            const div = document.createElement('div');
+            const { style } = div;
+            style.all = 'initial';
+            style.position = 'absolute';
+            style.visibility = 'hidden';
+            div.innerHTML = this.text;
+            document.body.appendChild(div);
+            const { width, height } = div.getBoundingClientRect();
+            const italicWidth = 10;
+            const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width + italicWidth}" height="${height}">
+                        <foreignObject width="${width + italicWidth}" height="${height}">
+                            <style>
+                                * {
+                                    margin: 0;
+                                    padding: 0;
+                                    box-sizing: border-box;
+                                }
+                            </style>
+                            <body xmlns="http://www.w3.org/1999/xhtml">
+                                ${this.text}
+                            </body>
+                        </foreignObject>
+                    </svg>`;
+            this.__.__setImageFill('data:image/svg+xml,' + encodeURIComponent(svg));
+            this.__.__htmlChanged = false;
+            div.remove();
+        }
+        super.__updateBoxBounds();
+    }
+};
+__decorate([
+    dataProcessor(HTMLTextData)
+], HTMLText.prototype, "__", void 0);
+__decorate([
+    boundsType('')
+], HTMLText.prototype, "text", void 0);
+HTMLText = __decorate([
+    registerUI()
+], HTMLText);
+
+export { HTMLText };

package/dist/html.esm.min.js

@@ -0,0 +1 @@
+import{ImageData as t,dataProcessor as e,boundsType as n,registerUI as o,Image as i}from"@leafer-ui/draw";function r(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var d=t.length-1;d>=0;d--)(i=t[d])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s}"function"==typeof SuppressedError&&SuppressedError;let s=class extends i{get __tag(){return"HTMLText"}constructor(t){super(t)}__updateBoxBounds(){if(this.__.__htmlChanged){const t=document.createElement("div"),{style:e}=t;e.all="initial",e.position="absolute",e.visibility="hidden",t.innerHTML=this.text,document.body.appendChild(t);const{width:n,height:o}=t.getBoundingClientRect(),i=10,r=`<svg xmlns="http://www.w3.org/2000/svg" width="${n+i}" height="${o}">\n                        <foreignObject width="${n+i}" height="${o}">\n                            <style>\n                                * {\n                                    margin: 0;\n                                    padding: 0;\n                                    box-sizing: border-box;\n                                }\n                            </style>\n                            <body xmlns="http://www.w3.org/1999/xhtml">\n                                ${this.text}\n                            </body>\n                        </foreignObject>\n                    </svg>`;this.__.__setImageFill("data:image/svg+xml,"+encodeURIComponent(r)),this.__.__htmlChanged=!1,t.remove()}super.__updateBoxBounds()}};r([e(class extends t{setText(t){this._text=t,this.__htmlChanged=!0}})],s.prototype,"__",void 0),r([n("")],s.prototype,"text",void 0),s=r([o()],s);export{s as HTMLText};

package/dist/html.js

@@ -0,0 +1,90 @@
+this.LeaferIN = this.LeaferIN || {};
+this.LeaferIN.html = (function (exports, draw) {
+    'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    class HTMLTextData extends draw.ImageData {
+        setText(value) {
+            this._text = value;
+            this.__htmlChanged = true;
+        }
+    }
+
+    exports.HTMLText = class HTMLText extends draw.Image {
+        get __tag() { return 'HTMLText'; }
+        constructor(data) {
+            super(data);
+        }
+        __updateBoxBounds() {
+            if (this.__.__htmlChanged) {
+                const div = document.createElement('div');
+                const { style } = div;
+                style.all = 'initial';
+                style.position = 'absolute';
+                style.visibility = 'hidden';
+                div.innerHTML = this.text;
+                document.body.appendChild(div);
+                const { width, height } = div.getBoundingClientRect();
+                const italicWidth = 10;
+                const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width + italicWidth}" height="${height}">
+                        <foreignObject width="${width + italicWidth}" height="${height}">
+                            <style>
+                                * {
+                                    margin: 0;
+                                    padding: 0;
+                                    box-sizing: border-box;
+                                }
+                            </style>
+                            <body xmlns="http://www.w3.org/1999/xhtml">
+                                ${this.text}
+                            </body>
+                        </foreignObject>
+                    </svg>`;
+                this.__.__setImageFill('data:image/svg+xml,' + encodeURIComponent(svg));
+                this.__.__htmlChanged = false;
+                div.remove();
+            }
+            super.__updateBoxBounds();
+        }
+    };
+    __decorate([
+        draw.dataProcessor(HTMLTextData)
+    ], exports.HTMLText.prototype, "__", void 0);
+    __decorate([
+        draw.boundsType('')
+    ], exports.HTMLText.prototype, "text", void 0);
+    exports.HTMLText = __decorate([
+        draw.registerUI()
+    ], exports.HTMLText);
+
+    return exports;
+
+})({}, LeaferUI);

package/dist/html.min.js

@@ -0,0 +1 @@
+this.LeaferIN=this.LeaferIN||{},this.LeaferIN.html=function(e,t){"use strict";function n(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s}"function"==typeof SuppressedError&&SuppressedError;class o extends t.ImageData{setText(e){this._text=e,this.__htmlChanged=!0}}return e.HTMLText=class extends t.Image{get __tag(){return"HTMLText"}constructor(e){super(e)}__updateBoxBounds(){if(this.__.__htmlChanged){const e=document.createElement("div"),{style:t}=e;t.all="initial",t.position="absolute",t.visibility="hidden",e.innerHTML=this.text,document.body.appendChild(e);const{width:n,height:o}=e.getBoundingClientRect(),i=10,r=`<svg xmlns="http://www.w3.org/2000/svg" width="${n+i}" height="${o}">\n                        <foreignObject width="${n+i}" height="${o}">\n                            <style>\n                                * {\n                                    margin: 0;\n                                    padding: 0;\n                                    box-sizing: border-box;\n                                }\n                            </style>\n                            <body xmlns="http://www.w3.org/1999/xhtml">\n                                ${this.text}\n                            </body>\n                        </foreignObject>\n                    </svg>`;this.__.__setImageFill("data:image/svg+xml,"+encodeURIComponent(r)),this.__.__htmlChanged=!1,e.remove()}super.__updateBoxBounds()}},n([t.dataProcessor(o)],e.HTMLText.prototype,"__",void 0),n([t.boundsType("")],e.HTMLText.prototype,"text",void 0),e.HTMLText=n([t.registerUI()],e.HTMLText),e}({},LeaferUI);

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@leafer-in/html",
+  "version": "1.0.0-rc.10",
+  "description": "@leafer-in/html",
+  "author": "Chao (Leafer) Wan",
+  "license": "MIT",
+  "main": "dist/html.esm.js",
+  "unpkg": "dist/html.js",
+  "jsdelivr": "dist/html.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leaferjs/in.git"
+  },
+  "homepage": "https://github.com/leaferjs/in/tree/main/packages/html",
+  "bugs": "https://github.com/leaferjs/in/issues",
+  "keywords": [
+    "leafer html",
+    "leafer-html",
+    "leafer-in",
+    "html",
+    "leafer-ui",
+    "leaferjs"
+  ],
+  "dependencies": {
+    "@leafer-ui/draw": "1.0.0-rc.10"
+  },
+  "devDependencies": {
+    "@leafer-ui/interface": "1.0.0-rc.10",
+    "@leafer-in/interface": "1.0.0-rc.10"
+  }
+}

package/src/HTMLText.ts

@@ -0,0 +1,64 @@
+import { IString, IImage } from '@leafer-ui/interface'
+import { Image, boundsType, registerUI, dataProcessor } from '@leafer-ui/draw'
+
+import { IHTMLTextData, IHTMLTextInputData } from '@leafer-in/interface'
+
+import { HTMLTextData } from './data/HTMLTextData'
+
+
+@registerUI()
+export class HTMLText extends Image implements IImage {
+
+    public get __tag() { return 'HTMLText' }
+
+    @dataProcessor(HTMLTextData)
+    declare public __: IHTMLTextData
+
+    @boundsType('')
+    public text: IString
+
+    constructor(data?: IHTMLTextInputData) {
+        super(data)
+    }
+
+    public __updateBoxBounds(): void {
+
+        if (this.__.__htmlChanged) {
+
+            const div = document.createElement('div')
+            const { style } = div
+
+            style.all = 'initial'
+            style.position = 'absolute'
+            style.visibility = 'hidden'
+            div.innerHTML = this.text
+            document.body.appendChild(div)
+
+            const { width, height } = div.getBoundingClientRect()
+            const italicWidth = 10 // add italic width
+
+            const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width + italicWidth}" height="${height}">
+                        <foreignObject width="${width + italicWidth}" height="${height}">
+                            <style>
+                                * {
+                                    margin: 0;
+                                    padding: 0;
+                                    box-sizing: border-box;
+                                }
+                            </style>
+                            <body xmlns="http://www.w3.org/1999/xhtml">
+                                ${this.text}
+                            </body>
+                        </foreignObject>
+                    </svg>`
+
+            this.__.__setImageFill('data:image/svg+xml,' + encodeURIComponent(svg))
+            this.__.__htmlChanged = false
+
+            div.remove()
+        }
+
+        super.__updateBoxBounds()
+    }
+
+}

package/src/data/HTMLTextData.ts

@@ -0,0 +1,16 @@
+import { IString } from '@leafer-ui/interface'
+import { ImageData } from '@leafer-ui/draw'
+
+import { IHTMLTextData } from '@leafer-in/interface'
+
+
+export class HTMLTextData extends ImageData implements IHTMLTextData {
+
+    _text: string
+    __htmlChanged: boolean
+
+    setText(value: IString): void {
+        this._text = value
+        this.__htmlChanged = true
+    }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { HTMLText } from './HTMLText'

package/types/index.d.ts

@@ -0,0 +1,13 @@
+import { IImage, IString } from '@leafer-ui/interface';
+import { Image } from '@leafer-ui/draw';
+import { IHTMLTextData, IHTMLTextInputData } from '@leafer-in/interface';
+
+declare class HTMLText extends Image implements IImage {
+    get __tag(): string;
+    __: IHTMLTextData;
+    text: IString;
+    constructor(data?: IHTMLTextInputData);
+    __updateBoxBounds(): void;
+}
+
+export { HTMLText };