@wx-design/components 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,76 @@
1
+ export declare const mockData: ({
2
+ id: number;
3
+ name: string;
4
+ nickname: string;
5
+ role: string;
6
+ sex: string;
7
+ sex2: string[];
8
+ num1: number;
9
+ age: number;
10
+ address: string;
11
+ date12: string;
12
+ date13: string;
13
+ avater: string;
14
+ color: string;
15
+ isok: boolean;
16
+ } | {
17
+ id: number;
18
+ name: string;
19
+ nickname: string;
20
+ role: string;
21
+ sex: string;
22
+ sex2: string[];
23
+ num1: number;
24
+ age: number;
25
+ address: string;
26
+ date12: string;
27
+ date13: string;
28
+ color: string;
29
+ isok: boolean;
30
+ avater?: undefined;
31
+ } | {
32
+ id: number;
33
+ name: string;
34
+ nickname: string;
35
+ role: string;
36
+ sex: string;
37
+ sex2: string[];
38
+ num1: number;
39
+ age: number;
40
+ address: string;
41
+ date12: string;
42
+ date13: string;
43
+ color: string;
44
+ avater?: undefined;
45
+ isok?: undefined;
46
+ } | {
47
+ id: number;
48
+ name: string;
49
+ nickname: string;
50
+ role: string;
51
+ sex: string;
52
+ sex2: string[];
53
+ num1: number;
54
+ age: number;
55
+ address: string;
56
+ date12: string;
57
+ date13: string;
58
+ avater?: undefined;
59
+ color?: undefined;
60
+ isok?: undefined;
61
+ } | {
62
+ id: number;
63
+ name: string;
64
+ nickname: string;
65
+ role: string;
66
+ sex: string;
67
+ sex2: string[];
68
+ num1: number;
69
+ age: number;
70
+ address: string;
71
+ date12: string;
72
+ date13: string;
73
+ avater: string;
74
+ color?: undefined;
75
+ isok?: undefined;
76
+ })[];
package/es/index.mjs CHANGED
@@ -1,66 +1,66 @@
1
- import ee, { Column as te, Table as le } from "vxe-table";
2
- 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";
3
- 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";
1
+ import te, { Column as le, Table as re } from "vxe-table";
2
+ 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";
3
+ 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";
4
4
  var j = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
5
5
  function L(e) {
6
6
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
7
7
  }
