chore: mobile project migrate

examples/sites/package.json

@@ -34,7 +34,6 @@
     "@opentiny/vue-design-smb": "workspace:~",
     "@opentiny/vue-directive": "workspace:~",
     "@opentiny/vue-flowchart": "workspace:~",
-    "@opentiny/vue-hooks": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
     "@opentiny/vue-icon-multicolor": "workspace:~",
     "@opentiny/vue-icon-saas": "workspace:~",
@@ -43,7 +42,6 @@
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-repl": "^1.1.2",
     "@opentiny/vue-theme": "workspace:~",
-    "@opentiny/vue-theme-mobile": "workspace:~",
     "@opentiny/vue-theme-saas": "workspace:~",
     "@opentiny/vue-vite-import": "~1.2.0",
     "@unocss/reset": "0.38.2",
@@ -61,7 +59,6 @@
   },
   "devDependencies": {
     "@opentiny-internal/unplugin-virtual-template": "workspace:~",
-    "@opentiny/vue-mobile": "workspace:~",
     "@playwright/test": "catalog:",
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^17.0.45",

examples/sites/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) => {

examples/sites/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) {

examples/sites/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;

examples/sites/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;

examples/sites/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;

examples/sites/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;