southnote-mini-sdk 1.0.0

package/towxml/config.js

@@ -0,0 +1,291 @@
+module.exports = {
+    // LaTex公式、yuml解析服务架设参见 https://github.com/sbfkcel/markdown-server
+
+    // 数学公式解析API
+    latex:{
+        api:'http://towxml.vvadd.com/?tex'
+    },
+
+    // yuml图解析APPI
+    yuml:{
+        api:'http://towxml.vvadd.com/?yuml'
+    },
+
+    // markdown解析配置，保留需要的选项即可
+    markdown:[
+        'sub',                      // 下标支持
+        'sup',                      // 上标支持
+        'ins',                      // 文本删除线支持
+        'mark',                     // 文本高亮支持
+        'emoji',                    // emoji表情支持
+        'todo'                      // todo支持
+    ],
+
+    // 代码高亮配置，保留需要的选项即可（尽量越少越好，不要随意调整顺序。部分高亮有顺序依赖）
+    highlight:[
+        'c-like',
+        'c',
+        'bash',
+        'css',
+        'dart',
+        'go',
+        'java',
+        'javascript',
+        'json',
+        'less',
+        'scss',
+        'shell',
+        'xml',
+        'htmlbars',
+        'nginx',
+        'php',
+        'python',
+        'python-repl',
+        'typescript',
+        
+        // 'csharp',
+        // 'http',
+        // 'swift',
+        // 'yaml',
+        // 'markdown',
+        // 'powershell',
+        // 'ruby',
+        // 'makefile',
+        // 'lua',
+        // 'stylus',
+        // 'basic',
+        // '1c',
+        // 'abnf',
+        // 'accesslog',
+        // 'actionscript',
+        // 'ada',
+        // 'angelscript',
+        // 'apache',
+        // 'applescript',
+        // 'arcade',
+        // 'cpp',
+        // 'arduino',
+        // 'armasm',
+        // 'asciidoc',
+        // 'aspectj',
+        // 'autohotkey',
+        // 'autoit',
+        // 'avrasm',
+        // 'awk',
+        // 'axapta',
+        // 'bnf',
+        // 'brainfuck',
+        // 'cal',
+        // 'capnproto',
+        // 'ceylon',
+        // 'clean',
+        // 'clojure-repl',
+        // 'clojure',
+        // 'cmake',
+        // 'coffeescript',
+        // 'coq',
+        // 'cos',
+        // 'crmsh',
+        // 'crystal',
+        // 'csp',
+        // 'd',
+        // 'delphi',
+        // 'diff',
+        // 'django',
+        // 'dns',
+        // 'dockerfile',
+        // 'dos',
+        // 'dsconfig',
+        // 'dts',
+        // 'dust',
+        // 'ebnf',
+        // 'elixir',
+        // 'elm',
+        // 'erb',
+        // 'erlang-repl',
+        // 'erlang',
+        // 'excel',
+        // 'fix',
+        // 'flix',
+        // 'fortran',
+        // 'fsharp',
+        // 'gams',
+        // 'gauss',
+        // 'gcode',
+        // 'gherkin',
+        // 'glsl',
+        // 'gml',
+        // 'golo',
+        // 'gradle',
+        // 'groovy',
+        // 'haml',
+        // 'handlebars',
+        // 'haskell',
+        // 'haxe',
+        // 'hsp',
+        // 'hy',
+        // 'inform7',
+        // 'ini',
+        // 'irpf90',
+        // 'isbl',
+        // 'jboss-cli',
+        // 'julia-repl',
+        // 'julia',
+        // 'kotlin',
+        // 'lasso',
+        // 'latex',
+        // 'ldif',
+        // 'leaf',
+        // 'lisp',
+        // 'livecodeserver',
+        // 'livescript',
+        // 'llvm',
+        // 'lsl',
+        // 'mathematica',
+        // 'matlab',
+        // 'maxima',
+        // 'mel',
+        // 'mercury',
+        // 'mipsasm',
+        // 'mizar',
+        // 'mojolicious',
+        // 'monkey',
+        // 'moonscript',
+        // 'n1ql',
+        // 'nim',
+        // 'nix',
+        // 'nsis',
+        // 'objectivec',
+        // 'ocaml',
+        // 'openscad',
+        // 'oxygene',
+        // 'parser3',
+        // 'perl',
+        // 'pf',
+        // 'pgsql',
+        // 'php-template',
+        // 'plaintext',
+        // 'pony',
+        // 'processing',
+        // 'profile',
+        // 'prolog',
+        // 'properties',
+        // 'protobuf',
+        // 'puppet',
+        // 'purebasic',
+        // 'q',
+        // 'qml',
+        // 'r',
+        // 'reasonml',
+        // 'rib',
+        // 'roboconf',
+        // 'routeros',
+        // 'rsl',
+        // 'ruleslanguage',
+        // 'rust',
+        // 'sas',
+        // 'scala',
+        // 'scheme',
+        // 'scilab',
+        // 'smali',
+        // 'smalltalk',
+        // 'sml',
+        // 'sqf',
+        // 'sql',
+        // 'stan',
+        // 'stata',
+        // 'step21',
+        // 'subunit',
+        // 'taggerscript',
+        // 'tap',
+        // 'tcl',
+        // 'thrift',
+        // 'tp',
+        // 'twig',
+        // 'vala',
+        // 'vbnet',
+        // 'vbscript-html',
+        // 'vbscript',
+        // 'verilog',
+        // 'vhdl',
+        // 'vim',
+        // 'x86asm',
+        // 'xl',
+        // 'xquery',
+        // 'zephir'
+    ],
+
+    // wxml原生标签，该系列标签将不会被转换
+    wxml:[
+        'view',
+        'video',
+        'text',
+        'image',
+        'navigator',
+        'swiper',
+        'swiper-item',
+        'block',
+        'form',
+        'input',
+        'textarea',
+        'button',
+        'checkbox-group',
+        'checkbox',
+        'radio-group',
+        'radio',
+        'rich-text',
+
+        // 可以解析的标签（html或markdown中会很少使用）
+        // 'canvas',
+        // 'map',
+        // 'slider',
+        // 'scroll-view',
+        // 'movable-area',
+        // 'movable-view',
+        // 'progress',
+        // 'label',
+        // 'switch',
+        // 'picker',
+        // 'picker-view',
+        // 'switch',
+        // 'contact-button'
+    ],
+
+    // 自定义组件
+    components:[
+        'audio-player',             // 音频组件，建议保留，由于小程序原生audio存在诸多问题，towxml解决了原生音频播放器的相关问题
+        'echarts',                  // echarts图表支持
+        'latex',                    // 数学公式支持
+        'table',                    // 表格支持
+        'todogroup',                // todo支持
+        'yuml',                     // yuml图表支持
+        'img'                       // 图片解析组件
+    ],
+
+    // 保留原本的元素属性（建议不要变动）
+    attrs:[
+        'class',
+        'data',
+        'id',
+        'style'
+    ],
+
+    // 事件绑定方式（catch或bind），catch 会阻止事件向上冒泡。更多请参考：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
+    bindType:'catch',
+
+    // 需要激活的事件
+    events:[
+        // 'touchstart',
+        // 'touchmove',
+        // 'touchcancel',
+        // 'touchend',
+        'tap',                      // 用于元素的点击事件
+        'change',                   // 用于todoList的change事件
+    ],
+
+    // 图片倍数
+    dpr:1,
+
+    // 代码块显示行号
+    showLineNumber:true
+}

