@ant-design/x-markdown-mini 0.1.0-beta.0

package/dist/miniprogram_dist/es/MiniNodeRenderer/index.wxml

@@ -0,0 +1,112 @@
+<wxs src="./index.wxs" module="u" />
+
+<block wx:for="{{nodes}}" wx:for-item="node" wx:for-index="i" wx:key="i">
+  <!-- text leaf -->
+  <text
+    wx:if="{{u.isText(node.name)}}"
+    class="{{u.classOf(node)}}"
+    selectable="{{selectable}}"
+  >{{u.valueOf(node)}}</text>
+
+  <!-- br -->
+  <text wx:elif="{{u.isBr(node.name)}}">{{'\n'}}</text>
+
+  <!-- hr -->
+  <view wx:elif="{{u.isHr(node.name)}}" class="{{u.classOf(node)}}" />
+
+  <!-- img -->
+  <image
+    wx:elif="{{u.isImg(node.name)}}"
+    class="{{u.classOf(node)}}"
+    style="{{u.styleOf(node)}}"
+    src="{{u.srcOf(node)}}"
+    mode="widthFix"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  />
+
+  <!-- pre: scrollable code container -->
+  <scroll-view
+    wx:elif="{{u.isPre(node.name)}}"
+    scroll-x
+    class="{{u.classOf(node)}}"
+    style="{{u.styleOf(node)}}"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  >
+    <mini-node-renderer
+      wx:if="{{node.children}}"
+      generic:custom-slot="custom-slot"
+      nodes="{{node.children}}"
+      selectable="{{selectable}}"
+      animation="{{false}}"
+      slotComponents="{{slotComponents}}"
+      bind:tap="_tap"
+      bind:appear="_appear"
+    />
+  </scroll-view>
+
+  <!-- anchor: kept interactive, children are already flattened text runs -->
+  <text
+    wx:elif="{{node.name === 'a'}}"
+    class="{{u.classOf(node)}}"
+    style="{{u.styleOf(node)}}"
+    selectable="{{selectable}}"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  >
+    <text
+      wx:for="{{node.children}}"
+      wx:for-item="c"
+      wx:for-index="ci"
+      wx:key="ci"
+      class="{{u.classOf(c)}}"
+    >{{u.valueOf(c)}}</text>
+  </text>
+
+  <!-- inline tag rendered as <text>: children are flat text runs -->
+  <text
+    wx:elif="{{u.isInline(node.name)}}"
+    class="{{u.classOf(node)}}"
+    style="{{u.styleOf(node)}}"
+    selectable="{{selectable}}"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  >
+    <text
+      wx:for="{{node.children}}"
+      wx:for-item="c"
+      wx:for-index="ci"
+      wx:key="ci"
+      class="{{u.classOf(c)}}"
+    >{{u.valueOf(c)}}</text>
+  </text>
+
+  <!-- custom component: hand off to host-provided abstract node, keyed by node.tag -->
+  <custom-slot
+    wx:elif="{{u.isSlot(node.name, slotComponents)}}"
+    node="{{node}}"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  />
+
+  <!-- block tag rendered as <view> -->
+  <view
+    wx:else
+    class="{{u.classOf(node)}}"
+    style="{{u.styleOf(node)}}"
+    data-data="{{node}}"
+    catch:tap="_tap"
+  >
+    <mini-node-renderer
+      wx:if="{{node.children}}"
+      generic:custom-slot="custom-slot"
+      nodes="{{node.children}}"
+      selectable="{{selectable}}"
+      animation="{{animation}}"
+      slotComponents="{{slotComponents}}"
+      bind:tap="_tap"
+      bind:appear="_appear"
+    />
+  </view>
+</block>

package/dist/miniprogram_dist/es/MiniNodeRenderer/index.wxs

@@ -0,0 +1,40 @@
+var INLINE = { strong: 1, em: 1, del: 1, code: 1, a: 1, span: 1 };
+
+function isInline(name) { return INLINE[name] === 1; }
+function isText(name) { return name === 'text'; }
+function isBr(name) { return name === 'br'; }
+function isImg(name) { return name === 'img'; }
+function isHr(name) { return name === 'hr'; }
+function isPre(name) { return name === 'pre'; }
+function isSlot(name, slotComponents) {
+  return !!slotComponents && slotComponents.indexOf(name) > -1;
+}
+
+function classOf(node) {
+  var attrs = node.attrs || {};
+  var cls = attrs['class'] || '';
+  if (node.animate) {
+    cls = cls ? cls + ' md-animate-block' : 'md-animate-block';
+  }
+  return cls;
+}
+
+function styleOf(node) { return (node.attrs || {}).style || ''; }
+function srcOf(node)   { return (node.attrs || {}).src || ''; }
+function altOf(node)   { return (node.attrs || {}).alt || ''; }
+function valueOf(node) { return (node.attrs || {}).value || ''; }
+
+module.exports = {
+  isInline: isInline,
+  isText: isText,
+  isBr: isBr,
+  isImg: isImg,
+  isHr: isHr,
+  isPre: isPre,
+  isSlot: isSlot,
+  classOf: classOf,
+  styleOf: styleOf,
+  srcOf: srcOf,
+  altOf: altOf,
+  valueOf: valueOf,
+};

package/dist/miniprogram_dist/es/MiniNodeRenderer/index.wxss

@@ -0,0 +1,11 @@
+.md-animate-block {
+  animation-fill-mode: forwards;
+  animation-name: md-block-appear;
+  animation-timing-function: var(--md-animation-timing, ease-in);
+  animation-duration: var(--md-animation-duration, 300ms);
+}
+
+@keyframes md-block-appear {
+  0%   { opacity: 0; transform: translateY(4rpx); }
+  100% { opacity: 1; transform: translateY(0); }
+}