@rsmax/ali 1.0.1

package/esm/types/config.d.ts

@@ -0,0 +1,151 @@
+interface WindowConfig {
+    /**
+     * 页面默认标题
+     */
+    defaultTitle?: string;
+    /**
+     * 是否允许下拉刷新。
+     * 默认NO, 备注：下拉刷新生效的前提是allowsBounceVertical 值为 YES
+     */
+    pullRefresh?: 'NO' | 'YES';
+    /**
+     * 是否允许向下拉拽。
+     * 默认 YES, 支持 YES / NO
+     */
+    allowsBounceVertical?: 'YES' | 'NO';
+    /**
+     * 导航栏透明设置。
+     * 默认 none，支持 always 一直透明 / auto 滑动自适应 / none 不透明
+     */
+    transparentTitle?: 'none' | 'always' | 'auto';
+    /**
+     * 是否允许导航栏点击穿透。
+     * 默认 NO，支持 YES / NO
+     */
+    titlePenetrate?: 'YES' | 'NO';
+    /**
+     * 是否进入时显示导航栏的 loading。
+     * 默认 NO，支持 YES / NO
+     */
+    showTitleLoading?: 'YES' | 'NO';
+    /**
+     * 导航栏图片地址
+     */
+    titleImage?: string;
+    /**
+     * 导航栏背景色，十进制颜色值（0-255）
+     */
+    titleBarColor?: string;
+    /**
+     * 页面的背景色，十进制颜色值（0-255）
+     */
+    backgroundColor?: string;
+    /**
+     * 下拉露出显示的背景图底色，十进制颜色值（0-255）
+     */
+    backgroundImageColor?: string;
+    /**
+     * 下拉露出显示的背景图链接
+     */
+    backgroundImageUrl?: string;
+    /**
+     * iOS 用，是否支持手势返回。默认 NO，支持 YES / NO
+     */
+    gestureBack?: 'YES' | 'NO';
+    /**
+     * Android 用，是否显示 WebView 滚动条。
+     * 默认 YES，支持 YES / NO
+     */
+    enableScrollBar?: 'YES' | 'NO';
+    /**
+     * 页面上拉触底时触发时距离页面底部的距离，单位为px。
+     * 相关文档页面事件处理函数
+     * 1.19.0
+     * 目前 iOS 在 page.json 下设置无效，只能全局设置。
+     */
+    onReachBottomDistance?: number;
+}
+/** 页面配置文件 */
+export interface PageConfig extends WindowConfig {
+    /**
+     * 设置导航栏额外图标，目前支持设置属性 icon，值为图标 url（以 https/http 开头）或 base64 字符串，大小建议 30*30 px
+     * 基础库 1.3.0
+     */
+    optionMenu?: Record<string, any>;
+    /**
+     * 设置导航栏图标主题。
+     * “default”为蓝色图标，“light”为白色图标
+     * 支付宝客户端 10.1.52
+     */
+    barButtonTheme?: 'default' | 'light';
+}
+interface TabItem {
+    /**
+     * 设置页面路径
+     */
+    pagePath: string;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 平常图标路径
+     */
+    icon: string;
+    /**
+     * 高亮图标路径
+     */
+    activeIcon?: string;
+}
+/** 全局配置文件 */
+export interface AppConfig {
+    /**
+     * 设置页面路径
+     */
+    pages: string[];
+    /**
+     * 设置默认页面的窗口表现
+     */
+    window?: WindowConfig;
+    /**
+     * 设置底部 tabbar 的表现
+     */
+    tabBar?: {
+        /**
+         * 文字颜色
+         */
+        textColor?: string;
+        /**
+         * 选中文字颜色
+         */
+        selectedColor?: string;
+        /**
+         * 背景色
+         */
+        backgroundColor?: string;
+        /**
+         * 每个 tab 配置
+         */
+        items: TabItem[];
+    };
+    /**
+     * 分包配置
+     */
+    subPackages?: Array<{
+        /**
+         * 分包根目录
+         */
+        root: string;
+        /**
+         * 分包页面路径
+         */
+        pages: string[];
+    }>;
+    plugins?: {
+        [name: string]: {
+            version: string;
+            provider: string;
+        };
+    };
+}
+export {};

package/esm/types/config.js

@@ -0,0 +1 @@
+export {};

package/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from './config';

package/esm/types/index.js

@@ -0,0 +1 @@
+export * from './config';

