lh-ui-next 0.0.55 → 0.0.57

package/lib/lh-ui-next.mjs

@@ -1,5 +1,5 @@
-import { openBlock as o, createElementBlock as c, normalizeClass as f, createCommentVNode as p, renderSlot as L, withDirectives as v, createElementVNode as d, withModifiers as U, withKeys as Re, vModelDynamic as ht, toDisplayString as g, vModelRadio as dt, normalizeStyle as C, vShow as P, resolveDirective as Xe, resolveComponent as w, createBlock as M, withCtx as x, Fragment as b, renderList as y, createVNode as T, createTextVNode as I, vModelText as G, nextTick as Te, Transition as Ie, vModelCheckbox as Ge, createApp as Le } from "vue";
-const k = (e, t) => {
+import { openBlock as o, createElementBlock as c, normalizeClass as f, createCommentVNode as p, renderSlot as L, withDirectives as v, createElementVNode as d, withModifiers as U, withKeys as Re, vModelDynamic as ht, toDisplayString as g, vModelRadio as dt, normalizeStyle as k, vShow as P, resolveDirective as Xe, resolveComponent as w, createBlock as M, withCtx as x, Fragment as b, renderList as y, createVNode as T, createTextVNode as I, vModelText as G, nextTick as Te, Transition as Ie, vModelCheckbox as Ge, createApp as Le } from "vue";
+const C = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [s, l] of t)
     i[s] = l;
@@ -74,7 +74,7 @@ function mt(e, t, i, s, l, n) {
     }, null, 2)) : p("", !0)
   ], 10, ft);
 }
-const j = /* @__PURE__ */ k(ut, [["render", mt]]);
+const j = /* @__PURE__ */ C(ut, [["render", mt]]);
 j.install = function(e) {
   e.component(j.name, j);
 };
@@ -256,7 +256,7 @@ function vt(e, t, i, s, l, n) {
     }, g(i.suffixText), 513)) : p("", !0)
   ], 2);
 }
-const Y = /* @__PURE__ */ k(pt, [["render", vt]]);
+const Y = /* @__PURE__ */ C(pt, [["render", vt]]);
 Y.install = function(e) {
   e.component(Y.name, Y);
 };
@@ -349,7 +349,7 @@ function wt(e, t, i, s, l, n) {
     ], 2)
   ], 2);
 }
-const ie = /* @__PURE__ */ k(_t, [["render", wt]]);
+const ie = /* @__PURE__ */ C(_t, [["render", wt]]);
 ie.install = function(e) {
   e.component(ie.name, ie);
 };
