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

package/dist/miniprogram_dist/components/Markdown/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+// src/components/wechat/Markdown/index.ts
+var import__ = require("../../index.js");
+var import_flattenInline = require("../../shared/flattenInline.js");
+Component({
+  options: {
+    multipleSlots: true,
+    styleIsolation: "shared"
+  },
+  properties: {
+    content: { type: String, value: "" },
+    streaming: { type: null, value: false },
+    selectable: { type: Boolean, value: true },
+    gfm: { type: null, value: null },
+    breaks: { type: null, value: null },
+    className: { type: String, value: "" },
+    extensions: { type: null, value: null },
+    components: { type: null, value: null },
+    footnote: { type: Boolean, value: false }
+  },
+  data: {
+    nodes: [],
+    slotComponents: []
+  },
+  md: null,
+  lifetimes: {
+    attached() {
+      this._build();
+      this._render();
+    },
+    detached() {
+      var _a;
+      (_a = this.md) == null ? void 0 : _a.reset();
+      this.md = null;
+    }
+  },
+  observers: {
+    // `components` / `footnote` are baked into the marked instance, rebuild on change.
+    "components, footnote"() {
+      if (this.md) {
+        this._build();
+        this._render();
+      }
+    },
+    "content, streaming, selectable, extensions, gfm, breaks"() {
+      if (this.md) this._render();
+    }
+  },
+  methods: {
+    _build() {
+      var _a, _b;
+      const components = (_a = this.data.components) != null ? _a : [];
+      const footnote = !!this.data.footnote;
+      const extensions = footnote ? [(0, import__.Footnote)()] : [];
+      (_b = this.md) == null ? void 0 : _b.reset();
+      this.md = new import__.XMarkdownMini({ escapeText: false, components, extensions });
+      const slotComponents = footnote ? components.concat(["footnote"]) : components;
+      this.setData({ slotComponents });
+    },
+    _render() {
+      var _a, _b, _c;
+      const data = this.data;
+      this.md.renderNodes({
+        content: data.content,
+        platform: "wechat",
+        streaming: data.streaming,
+        selectable: data.selectable,
+        gfm: (_a = data.gfm) != null ? _a : void 0,
+        breaks: (_b = data.breaks) != null ? _b : void 0,
+        extensions: (_c = data.extensions) != null ? _c : void 0,
+        onRenderStart: () => this.triggerEvent("renderstart"),
+        onRenderProgress: (payload) => this.triggerEvent("renderprogress", payload),
+        onRenderComplete: () => this.triggerEvent("rendercomplete"),
+        onPatch: (nodes) => this.setData({ nodes: (0, import_flattenInline.flattenInlineNodes)(nodes) })
+      });
+    },
+    _tap(e) {
+      this.triggerEvent("tap", e);
+    },
+    _appear(e) {
+      this.triggerEvent("appear", e);
+    }
+  }
+});

package/dist/miniprogram_dist/components/Markdown/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "../MiniNodeRenderer/index"
+  },
+  "componentGenerics": {
+    "custom-slot": { "default": "view" }
+  }
+}

package/dist/miniprogram_dist/components/Markdown/index.wxml

@@ -0,0 +1,11 @@
+<view class="md-root {{className}}">
+  <mini-node-renderer
+    generic:custom-slot="custom-slot"
+    nodes="{{nodes}}"
+    selectable="{{selectable}}"
+    animation="{{animation}}"
+    slotComponents="{{slotComponents}}"
+    bind:tap="_tap"
+    bind:appear="_appear"
+  />
+</view>

package/dist/miniprogram_dist/components/Markdown/index.wxss

@@ -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/miniprogram_dist/components/MiniNodeRenderer/index.js

@@ -0,0 +1,39 @@
+"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/wechat/MiniNodeRenderer/index.ts
+var MiniNodeRenderer_exports = {};
+module.exports = __toCommonJS(MiniNodeRenderer_exports);
+Component({
+  options: {
+    multipleSlots: true,
+    styleIsolation: "shared"
+  },
+  properties: {
+    nodes: { type: Array, value: [] },
+    selectable: { type: Boolean, value: true },
+    animation: { type: Boolean, value: false },
+    // 自定义组件标签白名单：命中的节点交给抽象节点 <custom-slot>（由宿主提供）渲染。
+    slotComponents: { type: Array, value: [] }
+  },
+  methods: {
+    _tap(e) {
+      this.triggerEvent("tap", e, { bubbles: true, composed: true });
+    },
+    _appear(e) {
+      this.triggerEvent("appear", e, { bubbles: true, composed: true });
+    }
+  }
+});

package/dist/miniprogram_dist/components/MiniNodeRenderer/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "./index"
+  },
+  "componentGenerics": {
+    "custom-slot": { "default": "view" }
+  }
+}

