@jetlinks-web/components 2.0.38 → 2.1.0

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.
@@ -47,7 +47,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
47
47
  "scrollTo": "setup-const",
48
48
  "showContextMenu": "setup-const",
49
49
  "rowClick": "setup-const",
50
- "updateSelectedKeys": "setup-const"
50
+ "updateSelectedKeys": "setup-const",
51
+ "getViewScrollRef": "setup-const"
51
52
  } */
52
53
  import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue";
53
54
  const _hoisted_1 = {
@@ -152,6 +153,7 @@ const __sfc_main__ = Object.assign({
152
153
  const updateSelectedKeys = (keys) => {
153
154
  selectedRowKeys.value = keys;
154
155
  };
156
+ const getViewScrollRef = () => viewScrollRef.value;
155
157
  watch(() => JSON.stringify(_optionalChain([props, 'access', _6 => _6.rowSelection, 'optionalAccess', _7 => _7.selectedRowKeys])), (val) => {
156
158
  selectedRowKeys.value = JSON.parse(val || '[]');
157
159
  }, { immediate: true });
@@ -188,7 +190,8 @@ const __sfc_main__ = Object.assign({
188
190
  });
189
191
  __expose({
190
192
  scrollTo,
191
- updateSelectedKeys
193
+ updateSelectedKeys,
194
+ getViewScrollRef
192
195
  });
193
196
  return (_ctx, _cache) => {
194
197
  const _component_j_empty = _resolveComponent("j-empty");
@@ -83,7 +83,6 @@ const _hoisted_3 = {
83
83
  key: 0,
84
84
  class: "jetlinks-edit-table-horizontal-scroll"
85
85
  };
86
- const _hoisted_4 = /*#__PURE__*/ _createElementVNode("div", { class: "jetlinks-edit-table-horizontal-scroll-hidden" }, null, -1 /* HOISTED */);
87
86
  import { FULL_SCREEN, RIGHT_MENU, TABLE_DATA_SOURCE, TABLE_ERROR, TABLE_TOOL, TABLE_WRAPPER } from './consts';
88
87
  import { handleColumnsWidth } from './utils';
89
88
  import { useResizeObserver, useValidate, useFormContext } from './hooks';
@@ -213,7 +212,8 @@ const __sfc_main__ = Object.assign({
213
212
  emit('searchVisibleChange', v);
214
213
  },
215
214
  scrollMap,
216
- sortData
215
+ sortData,
216
+ columns: myColumns
217
217
  });
218
218
  const addField = (key, field) => {
219
219
  fields[key] = field;
@@ -235,7 +235,16 @@ const __sfc_main__ = Object.assign({
235
235
  fieldsErrMap.value[key] = message;
236
236
  }
237
237
  const scrollWidth = computed(() => {
238
- return (props.dataSource.length * props.cellHeight) > props.height ? 17 : 0;
238
+ let _width = 0;
239
+ if (props.dataSource.length * props.cellHeight) {
240
+ _width = 17;
241
+ }
242
+ if (_optionalChain([tableBody, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.getViewScrollRef])) {
243
+ const viewScrollDom = _optionalChain([tableBody, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.getViewScrollRef, 'call', _6 => _6()]);
244
+ const bodyContainer = viewScrollDom.querySelector('.jetlinks-edit-table-body-container');
245
+ _width = viewScrollDom.offsetWidth - bodyContainer.offsetWidth;
246
+ }
247
+ return _width;
239
248
  });
240
249
  const onHorizontalScroll = () => {
241
250
  if (!horizontalScrollRef.value)
@@ -266,8 +275,8 @@ const __sfc_main__ = Object.assign({
266
275
  dataIndex: '__serial',
267
276
  title: options.title,
268
277
  customRender: (customData) => {
269
- if (_optionalChain([props, 'access', _2 => _2.serial, 'optionalAccess', _3 => _3.customRender])) {
270
- return _optionalChain([props, 'access', _4 => _4.serial, 'optionalAccess', _5 => _5.customRender, 'call', _6 => _6(customData)]);
278
+ if (_optionalChain([props, 'access', _7 => _7.serial, 'optionalAccess', _8 => _8.customRender])) {
279
+ return _optionalChain([props, 'access', _9 => _9.serial, 'optionalAccess', _10 => _10.customRender, 'call', _11 => _11(customData)]);
271
280
  }
272
281
  return customData.index + 1;
273
282
  },
@@ -276,8 +285,7 @@ const __sfc_main__ = Object.assign({
276
285
  };
277
286
  newColumns = [serial, ...props.columns];
278
287
  }
279
- myColumns.value = handleColumnsWidth(newColumns, _width, _optionalChain([props, 'access', _7 => _7.scroll, 'optionalAccess', _8 => _8.x]));
280
- console.log(width, _width, myColumns.value);
288
+ myColumns.value = handleColumnsWidth(newColumns, _width, _optionalChain([props, 'access', _12 => _12.scroll, 'optionalAccess', _13 => _13.x]));
281
289
  }
282
290
  const onScrollDown = (len) => {
283
291
  emit('scrollDown', len);
@@ -374,7 +382,7 @@ const __sfc_main__ = Object.assign({
374
382
  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["dataSource", "columns", "cellHeight", "height", "disableMenu", "rowKey", "rowSelection"]),
375
383
  _renderSlot(_ctx.$slots, "bodyExtra")
376
384
  ], 4 /* STYLE */),
377
- (_ctx.scroll.x)
385
+ (_optionalChain([_ctx, 'access', _14 => _14.scroll, 'optionalAccess', _15 => _15.x]))
378
386
  ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
379
387
  _createElementVNode("div", {
380
388
  class: "jetlinks-edit-table-horizontal-scroll-viewport",
@@ -390,7 +398,10 @@ const __sfc_main__ = Object.assign({
390
398
  })
391
399
  }, null, 4 /* STYLE */)
392
400
  ], 544 /* NEED_HYDRATION, NEED_PATCH */),
393
- _hoisted_4
401
+ _createElementVNode("div", {
402
+ class: "jetlinks-edit-table-horizontal-scroll-hidden",
403
+ style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })
404
+ }, null, 4 /* STYLE */)
394
405
  ]))
395
406
  : _createCommentVNode("v-if", true)
396
407
  ])
