yymini-pop-html 1.0.0

package/README.md

@@ -0,0 +1,37 @@
+# yymini-pop-html
+小程序（抖音） 轻量级底部显示富文本弹出框 自定义组件，无需额外依赖，开箱即用。
+
+## 🌟 特性
+- 原生小程序语法，兼容小程序（抖音）基础库
+- 支持自定义 标题、富文本内容、按钮等
+- 提供 确认/取消 回调，支持 遮罩关闭
+- 支持富文本内容内部点击linktap
+- 样式简洁美观，可自定义修改
+
+## 📦 安装
+在你的小程序项目根目录执行：
+
+```bash
+npm install yymini-pop-html --save
+or
+yarn add yymini-pop-html
+
+然后在 开发者工具中 构建 NPM
+```
+
+## 🎨 引用
+```json
+{
+  "usingComponents": {
+    "pop-html": "/miniprogram_npm/yymini-pop-html/pop-html"
+  }
+}
+```
+
+## ▶️ use
+```ttml / wxml
+<pop-html visible="{{true}}" title="这里是 title" content="这里是富文本 content" bind:close="onClose" bind:linktap="onLinktap" />
+```
+
+## 👀 示例效果
+![弹窗示例](https://raw.githubusercontent.com/AllenGe/yy/main/pop-image-html.png)

package/package.json

@@ -0,0 +1,36 @@
+{
+	"name": "yymini-pop-html",
+	"version": "1.0.0",
+	"description": "小程序（抖音）-底部富文本弹出框自定义组件",
+	"main": "pop-html.js",
+	"miniprogram": ".",
+	"keywords": [
+		"douyin",
+		"miniProgram",
+		"抖音小程序",
+		"confirm",
+		"modal",
+		"弹出框",
+		"底部弹出框"
+	],
+	"author": "Allen.ge <gyjshow@163.com>",
+	"license": "MIT",
+	"repository": {
+		"type": "",
+		"url": ""
+	},
+	"bugs": {
+		"url": ""
+	},
+	"homepage": "",
+	"private": false,
+	"files": [
+		"*.png",
+		"yy-html",
+		"pop-html.*",
+		"README.md"
+	],
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	}
+}

package/pop-html.js

@@ -0,0 +1,74 @@
+Component({
+	properties: {
+		visible: { // 接收页面传递的显示状态
+			type: Boolean,
+			value: false,
+			observer(newVal) {
+				this.setData({
+					show: newVal
+				});
+			}
+		},
+
+		zindex: {
+			type: Number,
+			value: 999
+		},
+		content: {
+			type: String,
+			value: ''
+		},
+		height: {
+			type: Number,
+			value: 85
+		}, // 弹窗高度 80%
+		title: {
+			type: String,
+			value: ''
+		}, // 弹窗标题
+		bgSrc: {
+			type: String,
+			value: "bgSrc.png"
+		}, // 背景图片地址
+		maskCloseable: {
+			type: Boolean,
+			value: false
+		} // 遮罩点击是否关闭
+
+	},
+
+	data: {
+		show: false // 内部维护显示状态，避免异步延迟
+	},
+
+	methods: {
+		// 遮罩点击：关闭弹窗+触发取消事件
+		onMaskClick() {
+			if (this.data.maskCloseable) {
+				this.setData({
+					show: false
+				})
+				this.triggerEvent('close');
+			}
+		},
+
+		// 阻止内容区点击穿透到遮罩
+		stopPropagation() {},
+
+		onClose(e) {
+			console.log('onClose onClose.... ', e);
+			this.setData({
+				show: false
+			})
+			this.triggerEvent('close');
+		},
+
+		linktap(event) {
+			this.triggerEvent('linktap', {
+				...event?.detail
+			});
+		},
+
+	}
+
+});

package/pop-html.json

@@ -0,0 +1,6 @@
+{
+	"component": true,
+	"usingComponents": {
+		"yy-html": "./yy-html/yy-html"
+	}
+}

package/pop-html.ttml

@@ -0,0 +1,27 @@
+<!-- 遮罩层：全屏，控制显示/隐藏 -->
+<view class="view-mask {{show ? 'show' : ''}}" style="z-index: {{zindex}};" bindtap="onMaskClick">
+	<!-- 弹窗主体：固定在底部，宽度100% -->
+	<view class="view-content" style="height: {{height}}%;" catchtap="stopPropagation">
+		<!-- 背景图 -->
+		<image src="bgSrc.png" class="img-bg"></image>
+
+		<view class="view-area">
+			<!-- 返回按钮左上角 -->
+			<view class="popup-close" bindtap="onClose">
+				<image src="back.png" class="comment_zuo"></image>
+			</view>
+
+			<!-- 标题 -->
+			<view tt:if="{{title}}" class="popup-title" bindtap="onClose">
+				{{title}}
+			</view>
+
+			<view class="view-html">
+				<view class="view-c">
+					<yy-html bind:linktap="linktap" content="{{content}}"></yy-html>
+				</view>
+			</view>
+		</view>
+
+	</view>
+</view>

package/pop-html.ttss

