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

package/dist/es/Markdown/index.acss

@@ -0,0 +1,103 @@
+.md-root {
+  display: block;
+  font-size: 28rpx;
+  line-height: 1.65;
+  color: #1f1f1f;
+  word-break: break-word;
+}
+
+.md-paragraph {
+  display: block;
+  margin: 0 0 16rpx;
+}
+
+.md-heading {
+  display: block;
+  font-weight: 600;
+  margin: 24rpx 0 12rpx;
+  line-height: 1.3;
+}
+.md-h1 { font-size: 44rpx; }
+.md-h2 { font-size: 38rpx; }
+.md-h3 { font-size: 34rpx; }
+.md-h4 { font-size: 30rpx; }
+.md-h5 { font-size: 28rpx; }
+.md-h6 { font-size: 26rpx; color: #666; }
+
+.md-list {
+  display: block;
+  margin: 8rpx 0 16rpx;
+  padding-left: 32rpx;
+}
+.md-list-item {
+  display: list-item;
+  margin: 4rpx 0;
+}
+
+.md-blockquote {
+  display: block;
+  margin: 12rpx 0;
+  padding: 8rpx 16rpx;
+  border-left: 6rpx solid #d9d9d9;
+  color: #555;
+  background: #fafafa;
+}
+
+.md-code-block {
+  display: block;
+  margin: 12rpx 0;
+  padding: 16rpx;
+  background: #f6f8fa;
+  border-radius: 8rpx;
+  overflow-x: auto;
+}
+
+.md-code {
+  display: block;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 26rpx;
+  white-space: pre;
+}
+
+.md-inline-code {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 26rpx;
+  background: #f3f3f3;
+  padding: 0 6rpx;
+  border-radius: 4rpx;
+}
+
+.md-strong { font-weight: 600; }
+.md-em { font-style: italic; }
+
+.md-link {
+  color: #1677ff;
+  text-decoration: underline;
+}
+
+.md-img {
+  display: block;
+  max-width: 100%;
+}
+
+.md-hr {
+  display: block;
+  height: 2rpx;
+  background: #e5e5e5;
+  margin: 16rpx 0;
+}
+
+.md-table {
+  display: block;
+  width: 100%;
+  margin: 12rpx 0;
+  border-collapse: collapse;
+}
+.md-th, .md-td {
+  display: table-cell;
+  padding: 8rpx 12rpx;
+  border: 1rpx solid #e5e5e5;
+}
+.md-th { background: #fafafa; font-weight: 600; }
+
+.md-html { display: block; }

package/dist/es/Markdown/index.axml

@@ -0,0 +1,12 @@
+<view class="md-root {{className}}">
+  <mini-node-renderer
+    nodes="{{nodes}}"
+    selectable="{{selectable}}"
+    animation="{{animation}}"
+    slotComponents="{{slotComponents}}"
+    onTap="onTap"
+    onAppear="onAppear"
+  >
+    <slot slot-scope="prop" data="{{prop.data}}" />
+  </mini-node-renderer>
+</view>

package/dist/es/Markdown/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+// src/components/alipay/Markdown/index.ts
+var import__ = require("../../index.js");
+var import_flattenInline = require("../../shared/flattenInline.js");
+var defaultProps = {
+  content: "",
+  streaming: false,
+  selectable: true,
+  className: "",
+  extensions: null,
+  components: null,
+  footnote: false
+};
+function sameList(a, b) {
+  const x = a != null ? a : [];
+  const y = b != null ? b : [];
+  if (x.length !== y.length) return false;
+  for (let i = 0; i < x.length; i++) if (x[i] !== y[i]) return false;
+  return true;
+}
+Component({
+  props: defaultProps,
+  data: {
+    nodes: [],
+    slotComponents: []
+  },
+  md: null,
+  didMount() {
+    this._build(this.props);
+    this._render(this.props);
+  },
+  didUpdate(prevProps) {
+    const p = this.props;
+    if (!sameList(prevProps.components, p.components) || prevProps.footnote !== p.footnote) {
+      this._build(p);
+      this._render(p);
+      return;
+    }
+    if (prevProps.content !== p.content || prevProps.streaming !== p.streaming || prevProps.selectable !== p.selectable || prevProps.extensions !== p.extensions || prevProps.gfm !== p.gfm || prevProps.breaks !== p.breaks) {
+      this._render(p);
+    }
+  },
+  didUnmount() {
+    var _a;
+    (_a = this.md) == null ? void 0 : _a.reset();
+    this.md = null;
+  },
+  methods: {
+    _build(props) {
+      var _a, _b;
+      const components = (_a = props.components) != null ? _a : [];
+      const extensions = props.footnote ? [(0, import__.Footnote)()] : [];
+      (_b = this.md) == null ? void 0 : _b.reset();
+      this.md = new import__.XMarkdownMini({ escapeText: false, components, extensions });
+      const slotComponents = props.footnote ? components.concat(["footnote"]) : components;
+      this.setData({ slotComponents });
+    },
+    _render(props) {
+      var _a;
+      this.md.renderNodes({
+        content: props.content,
+        platform: "alipay",
+        streaming: props.streaming,
+        selectable: props.selectable,
+        gfm: props.gfm,
+        breaks: props.breaks,
+        extensions: (_a = props.extensions) != null ? _a : void 0,
+        onRenderStart: () => {
+          var _a2;
+          return (_a2 = props.onRenderStart) == null ? void 0 : _a2.call(props);
+        },
+        onRenderProgress: (payload) => {
+          var _a2;
+          return (_a2 = props.onRenderProgress) == null ? void 0 : _a2.call(props, payload);
+        },
+        onRenderComplete: () => {
+          var _a2;
+          return (_a2 = props.onRenderComplete) == null ? void 0 : _a2.call(props);
+        },
+        onPatch: (nodes) => this.setData({ nodes: (0, import_flattenInline.flattenInlineNodes)(nodes) })
+      });
+    },
+    onTap(e) {
+      var _a, _b;
+      (_b = (_a = this.props).onTap) == null ? void 0 : _b.call(_a, e);
+    },
+    onAppear(e) {
+      var _a, _b;
+      (_b = (_a = this.props).onAppear) == null ? void 0 : _b.call(_a, e);
+    }
+  }
+});

package/dist/es/Markdown/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "../MiniNodeRenderer/index"
+  }
+}

