color-star-custom-components 0.0.5 → 0.0.7

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.
Files changed (50) hide show
  1. package/es/BatchImport.mjs +1 -1
  2. package/es/FileList.mjs +1 -1
  3. package/es/IconRenderer.mjs +1 -1
  4. package/es/IconSelect.mjs +1 -1
  5. package/es/SearchBar.mjs +117 -101
  6. package/es/TreeSelect.mjs +7 -0
  7. package/es/TreeShowSelect.mjs +82 -0
  8. package/es/UploadFile.mjs +1 -1
  9. package/es/assets/SearchBar.css +1 -1
  10. package/es/assets/TreeShowSelect.css +1 -0
  11. package/es/assets/layout2.css +1 -1
  12. package/es/assets/layout3.css +1 -1
  13. package/es/assets/layout4.css +1 -0
  14. package/es/chunks/{config.DH2xMnlY.js → config.ERg0IgVD.js} +1 -1
  15. package/es/chunks/{global.DV6e9_12.js → global.BZl4v5js.js} +1182 -1158
  16. package/es/chunks/{layout.CyhEs923.js → layout.8QJjTbpS.js} +2 -2
  17. package/es/chunks/layout.8gJfLTP4.js +404 -0
  18. package/es/chunks/{layout.sb1tpZ1W.js → layout.CI0rHTkg.js} +1 -1
  19. package/es/index.mjs +36 -30
  20. package/lib/BatchImport.js +1 -1
  21. package/lib/FileList.js +1 -1
  22. package/lib/IconRenderer.js +1 -1
  23. package/lib/IconSelect.js +1 -1
  24. package/lib/SearchBar.js +1 -1
  25. package/lib/TreeSelect.js +1 -0
  26. package/lib/TreeShowSelect.js +1 -0
  27. package/lib/UploadFile.js +1 -1
  28. package/lib/assets/SearchBar.css +1 -1
  29. package/lib/assets/TreeShowSelect.css +1 -0
  30. package/lib/assets/layout2.css +1 -1
  31. package/lib/assets/layout3.css +1 -1
  32. package/lib/assets/layout4.css +1 -0
  33. package/lib/chunks/{config.DPp4ti8p.js → config.B0eqERf5.js} +1 -1
  34. package/lib/chunks/global.BeZ3Ue5-.js +1 -0
  35. package/lib/chunks/{layout.CacUgLUZ.js → layout.BaKyR150.js} +1 -1
  36. package/lib/chunks/layout.C_5ri7PW.js +1 -0
  37. package/lib/chunks/{layout.C8IKkahl.js → layout.whToBh0O.js} +1 -1
  38. package/lib/index.js +1 -1
  39. package/package.json +7 -6
  40. package/es/chunks/layout.BLCGmWdA.js +0 -149
  41. package/es/chunks/layout.BaKXshGh.js +0 -149
  42. package/es/chunks/layout.BqkEUrff.js +0 -230
  43. package/es/chunks/layout.D5DtDgGV.js +0 -230
  44. package/es/chunks/layout.wck_IDgd.js +0 -121
  45. package/lib/chunks/global.BwF3T7mN.js +0 -1
  46. package/lib/chunks/layout.BQdjwrgQ.js +0 -1
  47. package/lib/chunks/layout.ChIHPtyu.js +0 -1
  48. package/lib/chunks/layout.DTs74_a_.js +0 -1
  49. package/lib/chunks/layout.sSLT3tUN.js +0 -1
  50. package/lib/chunks/layout.ttM1z00z.js +0 -1
@@ -1,9 +1,9 @@
1
1
  import { ref as z, computed as s, watch as M, createElementBlock as c, openBlock as p, createVNode as R, createBlock as k, createCommentVNode as U, unref as h, mergeProps as B, withCtx as D, renderSlot as O, Fragment as E, createElementVNode as m, toDisplayString as x } from "vue";
2
2
  import { ElUpload as N, ElImage as Y } from "element-plus";
3
3
  import { emitsMap as d, uploadFileTypeMap as L, messageError as Q, messageWarning as F } from "color-star-custom-methods";
4
- import { _ as J, u as v } from "./layout.sb1tpZ1W.js";
4
+ import { _ as J, u as v } from "./layout.CI0rHTkg.js";
5
5
  import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
6
- import '../assets/layout2.css';const u = [];
6
+ import '../assets/layout3.css';const u = [];
7
7
  for (let A = 0; A < 256; ++A)
8
8
  u.push((A + 256).toString(16).slice(1));