package/node.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/node');

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@rsmax/ali",
+  "version": "1.0.1",
+  "description": "Rsmax for Ali",
+  "main": "./cjs/index.js",
+  "esnext": "./esm/index.js",
+  "module": "./esm/index.js",
+  "typings": "./esm/index.d.ts",
+  "scripts": {
+    "clean": "rimraf cjs esm tsconfig.tsbuildinfo",
+    "prebuild": "npm run clean",
+    "build": "tsc",
+    "build:cjs": "tsc --module CommonJS --outDir cjs",
+    "test": "vitest run"
+  },
+  "repository": "git+https://github.com/remaxjs/remax.git",
+  "license": "MIT",
+  "dependencies": {
+    "@rsmax/framework-shared": "workspace:*",
+    "@rsmax/runtime": "workspace:*",
+    "@rsmax/shared": "workspace:*",
+    "@rsmax/types": "workspace:*"
+  },
+  "devDependencies": {
+    "@mini-types/alipay": "^3.0.14",
+    "@types/react": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "react": "^18.3.0",
+    "react-test-renderer": "^18.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "d2ff644810449152d124a9da76218bcd9fdfff46"
+}

package/templates/default/base.ejs

@@ -0,0 +1,25 @@
+<template name="REMAX_TPL">
+  <block a:for="{{root.children}}" a:key="{{item.id}}">
+    <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+  </block>
+</template>
+
+<% for (let component of components) { -%>
+  <%_ if (component.type !== 'native') { -%>
+<%- include('./native-component.ejs', {
+      props: component.props,
+      id: component.id,
+      slotView: slotView,
+      type: component.type,
+    })
+-%>
+  <%_ } -%>
+<% } -%>
+
+<template name="REMAX_TPL_1_plain-text">
+  <block>{{item.text}}</block>
+</template>
+
+<template name="REMAX_TPL_1_CONTAINER">
+  <template is="{{'REMAX_TPL_1_' + item.type}}" data="{{item: item}}" />
+</template>

package/templates/default/component.ejs

@@ -0,0 +1,67 @@
+<template name="REMAX_TPL_1_<%=id%>">
+  <<%=id%>
+<% for(let i=0;i < props.length; i++) { -%>
+  <%_ if (props[i] === 'key') { -%>
+    key="{{item.props.__key}}"
+  <%_ } else { -%>
+    <%=props[i]%>="{{item.props['<%=props[i]%>']}}"
+  <%_ } -%>
+<% } -%>
+    <%_ if (type === 'native') { -%>
+    ref="{{item.props['__ref']}}"
+    <%_ } -%>
+  >
+    <%_ if (id === 'swiper') { -%>
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <swiper-item
+      <%_ for(let i=0;i < components.get('swiper-item').props.length; i++) { -%>
+        <%=components.get('swiper-item').props[i]%>="{{item.props['<%=components.get('swiper-item').props[i]%>']}}"
+      <%_ } -%>
+      >
+        <block a:for="{{item.children}}" key="{{item.id}}">
+          <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+        </block>
+      </swiper-item>
+    </block>
+    <%_ } else if (id === 'text') { %>
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <block a:if="{{item.type === 'plain-text'}}">{{item.text}}</block>
+      <template a:else is="REMAX_TPL_1_CONTAINER" data="{{item: item.children[0]}}" />
+    </block>
+    <%_ } else if (id === 'picker') { -%>
+    <view>
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item.children[0]}}" />
+    </view>
+    <%_ } else if (id === 'picker-view') { -%>
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <picker-view-column>
+        <view a:for="{{item.children}}">
+          <template is="REMAX_TPL_1_CONTAINER" data="{{item}}" />
+        </view>
+      </picker-view-column>
+    </block>
+    <%_ } else if (type === 'native') { -%>
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <block a:if="{{item.props['slot']}}">
+        <view
+          slot="{{item.props['slot']}}"
+          <%_ for(let i=0;i < slotView.props.length; i++) { -%>
+          <%=slotView.props[i]%>="{{item.props['<%=slotView.props[i]%>']}}"
+          <%_ } -%>
+        >
+          <block a:for="{{item.children}}" key="{{item.id}}">
+            <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+          </block>
+        </view>
+      </block>
+      <block a:else>
+        <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+      </block>
+    </block>
+    <%_ } else { -%>
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    <%_ } -%>
+  </<%=id%>>
+</template>

package/templates/default/page.ejs

@@ -0,0 +1,32 @@
+<template is="REMAX_TPL" data="{{ root: root }}" />
+
+<template name="REMAX_TPL">
+  <block a:for="{{root.children}}" a:key="{{item.id}}">
+    <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+  </block>
+</template>
+
+<% for (let component of sortBy(Array.from(components.values()), 'id')) { -%>
+  <%_ if (skipComponents.includes(component.id)) {
+    continue;
+   } else { -%>
+<%- include('./component.ejs', {
+      components: components,
+      type: component.type,
+      props: component.props,
+      id: component.id,
+      slotView: slotView
+    })
+-%>
+
+ <%_ } -%>
+<% } -%>
+<template name="REMAX_TPL_1_plain-text">
+  <block>{{item.text}}</block>
+</template>
+
+<template name="REMAX_TPL_1_CONTAINER">
+  <template is="{{'REMAX_TPL_1_' + item.type}}" data="{{item: item}}" />
+</template>
+
+<template is="REMAX_TPL" data="{{ root: modalRoot }}" />

package/templates/static/additional-host-component.ejs