@@ -1,76 +1,76 @@
1
- .jetlinks-edit-table-body-viewport {
2
- max-height: 100%;
3
- width: 100%;
4
- overflow: hidden auto;
5
- position: relative;
6
-
7
- .jetlinks-edit-scrollbar {
8
- position: absolute;
9
- left: 0;
10
- top: 0;
11
- right: 0;
12
- z-index: -1;
13
- }
14
-
15
- .jetlinks-edit-table-body-container {
16
- display: flex;
17
- }
18
-
19
- .jetlinks-edit-table-center, & .jetlinks-edit-table-left,& .jetlinks-edit-table-right {
20
- position: relative;
21
- min-width: 0;
22
- height: 100%;
23
- z-index: 5;
24
- flex-shrink: 0;
25
- flex-grow: 0;
26
-
27
- .jetlinks-edit-table-row {
28
- width: 100%;
29
- display: flex;
30
- align-items: center;
31
- transition: top .2s, height .2s, background-color .1s;
32
- border-bottom: 1px solid #ebebeb;
33
- background-color: #fff;
34
-
35
- &.jetlinks-edit-table-row-hover {
36
- background-color: rgb(248, 248, 248);
37
- }
38
-
39
- &.jetlinks-edit-table-row-selected {
40
- background-color: var(--ant-primary-1);
41
- }
42
-
43
- .jetlinks-edit-table-cell {
44
- min-width: 0;
45
- }
46
-
47
- .body-cell-box {
48
- padding: 0 12px;
49
- position: relative;
50
- }
51
- }
52
- }
53
-
54
- .jetlinks-edit-table-left {
55
- position: sticky;
56
- left: 0;
57
- }
58
-
59
- .jetlinks-edit-table-right {
60
- position: sticky;
61
- right: 0;
62
- }
63
-
64
- .jetlinks-edit-table-center {
65
- z-index: 1;
66
- > div {
67
- position: relative;
68
- }
69
- }
70
- }
71
- .jetlinks-edit-table-body-empty {
72
- display: flex;
73
- width: 100%;
74
- justify-content: center;
75
- padding-top: 24px;
76
- }
1
+ .jetlinks-edit-table-body-viewport {
2
+ max-height: 100%;
3
+ width: 100%;
4
+ overflow: hidden auto;
5
+ position: relative;
6
+
7
+ .jetlinks-edit-scrollbar {
8
+ position: absolute;
9
+ left: 0;
10
+ top: 0;
11
+ right: 0;
12
+ z-index: -1;
13
+ }
14
+
15
+ .jetlinks-edit-table-body-container {
16
+ display: flex;
17
+ }
18
+
19
+ .jetlinks-edit-table-center, & .jetlinks-edit-table-left,& .jetlinks-edit-table-right {
20
+ position: relative;
21
+ min-width: 0;
22
+ height: 100%;
23
+ z-index: 5;
24
+ flex-shrink: 0;
25
+ flex-grow: 0;
26
+
27
+ .jetlinks-edit-table-row {
28
+ width: 100%;
29
+ display: flex;
30
+ align-items: center;
31
+ transition: top .2s, height .2s, background-color .1s;
32
+ border-bottom: 1px solid #ebebeb;
33
+ background-color: #fff;
34
+
35
+ &.jetlinks-edit-table-row-hover {
36
+ background-color: rgb(248, 248, 248);
37
+ }
38
+
39
+ &.jetlinks-edit-table-row-selected {
40
+ background-color: var(--ant-primary-1);
41
+ }
42
+
43
+ .jetlinks-edit-table-cell {
44
+ min-width: 0;
45
+ }
46
+
47
+ .body-cell-box {
48
+ padding: 0 12px;
49
+ position: relative;
50
+ }
51
+ }
52
+ }
53
+
54
+ .jetlinks-edit-table-left {
55
+ position: sticky;
56
+ left: 0;
57
+ }
58
+
59
+ .jetlinks-edit-table-right {
60
+ position: sticky;
61
+ right: 0;
62
+ }
63
+
64
+ .jetlinks-edit-table-center {
65
+ z-index: 1;
66
+ > div {
67
+ position: relative;
68
+ }
69
+ }
70
+ }
71
+ .jetlinks-edit-table-body-empty {
72
+ display: flex;
73
+ width: 100%;
74
+ justify-content: center;
75
+ padding-top: 24px;
76
+ }
@@ -192,8 +192,6 @@
192
192
  }
