lh-ui-next 0.0.24 → 0.0.25

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.24",
-## test version : "0.0.24",
+## Official version : "0.0.25",
+## test version : "0.0.25",
 ## 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

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as c, normalizeClass as f, createCommentVNode as m, renderSlot as D, withDirectives as v, createElementVNode as d, withModifiers as K, withKeys as De, vModelDynamic as ot, toDisplayString as b, vModelRadio as rt, normalizeStyle as C, vShow as N, resolveComponent as w, createBlock as B, withCtx as x, Fragment as p, renderList as y, createVNode as I, createTextVNode as L, vModelText as G, nextTick as Ce, Transition as we, vModelCheckbox as qe, resolveDirective as ct, createApp as Se } from "vue";
+import { openBlock as r, createElementBlock as c, normalizeClass as f, createCommentVNode as m, renderSlot as D, withDirectives as v, createElementVNode as d, withModifiers as U, withKeys as De, vModelDynamic as ot, toDisplayString as b, vModelRadio as rt, normalizeStyle as C, vShow as N, resolveComponent as w, createBlock as B, withCtx as x, Fragment as p, renderList as y, createVNode as I, createTextVNode as L, vModelText as G, nextTick as Ce, Transition as we, vModelCheckbox as qe, resolveDirective as ct, createApp as Se } from "vue";
 const _ = (e, i) => {
   const t = e.__vccOpts || e;
   for (const [s, l] of i)
@@ -69,9 +69,9 @@ function ht(e, i, t, s, l, n) {
     }, null, 2)) : m("", !0)
   ], 10, dt);
 }
-const U = /* @__PURE__ */ _(ut, [["render", ht]]);
-U.install = function(e) {
-  e.component(U.name, U);
+const j = /* @__PURE__ */ _(ut, [["render", ht]]);
+j.install = function(e) {
+  e.component(j.name, j);
 };
 const ft = {
   name: "lhInput",
@@ -235,7 +235,7 @@ function xt(e, i, t, s, l, n) {
       disabled: n.disabledVal,
       readonly: t.readonly,
       autofocus: t.autofocus,
-      onWheel: i[1] || (i[1] = K((a) => n.stopScrollFun(a), ["prevent"])),
+      onWheel: i[1] || (i[1] = U((a) => n.stopScrollFun(a), ["prevent"])),
       onFocus: i[2] || (i[2] = (...a) => n.handleFocus && n.handleFocus(...a)),
       onBlur: i[3] || (i[3] = (...a) => n.handleBlur && n.handleBlur(...a)),
       onInput: i[4] || (i[4] = (...a) => n.handleInput && n.handleInput(...a)),
@@ -276,9 +276,9 @@ function xt(e, i, t, s, l, n) {
     }, vt, 2)) : m("", !0)
   ], 2);
 }
-const j = /* @__PURE__ */ _(ft, [["render", xt]]);
-j.install = function(e) {
-  e.component(j.name, j);
+const K = /* @__PURE__ */ _(ft, [["render", xt]]);
+K.install = function(e) {
+  e.component(K.name, K);
 };
 function _t(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(i, t) {
@@ -696,7 +696,7 @@ const J = /* @__PURE__ */ _(Tt, [["render", Pt]]), Vt = {
   componentName: "lhSelect",
   components: {
     lhPopover: J,
-    lhInput: j
+    lhInput: K
   },
   emits: ["update:modelValue", "change", "showListChange", "itemClick", "selectClick", "hide"],
   props: {
@@ -1071,7 +1071,7 @@ function Kt(e, i, t, s, l, n) {
                 }, null, 8, Wt),
                 d("i", {
                   class: "lh-ui-font-component icon_component_close",
-                  onClick: i[3] || (i[3] = K((g) => n.delTopItem(), ["stop"]))
+                  onClick: i[3] || (i[3] = U((g) => n.delTopItem(), ["stop"]))
                 })
               ], 8, At)) : m("", !0)
             ], 64))), 256)),
