ling-yun-custom-components 0.0.31 → 0.0.33

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.
@@ -1,26 +1,26 @@
1
- import { w as ye } from "./chunks/index.bCzIhWFw.js";
2
- import { useSlots as Se, computed as C, ref as v, watch as ee, onMounted as be, nextTick as Ce, createElementBlock as w, openBlock as g, createElementVNode as m, createCommentVNode as B, unref as r, renderSlot as A, Fragment as xe, createBlock as te, withCtx as E, createTextVNode as le, toDisplayString as Te, createVNode as K, createSlots as we, renderList as Be, normalizeProps as Re, guardReactiveProps as ze, h as M } from "vue";
3
- import { ElButton as ae, ElAutoResizer as ke, ElTableV2 as Ne, ElCheckbox as Pe } from "element-plus";
4
- import { emitsMap as ne, paginationConfig as Ae, calculateScale as Ee } from "ling-yun-methods";
5
- import { _ as Ie } from "./chunks/layout.BzQrppiO.js";
6
- import { _ as _e } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
7
- import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col" }, je = {
1
+ import { w as be } from "./chunks/index.bCzIhWFw.js";
2
+ import { useSlots as Ce, computed as g, ref as v, watch as te, onMounted as xe, nextTick as Te, createElementBlock as B, openBlock as m, createElementVNode as y, createCommentVNode as R, unref as c, renderSlot as E, Fragment as we, createBlock as le, withCtx as I, createTextVNode as ae, toDisplayString as ke, createVNode as M, createSlots as Be, renderList as Re, normalizeProps as ze, guardReactiveProps as Ne, h as W } from "vue";
3
+ import { ElButton as ne, ElAutoResizer as Pe, ElTableV2 as Ae, ElCheckbox as Ee } from "element-plus";
4
+ import { emitsMap as ue, paginationConfig as Ie, calculateScale as _e } from "ling-yun-methods";
5
+ import { _ as je } from "./chunks/layout.BzQrppiO.js";
6
+ import { _ as Oe } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
7
+ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col" }, qe = {
8
8
  class: "w-full flex justify-between overflow-hidden",
9
9
  style: { height: "auto" }
10
- }, Oe = {
10
+ }, Ke = {
11
11
  key: 0,
12
12
  class: "flex-1 overflow-hidden"
13
- }, qe = {
13
+ }, Me = {
14
14
  class: "flex",
15
15
  style: { width: "auto", gap: "10px" }
16
- }, Ke = {
16
+ }, We = {
17
17
  key: 1,
18
18
  class: "flex items-center mg-b-18"
19
- }, Me = { class: "fz-12 text-74798c" }, We = { class: "btn-group mg-l-12" }, Fe = { class: "w-full flex-1 overflow-hidden flex flex-col" }, $e = { class: "flex-1 overflow-hidden TABLE-AREA" }, Le = {
19
+ }, Fe = { class: "fz-12 text-74798c" }, Ve = { class: "btn-group mg-l-12" }, $e = { class: "w-full flex-1 overflow-hidden flex flex-col" }, Le = { class: "flex-1 overflow-hidden TABLE-AREA" }, Ue = {
20
20
  key: 0,
21
21
  class: "flex justify-end mg-t-20",
22
22
  style: { height: "auto" }
23
- }, Ve = /* @__PURE__ */ Object.assign({
23
+ }, He = /* @__PURE__ */ Object.assign({
24
24
  name: "PaginationTable"
25
25
  }, {
26
26
  __name: "layout",
@@ -43,7 +43,7 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
43
43
  // 分页配置
44
44
  pagination: {
45
45
  type: Object,
46
- default: () => Ae
46
+ default: () => Ie
47
47
  },
48
48
  // 查询参数
49
49
  params: {
@@ -97,27 +97,41 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
97
97
  pageSize: "pageSize",
98
98
  pageNum: "pageNum"
99
99
  })
100
+ },
101
+ // 排序对象
102
+ sortState: {
103
+ type: Object,
104
+ default: () => {
105
+ }
100
106
  }
101
107
  },
102
108
  emits: [
103
- ne.paginationChange,
109
+ ue.paginationChange,
104
110
  "updateTableData",
105
111
  "handleTableSelect",
106
- "handleBatchDelete"
112
+ "handleBatchDelete",
113
+ "updateSortState"
107
114
  ],