@@ -0,0 +1,183 @@
+/* 遮罩层：全屏、透明、不可点击（初始状态） */
+.view-mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(0, 0, 0, 0.45);
+
+	opacity: 0;
+	pointer-events: none;
+	transition: opacity 0.3s ease;
+
+	/* z-index: 999; */
+}
+
+/* 遮罩显示：不透明+可点击 */
+.view-mask.show {
+	opacity: 1;
+	pointer-events: auto;
+}
+
+/* 弹窗主体：固定底部，初始滑出屏幕 */
+.view-content {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+
+	display: flex;
+	flex-direction: column;
+
+	background: #ffffff;
+	border-top-left-radius: 40rpx;
+	border-top-right-radius: 40rpx;
+
+	box-sizing: border-box;
+	/* 初始状态：滑出屏幕底部 */
+	transform: translateY(100%);
+	transition: transform 0.3s ease-out;
+
+	/* height: 20%;
+    min-height: 45%; */
+}
+
+.view-area {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+
+	display: flex;
+	flex-direction: column;
+}
+
+.img-bg {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+/* 弹窗显示：滑入屏幕 */
+.view-mask.show .view-content {
+	transform: translateY(0);
+}
+
+/* 通用样式：适配抖音规范 */
+.popup-title {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 120rpx;
+	font-size: 40rpx;
+	font-weight: 500;
+	color: #232832;
+	/* background-color: #f7f7f7; */
+}
+
+.view-html {
+	display: flex;
+	flex: 1;
+	background-color: #FFFFFF;
+	border-top-left-radius: 20rpx;
+	border-top-right-radius: 20rpx;
+	padding: 0 24rpx 30rpx;
+	margin: 0 20rpx;
+	overflow: hidden;
+}
+
+.view-c {
+	overflow-y: scroll;
+}
+
+.popup-close {
+	position: absolute;
+	top: 0;
+	left: 0;
+
+	width: 100rpx;
+	height: 120rpx;
+
+	display: flex;
+	align-items: center;
+	padding-left: 24rpx;
+	border-top-left-radius: 20rpx;
+	/* background-color: #f7f7f7; */
+}
+
+.comment_zuo {
+	width: 48rpx;
+	height: 48rpx;
+
+	transition: all 0.12s ease;
+	transform-origin: center center;
+
+}
+
+
+.popup-close:active .comment_zuo {
+	opacity: 0.65;
+	transform: scale(0.88);
+	filter: brightness(0.8);
+	filter: brightness(0.8) drop-shadow(0 1rpx 2rpx rgba(0, 0, 0, 0.1));
+}
+
+.popup-footer {
+	display: flex;
+	margin: 30rpx 30rpx 40rpx;
+	gap: 20rpx;
+}
+
+
+/* 核心重置：只解决伪元素遮挡+原生外观问题（必写） */
+button {
+	-webkit-appearance: none !important;
+	/* 去掉原生外观（关键） */
+	appearance: none !important;
+	border: none !important;
+	/* 清空默认边框 */
+}
+
+button::after {
+	content: none !important;
+	/* 直接移除遮挡的伪元素（核心） */
+}
+
+.btn {
+	flex: 1;
+	height: 80rpx;
+	line-height: 80rpx;
+	border-radius: 40rpx;
+	border: none;
+	font-size: 28rpx;
+	padding: 0;
+}
+
+.cancel {
+	background: #FFFFFF;
+	color: #333333;
+	border: 2rpx solid #D1D1D6 !important;
+	/* transition: background-color 0.1s; */
+
+	/* box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+    transition: box-shadow 0.1s; */
+	/* 按压 */
+}
+
+.cancel:active {
+	background-color: #f5f5f5;
+
+	/* box-shadow: inset 0 2rpx 4rpx rgba(0, 0, 0, 0.2); */
+	/* 按压 */
+}
+
+.confirm {
+	background: linear-gradient(180deg, #FF8684 0%, #CB6DF3 100%);
+	color: #ffffff;
+}

package/yy-html/node/node.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function t(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    e && (i = i.filter(function(e) { return Object.getOwnPropertyDescriptor(t, e).enumerable })), r.push.apply(r, i)
+  }
+  return r
+}
+
+function e(e) {
+  for (var i = 1; i < arguments.length; i++) {
+    var o = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? t(Object(o), !0).forEach(function(t) { r(e, t, o[t]) }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : t(Object(o)).forEach(function(t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t)) })
+  }
+  return e
+}
+
+function r(t, e, r) { return e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t } Component({
+  data: { ctrl: {} },
+  properties: { childs: Array, opts: Array },
+  options: { addGlobalClass: !0 },
+  methods: {
+    noop: function() {},
+    getNode: function(t) { try { for (var e = t.split("_"), r = this.data.childs[e[0]], i = 1; i < e.length; i++) r = r.children[e[i]]; return r } catch (t) { return { text: "", attrs: {}, children: [] } } },
+    play: function(t) {
+      var r = t.target.dataset.i,
+        i = this.getNode(r);
+      if (this.root.triggerEvent("play", { source: i.name, attrs: e(e({}, i.attrs), {}, { src: i.src[this.data.ctrl[r] || 0] }) }), this.root.data.pauseVideo) {
+        for (var o = !1, a = t.target.id, s = this.root._videos.length; s--;) this.root._videos[s].id === a ? o = !0 : this.root._videos[s].pause();
+        if (!o) {
+          var n = tt.createVideoContext(a, this);
+          n.id = a, this.root.playbackRate && n.playbackRate(this.root.playbackRate), this.root._videos.push(n)
+        }
+      }
+    },
+    imgTap: function(t) {
+      var e = this.getNode(t.target.dataset.i);
+      if (e.a) return this.linkTap(e.a);
+      if (!e.attrs.ignore && (this.root.triggerEvent("imgtap", e.attrs), this.root.data.previewImg)) {
+        var r = this.root.imgList[e.i];
+        tt.previewImage({ current: r, urls: this.root.imgList })
+      }
+    },
+    imgLoad: function(t) {
+      var e, i = t.target.dataset.i,
+        o = this.getNode(i);
+      o.w ? (this.data.opts[1] && !this.data.ctrl[i] || -1 === this.data.ctrl[i]) && (e = 1) : e = t.detail.width, e && e !== this.data.ctrl[i] && this.setData(r({}, "ctrl." + i, e)), this.checkReady()
+    },
+    checkReady: function() {
+      var t = this;
+      this.root.data.lazyLoad || (this.root.imgList._unloadimgs -= 1, this.root.imgList._unloadimgs || setTimeout(() => { t.root.getRect().then(function(e) { t.root.triggerEvent("ready", e) }).catch(function() { t.root.triggerEvent("ready", {}) }) }, 350))
+    },
+    linkTap: function(t) {
+      var e = t.currentTarget ? this.getNode(t.currentTarget.dataset.i) : {},
+        r = e.attrs || t,
+        i = r.href;
+      this.root.triggerEvent("linktap", Object.assign({ innerText: this.root.getText(e.children || []) }, r)), i && ("#" === i[0] ? this.root.navigateTo(i.substring(1)).catch(function() {}) : i.split("?")[0].includes("://") ? this.root.data.copyLink && tt.setClipboardData({ data: i, success: function() { return tt.showToast({ title: "链接已复制" }) } }) : tt.navigateTo({ url: i, fail: function() { tt.switchTab({ url: i, fail: function() {} }) } }))
+    },
+    mediaError: function(t) {
+      var e = t.target.dataset.i,
+        i = this.getNode(e);
+      if ("video" === i.name || "audio" === i.name) { var o = (this.data.ctrl[e] || 0) + 1; if (o > i.src.length && (o = 0), o < i.src.length) return this.setData(r({}, "ctrl." + e, o)) } else "img" === i.name && (this.data.opts[2] && this.setData(r({}, "ctrl." + e, -1)), this.checkReady());
+      this.root && this.root.triggerEvent("error", { source: i.name, attrs: i.attrs, errMsg: t.detail.errMsg })
+    }
+  }
+});