193
193
  .jetlinks-edit-table-horizontal-scroll {
194
194
  height: 17px;
195
- min-height: 17px;
196
- max-height: 17px;
197
195
  width: 100%;
198
196
  display: flex;
199
197
  position: relative;
@@ -205,15 +203,12 @@
205
203
  position: relative;
206
204
  flex: 1 1 0;
207
205
  height: 17px;
208
- min-height: 17px;
209
- max-height: 17px;
210
206
  width: 100%;
211
207
  }
212
208
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
213
209
  height: 17px;
214
210
  }
215
211
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
216
- width: 17px;
217
212
  height: 100%;
218
213
  overflow-x: hidden;
219
214
  }
@@ -14,8 +14,6 @@
14
14
 
15
15
  .jetlinks-edit-table-horizontal-scroll {
16
16
  height: 17px;
17
- min-height: 17px;
18
- max-height: 17px;
19
17
  width: 100%;
20
18
  display: flex;
21
19
  position: relative;
@@ -27,8 +25,6 @@
27
25
  position: relative;
28
26
  flex: 1 1 0;
29
27
  height: 17px;
30
- min-height: 17px;
31
- max-height: 17px;
32
28
  width: 100%;
33
29
 
34
30
  > div {
@@ -37,6 +33,6 @@
37
33
  }
38
34
 
39
35
  .jetlinks-edit-table-horizontal-scroll-hidden {
40
- width: 17px; height: 100%; overflow-x: hidden;
36
+ height: 100%; overflow-x: hidden;
41
37
  }
42
38
  }
