@ohu-mobile/core
Version:
109 lines (108 loc) • 4.05 kB
JavaScript
;
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Theme = exports.README = void 0;
var _README = _interopRequireDefault(require("../../../README.md?raw"));
var variables = _interopRequireWildcard(require("./_config/variables"));
var _markdownIt = _interopRequireDefault(require("markdown-it"));
var _highlight = _interopRequireDefault(require("highlight.js"));
require("highlight.js/styles/paraiso-dark.css");
var _vueStrictProp = _interopRequireDefault(require("vue-strict-prop"));
var _vueTsxSupport = require("vue-tsx-support");
require("post-style");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
title: 'Overview/Introduce',
parameters: {
options: {
showPanel: false
},
viewport: {
defaultViewport: 'desktop'
}
}
};
var Markdown = (0, _vueTsxSupport.component)({
props: {
source: (0, _vueStrictProp.default)(String).required
},
data: function data() {
return {
instance: null
};
},
computed: {
html: function html() {
var i = this.instance;
if (i) {
return i.render(this.source);
}
return '';
}
},
created: function created() {
var _this = this;
var md = new _markdownIt.default({
html: true,
highlight: function highlight(str, lang) {
if (lang && _highlight.default.getLanguage(lang)) {
try {
return "<pre class=\"hljs\"><code>".concat(_highlight.default.highlight(str, {
language: lang,
ignoreIllegals: true
}).value, "</code></pre>");
} catch (__) {}
}
return "<pre><code>".concat(md.utils.escapeHtml(str), "</code></pre>");
}
});
this.$on('hook:mounted', function () {
_this.instance = md;
});
},
render: function render() {
var h = arguments[0];
return h("div", {
"class": "markdown-body theme-blue",
"style": {
padding: '30px'
},
"domProps": {
"innerHTML": this.html
}
});
}
});
var README = exports.README = function README() {
return {
render: function render() {
var h = arguments[0];
return h(Markdown, {
"attrs": {
"source": _README.default
}
});
}
};
};
var vars = variables;
var varstr = Object.keys(vars).map(function (key) {
return "".concat(key, ": ").concat(vars[key], ";");
}).join('\n\n');
var Theme = exports.Theme = function Theme() {
return {
render: function render() {
var h = arguments[0];
var source = "\n## Theme Customization\n\nUsers can customize their own theme through the following variables.\n\n```scss\n".concat(varstr, "\n```\n ");
return h(Markdown, {
"attrs": {
"source": source
}
});
}
};
};