package/dist/es/MiniNodeRenderer/index.acss

@@ -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); }
+}

package/dist/es/MiniNodeRenderer/index.axml

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

package/dist/es/MiniNodeRenderer/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/alipay/MiniNodeRenderer/index.ts
+var MiniNodeRenderer_exports = {};
+module.exports = __toCommonJS(MiniNodeRenderer_exports);
+var defaultProps = {
+  nodes: [],
+  selectable: true,
+  animation: false,
+  slotComponents: []
+};
+Component({
+  props: defaultProps,
+  methods: {
+    _tap(e) {
+      var _a, _b;
+      (_b = (_a = this.props).onTap) == null ? void 0 : _b.call(_a, e);
+    },
+    _appear(e) {
+      var _a, _b;
+      (_b = (_a = this.props).onAppear) == null ? void 0 : _b.call(_a, e);
+    }
+  }
+});

package/dist/es/MiniNodeRenderer/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "./index"
+  }
+}

package/dist/es/MiniNodeRenderer/index.sjs

@@ -0,0 +1,63 @@
+var INLINE = { strong: 1, em: 1, del: 1, code: 1, a: 1, span: 1 };
+var BLOCK = {
+  p: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1,
+  div: 1, blockquote: 1, ul: 1, ol: 1, li: 1,
+  pre: 1, hr: 1,
+  table: 1, thead: 1, tbody: 1, tr: 1, th: 1, td: 1,
+};
+
+function isInline(name) { return INLINE[name] === 1; }
+function isBlock(name) { return BLOCK[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) {
+  var attrs = node.attrs || {};
+  return attrs.style || '';
+}
+
+function srcOf(node) {
+  var attrs = node.attrs || {};
+  return attrs.src || '';
+}
+
+function altOf(node) {
+  var attrs = node.attrs || {};
+  return attrs.alt || '';
+}
+
+function valueOf(node) {
+  var attrs = node.attrs || {};
+  return attrs.value || '';
+}
+
+export default {
+  isInline: isInline,
+  isBlock: isBlock,
+  isText: isText,
+  isBr: isBr,
+  isImg: isImg,
+  isHr: isHr,
+  isPre: isPre,
+  isSlot: isSlot,
+  classOf: classOf,
+  styleOf: styleOf,
+  srcOf: srcOf,
+  altOf: altOf,
+  valueOf: valueOf,
+};