package/dist/miniprogram_dist/components/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/components/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/components/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); }
+}

package/dist/miniprogram_dist/es/Markdown/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+// src/components/wechat/Markdown/index.ts
+var import__ = require("../../index.js");
+var import_flattenInline = require("../../shared/flattenInline.js");
+Component({
+  options: {
+    multipleSlots: true,
+    styleIsolation: "shared"
+  },
+  properties: {
+    content: { type: String, value: "" },
+    streaming: { type: null, value: false },
+    selectable: { type: Boolean, value: true },
+    gfm: { type: null, value: null },
+    breaks: { type: null, value: null },
+    className: { type: String, value: "" },
+    extensions: { type: null, value: null },
+    components: { type: null, value: null },
+    footnote: { type: Boolean, value: false }
+  },
+  data: {
+    nodes: [],
+    slotComponents: []
+  },
+  md: null,
+  lifetimes: {
+    attached() {
+      this._build();
+      this._render();
+    },
+    detached() {
+      var _a;
+      (_a = this.md) == null ? void 0 : _a.reset();
+      this.md = null;
+    }
+  },
+  observers: {
+    // `components` / `footnote` are baked into the marked instance, rebuild on change.
+    "components, footnote"() {
+      if (this.md) {
+        this._build();
+        this._render();
+      }
+    },
+    "content, streaming, selectable, extensions, gfm, breaks"() {
+      if (this.md) this._render();
+    }
+  },
+  methods: {
+    _build() {
+      var _a, _b;
+      const components = (_a = this.data.components) != null ? _a : [];
+      const footnote = !!this.data.footnote;
+      const extensions = footnote ? [(0, import__.Footnote)()] : [];
+      (_b = this.md) == null ? void 0 : _b.reset();
+      this.md = new import__.XMarkdownMini({ escapeText: false, components, extensions });
+      const slotComponents = footnote ? components.concat(["footnote"]) : components;
+      this.setData({ slotComponents });
+    },
+    _render() {
+      var _a, _b, _c;
+      const data = this.data;
+      this.md.renderNodes({
+        content: data.content,
+        platform: "wechat",
+        streaming: data.streaming,
+        selectable: data.selectable,
+        gfm: (_a = data.gfm) != null ? _a : void 0,
+        breaks: (_b = data.breaks) != null ? _b : void 0,
+        extensions: (_c = data.extensions) != null ? _c : void 0,
+        onRenderStart: () => this.triggerEvent("renderstart"),
+        onRenderProgress: (payload) => this.triggerEvent("renderprogress", payload),
+        onRenderComplete: () => this.triggerEvent("rendercomplete"),
+        onPatch: (nodes) => this.setData({ nodes: (0, import_flattenInline.flattenInlineNodes)(nodes) })
+      });
+    },
+    _tap(e) {
+      this.triggerEvent("tap", e);
+    },
+    _appear(e) {
+      this.triggerEvent("appear", e);
+    }
+  }
+});

package/dist/miniprogram_dist/es/Markdown/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "../MiniNodeRenderer/index"
+  },
+  "componentGenerics": {
+    "custom-slot": { "default": "view" }
+  }
+}

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

@@ -0,0 +1,11 @@
+<view class="md-root {{className}}">
+  <mini-node-renderer
+    generic:custom-slot="custom-slot"
+    nodes="{{nodes}}"
+    selectable="{{selectable}}"
+    animation="{{animation}}"
+    slotComponents="{{slotComponents}}"
+    bind:tap="_tap"
+    bind:appear="_appear"
+  />
+</view>

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

@@ -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/miniprogram_dist/es/MiniNodeRenderer/index.js

@@ -0,0 +1,39 @@
+"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/wechat/MiniNodeRenderer/index.ts
+var MiniNodeRenderer_exports = {};
+module.exports = __toCommonJS(MiniNodeRenderer_exports);
+Component({
+  options: {
+    multipleSlots: true,
+    styleIsolation: "shared"
+  },
+  properties: {
+    nodes: { type: Array, value: [] },
+    selectable: { type: Boolean, value: true },
+    animation: { type: Boolean, value: false },
+    // 自定义组件标签白名单：命中的节点交给抽象节点 <custom-slot>（由宿主提供）渲染。
+    slotComponents: { type: Array, value: [] }
+  },
+  methods: {
+    _tap(e) {
+      this.triggerEvent("tap", e, { bubbles: true, composed: true });
+    },
+    _appear(e) {
+      this.triggerEvent("appear", e, { bubbles: true, composed: true });
+    }
+  }
+});

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

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+    "mini-node-renderer": "./index"
+  },
+  "componentGenerics": {
+    "custom-slot": { "default": "view" }
+  }
+}