china-mobile-international-custom-components 0.0.57 → 0.0.59

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,601 +0,0 @@
1
- import { computed as M, createElementBlock as c, openBlock as t, Fragment as _, createVNode as x, renderList as m, createBlock as i, unref as n, withCtx as r, createTextVNode as E, toDisplayString as T, createElementVNode as u, normalizeClass as D, ref as R, createCommentVNode as B, renderSlot as w, createSlots as A, normalizeStyle as J, withModifiers as Q } from "vue";
2
- import { u as W } from "./i18n.Bd7hh14j.js";
3
- import { IconMore as ee, IconZuo as le } from "color-message-aibox-vue";
4
- import { ElButton as z, ElDropdown as ae, ElIcon as H, ElDropdownMenu as oe, ElDropdownItem as te, ElTable as ne, ElTableColumn as f, ElEmpty as re, ElPagination as se } from "element-plus";
5
- import { _ as L } from "./_plugin-vue_export-helper.CHgC5LLL.js";
6
- import { useRouter as de } from "vue-router";
7
- import '../assets/BackBar.css';const ie = { class: "table-btns" }, ce = { class: "btn-box" }, ue = {
8
- __name: "TableBtns",
9
- props: {
10
- config: {
11
- type: Array,
12
- required: !0,
13
- default() {
14
- return [];
15
- }
16
- },
17
- showNums: {
18
- type: Number,
19
- default: 0,
20
- validator(o) {
21
- return o % 1 === 0 && o >= 0;
22
- }
23
- },
24
- row: {
25
- type: Object,
26
- default: () => ({})
27
- }
28
- },
29
- setup(o) {
30
- const g = o, { t: $ } = W(), d = (h, C) => {
31
- h && h(C);
32
- }, y = M(() => g.config.filter((h) => {
33
- const C = h.permission !== void 0 ? h.permission : !0;
34
- let s = !0;
35
- return h.dataPermission && (s = h.dataPermission), C && s;
36
- })), k = M(() => ({
37
- show: y.value.slice(0, g.showNums),
38
- hide: y.value.slice(g.showNums)
39
- }));
40
- return (h, C) => (t(), c("div", ie, [
41
- y.value.length > o.showNums ? (t(), c(_, { key: 0 }, [
42
- (t(!0), c(_, null, m(k.value.show, (s, v) => (t(), i(n(z), {
43
- key: v,
44
- type: "primary",
45
- link: "",
46
- onClick: (p) => d(s.fn, s.row)
47
- }, {
48
- default: r(() => [
49
- E(T(s.label), 1)
50
- ]),
51
- _: 2
52
- }, 1032, ["onClick"]))), 128)),
53
- x(n(ae), {
54
- "popper-class": "custom-dropdown",
55
- trigger: "click"
56
- }, {
57
- dropdown: r(() => [
58
- x(n(oe), { style: { padding: "14px 0" } }, {
59
- default: r(() => [
60
- (t(!0), c(_, null, m(k.value.hide, (s, v) => (t(), i(n(te), {
61
- key: v,
62
- class: D({
63
- "is-delete": s.label === n($)("COMMON_BUTTON.DELETE_TEXT") || s.label === n($)("COMMON_BUTTON.DISABLE_TEXT") || s.isDanger
64
- }),
65
- onClick: (p) => d(s.fn, s.row)
66
- }, {
67
- default: r(() => [
68
- E(T(s.label), 1)
69
- ]),
70
- _: 2
71
- }, 1032, ["class", "onClick"]))), 128))
72
- ]),
73
- _: 1
74
- })
75
- ]),
76
- default: r(() => [
77
- u("div", ce, [
78
- x(n(H), { style: { "font-size": "20px", color: "#999" } }, {
79
- default: r(() => [
80
- x(n(ee))
81
- ]),
82
- _: 1
83
- })
84
- ])
85
- ]),
86
- _: 1
87
- })
88
- ], 64)) : (t(!0), c(_, { key: 1 }, m(y.value, (s, v) => (t(), i(n(z), {
89
- type: "primary",
90
- link: "",
91
- key: v,
92
- onClick: (p) => d(s.fn, s.row)
93
- }, {
94
- default: r(() => [
95
- E(T(s.label), 1)
96
- ]),
97
- _: 2
98
- }, 1032, ["onClick"]))), 128))
99
- ]));
100
- }
101
- }, he = /* @__PURE__ */ L(ue, [["__scopeId", "data-v-552341e3"]]), pe = {
102
- key: 0,
103
- class: "aibox-table__handle"
104
- }, fe = { class: "handle-left" }, be = { class: "handle-right" }, we = { class: "aibox-table__content" }, ye = { key: 0 }, ge = { class: "aibox-table__slot-wrapper" }, ke = { class: "aibox-table__slot-wrapper" }, Ce = ["innerHTML"], _e = ["innerHTML"], xe = { class: "aibox-table__slot-wrapper" }, ve = ["onClick"], Se = { class: "aibox-table__slot-wrapper" }, Te = ["onClick"], $e = { class: "aibox-table__slot-wrapper" }, Be = { class: "aibox-table__slot-wrapper" }, Me = {
105
- key: 0,
106
- class: "aibox-table__slot-wrapper"
107
- }, me = {
108
- __name: "AiboxTable",
109
- props: {
110
- columns: {
111
- type: Array,
112
- default: () => []
113
- },
114
- data: {
115
- type: Array,
116
- default: () => []
117
- },
118
- total: {
119
- type: [String, Number],
120
- default: 0
121
- },
122
- hasPage: {
123
- type: Boolean,
124
- default: !0
125
- },
126
- onRowKey: {
127
- type: Function,
128
- default: () => {
129
- }
130
- },
131
- onRowClassName: {
132
- type: Function,
133
- default: () => {
134
- }
135
- },
136
- maxHeight: {
137
- type: [String, Number],
138
- default: null
139
- },
140
- isLoading: {
141
- type: Boolean,
142
- default: !1
143
- },
144
- pages: {
145
- type: Object,
146
- default: () => ({
147
- page: 1,
148
- size: 10
149
- })
150
- },
151
- showChangeSize: {
152
- type: Boolean,
153
- default: !0
154
- },
155
- isCustomEmpty: {
156
- type: Boolean,
157
- default: !1
158
- },
159
- hasBorder: {
160
- type: Boolean,
161
- default: !1
162
- },
163
- hasHeaderHandle: {
164
- type: Boolean,
165
- default: !1
166
- },
167
- isSecondaryHeader: {
168
- type: Boolean,
169
- default: !1
170
- },
171
- defaultSort: {
172
- type: Object
173
- },
174
- spanMethod: {
175
- type: Function,
176
- default: () => {
177
- }
178
- },
179
- showSummary: {
180
- type: Boolean,
181
- default: !1
182
- },
183
- summaryMethod: {
184
- type: Function,
185
- default: () => []
186
- },
187
- showHandleNums: {
188
- type: Number,
189
- default: 0
190
- },
191
- selectionType: {
192
- type: String,
193
- default: "checkbox"
194
- },
195
- expandRowKeys: {
196
- type: Array,
197
- default: () => []
198
- },
199
- isCanRowClick: {
200
- type: Boolean,
201
- default: !1
202
- },
203
- isPagePostion: {
204
- type: Boolean,
205
- default: !0
206
- },
207
- treeProps: {
208
- type: Object,
209
- default: () => ({ children: "children", hasChildren: "hasChildren" })
210
- },
211
- defaultExpandAll: {
212
- type: Boolean,
213
- default: !0
214
- }
215
- },
216
- emits: [
217
- "onPageChange",
218
- "onMultiSelection",
219
- "onSortChange",
220
- "onCellDblclick",
221
- "onRowClick"
222
- ],
223
- setup(o, { expose: g, emit: $ }) {
224
- const d = o, { t: y } = W(), k = R(null), h = R([]), C = M(() => typeof d.total == "string" ? Number(d.total) : d.total), s = M(() => d.showChangeSize ? "total, sizes, prev, pager, next, jumper" : "total, prev, pager, next, jumper"), v = M(() => C.value > 10 && d.hasPage), p = $, F = () => !0, I = (a) => d.onRowKey(a, (b) => b), j = (a) => d.onRowClassName(a), K = (a) => {
225
- p("onPageChange", { ...d.pages, page: a });
226
- }, V = (a) => {
227
- p("onPageChange", { page: 1, size: a });
228
- }, X = (a) => {
229
- d.selectionType !== "radio" && p("onMultiSelection", a);
230
- }, O = (a) => {
231
- if (d.selectionType === "radio") {
232
- const b = h.value;
233
- if (P(), b.length == 1) {
234
- const [e] = b, l = e.id !== a.id;
235
- l ? (h.value = [a], p("onMultiSelection", [a])) : (h.value = [], p("onMultiSelection", [])), N(a, l);
236
- } else
237
- N(a, !0), h.value = [a], p("onMultiSelection", [a]);
238
- }
239
- }, P = () => {
240
- k.value?.clearSelection(), p("onMultiSelection", []);
241
- }, U = () => {
242
- k.value?.clearSort();
243
- }, G = (a) => {
244
- p("onSortChange", a);
245
- }, q = (a, b, e, l) => {
246
- p("onCellDblclick", a, b, e, l);
247
- }, Y = (a) => {
248
- d.selectionType === "radio" && O(a);
249
- }, Z = (a, b, e) => {
250
- b?.type === "action" || !d.isCanRowClick || p("onRowClick", a, b, e);
251
- }, N = (a, b) => {
252
- k.value?.toggleRowSelection(a, b);
253
- };
254
- return g({
255
- handleClearSelection: P,
256
- handleToggleRowSelection: N,
257
- clearSort: U
258
- }), (a, b) => (t(), c("div", {
259
- class: D([{
260
- "row-click-style": o.isCanRowClick,
261
- "no-pagination": !v.value
262
- }, "aibox-table"])
263
- }, [
264
- o.hasHeaderHandle ? (t(), c("div", pe, [
265
- u("div", fe, [
266
- w(a.$slots, "handleLeft", {}, void 0, !0)
267
- ]),
268
- u("div", be, [
269
- w(a.$slots, "handleRight", {}, void 0, !0)
270
- ])
271
- ])) : B("", !0),
272
- u("div", we, [
273
- x(n(ne), {
274
- ref_key: "aiboxTable",
275
- ref: k,
276
- "element-loading-text": n(y)("COMMON_DATA.LOADING_SUFFIX"),
277
- "tree-props": o.treeProps,
278
- "header-row-class-name": o.isSecondaryHeader ? "aibox-table__header secondary-header" : "aibox-table__header",
279
- "row-class-name": j,
280
- data: o.data,
281
- border: o.hasBorder,
282
- style: { width: "100%" },
283
- "row-key": I,
284
- height: o.maxHeight,
285
- "default-sort": o.defaultSort,
286
- "span-method": o.spanMethod,
287
- "expand-row-keys": o.expandRowKeys,
288
- onSelectionChange: X,
289
- onSortChange: G,
290
- onCellDblclick: q,
291
- onCurrentChange: O,
292
- "show-summary": o.showSummary,
293
- "summary-method": o.summaryMethod,
294
- onSelect: Y,
295
- onRowClick: Z,
296
- "default-expand-all": o.defaultExpandAll
297
- }, {
298
- empty: r(() => [
299
- o.isCustomEmpty ? (t(), c("div", Me, [
300
- w(a.$slots, "customEmpty", {}, void 0, !0)
301
- ])) : (t(), i(n(re), {
302
- key: 1,
303
- description: n(y)("COMMON_DATA.EMPTY"),
304
- "image-size": 80
305
- }, null, 8, ["description"]))
306
- ]),
307
- default: r(() => [
308
- (t(!0), c(_, null, m(o.columns, (e) => (t(), c(_, null, [
309
- e.type === "selection" ? (t(), i(n(f), {
310
- key: e.type,
311
- type: "selection",
312
- fixed: "left",
313
- width: e.width || "50px",
314
- "reserve-selection": !0,
315
- selectable: e.selectable || F
316
- }, null, 8, ["width", "selectable"])) : e.type === "index" ? (t(), i(n(f), {
317
- key: `${e.type - e.label}`,
318
- type: "index",
319
- label: n(y)("COMMON_DATA.SNO_INDEX"),
320
- fixed: "left",
321
- width: e.width || "100px"
322
- }, {
323
- default: r((l) => [
324
- o.isLoading ? B("", !0) : (t(), c("span", ye, T((o.pages.page - 1) * o.pages.size + l.$index + 1), 1))
325
- ]),
326
- _: 1
327
- }, 8, ["label", "width"])) : e.slot ? (t(), i(n(f), {
328
- align: e.align || "left",
329
- key: e.prop,
330
- prop: e.prop,
331
- label: e.label,
332
- width: e.width,
333
- "min-width": e.minWidth,
334
- "label-class-name": "label-space-style",
335
- "class-name": "multi-row",
336
- fixed: e.fixed,
337
- sortable: e.sortable,
338
- "show-overflow-tooltip": e.showOverflowTooltip
339
- }, A({
340
- default: r((l) => [
341
- u("div", ke, [
342
- w(a.$slots, e.slot, {
343
- row: l.row,
344
- index: l.$index,
345
- minWidth: e.minWidth
346
- }, void 0, !0)
347
- ])
348
- ]),
349
- _: 2
350
- }, [
351
- e.headerSlot ? {
352
- name: "header",
353
- fn: r(() => [
354
- u("div", ge, [
355
- w(a.$slots, e.headerSlot, {
356
- item: e,
357
- minWidth: e.minWidth
358
- }, void 0, !0)
359
- ])
360
- ]),
361
- key: "0"
362
- } : void 0
363
- ]), 1032, ["align", "prop", "label", "width", "min-width", "fixed", "sortable", "show-overflow-tooltip"])) : e.callback ? (t(), i(n(f), {
364
- align: e.align || "left",
365
- key: e.callback,
366
- prop: e.prop,
367
- label: e.label,
368
- width: e.width,
369
- "min-width": e.minWidth,
370
- "show-overflow-tooltip": "",
371
- fixed: e.fixed,
372
- sortable: e.sortable
373
- }, {
374
- default: r((l) => [
375
- u("span", {
376
- innerHTML: e.callback && e.callback(l.row)
377
- }, null, 8, Ce)
378
- ]),
379
- _: 2
380
- }, 1032, ["align", "prop", "label", "width", "min-width", "fixed", "sortable"])) : e.type === "multistage" ? (t(), i(n(f), {
381
- key: `${e.prop}`,
382
- label: e.label,
383
- prop: e.prop,
384
- width: e.width,
385
- "min-width": e.minWidth,
386
- "show-overflow-tooltip": "",
387
- align: e.align || "left",
388
- "header-align": e.headerAlign || "left"
389
- }, {
390
- default: r(() => [
391
- (t(!0), c(_, null, m(e.children, (l) => (t(), c(_, null, [
392
- l.callback ? (t(), i(n(f), {
393
- key: l.callback,
394
- prop: l.prop,
395
- label: l.label,
396
- "min-width": l.minWidth,
397
- "show-overflow-tooltip": ""
398
- }, {
399
- default: r((S) => [
400
- u("span", {
401
- innerHTML: l.callback && l.callback(S.row)
402
- }, null, 8, _e)
403
- ]),
404
- _: 2
405
- }, 1032, ["prop", "label", "min-width"])) : l.slot ? (t(), i(n(f), {
406
- key: l.prop,
407
- "min-width": l.minWidth,
408
- prop: l.prop,
409
- label: l.label
410
- }, {
411
- default: r((S) => [
412
- u("div", xe, [
413
- w(a.$slots, l.slot, {
414
- row: S.row,
415
- column: S.column,
416
- index: S.$index
417
- }, void 0, !0)
418
- ])
419
- ]),
420
- _: 2
421
- }, 1032, ["min-width", "prop", "label"])) : l.custom ? (t(), i(n(f), {
422
- key: `${l.prop}`,
423
- prop: l.prop,
424
- label: l.label,
425
- "min-width": l.minWidth,
426
- "show-overflow-tooltip": ""
427
- }, {
428
- header: r(() => [
429
- u("span", {
430
- onClick: () => l.headerClick({ parent: e.label, ...l }),
431
- style: { color: "#5b9bd1", cursor: "pointer" }
432
- }, T(l.label), 9, ve)
433
- ]),
434
- default: r((S) => [
435
- u("div", Se, [
436
- w(a.$slots, "custom", {
437
- data: {
438
- col: { parent: e.label, ...l },
439
- row: S.row
440
- }
441
- }, void 0, !0)
442
- ])
443
- ]),
444
- _: 2
445
- }, 1032, ["prop", "label", "min-width"])) : (t(), i(n(f), {
446
- key: `${l.prop}-${l.label}`,
447
- prop: l.prop,
448
- label: l.label,
449
- width: l.width,
450
- "min-width": l.minWidth,
451
- "show-overflow-tooltip": "",
452
- "header-align": l.headerAlign ? l.headerAlign : "left",
453
- align: l.align ? l.align : "left"
454
- }, null, 8, ["prop", "label", "width", "min-width", "header-align", "align"]))
455
- ], 64))), 256))
456
- ]),
457
- _: 2
458
- }, 1032, ["label", "prop", "width", "min-width", "align", "header-align"])) : e.custom ? (t(), i(n(f), {
459
- key: `${e.prop}-${e.custom}`,
460
- prop: e.prop,
461
- label: e.label,
462
- "min-width": e.minWidth,
463
- "show-overflow-tooltip": ""
464
- }, {
465
- header: r(() => [
466
- u("span", {
467
- onClick: () => e.headerClick({ parent: "", ...e }),
468
- style: { color: "#5b9bd1", cursor: "pointer" }
469
- }, T(e.label), 9, Te)
470
- ]),
471
- default: r((l) => [
472
- u("div", $e, [
473
- w(a.$slots, "custom", {
474
- data: {
475
- col: { parent: "", ...e },
476
- row: l.row
477
- }
478
- }, void 0, !0)
479
- ])
480
- ]),
481
- _: 2
482
- }, 1032, ["prop", "label", "min-width"])) : e.type === "action" ? (t(), i(n(f), {
483
- key: `${e.prop - Math.random()}`,
484
- label: e.label,
485
- width: e.width,
486
- type: "action",
487
- fixed: "right"
488
- }, {
489
- default: r((l) => [
490
- e?.config?.(l.row)?.length ? (t(), i(he, {
491
- key: 0,
492
- "show-nums": o.showHandleNums,
493
- config: e.config(l.row, l.$index),
494
- row: l.row
495
- }, null, 8, ["show-nums", "config", "row"])) : B("", !0)
496
- ]),
497
- _: 2
498
- }, 1032, ["label", "width"])) : e.type === "expand" ? (t(), i(n(f), {
499
- type: "expand",
500
- key: "expand" + e.prop,
501
- width: e.width
502
- }, {
503
- default: r((l) => [
504
- u("div", Be, [
505
- w(a.$slots, "expand", {
506
- row: l.row,
507
- column: l.column
508
- }, void 0, !0)
509
- ])
510
- ]),
511
- _: 3
512
- }, 8, ["width"])) : (t(), i(n(f), {
513
- key: `${e.prop - e.label}`,
514
- prop: e.prop,
515
- label: e.label,
516
- width: e.width,
517
- "min-width": e.minWidth,
518
- fixed: e.fixed,
519
- sortable: e.sortable,
520
- "show-overflow-tooltip": "",
521
- align: e.align || "left"
522
- }, A({ _: 2 }, [
523
- e.headerSlot ? {
524
- name: "header",
525
- fn: r(() => [
526
- w(a.$slots, e.headerSlot, {
527
- item: e,
528
- minWidth: e.minWidth
529
- }, void 0, !0)
530
- ]),
531
- key: "0"
532
- } : void 0
533
- ]), 1032, ["prop", "label", "width", "min-width", "fixed", "sortable", "align"]))
534
- ], 64))), 256))
535
- ]),
536
- _: 3
537
- }, 8, ["element-loading-text", "tree-props", "header-row-class-name", "data", "border", "height", "default-sort", "span-method", "expand-row-keys", "show-summary", "summary-method", "default-expand-all"])
538
- ]),
539
- C.value > 10 && o.hasPage ? (t(), c("div", {
540
- key: 1,
541
- class: D([o.isPagePostion ? "aibox-table__pages" : "aibox-table__page"])
542
- }, [
543
- x(n(se), {
544
- layout: s.value,
545
- "current-page": o.pages.page,
546
- "page-sizes": [10, 20, 50, 100],
547
- "page-size": o.pages.size,
548
- total: C.value,
549
- onSizeChange: V,
550
- onCurrentChange: K
551
- }, null, 8, ["layout", "current-page", "page-size", "total"])
552
- ], 2)) : B("", !0)
553
- ], 2));
554
- }
555
- }, We = /* @__PURE__ */ L(me, [["__scopeId", "data-v-c5ee5c6d"]]), Ne = { class: "back-bar__icon" }, Ee = {
556
- key: 0,
557
- class: "back-bar__title"
558
- }, He = {
559
- __name: "BackBar",
560
- props: {
561
- goBackFn: {
562
- type: Function,
563
- default: null
564
- },
565
- backBarStyle: {
566
- type: String,
567
- default: "#fff"
568
- },
569
- title: {
570
- type: String,
571
- default: ""
572
- }
573
- },
574
- setup(o) {
575
- const g = o, $ = de(), d = () => {
576
- g.goBackFn ? g.goBackFn() : $.back();
577
- };
578
- return (y, k) => (t(), c("div", {
579
- class: "back-bar",
580
- style: J({ "background-color": o.backBarStyle })
581
- }, [
582
- u("div", Ne, [
583
- x(n(H), {
584
- onClick: Q(d, ["stop"])
585
- }, {
586
- default: r(() => [
587
- x(n(le))
588
- ]),
589
- _: 1
590
- })
591
- ]),
592
- w(y.$slots, "default"),
593
- o.title ? (t(), c("div", Ee, T(o.title), 1)) : B("", !0)
594
- ], 4));
595
- }
596
- };
597
- export {
598
- he as T,
599
- We as _,
600
- He as a
601
- };