feat(app-preview): fix style

Author: betterdancing

packages/toolbars/preview/src/Main.vue

@@ -2,17 +2,16 @@
   <div class="toolbar-save toolbar-helpGuid">
     <toolbar-base content="预览页面" :icon="options.icon?.default || options?.icon" :options="options" trigger="click">
       <template #button>
-        <div>
-          <tiny-button type="text" @click="preview('page')">页面预览</tiny-button>
-          <tiny-button type="text" @click="preview('app')">应用预览</tiny-button>
+        <div class="toolbar-preview-item">
+          <span @click="preview('page')">页面预览</span>
+          <span @click="preview('app')">应用预览</span>
         </div>
       </template>
     </toolbar-base>
   </div>
 </template>
 
 <script lang="ts">
-import { Button } from '@opentiny/vue'
 /* metaService: engine.toolbars.preview.Main */
 import { previewPage } from '@opentiny/tiny-engine-common/js/preview'
 import { useLayout, useNotify, getOptions } from '@opentiny/tiny-engine-meta-register'
@@ -21,8 +20,7 @@ import { ToolbarBase } from '@opentiny/tiny-engine-common'
 
 export default {
   components: {
-    ToolbarBase,
-    TinyButton: Button
+    ToolbarBase
   },
   props: {
     options: {
@@ -81,3 +79,15 @@ export default {
   }
 }
 </script>
+<style lang="less" scoped>
+.toolbar-preview-item {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  gap: 8px;
+
+  span {
+    cursor: pointer;
+  }
+}
+</style>

packages/vue-generator/src/templates/vue-template/templateFiles/src/http/axios.js

@@ -11,49 +11,10 @@
  */
 
 import axios from 'axios'
-import MockAdapter from 'axios-mock-adapter'
 
 export default (config) => {
   const instance = axios.create(config)
   const defaults = {}
-  let mock
-
-  if (typeof MockAdapter.prototype.proxy === 'undefined') {
-    MockAdapter.prototype.proxy = function ({ url, config = {}, proxy, response, handleData } = {}) {
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
-      let stream = this
-      const request = (proxy, any) => {
-        return (setting) => {
-          return new Promise((resolve) => {
-            config.responseType = 'json'
-            axios
-              .get(any ? proxy + setting.url + '.json' : proxy, config)
-              .then(({ data }) => {
-                if (typeof handleData === 'function') {
-                  data = handleData.call(null, data, setting)
-                }
-                resolve([200, data])
-              })
-              .catch((error) => {
-                resolve([error.response.status, error.response.data])
-              })
-          })
-        }
-      }
-
-      if (url === '*' && proxy && typeof proxy === 'string') {
-        stream = proxy === '*' ? this.onAny().passThrough() : this.onAny().reply(request(proxy, true))
-      } else {
-        if (proxy && typeof proxy === 'string') {
-          stream = this.onAny(url).reply(request(proxy))
-        } else if (typeof response === 'function') {
-          stream = this.onAny(url).reply(response)
-        }
-      }
-
-      return stream
-    }
-  }
 
   return {
     request(config) {
@@ -115,25 +76,6 @@ export default (config) => {
         }
       }
     },
-    mock(config) {
-      if (!mock) {
-        mock = new MockAdapter(instance)
-      }
-
-      if (Array.isArray(config)) {
-        config.forEach((item) => {
-          mock.proxy(item)
-        })
-      }
-
-      return mock
-    },
-    disableMock() {
-      if (mock) {
-        mock.restore()
-      }
-      mock = undefined
-    },
     isMock() {
       return typeof mock !== 'undefined'
     },