@opentinyvue/vue-docs 3.22.0 → 3.22.2

package/src/views/components-doc/plus.vue

@@ -5,25 +5,25 @@
 <script setup>
 import { fetchDemosFile } from '@/tools'
 import ComponentDocs from './common.vue'
-import { getWebdocPath } from './cmp-config'
 
 const baseUrl = import.meta.env.BASE_URL
 const loadData = ({ cmpId, lang }) => {
   const promiseArr = [
-    fetchDemosFile(`@demos/app/${getWebdocPath(cmpId)}/webdoc/${cmpId}.${lang}.md`),
+    fetchDemosFile(`@demos/app/${cmpId}/webdoc/${cmpId}.${lang}.md`),
     import(
       /* @vite-ignore */
       `${baseUrl}@demos/apis/${cmpId}.js`
-    ),
-    import(
-      /* @vite-ignore */
-      `${baseUrl}@demos/app/${getWebdocPath(cmpId)}/webdoc/${cmpId}.js`
     )
   ]
 
   // 兼容ts文档, 如果是ts文档则不拉取demos配置
-  if (['interfaces', 'types', 'classes'].includes(cmpId)) {
-    promiseArr.pop()
+  if (!['interfaces', 'types', 'classes'].includes(cmpId)) {
+    promiseArr.push(
+      import(
+        /* @vite-ignore */
+        `${baseUrl}@demos/app/${cmpId}/webdoc/${cmpId}.js`
+      )
+    )
   }
 
   return Promise.all(promiseArr).then(([mdString, apisJson, demosJson]) => {

package/src/views/docs/docs.vue

@@ -48,7 +48,7 @@ watch([() => router.currentRoute.value, () => router.currentRoute.value.params.d
 
 onMounted(() => {
   loadPage()
-  const common = new window.TDCommon(['#footer'], {})
+  const common = new window.TDCommon(['#footer'], { allowDarkTheme: true })
   common.renderFooter()
 })
 </script>
@@ -67,23 +67,6 @@ onMounted(() => {
   }
 }
 
-.dark .docs-container .markdown-body {
-  background-color: #000;
-}
-
-.dark .docs-container .markdown-body pre {
-  background-color: #1a1a1a;
-}
-
-.dark .docs-container .markdown-body code {
-  text-shadow: none;
-  color: var(--tv-color-text);
-
-  .token.operator {
-    background-color: transparent;
-  }
-}
-
 .docs-page-anchor {
   .tiny-anchor__affix {
     overflow-y: auto;

package/src/views/features.vue

@@ -0,0 +1,176 @@
+<template>
+  <div class="ti-p48">
+    <div class="ti-mw1000 !mx-auto markdown-body feature-list-container">
+      <h1 class="ti-f-r ti-f-box-center">
+        组件特性列表
+        <tiny-tag size="small" type="success" :title="`${componentCount} components`" class="ml8">{{
+          componentCount
+        }}</tiny-tag>
+        <tiny-tag size="small" type="success" :title="`${featureCount} features`" class="ml8">{{
+          featureCount
+        }}</tiny-tag>
+      </h1>
+
+      <p>TinyVue 组件库包含 {{ componentCount }} 个灵活、易用、功能强大的组件。</p>
+
+      <div>
+        <tiny-base-select v-model="cloudValue" :options="options" class="!ti-w200"></tiny-base-select>
+      </div>
+
+      <div
+        v-for="(component, componentIndex) of cloudValue === 'cloud'
+          ? components.filter((item) => item.config.cloud)
+          : cloudValue === 'notCloud'
+            ? components.filter((item) => !item.config.cloud)
+            : components"
+        :key="component.name"
+      >
+        <h3 class="ti-f-r ti-f-box-center">
+          {{ componentIndex + 1 }}. {{ toUpperCamelCase(component.name) }}
+          <tiny-tag
+            size="small"
+            type="success"
+            class="ml8"
+            :title="`${component.config.features?.length || 0} features`"
+          >
+            {{ component.config.features?.length || 0 }}
+          </tiny-tag>
+          <tiny-popover trigger="hover" placement="top">
+            <p>
+              {{
+                component.config.features?.every((feature) => feature.cloud.value)
+                  ? '全部特性在规范内'
+                  : '部分特性在规范内'
+              }}
+            </p>
+            <template #reference>
+              <i
+                :class="[
+                  component.config.features?.every((feature) => feature.cloud.value) ? 'i-ti-cloud-full' : 'i-ti-cloud',
+                  'ml4'
+                ]"
+                v-if="component.config.cloud"
+              ></i>
+            </template>
+          </tiny-popover>
+        </h3>
+        <tiny-layout v-if="component.config.features" :cols="24">
+          <tiny-row
+            v-for="(groupFeature, index) of group(component.config.features)"
+            :key="index"
+            :style="{ marginTop: index === 0 ? '20px' : '0' }"
+            :gutter="8"
+          >
+            <tiny-col v-for="feature of groupFeature" :key="feature.id" :span="8" class="ti-f-r ti-f-box-center">
+              {{ feature.name }}
+              <tiny-popover trigger="hover" placement="top">
+                <p>{{ feature.description }}</p>
+                <div>
+                  Demos:
+                  <span v-for="(demo, demoIndex) of feature.demos" :key="demoIndex">
+                    <a
+                      :href="origin + '/tiny-vue/zh-CN/os-theme/components/' + component.name + '#' + demo"
+                      target="'_blank'"
+                      >{{ demo }}</a
+                    ><tiny-divider direction="vertical" v-if="demoIndex !== feature.demos.length - 1"></tiny-divider>
+                  </span>
+                </div>
+                <div>
+                  APIs:
+                  <span v-for="(api, apiIndex) of feature.apis" :key="apiIndex">
+                    <a
+                      :href="origin + '/tiny-vue/zh-CN/os-theme/components/' + component.name + '#api'"
+                      target="'_blank'"
+                      >{{ api }}</a
+                    ><tiny-divider direction="vertical" v-if="apiIndex !== feature.apis.length - 1"></tiny-divider>
+                  </span>
+                </div>
+                <template #reference>
+                  <tiny-icon-info-circle class="ti-ml4"></tiny-icon-info-circle>
+                </template>
+              </tiny-popover>
+              <tiny-popover trigger="hover" placement="top" v-if="feature.cloud.value">
+                <p>{{ feature.cloud.remark || '规范内的特性' }}</p>
+                <template #reference>
+                  <i :class="[feature.cloud.remark ? 'i-ti-cloud' : 'i-ti-cloud-full', 'ml4']"></i>
+                </template>
+              </tiny-popover>
+              <i :class="[feature['e2e-test'] ? 'i-ti-e2e-test' : '', 'ml4']" title="E2E 测试用例已覆盖"></i>
+              <i :class="[feature['unit-test'] ? 'i-ti-unit-test' : '', 'ml4']" title="单元测试用例已覆盖"></i>
+            </tiny-col>
+          </tiny-row>
+        </tiny-layout>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { TinyLayout, TinyRow, TinyCol, TinyPopover, TinyDivider, TinyTag, TinyBaseSelect } from '@opentiny/vue'
+import { IconInfoCircle } from '@opentiny/vue-icon'
+import { onMounted, ref } from 'vue'
+
+const TinyIconInfoCircle = IconInfoCircle()
+
+const origin = ref('')
+
+const componentCount = ref(0)
+const featureCount = ref(0)
+const components = ref([])
+const cloudValue = ref('all')
+
+const options = ref([
+  { value: 'all', label: '全部组件' },
+  { value: 'cloud', label: '规范内组件' },
+  { value: 'notCloud', label: '规范外组件' }
+])
+
+onMounted(async () => {
+  origin.value = location.origin
+
+  const componentDocs = import.meta.glob(`@demos/app/**/webdoc/*.js`)
+
+  for (const item in componentDocs) {
+    const componentName = item.split('/')[4]
+    const componentConfig = (await componentDocs[item]()).default
+
+    if (componentConfig.show) {
+      componentCount.value++
+      components.value.push({
+        name: componentName,
+        config: componentConfig
+      })
+
+      const features = componentConfig.features
+
+      if (features) {
+        for (const feature in features) {
+          featureCount.value++
+        }
+      }
+    }
+  }
+})
+
+const group = (arr, step = 3) => {
+  if (!arr || arr.length === 0) return
+  if (arr.length <= step) return [arr]
+  return arr.reduce((x, y) => {
+    return Array.isArray(x) ? (x[x.length - 1].push(y) === step ? [...x, []] : x) : [[x, y]]
+  })
+}
+
+const toUpperCamelCase = (str) =>
+  str
+    .split('-')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('')
+</script>
+
+<style lang="less" scoped>
+.feature-list-container :deep(.reference-wrapper) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

package/src/views/layout/layout.vue

@@ -2,9 +2,6 @@
   <div class="main-layout ti-hp100 ti-f-c ti-f-box-stretch">
     <div class="content-layout ti-fi-1" :has-sider="!isFrame">
       <div id="layoutSider" class="layout-sider" :class="{ 'saas-border': templateModeState.isSaas }" v-if="!isFrame">
-        <div style="padding: 10px 0; text-align: center">
-          <tiny-button :reset-time="0" type="info" @click="toggleDark()">{{ isDark ? 'dark' : 'light' }}</tiny-button>
-        </div>
         <tiny-tree-menu
           ref="treeMenuRef"
           class="main-menu"
@@ -68,7 +65,6 @@ import { getWord, i18nByKey, appData, appFn, useApiMode, useTemplateMode } from
 import useTheme from '@/tools/useTheme'
 import FloatSettings from '@/views/components-doc/components/float-settings.vue'
 import VersionTip from '@/views/components-doc/components/version-tip.vue'
-import { useDark, useToggle } from '@vueuse/core'
 
 export default defineComponent({
   name: 'LayoutVue',
@@ -107,8 +103,6 @@ export default defineComponent({
     const getTo = (route, key) => `${import.meta.env.VITE_CONTEXT}${allPath}${lang}/${theme}/${route}${key}`
 
     const isThemeSaas = import.meta.env.VITE_TINY_THEME === 'saas'
-    const isDark = useDark()
-    const toggleDark = useToggle(isDark)
 
     const changeLanguage = () => {
       appFn.toggleLang()
@@ -197,8 +191,6 @@ export default defineComponent({
       getWord,
       i18nByKey,
       isThemeSaas,
-      isDark,
-      toggleDark,
       isShowFilter
     }
   }
@@ -402,7 +394,7 @@ export default defineComponent({
   }
 }
 
-.dark #layoutSider {
+html.dark #layoutSider {
   border-right: 1px solid #1a1a1a; // 没有常用变量
 }
 

package/src/views/overview.vue

@@ -7,7 +7,7 @@
       </h1>
 
       <h1 class="overview-desc ti-f14 ti-my20 ti-lh21">
-        {{ i18nByKey('overviewDesc') }}
+        {{ i18nByKey(isPlus ? 'overviewDescPlus' : 'overviewDesc') }}
       </h1>
       <!-- 搜索 -->
       <tiny-input
@@ -64,7 +64,7 @@
 </template>
 
 <script lang="js">
-import { defineComponent, reactive, toRefs, onMounted } from 'vue'
+import { defineComponent, reactive, toRefs, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { cmpMenus } from '@menu/menus.js'
 import { TinyInput } from '@opentiny/vue'
@@ -85,6 +85,8 @@ export default defineComponent({
       value: '',
       palceMenus: new Array(14)
     })
+
+    const isPlus = computed(() => location.href.includes('tiny-vue-plus'))
     function debounce(fn, delay) {
       let timeout = 0
       return (value) => {
@@ -159,10 +161,10 @@ export default defineComponent({
     }
 
     onMounted(() => {
-      const common = new window.TDCommon(['#footer'], {})
+      const common = new window.TDCommon(['#footer'], { allowDarkTheme: true })
       common.renderFooter()
     })
-    return { ...toRefs(state), ...fn, TinyInput, noDataSvg, searchSvg, isZhCn, getWord, i18nByKey, pubUrl }
+    return { ...toRefs(state), ...fn, TinyInput, noDataSvg, searchSvg, isZhCn, getWord, i18nByKey, pubUrl, isPlus }
   }
 })
 </script>
@@ -212,7 +214,7 @@ export default defineComponent({
   }
 }
 
-.dark .component-card {
+html.dark .component-card {
   &:hover {
     box-shadow: 1px 1px 6px 6px rgba(255, 255, 255, 0.08);
   }
@@ -227,7 +229,7 @@ export default defineComponent({
   width: 24.25%;
 }
 
-.dark .overview-card-container {
+html.dark .overview-card-container {
   background-color: var(--tv-color-bg-dark);
 }
 

package/tiny-uno/rules/size.js

@@ -5,6 +5,8 @@ const _s = {
 
   w: 'width',
   h: 'height',
+  mw: 'max-width',
+  mh: 'max-height',
 
   r: '-right',
   l: '-left',
@@ -18,9 +20,9 @@ export default function builder(option) {
   return {
     rules: [
       // 高宽， 字体，行高                       f12  lh20   w200  h200  box78
-      [/^(w|h)(\d+)$/, ([, attr, num]) => ({ [`${_s[attr]}`]: $t(num) })],
+      [/^(w|h|mw|mh)(\d+)$/, ([, attr, num]) => ({ [`${_s[attr]}`]: $t(num) })],
       // 高宽百分比                             wp33  hp50
-      [/^(w|h)p(\d+)$/, ([, attr, num]) => ({ [`${_s[attr]}`]: `${num}%` })],
+      [/^(w|h|mw|mh)p(\d+)$/, ([, attr, num]) => ({ [`${_s[attr]}`]: `${num}%` })],
 
       // 内外边距   *可负*                        m10  mr10 mt-10 mx20 my-10  p10 pr10
       [/^([mp])([rlbt]?)(-?\d+)$/, ([, attr, pos, num]) => ({ [`${_s[attr]}${pos ? _s[pos] : ''}`]: $t(num) })],

package/uno.config.js

@@ -29,7 +29,25 @@ export default {
           check:
             '<svg viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>',
           playground:
-            '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><g fill="none"><path d="M14.854 1.854a.5.5 0 1 0-.708-.708l-8 8L6 10l.854-.146l8-8z" fill="currentColor"></path><path d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-5a.5.5 0 0 0-1 0v5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h5.005a.5.5 0 0 0 0-1H4.5z" fill="currentColor"></path></g></svg>'
+            '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><g fill="none"><path d="M14.854 1.854a.5.5 0 1 0-.708-.708l-8 8L6 10l.854-.146l8-8z" fill="currentColor"></path><path d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-5a.5.5 0 0 0-1 0v5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h5.005a.5.5 0 0 0 0-1H4.5z" fill="currentColor"></path></g></svg>',
+          cloud:
+            '<svg class="ti-mr4" viewBox="0 0 1024 1024" width="16" height="16"><path d="M811.4 418.7C765.6 297.9 648.9 212 512.2 212S258.8 297.8 213 418.6C127.3 441.1 64 519.1 64 612c0 110.5 89.5 200 199.9 200h496.2C870.5 812 960 722.5 960 612c0-92.7-63.1-170.7-148.6-193.3z m36.3 281c-23.4 23.4-54.5 36.3-87.6 36.3H263.9c-33.1 0-64.2-12.9-87.6-36.3-23.4-23.4-36.3-54.6-36.3-87.7 0-28 9.1-54.3 26.2-76.3 16.7-21.3 40.2-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4 14.9-19.2 32.6-35.9 52.4-49.9 41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10c54.3 14.5 92.1 63.8 92.1 120 0 33.1-12.9 64.3-36.3 87.7z"></path></svg>',
+          'cloud-full':
+            '<svg t="1742260979776" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6563" width="200" height="200"><path d="M811.4 418.7C765.6 297.9 648.9 212 512.2 212S258.8 297.8 213 418.6C127.3 441.1 64 519.1 64 612c0 110.5 89.5 200 199.9 200h496.2C870.5 812 960 722.5 960 612c0-92.7-63.1-170.7-148.6-193.3z m36.3 281c-23.4 23.4-54.5 36.3-87.6 36.3H263.9c-33.1 0-64.2-12.9-87.6-36.3-23.4-23.4-36.3-54.6-36.3-87.7 0-28 9.1-54.3 26.2-76.3 16.7-21.3 40.2-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4 14.9-19.2 32.6-35.9 52.4-49.9 41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10c54.3 14.5 92.1 63.8 92.1 120 0 33.1-12.9 64.3-36.3 87.7z" p-id="6564" fill="#5cb300"></path></svg>',
+          'e2e-test': `<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400" fill="none">
+            <path d="M136.444 221.556C123.558 225.213 115.104 231.625 109.535 238.032C114.869 233.364 122.014 229.08 131.652 226.348C141.51 223.554 149.92 223.574 156.869 224.915V219.481C150.941 218.939 144.145 219.371 136.444 221.556ZM108.946 175.876L61.0895 188.484C61.0895 188.484 61.9617 189.716 63.5767 191.36L104.153 180.668C104.153 180.668 103.578 188.077 98.5847 194.705C108.03 187.559 108.946 175.876 108.946 175.876ZM149.005 288.347C81.6582 306.486 46.0272 228.438 35.2396 187.928C30.2556 169.229 28.0799 155.067 27.5 145.928C27.4377 144.979 27.4665 144.179 27.5336 143.446C24.04 143.657 22.3674 145.473 22.7077 150.721C23.2876 159.855 25.4633 174.016 30.4473 192.721C41.2301 233.225 76.8659 311.273 144.213 293.134C158.872 289.185 169.885 281.992 178.152 272.81C170.532 279.692 160.995 285.112 149.005 288.347ZM161.661 128.11V132.903H188.077C187.535 131.206 186.989 129.677 186.447 128.11H161.661Z" fill="#2D4552"/>
+            <path d="M193.981 167.584C205.861 170.958 212.144 179.287 215.465 186.658L228.711 190.42C228.711 190.42 226.904 164.623 203.57 157.995C181.741 151.793 168.308 170.124 166.674 172.496C173.024 167.972 182.297 164.268 193.981 167.584ZM299.422 186.777C277.573 180.547 264.145 198.916 262.535 201.255C268.89 196.736 278.158 193.031 289.837 196.362C301.698 199.741 307.976 208.06 311.307 215.436L324.572 219.212C324.572 219.212 322.736 193.41 299.422 186.777ZM286.262 254.795L176.072 223.99C176.072 223.99 177.265 230.038 181.842 237.869L274.617 263.805C282.255 259.386 286.262 254.795 286.262 254.795ZM209.867 321.102C122.618 297.71 133.166 186.543 147.284 133.865C153.097 112.156 159.073 96.0203 164.029 85.204C161.072 84.5953 158.623 86.1529 156.203 91.0746C150.941 101.747 144.212 119.124 137.7 143.45C123.586 196.127 113.038 307.29 200.283 330.682C241.406 341.699 273.442 324.955 297.323 298.659C274.655 319.19 245.714 330.701 209.867 321.102Z" fill="#2D4552"/>
+            <path d="M161.661 262.296V239.863L99.3324 257.537C99.3324 257.537 103.938 230.777 136.444 221.556C146.302 218.762 154.713 218.781 161.661 220.123V128.11H192.869C189.471 117.61 186.184 109.526 183.423 103.909C178.856 94.612 174.174 100.775 163.545 109.665C156.059 115.919 137.139 129.261 108.668 136.933C80.1966 144.61 57.179 142.574 47.5752 140.911C33.9601 138.562 26.8387 135.572 27.5049 145.928C28.0847 155.062 30.2605 169.224 35.2445 187.928C46.0272 228.433 81.663 306.481 149.01 288.342C166.602 283.602 179.019 274.233 187.626 262.291H161.661V262.296ZM61.0848 188.484L108.946 175.876C108.946 175.876 107.551 194.288 89.6087 199.018C71.6614 203.743 61.0848 188.484 61.0848 188.484Z" fill="#E2574C"/>
+            <path d="M341.786 129.174C329.345 131.355 299.498 134.072 262.612 124.185C225.716 114.304 201.236 97.0224 191.537 88.8994C177.788 77.3834 171.74 69.3802 165.788 81.4857C160.526 92.163 153.797 109.54 147.284 133.866C133.171 186.543 122.623 297.706 209.867 321.098C297.093 344.47 343.53 242.92 357.644 190.238C364.157 165.917 367.013 147.5 367.799 135.625C368.695 122.173 359.455 126.078 341.786 129.174ZM166.497 172.756C166.497 172.756 180.246 151.372 203.565 158C226.899 164.628 228.706 190.425 228.706 190.425L166.497 172.756ZM223.42 268.713C182.403 256.698 176.077 223.99 176.077 223.99L286.262 254.796C286.262 254.791 264.021 280.578 223.42 268.713ZM262.377 201.495C262.377 201.495 276.107 180.126 299.422 186.773C322.736 193.411 324.572 219.208 324.572 219.208L262.377 201.495Z" fill="#2EAD33"/>
+            <path d="M139.88 246.04L99.3324 257.532C99.3324 257.532 103.737 232.44 133.607 222.496L110.647 136.33L108.663 136.933C80.1918 144.611 57.1742 142.574 47.5704 140.911C33.9554 138.563 26.834 135.572 27.5001 145.929C28.08 155.063 30.2557 169.224 35.2397 187.929C46.0225 228.433 81.6583 306.481 149.005 288.342L150.989 287.719L139.88 246.04ZM61.0848 188.485L108.946 175.876C108.946 175.876 107.551 194.288 89.6087 199.018C71.6615 203.743 61.0848 188.485 61.0848 188.485Z" fill="#D65348"/>
+            <path d="M225.27 269.163L223.415 268.712C182.398 256.698 176.072 223.99 176.072 223.99L232.89 239.872L262.971 124.281L262.607 124.185C225.711 114.304 201.232 97.0224 191.532 88.8994C177.783 77.3834 171.735 69.3802 165.783 81.4857C160.526 92.163 153.797 109.54 147.284 133.866C133.171 186.543 122.623 297.706 209.867 321.097L211.655 321.5L225.27 269.163ZM166.497 172.756C166.497 172.756 180.246 151.372 203.565 158C226.899 164.628 228.706 190.425 228.706 190.425L166.497 172.756Z" fill="#1D8D22"/>
+            <path d="M141.946 245.451L131.072 248.537C133.641 263.019 138.169 276.917 145.276 289.195C146.513 288.922 147.74 288.687 149 288.342C152.302 287.451 155.364 286.348 158.312 285.145C150.371 273.361 145.118 259.789 141.946 245.451ZM137.7 143.451C132.112 164.307 127.113 194.326 128.489 224.436C130.952 223.367 133.554 222.371 136.444 221.551L138.457 221.101C136.003 188.939 141.308 156.165 147.284 133.866C148.799 128.225 150.318 122.978 151.832 118.085C149.393 119.637 146.767 121.228 143.776 122.867C141.759 129.093 139.722 135.898 137.7 143.451Z" fill="#C04B41"/>
+          </svg>`,
+          'unit-test': `<svg xmlns="http://www.w3.org/2000/svg" width="260" height="260" viewBox="0 0 165 165" fill="none">
+            <path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4828C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
+            <path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
+            <path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
+          </svg>`
         }
       }
     })

package/vite.extend.ts

@@ -79,10 +79,10 @@ const modeModifyMap = {
     viteConfig.build.rollupOptions.input.mobile = path.resolve(__dirname, './mobile.html')
   },
   plus(viteConfig) {
-    const demosPath = '../plusdocs/pc'
+    const demosPath = '../plusdocs'
     const apisPath = '../plusdocs/apis'
     viteConfig.resolve.alias['@menu'] = path.resolve(demosPath)
-    viteConfig.resolve.alias['@demo'] = path.resolve(demosPath)
+    viteConfig.resolve.alias['@demos'] = path.resolve(demosPath)
     viteConfig.tinyCustom.copyTarget = [
       {
         src: `${demosPath}/*`,

package/src/assets/markdown.less

@@ -1,24 +0,0 @@
-  .tiny-huicharts {
-    pre {
-      code {
-        font-size: 14px;
-        max-width: initial;
-        overflow: initial;
-        line-height: 2;
-        word-wrap: normal;
-        display: block;
-        overflow-x: auto;
-        padding: 0.5rem 1rem;
-        margin-bottom: 1rem;
-        color: #dd4a68;
-
-        &>.hljs-number {
-          color: blue;
-        }
-
-        &>.hljs-string {
-          color: green;
-        }
-      }
-    }
-  }