vitepress-theme-teek 1.5.6 → 1.6.0

package/es/components/common/article-page/index.d.ts

@@ -0,0 +1,6 @@
+import { default as ArticlePage } from './src/index.vue';
+import { default as DocAsideOutline } from './src/components/doc-aside-outline.vue';
+export { ArticlePage as TkArticlePage, DocAsideOutline as TkDocAsideOutline };
+export default ArticlePage;
+export type { ArticlePageProps as TkArticlePageProps } from './src/article-page';
+export * from './src/instance';

package/es/components/common/article-page/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './src/index.vue2.mjs';
+export { default as TkDocAsideOutline } from './src/components/doc-aside-outline.vue2.mjs';
+
+
+
+export { _sfc_main as TkArticlePage, _sfc_main as default };

package/es/components/common/article-page/src/components/doc-aside-outline-item.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './doc-aside-outline-item.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/common/article-page/src/components/doc-aside-outline-item.vue2.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode } from 'vue';
+import 'vitepress';
+import { useNamespace } from '../../../../../composables/use-namespace.mjs';
+import 'vitepress-theme-teek/theme-chalk/tk-copy-banner.css';
+import '../../../../../composables/use-z-index.mjs';
+
+const _hoisted_1 = ["href", "title"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DocAsideOutlineItem" },
+  __name: "doc-aside-outline-item",
+  props: {
+    headers: {},
+    root: { type: Boolean }
+  },
+  setup(__props) {
+    const ns = useNamespace("aside-outline-item");
+    function onClick({ target: el }) {
+      const id = el.href.split("#")[1];
+      const heading = document.getElementById(decodeURIComponent(id));
+      heading?.focus({ preventScroll: true });
+    }
+    return (_ctx, _cache) => {
+      const _component_DocAsideOutlineItem = resolveComponent("DocAsideOutlineItem", true);
+      return openBlock(), createElementBlock(
+        "ul",
+        {
+          class: normalizeClass([unref(ns).b(), __props.root ? unref(ns).is("root") : unref(ns).is("nested")])
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(__props.headers, ({ children, link, title }) => {
+              return openBlock(), createElementBlock("li", { key: link }, [
+                createElementVNode("a", {
+                  class: normalizeClass(unref(ns).m("link")),
+                  href: link,
+                  onClick,
+                  title
+                }, toDisplayString(title), 11, _hoisted_1),
+                children?.length ? (openBlock(), createBlock(_component_DocAsideOutlineItem, {
+                  key: 0,
+                  headers: children
+                }, null, 8, ["headers"])) : createCommentVNode("v-if", true)
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/common/article-page/src/components/doc-aside-outline.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './doc-aside-outline.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/common/article-page/src/components/doc-aside-outline.vue2.mjs

@@ -0,0 +1,80 @@
+import { defineComponent, shallowRef, onMounted, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
+import { useData, onContentUpdated } from 'vitepress';
+import { useNamespace } from '../../../../../composables/use-namespace.mjs';
+import 'vitepress-theme-teek/theme-chalk/tk-copy-banner.css';
+import '../../../../../composables/use-z-index.mjs';
+import { getHeaders, useActiveAnchor, resolveTitle } from './outline.mjs';
+import _sfc_main$1 from './doc-aside-outline-item.vue2.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DocAsideOutline" },
+  __name: "doc-aside-outline",
+  setup(__props) {
+    const ns = useNamespace("aside-outline");
+    const { frontmatter, theme } = useData();
+    const headers = shallowRef([]);
+    onContentUpdated(() => {
+      headers.value = getHeaders(frontmatter.value.outline ?? theme.value.outline);
+    });
+    onMounted(() => {
+      if (!headers.value?.length) headers.value = getHeaders(frontmatter.value.outline ?? theme.value.outline);
+    });
+    const container = ref();
+    const marker = ref();
+    useActiveAnchor(container, marker);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "nav",
+        {
+          "aria-labelledby": "doc-outline-aria-label",
+          class: normalizeClass([unref(ns).b(), { "has-outline": headers.value.length > 0 }]),
+          ref_key: "container",
+          ref: container
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("content"))
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).m("marker")),
+                  ref_key: "marker",
+                  ref: marker
+                },
+                null,
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  id: "doc-outline-aria-label",
+                  "aria-level": "2",
+                  class: normalizeClass(unref(ns).m("title")),
+                  role: "heading"
+                },
+                toDisplayString(unref(resolveTitle)(unref(theme))),
+                3
+                /* TEXT, CLASS */
+              ),
+              createVNode(_sfc_main$1, {
+                headers: headers.value,
+                root: true
+              }, null, 8, ["headers"])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/common/article-page/src/components/outline.mjs

@@ -0,0 +1,140 @@
+import { getScrollOffset } from 'vitepress';
+import { onMounted, onUpdated, onUnmounted } from 'vue';
+import { useNamespace } from '../../../../../composables/use-namespace.mjs';
+import 'vitepress-theme-teek/theme-chalk/tk-copy-banner.css';
+import { useDebounce } from '../../../../../composables/use-debounce.mjs';
+import { useMediaQuery } from '../../../../../composables/use-media-query.mjs';
+import '../../../../../composables/use-z-index.mjs';
+
+const ignoreRE = /\b(?:VPBadge|header-anchor|footnote-ref|ignore-header)\b/;
+const resolvedHeaders = [];
+function resolveTitle(theme) {
+  return typeof theme.outline === "object" && !Array.isArray(theme.outline) && theme.outline.label || "On this page";
+}
+function getHeaders(range) {
+  const ns = useNamespace();
+  const headers = [...document.querySelectorAll(`.${ns.join("article-page")} :where(h1,h2,h3,h4,h5,h6)`)].filter((el) => el.id && el.hasChildNodes()).map((el) => {
+    const level = Number(el.tagName[1]);
+    return {
+      element: el,
+      title: serializeHeader(el),
+      link: "#" + el.id,
+      level
+    };
+  });
+  return resolveHeaders(headers, range);
+}
+function serializeHeader(h) {
+  let ret = "";
+  for (const node of h.childNodes) {
+    if (node.nodeType === 1) {
+      if (ignoreRE.test(node.className)) continue;
+      ret += node.textContent;
+    } else if (node.nodeType === 3) {
+      ret += node.textContent;
+    }
+  }
+  return ret.trim();
+}
+function resolveHeaders(headers, range) {
+  if (range === false) {
+    return [];
+  }
+  const levelsRange = (typeof range === "object" && !Array.isArray(range) ? range.level : range) || 2;
+  const [high, low] = typeof levelsRange === "number" ? [levelsRange, levelsRange] : levelsRange === "deep" ? [2, 6] : levelsRange;
+  return buildTree(headers, high, low);
+}
+const useActiveAnchor = (container, marker) => {
+  const is1280 = useMediaQuery("(min-width: 1280px)");
+  const onScroll = useDebounce(setActiveLink, 100);
+  let prevActiveLink = null;
+  onMounted(() => {
+    requestAnimationFrame(setActiveLink);
+    window.addEventListener("scroll", onScroll);
+  });
+  onUpdated(() => {
+    activateLink(location.hash);
+  });
+  onUnmounted(() => {
+    window.removeEventListener("scroll", onScroll);
+  });
+  function setActiveLink() {
+    if (!is1280.value) return;
+    const scrollY = window.scrollY;
+    const innerHeight = window.innerHeight;
+    const offsetHeight = document.body.offsetHeight;
+    const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1;
+    const headers = resolvedHeaders.map(({ element, link }) => ({
+      link,
+      top: getAbsoluteTop(element)
+    })).filter(({ top }) => !Number.isNaN(top)).sort((a, b) => a.top - b.top);
+    if (!headers.length) {
+      activateLink(null);
+      return;
+    }
+    if (scrollY < 1) {
+      activateLink(null);
+      return;
+    }
+    if (isBottom) {
+      activateLink(headers[headers.length - 1].link);
+      return;
+    }
+    let activeLink = null;
+    for (const { link, top } of headers) {
+      if (top > scrollY + getScrollOffset() + 4) break;
+      activeLink = link;
+    }
+    activateLink(activeLink);
+  }
+  function activateLink(hash) {
+    if (prevActiveLink) prevActiveLink.classList.remove("active");
+    if (hash == null) prevActiveLink = null;
+    else prevActiveLink = container.value.querySelector(`a[href="${decodeURIComponent(hash)}"]`);
+    const activeLink = prevActiveLink;
+    if (activeLink) {
+      activeLink.classList.add("active");
+      marker.value.style.top = activeLink.offsetTop + 39 + "px";
+      marker.value.style.opacity = "1";
+    } else {
+      marker.value.style.top = "33px";
+      marker.value.style.opacity = "0";
+    }
+  }
+};
+function getAbsoluteTop(element) {
+  let offsetTop = 0;
+  while (element !== document.body) {
+    if (element === null) {
+      return NaN;
+    }
+    offsetTop += element.offsetTop;
+    element = element.offsetParent;
+  }
+  return offsetTop;
+}
+function buildTree(data, min, max) {
+  resolvedHeaders.length = 0;
+  const result = [];
+  const stack = [];
+  data.forEach((item) => {
+    const node = { ...item, children: [] };
+    let parent = stack[stack.length - 1];
+    while (parent && parent.level >= node.level) {
+      stack.pop();
+      parent = stack[stack.length - 1];
+    }
+    if (node.element.classList.contains("ignore-header") || parent && "shouldIgnore" in parent) {
+      stack.push({ level: node.level, shouldIgnore: true });
+      return;
+    }
+    if (node.level > max || node.level < min) return;
+    resolvedHeaders.push({ element: node.element, link: node.link });
+    if (parent) parent.children.push(node);
+    else result.push(node);
+    stack.push(node);
+  });
+  return result;
+}
+
+export { getHeaders, resolveHeaders, resolveTitle, useActiveAnchor };

package/es/components/common/article-page/src/index.vue.d.ts

@@ -0,0 +1,19 @@
+import { ArticlePageProps } from './article-page';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ArticlePageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ArticlePageProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/common/article-page/src/index.vue2.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, createCommentVNode, renderSlot } from 'vue';
+import 'vitepress';
+import { useNamespace } from '../../../../composables/use-namespace.mjs';
+import 'vitepress-theme-teek/theme-chalk/tk-copy-banner.css';
+import '../../../../composables/use-z-index.mjs';
+import _sfc_main$1 from './components/doc-aside-outline.vue2.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ArticlePage" },
+  __name: "index",
+  props: {
+    doc: { type: Boolean },
+    aside: { type: Boolean }
+  },
+  setup(__props) {
+    const ns = useNamespace("article-page");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b(), unref(ns).is("aside", __props.aside)])
+        },
+        [
+          __props.aside ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("aside"))
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).e("aside__container"))
+                },
+                [
+                  createVNode(_sfc_main$1)
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).join("doc"), { "vp-doc": __props.doc }])
+            },
+            [
+              createElementVNode("div", null, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/common/article-page/src/instance.d.ts

@@ -0,0 +1,4 @@
+import { default as ArticlePage } from './index.vue';
+import { default as DocAsideOutlineItem } from './components/doc-aside-outline-item.vue';
+export type TkArticlePageInstance = InstanceType<typeof ArticlePage>;
+export type TkDocAsideOutlineItemInstance = InstanceType<typeof DocAsideOutlineItem>;

package/es/components/common/avatar/src/avatar.d.ts

@@ -0,0 +1,58 @@
+import { TkIconProps } from '../../icon';
+export interface AvatarProps {
+    /**
+     * 头像大小
+     */
+    size?: string | number;
+    /**
+     * 头像形状
+     *
+     * @default 'circle'
+     */
+    shape?: "circle" | "square";
+    /**
+     * 头像图标
+     */
+    icon?: TkIconProps["icon"];
+    /**
+     * 图标头像大小
+     */
+    iconSize?: string | number;
+    /**
+     * 头像图片地址
+     */
+    src?: string;
+    /**
+     * 头像图片原生 alt 属性
+     */
+    alt?: string;
+    /**
+     * 头像图片原生 srcset 属性
+     */
+    srcSet?: string;
+    /**
+     * 当展示类型为图片的时候，设置图片如何适应容器
+     *
+     * @default 'cover'
+     */
+    fit?: string;
+    /**
+     * 头像背景色
+     */
+    bgColor?: string;
+    /**
+     * 文本头像字体色
+     */
+    textColor?: string;
+    /**
+     * 文本头像字体大小
+     */
+    textSize?: string | number;
+    /**
+     * 文本，如果是中文，则取第一个字符，如果是一个英文单词，则取前两个转大写，如果是多个英文单词，则取前两个单次的首字母转大写
+     */
+    text?: string;
+}
+export interface AvatarEmit {
+    error: [evt: Event];
+}

package/es/components/common/avatar/src/index.vue2.mjs

@@ -0,0 +1,108 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, unref, toDisplayString, renderSlot } from 'vue';
+import { isString, addUnit } from '../../../../helper/dist/index.mjs';
+import 'vitepress';
+import { useNamespace } from '../../../../composables/use-namespace.mjs';
+import 'vitepress-theme-teek/theme-chalk/tk-copy-banner.css';
+import '../../../../composables/use-z-index.mjs';
+import _sfc_main$1 from '../../icon/src/index.vue2.mjs';
+import '@iconify/vue';
+
+const _hoisted_1 = ["src", "alt", "srcSet"];
+const _hoisted_2 = { key: 2 };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "Avatar" },
+  __name: "index",
+  props: {
+    size: {},
+    shape: { default: "circle" },
+    icon: {},
+    iconSize: {},
+    src: {},
+    alt: {},
+    srcSet: {},
+    fit: { default: "cover" },
+    bgColor: {},
+    textColor: {},
+    textSize: {},
+    text: {}
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const ns = useNamespace("avatar");
+    const hasLoadError = ref(false);
+    const avatarClass = computed(() => {
+      const classList = [ns.b()];
+      if (isString(__props.size)) classList.push(ns.m(__props.size));
+      if (__props.icon) classList.push(ns.m("icon"));
+      if (__props.shape) classList.push(ns.m(__props.shape));
+      return classList;
+    });
+    const avatarStyle = computed(() => {
+      return {
+        [ns.cssVarName("avatar-size")]: addUnit(__props.size),
+        [ns.cssVarName("avatar-bg-color")]: __props.bgColor,
+        [ns.cssVarName("avatar-text-color")]: __props.textColor,
+        [ns.cssVarName("avatar-text-size")]: addUnit(__props.textSize),
+        [ns.cssVarName("avatar-icon-size")]: addUnit(__props.iconSize)
+      };
+    });
+    const imgStyle = computed(() => ({ objectFit: __props.fit }));
+    watch(
+      () => __props.src,
+      () => hasLoadError.value = false
+    );
+    const handleError = (e) => {
+      hasLoadError.value = true;
+      emit("error", e);
+    };
+    const captureText = (text) => {
+      if (!text) return "";
+      const chars = [...text];
+      const firstChar = chars[0];
+      const isChinese = /^[\u4e00-\u9fa5]$/.test(firstChar);
+      if (isChinese) return firstChar;
+      if (chars.length >= 1) {
+        return firstChar;
+      }
+      const words = text.split(/\s+/).filter((word) => word.length > 0);
+      if (words.length >= 2) {
+        return words.slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+      }
+      if (words.length === 1) return words[0].charAt(0).toUpperCase();
+      return "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(avatarClass.value),
+          style: normalizeStyle(avatarStyle.value)
+        },
+        [
+          (__props.src || __props.srcSet) && !hasLoadError.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: __props.src,
+            alt: __props.alt,
+            srcSet: __props.srcSet,
+            style: normalizeStyle(imgStyle.value),
+            onError: handleError
+          }, null, 44, _hoisted_1)) : __props.icon ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 1,
+            icon: __props.icon
+          }, null, 8, ["icon"])) : __props.text ? (openBlock(), createElementBlock(
+            "span",
+            _hoisted_2,
+            toDisplayString(captureText(__props.text)),
+            1
+            /* TEXT */
+          )) : renderSlot(_ctx.$slots, "default", { key: 3 })
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/common/breadcrumb/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Breadcrumb } from './src/breadcrumb.vue';
+import { default as BreadcrumbItem } from './src/breadcrumb-item.vue';
+export { Breadcrumb as TkBreadcrumb, BreadcrumbItem as TkBreadcrumbItem };
+export type { BreadcrumbProps as TkBreadcrumbProps } from './src/breadcrumb';
+export default Breadcrumb;
+export * from './src/instance';

package/es/components/common/breadcrumb/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './src/breadcrumb.vue2.mjs';
+export { default as TkBreadcrumbItem } from './src/breadcrumb-item.vue2.mjs';
+
+
+
+export { _sfc_main as TkBreadcrumb, _sfc_main as default };

package/es/components/common/breadcrumb/src/breadcrumb-item.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './breadcrumb-item.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/common/breadcrumb/src/breadcrumb-item.vue2.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString } from 'vue';
+import { breadcrumbKey } from './breadcrumb.mjs';
+import { ns } from './namespace.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "BreadcrumbItem" },
+  __name: "breadcrumb-item",
+  setup(__props) {
+    const breadcrumbContext = inject(breadcrumbKey, void 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(ns).e("item"))
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              ref: "link",
+              class: normalizeClass(unref(ns).e("inner")),
+              role: "link"
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(ns).e("separator")),
+              role: "presentation"
+            },
+            toDisplayString(unref(breadcrumbContext)?.separator),
+            3
+            /* TEXT, CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/common/breadcrumb/src/breadcrumb.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './breadcrumb.vue2.mjs';
+
+
+
+export { _sfc_main as default };