vue-lazy-cascader 0.1.11 → 0.1.13

package/README.md

@@ -29,8 +29,10 @@ pnpm install vue-lazy-cascader --save
 
 ## 使用方法
 
-```javascript
-import VueLazyCascader from "vue-lazy-cascader";
-```
+- [es模块示例](./src/components/VueLazyCascaderExample.vue)
+
+  ```javascript
+  import VueLazyCascader from "vue-lazy-cascader";
+  ```
 
-[es模块示例](./src/components/VueLazyCascaderExample.vue)
+- [直接script引入示例](./example/index.html)

package/lib/vue-lazy-cascader.common.js

@@ -1606,7 +1606,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/cascader/src/cascader.vue?vue&type=template&id=34a69b59
+;// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/cascader/src/cascader.vue?vue&type=template&id=65be7ea0
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(function () { return _vm.toggleDropDownVisible(false); }),expression:"() => toggleDropDownVisible(false)"}],ref:"reference",class:[
     'el-cascader',
     _vm.realSize && ("el-cascader--" + _vm.realSize),
@@ -5473,7 +5473,6 @@ const stopPropagation = e => e.stopPropagation();
       panel.handleExpand(node);
     },
     handleMultiCheckChange(checked) {
-      console.log(checked, 'checked---');
       this.node.doCheck(checked);
       this.panel.calculateMultiCheckedValue();
     },
@@ -5797,11 +5796,18 @@ var cascader_node_component = normalizeComponent(
           if (poor == parseInt(wrap.scrollTop) || poor == Math.ceil(wrap.scrollTop) || poor == Math.floor(wrap.scrollTop)) {
             let parentNode = this.nodes[0] && this.nodes[0].parent;
             const resolve = data => {
+              if (isEmpty(data)) return; // 必须return，否则可能会死循环
               // append当前父节点中不存在的节点到
-              data.forEach(d => {
-                const loadedVals = parentNode.children.map(n => n.getValue());
-                const index = loadedVals.findIndex(v => v === d[this.panel.config.value]);
-                index == -1 && this.panel.store.appendNode(d, parentNode);
+              const loadedVals = parentNode.children.map(n => n.getValue());
+              const toAppendData = data.filter(d => !loadedVals.includes(d[this.panel.config.value]));
+              if (toAppendData.length == 0) {
+                this.$nextTick(() => {
+                  this.$emit('menu-scroll-bottom', parentNode, resolve);
+                });
+                return;
+              }
+              toAppendData.forEach(d => {
+                this.panel.store.appendNode(d, parentNode);
               });
               // 同步checkedValue到节点checked
               this.panel.syncMultiCheckState();
@@ -7377,7 +7383,7 @@ const InputSizeMap = {
         const loadedFlattedNodesVals = this.panel.getFlattedNodes(false).map(n => n.value);
 
         // 2.从data中过滤掉出没加载的数据, 并append到store
-        const toAppendData = data.filter(node => !loadedFlattedNodesVals.includes(node.value));
+        const toAppendData = data.filter(d => !loadedFlattedNodesVals.includes(d[this.panel.config.value]));
         // 2.1 如果没有待append的数据，说明用户给的data都是已经加载过的，那么emit触底事件
         if (toAppendData.length == 0) {
           this.$nextTick(() => {
@@ -7391,7 +7397,7 @@ const InputSizeMap = {
           parentNode && this.panel.store.appendNode(d, parentNode);
         });
         // 3.根据checkedValue同步多选状态（用户一开始就传入了选中的value）
-        this.panel.syncMultiCheckState();
+        toAppendData.length && this.panel.syncMultiCheckState();
 
         // 3.调用前端搜索方法
         this.getSuggestions();