lh-ui-next 0.0.55 → 0.0.56

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.0.55",
-## test version : "0.0.55",
+## Official version : "0.0.56",
+## test version : "0.0.56",
 ## 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

@@ -851,7 +851,7 @@ const J = /* @__PURE__ */ k(St, [["render", Lt]]), Pt = {
   class: "lh-scrollbar__view",
   ref: "myScrollbarView"
 };
-function Vt(e, t, i, s, l, n) {
+function Nt(e, t, i, s, l, n) {
   const a = Xe("resize");
   return o(), c("div", {
     class: "lh-scrollbar",
@@ -893,7 +893,7 @@ function Vt(e, t, i, s, l, n) {
     ], 2)
   ], 544);
 }
-const Z = /* @__PURE__ */ k(Pt, [["render", Vt]]), Nt = {
+const Z = /* @__PURE__ */ k(Pt, [["render", Nt]]), Vt = {
   name: "lhSelect",
   componentName: "lhSelect",
   components: {
@@ -1305,7 +1305,7 @@ function Kt(e, t, i, s, l, n) {
     _: 3
   }, 8, ["width", "modelValue", "zIndex", "appendToBody", "onHide"]);
 }
-const Q = /* @__PURE__ */ k(Nt, [["render", Kt]]), Jt = {
+const Q = /* @__PURE__ */ k(Vt, [["render", Kt]]), Jt = {
   name: "lhPagination",
   componentName: "lhPagination",
   emits: ["current-change", "prev-click", "next-click", "size-change"],
@@ -1842,12 +1842,12 @@ function Ze(e) {
   }
   return e;
 }
-const Vi = /([\:\-\_]+(.))/g, Ni = /^moz([A-Z])/, Di = Number(document.documentMode), Mi = function(e) {
+const Ni = /([\:\-\_]+(.))/g, Vi = /^moz([A-Z])/, Di = Number(document.documentMode), Mi = function(e) {
   return (e || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
 }, Ye = function(e) {
-  return e.replace(Vi, function(t, i, s, l) {
+  return e.replace(Ni, function(t, i, s, l) {
     return l ? s.toUpperCase() : s;
-  }).replace(Ni, "Moz$1");
+  }).replace(Vi, "Moz$1");
 };
 function Ee(e, t) {
   if (!e || !t)
@@ -1909,13 +1909,13 @@ const W = Di < 9 ? function(e, t) {
 };
 let Be = !1, Ke = !1, ke;
 const Je = function() {
-  let e = V.modalDom;
-  return e ? Be = !0 : (Be = !1, e = document.createElement("div"), V.modalDom = e, e.addEventListener("touchmove", function(t) {
+  let e = N.modalDom;
+  return e ? Be = !0 : (Be = !1, e = document.createElement("div"), N.modalDom = e, e.addEventListener("touchmove", function(t) {
     t.preventDefault(), t.stopPropagation();
   }), e.addEventListener("click", function() {
-    V.doOnModalClick && V.doOnModalClick();
+    N.doOnModalClick && N.doOnModalClick();
   })), e;
-}, Ce = {}, V = {
+}, Ce = {}, N = {
   modalFade: !0,
   getInstance: function(e) {
     return Ce[e];
@@ -1927,14 +1927,14 @@ const Je = function() {
     e && (Ce[e] = null, delete Ce[e]);
   },
   nextZIndex: function() {
-    return V.zIndex++;
+    return N.zIndex++;
   },
   modalStack: [],
   doOnModalClick: function() {
-    const e = V.modalStack[V.modalStack.length - 1];
+    const e = N.modalStack[N.modalStack.length - 1];
     if (!e)
       return;
-    const t = V.getInstance(e.id);
+    const t = N.getInstance(e.id);
     t && t.closeOnClickModal && t.close();
   },
   openModal: function(e, t, i, s, l) {
@@ -1964,11 +1964,11 @@ const Je = function() {
           }
     }
     t.length === 0 && (this.modalFade && K(i, "v-modal-leave"), setTimeout(() => {
-      t.length === 0 && (i.parentNode && i.parentNode.removeChild(i), i.style.display = "none", V.modalDom = void 0), q(i, "v-modal-leave");
+      t.length === 0 && (i.parentNode && i.parentNode.removeChild(i), i.style.display = "none", N.modalDom = void 0), q(i, "v-modal-leave");
     }, 200));
   }
 };
-Object.defineProperty(V, "zIndex", {
+Object.defineProperty(N, "zIndex", {
   configurable: !0,
   get() {
     return Ke || (ke = ke || 2100, Ke = !0), ke;
@@ -1978,9 +1978,9 @@ Object.defineProperty(V, "zIndex", {
   }
 });
 const Ri = function() {
-  if (V.modalStack.length > 0) {
-    const e = V.modalStack[V.modalStack.length - 1];
-    return e ? V.getInstance(e.id) : void 0;
+  if (N.modalStack.length > 0) {
+    const e = N.modalStack[N.modalStack.length - 1];
+    return e ? N.getInstance(e.id) : void 0;
   }
 };
 window.addEventListener("keydown", function(e) {
@@ -2002,7 +2002,7 @@ function Bi() {
   const s = i.offsetWidth;
   return e.parentNode.removeChild(e), we = t - s, we;
 }
-let Ei = 1, Ve;
+let Ei = 1, Ne;
 const Wi = {
   props: {
     visible: {
@@ -2039,10 +2039,10 @@ const Wi = {
     }
   },
   beforeMount() {
-    this._popupId = "popup-" + Ei++, V.register(this._popupId, this);
+    this._popupId = "popup-" + Ei++, N.register(this._popupId, this);
   },
   beforeUnmount() {
-    V.deregister(this._popupId), V.closeModal(this._popupId), this.restoreBodyStyle();
+    N.deregister(this._popupId), N.closeModal(this._popupId), this.restoreBodyStyle();
   },
   data() {
     return {
@@ -2080,12 +2080,12 @@ const Wi = {
         return;
       this._opening = !0;
       const t = this.$el, i = e.modal, s = e.zIndex;
-      if (s && (V.zIndex = s), i && (this._closing && (V.closeModal(this._popupId), this._closing = !1), V.openModal(this._popupId, V.nextZIndex(), this.modalAppendToBody ? void 0 : t, e.modalClass, e.modalFade), e.lockScroll)) {
-        this.withoutHiddenClass = !Ee(document.body, "lh-popup-parent--hidden"), this.withoutHiddenClass && (this.bodyPaddingRight = document.body.style.paddingRight, this.computedBodyPaddingRight = parseInt(W(document.body, "paddingRight"), 10)), Ve = Bi();
+      if (s && (N.zIndex = s), i && (this._closing && (N.closeModal(this._popupId), this._closing = !1), N.openModal(this._popupId, N.nextZIndex(), this.modalAppendToBody ? void 0 : t, e.modalClass, e.modalFade), e.lockScroll)) {
+        this.withoutHiddenClass = !Ee(document.body, "lh-popup-parent--hidden"), this.withoutHiddenClass && (this.bodyPaddingRight = document.body.style.paddingRight, this.computedBodyPaddingRight = parseInt(W(document.body, "paddingRight"), 10)), Ne = Bi();
         const l = document.documentElement.clientHeight < document.body.scrollHeight, n = W(document.body, "overflowY");
-        Ve > 0 && (l || n === "scroll") && this.withoutHiddenClass && (document.body.style.paddingRight = this.computedBodyPaddingRight + Ve + "px"), K(document.body, "lh-popup-parent--hidden");
+        Ne > 0 && (l || n === "scroll") && this.withoutHiddenClass && (document.body.style.paddingRight = this.computedBodyPaddingRight + Ne + "px"), K(document.body, "lh-popup-parent--hidden");
       }
-      getComputedStyle(t).position === "static" && (t.style.position = "absolute"), t.style.zIndex = V.nextZIndex(), this.opened = !0, this.onOpen && this.onOpen(), this.doAfterOpen();
+      getComputedStyle(t).position === "static" && (t.style.position = "absolute"), t.style.zIndex = N.nextZIndex(), this.opened = !0, this.onOpen && this.onOpen(), this.doAfterOpen();
     },
     doAfterOpen() {
       this._opening = !1;
@@ -2103,7 +2103,7 @@ const Wi = {
       this._closing = !0, this.onClose && this.onClose(), this.lockScroll && setTimeout(this.restoreBodyStyle, 200), this.opened = !1, this.doAfterClose();
     },
     doAfterClose() {
-      V.closeModal(this._popupId), this._closing = !1;
+      N.closeModal(this._popupId), this._closing = !1;
     },
     restoreBodyStyle() {
       this.modal && this.withoutHiddenClass && (document.body.style.paddingRight = this.bodyPaddingRight, q(
@@ -2920,8 +2920,8 @@ const Tl = {
       this.$emit("handleResizeCallback", e);
     }
   }
-}, Il = { class: "lh-tree-select-div" }, Ll = { class: "tree-select-div-header" }, Pl = { class: "tree-select-div-content-wapper lh-scroll-common" }, zl = { class: "tree-select-div-content" }, Vl = { class: "tree-select-div-footer" };
-function Nl(e, t, i, s, l, n) {
+}, Il = { class: "lh-tree-select-div" }, Ll = { class: "tree-select-div-header" }, Pl = { class: "tree-select-div-content-wapper lh-scroll-common" }, zl = { class: "tree-select-div-content" }, Nl = { class: "tree-select-div-footer" };
+function Vl(e, t, i, s, l, n) {
   return o(), c("div", Il, [
     d("div", Ll, [
       L(e.$slots, "header")
@@ -2931,12 +2931,12 @@ function Nl(e, t, i, s, l, n) {
         L(e.$slots, "content")
       ])
     ]),
-    d("div", Vl, [
+    d("div", Nl, [
       L(e.$slots, "footer")
     ])
   ]);
 }
-const Dl = /* @__PURE__ */ k(Tl, [["render", Nl]]), Ml = {
+const Dl = /* @__PURE__ */ k(Tl, [["render", Vl]]), Ml = {
   name: "lhTreeSelect",
   componentName: "lhTreeSelect",
   emits: ["tree-check-click", "update:modelValue"],
@@ -3128,7 +3128,7 @@ function Hl(e, t, i, s, l, n) {
                 }, null, 8, El),
                 d("i", {
                   class: "lh-ui-font-component icon_component_close",
-                  onClick: t[1] || (t[1] = U((...N) => n.delTopItem && n.delTopItem(...N), ["stop"]))
+                  onClick: t[1] || (t[1] = U((...V) => n.delTopItem && n.delTopItem(...V), ["stop"]))
                 })
               ], 8, Bl)) : p("", !0)
             ], 64))), 256)),
@@ -4192,10 +4192,10 @@ const Sn = {
   ref: "condition"
 }, In = { class: "lh-condition-side-head" }, Ln = { class: "lh-condition-side-head-right" }, Pn = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_funnel" }, null, -1), zn = [
   Pn
-], Vn = {
+], Nn = {
   class: "lh-condition-side-wapper canNotDown",
   ref: "conditionWapper"
-}, Nn = {
+}, Vn = {
   key: 0,
   class: "title-img-wapper"
 }, Dn = ["src"], Mn = { class: "lh-condition-content lh-scroll-common" }, Rn = { class: "lh-condition-footer" };
@@ -4218,12 +4218,12 @@ function Bn(e, t, i, s, l, n) {
         }, 8, ["onClick"])
       ])
     ]),
-    d("div", Vn, [
+    d("div", Nn, [
       d("div", {
         class: "lh-condition-title",
         style: C({ paddingLeft: i.imgSrc ? "48px" : "0" })
       }, [
-        i.imgSrc ? (o(), c("span", Nn, [
+        i.imgSrc ? (o(), c("span", Vn, [
           d("img", { src: i.imgSrc }, null, 8, Dn)
         ])) : p("", !0),
         d("span", null, g(e.$lht("conditionSide.title")), 1)
@@ -4262,7 +4262,7 @@ const fe = /* @__PURE__ */ k(Sn, [["render", Bn]]);
 fe.install = function(e) {
   e.component(fe.name, fe);
 };
-let Ne = {
+let Ve = {
   lunarInfo: [
     19416,
     19168,
@@ -4811,7 +4811,7 @@ let Ne = {
     u < 0 && (u += n, l--);
     var m = new Date(), _ = !1;
     m.getFullYear() == a && m.getMonth() + 1 == r && m.getDate() == h && (_ = !0);
-    var S = s.getDay(), N = this.nStr1[S];
+    var S = s.getDay(), V = this.nStr1[S];
     S == 0 && (S = 7);
     var D = l, B = this.leapMonth(l), z = !1;
     for (l = 1; l < 13 && u > 0; l++)
@@ -4842,7 +4842,7 @@ let Ne = {
       isToday: _,
       isLeap: z,
       nWeek: S,
-      ncWeek: "\u661F\u671F" + N,
+      ncWeek: "\u661F\u671F" + V,
       isTerm: Pe,
       Term: ze,
       astro: ot
@@ -4861,7 +4861,7 @@ let Ne = {
     for (var m = 0, _ = !1, u = 1; u < t; u++)
       m = this.leapMonth(e), _ || m <= u && m > 0 && (h += this.leapDays(e), _ = !0), h += this.monthDays(e, u);
     l && (h += a);
-    var S = Date.UTC(1900, 1, 30, 0, 0, 0), N = new Date((h + i - 31) * 864e5 + S), D = N.getUTCFullYear(), B = N.getUTCMonth() + 1, z = N.getUTCDate();
+    var S = Date.UTC(1900, 1, 30, 0, 0, 0), V = new Date((h + i - 31) * 864e5 + S), D = V.getUTCFullYear(), B = V.getUTCMonth() + 1, z = V.getUTCDate();
     return this.solar2lunar(D, B, z);
   }
 };
@@ -4902,23 +4902,23 @@ const Qe = {
           let z = "", R = "";
           t === 1 ? (z = 12, R = e - 1) : (z = t - 1, R = e);
           let F = this.getDayCount4Month(R, z);
-          u = h + F - s + 2, m = Ne.solar2lunar(R, z, u), _ = this.disabledNotCurrentMonth;
+          u = h + F - s + 2, m = Ve.solar2lunar(R, z, u), _ = this.disabledNotCurrentMonth;
         } else if (h > l - 1) {
           let z = "", R = "";
           t === 12 ? (z = 1, R = e + 1) : (z = t + 1, R = e);
           let F = (h + 1) % 7;
-          F = F === 0 ? 7 : F, u = F - (7 - (a - l)), m = Ne.solar2lunar(R, z, u), _ = this.disabledNotCurrentMonth;
+          F = F === 0 ? 7 : F, u = F - (7 - (a - l)), m = Ve.solar2lunar(R, z, u), _ = this.disabledNotCurrentMonth;
         } else
-          u = h - s + 2, m = Ne.solar2lunar(e, t, u);
+          u = h - s + 2, m = Ve.solar2lunar(e, t, u);
         let S = !1;
         (h + 1) % 7 === 0 && (S = !0);
-        let N = !1;
-        h >= n * 7 && (N = !0);
+        let V = !1;
+        h >= n * 7 && (V = !0);
         let D = Math.ceil((h + 1) / 7), B = m.date.replace(/-/g, "/") + " 00:00:00";
         m.GMTTime = new Date(B), typeof this.pickerOptions.disabledDate == "function" && (_ = this.pickerOptions.disabledDate(m.GMTTime)), r[D - 1].push({
           day: u,
           noBorderRight: S,
-          noBorderBottom: N,
+          noBorderBottom: V,
           dayDescription: m,
           disabled: _
         });
@@ -5093,18 +5093,18 @@ const Zn = {
       let u = l * Math.tan(h), m = -1 * s * Math.tan(h);
       for (let _ = 0; _ <= n; _ += s)
         for (let S = 0; S < a; S += l) {
-          let N = 0, D = 0;
+          let V = 0, D = 0;
           if (S == 0)
             if (_ == 0)
-              N = 0, D = 0;
+              V = 0, D = 0;
             else {
-              a / l >= 2 && (N = N + -1 * a, D = D + -1 * u * (a / l)), r.translate(m, s);
+              a / l >= 2 && (V = V + -1 * a, D = D + -1 * u * (a / l)), r.translate(m, s);
               let B = l / 2 + 10, z = B * Math.cos(h), R = B * Math.sin(h);
-              _ / s % 2 == 0 ? (N = N + -1 * z, D = D + -1 * R) : (N = N + z, D = D + R);
+              _ / s % 2 == 0 ? (V = V + -1 * z, D = D + -1 * R) : (V = V + z, D = D + R);
             }
           else
-            N = l, D = u;
-          r.translate(N, D), r.fillText(t, 35, 48);
+            V = l, D = u;
+          r.translate(V, D), r.fillText(t, 35, 48);
         }
       return i;
     },
@@ -5835,7 +5835,7 @@ const zs = {
   beforeUnmount() {
     window.removeEventListener("resize", this.listenResize);
   }
-}, Vs = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1), Ns = ["onClick", "title"], Ds = ["title", "id"], Ms = /* @__PURE__ */ d("i", { class: "dropdown-icon lh-ui-font-component icon_component_arrow_down" }, null, -1);
+}, Ns = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1), Vs = ["onClick", "title"], Ds = ["title", "id"], Ms = /* @__PURE__ */ d("i", { class: "dropdown-icon lh-ui-font-component icon_component_arrow_down" }, null, -1);
 function Rs(e, t, i, s, l, n) {
   const a = w("lh-input"), r = w("lh-button"), h = w("lh-popover"), u = Xe("loading");
   return o(), M(h, {
@@ -5892,7 +5892,7 @@ function Rs(e, t, i, s, l, n) {
             onClick: n.search,
             "prefix-icon": "icon_component_search"
           }, null, 8, ["size", "onClick"])) : p("", !0),
-          Vs
+          Ns
         ], 2),
         l.searchResultList && l.searchResultList.length > 0 ? (o(), c("div", {
           key: 0,
@@ -5907,7 +5907,7 @@ function Rs(e, t, i, s, l, n) {
               class: f(l.showContent && (i.labelField ? m[i.labelField] : m) == l.showContent ? "active" : m.disabled ? "disabled" : ""),
               onClick: (_) => n.setShowContent(m),
               title: i.labelField ? m[i.labelField] : m
-            }, g(i.labelField ? m[i.labelField] : m), 11, Ns))), 256))
+            }, g(i.labelField ? m[i.labelField] : m), 11, Vs))), 256))
           ], 4)
         ], 2)) : p("", !0)
       ])), [
@@ -6711,6 +6711,18 @@ const va = {
     }
   },
   methods: {
+    clearSort() {
+      for (let e = 0; e < this.tableHeader.length; e++) {
+        let t = this.tableHeader[e];
+        t.ifAscending = !1, t.ifDescending = !1;
+      }
+    },
+    ascending(e) {
+      this.clearSort(), e.ifAscending = !0, e.sortable === "custom" && this.$emit("sortChange", { prop: e.prop, order: "ascending" });
+    },
+    descending(e) {
+      this.clearSort(), e.ifDescending = !0, e.sortable === "custom" && this.$emit("sortChange", { prop: e.prop, order: "descending" });
+    },
     generateUUID() {
       let e = new Date().getTime();
       return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(i) {
@@ -6733,20 +6745,33 @@ const va = {
     handleHeader() {
       setTimeout(() => {
         let e = [];
-        for (let t = 0; t < this.$slots.default().length; t++) {
-          let i = this.$slots.default()[t];
-          if (i.type.componentName === "lhTableColumn") {
-            let s = {
-              label: i.props.label,
-              prop: i.props.prop,
-              sortable: i.props.sortable,
-              fixed: i.props.fixed,
-              ifAscending: !1,
-              ifDescending: !1,
-              type: i.props.type
-            };
-            i.props.width ? s.width = i.props.width : (i.props.minWidth || i.props["min-width"]) && (s.minWidth = i.props.minWidth || i.props["min-width"]), e.push(s);
-          }
+        const t = (i) => {
+          let s = {
+            label: i.props.label,
+            prop: i.props.prop,
+            sortable: i.props.sortable,
+            fixed: i.props.fixed,
+            ifAscending: !1,
+            ifDescending: !1,
+            type: i.props.type
+          };
+          i.props.width ? s.width = i.props.width : (i.props.minWidth || i.props["min-width"]) && (s.minWidth = i.props.minWidth || i.props["min-width"]), e.push(s);
+        };
+        for (let i = 0; i < this.$slots.default().length; i++) {
+          let s = this.$slots.default()[i];
+          if (s.type.componentName === "lhTableColumn")
+            t(s);
+          else if (s.children && Array.isArray(s.children))
+            for (let l = 0; l < s.children.length; l++) {
+              let n = s.children[l];
+              if (n.type.componentName === "lhTableColumn")
+                t(n);
+              else if (n.children && Array.isArray(n.children))
+                for (let a = 0; a < n.children.length; a++) {
+                  let r = n.children[a];
+                  r.type.componentName === "lhTableColumn" && t(r);
+                }
+            }
         }
         e = this.calColumnWidth(e), this.tableHeader = JSON.parse(JSON.stringify(e));
       }, 0);
@@ -6782,18 +6807,6 @@ const va = {
       }
       return h !== null && (e[h].firstColumnRight = !0), e;
     },
-    clearSort() {
-      for (let e = 0; e < this.tableHeader.length; e++) {
-        let t = this.tableHeader[e];
-        t.ifAscending = !1, t.ifDescending = !1;
-      }
-    },
-    ascending(e) {
-      this.clearSort(), e.ifAscending = !0, e.sortable === "custom" && this.$emit("sortChange", { prop: e.prop, order: "ascending" });
-    },
-    descending(e) {
-      this.clearSort(), e.ifDescending = !0, e.sortable === "custom" && this.$emit("sortChange", { prop: e.prop, order: "descending" });
-    },
     onScrollHorizontal(e) {
       this.$refs.myTableHeader.scrollLeft = e.scrollLeft, this.showLeftShadow = e.scrollLeft !== 0;
       let t = this.$refs.myTableContent.offsetWidth;
@@ -6853,10 +6866,18 @@ const va = {
         this.tableHeader[t].width = S, this.changeWidth(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", h);
       };
       document.addEventListener("mousemove", r), document.addEventListener("mouseup", h);
+    },
+    slotChange() {
+      this.handleHeader();
     }
   },
   mounted() {
     this.handleHeader(), window.addEventListener("resize", this.listenResize);
+    const e = new MutationObserver(this.slotChange);
+    e.observe(this.$el, {
+      childList: !0,
+      subtree: !0
+    }), this.observer = e;
   },
   beforeUnmount() {
     window.removeEventListener("resize", this.listenResize);
@@ -6870,11 +6891,11 @@ const va = {
 }, Ta = ["onClick"], Ia = ["onClick"], La = {
   key: 0,
   class: "lh-table__empty-block"
-}, Pa = { class: "lh-table__empty-text" }, za = ["width"], Va = {
+}, Pa = { class: "lh-table__empty-text" }, za = ["width"], Na = {
   class: "lh-table__column-resize-proxy",
   ref: "resizeProxy"
 };
-function Na(e, t, i, s, l, n) {
+function Va(e, t, i, s, l, n) {
   const a = w("lh-checkbox"), r = w("lh-scrollbar");
   return o(), c("div", {
     class: f(["lh-table", { "last-column-left-show": l.showLeftShadow && l.horizontalVisible, "first-column-right-show": l.showRightShadow && l.horizontalVisible }]),
@@ -6953,12 +6974,12 @@ function Na(e, t, i, s, l, n) {
         _: 3
       }, 8, ["style", "onOnScrollHorizontal", "onInit", "onHorizontalVisibleChange"])
     ]),
-    v(d("div", Va, null, 512), [
+    v(d("div", Na, null, 512), [
       [P, l.isDragging]
     ])
   ], 2);
 }
-const xe = /* @__PURE__ */ k(va, [["render", Na]]);
+const xe = /* @__PURE__ */ k(va, [["render", Va]]);
 xe.install = function(e) {
   e.component(xe.name, xe);
 };