@@ -1,42 +1,42 @@
1
- .jetlinks-edit-table-wrapper {
2
- background: #fff;
3
- height: 100%;
4
- position: relative;
5
-
6
- &.table-full-screen {
7
- padding: 24px;
8
- }
9
-
10
- .jetlinks-edit-table {
11
- display: flex;
12
- flex-direction: column;
13
- flex-grow: 0;
14
- flex-shrink: 0;
15
-
16
- .jetlinks-edit-table-header {
17
- overflow: hidden;
18
- width: 100%;
19
- position: relative;
20
-
21
- .jetlinks-edit-table-header-scroll-hidden {
22
- position: absolute;
23
- top: 0;
24
- right: 0;
25
- bottom: 0;
26
- z-index: 5;
27
- background: #fafafa;
28
- }
29
- }
30
-
31
-
32
- .jetlinks-edit-table-body {
33
- background-color: #fff;
34
- overflow-y: hidden;
35
- position: relative;
36
- height: 100%;
37
- width: 100%;
38
- flex: 1 1 auto;
39
- flex-direction: row;
40
- }
41
- }
42
- }
1
+ .jetlinks-edit-table-wrapper {
2
+ background: #fff;
3
+ height: 100%;
4
+ position: relative;
5
+
6
+ &.table-full-screen {
7
+ padding: 24px;
8
+ }
9
+
10
+ .jetlinks-edit-table {
11
+ display: flex;
12
+ flex-direction: column;
13
+ flex-grow: 0;
14
+ flex-shrink: 0;
15
+
16
+ .jetlinks-edit-table-header {
17
+ overflow: hidden;
18
+ width: 100%;
19
+ position: relative;
20
+
21
+ .jetlinks-edit-table-header-scroll-hidden {
22
+ position: absolute;
23
+ top: 0;
24
+ right: 0;
25
+ bottom: 0;
26
+ z-index: 5;
27
+ background: #fafafa;
28
+ }
29
+ }
30
+
31
+
32
+ .jetlinks-edit-table-body {
33
+ background-color: #fff;
34
+ overflow-y: hidden;
35
+ position: relative;
36
+ height: 100%;
37
+ width: 100%;
38
+ flex: 1 1 auto;
39
+ flex-direction: row;
40
+ }
41
+ }
42
+ }
@@ -77,7 +77,6 @@ export var handleColumnFixed = function handleColumnFixed(columns) {
77
77
  keys: [],
78
78
  width: 0
79
79
  };
