@opentinyvue/vue-docs 3.21.7 → 3.21.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentinyvue/vue-docs",
-  "version": "3.21.7",
+  "version": "3.21.8",
   "license": "MIT",
   "devDependencies": {
     "@playwright/test": "~1.49.0",
@@ -57,16 +57,14 @@
     "vue-i18n": "^9.1.10",
     "vue-router": "4.1.5",
     "@opentiny-internal/unplugin-virtual-template": "~0.1.1-beta.0",
-    "@opentiny/vue-mobile": "~1.0.0-alpha.6",
-    "@opentiny/utils": "npm:@opentinyvue/utils@~3.21.1",
+    "@opentiny/utils": "npm:@opentinyvue/utils@~3.21.2",
     "@opentiny/vue": "~3.21.2",
     "@opentiny/vue-common": "~3.21.0",
-    "@opentiny/vue-design-aurora": "~3.21.0",
     "@opentiny/vue-design-saas": "~3.21.0",
+    "@opentiny/vue-design-aurora": "~3.21.0",
     "@opentiny/vue-design-smb": "~3.21.0",
     "@opentiny/vue-directive": "~3.21.0",
     "@opentiny/vue-flowchart": "~3.21.0",
-    "@opentiny/vue-hooks": "npm:@opentinyvue/vue-hooks@~3.21.1",
     "@opentiny/vue-icon": "~3.21.0",
     "@opentiny/vue-icon-multicolor": "~3.21.0",
     "@opentiny/vue-icon-saas": "~3.21.0",
@@ -74,7 +72,6 @@
     "@opentiny/vue-modal": "~3.21.0",
     "@opentiny/vue-renderless": "~3.21.0",
     "@opentiny/vue-theme": "~3.21.2",
-    "@opentiny/vue-theme-mobile": "~3.21.0",
     "@opentiny/vue-theme-saas": "~3.21.0"
   },
   "scripts": {

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

@@ -87,23 +87,24 @@ import { reactive, computed, watch, onMounted, nextTick, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 import { debounce } from '@opentiny/utils'
-import { i18nByKey, getWord, $clone, fetchDemosFile, useApiMode } from '@/tools'
-import demoConfig from '@demos/config.js'
+import { i18nByKey, getWord, $clone, useApiMode } from '@/tools'
 import { router } from '@/router.js'
 import { getWebdocPath } from './cmp-config'
-import DemoBox from './components/demo'
+import DemoBox from './components/demo.vue'
 import AsideAnchor from './components/anchor.vue'
 import ComponentHeader from './components/header.vue'
 import ComponentContributor from './components/contributor.vue'
 import ApiDocs from './components/api-docs.vue'
 import useTasksFinish from './composition/useTasksFinish'
 
+const props = defineProps({ loadData: {}, appMode: {}, demoKey: {} })
+
+const emit = defineEmits(['single-demo-change', 'load-page'])
+
 defineOptions({
   name: 'CmpPageVue'
 })
 
-const props = defineProps({ loadData: {}, appMode: {}, demoKey: {} })
-
 const scrollRef = ref()
 const { apiModeState } = useApiMode()
 const isRunningTest = localStorage.getItem('tiny-e2e-test') === 'true'
@@ -127,7 +128,6 @@ const state = reactive({
   chartCode: false
 })
 
-const emit = defineEmits(['single-demo-change', 'load-page'])
 watch(
   () => state.singleDemo,
   (val) => {

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

@@ -12,11 +12,15 @@
     </tiny-anchor>
   </div>
 </template>
+
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { computed } from 'vue'
 import { TinyAnchor } from '@opentiny/vue'
+
 const props = defineProps({ anchorAffix: {}, currentJson: {}, activeTab: {}, langKey: {}, apiTypes: {} })
 
+const emit = defineEmits(['link-click'])
+
 // 实例锚点
 const demoAnchorLinks = computed(() => {
   const links =
@@ -57,11 +61,11 @@ const apiAnchorLinks = computed(() => {
   return apiAnchorLinks
 })
 const links = computed(() => (props.activeTab === 'demos' ? demoAnchorLinks.value : apiAnchorLinks.value))
-const emit = defineEmits(['link-click'])
 const handleAnchorClick = (...args) => {
   emit('link-click', ...args)
 }
 </script>
+
 <style scoped lang="less">
 .cmp-page-anchor {
   :deep(.tiny-anchor__affix) {

package/src/views/components-doc/components/api-docs.vue

@@ -91,6 +91,7 @@
     </div>
   </div>
 </template>
+
 <script setup>
 import { ref } from 'vue'
 import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
@@ -102,6 +103,8 @@ import VersionTip from './version-tip.vue'
 
 const props = defineProps({ currentJson: {}, chartCode: {}, tableData: {} })
 
+const emit = defineEmits(['jump-to-demo'])
+
 const OuterLink = iconOuterLink()
 
 const columnWidth = {
@@ -122,7 +125,6 @@ const apiExpandConf = {
   showIcon: true // 配置是否显示展开图标
 }
 
-const emit = defineEmits(['jump-to-demo'])
 // 点击 api区域的 name列时
 const jumpToDemo = (demoId) => {
   emit('jump-to-demo', demoId)
@@ -163,6 +165,7 @@ const jumpToApi = (hash) => {
 
 defineExpose({ jumpToApi })
 </script>
+
 <style scoped lang="less">
 .api-list {
   flex-wrap: wrap;

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

@@ -13,6 +13,7 @@
     </template>
   </div>
 </template>
+
 <script setup>
 import { computed } from 'vue'
 import { TinyTooltip } from '@opentiny/vue'
@@ -23,6 +24,7 @@ const contributors = computed(() => {
   return getCmpContributors(props.componentId)
 })
 </script>
+
 <style scoped lang="less">
 .cmp-contributor {
   margin-top: 48px;

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

@@ -13,11 +13,13 @@
     <span class="docs-header-spacer"></span>
   </header>
 </template>
+
 <script setup>
 import { computed } from 'vue'
 import hljs from 'highlight.js'
 import { marked } from 'marked'
 import VersionTip from './version-tip.vue'
+
 const props = defineProps({ currentJson: {}, mdString: {} })
 const mdContent = computed(() =>
   marked(props.mdString, {
@@ -29,6 +31,7 @@ const mdContent = computed(() =>
   })
 )
 </script>
+
 <style scoped lang="less">
 .docs-header {
   padding: 16px 40px;

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

@@ -53,6 +53,7 @@ const loadData = ({ cmpId, lang }) => {
   })
 }
 </script>
+
 <style scoped lang="less">
 .cmp-mode-title {
   font-size: 18px;