widget.qw 1.0.5 → 1.0.7

package/build/style.css

@@ -762,25 +762,25 @@
   margin:3px;
 }
 
-.cascader-pop[data-v-b85d16dc] {
+.cascader-pop[data-v-e8f93d5a] {
     width: 100%;
     overflow: hidden;
 }
-.cascader-selector[data-v-b85d16dc] {
+.cascader-selector[data-v-e8f93d5a] {
     padding: 10px;
 }
-.search-buttons[data-v-b85d16dc] {
+.search-buttons[data-v-e8f93d5a] {
     display: flex;
     gap: 10px;
 }
-.clear-btn[data-v-b85d16dc] {
+.clear-btn[data-v-e8f93d5a] {
     background-color: #f2f3f5;
     border: none;
     border-radius: 4px;
     padding: 4px 8px;
     font-size: 14px;
 }
-.confirm-btn[data-v-b85d16dc] {
+.confirm-btn[data-v-e8f93d5a] {
     background-color: #1989fa;
     color: white;
     border: none;
@@ -788,19 +788,19 @@
     padding: 4px 8px;
     font-size: 14px;
 }
-.no-results[data-v-b85d16dc] {
+.no-results[data-v-e8f93d5a] {
     text-align: center;
     padding: 20px;
     color: #969799;
 }
-.cascader-header[data-v-b85d16dc] {
+.cascader-header[data-v-e8f93d5a] {
     padding: 10px;
     border-bottom: 1px solid #ebedf0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-.current-path[data-v-b85d16dc] {
+.current-path[data-v-e8f93d5a] {
     flex: 1;
     font-size: 14px;
     color: #323233;
@@ -808,25 +808,25 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.header-right[data-v-b85d16dc] {
+.header-right[data-v-e8f93d5a] {
     display: flex;
     gap: 8px;
     margin-left: auto;
 }
-.cancel-btn[data-v-b85d16dc] {
+.cancel-btn[data-v-e8f93d5a] {
     color: #969799;
     margin-right: 5px;
 }
-.scroll-container[data-v-b85d16dc] {
+.scroll-container[data-v-e8f93d5a] {
     height: calc(80vh - 150px);
     overflow-y: auto;
 }
-.cell-content[data-v-b85d16dc] {
+.cell-content[data-v-e8f93d5a] {
     display: flex;
     align-items: center;
     gap: 12px;
 }
-.circle-selector[data-v-b85d16dc] {
+.circle-selector[data-v-e8f93d5a] {
     width: 20px;
     height: 20px;
     border-radius: 50%;
@@ -836,29 +836,29 @@
     transition: all 0.2s;
     flex-shrink: 0;
 }
-.circle-selector.selected[data-v-b85d16dc] {
+.circle-selector.selected[data-v-e8f93d5a] {
     background-color: #1989fa;
     border-color: #1989fa;
 }
-.circle-selector.selected .van-icon[data-v-b85d16dc] {
+.circle-selector.selected .van-icon[data-v-e8f93d5a] {
     color: white;
     font-size: 14px;
 }
-.van-cell__right-icon[data-v-b85d16dc] {
+.van-cell__right-icon[data-v-e8f93d5a] {
     color: #969799;
     font-size: 16px;
     margin-left: 8px;
 }
-.name[data-v-b85d16dc] {
+.name[data-v-e8f93d5a] {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.cancel-btn[data-v-b85d16dc] {
+.cancel-btn[data-v-e8f93d5a] {
     color: #969799;
 }
-.search-field[data-v-b85d16dc] {
+.search-field[data-v-e8f93d5a] {
     background: #fff;
     padding: 10px 16px;
     border-bottom: 1px solid #ebedf0;

package/build/widget.qw.es.js

@@ -20569,7 +20569,7 @@ const _sfc_main$2 = {
   }
 };
 var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6744b874"]]);
-var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-b85d16dc] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-b85d16dc] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-b85d16dc] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-b85d16dc] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-b85d16dc] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-b85d16dc] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-b85d16dc] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-b85d16dc] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-b85d16dc] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-b85d16dc] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-b85d16dc] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-b85d16dc] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-b85d16dc] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-b85d16dc] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-b85d16dc] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-b85d16dc] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-b85d16dc] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-b85d16dc] {\r\n    color: #969799;\n}\n.search-field[data-v-b85d16dc] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-e8f93d5a] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-e8f93d5a] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-e8f93d5a] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-e8f93d5a] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-e8f93d5a] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-e8f93d5a] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-e8f93d5a] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-e8f93d5a] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-e8f93d5a] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\n}\n.search-field[data-v-e8f93d5a] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
 const _hoisted_1 = {
   class: "cascader-selector"
 };
@@ -20633,15 +20633,12 @@ const _sfc_main$1 = {
     const data2 = reactive({
       totalNodes: [],
       keyword: "",
-      searchNodes: [],
       currentNode: null,
       selectedNodeId: ""
     });
     const optionNodes = computed(() => {
       var _a;
-      if (data2.keyword)
-        return data2.searchNodes;
-      else if (data2.currentNode)
+      if (data2.currentNode)
         return ((_a = data2.currentNode) == null ? void 0 : _a.children) ? data2.currentNode.children : [];
       else
         return data2.totalNodes ? data2.totalNodes : [];
@@ -20667,7 +20664,8 @@ const _sfc_main$1 = {
         keyword: data2.keyword,
         parentId: ""
       }, (nodes) => {
-        data2.searchNodes = nodes;
+        data2.totalNodes = nodes;
+        data2.currentNode = null;
       });
     });
     const onBack = () => {
@@ -20678,7 +20676,6 @@ const _sfc_main$1 = {
     };
     const onClear = () => {
       data2.keyword = "";
-      data2.searchNodes = [];
     };
     const reset = () => {
       data2.currentNode = null;
@@ -20808,7 +20805,7 @@ const _sfc_main$1 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b85d16dc"]]);
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e8f93d5a"]]);
 const _sfc_main = {
   __name: "CascaderPicker",
   props: {
@@ -20871,6 +20868,7 @@ const _sfc_main = {
     });
     const onSelect = (node) => {
       data2.selectedNode = node;
+      emit("select", data2.selectedNode);
     };
     const onDelete = () => {
       data2.selectedNode = {};

package/build/widget.qw.umd.js

@@ -20572,7 +20572,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6744b874"]]);
-  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-b85d16dc] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-b85d16dc] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-b85d16dc] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-b85d16dc] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-b85d16dc] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-b85d16dc] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-b85d16dc] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-b85d16dc] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-b85d16dc] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-b85d16dc] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-b85d16dc] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-b85d16dc] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-b85d16dc] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-b85d16dc] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-b85d16dc] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-b85d16dc] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-b85d16dc] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-b85d16dc] {\r\n    color: #969799;\n}\n.search-field[data-v-b85d16dc] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-e8f93d5a] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-e8f93d5a] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-e8f93d5a] {\r\n    background-color: #f2f3f5;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.confirm-btn[data-v-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 4px 8px;\r\n    font-size: 14px;\n}\n.no-results[data-v-e8f93d5a] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-e8f93d5a] {\r\n    padding: 10px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\n}\n.current-path[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-e8f93d5a] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-e8f93d5a] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-e8f93d5a] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-e8f93d5a] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\n}\n.search-field[data-v-e8f93d5a] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
   const _hoisted_1 = {
     class: "cascader-selector"
   };
@@ -20636,15 +20636,12 @@ var __async = (__this, __arguments, generator) => {
       const data2 = vue.reactive({
         totalNodes: [],
         keyword: "",
-        searchNodes: [],
         currentNode: null,
         selectedNodeId: ""
       });
       const optionNodes = vue.computed(() => {
         var _a;
-        if (data2.keyword)
-          return data2.searchNodes;
-        else if (data2.currentNode)
+        if (data2.currentNode)
           return ((_a = data2.currentNode) == null ? void 0 : _a.children) ? data2.currentNode.children : [];
         else
           return data2.totalNodes ? data2.totalNodes : [];
@@ -20670,7 +20667,8 @@ var __async = (__this, __arguments, generator) => {
           keyword: data2.keyword,
           parentId: ""
         }, (nodes) => {
-          data2.searchNodes = nodes;
+          data2.totalNodes = nodes;
+          data2.currentNode = null;
         });
       });
       const onBack = () => {
@@ -20681,7 +20679,6 @@ var __async = (__this, __arguments, generator) => {
       };
       const onClear = () => {
         data2.keyword = "";
-        data2.searchNodes = [];
       };
       const reset = () => {
         data2.currentNode = null;
@@ -20811,7 +20808,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b85d16dc"]]);
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e8f93d5a"]]);
   const _sfc_main = {
     __name: "CascaderPicker",
     props: {
@@ -20874,6 +20871,7 @@ var __async = (__this, __arguments, generator) => {
       });
       const onSelect = (node) => {
         data2.selectedNode = node;
+        emit("select", data2.selectedNode);
       };
       const onDelete = () => {
         data2.selectedNode = {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/CascaderPicker.vue

@@ -3,10 +3,10 @@
         :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
         label-class="label">
         <template #input v-if="modelValue">
-        <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333" size="medium"
-          @close.stop="onDelete">
-          {{ data.selectedNode.formatLabel }}
-        </van-tag>
+            <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333" size="medium"
+            @close.stop="onDelete">
+            {{ data.selectedNode.formatLabel }}
+            </van-tag>
         </template>
     </van-field>
 
@@ -78,6 +78,7 @@ onMounted(() => {
 
 const onSelect = (node) => {
     data.selectedNode = node
+    emit('select', data.selectedNode)
 }
 
 const onDelete=()=>{

package/src/components/CascaderPop.vue

@@ -84,8 +84,6 @@ const data = reactive({
     totalNodes: [],
     // 搜索关键字
     keyword: "",
-    //关键字搜索到的节点列表
-    searchNodes: [],
     //当前节点
     currentNode: null,
     //勾选的节点id
@@ -94,9 +92,7 @@ const data = reactive({
 
 // 待选节点列表
 const optionNodes = computed(() => {
-    if (data.keyword)
-        return data.searchNodes
-    else if (data.currentNode)
+    if (data.currentNode)
         return data.currentNode?.children ? data.currentNode.children : []
     else
         return data.totalNodes ? data.totalNodes : []
@@ -123,7 +119,8 @@ const queryTotalNodes = async () => {
 // 关键字查询
 const onSearch = async () => {
     await props.queryNodes({keyword:data.keyword,parentId:''}, (nodes) => {
-        data.searchNodes = nodes
+        data.totalNodes = nodes
+        data.currentNode = null
     })
 }
 
@@ -138,7 +135,6 @@ const onBack = () => {
 
 const onClear=()=>{
     data.keyword = ''
-    data.searchNodes = []
 }
 
 // 清除掉选中节点

package/src/router/index.ts

@@ -165,10 +165,14 @@ const routes: Array<RouteRecordRaw> = [
 const router = createRouter({
   history: createWebHashHistory(process.env.BASE_URL),
   routes,
+  scrollBehavior(to, from, savedPosition) {
+    return { top: 0 }; // 强制滚动到顶部
+  }
 });
 
 router.beforeEach((to, from, next) => {
   console.log("+++路由回调++++++++++++++++++++++");
+  const showTabBar = to.meta.showTabBar ?? true // 默认显示
   next();
 });