lh-ui-next 0.1.7-beta.40 → 0.1.7-beta.42

package/README.md

@@ -4,8 +4,8 @@
 alpha version is use to self-test; beta version is use to public survey.for example:
 1.0.0-alpha.1
 1.0.0-test.2
-## Official version : "0.1.7-beta.40",
-## test version : "0.1.7-beta.40",
+## Official version : "0.1.7-beta.42",
+## test version : "0.1.7-beta.42",
 ## npmmirror
 When cnpm sync execution is unsuccessful，you can go the website(http://www.npmmirror.com/package/lh-ui-next) and press sync button to
  manual trigger the sync event

package/lib/lh-ui-next.mjs

@@ -3332,7 +3332,7 @@ const Jl = {
   components: {
     lhCheckbox: q
   },
-  emits: ["check-change", "init-finished"],
+  emits: ["check-change", "init-finished", "levelShowCount-change"],
   props: {
     data: {
       type: Array,
@@ -3387,6 +3387,13 @@ const Jl = {
         let t = JSON.parse(JSON.stringify(e));
         this.initData(t);
       }
+    },
+    levelShowCount: {
+      immediate: !1,
+      deep: !0,
+      handler: function(e) {
+        this.$emit("levelShowCount-change", e);
+      }
     }
   },
   computed: {
@@ -3395,6 +3402,10 @@ const Jl = {
     },
     KeyFieldName() {
       return typeof this.props.KeyFieldName > "u" ? "value" : this.props.KeyFieldName;
+    },
+    levelShowCount() {
+      let e = 1, t = this.secondList.length > 0 ? 1 : 0, i = this.thirdList.length > 0 ? 1 : 0, s = this.fourthList.length > 0 ? 1 : 0;
+      return e + t + i + s;
     }
   },
   methods: {
@@ -3517,34 +3528,6 @@ const Jl = {
     nodeCheckChangeAll() {
       this.allChecked ? this.allSelect() : this.clearSelect(), this.checkChanged();
     },
-    allSelect() {
-      let e = (t) => {
-        if (t.checked = !0, t.indeterminate = !1, t.childSelectedCount = (t.children || []).length, !t.isLeaf)
-          for (let i = 0; i < t.children.length; i++) {
-            let s = t.children[i];
-            e(s);
-          }
-      };
-      for (let t = 0; t < this.store.data.length; t++) {
-        let i = this.store.data[t];
-        e(i);
-      }
-      this.firstChecked = !0, this.firstIndeterminate = !1, this.secondChecked1 = !0, this.secondIndeterminate1 = !1, this.secondChecked2 = !0, this.secondIndeterminate2 = !1, this.thirdChecked = !0, this.thirdIndeterminate = !1, this.fourthChecked = !0, this.fourthIndeterminate = !1;
-    },
-    clearSelect() {
-      let e = (t) => {
-        if (t.checked = !1, t.indeterminate = !1, t.childSelectedCount = 0, !t.isLeaf)
-          for (let i = 0; i < t.children.length; i++) {
-            let s = t.children[i];
-            e(s);
-          }
-      };
-      for (let t = 0; t < this.store.data.length; t++) {
-        let i = this.store.data[t];
-        e(i);
-      }
-      this.firstChecked = !1, this.firstIndeterminate = !1, this.secondChecked1 = !1, this.secondIndeterminate1 = !1, this.secondChecked2 = !1, this.secondIndeterminate2 = !1, this.thirdChecked = !1, this.thirdIndeterminate = !1, this.fourthChecked = !1, this.fourthIndeterminate = !1;
-    },
     nodeCheckChange3() {
       for (let t = 0; t < this.thirdList.length; t++) {
         let i = this.thirdList[t];
@@ -3578,6 +3561,34 @@ const Jl = {
       };
       l(t), s == 0 ? (this.secondChecked1 = !1, this.secondIndeterminate1 = !1) : s > 0 && s == i ? (this.secondChecked1 = !0, this.secondIndeterminate1 = !1) : s > 0 && s < i && (this.secondChecked1 = !1, this.secondIndeterminate1 = !0);
     },
+    allSelect() {
+      let e = (t) => {
+        if (t.checked = !0, t.indeterminate = !1, t.childSelectedCount = (t.children || []).length, !t.isLeaf)
+          for (let i = 0; i < t.children.length; i++) {
+            let s = t.children[i];
+            e(s);
+          }
+      };
+      for (let t = 0; t < this.store.data.length; t++) {
+        let i = this.store.data[t];
+        e(i);
+      }
+      this.firstChecked = !0, this.firstIndeterminate = !1, this.secondChecked1 = !0, this.secondIndeterminate1 = !1, this.secondChecked2 = !0, this.secondIndeterminate2 = !1, this.thirdChecked = !0, this.thirdIndeterminate = !1, this.fourthChecked = !0, this.fourthIndeterminate = !1;
+    },
+    clearSelect() {
+      let e = (t) => {
+        if (t.checked = !1, t.indeterminate = !1, t.childSelectedCount = 0, !t.isLeaf)
+          for (let i = 0; i < t.children.length; i++) {
+            let s = t.children[i];
+            e(s);
+          }
+      };
+      for (let t = 0; t < this.store.data.length; t++) {
+        let i = this.store.data[t];
+        e(i);
+      }
+      this.firstChecked = !1, this.firstIndeterminate = !1, this.secondChecked1 = !1, this.secondIndeterminate1 = !1, this.secondChecked2 = !1, this.secondIndeterminate2 = !1, this.thirdChecked = !1, this.thirdIndeterminate = !1, this.fourthChecked = !1, this.fourthIndeterminate = !1;
+    },
     getCheckedKeys() {
       let e = [], t = (i) => {
         if (!i.isLeaf)
@@ -3620,6 +3631,10 @@ const Jl = {
       }
       this.checkChanged();
     },
+    clickNodeByKey(e) {
+      let t = this.findNodeByKey(e);
+      t && (t.checked = !t.checked, this.oneNodeClickCallback(t), this.checkChanged());
+    },
     hideOthers() {
       this.secondList = [], this.thirdList = [], this.fourthList = [], this.clickedFisrtNode = {};
     }
@@ -3855,7 +3870,7 @@ Se.install = function(e) {
 const Bn = {
   name: "lhTreeSpecialSelect",
   componentName: "lhTreeSpecialSelect",
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "clearCallback"],
   props: {
     modelValue: {
       type: [Array, String],
@@ -3905,7 +3920,7 @@ const Bn = {
   data() {
     return {
       showList: [],
-      pWidth: 200,
+      pWidth: 160,
       searchText: "",
       innerChangeFlag: !1,
       storeKeyList: [],
@@ -3946,30 +3961,14 @@ const Bn = {
     }
   },
   methods: {
-    debounce: function(e, t) {
-      this.fun !== null && clearTimeout(this.fun), this.fun = setTimeout(e, t);
-    },
-    listenResize() {
-      this.debounce(this.changeWidth, 500);
-    },
     handleResizeCallback() {
       this.$refs.myPopover.setRefClient();
     },
-    changeWidth() {
-      if (this.popoverContentWidth) {
-        this.pWidth = this.popoverContentWidth;
-        return;
-      }
-      let e = this.$refs.myPopover.$el;
-      if (e.style.width) {
-        let i = e.offsetWidth;
-        i < 200 && (i = 200), this.pWidth = i;
-      }
-    },
     hideOthers() {
       this.$refs.myTree.hideOthers();
     },
     buttonFuc1() {
+      this.$emit("clearCallback", 1);
     },
     search() {
       this.$refs.myTree && this.$refs.myTree.search(this.searchText);
@@ -3989,6 +3988,9 @@ const Bn = {
     },
     initFinished(e) {
       this.arrayLenth = e;
+    },
+    levelShowCountChange(e) {
+      this.pWidth = e * 160;
     }
   },
   computed: {
@@ -4000,10 +4002,8 @@ const Bn = {
     }
   },
   mounted() {
-    this.changeWidth(), window.addEventListener("resize", this.listenResize);
   },
   beforeUnmount() {
-    window.removeEventListener("resize", this.listenResize);
   }
 }, Rn = { class: "lh-treeS-select-div" }, Wn = { class: "treeS-select-div-header" }, On = { class: "treeS-select-div-content-wapper" }, Hn = { class: "treeS-select-div-footer" }, An = { class: "count-text pull-left" }, Un = { class: "pull-right" }, jn = ["innerHTML"], Kn = ["title"], Yn = ["innerHTML"], Jn = {
   key: 0,
@@ -4076,8 +4076,9 @@ function Xn(e, t, i, s, l, n) {
             props: i.treeProps,
             onCheckChange: n.checkChangeCallback,
             onInitFinished: n.initFinished,
+            onLevelShowCountChange: n.levelShowCountChange,
             ref: "myTree"
-          }, null, 8, ["data", "props", "onCheckChange", "onInitFinished"])
+          }, null, 8, ["data", "props", "onCheckChange", "onInitFinished", "onLevelShowCountChange"])
         ]),
         h("div", Hn, [
           h("span", An, b(l.showList.length) + "/" + b(l.arrayLenth), 1),