@@ -651,7 +651,7 @@ function Lt(e, t, i, s, l, n) {
     ], 544),
     v(d("div", {
       class: f(["lh-popover-content", i.popoverContentClass]),
-      style: C({ width: `${n.initWidth(i.width)}`, minWidth: `${n.initWidth(i.minWidth)}`, visibility: l.placementPosition.visibility, top: l.placementPosition.top, left: l.placementPosition.left, "z-index": i.zIndex }),
+      style: k({ width: `${n.initWidth(i.width)}`, minWidth: `${n.initWidth(i.minWidth)}`, visibility: l.placementPosition.visibility, top: l.placementPosition.top, left: l.placementPosition.left, "z-index": i.zIndex }),
       id: l.thisEleContentId,
       ref: "popoverContent",
       onClick: t[5] || (t[5] = (...a) => n.popoverClick && n.popoverClick(...a)),
@@ -660,7 +660,7 @@ function Lt(e, t, i, s, l, n) {
     }, [
       v(d("div", {
         class: f(["triangle-icon", [l.triangleIconPosition.direction]]),
-        style: C({ width: l.triangleIconPosition.width, height: l.triangleIconPosition.height, top: l.triangleIconPosition.top, left: l.triangleIconPosition.left }),
+        style: k({ width: l.triangleIconPosition.width, height: l.triangleIconPosition.height, top: l.triangleIconPosition.top, left: l.triangleIconPosition.left }),
         ref: "triangleIcon"
       }, null, 6), [
         [P, i.visibleArrow]
@@ -671,7 +671,7 @@ function Lt(e, t, i, s, l, n) {
     ])
   ], 8, Tt);
 }
-const J = /* @__PURE__ */ k(St, [["render", Lt]]), Pt = {
+const J = /* @__PURE__ */ C(St, [["render", Lt]]), Pt = {
   name: "lhScrollbar",
   componentName: "lhScrollbar",
   props: {
@@ -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",
@@ -861,7 +861,7 @@ function Vt(e, t, i, s, l, n) {
   }, [
     v((o(), c("div", {
       class: "lh-scrollbar__wrap lh-scrollbar-native-hide",
-      style: C({ overflowX: l.horizontal.visible ? "auto" : "hidden", overflowY: l.vertical.visible ? "auto" : "hidden" }),
+      style: k({ overflowX: l.horizontal.visible ? "auto" : "hidden", overflowY: l.vertical.visible ? "auto" : "hidden" }),
       ref: "myScrollbarWrap",
       onScroll: t[0] || (t[0] = (r) => n.scrollhandler(r))
     }, [
@@ -878,7 +878,7 @@ function Vt(e, t, i, s, l, n) {
     }, [
       d("div", {
         class: f(["lh-scrollbar__thumb", { active: l.horizontal.isScrolling }]),
-        style: C(n.thumbStyleX()),
+        style: k(n.thumbStyleX()),
         onMousedown: t[1] || (t[1] = (...r) => n.mousedownHandlerX && n.mousedownHandlerX(...r))
       }, null, 38)
     ], 2),
@@ -887,13 +887,13 @@ function Vt(e, t, i, s, l, n) {
     }, [
       d("div", {
         class: f(["lh-scrollbar__thumb", { active: l.vertical.isScrolling }]),
-        style: C(n.thumbStyleY()),
+        style: k(n.thumbStyleY()),
         onMousedown: t[2] || (t[2] = (...r) => n.mousedownHandlerY && n.mousedownHandlerY(...r))
       }, null, 38)
     ], 2)
   ], 544);
 }
-const Z = /* @__PURE__ */ k(Pt, [["render", Vt]]), Nt = {
+const Z = /* @__PURE__ */ C(Pt, [["render", Nt]]), Vt = {
   name: "lhSelect",
   componentName: "lhSelect",
   components: {
@@ -1256,13 +1256,13 @@ function Kt(e, t, i, s, l, n) {
         T(r, {
           disableResizeWrap: "",
           ref: "myScrollbar",
-          style: C({ maxHeight: i.maxHeight + "px" })
+          style: k({ maxHeight: i.maxHeight + "px" })
         }, {
           default: x(() => [
             i.disabled ? p("", !0) : (o(), c("ul", {
               key: 0,
               ref: "ulCommon",
-              style: C({ width: l.popoverContentWidth + "px" })
+              style: k({ width: l.popoverContentWidth + "px" })
             }, [
               i.isTitle && i.isRemoveTitleHTML ? (o(!0), c(b, { key: 0 }, y(l.myoptionList, (u) => v((o(), c("li", {
                 onClick: (m) => n.itemClick(u),
@@ -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__ */ C(Vt, [["render", Kt]]), Jt = {
   name: "lhPagination",
   componentName: "lhPagination",
   emits: ["current-change", "prev-click", "next-click", "size-change"],
@@ -1610,7 +1610,7 @@ function zi(e, t, i, s, l, n) {
             }, [
               d("i", {
                 class: f(["lh-ui-font-component", "icon_component_arrow_double"]),
-                style: C({ transform: "rotate(-180deg)", fontSize: "12px" })
+                style: k({ transform: "rotate(-180deg)", fontSize: "12px" })
               }, null, 4)
             ], 2)) : p("", !0),
             n.totalPage > 1 ? (o(), c("li", {
@@ -1755,7 +1755,7 @@ function zi(e, t, i, s, l, n) {
             }, [
               d("i", {
                 class: f(["lh-ui-font-component", "icon_component_arrow_double"]),
-                style: C({ transform: "rotate(-180deg)", fontSize: "12px" })
+                style: k({ transform: "rotate(-180deg)", fontSize: "12px" })
               }, null, 4)
             ], 2)) : p("", !0),
             n.totalPage > 1 ? (o(), c("li", {
@@ -1827,7 +1827,7 @@ function zi(e, t, i, s, l, n) {
     ])
   ], 2)) : p("", !0);
 }
-const le = /* @__PURE__ */ k(Jt, [["render", zi]]);
+const le = /* @__PURE__ */ C(Jt, [["render", zi]]);
 le.install = function(e) {
   e.component(le.name, le);
 };
@@ -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(
@@ -2211,7 +2211,7 @@ function Oi(e, t, i, s, l, n) {
           key: l.key,
           class: f(["lh-dialog", { "is-fullscreen": i.fullscreen }]),
           ref: "dialog",
-          style: C(n.style)
+          style: k(n.style)
         }, [
           e.rendered ? (o(), c("div", Hi, [
             L(e.$slots, "default")
@@ -2224,7 +2224,7 @@ function Oi(e, t, i, s, l, n) {
     _: 3
   }, 8, ["onAfterEnter", "onAfterLeave"]);
 }
-const ne = /* @__PURE__ */ k(Fi, [["render", Oi]]);
+const ne = /* @__PURE__ */ C(Fi, [["render", Oi]]);
 ne.install = function(e) {
   e.component(ne.name, ne);
 };
@@ -2271,7 +2271,7 @@ function ji(e, t, i, s, l, n) {
     L(e.$slots, "default")
   ], 8, Ui);
 }
-const se = /* @__PURE__ */ k(Ai, [["render", ji]]);
+const se = /* @__PURE__ */ C(Ai, [["render", ji]]);
 se.install = function(e) {
   e.component(se.name, se);
 };
@@ -2340,7 +2340,7 @@ function Xi(e, t, i, s, l, n) {
     ])
   ], 2);
 }
-const X = /* @__PURE__ */ k(Yi, [["render", Xi]]);
+const X = /* @__PURE__ */ C(Yi, [["render", Xi]]);
 X.install = function(e) {
   e.component(X.name, X);
 };
@@ -2500,7 +2500,7 @@ function dl(e, t, i, s, l, n) {
     ])
   ]);
 }
-const ae = /* @__PURE__ */ k(Gi, [["render", dl]]);
+const ae = /* @__PURE__ */ C(Gi, [["render", dl]]);
 ae.install = function(e) {
   e.component(ae.name, ae);
 };
@@ -2606,7 +2606,7 @@ function xl(e, t, i, s, l, n) {
     ])
   ], 2);
 }
-const _l = /* @__PURE__ */ k(ul, [["render", xl]]), kl = {
+const _l = /* @__PURE__ */ C(ul, [["render", xl]]), kl = {
   name: "lhTree",
   componentName: "lhTree",
   components: {
@@ -2893,7 +2893,7 @@ function Sl(e, t, i, s, l, n) {
     ], 64))), 128))
   ]);
 }
-const $ = /* @__PURE__ */ k(kl, [["render", Sl]]);
+const $ = /* @__PURE__ */ C(kl, [["render", Sl]]);
 $.install = function(e) {
   e.component($.name, $);
 };
@@ -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__ */ C(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)),
@@ -3206,7 +3206,7 @@ function Hl(e, t, i, s, l, n) {
     _: 3
   }, 8, ["width", "popoverContentClass"]);
 }
-const oe = /* @__PURE__ */ k(Ml, [["render", Hl]]);
+const oe = /* @__PURE__ */ C(Ml, [["render", Hl]]);
 oe.install = function(e) {
   e.component(oe.name, oe);
 };
@@ -3332,7 +3332,7 @@ function $l(e, t, i, s, l, n) {
     }, [
       (o(!0), c(b, null, y(i.tablist, (a, r) => (o(), c("span", {
         class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
-        style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
+        style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
         onClick: (h) => n.tabswitch(r)
       }, g(a.name), 15, Al))), 256))
     ], 2)) : p("", !0),