108
- setup(h, { expose: ue, emit: se }) {
109
- const R = se, s = h, I = Se(), z = C(() => typeof s.requestFn == "function"), c = C({
110
- get: () => z.value ? y.value : s.tableData,
115
+ setup(h, { expose: se, emit: ie }) {
116
+ const x = ie, s = h, _ = Ce(), z = g(() => typeof s.requestFn == "function"), o = g({
117
+ get: () => z.value ? S.value : s.tableData,
118
+ set: (e) => {
119
+ z.value ? S.value = e : x("updateTableData", e);
120
+ }
121
+ }), j = v(0), F = g(() => z.value ? j.value : s.total), T = g({
122
+ get: () => s.sortState,
111
123
  set: (e) => {
112
- z.value ? y.value = e : R("updateTableData", e);
124
+ x("updateSortState", e);
113
125
  }
114
- }), _ = v(0), W = C(() => z.value ? _.value : s.total), y = v([]), d = C(() => s.pageMapping.pageNum), k = C(() => s.pageMapping.pageSize), D = {
126
+ }), oe = ({ key: e, order: t }) => {
127
+ T.value[e] = t, o.value = o.value.reverse();
128
+ }, S = v([]), d = g(() => s.pageMapping.pageNum), N = g(() => s.pageMapping.pageSize), O = {
115
129
  [d.value]: 1,
116
- [k.value]: 20
130
+ [N.value]: 20
117
131
  }, i = v({
118
- ...D
119
- }), f = v([]), n = v([]), F = v([]), S = v({}), $ = C(() => ie(S.value));
120
- function ie(e) {
132
+ ...O
133
+ }), f = v([]), n = v([]), V = v([]), b = v({}), $ = g(() => re(b.value));
134
+ function re(e) {
121
135
  const t = /* @__PURE__ */ new Set();
122
136
  for (const l in e)
123
137
  e.hasOwnProperty(l) && e[l].forEach((a) => {
@@ -125,113 +139,113 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
125
139
  });
126
140
  return t;
127
141
  }
128
- const L = ({ value: e, intermediate: t = !1, onChange: l }) => M(Pe, {
142
+ const L = ({ value: e, intermediate: t = !1, onChange: l }) => W(Ee, {
129
143
  onChange: l,
130
144
  modelValue: e,
131
145
  indeterminate: t
132
- }), oe = (e, t) => {
146
+ }), ce = (e, t) => {
133
147
  if (e.selected = t, t ? n.value.some((l) => l.id === e.id) || n.value.push(e) : n.value = n.value.filter(({ id: l }) => l !== e.id), e.children && e.children.length > 0) {
134
148
  const l = (a) => {
135
149
  a.forEach((u) => {
136
- u.selected = t, t ? n.value.some((o) => o.id === u.id) || n.value.push(u) : n.value = n.value.filter(({ id: o }) => o !== u.id), u.children && u.children.length > 0 && l(u.children);
150
+ u.selected = t, t ? n.value.some((r) => r.id === u.id) || n.value.push(u) : n.value = n.value.filter(({ id: r }) => r !== u.id), u.children && u.children.length > 0 && l(u.children);
137
151
  });
138
152
  };
139
153
  l(e.children);
140
154
  }
141
- e.parentId && V(e.parentId), H(), x();
142
- }, V = (e) => {
143
- const t = U(c.value, e);
155
+ e.parentId && U(e.parentId), G(), w();
156
+ }, U = (e) => {
157
+ const t = H(o.value, e);
144
158
  if (!t) return;
145
159
  const l = t.children.every((a) => a.selected);
146
- l && !t.selected ? (t.selected = !0, n.value.some((a) => a.id === t.id) || n.value.push(t)) : !l && t.selected && (t.selected = !1, n.value = n.value.filter(({ id: a }) => a !== t.id)), t.parentId && V(t.parentId);
147
- }, U = (e, t) => {
160
+ l && !t.selected ? (t.selected = !0, n.value.some((a) => a.id === t.id) || n.value.push(t)) : !l && t.selected && (t.selected = !1, n.value = n.value.filter(({ id: a }) => a !== t.id)), t.parentId && U(t.parentId);
161
+ }, H = (e, t) => {
148
162
  for (const l of e) {
149
163
  if (l.id === t) return l;
150
164
  if (l.children) {
151
- const a = U(l.children, t);
165
+ const a = H(l.children, t);
152
166
  if (a) return a;
153
167
  }
154
168
  }
155
169
  return null;
156
170
  };
157
- function H() {
158
- S.value[i.value[d.value]] = G(
159
- c.value
171
+ function G() {
172
+ b.value[i.value[d.value]] = J(
173
+ o.value
160
174
  );
161
175
  }
162
- function G(e) {
176
+ function J(e) {
163
177
  let t = [];
164
178
  return e.forEach((l) => {
165
- l.selected && t.push(l), l.children && l.children.length > 0 && (t = t.concat(G(l.children)));
179
+ l.selected && t.push(l), l.children && l.children.length > 0 && (t = t.concat(J(l.children)));
166
180
  }), t;
167
181
  }
168
- function j(e, t) {
169
- e.selected = t, e.children && e.children.length > 0 && e.children.forEach((l) => j(l, t));
182
+ function D(e, t) {
183
+ e.selected = t, e.children && e.children.length > 0 && e.children.forEach((l) => D(l, t));
170
184
  }
171
- const re = (e) => {
172
- const t = c.value.map((l) => (j(l, e), l));
173
- return c.value = [...t], H(), n.value = e ? [...Object.values(S.value).flat()] : [], x(), [...n.value];
174
- }, ce = () => {
185
+ const de = (e) => {
186
+ const t = o.value.map((l) => (D(l, e), l));
187
+ return o.value = [...t], G(), n.value = e ? [...Object.values(b.value).flat()] : [], w(), [...n.value];
188
+ }, fe = () => {
175
189
  f.value.unshift({
176
190
  key: "selection",
177
191
  width: 50,
178
192
  cellRenderer: (e) => {
179
- const { rowData: t } = e, a = t.children && t.children.length > 0 ? de(t) : !1;
180
- return M(L, {
193
+ const { rowData: t } = e, a = t.children && t.children.length > 0 ? ve(t) : !1;
194
+ return W(L, {
181
195
  value: t.selected,
182
196
  intermediate: a,
183
- onChange: (u) => oe(t, u)
197
+ onChange: (u) => ce(t, u)
184
198
  });
185
199
  },
186
200
  headerCellRenderer: () => {
187
- const e = r(c), t = e.every((a) => {
188
- const u = a.selected, o = J(a);
189
- return u && o;
190
- }), l = e.some((a) => a.selected || Q(a));
191
- return M(L, {
201
+ const e = c(o), t = e.every((a) => {
202
+ const u = a.selected, r = Q(a);
203
+ return u && r;
204
+ }), l = e.some((a) => a.selected || X(a));
205
+ return W(L, {
192
206
  value: t,
193
207
  intermediate: l && !t,
194
208
  // 目前是当前页全选就是全选状态,也就是每页的全选状态单独的
195
- onChange: re
209
+ onChange: de
196
210
  });
197
211
  }
198
212
  });
199
- }, de = (e) => {
213
+ }, ve = (e) => {
200
214
  if (!e.children || e.children.length === 0)
201
215
  return !1;
202
216
  const t = e.children.filter((l) => l.selected).length;
203
217
  return t > 0 && t < e.children.length;
204
218
  };
205
- function J(e) {
206
- return e.children?.length ? !!e.selected && e.children.every(J) : !!e.selected;
207
- }
208
219
  function Q(e) {
209
- return e.selected ? !0 : e.children?.some(Q) || !1;
220
+ return e.children?.length ? !!e.selected && e.children.every(Q) : !!e.selected;
210
221
  }
211
222
  function X(e) {
223
+ return e.selected ? !0 : e.children?.some(X) || !1;
224
+ }
225
+ function Y(e) {
212
226
  return e.map((t) => {
213
227
  const l = { ...t, selected: !1 };
214
- return l.children && (l.children = X(l.children)), l;
228
+ return l.children && (l.children = Y(l.children)), l;
215
229
  });
216
230
  }
217
- const p = v(!1), fe = () => {
218
- p.value = !0, ce();
219
- }, O = () => {
220
- p.value = !1, n.value = [], c.value = c.value.map((e) => (j(e, !1), e)), S.value = {}, y.value = X(y.value), f.value.shift(), x();
221
- }, ve = () => {
222
- R("handleBatchDelete", {
223
- selectedRows: Object.values(S.value).flat(),
231
+ const p = v(!1), he = () => {
232
+ p.value = !0, fe();
233
+ }, q = () => {
234
+ p.value = !1, n.value = [], o.value = o.value.map((e) => (D(e, !1), e)), b.value = {}, S.value = Y(S.value), f.value.shift(), w();
235
+ }, pe = () => {
236
+ x("handleBatchDelete", {
237
+ selectedRows: Object.values(b.value).flat(),
224
238
  // getAllSelectedNodes(finalTableData.value)
225
239
  cb: () => {
226
- O(), x();
240
+ q(), w();
227
241
  }
228
242
  });
229
- }, he = () => {
230
- n.value = [], x();
243
+ }, ge = () => {
244
+ n.value = [], w();
231
245
  };
232
- function x() {
233
- const e = Object.values(S.value).flat();
234
- R("handleTableSelect", {
246
+ function w() {
247
+ const e = Object.values(b.value).flat();
248
+ x("handleTableSelect", {
235
249
  originNodeData: n.value,
236
250
  allSelectedNodes: e,
237
251
  // 所有选中的节点包含父节点
@@ -239,63 +253,63 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
239
253
  // 所有选中的子节点
240
254
  });
241
255
  }
242
- const T = () => {
256
+ const k = () => {
243
257
  z.value ? s.requestFn({
244
258
  ...s.params,
245
259
  ...i.value
246
260
  }).then((e) => {
247
- y.value = q(
261
+ S.value = K(
248
262
  e?.data[s.tableDataKey],
249
263
  i.value[d.value],
250
264
  $.value
251
- ) || [], _.value = e?.data?.total;
252
- }) : (y.value = q(
265
+ ) || [], j.value = e?.data?.total;
266
+ }) : (S.value = K(
253
267
  s.tableData,
254
268
  i.value[d.value],
255
269
  $.value
256
- ), _.value = s.total);
270
+ ), j.value = s.total);
257
271
  };
258
- function q(e, t, l, a = !1) {
272
+ function K(e, t, l, a = !1) {
259
273
  return e.map((u) => {
260
- const o = l.has(u.id) || a, b = {
274
+ const r = l.has(u.id) || a, C = {
261
275
  ...u,
262
- selected: o
276
+ selected: r
263
277
  };
264
- return b.children && (b.children = q(
265
- b.children,
278
+ return C.children && (C.children = K(
279
+ C.children,
266
280
  t,
267
281
  l,
268
- o
282
+ r
269
283
  // 将当前选中状态传递给子节点
270
- )), b;
284
+ )), C;
271
285
  });
272
286
  }
273
- const pe = () => {
274
- i.value[d.value] = D[d.value], T();
275
- }, ge = () => {
276
- i.value = { ...D }, T();
277
- }, Y = (e) => {
278
- e === "size" && (i.value[d.value] = 1), T(), R(ne.paginationChange, i.value);
279
- }, N = v(0), P = () => {
280
- let e = N.value;
287
+ const me = () => {
288
+ i.value[d.value] = O[d.value], k();
289
+ }, ye = () => {
290
+ i.value = { ...O }, k();
291
+ }, Z = (e) => {
292
+ e === "size" && (i.value[d.value] = 1), k(), x(ue.paginationChange, i.value);
293
+ }, P = v(0), A = () => {
294
+ let e = P.value;
281
295
  e = p.value ? e - 50 : e;
282
- let t = r(f);
283
- p.value && (t = r(f).slice(1));
284
- const l = 1 / Ee();
285
- t = t.map((a, u) => (s.columnWidthMap ? a.width = e * s.columnWidthMap[u] * l : (a.width = e * (100 / t.length / 100) * l, a.width < 100 && (a.width = 100 * l)), a)), p.value ? f.value = [r(f)[0], ...t] : f.value = [...t];
296
+ let t = c(f);
297
+ p.value && (t = c(f).slice(1));
298
+ const l = 1 / _e();
299
+ t = t.map((a, u) => (s.columnWidthMap ? a.width = e * s.columnWidthMap[u] * l : (a.width = e * (100 / t.length / 100) * l, a.width < 100 && (a.width = 100 * l)), T.value && Object.keys(T.value).length && T.value[a.key] && (a.sortable = !0), a)), p.value ? f.value = [c(f)[0], ...t] : f.value = [...t];
286
300
  };
287
- ee(
301
+ te(
288
302
  () => p.value,
289
303
  () => {
290
- P();
304
+ A();
291
305
  }
292
- ), ee(
306
+ ), te(
293
307
  () => s.tableDomWidth,
294
308
  (e) => {
295
- e && (N.value = e, P());
309
+ e && (P.value = e, A());
296
310
  }
297
311
  );
298
- function me(e, t = 200) {
312
+ function Se(e, t = 200) {
299
313
  let l;
300
314
  return function() {
301
315
  clearTimeout(l), l = setTimeout(() => {
@@ -303,105 +317,107 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
303
317
  }, t);
304
318
  };
305
319
  }
306
- const Z = me(() => {
307
- N.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, P();
320
+ const ee = Se(() => {
321
+ P.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, A();
308
322
  }, 200);
309
- return be(() => {
310
- T(), f.value = s.columns, N.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, Ce(() => {
311
- P();
312
- }), window.addEventListener("resize", Z);
313
- }), ue({
314
- getTableList: T,
315
- search: pe,
316
- reset: ge,
317
- initBatchSelect: he,
318
- handleCancelSelect: O,
319
- handleResize: Z
320
- }), (e, t) => (g(), w("div", De, [
321
- m("div", je, [
322
- r(I)["filter-left"] ? (g(), w("div", Oe, [
323
- A(e.$slots, "filter-left", {}, void 0, !0)
324
- ])) : B("", !0),
325
- m("div", qe, [
326
- h.hasBatchSelect && c.value.length ? (g(), w(xe, { key: 0 }, [
327
- p.value ? (g(), w("div", Ke, [
328
- m("div", Me, "已选" + Te(n.value.length) + "条数据", 1),
329
- m("div", {
323
+ return xe(() => {
324
+ k(), f.value = s.columns, P.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, Te(() => {
325
+ A();
326
+ }), window.addEventListener("resize", ee);
327
+ }), se({
328
+ getTableList: k,
329
+ search: me,
330
+ reset: ye,
331
+ initBatchSelect: ge,
332
+ handleCancelSelect: q,
333
+ handleResize: ee
334
+ }), (e, t) => (m(), B("div", De, [
335
+ y("div", qe, [
336
+ c(_)["filter-left"] ? (m(), B("div", Ke, [
337
+ E(e.$slots, "filter-left", {}, void 0, !0)
338
+ ])) : R("", !0),
339
+ y("div", Me, [
340
+ h.hasBatchSelect && o.value.length ? (m(), B(we, { key: 0 }, [
341
+ p.value ? (m(), B("div", We, [
342
+ y("div", Fe, "已选" + ke(n.value.length) + "条数据", 1),
343
+ y("div", {
330
344
  class: "fz-12 text-3b64ff mg-l-4 pointer",
331
- onClick: O
345
+ onClick: q
332
346
  }, "取消选择"),
333
- A(e.$slots, "btn-group", {}, () => [
334
- m("div", We, [
335
- K(r(ae), {
347
+ E(e.$slots, "btn-group", {}, () => [
348
+ y("div", Ve, [
349
+ M(c(ne), {
336
350
  type: "danger",
337
- onClick: ve,
351
+ onClick: pe,
338
352
  disabled: !n.value.length
339
353
  }, {
340
- default: E(() => [...t[6] || (t[6] = [
341
- le("删除", -1)
354
+ default: I(() => [...t[6] || (t[6] = [
355
+ ae("删除", -1)
342
356
  ])]),
343
357
  _: 1
344
358
  }, 8, ["disabled"])
345
359
  ])
346
360
  ], !0)
347
- ])) : (g(), te(r(ae), {
361
+ ])) : (m(), le(c(ne), {
348
362
  key: 0,
349
363
  type: "default",
350
- onClick: fe
364
+ onClick: he
351
365
  }, {
352
- default: E(() => [...t[5] || (t[5] = [
353
- le(" 批量选择 ", -1)
366
+ default: I(() => [...t[5] || (t[5] = [
367
+ ae(" 批量选择 ", -1)
354
368
  ])]),
355
369
  _: 1
356
370
  }))
357
- ], 64)) : B("", !0),
358
- r(I)["filter-right"] ? A(e.$slots, "filter-right", { key: 1 }, void 0, !0) : B("", !0)
371
+ ], 64)) : R("", !0),
372
+ c(_)["filter-right"] ? E(e.$slots, "filter-right", { key: 1 }, void 0, !0) : R("", !0)
359
373
  ])
360
374
  ]),
361
- m("div", Fe, [
362
- m("div", $e, [
363
- K(r(ke), null, {
364
- default: E(({ width: l, height: a }) => [
365
- K(r(Ne), {
366
- "expanded-row-keys": F.value,
367
- "onUpdate:expandedRowKeys": t[0] || (t[0] = (u) => F.value = u),
375
+ y("div", $e, [
376
+ y("div", Le, [
377
+ M(c(Pe), null, {
378
+ default: I(({ width: l, height: a }) => [
379
+ M(c(Ae), {
380
+ "expanded-row-keys": V.value,
381
+ "onUpdate:expandedRowKeys": t[0] || (t[0] = (u) => V.value = u),
368
382
  "expand-column-key": h.expandColumnKey,
369
383
  columns: f.value,
370
- data: c.value,
384
+ data: o.value,
371
385
  width: l,
372
386
  height: a,
373
- fixed: ""
374
- }, we({ _: 2 }, [
375
- Be(r(I), (u, o) => ({
376
- name: o,
377
- fn: E((b) => [
378
- A(e.$slots, o, Re(ze(b)), void 0, !0)
387
+ fixed: "",
388
+ "sort-state": T.value,
389
+ onColumnSort: oe
390
+ }, Be({ _: 2 }, [
391
+ Re(c(_), (u, r) => ({
392
+ name: r,
393
+ fn: I((C) => [
394
+ E(e.$slots, r, ze(Ne(C)), void 0, !0)
379
395
  ])
380
396
  }))
381
- ]), 1032, ["expanded-row-keys", "expand-column-key", "columns", "data", "width", "height"])
397
+ ]), 1032, ["expanded-row-keys", "expand-column-key", "columns", "data", "width", "height", "sort-state"])
382
398
  ]),
383
399
  _: 3
384
400
  })
385
401
  ]),
386
- h.isPagination && W.value > i.value[k.value] ? (g(), w("div", Le, [
387
- h.isPagination ? (g(), te(Ie, {
402
+ h.isPagination && F.value > i.value[N.value] ? (m(), B("div", Ue, [
403
+ h.isPagination ? (m(), le(je, {
388
404
  key: 0,
389
405
  "current-page": i.value[d.value],
390
406
  "onUpdate:currentPage": t[1] || (t[1] = (l) => i.value[d.value] = l),
391
- "page-size": i.value[k.value],
392
- "onUpdate:pageSize": t[2] || (t[2] = (l) => i.value[k.value] = l),
407
+ "page-size": i.value[N.value],
408
+ "onUpdate:pageSize": t[2] || (t[2] = (l) => i.value[N.value] = l),
393
409
  "page-sizes": h.pagination.pageSizes,
394
410
  layout: h.pagination.layout,
395
- total: W.value,
396
- onSizeChange: t[3] || (t[3] = (l) => Y("size")),
397
- onCurrentChange: t[4] || (t[4] = (l) => Y("page"))
398
- }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])) : B("", !0)
399
- ])) : B("", !0)
411
+ total: F.value,
412
+ onSizeChange: t[3] || (t[3] = (l) => Z("size")),
413
+ onCurrentChange: t[4] || (t[4] = (l) => Z("page"))
414
+ }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])) : R("", !0)
415
+ ])) : R("", !0)
400
416
  ])
401
417
  ]));
402
418
  }
403
- }), Ue = /* @__PURE__ */ _e(Ve, [["__scopeId", "data-v-0c8c6750"]]), Ze = ye(Ue);
419
+ }), Ge = /* @__PURE__ */ Oe(He, [["__scopeId", "data-v-7d5408b1"]]), tt = be(Ge);
404
420
  export {
405
- Ze as PaginationTable,
406
- Ze as default
421
+ tt as PaginationTable,
422
+ tt as default
407
423
  };
package/es/SearchBar.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { w as a } from "./chunks/index.bCzIhWFw.js";
2
- import { S as r } from "./chunks/layout.Cops0Vah.js";
2
+ import { S as r } from "./chunks/layout.CDiqT-qG.js";
3
3
  const s = a(r);
4
4
  export {
5
5
  s as SearchBar,
@@ -1,7 +1,7 @@
1
1
  import { w as h } from "./chunks/index.bCzIhWFw.js";
2
2
  import { ref as P, computed as v, createBlock as x, openBlock as C, withCtx as I, createVNode as D, unref as f, isRef as b } from "vue";
3
3
  import { C as E } from "./chunks/layout.DXw3haOP.js";
4
- import { S as k } from "./chunks/layout.Cops0Vah.js";
4
+ import { S as k } from "./chunks/layout.CDiqT-qG.js";
5
5
  import { componentType as w, emitsMap as u, codeMap as y, messageSuccess as A, AESCrypto as M } from "ling-yun-methods";
6
6
  import { _ as S } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
7
7
  import './assets/UpdatePasswordDialog.css';const U = () => {
@@ -1 +1 @@
1
- [data-v-0c8c6750] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
1
+ [data-v-7d5408b1] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -1 +1 @@
1
- .filter-form[data-v-bdd1bd85]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-bdd1bd85]{display:flex}.filter-preview-form .el-form-item[data-v-bdd1bd85]{width:var(--v6636f7d5);margin-right:10px}.search-bar-form[data-v-bdd1bd85]{grid-template-columns:repeat(auto-fit,minmax(var(--v6636f7d5),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-bdd1bd85]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-bdd1bd85]{display:grid}.search-bar-item--wide[data-v-bdd1bd85]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
1
+ .filter-form[data-v-09890bac]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-09890bac]{display:flex}.filter-preview-form .el-form-item[data-v-09890bac]{width:var(--v21d4c185);margin-right:10px}.search-bar-form[data-v-09890bac]{grid-template-columns:repeat(auto-fit,minmax(var(--v21d4c185),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-09890bac]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-09890bac]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-09890bac] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-09890bac]{display:grid}.search-bar-item--wide[data-v-09890bac]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
@@ -0,0 +1,587 @@
1
+ import { renderSlot as p, createElementBlock as $, openBlock as r, Fragment as x, renderList as E, createBlock as m, unref as t, withCtx as n, createTextVNode as V, toDisplayString as M, useCssVars as le, defineAsyncComponent as Y, ref as w, computed as U, normalizeClass as N, mergeProps as b, createCommentVNode as O, withKeys as pe, onMounted as ke, watch as be, createElementVNode as g, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as ge } from "vue";
2
+ import { ElButton as z, ElForm as we, ElFormItem as oe, ElInput as Z, ElDatePicker as Ve, ElInputNumber as De, ElSwitch as Ce, ElRadioGroup as $e, ElRadio as Ee, ElCheckboxGroup as Fe, ElCheckbox as Ue, ElAutoResizer as _, ElPopover as xe, ElIcon as ee, ElDrawer as Me } from "element-plus";
3
+ import { IconMagnify as Le, IconCheck as Pe, IconUp as Se, IconDown as We, IconShrink as Be } from "color-message-lingyun-vue";
4
+ import { operationConfigMap as C, labelPositionMap as I, componentType as h, dateParamsMap as Ie, dateFormat as ae, emitsMap as B } from "ling-yun-methods";
5
+ import { _ as ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
6
+ import { C as te } from "./layout.BKJPyxR8.js";
7
+ import '../assets/layout3.css';const Ne = [
8
+ {
9
+ type: "primary",
10
+ label: "查询",
11
+ value: C.search
12
+ },
13
+ {
14
+ type: "default",
15
+ label: "重置",
16
+ value: C.reset
17
+ }
18
+ ], re = 320, K = {
19
+ __name: "OperationButtons",
20
+ props: {
21
+ operationList: {
22
+ type: Array,
23
+ default: () => []
24
+ }
25
+ },
26
+ emits: ["operation"],
27
+ setup(a, { emit: L }) {
28
+ const P = L, y = (v) => {
29
+ P("operation", v);
30
+ };
31
+ return (v, i) => v.$slots.operation ? p(v.$slots, "operation", {
32
+ key: 0,
33
+ operationList: a.operationList
34
+ }) : (r(!0), $(x, { key: 1 }, E(a.operationList, (c) => (r(), m(t(z), {
35
+ key: c.value,
36
+ type: c.type,
37
+ icon: c.icon,
38
+ onClick: (u) => y(c.value)
39
+ }, {
40
+ default: n(() => [
41
+ V(M(c.label), 1)
42
+ ]),
43
+ _: 2
44
+ }, 1032, ["type", "icon", "onClick"]))), 128));
45
+ }
46
+ }, Oe = /* @__PURE__ */ Object.assign({
47
+ name: "FormWrapper"
48
+ }, {
49
+ __name: "FormWrapper",
50
+ props: {
51
+ // 表单项配置
52
+ items: {
53
+ type: Array,
54
+ default: () => []
55
+ },
56
+ // 表单数据
57
+ formData: {
58
+ type: Object,
59
+ default: () => ({})
60
+ },
61
+ // 表单验证规则
62
+ rules: {
63
+ type: Object,
64
+ default: () => ({})
65
+ },
66
+ // 标签宽度
67
+ labelWidth: {
68
+ type: [String, Number],
69
+ default: "auto"
70
+ },
71
+ // 标签位置
72
+ labelPosition: {
73
+ type: String,
74
+ default: I.right
75
+ },
76
+ // 是否显示标签
77
+ showLabel: {
78
+ type: Boolean,
79
+ default: !0
80
+ },
81
+ // 是否内联布局
82
+ inline: {
83
+ type: Boolean,
84
+ default: !1
85
+ },
86
+ // 是否为筛选器模式
87
+ isFilter: {
88
+ type: Boolean,
89
+ default: !1
90
+ },
91
+ // 是否为筛选器预览模式
92
+ isFilterPreview: {
93
+ type: Boolean,
94
+ default: !1
95
+ },
96
+ minWidth: {
97
+ type: Number,
98
+ default: re
99
+ }
100
+ },
101
+ emits: ["change", "enter"],
102
+ setup(a, { expose: L }) {
103
+ le((u) => ({
104
+ v21d4c185: a.minWidth + "px"
105
+ }));
106
+ const P = Y(() => import("./layout.2Mabaug0.js")), y = Y(() => import("./layout.BHroZ9U9.js")), v = a, i = w(null), c = U(() => v.isFilter ? "filter-form" : v.isFilterPreview ? "filter-preview-form" : "search-bar-form");
107
+ return L({
108
+ validate: (u) => i.value ? i.value.validate(u) : Promise.resolve(!0),
109
+ resetFields: () => {
110
+ i.value && i.value.resetFields();
111
+ },
112
+ clearValidate: (u) => {
113
+ i.value && i.value.clearValidate(u);
114
+ },
115
+ scrollToField: (u) => {
116
+ i.value && i.value.scrollToField(u);
117
+ }
118
+ }), (u, D) => (r(), m(t(we), {
119
+ ref_key: "formRef",
120
+ ref: i,
121
+ model: a.formData,
122
+ "label-width": a.labelWidth,
123
+ "label-position": a.labelPosition,
124
+ inline: a.inline,
125
+ rules: a.rules,
126
+ class: N({
127
+ [c.value]: !0,
128
+ "items-end display-grid": !a.isFilterPreview
129
+ })
130
+ }, {
131
+ default: n(() => [
132
+ (r(!0), $(x, null, E(a.items, (e) => (r(), m(t(oe), b({
133
+ key: e.key,
134
+ label: a.showLabel ? e.label : "",
135
+ prop: e.key,
136
+ "show-label": a.showLabel,
137
+ class: [
138
+ {
139
+ "search-bar-item--wide": e.wide
140
+ }
141
+ ]
142
+ }, { ref_for: !0 }, e), {
143
+ default: n(() => [
144
+ p(u.$slots, e.key, {
145
+ item: e,
146
+ formData: a.formData
147
+ }, () => [
148
+ e.type === t(h).text ? (r(), m(t(Z), b({
149
+ key: 0,
150
+ modelValue: a.formData[e.key],
151
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
152
+ }, { ref_for: !0 }, e, {
153
+ class: "w-full",
154
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key]),
155
+ onKeyup: pe((l) => u.$emit("enter", e.key, a.formData[e.key]), ["enter"])
156
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange", "onKeyup"])) : e.type === t(h).select ? (r(), m(t(P), b({
157
+ key: 1,
158
+ modelValue: a.formData[e.key],
159
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l,
160
+ "static-options": e.options
161
+ }, { ref_for: !0 }, e, {
162
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key]),
163
+ class: "w-full"
164
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "static-options", "onChange"])) : e.type === t(h).date ? (r(), m(t(Ve), b({
165
+ key: 2,
166
+ modelValue: a.formData[e.key],
167
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
168
+ }, { ref_for: !0 }, {
169
+ ...e,
170
+ ...t(Ie)[e.dateType]
171
+ }, {
172
+ type: e.dateType,
173
+ format: e.format || t(ae).date,
174
+ "value-format": e.valueFormat || t(ae).dateTime,
175
+ class: "w-full",
176
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
177
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "onChange"])) : e.type === t(h).inputNumber ? (r(), m(t(De), b({
178
+ key: 3,
179
+ modelValue: a.formData[e.key],
180
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
181
+ }, { ref_for: !0 }, e, {
182
+ class: "w-full",
183
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
184
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).switch ? (r(), m(t(Ce), b({
185
+ key: 4,
186
+ modelValue: a.formData[e.key],
187
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
188
+ }, { ref_for: !0 }, e, {
189
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
190
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).radio ? (r(), m(t($e), {
191
+ key: 5,
192
+ modelValue: a.formData[e.key],
193
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l,
194
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
195
+ }, {
196
+ default: n(() => [
197
+ (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(Ee), {
198
+ key: l.value,
199
+ label: l.value,
200
+ value: l.value,
201
+ disabled: l.disabled
202
+ }, {
203
+ default: n(() => [
204
+ V(M(l.label), 1)
205
+ ]),
206
+ _: 2
207
+ }, 1032, ["label", "value", "disabled"]))), 128))
208
+ ]),
209
+ _: 2
210
+ }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).checkbox ? (r(), m(t(Fe), {
211
+ key: 6,
212
+ modelValue: a.formData[e.key],
213
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l,
214
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
215
+ }, {
216
+ default: n(() => [
217
+ (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(Ue), {
218
+ key: l.value,
219
+ label: l.value,
220
+ value: l.value
221
+ }, {
222
+ default: n(() => [
223
+ V(M(l.label), 1)
224
+ ]),
225
+ _: 2
226
+ }, 1032, ["label", "value"]))), 128))
227
+ ]),
228
+ _: 2
229
+ }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).textarea ? (r(), m(t(Z), b({
230
+ key: 7,
231
+ modelValue: a.formData[e.key],
232
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
233
+ }, { ref_for: !0 }, e, {
234
+ class: "w-full",
235
+ type: "textarea",
236
+ onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
237
+ }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).upload ? (r(), m(t(y), b({
238
+ key: 8,
239
+ modelValue: a.formData[e.key],
240
+ "onUpdate:modelValue": (l) => a.formData[e.key] = l
241
+ }, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) : O("", !0)
242
+ ], !0)
243
+ ]),
244
+ _: 2
245
+ }, 1040, ["label", "prop", "show-label", "class"]))), 128)),
246
+ p(u.$slots, "default", {}, void 0, !0)
247
+ ]),
248
+ _: 3
249
+ }, 8, ["model", "label-width", "label-position", "inline", "rules", "class"]));
250
+ }
251
+ }), q = /* @__PURE__ */ ne(Oe, [["__scopeId", "data-v-09890bac"]]), ze = { class: "h-32 w-full" }, Re = { class: "flex items-center justify-between pd-b-20" }, Te = { class: "text-right" }, je = { class: "drawer-header" }, Ae = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, He = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Ke = /* @__PURE__ */ Object.assign({
252
+ name: "SearchBar"
253
+ }, {
254
+ __name: "layout",
255
+ props: {
256
+ // 搜索项配置
257
+ items: {
258
+ type: Array,
259
+ default: () => []
260
+ },
261
+ // 初始值
262
+ modelValue: {
263
+ type: Object,
264
+ default: () => ({})
265
+ },
266
+ // 标签宽度
267
+ labelWidth: {
268
+ type: [String, Number],
269
+ default: "auto"
270
+ },
271
+ // 标签位置
272
+ labelPosition: {
273
+ type: String,
274
+ default: I.right,
275
+ validator: (a) => [I.left, I.right, I.top].includes(a)
276
+ },
277
+ // 是否可以展开
278
+ isExpand: {
279
+ type: Boolean,
280
+ default: !0
281
+ },
282
+ // 最大的高度
283
+ maxHeight: {
284
+ type: Number,
285
+ default: 84
286
+ },
287
+ // 每项最小宽度
288
+ minWidth: {
289
+ type: Number,
290
+ default: re
291
+ },
292
+ operationList: {
293
+ type: Array,
294
+ default: Ne
295
+ },
296
+ // 是否为筛选器模式
297
+ filterMode: {
298
+ type: Boolean,
299
+ default: !0
300
+ }
301
+ },
302
+ emits: [B.updateModelValue, B.operation],
303
+ setup(a, { expose: L, emit: P }) {
304
+ le((o) => ({
305
+ v2e56a75a: a.maxHeight + "px",
306
+ v63e17c4e: j.value ? j.value + "px" : "100%"
307
+ }));
308
+ const y = a, v = P, i = w({}), c = w(!y.isExpand), u = w(null), D = w(!1), e = w(!1), l = U(() => {
309
+ const o = {};
310
+ return y.items.forEach((s) => {
311
+ if (s.required) {
312
+ const d = [{ required: !0, message: `${s.label}不能为空`, trigger: "blur" }];
313
+ typeof s.validator == "function" && d.push({ validator: s.validator, trigger: "blur" }), o[s.key] = d;
314
+ }
315
+ }), o;
316
+ }), R = U(() => y.items?.filter((o) => !o.hidden) || []), G = U(() => y.filterMode ? R.value?.slice(0, 2) || [] : R.value), S = U(() => y.filterMode ? R.value.slice(2) : []), J = (o) => {
317
+ i.value = { ...o };
318
+ }, ue = () => {
319
+ v(B.updateModelValue, { ...i.value });
320
+ }, ie = (o, s) => {
321
+ i.value[o] = s, W(C.search);
322
+ }, de = () => i.value, T = (o, s) => {
323
+ v(B.operation, C.search, i.value);
324
+ }, W = (o) => {
325
+ ue(), v(B.operation, o, i.value), (o === C.search || o === C.reset) && (D.value = !1, e.value = !1);
326
+ }, se = (o) => u.value.validate(o), j = w(0), fe = (o) => {
327
+ j.value = o + 32;
328
+ }, me = () => {
329
+ c.value = !c.value;
330
+ }, ce = () => {
331
+ D.value = !1, e.value = !0;
332
+ }, ye = () => {
333
+ e.value = !1, D.value = !0;
334
+ }, Q = w(!1), X = (o) => {
335
+ Q.value = o > y.maxHeight;
336
+ }, ve = U(() => y.filterMode || c.value ? "10px" : "0");
337
+ return ke(() => {
338
+ J(y.modelValue), X();
339
+ }), be(
340
+ () => y.modelValue,
341
+ (o) => {
342
+ J(o);
343
+ },
344
+ { immediate: !0, deep: !0 }
345
+ ), L({
346
+ validate: se,
347
+ getFormData: de,
348
+ // clearValidate,
349
+ // resetFields,
350
+ // scrollToField,
351
+ formRef: u
352
+ }), (o, s) => (r(), $("div", {
353
+ class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
354
+ }, [
355
+ g("div", {
356
+ class: N({
357
+ "is-collapsed overflow-hidden": !c.value
358
+ })
359
+ }, [
360
+ f(t(_), null, {
361
+ default: n(({ height: d }) => [
362
+ V(M(X(d)) + " ", 1),
363
+ f(q, {
364
+ ref_key: "formRef",
365
+ ref: u,
366
+ items: G.value,
367
+ "form-data": i.value,
368
+ rules: l.value,
369
+ "label-width": a.labelWidth,
370
+ "label-position": a.labelPosition,
371
+ inline: !0,
372
+ "show-label": !a.filterMode,
373
+ "min-width": a.minWidth,
374
+ "is-filter-preview": a.filterMode,
375
+ onChange: ie,
376
+ onEnter: T
377
+ }, F({
378
+ default: n(() => [
379
+ a.isExpand && !a.filterMode ? (r(), m(t(oe), { key: 0 }, {
380
+ default: n(() => [
381
+ g("div", ze, [
382
+ f(t(_), null, {
383
+ default: n(({ width: k }) => [
384
+ V(M(fe(k)), 1)
385
+ ]),
386
+ _: 1
387
+ })
388
+ ])
389
+ ]),
390
+ _: 1
391
+ })) : O("", !0)
392
+ ]),
393
+ _: 2
394
+ }, [
395
+ E(G.value, (k) => ({
396
+ name: k.key,
397
+ fn: n((he) => [
398
+ p(o.$slots, k.key, A(H(he)), void 0, !0)
399
+ ])
400
+ }))
401
+ ]), 1032, ["items", "form-data", "rules", "label-width", "label-position", "show-label", "min-width", "is-filter-preview"])
402
+ ]),
403
+ _: 3
404
+ })
405
+ ], 2),
406
+ g("div", {
407
+ class: N(["operation-buttons", {
408
+ "absolute right-0 bg-fff text-right": a.isExpand && !a.filterMode,
409
+ "text-left": a.filterMode
410
+ }]),
411
+ style: ge({ bottom: ve.value })
412
+ }, [
413
+ a.filterMode ? (r(), $(x, { key: 0 }, [
414
+ f(t(z), {
415
+ onClick: s[0] || (s[0] = (d) => W(t(C).reset)),
416
+ type: "default"
417
+ }, {
418
+ default: n(() => [...s[3] || (s[3] = [
419
+ V("重置", -1)
420
+ ])]),
421
+ _: 1
422
+ }),
423
+ S.value?.length ? (r(), m(t(xe), {
424
+ key: 0,
425
+ visible: D.value,
426
+ placement: "bottom-start",
427
+ width: 628,
428
+ trigger: "click"
429
+ }, {
430
+ reference: n(() => [
431
+ f(t(z), {
432
+ onClick: s[1] || (s[1] = (d) => D.value = !D.value),
433
+ icon: t(Pe),
434
+ type: "default"
435
+ }, {
436
+ default: n(() => [...s[4] || (s[4] = [
437
+ V(" 筛选器 ", -1)
438
+ ])]),
439
+ _: 1
440
+ }, 8, ["icon"])
441
+ ]),
442
+ default: n(() => [
443
+ g("div", Re, [
444
+ f(te, {
445
+ content: "筛选器",
446
+ fontSize: 16
447
+ }),
448
+ f(t(ee), {
449
+ size: 16,
450
+ onClick: ce
451
+ }, {
452
+ default: n(() => [
453
+ f(t(Le))
454
+ ]),
455
+ _: 1
456
+ })
457
+ ]),
458
+ f(q, {
459
+ items: S.value,
460
+ "form-data": i.value,
461
+ "label-width": "auto",
462
+ "label-position": "top",
463
+ inline: !1,
464
+ "show-label": !0,
465
+ "is-filter": !0,
466
+ "min-width": a.minWidth,
467
+ class: "filter-form-popover overflow-y-auto",
468
+ onEnter: T
469
+ }, F({ _: 2 }, [
470
+ E(S.value, (d) => ({
471
+ name: d.key,
472
+ fn: n((k) => [
473
+ p(o.$slots, d.key, A(H(k)), void 0, !0)
474
+ ])
475
+ }))
476
+ ]), 1032, ["items", "form-data", "min-width"]),
477
+ g("div", Te, [
478
+ f(K, {
479
+ "operation-list": a.operationList,
480
+ onOperation: W
481
+ }, F({ _: 2 }, [
482
+ o.$slots.operation ? {
483
+ name: "operation",
484
+ fn: n(({ operationList: d }) => [
485
+ p(o.$slots, "operation", { operationList: d }, void 0, !0)
486
+ ]),
487
+ key: "0"
488
+ } : void 0
489
+ ]), 1032, ["operation-list"])
490
+ ])
491
+ ]),
492
+ _: 3
493
+ }, 8, ["visible"])) : O("", !0)
494
+ ], 64)) : (r(), $(x, { key: 1 }, [
495
+ Q.value && a.isExpand ? (r(), m(t(z), {
496
+ key: 0,
497
+ icon: c.value ? t(Se) : t(We),
498
+ text: "",
499
+ onClick: me
500
+ }, {
501
+ default: n(() => [
502
+ V(M(c.value ? "收起" : "展开"), 1)
503
+ ]),
504
+ _: 1
505
+ }, 8, ["icon"])) : O("", !0),
506
+ f(K, {
507
+ "operation-list": a.operationList,
508
+ onOperation: W
509
+ }, F({ _: 2 }, [
510
+ o.$slots.operation ? {
511
+ name: "operation",
512
+ fn: n(({ operationList: d }) => [
513
+ p(o.$slots, "operation", { operationList: d }, void 0, !0)
514
+ ]),
515
+ key: "0"
516
+ } : void 0
517
+ ]), 1032, ["operation-list"])
518
+ ], 64))
519
+ ], 6),
520
+ f(t(Me), {
521
+ modelValue: e.value,
522
+ "onUpdate:modelValue": s[2] || (s[2] = (d) => e.value = d),
523
+ size: "628",
524
+ "show-close": !1
525
+ }, {
526
+ header: n(() => [
527
+ g("div", je, [
528
+ f(te, {
529
+ content: "筛选器",
530
+ fontSize: 16
531
+ }),
532
+ f(t(ee), {
533
+ size: 16,
534
+ onClick: ye,
535
+ class: "shrink-button"
536
+ }, {
537
+ default: n(() => [
538
+ f(t(Be))
539
+ ]),
540
+ _: 1
541
+ })
542
+ ])
543
+ ]),
544
+ default: n(() => [
545
+ g("div", Ae, [
546
+ f(q, {
547
+ items: S.value,
548
+ "form-data": i.value,
549
+ "label-width": "auto",
550
+ "label-position": "top",
551
+ inline: !1,
552
+ "show-label": !0,
553
+ "is-filter": !0,
554
+ "min-width": a.minWidth,
555
+ onEnter: T
556
+ }, F({ _: 2 }, [
557
+ E(S.value, (d) => ({
558
+ name: d.key,
559
+ fn: n((k) => [
560
+ p(o.$slots, d.key, A(H(k)), void 0, !0)
561
+ ])
562
+ }))
563
+ ]), 1032, ["items", "form-data", "min-width"])
564
+ ]),
565
+ g("div", He, [
566
+ f(K, {
567
+ "operation-list": a.operationList,
568
+ onOperation: W
569
+ }, F({ _: 2 }, [
570
+ o.$slots.operation ? {
571
+ name: "operation",
572
+ fn: n(({ operationList: d }) => [
573
+ p(o.$slots, "operation", { operationList: d }, void 0, !0)
574
+ ]),
575
+ key: "0"
576
+ } : void 0
577
+ ]), 1032, ["operation-list"])
578
+ ])
579
+ ]),
580
+ _: 3
581
+ }, 8, ["modelValue"])
582
+ ], 2));
583
+ }
584
+ }), Ze = /* @__PURE__ */ ne(Ke, [["__scopeId", "data-v-fd5ceec9"]]);
585
+ export {
586
+ Ze as S
587
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PaginationTable.css');const oe=require("./chunks/index.CkihWzK6.js"),t=require("vue"),b=require("element-plus"),E=require("ling-yun-methods"),se=require("./chunks/layout.DE2WIKAN.js"),re=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),ie={class:"flex h-full flex-col"},ce={class:"w-full flex justify-between overflow-hidden",style:{height:"auto"}},de={key:0,class:"flex-1 overflow-hidden"},fe={class:"flex",style:{width:"auto",gap:"10px"}},he={key:1,class:"flex items-center mg-b-18"},ve={class:"fz-12 text-74798c"},pe={class:"btn-group mg-l-12"},ge={class:"w-full flex-1 overflow-hidden flex flex-col"},me={class:"flex-1 overflow-hidden TABLE-AREA"},ye={key:0,class:"flex justify-end mg-t-20",style:{height:"auto"}},Se=Object.assign({name:"PaginationTable"},{__name:"layout",props:{isPagination:{type:Boolean,default:!0},total:{type:Number,default:0},tableData:{type:Array,default:()=>[]},pagination:{type:Object,default:()=>E.paginationConfig},params:{type:Object,default:()=>{}},requestFn:{type:Function},columns:{type:Array,default:()=>[]},hasBatchSelect:{type:Boolean,default:!1},expandColumnKey:{type:String,default:""},columnWidthMap:{type:Object,default:()=>{}},tableDataKey:{type:String,default:"list"},tableDomWidth:{type:Number,default:0},pageMapping:{type:Object,default:()=>({pageSize:"pageSize",pageNum:"pageNum"})}},emits:[E.emitsMap.paginationChange,"updateTableData","handleTableSelect","handleBatchDelete"],setup(h,{expose:H,emit:Y}){const C=Y,s=h,T=t.useSlots(),x=t.computed(()=>typeof s.requestFn=="function"),c=t.computed({get:()=>x.value?p.value:s.tableData,set:e=>{x.value?p.value=e:C("updateTableData",e)}}),w=t.ref(0),A=t.computed(()=>x.value?w.value:s.total),p=t.ref([]),d=t.computed(()=>s.pageMapping.pageNum),B=t.computed(()=>s.pageMapping.pageSize),P={[d.value]:1,[B.value]:20},r=t.ref({...P}),f=t.ref([]),u=t.ref([]),q=t.ref([]),g=t.ref({}),_=t.computed(()=>G(g.value));function G(e){const l=new Set;for(const a in e)e.hasOwnProperty(a)&&e[a].forEach(n=>{l.add(n.id)});return l}const I=({value:e,intermediate:l=!1,onChange:a})=>t.h(b.ElCheckbox,{onChange:a,modelValue:e,indeterminate:l}),J=(e,l)=>{if(e.selected=l,l?u.value.some(a=>a.id===e.id)||u.value.push(e):u.value=u.value.filter(({id:a})=>a!==e.id),e.children&&e.children.length>0){const a=n=>{n.forEach(o=>{o.selected=l,l?u.value.some(i=>i.id===o.id)||u.value.push(o):u.value=u.value.filter(({id:i})=>i!==o.id),o.children&&o.children.length>0&&a(o.children)})};a(e.children)}e.parentId&&M(e.parentId),D(),y()},M=e=>{const l=j(c.value,e);if(!l)return;const a=l.children.every(n=>n.selected);a&&!l.selected?(l.selected=!0,u.value.some(n=>n.id===l.id)||u.value.push(l)):!a&&l.selected&&(l.selected=!1,u.value=u.value.filter(({id:n})=>n!==l.id)),l.parentId&&M(l.parentId)},j=(e,l)=>{for(const a of e){if(a.id===l)return a;if(a.children){const n=j(a.children,l);if(n)return n}}return null};function D(){g.value[r.value[d.value]]=O(c.value)}function O(e){let l=[];return e.forEach(a=>{a.selected&&l.push(a),a.children&&a.children.length>0&&(l=l.concat(O(a.children)))}),l}function R(e,l){e.selected=l,e.children&&e.children.length>0&&e.children.forEach(a=>R(a,l))}const Q=e=>{const l=c.value.map(a=>(R(a,e),a));return c.value=[...l],D(),u.value=e?[...Object.values(g.value).flat()]:[],y(),[...u.value]},X=()=>{f.value.unshift({key:"selection",width:50,cellRenderer:e=>{const{rowData:l}=e,n=l.children&&l.children.length>0?Z(l):!1;return t.h(I,{value:l.selected,intermediate:n,onChange:o=>J(l,o)})},headerCellRenderer:()=>{const e=t.unref(c),l=e.every(n=>{const o=n.selected,i=K(n);return o&&i}),a=e.some(n=>n.selected||W(n));return t.h(I,{value:l,intermediate:a&&!l,onChange:Q})}})},Z=e=>{if(!e.children||e.children.length===0)return!1;const l=e.children.filter(a=>a.selected).length;return l>0&&l<e.children.length};function K(e){return e.children?.length?!!e.selected&&e.children.every(K):!!e.selected}function W(e){return e.selected?!0:e.children?.some(W)||!1}function F(e){return e.map(l=>{const a={...l,selected:!1};return a.children&&(a.children=F(a.children)),a})}const v=t.ref(!1),ee=()=>{v.value=!0,X()},V=()=>{v.value=!1,u.value=[],c.value=c.value.map(e=>(R(e,!1),e)),g.value={},p.value=F(p.value),f.value.shift(),y()},te=()=>{C("handleBatchDelete",{selectedRows:Object.values(g.value).flat(),cb:()=>{V(),y()}})},le=()=>{u.value=[],y()};function y(){const e=Object.values(g.value).flat();C("handleTableSelect",{originNodeData:u.value,allSelectedNodes:e,selectedSubNodes:e.filter(l=>!l.children)})}const S=()=>{x.value?s.requestFn({...s.params,...r.value}).then(e=>{p.value=z(e?.data[s.tableDataKey],r.value[d.value],_.value)||[],w.value=e?.data?.total}):(p.value=z(s.tableData,r.value[d.value],_.value),w.value=s.total)};function z(e,l,a,n=!1){return e.map(o=>{const i=a.has(o.id)||n,m={...o,selected:i};return m.children&&(m.children=z(m.children,l,a,i)),m})}const ae=()=>{r.value[d.value]=P[d.value],S()},ne=()=>{r.value={...P},S()},L=e=>{e==="size"&&(r.value[d.value]=1),S(),C(E.emitsMap.paginationChange,r.value)},N=t.ref(0),k=()=>{let e=N.value;e=v.value?e-50:e;let l=t.unref(f);v.value&&(l=t.unref(f).slice(1));const a=1/E.calculateScale();l=l.map((n,o)=>(s.columnWidthMap?n.width=e*s.columnWidthMap[o]*a:(n.width=e*(100/l.length/100)*a,n.width<100&&(n.width=100*a)),n)),v.value?f.value=[t.unref(f)[0],...l]:f.value=[...l]};t.watch(()=>v.value,()=>{k()}),t.watch(()=>s.tableDomWidth,e=>{e&&(N.value=e,k())});function ue(e,l=200){let a;return function(){clearTimeout(a),a=setTimeout(()=>{e.apply(this,arguments)},l)}}const $=ue(()=>{N.value=document.querySelector(".TABLE-AREA").getBoundingClientRect().width,k()},200);return t.onMounted(()=>{S(),f.value=s.columns,N.value=document.querySelector(".TABLE-AREA").getBoundingClientRect().width,t.nextTick(()=>{k()}),window.addEventListener("resize",$)}),H({getTableList:S,search:ae,reset:ne,initBatchSelect:le,handleCancelSelect:V,handleResize:$}),(e,l)=>(t.openBlock(),t.createElementBlock("div",ie,[t.createElementVNode("div",ce,[t.unref(T)["filter-left"]?(t.openBlock(),t.createElementBlock("div",de,[t.renderSlot(e.$slots,"filter-left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",fe,[h.hasBatchSelect&&c.value.length?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[v.value?(t.openBlock(),t.createElementBlock("div",he,[t.createElementVNode("div",ve,"已选"+t.toDisplayString(u.value.length)+"条数据",1),t.createElementVNode("div",{class:"fz-12 text-3b64ff mg-l-4 pointer",onClick:V},"取消选择"),t.renderSlot(e.$slots,"btn-group",{},()=>[t.createElementVNode("div",pe,[t.createVNode(t.unref(b.ElButton),{type:"danger",onClick:te,disabled:!u.value.length},{default:t.withCtx(()=>[...l[6]||(l[6]=[t.createTextVNode("删除",-1)])]),_:1},8,["disabled"])])],!0)])):(t.openBlock(),t.createBlock(t.unref(b.ElButton),{key:0,type:"default",onClick:ee},{default:t.withCtx(()=>[...l[5]||(l[5]=[t.createTextVNode(" 批量选择 ",-1)])]),_:1}))],64)):t.createCommentVNode("",!0),t.unref(T)["filter-right"]?t.renderSlot(e.$slots,"filter-right",{key:1},void 0,!0):t.createCommentVNode("",!0)])]),t.createElementVNode("div",ge,[t.createElementVNode("div",me,[t.createVNode(t.unref(b.ElAutoResizer),null,{default:t.withCtx(({width:a,height:n})=>[t.createVNode(t.unref(b.ElTableV2),{"expanded-row-keys":q.value,"onUpdate:expandedRowKeys":l[0]||(l[0]=o=>q.value=o),"expand-column-key":h.expandColumnKey,columns:f.value,data:c.value,width:a,height:n,fixed:""},t.createSlots({_:2},[t.renderList(t.unref(T),(o,i)=>({name:i,fn:t.withCtx(m=>[t.renderSlot(e.$slots,i,t.normalizeProps(t.guardReactiveProps(m)),void 0,!0)])}))]),1032,["expanded-row-keys","expand-column-key","columns","data","width","height"])]),_:3})]),h.isPagination&&A.value>r.value[B.value]?(t.openBlock(),t.createElementBlock("div",ye,[h.isPagination?(t.openBlock(),t.createBlock(se._sfc_main,{key:0,"current-page":r.value[d.value],"onUpdate:currentPage":l[1]||(l[1]=a=>r.value[d.value]=a),"page-size":r.value[B.value],"onUpdate:pageSize":l[2]||(l[2]=a=>r.value[B.value]=a),"page-sizes":h.pagination.pageSizes,layout:h.pagination.layout,total:A.value,onSizeChange:l[3]||(l[3]=a=>L("size")),onCurrentChange:l[4]||(l[4]=a=>L("page"))},null,8,["current-page","page-size","page-sizes","layout","total"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])]))}}),be=re._export_sfc(Se,[["__scopeId","data-v-0c8c6750"]]),U=oe.withInstall(be);exports.PaginationTable=U;exports.default=U;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PaginationTable.css');const se=require("./chunks/index.CkihWzK6.js"),t=require("vue"),x=require("element-plus"),T=require("ling-yun-methods"),ie=require("./chunks/layout.DE2WIKAN.js"),ce=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),de={class:"flex h-full flex-col"},fe={class:"w-full flex justify-between overflow-hidden",style:{height:"auto"}},ve={key:0,class:"flex-1 overflow-hidden"},he={class:"flex",style:{width:"auto",gap:"10px"}},pe={key:1,class:"flex items-center mg-b-18"},ge={class:"fz-12 text-74798c"},me={class:"btn-group mg-l-12"},ye={class:"w-full flex-1 overflow-hidden flex flex-col"},Se={class:"flex-1 overflow-hidden TABLE-AREA"},be={key:0,class:"flex justify-end mg-t-20",style:{height:"auto"}},Ce=Object.assign({name:"PaginationTable"},{__name:"layout",props:{isPagination:{type:Boolean,default:!0},total:{type:Number,default:0},tableData:{type:Array,default:()=>[]},pagination:{type:Object,default:()=>T.paginationConfig},params:{type:Object,default:()=>{}},requestFn:{type:Function},columns:{type:Array,default:()=>[]},hasBatchSelect:{type:Boolean,default:!1},expandColumnKey:{type:String,default:""},columnWidthMap:{type:Object,default:()=>{}},tableDataKey:{type:String,default:"list"},tableDomWidth:{type:Number,default:0},pageMapping:{type:Object,default:()=>({pageSize:"pageSize",pageNum:"pageNum"})},sortState:{type:Object,default:()=>{}}},emits:[T.emitsMap.paginationChange,"updateTableData","handleTableSelect","handleBatchDelete","updateSortState"],setup(v,{expose:Y,emit:G}){const y=G,r=v,w=t.useSlots(),B=t.computed(()=>typeof r.requestFn=="function"),i=t.computed({get:()=>B.value?p.value:r.tableData,set:e=>{B.value?p.value=e:y("updateTableData",e)}}),P=t.ref(0),q=t.computed(()=>B.value?P.value:r.total),S=t.computed({get:()=>r.sortState,set:e=>{y("updateSortState",e)}}),J=({key:e,order:l})=>{S.value[e]=l,i.value=i.value.reverse()},p=t.ref([]),d=t.computed(()=>r.pageMapping.pageNum),k=t.computed(()=>r.pageMapping.pageSize),V={[d.value]:1,[k.value]:20},s=t.ref({...V}),f=t.ref([]),u=t.ref([]),_=t.ref([]),g=t.ref({}),j=t.computed(()=>Q(g.value));function Q(e){const l=new Set;for(const a in e)e.hasOwnProperty(a)&&e[a].forEach(n=>{l.add(n.id)});return l}const I=({value:e,intermediate:l=!1,onChange:a})=>t.h(x.ElCheckbox,{onChange:a,modelValue:e,indeterminate:l}),X=(e,l)=>{if(e.selected=l,l?u.value.some(a=>a.id===e.id)||u.value.push(e):u.value=u.value.filter(({id:a})=>a!==e.id),e.children&&e.children.length>0){const a=n=>{n.forEach(o=>{o.selected=l,l?u.value.some(c=>c.id===o.id)||u.value.push(o):u.value=u.value.filter(({id:c})=>c!==o.id),o.children&&o.children.length>0&&a(o.children)})};a(e.children)}e.parentId&&O(e.parentId),D(),b()},O=e=>{const l=M(i.value,e);if(!l)return;const a=l.children.every(n=>n.selected);a&&!l.selected?(l.selected=!0,u.value.some(n=>n.id===l.id)||u.value.push(l)):!a&&l.selected&&(l.selected=!1,u.value=u.value.filter(({id:n})=>n!==l.id)),l.parentId&&O(l.parentId)},M=(e,l)=>{for(const a of e){if(a.id===l)return a;if(a.children){const n=M(a.children,l);if(n)return n}}return null};function D(){g.value[s.value[d.value]]=K(i.value)}function K(e){let l=[];return e.forEach(a=>{a.selected&&l.push(a),a.children&&a.children.length>0&&(l=l.concat(K(a.children)))}),l}function R(e,l){e.selected=l,e.children&&e.children.length>0&&e.children.forEach(a=>R(a,l))}const Z=e=>{const l=i.value.map(a=>(R(a,e),a));return i.value=[...l],D(),u.value=e?[...Object.values(g.value).flat()]:[],b(),[...u.value]},ee=()=>{f.value.unshift({key:"selection",width:50,cellRenderer:e=>{const{rowData:l}=e,n=l.children&&l.children.length>0?te(l):!1;return t.h(I,{value:l.selected,intermediate:n,onChange:o=>X(l,o)})},headerCellRenderer:()=>{const e=t.unref(i),l=e.every(n=>{const o=n.selected,c=W(n);return o&&c}),a=e.some(n=>n.selected||F(n));return t.h(I,{value:l,intermediate:a&&!l,onChange:Z})}})},te=e=>{if(!e.children||e.children.length===0)return!1;const l=e.children.filter(a=>a.selected).length;return l>0&&l<e.children.length};function W(e){return e.children?.length?!!e.selected&&e.children.every(W):!!e.selected}function F(e){return e.selected?!0:e.children?.some(F)||!1}function L(e){return e.map(l=>{const a={...l,selected:!1};return a.children&&(a.children=L(a.children)),a})}const h=t.ref(!1),le=()=>{h.value=!0,ee()},z=()=>{h.value=!1,u.value=[],i.value=i.value.map(e=>(R(e,!1),e)),g.value={},p.value=L(p.value),f.value.shift(),b()},ae=()=>{y("handleBatchDelete",{selectedRows:Object.values(g.value).flat(),cb:()=>{z(),b()}})},ne=()=>{u.value=[],b()};function b(){const e=Object.values(g.value).flat();y("handleTableSelect",{originNodeData:u.value,allSelectedNodes:e,selectedSubNodes:e.filter(l=>!l.children)})}const C=()=>{B.value?r.requestFn({...r.params,...s.value}).then(e=>{p.value=A(e?.data[r.tableDataKey],s.value[d.value],j.value)||[],P.value=e?.data?.total}):(p.value=A(r.tableData,s.value[d.value],j.value),P.value=r.total)};function A(e,l,a,n=!1){return e.map(o=>{const c=a.has(o.id)||n,m={...o,selected:c};return m.children&&(m.children=A(m.children,l,a,c)),m})}const ue=()=>{s.value[d.value]=V[d.value],C()},oe=()=>{s.value={...V},C()},$=e=>{e==="size"&&(s.value[d.value]=1),C(),y(T.emitsMap.paginationChange,s.value)},N=t.ref(0),E=()=>{let e=N.value;e=h.value?e-50:e;let l=t.unref(f);h.value&&(l=t.unref(f).slice(1));const a=1/T.calculateScale();l=l.map((n,o)=>(r.columnWidthMap?n.width=e*r.columnWidthMap[o]*a:(n.width=e*(100/l.length/100)*a,n.width<100&&(n.width=100*a)),S.value&&Object.keys(S.value).length&&S.value[n.key]&&(n.sortable=!0),n)),h.value?f.value=[t.unref(f)[0],...l]:f.value=[...l]};t.watch(()=>h.value,()=>{E()}),t.watch(()=>r.tableDomWidth,e=>{e&&(N.value=e,E())});function re(e,l=200){let a;return function(){clearTimeout(a),a=setTimeout(()=>{e.apply(this,arguments)},l)}}const U=re(()=>{N.value=document.querySelector(".TABLE-AREA").getBoundingClientRect().width,E()},200);return t.onMounted(()=>{C(),f.value=r.columns,N.value=document.querySelector(".TABLE-AREA").getBoundingClientRect().width,t.nextTick(()=>{E()}),window.addEventListener("resize",U)}),Y({getTableList:C,search:ue,reset:oe,initBatchSelect:ne,handleCancelSelect:z,handleResize:U}),(e,l)=>(t.openBlock(),t.createElementBlock("div",de,[t.createElementVNode("div",fe,[t.unref(w)["filter-left"]?(t.openBlock(),t.createElementBlock("div",ve,[t.renderSlot(e.$slots,"filter-left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",he,[v.hasBatchSelect&&i.value.length?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[h.value?(t.openBlock(),t.createElementBlock("div",pe,[t.createElementVNode("div",ge,"已选"+t.toDisplayString(u.value.length)+"条数据",1),t.createElementVNode("div",{class:"fz-12 text-3b64ff mg-l-4 pointer",onClick:z},"取消选择"),t.renderSlot(e.$slots,"btn-group",{},()=>[t.createElementVNode("div",me,[t.createVNode(t.unref(x.ElButton),{type:"danger",onClick:ae,disabled:!u.value.length},{default:t.withCtx(()=>[...l[6]||(l[6]=[t.createTextVNode("删除",-1)])]),_:1},8,["disabled"])])],!0)])):(t.openBlock(),t.createBlock(t.unref(x.ElButton),{key:0,type:"default",onClick:le},{default:t.withCtx(()=>[...l[5]||(l[5]=[t.createTextVNode(" 批量选择 ",-1)])]),_:1}))],64)):t.createCommentVNode("",!0),t.unref(w)["filter-right"]?t.renderSlot(e.$slots,"filter-right",{key:1},void 0,!0):t.createCommentVNode("",!0)])]),t.createElementVNode("div",ye,[t.createElementVNode("div",Se,[t.createVNode(t.unref(x.ElAutoResizer),null,{default:t.withCtx(({width:a,height:n})=>[t.createVNode(t.unref(x.ElTableV2),{"expanded-row-keys":_.value,"onUpdate:expandedRowKeys":l[0]||(l[0]=o=>_.value=o),"expand-column-key":v.expandColumnKey,columns:f.value,data:i.value,width:a,height:n,fixed:"","sort-state":S.value,onColumnSort:J},t.createSlots({_:2},[t.renderList(t.unref(w),(o,c)=>({name:c,fn:t.withCtx(m=>[t.renderSlot(e.$slots,c,t.normalizeProps(t.guardReactiveProps(m)),void 0,!0)])}))]),1032,["expanded-row-keys","expand-column-key","columns","data","width","height","sort-state"])]),_:3})]),v.isPagination&&q.value>s.value[k.value]?(t.openBlock(),t.createElementBlock("div",be,[v.isPagination?(t.openBlock(),t.createBlock(ie._sfc_main,{key:0,"current-page":s.value[d.value],"onUpdate:currentPage":l[1]||(l[1]=a=>s.value[d.value]=a),"page-size":s.value[k.value],"onUpdate:pageSize":l[2]||(l[2]=a=>s.value[k.value]=a),"page-sizes":v.pagination.pageSizes,layout:v.pagination.layout,total:q.value,onSizeChange:l[3]||(l[3]=a=>$("size")),onCurrentChange:l[4]||(l[4]=a=>$("page"))},null,8,["current-page","page-size","page-sizes","layout","total"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])]))}}),xe=ce._export_sfc(Ce,[["__scopeId","data-v-7d5408b1"]]),H=se.withInstall(xe);exports.PaginationTable=H;exports.default=H;
package/lib/SearchBar.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./chunks/index.CkihWzK6.js"),t=require("./chunks/layout.OHsMvEtb.js"),e=r.withInstall(t.SearchBar);exports.SearchBar=e;exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./chunks/index.CkihWzK6.js"),t=require("./chunks/layout.BJubstyS.js"),e=r.withInstall(t.SearchBar);exports.SearchBar=e;exports.default=e;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/UpdatePasswordDialog.css');const P=require("./chunks/index.CkihWzK6.js"),e=require("vue"),_=require("./chunks/layout.B9EVVV-O.js"),M=require("./chunks/layout.OHsMvEtb.js"),o=require("ling-yun-methods"),V=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),h=()=>{const u=e.ref({password:"",confirmPassword:""}),p=e.computed(()=>[{label:"请输入新密码",key:"password",type:o.componentType.text,placeholder:"请输入6-20位,需包含大小写字母、数字",wide:!0,required:!0,showPassword:!0,validator:d},{label:"请再次输入新密码",key:"confirmPassword",type:o.componentType.text,placeholder:"请输入6-20位,需包含大小写字母、数字",wide:!0,required:!0,showPassword:!0,validator:i}]),d=(l,s,t)=>{!s||!/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,20}$/.test(s)?t(new Error("请输入6-20位,需包含大小写字母、数字")):t()},i=(l,s,t)=>{s===""?t(new Error("两次密码不一致")):s!==u.value.password?t(new Error("两次密码不一致")):t()};return{formData:u,userFromItems:p}},x={__name:"layout",props:{modelValue:{type:Boolean,default:!1},nowUserData:{type:Object,default:()=>{}},apiConfig:{type:Object,default:()=>{}}},emits:[o.emitsMap.updateModelValue,o.emitsMap.change],setup(u,{emit:p}){const d=u,i=p,l=e.computed({get:()=>d.modelValue,set:r=>i(o.emitsMap.updateModelValue,r)}),s=e.ref(null),{formData:t,userFromItems:y}=h(),g=async()=>{const r=await d.apiConfig.getSecretKeyApi();if(r.code!==o.codeMap.success)return{};const{key:a,iv:n,keyId:c}=r.data,{password:f}=s.value.getFormData(),m=o.AESCrypto.encrypt(f,a,n);return{keyId:c,encryptedPassword:m}},v=async()=>{let r=!1;return await s.value.validate(async a=>{if(!a)return;const{keyId:n,encryptedPassword:c}=await g();if(!n||!c)return;const f={userId:d.nowUserData.id,newPassword:c,aesKeyId:n};(await d.apiConfig.updatePasswordApi(f)).code===o.codeMap.success&&(o.messageSuccess("修改成功"),l.value=!1,r=!0,i(o.emitsMap.change))}),r};return(r,a)=>(e.openBlock(),e.createBlock(_.CustomDialog,{modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=n=>l.value=n),title:"修改密码",buttons:{confirmText:"确定",onConfirm:v},top:"30vh",width:"568px","destroy-on-close":""},{default:e.withCtx(()=>[e.createVNode(M.SearchBar,{modelValue:e.unref(t),"onUpdate:modelValue":a[0]||(a[0]=n=>e.isRef(t)?t.value=n:null),ref_key:"formRef",ref:s,items:e.unref(y),isExpand:!1,operationList:[],filterMode:!1,labelPosition:"top"},null,8,["modelValue","items"])]),_:1},8,["modelValue","buttons"]))}},b=V._export_sfc(x,[["__scopeId","data-v-0088227a"]]),w=P.withInstall(b);exports.UpdatePasswordDialog=w;exports.default=w;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/UpdatePasswordDialog.css');const P=require("./chunks/index.CkihWzK6.js"),e=require("vue"),_=require("./chunks/layout.B9EVVV-O.js"),M=require("./chunks/layout.BJubstyS.js"),o=require("ling-yun-methods"),V=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),h=()=>{const u=e.ref({password:"",confirmPassword:""}),p=e.computed(()=>[{label:"请输入新密码",key:"password",type:o.componentType.text,placeholder:"请输入6-20位,需包含大小写字母、数字",wide:!0,required:!0,showPassword:!0,validator:d},{label:"请再次输入新密码",key:"confirmPassword",type:o.componentType.text,placeholder:"请输入6-20位,需包含大小写字母、数字",wide:!0,required:!0,showPassword:!0,validator:i}]),d=(l,s,t)=>{!s||!/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,20}$/.test(s)?t(new Error("请输入6-20位,需包含大小写字母、数字")):t()},i=(l,s,t)=>{s===""?t(new Error("两次密码不一致")):s!==u.value.password?t(new Error("两次密码不一致")):t()};return{formData:u,userFromItems:p}},x={__name:"layout",props:{modelValue:{type:Boolean,default:!1},nowUserData:{type:Object,default:()=>{}},apiConfig:{type:Object,default:()=>{}}},emits:[o.emitsMap.updateModelValue,o.emitsMap.change],setup(u,{emit:p}){const d=u,i=p,l=e.computed({get:()=>d.modelValue,set:r=>i(o.emitsMap.updateModelValue,r)}),s=e.ref(null),{formData:t,userFromItems:y}=h(),g=async()=>{const r=await d.apiConfig.getSecretKeyApi();if(r.code!==o.codeMap.success)return{};const{key:a,iv:n,keyId:c}=r.data,{password:f}=s.value.getFormData(),m=o.AESCrypto.encrypt(f,a,n);return{keyId:c,encryptedPassword:m}},v=async()=>{let r=!1;return await s.value.validate(async a=>{if(!a)return;const{keyId:n,encryptedPassword:c}=await g();if(!n||!c)return;const f={userId:d.nowUserData.id,newPassword:c,aesKeyId:n};(await d.apiConfig.updatePasswordApi(f)).code===o.codeMap.success&&(o.messageSuccess("修改成功"),l.value=!1,r=!0,i(o.emitsMap.change))}),r};return(r,a)=>(e.openBlock(),e.createBlock(_.CustomDialog,{modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=n=>l.value=n),title:"修改密码",buttons:{confirmText:"确定",onConfirm:v},top:"30vh",width:"568px","destroy-on-close":""},{default:e.withCtx(()=>[e.createVNode(M.SearchBar,{modelValue:e.unref(t),"onUpdate:modelValue":a[0]||(a[0]=n=>e.isRef(t)?t.value=n:null),ref_key:"formRef",ref:s,items:e.unref(y),isExpand:!1,operationList:[],filterMode:!1,labelPosition:"top"},null,8,["modelValue","items"])]),_:1},8,["modelValue","buttons"]))}},b=V._export_sfc(x,[["__scopeId","data-v-0088227a"]]),w=P.withInstall(b);exports.UpdatePasswordDialog=w;exports.default=w;
@@ -1 +1 @@
1
- [data-v-0c8c6750] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
1
+ [data-v-7d5408b1] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -1 +1 @@
1
- .filter-form[data-v-bdd1bd85]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-bdd1bd85]{display:flex}.filter-preview-form .el-form-item[data-v-bdd1bd85]{width:var(--v6636f7d5);margin-right:10px}.search-bar-form[data-v-bdd1bd85]{grid-template-columns:repeat(auto-fit,minmax(var(--v6636f7d5),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-bdd1bd85]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-bdd1bd85]{display:grid}.search-bar-item--wide[data-v-bdd1bd85]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
1
+ .filter-form[data-v-09890bac]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-09890bac]{display:flex}.filter-preview-form .el-form-item[data-v-09890bac]{width:var(--v21d4c185);margin-right:10px}.search-bar-form[data-v-09890bac]{grid-template-columns:repeat(auto-fit,minmax(var(--v21d4c185),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-09890bac]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-09890bac]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-09890bac] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-09890bac]{display:grid}.search-bar-item--wide[data-v-09890bac]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
@@ -0,0 +1 @@
1
+ "use strict";require('../assets/layout3.css');const e=require("vue"),u=require("element-plus"),V=require("color-message-lingyun-vue"),r=require("ling-yun-methods"),P=require("./_plugin-vue_export-helper.BHFhmbuH.js"),M=require("./layout.B-T_NE6r.js"),A=[{type:"primary",label:"查询",value:r.operationConfigMap.search},{type:"default",label:"重置",value:r.operationConfigMap.reset}],S=320,B={__name:"OperationButtons",props:{operationList:{type:Array,default:()=>[]}},emits:["operation"],setup(a,{emit:h}){const k=h,c=m=>{k("operation",m)};return(m,i)=>m.$slots.operation?e.renderSlot(m.$slots,"operation",{key:0,operationList:a.operationList}):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.operationList,f=>(e.openBlock(),e.createBlock(e.unref(u.ElButton),{key:f.value,type:f.type,icon:f.icon,onClick:n=>c(f.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["type","icon","onClick"]))),128))}},j=Object.assign({name:"FormWrapper"},{__name:"FormWrapper",props:{items:{type:Array,default:()=>[]},formData:{type:Object,default:()=>({})},rules:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:r.labelPositionMap.right},showLabel:{type:Boolean,default:!0},inline:{type:Boolean,default:!1},isFilter:{type:Boolean,default:!1},isFilterPreview:{type:Boolean,default:!1},minWidth:{type:Number,default:S}},emits:["change","enter"],setup(a,{expose:h}){e.useCssVars(n=>({v21d4c185:a.minWidth+"px"}));const k=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./layout.BSF3ruxz.js"))),c=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./layout.DWbm8gXV.js"))),m=a,i=e.ref(null),f=e.computed(()=>m.isFilter?"filter-form":m.isFilterPreview?"filter-preview-form":"search-bar-form");return h({validate:n=>i.value?i.value.validate(n):Promise.resolve(!0),resetFields:()=>{i.value&&i.value.resetFields()},clearValidate:n=>{i.value&&i.value.clearValidate(n)},scrollToField:n=>{i.value&&i.value.scrollToField(n)}}),(n,y)=>(e.openBlock(),e.createBlock(e.unref(u.ElForm),{ref_key:"formRef",ref:i,model:a.formData,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:a.inline,rules:a.rules,class:e.normalizeClass({[f.value]:!0,"items-end display-grid":!a.isFilterPreview})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,t=>(e.openBlock(),e.createBlock(e.unref(u.ElFormItem),e.mergeProps({key:t.key,label:a.showLabel?t.label:"",prop:t.key,"show-label":a.showLabel,class:[{"search-bar-item--wide":t.wide}]},{ref_for:!0},t),{default:e.withCtx(()=>[e.renderSlot(n.$slots,t.key,{item:t,formData:a.formData},()=>[t.type===e.unref(r.componentType).text?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:0,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},t,{class:"w-full",onChange:o=>n.$emit("change",t.key,a.formData[t.key]),onKeyup:e.withKeys(o=>n.$emit("enter",t.key,a.formData[t.key]),["enter"])}),null,16,["modelValue","onUpdate:modelValue","onChange","onKeyup"])):t.type===e.unref(r.componentType).select?(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps({key:1,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o,"static-options":t.options},{ref_for:!0},t,{onChange:o=>n.$emit("change",t.key,a.formData[t.key]),class:"w-full"}),null,16,["modelValue","onUpdate:modelValue","static-options","onChange"])):t.type===e.unref(r.componentType).date?(e.openBlock(),e.createBlock(e.unref(u.ElDatePicker),e.mergeProps({key:2,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},{...t,...e.unref(r.dateParamsMap)[t.dateType]},{type:t.dateType,format:t.format||e.unref(r.dateFormat).date,"value-format":t.valueFormat||e.unref(r.dateFormat).dateTime,class:"w-full",onChange:o=>n.$emit("change",t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])):t.type===e.unref(r.componentType).inputNumber?(e.openBlock(),e.createBlock(e.unref(u.ElInputNumber),e.mergeProps({key:3,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},t,{class:"w-full",onChange:o=>n.$emit("change",t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(r.componentType).switch?(e.openBlock(),e.createBlock(e.unref(u.ElSwitch),e.mergeProps({key:4,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},t,{onChange:o=>n.$emit("change",t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(r.componentType).radio?(e.openBlock(),e.createBlock(e.unref(u.ElRadioGroup),{key:5,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o,onChange:o=>n.$emit("change",t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,o=>(e.openBlock(),e.createBlock(e.unref(u.ElRadio),{key:o.value,label:o.value,value:o.value,disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(r.componentType).checkbox?(e.openBlock(),e.createBlock(e.unref(u.ElCheckboxGroup),{key:6,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o,onChange:o=>n.$emit("change",t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,o=>(e.openBlock(),e.createBlock(e.unref(u.ElCheckbox),{key:o.value,label:o.value,value:o.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(r.componentType).textarea?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:7,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},t,{class:"w-full",type:"textarea",onChange:o=>n.$emit("change",t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(r.componentType).upload?(e.openBlock(),e.createBlock(e.unref(c),e.mergeProps({key:8,modelValue:a.formData[t.key],"onUpdate:modelValue":o=>a.formData[t.key]=o},{ref_for:!0},t),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],!0)]),_:2},1040,["label","prop","show-label","class"]))),128)),e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["model","label-width","label-position","inline","rules","class"]))}}),x=P._export_sfc(j,[["__scopeId","data-v-09890bac"]]),H={class:"h-32 w-full"},K={class:"flex items-center justify-between pd-b-20"},G={class:"text-right"},Y={class:"drawer-header"},J={class:"flex-1 pd-l-16 pd-r-16 overflow-y-auto"},Q={class:"text-right border-top pd-t-16 pd-l-16 pd-r-16"},X=Object.assign({name:"SearchBar"},{__name:"layout",props:{items:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:r.labelPositionMap.right,validator:a=>[r.labelPositionMap.left,r.labelPositionMap.right,r.labelPositionMap.top].includes(a)},isExpand:{type:Boolean,default:!0},maxHeight:{type:Number,default:84},minWidth:{type:Number,default:S},operationList:{type:Array,default:A},filterMode:{type:Boolean,default:!0}},emits:[r.emitsMap.updateModelValue,r.emitsMap.operation],setup(a,{expose:h,emit:k}){e.useCssVars(l=>({v2e56a75a:a.maxHeight+"px",v63e17c4e:C.value?C.value+"px":"100%"}));const c=a,m=k,i=e.ref({}),f=e.ref(!c.isExpand),n=e.ref(null),y=e.ref(!1),t=e.ref(!1),o=e.computed(()=>{const l={};return c.items.forEach(s=>{if(s.required){const d=[{required:!0,message:`${s.label}不能为空`,trigger:"blur"}];typeof s.validator=="function"&&d.push({validator:s.validator,trigger:"blur"}),l[s.key]=d}}),l}),b=e.computed(()=>c.items?.filter(l=>!l.hidden)||[]),E=e.computed(()=>c.filterMode?b.value?.slice(0,2)||[]:b.value),v=e.computed(()=>c.filterMode?b.value.slice(2):[]),D=l=>{i.value={...l}},F=()=>{m(r.emitsMap.updateModelValue,{...i.value})},T=(l,s)=>{i.value[l]=s,g(r.operationConfigMap.search)},L=()=>i.value,w=(l,s)=>{m(r.emitsMap.operation,r.operationConfigMap.search,i.value)},g=l=>{F(),m(r.emitsMap.operation,l,i.value),(l===r.operationConfigMap.search||l===r.operationConfigMap.reset)&&(y.value=!1,t.value=!1)},U=l=>n.value.validate(l),C=e.ref(0),I=l=>{C.value=l+32},W=()=>{f.value=!f.value},z=()=>{y.value=!1,t.value=!0},R=()=>{t.value=!1,y.value=!0},N=e.ref(!1),$=l=>{N.value=l>c.maxHeight},O=e.computed(()=>c.filterMode||f.value?"10px":"0");return e.onMounted(()=>{D(c.modelValue),$()}),e.watch(()=>c.modelValue,l=>{D(l)},{immediate:!0,deep:!0}),h({validate:U,getFormData:L,formRef:n}),(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative overflow-hidden w-full",{flex:a.filterMode}])},[e.createElementVNode("div",{class:e.normalizeClass({"is-collapsed overflow-hidden":!f.value})},[e.createVNode(e.unref(u.ElAutoResizer),null,{default:e.withCtx(({height:d})=>[e.createTextVNode(e.toDisplayString($(d))+" ",1),e.createVNode(x,{ref_key:"formRef",ref:n,items:E.value,"form-data":i.value,rules:o.value,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:!0,"show-label":!a.filterMode,"min-width":a.minWidth,"is-filter-preview":a.filterMode,onChange:T,onEnter:w},e.createSlots({default:e.withCtx(()=>[a.isExpand&&!a.filterMode?(e.openBlock(),e.createBlock(e.unref(u.ElFormItem),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(e.unref(u.ElAutoResizer),null,{default:e.withCtx(({width:p})=>[e.createTextVNode(e.toDisplayString(I(p)),1)]),_:1})])]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(E.value,p=>({name:p.key,fn:e.withCtx(q=>[e.renderSlot(l.$slots,p.key,e.normalizeProps(e.guardReactiveProps(q)),void 0,!0)])}))]),1032,["items","form-data","rules","label-width","label-position","show-label","min-width","is-filter-preview"])]),_:3})],2),e.createElementVNode("div",{class:e.normalizeClass(["operation-buttons",{"absolute right-0 bg-fff text-right":a.isExpand&&!a.filterMode,"text-left":a.filterMode}]),style:e.normalizeStyle({bottom:O.value})},[a.filterMode?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(u.ElButton),{onClick:s[0]||(s[0]=d=>g(e.unref(r.operationConfigMap).reset)),type:"default"},{default:e.withCtx(()=>[...s[3]||(s[3]=[e.createTextVNode("重置",-1)])]),_:1}),v.value?.length?(e.openBlock(),e.createBlock(e.unref(u.ElPopover),{key:0,visible:y.value,placement:"bottom-start",width:628,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(e.unref(u.ElButton),{onClick:s[1]||(s[1]=d=>y.value=!y.value),icon:e.unref(V.IconCheck),type:"default"},{default:e.withCtx(()=>[...s[4]||(s[4]=[e.createTextVNode(" 筛选器 ",-1)])]),_:1},8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createVNode(M.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(V.IconMagnify))]),_:1})]),e.createVNode(x,{items:v.value,"form-data":i.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,class:"filter-form-popover overflow-y-auto",onEnter:w},e.createSlots({_:2},[e.renderList(v.value,d=>({name:d.key,fn:e.withCtx(p=>[e.renderSlot(l.$slots,d.key,e.normalizeProps(e.guardReactiveProps(p)),void 0,!0)])}))]),1032,["items","form-data","min-width"]),e.createElementVNode("div",G,[e.createVNode(B,{"operation-list":a.operationList,onOperation:g},e.createSlots({_:2},[l.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:d})=>[e.renderSlot(l.$slots,"operation",{operationList:d},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["visible"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[N.value&&a.isExpand?(e.openBlock(),e.createBlock(e.unref(u.ElButton),{key:0,icon:f.value?e.unref(V.IconUp):e.unref(V.IconDown),text:"",onClick:W},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value?"收起":"展开"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(B,{"operation-list":a.operationList,onOperation:g},e.createSlots({_:2},[l.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:d})=>[e.renderSlot(l.$slots,"operation",{operationList:d},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])],64))],6),e.createVNode(e.unref(u.ElDrawer),{modelValue:t.value,"onUpdate:modelValue":s[2]||(s[2]=d=>t.value=d),size:"628","show-close":!1},{header:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(M.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:R,class:"shrink-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(V.IconShrink))]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",J,[e.createVNode(x,{items:v.value,"form-data":i.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,onEnter:w},e.createSlots({_:2},[e.renderList(v.value,d=>({name:d.key,fn:e.withCtx(p=>[e.renderSlot(l.$slots,d.key,e.normalizeProps(e.guardReactiveProps(p)),void 0,!0)])}))]),1032,["items","form-data","min-width"])]),e.createElementVNode("div",Q,[e.createVNode(B,{"operation-list":a.operationList,onOperation:g},e.createSlots({_:2},[l.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:d})=>[e.renderSlot(l.$slots,"operation",{operationList:d},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["modelValue"])],2))}}),Z=P._export_sfc(X,[["__scopeId","data-v-fd5ceec9"]]);exports.SearchBar=Z;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ling-yun-custom-components",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "keywords": [
5
5
  "component library",
6
6
  "ui framework",