hy-dispatch-ui-v3 0.2.31 → 0.2.32

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 (36) hide show
  1. package/dist/tailwind.css +8 -8
  2. package/es/components/hyButton/button.vue.mjs +112 -65
  3. package/es/components/hyButton/style/button.scss +282 -237
  4. package/es/components/hyForm/index.mjs +1 -1
  5. package/es/components/hyForm/js/useAppForm.mjs +1 -2
  6. package/es/components/hyMenu/menu.vue.mjs +1 -1
  7. package/es/components/hyMenu/style/menu.scss +1 -1
  8. package/es/components/hySearch/index.mjs +1 -1
  9. package/es/components/hyTable/cpns/virtualTable.vue.mjs +331 -319
  10. package/es/components/hyTable/js/index.mjs +7 -3
  11. package/es/components/hyTable/js/useAppTable.mjs +1 -1
  12. package/es/components/hyTable/table.vue.mjs +11 -7
  13. package/es/components/index.mjs +2 -2
  14. package/es/index.mjs +2 -2
  15. package/es/static/hy-svg-icons/hy-icon-dispatch-linear-map-treelist.js +8 -0
  16. package/es/static/hy-svg-icons/hy-icon-dispatch-share-guidao.js +8 -0
  17. package/es/utils/handler.mjs +4 -4
  18. package/es/version.mjs +1 -1
  19. package/lib/components/hyButton/button.vue.js +111 -64
  20. package/lib/components/hyButton/style/button.scss +282 -237
  21. package/lib/components/hyForm/index.js +1 -0
  22. package/lib/components/hyForm/js/useAppForm.js +1 -2
  23. package/lib/components/hyMenu/menu.vue.js +1 -1
  24. package/lib/components/hyMenu/style/menu.scss +1 -1
  25. package/lib/components/hySearch/index.js +1 -0
  26. package/lib/components/hyTable/cpns/virtualTable.vue.js +329 -317
  27. package/lib/components/hyTable/js/index.js +7 -3
  28. package/lib/components/hyTable/js/useAppTable.js +1 -1
  29. package/lib/components/hyTable/table.vue.js +11 -7
  30. package/lib/components/index.js +2 -0
  31. package/lib/index.js +2 -0
  32. package/lib/static/hy-svg-icons/hy-icon-dispatch-linear-map-treelist.js +8 -0
  33. package/lib/static/hy-svg-icons/hy-icon-dispatch-share-guidao.js +8 -0
  34. package/lib/utils/handler.js +4 -4
  35. package/lib/version.js +1 -1
  36. package/package.json +1 -1
