vitepress-theme-element-plus 0.0.5 → 0.0.7

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import { mdExternalLinkIcon } from "./markdown/plugins/external-link-icon.mjs";
 import { mdTableWrapper } from "./markdown/plugins/table-wrapper.mjs";
 import { mdTag } from "./markdown/plugins/tag.mjs";
+import { mdElementPlusTaskList } from "./markdown/plugins/task-list.mjs";
 import { mdTooltip } from "./markdown/plugins/tooltip.mjs";
-export { mdExternalLinkIcon, mdTableWrapper, mdTag, mdTooltip };
+export { mdExternalLinkIcon, mdTableWrapper, mdTag, mdElementPlusTaskList as mdTaskList, mdTooltip };

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import mdExternalLinkIcon from "./markdown/plugins/external-link-icon.mjs";
 import mdTableWrapper from "./markdown/plugins/table-wrapper.mjs";
 import mdTag from "./markdown/plugins/tag.mjs";
+import { mdElementPlusTaskList } from "./markdown/plugins/task-list.mjs";
 import mdTooltip from "./markdown/plugins/tooltip.mjs";
 
-export { mdExternalLinkIcon, mdTableWrapper, mdTag, mdTooltip };
+export { mdExternalLinkIcon, mdTableWrapper, mdTag, mdElementPlusTaskList as mdTaskList, mdTooltip };

package/dist/markdown/plugins/task-list.d.mts

@@ -0,0 +1,13 @@
+import { PluginWithOptions } from "markdown-it";
+
+//#region node/markdown/plugins/task-list.d.ts
+interface ElementPlusTaskListOptions {
+  disabled?: boolean;
+  itemClass?: string;
+  listClass?: string;
+  checkboxClass?: string;
+  labelClass?: string;
+}
+declare const mdElementPlusTaskList: PluginWithOptions<ElementPlusTaskListOptions>;
+//#endregion
+export { mdElementPlusTaskList };

package/dist/markdown/plugins/task-list.mjs

@@ -0,0 +1,51 @@
+//#region node/markdown/plugins/task-list.ts
+function startsWithTask(token) {
+	return token.type === "inline" && /^\[[x \u00A0]\][ \u00A0]/i.test(token.content);
+}
+function isTaskListItem(tokens, index) {
+	return startsWithTask(tokens[index]) && tokens[index - 1]?.type === "paragraph_open" && tokens[index - 2]?.type === "list_item_open";
+}
+function html(state, content) {
+	const token = new state.Token("html_inline", "", 0);
+	token.content = content;
+	return token;
+}
+function addClass(token, className) {
+	if (!token) return;
+	const current = token.attrGet("class");
+	if (!current) {
+		token.attrSet("class", className);
+		return;
+	}
+	if (current.split(/\s+/).includes(className)) return;
+	token.attrSet("class", `${current} ${className}`);
+}
+const mdElementPlusTaskList = (md, { disabled = true, itemClass = "ep-task-list__item", listClass = "ep-task-list", checkboxClass = "ep-task-list__checkbox", labelClass = "ep-task-list__label" } = {}) => {
+	md.core.ruler.after("inline", "ep-task-list", (state) => {
+		const { tokens, env } = state;
+		env.epTaskId ||= 0;
+		for (let i = 2; i < tokens.length; i++) {
+			if (!isTaskListItem(tokens, i)) continue;
+			const inlineToken = tokens[i];
+			const listItemToken = tokens[i - 2];
+			const parentListToken = tokens.findLast((token, idx) => idx < i - 2 && token.level === listItemToken.level - 1 && token.type.endsWith("list_open"));
+			addClass(listItemToken, itemClass);
+			addClass(parentListToken, listClass);
+			const textToken = inlineToken.children?.find((child) => child.type === "text");
+			if (!textToken) continue;
+			const checked = /^\[x\]/i.test(textToken.content);
+			textToken.content = textToken.content.replace(/^\[[x \u00A0]\][ \u00A0]?/i, "");
+			const id = `ep-task-${env.epTaskId++}`;
+			const input = `<span class="el-checkbox__input${checked ? " is-checked" : ""}${disabled ? " is-disabled" : ""}">
+        <span class="el-checkbox__inner"></span>
+        <input id="${id}" class="el-checkbox__original" type="checkbox" ${checked ? "checked" : ""} ${disabled ? "disabled" : ""} aria-checked="${checked ? "true" : "false"}" role="presentation">
+      </span>`;
+			inlineToken.children.unshift(html(state, `<label class="el-checkbox ${checkboxClass}" for="${id}" role="checkbox" aria-checked="${checked ? "true" : "false"}">`), html(state, `${input}<span class="el-checkbox__label ${labelClass}">`));
+			inlineToken.children.push(html(state, "</span></label>"));
+		}
+		return true;
+	});
+};
+
+//#endregion
+export { mdElementPlusTaskList };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vitepress-theme-element-plus",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "A VitePress theme for Element Plus",
   "author": "Hezhengxu",
   "license": "MIT",

package/styles/base.scss

@@ -35,3 +35,15 @@ body {
 main {
   display: block;
 }
+
+a,
+area,
+button,
+[role=button],
+input,
+label,
+select,
+summary,
+textarea {
+  touch-action: manipulation
+}

package/styles/doc-content.scss

@@ -159,4 +159,73 @@
       margin: 20px 0;
     }
   }
+
+  blockquote {
+    margin: 1rem 0;
+    border-left: .2rem solid var(--el-border-color);
+    padding: .25rem 0 .25rem 1rem;
+    font-size: 1rem;
+    color: var(--text-color-lighter)
+  }
+
+  blockquote>p {
+    margin: 0
+  }
+
+  form {
+    margin: 0
+  }
+
+  details summary {
+    margin: 16px 0;
+    font-size: 18px;
+    font-weight: 600;
+    cursor: pointer
+  }
+
+  figure {
+    margin: 0
+  }
+
+  img {
+    max-width: 100%
+  }
+
+  ul,
+  ol {
+    padding-left: 1.25em;
+  }
+
+  li>ul,
+  li>ol {
+    margin: 0
+  }
+
+  p,
+  ol,
+  ul {
+    margin: 1rem 0;
+    line-height: 1.7;
+    list-style-type: disc
+  }
+
+  ol>li {
+    list-style: auto
+  }
+
+  .ep-task-list {
+    padding-left: 0;
+
+    &>li {
+      list-style: none;
+    }
+  }
+
+  hr {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: 0;
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
 }
+

package/styles/tag-content.scss

@@ -1,6 +1,6 @@
 .vp-tag {
-  --vp-tag-color: var(--el-color-primary);
-  --vp-tag-border-color: var(--el-color-primary);
+  --vp-tag-color: var(--vp-c-brand);
+  --vp-tag-border-color: var(--vp-c-brand);
 
   display: inline-block;
   padding: 0 7px;