widget.qw 1.0.1 → 1.0.4

package/build/style.css

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

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-54dee272] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-54dee272] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-54dee272] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-54dee272] {\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-54dee272] {\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-54dee272] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-54dee272] {\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-54dee272] {\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-54dee272] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-54dee272] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-54dee272] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-54dee272] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-54dee272] {\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-54dee272] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-54dee272] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-54dee272] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-54dee272] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-54dee272] {\r\n    color: #969799;\n}\r\n")();
+var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-4ccde514] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-4ccde514] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-4ccde514] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-4ccde514] {\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-4ccde514] {\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-4ccde514] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-4ccde514] {\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-4ccde514] {\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-4ccde514] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-4ccde514] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-4ccde514] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-4ccde514] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-4ccde514] {\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-4ccde514] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-4ccde514] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-4ccde514] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-4ccde514] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-4ccde514] {\r\n    color: #969799;\n}\r\n")();
 const _hoisted_1 = {
   class: "cascader-selector"
 };
@@ -20663,7 +20663,7 @@ const _sfc_main$1 = {
       });
     });
     const onSearch = () => __async(this, null, function* () {
-      yield util.queryNodes({
+      yield props.queryNodes({
         keyword: data2.keyword,
         parentId: ""
       }, (nodes) => {
@@ -20722,6 +20722,11 @@ const _sfc_main$1 = {
     }, {
       immediate: true
     });
+    watch(() => props.show, () => {
+      if (!props.show)
+        return;
+      queryTotalNodes();
+    });
     return (_ctx, _cache) => {
       const _component_van_button = resolveComponent("van-button");
       const _component_van_search = resolveComponent("van-search");
@@ -20803,8 +20808,8 @@ const _sfc_main$1 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-54dee272"]]);
-var CascaderPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user[data-v-50c3a19a]{\r\n  padding:4px 8px;\n}\r\n")();
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4ccde514"]]);
+var CascaderPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user[data-v-005675b5]{\r\n  padding:4px 8px;\n}\r\n")();
 const _sfc_main = {
   __name: "CascaderPicker",
   props: {
@@ -20902,7 +20907,8 @@ const _sfc_main = {
           key: 0,
           class: "selected-node",
           closeable: !unref(isDisabled),
-          type: "primary",
+          color: "#fff",
+          "text-color": "#333",
           size: "medium",
           onClose: withModifiers(onDelete, ["stop"])
         }, {
@@ -20923,7 +20929,7 @@ const _sfc_main = {
     };
   }
 };
-var CascaderPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50c3a19a"]]);
+var CascaderPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-005675b5"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

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-54dee272] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-54dee272] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-54dee272] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-54dee272] {\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-54dee272] {\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-54dee272] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-54dee272] {\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-54dee272] {\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-54dee272] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-54dee272] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-54dee272] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-54dee272] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-54dee272] {\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-54dee272] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-54dee272] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-54dee272] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-54dee272] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-54dee272] {\r\n    color: #969799;\n}\r\n")();
+  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-4ccde514] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-4ccde514] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-4ccde514] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-4ccde514] {\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-4ccde514] {\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-4ccde514] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-4ccde514] {\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-4ccde514] {\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-4ccde514] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-4ccde514] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-4ccde514] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-4ccde514] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-4ccde514] {\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-4ccde514] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-4ccde514] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-4ccde514] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-4ccde514] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-4ccde514] {\r\n    color: #969799;\n}\r\n")();
   const _hoisted_1 = {
     class: "cascader-selector"
   };
@@ -20666,7 +20666,7 @@ var __async = (__this, __arguments, generator) => {
         });
       });
       const onSearch = () => __async(this, null, function* () {
-        yield util.queryNodes({
+        yield props.queryNodes({
           keyword: data2.keyword,
           parentId: ""
         }, (nodes) => {
@@ -20725,6 +20725,11 @@ var __async = (__this, __arguments, generator) => {
       }, {
         immediate: true
       });
+      vue.watch(() => props.show, () => {
+        if (!props.show)
+          return;
+        queryTotalNodes();
+      });
       return (_ctx, _cache) => {
         const _component_van_button = vue.resolveComponent("van-button");
         const _component_van_search = vue.resolveComponent("van-search");
@@ -20806,8 +20811,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-54dee272"]]);
-  var CascaderPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user[data-v-50c3a19a]{\r\n  padding:4px 8px;\n}\r\n")();
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4ccde514"]]);
+  var CascaderPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user[data-v-005675b5]{\r\n  padding:4px 8px;\n}\r\n")();
   const _sfc_main = {
     __name: "CascaderPicker",
     props: {
@@ -20905,7 +20910,8 @@ var __async = (__this, __arguments, generator) => {
             key: 0,
             class: "selected-node",
             closeable: !vue.unref(isDisabled),
-            type: "primary",
+            color: "#fff",
+            "text-color": "#333",
             size: "medium",
             onClose: vue.withModifiers(onDelete, ["stop"])
           }, {
@@ -20926,7 +20932,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50c3a19a"]]);
+  var CascaderPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-005675b5"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -3,7 +3,7 @@
         :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
         label-class="label">
         <template #input>
-        <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" type="primary" size="medium"
+        <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>

package/src/components/CascaderPop.vue

@@ -122,7 +122,7 @@ const queryTotalNodes = async () => {
 
 // 关键字查询
 const onSearch = async () => {
-    await util.queryNodes({keyword:data.keyword,parentId:''}, (nodes) => {
+    await props.queryNodes({keyword:data.keyword,parentId:''}, (nodes) => {
         data.searchNodes = nodes
     })
 }
@@ -193,6 +193,13 @@ watch(() => props.modelValue, () => {
     // 初始化当前节点
     data.currentNode = util.findParent(props.modelValue, data.totalNodes)
 }, { immediate: true })
+
+watch(()=>props.show,()=>{
+    if(!props.show)
+        return
+
+    queryTotalNodes()
+})
 </script>
 
 <style scoped>

package/src/router/index.ts

@@ -160,16 +160,20 @@ const routes: Array<RouteRecordRaw> = [
     name: "cascaderpicker",
     component: () => import("../views/cascaderpicker/index.vue"),
   }
-];
+]
 
 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();
 });
 
-export default router;
+export default router;

package/src/views/cascaderpicker/index.vue

@@ -27,7 +27,7 @@ const queryNodes = async (params,setNodes) => {
     }
 
     if(params.keyword)
-        p.keyword = params.keyword
+        p.no = params.keyword
 
     if(params.parentId)
         p.parentId = params.parentId
@@ -59,7 +59,7 @@ const queryNode=async(setNode)=>{
     let formatNode = {
         id:res.data.id,
         label: res.data.formatName,
-        formatLabel: item.path,
+        formatLabel: res.data.path,
         hasChildren: res.data.hasChildren,
         data:res.data
     }

package/src/views/home/index.vue

@@ -63,4 +63,4 @@ onMounted(() => {
     margin-bottom: 15px;
   }
 }
-</style>
+</style>