@@ -3342,7 +3342,7 @@ function $l(e, t, i, s, l, n) {
     }, [
       (o(!0), c(b, null, y(i.tablist, (a, r) => (o(), c("span", {
         class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
-        style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
+        style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
         onClick: (h) => n.tabswitch(r)
       }, g(a.name), 15, Ul))), 256))
     ], 2)) : p("", !0),
@@ -3352,7 +3352,7 @@ function $l(e, t, i, s, l, n) {
     }, [
       (o(!0), c(b, null, y(i.tablist, (a, r) => (o(), c("span", {
         class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
-        style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
+        style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
         onClick: (h) => n.tabswitch(r)
       }, g(a.name), 15, jl))), 256))
     ], 2)) : p("", !0),
@@ -3367,7 +3367,7 @@ function $l(e, t, i, s, l, n) {
           class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
           ref_for: !0,
           ref: "n4Item",
-          style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
+          style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
           onClick: (h) => n.tabswitch(r)
         }, g(a.name), 15, Yl))
       ], 64))), 256)),
@@ -3375,7 +3375,7 @@ function $l(e, t, i, s, l, n) {
         Jl,
         d("div", {
           class: "drop-down-wrap",
-          style: C(i.dropWidth ? `width:${i.dropWidth}px;` : "width:auto;")
+          style: k(i.dropWidth ? `width:${i.dropWidth}px;` : "width:auto;")
         }, [
           d("ul", ql, [
             (o(!0), c(b, null, y(l.myTabList, (a, r) => (o(), c(b, null, [
@@ -3386,7 +3386,7 @@ function $l(e, t, i, s, l, n) {
                 d("span", {
                   class: f(["li-span", { active: n.isActive(r), disabled: a.disabled }]),
                   title: a.name,
-                  style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline" })
+                  style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline" })
                 }, g(a.name), 15, Gl)
               ], 8, Xl)) : p("", !0)
             ], 64))), 256))
@@ -3400,14 +3400,14 @@ function $l(e, t, i, s, l, n) {
     }, [
       (o(!0), c(b, null, y(i.tablist, (a, r) => (o(), c("span", {
         class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
-        style: C({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
+        style: k({ cursor: i.canNotSwitch ? "default" : "pointer", display: a.nodisplay ? "none" : "inline-block" }),
         onClick: (h) => n.tabswitch(r)
       }, g(a.name), 15, Zl))), 256))
     ], 2)) : p("", !0),
     Ql
   ], 2);
 }
-const re = /* @__PURE__ */ k(Ol, [["render", $l]]);
+const re = /* @__PURE__ */ C(Ol, [["render", $l]]);
 re.install = function(e) {
   e.component(re.name, re);
 };
@@ -3489,7 +3489,7 @@ function sn(e, t, i, s, l, n) {
     i.total ? (o(), c("div", nn, g(l.inputValue.trim().length || 0) + " / " + g(i.total), 1)) : p("", !0)
   ], 2);
 }
-const ce = /* @__PURE__ */ k(en, [["render", sn]]);
+const ce = /* @__PURE__ */ C(en, [["render", sn]]);
 ce.install = function(e) {
   e.component(ce.name, ce);
 };
