lh-ui-next 0.1.0 → 0.1.1

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.0",
-## test version : "0.1.0",
+## Official version : "0.1.1",
+## test version : "0.1.1",
 ## 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

@@ -6651,7 +6651,7 @@ const xa = {
     lhCheckbox: X,
     lhScrollbar: Z
   },
-  emits: ["sortChange", "selectionChange"],
+  emits: ["sortChange", "selectionChange", "cellMouseEnter", "cellMouseLeave"],
   data() {
     return {
       tableHeader: [],
@@ -6900,6 +6900,14 @@ const xa = {
     },
     slotChange() {
       this.handleHeader();
+    },
+    cellMouseEnter(e) {
+      let t = null;
+      this.$emit("cellMouseEnter", e, t);
+    },
+    cellMouseLeave(e) {
+      let t = null;
+      this.$emit("cellMouseLeave", e, t);
     }
   },
   mounted() {
@@ -6916,11 +6924,11 @@ const xa = {
 }, Ca = ["width"], wa = ["onMousedown", "onMousemove"], Sa = { class: "caret-wrapper" }, 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"], Va = ["onMouseenter", "onMouseleave"], Na = {
   class: "lh-table__column-resize-proxy",
   ref: "resizeProxy"
 };
-function Na(e, t, i, s, l, n) {
+function Da(e, t, i, s, l, n) {
   const a = w("lh-checkbox"), r = w("lh-scrollbar"), h = We("resize");
   return x((o(), c("div", {
     class: f(["lh-table", {
@@ -7001,27 +7009,30 @@ function Na(e, t, i, s, l, n) {
               }, null, 8, za))), 256))
             ]),
             d("tbody", null, [
-              (o(!0), c(b, null, y(i.data, (u, p) => (o(), c("tr", null, [
+              (o(!0), c(b, null, y(i.data, (u, p) => (o(), c("tr", {
+                onMouseenter: (v) => n.cellMouseEnter(u),
+                onMouseleave: (v) => n.cellMouseLeave(u)
+              }, [
                 L(e.$slots, "default")
-              ]))), 256))
+              ], 40, Va))), 256))
             ])
           ], 4)
         ]),
         _: 3
       }, 8, ["style", "onOnScrollHorizontal", "onInit", "onHorizontalVisibleChange"])
     ]),
-    x(d("div", Va, null, 512), [
+    x(d("div", Na, null, 512), [
       [P, l.isDragging]
     ])
   ], 2)), [
     [h, n.resizeTableHandler]
   ]);
 }
-const xe = /* @__PURE__ */ C(xa, [["render", Na]]);
+const xe = /* @__PURE__ */ C(xa, [["render", Da]]);
 xe.install = function(e) {
   e.component(xe.name, xe);
 };