@@ -2060,7 +2060,7 @@ function Bi(e, i, t, s, l, n) {
     default: x(() => [
       v(d("div", {
         class: "lh-dialog__wrapper",
-        onClick: i[0] || (i[0] = K((...a) => n.handleWrapperClick && n.handleWrapperClick(...a), ["self"]))
+        onClick: i[0] || (i[0] = U((...a) => n.handleWrapperClick && n.handleWrapperClick(...a), ["self"]))
       }, [
         (r(), c("div", {
           role: "dialog",
@@ -2228,7 +2228,7 @@ const Ki = {
     };
   },
   components: {
-    lhInput: j,
+    lhInput: K,
     lhCheckbox: Z
   },
   methods: {
@@ -2828,10 +2828,10 @@ const Sl = /* @__PURE__ */ _(yl, [["render", wl]]), Tl = {
     }
   },
   components: {
-    lhInput: j,
+    lhInput: K,
     lhPopover: J,
     lhTree: Q,
-    lhButton: U,
+    lhButton: j,
     treeResizeWapper: Sl
   },
   data() {
@@ -2969,7 +2969,7 @@ function zl(e, i, t, s, l, n) {
                 }, null, 8, Vl),
                 d("i", {
                   class: "lh-ui-font-component icon_component_close",
-                  onClick: i[1] || (i[1] = K((...P) => n.delTopItem && n.delTopItem(...P), ["stop"]))
+                  onClick: i[1] || (i[1] = U((...P) => n.delTopItem && n.delTopItem(...P), ["stop"]))
                 })
               ], 8, Pl)) : m("", !0)
             ], 64))), 256)),