package/towxml/decode.js

@@ -0,0 +1,35 @@
+const config = require('./config');
+
+Component({
+	options: {
+		styleIsolation: 'apply-shared'
+	},
+	properties: {
+		nodes: {
+			type: Object,
+			value: {}
+		}
+	},
+	lifetimes: {
+		attached: function () {
+			const _ts = this;
+
+			config.events.forEach(item => {
+				_ts['_' + item] = function (...arg) {
+					if (global._events && typeof global._events[item] === 'function') {
+						global._events[item](...arg);
+					}
+				};
+			});
+		}
+  },
+  methods: {
+    // ✅ 新增：链接点击，往外 triggerEvent
+    _linkTap(e) {
+      const href = e.currentTarget.dataset.href || ''
+      if (!href) return
+      // 一路向上冒泡，直到 towxml 组件再到 wiki-renderer
+      this.triggerEvent('linktap', { href }, { bubbles: true, composed: true })
+    }
+  }
+})

package/towxml/decode.json

@@ -0,0 +1,11 @@
+{
+  "component": true,
+  "usingComponents": {
+    "decode": "./decode",
+    "latex": "./latex/latex",
+    "table": "./table/table",
+    "todogroup": "./todogroup/todogroup",
+    "yuml": "./yuml/yuml",
+    "img": "./img/img"
+  }
+}

package/towxml/decode.wxml