package/yy-html/node/node.json

@@ -0,0 +1,6 @@
+{
+	"component": false,
+	"usingComponents": {
+		"node": "./node"
+	}
+}

package/yy-html/node/node.ttml

@@ -0,0 +1,32 @@
+<template name="el">
+	<block tt:if="{{n.name==='img'}}"><rich-text tt:if="{{n.t}}" style="display:{{n.t}}"
+			nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap" />
+		<block tt:else>
+			<image tt:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}"
+				src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix" />
+			<image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}"
+				style="width:{{ctrl[i]||1}}px;height:1px;{{ctrl[i]===-1?'display:none;':''}}{{n.attrs.style}}"
+				src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}"
+				data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop" />
+		</block>
+	</block>
+	<text tt:elif="{{n.text}}" decode>{{n.text}}</text>
+	<text tt:elif="{{n.name==='br'}}">{{'\n'}}</text>
+	<view tt:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}"
+		hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap">
+		<template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template>
+	</view>
+	<video tt:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}"
+		autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}"
+		object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}"
+		bindplay="play" binderror="mediaError" /><rich-text tt:else id="{{n.attrs.id}}" style="{{n.f}}" nodes="{{[n]}}" />
+</template>
+<template name="node">
+	<block tt:for="{{childs}}" tt:for-item="n" tt:for-index="i" tt:key="i">
+		<template tt:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}" />
+		<view tt:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}">
+			<template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template>
+		</view>
+	</block>
+</template>
+<template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>

package/yy-html/node/node.ttss

@@ -0,0 +1,150 @@
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all
+}
+
+._hover {
+  text-decoration: underline;
+  opacity: .7
+}
+
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none
+}
+
+._b,
+._strong {
+  font-weight: 700
+}
+
+._code {
+  font-family: monospace
+}
+
+._del {
+  text-decoration: line-through
+}
+
+._em,
+._i {
+  font-style: italic
+}
+
+._h1 {
+  font-size: 2em
+}
+
+._h2 {
+  font-size: 1.5em
+}
+
+._h3 {
+  font-size: 1.17em
+}
+
+._h5 {
+  font-size: .83em
+}
+
+._h6 {
+  font-size: .67em
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: 700
+}
+
+._ins {
+  text-decoration: underline
+}
+
+._li {
+  display: list-item
+}
+
+._ol {
+  list-style-type: decimal
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0
+}
+
+._q::before {
+  content: '"'
+}
+
+._q::after {
+  content: '"'
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super
+}
+
+._tbody,
+._tfoot,
+._thead {
+  display: table-row-group
+}
+
+._tr {
+  display: table-row
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle
+}
+
+._th {
+  font-weight: 700;
+  text-align: center
+}
+
+._ul {
+  list-style-type: disc
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle
+}
+
+._ul ._ul ._ul {
+  list-style-type: square
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline
+}

package/yy-html/parser.js

