@wx-design/components 0.1.8 → 0.1.10

package/es/index.mjs

@@ -1,66 +1,66 @@
-import ee, { Column as te, Table as le } from "vxe-table";
-import { defineComponent as d, computed as _, ref as q, openBlock as b, createElementBlock as y, mergeProps as g, Fragment as k, renderList as $, createBlock as T, unref as h, withCtx as w, createTextVNode as B, createCommentVNode as G, renderSlot as R, createVNode as i, createElementVNode as I, mergeDefaults as re, toHandlers as ne, normalizeProps as oe, guardReactiveProps as ae, createSlots as ie } from "vue";
-import { ElButton as A, ElInput as se, ElInputNumber as ce, ElDatePicker as ue, ElSelect as fe, ElOption as de, ElIcon as F, ElImage as M, ElPopover as be, ElCheckbox as ge } from "element-plus";
+import te, { Column as le, Table as re } from "vxe-table";
+import { defineComponent as d, computed as _, ref as q, openBlock as g, createElementBlock as y, mergeProps as m, Fragment as k, renderList as $, createBlock as T, unref as h, withCtx as w, createTextVNode as B, createCommentVNode as G, renderSlot as R, createVNode as i, createElementVNode as I, mergeDefaults as ne, toHandlers as oe, normalizeProps as ae, guardReactiveProps as ie, createSlots as se } from "vue";
+import { ElButton as A, ElInput as ce, ElInputNumber as ue, ElDatePicker as fe, ElSelect as de, ElOption as be, ElIcon as F, ElImage as M, ElPopover as ge, ElCheckbox as me } from "element-plus";
 var j = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function L(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function me(e, t) {
+function pe(e, t) {
   for (var l = -1, n = t.length, r = e.length; ++l < n; )
     e[r + l] = t[l];
   return e;
 }
-var pe = me, ye = typeof j == "object" && j && j.Object === Object && j, he = ye, Ce = he, ve = typeof self == "object" && self && self.Object === Object && self, Se = Ce || ve || Function("return this")(), we = Se, _e = we, Oe = _e.Symbol, V = Oe, P = V, X = Object.prototype, je = X.hasOwnProperty, ke = X.toString, S = P ? P.toStringTag : void 0;
-function Te(e) {
-  var t = je.call(e, S), l = e[S];
+var ye = pe, he = typeof j == "object" && j && j.Object === Object && j, Ce = he, ve = Ce, Se = typeof self == "object" && self && self.Object === Object && self, we = ve || Se || Function("return this")(), _e = we, Oe = _e, je = Oe.Symbol, V = je, P = V, X = Object.prototype, ke = X.hasOwnProperty, Te = X.toString, S = P ? P.toStringTag : void 0;
+function xe(e) {
+  var t = ke.call(e, S), l = e[S];
   try {
     e[S] = void 0;
     var n = !0;
   } catch {
   }
-  var r = ke.call(e);
+  var r = Te.call(e);
   return n && (t ? e[S] = l : delete e[S]), r;
 }
-var xe = Te, Ee = Object.prototype, $e = Ee.toString;
-function Re(e) {
-  return $e.call(e);
+var Ee = xe, $e = Object.prototype, Re = $e.toString;
+function Ve(e) {
+  return Re.call(e);
 }
-var Ve = Re, N = V, Be = xe, Ie = Ve, Ae = "[object Null]", Fe = "[object Undefined]", z = N ? N.toStringTag : void 0;
-function Me(e) {
-  return e == null ? e === void 0 ? Fe : Ae : z && z in Object(e) ? Be(e) : Ie(e);
+var Be = Ve, N = V, Ie = Ee, Ae = Be, Fe = "[object Null]", Me = "[object Undefined]", z = N ? N.toStringTag : void 0;
+function Pe(e) {
+  return e == null ? e === void 0 ? Me : Fe : z && z in Object(e) ? Ie(e) : Ae(e);
 }
-var Pe = Me;
-function Ne(e) {
+var Ne = Pe;
+function ze(e) {
   return e != null && typeof e == "object";
 }
-var J = Ne, ze = Pe, De = J, He = "[object Arguments]";
-function Ke(e) {
-  return De(e) && ze(e) == He;
+var J = ze, De = Ne, He = J, Ke = "[object Arguments]";
+function Ue(e) {
+  return He(e) && De(e) == Ke;
 }
-var Ue = Ke, D = Ue, Ye = J, Q = Object.prototype, qe = Q.hasOwnProperty, Ge = Q.propertyIsEnumerable, Le = D(function() {
+var Ye = Ue, D = Ye, qe = J, Q = Object.prototype, Ge = Q.hasOwnProperty, Le = Q.propertyIsEnumerable, Xe = D(function() {
   return arguments;
 }()) ? D : function(e) {
-  return Ye(e) && qe.call(e, "callee") && !Ge.call(e, "callee");
-}, Xe = Le, Je = Array.isArray, Qe = Je, H = V, We = Xe, Ze = Qe, K = H ? H.isConcatSpreadable : void 0;
-function et(e) {
-  return Ze(e) || We(e) || !!(K && e && e[K]);
+  return qe(e) && Ge.call(e, "callee") && !Le.call(e, "callee");
+}, Je = Xe, Qe = Array.isArray, We = Qe, H = V, Ze = Je, et = We, K = H ? H.isConcatSpreadable : void 0;
+function tt(e) {
+  return et(e) || Ze(e) || !!(K && e && e[K]);
 }
-var tt = et, lt = pe, rt = tt;
+var lt = tt, rt = ye, nt = lt;
 function W(e, t, l, n, r) {
   var o = -1, c = e.length;
-  for (l || (l = rt), r || (r = []); ++o < c; ) {
+  for (l || (l = nt), r || (r = []); ++o < c; ) {
     var a = e[o];
-    t > 0 && l(a) ? t > 1 ? W(a, t - 1, l, n, r) : lt(r, a) : n || (r[r.length] = a);
+    t > 0 && l(a) ? t > 1 ? W(a, t - 1, l, n, r) : rt(r, a) : n || (r[r.length] = a);
   }
   return r;
 }
-var nt = W, ot = nt;
-function at(e) {
+var ot = W, at = ot;
+function it(e) {
   var t = e == null ? 0 : e.length;
-  return t ? ot(e, 1) : [];
+  return t ? at(e, 1) : [];
 }
-var it = at;
-const st = /* @__PURE__ */ L(it), ct = (e) => {
+var st = it;
+const ct = /* @__PURE__ */ L(st), ut = (e) => {
   const t = e.tableRef;
   return {
     clearCheckboxRow: () => {
@@ -72,7 +72,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
       return (r = t.value) == null ? void 0 : r.getCheckboxRecords();
     }
   };
-}, ut = /* @__PURE__ */ d({
+}, ft = /* @__PURE__ */ d({
   name: "SabTableToolbar",
   __name: "index",
   props: {
@@ -88,7 +88,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
     const t = e, l = _(() => t.tableRef), {
       clearCheckboxRow: n,
       getCheckboxRecords: r
-    } = ct({
+    } = ut({
       tableRef: l
     }), o = q(!1), c = async () => {
       var a;
@@ -96,22 +96,22 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
       try {
         const f = r();
         await ((a = t.saveSelectRecords) == null ? void 0 : a.call(t, f)), f.forEach((s) => {
-          var m;
-          return (m = l.value) == null ? void 0 : m.reloadRow(s, {});
+          var p;
+          return (p = l.value) == null ? void 0 : p.reloadRow(s, {});
         }), n();
       } finally {
         o.value = !1;
       }
     };
-    return (a, f) => (b(), y("div", g({
+    return (a, f) => (g(), y("div", m({
       class: ["sab-table-toolbar", t.class]
-    }, a.$attrs), [(b(!0), y(k, null, $(a.features, (s) => (b(), y(k, null, [s === "clearSelect" ? (b(), T(h(A), {
+    }, a.$attrs), [(g(!0), y(k, null, $(a.features, (s) => (g(), y(k, null, [s === "clearSelect" ? (g(), T(h(A), {
       key: 0,
       onClick: h(n)
     }, {
       default: w(() => [B("清空选择")]),
       _: 1
-    }, 8, ["onClick"])) : s === "saveSelect" ? (b(), T(h(A), {
+    }, 8, ["onClick"])) : s === "saveSelect" ? (g(), T(h(A), {
       key: 1,
       onClick: c,
       loading: o.value
@@ -120,7 +120,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
       _: 1
     }, 8, ["loading"])) : G("", !0)], 64))), 256)), R(a.$slots, "default")], 16));
   }
-}), ft = /* @__PURE__ */ d({
+}), dt = /* @__PURE__ */ d({
   setup(e, {
     attrs: t,
     slots: l
@@ -135,49 +135,49 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
         a[f] = (s) => typeof n[f] == "string" ? l[n[f]](s) : typeof n[f] == "function" ? n[f](s, r) : null;
       }), a;
     });
-    return () => i(te, o, {
+    return () => i(le, o, {
       ...c.value
     });
   }
 });
-var dt = function(t) {
-  return bt(t) && !gt(t);
+var bt = function(t) {
+  return gt(t) && !mt(t);
 };
-function bt(e) {
+function gt(e) {
   return !!e && typeof e == "object";
 }
-function gt(e) {
+function mt(e) {
   var t = Object.prototype.toString.call(e);
-  return t === "[object RegExp]" || t === "[object Date]" || yt(e);
-}
-var mt = typeof Symbol == "function" && Symbol.for, pt = mt ? Symbol.for("react.element") : 60103;
-function yt(e) {
-  return e.$$typeof === pt;
+  return t === "[object RegExp]" || t === "[object Date]" || ht(e);
 }
+var pt = typeof Symbol == "function" && Symbol.for, yt = pt ? Symbol.for("react.element") : 60103;
 function ht(e) {
+  return e.$$typeof === yt;
+}
+function Ct(e) {
   return Array.isArray(e) ? [] : {};
 }
 function O(e, t) {
-  return t.clone !== !1 && t.isMergeableObject(e) ? C(ht(e), e, t) : e;
+  return t.clone !== !1 && t.isMergeableObject(e) ? C(Ct(e), e, t) : e;
 }
-function Ct(e, t, l) {
+function vt(e, t, l) {
   return e.concat(t).map(function(n) {
     return O(n, l);
   });
 }
-function vt(e, t) {
+function St(e, t) {
   if (!t.customMerge)
     return C;
   var l = t.customMerge(e);
   return typeof l == "function" ? l : C;
 }
-function St(e) {
+function wt(e) {
   return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(e).filter(function(t) {
     return Object.propertyIsEnumerable.call(e, t);
   }) : [];
 }
 function U(e) {
-  return Object.keys(e).concat(St(e));
+  return Object.keys(e).concat(wt(e));
 }
 function Z(e, t) {
   try {
@@ -186,21 +186,21 @@ function Z(e, t) {
     return !1;
   }
 }
-function wt(e, t) {
+function _t(e, t) {
   return Z(e, t) && !(Object.hasOwnProperty.call(e, t) && Object.propertyIsEnumerable.call(e, t));
 }
-function _t(e, t, l) {
+function Ot(e, t, l) {
   var n = {};
   return l.isMergeableObject(e) && U(e).forEach(function(r) {
     n[r] = O(e[r], l);
   }), U(t).forEach(function(r) {
-    wt(e, r) || (Z(e, r) && l.isMergeableObject(t[r]) ? n[r] = vt(r, l)(e[r], t[r], l) : n[r] = O(t[r], l));
+    _t(e, r) || (Z(e, r) && l.isMergeableObject(t[r]) ? n[r] = St(r, l)(e[r], t[r], l) : n[r] = O(t[r], l));
   }), n;
 }
 function C(e, t, l) {
-  l = l || {}, l.arrayMerge = l.arrayMerge || Ct, l.isMergeableObject = l.isMergeableObject || dt, l.cloneUnlessOtherwiseSpecified = O;
+  l = l || {}, l.arrayMerge = l.arrayMerge || vt, l.isMergeableObject = l.isMergeableObject || bt, l.cloneUnlessOtherwiseSpecified = O;
   var n = Array.isArray(t), r = Array.isArray(e), o = n === r;
-  return o ? n ? l.arrayMerge(e, t, l) : _t(e, t, l) : O(t, l);
+  return o ? n ? l.arrayMerge(e, t, l) : Ot(e, t, l) : O(t, l);
 }
 C.all = function(t, l) {
   if (!Array.isArray(t))
@@ -209,8 +209,9 @@ C.all = function(t, l) {
     return C(n, r, l);
   }, {});
 };
-var Ot = C, jt = Ot;
-const p = /* @__PURE__ */ L(jt), kt = {
+var jt = C, kt = jt;
+const b = /* @__PURE__ */ L(kt), ee = {
+  fit: !0,
   // 带边框
   border: !0,
   // 展示头部
@@ -296,15 +297,18 @@ const p = /* @__PURE__ */ L(jt), kt = {
   }
 }, Tt = (e, t = {}) => {
   var n, r, o, c;
-  const l = p(e, t);
-  return l.editable === !1 ? delete l.editConfig : l.editable === !0 && (l.editConfig = p({}, l.editConfig || {})), l.withCheckbox === !0 && !((n = l.columns) != null && n.some((a) => a.field === "sab-table-checkbox")) && ((r = l.columns) == null || r.unshift({
+  let l = b(ee, e);
+  return l = b(l, t), l.editable === !1 ? delete l.editConfig : l.editable === !0 && (l.editConfig = b({}, l.editConfig || {})), l.withCheckbox === !0 && !((n = l.columns) != null && n.some((a) => a.field === "sab-table-checkbox")) && ((r = l.columns) == null || r.unshift({
     type: "checkbox",
     fixed: "left",
-    field: "sab-table-checkbox"
+    field: "sab-table-checkbox",
+    width: 40
   })), l.withSeq === !0 && !((o = l.columns) != null && o.some((a) => a.field === "sab-table-seq")) && ((c = l.columns) == null || c.unshift({
     type: "checkbox",
     fixed: "left",
     field: "sab-table-seq",
+    width: 50,
+    className: "sab-table-seq",
     slots: {
       header: () => null,
       checkbox: ({ rowIndex: a }) => a + 1
@@ -373,7 +377,7 @@ const Et = /* @__PURE__ */ d({
     const n = (r) => {
       l("update:modelValue", r);
     };
-    return () => i(se, g({
+    return () => i(ce, m({
       size: "small",
       modelValue: e.modelValue,
       onInput: n
@@ -403,7 +407,7 @@ const Et = /* @__PURE__ */ d({
     const n = (r, o) => {
       l("update:modelValue", r, o);
     };
-    return () => i(ce, g({
+    return () => i(ue, m({
       size: "small",
       modelValue: e.modelValue,
       controlsPosition: "right",
@@ -435,7 +439,7 @@ const Et = /* @__PURE__ */ d({
     const n = (r) => {
       l("update:modelValue", r);
     };
-    return () => i(ue, g({
+    return () => i(fe, m({
       size: "small",
       format: "YYYY-MM-DD",
       valueFormat: "YYYY-MM-DD",
@@ -452,7 +456,7 @@ const Et = /* @__PURE__ */ d({
     edit: ({
       row: e,
       column: t
-    }, l) => i(Bt, g({
+    }, l) => i(Bt, m({
       modelValue: e[t.field],
       "onUpdate:modelValue": (n) => e[t.field] = n
     }, l), null)
@@ -486,7 +490,7 @@ const Et = /* @__PURE__ */ d({
     const n = (r) => {
       l("update:modelValue", r);
     };
-    return () => i(fe, g({
+    return () => i(de, m({
       size: "small",
       filterable: !0,
       modelValue: e.modelValue,
@@ -494,7 +498,7 @@ const Et = /* @__PURE__ */ d({
     }, t), {
       default: () => {
         var r;
-        return [(r = e.options) == null ? void 0 : r.map((o) => i(de, {
+        return [(r = e.options) == null ? void 0 : r.map((o) => i(be, {
           key: o[e.valueKey],
           value: o[e.valueKey],
           label: o[e.labelKey],
@@ -514,7 +518,7 @@ const Et = /* @__PURE__ */ d({
       column: t
     }, l) => (
       // @ts-ignore
-      i(At, g({
+      i(At, m({
         automaticDropdown: !0,
         modelValue: e[t.field],
         "onUpdate:modelValue": (n) => e[t.field] = n
@@ -527,7 +531,7 @@ var Mt = /* @__PURE__ */ d({
   name: "Picture",
   __name: "picture",
   setup(e) {
-    return (t, l) => (b(), y("svg", {
+    return (t, l) => (g(), y("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -552,7 +556,7 @@ const Pt = /* @__PURE__ */ d({
   setup(e, {
     attrs: t
   }) {
-    return e.src ? e.preview ? () => i(M, g({
+    return e.src ? e.preview ? () => i(M, m({
       lazy: !0,
       fit: "contain",
       src: e.src,
@@ -562,7 +566,7 @@ const Pt = /* @__PURE__ */ d({
         width: "40px"
       },
       "preview-src-list": [e.src]
-    }, t), null) : () => i(be, {
+    }, t), null) : () => i(ge, {
       transition: "el-zoom-in-top",
       trigger: "click",
       persistent: !1
@@ -576,7 +580,7 @@ const Pt = /* @__PURE__ */ d({
       }, {
         default: () => [i(Y, null, null)]
       }),
-      default: () => i(M, g({
+      default: () => i(M, m({
         lazy: !0,
         src: e.src,
         style: {
@@ -647,7 +651,7 @@ const Pt = /* @__PURE__ */ d({
     const l = (n) => {
       t("update:modelValue", n);
     };
-    return () => i(ge, {
+    return () => i(me, {
       style: {
         lineHieght: 1
       },
@@ -669,10 +673,10 @@ const Pt = /* @__PURE__ */ d({
       "onUpdate:modelValue": (l) => e[t.field] = l
     }, null)
   }
-}, Ut = (e) => (e.editable === !1 && delete e.editRender, e.sabCellType === u.Input ? p($t, e) : e.sabCellType === u.InputNumber ? p(Vt, e) : e.sabCellType === u.DatePciker ? p(It, e) : e.sabCellType === u.Select ? p(Ft, e) : e.sabCellType === u.Image ? p(Nt, e) : e.sabCellType === u.Color ? p(Dt, e) : e.sabCellType === u.Boolean ? p(Kt, e) : e), Yt = (e) => e.map((t) => Ut(t)).filter((t) => !t.hidden), E = /* @__PURE__ */ d({
+}, Ut = (e) => (e.editable === !1 && delete e.editRender, e.sabCellType === u.Input ? b($t, e) : e.sabCellType === u.InputNumber ? b(Vt, e) : e.sabCellType === u.DatePciker ? b(It, e) : e.sabCellType === u.Select ? b(Ft, e) : e.sabCellType === u.Image ? b(Nt, e) : e.sabCellType === u.Color ? b(Dt, e) : e.sabCellType === u.Boolean ? b(Kt, e) : e), Yt = (e) => e.map((t) => Ut(t)).filter((t) => !t.hidden), E = /* @__PURE__ */ d({
   name: "SabTable",
   __name: "index",
-  props: re({
+  props: ne({
     size: {},
     id: {},
     data: {},
@@ -761,14 +765,14 @@ const Pt = /* @__PURE__ */ d({
     withCheckbox: { type: Boolean },
     showToolbar: { type: Boolean },
     autoClearSelected: { type: Boolean }
-  }, kt),
+  }, ee),
   setup(e, { expose: t, emit: l }) {
     const n = e, r = l, o = q(), c = _(() => {
       const s = Tt(
         {
           keyboardConfig: {
-            editMethod({ row: m, column: v }) {
-              return o.value.setEditCell(m, v), !0;
+            editMethod({ row: p, column: v }) {
+              return o.value.setEditCell(p, v), !0;
             }
           }
         },
@@ -777,8 +781,8 @@ const Pt = /* @__PURE__ */ d({
       return s.columns = Yt(s.columns || []), s;
     }), a = _(() => {
       var s;
-      return st(
-        (s = c.value.columns) == null ? void 0 : s.map((m) => m.slots ? Object.values(m.slots).filter(
+      return ct(
+        (s = c.value.columns) == null ? void 0 : s.map((p) => p.slots ? Object.values(p.slots).filter(
           (v) => typeof v == "string"
         ) : [])
       );
@@ -788,8 +792,8 @@ const Pt = /* @__PURE__ */ d({
       ...o.value
     });
     const f = xt(r, c, o);
-    return (s, m) => (b(), y(k, null, [
-      s.showToolbar ? (b(), T(ut, {
+    return (s, p) => (g(), y(k, null, [
+      s.showToolbar ? (g(), T(ft, {
         key: 0,
         style: { "margin-bottom": "10px" },
         "table-ref": o.value
@@ -799,14 +803,14 @@ const Pt = /* @__PURE__ */ d({
         ]),
         _: 3
       }, 8, ["table-ref"])) : G("", !0),
-      i(h(le), g({
+      i(h(re), m({
         ref_key: "xTable",
         ref: o
-      }, c.value, ne(h(f)), {
+      }, c.value, oe(h(f)), {
         class: ["sab-table", c.value.class]
       }), {
         default: w(() => [
-          (b(!0), y(k, null, $(c.value.columns, (v) => (b(), T(h(ft), oe(ae(v)), ie({ _: 2 }, [
+          (g(!0), y(k, null, $(c.value.columns, (v) => (g(), T(h(dt), ae(ie(v)), se({ _: 2 }, [
             $(a.value, (x) => ({
               name: x,
               fn: w(() => [
@@ -821,7 +825,7 @@ const Pt = /* @__PURE__ */ d({
   }
 });
 E.install = (e) => {
-  e.component(E.name, E), e.use(ee);
+  e.component(E.name, E), e.use(te);
 };
 export {
   u as SabCellType,