优化codemarkd组件样式;优化scroll组件;修复sandbox组件的依赖
parent
0dab86987a
commit
f3a8723b03
|
@ -23,6 +23,7 @@ class Code extends Component {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
padding-bottom: 6px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: #f7f8fb;
|
background: #f7f8fb;
|
||||||
color: var(--color-dark-1);
|
color: var(--color-dark-1);
|
||||||
|
|
|
@ -205,8 +205,6 @@ class Tool {
|
||||||
var isTable = false // 是否表格
|
var isTable = false // 是否表格
|
||||||
var emptyLineLength = 0 //连续空行的数量
|
var emptyLineLength = 0 //连续空行的数量
|
||||||
|
|
||||||
// console.log(lines)
|
|
||||||
|
|
||||||
for (let it of lines) {
|
for (let it of lines) {
|
||||||
let tmp = it.trim()
|
let tmp = it.trim()
|
||||||
|
|
||||||
|
@ -275,7 +273,7 @@ class Tool {
|
||||||
list.push('</tbody></table>')
|
list.push('</tbody></table>')
|
||||||
continue
|
continue
|
||||||
}
|
}
|
||||||
if (list.length === 0 || (!isCodeBlock && emptyLineLength > 0)) {
|
if (list.length === 0 || (!isCodeBlock && emptyLineLength > 1)) {
|
||||||
continue
|
continue
|
||||||
}
|
}
|
||||||
emptyLineLength++
|
emptyLineLength++
|
||||||
|
@ -531,8 +529,8 @@ class Tool {
|
||||||
|
|
||||||
// 引用结束
|
// 引用结束
|
||||||
if (isBlockquote) {
|
if (isBlockquote) {
|
||||||
isBlockquote = false
|
|
||||||
if (emptyLineLength > 1) {
|
if (emptyLineLength > 1) {
|
||||||
|
isBlockquote = false
|
||||||
emptyLineLength = 0
|
emptyLineLength = 0
|
||||||
while (blockquoteLevel > 0) {
|
while (blockquoteLevel > 0) {
|
||||||
blockquoteLevel--
|
blockquoteLevel--
|
||||||
|
|
|
@ -12,7 +12,7 @@ import '../form/checkbox.js'
|
||||||
|
|
||||||
class Markd extends Component {
|
class Markd extends Component {
|
||||||
static props = {
|
static props = {
|
||||||
code: ''
|
code: { type: String, default: '', attribute: false }
|
||||||
}
|
}
|
||||||
|
|
||||||
static styles = css`
|
static styles = css`
|
||||||
|
|
|
@ -174,10 +174,10 @@ class Sandbox extends Component {
|
||||||
<html lang="zh-CN">
|
<html lang="zh-CN">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" href="/dist/css/reset-basic.css">
|
<link rel="stylesheet" href="//jscdn.ink/@bd/ui/latest/css/reset-basic.css">
|
||||||
<style>${this.#cache.css.code}</style>
|
<style>${this.#cache.css.code}</style>
|
||||||
<style>body {padding:32px;}</style>
|
<style>body {padding:32px;}</style>
|
||||||
<script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/2.1.1/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/2.1.5/next.js","@bd/core":"//jscdn.ink/@bd/core/1.9.0/index.js"}}</script>
|
<script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/latest/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/latest/next.js","@bd/core":"//jscdn.ink/@bd/core/latest/index.js"}}</script>
|
||||||
<script type="module">${this.#cache.javascript.code}</script>
|
<script type="module">${this.#cache.javascript.code}</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -18,8 +18,6 @@ class Scroll extends Component {
|
||||||
:host {
|
:host {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
Loading…
Reference in New Issue