@@ -3738,7 +3738,7 @@ const dn = {
     }
   },
   components: {
-    lhButton: U
+    lhButton: j
   },
   methods: {
     keyEvent(e) {
@@ -4899,12 +4899,12 @@ function rs(e, i, t, s, l, n) {
       l.dateType === "year" ? (r(), c("span", qn, b(n.decades), 1)) : (r(), c(p, { key: 1 }, [
         d("span", {
           class: "lh-date-header-label",
-          onClick: i[2] || (i[2] = K((...a) => n.switchToYearTable && n.switchToYearTable(...a), ["stop"]))
+          onClick: i[2] || (i[2] = U((...a) => n.switchToYearTable && n.switchToYearTable(...a), ["stop"]))
         }, b(this.showDate.year) + "\u5E74", 1),
         l.dateType === "date" ? (r(), c("span", {
           key: 0,
           class: "lh-date-header-label",
-          onClick: i[3] || (i[3] = K((...a) => n.switchToMonthTable && n.switchToMonthTable(...a), ["stop"]))
+          onClick: i[3] || (i[3] = U((...a) => n.switchToMonthTable && n.switchToMonthTable(...a), ["stop"]))
         }, b(this.showDate.month) + "\u6708", 1)) : m("", !0)
       ], 64)),
       d("span", Jn, [
@@ -4946,7 +4946,7 @@ function rs(e, i, t, s, l, n) {
           (r(!0), c(p, null, y(n.decadesList, (a) => (r(), c("tr", null, [
             (r(!0), c(p, null, y(a, (u) => (r(), c("td", {
               class: f({ selected: u === e.showDate.year }),
-              onClick: K((o) => n.yearClick(u), ["stop"])
+              onClick: U((o) => n.yearClick(u), ["stop"])
             }, [
               d("a", ns, b(u), 1)
             ], 10, ls))), 256))
@@ -4957,7 +4957,7 @@ function rs(e, i, t, s, l, n) {
         d("tbody", null, [
           (r(!0), c(p, null, y(l.monthList, (a) => (r(), c("tr", null, [
             (r(!0), c(p, null, y(a, (u) => (r(), c("td", {
-              onClick: K((o) => n.changeMonth(u.num), ["stop"])
+              onClick: U((o) => n.changeMonth(u.num), ["stop"])
             }, [
               d("div", null, [
                 d("a", os, b(u.description), 1)
@@ -5087,7 +5087,7 @@ const cs = {
     }
   },
   components: {
-    lhInput: j,
+    lhInput: K,
     lhPopover: J
   },
   data() {
@@ -5348,9 +5348,9 @@ const ms = {
     }
   },
   components: {
-    lhInput: j,
+    lhInput: K,
     lhPopover: J,
-    lhButton: U
+    lhButton: j
   },
   data() {
     return {
@@ -5906,7 +5906,7 @@ const Rs = (e, i, t) => {
   },
   filters: {},
   components: {
-    lhButton: U
+    lhButton: j
   },
   methods: {
     deleteFile() {
@@ -6081,6 +6081,14 @@ const Ks = {
     doNotShowDeleteAll: {
       type: Boolean,
       default: !1
+    },
+    mode: {
+      type: String,
+      default: "common"
+    },
+    imgPreviewUrl: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -6099,7 +6107,7 @@ const Ks = {
     }
   },
   components: {
-    lhButton: U
+    lhButton: j
   },
   methods: {
     uploadFile() {
@@ -6223,17 +6231,26 @@ const Ks = {
         if (this.currentFiles[e].response.data.status === "uploading")
           return;
       this.$emit("uploadFinish", this.currentFiles);
+    },
+    rImgName(e) {
+      return e.length > 18 ? e.substr(0, 15) + "..." : e;
     }
   }
 }, qs = {
   key: 0,
   class: "upload-head"
-}, Js = ["onClick"], Ys = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_enclosure pull-left" }, null, -1), Gs = { class: "text-overflow name pull-left" }, Zs = /* @__PURE__ */ d("span", { class: "fail-text" }, "\u4E0A\u4F20\u5931\u8D25", -1), Xs = ["onClick"], Qs = { class: "percentage-num pull-right" }, $s = { class: "percentage-wrap" }, ea = {
+}, Js = {
+  key: 0,
+  class: "upload-ul-img"
+}, Ys = { class: "upload-li-img" }, Gs = ["src"], Zs = ["onClick", "title"], Xs = ["onClick"], Qs = /* @__PURE__ */ d("div", { style: { clear: "both" } }, null, -1), $s = {
+  key: 0,
+  class: "upload-ul-common"
+}, ea = ["onClick"], ta = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_enclosure pull-left" }, null, -1), ia = { class: "text-overflow name pull-left" }, la = /* @__PURE__ */ d("span", { class: "fail-text" }, "\u4E0A\u4F20\u5931\u8D25", -1), na = ["onClick"], sa = { class: "percentage-num pull-right" }, aa = { class: "percentage-wrap" }, oa = {
   style: { display: "none" },
   method: "post",
   enctype: "multipart/form-data"
 };
-function ta(e, i, t, s, l, n) {
+function ra(e, i, t, s, l, n) {
   const a = w("lh-button");
   return r(), c("div", {
     class: f(["lh-upload-flowable", t.size])
@@ -6269,35 +6286,55 @@ function ta(e, i, t, s, l, n) {
         onClick: i[0] || (i[0] = (...u) => n.downLoadAll && n.downLoadAll(...u))
       }, "\u4E0B\u8F7D\u5168\u90E8")) : m("", !0)
     ], 64)),
-    d("ul", null, [
-      (r(!0), c(p, null, y(l.currentFiles, (u, o) => (r(), c("li", {
-        class: f(["upload-item clearfix", [u.response.data.status == "fail" ? "fail" : ""]]),
-        onClick: (h) => n.downLoad(u)
-      }, [
-        d("div", null, [
-          Ys,
-          d("span", Gs, [
-            L(b(u.response.data.fileName), 1),
-            Zs
-          ]),
+    t.mode == "img" ? (r(), c(p, { key: 2 }, [
+      l.currentFiles.length > 0 ? (r(), c("ul", Js, [
+        (r(!0), c(p, null, y(l.currentFiles, (u, o) => (r(), c("li", Ys, [
+          d("img", {
+            src: t.imgPreviewUrl + "/" + u.response.data.fileIdStr
+          }, null, 8, Gs),
+          d("div", {
+            onClick: (h) => n.downLoad(u),
+            title: u.response.data.fileName
+          }, b(n.rImgName(u.response.data.fileName)), 9, Zs),
           t.showType == "edit" ? (r(), c("i", {
             key: 0,
-            onClick: K((h) => n.removeSingle(u.response.data.fileId, o), ["stop"]),
+            onClick: U((h) => n.removeSingle(u.response.data.fileId, o), ["stop"]),
             class: "lh-ui-font-component icon_component_delete pull-right"
           }, null, 8, Xs)) : m("", !0)
-        ]),
-        n.showPercentage(u.response.data.status) ? (r(), c(p, { key: 0 }, [
-          d("div", Qs, b(Number(u.response.data.percentage).toFixed(2)) + "%", 1),
-          d("div", $s, [
-            d("div", {
-              class: "percentage",
-              style: C(`width:${u.response.data.percentage}%;`)
-            }, null, 4)
-          ])
-        ], 64)) : m("", !0)
-      ], 10, Js))), 256))
-    ]),
-    d("form", ea, [
+        ]))), 256)),
+        Qs
+      ])) : m("", !0)
+    ], 64)) : (r(), c(p, { key: 3 }, [
+      l.currentFiles.length > 0 ? (r(), c("ul", $s, [
+        (r(!0), c(p, null, y(l.currentFiles, (u, o) => (r(), c("li", {
+          class: f(["upload-li-common clearfix", [u.response.data.status == "fail" ? "fail" : ""]]),
+          onClick: (h) => n.downLoad(u)
+        }, [
+          d("div", null, [
+            ta,
+            d("span", ia, [
+              L(b(u.response.data.fileName), 1),
+              la
+            ]),
+            t.showType == "edit" ? (r(), c("i", {
+              key: 0,
+              onClick: U((h) => n.removeSingle(u.response.data.fileId, o), ["stop"]),
+              class: "lh-ui-font-component icon_component_delete pull-right"
+            }, null, 8, na)) : m("", !0)
+          ]),
+          n.showPercentage(u.response.data.status) ? (r(), c(p, { key: 0 }, [
+            d("div", sa, b(Number(u.response.data.percentage).toFixed(2)) + "%", 1),
+            d("div", aa, [
+              d("div", {
+                class: "percentage",
+                style: C(`width:${u.response.data.percentage}%;`)
+              }, null, 4)
+            ])
+          ], 64)) : m("", !0)
+        ], 10, ea))), 256))
+      ])) : m("", !0)
+    ], 64)),
+    d("form", oa, [
       d("input", {
         type: "file",
         name: "file",
@@ -6308,17 +6345,17 @@ function ta(e, i, t, s, l, n) {
     ])
   ], 2);
 }
-const ge = /* @__PURE__ */ _(Ks, [["render", ta]]);
+const ge = /* @__PURE__ */ _(Ks, [["render", ra]]);
 ge.install = function(e) {
   e.component(ge.name, ge);
 };
-const ia = {
+const ca = {
   name: "lhDatePicker",
   componentName: "lhDatePicker",
   components: {
     lhDateCommon: $,
     lhPopover: J,
-    lhInput: j
+    lhInput: K
   },
   emits: ["update:modelValue"],
   props: {
@@ -6423,16 +6460,16 @@ const ia = {
       this.dateCommonValue = this.lujFormat(e), this.$emit("update:modelValue", this.inputValue);
     }
   }
-}, la = {
+}, ua = {
   key: 0,
   class: "lh-date-picker__suffix",
   style: { display: "inline-block" }
-}, na = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_date" }, null, -1), sa = [
-  na
-], aa = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_error02" }, null, -1), oa = [
-  aa
+}, da = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_date" }, null, -1), ha = [
+  da
+], fa = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_error02" }, null, -1), ma = [
+  fa
 ];
-function ra(e, i, t, s, l, n) {
+function pa(e, i, t, s, l, n) {
   const a = w("lh-date-common"), u = w("lh-input"), o = w("lh-popover");
   return r(), B(o, {
     zIndex: "2500",
@@ -6461,12 +6498,12 @@ function ra(e, i, t, s, l, n) {
           readonly: !t.editable,
           disabled: t.disabled
         }, null, 8, ["size", "prefix-icon", "onFocus", "onBlur", "modelValue", "placeholder", "readonly", "disabled"]),
-        t.iconPosition == "suffix" ? (r(), c("span", la, sa)) : m("", !0),
+        t.iconPosition == "suffix" ? (r(), c("span", ua, ha)) : m("", !0),
         t.clearable && !t.disabled ? (r(), c("span", {
           key: 1,
           class: "lh-date-picker__suffix",
-          onClick: i[2] || (i[2] = K((...h) => n.delTime && n.delTime(...h), ["stop"]))
-        }, oa)) : m("", !0)
+          onClick: i[2] || (i[2] = U((...h) => n.delTime && n.delTime(...h), ["stop"]))
+        }, ma)) : m("", !0)
       ], 2)
     ]),
     default: x(() => [
@@ -6483,11 +6520,11 @@ function ra(e, i, t, s, l, n) {
     _: 1
   }, 8, ["modelValue", "popoverContentClass"]);
 }
-const ye = /* @__PURE__ */ _(ia, [["render", ra]]);
+const ye = /* @__PURE__ */ _(ca, [["render", pa]]);
 ye.install = function(e) {
   e.component(ye.name, ye);
 };
-const ca = {
+const ba = {
   data() {
     return {
       title: "",
@@ -6506,7 +6543,7 @@ const ca = {
     };
   },
   components: {
-    lhButton: U
+    lhButton: j
   },
   computed: {
     positionStyle() {
@@ -6543,26 +6580,26 @@ const ca = {
   beforeUnmount() {
     document.removeEventListener("keydown", this.keydown), document.removeEventListener("hashchange", this.close);
   }
-}, ua = { class: "lh-mb-wapper" }, da = { class: "lh-mb-header" }, ha = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_remind02" }, null, -1), fa = { class: "lh-mb-header-span" }, ma = { class: "lh-mb-content" }, pa = { class: "lh-mb-footer" }, ba = { class: "pull-right" };
-function ga(e, i, t, s, l, n) {
+}, ga = { class: "lh-mb-wapper" }, ya = { class: "lh-mb-header" }, va = /* @__PURE__ */ d("i", { class: "lh-ui-font-component icon_component_remind02" }, null, -1), xa = { class: "lh-mb-header-span" }, _a = { class: "lh-mb-content" }, ka = { class: "lh-mb-footer" }, Ca = { class: "pull-right" };
+function wa(e, i, t, s, l, n) {
   const a = w("lh-button");
   return r(), B(we, {
     name: "lh-mb-fade",
     onAfterLeave: n.handleAfterLeave
   }, {
     default: x(() => [
-      v(d("div", ua, [
+      v(d("div", ga, [
         d("div", {
           class: "lh-mb",
           style: C(n.positionStyle)
         }, [
-          d("div", da, [
-            ha,
-            d("span", fa, b(l.title), 1)
+          d("div", ya, [
+            va,
+            d("span", xa, b(l.title), 1)
           ]),
-          d("div", ma, b(l.message), 1),
-          d("div", pa, [
-            d("div", ba, [
+          d("div", _a, b(l.message), 1),
+          d("div", ka, [
+            d("div", Ca, [
               I(a, {
                 category: "minor",
                 onClick: n.cancel
@@ -6588,15 +6625,15 @@ function ga(e, i, t, s, l, n) {
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-const ya = /* @__PURE__ */ _(ca, [["render", ga]]);
-let H = [], va = 1;
+const Sa = /* @__PURE__ */ _(ba, [["render", wa]]);
+let H = [], Ta = 1;
 const ee = function(e) {
   e = e || {};
-  let i = e.onClose, t = "messageBox_" + va++;
+  let i = e.onClose, t = "messageBox_" + Ta++;
   e.onClose = function() {
     ee.close(t, i);
   };
-  let l = Se(ya).mount(document.createElement("div"));
+  let l = Se(Sa).mount(document.createElement("div"));
   for (let u in e)
     l[u] = e[u] || l[u];
   l.id = t, document.body.appendChild(l.$el);
@@ -6627,9 +6664,9 @@ ee.closeAll = function() {
   for (let e = H.length - 1; e >= 0; e--)
     H[e].close();
 };
-const xa = [
-  U,
+const Ia = [
   j,
+  K,
   ie,
   le,
   te,
@@ -6654,7 +6691,7 @@ const xa = [
   ge,
   ye
 ], Qe = function(e, i = {}) {
-  xa.map((t) => {
+  Ia.map((t) => {
     e.component(t.name, t);
   }), window.$lhMessage = M, window.$loadingDirective = Me.directive, window.$loading = Me.service, window.$confirm = ee.confirm;
 };
@@ -6669,10 +6706,10 @@ document.addEventListener("click", function(e) {
       s[l].classList.remove("active");
   }
 });
-const ka = {
+const Pa = {
   install: Qe,
-  Button: U,
-  Input: j,
+  Button: j,
+  Input: K,
   Pagination: ie,
   Dialog: le,
   Radio: te,
@@ -6698,5 +6735,5 @@ const ka = {
   DatePicker: ye
 };
 export {
-  ka as default
+  Pa as default
 };