@@ -3557,11 +3557,11 @@ function cn(e, t, i, s, l, n) {
     }, [
       d("span", {
         class: "lh-switch-text",
-        style: C({ color: l.curVal ? "" : "#409eff" })
+        style: k({ color: l.curVal ? "" : "#409eff" })
       }, g(i.inactiveText), 5),
       d("span", {
         class: "lh-switch-core",
-        style: C({
+        style: k({
           width: i.width + "px",
           borderColor: l.curVal ? i.activeColor : i.inactiveColor,
           backgroundColor: l.curVal ? i.activeColor : i.inactiveColor
@@ -3569,7 +3569,7 @@ function cn(e, t, i, s, l, n) {
       }, null, 4),
       d("span", {
         class: "lh-switch-text",
-        style: C({ color: l.curVal ? "#409eff" : "" })
+        style: k({ color: l.curVal ? "#409eff" : "" })
       }, g(i.activeText), 5),
       v(d("input", {
         type: "checkbox",
@@ -3584,7 +3584,7 @@ function cn(e, t, i, s, l, n) {
     ], 2)
   ]);
 }
-const he = /* @__PURE__ */ k(an, [["render", cn]]);
+const he = /* @__PURE__ */ C(an, [["render", cn]]);
 he.install = function(e) {
   e.component(he.name, he);
 };
@@ -3897,7 +3897,7 @@ function gn(e, t, i, s, l, n) {
     ], 2)
   ]);
 }
-const de = /* @__PURE__ */ k(hn, [["render", gn]]);
+const de = /* @__PURE__ */ C(hn, [["render", gn]]);
 de.install = function(e) {
   e.component(de.name, de);
 };
@@ -4087,7 +4087,7 @@ function wn(e, t, i, s, l, n) {
     ])) : p("", !0)
   ], 2);
 }
-const ue = /* @__PURE__ */ k(yn, [["render", wn]]);
+const ue = /* @__PURE__ */ C(yn, [["render", wn]]);
 ue.install = function(e) {
   e.component(ue.name, ue);
 };
@@ -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" })
+        style: k({ 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)
@@ -4258,11 +4258,11 @@ function Bn(e, t, i, s, l, n) {
     })
   ], 512);
 }
-const fe = /* @__PURE__ */ k(Sn, [["render", Bn]]);
+const fe = /* @__PURE__ */ C(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: _
         });
@@ -5053,7 +5053,7 @@ function Gn(e, t, i, s, l, n) {
     ])) : p("", !0)
   ]);
 }
-const me = /* @__PURE__ */ k(En, [["render", Gn]]);
+const me = /* @__PURE__ */ C(En, [["render", Gn]]);
 me.install = function(e) {
   e.component(me.name, me);
 };
@@ -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;
     },
@@ -5154,7 +5154,7 @@ const Zn = {
 function $n(e, t, i, s, l, n) {
   return o(), c("div", { id: l.myId }, null, 8, Qn);
 }
-const pe = /* @__PURE__ */ k(Zn, [["render", $n]]);
+const pe = /* @__PURE__ */ C(Zn, [["render", $n]]);
 pe.install = function(e) {
   e.component(pe.name, pe);
 };
@@ -5357,7 +5357,7 @@ function Cs(e, t, i, s, l, n) {
     ])
   ], 2);
 }
-const ee = /* @__PURE__ */ k(es, [["render", Cs]]);
+const ee = /* @__PURE__ */ C(es, [["render", Cs]]);
 ee.install = function(e) {
   e.component(ee.name, ee);
 };