@@ -0,0 +1,137 @@
+<block wx:for="{{nodes.children}}" wx:for-index="i" wx:for-item="item" wx:key="i">
+  <block wx:if="{{item.tag===undefined}}">{{item.text}}</block>
+  <block wx:if="{{item.tag==='view'}}">
+    <block wx:if="{{item.rely}}">
+      <view data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </view>
+    </block>
+    <block wx:else>
+      <view class="h2w__viewParent">
+        <view data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+          <decode wx:if="{{item.children}}" nodes="{{item}}" />
+        </view>
+      </view>
+    </block>
+  </block>
+  <block wx:if="{{item.tag==='video'}}">
+    <view class="h2w__videoParent"><video data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap" poster="{{item.attrs.poster}}" src="{{item.attrs.src}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </video></view>
+  </block>
+  <block wx:if="{{item.tag==='text'}}">
+    <view class="h2w__textParent"><text data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </text></view>
+  </block>
+  <block wx:if="{{item.tag==='image'}}">
+    <view class="h2w__imageParent">
+      <image data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap" src="{{item.attrs.src}}" mode="{{item.attrs.mode ? item.attrs.mode : 'widthFix'}}" lazy-load="{{item.attr['lazy-load']}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </image>
+    </view>
+  </block>
+  <!-- 改后：不用 navigator，改用 view + bindtap 把 href 往外传 -->
+  <block wx:if="{{item.tag==='navigator'}}">
+    <view class="h2w__navigatorParent">
+      <view class="{{item.attrs.class}}" style="{{item.attrs.style}}" data-href="{{item.attrs.href}}" bindtap="_linkTap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </view>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='swiper'}}">
+    <view class="h2w__swiperParent">
+      <swiper data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </swiper>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='swiper-item'}}">
+    <view class="h2w__swiper-itemParent">
+      <swiper-item data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </swiper-item>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='block'}}">
+    <view class="h2w__blockParent">
+      <block data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </block>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='form'}}">
+    <view class="h2w__formParent">
+      <form data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </form>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='input'}}">
+    <view class="h2w__inputParent"><input data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+      <decode wx:if="{{item.children}}" nodes="{{item}}" /></input>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='textarea'}}">
+    <view class="h2w__textareaParent"><textarea data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap"><decode wx:if="{{item.children}}" nodes="{{item}}"/></textarea></view>
+  </block>
+  <block wx:if="{{item.tag==='button'}}">
+    <view class="h2w__buttonParent"><button data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </button></view>
+  </block>
+  <block wx:if="{{item.tag==='checkbox-group'}}">
+    <view class="h2w__checkbox-groupParent">
+      <checkbox-group data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap" catch:change="_change" bindchange="{{item.attrs.bindchange}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </checkbox-group>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='checkbox'}}">
+    <view class="h2w__checkboxParent">
+      <checkbox data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap" checked="{{item.attrs.checked}}" value="{{item.attrs.value}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </checkbox>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='radio-group'}}">
+    <view class="h2w__radio-groupParent">
+      <radio-group data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </radio-group>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='radio'}}">
+    <view class="h2w__radioParent">
+      <radio data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" id="{{item.attrs.id}}" style="{{item.attrs.style}}" catch:tap="_tap" checked="{{item.attrs.checked}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </radio>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='rich-text'}}">
+    <view class="h2w__rich-textParent">
+      <rich-text data-data="{{item}}" class="{{item.attrs.class}}" data="{{item.attrs.data}}" style="{{item.attrs.style}}" catch:tap="_tap" nodes="{{item.children}}">
+        <decode wx:if="{{item.children}}" nodes="{{item}}" />
+      </rich-text>
+    </view>
+  </block>
+  <block wx:if="{{item.tag==='audio-player'}}">
+    <audio-player data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='echarts'}}">
+    <echarts data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='latex'}}">
+    <latex data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='table'}}">
+    <table data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='todogroup'}}">
+    <todogroup data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='yuml'}}">
+    <yuml data="{{item}}" data-data="{{item}}" catch:tap="_tap" />
+  </block>
+  <block wx:if="{{item.tag==='img'}}"><img data="{{item}}" data-data="{{item}}" catch:tap="_tap" /></block>
+</block>

package/towxml/img/img.js