9
9
  function G(A, a = 0) {
@@ -0,0 +1,404 @@
1
+ import { useAttrs as ie, ref as x, computed as S, watch as O, nextTick as K, onMounted as re, createBlock as R, openBlock as b, unref as f, withCtx as N, createElementVNode as D, normalizeStyle as de, createElementBlock as P, createCommentVNode as ce, createVNode as g, normalizeClass as ue, mergeProps as he, toDisplayString as $, withModifiers as fe, Fragment as pe, h as H } from "vue";
2
+ import { ElAutoResizer as me, ElInput as ye, ElIcon as Q, ElTreeV2 as ve } from "element-plus";
3
+ import { IconSearch as ge, IconDelete as ke, IconRighttop as Se } from "color-message-lingyun-vue";
4
+ import { IconEmpty as be } from "../IconEmpty.mjs";
5
+ import { _ as Ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
6
+ import '../assets/layout2.css';function Ce(o) {
7
+ return {
8
+ name: "element-tree-line",
9
+ props: {
10
+ node: {
11
+ type: Object,
12
+ required: !0
13
+ },
14
+ data: {
15
+ type: Object
16
+ },
17
+ treeData: {
18
+ type: Array
19
+ },
20
+ indent: {
21
+ type: Number,
22
+ default() {
23
+ return 16;
24
+ }
25
+ },
26
+ showLabelLine: {
27
+ type: Boolean,
28
+ default: !0
29
+ }
30
+ },
31
+ render(r) {
32
+ const d = o || r, s = this.getScopedSlot("default"), t = this.getScopedSlot("node-label"), c = this.getScopedSlot("after-node-label"), p = s ? this.getScopedSlotValue(s, {
33
+ node: this.node,
34
+ data: this.data
35
+ }) : [
36
+ t ? this.getScopedSlotValue(t, {
37
+ node: this.node,
38
+ data: this.data
39
+ }) : d(
40
+ "span",
41
+ { class: "element-tree-node-label" },
42
+ this.node.label
43
+ ),
44
+ this.showLabelLine ? d("span", {
45
+ class: "element-tree-node-label-line"
46
+ }) : null,
47
+ this.getScopedSlotValue(c, {
48
+ node: this.node,
49
+ data: this.data
50
+ })
51
+ ], y = [];
52
+ let u = this.node;
53
+ for (; u; ) {
54
+ let n = u.parent;
55
+ if (u.level === 1 && !u.parent) {
56
+ if (!this.treeData || !Array.isArray(this.treeData))
57
+ throw Error(
58
+ "if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data."
59
+ );
60
+ n = {
61
+ children: Array.isArray(this.treeData) ? this.treeData.map((m) => ({ ...m, key: m.id })) : [],
62
+ level: 0,
63
+ key: "node-0",
64
+ parent: null
65
+ };
66
+ }
67
+ if (n) {
68
+ const m = (n.children || n.childNodes).findIndex(
69
+ (C) => (C.key || C.id) === (u.key || u.id)
70
+ );
71
+ y.unshift(
72
+ m === (n.children || n.childNodes).length - 1
73
+ );
74
+ }
75
+ u = n;
76
+ }
77
+ const V = [];
78
+ for (let n = 0; n < this.node.level; n++)
79
+ y[n] && this.node.level - 1 !== n || V.push(
80
+ d("span", {
81
+ class: {
82
+ "element-tree-node-line-ver": !0,
83
+ "last-node-isLeaf-line": y[n] && this.node.level - 1 === n
84
+ },
85
+ style: { left: this.indent * n + "px" }
86
+ })
87
+ );
88
+ return d(
89
+ "span",
90
+ {
91
+ class: "element-tree-node-label-wrapper"
92
+ },
93
+ [p].concat(V).concat([
94
+ d("span", {
95
+ class: "element-tree-node-line-hor",
96
+ style: {
97
+ width: (this.node.isLeaf ? 24 : 8) + "px",
98
+ left: (this.node.level - 1) * this.indent + "px"
99
+ }
100
+ })
101
+ ])
102
+ );
103
+ },
104
+ methods: {
105
+ getScopedSlot(r) {
106
+ if (!r)
107
+ return null;
108
+ const d = r.split("||");
109
+ let s = null;
110
+ for (let t = 0; t < d.length; t++) {
111
+ const c = d[t], p = (this.$slots || {})[c];
112
+ if (p) {
113
+ s = p;
114
+ break;
115
+ }
116
+ if (s = (this.$scopedSlots || {})[c], s)
117
+ break;
118
+ }
119
+ return s;
120
+ },
121
+ getScopedSlotValue(r, d, s = null) {
122
+ return typeof r == "function" ? r(d) || s : r || s;
123
+ }
124
+ }
125
+ };
126
+ }
127
+ function U(o) {
128
+ const r = Ce(o);
129
+ return o && (r.methods.getScopedSlot = function(s) {
130
+ if (!s)
131
+ return null;
132
+ const t = s.split("||");
133
+ let c = null;
134
+ for (let p = 0; p < t.length; p++) {
135
+ const y = t[p], u = (this.$slots || {})[y];
136
+ if (u) {
137
+ c = u;
138
+ break;
139
+ }
140
+ }
141
+ return c;
142
+ }), r;
143
+ }
144
+ U();
145
+ const Le = {
146
+ key: 0,
147
+ class: "mg-b-16"
148
+ }, xe = {
149
+ key: 0,
150
+ class: "list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"
151
+ }, Ve = ["onClick"], Me = { key: 1 }, De = /* @__PURE__ */ Object.assign({
152
+ name: "TreeSelect"
153
+ }, {
154
+ __name: "layout",
155
+ props: {
156
+ // 初始值
157
+ modelValue: {
158
+ type: Object,
159
+ default: () => []
160
+ },
161
+ // 树形节点对象结构
162
+ treeProps: {
163
+ type: Object,
164
+ default: () => ({
165
+ value: "id",
166
+ label: "label",
167
+ children: "children"
168
+ })
169
+ },
170
+ // 接口配置
171
+ apiConfig: {
172
+ type: Function
173
+ },
174
+ // 请求参数
175
+ reqParams: {
176
+ type: Object,
177
+ default: () => ({})
178
+ },
179
+ // 是否在组件挂载时自动加载数据
180
+ autoLoad: {
181
+ type: Boolean,
182
+ default: !0
183
+ },
184
+ // 是否多选
185
+ isMultiple: {
186
+ type: Boolean,
187
+ default: !0
188
+ },
189
+ // 是否有过滤
190
+ hasFilter: {
191
+ type: Boolean,
192
+ default: !1
193
+ },
194
+ // 是否是列表模式
195
+ isListMode: {
196
+ type: Boolean,
197
+ default: !1
198
+ },
199
+ treeList: {
200
+ type: Array,
201
+ default: () => []
202
+ },
203
+ // 是否有线条样式
204
+ hasTreeLine: {
205
+ type: Boolean,
206
+ default: !0
207
+ },
208
+ // 选中的节点是否包含父节点
209
+ includeParentSelected: {
210
+ type: Boolean,
211
+ default: !1
212
+ }
213
+ },
214
+ emits: ["handleCheck", "handleDeleteNode", "initFinish"],
215
+ setup(o, { expose: r, emit: d }) {
216
+ const s = U(H), t = o, c = d, p = ie(), y = () => H(Se, {
217
+ style: { color: "var(--text-color-2)", fontSize: "16px" }
218
+ }), u = t.isMultiple ? 20 : 10, V = t.isMultiple ? 15 : 11, n = x([]), m = x(null), C = x(null), w = S(() => t.treeProps.value), E = S(() => t.treeProps.label), v = S(() => t.treeProps.children), T = x(!1), G = S(() => !t.isMultiple && T.value), J = S(() => typeof t.apiConfig == "function"), z = (e) => String(e).includes("%") ? e : e + "px", W = () => {
219
+ let e = m.value?.getCheckedNodes(), l = e.map((i) => i[w.value]), a = [];
220
+ return e.length && !t.includeParentSelected && (e = e.filter((i) => !i[v.value]), l = e.map((i) => i[w.value])), t.includeParentSelected && (a = X(n.value, l)), {
221
+ selectedNodeValues: l,
222
+ // 选中节点的值的集合
223
+ selectedNodes: e,
224
+ // 选中节点的集合
225
+ selectedParentNodes: a
226
+ // 选中节点的所有父节点
227
+ };
228
+ };
229
+ function X(e, l) {
230
+ const a = /* @__PURE__ */ new Map();
231
+ function i(h, k = []) {
232
+ for (const L of h) {
233
+ const ae = [...k, L];
234
+ L.children && L.children.length > 0 ? i(L.children, ae) : l.includes(L.id) && k.forEach((B) => {
235
+ a.has(B.id) || a.set(B.id, { ...B });
236
+ });
237
+ }
238
+ }
239
+ return i(e), Array.from(a.values());
240
+ }
241
+ const Y = (e) => {
242
+ !t.isMultiple || t.isListMode || I();
243
+ }, Z = (e, l) => {
244
+ t.isMultiple || t.isListMode || (T.value = !0, C.value = l.key, c("handleCheck", {
245
+ selectedValue: [C.value],
246
+ // 选中节点的值
247
+ selectedNode: [l.data]
248
+ // // 选中节点
249
+ }));
250
+ }, F = x(""), ee = (e) => {
251
+ m.value.filter(e);
252
+ }, te = (e, l) => l[E.value].includes(e), le = (e) => {
253
+ let l = 0;
254
+ function a(i) {
255
+ for (const h of i) {
256
+ const k = h[v.value] && h[v.value].length > 0;
257
+ t.includeParentSelected ? l++ : k || l++, k && a(h[v.value]);
258
+ }
259
+ }
260
+ return a(e), l;
261
+ }, ne = S(() => le(n.value));
262
+ function I() {
263
+ const { selectedNodeValues: e, selectedNodes: l, selectedParentNodes: a } = W();
264
+ c("handleCheck", {
265
+ selectedValue: e,
266
+ // 选中节点的值的集合
267
+ selectedNode: l,
268
+ // 选中节点的集合
269
+ selectedParentNodes: a
270
+ });
271
+ }
272
+ const oe = (e, l) => {
273
+ m.value?.setChecked(e, l), I();
274
+ }, _ = () => {
275
+ p["default-checked-keys"] && K(() => {
276
+ I();
277
+ });
278
+ }, se = (e) => {
279
+ c("handleDeleteNode", e);
280
+ }, M = (e) => e?.map((l) => ({
281
+ ...l,
282
+ [v.value]: l[v.value]?.length ? M(l[v.value]) : void 0
283
+ })), j = async () => {
284
+ J.value ? t.apiConfig(t.reqParams)?.then((e) => {
285
+ n.value = M(e?.data || []), _(), A(t.modelValue), c("initFinish", n.value);
286
+ }) : q();
287
+ }, q = () => {
288
+ t.isListMode ? n.value = M(t.treeList || []) : (n.value = M(t.treeList || []), n.value.length && (_(), A(t.modelValue)));
289
+ }, A = (e) => {
290
+ const l = e && e.length && e.map((a) => a[t.treeProps.value]);
291
+ m.value?.setCheckedKeys(l);
292
+ };
293
+ return O(
294
+ () => t.treeList,
295
+ () => {
296
+ q();
297
+ },
298
+ { deep: !0 }
299
+ ), O(
300
+ () => t.modelValue,
301
+ (e) => {
302
+ K(() => {
303
+ A(e);
304
+ });
305
+ },
306
+ { deep: !0 }
307
+ ), re(() => {
308
+ j();
309
+ }), r({
310
+ allNodeNumbers: ne,
311
+ loadData: j,
312
+ setNodeCheckStatus: oe
313
+ }), (e, l) => (b(), R(f(me), null, {
314
+ default: N(({ width: a, height: i }) => [
315
+ D("div", {
316
+ style: de({
317
+ width: z(a),
318
+ height: z(i)
319
+ })
320
+ }, [
321
+ o.hasFilter ? (b(), P("div", Le, [
322
+ g(f(ye), {
323
+ modelValue: F.value,
324
+ "onUpdate:modelValue": l[0] || (l[0] = (h) => F.value = h),
325
+ placeholder: "请输入",
326
+ onInput: ee
327
+ }, {
328
+ prefix: N(() => [
329
+ g(f(Q), {
330
+ size: 16,
331
+ color: "var(--neutral-color-12)",
332
+ class: "mg-r-4"
333
+ }, {
334
+ default: N(() => [
335
+ g(f(ge))
336
+ ]),
337
+ _: 1
338
+ })
339
+ ]),
340
+ _: 1
341
+ }, 8, ["modelValue"])
342
+ ])) : ce("", !0),
343
+ D("div", {
344
+ class: ue(o.hasFilter ? "pd-l-8 pd-r-8" : "")
345
+ }, [
346
+ g(f(ve), he({
347
+ ref_key: "treeRef",
348
+ ref: m,
349
+ height: o.hasFilter ? i - 48 : i,
350
+ data: n.value,
351
+ props: o.treeProps,
352
+ "node-key": w.value,
353
+ "show-checkbox": o.isMultiple && !o.isListMode,
354
+ "item-size": 34,
355
+ indent: f(u),
356
+ "highlight-current": G.value,
357
+ icon: o.isListMode ? "" : y,
358
+ "filter-method": te
359
+ }, f(p), {
360
+ onNodeClick: Z,
361
+ onCheck: Y
362
+ }), {
363
+ default: N(({ node: h }) => [
364
+ o.isListMode ? (b(), P("div", xe, [
365
+ D("span", null, $(h.data[E.value]), 1),
366
+ D("div", {
367
+ class: "flex items-center",
368
+ onClick: fe((k) => se(h.data), ["stop"])
369
+ }, [
370
+ g(f(Q), {
371
+ size: 14,
372
+ color: "var(--neutral-color-5)"
373
+ }, {
374
+ default: N(() => [
375
+ g(f(ke))
376
+ ]),
377
+ _: 1
378
+ })
379
+ ], 8, Ve)
380
+ ])) : (b(), P(pe, { key: 1 }, [
381
+ o.hasTreeLine ? (b(), R(f(s), {
382
+ key: 0,
383
+ node: h,
384
+ treeData: n.value,
385
+ showLabelLine: !1,
386
+ indent: f(V)
387
+ }, null, 8, ["node", "treeData", "indent"])) : (b(), P("span", Me, $(h.data[E.value]), 1))
388
+ ], 64))
389
+ ]),
390
+ empty: N(() => [
391
+ g(f(be))
392
+ ]),
393
+ _: 1
394
+ }, 16, ["height", "data", "props", "node-key", "show-checkbox", "indent", "highlight-current", "icon"])
395
+ ], 2)
396
+ ], 4)
397
+ ]),
398
+ _: 1
399
+ }));
400
+ }
401
+ }), Be = /* @__PURE__ */ Ne(De, [["__scopeId", "data-v-5d279bc2"]]);
402
+ export {
403
+ Be as T
404
+ };
@@ -3,7 +3,7 @@ import { ElImage as R, ElIcon as w } from "element-plus";
3
3
  import { emitsMap as c, uploadFileTypeMap as P, uploadFileType as a } from "color-star-custom-methods";
4
4
  import { IconTxt as A, IconPpt as F, IconXls as I, IconDoc as b, IconPdf as G, IconDelete as K, IconOtherFile as X } from "color-message-lingyun-vue";
5
5
  import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
6
- import '../assets/layout3.css';const i = {
6
+ import '../assets/layout4.css';const i = {
7
7
  uploading: "uploading",
8
8
  success: "success",
9
9
  error: "error"
package/es/index.mjs CHANGED
@@ -1,47 +1,53 @@
1
- import { IconRenderer as m } from "./IconRenderer.mjs";
2
- import { IconSelect as e } from "./IconSelect.mjs";
1
+ import { IconRenderer as e } from "./IconRenderer.mjs";
2
+ import { IconSelect as m } from "./IconSelect.mjs";
3
3
  import { IconEmpty as i } from "./IconEmpty.mjs";
4
4
  import { GlassProxy as p } from "./GlassProxy.mjs";
5
- import { SearchBar as n } from "./SearchBar.mjs";
6
- import { CustomSelect as f } from "./CustomSelect.mjs";
7
- import { CustomTitle as l } from "./CustomTitle.mjs";
8
- import { UploadFile as a } from "./UploadFile.mjs";
9
- import { FileList as c } from "./FileList.mjs";
5
+ import { SearchBar as f } from "./SearchBar.mjs";
6
+ import { CustomSelect as l } from "./CustomSelect.mjs";
7
+ import { CustomTitle as n } from "./CustomTitle.mjs";
8
+ import { UploadFile as c } from "./UploadFile.mjs";
9
+ import { FileList as a } from "./FileList.mjs";
10
10
  import { BatchImport as s } from "./BatchImport.mjs";
11
- import { i as d } from "./chunks/config.DH2xMnlY.js";
12
- import { dayjs as u } from "element-plus";
11
+ import { TreeSelect as S } from "./TreeSelect.mjs";
12
+ import { TreeShowSelect as d } from "./TreeShowSelect.mjs";
13
+ import { i as u } from "./chunks/config.ERg0IgVD.js";
14
+ import { dayjs as y } from "element-plus";
13
15
  const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
14
16
  __proto__: null,
15
17
  BatchImport: s,
16
- CustomSelect: f,
17
- CustomTitle: l,
18
- FileList: c,
18
+ CustomSelect: l,
19
+ CustomTitle: n,
20
+ FileList: a,
19
21
  GlassProxy: p,
20
22
  IconEmpty: i,
21
- IconRenderer: m,
22
- IconSelect: e,
23
- SearchBar: n,
24
- UploadFile: a,
25
- iconLibraryMap: d
23
+ IconRenderer: e,
24
+ IconSelect: m,
25
+ SearchBar: f,
26
+ TreeSelect: S,
27
+ TreeShowSelect: d,
28
+ UploadFile: c,
29
+ iconLibraryMap: u
26
30
  }, Symbol.toStringTag, { value: "Module" }));
27
- u.en.weekStart = 1;
28
- const y = (t) => {
31
+ y.en.weekStart = 1;
32
+ const b = (t) => {
29
33
  for (const r in o)
30
34
  o[r].install && t.use(o[r]);
31
- }, M = {
32
- install: y
35
+ }, P = {
36
+ install: b
33
37
  };
34
38
  export {
35
39
  s as BatchImport,
36
- f as CustomSelect,
37
- l as CustomTitle,
38
- c as FileList,
40
+ l as CustomSelect,
41
+ n as CustomTitle,
42
+ a as FileList,
39
43
  p as GlassProxy,
40
44
  i as IconEmpty,
41
- m as IconRenderer,
42
- e as IconSelect,
43
- n as SearchBar,
44
- a as UploadFile,
45
- M as default,
46
- d as iconLibraryMap
45
+ e as IconRenderer,
46
+ m as IconSelect,
47
+ f as SearchBar,
48
+ S as TreeSelect,
49
+ d as TreeShowSelect,
50
+ c as UploadFile,
51
+ P as default,
52
+ u as iconLibraryMap
47
53
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./chunks/index.CkihWzK6.js"),e=require("vue"),c=require("element-plus"),n=require("color-star-custom-methods"),M=require("./chunks/layout.C8IKkahl.js"),S=require("color-message-lingyun-vue"),h={__name:"ImportResultContent",props:{uploadResData:{type:Object,default:()=>({})},templateConfig:{type:Object,default:()=>({})}},setup(u){const r=u,f=()=>{const{ossUrl:p,fileName:l}=r.uploadResData;r.templateConfig.downloadErrorFile(l,p,r.templateConfig.isNeedTransform)};return(p,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("p",null," 共"+e.toDisplayString(u.uploadResData.total||0)+"条数据,其中"+e.toDisplayString(u.uploadResData.successTotal||0)+"条数据成功,"+e.toDisplayString(u.uploadResData.failureTotal||0)+"条失败 ",1),e.createElementVNode("p",{style:{color:"var(--text-color-4)"}},[l[0]||(l[0]=e.createElementVNode("span",null,"失败原因请下载",-1)),e.createElementVNode("span",{class:"pointer",style:{color:"var(--error-color-1)"},onClick:f}," 错误报告 ")])],64))}},b={key:0,class:"flex items-center"},R={key:0,class:"flex items-center flex-1 fz-12"},q={key:1},I=Object.assign({name:"BatchImport"},{__name:"layout",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"导入"},templateName:{type:String,default:"导入"},width:{type:Number,default:520},templateConfig:{type:Object,default:()=>({})},uploadFileConfig:{type:Object,default:()=>{}}},emits:[n.emitsMap.updateModelValue,n.emitsMap.uploadSuccess],setup(u,{emit:r}){const f={templateFileName:"导入模板.xlsx"},p={uploadFileType:[n.uploadFileType.xlsx,n.uploadFileType.xls],isCustomRequest:!0,multiple:!1,rowCount:1,maxCount:1},l=u,v=r,i=e.ref([]),d=e.computed({get(){return l.modelValue},set(o){v(n.emitsMap.updateModelValue,o)}}),k=e.computed(()=>s.value==="result"?"导入结果":l.title),C=e.computed(()=>({...p,...l.uploadFileConfig})),m=e.computed(()=>({...f,...l.templateConfig})),w=()=>{m.value.downloadTemplate({},m.value.templateFileName)},s=e.ref("upload"),g=e.ref({}),B=()=>{d.value=!1};function T(o,t){const a=o.name.split(".").pop(),y=`${t}.${a}`;return new File([o],y,{type:o.type,lastModified:o.lastModified})}const E=e.ref(null),F=async()=>{const o=l.uploadFileConfig?.fileName||i.value?.[0]?.raw?.name;C.value?.apiConfig({...C.value?.params,file:T(i.value?.[0]?.raw,o)}).then(t=>{const{data:a}=t;E.value=a;const{failureTotal:y,successTotal:N}=a;t.code===n.codeMap.success&&(y?(s.value="result",g.value=a,N&&v(n.emitsMap.uploadSuccess)):(n.messageSuccess(`文件导入成功,共导入数据:${N}条`),v(n.emitsMap.uploadSuccess),d.value=!1))})},V=()=>{d.value=!1};return(o,t)=>(e.openBlock(),e.createBlock(e.unref(c.ElDialog),{modelValue:d.value,"onUpdate:modelValue":t[1]||(t[1]=a=>d.value=a),title:k.value,width:u.width,"close-on-click-modal":!1,"close-on-press-escape":!1,onClose:V},{footer:e.withCtx(()=>[s.value==="upload"?(e.openBlock(),e.createElementBlock("div",b,[m.value?.downloadTemplate?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(c.ElIcon),{size:14,color:"var(--text-color-4)"},{default:e.withCtx(()=>[e.createVNode(e.unref(S.IconQuery))]),_:1}),t[2]||(t[2]=e.createElementVNode("div",{class:"text-74798c pd-l-4"},"还没有模板?点击下载",-1)),e.createElementVNode("div",{class:"text-3b64ff pointer",onClick:w}," 《"+e.toDisplayString(u.templateName)+"模板》 ",1)])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElButton),{onClick:V},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:F,disabled:!i.value?.length},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode(" 确认 ",-1)])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0),s.value==="result"?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:B},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("我知道了",-1)])]),_:1})])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[s.value==="upload"?(e.openBlock(),e.createBlock(M._layout,e.mergeProps({key:0,modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=a=>i.value=a)},C.value),null,16,["modelValue"])):e.createCommentVNode("",!0),s.value==="result"?(e.openBlock(),e.createBlock(h,{key:1,templateConfig:m.value,uploadResData:g.value},null,8,["templateConfig","uploadResData"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","title","width"]))}}),x=D.withInstall(I);exports.BatchImport=x;exports.default=x;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./chunks/index.CkihWzK6.js"),e=require("vue"),c=require("element-plus"),n=require("color-star-custom-methods"),M=require("./chunks/layout.whToBh0O.js"),S=require("color-message-lingyun-vue"),h={__name:"ImportResultContent",props:{uploadResData:{type:Object,default:()=>({})},templateConfig:{type:Object,default:()=>({})}},setup(u){const r=u,f=()=>{const{ossUrl:p,fileName:l}=r.uploadResData;r.templateConfig.downloadErrorFile(l,p,r.templateConfig.isNeedTransform)};return(p,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("p",null," 共"+e.toDisplayString(u.uploadResData.total||0)+"条数据,其中"+e.toDisplayString(u.uploadResData.successTotal||0)+"条数据成功,"+e.toDisplayString(u.uploadResData.failureTotal||0)+"条失败 ",1),e.createElementVNode("p",{style:{color:"var(--text-color-4)"}},[l[0]||(l[0]=e.createElementVNode("span",null,"失败原因请下载",-1)),e.createElementVNode("span",{class:"pointer",style:{color:"var(--error-color-1)"},onClick:f}," 错误报告 ")])],64))}},b={key:0,class:"flex items-center"},R={key:0,class:"flex items-center flex-1 fz-12"},q={key:1},I=Object.assign({name:"BatchImport"},{__name:"layout",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"导入"},templateName:{type:String,default:"导入"},width:{type:Number,default:520},templateConfig:{type:Object,default:()=>({})},uploadFileConfig:{type:Object,default:()=>{}}},emits:[n.emitsMap.updateModelValue,n.emitsMap.uploadSuccess],setup(u,{emit:r}){const f={templateFileName:"导入模板.xlsx"},p={uploadFileType:[n.uploadFileType.xlsx,n.uploadFileType.xls],isCustomRequest:!0,multiple:!1,rowCount:1,maxCount:1},l=u,v=r,i=e.ref([]),d=e.computed({get(){return l.modelValue},set(o){v(n.emitsMap.updateModelValue,o)}}),k=e.computed(()=>s.value==="result"?"导入结果":l.title),C=e.computed(()=>({...p,...l.uploadFileConfig})),m=e.computed(()=>({...f,...l.templateConfig})),w=()=>{m.value.downloadTemplate({},m.value.templateFileName)},s=e.ref("upload"),g=e.ref({}),B=()=>{d.value=!1};function T(o,t){const a=o.name.split(".").pop(),y=`${t}.${a}`;return new File([o],y,{type:o.type,lastModified:o.lastModified})}const E=e.ref(null),F=async()=>{const o=l.uploadFileConfig?.fileName||i.value?.[0]?.raw?.name;C.value?.apiConfig({...C.value?.params,file:T(i.value?.[0]?.raw,o)}).then(t=>{const{data:a}=t;E.value=a;const{failureTotal:y,successTotal:N}=a;t.code===n.codeMap.success&&(y?(s.value="result",g.value=a,N&&v(n.emitsMap.uploadSuccess)):(n.messageSuccess(`文件导入成功,共导入数据:${N}条`),v(n.emitsMap.uploadSuccess),d.value=!1))})},V=()=>{d.value=!1};return(o,t)=>(e.openBlock(),e.createBlock(e.unref(c.ElDialog),{modelValue:d.value,"onUpdate:modelValue":t[1]||(t[1]=a=>d.value=a),title:k.value,width:u.width,"close-on-click-modal":!1,"close-on-press-escape":!1,onClose:V},{footer:e.withCtx(()=>[s.value==="upload"?(e.openBlock(),e.createElementBlock("div",b,[m.value?.downloadTemplate?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(c.ElIcon),{size:14,color:"var(--text-color-4)"},{default:e.withCtx(()=>[e.createVNode(e.unref(S.IconQuery))]),_:1}),t[2]||(t[2]=e.createElementVNode("div",{class:"text-74798c pd-l-4"},"还没有模板?点击下载",-1)),e.createElementVNode("div",{class:"text-3b64ff pointer",onClick:w}," 《"+e.toDisplayString(u.templateName)+"模板》 ",1)])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElButton),{onClick:V},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:F,disabled:!i.value?.length},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode(" 确认 ",-1)])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0),s.value==="result"?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:B},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("我知道了",-1)])]),_:1})])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[s.value==="upload"?(e.openBlock(),e.createBlock(M._layout,e.mergeProps({key:0,modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=a=>i.value=a)},C.value),null,16,["modelValue"])):e.createCommentVNode("",!0),s.value==="result"?(e.openBlock(),e.createBlock(h,{key:1,templateConfig:m.value,uploadResData:g.value},null,8,["templateConfig","uploadResData"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","title","width"]))}}),x=D.withInstall(I);exports.BatchImport=x;exports.default=x;
package/lib/FileList.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./chunks/index.CkihWzK6.js"),i=require("./chunks/layout.CacUgLUZ.js"),e=t.withInstall(i._layout);exports.FileList=e;exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./chunks/index.CkihWzK6.js"),i=require("./chunks/layout.BaKyR150.js"),e=t.withInstall(i._layout);exports.FileList=e;exports.default=e;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./chunks/index.CkihWzK6.js"),e=require("vue"),s=require("element-plus"),a=require("./chunks/config.DPp4ti8p.js"),m=Object.assign({name:"IconRenderer"},{__name:"layout",props:{iconName:{type:String,default:""},iconLibrary:{type:String,default:a.iconLibraryMap.lingyun,validator:n=>Object.values(a.iconLibraryMap).includes(n)},size:{type:Number,default:16},color:{type:String,default:""}},setup(n){const o=n,r=e.shallowRef(null),c=e.ref(!1),i=async()=>{if(!o.iconName){r.value=null;return}if(!c.value){c.value=!0;try{const t=await a.getIconComponent(o.iconLibrary,o.iconName);r.value=t}catch(t){console.error("Failed to load icon component:",t),r.value=null}finally{c.value=!1}}};return e.watch(()=>[o.iconLibrary,o.iconName],()=>{i()},{immediate:!1}),e.onMounted(()=>{i()}),(t,d)=>n.iconName&&r.value?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),e.mergeProps({key:0,size:n.size,color:n.color},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value)))]),_:1},16,["size","color"])):e.createCommentVNode("",!0)}}),l=u.withInstall(m);exports.iconLibraryMap=a.iconLibraryMap;exports.IconRenderer=l;exports.default=l;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./chunks/index.CkihWzK6.js"),e=require("vue"),s=require("element-plus"),a=require("./chunks/config.B0eqERf5.js"),m=Object.assign({name:"IconRenderer"},{__name:"layout",props:{iconName:{type:String,default:""},iconLibrary:{type:String,default:a.iconLibraryMap.lingyun,validator:n=>Object.values(a.iconLibraryMap).includes(n)},size:{type:Number,default:16},color:{type:String,default:""}},setup(n){const o=n,r=e.shallowRef(null),c=e.ref(!1),i=async()=>{if(!o.iconName){r.value=null;return}if(!c.value){c.value=!0;try{const t=await a.getIconComponent(o.iconLibrary,o.iconName);r.value=t}catch(t){console.error("Failed to load icon component:",t),r.value=null}finally{c.value=!1}}};return e.watch(()=>[o.iconLibrary,o.iconName],()=>{i()},{immediate:!1}),e.onMounted(()=>{i()}),(t,d)=>n.iconName&&r.value?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),e.mergeProps({key:0,size:n.size,color:n.color},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value)))]),_:1},16,["size","color"])):e.createCommentVNode("",!0)}}),l=u.withInstall(m);exports.iconLibraryMap=a.iconLibraryMap;exports.IconRenderer=l;exports.default=l;
package/lib/IconSelect.js CHANGED
@@ -1 +1 @@
1
- "use strict";require('./assets/IconSelect.css');var _=Object.create;var b=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var j=(o,a,l,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of V(a))!N.call(o,r)&&r!==l&&b(o,r,{get:()=>a[r],enumerable:!(m=S(a,r))||m.enumerable});return o};var z=(o,a,l)=>(l=o!=null?_(E(o)):{},j(a||!o||!o.__esModule?b(l,"default",{value:o,enumerable:!0}):l,o));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("./chunks/index.CkihWzK6.js"),e=require("vue"),s=require("element-plus"),A=require("./chunks/layout.ikdn8BHo.js"),y=require("./chunks/config.DPp4ti8p.js"),M=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),O={class:"icon-select-content flex flex-col overflow-hidden"},q={key:0,class:"no-data flex items-center justify-center w-full"},D={key:1,class:"icon-select-grid overflow-y-auto display-grid"},P={key:0,class:"loading-text flex items-center justify-center w-full"},F=["title","onClick"],R=Object.assign({name:"IconSelect"},{__name:"layout",props:{modelValue:{type:String,default:""},placeholder:{type:String,default:"请选择图标"},width:{type:Number,default:520},iconSize:{type:Number,default:62},library:{type:String,default:y.iconLibraryMap.lingyun,validator:o=>Object.values(y.iconLibraryMap).includes(o)},iconSearch:{type:Object,default:null},iconAdd:{type:Object,default:null},iconEmpty:{type:Object,default:null}},emits:["update:modelValue"],setup(o,{emit:a}){const l=o,m=a,r=e.ref(!1),f=e.ref(""),i=e.ref(l.modelValue),u=e.ref(null),p=e.ref([]),k=e.ref(!1),d=e.shallowRef({IconSearch:null,IconAdd:null}),h=async t=>{const n=t==="search"?l.iconSearch:l.iconAdd;if(n)return n;try{return(await import("color-message-lingyun-vue"))[t==="search"?"IconSearch":"IconAdd"]}catch{return console.warn(`color-message-lingyun-vue not found, ${t} icon will not be displayed`),null}},g=async()=>{const[t,n]=await Promise.all([h("search"),h("add")]);return{IconSearch:t,IconAdd:n}},w=async()=>{k.value=!0;try{const t=await y.getIconLibrary(l.library);p.value=Object.entries(t).filter(([n])=>n.toLowerCase()&&!["default","icons"].includes(n)).map(([n,c])=>({name:n,component:e.markRaw(c)}))}catch(t){console.error("Failed to load icons:",t),p.value=[]}finally{k.value=!1}},I=e.computed(()=>f.value?p.value.filter(t=>t.name.toLowerCase().includes(f.value.toLowerCase())):p.value),v=async()=>{if(!i.value){u.value=null;return}const t=await y.getIconComponent(l.library,i.value);u.value=t?e.markRaw(t):null},x=t=>{i.value=t.name,m("update:modelValue",t.name),r.value=!1};return e.watch(()=>l.modelValue,t=>{i.value=t,v()}),e.watch(()=>l.library,()=>{w(),v()}),e.watch(()=>i.value,()=>{v()}),e.onMounted(async()=>{d.value=await g(),w(),v()}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.ElPopover),{visible:r.value,"onUpdate:visible":n[1]||(n[1]=c=>r.value=c),placement:"bottom-start",width:o.width,trigger:"click"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center pointer radius-16 justify-center w-icon-item",{"select-icon-box bg-fcfdff text-202434 fz-14 flex-col":!u.value,"icon-item":i.value}])},[u.value?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),{key:0,size:o.iconSize},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))]),_:1},8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[d.value.IconAdd?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),{key:0,size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.IconAdd)))]),_:1})):e.createCommentVNode("",!0),n[2]||(n[2]=e.createTextVNode(" 上传 ",-1))],64))],2)]),default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(e.unref(s.ElInput),{class:"mg-b-12",modelValue:f.value,"onUpdate:modelValue":n[0]||(n[0]=c=>f.value=c),placeholder:"搜索图标",clearable:""},e.createSlots({_:2},[d.value.IconSearch?{name:"prefix",fn:e.withCtx(()=>[e.createVNode(e.unref(s.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.IconSearch)))]),_:1})]),key:"0"}:void 0]),1032,["modelValue"]),I.value.length===0?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(A._sfc_main,{icon:o.iconEmpty,text:"未找到相关图标"},null,8,["icon"])])):(e.openBlock(),e.createElementBlock("div",D,[k.value?(e.openBlock(),e.createElementBlock("div",P," 加载中... ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(I.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.name,class:e.normalizeClass(["icon-item radius-8 justify-center items-center pointer flex w-icon-item",{active:i.value===c.name}]),title:c.name,onClick:C=>x(c)},[e.createVNode(e.unref(s.ElIcon),{size:50},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.component)))]),_:2},1024)],10,F))),128))]))])]),_:1},8,["visible","width"]))}}),T=M._export_sfc(R,[["__scopeId","data-v-4cc24f78"]]),B=L.withInstall(T);exports.IconSelect=B;exports.default=B;
1
+ "use strict";require('./assets/IconSelect.css');var _=Object.create;var b=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var j=(o,a,l,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of V(a))!N.call(o,r)&&r!==l&&b(o,r,{get:()=>a[r],enumerable:!(m=S(a,r))||m.enumerable});return o};var z=(o,a,l)=>(l=o!=null?_(E(o)):{},j(a||!o||!o.__esModule?b(l,"default",{value:o,enumerable:!0}):l,o));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("./chunks/index.CkihWzK6.js"),e=require("vue"),s=require("element-plus"),A=require("./chunks/layout.ikdn8BHo.js"),y=require("./chunks/config.B0eqERf5.js"),M=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),O={class:"icon-select-content flex flex-col overflow-hidden"},q={key:0,class:"no-data flex items-center justify-center w-full"},D={key:1,class:"icon-select-grid overflow-y-auto display-grid"},P={key:0,class:"loading-text flex items-center justify-center w-full"},F=["title","onClick"],R=Object.assign({name:"IconSelect"},{__name:"layout",props:{modelValue:{type:String,default:""},placeholder:{type:String,default:"请选择图标"},width:{type:Number,default:520},iconSize:{type:Number,default:62},library:{type:String,default:y.iconLibraryMap.lingyun,validator:o=>Object.values(y.iconLibraryMap).includes(o)},iconSearch:{type:Object,default:null},iconAdd:{type:Object,default:null},iconEmpty:{type:Object,default:null}},emits:["update:modelValue"],setup(o,{emit:a}){const l=o,m=a,r=e.ref(!1),f=e.ref(""),i=e.ref(l.modelValue),u=e.ref(null),p=e.ref([]),k=e.ref(!1),d=e.shallowRef({IconSearch:null,IconAdd:null}),h=async t=>{const n=t==="search"?l.iconSearch:l.iconAdd;if(n)return n;try{return(await import("color-message-lingyun-vue"))[t==="search"?"IconSearch":"IconAdd"]}catch{return console.warn(`color-message-lingyun-vue not found, ${t} icon will not be displayed`),null}},g=async()=>{const[t,n]=await Promise.all([h("search"),h("add")]);return{IconSearch:t,IconAdd:n}},w=async()=>{k.value=!0;try{const t=await y.getIconLibrary(l.library);p.value=Object.entries(t).filter(([n])=>n.toLowerCase()&&!["default","icons"].includes(n)).map(([n,c])=>({name:n,component:e.markRaw(c)}))}catch(t){console.error("Failed to load icons:",t),p.value=[]}finally{k.value=!1}},I=e.computed(()=>f.value?p.value.filter(t=>t.name.toLowerCase().includes(f.value.toLowerCase())):p.value),v=async()=>{if(!i.value){u.value=null;return}const t=await y.getIconComponent(l.library,i.value);u.value=t?e.markRaw(t):null},x=t=>{i.value=t.name,m("update:modelValue",t.name),r.value=!1};return e.watch(()=>l.modelValue,t=>{i.value=t,v()}),e.watch(()=>l.library,()=>{w(),v()}),e.watch(()=>i.value,()=>{v()}),e.onMounted(async()=>{d.value=await g(),w(),v()}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.ElPopover),{visible:r.value,"onUpdate:visible":n[1]||(n[1]=c=>r.value=c),placement:"bottom-start",width:o.width,trigger:"click"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center pointer radius-16 justify-center w-icon-item",{"select-icon-box bg-fcfdff text-202434 fz-14 flex-col":!u.value,"icon-item":i.value}])},[u.value?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),{key:0,size:o.iconSize},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))]),_:1},8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[d.value.IconAdd?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),{key:0,size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.IconAdd)))]),_:1})):e.createCommentVNode("",!0),n[2]||(n[2]=e.createTextVNode(" 上传 ",-1))],64))],2)]),default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(e.unref(s.ElInput),{class:"mg-b-12",modelValue:f.value,"onUpdate:modelValue":n[0]||(n[0]=c=>f.value=c),placeholder:"搜索图标",clearable:""},e.createSlots({_:2},[d.value.IconSearch?{name:"prefix",fn:e.withCtx(()=>[e.createVNode(e.unref(s.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value.IconSearch)))]),_:1})]),key:"0"}:void 0]),1032,["modelValue"]),I.value.length===0?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(A._sfc_main,{icon:o.iconEmpty,text:"未找到相关图标"},null,8,["icon"])])):(e.openBlock(),e.createElementBlock("div",D,[k.value?(e.openBlock(),e.createElementBlock("div",P," 加载中... ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(I.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.name,class:e.normalizeClass(["icon-item radius-8 justify-center items-center pointer flex w-icon-item",{active:i.value===c.name}]),title:c.name,onClick:C=>x(c)},[e.createVNode(e.unref(s.ElIcon),{size:50},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.component)))]),_:2},1024)],10,F))),128))]))])]),_:1},8,["visible","width"]))}}),T=M._export_sfc(R,[["__scopeId","data-v-4cc24f78"]]),B=L.withInstall(T);exports.IconSelect=B;exports.default=B;
package/lib/SearchBar.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/SearchBar.css');const K=require("./chunks/index.CkihWzK6.js"),e=require("vue"),u=require("element-plus"),g=require("color-message-lingyun-vue"),o=require("color-star-custom-methods"),G=require("./chunks/layout.Ch_1hhpJ.js"),J=require("./chunks/layout.C8IKkahl.js"),P=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),S=require("./chunks/layout.DDB7i4jV.js"),Q=[{type:"primary",label:"查询",value:o.operationConfigMap.search},{type:"default",label:"重置",value:o.operationConfigMap.reset}],F=320,x={__name:"OperationButtons",props:{operationList:{type:Array,default:()=>[]}},emits:[o.emitsMap.operation],setup(a,{emit:y}){const p=y,d=c=>{p(o.emitsMap.operation,c)};return(c,n)=>c.$slots.operation?e.renderSlot(c.$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:t=>d(f.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["type","icon","onClick"]))),128))}},X=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:o.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:F}},emits:[o.emitsMap.change,o.emitsMap.enter],setup(a,{expose:y}){e.useCssVars(n=>({b2949608:a.minWidth+"px"}));const p=a,d=e.ref(null),c=e.computed(()=>p.isFilter?"filter-form":p.isFilterPreview?"filter-preview-form":"search-bar-form");return y({validate:n=>d.value?d.value.validate(n):Promise.resolve(!0),resetFields:()=>{d.value&&d.value.resetFields()},clearValidate:n=>{d.value&&d.value.clearValidate(n)},scrollToField:n=>{d.value&&d.value.scrollToField(n)}}),(n,f)=>(e.openBlock(),e.createBlock(e.unref(u.ElForm),{ref_key:"formRef",ref:d,model:a.formData,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:a.inline,rules:a.rules,class:e.normalizeClass({[c.value]:!0,"items-end display-grid":!a.isFilterPreview}),onSubmit:f[0]||(f[0]=e.withModifiers(()=>{},["prevent","stop"]))},{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(o.componentType).text?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:0,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),onKeyup:e.withKeys(l=>n.$emit(e.unref(o.emitsMap).enter,t.key,a.formData[t.key]),["enter"])}),null,16,["modelValue","onUpdate:modelValue","onChange","onKeyup"])):t.type===e.unref(o.componentType).select?(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps({key:1,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,"static-options":t.options},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),class:"w-full"}),null,16,["modelValue","onUpdate:modelValue","static-options","onChange"])):t.type===e.unref(o.componentType).date?(e.openBlock(),e.createBlock(e.unref(u.ElDatePicker),e.mergeProps({key:2,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},{...t,...e.unref(o.dateParamsMap)[t.dateType]},{type:t.dateType,format:t.format||e.unref(o.dateFormat).date,"value-format":t.valueFormat||e.unref(o.dateFormat).dateTime,class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])):t.type===e.unref(o.componentType).inputNumber?(e.openBlock(),e.createBlock(e.unref(u.ElInputNumber),e.mergeProps({key:3,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).switch?(e.openBlock(),e.createBlock(e.unref(u.ElSwitch),e.mergeProps({key:4,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).radio?(e.openBlock(),e.createBlock(e.unref(u.ElRadioGroup),{key:5,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(u.ElRadio),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).checkbox?(e.openBlock(),e.createBlock(e.unref(u.ElCheckboxGroup),{key:6,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(u.ElCheckbox),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).textarea?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:7,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",type:"textarea",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).upload?(e.openBlock(),e.createBlock(J._layout,e.mergeProps({key:8,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{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"]))}}),M=P._export_sfc(X,[["__scopeId","data-v-d3b8ab89"]]),Y={class:"h-32 w-full"},Z={class:"flex items-center justify-between pd-b-20"},_={class:"text-right"},ee={class:"drawer-header"},te={class:"flex-1 pd-l-16 pd-r-16 overflow-y-auto"},ae={class:"text-right border-top pd-t-16 pd-l-16 pd-r-16"},le=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:o.labelPositionMap.right,validator:a=>[o.labelPositionMap.left,o.labelPositionMap.right,o.labelPositionMap.top].includes(a)},isExpand:{type:Boolean,default:!0},maxHeight:{type:Number,default:84},minWidth:{type:Number,default:F},operationList:{type:Array,default:Q},filterMode:{type:Boolean,default:!0}},emits:[o.emitsMap.updateModelValue,o.emitsMap.operation,o.emitsMap.change],setup(a,{expose:y,emit:p}){e.useCssVars(r=>({v47131aef:a.maxHeight+"px",v246bd619:B.value?B.value+"px":"100%"}));const d=a,c=p,n=e.ref({}),f=e.ref(!d.isExpand),t=e.ref(null),l=e.ref(!1),h=e.ref(!1),b=e.ref(!1),L=e.computed(()=>{const r={};return d.items.forEach(i=>{if(i.required){const s=[{required:!0,message:`${i.label}不能为空`,trigger:"blur"}];typeof i.validator=="function"&&s.push({validator:i.validator,trigger:"blur"}),r[i.key]=s}}),r}),V=e.computed(()=>d.items?.filter(r=>!r.hidden)||[]),E=e.computed(()=>d.filterMode?V.value?.slice(0,2)||[]:V.value),k=e.computed(()=>d.filterMode?V.value.slice(2):[]),D=r=>{n.value={...r}},U=()=>{c(o.emitsMap.updateModelValue,{...n.value})},I=(r,i)=>{n.value[r]=i,b.value=!0,v(o.operationConfigMap.search),setTimeout(()=>{b.value=!1},200),w(r,i)},w=(r,i)=>{r&&c(o.emitsMap.change,r,i)},W=()=>n.value,C=(r,i)=>{b.value||c(o.emitsMap.operation,o.operationConfigMap.search,n.value)},v=r=>{U(),c(o.emitsMap.operation,r,n.value),(r===o.operationConfigMap.search||r===o.operationConfigMap.reset)&&(l.value=!1,h.value=!1)},z=r=>t.value.validate(r),B=e.ref(0),O=r=>{B.value=r+32},R=()=>{f.value=!f.value},q=()=>{l.value=!1,h.value=!0},j=()=>{h.value=!1,l.value=!0},N=e.ref(!1),$=r=>{N.value=r>d.maxHeight},A=e.computed(()=>d.filterMode||f.value?"10px":"0");return e.onMounted(()=>{D(d.modelValue),$()}),e.watch(()=>d.modelValue,r=>{D(r)},{immediate:!0,deep:!0}),y({validate:z,getFormData:W,formRef:t}),(r,i)=>(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:s})=>[e.createTextVNode(e.toDisplayString($(s))+" ",1),e.createVNode(M,{ref_key:"formRef",ref:t,items:E.value,"form-data":n.value,rules:L.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:I,onEnter:C},e.createSlots({default:e.withCtx(()=>[a.isExpand&&!a.filterMode?(e.openBlock(),e.createBlock(e.unref(u.ElFormItem),{key:0,"label-width":"0"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(e.unref(u.ElAutoResizer),null,{default:e.withCtx(({width:m})=>[e.createTextVNode(e.toDisplayString(O(m)),1)]),_:1})])]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(E.value,m=>({name:m.key,fn:e.withCtx(H=>[e.renderSlot(r.$slots,m.key,e.normalizeProps(e.guardReactiveProps(H)),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:A.value})},[a.filterMode?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(u.ElButton),{onClick:i[0]||(i[0]=s=>v(e.unref(o.operationConfigMap).reset)),type:"default"},{default:e.withCtx(()=>[...i[3]||(i[3]=[e.createTextVNode("重置",-1)])]),_:1}),k.value?.length?(e.openBlock(),e.createBlock(e.unref(u.ElPopover),{key:0,visible:l.value,placement:"bottom-start",width:628,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(e.unref(u.ElButton),{onClick:i[1]||(i[1]=s=>l.value=!l.value),icon:e.unref(g.IconCheck),type:"default"},{default:e.withCtx(()=>[...i[4]||(i[4]=[e.createTextVNode(" 筛选器 ",-1)])]),_:1},8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:q},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconMagnify))]),_:1})]),e.createVNode(M,{items:k.value,"form-data":n.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",onChange:w,onEnter:C},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"]),e.createElementVNode("div",_,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},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(g.IconUp):e.unref(g.IconDown),text:"",onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value?"收起":"展开"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])],64))],6),e.createVNode(e.unref(u.ElDrawer),{modelValue:h.value,"onUpdate:modelValue":i[2]||(i[2]=s=>h.value=s),size:"628","show-close":!1},{header:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:j,class:"shrink-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconShrink))]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createVNode(M,{items:k.value,"form-data":n.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,onChange:w,onEnter:C},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"])]),e.createElementVNode("div",ae,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["modelValue"])],2))}}),oe=P._export_sfc(le,[["__scopeId","data-v-d9cc1410"]]),T=K.withInstall(oe);exports.SearchBar=T;exports.default=T;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/SearchBar.css');const K=require("./chunks/index.CkihWzK6.js"),e=require("vue"),u=require("element-plus"),g=require("color-message-lingyun-vue"),o=require("color-star-custom-methods"),G=require("./chunks/layout.Ch_1hhpJ.js"),J=require("./chunks/layout.whToBh0O.js"),P=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),S=require("./chunks/layout.DDB7i4jV.js"),Q=[{type:"primary",label:"查询",value:o.operationConfigMap.search},{type:"default",label:"重置",value:o.operationConfigMap.reset}],F=320,x={__name:"OperationButtons",props:{operationList:{type:Array,default:()=>[]}},emits:[o.emitsMap.operation],setup(a,{emit:h}){const p=h,d=c=>{p(o.emitsMap.operation,c)};return(c,n)=>c.$slots.operation?e.renderSlot(c.$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:t=>d(f.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["type","icon","onClick"]))),128))}},X=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:o.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:F},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.change,o.emitsMap.enter],setup(a,{expose:h}){e.useCssVars(n=>({v8c0c795c:a.minWidth+"px"}));const p=a,d=e.ref(null),c=e.computed(()=>p.isFilter?"filter-form":p.isFilterPreview?"filter-preview-form":p.fixedWidth?"search-bar-form search-bar-form-fixed":"search-bar-form");return h({validate:n=>d.value?d.value.validate(n):Promise.resolve(!0),resetFields:()=>{d.value&&d.value.resetFields()},clearValidate:n=>{d.value&&d.value.clearValidate(n)},scrollToField:n=>{d.value&&d.value.scrollToField(n)}}),(n,f)=>(e.openBlock(),e.createBlock(e.unref(u.ElForm),{ref_key:"formRef",ref:d,model:a.formData,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:a.inline,rules:a.rules,class:e.normalizeClass({[c.value]:!0,"items-end display-grid":!a.isFilterPreview}),onSubmit:f[0]||(f[0]=e.withModifiers(()=>{},["prevent","stop"]))},{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(o.componentType).text?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:0,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),onKeyup:e.withKeys(l=>n.$emit(e.unref(o.emitsMap).enter,t.key,a.formData[t.key]),["enter"])}),null,16,["modelValue","onUpdate:modelValue","onChange","onKeyup"])):t.type===e.unref(o.componentType).select?(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps({key:1,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,"static-options":t.options},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),class:"w-full"}),null,16,["modelValue","onUpdate:modelValue","static-options","onChange"])):t.type===e.unref(o.componentType).date?(e.openBlock(),e.createBlock(e.unref(u.ElDatePicker),e.mergeProps({key:2,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},{...t,...e.unref(o.dateParamsMap)[t.dateType]},{type:t.dateType,format:t.format||e.unref(o.dateFormat).date,"value-format":t.valueFormat||e.unref(o.dateFormat).dateTime,class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])):t.type===e.unref(o.componentType).inputNumber?(e.openBlock(),e.createBlock(e.unref(u.ElInputNumber),e.mergeProps({key:3,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).switch?(e.openBlock(),e.createBlock(e.unref(u.ElSwitch),e.mergeProps({key:4,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).radio?(e.openBlock(),e.createBlock(e.unref(u.ElRadioGroup),{key:5,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(u.ElRadio),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).checkbox?(e.openBlock(),e.createBlock(e.unref(u.ElCheckboxGroup),{key:6,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(u.ElCheckbox),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).textarea?(e.openBlock(),e.createBlock(e.unref(u.ElInput),e.mergeProps({key:7,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",type:"textarea",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).upload?(e.openBlock(),e.createBlock(J._layout,e.mergeProps({key:8,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{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"]))}}),E=P._export_sfc(X,[["__scopeId","data-v-d7e66fda"]]),Y={class:"h-32 w-full"},Z={class:"flex items-center justify-between pd-b-20"},_={class:"text-right"},ee={class:"drawer-header"},te={class:"flex-1 pd-l-16 pd-r-16 overflow-y-auto"},ae={class:"text-right border-top pd-t-16 pd-l-16 pd-r-16"},le=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:o.labelPositionMap.right,validator:a=>[o.labelPositionMap.left,o.labelPositionMap.right,o.labelPositionMap.top].includes(a)},isExpand:{type:Boolean,default:!0},maxHeight:{type:Number,default:84},minWidth:{type:Number,default:F},operationList:{type:Array,default:Q},filterMode:{type:Boolean,default:!0},hideExpandButton:{type:Boolean,default:!0},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.updateModelValue,o.emitsMap.operation,o.emitsMap.change],setup(a,{expose:h,emit:p}){e.useCssVars(r=>({v09197288:a.maxHeight+"px",v0d6970ac:B.value?B.value+"px":"100%"}));const d=a,c=p,n=e.ref({}),f=e.ref(!d.isExpand),t=e.ref(null),l=e.ref(!1),y=e.ref(!1),b=e.ref(!1),L=e.computed(()=>{const r={};return d.items.forEach(i=>{if(i.required){const s=[{required:!0,message:`${i.label}不能为空`,trigger:"blur"}];typeof i.validator=="function"&&s.push({validator:i.validator,trigger:"blur"}),r[i.key]=s}}),r}),V=e.computed(()=>d.items?.filter(r=>!r.hidden)||[]),M=e.computed(()=>d.filterMode?V.value?.slice(0,2)||[]:V.value),k=e.computed(()=>d.filterMode?V.value.slice(2):[]),D=r=>{n.value={...r}},W=()=>{c(o.emitsMap.updateModelValue,{...n.value})},U=(r,i)=>{n.value[r]=i,b.value=!0,v(o.operationConfigMap.search),setTimeout(()=>{b.value=!1},200),w(r,i)},w=(r,i)=>{r&&c(o.emitsMap.change,r,i)},I=()=>n.value,C=(r,i)=>{b.value||c(o.emitsMap.operation,o.operationConfigMap.search,n.value)},v=r=>{W(),c(o.emitsMap.operation,r,n.value),(r===o.operationConfigMap.search||r===o.operationConfigMap.reset)&&(l.value=!1,y.value=!1)},z=r=>t.value.validate(r),B=e.ref(0),O=r=>{B.value=r+32},R=()=>{f.value=!f.value},q=()=>{l.value=!1,y.value=!0},j=()=>{y.value=!1,l.value=!0},N=e.ref(!1),$=r=>{N.value=r>d.maxHeight},A=e.computed(()=>d.filterMode||f.value?"10px":"0");return e.onMounted(()=>{D(d.modelValue),$()}),e.watch(()=>d.modelValue,r=>{D(r)},{immediate:!0,deep:!0}),h({validate:z,getFormData:I,formRef:t}),(r,i)=>(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:s})=>[e.createTextVNode(e.toDisplayString($(s))+" ",1),e.createVNode(E,{ref_key:"formRef",ref:t,items:M.value,"form-data":n.value,rules:L.value,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:!0,"show-label":!a.filterMode,"min-width":a.minWidth,"is-filter-preview":a.filterMode,fixedWidth:a.fixedWidth,onChange:U,onEnter:C},e.createSlots({default:e.withCtx(()=>[a.isExpand&&!a.filterMode?(e.openBlock(),e.createBlock(e.unref(u.ElFormItem),{key:0,"label-width":"0"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(e.unref(u.ElAutoResizer),null,{default:e.withCtx(({width:m})=>[e.createTextVNode(e.toDisplayString(O(m)),1)]),_:1})])]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(M.value,m=>({name:m.key,fn:e.withCtx(H=>[e.renderSlot(r.$slots,m.key,e.normalizeProps(e.guardReactiveProps(H)),void 0,!0)])}))]),1032,["items","form-data","rules","label-width","label-position","show-label","min-width","is-filter-preview","fixedWidth"])]),_: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:A.value})},[a.filterMode?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(u.ElButton),{onClick:i[0]||(i[0]=s=>v(e.unref(o.operationConfigMap).reset)),type:"default"},{default:e.withCtx(()=>[...i[3]||(i[3]=[e.createTextVNode("重置",-1)])]),_:1}),k.value?.length?(e.openBlock(),e.createBlock(e.unref(u.ElPopover),{key:0,visible:l.value,placement:"bottom-start",width:628,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(e.unref(u.ElButton),{onClick:i[1]||(i[1]=s=>l.value=!l.value),icon:e.unref(g.IconCheck),type:"default"},{default:e.withCtx(()=>[...i[4]||(i[4]=[e.createTextVNode(" 筛选器 ",-1)])]),_:1},8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:q},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconMagnify))]),_:1})]),e.createVNode(E,{items:k.value,"form-data":n.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",onChange:w,onEnter:C},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"]),e.createElementVNode("div",_,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},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&&a.hideExpandButton?(e.openBlock(),e.createBlock(e.unref(u.ElButton),{key:0,icon:f.value?e.unref(g.IconUp):e.unref(g.IconDown),text:"",onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value?"收起":"展开"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])],64))],6),e.createVNode(e.unref(u.ElDrawer),{modelValue:y.value,"onUpdate:modelValue":i[2]||(i[2]=s=>y.value=s),size:"628","show-close":!1},{header:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(u.ElIcon),{size:16,onClick:j,class:"shrink-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconShrink))]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createVNode(E,{items:k.value,"form-data":n.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,onChange:w,onEnter:C},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"])]),e.createElementVNode("div",ae,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["modelValue"])],2))}}),oe=P._export_sfc(le,[["__scopeId","data-v-275be469"]]),T=K.withInstall(oe);exports.SearchBar=T;exports.default=T;