@@ -5649,7 +5649,7 @@ function Ps(e, t, i, s, l, n) {
       }, [
         d("ul", {
           class: "lh-scroll-common",
-          style: C({ maxHeight: i.maxHeight + "px" })
+          style: k({ maxHeight: i.maxHeight + "px" })
         }, [
           (o(!0), c(b, null, y(l.searchResultList, (h) => (o(), c("li", {
             onClick: (u) => n.setInputValue(h),
@@ -5661,7 +5661,7 @@ function Ps(e, t, i, s, l, n) {
     _: 1
   }, 8, ["modelValue", "width", "popoverContentClass"]);
 }
-const be = /* @__PURE__ */ k(Ss, [["render", Ps]]);
+const be = /* @__PURE__ */ C(Ss, [["render", Ps]]);
 be.install = function(e) {
   e.component(be.name, be);
 };
@@ -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,
@@ -5901,13 +5901,13 @@ function Rs(e, t, i, s, l, n) {
           d("ul", {
             class: "lh-scroll-common",
             ref: "selectDropDown",
-            style: C({ maxHeight: i.maxHeight + "px" })
+            style: k({ maxHeight: i.maxHeight + "px" })
           }, [
             (o(!0), c(b, null, y(l.searchResultList, (m) => (o(), c("li", {
               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)
       ])), [
@@ -5917,7 +5917,7 @@ function Rs(e, t, i, s, l, n) {
     _: 1
   }, 8, ["modelValue", "width", "popoverContentClass"]);
 }
-const ge = /* @__PURE__ */ k(zs, [["render", Rs]]);
+const ge = /* @__PURE__ */ C(zs, [["render", Rs]]);
 ge.install = function(e) {
   e.component(ge.name, ge);
 };
@@ -6012,7 +6012,7 @@ function Fs(e, t, i, s, l, n) {
           l.showClose ? "is-closable" : "",
           l.customClass
         ]),
-        style: C(n.positionStyle),
+        style: k(n.positionStyle),
         onMouseenter: t[1] || (t[1] = (...a) => n.clearTimer && n.clearTimer(...a)),
         onMouseleave: t[2] || (t[2] = (...a) => n.startTimer && n.startTimer(...a)),
         role: "alert"
@@ -6043,7 +6043,7 @@ function Fs(e, t, i, s, l, n) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const Hs = /* @__PURE__ */ k(Bs, [["render", Fs]]);
+const Hs = /* @__PURE__ */ C(Bs, [["render", Fs]]);
 let O = [], Os = 1;
 const E = function(e) {
   e = e || {};
@@ -6412,7 +6412,7 @@ function da(e, t, i, s, l, n) {
             d("div", sa, [
               d("div", {
                 class: "percentage",
-                style: C(`width:${r.response.data.percentage}%;`)
+                style: k(`width:${r.response.data.percentage}%;`)
               }, null, 4)
             ])
           ], 64)) : p("", !0)
@@ -6449,7 +6449,7 @@ function da(e, t, i, s, l, n) {
     ])
   ], 2);
 }
-const ye = /* @__PURE__ */ k(As, [["render", da]]);
+const ye = /* @__PURE__ */ C(As, [["render", da]]);
 ye.install = function(e) {
   e.component(ye.name, ye);
 };
@@ -6624,7 +6624,7 @@ function ya(e, t, i, s, l, n) {
     _: 1
   }, 8, ["modelValue", "popoverContentClass"]);
 }
-const ve = /* @__PURE__ */ k(ua, [["render", ya]]);
+const ve = /* @__PURE__ */ C(ua, [["render", ya]]);
 ve.install = function(e) {
   e.component(ve.name, ve);
 };
@@ -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,34 @@ 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,
+            type: i.props.type,
+            align: i.props.align,
+            ifAscending: !1,
+            ifDescending: !1
+          };
+          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 +6808,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 +6867,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);
@@ -6864,13 +6886,13 @@ const va = {
 }, xa = { class: "lh-table-inner-wapper" }, _a = {
   class: "lh-table-header-wapper lh-scrollbar-native-hide",
   ref: "myTableHeader"
-}, ka = ["width"], Ca = ["onMousedown", "onMousemove"], wa = { class: "cell" }, Sa = {
+}, ka = ["width"], Ca = ["onMousedown", "onMousemove"], wa = {
   key: 2,
   class: "caret-wrapper"
-}, Ta = ["onClick"], Ia = ["onClick"], La = {
+}, Sa = ["onClick"], Ta = ["onClick"], Ia = {
   key: 0,
   class: "lh-table__empty-block"
-}, Pa = { class: "lh-table__empty-text" }, za = ["width"], Va = {
+}, La = { class: "lh-table__empty-text" }, Pa = ["width"], za = {
   class: "lh-table__column-resize-proxy",
   ref: "resizeProxy"
 };
@@ -6883,7 +6905,7 @@ function Na(e, t, i, s, l, n) {
     d("div", xa, [
       d("div", _a, [
         d("table", {
-          style: C({ width: n.returnTableWidth() })
+          style: k({ width: n.returnTableWidth() })
         }, [
           d("colgroup", null, [
             (o(!0), c(b, null, y(l.tableHeader, (h) => (o(), c("col", {
@@ -6895,10 +6917,17 @@ function Na(e, t, i, s, l, n) {
               (o(!0), c(b, null, y(l.tableHeader, (h, u) => (o(), c("th", {
                 onMousedown: (m) => n.handleThMouseDown(m, u),
                 onMousemove: (m) => n.handleHeaderMouseMove(m, u),
-                class: f({ "lh-table-fixed-column": h.fixed === "left" || h.fixed === "right", "last-column-left": h.lastColumnLeft, "first-column-right": h.firstColumnRight }),
-                style: C(n.returnStyle(h))
+                class: f({
+                  "lh-table-fixed-column": h.fixed === "left" || h.fixed === "right",
+                  "last-column-left": h.lastColumnLeft,
+                  "first-column-right": h.firstColumnRight
+                }),
+                style: k(n.returnStyle(h))
               }, [
-                d("div", wa, [
+                d("div", {
+                  class: "cell",
+                  style: k({ textAlign: h.align })
+                }, [
                   h.type === "selection" ? (o(), M(a, {
                     key: 0,
                     modelValue: l.allSelected,
@@ -6908,40 +6937,40 @@ function Na(e, t, i, s, l, n) {
                   }, null, 8, ["modelValue", "indeterminate"])) : (o(), c(b, { key: 1 }, [
                     I(g(h.label), 1)
                   ], 64)),
-                  h.sortable === "custom" ? (o(), c("span", Sa, [
+                  h.sortable === "custom" ? (o(), c("span", wa, [
                     d("i", {
                       class: f(["sort-caret ascending", { active: h.ifAscending }]),
                       onClick: (m) => n.ascending(h)
-                    }, null, 10, Ta),
+                    }, null, 10, Sa),
                     d("i", {
                       class: f(["sort-caret descending", { active: h.ifDescending }]),
                       onClick: (m) => n.descending(h)
-                    }, null, 10, Ia)
+                    }, null, 10, Ta)
                   ])) : p("", !0)
-                ])
+                ], 4)
               ], 46, Ca))), 256))
             ])
           ])
         ], 4)
       ], 512),
-      i.data.length === 0 ? (o(), c("div", La, [
-        d("span", Pa, g(i.emptyText), 1)
+      i.data.length === 0 ? (o(), c("div", Ia, [
+        d("span", La, g(i.emptyText), 1)
       ])) : p("", !0),
       T(r, {
-        style: C({ maxHeight: i.maxHeight }),
+        style: k({ maxHeight: i.maxHeight }),
         onOnScrollHorizontal: n.onScrollHorizontal,
         onInit: n.scrollbarInit,
         onHorizontalVisibleChange: n.horizontalVisibleChange
       }, {
         default: x(() => [
           d("table", {
-            style: C([{ width: n.returnTableWidth() }, { "min-height": "60px" }]),
+            style: k([{ width: n.returnTableWidth() }, { "min-height": "60px" }]),
             ref: "myTableContent"
           }, [
             d("colgroup", null, [
               (o(!0), c(b, null, y(l.tableHeader, (h) => (o(), c("col", {
                 width: h.realWidth
-              }, null, 8, za))), 256))
+              }, null, 8, Pa))), 256))
             ]),
             d("tbody", null, [
               (o(!0), c(b, null, y(i.data, (h, u) => (o(), c("tr", null, [
@@ -6953,16 +6982,16 @@ function Na(e, t, i, s, l, n) {
         _: 3
       }, 8, ["style", "onOnScrollHorizontal", "onInit", "onHorizontalVisibleChange"])
     ]),
-    v(d("div", Va, null, 512), [
+    v(d("div", za, null, 512), [
       [P, l.isDragging]
     ])
   ], 2);
 }
-const xe = /* @__PURE__ */ k(va, [["render", Na]]);
+const xe = /* @__PURE__ */ C(va, [["render", Na]]);
 xe.install = function(e) {
   e.component(xe.name, xe);
 };
-const Da = {
+const Va = {
   name: "lhTableColumn",
   componentName: "lhTableColumn",
   components: {
@@ -6997,6 +7026,10 @@ const Da = {
     fixed: {
       type: [String],
       default: ""
+    },
+    align: {
+      type: [String],
+      default: "left"
     }
   },
   watch: {
@@ -7061,16 +7094,19 @@ const Da = {
   mounted() {
     this.initFn();
   }
-}, Ma = { class: "cell" }, Ra = { key: 0 };
-function Ba(e, t, i, s, l, n) {
+}, Da = { key: 0 };
+function Ma(e, t, i, s, l, n) {
   const a = w("lh-checkbox");
   return o(), c("td", {
     ref: "myTd",
     class: f({ "lh-table-fixed-column": i.fixed === "left" || i.fixed === "right", "last-column-left": l.lastColumnLeft, "first-column-right": l.firstColumnRight }),
-    style: C(n.returnStyle())
+    style: k(n.returnStyle())
   }, [
-    d("div", Ma, [
-      i.type === "index" ? (o(), c("span", Ra, g(l.trIndex + 1), 1)) : i.type === "selection" ? (o(), M(a, {
+    d("div", {
+      class: "cell",
+      style: k({ textAlign: i.align })
+    }, [
+      i.type === "index" ? (o(), c("span", Da, g(l.trIndex + 1), 1)) : i.type === "selection" ? (o(), M(a, {
         key: 1,
         label: "2",
         modelValue: l.item.selected,
@@ -7082,14 +7118,14 @@ function Ba(e, t, i, s, l, n) {
       }, () => [
         d("span", null, g(l.item[i.prop]), 1)
       ])
-    ])
+    ], 4)
   ], 6);
 }
-const _e = /* @__PURE__ */ k(Da, [["render", Ba]]);
+const _e = /* @__PURE__ */ C(Va, [["render", Ma]]);
 _e.install = function(e) {
   e.component(_e.name, _e);
 };
-const Ea = {
+const Ra = {
   data() {
     return {
       text: null,
@@ -7105,39 +7141,39 @@ const Ea = {
       this.text = e;
     }
   }
-}, Wa = { class: "lh-loading-spinner" }, Fa = {
+}, Ba = { class: "lh-loading-spinner" }, Ea = {
   key: 0,
   class: "circular",
   viewBox: "25 25 50 50"
-}, Ha = /* @__PURE__ */ d("circle", {
+}, Wa = /* @__PURE__ */ d("circle", {
   class: "path",
   cx: "50",
   cy: "50",
   r: "20",
   fill: "none"
-}, null, -1), Oa = [
-  Ha
-], Aa = {
+}, null, -1), Fa = [
+  Wa
+], Ha = {
   key: 1,
   class: "lh-loading-icon-wapper"
-}, Ua = {
+}, Oa = {
   key: 2,
   class: "lh-loading-text"
 };
-function ja(e, t, i, s, l, n) {
+function Aa(e, t, i, s, l, n) {
   return o(), M(Ie, { name: "lh-loading-fade" }, {
     default: x(() => [
       v(d("div", {
         class: f(["lh-loading-mask", [l.customClass, { "is-fullscreen": l.fullscreen }]]),
-        style: C({ backgroundColor: l.background || "" })
+        style: k({ backgroundColor: l.background || "" })
       }, [
-        d("div", Wa, [
-          l.spinner ? (o(), c("div", Aa, [
+        d("div", Ba, [
+          l.spinner ? (o(), c("div", Ha, [
             d("i", {
               class: f(l.spinner)
             }, null, 2)
-          ])) : (o(), c("svg", Fa, Oa)),
-          l.text ? (o(), c("p", Ua, g(l.text), 1)) : p("", !0)
+          ])) : (o(), c("svg", Ea, Fa)),
+          l.text ? (o(), c("p", Oa, g(l.text), 1)) : p("", !0)
         ])
       ], 6), [
         [P, l.visible]
@@ -7146,7 +7182,7 @@ function ja(e, t, i, s, l, n) {
     _: 1
   });
 }
-const et = /* @__PURE__ */ k(Ea, [["render", ja]]), De = (e, t) => {
+const et = /* @__PURE__ */ C(Ra, [["render", Aa]]), De = (e, t) => {
   t.value ? Te(() => {
     t.modifiers.fullscreen ? (e.originalPosition = W(document.body, "position"), e.originalOverflow = W(document.body, "overflow"), e.maskStyle.zIndex = "3000", K(e.mask, "is-fullscreen"), Me(document.body, e, t)) : (q(e.mask, "is-fullscreen"), t.modifiers.body ? (e.originalPosition = W(document.body, "position"), ["top", "left"].forEach((i) => {
       const s = i === "top" ? "scrollTop" : "scrollLeft";
@@ -7170,7 +7206,7 @@ const et = /* @__PURE__ */ k(Ea, [["render", ja]]), De = (e, t) => {
     t.instance.hiding || (t.instance.visible = !0);
   }), t.domInserted = !0) : t.domVisible && t.instance.hiding === !0 && (t.instance.visible = !0, t.instance.hiding = !1);
 };
-let Ya = {
+let Ua = {
   mounted: function(e, t, i) {
     const s = e.getAttribute("lh-loading-text"), l = e.getAttribute("lh-loading-spinner"), n = e.getAttribute("lh-loading-background"), a = e.getAttribute("lh-loading-custom-class"), r = i.context;
     let u = Le(et).mount(document.createElement("div"));
@@ -7188,20 +7224,20 @@ let Ya = {
     }
   }
 };
-const Ka = {
+const ja = {
   text: null,
   fullscreen: !0,
   body: !1,
   lock: !1,
   customClass: ""
 };
-let Se, Ja = function() {
+let Se, Ya = function() {
   this.fullscreen && (Se = void 0), setTimeout(() => {
     const e = this.fullscreen || this.body ? document.body : this.target;
     q(e, "lh-loading-parent--relative"), q(e, "lh-loading-parent--hidden"), this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
   }, 300), this.visible = !1;
 };
-const qa = (e, t, i) => {
+const Ka = (e, t, i) => {
   let s = {};
   e.fullscreen ? (i.originalPosition = W(document.body, "position"), i.originalOverflow = W(document.body, "overflow"), s.zIndex = 3e3) : e.body ? (i.originalPosition = W(document.body, "position"), ["top", "left"].forEach((l) => {
     let n = l === "top" ? "scrollTop" : "scrollLeft";
@@ -7211,17 +7247,17 @@ const qa = (e, t, i) => {
   })) : i.originalPosition = W(t, "position"), Object.keys(s).forEach((l) => {
     i.$el.style[l] = s[l];
   });
-}, Xa = (e = {}) => {
-  if (e = Ze({}, Ka, e), typeof e.target == "string" && (e.target = document.querySelector(e.target)), e.target = e.target || document.body, e.target !== document.body ? e.fullscreen = !1 : e.body = !0, e.fullscreen && Se)
+}, Ja = (e = {}) => {
+  if (e = Ze({}, ja, e), typeof e.target == "string" && (e.target = document.querySelector(e.target)), e.target = e.target || document.body, e.target !== document.body ? e.fullscreen = !1 : e.body = !0, e.fullscreen && Se)
     return Se;
   let t = e.body ? document.body : e.target, s = Le(et).mount(document.createElement("div"));
-  return s.close = Ja, s.originalPosition = "", s.originalOverflow = "", qa(e, t, s), s.originalPosition !== "absolute" && s.originalPosition !== "fixed" && K(t, "lh-loading-parent--relative"), e.fullscreen && e.lock && K(t, "lh-loading-parent--hidden"), t.appendChild(s.$el), Te(() => {
+  return s.close = Ya, s.originalPosition = "", s.originalOverflow = "", Ka(e, t, s), s.originalPosition !== "absolute" && s.originalPosition !== "fixed" && K(t, "lh-loading-parent--relative"), e.fullscreen && e.lock && K(t, "lh-loading-parent--hidden"), t.appendChild(s.$el), Te(() => {
     s.visible = !0;
   }), e.fullscreen && (Se = s), e.text && s.setText(e.text), s;
 }, qe = {
-  directive: Ya,
-  service: Xa
-}, Ga = {
+  directive: Ua,
+  service: Ja
+}, qa = {
   data() {
     return {
       title: "",
@@ -7277,26 +7313,26 @@ const qa = (e, t, i) => {
   beforeUnmount() {
     document.removeEventListener("keydown", this.keydown), document.removeEventListener("hashchange", this.close);
   }
-}, Za = { class: "lh-mb-wapper" }, Qa = { class: "lh-mb-header" }, $a = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_remind02" }, null, -1), eo = { class: "lh-mb-header-span" }, to = { class: "lh-mb-content" }, io = { class: "lh-mb-footer" }, lo = { class: "pull-right" };
-function no(e, t, i, s, l, n) {
+}, Xa = { class: "lh-mb-wapper" }, Ga = { class: "lh-mb-header" }, Za = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_remind02" }, null, -1), Qa = { class: "lh-mb-header-span" }, $a = { class: "lh-mb-content" }, eo = { class: "lh-mb-footer" }, to = { class: "pull-right" };
+function io(e, t, i, s, l, n) {
   const a = w("lh-button");
   return o(), M(Ie, {
     name: "lh-mb-fade",
     onAfterLeave: n.handleAfterLeave
   }, {
     default: x(() => [
-      v(d("div", Za, [
+      v(d("div", Xa, [
         d("div", {
           class: "lh-mb",
-          style: C(n.positionStyle)
+          style: k(n.positionStyle)
         }, [
-          d("div", Qa, [
-            $a,
-            d("span", eo, g(l.title), 1)
+          d("div", Ga, [
+            Za,
+            d("span", Qa, g(l.title), 1)
           ]),
-          d("div", to, g(l.message), 1),
-          d("div", io, [
-            d("div", lo, [
+          d("div", $a, g(l.message), 1),
+          d("div", eo, [
+            d("div", to, [
               T(a, {
                 category: "minor",
                 onClick: n.cancel
@@ -7322,15 +7358,15 @@ function no(e, t, i, s, l, n) {
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-const so = /* @__PURE__ */ k(Ga, [["render", no]]);
-let A = [], ao = 1;
+const lo = /* @__PURE__ */ C(qa, [["render", io]]);
+let A = [], no = 1;
 const te = function(e) {
   e = e || {};
-  let t = e.onClose, i = "messageBox_" + ao++;
+  let t = e.onClose, i = "messageBox_" + no++;
   e.onClose = function() {
     te.close(i, t);
   };
-  let l = Le(so).mount(document.createElement("div"));
+  let l = Le(lo).mount(document.createElement("div"));
   for (let r in e)
     l[r] = e[r] || l[r];
   l.id = i, document.body.appendChild(l.$el);
@@ -7361,7 +7397,7 @@ te.closeAll = function() {
   for (let e = A.length - 1; e >= 0; e--)
     A[e].close();
 };
-const oo = {
+const so = {
   conditionSide: {
     title: "\u7B5B\u9009\u6761\u4EF6",
     reset: "\u91CD\u7F6E",
@@ -7383,7 +7419,7 @@ const oo = {
     custom: "\u81EA\u5B9A\u4E49",
     unlimit: "\u4E0D\u9650"
   }
-}, ro = [
+}, ao = [
   j,
   Y,
   le,
@@ -7413,11 +7449,11 @@ const oo = {
   xe,
   _e
 ], tt = function(e, t = {}) {
-  ro.map((i) => {
+  ao.map((i) => {
     e.component(i.name, i);
   }), window.$lhMessage = E, window.$loadingDirective = qe.directive, window.$loading = qe.service, window.$confirm = te.confirm, e.config.globalProperties.$lht = (i) => {
     let s = [];
-    return t.language && t.language.locale ? s = t.lang[t.language.locale].message : s = oo, i.split(".").reduce((l, n) => {
+    return t.language && t.language.locale ? s = t.lang[t.language.locale].message : s = so, i.split(".").reduce((l, n) => {
       if (l)
         return l[n];
     }, s);
@@ -7434,7 +7470,7 @@ document.addEventListener("click", function(e) {
       s[l].classList.remove("active");
   }
 });
-const ho = {
+const ro = {
   install: tt,
   Button: j,
   Input: Y,
@@ -7466,5 +7502,5 @@ const ho = {
   TableColumn: _e
 };
 export {
-  ho as default
+  ro as default
 };