8
- function me(e, t) {
8
+ function pe(e, t) {
9
9
  for (var l = -1, n = t.length, r = e.length; ++l < n; )
10
10
  e[r + l] = t[l];
11
11
  return e;
12
12
  }
13
- 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;
14
- function Te(e) {
15
- var t = je.call(e, S), l = e[S];
13
+ 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;
14
+ function xe(e) {
15
+ var t = ke.call(e, S), l = e[S];
16
16
  try {
17
17
  e[S] = void 0;
18
18
  var n = !0;
19
19
  } catch {
20
20
  }
21
- var r = ke.call(e);
21
+ var r = Te.call(e);
22
22
  return n && (t ? e[S] = l : delete e[S]), r;
23
23
  }
24
- var xe = Te, Ee = Object.prototype, $e = Ee.toString;
25
- function Re(e) {
26
- return $e.call(e);
24
+ var Ee = xe, $e = Object.prototype, Re = $e.toString;
25
+ function Ve(e) {
26
+ return Re.call(e);
27
27
  }
28
- var Ve = Re, N = V, Be = xe, Ie = Ve, Ae = "[object Null]", Fe = "[object Undefined]", z = N ? N.toStringTag : void 0;
29
- function Me(e) {
30
- return e == null ? e === void 0 ? Fe : Ae : z && z in Object(e) ? Be(e) : Ie(e);
28
+ var Be = Ve, N = V, Ie = Ee, Ae = Be, Fe = "[object Null]", Me = "[object Undefined]", z = N ? N.toStringTag : void 0;
29
+ function Pe(e) {
30
+ return e == null ? e === void 0 ? Me : Fe : z && z in Object(e) ? Ie(e) : Ae(e);
31
31
  }
32
- var Pe = Me;
33
- function Ne(e) {
32
+ var Ne = Pe;
33
+ function ze(e) {
34
34
  return e != null && typeof e == "object";
35
35
  }
36
- var J = Ne, ze = Pe, De = J, He = "[object Arguments]";
37
- function Ke(e) {
38
- return De(e) && ze(e) == He;
36
+ var J = ze, De = Ne, He = J, Ke = "[object Arguments]";
37
+ function Ue(e) {
38
+ return He(e) && De(e) == Ke;
39
39
  }
40
- var Ue = Ke, D = Ue, Ye = J, Q = Object.prototype, qe = Q.hasOwnProperty, Ge = Q.propertyIsEnumerable, Le = D(function() {
40
+ var Ye = Ue, D = Ye, qe = J, Q = Object.prototype, Ge = Q.hasOwnProperty, Le = Q.propertyIsEnumerable, Xe = D(function() {
41
41
  return arguments;
42
42
  }()) ? D : function(e) {
43
- return Ye(e) && qe.call(e, "callee") && !Ge.call(e, "callee");
44
- }, Xe = Le, Je = Array.isArray, Qe = Je, H = V, We = Xe, Ze = Qe, K = H ? H.isConcatSpreadable : void 0;
45
- function et(e) {
46
- return Ze(e) || We(e) || !!(K && e && e[K]);
43
+ return qe(e) && Ge.call(e, "callee") && !Le.call(e, "callee");
44
+ }, Je = Xe, Qe = Array.isArray, We = Qe, H = V, Ze = Je, et = We, K = H ? H.isConcatSpreadable : void 0;
45
+ function tt(e) {
46
+ return et(e) || Ze(e) || !!(K && e && e[K]);
47
47
  }
48
- var tt = et, lt = pe, rt = tt;
48
+ var lt = tt, rt = ye, nt = lt;
49
49
  function W(e, t, l, n, r) {
50
50
  var o = -1, c = e.length;
51
- for (l || (l = rt), r || (r = []); ++o < c; ) {
51
+ for (l || (l = nt), r || (r = []); ++o < c; ) {
52
52
  var a = e[o];
53
- t > 0 && l(a) ? t > 1 ? W(a, t - 1, l, n, r) : lt(r, a) : n || (r[r.length] = a);
53
+ t > 0 && l(a) ? t > 1 ? W(a, t - 1, l, n, r) : rt(r, a) : n || (r[r.length] = a);
54
54
  }
55
55
  return r;
56
56
  }
57
- var nt = W, ot = nt;
58
- function at(e) {
57
+ var ot = W, at = ot;
58
+ function it(e) {
59
59
  var t = e == null ? 0 : e.length;
60
- return t ? ot(e, 1) : [];
60
+ return t ? at(e, 1) : [];
61
61
  }
62
- var it = at;
63
- const st = /* @__PURE__ */ L(it), ct = (e) => {
62
+ var st = it;
63
+ const ct = /* @__PURE__ */ L(st), ut = (e) => {
64
64
  const t = e.tableRef;
65
65
  return {
66
66
  clearCheckboxRow: () => {
@@ -72,7 +72,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
72
72
  return (r = t.value) == null ? void 0 : r.getCheckboxRecords();
73
73
  }
74
74
  };
75
- }, ut = /* @__PURE__ */ d({
75
+ }, ft = /* @__PURE__ */ d({
76
76
  name: "SabTableToolbar",
77
77
  __name: "index",
78
78
  props: {
@@ -88,7 +88,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
88
88
  const t = e, l = _(() => t.tableRef), {
89
89
  clearCheckboxRow: n,
90
90
  getCheckboxRecords: r
91
- } = ct({
91
+ } = ut({
92
92
  tableRef: l
93
93
  }), o = q(!1), c = async () => {
94
94
  var a;
@@ -96,22 +96,22 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
96
96
  try {
97
97
  const f = r();
98
98
  await ((a = t.saveSelectRecords) == null ? void 0 : a.call(t, f)), f.forEach((s) => {
99
- var m;
100
- return (m = l.value) == null ? void 0 : m.reloadRow(s, {});
99
+ var p;
100
+ return (p = l.value) == null ? void 0 : p.reloadRow(s, {});
101
101
  }), n();
102
102
  } finally {
103
103
  o.value = !1;
104
104
  }
105
105
  };
106
- return (a, f) => (b(), y("div", g({
106
+ return (a, f) => (g(), y("div", m({
107
107
  class: ["sab-table-toolbar", t.class]
108
- }, a.$attrs), [(b(!0), y(k, null, $(a.features, (s) => (b(), y(k, null, [s === "clearSelect" ? (b(), T(h(A), {
108
+ }, a.$attrs), [(g(!0), y(k, null, $(a.features, (s) => (g(), y(k, null, [s === "clearSelect" ? (g(), T(h(A), {
109
109
  key: 0,
110
110
  onClick: h(n)
111
111
  }, {
112
112
  default: w(() => [B("清空选择")]),
113
113
  _: 1
114
- }, 8, ["onClick"])) : s === "saveSelect" ? (b(), T(h(A), {
114
+ }, 8, ["onClick"])) : s === "saveSelect" ? (g(), T(h(A), {
115
115
  key: 1,
116
116
  onClick: c,
117
117
  loading: o.value
@@ -120,7 +120,7 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
120
120
  _: 1
121
121
  }, 8, ["loading"])) : G("", !0)], 64))), 256)), R(a.$slots, "default")], 16));
122
122
  }
123
- }), ft = /* @__PURE__ */ d({
123
+ }), dt = /* @__PURE__ */ d({
124
124
  setup(e, {
125
125
  attrs: t,
126
126
  slots: l
@@ -135,49 +135,49 @@ const st = /* @__PURE__ */ L(it), ct = (e) => {
135
135
  a[f] = (s) => typeof n[f] == "string" ? l[n[f]](s) : typeof n[f] == "function" ? n[f](s, r) : null;
136
136
  }), a;
137
137
  });
138
- return () => i(te, o, {
138
+ return () => i(le, o, {
139
139
  ...c.value
140
140
  });
141
141
  }
142
142
  });
143
- var dt = function(t) {
144
- return bt(t) && !gt(t);
143
+ var bt = function(t) {
144
+ return gt(t) && !mt(t);
145
145
  };
146
- function bt(e) {
146
+ function gt(e) {
147
147
  return !!e && typeof e == "object";
148
148
  }
149
- function gt(e) {
149
+ function mt(e) {
150
150
  var t = Object.prototype.toString.call(e);
151
- return t === "[object RegExp]" || t === "[object Date]" || yt(e);
152
- }
153
- var mt = typeof Symbol == "function" && Symbol.for, pt = mt ? Symbol.for("react.element") : 60103;
154
- function yt(e) {
155
- return e.$$typeof === pt;
151
+ return t === "[object RegExp]" || t === "[object Date]" || ht(e);
156
152
  }
153
+ var pt = typeof Symbol == "function" && Symbol.for, yt = pt ? Symbol.for("react.element") : 60103;
157
154
  function ht(e) {
155
+ return e.$$typeof === yt;
156
+ }
157
+ function Ct(e) {
158
158
  return Array.isArray(e) ? [] : {};
159
159
  }
160
160
  function O(e, t) {
161
- return t.clone !== !1 && t.isMergeableObject(e) ? C(ht(e), e, t) : e;
161
+ return t.clone !== !1 && t.isMergeableObject(e) ? C(Ct(e), e, t) : e;
162
162
  }
163
- function Ct(e, t, l) {
163
+ function vt(e, t, l) {
164
164
  return e.concat(t).map(function(n) {
165
165
  return O(n, l);
166
166
  });
167
167
  }
168
- function vt(e, t) {
168
+ function St(e, t) {
169
169
  if (!t.customMerge)
170
170
  return C;
171
171
  var l = t.customMerge(e);
172
172
  return typeof l == "function" ? l : C;
173
173
  }
174
- function St(e) {
174
+ function wt(e) {
175
175
  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(e).filter(function(t) {
176
176
  return Object.propertyIsEnumerable.call(e, t);
177
177
  }) : [];
178
178
  }
179
179
  function U(e) {
180
- return Object.keys(e).concat(St(e));
180
+ return Object.keys(e).concat(wt(e));
181
181
  }
182
182
  function Z(e, t) {
183
183
  try {
@@ -186,21 +186,21 @@ function Z(e, t) {
186
186
  return !1;
187
187
  }
188
188
  }
189
- function wt(e, t) {
189
+ function _t(e, t) {
190
190
  return Z(e, t) && !(Object.hasOwnProperty.call(e, t) && Object.propertyIsEnumerable.call(e, t));
191
191
  }
192
- function _t(e, t, l) {
192
+ function Ot(e, t, l) {
193
193
  var n = {};
194
194
  return l.isMergeableObject(e) && U(e).forEach(function(r) {
195
195
  n[r] = O(e[r], l);
196
196
  }), U(t).forEach(function(r) {
197
- 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));
197
+ _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));
198
198
  }), n;
199
199
  }
200
200
  function C(e, t, l) {
201
- l = l || {}, l.arrayMerge = l.arrayMerge || Ct, l.isMergeableObject = l.isMergeableObject || dt, l.cloneUnlessOtherwiseSpecified = O;
201
+ l = l || {}, l.arrayMerge = l.arrayMerge || vt, l.isMergeableObject = l.isMergeableObject || bt, l.cloneUnlessOtherwiseSpecified = O;
202
202
  var n = Array.isArray(t), r = Array.isArray(e), o = n === r;
203
- return o ? n ? l.arrayMerge(e, t, l) : _t(e, t, l) : O(t, l);
203
+ return o ? n ? l.arrayMerge(e, t, l) : Ot(e, t, l) : O(t, l);
204
204
  }
205
205
  C.all = function(t, l) {
206
206
  if (!Array.isArray(t))
@@ -209,8 +209,8 @@ C.all = function(t, l) {
209
209
  return C(n, r, l);
210
210
  }, {});
211
211
  };
212
- var Ot = C, jt = Ot;
213
- const p = /* @__PURE__ */ L(jt), kt = {
212
+ var jt = C, kt = jt;
213
+ const b = /* @__PURE__ */ L(kt), ee = {
214
214
  fit: !0,
215
215
  // 带边框
216
216
  border: !0,
@@ -297,8 +297,8 @@ const p = /* @__PURE__ */ L(jt), kt = {
297
297
  }
298
298
  }, Tt = (e, t = {}) => {
299
299
  var n, r, o, c;
300
- const l = p(e, t);
301
- 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({
300
+ let l = b(ee, e);
301
+ 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({
302
302
  type: "checkbox",
303
303
  fixed: "left",
304
304
  field: "sab-table-checkbox",
@@ -377,7 +377,7 @@ const Et = /* @__PURE__ */ d({
377
377
  const n = (r) => {
378
378
  l("update:modelValue", r);
379
379
  };
380
- return () => i(se, g({
380
+ return () => i(ce, m({
381
381
  size: "small",
382
382
  modelValue: e.modelValue,
383
383
  onInput: n
@@ -407,7 +407,7 @@ const Et = /* @__PURE__ */ d({
407
407
  const n = (r, o) => {
408
408
  l("update:modelValue", r, o);
409
409
  };
410
- return () => i(ce, g({
410
+ return () => i(ue, m({
411
411
  size: "small",
412
412
  modelValue: e.modelValue,
413
413
  controlsPosition: "right",
@@ -439,7 +439,7 @@ const Et = /* @__PURE__ */ d({
439
439
  const n = (r) => {
440
440
  l("update:modelValue", r);
441
441
  };
442
- return () => i(ue, g({
442
+ return () => i(fe, m({
443
443
  size: "small",
444
444
  format: "YYYY-MM-DD",
445
445
  valueFormat: "YYYY-MM-DD",
@@ -456,7 +456,7 @@ const Et = /* @__PURE__ */ d({
456
456
  edit: ({
457
457
  row: e,
458
458
  column: t
459
- }, l) => i(Bt, g({
459
+ }, l) => i(Bt, m({
460
460
  modelValue: e[t.field],
461
461
  "onUpdate:modelValue": (n) => e[t.field] = n
462
462
  }, l), null)
@@ -490,7 +490,7 @@ const Et = /* @__PURE__ */ d({
490
490
  const n = (r) => {
491
491
  l("update:modelValue", r);
492
492
  };
493
- return () => i(fe, g({
493
+ return () => i(de, m({
494
494
  size: "small",
495
495
  filterable: !0,
496
496
  modelValue: e.modelValue,
@@ -498,7 +498,7 @@ const Et = /* @__PURE__ */ d({
498
498
  }, t), {
499
499
  default: () => {
500
500
  var r;
501
- return [(r = e.options) == null ? void 0 : r.map((o) => i(de, {
501
+ return [(r = e.options) == null ? void 0 : r.map((o) => i(be, {
502
502
  key: o[e.valueKey],
503
503
  value: o[e.valueKey],
504
504
  label: o[e.labelKey],
@@ -518,7 +518,7 @@ const Et = /* @__PURE__ */ d({
518
518
  column: t
519
519
  }, l) => (
520
520
  // @ts-ignore
521
- i(At, g({
521
+ i(At, m({
522
522
  automaticDropdown: !0,
523
523
  modelValue: e[t.field],
524
524
  "onUpdate:modelValue": (n) => e[t.field] = n
@@ -531,7 +531,7 @@ var Mt = /* @__PURE__ */ d({
531
531
  name: "Picture",
532
532
  __name: "picture",
533
533
  setup(e) {
534
- return (t, l) => (b(), y("svg", {
534
+ return (t, l) => (g(), y("svg", {
535
535
  xmlns: "http://www.w3.org/2000/svg",
536
536
  viewBox: "0 0 1024 1024"
537
537
  }, [
@@ -556,7 +556,7 @@ const Pt = /* @__PURE__ */ d({
556
556
  setup(e, {
557
557
  attrs: t
558
558
  }) {
559
- return e.src ? e.preview ? () => i(M, g({
559
+ return e.src ? e.preview ? () => i(M, m({
560
560
  lazy: !0,
561
561
  fit: "contain",
562
562
  src: e.src,
@@ -566,7 +566,7 @@ const Pt = /* @__PURE__ */ d({
566
566
  width: "40px"
567
567
  },
568
568
  "preview-src-list": [e.src]
569
- }, t), null) : () => i(be, {
569
+ }, t), null) : () => i(ge, {
570
570
  transition: "el-zoom-in-top",
571
571
  trigger: "click",
572
572
  persistent: !1
@@ -580,7 +580,7 @@ const Pt = /* @__PURE__ */ d({
580
580
  }, {
581
581
  default: () => [i(Y, null, null)]
582
582
  }),
583
- default: () => i(M, g({
583
+ default: () => i(M, m({
584
584
  lazy: !0,
585
585
  src: e.src,
586
586
  style: {
@@ -651,7 +651,7 @@ const Pt = /* @__PURE__ */ d({
651
651
  const l = (n) => {
652
652
  t("update:modelValue", n);
653
653
  };
654
- return () => i(ge, {
654
+ return () => i(me, {
655
655
  style: {
656
656
  lineHieght: 1
657
657
  },
@@ -673,10 +673,10 @@ const Pt = /* @__PURE__ */ d({
673
673
  "onUpdate:modelValue": (l) => e[t.field] = l
674
674
  }, null)
675
675
  }
676
- }, 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({
676
+ }, 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({
677
677
  name: "SabTable",
678
678
  __name: "index",
679
- props: re({
679
+ props: ne({
680
680
  size: {},
681
681
  id: {},
682
682
  data: {},
@@ -765,14 +765,14 @@ const Pt = /* @__PURE__ */ d({
765
765
  withCheckbox: { type: Boolean },
766
766
  showToolbar: { type: Boolean },
767
767
  autoClearSelected: { type: Boolean }
768
- }, kt),
768
+ }, ee),
769
769
  setup(e, { expose: t, emit: l }) {
770
770
  const n = e, r = l, o = q(), c = _(() => {
771
771
  const s = Tt(
772
772
  {
773
773
  keyboardConfig: {
774
- editMethod({ row: m, column: v }) {
775
- return o.value.setEditCell(m, v), !0;
774
+ editMethod({ row: p, column: v }) {
775
+ return o.value.setEditCell(p, v), !0;
776
776
  }
777
777
  }
778
778
  },
@@ -781,8 +781,8 @@ const Pt = /* @__PURE__ */ d({
781
781
  return s.columns = Yt(s.columns || []), s;
782
782
  }), a = _(() => {
783
783
  var s;
784
- return st(
785
- (s = c.value.columns) == null ? void 0 : s.map((m) => m.slots ? Object.values(m.slots).filter(
784
+ return ct(
785
+ (s = c.value.columns) == null ? void 0 : s.map((p) => p.slots ? Object.values(p.slots).filter(
786
786
  (v) => typeof v == "string"
787
787
  ) : [])
788
788
  );
@@ -792,8 +792,8 @@ const Pt = /* @__PURE__ */ d({
792
792
  ...o.value
793
793
  });
794
794
  const f = xt(r, c, o);
795
- return (s, m) => (b(), y(k, null, [
796
- s.showToolbar ? (b(), T(ut, {
795
+ return (s, p) => (g(), y(k, null, [
796
+ s.showToolbar ? (g(), T(ft, {
797
797
  key: 0,
798
798
  style: { "margin-bottom": "10px" },
799
799
  "table-ref": o.value
@@ -803,14 +803,14 @@ const Pt = /* @__PURE__ */ d({
803
803
  ]),
804
804
  _: 3
805
805
  }, 8, ["table-ref"])) : G("", !0),
806
- i(h(le), g({
806
+ i(h(re), m({
807
807
  ref_key: "xTable",
808
808
  ref: o
809
- }, c.value, ne(h(f)), {
809
+ }, c.value, oe(h(f)), {
810
810
  class: ["sab-table", c.value.class]
811
811
  }), {
812
812
  default: w(() => [
813
- (b(!0), y(k, null, $(c.value.columns, (v) => (b(), T(h(ft), oe(ae(v)), ie({ _: 2 }, [
813
+ (g(!0), y(k, null, $(c.value.columns, (v) => (g(), T(h(dt), ae(ie(v)), se({ _: 2 }, [
814
814
  $(a.value, (x) => ({
815
815
  name: x,
816
816
  fn: w(() => [
@@ -825,7 +825,7 @@ const Pt = /* @__PURE__ */ d({
825
825
  }
826
826
  });
827
827
  E.install = (e) => {
828
- e.component(E.name, E), e.use(ee);
828
+ e.component(E.name, E), e.use(te);
829
829
  };
830
830
  export {
831
831
  u as SabCellType,
@@ -0,0 +1,76 @@
1
+ export declare const mockData: ({
2
+ id: number;
3
+ name: string;
4
+ nickname: string;
5
+ role: string;
6
+ sex: string;
7
+ sex2: string[];
8
+ num1: number;
9
+ age: number;
10
+ address: string;
11
+ date12: string;
12
+ date13: string;
13
+ avater: string;
14
+ color: string;
15
+ isok: boolean;
16
+ } | {
17
+ id: number;
18
+ name: string;
19
+ nickname: string;
20
+ role: string;
21
+ sex: string;
22
+ sex2: string[];
23
+ num1: number;
24
+ age: number;
25
+ address: string;
26
+ date12: string;
27
+ date13: string;
28
+ color: string;
29
+ isok: boolean;
30
+ avater?: undefined;
31
+ } | {
32
+ id: number;
33
+ name: string;
34
+ nickname: string;
35
+ role: string;
36
+ sex: string;
37
+ sex2: string[];
38
+ num1: number;
39
+ age: number;
40
+ address: string;
41
+ date12: string;
42
+ date13: string;
43
+ color: string;
44
+ avater?: undefined;
45
+ isok?: undefined;
46
+ } | {
47
+ id: number;
48
+ name: string;
49
+ nickname: string;
50
+ role: string;
51
+ sex: string;
52
+ sex2: string[];
53
+ num1: number;
54
+ age: number;
55
+ address: string;
56
+ date12: string;
57
+ date13: string;
58
+ avater?: undefined;
59
+ color?: undefined;
60
+ isok?: undefined;
61
+ } | {
62
+ id: number;
63
+ name: string;
64
+ nickname: string;
65
+ role: string;
66
+ sex: string;
67
+ sex2: string[];
68
+ num1: number;
69
+ age: number;
70
+ address: string;
71
+ date12: string;
72
+ date13: string;
73
+ avater: string;
74
+ color?: undefined;
75
+ isok?: undefined;
76
+ })[];
package/lib/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("vxe-table"),t=require("vue"),f=require("element-plus");var C=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function N(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function F(e,l){for(var r=-1,n=l.length,o=e.length;++r<n;)e[o+r]=l[r];return e}var M=F,z=typeof C=="object"&&C&&C.Object===Object&&C,D=z,q=D,H=typeof self=="object"&&self&&self.Object===Object&&self,K=q||H||Function("return this")(),U=K,Y=U,L=Y.Symbol,k=L,_=k,$=Object.prototype,G=$.hasOwnProperty,X=$.toString,y=_?_.toStringTag:void 0;function J(e){var l=G.call(e,y),r=e[y];try{e[y]=void 0;var n=!0}catch{}var o=X.call(e);return n&&(l?e[y]=r:delete e[y]),o}var Q=J,W=Object.prototype,Z=W.toString;function ee(e){return Z.call(e)}var te=ee,V=k,le=Q,re=te,oe="[object Null]",ne="[object Undefined]",O=V?V.toStringTag:void 0;function ae(e){return e==null?e===void 0?ne:oe:O&&O in Object(e)?le(e):re(e)}var ie=ae;function ce(e){return e!=null&&typeof e=="object"}var R=ce,se=ie,ue=R,de="[object Arguments]";function fe(e){return ue(e)&&se(e)==de}var be=fe,j=be,ge=R,P=Object.prototype,me=P.hasOwnProperty,pe=P.propertyIsEnumerable,ye=j(function(){return arguments}())?j:function(e){return ge(e)&&me.call(e,"callee")&&!pe.call(e,"callee")},he=ye,Ce=Array.isArray,ve=Ce,B=k,Se=he,we=ve,T=B?B.isConcatSpreadable:void 0;function ke(e){return we(e)||Se(e)||!!(T&&e&&e[T])}var _e=ke,Ve=M,Oe=_e;function I(e,l,r,n,o){var a=-1,s=e.length;for(r||(r=Oe),o||(o=[]);++a<s;){var i=e[a];l>0&&r(i)?l>1?I(i,l-1,r,n,o):Ve(o,i):n||(o[o.length]=i)}return o}var je=I,Be=je;function Te(e){var l=e==null?0:e.length;return l?Be(e,1):[]}var Ee=Te;const xe=N(Ee),Ne=e=>{const l=e.tableRef;return{clearCheckboxRow:()=>{var o;(o=l.value)==null||o.clearCheckboxRow()},getCheckboxRecords:()=>{var o;return(o=l.value)==null?void 0:o.getCheckboxRecords()}}},$e=t.defineComponent({name:"SabTableToolbar",__name:"index",props:{class:{},tableRef:{},features:{},columns:{},saveSelectRecords:{type:Function}},setup(e){const l=e,r=t.computed(()=>l.tableRef),{clearCheckboxRow:n,getCheckboxRecords:o}=Ne({tableRef:r}),a=t.ref(!1),s=async()=>{var i;a.value=!0;try{const d=o();await((i=l.saveSelectRecords)==null?void 0:i.call(l,d)),d.forEach(c=>{var b;return(b=r.value)==null?void 0:b.reloadRow(c,{})}),n()}finally{a.value=!1}};return(i,d)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["sab-table-toolbar",l.class]},i.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.features,c=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[c==="clearSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:0,onClick:t.unref(n)},{default:t.withCtx(()=>[t.createTextVNode("清空选择")]),_:1},8,["onClick"])):c==="saveSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:1,onClick:s,loading:a.value},{default:t.withCtx(()=>[t.createTextVNode("保存")]),_:1},8,["loading"])):t.createCommentVNode("",!0)],64))),256)),t.renderSlot(i.$slots,"default")],16))}}),Re=t.defineComponent({setup(e,{attrs:l,slots:r}){const{slots:n,editorProps:o,...a}=l,s=t.computed(()=>{const i={};return Object.keys(n||{}).forEach(d=>{i[d]=c=>typeof n[d]=="string"?r[n[d]](c):typeof n[d]=="function"?n[d](c,o):null}),i});return()=>t.createVNode(w.Column,a,{...s.value})}});var Pe=function(l){return Ie(l)&&!Ae(l)};function Ie(e){return!!e&&typeof e=="object"}function Ae(e){var l=Object.prototype.toString.call(e);return l==="[object RegExp]"||l==="[object Date]"||ze(e)}var Fe=typeof Symbol=="function"&&Symbol.for,Me=Fe?Symbol.for("react.element"):60103;function ze(e){return e.$$typeof===Me}function De(e){return Array.isArray(e)?[]:{}}function h(e,l){return l.clone!==!1&&l.isMergeableObject(e)?m(De(e),e,l):e}function qe(e,l,r){return e.concat(l).map(function(n){return h(n,r)})}function He(e,l){if(!l.customMerge)return m;var r=l.customMerge(e);return typeof r=="function"?r:m}function Ke(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(l){return Object.propertyIsEnumerable.call(e,l)}):[]}function E(e){return Object.keys(e).concat(Ke(e))}function A(e,l){try{return l in e}catch{return!1}}function Ue(e,l){return A(e,l)&&!(Object.hasOwnProperty.call(e,l)&&Object.propertyIsEnumerable.call(e,l))}function Ye(e,l,r){var n={};return r.isMergeableObject(e)&&E(e).forEach(function(o){n[o]=h(e[o],r)}),E(l).forEach(function(o){Ue(e,o)||(A(e,o)&&r.isMergeableObject(l[o])?n[o]=He(o,r)(e[o],l[o],r):n[o]=h(l[o],r))}),n}function m(e,l,r){r=r||{},r.arrayMerge=r.arrayMerge||qe,r.isMergeableObject=r.isMergeableObject||Pe,r.cloneUnlessOtherwiseSpecified=h;var n=Array.isArray(l),o=Array.isArray(e),a=n===o;return a?n?r.arrayMerge(e,l,r):Ye(e,l,r):h(l,r)}m.all=function(l,r){if(!Array.isArray(l))throw new Error("first argument should be an array");return l.reduce(function(n,o){return m(n,o,r)},{})};var Le=m,Ge=Le;const g=N(Ge),Xe={fit:!0,border:!0,showHeader:!0,size:"mini",showOverflow:!0,height:"auto",withSeq:!0,mouseConfig:{selected:!0},autoClearSelected:!0,keepSource:!1,checkboxConfig:{range:!0,highlight:!0},editable:!0,editConfig:{trigger:"click",mode:"cell",autoClear:!1,showStatus:!0,showIcon:!1},rowConfig:{useKey:!0,isCurrent:!0,isHover:!0},keyboardConfig:{isArrow:!0,isEsc:!0,isTab:!0,isEnter:!0,isEdit:!0},columnConfig:{resizable:!0},sortConfig:{trigger:"cell",orders:["desc","asc",null]},scrollY:{enabled:!0,gt:100}},Je=(e,l={})=>{var n,o,a,s;const r=g(e,l);return r.editable===!1?delete r.editConfig:r.editable===!0&&(r.editConfig=g({},r.editConfig||{})),r.withCheckbox===!0&&!((n=r.columns)!=null&&n.some(i=>i.field==="sab-table-checkbox"))&&((o=r.columns)==null||o.unshift({type:"checkbox",fixed:"left",field:"sab-table-checkbox",width:40})),r.withSeq===!0&&!((a=r.columns)!=null&&a.some(i=>i.field==="sab-table-seq"))&&((s=r.columns)==null||s.unshift({type:"checkbox",fixed:"left",field:"sab-table-seq",width:50,className:"sab-table-seq",slots:{header:()=>null,checkbox:({rowIndex:i})=>i+1}})),r},Qe=(e,l,r)=>{const n={"cell-click":({row:a,column:s})=>{var i,d,c;l.value.autoClearSelected&&((i=r.value)!=null&&i.isCheckedByCheckboxRow(a)||(d=r.value)==null||d.clearCheckboxRow()),s.type==="checkbox"&&s.field==="sab-table-seq"&&((c=r.value)==null||c.toggleCheckboxRow(a))}},o={};return["keydown-start","keydown","keydown-end","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","cell-selected","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom"].map(a=>{o[a]=(...s)=>{e(a,...s),typeof n[a]=="function"&&n[a](...s)}}),o};var u=(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))(u||{});const We=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElInput,t.mergeProps({size:"small",modelValue:e.modelValue,onInput:n},l),null)}}),Ze={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(We,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},et=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=(o,a)=>{r("update:modelValue",o,a)};return()=>t.createVNode(f.ElInputNumber,t.mergeProps({size:"small",modelValue:e.modelValue,controlsPosition:"right",onChange:n},l),null)}}),tt={cellType:"number",sabCellType:u.InputNumber,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(et,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},lt=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElDatePicker,t.mergeProps({size:"small",format:"YYYY-MM-DD",valueFormat:"YYYY-MM-DD",modelValue:e.modelValue,"onUpdate:modelValue":n},l),null)}}),rt={sabCellType:u.DatePciker,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(lt,t.mergeProps({modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}},ot=t.defineComponent({props:{options:Array,modelValue:{type:String||Number||Array,default:""},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},disabledKey:{type:String,default:"disabled"}},name:"SabCellEditSelect",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElSelect,t.mergeProps({size:"small",filterable:!0,modelValue:e.modelValue,onChange:n},l),{default:()=>{var o;return[(o=e.options)==null?void 0:o.map(a=>t.createVNode(f.ElOption,{key:a[e.valueKey],value:a[e.valueKey],label:a[e.labelKey],disabled:a[e.disabledKey]},null))]}})}}),nt={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(ot,t.mergeProps({automaticDropdown:!0,modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}};/*! Element Plus Icons Vue v2.3.1 */var at=t.defineComponent({name:"Picture",__name:"picture",setup(e){return(l,r)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[t.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),t.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),x=at;const it=t.defineComponent({name:"SabCellImage",props:{src:String,preview:Boolean},setup(e,{attrs:l}){return e.src?e.preview?()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,fit:"contain",src:e.src,style:{verticalAlign:"middle",height:"40px",width:"40px"},"preview-src-list":[e.src]},l),null):()=>t.createVNode(f.ElPopover,{transition:"el-zoom-in-top",trigger:"click",persistent:!1},{reference:()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"pointer",verticalAlign:"middle"}},{default:()=>[t.createVNode(x,null,null)]}),default:()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,src:e.src,style:{verticalAlign:"middle"},"preview-src-list":[e.src]},l),null)}):()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"not-allowed",verticalAlign:"middle",opacity:"0.5"}},{default:()=>[t.createVNode(x,null,null)]})}}),ct={sabCellType:u.Image,showOverflow:!1,align:"center",slots:{default:({row:e,column:l})=>t.createVNode(it,{src:e[l.field]},null)}},st=t.defineComponent({props:{color:String},name:"SabCellColor",setup(e){const l=t.computed(()=>{var r,n;return((r=e.color)==null?void 0:r.length)===6?`#${e.color}`:((n=e.color)==null?void 0:n.length)===9?`rgb(${e.color.substring(0,3)},${e.color.substring(3,6)},${e.color.substring(6,9)})`:e.color});return()=>t.createVNode("div",{class:"sab-cell-color__inner",style:{background:l.value}},null)}}),ut={sabCellType:u.Color,className:"sab-cell-color",slots:{default:({row:e,column:l})=>t.createVNode(st,{color:e[l.field]},null)}},dt=t.defineComponent({props:{modelValue:String||Number||Boolean},name:"SabCellBoolean",emits:["update:modelValue"],setup(e,{emit:l}){const r=n=>{l("update:modelValue",n)};return()=>t.createVNode(f.ElCheckbox,{style:{lineHieght:1},modelValue:e.modelValue,onChange:r},null)}}),ft={sabCellType:u.Color,className:"sab-cell-boolean",align:"center",showOverflow:!1,slots:{default:({row:e,column:l})=>t.createVNode(dt,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},bt=e=>(e.editable===!1&&delete e.editRender,e.sabCellType===u.Input?g(Ze,e):e.sabCellType===u.InputNumber?g(tt,e):e.sabCellType===u.DatePciker?g(rt,e):e.sabCellType===u.Select?g(nt,e):e.sabCellType===u.Image?g(ct,e):e.sabCellType===u.Color?g(ut,e):e.sabCellType===u.Boolean?g(ft,e):e),gt=e=>e.map(l=>bt(l)).filter(l=>!l.hidden),v=t.defineComponent({name:"SabTable",__name:"index",props:t.mergeDefaults({size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String]},loading:{type:Boolean},align:{},headerAlign:{},footerAlign:{},showHeader:{type:Boolean},showFooter:{type:Boolean},footerMethod:{type:Function},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},cellStyle:{type:[Object,Function]},rowStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},footerRowStyle:{type:[Object,Function]},footerCellStyle:{type:[Object,Function]},mergeCells:{},mergeFooterItems:{},spanMethod:{type:Function},footerSpanMethod:{type:Function},showOverflow:{type:[Boolean,String,null]},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean},syncResize:{type:[Boolean,String,Number]},columnConfig:{},rowConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean},animat:{type:Boolean},delayHover:{},class:{},columns:{},editable:{type:Boolean},withSeq:{type:Boolean},withCheckbox:{type:Boolean},showToolbar:{type:Boolean},autoClearSelected:{type:Boolean}},Xe),setup(e,{expose:l,emit:r}){const n=e,o=r,a=t.ref(),s=t.computed(()=>{const c=Je({keyboardConfig:{editMethod({row:b,column:p}){return a.value.setEditCell(b,p),!0}}},n);return c.columns=gt(c.columns||[]),c}),i=t.computed(()=>{var c;return xe((c=s.value.columns)==null?void 0:c.map(b=>b.slots?Object.values(b.slots).filter(p=>typeof p=="string"):[]))});l({xTable:a.value,...a.value});const d=Qe(o,s,a);return(c,b)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[c.showToolbar?(t.openBlock(),t.createBlock($e,{key:0,style:{"margin-bottom":"10px"},"table-ref":a.value},{default:t.withCtx(()=>[t.renderSlot(c.$slots,"sab-toolbar")]),_:3},8,["table-ref"])):t.createCommentVNode("",!0),t.createVNode(t.unref(w.Table),t.mergeProps({ref_key:"xTable",ref:a},s.value,t.toHandlers(t.unref(d)),{class:["sab-table",s.value.class]}),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value.columns,p=>(t.openBlock(),t.createBlock(t.unref(Re),t.normalizeProps(t.guardReactiveProps(p)),t.createSlots({_:2},[t.renderList(i.value,S=>({name:S,fn:t.withCtx(()=>[t.renderSlot(c.$slots,S)])}))]),1040))),256))]),_:3},16,["class"])],64))}});v.install=e=>{e.component(v.name,v),e.use(w)};exports.SabCellType=u;exports.SabTable=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("vxe-table"),t=require("vue"),f=require("element-plus");var C=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function N(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function M(e,l){for(var r=-1,n=l.length,o=e.length;++r<n;)e[o+r]=l[r];return e}var z=M,D=typeof C=="object"&&C&&C.Object===Object&&C,q=D,H=q,K=typeof self=="object"&&self&&self.Object===Object&&self,U=H||K||Function("return this")(),Y=U,L=Y,G=L.Symbol,k=G,_=k,$=Object.prototype,X=$.hasOwnProperty,J=$.toString,y=_?_.toStringTag:void 0;function Q(e){var l=X.call(e,y),r=e[y];try{e[y]=void 0;var n=!0}catch{}var o=J.call(e);return n&&(l?e[y]=r:delete e[y]),o}var W=Q,Z=Object.prototype,ee=Z.toString;function te(e){return ee.call(e)}var le=te,V=k,re=W,oe=le,ne="[object Null]",ae="[object Undefined]",O=V?V.toStringTag:void 0;function ie(e){return e==null?e===void 0?ae:ne:O&&O in Object(e)?re(e):oe(e)}var ce=ie;function se(e){return e!=null&&typeof e=="object"}var R=se,ue=ce,de=R,fe="[object Arguments]";function be(e){return de(e)&&ue(e)==fe}var ge=be,j=ge,me=R,P=Object.prototype,pe=P.hasOwnProperty,ye=P.propertyIsEnumerable,he=j(function(){return arguments}())?j:function(e){return me(e)&&pe.call(e,"callee")&&!ye.call(e,"callee")},Ce=he,ve=Array.isArray,Se=ve,B=k,we=Ce,ke=Se,T=B?B.isConcatSpreadable:void 0;function _e(e){return ke(e)||we(e)||!!(T&&e&&e[T])}var Ve=_e,Oe=z,je=Ve;function I(e,l,r,n,o){var a=-1,s=e.length;for(r||(r=je),o||(o=[]);++a<s;){var i=e[a];l>0&&r(i)?l>1?I(i,l-1,r,n,o):Oe(o,i):n||(o[o.length]=i)}return o}var Be=I,Te=Be;function Ee(e){var l=e==null?0:e.length;return l?Te(e,1):[]}var xe=Ee;const Ne=N(xe),$e=e=>{const l=e.tableRef;return{clearCheckboxRow:()=>{var o;(o=l.value)==null||o.clearCheckboxRow()},getCheckboxRecords:()=>{var o;return(o=l.value)==null?void 0:o.getCheckboxRecords()}}},Re=t.defineComponent({name:"SabTableToolbar",__name:"index",props:{class:{},tableRef:{},features:{},columns:{},saveSelectRecords:{type:Function}},setup(e){const l=e,r=t.computed(()=>l.tableRef),{clearCheckboxRow:n,getCheckboxRecords:o}=$e({tableRef:r}),a=t.ref(!1),s=async()=>{var i;a.value=!0;try{const d=o();await((i=l.saveSelectRecords)==null?void 0:i.call(l,d)),d.forEach(c=>{var g;return(g=r.value)==null?void 0:g.reloadRow(c,{})}),n()}finally{a.value=!1}};return(i,d)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["sab-table-toolbar",l.class]},i.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.features,c=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[c==="clearSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:0,onClick:t.unref(n)},{default:t.withCtx(()=>[t.createTextVNode("清空选择")]),_:1},8,["onClick"])):c==="saveSelect"?(t.openBlock(),t.createBlock(t.unref(f.ElButton),{key:1,onClick:s,loading:a.value},{default:t.withCtx(()=>[t.createTextVNode("保存")]),_:1},8,["loading"])):t.createCommentVNode("",!0)],64))),256)),t.renderSlot(i.$slots,"default")],16))}}),Pe=t.defineComponent({setup(e,{attrs:l,slots:r}){const{slots:n,editorProps:o,...a}=l,s=t.computed(()=>{const i={};return Object.keys(n||{}).forEach(d=>{i[d]=c=>typeof n[d]=="string"?r[n[d]](c):typeof n[d]=="function"?n[d](c,o):null}),i});return()=>t.createVNode(w.Column,a,{...s.value})}});var Ie=function(l){return Ae(l)&&!Fe(l)};function Ae(e){return!!e&&typeof e=="object"}function Fe(e){var l=Object.prototype.toString.call(e);return l==="[object RegExp]"||l==="[object Date]"||De(e)}var Me=typeof Symbol=="function"&&Symbol.for,ze=Me?Symbol.for("react.element"):60103;function De(e){return e.$$typeof===ze}function qe(e){return Array.isArray(e)?[]:{}}function h(e,l){return l.clone!==!1&&l.isMergeableObject(e)?m(qe(e),e,l):e}function He(e,l,r){return e.concat(l).map(function(n){return h(n,r)})}function Ke(e,l){if(!l.customMerge)return m;var r=l.customMerge(e);return typeof r=="function"?r:m}function Ue(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(l){return Object.propertyIsEnumerable.call(e,l)}):[]}function E(e){return Object.keys(e).concat(Ue(e))}function A(e,l){try{return l in e}catch{return!1}}function Ye(e,l){return A(e,l)&&!(Object.hasOwnProperty.call(e,l)&&Object.propertyIsEnumerable.call(e,l))}function Le(e,l,r){var n={};return r.isMergeableObject(e)&&E(e).forEach(function(o){n[o]=h(e[o],r)}),E(l).forEach(function(o){Ye(e,o)||(A(e,o)&&r.isMergeableObject(l[o])?n[o]=Ke(o,r)(e[o],l[o],r):n[o]=h(l[o],r))}),n}function m(e,l,r){r=r||{},r.arrayMerge=r.arrayMerge||He,r.isMergeableObject=r.isMergeableObject||Ie,r.cloneUnlessOtherwiseSpecified=h;var n=Array.isArray(l),o=Array.isArray(e),a=n===o;return a?n?r.arrayMerge(e,l,r):Le(e,l,r):h(l,r)}m.all=function(l,r){if(!Array.isArray(l))throw new Error("first argument should be an array");return l.reduce(function(n,o){return m(n,o,r)},{})};var Ge=m,Xe=Ge;const b=N(Xe),F={fit:!0,border:!0,showHeader:!0,size:"mini",showOverflow:!0,height:"auto",withSeq:!0,mouseConfig:{selected:!0},autoClearSelected:!0,keepSource:!1,checkboxConfig:{range:!0,highlight:!0},editable:!0,editConfig:{trigger:"click",mode:"cell",autoClear:!1,showStatus:!0,showIcon:!1},rowConfig:{useKey:!0,isCurrent:!0,isHover:!0},keyboardConfig:{isArrow:!0,isEsc:!0,isTab:!0,isEnter:!0,isEdit:!0},columnConfig:{resizable:!0},sortConfig:{trigger:"cell",orders:["desc","asc",null]},scrollY:{enabled:!0,gt:100}},Je=(e,l={})=>{var n,o,a,s;let r=b(F,e);return r=b(r,l),r.editable===!1?delete r.editConfig:r.editable===!0&&(r.editConfig=b({},r.editConfig||{})),r.withCheckbox===!0&&!((n=r.columns)!=null&&n.some(i=>i.field==="sab-table-checkbox"))&&((o=r.columns)==null||o.unshift({type:"checkbox",fixed:"left",field:"sab-table-checkbox",width:40})),r.withSeq===!0&&!((a=r.columns)!=null&&a.some(i=>i.field==="sab-table-seq"))&&((s=r.columns)==null||s.unshift({type:"checkbox",fixed:"left",field:"sab-table-seq",width:50,className:"sab-table-seq",slots:{header:()=>null,checkbox:({rowIndex:i})=>i+1}})),r},Qe=(e,l,r)=>{const n={"cell-click":({row:a,column:s})=>{var i,d,c;l.value.autoClearSelected&&((i=r.value)!=null&&i.isCheckedByCheckboxRow(a)||(d=r.value)==null||d.clearCheckboxRow()),s.type==="checkbox"&&s.field==="sab-table-seq"&&((c=r.value)==null||c.toggleCheckboxRow(a))}},o={};return["keydown-start","keydown","keydown-end","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","cell-selected","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom"].map(a=>{o[a]=(...s)=>{e(a,...s),typeof n[a]=="function"&&n[a](...s)}}),o};var u=(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))(u||{});const We=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElInput,t.mergeProps({size:"small",modelValue:e.modelValue,onInput:n},l),null)}}),Ze={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(We,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},et=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=(o,a)=>{r("update:modelValue",o,a)};return()=>t.createVNode(f.ElInputNumber,t.mergeProps({size:"small",modelValue:e.modelValue,controlsPosition:"right",onChange:n},l),null)}}),tt={cellType:"number",sabCellType:u.InputNumber,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l})=>t.createVNode(et,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},lt=t.defineComponent({name:"SabCellEditInput",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElDatePicker,t.mergeProps({size:"small",format:"YYYY-MM-DD",valueFormat:"YYYY-MM-DD",modelValue:e.modelValue,"onUpdate:modelValue":n},l),null)}}),rt={sabCellType:u.DatePciker,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(lt,t.mergeProps({modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}},ot=t.defineComponent({props:{options:Array,modelValue:{type:String||Number||Array,default:""},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},disabledKey:{type:String,default:"disabled"}},name:"SabCellEditSelect",emits:["update:modelValue"],setup(e,{attrs:l,emit:r}){const n=o=>{r("update:modelValue",o)};return()=>t.createVNode(f.ElSelect,t.mergeProps({size:"small",filterable:!0,modelValue:e.modelValue,onChange:n},l),{default:()=>{var o;return[(o=e.options)==null?void 0:o.map(a=>t.createVNode(f.ElOption,{key:a[e.valueKey],value:a[e.valueKey],label:a[e.labelKey],disabled:a[e.disabledKey]},null))]}})}}),nt={sabCellType:u.Input,editRender:{autofocus:".el-input__inner"},slots:{edit:({row:e,column:l},r)=>t.createVNode(ot,t.mergeProps({automaticDropdown:!0,modelValue:e[l.field],"onUpdate:modelValue":n=>e[l.field]=n},r),null)}};/*! Element Plus Icons Vue v2.3.1 */var at=t.defineComponent({name:"Picture",__name:"picture",setup(e){return(l,r)=>(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[t.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),t.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),x=at;const it=t.defineComponent({name:"SabCellImage",props:{src:String,preview:Boolean},setup(e,{attrs:l}){return e.src?e.preview?()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,fit:"contain",src:e.src,style:{verticalAlign:"middle",height:"40px",width:"40px"},"preview-src-list":[e.src]},l),null):()=>t.createVNode(f.ElPopover,{transition:"el-zoom-in-top",trigger:"click",persistent:!1},{reference:()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"pointer",verticalAlign:"middle"}},{default:()=>[t.createVNode(x,null,null)]}),default:()=>t.createVNode(f.ElImage,t.mergeProps({lazy:!0,src:e.src,style:{verticalAlign:"middle"},"preview-src-list":[e.src]},l),null)}):()=>t.createVNode(f.ElIcon,{size:17,style:{cursor:"not-allowed",verticalAlign:"middle",opacity:"0.5"}},{default:()=>[t.createVNode(x,null,null)]})}}),ct={sabCellType:u.Image,showOverflow:!1,align:"center",slots:{default:({row:e,column:l})=>t.createVNode(it,{src:e[l.field]},null)}},st=t.defineComponent({props:{color:String},name:"SabCellColor",setup(e){const l=t.computed(()=>{var r,n;return((r=e.color)==null?void 0:r.length)===6?`#${e.color}`:((n=e.color)==null?void 0:n.length)===9?`rgb(${e.color.substring(0,3)},${e.color.substring(3,6)},${e.color.substring(6,9)})`:e.color});return()=>t.createVNode("div",{class:"sab-cell-color__inner",style:{background:l.value}},null)}}),ut={sabCellType:u.Color,className:"sab-cell-color",slots:{default:({row:e,column:l})=>t.createVNode(st,{color:e[l.field]},null)}},dt=t.defineComponent({props:{modelValue:String||Number||Boolean},name:"SabCellBoolean",emits:["update:modelValue"],setup(e,{emit:l}){const r=n=>{l("update:modelValue",n)};return()=>t.createVNode(f.ElCheckbox,{style:{lineHieght:1},modelValue:e.modelValue,onChange:r},null)}}),ft={sabCellType:u.Color,className:"sab-cell-boolean",align:"center",showOverflow:!1,slots:{default:({row:e,column:l})=>t.createVNode(dt,{modelValue:e[l.field],"onUpdate:modelValue":r=>e[l.field]=r},null)}},bt=e=>(e.editable===!1&&delete e.editRender,e.sabCellType===u.Input?b(Ze,e):e.sabCellType===u.InputNumber?b(tt,e):e.sabCellType===u.DatePciker?b(rt,e):e.sabCellType===u.Select?b(nt,e):e.sabCellType===u.Image?b(ct,e):e.sabCellType===u.Color?b(ut,e):e.sabCellType===u.Boolean?b(ft,e):e),gt=e=>e.map(l=>bt(l)).filter(l=>!l.hidden),v=t.defineComponent({name:"SabTable",__name:"index",props:t.mergeDefaults({size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String]},loading:{type:Boolean},align:{},headerAlign:{},footerAlign:{},showHeader:{type:Boolean},showFooter:{type:Boolean},footerMethod:{type:Function},rowClassName:{type:[String,Function]},cellClassName:{type:[String,Function]},headerRowClassName:{type:[String,Function]},headerCellClassName:{type:[String,Function]},footerRowClassName:{type:[String,Function]},footerCellClassName:{type:[String,Function]},cellStyle:{type:[Object,Function]},rowStyle:{type:[Object,Function]},headerCellStyle:{type:[Object,Function]},headerRowStyle:{type:[Object,Function]},footerRowStyle:{type:[Object,Function]},footerCellStyle:{type:[Object,Function]},mergeCells:{},mergeFooterItems:{},spanMethod:{type:Function},footerSpanMethod:{type:Function},showOverflow:{type:[Boolean,String,null]},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean},syncResize:{type:[Boolean,String,Number]},columnConfig:{},rowConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean},animat:{type:Boolean},delayHover:{},class:{},columns:{},editable:{type:Boolean},withSeq:{type:Boolean},withCheckbox:{type:Boolean},showToolbar:{type:Boolean},autoClearSelected:{type:Boolean}},F),setup(e,{expose:l,emit:r}){const n=e,o=r,a=t.ref(),s=t.computed(()=>{const c=Je({keyboardConfig:{editMethod({row:g,column:p}){return a.value.setEditCell(g,p),!0}}},n);return c.columns=gt(c.columns||[]),c}),i=t.computed(()=>{var c;return Ne((c=s.value.columns)==null?void 0:c.map(g=>g.slots?Object.values(g.slots).filter(p=>typeof p=="string"):[]))});l({xTable:a.value,...a.value});const d=Qe(o,s,a);return(c,g)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[c.showToolbar?(t.openBlock(),t.createBlock(Re,{key:0,style:{"margin-bottom":"10px"},"table-ref":a.value},{default:t.withCtx(()=>[t.renderSlot(c.$slots,"sab-toolbar")]),_:3},8,["table-ref"])):t.createCommentVNode("",!0),t.createVNode(t.unref(w.Table),t.mergeProps({ref_key:"xTable",ref:a},s.value,t.toHandlers(t.unref(d)),{class:["sab-table",s.value.class]}),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value.columns,p=>(t.openBlock(),t.createBlock(t.unref(Pe),t.normalizeProps(t.guardReactiveProps(p)),t.createSlots({_:2},[t.renderList(i.value,S=>({name:S,fn:t.withCtx(()=>[t.renderSlot(c.$slots,S)])}))]),1040))),256))]),_:3},16,["class"])],64))}});v.install=e=>{e.component(v.name,v),e.use(w)};exports.SabCellType=u;exports.SabTable=v;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wx-design/components",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./lib/index.js",