@@ -0,0 +1,98 @@
+const config = require('../config');
+Component({
+	options: {
+		styleIsolation: 'shared'
+	},
+	properties: {
+		data: {
+			type: Object,
+			value: {}
+		}
+	},
+	data: {
+		attr:{
+			src:'',
+			class:'',
+			style:''
+		},
+		size:{
+			w:0,
+			h:0
+		},
+		styleObj:{}
+	},
+	lifetimes:{
+		attached:function(){
+			const _ts = this;
+			let dataAttr = this.data.data.attrs;
+
+			// 将图片大小处理到对象中
+			if(dataAttr.width){
+				_ts.data.size.w = +dataAttr.width / config.dpr;
+			};
+
+			if(dataAttr.height){
+				_ts.data.size.h = +dataAttr.height / config.dpr;
+			};
+
+			// 将样式合并到样式对象中
+			if(dataAttr.style){
+				let re = /;\s{0,}/ig;
+				dataAttr.style = dataAttr.style.replace(re,';');
+				dataAttr.style.split(';').forEach(item => {
+					let itemArr = item.split(':');
+					if(/^(width|height)$/i.test(itemArr[0])){
+						let num = parseInt(itemArr[1]) || 0,
+							key = '';
+						// itemArr[1] = num / config.dpr + itemArr[1].replace(num,'');
+						switch (itemArr[0].toLocaleLowerCase()) {
+							case 'width':
+								key = 'w';
+							break;
+							case 'height':
+								key = 'h';
+							break;
+						};
+						_ts.data.size[key] = num / config.dpr;
+					}else{
+						_ts.data.styleObj[itemArr[0]] = itemArr[1];
+					};
+				});
+			};
+
+			// 设置公式图片
+			_ts.setData({
+				attrs:{
+					src:dataAttr.src,
+					class:dataAttr.class,
+					style:_ts.setStyle(_ts.data.styleObj)
+				},
+				size:_ts.data.size
+			});
+		}
+	},
+	methods: {
+		// 设置图片样式
+		setStyle:function(o){
+			let str = ``;
+			for(let key in o){
+				str += `${key}:${o[key]};`;
+			};
+			return str;
+		},
+
+		// 图片加载完成设置图片大小
+		load:function(e){
+			const _ts = this;
+
+			if(!_ts.data.size.w || !_ts.data.size.h){
+				_ts.setData({
+					size:{
+						w:e.detail.width / config.dpr,
+						h:e.detail.height / config.dpr
+					}
+				});
+			};
+		}
+	}
+})

package/towxml/img/img.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/towxml/img/img.wxml

@@ -0,0 +1 @@
+<image class="{{attrs.class}}" lazy-load="true" mode="{{attrs.mode || 'widthFix'}}" src="{{attrs.src}}" style="{{attrs.style}} width:{{size.w}}px;height:{{size.h}}px;" bindload="load"></image>

package/towxml/index.js

@@ -0,0 +1,19 @@
+const md = require('./parse/markdown/index'),
+    parse = require('./parse/index')
+
+module.exports = (str,type,option)=>{
+    option = option || {};
+    let result;
+    switch (type) {
+        case 'markdown':
+            result = parse(md(str),option);
+        break;
+        case 'html':
+            result = parse(str,option);
+        break;
+        default:
+            throw new Error('Invalid type, only markdown and html are supported');
+        break;
+    };
+    return result;
+};

package/towxml/latex/latex.js

@@ -0,0 +1,53 @@
+const config = require('../config');
+Component({
+	options: {
+		styleIsolation: 'shared'
+	},
+	properties: {
+		data: {
+			type: Object,
+			value: {}
+		}
+	},
+	data: {
+		attr:{
+			src:'',
+			class:''
+		},
+		size:{
+			w:0,
+			h:0
+		}
+	},
+	lifetimes:{
+		attached:function(){
+			const _ts = this;
+			let dataAttr = this.data.data.attrs;
+
+			// 设置公式图片
+			_ts.setData({
+				attrs:{
+					src:`${config.latex.api}=${dataAttr.value}&theme=${global._theme}`,
+					class:`${dataAttr.class} ${dataAttr.class}--${dataAttr.type}`
+				}
+			});
+		}
+	},
+	methods: {
+		load:function(e){
+			const _ts = this;
+
+			// 公式图片加载完成则根据其图片大小、类型计算其显示的合适大小
+			let scale = 20,
+				w = e.detail.width / scale,
+				h = e.detail.height /scale;
+
+			_ts.setData({
+				size:{
+					w:w,
+					h:h
+				}
+			});
+		}
+	}
+})

package/towxml/latex/latex.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/towxml/latex/latex.wxml

@@ -0,0 +1 @@
+<image class="{{attrs.class}}" lazy-load="true" src="{{attrs.src}}" style="width:{{size.w}}em; height:{{size.h}}em;" bindload="load"></image>