Initial commit

wechat-mini-program/components/mp-html/plugins/highlight/miniprogram/build.js

@@ -0,0 +1,88 @@
+const config = require('../config')
+
+const build = {
+  import: 'prism.css',
+  handler (file) {
+    if (file.path.includes('prism.css')) {
+      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
+      file.contents = Buffer.from(file.contents.toString().replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="?language-"?\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-'))
+    }
+  }
+}
+
+if (config.showLanguageName || config.showLineNumber) {
+  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
+  build.style = `.hl-pre {
+  position: relative;
+}
+.hl-code {
+  overflow: auto;
+  display: block;
+}`
+}
+
+if (config.copyByLongPress) {
+  build.template = '<rich-text wx:if="{{n.attrs[\'data-content\']}}" nodes="{{[n]}}" data-content="{{n.attrs[\'data-content\']}}" data-lang="{{n.attrs[\'data-lang\']}}" bindlongpress="copyCode" />'
+  build.methods = {
+    copyCode (e) {
+      wx.showActionSheet({
+        itemList: ['复制代码'],
+        success: () =>
+          wx.setClipboardData({
+            data: e.currentTarget.dataset.content
+          })
+      })
+    }
+  }
+}
+
+if (config.showLanguageName) {
+  build.style = (build.style || '') +
+    `.hl-language {
+  font-size: 12px;
+  font-weight: 600;
+  position: absolute;
+  right: 8px;
+  text-align: right;
+  top: 3px;
+}
+.hl-pre {
+  padding-top: 1.5em;
+}`
+}
+
+if (config.showLineNumber) {
+  build.style = (build.style || '') +
+    `.hl-pre {
+  font-size: 14px;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+.line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: ${config.showLanguageName ? 1.5 : 1}em;
+  font-size: 100%;
+  left: 0;
+  width: 3em; /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid #999;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.line-numbers-rows .span {
+  display: block;
+  counter-increment: linenumber;
+} 
+.line-numbers-rows .span:before {
+  content: counter(linenumber);
+  color: #999;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}`
+}
+
+module.exports = build