-
{{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
-
Installed CLI Plugins
-
-
Essential Links
-
-
Ecosystem
-
+
+
-
-
diff --git a/src/components/Loading.vue b/src/components/Loading.vue
new file mode 100644
index 0000000..da6502d
--- /dev/null
+++ b/src/components/Loading.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
diff --git a/src/scripts/format.js b/src/scripts/format.js
new file mode 100644
index 0000000..f9979f1
--- /dev/null
+++ b/src/scripts/format.js
@@ -0,0 +1,83 @@
+(function () {
+ CodeMirror.extendMode('css', {
+ commentStart: '/*',
+ commentEnd: '*/',
+ newlineAfterToken: function (type, content) {
+ return /^[;{}]$/.test(content)
+ }
+ })
+
+ // Comment/uncomment the specified range
+ CodeMirror.defineExtension('commentRange', function (isComment, from, to) {
+ var cm = this; var curMode = CodeMirror.innerMode(cm.getMode(), cm.getTokenAt(from).state).mode
+ cm.operation(function () {
+ if (isComment) { // Comment range
+ cm.replaceRange(curMode.commentEnd, to)
+ cm.replaceRange(curMode.commentStart, from)
+ if (from.line == to.line && from.ch == to.ch) // An empty comment inserted - put cursor inside
+ { cm.setCursor(from.line, from.ch + curMode.commentStart.length) }
+ } else { // Uncomment range
+ var selText = cm.getRange(from, to)
+ var startIndex = selText.indexOf(curMode.commentStart)
+ var endIndex = selText.lastIndexOf(curMode.commentEnd)
+ if (startIndex > -1 && endIndex > -1 && endIndex > startIndex) {
+ // Take string till comment start
+ selText = selText.substr(0, startIndex) +
+ // From comment start till comment end
+ selText.substring(startIndex + curMode.commentStart.length, endIndex) +
+ // From comment end till string end
+ selText.substr(endIndex + curMode.commentEnd.length)
+ }
+ cm.replaceRange(selText, from, to)
+ }
+ })
+ })
+
+ // Applies automatic mode-aware indentation to the specified range
+ CodeMirror.defineExtension('autoIndentRange', function (from, to) {
+ var cmInstance = this
+ this.operation(function () {
+ for (var i = from.line; i <= to.line; i++) {
+ cmInstance.indentLine(i, 'smart')
+ }
+ })
+ })
+
+ // Applies automatic formatting to the specified range
+ CodeMirror.defineExtension('autoFormatRange', function (from, to) {
+ var cm = this
+ var outer = cm.getMode(); var text = cm.getRange(from, to).split('\n')
+ var state = CodeMirror.copyState(outer, cm.getTokenAt(from).state)
+ var tabSize = cm.getOption('tabSize')
+
+ var out = ''; var lines = 0; var atSol = from.ch == 0
+ function newline () {
+ out += '\n'
+ atSol = true
+ ++lines
+ }
+
+ for (var i = 0; i < text.length; ++i) {
+ var stream = new CodeMirror.StringStream(text[i], tabSize)
+ while (!stream.eol()) {
+ var inner = CodeMirror.innerMode(outer, state)
+ var style = outer.token(stream, state); var cur = stream.current()
+ stream.start = stream.pos
+ if (!atSol || /\S/.test(cur)) {
+ out += cur
+ atSol = false
+ }
+ if (!atSol && inner.mode.newlineAfterToken &&
+ inner.mode.newlineAfterToken(style, cur, stream.string.slice(stream.pos) || text[i + 1] || '', inner.state)) { newline() }
+ }
+ if (!stream.pos && outer.blankLine) outer.blankLine(state)
+ if (!atSol) newline()
+ }
+
+ cm.operation(function () {
+ cm.replaceRange(out, from, to)
+ for (var cur = from.line + 1, end = from.line + lines; cur <= end; ++cur) { cm.indentLine(cur, 'smart') }
+ cm.setSelection(from, cm.getCursor(false))
+ })
+ })
+})()
diff --git a/src/scripts/renderers/wx-renderer.js b/src/scripts/renderers/wx-renderer.js
index bf0a1a8..118772a 100644
--- a/src/scripts/renderers/wx-renderer.js
+++ b/src/scripts/renderers/wx-renderer.js
@@ -1,3 +1,4 @@
+import marked from 'marked'
const WxRenderer = function (opts) {
this.opts = opts
let ENV_STRETCH_IMAGE = true
diff --git a/src/scripts/themes/default-theme.js b/src/scripts/themes/default-theme.js
index c58c587..bb9c5ad 100644
--- a/src/scripts/themes/default-theme.js
+++ b/src/scripts/themes/default-theme.js
@@ -1,4 +1,4 @@
-let default_theme = {
+export default {
BASE: {
'text-align': 'left',
'color': '#3f3f3f',
@@ -174,4 +174,4 @@ let default_theme = {
'font-size': '0.8em'
}
}
-};
\ No newline at end of file
+};
diff --git a/src/scripts/util.js b/src/scripts/util.js
index 1dfdd25..6e49f14 100644
--- a/src/scripts/util.js
+++ b/src/scripts/util.js
@@ -1,3 +1,5 @@
+import default_theme from "./themes/default-theme";
+
// 设置自定义颜色
export function setColorWithTemplate (template) {
return function (color) {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index fc2e940..02d9ab5 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,5 @@
-
diff --git a/tests/unit/example.spec.js b/tests/unit/example.spec.js
index f84fb39..71f5d50 100644
--- a/tests/unit/example.spec.js
+++ b/tests/unit/example.spec.js
@@ -2,11 +2,5 @@ import { shallowMount } from '@vue/test-utils'
import HelloWorld from '@/components/HelloWorld.vue'
describe('HelloWorld.vue', () => {
- it('renders props.msg when passed', () => {
- const msg = 'new message'
- const wrapper = shallowMount(HelloWorld, {
- propsData: { msg }
- })
- expect(wrapper.text()).toMatch(msg)
- })
+
})
+