80
- console.log('columns', columns);
81
80
  columns.forEach(function (item) {
82
81
  if (item.fixed === 'left') {
83
82
  left.keys.push(item);
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
9
- const _withScopeId = n => (_pushScopeId("data-v-1722910928606"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1722997806474"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
24
- const _withScopeId = n => (_pushScopeId("data-v-1722910930519"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808659"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
package/es/Search/Item.js CHANGED
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
81
- const _withScopeId = n => (_pushScopeId("data-v-1722910929632"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808112"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
39
- const _withScopeId = n => (_pushScopeId("data-v-1722910929748"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808265"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
@@ -1586,8 +1586,6 @@ textarea.ant-pagination-options-quick-jumper input {
1586
1586
  }
1587
1587
  .jetlinks-edit-table-horizontal-scroll {
1588
1588
  height: 17px;
1589
- min-height: 17px;
1590
- max-height: 17px;
1591
1589
  width: 100%;
1592
1590
  display: flex;
1593
1591
  position: relative;
@@ -1599,15 +1597,12 @@ textarea.ant-pagination-options-quick-jumper input {
1599
1597
  position: relative;
1600
1598
  flex: 1 1 0;
1601
1599
  height: 17px;
1602
- min-height: 17px;
1603
- max-height: 17px;
1604
1600
  width: 100%;
1605
1601
  }
1606
1602
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
1607
1603
  height: 17px;
1608
1604
  }
1609
1605
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
1610
- width: 17px;
1611
1606
  height: 100%;
1612
1607
  overflow-x: hidden;
1613
1608
  }
@@ -47,7 +47,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
47
47
  "scrollTo": "setup-const",
48
48
  "showContextMenu": "setup-const",
49
49
  "rowClick": "setup-const",
50
- "updateSelectedKeys": "setup-const"
50
+ "updateSelectedKeys": "setup-const",
51
+ "getViewScrollRef": "setup-const"
51
52
  } */
52
53
  import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue";
53
54
  const _hoisted_1 = {
@@ -152,6 +153,7 @@ const __sfc_main__ = Object.assign({
152
153
  const updateSelectedKeys = (keys) => {
153
154
  selectedRowKeys.value = keys;
154
155
  };
156
+ const getViewScrollRef = () => viewScrollRef.value;
155
157
  watch(() => JSON.stringify(_optionalChain([props, 'access', _6 => _6.rowSelection, 'optionalAccess', _7 => _7.selectedRowKeys])), (val) => {
156
158
  selectedRowKeys.value = JSON.parse(val || '[]');
157
159
  }, { immediate: true });
@@ -188,7 +190,8 @@ const __sfc_main__ = Object.assign({
188
190
  });
189
191
  __expose({
190
192
  scrollTo,
191
- updateSelectedKeys
193
+ updateSelectedKeys,
194
+ getViewScrollRef
192
195
  });
193
196
  return (_ctx, _cache) => {
194
197
  const _component_j_empty = _resolveComponent("j-empty");
@@ -83,7 +83,6 @@ const _hoisted_3 = {
83
83
  key: 0,
84
84
  class: "jetlinks-edit-table-horizontal-scroll"
85
85
  };
86
- const _hoisted_4 = /*#__PURE__*/ _createElementVNode("div", { class: "jetlinks-edit-table-horizontal-scroll-hidden" }, null, -1 /* HOISTED */);
87
86
  import { FULL_SCREEN, RIGHT_MENU, TABLE_DATA_SOURCE, TABLE_ERROR, TABLE_TOOL, TABLE_WRAPPER } from './consts';
88
87
  import { handleColumnsWidth } from './utils';
89
88
  import { useResizeObserver, useValidate, useFormContext } from './hooks';
@@ -213,7 +212,8 @@ const __sfc_main__ = Object.assign({
213
212
  emit('searchVisibleChange', v);
214
213
  },
215
214
  scrollMap,
216
- sortData
215
+ sortData,
216
+ columns: myColumns
217
217
  });
218
218
  const addField = (key, field) => {
219
219
  fields[key] = field;
@@ -235,7 +235,16 @@ const __sfc_main__ = Object.assign({
235
235
  fieldsErrMap.value[key] = message;
236
236
  }
237
237
  const scrollWidth = computed(() => {
238
- return (props.dataSource.length * props.cellHeight) > props.height ? 17 : 0;
238
+ let _width = 0;
239
+ if (props.dataSource.length * props.cellHeight) {
240
+ _width = 17;
241
+ }
242
+ if (_optionalChain([tableBody, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.getViewScrollRef])) {
243
+ const viewScrollDom = _optionalChain([tableBody, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.getViewScrollRef, 'call', _6 => _6()]);
244
+ const bodyContainer = viewScrollDom.querySelector('.jetlinks-edit-table-body-container');
245
+ _width = viewScrollDom.offsetWidth - bodyContainer.offsetWidth;
246
+ }
247
+ return _width;
239
248
  });
240
249
  const onHorizontalScroll = () => {
241
250
  if (!horizontalScrollRef.value)
@@ -266,8 +275,8 @@ const __sfc_main__ = Object.assign({
266
275
  dataIndex: '__serial',
267
276
  title: options.title,
268
277
  customRender: (customData) => {
269
- if (_optionalChain([props, 'access', _2 => _2.serial, 'optionalAccess', _3 => _3.customRender])) {
270
- return _optionalChain([props, 'access', _4 => _4.serial, 'optionalAccess', _5 => _5.customRender, 'call', _6 => _6(customData)]);
278
+ if (_optionalChain([props, 'access', _7 => _7.serial, 'optionalAccess', _8 => _8.customRender])) {
279
+ return _optionalChain([props, 'access', _9 => _9.serial, 'optionalAccess', _10 => _10.customRender, 'call', _11 => _11(customData)]);
271
280
  }
272
281
  return customData.index + 1;
273
282
  },
@@ -276,8 +285,7 @@ const __sfc_main__ = Object.assign({
276
285
  };
277
286
  newColumns = [serial, ...props.columns];
278
287
  }
279
- myColumns.value = handleColumnsWidth(newColumns, _width, _optionalChain([props, 'access', _7 => _7.scroll, 'optionalAccess', _8 => _8.x]));
280
- console.log(width, _width, myColumns.value);
288
+ myColumns.value = handleColumnsWidth(newColumns, _width, _optionalChain([props, 'access', _12 => _12.scroll, 'optionalAccess', _13 => _13.x]));
281
289
  }
282
290
  const onScrollDown = (len) => {
283
291
  emit('scrollDown', len);
@@ -374,7 +382,7 @@ const __sfc_main__ = Object.assign({
374
382
  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["dataSource", "columns", "cellHeight", "height", "disableMenu", "rowKey", "rowSelection"]),
375
383
  _renderSlot(_ctx.$slots, "bodyExtra")
376
384
  ], 4 /* STYLE */),
377
- (_ctx.scroll.x)
385
+ (_optionalChain([_ctx, 'access', _14 => _14.scroll, 'optionalAccess', _15 => _15.x]))
378
386
  ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
379
387
  _createElementVNode("div", {
380
388
  class: "jetlinks-edit-table-horizontal-scroll-viewport",
@@ -390,7 +398,10 @@ const __sfc_main__ = Object.assign({
390
398
  })
391
399
  }, null, 4 /* STYLE */)
392
400
  ], 544 /* NEED_HYDRATION, NEED_PATCH */),
393
- _hoisted_4
401
+ _createElementVNode("div", {
402
+ class: "jetlinks-edit-table-horizontal-scroll-hidden",
403
+ style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })
404
+ }, null, 4 /* STYLE */)
394
405
  ]))
395
406
  : _createCommentVNode("v-if", true)
396
407
  ])
@@ -1,76 +1,76 @@
1
- .jetlinks-edit-table-body-viewport {
2
- max-height: 100%;
3
- width: 100%;
4
- overflow: hidden auto;
5
- position: relative;
6
-
7
- .jetlinks-edit-scrollbar {
8
- position: absolute;
9
- left: 0;
10
- top: 0;
11
- right: 0;
12
- z-index: -1;
13
- }
14
-
15
- .jetlinks-edit-table-body-container {
16
- display: flex;
17
- }
18
-
19
- .jetlinks-edit-table-center, & .jetlinks-edit-table-left,& .jetlinks-edit-table-right {
20
- position: relative;
21
- min-width: 0;
22
- height: 100%;
23
- z-index: 5;
24
- flex-shrink: 0;
25
- flex-grow: 0;
26
-
27
- .jetlinks-edit-table-row {
28
- width: 100%;
29
- display: flex;
30
- align-items: center;
31
- transition: top .2s, height .2s, background-color .1s;
32
- border-bottom: 1px solid #ebebeb;
33
- background-color: #fff;
34
-
35
- &.jetlinks-edit-table-row-hover {
36
- background-color: rgb(248, 248, 248);
37
- }
38
-
39
- &.jetlinks-edit-table-row-selected {
40
- background-color: var(--ant-primary-1);
41
- }
42
-
43
- .jetlinks-edit-table-cell {
44
- min-width: 0;
45
- }
46
-
47
- .body-cell-box {
48
- padding: 0 12px;
49
- position: relative;
50
- }
51
- }
52
- }
53
-
54
- .jetlinks-edit-table-left {
55
- position: sticky;
56
- left: 0;
57
- }
58
-
59
- .jetlinks-edit-table-right {
60
- position: sticky;
61
- right: 0;
62
- }
63
-
64
- .jetlinks-edit-table-center {
65
- z-index: 1;
66
- > div {
67
- position: relative;
68
- }
69
- }
70
- }
71
- .jetlinks-edit-table-body-empty {
72
- display: flex;
73
- width: 100%;
74
- justify-content: center;
75
- padding-top: 24px;
76
- }
1
+ .jetlinks-edit-table-body-viewport {
2
+ max-height: 100%;
3
+ width: 100%;
4
+ overflow: hidden auto;
5
+ position: relative;
6
+
7
+ .jetlinks-edit-scrollbar {
8
+ position: absolute;
9
+ left: 0;
10
+ top: 0;
11
+ right: 0;
12
+ z-index: -1;
13
+ }
14
+
15
+ .jetlinks-edit-table-body-container {
16
+ display: flex;
17
+ }
18
+
19
+ .jetlinks-edit-table-center, & .jetlinks-edit-table-left,& .jetlinks-edit-table-right {
20
+ position: relative;
21
+ min-width: 0;
22
+ height: 100%;
23
+ z-index: 5;
24
+ flex-shrink: 0;
25
+ flex-grow: 0;
26
+
27
+ .jetlinks-edit-table-row {
28
+ width: 100%;
29
+ display: flex;
30
+ align-items: center;
31
+ transition: top .2s, height .2s, background-color .1s;
32
+ border-bottom: 1px solid #ebebeb;
33
+ background-color: #fff;
34
+
35
+ &.jetlinks-edit-table-row-hover {
36
+ background-color: rgb(248, 248, 248);
37
+ }
38
+
39
+ &.jetlinks-edit-table-row-selected {
40
+ background-color: var(--ant-primary-1);
41
+ }
42
+
43
+ .jetlinks-edit-table-cell {
44
+ min-width: 0;
45
+ }
46
+
47
+ .body-cell-box {
48
+ padding: 0 12px;
49
+ position: relative;
50
+ }
51
+ }
52
+ }
53
+
54
+ .jetlinks-edit-table-left {
55
+ position: sticky;
56
+ left: 0;
57
+ }
58
+
59
+ .jetlinks-edit-table-right {
60
+ position: sticky;
61
+ right: 0;
62
+ }
63
+
64
+ .jetlinks-edit-table-center {
65
+ z-index: 1;
66
+ > div {
67
+ position: relative;
68
+ }
69
+ }
70
+ }
71
+ .jetlinks-edit-table-body-empty {
72
+ display: flex;
73
+ width: 100%;
74
+ justify-content: center;
75
+ padding-top: 24px;
76
+ }
@@ -192,8 +192,6 @@
192
192
  }
193
193
  .jetlinks-edit-table-horizontal-scroll {
194
194
  height: 17px;
195
- min-height: 17px;
196
- max-height: 17px;
197
195
  width: 100%;
198
196
  display: flex;
199
197
  position: relative;
@@ -205,15 +203,12 @@
205
203
  position: relative;
206
204
  flex: 1 1 0;
207
205
  height: 17px;
208
- min-height: 17px;
209
- max-height: 17px;
210
206
  width: 100%;
211
207
  }
212
208
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
213
209
  height: 17px;
214
210
  }
215
211
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
216
- width: 17px;
217
212
  height: 100%;
218
213
  overflow-x: hidden;
219
214
  }
@@ -14,8 +14,6 @@
14
14
 
15
15
  .jetlinks-edit-table-horizontal-scroll {
16
16
  height: 17px;
17
- min-height: 17px;
18
- max-height: 17px;
19
17
  width: 100%;
20
18
  display: flex;
21
19
  position: relative;
@@ -27,8 +25,6 @@
27
25
  position: relative;
28
26
  flex: 1 1 0;
29
27
  height: 17px;
30
- min-height: 17px;
31
- max-height: 17px;
32
28
  width: 100%;
33
29
 
34
30
  > div {
@@ -37,6 +33,6 @@
37
33
  }
38
34
 
39
35
  .jetlinks-edit-table-horizontal-scroll-hidden {
40
- width: 17px; height: 100%; overflow-x: hidden;
36
+ height: 100%; overflow-x: hidden;
41
37
  }
42
38
  }
@@ -1,42 +1,42 @@
1
- .jetlinks-edit-table-wrapper {
2
- background: #fff;
3
- height: 100%;
4
- position: relative;
5
-
6
- &.table-full-screen {
7
- padding: 24px;
8
- }
9
-
10
- .jetlinks-edit-table {
11
- display: flex;
12
- flex-direction: column;
13
- flex-grow: 0;
14
- flex-shrink: 0;
15
-
16
- .jetlinks-edit-table-header {
17
- overflow: hidden;
18
- width: 100%;
19
- position: relative;
20
-
21
- .jetlinks-edit-table-header-scroll-hidden {
22
- position: absolute;
23
- top: 0;
24
- right: 0;
25
- bottom: 0;
26
- z-index: 5;
27
- background: #fafafa;
28
- }
29
- }
30
-
31
-
32
- .jetlinks-edit-table-body {
33
- background-color: #fff;
34
- overflow-y: hidden;
35
- position: relative;
36
- height: 100%;
37
- width: 100%;
38
- flex: 1 1 auto;
39
- flex-direction: row;
40
- }
41
- }
42
- }
1
+ .jetlinks-edit-table-wrapper {
2
+ background: #fff;
3
+ height: 100%;
4
+ position: relative;
5
+
6
+ &.table-full-screen {
7
+ padding: 24px;
8
+ }
9
+
10
+ .jetlinks-edit-table {
11
+ display: flex;
12
+ flex-direction: column;
13
+ flex-grow: 0;
14
+ flex-shrink: 0;
15
+
16
+ .jetlinks-edit-table-header {
17
+ overflow: hidden;
18
+ width: 100%;
19
+ position: relative;
20
+
21
+ .jetlinks-edit-table-header-scroll-hidden {
22
+ position: absolute;
23
+ top: 0;
24
+ right: 0;
25
+ bottom: 0;
26
+ z-index: 5;
27
+ background: #fafafa;
28
+ }
29
+ }
30
+
31
+
32
+ .jetlinks-edit-table-body {
33
+ background-color: #fff;
34
+ overflow-y: hidden;
35
+ position: relative;
36
+ height: 100%;
37
+ width: 100%;
38
+ flex: 1 1 auto;
39
+ flex-direction: row;
40
+ }
41
+ }
42
+ }
@@ -84,7 +84,6 @@ var handleColumnFixed = exports.handleColumnFixed = function handleColumnFixed(c
84
84
  keys: [],
85
85
  width: 0
86
86
  };
87
- console.log('columns', columns);
88
87
  columns.forEach(function (item) {
89
88
  if (item.fixed === 'left') {
90
89
  left.keys.push(item);
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
9
- const _withScopeId = n => (_pushScopeId("data-v-1722910928600"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1722997806466"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
24
- const _withScopeId = n => (_pushScopeId("data-v-1722910930530"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808646"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
81
- const _withScopeId = n => (_pushScopeId("data-v-1722910929513"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808043"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
39
- const _withScopeId = n => (_pushScopeId("data-v-1722910929773"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1722997808246"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
@@ -1586,8 +1586,6 @@ textarea.ant-pagination-options-quick-jumper input {
1586
1586
  }
1587
1587
  .jetlinks-edit-table-horizontal-scroll {
1588
1588
  height: 17px;
1589
- min-height: 17px;
1590
- max-height: 17px;
1591
1589
  width: 100%;
1592
1590
  display: flex;
1593
1591
  position: relative;
@@ -1599,15 +1597,12 @@ textarea.ant-pagination-options-quick-jumper input {
1599
1597
  position: relative;
1600
1598
  flex: 1 1 0;
1601
1599
  height: 17px;
1602
- min-height: 17px;
1603
- max-height: 17px;
1604
1600
  width: 100%;
1605
1601
  }
1606
1602
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
1607
1603
  height: 17px;
1608
1604
  }
1609
1605
  .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
1610
- width: 17px;
1611
1606
  height: 100%;
1612
1607
  overflow-x: hidden;
1613
1608
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetlinks-web/components",
3
- "version": "2.0.38",
3
+ "version": "2.1.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",