qidian-vue-ui 2.0.47 → 2.0.49

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 (4) hide show
  1. package/dist/components/service/table/index.css +52 -52
  2. package/dist/components/service/table/index.vue.mjs +1 -1
  3. package/dist/components/service/table/index.vue2.mjs +22 -4
  4. package/package.json +1 -1
package/dist/components/service/table/index.css CHANGED
@@ -1,167 +1,167 @@
1
- .qd-service-table[data-v-4ddc7930] {
1
+ .qd-service-table[data-v-c908b998] {
2
2
  height: 100%;
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  }
6
- .qd-service-table[data-v-4ddc7930] > .t-table__content {
6
+ .qd-service-table[data-v-c908b998] > .t-table__content {
7
7
  flex: 1;
8
8
  }
9
- .qd-service-table--mini[data-v-4ddc7930] {
9
+ .qd-service-table--mini[data-v-c908b998] {
10
10
  font: var(--td-font-body-small);
11
11
  }
12
- .qd-service-table--mini[data-v-4ddc7930] th,
13
- .qd-service-table--mini[data-v-4ddc7930] tr:not(.t-table__expanded-row) > td {
12
+ .qd-service-table--mini[data-v-c908b998] th,
13
+ .qd-service-table--mini[data-v-c908b998] tr:not(.t-table__expanded-row) > td {
14
14
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
15
15
  line-height: var(--td-line-height-body-small);
16
16
  }
17
- .qd-service-table--mini[data-v-4ddc7930] .t-table__row-full-element {
17
+ .qd-service-table--mini[data-v-c908b998] .t-table__row-full-element {
18
18
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
19
19
  }
20
- .qd-service-table--hide-empty-image[data-v-4ddc7930] .t-table__empty {
20
+ .qd-service-table--hide-empty-image[data-v-c908b998] .t-table__empty {
21
21
  min-height: auto;
22
22
  }
23
- .qd-service-table--hide-empty-image[data-v-4ddc7930] .t-table__empty .t-empty {
23
+ .qd-service-table--hide-empty-image[data-v-c908b998] .t-table__empty .t-empty {
24
24
  padding: 0 !important;
25
25
  }
26
- .qd-service-table--hide-empty-image[data-v-4ddc7930] .t-table__empty .t-empty__image {
26
+ .qd-service-table--hide-empty-image[data-v-c908b998] .t-table__empty .t-empty__image {
27
27
  display: none;
28
28
  }
29
- .qd-service-table--hide-empty-image[data-v-4ddc7930] .t-table__empty .t-empty__title {
29
+ .qd-service-table--hide-empty-image[data-v-c908b998] .t-table__empty .t-empty__title {
30
30
  margin-top: 0;
31
31
  }
32
- .qd-service-table[data-v-4ddc7930] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
32
+ .qd-service-table[data-v-c908b998] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
33
33
  margin-left: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
34
34
  }
35
- .qd-service-table[data-v-4ddc7930] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
35
+ .qd-service-table[data-v-c908b998] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
36
36
  width: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
37
37
  }
38
- .qd-service-table[data-v-4ddc7930] .t-affix > .t-table__affixed-header-elm-wrap,
39
- .qd-service-table[data-v-4ddc7930] .t-affix > .t-table__scrollbar--obvious {
40
- transform: var(--v04b6bf58);
38
+ .qd-service-table[data-v-c908b998] .t-affix > .t-table__affixed-header-elm-wrap,
39
+ .qd-service-table[data-v-c908b998] .t-affix > .t-table__scrollbar--obvious {
40
+ transform: var(--v2af08a9a);
41
41
  }
42
- .qd-service-table--horizontal-bar-static[data-v-4ddc7930] .t-table__scrollbar--obvious {
42
+ .qd-service-table--horizontal-bar-static[data-v-c908b998] .t-table__scrollbar--obvious {
43
43
  visibility: hidden;
44
44
  pointer-events: none;
45
45
  }
46
- .qd-service-table[data-v-4ddc7930] .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
46
+ .qd-service-table[data-v-c908b998] .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
47
47
  display: none;
48
48
  }
49
- .qd-service-table[data-v-4ddc7930] .t-table__expanded-row > td {
49
+ .qd-service-table[data-v-c908b998] .t-table__expanded-row > td {
50
50
  height: 0;
51
51
  }
52
- .qd-service-table[data-v-4ddc7930] .t-table__affixed-header-elm-wrap {
52
+ .qd-service-table[data-v-c908b998] .t-table__affixed-header-elm-wrap {
53
53
  height: auto !important;
54
54
  }
55
- .qd-service-table[data-v-4ddc7930] .t-table__affixed-header-elm {
55
+ .qd-service-table[data-v-c908b998] .t-table__affixed-header-elm {
56
56
  position: relative;
57
57
  scrollbar-width: none;
58
58
  }
59
- .qd-service-table[data-v-4ddc7930] .t-table__affixed-header-elm::-webkit-scrollbar {
59
+ .qd-service-table[data-v-c908b998] .t-table__affixed-header-elm::-webkit-scrollbar {
60
60
  display: none;
61
61
  width: 0;
62
62
  height: 0;
63
63
  }
64
- .qd-service-table[data-v-4ddc7930] .t-table__virtual-scroll-cursor + table {
64
+ .qd-service-table[data-v-c908b998] .t-table__virtual-scroll-cursor + table {
65
65
  border-collapse: separate;
66
66
  }
67
- .qd-service-table[data-v-4ddc7930] .t-table__expanded-row-inner,
68
- .qd-service-table[data-v-4ddc7930] .t-table__row-filter-inner {
67
+ .qd-service-table[data-v-c908b998] .t-table__expanded-row-inner,
68
+ .qd-service-table[data-v-c908b998] .t-table__row-filter-inner {
69
69
  display: block;
70
70
  position: sticky;
71
71
  left: 0;
72
- width: var(--v7006a649) !important;
72
+ width: var(--v53ed85e2) !important;
73
73
  }
74
- .qd-service-table[data-v-4ddc7930] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
74
+ .qd-service-table[data-v-c908b998] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
75
75
  width: 100%;
76
76
  }
77
- .qd-service-table[data-v-4ddc7930] .qd-service-table__non-editable-col {
77
+ .qd-service-table[data-v-c908b998] .qd-service-table__non-editable-col {
78
78
  background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
79
79
  }
80
- .qd-service-table[data-v-4ddc7930] .qd-service-table__non-editable-col:is(
80
+ .qd-service-table[data-v-c908b998] .qd-service-table__non-editable-col:is(
81
81
  .t-table__cell--fixed-left,
82
82
  .t-table__cell--fixed-right
83
83
  ) {
84
84
  background-color: inherit;
85
85
  background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
86
86
  }
87
- .qd-service-table--disable-horizontal-scroll[data-v-4ddc7930] colgroup > col {
87
+ .qd-service-table--disable-horizontal-scroll[data-v-c908b998] colgroup > col {
88
88
  width: auto !important;
89
89
  }
90
- .qd-service-table[data-v-4ddc7930] .t-table__filter-pop-content-inner {
90
+ .qd-service-table[data-v-c908b998] .t-table__filter-pop-content-inner {
91
91
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
92
92
  }
93
- .qd-service-table[data-v-4ddc7930] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
93
+ .qd-service-table[data-v-c908b998] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
94
94
  padding: 0;
95
95
  }
96
- .qd-service-table[data-v-4ddc7930] .t-table__filter-pop-content-inner:has(
96
+ .qd-service-table[data-v-c908b998] .t-table__filter-pop-content-inner:has(
97
97
  .qd-service-table-filter-input,
98
98
  .qd-service-table-filter-custom
99
99
  ) {
100
100
  padding-bottom: var(--td-comp-paddingTB-s);
101
101
  }
102
- .qd-service-table[data-v-4ddc7930] .t-table__filter--bottom-buttons {
102
+ .qd-service-table[data-v-c908b998] .t-table__filter--bottom-buttons {
103
103
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
104
104
  }
105
- .qd-service-table--mini[data-v-4ddc7930] .t-table__filter-pop-content-inner {
105
+ .qd-service-table--mini[data-v-c908b998] .t-table__filter-pop-content-inner {
106
106
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
107
107
  }
108
- .qd-service-table--mini[data-v-4ddc7930] .t-table__filter--bottom-buttons {
108
+ .qd-service-table--mini[data-v-c908b998] .t-table__filter--bottom-buttons {
109
109
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
110
110
  }
111
- .qd-service-table--mini[data-v-4ddc7930] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
111
+ .qd-service-table--mini[data-v-c908b998] .t-table__filter-pop-content-inner:has(.qd-service-table-filter-item) {
112
112
  padding: 0;
113
113
  }
114
- .qd-service-table--mini[data-v-4ddc7930] .t-table__filter-pop-content-inner:has(
114
+ .qd-service-table--mini[data-v-c908b998] .t-table__filter-pop-content-inner:has(
115
115
  .qd-service-table-filter-input,
116
116
  .qd-service-table-filter-custom
117
117
  ) {
118
118
  padding-bottom: var(--td-comp-paddingTB-xs);
119
119
  }
120
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item {
120
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item {
121
121
  width: 266px;
122
122
  }
123
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__search,
124
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__all,
125
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__options {
123
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__search,
124
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__all,
125
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__options {
126
126
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s) 0;
127
127
  }
128
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__all {
128
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__all {
129
129
  display: flex;
130
130
  align-items: center;
131
131
  padding: 0 var(--td-comp-paddingLR-s);
132
132
  border-bottom: 1px solid var(--td-component-stroke);
133
133
  }
134
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__options {
134
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__options {
135
135
  display: flex;
136
136
  flex-direction: column;
137
137
  height: 206px;
138
138
  padding: 0 var(--td-comp-paddingLR-s);
139
139
  overflow-y: auto;
140
140
  }
141
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__count {
141
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__count {
142
142
  margin-left: var(--td-comp-margin-xs);
143
143
  color: var(--td-text-color-placeholder);
144
144
  }
145
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item__cell {
145
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item__cell {
146
146
  pointer-events: none;
147
147
  }
148
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item .t-checkbox,
149
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item .t-radio {
148
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item .t-checkbox,
149
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item .t-radio {
150
150
  display: flex;
151
151
  align-items: center;
152
152
  }
153
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item .t-checkbox__label,
154
- .qd-service-table[data-v-4ddc7930] .qd-service-table-filter-item .t-radio__label {
153
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item .t-checkbox__label,
154
+ .qd-service-table[data-v-c908b998] .qd-service-table-filter-item .t-radio__label {
155
155
  display: inline-flex;
156
156
  flex: 1 1 0;
157
157
  align-items: center;
158
158
  min-width: 0;
159
159
  overflow: hidden;
160
160
  }
161
- .qd-service-table--mini[data-v-4ddc7930] .qd-service-table-filter-item__search {
161
+ .qd-service-table--mini[data-v-c908b998] .qd-service-table-filter-item__search {
162
162
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs) 0;
163
163
  }
164
- .qd-service-table--mini[data-v-4ddc7930] .qd-service-table-filter-item__all,
165
- .qd-service-table--mini[data-v-4ddc7930] .qd-service-table-filter-item__options {
164
+ .qd-service-table--mini[data-v-c908b998] .qd-service-table-filter-item__all,
165
+ .qd-service-table--mini[data-v-c908b998] .qd-service-table-filter-item__options {
166
166
  padding: 0 var(--td-comp-paddingLR-xs);
167
167
  }
package/dist/components/service/table/index.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import './index.css'
2
2
  import _sfc_main from "./index.vue2.mjs";
3
3
  /* empty css */
4
4
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
5
- const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4ddc7930"]]);
5
+ const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c908b998"]]);
6
6
  export {
7
7
  QdServiceTable as default
8
8
  };
package/dist/components/service/table/index.vue2.mjs CHANGED
@@ -336,8 +336,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
336
336
  emit: __emit
337
337
  }) {
338
338
  useCssVars((_ctx) => ({
339
- "v04b6bf58": affixedHeaderTransform.value,
340
- "v7006a649": expandedRowWidth.value
339
+ "v2af08a9a": affixedHeaderTransform.value,
340
+ "v53ed85e2": expandedRowWidth.value
341
341
  }));
342
342
  const props = __props;
343
343
  const emit = __emit;
@@ -423,6 +423,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
423
423
  data.value = [...data.value];
424
424
  });
425
425
  }
426
+ function concealVirtualScrollIndex(rows) {
427
+ if (props.scroll?.type !== "virtual") return rows;
428
+ rows.forEach((row) => {
429
+ const descriptor = Object.getOwnPropertyDescriptor(row, "VIRTUAL_SCROLL_INDEX");
430
+ if (descriptor && !descriptor.enumerable) return;
431
+ Object.defineProperty(row, "VIRTUAL_SCROLL_INDEX", {
432
+ configurable: true,
433
+ enumerable: false,
434
+ value: descriptor?.value,
435
+ writable: true
436
+ });
437
+ });
438
+ return rows;
439
+ }
426
440
  function isExpandedRowProxyable(value) {
427
441
  if (!value || typeof value !== "object") return false;
428
442
  if (Array.isArray(value)) return true;
@@ -552,6 +566,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
552
566
  return rowValue === value;
553
567
  }));
554
568
  });
569
+ const tdesignData = computed(() => concealVirtualScrollIndex(displayData.value));
555
570
  const {
556
571
  stop: tableContentStop,
557
572
  pause: tableContentPause,
@@ -2128,7 +2143,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2128
2143
  const visibleBottom = (scrollRect?.bottom ?? window.innerHeight) - affixBottomOffset.value;
2129
2144
  const hasHorizontalOverflow = contentEl.scrollWidth > contentEl.clientWidth + 1;
2130
2145
  const hasVisibleBody = contentRect.top < visibleBottom;
2131
- const nativeScrollbarNotVisible = contentRect.bottom > visibleBottom + 1;
2146
+ const nativeScrollbarTop = contentRect.bottom - (contentEl.offsetHeight - contentEl.clientHeight - contentEl.clientTop);
2147
+ const nativeScrollbarNotVisible = nativeScrollbarTop > visibleBottom + 1;
2132
2148
  horizontalScrollAffixed.value = hasHorizontalOverflow && hasVisibleBody && nativeScrollbarNotVisible;
2133
2149
  }
2134
2150
  function refreshTableAffixPosition() {
@@ -2242,10 +2258,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2242
2258
  const scrollEl = outsideScrollEl.value;
2243
2259
  const tableEl = tableRef.value?.$el;
2244
2260
  if (!scrollEl || !tableEl) return;
2261
+ const overlayEl = scrollEl.closest(".t-dialog__ctx, .t-drawer");
2245
2262
  const sRect = scrollEl.getBoundingClientRect();
2246
2263
  const stack = document.elementsFromPoint(sRect.left + sRect.width / 2, sRect.bottom - 1);
2247
2264
  let blockHeight = 0;
2248
2265
  for (const el of stack) {
2266
+ if (overlayEl && !overlayEl.contains(el)) continue;
2249
2267
  if (tableEl.contains(el)) continue;
2250
2268
  if (el === scrollEl || el.contains(scrollEl)) continue;
2251
2269
  const {
@@ -2410,7 +2428,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2410
2428
  "on-sort-change": reOnSortChange,
2411
2429
  columns: autoWidthColumns.value,
2412
2430
  loading: tableLoad.value,
2413
- data: displayData.value,
2431
+ data: tdesignData.value,
2414
2432
  pagination: rePagination.value
2415
2433
  }), createSlots({
2416
2434
  empty: withCtx(() => [createVNode(unref(Empty), mergeProps({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qidian-vue-ui",
3
- "version": "2.0.47",
3
+ "version": "2.0.49",
4
4
  "description": "基于 TDesign 的 QiDian Vue UI 组件库",
5
5
  "author": "qidian",
6
6
  "license": "MIT",