@@ -0,0 +1,9 @@
+<template name="TPL_<%=id%>">
+  <<%=id%>
+<% for (let i = 0; i < props.length; i++) { -%>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}"
+<% } -%>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </<%=id%>>
+</template>

package/templates/static/host-components/block.ejs

@@ -0,0 +1,5 @@
+<template name="TPL_block">
+  <block>
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </block>
+</template>

package/templates/static/host-components/button.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_button">
+  <button <% for (let i = 0; i < props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </button>
+</template>

package/templates/static/host-components/camera.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_camera">
+  <camera <% for (let i = 0; i < props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </camera>
+</template>

package/templates/static/host-components/canvas.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_canvas">
+  <canvas <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </canvas>
+</template>

package/templates/static/host-components/checkbox-group.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_checkbox-group">
+  <checkbox-group <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </checkbox-group>
+</template>

package/templates/static/host-components/checkbox.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_checkbox">
+  <checkbox <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </checkbox>
+</template>

package/templates/static/host-components/contact-button.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_contact-button">
+  <contact-button <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </contact-button>
+</template>

package/templates/static/host-components/cover-image.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_cover-image">
+  <cover-image <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </cover-image>
+</template>

package/templates/static/host-components/cover-view.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_cover-view">
+  <cover-view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </cover-view>
+</template>

package/templates/static/host-components/form.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_form">
+  <form <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </form>
+</template>

package/templates/static/host-components/icon.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_icon">
+  <icon <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </icon>
+</template>

package/templates/static/host-components/image.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_image">
+  <image <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </image>
+</template>

package/templates/static/host-components/input.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_input">
+  <input <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </input>
+</template>

package/templates/static/host-components/label.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_label">
+  <label <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </label>
+</template>

package/templates/static/host-components/lifestyle.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_lifestyle">
+  <lifestyle <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </lifestyle>
+</template>

package/templates/static/host-components/lottie.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_lottie">
+  <lottie <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </lottie>
+</template>

package/templates/static/host-components/map.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_map">
+  <map <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </map>
+</template>

package/templates/static/host-components/movable-area.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_movable-area">
+  <movable-area <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </movable-area>
+</template>

package/templates/static/host-components/movable-view.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_movable-view">
+  <movable-view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </movable-view>
+</template>

package/templates/static/host-components/navigator.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_navigator">
+  <navigator <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </navigator>
+</template>

package/templates/static/host-components/picker-view-column.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_picker-view-column">
+  <picker-view-column <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </picker-view-column>
+</template>

package/templates/static/host-components/picker-view.ejs

@@ -0,0 +1,13 @@
+<template name="TPL_picker-view">
+  <picker-view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <block a:for="{{node.children}}" key="{{item.id}}">
+      <picker-view-column>
+        <view a:for="{{item.children}}">
+          <template is="TPL_TRAVERSAL" data="{{root: item}}" />
+        </view>
+      </picker-view-column>
+    </block>
+  </picker-view>
+</template>

package/templates/static/host-components/picker.ejs

@@ -0,0 +1,9 @@
+<template name="TPL_picker">
+  <picker <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <view>
+      <template is="TPL_DEFAULT" data="{{root: node.children[0]}}" />
+    </view>
+  </picker>
+</template>

package/templates/static/host-components/plain-text.ejs

@@ -0,0 +1,3 @@
+<template name="TPL_plain-text">
+  <block>{{ node.text }}</block>
+</template>

package/templates/static/host-components/progress.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_progress">
+  <progress <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </progress>
+</template>

package/templates/static/host-components/radio-group.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_radio-group">
+  <radio-group <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </radio-group>
+</template>

package/templates/static/host-components/radio.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_radio">
+  <radio <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </radio>
+</template>

package/templates/static/host-components/rich-text.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_rich-text">
+  <rich-text <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </rich-text>
+</template>

package/templates/static/host-components/scroll-view.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_scroll-view">
+  <scroll-view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </scroll-view>
+</template>

package/templates/static/host-components/slider.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_slider">
+  <slider <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </slider>
+</template>

package/templates/static/host-components/swiper-item.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_swiper-item">
+  <swiper-item <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </swiper-item>
+</template>

package/templates/static/host-components/swiper.ejs

@@ -0,0 +1,13 @@
+<template name="TPL_swiper">
+  <swiper <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <block a:for="{{node.children}}" key="{{item.id}}">
+      <swiper-item <% for(let i=0;i < components.get('swiper-item').props.length; i++) { %>
+         <%=components.get('swiper-item').props[i]%>="{{item.props['<%=components.get('swiper-item').props[i]%>']}}" <% } %>
+      >
+        <template is="TPL_TRAVERSAL" data="{{root: item}}" />
+      </swiper-item>
+    </block>
+  </swiper>
+</template>

package/templates/static/host-components/switch.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_switch">
+  <switch <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </switch>
+</template>

package/templates/static/host-components/text.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_text">
+  <text <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </text>
+</template>