@@ -0,0 +1,325 @@
+"use strict";
+
+function t(t, e) {
+  var s;
+  if ("undefined" == typeof Symbol || null == t[Symbol.iterator]) {
+    if (Array.isArray(t) || (s = i(t)) || e && t && "number" == typeof t.length) {
+      s && (t = s);
+      var n = 0,
+        a = function() {};
+      return { s: a, n: function() { return n >= t.length ? { done: !0 } : { done: !1, value: t[n++] } }, e: function(t) { throw t }, f: a }
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
+  }
+  var r, o = !0,
+    l = !1;
+  return { s: function() { s = t[Symbol.iterator]() }, n: function() { var t = s.next(); return o = t.done, t }, e: function(t) { l = !0, r = t }, f: function() { try { o || null == s.return || s.return() } finally { if (l) throw r } } }
+}
+
+function i(t, i) { if (t) { if ("string" == typeof t) return e(t, i); var s = Object.prototype.toString.call(t).slice(8, -1); return "Object" === s && t.constructor && (s = t.constructor.name), "Map" === s || "Set" === s ? Array.from(t) : "Arguments" === s || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s) ? e(t, i) : void 0 } }
+
+function e(t, i) {
+  (null == i || i > t.length) && (i = t.length);
+  for (var e = 0, s = new Array(i); e < i; e++) s[e] = t[e];
+  return s
+}
+
+function s(t) { for (var i = Object.create(null), e = t.split(","), s = e.length; s--;) i[e[s]] = !0; return i }
+
+function n(t, i) {
+  for (var e = t.indexOf("&"); - 1 !== e;) {
+    var s = t.indexOf(";", e + 3),
+      n = void 0;
+    if (-1 === s) break;
+    "#" === t[e + 1] ? (n = parseInt(("x" === t[e + 2] ? "0" : "") + t.substring(e + 2, s)), isNaN(n) || (t = t.substr(0, e) + String.fromCharCode(n) + t.substr(s + 1))) : (n = t.substring(e + 1, s), (l.entities[n] || "amp" === n && i) && (t = t.substr(0, e) + (l.entities[n] || "&") + t.substr(s + 1))), e = t.indexOf("&", e + 1)
+  }
+  return t
+}
+
+function a(t) { for (var i = t.length - 1, e = i; e >= -1; e--)(-1 === e || t[e].c || !t[e].name || "div" !== t[e].name && "p" !== t[e].name && "h" !== t[e].name[0] || (t[e].attrs.style || "").includes("inline")) && (i - e >= 5 && t.splice(e + 1, i - e, { name: "div", attrs: {}, children: t.slice(e + 1, i + 1) }), i = e - 1) }
+
+function r(t) { this.options = t.data || {}, this.tagStyle = Object.assign({}, l.tagStyle, this.options.tagStyle), this.imgList = t.imgList || [], this.imgList._unloadimgs = 0, this.plugins = t.plugins || [], this.attrs = Object.create(null), this.stack = [], this.nodes = [], this.pre = (this.options.containerStyle || "").includes("white-space") && this.options.containerStyle.includes("pre") ? 2 : 0 }
+
+function o(t) { this.handler = t }
+var l = { trustTags: s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"), blockTags: s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"), ignoreTags: s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"), voidTags: s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"), entities: { lt: "<", gt: ">", quot: '"', apos: "'", ensp: " ", emsp: " ", nbsp: " ", semi: ";", ndash: "–", mdash: "—", middot: "·", lsquo: "‘", rsquo: "’", ldquo: "“", rdquo: "”", bull: "•", hellip: "…", larr: "←", uarr: "↑", rarr: "→", darr: "↓" }, tagStyle: { address: "font-style:italic", big: "display:inline;font-size:1.2em", caption: "display:table-caption;text-align:center", center: "text-align:center", cite: "font-style:italic", dd: "margin-left:40px", mark: "background-color:yellow", pre: "font-family:monospace;white-space:pre", s: "text-decoration:line-through", small: "display:inline;font-size:0.8em", strike: "text-decoration:line-through", u: "text-decoration:underline" }, svgDict: { animatetransform: "animateTransform", lineargradient: "linearGradient", viewbox: "viewBox", attributename: "attributeName", repeatcount: "repeatCount", repeatdur: "repeatDur", foreignobject: "foreignObject" } },
+  h = {},
+  c, d, p = tt.getSystemInfoSync();
+c = p.windowWidth;
+var u = s(" ,\r,\n,\t,\f"),
+  f = 0;
+r.prototype.parse = function(t) { for (var i = this.plugins.length; i--;) this.plugins[i].onUpdate && (t = this.plugins[i].onUpdate(t, l) || t); for (new o(this).parse(t); this.stack.length;) this.popNode(); return this.nodes.length > 50 && a(this.nodes), this.nodes }, r.prototype.expose = function() {
+  for (var t = this.stack.length; t--;) {
+    var i = this.stack[t];
+    if (i.c || "a" === i.name || "video" === i.name || "audio" === i.name) return;
+    i.c = 1
+  }
+}, r.prototype.hook = function(t) {
+  for (var i = this.plugins.length; i--;)
+    if (this.plugins[i].onParse && !1 === this.plugins[i].onParse(t, this)) return !1;
+  return !0
+}, r.prototype.getUrl = function(t) { var i = this.options.domain; return "/" === t[0] ? "/" === t[1] ? t = (i ? i.split("://")[0] : "http") + ":" + t : i && (t = i + t) : !i || t.includes("data:") || t.includes("://") || (t = i + "/" + t), t }, r.prototype.parseStyle = function(t) {
+  var i = t.attrs,
+    e = (this.tagStyle[t.name] || "").split(";").concat((i.style || "").split(";")),
+    s = {},
+    n = "";
+  i.id && !this.xml && (this.options.useAnchor ? this.expose() : "img" !== t.name && "a" !== t.name && "video" !== t.name && "audio" !== t.name && (i.id = void 0)), i.width && (s.width = parseFloat(i.width) + (i.width.includes("%") ? "%" : "px"), i.width = void 0), i.height && (s.height = parseFloat(i.height) + (i.height.includes("%") ? "%" : "px"), i.height = void 0);
+  for (var a = 0, r = e.length; a < r; a++) {
+    var o = e[a].split(":");
+    if (!(o.length < 2)) {
+      var l = o.shift().trim().toLowerCase(),
+        h = o.join(":").trim();
+      if ("-" === h[0] && h.lastIndexOf("-") > 0 || h.includes("safe")) n += ";".concat(l, ":").concat(h);
+      else if (!s[l] || h.includes("import") || !s[l].includes("import")) {
+        if (h.includes("url")) {
+          var d = h.indexOf("(") + 1;
+          if (d) {
+            for (;
+              '"' === h[d] || "'" === h[d] || u[h[d]];) d++;
+            h = h.substr(0, d) + this.getUrl(h.substr(d))
+          }
+        } else h.includes("rpx") && (h = h.replace(/[0-9.]+\s*rpx/g, function(t) { return parseFloat(t) * c / 750 + "px" }));
+        s[l] = h
+      }
+    }
+  }
+  return t.attrs.style = n, s
+}, r.prototype.onTagName = function(t) { this.tagName = this.xml ? t : t.toLowerCase(), "svg" === this.tagName && (this.xml = (this.xml || 0) + 1, l.ignoreTags.style = void 0) }, r.prototype.onAttrName = function(t) { t = this.xml ? t : t.toLowerCase(), "data-" === t.substr(0, 5) ? "data-src" !== t || this.attrs.src ? "img" === this.tagName || "a" === this.tagName ? this.attrName = t : this.attrName = void 0 : this.attrName = "src" : (this.attrName = t, this.attrs[t] = "T") }, r.prototype.onAttrVal = function(t) { var i = this.attrName || ""; "style" === i || "href" === i ? this.attrs[i] = n(t, !0) : i.includes("src") ? this.attrs[i] = this.getUrl(n(t, !0)) : i && (this.attrs[i] = t) }, r.prototype.onOpenTag = function(t) {
+  var i = Object.create(null);
+  i.name = this.tagName, i.attrs = this.attrs, this.attrs = Object.create(null);
+  var e = i.attrs,
+    s = this.stack[this.stack.length - 1],
+    n = s ? s.children : this.nodes,
+    a = this.xml ? t : l.voidTags[i.name];
+  if (h[i.name] && (e.class = h[i.name] + (e.class ? " " + e.class : "")), "embed" === i.name) {
+    var r = e.src || "";
+    r.includes(".mp4") || r.includes(".3gp") || r.includes(".m3u8") || (e.type || "").includes("video") ? i.name = "video" : (r.includes(".mp3") || r.includes(".wav") || r.includes(".aac") || r.includes(".m4a") || (e.type || "").includes("audio")) && (i.name = "audio"), e.autostart && (e.autoplay = "T"), e.controls = "T"
+  }
+  if ("video" !== i.name && "audio" !== i.name || ("video" !== i.name || e.id || (e.id = "v" + f++), e.controls || e.autoplay || (e.controls = "T"), i.src = [], e.src && (i.src.push(e.src), e.src = void 0), this.expose()), a) {
+    if (!this.hook(i) || l.ignoreTags[i.name]) return void("base" !== i.name || this.options.domain ? "source" === i.name && s && ("video" === s.name || "audio" === s.name) && e.src && s.src.push(e.src) : this.options.domain = e.href);
+    var o = this.parseStyle(i);
+    if ("img" === i.name) {
+      if (e.src && (e.src.includes("webp") && (i.webp = "T"), e.src.includes("data:") && "all" !== this.options.previewImg && !e["original-src"] && (e.ignore = "T"), !e.ignore || i.webp || e.src.includes("cloud://"))) {
+        for (var d = this.stack.length; d--;) {
+          var p = this.stack[d];
+          "table" !== p.name || i.webp || e.src.includes("cloud://") || (!o.display || o.display.includes("inline") ? i.t = "inline-block" : i.t = o.display, o.display = void 0);
+          var u = p.attrs.style || "";
+          if (!u.includes("flex:") || u.includes("flex:0") || u.includes("flex: 0") || o.width && !(parseInt(o.width) > 100))
+            if (u.includes("flex") && "100%" === o.width)
+              for (var g = d + 1; g < this.stack.length; g++) { var m = this.stack[g].attrs.style || ""; if (!m.includes(";width") && !m.includes(" width") && 0 !== m.indexOf("width")) { o.width = ""; break } } else u.includes("inline-block") && (o.width && "%" === o.width[o.width.length - 1] ? (p.attrs.style += ";max-width:" + o.width, o.width = "") : p.attrs.style += ";max-width:100%");
+            else { o.width = "100% !important", o.height = ""; for (var v = d + 1; v < this.stack.length; v++) this.stack[v].attrs.style = (this.stack[v].attrs.style || "").replace("inline-", "") }
+          "a" === p.name ? i.a = p.attrs : p.c = 1
+        }
+        i.i = this.imgList.length;
+        var y = e["original-src"] || e.src;
+        if (this.imgList.includes(y)) {
+          var b = y.indexOf("://");
+          if (-1 !== b) {
+            b += 3;
+            for (var x = y.substr(0, b); b < y.length && "/" !== y[b]; b++) x += Math.random() > .5 ? y[b].toUpperCase() : y[b];
+            x += y.substr(b), y = x
+          }
+        }
+        this.imgList.push(y), i.t || (this.imgList._unloadimgs += 1)
+      }
+      "inline" === o.display && (o.display = ""), e.ignore && (o["max-width"] = o["max-width"] || "100%", e.style += ";-webkit-touch-callout:none"), parseInt(o.width) > c && (o.height = void 0), isNaN(parseInt(o.width)) || (i.w = "T"), !isNaN(parseInt(o.height)) && (!o.height.includes("%") || s && (s.attrs.style || "").includes("height")) && (i.h = "T"), i.w && i.h && o["object-fit"] && ("contain" === o["object-fit"] ? i.m = "aspectFit" : "cover" === o["object-fit"] && (i.m = "aspectFill"))
+    } else if ("svg" === i.name) return n.push(i), this.stack.push(i), void this.popNode();
+    for (var w in o) o[w] && (e.style += ";".concat(w, ":").concat(o[w].replace(" !important", "")));
+    e.style = e.style.substr(1) || void 0
+  } else("pre" === i.name || (e.style || "").includes("white-space") && e.style.includes("pre")) && 2 !== this.pre && (this.pre = i.pre = 1), i.children = [], this.stack.push(i);
+  n.push(i)
+}, r.prototype.onCloseTag = function(t) {
+  t = this.xml ? t : t.toLowerCase();
+  var i;
+  for (i = this.stack.length; i-- && this.stack[i].name !== t;);
+  if (-1 !== i)
+    for (; this.stack.length > i;) this.popNode();
+  else if ("p" === t || "br" === t) {
+    var e = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes;
+    e.push({ name: t, attrs: { class: h[t], style: this.tagStyle[t] } })
+  }
+}, r.prototype.popNode = function() {
+  var i = this.stack.pop(),
+    e = i.attrs,
+    s = i.children,
+    n = this.stack[this.stack.length - 1],
+    r = n ? n.children : this.nodes;
+  if (!this.hook(i) || l.ignoreTags[i.name]) return "title" === i.name && s.length && "text" === s[0].type && this.options.setTitle && tt.setNavigationBarTitle({ title: s[0].text }), void r.pop();
+  if (i.pre && 2 !== this.pre) { this.pre = i.pre = void 0; for (var o = this.stack.length; o--;) this.stack[o].pre && (this.pre = 1) }
+  if ("svg" === i.name) {
+    if (this.xml > 1) return void this.xml--;
+    var h = "",
+      d = e.style;
+    return e.style = "", e.xmlns = "http://www.w3.org/2000/svg",
+      function i(e) {
+        if ("text" === e.type) return void(h += e.text);
+        var s = l.svgDict[e.name] || e.name;
+        if ("foreignObject" === s) { var n, a = t(e.children || []); try { for (a.s(); !(n = a.n()).done;) { var r = n.value; if (r.attrs && !r.attrs.xmlns) { r.attrs.xmlns = "http://www.w3.org/1999/xhtml"; break } } } catch (t) { a.e(t) } finally { a.f() } } h += "<" + s;
+        for (var o in e.attrs) {
+          var c = e.attrs[o];
+          c && (h += " ".concat(l.svgDict[o] || o, '="').concat(c.replace(/"/g, ""), '"'))
+        }
+        if (e.children) {
+          h += ">";
+          for (var d = 0; d < e.children.length; d++) i(e.children[d]);
+          h += "</" + s + ">"
+        } else h += "/>"
+      }(i), i.name = "img", i.attrs = { src: "data:image/svg+xml;utf8," + h.replace(/#/g, "%23"), style: d, ignore: "T" }, i.children = void 0, this.xml = !1, void(l.ignoreTags.style = !0)
+  }
+  var p = {};
+  if (e.align && ("table" === i.name ? "center" === e.align ? p["margin-inline-start"] = p["margin-inline-end"] = "auto" : p.float = e.align : p["text-align"] = e.align, e.align = void 0), e.dir && (p.direction = e.dir, e.dir = void 0), "font" === i.name && (e.color && (p.color = e.color, e.color = void 0), e.face && (p["font-family"] = e.face, e.face = void 0), e.size)) {
+    var u = parseInt(e.size);
+    isNaN(u) || (u < 1 ? u = 1 : u > 7 && (u = 7), p["font-size"] = ["x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large"][u - 1]), e.size = void 0
+  }
+  if ((e.class || "").includes("align-center") && (p["text-align"] = "center"), Object.assign(p, this.parseStyle(i)), "table" !== i.name && parseInt(p.width) > c && (p["max-width"] = "100%", p["box-sizing"] = "border-box"), l.blockTags[i.name]) i.name = "div";
+  else if (l.trustTags[i.name] || this.xml)
+    if ("a" === i.name || "ad" === i.name) this.expose();
+    else if ("video" === i.name || "audio" === i.name)(p.height || "").includes("auto") && (p.height = void 0), i.children = void 0;
+  else if ("ul" !== i.name && "ol" !== i.name || !i.c)
+    if ("table" === i.name) {
+      var f = parseFloat(e.cellpadding),
+        g = parseFloat(e.cellspacing),
+        m = parseFloat(e.border),
+        v = p["border-color"],
+        y = p["border-style"];
+      if (i.c && (isNaN(f) && (f = 2), isNaN(g) && (g = 2)), m && (e.style += ";border:".concat(m, "px ").concat(y || "solid", " ").concat(v || "gray")), i.flag && i.c) {
+        i.flag = void 0, p.display = "grid", "collapse" === p["border-collapse"] && (p["border-collapse"] = void 0, g = 0), g ? (p["grid-gap"] = g + "px", p.padding = g + "px") : m && (e.style += ";border-left:0;border-top:0");
+        var b = [],
+          x = [],
+          w = [],
+          k = {};
+        ! function i(e) {
+          for (var s = 0; s < e.length; s++)
+            if ("tr" === e[s].name) x.push(e[s]);
+            else if ("colgroup" === e[s].name) {
+            var n, a = 1,
+              r = t(e[s].children || []);
+            try {
+              for (r.s(); !(n = r.n()).done;) {
+                var o = n.value;
+                if ("col" === o.name) {
+                  var l = o.attrs.style || "",
+                    h = l.indexOf("width") ? l.indexOf(";width") : 0;
+                  if (-1 !== h) { var c = l.indexOf(";", h + 6); - 1 === c && (c = l.length), b[a] = l.substring(h ? h + 7 : 6, c) } a += 1
+                }
+              }
+            } catch (t) { r.e(t) } finally { r.f() }
+          } else i(e[s].children || [])
+        }(s);
+        for (var N = 1; N <= x.length; N++) {
+          for (var T = 1, O = 0; O < x[N - 1].children.length; O++) {
+            var j = x[N - 1].children[O];
+            if ("td" === j.name || "th" === j.name) {
+              for (; k[N + "." + T];) T++;
+              j.c = 1;
+              var S = j.attrs.style || "",
+                C = S.indexOf("width") ? S.indexOf(";width") : 0;
+              if (-1 !== C) { var A = S.indexOf(";", C + 6); - 1 === A && (A = S.length), j.attrs.colspan || (b[T] = S.substring(C ? C + 7 : 6, A)), S = S.substr(0, C) + S.substr(A) }
+              if (S += ";display:flex;flex-direction:column", -1 !== (C = S.indexOf("vertical-align"))) {
+                var I = S.substr(C + 15, 10);
+                I.includes("middle") ? S += ";justify-content:center" : I.includes("bottom") && (S += ";justify-content:flex-end")
+              } else S += ";justify-content:center";
+              if (-1 !== (C = S.indexOf("text-align"))) {
+                var L = S.substr(C + 11, 10);
+                L.includes("center") ? S += ";justify-content: center" : L.includes("right") && (S += ";justify-content: right")
+              }
+              if (S = (m ? ";border:".concat(m, "px ").concat(y || "solid", " ").concat(v || "gray") + (g ? "" : ";border-right:0;border-bottom:0") : "") + (f ? ";padding:".concat(f, "px") : "") + ";" + S, j.attrs.colspan && (S += ";grid-column-start:".concat(T, ";grid-column-end:").concat(T + parseInt(j.attrs.colspan)), j.attrs.rowspan || (S += ";grid-row-start:".concat(N, ";grid-row-end:").concat(N + 1)), T += parseInt(j.attrs.colspan) - 1), j.attrs.rowspan) {
+                S += ";grid-row-start:".concat(N, ";grid-row-end:").concat(N + parseInt(j.attrs.rowspan)), j.attrs.colspan || (S += ";grid-column-start:".concat(T, ";grid-column-end:").concat(T + 1));
+                for (var z = 1; z < j.attrs.rowspan; z++)
+                  for (var F = 0; F < (j.attrs.colspan || 1); F++) k[N + z + "." + (T - F)] = 1
+              }
+              S && (j.attrs.style = S), w.push(j), T++
+            }
+          }
+          if (1 === N) {
+            for (var q = "", U = 1; U < T; U++) q += (b[U] ? b[U] : "auto") + " ";
+            p["grid-template-columns"] = q
+          }
+        }
+        i.children = w
+      } else i.c && (p.display = "table"), isNaN(g) || (p["border-spacing"] = g + "px"), (m || f || i.c) && function t(e) {
+        for (var s = 0; s < e.length; s++) {
+          var n = e[s];
+          i.c && (n.c = 1), "th" === n.name || "td" === n.name ? (m && (n.attrs.style = "border:".concat(m, "px ").concat(y || "solid", " ").concat(v || "gray", ";").concat(n.attrs.style || "")), f && (n.attrs.style = "padding:".concat(f, "px;").concat(n.attrs.style || ""))) : n.children && t(n.children)
+        }
+      }(s);
+      if (this.options.scrollTable && !(e.style || "").includes("inline")) {
+        var V = Object.assign({}, i);
+        i.name = "div", i.attrs = { style: "overflow-x:auto;padding:1px" }, i.children = [V], e = V.attrs
+      }
+    } else if (("tbody" === i.name || "tr" === i.name) && i.flag && i.c) i.flag = void 0,
+    function t(i) {
+      for (var e = 0; e < i.length; e++)
+        if ("td" === i[e].name)
+          for (var s = 0, n = ["color", "background", "background-color"]; s < n.length; s++) {
+            var a = n[s];
+            p[a] && (i[e].attrs.style = a + ":" + p[a] + ";" + (i[e].attrs.style || ""))
+          } else t(i[e].children || [])
+    }(s);
+  else if ("td" !== i.name && "th" !== i.name || !e.colspan && !e.rowspan) { if ("ruby" === i.name) { i.name = "span"; for (var D = 0; D < s.length - 1; D++) "text" === s[D].type && "rt" === s[D + 1].name && (s[D] = { name: "span", attrs: { style: "display:inline-block;text-align:center" }, children: [{ name: "div", attrs: { style: "font-size:50%;" + (s[D + 1].attrs.style || "") }, children: s[D + 1].children }, s[D]] }, s.splice(D + 1, 1)) } } else
+    for (var B = this.stack.length; B--;) "table" !== this.stack[B].name && "tbody" !== this.stack[B].name && "tr" !== this.stack[B].name || (this.stack[B].flag = 1);
+  else {
+    var M = { a: "lower-alpha", A: "upper-alpha", i: "lower-roman", I: "upper-roman" };
+    M[e.type] && (e.style += ";list-style-type:" + M[e.type], e.type = void 0), i.c = 1;
+    for (var P = s.length; P--;) "li" === s[P].name && (s[P].c = 1)
+  } else i.name = "span";
+  if ((p.display || "").includes("flex") && !i.c)
+    for (var Z = s.length; Z--;) {
+      var _ = s[Z];
+      _.f && (_.attrs.style = (_.attrs.style || "") + _.f, _.f = void 0)
+    }
+  var E = n && ((n.attrs.style || "").includes("flex") || (n.attrs.style || "").includes("grid")) && !i.c;
+  E && (i.f = ";max-width:100%"), s.length >= 50 && i.c && !(p.display || "").includes("flex") && a(s);
+  for (var G in p)
+    if (p[G]) {
+      var W = ";".concat(G, ":").concat(p[G].replace(" !important", ""));
+      E && (G.includes("flex") && "flex-direction" !== G || "align-self" === G || G.includes("grid") || "-" === p[G][0] || G.includes("width") && W.includes("%")) ? (i.f += W, "width" === G && (e.style += ";width:100%")) : e.style += W
+    } e.style = e.style.substr(1) || void 0
+}, r.prototype.onText = function(t) {
+  if (!this.pre) {
+    for (var i, e = "", s = 0, a = t.length; s < a; s++) u[t[s]] ? (" " !== e[e.length - 1] && (e += " "), "\n" !== t[s] || i || (i = !0)) : e += t[s];
+    if (" " === e && i) return;
+    t = e
+  }
+  var r = Object.create(null);
+  if (r.type = "text", r.text = n(t), this.hook(r)) {
+    (this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes).push(r)
+  }
+}, o.prototype.parse = function(t) { this.content = t || "", this.i = 0, this.start = 0, this.state = this.text; for (var i = this.content.length; - 1 !== this.i && this.i < i;) this.state() }, o.prototype.checkClose = function(t) { var i = "/" === this.content[this.i]; return !!(">" === this.content[this.i] || i && ">" === this.content[this.i + 1]) && (t && this.handler[t](this.content.substring(this.start, this.i)), this.i += i ? 2 : 1, this.start = this.i, this.handler.onOpenTag(i), "script" === this.handler.tagName ? (this.i = this.content.indexOf("</", this.i), -1 !== this.i && (this.i += 2, this.start = this.i), this.state = this.endTag) : this.state = this.text, !0) }, o.prototype.text = function() {
+  if (this.i = this.content.indexOf("<", this.i), -1 === this.i) return void(this.start < this.content.length && this.handler.onText(this.content.substring(this.start, this.content.length)));
+  var t = this.content[this.i + 1];
+  if (t >= "a" && t <= "z" || t >= "A" && t <= "Z") this.start !== this.i && this.handler.onText(this.content.substring(this.start, this.i)), this.start = ++this.i, this.state = this.tagName;
+  else if ("/" === t || "!" === t || "?" === t) { this.start !== this.i && this.handler.onText(this.content.substring(this.start, this.i)); var i = this.content[this.i + 2]; if ("/" === t && (i >= "a" && i <= "z" || i >= "A" && i <= "Z")) return this.i += 2, this.start = this.i, void(this.state = this.endTag); var e = "--\x3e"; "!" === t && "-" === this.content[this.i + 2] && "-" === this.content[this.i + 3] || (e = ">"), this.i = this.content.indexOf(e, this.i), -1 !== this.i && (this.i += e.length, this.start = this.i) } else this.i++
+}, o.prototype.tagName = function() {
+  if (u[this.content[this.i]]) {
+    for (this.handler.onTagName(this.content.substring(this.start, this.i)); u[this.content[++this.i]];);
+    this.i < this.content.length && !this.checkClose() && (this.start = this.i, this.state = this.attrName)
+  } else this.checkClose("onTagName") || this.i++
+}, o.prototype.attrName = function() {
+  var t = this.content[this.i];
+  if (u[t] || "=" === t) {
+    this.handler.onAttrName(this.content.substring(this.start, this.i));
+    for (var i = "=" === t, e = this.content.length; ++this.i < e;)
+      if (t = this.content[this.i], !u[t]) {
+        if (this.checkClose()) return;
+        if (i) return this.start = this.i, void(this.state = this.attrVal);
+        if ("=" !== this.content[this.i]) return this.start = this.i, void(this.state = this.attrName);
+        i = !0
+      }
+  } else this.checkClose("onAttrName") || this.i++
+}, o.prototype.attrVal = function() {
+  var t = this.content[this.i],
+    i = this.content.length;
+  if ('"' === t || "'" === t) {
+    if (this.start = ++this.i, this.i = this.content.indexOf(t, this.i), -1 === this.i) return;
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else
+    for (; this.i < i; this.i++) { if (u[this.content[this.i]]) { this.handler.onAttrVal(this.content.substring(this.start, this.i)); break } if (this.checkClose("onAttrVal")) return }
+  for (; u[this.content[++this.i]];);
+  this.i < i && !this.checkClose() && (this.start = this.i, this.state = this.attrName)
+}, o.prototype.endTag = function() {
+  var t = this.content[this.i];
+  if (u[t] || ">" === t || "/" === t) {
+    if (this.handler.onCloseTag(this.content.substring(this.start, this.i)), ">" !== t && (this.i = this.content.indexOf(">", this.i), -1 === this.i)) return;
+    this.start = ++this.i, this.state = this.text
+  } else this.i++
+}, module.exports = r;

package/yy-html/yy-html.js

@@ -0,0 +1,65 @@
+"use strict";
+
+function e(e, t, n) { return t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e }
+/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t = require("./parser"),
+  n = [];
+Component({
+  data: { nodes: [] },
+  properties: { containerStyle: String, content: { type: String, value: "", observer: function(e) { this.setContent(e) } }, copyLink: { type: Boolean, value: !0 }, domain: String, errorImg: String, lazyLoad: Boolean, loadingImg: String, pauseVideo: { type: Boolean, value: !0 }, previewImg: { type: null, value: !0 }, scrollTable: Boolean, selectable: null, setTitle: { type: Boolean, value: !0 }, showImgMenu: { type: Boolean, value: !0 }, tagStyle: Object, useAnchor: null },
+  created: function() { this.plugins = []; for (var e = n.length; e--;) this.plugins.push(new n[e](this)) },
+  detached: function() { this._hook("onDetached") },
+  methods: {
+    in: function(e, t, n) { e && t && n && (this._in = { page: e, selector: t, scrollTop: n }) },
+    navigateTo: function(t, n) {
+      var i = this;
+      return new Promise(function(o, r) {
+        if (!i.data.useAnchor) return void r(Error("Anchor is disabled"));
+        var a = tt.createSelectorQuery().in(i._in ? i._in.page : i).select((i._in ? i._in.selector : "._root") + (t ? "".concat(">>>", "#").concat(t) : "")).boundingClientRect();
+        i._in ? a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect() : a.selectViewport().scrollOffset(), a.exec(function(t) {
+          if (!t[0]) return void r(Error("Label not found"));
+          var a = t[1].scrollTop + t[0].top - (t[2] ? t[2].top : 0) + (n || parseInt(i.data.useAnchor) || 0);
+          i._in ? i._in.page.setData(e({}, i._in.scrollTop, a)) : tt.pageScrollTo({ scrollTop: a, duration: 300 }), o()
+        })
+      })
+    },
+    getText: function(e) {
+      var t = "";
+      return function e(n) {
+        for (var i = 0; i < n.length; i++) {
+          var o = n[i];
+          if ("text" === o.type) t += o.text.replace(/&amp;/g, "&");
+          else if ("br" === o.name) t += "\n";
+          else {
+            var r = "p" === o.name || "div" === o.name || "tr" === o.name || "li" === o.name || "h" === o.name[0] && o.name[1] > "0" && o.name[1] < "7";
+            r && t && "\n" !== t[t.length - 1] && (t += "\n"), o.children && e(o.children), r && "\n" !== t[t.length - 1] ? t += "\n" : "td" !== o.name && "th" !== o.name || (t += "\t")
+          }
+        }
+      }(e || this.data.nodes), t
+    },
+    getRect: function() { var e = this; return new Promise(function(t, n) { tt.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e) { return e[0] ? t(e[0]) : n(Error("Root label not found")) }) }) },
+    pauseMedia: function() { for (var e = (this._videos || []).length; e--;) this._videos[e].pause() },
+    setPlaybackRate: function(e) { this.playbackRate = e; for (var t = (this._videos || []).length; t--;) this._videos[t].playbackRate(e) },
+    setContent: function(e, n) {
+      var i = this;
+      this.imgList && n || (this.imgList = []), this._videos = [];
+      var o = {},
+        r = new t(this).parse(e);
+      if (n)
+        for (var a = this.data.nodes.length, s = r.length; s--;) o["nodes[".concat(a + s, "]")] = r[s];
+      else o.nodes = r;
+      if (this.setData(o), this.selectComponent("#_root", function(e) { e.root = i, i._hook("onLoad"), i.triggerEvent("load") }), this.data.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        var l = 0,
+          c = function e(t) { t && t.height || (t = {}), t.height === l ? i.triggerEvent("ready", t) : (l = t.height, setTimeout(() => { i.getRect().then(e).catch(e) }, 350)) };
+        this.getRect().then(c).catch(c)
+      } else this.imgList._unloadimgs || this.getRect().then(function(e) { i.triggerEvent("ready", e) }).catch(function() { i.triggerEvent("ready", {}) })
+    },
+    _hook: function(e) { for (var t = n.length; t--;) this.plugins[t][e] && this.plugins[t][e]() }
+  }
+});

package/yy-html/yy-html.json

@@ -0,0 +1,7 @@
+{
+	"component": false,
+	"usingComponents": {
+		"node": "./node/node"
+	}
+
+}

package/yy-html/yy-html.ttml

@@ -0,0 +1,4 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}">
+	<slot tt:if="{{!nodes[0]}}" />
+	<node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" />
+</view>

package/yy-html/yy-html.ttss

@@ -0,0 +1,11 @@
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch
+}
+
+._select {
+  -webkit-user-select: text;
+  user-select: text
+}