-const Da = {
+const Ma = {
   name: "lhTableColumn",
   componentName: "lhTableColumn",
   components: {
@@ -7128,8 +7139,8 @@ const Da = {
   mounted() {
     this.initFn();
   }
-}, Ma = { key: 0 };
-function Ra(e, t, i, s, l, n) {
+}, Ra = { key: 0 };
+function Ba(e, t, i, s, l, n) {
   const a = w("lh-checkbox");
   return o(), c("td", {
     ref: "myTd",
@@ -7140,7 +7151,7 @@ function Ra(e, t, i, s, l, n) {
       class: "cell",
       style: k({ textAlign: i.align })
     }, [
-      i.type === "index" ? (o(), c("span", Ma, g(l.trIndex + 1), 1)) : i.type === "selection" ? (o(), M(a, {
+      i.type === "index" ? (o(), c("span", Ra, g(l.trIndex + 1), 1)) : i.type === "selection" ? (o(), M(a, {
         key: 1,
         label: "2",
         modelValue: l.item.selected,
@@ -7148,18 +7159,19 @@ function Ra(e, t, i, s, l, n) {
         onCheckChange: n.checkChange
       }, null, 8, ["modelValue", "onCheckChange"])) : L(e.$slots, "default", {
         key: 2,
-        row: l.item
+        row: l.item,
+        $index: l.trIndex
       }, () => [
         d("span", null, g(l.item[i.prop]), 1)
       ])
     ], 4)
   ], 6);
 }
-const _e = /* @__PURE__ */ C(Da, [["render", Ra]]);
+const _e = /* @__PURE__ */ C(Ma, [["render", Ba]]);
 _e.install = function(e) {
   e.component(_e.name, _e);
 };
-const Ba = {
+const Wa = {
   data() {
     return {
       text: null,
@@ -7175,39 +7187,39 @@ const Ba = {
       this.text = e;
     }
   }
-}, Wa = { class: "lh-loading-spinner" }, Ea = {
+}, Ea = { class: "lh-loading-spinner" }, Fa = {
   key: 0,
   class: "circular",
   viewBox: "25 25 50 50"
-}, Fa = /* @__PURE__ */ d("circle", {
+}, Ha = /* @__PURE__ */ d("circle", {
   class: "path",
   cx: "50",
   cy: "50",
   r: "20",
   fill: "none"
-}, null, -1), Ha = [
-  Fa
-], Oa = {
+}, null, -1), Oa = [
+  Ha
+], Aa = {
   key: 1,
   class: "lh-loading-icon-wapper"
-}, Aa = {
+}, Ua = {
   key: 2,
   class: "lh-loading-text"
 };
-function Ua(e, t, i, s, l, n) {
+function ja(e, t, i, s, l, n) {
   return o(), M(Ie, { name: "lh-loading-fade" }, {
     default: _(() => [
       x(d("div", {
         class: f(["lh-loading-mask", [l.customClass, { "is-fullscreen": l.fullscreen }]]),
         style: k({ backgroundColor: l.background || "" })
       }, [
-        d("div", Wa, [
-          l.spinner ? (o(), c("div", Oa, [
+        d("div", Ea, [
+          l.spinner ? (o(), c("div", Aa, [
             d("i", {
               class: f(l.spinner)
             }, null, 2)
-          ])) : (o(), c("svg", Ea, Ha)),
-          l.text ? (o(), c("p", Aa, g(l.text), 1)) : m("", !0)
+          ])) : (o(), c("svg", Fa, Oa)),
+          l.text ? (o(), c("p", Ua, g(l.text), 1)) : m("", !0)
         ])
       ], 6), [
         [P, l.visible]
@@ -7216,7 +7228,7 @@ function Ua(e, t, i, s, l, n) {
     _: 1
   });
 }
-const et = /* @__PURE__ */ C(Ba, [["render", Ua]]), De = (e, t) => {
+const et = /* @__PURE__ */ C(Wa, [["render", ja]]), De = (e, t) => {
   t.value ? Te(() => {
     t.modifiers.fullscreen ? (e.originalPosition = E(document.body, "position"), e.originalOverflow = E(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 = E(document.body, "position"), ["top", "left"].forEach((i) => {
       const s = i === "top" ? "scrollTop" : "scrollLeft";
@@ -7240,7 +7252,7 @@ const et = /* @__PURE__ */ C(Ba, [["render", Ua]]), 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 ja = {
+let Ya = {
   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"));
@@ -7258,20 +7270,20 @@ let ja = {
     }
   }
 };
-const Ya = {
+const Ka = {
   text: null,
   fullscreen: !0,
   body: !1,
   lock: !1,
   customClass: ""
 };
-let Se, Ka = function() {
+let Se, Ja = 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 Ja = (e, t, i) => {
+const qa = (e, t, i) => {
   let s = {};
   e.fullscreen ? (i.originalPosition = E(document.body, "position"), i.originalOverflow = E(document.body, "overflow"), s.zIndex = 3e3) : e.body ? (i.originalPosition = E(document.body, "position"), ["top", "left"].forEach((l) => {
     let n = l === "top" ? "scrollTop" : "scrollLeft";
@@ -7281,17 +7293,17 @@ const Ja = (e, t, i) => {
   })) : i.originalPosition = E(t, "position"), Object.keys(s).forEach((l) => {
     i.$el.style[l] = s[l];
   });
-}, qa = (e = {}) => {
-  if (e = Ze({}, Ya, 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)
+}, 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)
     return Se;
   let t = e.body ? document.body : e.target, s = Le(et).mount(document.createElement("div"));
-  return s.close = Ka, 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;
 }, Xe = {
-  directive: ja,
-  service: qa
-}, Xa = {
+  directive: Ya,
+  service: Xa
+}, Ga = {
   data() {
     return {
       title: "",
@@ -7347,26 +7359,26 @@ const Ja = (e, t, i) => {
   beforeUnmount() {
     document.removeEventListener("keydown", this.keydown), document.removeEventListener("hashchange", this.close);
   }
-}, Ga = { class: "lh-mb-wapper" }, Za = { class: "lh-mb-header" }, Qa = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_remind02" }, null, -1), $a = { class: "lh-mb-header-span" }, eo = { class: "lh-mb-content" }, to = { class: "lh-mb-footer" }, io = { class: "pull-right" };
-function lo(e, t, i, s, l, n) {
+}, 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) {
   const a = w("lh-button");
   return o(), M(Ie, {
     name: "lh-mb-fade",
     onAfterLeave: n.handleAfterLeave
   }, {
     default: _(() => [
-      x(d("div", Ga, [
+      x(d("div", Za, [
         d("div", {
           class: "lh-mb",
           style: k(n.positionStyle)
         }, [
-          d("div", Za, [
-            Qa,
-            d("span", $a, g(l.title), 1)
+          d("div", Qa, [
+            $a,
+            d("span", eo, g(l.title), 1)
           ]),
-          d("div", eo, g(l.message), 1),
-          d("div", to, [
-            d("div", io, [
+          d("div", to, g(l.message), 1),
+          d("div", io, [
+            d("div", lo, [
               T(a, {
                 category: "minor",
                 onClick: n.cancel
@@ -7392,15 +7404,15 @@ function lo(e, t, i, s, l, n) {
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-const no = /* @__PURE__ */ C(Xa, [["render", lo]]);
-let A = [], so = 1;
+const so = /* @__PURE__ */ C(Ga, [["render", no]]);
+let A = [], ao = 1;
 const te = function(e) {
   e = e || {};
-  let t = e.onClose, i = "messageBox_" + so++;
+  let t = e.onClose, i = "messageBox_" + ao++;
   e.onClose = function() {
     te.close(i, t);
   };
-  let l = Le(no).mount(document.createElement("div"));
+  let l = Le(so).mount(document.createElement("div"));
   for (let r in e)
     l[r] = e[r] || l[r];
   l.id = i, document.body.appendChild(l.$el);
@@ -7431,7 +7443,7 @@ te.closeAll = function() {
   for (let e = A.length - 1; e >= 0; e--)
     A[e].close();
 };
-const ao = {
+const oo = {
   conditionSide: {
     title: "\u7B5B\u9009\u6761\u4EF6",
     reset: "\u91CD\u7F6E",
@@ -7453,7 +7465,7 @@ const ao = {
     custom: "\u81EA\u5B9A\u4E49",
     unlimit: "\u4E0D\u9650"
   }
-}, oo = [
+}, ro = [
   j,
   Y,
   le,
@@ -7483,11 +7495,11 @@ const ao = {
   xe,
   _e
 ], tt = function(e, t = {}) {
-  oo.map((i) => {
+  ro.map((i) => {
     e.component(i.name, i);
   }), window.$lhMessage = W, window.$loadingDirective = Xe.directive, window.$loading = Xe.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 = ao, i.split(".").reduce((l, n) => {
+    return t.language && t.language.locale ? s = t.lang[t.language.locale].message : s = oo, i.split(".").reduce((l, n) => {
       if (l)
         return l[n];
     }, s);
@@ -7504,7 +7516,7 @@ document.addEventListener("click", function(e) {
       s[l].classList.remove("active");
   }
 });
-const co = {
+const ho = {
   install: tt,
   Button: j,
   Input: Y,
@@ -7536,5 +7548,5 @@ const co = {
   TableColumn: _e
 };
 export {
-  co as default
+  ho as default
 };