package/lib/components/hyTable/cpns/virtualTable.vue.js CHANGED
@@ -16,7 +16,8 @@ const _sfc_main = {
16
16
  __name: "virtualTable",
17
17
  props: {
18
18
  rowKey: {
19
- type: [String, Number]
19
+ type: [String, Number],
20
+ default: "id"
20
21
  },
21
22
  width: {
22
23
  type: Number
@@ -48,6 +49,9 @@ const _sfc_main = {
48
49
  type: Object,
49
50
  default: () => ({})
50
51
  },
52
+ rowClassName: {
53
+ type: [String, Function]
54
+ },
51
55
  onRowClick: {
52
56
  type: Function
53
57
  },
@@ -55,25 +59,11 @@ const _sfc_main = {
55
59
  type: Function
56
60
  }
57
61
  },
58
- emits: ["search", "select", "select-all"],
62
+ emits: ["search", "select", "select-all", "expand-change"],
59
63
  setup(__props, { expose: __expose, emit: __emit }) {
60
64
  const props = __props;
61
65
  const emits = __emit;
62
66
  const { t } = useLocale.useLocale();
63
- const expandedKeys = vue.ref([]);
64
- const expandedMap = vue.computed(() => {
65
- return expandedKeys.value.reduce((keyMap, key, index) => {
66
- keyMap.set(key, index);
67
- return keyMap;
68
- }, /* @__PURE__ */ new Map());
69
- });
70
- function onRowExpandSwitch({ rowKey }) {
71
- if (expandedMap.value.has(rowKey)) {
72
- expandedKeys.value.splice(expandedMap.value.get(rowKey), 1);
73
- } else {
74
- expandedKeys.value.push(rowKey);
75
- }
76
- }
77
67
  const avgWidth = vue.computed(() => {
78
68
  const { total, totalWidth } = props.columns.reduce(
79
69
  ({ total: total2, totalWidth: totalWidth2 }, column) => {
@@ -113,7 +103,7 @@ const _sfc_main = {
113
103
  return props.data.map((item) => {
114
104
  item.children = [
115
105
  {
116
- id: /* @__PURE__ */ Symbol("expandKey"),
106
+ [props.rowKey]: /* @__PURE__ */ Symbol("expandKey"),
117
107
  rowType: "expand",
118
108
  dataKey: getRowKey(item)
119
109
  }
@@ -129,6 +119,15 @@ const _sfc_main = {
129
119
  function getRowKey(row) {
130
120
  return row[props.rowKey];
131
121
  }
122
+ function rowClass({ rowData: row, rowIndex }) {
123
+ let className = [];
124
+ if (is.isString(props.rowClassName)) {
125
+ className.push(props.rowClassName);
126
+ } else if (is.isFunction(props.rowClassName)) {
127
+ className.push(props.rowClassName({ row, rowIndex }));
128
+ }
129
+ return className.filter(Boolean).join(" ");
130
+ }
132
131
  function generateDataSourceMap(list, dataMap = /* @__PURE__ */ new Map()) {
133
132
  return (list || []).reduce((dataMap2, data) => {
134
133
  if (data.children) {
@@ -251,22 +250,42 @@ const _sfc_main = {
251
250
  const { allChecked } = handler(list, checkedNodeMap, indeterminateKeys2);
252
251
  return { checkedNodeMap, indeterminateKeys: indeterminateKeys2, allChecked };
253
252
  }
253
+ const expandedKeys = vue.ref([]);
254
+ const expandedMap = vue.computed(() => {
255
+ return expandedKeys.value.reduce((keyMap, key, index) => {
256
+ keyMap.set(key, index);
257
+ return keyMap;
258
+ }, /* @__PURE__ */ new Map());
259
+ });
260
+ function toggleRowExpansion(row, expanded) {
261
+ const index = expandedMap.value.get(getRowKey(row));
262
+ const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
263
+ if (isExpanded) {
264
+ if (!is.isNumber(index)) {
265
+ expandedKeys.value.push(getRowKey(row));
266
+ }
267
+ } else {
268
+ if (is.isNumber(index)) {
269
+ expandedKeys.value.splice(index, 1);
270
+ }
271
+ }
272
+ if (isExpandTable.value) {
273
+ const expandedList = expandedKeys.value.reduce((list, key) => {
274
+ list.push(dataSourceMap.value.get(key));
275
+ return list;
276
+ }, []);
277
+ emits("expand-change", row, expandedList);
278
+ } else {
279
+ emits("expand-change", row, isExpanded);
280
+ }
281
+ }
282
+ function onRowExpandSwitch({ row, rowKey }) {
283
+ toggleRowExpansion(row, !expandedMap.value.has(rowKey));
284
+ }
254
285
  __expose({
255
286
  toggleRowSelection,
256
287
  toggleAllSelection,
257
- toggleRowExpansion(row, expanded) {
258
- const index = expandedMap.value.get(getRowKey(row));
259
- const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
260
- if (isExpanded) {
261
- if (!is.isNumber(index)) {
262
- expandedKeys.value.push(getRowKey(row));
263
- }
264
- } else {
265
- if (is.isNumber(index)) {
266
- expandedKeys.value.splice(index, 1);
267
- }
268
- }
269
- },
288
+ toggleRowExpansion,
270
289
  clearSelection: () => {
271
290
  isAllChecked.value = false;
272
291
  selectedMap.value.clear();
@@ -287,6 +306,7 @@ const _sfc_main = {
287
306
  "estimated-row-height": 50,
288
307
  "expand-column-key": expandColumn.value?.key,
289
308
  fixed: "",
309
+ "row-class": rowClass,
290
310
  "row-event-handlers": {
291
311
  onClick: onRowClickHandler,
292
312
  onContextmenu: onContextmenuHandler
@@ -336,308 +356,300 @@ const _sfc_main = {
336
356
  { key: 1 },
337
357
  [
338
358
  vue.createCommentVNode(" \u5355\u5143\u683C\u5185\u5BB9 "),
339
- vue.createElementVNode("div", {
340
- class: vue.normalizeClass(["hy-el-table-v2__row is-customized", [
341
- `hy-el-table-v2__row-depth-${depth}`,
342
- { "is-expanded": expandedMap.value.has(getRowKey(row)) }
343
- ]]),
344
- role: "row",
345
- rowkey: getRowKey(row)
346
- }, [
347
- (vue.openBlock(true), vue.createElementBlock(
348
- vue.Fragment,
349
- null,
350
- vue.renderList(columns, (column, cellIndex) => {
351
- return vue.openBlock(), vue.createElementBlock(
352
- "div",
353
- {
354
- key: cellIndex,
355
- class: "hy-el-table-v2__row-cell",
356
- role: "cell",
357
- style: vue.normalizeStyle([{ "flex": "0 0 auto" }, { width: `${column.width}px` }])
358
- },
359
- [
360
- column.type === "expand" ? (vue.openBlock(), vue.createElementBlock(
359
+ (vue.openBlock(true), vue.createElementBlock(
360
+ vue.Fragment,
361
+ null,
362
+ vue.renderList(columns, (column, cellIndex) => {
363
+ return vue.openBlock(), vue.createElementBlock(
364
+ "div",
365
+ {
366
+ key: cellIndex,
367
+ class: "hy-el-table-v2__row-cell",
368
+ role: "cell",
369
+ style: vue.normalizeStyle([{ "flex": "0 0 auto" }, { width: `${column.width}px` }])
370
+ },
371
+ [
372
+ column.type === "expand" ? (vue.openBlock(), vue.createElementBlock(
373
+ vue.Fragment,
374
+ { key: 0 },
375
+ [
376
+ row.children && row.children.length ? (vue.openBlock(), vue.createElementBlock("button", {
377
+ key: 0,
378
+ type: "button",
379
+ "aria-label": "\u5C55\u5F00\u5F53\u524D\u884C",
380
+ "aria-expanded": "false",
381
+ class: vue.normalizeClass(["hy-el-table-v2__expand-icon", { "is-expanded": expandedMap.value.has(getRowKey(row)) }]),
382
+ onClick: vue.withModifiers(($event) => onRowExpandSwitch({
383
+ rowData: _ctx.rowData,
384
+ row,
385
+ rowKey: getRowKey(row)
386
+ }), ["stop"])
387
+ }, [
388
+ vue.createVNode(vue.unref(elementPlus.ElIcon), {
389
+ style: vue.normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
390
+ }, {
391
+ default: vue.withCtx(() => [
392
+ vue.createVNode(vue.unref(iconsVue.ArrowRight))
393
+ ]),
394
+ _: 1
395
+ /* STABLE */
396
+ }, 8, ["style"])
397
+ ], 10, ["onClick"])) : (vue.openBlock(), vue.createElementBlock(
398
+ "div",
399
+ {
400
+ key: 1,
401
+ class: "w-3 h-3",
402
+ style: vue.normalizeStyle({ "margin-inline-start": `${(depth + 1) * 12}px` })
403
+ },
404
+ null,
405
+ 4
406
+ /* STYLE */
407
+ ))
408
+ ],
409
+ 64
410
+ /* STABLE_FRAGMENT */
411
+ )) : vue.createCommentVNode("v-if", true),
412
+ column.type === "selection" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
413
+ key: 1,
414
+ "model-value": selectedMap.value.has(getRowKey(row)),
415
+ indeterminate: indeterminateKeys.value.has(getRowKey(row)),
416
+ disabled: !isSelectable(row),
417
+ onClick: vue.withModifiers(($event) => switchCheckHandler(row), ["stop"])
418
+ }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
419
+ key: 2,
420
+ ref_for: true
421
+ }, { column, row, $index, cellIndex })) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
422
+ vue.Fragment,
423
+ { key: 3 },
424
+ [
425
+ vue.createTextVNode(
426
+ vue.toDisplayString(columnIndexHandler({ column, row, $index, cellIndex })),
427
+ 1
428
+ /* TEXT */
429
+ )
430
+ ],
431
+ 64
432
+ /* STABLE_FRAGMENT */
433
+ )) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
434
+ key: 4,
435
+ class: "w-full flex items-center justify-between text-main",
436
+ onClick: vue.withModifiers(() => {
437
+ }, ["stop"]),
438
+ onContextmenu: vue.withModifiers(() => {
439
+ }, ["stop"])
440
+ }, [
441
+ (vue.openBlock(true), vue.createElementBlock(
361
442
  vue.Fragment,
362
- { key: 0 },
363
- [
364
- row.children && row.children.length ? (vue.openBlock(), vue.createElementBlock("button", {
365
- key: 0,
366
- type: "button",
367
- "aria-label": "\u5C55\u5F00\u5F53\u524D\u884C",
368
- "aria-expanded": "false",
369
- class: vue.normalizeClass(["hy-el-table-v2__expand-icon", { "is-expanded": expandedMap.value.has(getRowKey(row)) }]),
370
- onClick: vue.withModifiers(($event) => onRowExpandSwitch({
371
- rowData: _ctx.rowData,
372
- rowKey: getRowKey(row)
373
- }), ["stop"])
374
- }, [
375
- vue.createVNode(vue.unref(elementPlus.ElIcon), {
376
- style: vue.normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
377
- }, {
443
+ null,
444
+ vue.renderList(vue.unref(index.operatorFilterHandler)(
445
+ column,
446
+ { column, row, $index, cellIndex },
447
+ "default"
448
+ ), (citem, cindex) => {
449
+ return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
450
+ key: cindex,
451
+ "is-always": "",
452
+ overLine: 1,
453
+ content: citem.label
454
+ }, {
455
+ default: vue.withCtx(() => [
456
+ vue.createElementVNode("div", {
457
+ class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
458
+ onClick: ($event) => vue.unref(index.operatorClickHandler)(
459
+ cindex,
460
+ column,
461
+ { column, row, $index, cellIndex },
462
+ "default"
463
+ )
464
+ }, [
465
+ vue.createVNode(vue.unref(index$2.HyIcon), {
466
+ "svg-name": citem.svgName,
467
+ "class-name": "!w-4 !h-4"
468
+ }, null, 8, ["svg-name"]),
469
+ citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
470
+ "div",
471
+ {
472
+ key: 0,
473
+ class: "mt-1 whitespace-nowrap"
474
+ },
475
+ vue.toDisplayString(citem.subLabel),
476
+ 1
477
+ /* TEXT */
478
+ )) : (vue.openBlock(), vue.createElementBlock("div", {
479
+ key: 1,
480
+ class: "mt-1 whitespace-nowrap"
481
+ }, "\xA0"))
482
+ ], 10, ["onClick"])
483
+ ]),
484
+ _: 2
485
+ /* DYNAMIC */
486
+ }, 1032, ["content"]);
487
+ }),
488
+ 128
489
+ /* KEYED_FRAGMENT */
490
+ )),
491
+ vue.unref(index.operatorFilterHandler)(
492
+ column,
493
+ { column, row, $index, cellIndex },
494
+ "more"
495
+ )?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
496
+ key: 0,
497
+ ref_for: true,
498
+ ref: "operatorDropdownRef",
499
+ trigger: "click",
500
+ "popper-style": "min-width: 150px",
501
+ placement: "bottom",
502
+ onCommand: ($event) => vue.unref(index.operatorClickHandler)(
503
+ $event,
504
+ column,
505
+ { column, row, $index, cellIndex },
506
+ "more"
507
+ )
508
+ }, {
509
+ dropdown: vue.withCtx(() => [
510
+ vue.createVNode(
511
+ vue.unref(elementPlus.ElDropdownMenu),
512
+ null,
513
+ {
378
514
  default: vue.withCtx(() => [
379
- vue.createVNode(vue.unref(iconsVue.ArrowRight))
515
+ (vue.openBlock(true), vue.createElementBlock(
516
+ vue.Fragment,
517
+ null,
518
+ vue.renderList(vue.unref(index.operatorFilterHandler)(
519
+ column,
520
+ { column, row, $index, cellIndex },
521
+ "more"
522
+ ), (citem, cindex) => {
523
+ return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
524
+ key: cindex,
525
+ command: cindex,
526
+ disabled: vue.unref(index.operatorDisabledHandler)(citem, {
527
+ column,
528
+ row,
529
+ $index,
530
+ cellIndex
531
+ })
532
+ }, {
533
+ default: vue.withCtx(() => [
534
+ vue.createElementVNode("span", null, [
535
+ vue.createElementVNode(
536
+ "span",
537
+ null,
538
+ vue.toDisplayString(citem.label),
539
+ 1
540
+ /* TEXT */
541
+ ),
542
+ vue.unref(index.operatorDisabledHandler)(citem, {
543
+ column,
544
+ row,
545
+ $index,
546
+ cellIndex
547
+ }) ? (vue.openBlock(), vue.createElementBlock(
548
+ "span",
549
+ {
550
+ key: 0,
551
+ class: "text-xs leading-1"
552
+ },
553
+ "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, {
554
+ column,
555
+ row,
556
+ $index,
557
+ cellIndex
558
+ })) + "\uFF09",
559
+ 1
560
+ /* TEXT */
561
+ )) : vue.createCommentVNode("v-if", true)
562
+ ])
563
+ ]),
564
+ _: 2
565
+ /* DYNAMIC */
566
+ }, 1032, ["command", "disabled"]);
567
+ }),
568
+ 128
569
+ /* KEYED_FRAGMENT */
570
+ ))
380
571
  ]),
381
- _: 1
382
- /* STABLE */
383
- }, 8, ["style"])
384
- ], 10, ["onClick"])) : (vue.openBlock(), vue.createElementBlock(
385
- "div",
386
- {
387
- key: 1,
388
- class: "w-3 h-3",
389
- style: vue.normalizeStyle({ "margin-inline-start": `${(depth + 1) * 12}px` })
572
+ _: 2
573
+ /* DYNAMIC */
390
574
  },
391
- null,
392
- 4
393
- /* STYLE */
394
- ))
395
- ],
396
- 64
397
- /* STABLE_FRAGMENT */
398
- )) : vue.createCommentVNode("v-if", true),
399
- column.type === "selection" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
400
- key: 1,
401
- "model-value": selectedMap.value.has(getRowKey(row)),
402
- indeterminate: indeterminateKeys.value.has(getRowKey(row)),
403
- disabled: !isSelectable(row),
404
- onClick: vue.withModifiers(($event) => switchCheckHandler(row), ["stop"])
405
- }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
406
- key: 2,
407
- ref_for: true
408
- }, { column, row, $index, cellIndex })) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
409
- vue.Fragment,
410
- { key: 3 },
411
- [
412
- vue.createTextVNode(
413
- vue.toDisplayString(columnIndexHandler({ column, row, $index, cellIndex })),
414
- 1
415
- /* TEXT */
575
+ 1024
576
+ /* DYNAMIC_SLOTS */
416
577
  )
417
- ],
418
- 64
419
- /* STABLE_FRAGMENT */
420
- )) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
421
- key: 4,
422
- class: "w-full flex items-center justify-between text-main",
423
- onClick: vue.withModifiers(() => {
424
- }, ["stop"]),
425
- onContextmenu: vue.withModifiers(() => {
426
- }, ["stop"])
427
- }, [
428
- (vue.openBlock(true), vue.createElementBlock(
429
- vue.Fragment,
430
- null,
431
- vue.renderList(vue.unref(index.operatorFilterHandler)(
432
- column,
433
- { column, row, $index, cellIndex },
434
- "default"
435
- ), (citem, cindex) => {
436
- return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
437
- key: cindex,
578
+ ]),
579
+ default: vue.withCtx(() => [
580
+ vue.createElementVNode("span", null, [
581
+ vue.createVNode(vue.unref(index$1.HyTooltip), {
438
582
  "is-always": "",
439
583
  overLine: 1,
440
- content: citem.label
584
+ content: vue.unref(t)("table.moreOperations")
441
585
  }, {
442
586
  default: vue.withCtx(() => [
443
- vue.createElementVNode("div", {
444
- class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
445
- onClick: ($event) => vue.unref(index.operatorClickHandler)(
446
- cindex,
447
- column,
448
- { column, row, $index, cellIndex },
449
- "default"
450
- )
451
- }, [
452
- vue.createVNode(vue.unref(index$2.HyIcon), {
453
- "svg-name": citem.svgName,
454
- "class-name": "!w-4 !h-4"
455
- }, null, 8, ["svg-name"]),
456
- citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
587
+ vue.createElementVNode("div", { class: "w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-main text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer" }, [
588
+ vue.createElementVNode("div", { class: "w-4 h-4" }, [
589
+ vue.createVNode(vue.unref(elementPlus.ElIcon), {
590
+ size: "16",
591
+ color: "rgba(var(--hy-main))"
592
+ }, {
593
+ default: vue.withCtx(() => [
594
+ vue.createVNode(vue.unref(iconsVue.MoreFilled))
595
+ ]),
596
+ _: 1
597
+ /* STABLE */
598
+ })
599
+ ]),
600
+ vue.createElementVNode(
457
601
  "div",
458
- {
459
- key: 0,
460
- class: "mt-1 whitespace-nowrap"
461
- },
462
- vue.toDisplayString(citem.subLabel),
602
+ { class: "mt-1" },
603
+ vue.toDisplayString(vue.unref(t)("table.more")),
463
604
  1
464
605
  /* TEXT */
465
- )) : (vue.openBlock(), vue.createElementBlock("div", {
466
- key: 1,
467
- class: "mt-1 whitespace-nowrap"
468
- }, "\xA0"))
469
- ], 10, ["onClick"])
606
+ )
607
+ ])
470
608
  ]),
471
- _: 2
472
- /* DYNAMIC */
473
- }, 1032, ["content"]);
474
- }),
475
- 128
476
- /* KEYED_FRAGMENT */
477
- )),
478
- vue.unref(index.operatorFilterHandler)(
479
- column,
480
- { column, row, $index, cellIndex },
481
- "more"
482
- )?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
483
- key: 0,
484
- ref_for: true,
485
- ref: "operatorDropdownRef",
486
- trigger: "click",
487
- "popper-style": "min-width: 150px",
488
- placement: "bottom",
489
- onCommand: ($event) => vue.unref(index.operatorClickHandler)(
490
- $event,
609
+ _: 1
610
+ /* STABLE */
611
+ }, 8, ["content"])
612
+ ])
613
+ ]),
614
+ _: 2
615
+ /* DYNAMIC */
616
+ }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
617
+ ], 40, ["onClick", "onContextmenu"])) : column.type === "default" ? (vue.openBlock(), vue.createElementBlock(
618
+ vue.Fragment,
619
+ { key: 5 },
620
+ [
621
+ !vue.unref(is.isEmpty)(
622
+ vue.unref(index.renderContentHandler)(column, {
491
623
  column,
492
- { column, row, $index, cellIndex },
493
- "more"
494
- )
495
- }, {
496
- dropdown: vue.withCtx(() => [
497
- vue.createVNode(
498
- vue.unref(elementPlus.ElDropdownMenu),
499
- null,
500
- {
501
- default: vue.withCtx(() => [
502
- (vue.openBlock(true), vue.createElementBlock(
503
- vue.Fragment,
504
- null,
505
- vue.renderList(vue.unref(index.operatorFilterHandler)(
506
- column,
507
- { column, row, $index, cellIndex },
508
- "more"
509
- ), (citem, cindex) => {
510
- return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
511
- key: cindex,
512
- command: cindex,
513
- disabled: vue.unref(index.operatorDisabledHandler)(citem, {
514
- column,
515
- row,
516
- $index,
517
- cellIndex
518
- })
519
- }, {
520
- default: vue.withCtx(() => [
521
- vue.createElementVNode("span", null, [
522
- vue.createElementVNode(
523
- "span",
524
- null,
525
- vue.toDisplayString(citem.label),
526
- 1
527
- /* TEXT */
528
- ),
529
- vue.unref(index.operatorDisabledHandler)(citem, {
530
- column,
531
- row,
532
- $index,
533
- cellIndex
534
- }) ? (vue.openBlock(), vue.createElementBlock(
535
- "span",
536
- {
537
- key: 0,
538
- class: "text-xs leading-1"
539
- },
540
- "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, {
541
- column,
542
- row,
543
- $index,
544
- cellIndex
545
- })) + "\uFF09",
546
- 1
547
- /* TEXT */
548
- )) : vue.createCommentVNode("v-if", true)
549
- ])
550
- ]),
551
- _: 2
552
- /* DYNAMIC */
553
- }, 1032, ["command", "disabled"]);
554
- }),
555
- 128
556
- /* KEYED_FRAGMENT */
557
- ))
558
- ]),
559
- _: 2
560
- /* DYNAMIC */
561
- },
562
- 1024
563
- /* DYNAMIC_SLOTS */
564
- )
565
- ]),
566
- default: vue.withCtx(() => [
567
- vue.createElementVNode("span", null, [
568
- vue.createVNode(vue.unref(index$1.HyTooltip), {
569
- "is-always": "",
570
- overLine: 1,
571
- content: vue.unref(t)("table.moreOperations")
572
- }, {
573
- default: vue.withCtx(() => [
574
- vue.createElementVNode("div", { class: "w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-main text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer" }, [
575
- vue.createElementVNode("div", { class: "w-4 h-4" }, [
576
- vue.createVNode(vue.unref(elementPlus.ElIcon), {
577
- size: "16",
578
- color: "rgba(var(--hy-main))"
579
- }, {
580
- default: vue.withCtx(() => [
581
- vue.createVNode(vue.unref(iconsVue.MoreFilled))
582
- ]),
583
- _: 1
584
- /* STABLE */
585
- })
586
- ]),
587
- vue.createElementVNode(
588
- "div",
589
- { class: "mt-1" },
590
- vue.toDisplayString(vue.unref(t)("table.more")),
591
- 1
592
- /* TEXT */
593
- )
594
- ])
595
- ]),
596
- _: 1
597
- /* STABLE */
598
- }, 8, ["content"])
599
- ])
600
- ]),
601
- _: 2
602
- /* DYNAMIC */
603
- }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
604
- ], 40, ["onClick", "onContextmenu"])) : column.type === "default" ? (vue.openBlock(), vue.createElementBlock(
605
- vue.Fragment,
606
- { key: 5 },
607
- [
608
- !vue.unref(is.isEmpty)(
609
- vue.unref(index.renderContentHandler)(column, {
610
- column,
611
- row,
612
- $index,
613
- cellIndex
614
- })
615
- ) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
616
- key: 0,
617
- "is-always": false,
618
- "over-line": 2,
619
- content: vue.unref(index.renderContentHandler)(column, { column, row, $index, cellIndex })
620
- }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
621
- key: 1,
622
- class: "text-auxiliary"
623
- }, "- -"))
624
- ],
625
- 64
626
- /* STABLE_FRAGMENT */
627
- )) : vue.createCommentVNode("v-if", true)
628
- ],
629
- 4
630
- /* STYLE */
631
- );
632
- }),
633
- 128
634
- /* KEYED_FRAGMENT */
635
- ))
636
- ], 10, ["rowkey"])
624
+ row,
625
+ $index,
626
+ cellIndex
627
+ })
628
+ ) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
629
+ key: 0,
630
+ "is-always": false,
631
+ "over-line": 2,
632
+ content: vue.unref(index.renderContentHandler)(column, { column, row, $index, cellIndex })
633
+ }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
634
+ key: 1,
635
+ class: "text-auxiliary"
636
+ }, "- -"))
637
+ ],
638
+ 64
639
+ /* STABLE_FRAGMENT */
640
+ )) : vue.createCommentVNode("v-if", true)
641
+ ],
642
+ 4
643
+ /* STYLE */
644
+ );
645
+ }),
646
+ 128
647
+ /* KEYED_FRAGMENT */
648
+ ))
637
649
  ],
638
- 2112
639
- /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
640
- ))
650
+ 64
651
+ /* STABLE_FRAGMENT */
652
+ ))
641
653
  ]),
642
654
  empty: vue.withCtx(() => [
643
655
  vue.renderSlot(_ctx.$slots, "empty")