@flyto/farco 1.5.2 → 1.6.1

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,955 +0,0 @@
1
- import { getCurrentInstance as Ce, inject as oe, defineComponent as N, computed as I, openBlock as m, createElementBlock as q, normalizeClass as re, normalizeStyle as z, createElementVNode as B, useSlots as se, ref as h, nextTick as pe, onMounted as he, resolveComponent as Se, createBlock as F, createSlots as D, withCtx as y, renderSlot as $, Fragment as Q, unref as l, createVNode as k, mergeProps as S, renderList as L, normalizeProps as E, guardReactiveProps as j, createTextVNode as x, toDisplayString as R, createCommentVNode as A, mergeModels as K, useModel as ae, reactive as ne, provide as ye, toRef as le, resolveDynamicComponent as fe, h as ce } from "vue";
2
- import { Space as Pe, Divider as G, Modal as Be, Input as qe, FormItem as Fe, Tooltip as Oe, GridItem as Ie, Form as we, Grid as Ee } from "@arco-design/web-vue";
3
- import { _ as je } from "./chunk-db179b28.js";
4
- import { F as Le } from "./chunk-7779a34c.js";
5
- import { _ as Ne } from "./chunk-2d4cc9ab.js";
6
- import { _ as Te } from "./chunk-3659754f.js";
7
- import { _ as De } from "./chunk-867494bd.js";
8
- import { _ as Re } from "./chunk-3e27c862.js";
9
- import { _ as Ae } from "./chunk-18dd07f2.js";
10
- import { _ as Me } from "./chunk-8a4bafe4.js";
11
- import { _ as Ve } from "./chunk-0f50b26a.js";
12
- import { _ as ze } from "./chunk-995c23b4.js";
13
- import { _ as H, x as xe, l as We } from "./chunk-28ba1e67.js";
14
- import { f as ve, a as be } from "./chunk-c9e8fc0f.js";
15
- import { _ as Qe } from "./chunk-104d11d8.js";
16
- import { _ as de } from "./chunk-451afd44.js";
17
- const Ke = {
18
- contentClass: {
19
- type: [String, Object, Array]
20
- },
21
- data: {
22
- type: Object,
23
- default: null
24
- },
25
- defaultData: {
26
- type: Object,
27
- default: null
28
- },
29
- gridProps: {
30
- type: Object,
31
- default: () => ({})
32
- },
33
- itemSpan: {
34
- type: [Object, Number],
35
- default: () => ({ span: { xxl: 6, xl: 8, lg: 8, md: 12, sm: 24, xs: 24 } })
36
- },
37
- labelWidth: {
38
- type: [Number, String],
39
- default: "80px"
40
- },
41
- items: {
42
- type: Array,
43
- default: () => [],
44
- required: !0
45
- }
46
- }, Ue = Symbol("ArcoConfigProvider"), Ge = "arco", He = "$arco", ge = (e) => {
47
- var r, t, u;
48
- const o = Ce(), v = oe(Ue, void 0), n = (u = (t = v == null ? void 0 : v.prefixCls) != null ? t : (r = o == null ? void 0 : o.appContext.config.globalProperties[He]) == null ? void 0 : r.classPrefix) != null ? u : Ge;
49
- return e ? `${n}-${e}` : n;
50
- }, Xe = Object.prototype.toString;
51
- function _e(e) {
52
- return Xe.call(e) === "[object Number]" && e === e;
53
- }
54
- var ke = (e, r) => {
55
- for (const [t, u] of r)
56
- e[t] = u;
57
- return e;
58
- };
59
- const Ze = N({
60
- name: "IconQuestionCircle",
61
- props: {
62
- size: {
63
- type: [Number, String]
64
- },
65
- strokeWidth: {
66
- type: Number,
67
- default: 4
68
- },
69
- strokeLinecap: {
70
- type: String,
71
- default: "butt",
72
- validator: (e) => ["butt", "round", "square"].includes(e)
73
- },
74
- strokeLinejoin: {
75
- type: String,
76
- default: "miter",
77
- validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
78
- },
79
- rotate: Number,
80
- spin: Boolean
81
- },
82
- emits: {
83
- click: (e) => !0
84
- },
85
- setup(e, { emit: r }) {
86
- const t = ge("icon"), u = I(() => [t, `${t}-question-circle`, { [`${t}-spin`]: e.spin }]), o = I(() => {
87
- const n = {};
88
- return e.size && (n.fontSize = _e(e.size) ? `${e.size}px` : e.size), e.rotate && (n.transform = `rotate(${e.rotate}deg)`), n;
89
- });
90
- return {
91
- cls: u,
92
- innerStyle: o,
93
- onClick: (n) => {
94
- r("click", n);
95
- }
96
- };
97
- }
98
- }), Je = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
99
- function Ye(e, r, t, u, o, v) {
100
- return m(), q("svg", {
101
- viewBox: "0 0 48 48",
102
- fill: "none",
103
- xmlns: "http://www.w3.org/2000/svg",
104
- stroke: "currentColor",
105
- class: re(e.cls),
106
- style: z(e.innerStyle),
107
- "stroke-width": e.strokeWidth,
108
- "stroke-linecap": e.strokeLinecap,
109
- "stroke-linejoin": e.strokeLinejoin,
110
- onClick: r[0] || (r[0] = (...n) => e.onClick && e.onClick(...n))
111
- }, r[1] || (r[1] = [
112
- B("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
113
- B("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
114
- ]), 14, Je);
115
- }
116
- var X = /* @__PURE__ */ ke(Ze, [["render", Ye]]);
117
- const et = Object.assign(X, {
118
- install: (e, r) => {
119
- var t;
120
- const u = (t = r == null ? void 0 : r.iconPrefix) != null ? t : "";
121
- e.component(u + X.name, X);
122
- }
123
- }), tt = N({
124
- name: "IconSearch",
125
- props: {
126
- size: {
127
- type: [Number, String]
128
- },
129
- strokeWidth: {
130
- type: Number,
131
- default: 4
132
- },
133
- strokeLinecap: {
134
- type: String,
135
- default: "butt",
136
- validator: (e) => ["butt", "round", "square"].includes(e)
137
- },
138
- strokeLinejoin: {
139
- type: String,
140
- default: "miter",
141
- validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
142
- },
143
- rotate: Number,
144
- spin: Boolean
145
- },
146
- emits: {
147
- click: (e) => !0
148
- },
149
- setup(e, { emit: r }) {
150
- const t = ge("icon"), u = I(() => [t, `${t}-search`, { [`${t}-spin`]: e.spin }]), o = I(() => {
151
- const n = {};
152
- return e.size && (n.fontSize = _e(e.size) ? `${e.size}px` : e.size), e.rotate && (n.transform = `rotate(${e.rotate}deg)`), n;
153
- });
154
- return {
155
- cls: u,
156
- innerStyle: o,
157
- onClick: (n) => {
158
- r("click", n);
159
- }
160
- };
161
- }
162
- }), lt = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
163
- function ot(e, r, t, u, o, v) {
164
- return m(), q("svg", {
165
- viewBox: "0 0 48 48",
166
- fill: "none",
167
- xmlns: "http://www.w3.org/2000/svg",
168
- stroke: "currentColor",
169
- class: re(e.cls),
170
- style: z(e.innerStyle),
171
- "stroke-width": e.strokeWidth,
172
- "stroke-linecap": e.strokeLinecap,
173
- "stroke-linejoin": e.strokeLinejoin,
174
- onClick: r[0] || (r[0] = (...n) => e.onClick && e.onClick(...n))
175
- }, r[1] || (r[1] = [
176
- B("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
177
- ]), 14, lt);
178
- }
179
- var Z = /* @__PURE__ */ ke(tt, [["render", ot]]);
180
- const rt = Object.assign(Z, {
181
- install: (e, r) => {
182
- var t;
183
- const u = (t = r == null ? void 0 : r.iconPrefix) != null ? t : "";
184
- e.component(u + Z.name, Z);
185
- }
186
- }), st = {
187
- defaultData: {
188
- type: Object,
189
- default: null
190
- },
191
- keyProp: {
192
- required: !0,
193
- type: String,
194
- default: ""
195
- },
196
- textProp: {
197
- required: !0,
198
- type: String,
199
- default: ""
200
- },
201
- placeholder: {
202
- type: String,
203
- default: ""
204
- },
205
- allowClear: {
206
- type: Boolean,
207
- default: !0
208
- },
209
- disabled: {
210
- type: Boolean,
211
- default: !1
212
- },
213
- queryListOptions: {
214
- required: !0
215
- },
216
- popupProps: {
217
- type: Object,
218
- default: () => ({})
219
- },
220
- onBeforeOk: {
221
- type: Function,
222
- default: null
223
- }
224
- }, at = {
225
- popupProps: {
226
- type: Object,
227
- default: () => ({
228
- title: "\u8BF7\u9009\u62E9"
229
- })
230
- },
231
- unmountOnClose: {
232
- type: Boolean,
233
- default: !0
234
- },
235
- queryListOptions: {
236
- required: !0,
237
- type: Object
238
- },
239
- defaultSelectedRows: {
240
- type: Array,
241
- default: null
242
- },
243
- onBeforeOk: {
244
- type: Function
245
- }
246
- }, J = {
247
- id: {
248
- type: String,
249
- required: !0
250
- },
251
- simple: {
252
- type: Boolean,
253
- default: !1
254
- },
255
- title: {
256
- type: [String, Boolean],
257
- default: !1
258
- },
259
- filterCollapseable: {
260
- type: Boolean,
261
- default: !1
262
- },
263
- filterCollapseStatus: {
264
- type: Boolean,
265
- default: null
266
- },
267
- queryBtnText: {
268
- type: String,
269
- default: "\u67E5\u8BE2"
270
- },
271
- queryBtnProps: {
272
- type: Object,
273
- default: () => ({})
274
- },
275
- queryBtnLoading: {
276
- type: Boolean,
277
- default: !0
278
- },
279
- onBeforeQuery: {
280
- type: Function,
281
- default: null
282
- },
283
- resetBtnText: {
284
- type: String,
285
- default: "\u91CD\u7F6E"
286
- },
287
- resetBtnProps: {
288
- type: Object,
289
- default: () => ({})
290
- },
291
- tableData: {
292
- type: Function,
293
- default: null
294
- },
295
- autoQuery: {
296
- type: Boolean,
297
- default: !0
298
- },
299
- filterItems: {
300
- type: [Array, Boolean],
301
- default: []
302
- },
303
- fFormProps: {
304
- type: Object,
305
- default: () => ({})
306
- },
307
- tableCols: {
308
- type: Array,
309
- default: () => []
310
- },
311
- fTableProps: {
312
- type: Object,
313
- default: () => ({})
314
- }
315
- }, nt = { class: "f-query-list__filter-handle" }, it = {
316
- key: 0,
317
- class: "icon"
318
- }, ut = { class: "f-query-list__filter-handle" }, pt = { class: "f-query-list__table" }, W = "filter_", Y = "table_", ft = /* @__PURE__ */ N({
319
- __name: "fquery-list",
320
- props: {
321
- ...J,
322
- tableCols: {
323
- ...J.tableCols,
324
- type: Array
325
- },
326
- tableData: {
327
- ...J.tableData,
328
- type: Function
329
- }
330
- },
331
- emits: [
332
- "queryClick",
333
- "resetClick",
334
- "update:filterCollapseStatus",
335
- "filterCollapseChange"
336
- ],
337
- setup(e, { expose: r, emit: t }) {
338
- const u = t, o = e, v = se(), { filterSlotsNames: n, tableSlotNames: C } = Object.keys(v).reduce(
339
- (s, b) => (b.startsWith(W) && s.filterSlotsNames.push(
340
- b.replace(new RegExp(`^${W}`), "")
341
- ), b.startsWith(Y) && s.tableSlotNames.push(
342
- b.replace(new RegExp(`^${Y}`), "")
343
- ), s),
344
- { filterSlotsNames: [], tableSlotNames: [] }
345
- ), p = h(), f = h(), a = h(!1);
346
- async function i() {
347
- var b, T, _, P, M, V;
348
- const s = xe({
349
- ...(b = p.value) == null ? void 0 : b.data
350
- });
351
- if (u("queryClick", s), await ((T = o == null ? void 0 : o.onBeforeQuery) == null ? void 0 : T.call(o)) !== !1 && !await ((P = (_ = p.value) == null ? void 0 : _.ins) == null ? void 0 : P.validate()))
352
- if (o.queryBtnLoading) {
353
- a.value = !0;
354
- try {
355
- await ((M = f.value) == null ? void 0 : M.replayMethodData(s));
356
- } finally {
357
- a.value = !1;
358
- }
359
- } else
360
- (V = f.value) == null || V.replayMethodData(s);
361
- }
362
- function c() {
363
- var s, b;
364
- u("resetClick"), (b = (s = p.value) == null ? void 0 : s.ins) == null || b.resetFields();
365
- }
366
- const d = o.filterCollapseStatus !== null ? I({
367
- get() {
368
- return g(o.filterCollapseStatus), o.filterCollapseStatus;
369
- },
370
- set(s) {
371
- u("update:filterCollapseStatus", s);
372
- }
373
- }) : h(o.filterCollapseable);
374
- function g(s = !d.value) {
375
- !o.filterCollapseable || (d.value = s, pe(() => {
376
- U(
377
- d.value ? "shrink" : "closeAllCollapse"
378
- ), u("filterCollapseChange", d.value);
379
- }));
380
- }
381
- const O = h(), w = h(0), ue = h(!1);
382
- function U(s) {
383
- var T, _, P;
384
- const b = (T = p.value) == null ? void 0 : T.$el;
385
- if (!b || s === "expand") {
386
- w.value = 0;
387
- return;
388
- }
389
- if (d.value)
390
- w.value = ((_ = O == null ? void 0 : O.value) == null ? void 0 : _.scrollHeight) || 0;
391
- else {
392
- const M = b.scrollHeight, V = (((P = b.querySelector(".arco-grid-item")) == null ? void 0 : P.scrollHeight) || 0) * 2;
393
- ue.value = M > V, w.value = M - V;
394
- }
395
- setTimeout(() => {
396
- O.value && (O.value.style.transition = "all 0.3s");
397
- }, 100);
398
- }
399
- return he(() => {
400
- o.autoQuery && i(), pe(() => {
401
- U("shrink");
402
- });
403
- }), r({
404
- query: i,
405
- filterIns: p,
406
- tableIns: f
407
- }), (s, b) => {
408
- const T = Se("a-card");
409
- return m(), F(T, {
410
- class: "f-query-list",
411
- bordered: !1
412
- }, D({
413
- default: y(() => [
414
- $(s.$slots, "filter-prepend"),
415
- s.filterItems !== !1 ? (m(), q(Q, { key: 0 }, [
416
- o.simple ? (m(), F(l(Pe), {
417
- key: 0,
418
- class: "f-query-list__filter--simple"
419
- }, {
420
- default: y(() => [
421
- k(l(me), S({
422
- ref_key: "fFormIns",
423
- ref: p,
424
- class: "f-query-list__filter-form"
425
- }, s.fFormProps, {
426
- items: s.fFormProps.items || s.filterItems
427
- }), D({ _: 2 }, [
428
- L(l(n), (_) => ({
429
- name: _,
430
- fn: y((P) => [
431
- $(s.$slots, `${W}${_}`, E(j(P)))
432
- ])
433
- }))
434
- ]), 1040, ["items"]),
435
- B("div", nt, [
436
- k(l(H), S({ icon: "IconSearch" }, s.queryBtnProps, {
437
- loading: a.value,
438
- onClick: i
439
- }), null, 16, ["loading"])
440
- ])
441
- ]),
442
- _: 3
443
- })) : (m(), q(Q, { key: 1 }, [
444
- o.filterCollapseable ? (m(), F(l(G), {
445
- key: 0,
446
- class: "f-query-list__top-divider-right-orientation",
447
- orientation: "right",
448
- margin: "15px",
449
- style: { "margin-bottom": "2px" }
450
- }, {
451
- default: y(() => [
452
- B("span", {
453
- onClick: b[0] || (b[0] = (_) => d.value = !l(d))
454
- }, [
455
- k(l(de), {
456
- name: "IconDown",
457
- rotate: l(d) ? 0 : 180,
458
- pointer: !0
459
- }, null, 8, ["rotate"]),
460
- x(" " + R(l(d) ? "\u66F4\u591A\u6761\u4EF6" : "\u6536\u8D77\u6761\u4EF6"), 1)
461
- ])
462
- ]),
463
- _: 1
464
- })) : A("", !0),
465
- B("div", {
466
- style: z({
467
- overflow: "hidden",
468
- padding: l(d) ? "0" : "15px 0",
469
- transition: "all 0.3s"
470
- })
471
- }, [
472
- B("div", {
473
- ref_key: "filterWarpRef",
474
- ref: O,
475
- class: re(["f-query-list__filter", {
476
- "f-query-list__filter-collapseable": o.filterCollapseable
477
- }]),
478
- style: z({
479
- marginBottom: `-${w.value}px`
480
- })
481
- }, [
482
- k(l(me), S({
483
- ref_key: "fFormIns",
484
- ref: p,
485
- class: "f-query-list__filter-form"
486
- }, s.fFormProps, {
487
- items: s.fFormProps.items || s.filterItems
488
- }), D({ _: 2 }, [
489
- L(l(n), (_) => ({
490
- name: _,
491
- fn: y((P) => [
492
- $(s.$slots, `${W}${_}`, E(j(P)))
493
- ])
494
- }))
495
- ]), 1040, ["items"]),
496
- B("div", {
497
- class: "f-query-list__filter-divider",
498
- style: z({
499
- marginBottom: l(d) ? "0px" : `${w.value - 5}px`
500
- })
501
- }, [
502
- ue.value ? (m(), q("div", it, [
503
- k(l(de), {
504
- name: "IconDownCircle",
505
- size: 20,
506
- rotate: w.value ? 0 : 180,
507
- pointer: !0,
508
- tooltip: w.value ? "\u5C55\u5F00\u6240\u6709\u7B5B\u9009\u6761\u4EF6" : "\u6536\u8D77",
509
- onClick: b[1] || (b[1] = (_) => U(
510
- w.value ? "expand" : "shrink"
511
- ))
512
- }, null, 8, ["rotate", "tooltip"])
513
- ])) : A("", !0),
514
- k(l(G), {
515
- class: "divider",
516
- direction: "vertical"
517
- })
518
- ], 4),
519
- B("div", ut, [
520
- k(l(H), S({ icon: "IconSearch" }, s.queryBtnProps, {
521
- loading: a.value,
522
- onClick: i
523
- }), {
524
- default: y(() => [
525
- x(R(s.queryBtnText), 1)
526
- ]),
527
- _: 1
528
- }, 16, ["loading"]),
529
- k(l(H), S({
530
- type: "secondary",
531
- icon: "IconRefresh"
532
- }, s.resetBtnProps, { onClick: c }), {
533
- default: y(() => [
534
- x(R(s.resetBtnText), 1)
535
- ]),
536
- _: 1
537
- }, 16)
538
- ])
539
- ], 6)
540
- ], 4),
541
- k(l(G), {
542
- class: "f-query-list__divider",
543
- style: { marginTop: "0px" }
544
- })
545
- ], 64))
546
- ], 64)) : A("", !0),
547
- $(s.$slots, "table-prepend"),
548
- B("div", pt, [
549
- k(l(Qe), S({
550
- id: `f-query-list__table-${s.id}`,
551
- ref_key: "fTableIns",
552
- ref: f
553
- }, s.fTableProps, {
554
- data: e.tableData,
555
- cols: e.tableCols,
556
- "no-immediately-method-data": !0
557
- }), D({ _: 2 }, [
558
- L(l(C), (_) => ({
559
- name: _,
560
- fn: y((P) => [
561
- $(s.$slots, `${Y}${_}`, E(j(P)))
562
- ])
563
- }))
564
- ]), 1040, ["id", "data", "cols"])
565
- ])
566
- ]),
567
- _: 2
568
- }, [
569
- s.title || s.$slots.title ? {
570
- name: "title",
571
- fn: y(() => [
572
- $(s.$slots, "title", {}, () => [
573
- x(R(s.title), 1)
574
- ])
575
- ]),
576
- key: "0"
577
- } : void 0
578
- ]), 1024);
579
- };
580
- }
581
- }), ct = /* @__PURE__ */ N({
582
- __name: "fpop-choice",
583
- props: /* @__PURE__ */ K(at, {
584
- visible: { type: Boolean, default: !1 },
585
- visibleModifiers: {}
586
- }),
587
- emits: /* @__PURE__ */ K({
588
- ok(e, r) {
589
- return { data: e, e: r };
590
- }
591
- }, ["update:visible"]),
592
- setup(e, { expose: r, emit: t }) {
593
- const u = t, o = e, v = ae(e, "visible"), n = I(() => {
594
- const a = o.queryListOptions || {};
595
- return {
596
- ...a,
597
- fTableProps: {
598
- ...a.fTableProps,
599
- defaultSelectedRows: o.defaultSelectedRows
600
- }
601
- };
602
- }), C = h();
603
- function p(...a) {
604
- var i, c, d, g;
605
- u(
606
- "ok",
607
- {
608
- keys: (c = (i = C.value) == null ? void 0 : i.tableIns) == null ? void 0 : c.selectedRowKeys,
609
- list: (g = (d = C.value) == null ? void 0 : d.tableIns) == null ? void 0 : g.selectedRows
610
- },
611
- ...a
612
- );
613
- }
614
- function f(...a) {
615
- var i, c, d, g;
616
- o.onBeforeOk ? o.onBeforeOk(
617
- {
618
- keys: ((c = (i = C.value) == null ? void 0 : i.tableIns) == null ? void 0 : c.selectedRowKeys) || [],
619
- list: ((g = (d = C.value) == null ? void 0 : d.tableIns) == null ? void 0 : g.selectedRows) || []
620
- },
621
- ...a
622
- ) : a[0](!0);
623
- }
624
- return r({
625
- qlIns: C,
626
- open() {
627
- v.value = !0;
628
- },
629
- close() {
630
- v.value = !1;
631
- }
632
- }), (a, i) => (m(), F(l(Be), S({
633
- visible: v.value,
634
- "onUpdate:visible": i[0] || (i[0] = (c) => v.value = c),
635
- "body-style": { paddingTop: 0, paddingBottom: 0 },
636
- draggable: "",
637
- width: "80%"
638
- }, a.popupProps, {
639
- "mask-closable": !1,
640
- "unmount-on-close": o.unmountOnClose,
641
- "on-before-ok": f,
642
- onOk: p
643
- }), {
644
- default: y(() => [
645
- k(l(ft), S({
646
- ref_key: "qlIns",
647
- ref: C,
648
- class: "f-choice-query"
649
- }, n.value), null, 16)
650
- ]),
651
- _: 1
652
- }, 16, ["visible", "unmount-on-close"]));
653
- }
654
- }), dt = { class: "f-search" }, mt = /* @__PURE__ */ N({
655
- __name: "fsearch",
656
- props: /* @__PURE__ */ K(st, {
657
- modelValue: {
658
- default: []
659
- },
660
- modelModifiers: {}
661
- }),
662
- emits: ["update:modelValue"],
663
- setup(e, { expose: r }) {
664
- const t = e, u = h(), o = ae(e, "modelValue"), v = I(
665
- () => o.value.map((c) => c[t.textProp || ""]).join(",")
666
- ), n = h(), C = I(() => {
667
- const c = {
668
- fTableProps: {
669
- selectionConfig: {
670
- type: "radio",
671
- tagLabelKey: t.textProp
672
- },
673
- rowKey: t.keyProp
674
- }
675
- };
676
- return We.exports.merge(c, t.queryListOptions), c;
677
- });
678
- function p(c) {
679
- var g, O;
680
- (g = u.value) == null || g.blur(), c.target.tagName.toLocaleUpperCase() !== "SVG" ? (O = n.value) == null || O.open() : o.value = [];
681
- }
682
- const f = (c, d) => {
683
- t.onBeforeOk ? t.onBeforeOk(c, (g) => {
684
- g && (o.value = c.list), d(g);
685
- }) : (o.value = c.list, d(!0));
686
- }, a = oe(ve, null), i = I(
687
- () => t.placeholder || `\u8BF7\u9009\u62E9${((a == null ? void 0 : a.label) || "\u2026\u2026").replace(/[: | :]$/, "")}`
688
- );
689
- return t.defaultData && (o.value = t.defaultData), r(
690
- ne({
691
- data: o,
692
- openPopChoice: p
693
- })
694
- ), (c, d) => {
695
- var g;
696
- return m(), q("div", dt, [
697
- k(l(qe), {
698
- ref_key: "inputRef",
699
- ref: u,
700
- "model-value": v.value,
701
- placeholder: i.value,
702
- "allow-clear": t.allowClear,
703
- onClick: p
704
- }, {
705
- suffix: y(() => [
706
- k(l(rt))
707
- ]),
708
- _: 1
709
- }, 8, ["model-value", "placeholder", "allow-clear"]),
710
- k(l(ct), {
711
- ref_key: "popChoiceRef",
712
- ref: n,
713
- "query-list-options": C.value,
714
- "popup-props": {
715
- title: `\u8BF7\u9009\u62E9${((g = l(a)) == null ? void 0 : g.label) || "\u2026\u2026"}`,
716
- ...t.popupProps
717
- },
718
- "default-selected-rows": o.value,
719
- "on-before-ok": f
720
- }, null, 8, ["query-list-options", "popup-props", "default-selected-rows"])
721
- ]);
722
- };
723
- }
724
- }), ie = "custom", $e = {
725
- [ie]: null,
726
- input: je,
727
- text: Le,
728
- select: Ne,
729
- radio: Te,
730
- checkbox: De,
731
- switch: Re,
732
- date: Ae,
733
- range: Me,
734
- "ml-input": Ve,
735
- textarea: ze,
736
- search: mt
737
- }, yt = {
738
- prop: {
739
- type: String,
740
- default: null
741
- },
742
- comp: {
743
- required: !0,
744
- type: String,
745
- default: null,
746
- validator: (e) => Object.keys($e).includes(e)
747
- },
748
- render: {
749
- type: Function,
750
- default: null,
751
- validator: (e, r) => r.comp === ie
752
- },
753
- compProps: {
754
- type: Object,
755
- default: null
756
- },
757
- label: {
758
- type: String,
759
- default: ""
760
- },
761
- hideLabel: {
762
- type: Boolean,
763
- default: (e) => !e.label
764
- },
765
- tooltip: {
766
- type: String,
767
- default: null
768
- },
769
- required: {
770
- type: Boolean,
771
- default: !1
772
- },
773
- rules: {
774
- type: [Object, Array],
775
- default(e) {
776
- return e.required ? [{ required: !0, message: `${e.label}\u4E0D\u80FD\u4E3A\u7A7A` }] : null;
777
- }
778
- }
779
- }, vt = {
780
- key: 0,
781
- class: "f-form-item__prepend"
782
- }, bt = {
783
- key: 3,
784
- class: "f-form-item__append"
785
- }, ee = "comp_", gt = /* @__PURE__ */ N({
786
- __name: "fform-item",
787
- props: /* @__PURE__ */ K(yt, {
788
- modelValue: {},
789
- modelModifiers: {}
790
- }),
791
- emits: ["update:modelValue"],
792
- setup(e) {
793
- const r = oe(be, { data: {} }), t = e, u = ae(e, "modelValue"), o = se(), { curSlotKeys: v, compSlotKeys: n } = Object.keys(o).reduce(
794
- (p, f) => (f.startsWith(ee) ? p.compSlotKeys.push(f.replace(ee, "")) : f !== "default" && p.curSlotKeys.push(f), p),
795
- {
796
- curSlotKeys: [],
797
- compSlotKeys: []
798
- }
799
- ), C = t.comp ? $e[t.comp] : null;
800
- return ye(
801
- ve,
802
- ne({
803
- prop: le(t, "prop"),
804
- label: le(t, "label")
805
- })
806
- ), (p, f) => (m(), F(l(Fe), {
807
- "row-class": "f-form-item",
808
- label: t.label,
809
- "hide-label": t.hideLabel,
810
- required: p.required,
811
- rules: p.rules
812
- }, D({
813
- label: y((a) => [
814
- $(p.$slots, "label", E(j(a)), () => [
815
- B("span", null, R(t.label), 1),
816
- t.tooltip || p.$slots.tooltip ? (m(), F(l(Oe), { key: 0 }, {
817
- content: y(() => [
818
- $(p.$slots, "tooltip", {}, () => [
819
- (m(!0), q(Q, null, L(t.tooltip.split(`
820
- `) || [], (i) => (m(), q("div", null, R(i), 1))), 256))
821
- ])
822
- ]),
823
- default: y(() => [
824
- k(l(et), { style: { "margin-left": "3px" } })
825
- ]),
826
- _: 3
827
- })) : A("", !0)
828
- ])
829
- ]),
830
- default: y(() => [
831
- p.$slots.prepend ? (m(), q("div", vt, [
832
- $(p.$slots, "prepend", E(j(l(r).data)))
833
- ])) : A("", !0),
834
- t.comp === l(ie) ? $(p.$slots, "default", {
835
- key: 1,
836
- data: l(r).data
837
- }, () => [
838
- (m(), F(fe(t.render), {
839
- data: l(r).data
840
- }, null, 8, ["data"]))
841
- ]) : (m(), F(fe(l(C)), S({ key: 2 }, t.compProps, {
842
- modelValue: u.value,
843
- "onUpdate:modelValue": f[0] || (f[0] = (a) => u.value = a)
844
- }), D({ _: 2 }, [
845
- L(l(n), (a) => ({
846
- name: a,
847
- fn: y((i) => [
848
- $(p.$slots, `${ee}${a}`, E(j(i)))
849
- ])
850
- }))
851
- ]), 1040, ["modelValue"])),
852
- p.$slots.append ? (m(), q("div", bt, [
853
- $(p.$slots, "append", E(j(l(r).data)))
854
- ])) : A("", !0)
855
- ]),
856
- _: 2
857
- }, [
858
- L(l(v), (a) => ({
859
- name: a,
860
- fn: y((i) => [
861
- $(p.$slots, a, E(j(i)))
862
- ])
863
- }))
864
- ]), 1032, ["label", "hide-label", "required", "rules"]));
865
- }
866
- }), te = "item-", me = /* @__PURE__ */ N({
867
- __name: "fform",
868
- props: Ke,
869
- setup(e, { expose: r }) {
870
- const t = N({
871
- inheritAttrs: !1,
872
- props: {
873
- gridItemProps: {
874
- type: Object,
875
- default: () => ({})
876
- }
877
- },
878
- setup(f, { attrs: a, slots: i }) {
879
- return () => ce(
880
- Ie,
881
- f.gridItemProps,
882
- () => ce(
883
- gt,
884
- {
885
- ...a,
886
- field: a.prop
887
- },
888
- i
889
- )
890
- );
891
- }
892
- }), u = e, o = se();
893
- function v(f) {
894
- return f ? Object.keys(o).reduce((a, i) => (i.startsWith(`${te}${f}`) && a.push(
895
- i.replace(new RegExp(`^${te}${f}_`), "")
896
- ), a), []) : [];
897
- }
898
- const n = u.data ? le(u, "data") : h({ ...u.defaultData }), C = typeof u.itemSpan == "number" ? { span: u.itemSpan } : u.itemSpan, p = h();
899
- return ye(be, ne({ data: n })), r({
900
- data: n,
901
- setFieldValue: (f, a) => {
902
- if (u.data)
903
- throw new Error("\u5728\u975E\u53D7\u63A7\u6A21\u5F0F\u4E0B\uFF0C\u4E0D\u652F\u6301\u66F4\u65B0\u6570\u636E");
904
- n.value[f] = a;
905
- },
906
- ins: p
907
- }), (f, a) => (m(), F(l(we), {
908
- ref_key: "formRef",
909
- ref: p,
910
- class: "f-form",
911
- model: l(n),
912
- "auto-label-width": !0
913
- }, {
914
- default: y(() => [
915
- $(f.$slots, "prepend", { data: l(n) }),
916
- k(l(Ee), S(f.gridProps, { class: f.contentClass }), {
917
- default: y(() => [
918
- (m(!0), q(Q, null, L(f.items, (i) => (m(), F(l(t), S({
919
- key: i.prop,
920
- modelValue: l(n)[i.prop],
921
- "onUpdate:modelValue": (c) => l(n)[i.prop] = c
922
- }, { ref_for: !0 }, i, {
923
- "grid-item-props": i.gridItemProps || l(C),
924
- "label-col-flex": i.labelColFlex || f.labelWidth
925
- }), D({ _: 2 }, [
926
- L(v(i.slotName || ""), (c) => ({
927
- name: c,
928
- fn: y((d) => [
929
- $(f.$slots, `${te}${i.slotName}_${c}`, S({ ref_for: !0 }, d))
930
- ])
931
- }))
932
- ]), 1040, ["modelValue", "onUpdate:modelValue", "grid-item-props", "label-col-flex"]))), 128))
933
- ]),
934
- _: 3
935
- }, 16, ["class"]),
936
- $(f.$slots, "append", { data: l(n) })
937
- ]),
938
- _: 3
939
- }, 8, ["model"]));
940
- }
941
- });
942
- export {
943
- ie as C,
944
- me as _,
945
- gt as a,
946
- ft as b,
947
- ct as c,
948
- mt as d,
949
- $e as e,
950
- Ke as f,
951
- yt as g,
952
- J as h,
953
- at as i,
954
- st as j
955
- };