lh-ui-next 0.0.54 → 0.0.55

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

@@ -17,6 +17,10 @@ const k = (e, t) => {
       type: String,
       default: "primary"
     },
+    categoryTextType: {
+      type: [String, Number],
+      default: "1"
+    },
     size: {
       type: String,
       default: ""
@@ -35,8 +39,11 @@ const k = (e, t) => {
     }
   },
   methods: {
-    categoryEqual(e) {
-      return this.category === e;
+    categoryClass() {
+      return "lh-button-" + this.category;
+    },
+    categoryTextClass() {
+      return "lh-button-text-type" + this.categoryTextType;
     },
     handleClick(e) {
       this.$emit("click", e);
@@ -45,15 +52,13 @@ const k = (e, t) => {
 }, ft = ["disabled", "type"];
 function mt(e, t, i, s, l, n) {
   return o(), c("button", {
-    class: f(["lh-button", {
-      "lh-button-primary": n.categoryEqual("primary"),
-      "lh-button-minor": n.categoryEqual("minor"),
-      "lh-button-text": n.categoryEqual("text"),
-      disabled: i.disabled,
-      mini: i.size == "mini",
-      big: i.size == "big",
-      "has-icon": i.prefixIcon || i.suffixIcon
-    }]),
+    class: f(["lh-button", [
+      n.categoryClass(),
+      n.categoryTextClass(),
+      i.size,
+      i.disabled ? "disabled" : "",
+      i.prefixIcon || i.suffixIcon ? "has-icon" : ""
+    ]]),
     disabled: i.disabled,
     onClick: t[0] || (t[0] = (...a) => n.handleClick && n.handleClick(...a)),
     type: i.type
@@ -666,7 +671,7 @@ function Lt(e, t, i, s, l, n) {
     ])
   ], 8, Tt);
 }
-const q = /* @__PURE__ */ k(St, [["render", Lt]]), Pt = {
+const J = /* @__PURE__ */ k(St, [["render", Lt]]), Pt = {
   name: "lhScrollbar",
   componentName: "lhScrollbar",
   props: {
@@ -892,7 +897,7 @@ const Z = /* @__PURE__ */ k(Pt, [["render", Vt]]), Nt = {
   name: "lhSelect",
   componentName: "lhSelect",
   components: {
-    lhPopover: q,
+    lhPopover: J,
     lhInput: Y,
     lhScrollbar: Z
   },
@@ -1300,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]]), qt = {
+const Q = /* @__PURE__ */ k(Nt, [["render", Kt]]), Jt = {
   name: "lhPagination",
   componentName: "lhPagination",
   emits: ["current-change", "prev-click", "next-click", "size-change"],
@@ -1498,7 +1503,7 @@ const Q = /* @__PURE__ */ k(Nt, [["render", Kt]]), qt = {
   },
   mounted() {
   }
-}, Jt = {
+}, qt = {
   style: { float: "left" },
   class: "layoutLeft"
 }, Xt = { class: "lh-pagination__total" }, Gt = ["title"], Zt = { key: 0 }, Qt = { key: 1 }, $t = ["onClick"], ei = /* @__PURE__ */ d("i", {
@@ -1530,7 +1535,7 @@ function zi(e, t, i, s, l, n) {
       ["lh-pagination--bg"]: i.background
     }])
   }, [
-    d("div", Jt, [
+    d("div", qt, [
       (o(!0), c(b, null, y(i.layout.split(","), (r) => (o(), c(b, null, [
         v(d("span", Xt, [
           L(e.$slots, "total", {}, () => [
@@ -1822,7 +1827,7 @@ function zi(e, t, i, s, l, n) {
     ])
   ], 2)) : p("", !0);
 }
-const le = /* @__PURE__ */ k(qt, [["render", zi]]);
+const le = /* @__PURE__ */ k(Jt, [["render", zi]]);
 le.install = function(e) {
   e.component(le.name, le);
 };
@@ -1862,7 +1867,7 @@ function K(e, t) {
   }
   e.classList || e.setAttribute("class", i);
 }
-function J(e, t) {
+function q(e, t) {
   if (!e || !t)
     return;
   const i = t.split(" ");
@@ -1903,7 +1908,7 @@ const W = Di < 9 ? function(e, t) {
   }
 };
 let Be = !1, Ke = !1, ke;
-const qe = function() {
+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) {
     t.preventDefault(), t.stopPropagation();
@@ -1940,17 +1945,17 @@ const qe = function() {
     for (let r = 0, h = n.length; r < h; r++)
       if (n[r].id === e)
         return;
-    const a = qe();
+    const a = Je();
     K(a, "v-modal"), this.modalFade && !Be && K(a, "v-modal-enter"), s && s.trim().split(/\s+/).forEach((h) => K(a, h)), setTimeout(() => {
-      J(a, "v-modal-enter");
+      q(a, "v-modal-enter");
     }, 200), i && i.parentNode && i.parentNode.nodeType !== 11 ? i.parentNode.appendChild(a) : document.body.appendChild(a), t && (a.style.zIndex = t), a.tabIndex = 0, a.style.display = "", this.modalStack.push({ id: e, zIndex: t, modalClass: s });
   },
   closeModal: function(e) {
-    const t = this.modalStack, i = qe();
+    const t = this.modalStack, i = Je();
     if (t.length > 0) {
       const s = t[t.length - 1];
       if (s.id === e)
-        s.modalClass && s.modalClass.trim().split(/\s+/).forEach((n) => J(i, n)), t.pop(), t.length > 0 && (i.style.zIndex = t[t.length - 1].zIndex);
+        s.modalClass && s.modalClass.trim().split(/\s+/).forEach((n) => q(i, n)), t.pop(), t.length > 0 && (i.style.zIndex = t[t.length - 1].zIndex);
       else
         for (let l = t.length - 1; l >= 0; l--)
           if (t[l].id === e) {
@@ -1959,7 +1964,7 @@ const qe = 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), J(i, "v-modal-leave");
+      t.length === 0 && (i.parentNode && i.parentNode.removeChild(i), i.style.display = "none", V.modalDom = void 0), q(i, "v-modal-leave");
     }, 200));
   }
 };
@@ -2101,7 +2106,7 @@ const Wi = {
       V.closeModal(this._popupId), this._closing = !1;
     },
     restoreBodyStyle() {
-      this.modal && this.withoutHiddenClass && (document.body.style.paddingRight = this.bodyPaddingRight, J(
+      this.modal && this.withoutHiddenClass && (document.body.style.paddingRight = this.bodyPaddingRight, q(
         document.body,
         "lh-popup-parent--hidden"
       )), this.withoutHiddenClass = !0;
@@ -2311,7 +2316,7 @@ const Yi = {
       t === !0 && this.$emit("update:indeterminate", !1), this.$emit("update:modelValue", t), this.$emit("check-change", t);
     }
   }
-}, Ki = { class: "lh-checkbox-outbox" }, qi = ["disabled"], Ji = { class: "lh-checkbox-text" };
+}, Ki = { class: "lh-checkbox-outbox" }, Ji = ["disabled"], qi = { class: "lh-checkbox-text" };
 function Xi(e, t, i, s, l, n) {
   return o(), c("label", {
     class: f(["lh-checkbox", [i.disabled ? "lh-checkbox-disabled" : "", l.myValue ? "lh-checkbox-checked" : "", `lh-checkbox-${i.size}`]])
@@ -2326,11 +2331,11 @@ function Xi(e, t, i, s, l, n) {
         disabled: i.disabled,
         "onUpdate:modelValue": t[0] || (t[0] = (a) => l.myValue = a),
         onChange: t[1] || (t[1] = (...a) => n.changed && n.changed(...a))
-      }, null, 40, qi), [
+      }, null, 40, Ji), [
         [Ge, l.myValue]
       ])
     ]),
-    d("span", Ji, [
+    d("span", qi, [
       L(e.$slots, "default")
     ])
   ], 2);
@@ -2973,7 +2978,7 @@ const Dl = /* @__PURE__ */ k(Tl, [["render", Nl]]), Ml = {
   },
   components: {
     lhInput: Y,
-    lhPopover: q,
+    lhPopover: J,
     lhTree: $,
     lhButton: j,
     treeResizeWapper: Dl
@@ -3312,11 +3317,11 @@ const Ol = {
   }
 }, Al = ["onClick"], Ul = ["onClick"], jl = ["onClick"], Yl = ["onClick"], Kl = {
   key: 0,
-  class: "lh-tab-content more-wrap"
-}, ql = /* @__PURE__ */ d("span", { class: "more" }, [
+  class: "more-wrap"
+}, Jl = /* @__PURE__ */ d("span", { class: "more" }, [
   /* @__PURE__ */ I("\u66F4\u591A"),
   /* @__PURE__ */ d("i", { class: "dropdown-icon lh-ui-font-component icon_component_arrow_down" })
-], -1), Jl = { class: "lh-scroll-common" }, Xl = ["onClick"], Gl = ["title"], Zl = ["onClick"], Ql = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1);
+], -1), ql = { class: "lh-scroll-common" }, Xl = ["onClick"], Gl = ["title"], Zl = ["onClick"], Ql = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1);
 function $l(e, t, i, s, l, n) {
   return o(), c("div", {
     class: f(["lh-tab", i.hasBorder ? "with-border" : ""])
@@ -3359,7 +3364,7 @@ function $l(e, t, i, s, l, n) {
       (o(!0), c(b, null, y(l.myTabList, (a, r) => (o(), c(b, null, [
         a.isFold ? p("", !0) : (o(), c("span", {
           key: 0,
-          class: f(["lh-tab-content-n4", { active: n.isActive(r), disabled: a.disabled }]),
+          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" }),
@@ -3367,19 +3372,19 @@ function $l(e, t, i, s, l, n) {
         }, g(a.name), 15, Yl))
       ], 64))), 256)),
       l.isFold ? (o(), c("span", Kl, [
-        ql,
+        Jl,
         d("div", {
           class: "drop-down-wrap",
           style: C(i.dropWidth ? `width:${i.dropWidth}px;` : "width:auto;")
         }, [
-          d("ul", Jl, [
+          d("ul", ql, [
             (o(!0), c(b, null, y(l.myTabList, (a, r) => (o(), c(b, null, [
               a.isFold && !a.nodisplay ? (o(), c("li", {
                 key: 0,
                 onClick: (h) => n.tabswitch(r)
               }, [
                 d("span", {
-                  class: f(["lh-tab-content", { active: n.isActive(r), disabled: a.disabled }]),
+                  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" })
                 }, g(a.name), 15, Gl)
@@ -5003,7 +5008,7 @@ const Qe = {
   /* @__PURE__ */ d("div", null, "\u5468\u4E94"),
   /* @__PURE__ */ d("div", null, "\u5468\u516D"),
   /* @__PURE__ */ d("div", null, "\u5468\u65E5")
-], -1), Yn = { class: "flex-wapper" }, Kn = { class: "flex-rows" }, qn = { class: "flex-columns" }, Jn = ["onClick"], Xn = { class: "info-content" };
+], -1), Yn = { class: "flex-wapper" }, Kn = { class: "flex-rows" }, Jn = { class: "flex-columns" }, qn = ["onClick"], Xn = { class: "info-content" };
 function Gn(e, t, i, s, l, n) {
   return o(), c("div", Wn, [
     i.layoutType == "table" ? (o(), c("table", Fn, [
@@ -5030,14 +5035,14 @@ function Gn(e, t, i, s, l, n) {
       jn,
       d("div", Yn, [
         (o(!0), c(b, null, y(e.calendarItems, (a) => (o(), c("div", Kn, [
-          (o(!0), c(b, null, y(a, (r) => (o(), c("div", qn, [
+          (o(!0), c(b, null, y(a, (r) => (o(), c("div", Jn, [
             d("div", {
               class: f(["info", { disabled: r.disabled }])
             }, [
               d("span", {
                 onClick: (h) => e.dateClick(r),
                 class: f(["info-header", { isToday: r.dayDescription == null ? !1 : r.dayDescription.isToday, active: r.dayDescription && r.dayDescription.date === e.selectDate }])
-              }, g(r.day) + " (" + g(r.dayDescription == null ? "" : r.dayDescription.lunarFestival || r.dayDescription.festival || r.dayDescription.IMonthCn + r.dayDescription.IDayCn) + ") ", 11, Jn),
+              }, g(r.day) + " (" + g(r.dayDescription == null ? "" : r.dayDescription.lunarFestival || r.dayDescription.festival || r.dayDescription.IMonthCn + r.dayDescription.IDayCn) + ") ", 11, qn),
               d("div", Xn, [
                 L(e.$slots, "infoContent", { data: r })
               ])
@@ -5153,8 +5158,8 @@ const pe = /* @__PURE__ */ k(Zn, [["render", $n]]);
 pe.install = function(e) {
   e.component(pe.name, pe);
 };
-q.install = function(e) {
-  e.component(q.name, q);
+J.install = function(e) {
+  e.component(J.name, J);
 };
 const es = {
   name: "lhDateCommon",
@@ -5471,7 +5476,7 @@ const Ss = {
   },
   components: {
     lhInput: Y,
-    lhPopover: q
+    lhPopover: J
   },
   data() {
     return {
@@ -5733,7 +5738,7 @@ const zs = {
   },
   components: {
     lhInput: Y,
-    lhPopover: q,
+    lhPopover: J,
     lhButton: j
   },
   data() {
@@ -6309,7 +6314,7 @@ const As = {
 }, js = {
   key: 0,
   class: "upload-ul-img"
-}, Ys = { class: "upload-li-img" }, Ks = ["src"], qs = ["onClick", "title"], Js = ["onClick"], Xs = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1), Gs = {
+}, Ys = { class: "upload-li-img" }, Ks = ["src"], Js = ["onClick", "title"], qs = ["onClick"], Xs = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1), Gs = {
   key: 0,
   class: "upload-li-space"
 }, Zs = {
@@ -6368,12 +6373,12 @@ function da(e, t, i, s, l, n) {
           d("div", {
             onClick: (u) => n.downLoad(r),
             title: r.response.data.fileName
-          }, g(n.rImgName(r.response.data.fileName)), 9, qs),
+          }, g(n.rImgName(r.response.data.fileName)), 9, Js),
           i.showType == "edit" ? (o(), c("i", {
             key: 0,
             onClick: U((u) => n.removeSingle(r.response.data.fileId, h), ["stop"]),
             class: "lh-ui-font-component icon_component_delete pull-right"
-          }, null, 8, Js)) : p("", !0)
+          }, null, 8, qs)) : p("", !0)
         ]))), 256)),
         Xs
       ])) : p("", !0)
@@ -6453,7 +6458,7 @@ const ua = {
   componentName: "lhDatePicker",
   components: {
     lhDateCommon: ee,
-    lhPopover: q,
+    lhPopover: J,
     lhInput: Y
   },
   emits: ["update:modelValue"],
@@ -7143,7 +7148,7 @@ function ja(e, t, i, s, l, n) {
 }
 const et = /* @__PURE__ */ k(Ea, [["render", ja]]), 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)) : (J(e.mask, "is-fullscreen"), t.modifiers.body ? (e.originalPosition = W(document.body, "position"), ["top", "left"].forEach((i) => {
+    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";
       e.maskStyle[i] = e.getBoundingClientRect()[i] + document.body[s] + document.documentElement[s] - parseInt(W(document.body, `margin-${i}`), 10) + "px";
     }), ["height", "width"].forEach((i) => {
@@ -7155,7 +7160,7 @@ const et = /* @__PURE__ */ k(Ea, [["render", ja]]), De = (e, t) => {
     e.domVisible = !1;
     const i = t.modifiers.fullscreen || t.modifiers.body ? document.body : e;
     e.instance.visible = !1, e.instance.hiding = !1, setTimeout(() => {
-      J(i, "lh-loading-parent--relative"), J(i, "lh-loading-parent--hidden");
+      q(i, "lh-loading-parent--relative"), q(i, "lh-loading-parent--hidden");
     }, 500);
   }, 100), e.instance.hiding = !0);
 }, Me = (e, t, i) => {
@@ -7190,13 +7195,13 @@ const Ka = {
   lock: !1,
   customClass: ""
 };
-let Se, qa = function() {
+let Se, Ja = function() {
   this.fullscreen && (Se = void 0), setTimeout(() => {
     const e = this.fullscreen || this.body ? document.body : this.target;
-    J(e, "lh-loading-parent--relative"), J(e, "lh-loading-parent--hidden"), this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    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 Ja = (e, t, i) => {
+const qa = (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";
@@ -7210,10 +7215,10 @@ const Ja = (e, t, i) => {
   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)
     return Se;
   let t = e.body ? document.body : e.target, s = Le(et).mount(document.createElement("div"));
-  return s.close = qa, s.originalPosition = "", s.originalOverflow = "", Ja(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 = 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(() => {
     s.visible = !0;
   }), e.fullscreen && (Se = s), e.text && s.setText(e.text), s;
-}, Je = {
+}, qe = {
   directive: Ya,
   service: Xa
 }, Ga = {
@@ -7398,7 +7403,7 @@ const oo = {
   fe,
   me,
   pe,
-  q,
+  J,
   ee,
   be,
   ge,
@@ -7410,7 +7415,7 @@ const oo = {
 ], tt = function(e, t = {}) {
   ro.map((i) => {
     e.component(i.name, i);
-  }), window.$lhMessage = E, window.$loadingDirective = Je.directive, window.$loading = Je.service, window.$confirm = te.confirm, e.config.globalProperties.$lht = (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) => {
       if (l)
@@ -7450,7 +7455,7 @@ const ho = {
   ConditionSide: fe,
   Calendar: me,
   WaterMark: pe,
-  Popover: q,
+  Popover: J,
   DateCommon: ee,
   FuzzyInput: be,
   FuzzySelect: ge,