chore(docs): 更新 vue-element-ui-x 依赖版本并优化混入加载方式

Author: weilei

docs/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@vuepress/plugin-active-header-links": "^1.9.10",
     "element-ui": "^2.15.14",
-    "vue-element-ui-x": "file:../packages/element-ui-x",
+    "vue-element-ui-x": "0.1.0",
     "highlight.js": "^9.18.5",
     "vue": "^2.6.14"
   },

docs/src/.vuepress/enhanceApp.js

@@ -1,11 +1,9 @@
 import ElementUI, { Message } from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
-import ElementUIX from 'vue-element-ui-x';
 // 导入 Element UI 文档风格的代码高亮样式
 import BackToTop from './components/BackToTop.vue';
 export default ({ Vue, router, isServer }) => {
   Vue.use(ElementUI);
-  Vue.use(ElementUIX);
   Vue.component('BackToTop', BackToTop);
   Vue.prototype.$message = Message;
 
@@ -20,6 +18,11 @@ export default ({ Vue, router, isServer }) => {
 
   // 防止路由错误
   if (!isServer) {
+    if (!isServer) {
+      import('vue-element-ui-x').then(ElementUIX => {
+        Vue.use(ElementUIX.default || ElementUIX);
+      });
+    }
     // 添加全局错误处理
     window.addEventListener('error', event => {
       // 忽略路由相关错误

docs/src/components/send-mixins.md

@@ -1101,9 +1101,29 @@ export default {
   </div>
 </template>
 <script>
+  let sendMixin = {};
+  try {
+    if (typeof window !== 'undefined' && window['vue-element-ui-x']) {
+      sendMixin = window['vue-element-ui-x'].customMixins.sendMixin;
+    } else if (typeof require !== 'undefined') {
+      sendMixin = require('vue-element-ui-x').customMixins.sendMixin;
+    }
+  } catch (e) {
+    sendMixin = {
+      data() {
+        return { loading: false };
+      },
+      methods: {
+        initSend() {},
+        handleSend() {},
+        handleFinish() {},
+        handleAbort() {},
+      },
+    };
+  }
   export default {
     name: 'XRequestDemo',
-    mixins: [require('vue-element-ui-x').customMixins.sendMixin],
+    mixins: [sendMixin],
     data() {
       return {
         str: '',