widget.qw 1.0.87 → 1.0.89

package/build/style.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-.enterprise-header[data-v-d3934054] {
+.enterprise-header[data-v-435ecee6] {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -12,7 +12,7 @@
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
     margin-bottom: 4px;
 }
-.header-title[data-v-d3934054] {
+.header-title[data-v-435ecee6] {
     font-size: 14px;
     font-weight: 500;
     white-space: nowrap;
@@ -20,7 +20,7 @@
     text-overflow: ellipsis;
     max-width: 70%;
 }
-.header-btn[data-v-d3934054] {
+.header-btn[data-v-435ecee6] {
     position: absolute;
     width: 48px;
     height: 48px;
@@ -35,14 +35,14 @@
     cursor: pointer;
     padding: 0;
 }
-.header-btn[data-v-d3934054]:disabled {
+.header-btn[data-v-435ecee6]:disabled {
     opacity: 0.5;
     cursor: not-allowed;
 }
-.back-btn[data-v-d3934054] {
+.back-btn[data-v-435ecee6] {
     left: 0;
 }
-.home-btn[data-v-d3934054] {
+.home-btn[data-v-435ecee6] {
     right: 0;
 }
   

package/build/widget.qw.es.js

@@ -38,41 +38,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { inject, computed, resolveComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, ref, reactive, getCurrentInstance, provide, isVNode, defineComponent, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, createBlock, withCtx, renderList, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot } from "vue";
+import { computed, resolveComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, ref, reactive, getCurrentInstance, provide, inject, isVNode, defineComponent, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, createBlock, withCtx, renderList, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot } from "vue";
 var vm = {};
-/*!
-  * vue-router v4.0.15
-  * (c) 2022 Eduardo San Martin Morote
-  * @license MIT
-  */
-const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
-const PolySymbol = (name2) => hasSymbol ? Symbol(name2) : "_vr_" + name2;
-const routerKey = /* @__PURE__ */ PolySymbol("r");
-const routeLocationKey = /* @__PURE__ */ PolySymbol("rl");
-var NavigationType;
-(function(NavigationType2) {
-  NavigationType2["pop"] = "pop";
-  NavigationType2["push"] = "push";
-})(NavigationType || (NavigationType = {}));
-var NavigationDirection;
-(function(NavigationDirection2) {
-  NavigationDirection2["back"] = "back";
-  NavigationDirection2["forward"] = "forward";
-  NavigationDirection2["unknown"] = "";
-})(NavigationDirection || (NavigationDirection = {}));
-var NavigationFailureType;
-(function(NavigationFailureType2) {
-  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
-  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
-  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
-})(NavigationFailureType || (NavigationFailureType = {}));
-function useRouter() {
-  return inject(routerKey);
-}
-function useRoute() {
-  return inject(routeLocationKey);
-}
-var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-d3934054] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-d3934054] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-d3934054] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-d3934054]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-d3934054] {\r\n    left: 0;\n}\n.home-btn[data-v-d3934054] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
+var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-435ecee6] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-435ecee6] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-435ecee6] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-435ecee6]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-435ecee6] {\r\n    left: 0;\n}\n.home-btn[data-v-435ecee6] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -101,22 +69,19 @@ const _sfc_main$x = {
   },
   setup(__props) {
     const props = __props;
-    const router2 = useRouter();
-    const route = useRoute();
     const canGoBack = computed(() => {
       return window.history.length > 1;
     });
     const handleBack = () => {
-      console.log("back", router2, route);
       if (canGoBack.value) {
-        router2.back();
+        vm.routerCallback().back();
       } else {
-        router2.push(props.homePath);
+        vm.routerCallback().push(props.homePath);
       }
     };
     const handleHome = () => {
-      if (route.path !== props.homePath) {
-        router2.push(props.homePath);
+      if (vm.routerCallback().path !== props.homePath) {
+        vm.routerCallback().push(props.homePath);
       }
     };
     return (_ctx, _cache) => {
@@ -136,7 +101,7 @@ const _sfc_main$x = {
     };
   }
 };
-var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d3934054"]]);
+var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-435ecee6"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n) {
   if (n.__esModule)
@@ -22417,6 +22382,10 @@ const _sfc_main$2 = {
     onMounted(() => {
     });
     const onSelect = (node) => {
+      if (!node) {
+        emit("select", null);
+        return;
+      }
       if (!props.multiple) {
         data2.selectedNodes = [node];
         emit("select", data2.selectedNodes[0]);

package/build/widget.qw.umd.js

@@ -43,39 +43,7 @@ var __async = (__this, __arguments, generator) => {
 })(this, function(exports, vue) {
   "use strict";
   var vm = {};
-  /*!
-    * vue-router v4.0.15
-    * (c) 2022 Eduardo San Martin Morote
-    * @license MIT
-    */
-  const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
-  const PolySymbol = (name2) => hasSymbol ? Symbol(name2) : "_vr_" + name2;
-  const routerKey = /* @__PURE__ */ PolySymbol("r");
-  const routeLocationKey = /* @__PURE__ */ PolySymbol("rl");
-  var NavigationType;
-  (function(NavigationType2) {
-    NavigationType2["pop"] = "pop";
-    NavigationType2["push"] = "push";
-  })(NavigationType || (NavigationType = {}));
-  var NavigationDirection;
-  (function(NavigationDirection2) {
-    NavigationDirection2["back"] = "back";
-    NavigationDirection2["forward"] = "forward";
-    NavigationDirection2["unknown"] = "";
-  })(NavigationDirection || (NavigationDirection = {}));
-  var NavigationFailureType;
-  (function(NavigationFailureType2) {
-    NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
-    NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
-    NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
-  })(NavigationFailureType || (NavigationFailureType = {}));
-  function useRouter() {
-    return vue.inject(routerKey);
-  }
-  function useRoute() {
-    return vue.inject(routeLocationKey);
-  }
-  var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-d3934054] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-d3934054] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-d3934054] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-d3934054]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-d3934054] {\r\n    left: 0;\n}\n.home-btn[data-v-d3934054] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
+  var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-435ecee6] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-435ecee6] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-435ecee6] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-435ecee6]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-435ecee6] {\r\n    left: 0;\n}\n.home-btn[data-v-435ecee6] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
   var _export_sfc = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
     for (const [key, val] of props) {
@@ -104,22 +72,19 @@ var __async = (__this, __arguments, generator) => {
     },
     setup(__props) {
       const props = __props;
-      const router2 = useRouter();
-      const route = useRoute();
       const canGoBack = vue.computed(() => {
         return window.history.length > 1;
       });
       const handleBack = () => {
-        console.log("back", router2, route);
         if (canGoBack.value) {
-          router2.back();
+          vm.routerCallback().back();
         } else {
-          router2.push(props.homePath);
+          vm.routerCallback().push(props.homePath);
         }
       };
       const handleHome = () => {
-        if (route.path !== props.homePath) {
-          router2.push(props.homePath);
+        if (vm.routerCallback().path !== props.homePath) {
+          vm.routerCallback().push(props.homePath);
         }
       };
       return (_ctx, _cache) => {
@@ -139,7 +104,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d3934054"]]);
+  var HeadBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-435ecee6"]]);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getAugmentedNamespace(n) {
     if (n.__esModule)
@@ -22420,6 +22385,10 @@ var __async = (__this, __arguments, generator) => {
       vue.onMounted(() => {
       });
       const onSelect = (node) => {
+        if (!node) {
+          emit("select", null);
+          return;
+        }
         if (!props.multiple) {
           data2.selectedNodes = [node];
           emit("select", data2.selectedNodes[0]);

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -86,6 +86,11 @@ onMounted(() => {
 })
 
 const onSelect = (node) => {
+    if(!node){
+        emit('select', null)
+        return
+    }
+
     if (!props.multiple) {
         data.selectedNodes = [node]
         emit('select', data.selectedNodes[0])

package/src/components/HeadBar.vue

@@ -25,8 +25,8 @@
   </template>
   
   <script setup>
-  import { useRouter, useRoute } from 'vue-router'
   import { defineProps, computed } from 'vue'
+  import vm from "@/vm"
   
   // 定义组件属性
   const props = defineProps({
@@ -43,10 +43,6 @@
     }
   })
   
-  // 路由相关
-  const router = useRouter()
-  const route = useRoute()
-  
   // 判断是否可以返回
   const canGoBack = computed(() => {
     // 可以根据实际路由历史判断，这里简单处理
@@ -55,20 +51,19 @@
   
   // 处理返回逻辑
   const handleBack = () => {
-    console.log('back',router,route)
     if (canGoBack.value) {
-      router.back()
+      vm.routerCallback().back()
     } else {
       // 如果不能返回，则跳转到首页
-      router.push(props.homePath)
+      vm.routerCallback().push(props.homePath)
     }
   }
   
   // 处理返回首页逻辑
   const handleHome = () => {
     // 如果已经在首页，则不执行跳转
-    if (route.path !== props.homePath) {
-      router.push(props.homePath)
+    if (vm.routerCallback().path !== props.homePath) {
+      vm.routerCallback().push(props.homePath)
     }
   }
   </script>

package/src/main.js

@@ -65,6 +65,9 @@ setup({
   },
   fileUploadUrlCallback: ()=>{
     return `${import.meta.env.VITE_DOMAIN}/ac-api/file/upload`
+  },
+  routerCallback:()=>{
+    return router
   }
 });