@wx-design/components 0.2.2 → 0.2.4

package/es/index.mjs

@@ -326,8 +326,8 @@ function Vo(e, t, r, a) {
   var n = !r;
   r || (r = {});
   for (var o = -1, i = t.length; ++o < i; ) {
-    var s = t[o], c = a ? a(r[s], e[s], s, r, e) : void 0;
-    c === void 0 && (c = e[s]), n ? No(r, s, c) : Ro(r, s, c);
+    var s = t[o], l = a ? a(r[s], e[s], s, r, e) : void 0;
+    l === void 0 && (l = e[s]), n ? No(r, s, l) : Ro(r, s, l);
   }
   return r;
 }
@@ -344,8 +344,8 @@ function Ko() {
 var Uo = Ko;
 W.exports;
 (function(e, t) {
-  var r = _, a = Uo, n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, i = o && o.exports === n, s = i ? r.Buffer : void 0, c = s ? s.isBuffer : void 0, l = c || a;
-  e.exports = l;
+  var r = _, a = Uo, n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, i = o && o.exports === n, s = i ? r.Buffer : void 0, l = s ? s.isBuffer : void 0, c = l || a;
+  e.exports = c;
 })(W, W.exports);
 var xt = W.exports, zo = 9007199254740991, Go = /^(?:0|[1-9]\d*)$/;
 function Ho(e, t) {
@@ -373,8 +373,8 @@ X.exports;
 (function(e, t) {
   var r = vt, a = t && !t.nodeType && t, n = a && !0 && e && !e.nodeType && e, o = n && n.exports === a, i = o && r.process, s = function() {
     try {
-      var c = n && n.require && n.require("util").types;
-      return c || i && i.binding && i.binding("util");
+      var l = n && n.require && n.require("util").types;
+      return l || i && i.binding && i.binding("util");
     } catch {
     }
   }();
@@ -382,13 +382,13 @@ X.exports;
 })(X, X.exports);
 var ve = X.exports, Oi = Ti, ji = de, ze = ve, Ge = ze && ze.isTypedArray, Ai = Ge ? ji(Ge) : Oi, Ii = Ai, xi = Lo, Pi = $t, Ei = O, Mi = xt, Bi = qo, Fi = Ii, ki = Object.prototype, Ri = ki.hasOwnProperty;
 function Ni(e, t) {
-  var r = Ei(e), a = !r && Pi(e), n = !r && !a && Mi(e), o = !r && !a && !n && Fi(e), i = r || a || n || o, s = i ? xi(e.length, String) : [], c = s.length;
-  for (var l in e)
-    (t || Ri.call(e, l)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (l == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    n && (l == "offset" || l == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    o && (l == "buffer" || l == "byteLength" || l == "byteOffset") || // Skip index properties.
-    Bi(l, c))) && s.push(l);
+  var r = Ei(e), a = !r && Pi(e), n = !r && !a && Mi(e), o = !r && !a && !n && Fi(e), i = r || a || n || o, s = i ? xi(e.length, String) : [], l = s.length;
+  for (var c in e)
+    (t || Ri.call(e, c)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (c == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    n && (c == "offset" || c == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    o && (c == "buffer" || c == "byteLength" || c == "byteOffset") || // Skip index properties.
+    Bi(c, l))) && s.push(c);
   return s;
 }
 var Et = Ni, Vi = Object.prototype;
@@ -452,13 +452,13 @@ var Ts = Ss, J = { exports: {} };
 J.exports;
 (function(e, t) {
   var r = _, a = t && !t.nodeType && t, n = a && !0 && e && !e.nodeType && e, o = n && n.exports === a, i = o ? r.Buffer : void 0, s = i ? i.allocUnsafe : void 0;
-  function c(l, d) {
+  function l(c, d) {
     if (d)
-      return l.slice();
-    var b = l.length, m = s ? s(b) : new l.constructor(b);
-    return l.copy(m), m;
+      return c.slice();
+    var b = c.length, m = s ? s(b) : new c.constructor(b);
+    return c.copy(m), m;
   }
-  e.exports = c;
+  e.exports = l;
 })(J, J.exports);
 var ws = J.exports;
 function Os(e, t) {
@@ -617,7 +617,7 @@ var zc = Uc, Gc = zc, Hc = de, ot = ve, it = ot && ot.isSet, qc = it ? Hc(it) :
 u[Dt] = u[_u] = u[Eu] = u[Mu] = u[mu] = u[Cu] = u[Bu] = u[Fu] = u[ku] = u[Ru] = u[Nu] = u[wu] = u[Ou] = u[Kt] = u[ju] = u[Au] = u[Iu] = u[xu] = u[Vu] = u[Du] = u[Lu] = u[Ku] = !0;
 u[Su] = u[Lt] = u[Pu] = !1;
 function q(e, t, r, a, n, o) {
-  var i, s = t & yu, c = t & hu, l = t & $u;
+  var i, s = t & yu, l = t & hu, c = t & $u;
   if (r && (i = n ? r(e, a, n, o) : r(e)), i !== void 0)
     return i;
   if (!bu(e))
@@ -631,8 +631,8 @@ function q(e, t, r, a, n, o) {
     if (fu(e))
       return eu(e, s);
     if (b == Kt || b == Dt || m && !n) {
-      if (i = c || m ? {} : cu(e), !s)
-        return c ? au(e, Qc(i, e)) : ru(e, Zc(i, e));
+      if (i = l || m ? {} : cu(e), !s)
+        return l ? au(e, Qc(i, e)) : ru(e, Zc(i, e));
     } else {
       if (!u[b])
         return n ? e : {};
@@ -648,7 +648,7 @@ function q(e, t, r, a, n, o) {
   }) : gu(e) && e.forEach(function(C, S) {
     i.set(S, q(C, t, r, S, e, o));
   });
-  var Wt = l ? c ? ou : nu : c ? vu : du, je = d ? void 0 : Wt(e);
+  var Wt = c ? l ? ou : nu : l ? vu : du, je = d ? void 0 : Wt(e);
   return Xc(je || e, function(C, S) {
     je && (S = C, C = e[S]), Jc(i, S, q(C, t, r, S, e, o));
   }), i;
@@ -863,24 +863,24 @@ const Gg = /* @__PURE__ */ ge(zg), Hg = (e) => {
       var s;
       o.value = !0;
       try {
-        const c = n();
-        await ((s = t.saveSelectRecords) == null ? void 0 : s.call(t, c)), c.forEach((l) => {
+        const l = n();
+        await ((s = t.saveSelectRecords) == null ? void 0 : s.call(t, l)), l.forEach((c) => {
           var d;
-          return (d = r.value) == null ? void 0 : d.reloadRow(l, {});
+          return (d = r.value) == null ? void 0 : d.reloadRow(c, {});
         }), a();
       } finally {
         o.value = !1;
       }
     };
-    return (s, c) => ($(), A("div", y({
+    return (s, l) => ($(), A("div", y({
       class: ["sab-table-toolbar", t.class]
-    }, s.$attrs), [($(!0), A(ne, null, oe(s.features, (l) => ($(), A(ne, null, [l === "clearSelect" ? ($(), Y(I(Pe), {
+    }, s.$attrs), [($(!0), A(ne, null, oe(s.features, (c) => ($(), A(ne, null, [c === "clearSelect" ? ($(), Y(I(Pe), {
       key: 0,
       onClick: I(a)
     }, {
       default: N(() => [Ae("清空选择")]),
       _: 1
-    }, 8, ["onClick"])) : l === "saveSelect" ? ($(), Y(I(Pe), {
+    }, 8, ["onClick"])) : c === "saveSelect" ? ($(), Y(I(Pe), {
       key: 1,
       onClick: i,
       loading: o.value
@@ -900,8 +900,8 @@ const Gg = /* @__PURE__ */ ge(zg), Hg = (e) => {
       ...o
     } = t, i = V(() => {
       const s = {};
-      return Object.keys(a || {}).forEach((c) => {
-        s[c] = (l) => typeof a[c] == "string" ? r[a[c]](l) : typeof a[c] == "function" ? a[c](l, n) : null;
+      return Object.keys(a || {}).forEach((l) => {
+        s[l] = (c) => typeof a[l] == "string" ? r[a[l]](c) : typeof a[l] == "function" ? a[l](c, n) : null;
       }), s;
     });
     return () => g(Jt, o, {
@@ -979,7 +979,15 @@ x.all = function(t, r) {
   }, {});
 };
 var sb = x, lb = sb;
-const v = /* @__PURE__ */ ge(lb), Yt = {
+const v = /* @__PURE__ */ ge(lb);
+function cb(e) {
+  const t = /[a-z,\.\_\|\`\!\^\*\(\)\·]/g, r = e.match(t);
+  return r ? r.length : 0;
+}
+const ub = (e) => {
+  const t = cb(e), r = e.length - t;
+  return t * 8 + r * 14 + 20;
+}, Yt = {
   fit: !0,
   // 带边框
   border: !0,
@@ -1008,6 +1016,8 @@ const v = /* @__PURE__ */ ge(lb), Yt = {
   keepSource: !0,
   // 表头超出省略
   showHeaderOverflow: !0,
+  // 列宽自动赋值
+  autoColumnWidth: !0,
   // 复选框配置
   checkboxConfig: {
     // 开启复选框范围选择功能（启用后通过鼠标在复选框的列内滑动选中或取消指定行）
@@ -1069,16 +1079,23 @@ const v = /* @__PURE__ */ ge(lb), Yt = {
     enabled: !0,
     // 超过100行的时候生效
     gt: 100
+  },
+  // 横向虚拟滚动
+  scrollX: {
+    // 启用虚拟滚动
+    enabled: !0,
+    // 超过50列的时候生效
+    gt: 50
   }
-}, cb = (e, t = {}) => {
-  var a, n, o, i;
+}, fb = (e, t = {}) => {
+  var a, n, o, i, s;
   let r = v(Yt, e);
-  return r = v(r, t), r.editable === !1 ? delete r.editConfig : r.editable === !0 && (r.editConfig = v({}, r.editConfig || {})), r.withCheckbox === !0 && !((a = r.columns) != null && a.some((s) => s.field === "sab-table-checkbox")) && ((n = r.columns) == null || n.unshift({
+  return r = v(r, t), r.editable === !1 ? delete r.editConfig : r.editable === !0 && (r.editConfig = v({}, r.editConfig || {})), r.withCheckbox === !0 && !((a = r.columns) != null && a.some((l) => l.field === "sab-table-checkbox")) && ((n = r.columns) == null || n.unshift({
     type: "checkbox",
     fixed: "left",
     field: "sab-table-checkbox",
     width: 40
-  })), r.withSeq === !0 && !((o = r.columns) != null && o.some((s) => s.field === "sab-table-seq")) && ((i = r.columns) == null || i.unshift({
+  })), r.withSeq === !0 && !((o = r.columns) != null && o.some((l) => l.field === "sab-table-seq")) && ((i = r.columns) == null || i.unshift({
     type: "checkbox",
     fixed: "left",
     field: "sab-table-seq",
@@ -1086,14 +1103,16 @@ const v = /* @__PURE__ */ ge(lb), Yt = {
     className: "sab-table-seq",
     slots: {
       header: () => null,
-      checkbox: ({ rowIndex: s }) => s + 1
+      checkbox: ({ rowIndex: l }) => l + 1
     }
+  })), r.autoColumnWidth === !0 && ((s = r.columns) == null || s.forEach((l) => {
+    typeof l.width > "u" && (l.width = ub(l.title || ""));
   })), r;
-}, ub = (e, t, r) => {
+}, gb = (e, t, r) => {
   const a = {
     "cell-click": ({ row: o, column: i }) => {
-      var s, c, l;
-      t.value.autoClearSelected && ((s = r.value) != null && s.isCheckedByCheckboxRow(o) || (c = r.value) == null || c.clearCheckboxRow()), i.type === "checkbox" && i.field === "sab-table-seq" && ((l = r.value) == null || l.toggleCheckboxRow(o));
+      var s, l, c;
+      t.value.autoClearSelected && ((s = r.value) != null && s.isCheckedByCheckboxRow(o) || (l = r.value) == null || l.clearCheckboxRow()), i.type === "checkbox" && i.field === "sab-table-seq" && ((c = r.value) == null || c.toggleCheckboxRow(o));
     }
   }, n = {};
   return [
@@ -1142,7 +1161,7 @@ const v = /* @__PURE__ */ ge(lb), Yt = {
   }), n;
 };
 var p = /* @__PURE__ */ ((e) => (e.Input = "input", e.InputNumber = "input-number", e.Select = "select", e.DatePciker = "date-picker", e.Image = "image", e.Color = "color", e.Boolean = "boolean", e))(p || {});
-const fb = /* @__PURE__ */ h({
+const bb = /* @__PURE__ */ h({
   name: "SabCellEditInput",
   emits: ["update:modelValue"],
   setup(e, {
@@ -1158,7 +1177,7 @@ const fb = /* @__PURE__ */ h({
       onInput: a
     }, t), null);
   }
-}), gb = {
+}), pb = {
   sabCellType: p.Input,
   editRender: {
     autofocus: ".el-input__inner"
@@ -1166,12 +1185,12 @@ const fb = /* @__PURE__ */ h({
   slots: {
     edit: ({
       row: e
-    }, t) => g(fb, y({
+    }, t) => g(bb, y({
       modelValue: e.name,
       "onUpdate:modelValue": (r) => e.name = r
     }, t), null)
   }
-}, bb = /* @__PURE__ */ h({
+}, db = /* @__PURE__ */ h({
   name: "SabCellEditInput",
   emits: ["update:modelValue"],
   setup(e, {
@@ -1188,7 +1207,7 @@ const fb = /* @__PURE__ */ h({
       onChange: a
     }, t), null);
   }
-}), pb = {
+}), vb = {
   cellType: "number",
   sabCellType: p.InputNumber,
   editRender: {
@@ -1198,12 +1217,12 @@ const fb = /* @__PURE__ */ h({
     edit: ({
       row: e,
       column: t
-    }, r) => g(bb, y({
+    }, r) => g(db, y({
       modelValue: e[t.field],
       "onUpdate:modelValue": (a) => e[t.field] = a
     }, r), null)
   }
-}, db = /* @__PURE__ */ h({
+}, yb = /* @__PURE__ */ h({
   name: "SabCellEditInput",
   emits: ["update:modelValue"],
   setup(e, {
@@ -1221,7 +1240,7 @@ const fb = /* @__PURE__ */ h({
       "onUpdate:modelValue": a
     }, t), null);
   }
-}), vb = {
+}), hb = {
   sabCellType: p.DatePciker,
   editRender: {
     autofocus: ".el-input__inner"
@@ -1230,12 +1249,12 @@ const fb = /* @__PURE__ */ h({
     edit: ({
       row: e,
       column: t
-    }, r) => g(db, y({
+    }, r) => g(yb, y({
       modelValue: e[t.field],
       "onUpdate:modelValue": (a) => e[t.field] = a
     }, r), null)
   }
-}, yb = /* @__PURE__ */ h({
+}, $b = /* @__PURE__ */ h({
   props: {
     options: Array,
     modelValue: {
@@ -1281,7 +1300,7 @@ const fb = /* @__PURE__ */ h({
       }
     });
   }
-}), hb = {
+}), _b = {
   sabCellType: p.Input,
   editRender: {
     autofocus: ".el-input__inner"
@@ -1292,7 +1311,7 @@ const fb = /* @__PURE__ */ h({
       column: t
     }, r) => (
       // @ts-ignore
-      g(yb, y({
+      g($b, y({
         automaticDropdown: !0,
         modelValue: e[t.field],
         "onUpdate:modelValue": (a) => e[t.field] = a
@@ -1301,7 +1320,7 @@ const fb = /* @__PURE__ */ h({
   }
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var $b = /* @__PURE__ */ h({
+var mb = /* @__PURE__ */ h({
   name: "Picture",
   __name: "picture",
   setup(e) {
@@ -1319,8 +1338,8 @@ var $b = /* @__PURE__ */ h({
       })
     ]));
   }
-}), bt = $b;
-const _b = /* @__PURE__ */ h({
+}), bt = mb;
+const Cb = /* @__PURE__ */ h({
   name: "SabCellImage",
   props: {
     src: String,
@@ -1373,7 +1392,7 @@ const _b = /* @__PURE__ */ h({
       default: () => [g(bt, null, null)]
     });
   }
-}), mb = {
+}), Sb = {
   sabCellType: p.Image,
   showOverflow: !1,
   align: "center",
@@ -1381,11 +1400,11 @@ const _b = /* @__PURE__ */ h({
     default: ({
       row: e,
       column: t
-    }) => g(_b, {
+    }) => g(Cb, {
       src: e[t.field]
     }, null)
   }
-}, Cb = /* @__PURE__ */ h({
+}, Tb = /* @__PURE__ */ h({
   props: {
     color: String
   },
@@ -1402,18 +1421,18 @@ const _b = /* @__PURE__ */ h({
       }
     }, null);
   }
-}), Sb = {
+}), wb = {
   sabCellType: p.Color,
   className: "sab-cell-color",
   slots: {
     default: ({
       row: e,
       column: t
-    }) => g(Cb, {
+    }) => g(Tb, {
       color: e[t.field]
     }, null)
   }
-}, Tb = /* @__PURE__ */ h({
+}, Ob = /* @__PURE__ */ h({
   props: {
     modelValue: String || Number || Boolean
   },
@@ -1433,7 +1452,7 @@ const _b = /* @__PURE__ */ h({
       onChange: r
     }, null);
   }
-}), wb = {
+}), jb = {
   sabCellType: p.Color,
   className: "sab-cell-boolean",
   align: "center",
@@ -1442,19 +1461,19 @@ const _b = /* @__PURE__ */ h({
     default: ({
       row: e,
       column: t
-    }) => g(Tb, {
+    }) => g(Ob, {
       modelValue: e[t.field],
       "onUpdate:modelValue": (r) => e[t.field] = r
     }, null)
   }
-}, Ob = {
+}, Ab = {
   // 弹出层默认配置项
   popoverConfig: {
     trigger: "icon",
     triggerEvent: "click",
     popType: "popover"
   }
-}, jb = (e) => (e.editable === !1 ? delete e.editRender : e.editable === !0 && (e.editRender = v({}, e.editRender || {})), e.sabCellType === p.Input ? v(gb, e) : e.sabCellType === p.InputNumber ? v(pb, e) : e.sabCellType === p.DatePciker ? v(vb, e) : e.sabCellType === p.Select ? v(hb, e) : e.sabCellType === p.Image ? v(mb, e) : e.sabCellType === p.Color ? v(Sb, e) : e.sabCellType === p.Boolean ? v(wb, e) : e), Ab = (e) => e.map((t) => v(Ob, jb(t))).filter((t) => !t.hidden), Ib = { class: "sab-table-inner" }, ae = /* @__PURE__ */ h({
+}, Ib = (e) => (e.editable === !1 ? delete e.editRender : e.editable === !0 && (e.editRender = v({}, e.editRender || {})), e.sabCellType === p.Input ? v(pb, e) : e.sabCellType === p.InputNumber ? v(vb, e) : e.sabCellType === p.DatePciker ? v(hb, e) : e.sabCellType === p.Select ? v(_b, e) : e.sabCellType === p.Image ? v(Sb, e) : e.sabCellType === p.Color ? v(wb, e) : e.sabCellType === p.Boolean ? v(jb, e) : e), xb = (e) => e.map((t) => v(Ab, Ib(t))).filter((t) => !t.hidden), Pb = { class: "sab-table-inner" }, ae = /* @__PURE__ */ h({
   name: "SabTable",
   __name: "index",
   props: Qt({
@@ -1547,11 +1566,12 @@ const _b = /* @__PURE__ */ h({
     withCheckbox: { type: Boolean },
     showToolbar: { type: Boolean },
     autoClearSelected: { type: Boolean },
-    popoverConfig: {}
+    popoverConfig: {},
+    autoColumnWidth: { type: Boolean }
   }, Yt),
   setup(e, { expose: t, emit: r }) {
     const a = e, n = r, o = pt(), i = V(() => {
-      const l = cb(
+      const c = fb(
         {
           keyboardConfig: {
             editMethod({ row: d, column: b }) {
@@ -1561,39 +1581,37 @@ const _b = /* @__PURE__ */ h({
         },
         Gg(a, "data")
       );
-      return l.columns = Ab(l.columns || []), l;
+      return c.columns = xb(c.columns || []), c;
     }), s = V(() => {
-      var l;
+      var c;
       return Xr(
-        (l = i.value.columns) == null ? void 0 : l.map((d) => d.slots ? Object.values(d.slots).filter(
+        (c = i.value.columns) == null ? void 0 : c.map((d) => d.slots ? Object.values(d.slots).filter(
           (b) => typeof b == "string"
         ) : [])
       );
     });
     t({
-      xTable: o.value,
-      ...o.value
+      getInstance: () => o.value
     });
-    const c = ub(n, i, o);
-    return (l, d) => ($(), A("div", {
+    const l = gb(n, i, o);
+    return (c, d) => ($(), A("div", {
       class: er(["sab-table-warp", a.wrapClassName])
     }, [
-      l.showToolbar ? ($(), Y(qg, {
+      c.showToolbar ? ($(), Y(qg, {
         key: 0,
-        style: { "margin-bottom": "10px" },
         "table-ref": o.value
       }, {
         default: N(() => [
-          H(l.$slots, "table-toolbar")
+          H(c.$slots, "table-toolbar")
         ]),
         _: 3
       }, 8, ["table-ref"])) : dt("", !0),
-      ie("div", Ib, [
+      ie("div", Pb, [
         g(I(Zt), y({
           ref_key: "xTable",
           ref: o,
           data: a.data
-        }, i.value, tr(I(c)), {
+        }, i.value, tr(I(l)), {
           class: ["sab-table", i.value.class]
         }), {
           default: N(() => [
@@ -1601,7 +1619,7 @@ const _b = /* @__PURE__ */ h({
               oe(s.value, (m) => ({
                 name: m,
                 fn: N((z) => [
-                  H(l.$slots, m, Ie(xe(z)))
+                  H(c.$slots, m, Ie(xe(z)))
                 ])
               }))
             ]), 1040))), 256))
@@ -1609,7 +1627,7 @@ const _b = /* @__PURE__ */ h({
           _: 3
         }, 16, ["data", "class"])
       ]),
-      H(l.$slots, "table-footer")
+      H(c.$slots, "table-footer")
     ], 2));
   }
 });