vue3-smart-table 1.0.3 → 1.0.4

package/dist/vue3-smart-table.es.js

@@ -12,8 +12,8 @@ class ke {
     this.renderers.has(e) && process.env.NODE_ENV === "development" && console.debug(`[SmartTable] Renderer "${e}" already registered, skipping.`), this.renderers.set(e, n);
   }
   registerMultiple(e) {
-    Object.entries(e).forEach(([n, o]) => {
-      this.renderers.has(n) || this.renderers.set(n, o);
+    Object.entries(e).forEach(([n, r]) => {
+      this.renderers.has(n) || this.renderers.set(n, r);
     });
   }
   get(e) {
@@ -44,7 +44,7 @@ function Y(t) {
     }
   });
 }
-function E(t) {
+function S(t) {
   return O({
     props: ["row", "col", "onCellChange", "onCellBlur", "onCellEnter", "onClick"],
     setup(e) {
@@ -88,12 +88,12 @@ function He(t, e) {
 }
 function v(t, e) {
   if (!(!t || !e))
-    return e.split(".").reduce((n, o) => n == null ? void 0 : n[o], t);
+    return e.split(".").reduce((n, r) => n == null ? void 0 : n[r], t);
 }
 function G(t, e, n) {
   if (!t || !e) return;
-  const o = e.split("."), r = o.pop(), l = o.reduce((i, c) => (i[c] || (i[c] = {}), i[c]), t);
-  l[r] = n;
+  const r = e.split("."), o = r.pop(), l = r.reduce((i, c) => (i[c] || (i[c] = {}), i[c]), t);
+  l[o] = n;
 }
 const we = /* @__PURE__ */ O({
   __name: "input",
@@ -108,10 +108,10 @@ const we = /* @__PURE__ */ O({
     z(n, (l) => {
       G(e.row, e.col.key, l);
     });
-    const o = () => {
+    const r = () => {
       var l;
       return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
-    }, r = () => {
+    }, o = () => {
       var l;
       return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
@@ -121,8 +121,8 @@ const we = /* @__PURE__ */ O({
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { placeholder: "", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onBlur: o,
-        onKeyup: U(r, ["enter"])
+        onBlur: r,
+        onKeyup: U(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
@@ -141,10 +141,10 @@ const we = /* @__PURE__ */ O({
       var i;
       G(e.row, e.col.key, l), (i = e.onCellChange) == null || i.call(e, e.row, e.col);
     });
-    const o = () => {
+    const r = () => {
       var l;
       return (l = e.onCellBlur) == null ? void 0 : l.call(e, e.row, e.col);
-    }, r = () => {
+    }, o = () => {
       var l;
       return (l = e.onCellEnter) == null ? void 0 : l.call(e, e.row, e.col);
     };
@@ -154,8 +154,8 @@ const we = /* @__PURE__ */ O({
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d)
       }, { min: 0, max: 99999, controls: !1, size: "small", ...t.col.renderProps }, {
-        onBlur: o,
-        onKeyup: U(r, ["enter"])
+        onBlur: r,
+        onKeyup: U(o, ["enter"])
       }), null, 16, ["modelValue"]);
     };
   }
@@ -173,10 +173,10 @@ const we = /* @__PURE__ */ O({
     z(n, (i) => {
       G(e.row, e.col.key, i);
     });
-    const o = () => {
+    const r = () => {
       var i;
       return (i = e.onCellChange) == null ? void 0 : i.call(e, e.row, e.col);
-    }, r = () => {
+    }, o = () => {
       var i;
       return (i = e.onCellBlur) == null ? void 0 : i.call(e, e.row, e.col);
     }, l = () => {
@@ -189,8 +189,8 @@ const we = /* @__PURE__ */ O({
         modelValue: n.value,
         "onUpdate:modelValue": c[0] || (c[0] = (b) => n.value = b)
       }, { placeholder: "请选择", size: "small", clearable: !0, ...t.col.renderProps }, {
-        onChange: o,
-        onBlur: r,
+        onChange: r,
+        onBlur: o,
         onKeyup: U(l, ["enter"])
       }), {
         default: A(() => {
@@ -207,24 +207,24 @@ const we = /* @__PURE__ */ O({
       }, 16, ["modelValue"]);
     };
   }
-}), Be = Y(we), Ee = Y(_e), Se = Y(xe), Te = E((t) => {
+}), Be = Y(we), Se = Y(_e), Ee = Y(xe), Te = S((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
   return f(Ce, {
     type: e.type || "primary",
     ...e,
     onClick: () => {
-      var o;
-      return (o = t.onClick) == null ? void 0 : o.call(t, t.row, t.col);
+      var r;
+      return (r = t.onClick) == null ? void 0 : r.call(t, t.row, t.col);
     }
   }, () => e.label || n);
-}), Ve = E((t) => {
+}), Ve = S((t) => {
   const e = t.col.renderProps || {}, n = v(t.row, t.col.key);
   return f("a", {
     href: e.href || "#",
     target: e.blank ? "_blank" : "_self",
     style: e.style || "color:#409EFF;cursor:pointer;"
   }, e.label || n);
-}), Ae = E((t) => {
+}), Ae = S((t) => {
   var n;
   const e = v(t.row, t.col.key);
   return f("div", {
@@ -232,8 +232,8 @@ const we = /* @__PURE__ */ O({
     innerHTML: e ?? "",
     ...((n = t.col) == null ? void 0 : n.renderProps) || {}
   });
-}), Me = E((t) => {
-  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, o = {
+}), Me = S((t) => {
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps ?? {}, r = {
     position: "absolute",
     right: "-5px",
     top: "50%",
@@ -243,6 +243,13 @@ const we = /* @__PURE__ */ O({
     "font-size": "12px",
     color: n.iconColor || "#409EFF",
     "user-select": "none"
+  }, o = {
+    "padding-right": "10px",
+    display: "-webkit-box",
+    "-webkit-box-orient": "vertical",
+    "-webkit-line-clamp": n.lineClamp ?? 2,
+    overflow: "hidden",
+    ...n.textStyles
   };
   return f(
     "div",
@@ -252,12 +259,13 @@ const we = /* @__PURE__ */ O({
     },
     [
       f("span", {
-        class: "st_copy_text line-clamp-1",
-        style: "padding-right: 10px; display: block;"
+        class: `st_copy_text ${n.textClass ?? ""}`,
+        style: o,
+        title: e
       }, e),
       e && f("span", {
         class: "st_copy_btn",
-        style: o,
+        style: r,
         title: n.copyTitle || "复制",
         onClick: () => {
           if (e)
@@ -269,10 +277,10 @@ const we = /* @__PURE__ */ O({
                   $.error(n.errorText ?? "复制失败");
                 });
               else {
-                const r = document.createElement("textarea");
-                r.value = e, r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select();
-                const l = document.execCommand("copy");
-                document.body.removeChild(r), l ? $.success(n.successText ?? "复制成功") : $.error(n.errorText ?? "复制失败");
+                const l = document.createElement("textarea");
+                l.value = e, l.style.position = "fixed", l.style.opacity = "0", document.body.appendChild(l), l.select();
+                const i = document.execCommand("copy");
+                document.body.removeChild(l), i ? $.success(n.successText ?? "复制成功") : $.error(n.errorText ?? "复制失败");
               }
             } catch {
               $.error(n.errorText ?? "复制失败");
@@ -283,20 +291,20 @@ const we = /* @__PURE__ */ O({
       })])
     ].filter(Boolean)
   );
-}), Oe = E((t) => {
+}), Oe = S((t) => {
   var i;
-  const e = v(t.row, t.col.key) ?? "", n = ((i = t.col) == null ? void 0 : i.renderProps) || {}, r = e ? Array.isArray(e) ? e.filter((c) => c && typeof c == "string") : [e] : [];
-  if (r.length === 0)
+  const e = v(t.row, t.col.key) ?? "", n = ((i = t.col) == null ? void 0 : i.renderProps) || {}, o = e ? Array.isArray(e) ? e.filter((c) => c && typeof c == "string") : [e] : [];
+  if (o.length === 0)
     return n.placeholder || "";
   const l = {
     width: n.width || "80px",
     height: n.height || "80px",
-    marginRight: r.length > 1 ? "4px" : "0",
+    marginRight: o.length > 1 ? "4px" : "0",
     ...n.style || {}
   };
-  return r.length === 1 ? f(q, {
-    src: r[0],
-    previewSrcList: n.previewSrcList || r,
+  return o.length === 1 ? f(q, {
+    src: o[0],
+    previewSrcList: n.previewSrcList || o,
     fit: n.fit || "contain",
     style: l,
     ...n
@@ -308,41 +316,41 @@ const we = /* @__PURE__ */ O({
     },
     [
       f(q, {
-        src: r[0],
-        previewSrcList: n.previewSrcList || r,
+        src: o[0],
+        previewSrcList: n.previewSrcList || o,
         fit: n.fit || "contain",
         style: l,
         ...n
       }),
-      r.length > 1 && f("span", {
+      o.length > 1 && f("span", {
         class: "st_img_total",
         style: "position: absolute; top: 0; right: 0; ",
-        title: `${r.length}`
+        title: `${o.length}`
       }, [f(be, { style: "width: 1em; height: 1em; " })])
     ]
   );
-}), $e = E((t) => {
-  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, o = n.options ?? [], r = n.showValue ?? !1;
+}), $e = S((t) => {
+  const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {}, r = n.options ?? [], o = n.showValue ?? !1;
   if (e == null || e === "") return "";
-  const l = Array.isArray(e) ? e.map(String) : [String(e)], i = o.filter((g) => l.includes(String(g.value))), c = l.filter((g) => !o.some((b) => String(b.value) === g)), d = i.map((g, b) => f(
+  const l = Array.isArray(e) ? e.map(String) : [String(e)], i = r.filter((g) => l.includes(String(g.value))), c = l.filter((g) => !r.some((b) => String(b.value) === g)), d = i.map((g, b) => f(
     he,
     { key: g.value, type: g.listClass, class: g.cssClass, disableTransitions: !0 },
     { default: () => g.label + " " }
   ));
-  return r && c.length > 0 && d.push(f("span", {}, c.join(" "))), f("div", {}, d);
-}), Fe = E((t) => {
-  var o;
-  const e = v(t.row, t.col.key) ?? "", n = ((o = t.col.renderProps) == null ? void 0 : o.options) ?? {};
+  return o && c.length > 0 && d.push(f("span", {}, c.join(" "))), f("div", {}, d);
+}), Fe = S((t) => {
+  var r;
+  const e = v(t.row, t.col.key) ?? "", n = ((r = t.col.renderProps) == null ? void 0 : r.options) ?? {};
   return e != null ? n[e] ?? "" : "";
 });
 function Re(t) {
   return typeof t.formatter == "function";
 }
-const ze = E((t) => {
-  var r;
-  const { col: e, row: n } = t, o = v(t.row, t.col.key) ?? "";
-  return Re(e) ? (r = e.formatter) == null ? void 0 : r.call(e, o, n) : o ?? "";
-}), Ke = E((t) => {
+const ze = S((t) => {
+  var o;
+  const { col: e, row: n } = t, r = v(t.row, t.col.key) ?? "";
+  return Re(e) ? (o = e.formatter) == null ? void 0 : o.call(e, r, n) : r ?? "";
+}), Ke = S((t) => {
   const e = v(t.row, t.col.key) ?? "", n = t.col.renderProps || {};
   return e ? /^https?:\/\//.test(e) ? f(q, {
     src: e,
@@ -361,8 +369,8 @@ const ze = E((t) => {
   }) : "";
 }), le = {
   input: Be,
-  "input-number": Ee,
-  select: Se,
+  "input-number": Se,
+  select: Ee,
   button: Te,
   link: Ve,
   html: Ae,
@@ -380,17 +388,17 @@ function Ye() {
   return le;
 }
 function Ne(t, e = 10, n = []) {
-  const r = "*:*:*", l = (s) => {
+  const o = "*:*:*", l = (s) => {
     if (!s) return !0;
     const y = Array.isArray(s) ? s : [s];
     return n.some(
-      (p) => p === r || y.includes(p)
+      (p) => p === o || y.includes(p)
     );
   }, i = F(() => t.some((s) => l(s.permission))), c = F(() => t.filter((y) => l(y.permission)).slice(0, e).reduce(
     (y, p) => y + (p.width ?? 60),
     0
   )), d = (s, y) => l(s.permission) && (s.visible ? s.visible(y) : !0), g = (s) => t.filter((p) => d(p, s)).slice(0, e).reduce(
-    (p, S) => p + (S.width ?? 60),
+    (p, E) => p + (E.width ?? 60),
     0
   );
   return {
@@ -415,11 +423,11 @@ const De = ["title"], Ie = /* @__PURE__ */ O({
   },
   emits: ["cellBlur", "cellEnter", "cellChange", "cellClick"],
   setup(t, { emit: e }) {
-    const n = t, o = e, r = (u) => {
+    const n = t, r = e, o = (u) => {
       var T, w;
       const C = (T = n.pagination) == null ? void 0 : T.page, x = (w = n.pagination) == null ? void 0 : w.size;
       return C && x ? (C - 1) * x + u + 1 : u + 1;
-    }, { col: l } = ae(n), i = (u, C) => o("cellChange", u, C), c = (u, C) => o("cellBlur", u, C), d = (u, C) => o("cellEnter", u, C), g = (u, C) => o("cellClick", u, C);
+    }, { col: l } = ae(n), i = (u, C) => r("cellChange", u, C), c = (u, C) => r("cellBlur", u, C), d = (u, C) => r("cellEnter", u, C), g = (u, C) => r("cellClick", u, C);
     Le(J());
     const b = F(() => {
       const u = J(), C = {};
@@ -437,9 +445,9 @@ const De = ["title"], Ie = /* @__PURE__ */ O({
       l.value.buttons || [],
       l.value.maxbtn ?? 10,
       n.permissions || []
-    ), S = F(() => (l.value.buttons || []).length ? (l.value.__rows || []).length ? k(l.value.__rows || []) : m.value : !1), N = F(() => l.value.__rows ? y(l.value.__rows) : s.value);
+    ), E = F(() => (l.value.buttons || []).length ? (l.value.__rows || []).length ? k(l.value.__rows || []) : m.value : !1), N = F(() => l.value.__rows ? y(l.value.__rows) : s.value);
     function oe(u) {
-      return !(u.type === "selection" || u.type === "index" || u.type === "operation" && !S.value || u.visible === !1);
+      return !(u.type === "selection" || u.type === "index" || u.type === "operation" && !E.value || u.visible === !1);
     }
     return (u, C) => {
       const x = M("el-table-column"), T = M("el-button");
@@ -453,10 +461,10 @@ const De = ["title"], Ie = /* @__PURE__ */ O({
         align: "center"
       }, a(l).columnProps), {
         default: A(({ $index: w }) => [
-          Z(W(r(w)), 1)
+          Z(W(o(w)), 1)
         ]),
         _: 1
-      }, 16, ["label"])) : a(l).type === "operation" && S.value ? (h(), _(x, B({
+      }, 16, ["label"])) : a(l).type === "operation" && E.value ? (h(), _(x, B({
         key: 2,
         label: a(l).label || "操作",
         align: "center"
@@ -510,21 +518,21 @@ const De = ["title"], Ie = /* @__PURE__ */ O({
 function ee(t, e) {
   if (!(e != null && e.length)) return t;
   const n = new Map(
-    e.map((o) => [o.key, o])
+    e.map((r) => [r.key, r])
   );
-  return t.map((o) => {
-    const r = n.get(o.key);
-    return r ? {
-      ...o,
-      visible: typeof r.visible == "boolean" ? r.visible : o.visible
-    } : o;
+  return t.map((r) => {
+    const o = n.get(r.key);
+    return o ? {
+      ...r,
+      visible: typeof o.visible == "boolean" ? o.visible : r.visible
+    } : r;
   });
 }
 function We(t, e) {
-  const { cacheKey: n, storage: o = localStorage } = e || {}, r = n ? o.getItem(n) : null, l = R(
+  const { cacheKey: n, storage: r = localStorage } = e || {}, o = n ? r.getItem(n) : null, l = R(
     ee(
       t,
-      r ? JSON.parse(r) : []
+      o ? JSON.parse(o) : []
     )
   );
   return z(
@@ -536,7 +544,7 @@ function We(t, e) {
         visible: d.visible,
         columnOpts: d.columnOpts
       }));
-      o.setItem(
+      r.setItem(
         n,
         JSON.stringify(c)
       );
@@ -553,7 +561,7 @@ function We(t, e) {
       l.value = ee(
         t,
         i
-      ), n && o.setItem(
+      ), n && r.setItem(
         n,
         JSON.stringify(i)
       );
@@ -562,7 +570,7 @@ function We(t, e) {
      * 重置为默认列配置
      */
     resetColumns() {
-      l.value = t, n && o.removeItem(n);
+      l.value = t, n && r.removeItem(n);
     }
   };
 }
@@ -588,20 +596,20 @@ const Ge = /* @__PURE__ */ O({
     "cell-click"
   ],
   setup(t, { expose: e, emit: n }) {
-    const o = t, r = n, { columns: l } = We(o.columns, {
-      cacheKey: o.cacheKey ?? ""
+    const r = t, o = n, { columns: l } = We(r.columns, {
+      cacheKey: r.cacheKey ?? ""
     });
     z(
       l,
-      (m) => r("update:columns", m),
+      (m) => o("update:columns", m),
       { deep: !0, immediate: !0 }
     );
-    const i = (m, k) => r("cellChange", m, k), c = (m, k) => {
-      r("cellBlur", m, k);
+    const i = (m, k) => o("cellChange", m, k), c = (m, k) => {
+      o("cellBlur", m, k);
     }, d = (m, k) => {
-      console.log("enter"), r("cellEnter", m, k);
+      console.log("enter"), o("cellEnter", m, k);
     }, g = (m, k) => {
-      k && r("cell-click", m, k);
+      k && o("cell-click", m, k);
     }, b = R();
     return e({
       tableRef: b
@@ -626,10 +634,10 @@ const Ge = /* @__PURE__ */ O({
             onCellEnter: d,
             onCellClick: g
           }, ge({ _: 2 }, [
-            L(a(l), (S) => ({
-              name: S.key,
+            L(a(l), (E) => ({
+              name: E.key,
               fn: A((N) => [
-                ne(m.$slots, S.key, B({ ref_for: !0 }, N))
+                ne(m.$slots, E.key, B({ ref_for: !0 }, N))
               ])
             }))
           ]), 1032, ["col", "permissions", "pagination"]))), 128))
@@ -681,10 +689,10 @@ class Pe {
    * 深度合并配置
    */
   mergeConfig(e, n) {
-    const o = { ...e };
-    for (const r in n)
-      n[r] && typeof n[r] == "object" && !Array.isArray(n[r]) ? o[r] = this.mergeConfig(e[r] || {}, n[r]) : o[r] = n[r];
-    return o;
+    const r = { ...e };
+    for (const o in n)
+      n[o] && typeof n[o] == "object" && !Array.isArray(n[o]) ? r[o] = this.mergeConfig(e[o] || {}, n[o]) : r[o] = n[o];
+    return r;
   }
 }
 let j = null;
@@ -706,7 +714,7 @@ function Ze(t, e) {
 export {
   Ge as SmartTable,
   le as builtInRenderers,
-  E as createFunctionalRenderer,
+  S as createFunctionalRenderer,
   Ye as createRenderer,
   Ge as default,
   Ze as defineColumn,