@geelato/web-vue 2.57.1 → 2.58.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/arco-vue.js +872 -535
- package/dist/arco-vue.js.map +1 -1
- package/dist/arco-vue.min.js +1645 -1546
- package/dist/arco-vue.min.js.map +1 -1
- package/dist/arco.css +39 -8
- package/dist/arco.min.css +1 -1
- package/es/_components/picker/input-range.d.ts +2 -2
- package/es/_components/picker/input.d.ts +1 -1
- package/es/_components/virtual-list-v2/virtual-list.d.ts +3 -3
- package/es/_utils/array.d.ts +1 -1
- package/es/_utils/array.js +18 -1
- package/es/date-picker/index.d.ts +7 -7
- package/es/date-picker/panels/date/index.d.ts +2 -2
- package/es/date-picker/panels/week/index.d.ts +2 -2
- package/es/date-picker/picker-panel.d.ts +4 -4
- package/es/date-picker/picker.d.ts +5 -5
- package/es/date-picker/range-picker-panel.d.ts +4 -4
- package/es/date-picker/range-picker.d.ts +7 -7
- package/es/drawer/drawer.d.ts +24 -0
- package/es/drawer/drawer.js +61 -6
- package/es/drawer/index.d.ts +45 -0
- package/es/drawer/style/index.css +10 -0
- package/es/drawer/style/index.less +12 -0
- package/es/index.css +39 -8
- package/es/mention/index.d.ts +3 -3
- package/es/mention/mention.d.ts +1 -1
- package/es/menu/item.d.ts +1 -1
- package/es/menu/sub-menu-pop.d.ts +1 -1
- package/es/message/message.d.ts +1 -1
- package/es/modal/index.d.ts +33 -3
- package/es/modal/modal.d.ts +16 -1
- package/es/modal/modal.js +23 -6
- package/es/modal/modal.vue_vue_type_script_lang.js +26 -2
- package/es/modal/style/index.css +7 -1
- package/es/modal/style/index.less +8 -1
- package/es/pagination/index.d.ts +3 -3
- package/es/pagination/pagination.d.ts +1 -1
- package/es/table/context.d.ts +3 -0
- package/es/table/hooks/use-row-selection.js +5 -3
- package/es/table/interface.d.ts +1 -1
- package/es/table/style/index.css +22 -7
- package/es/table/style/index.less +25 -8
- package/es/table/table-operation-td.js +6 -6
- package/es/table/table-operation-th.js +19 -7
- package/es/table/table-td.js +2 -2
- package/es/table/table.js +165 -33
- package/es/table/utils.d.ts +1 -1
- package/es/table/utils.js +9 -5
- package/es/time-picker/index.d.ts +14 -14
- package/es/time-picker/panel.d.ts +2 -2
- package/es/time-picker/range-panel.d.ts +2 -2
- package/es/time-picker/time-picker.d.ts +7 -7
- package/es/tree/index.d.ts +6 -6
- package/es/tree/tree.d.ts +3 -3
- package/es/tree-select/index.d.ts +12 -12
- package/es/tree-select/panel.d.ts +6 -6
- package/es/tree-select/tree-select.d.ts +6 -6
- package/es/typography/index.d.ts +3 -3
- package/es/typography/title.d.ts +3 -3
- package/json/vetur-attributes.json +2491 -2491
- package/json/vetur-tags.json +889 -889
- package/json/web-types.json +4726 -4726
- package/lib/_utils/array.js +18 -1
- package/lib/drawer/drawer.js +63 -8
- package/lib/drawer/style/index.css +10 -0
- package/lib/drawer/style/index.less +12 -0
- package/lib/index.css +39 -8
- package/lib/modal/modal.js +23 -6
- package/lib/modal/modal.vue_vue_type_script_lang.js +36 -12
- package/lib/modal/style/index.css +7 -1
- package/lib/modal/style/index.less +8 -1
- package/lib/table/hooks/use-row-selection.js +5 -3
- package/lib/table/style/index.css +22 -7
- package/lib/table/style/index.less +25 -8
- package/lib/table/table-operation-td.js +6 -6
- package/lib/table/table-operation-th.js +19 -7
- package/lib/table/table-td.js +2 -2
- package/lib/table/table.js +164 -32
- package/lib/table/utils.js +9 -5
- package/package.json +25 -24
- package/LICENSE +0 -21
package/es/table/table.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, inject, toRefs, computed, ref, reactive, watch, watchEffect, provide, onMounted, createVNode, Fragment, mergeProps, isVNode } from "vue";
|
|
1
|
+
import { defineComponent, inject, toRefs, computed, ref, reactive, watch, watchEffect, provide, nextTick, onMounted, createVNode, Fragment, mergeProps, isVNode } from "vue";
|
|
2
2
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
3
|
import { isObject, isFunction, isNumber, isString, isArray, isUndefined, isNull } from "../_utils/is.js";
|
|
4
4
|
import { debounce } from "../_utils/debounce.js";
|
|
@@ -279,7 +279,7 @@ var _Table = defineComponent({
|
|
|
279
279
|
const {
|
|
280
280
|
componentRef: virtualComRef,
|
|
281
281
|
elementRef: virtualRef
|
|
282
|
-
} = useComponentRef("
|
|
282
|
+
} = useComponentRef("containerRef");
|
|
283
283
|
const {
|
|
284
284
|
componentRef: theadComRef,
|
|
285
285
|
elementRef: theadRef
|
|
@@ -475,6 +475,9 @@ var _Table = defineComponent({
|
|
|
475
475
|
currentAllEnabledRowKeys,
|
|
476
476
|
emit
|
|
477
477
|
});
|
|
478
|
+
const currentAllEnabledRowKeySet = computed(() => new Set(currentAllEnabledRowKeys.value));
|
|
479
|
+
const currentSelectedRowKeySet = computed(() => new Set(currentSelectedRowKeys.value));
|
|
480
|
+
const selectedRowKeySet = computed(() => new Set(selectedRowKeys.value));
|
|
478
481
|
const {
|
|
479
482
|
expandedRowKeys,
|
|
480
483
|
handleExpand,
|
|
@@ -530,18 +533,27 @@ var _Table = defineComponent({
|
|
|
530
533
|
expand: _record.expand,
|
|
531
534
|
isLeaf: _record.isLeaf
|
|
532
535
|
};
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
+
const recordChildren = _record.children;
|
|
537
|
+
if (Array.isArray(recordChildren)) {
|
|
538
|
+
if (recordChildren.length > 0) {
|
|
539
|
+
record.isLeaf = false;
|
|
540
|
+
record.children = travel(recordChildren);
|
|
541
|
+
} else if (showEmptyTree.value) {
|
|
542
|
+
record.isLeaf = false;
|
|
543
|
+
record.children = [];
|
|
544
|
+
} else {
|
|
545
|
+
record.isLeaf = true;
|
|
546
|
+
}
|
|
536
547
|
} else if (props.loadMore && !_record.isLeaf) {
|
|
537
548
|
record.isLeaf = false;
|
|
538
|
-
|
|
539
|
-
|
|
549
|
+
const lazyChildren = lazyLoadData[record.key];
|
|
550
|
+
if (lazyChildren) {
|
|
551
|
+
record.children = travel(lazyChildren);
|
|
540
552
|
}
|
|
541
553
|
} else {
|
|
542
554
|
record.isLeaf = true;
|
|
543
555
|
}
|
|
544
|
-
record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 :
|
|
556
|
+
record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : showEmptyTree.value || record.children.length > 0 : props.loadMore && !record.isLeaf);
|
|
545
557
|
result.push(record);
|
|
546
558
|
}
|
|
547
559
|
return result;
|
|
@@ -859,7 +871,10 @@ var _Table = defineComponent({
|
|
|
859
871
|
resizingColumn,
|
|
860
872
|
checkStrictly,
|
|
861
873
|
currentAllEnabledRowKeys,
|
|
874
|
+
currentAllEnabledRowKeySet,
|
|
862
875
|
currentSelectedRowKeys,
|
|
876
|
+
currentSelectedRowKeySet,
|
|
877
|
+
selectedRowKeySet,
|
|
863
878
|
addColumn,
|
|
864
879
|
removeColumn,
|
|
865
880
|
onSelectAll: handleSelectAll,
|
|
@@ -879,7 +894,8 @@ var _Table = defineComponent({
|
|
|
879
894
|
[`${prefixCls}-dragging`]: dragState.dragging,
|
|
880
895
|
[`${prefixCls}-type-selection`]: Boolean(props.rowSelection),
|
|
881
896
|
[`${prefixCls}-empty`]: props.data && flattenData.value.length === 0,
|
|
882
|
-
[`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll.value.x || splitTable.value || hasEllipsis.value
|
|
897
|
+
[`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll.value.x || splitTable.value || hasEllipsis.value,
|
|
898
|
+
[`${prefixCls}-virtualized`]: Boolean(props.virtualListProps)
|
|
883
899
|
}]);
|
|
884
900
|
const paginationCls = computed(() => [`${prefixCls}-pagination`, {
|
|
885
901
|
[`${prefixCls}-pagination-left`]: props.pagePosition === "tl" || props.pagePosition === "bl",
|
|
@@ -906,6 +922,13 @@ var _Table = defineComponent({
|
|
|
906
922
|
}
|
|
907
923
|
thWidth.value = width;
|
|
908
924
|
};
|
|
925
|
+
watch(columnWidth, () => {
|
|
926
|
+
if (isVirtualList.value) {
|
|
927
|
+
nextTick(getThWidth);
|
|
928
|
+
}
|
|
929
|
+
}, {
|
|
930
|
+
deep: true
|
|
931
|
+
});
|
|
909
932
|
const hasScrollBar = ref(false);
|
|
910
933
|
const isTbodyHasScrollBar = () => {
|
|
911
934
|
if (tbodyRef.value) {
|
|
@@ -978,11 +1001,16 @@ var _Table = defineComponent({
|
|
|
978
1001
|
columns: allColumns
|
|
979
1002
|
});
|
|
980
1003
|
const getVirtualColumnStyle = (name) => {
|
|
981
|
-
|
|
1004
|
+
var _a;
|
|
1005
|
+
if (!isVirtualList.value || !name) {
|
|
1006
|
+
return void 0;
|
|
1007
|
+
}
|
|
1008
|
+
const width = (_a = columnWidth[name]) != null ? _a : thWidth.value[name];
|
|
1009
|
+
if (!width) {
|
|
982
1010
|
return void 0;
|
|
983
1011
|
}
|
|
984
1012
|
return {
|
|
985
|
-
width: `${
|
|
1013
|
+
width: `${width}px`
|
|
986
1014
|
};
|
|
987
1015
|
};
|
|
988
1016
|
const renderSummaryRow = (record, rowIndex) => {
|
|
@@ -1098,16 +1126,14 @@ var _Table = defineComponent({
|
|
|
1098
1126
|
}
|
|
1099
1127
|
return null;
|
|
1100
1128
|
};
|
|
1101
|
-
const
|
|
1129
|
+
const renderRecordRow = (record, rowIndex, {
|
|
1102
1130
|
indentSize = 0,
|
|
1103
1131
|
indexPath,
|
|
1104
1132
|
allowDrag = true
|
|
1105
1133
|
} = {}) => {
|
|
1106
|
-
var _a;
|
|
1107
1134
|
const currentKey = record.key;
|
|
1108
1135
|
const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
|
|
1109
1136
|
const expandContent = renderExpandContent(record);
|
|
1110
|
-
const showExpand = expandedRowKeys.value.includes(currentKey);
|
|
1111
1137
|
const isDragTarget = dragState.sourceKey === record.key;
|
|
1112
1138
|
const dragSourceEvent = dragType.value ? {
|
|
1113
1139
|
draggable: allowDrag,
|
|
@@ -1140,7 +1166,7 @@ var _Table = defineComponent({
|
|
|
1140
1166
|
handleDrop(ev);
|
|
1141
1167
|
}
|
|
1142
1168
|
} : {};
|
|
1143
|
-
return createVNode(
|
|
1169
|
+
return createVNode(Tr, mergeProps({
|
|
1144
1170
|
"key": currentKey,
|
|
1145
1171
|
"class": [{
|
|
1146
1172
|
[`${prefixCls}-tr-draggable`]: dragType.value === "row",
|
|
@@ -1148,15 +1174,15 @@ var _Table = defineComponent({
|
|
|
1148
1174
|
}, isFunction(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
|
|
1149
1175
|
"rowIndex": rowIndex,
|
|
1150
1176
|
"record": record,
|
|
1151
|
-
"checked": props.rowSelection &&
|
|
1177
|
+
"checked": props.rowSelection && selectedRowKeySet.value.has(currentKey),
|
|
1152
1178
|
"onClick": (ev) => handleRowClick(record, ev),
|
|
1153
1179
|
"onDblclick": (ev) => handleRowDblclick(record, ev),
|
|
1154
1180
|
"onContextmenu": (ev) => handleRowContextMenu(record, ev)
|
|
1155
1181
|
}, dragType.value === "row" ? dragSourceEvent : {}, dragTargetEvent), {
|
|
1156
1182
|
default: () => [operations.value.map((operation, index) => {
|
|
1157
|
-
var
|
|
1183
|
+
var _a;
|
|
1158
1184
|
const cellId = `${rowIndex}-${index}-${record.key}`;
|
|
1159
|
-
const [rowspan, colspan] = props.spanAll ? (
|
|
1185
|
+
const [rowspan, colspan] = props.spanAll ? (_a = tableSpan.value[cellId]) != null ? _a : [1, 1] : [1, 1];
|
|
1160
1186
|
if (props.spanAll && removedCells.value.includes(cellId)) {
|
|
1161
1187
|
return null;
|
|
1162
1188
|
}
|
|
@@ -1176,9 +1202,9 @@ var _Table = defineComponent({
|
|
|
1176
1202
|
"drag-handle-icon": slots["drag-handle-icon"]
|
|
1177
1203
|
});
|
|
1178
1204
|
}), dataColumns.value.map((column, index) => {
|
|
1179
|
-
var
|
|
1205
|
+
var _a;
|
|
1180
1206
|
const cellId = `${rowIndex}-${props.spanAll ? operations.value.length + index : index}-${record.key}`;
|
|
1181
|
-
const [rowspan, colspan] = (
|
|
1207
|
+
const [rowspan, colspan] = (_a = tableSpan.value[cellId]) != null ? _a : [1, 1];
|
|
1182
1208
|
if (removedCells.value.includes(cellId)) {
|
|
1183
1209
|
return null;
|
|
1184
1210
|
}
|
|
@@ -1209,13 +1235,123 @@ var _Table = defineComponent({
|
|
|
1209
1235
|
});
|
|
1210
1236
|
})],
|
|
1211
1237
|
tr: slots.tr
|
|
1238
|
+
});
|
|
1239
|
+
};
|
|
1240
|
+
const renderRecord = (record, rowIndex, {
|
|
1241
|
+
indentSize = 0,
|
|
1242
|
+
indexPath,
|
|
1243
|
+
allowDrag = true
|
|
1244
|
+
} = {}) => {
|
|
1245
|
+
const currentKey = record.key;
|
|
1246
|
+
const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
|
|
1247
|
+
const expandContent = renderExpandContent(record);
|
|
1248
|
+
const showExpand = expandedRowKeys.value.includes(currentKey);
|
|
1249
|
+
return createVNode(Fragment, null, [renderRecordRow(record, rowIndex, {
|
|
1250
|
+
indentSize,
|
|
1251
|
+
indexPath,
|
|
1252
|
+
allowDrag
|
|
1212
1253
|
}), showExpand && renderExpand(record, {
|
|
1213
1254
|
indentSize: indentSize + props.indentSize,
|
|
1214
1255
|
indexPath: currentPath,
|
|
1215
|
-
allowDrag
|
|
1256
|
+
allowDrag,
|
|
1216
1257
|
expandContent
|
|
1217
1258
|
})]);
|
|
1218
1259
|
};
|
|
1260
|
+
const renderVirtualEmptyRow = (key) => {
|
|
1261
|
+
return createVNode(Tr, {
|
|
1262
|
+
"key": key,
|
|
1263
|
+
"empty": true
|
|
1264
|
+
}, {
|
|
1265
|
+
default: () => [createVNode(Td, {
|
|
1266
|
+
"colSpan": dataColumns.value.length + operations.value.length
|
|
1267
|
+
}, {
|
|
1268
|
+
default: () => {
|
|
1269
|
+
var _a, _b, _c, _d, _e;
|
|
1270
|
+
return [(_e = (_d = (_a = slots.empty) == null ? void 0 : _a.call(slots)) != null ? _d : (_c = configCtx == null ? void 0 : (_b = configCtx.slots).empty) == null ? void 0 : _c.call(_b, {
|
|
1271
|
+
component: "table"
|
|
1272
|
+
})) != null ? _e : createVNode(Empty, null, null)];
|
|
1273
|
+
}
|
|
1274
|
+
})]
|
|
1275
|
+
});
|
|
1276
|
+
};
|
|
1277
|
+
const virtualListData = computed(() => {
|
|
1278
|
+
if (!isVirtualList.value || flattenData.value.length === 0) {
|
|
1279
|
+
return [];
|
|
1280
|
+
}
|
|
1281
|
+
const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
|
|
1282
|
+
const baseIndentSize = hasSubData ? 20 : 0;
|
|
1283
|
+
const expandedKeySet = new Set(expandedRowKeys.value);
|
|
1284
|
+
const list = [];
|
|
1285
|
+
let recordIndex = 0;
|
|
1286
|
+
const travel = (data, indentSize, indexPath) => {
|
|
1287
|
+
data.forEach((record, index) => {
|
|
1288
|
+
var _a;
|
|
1289
|
+
const currentPath = indexPath.concat(index);
|
|
1290
|
+
list.push({
|
|
1291
|
+
type: "record",
|
|
1292
|
+
_key: `r-${String(record.key)}`,
|
|
1293
|
+
record,
|
|
1294
|
+
rowIndex: recordIndex,
|
|
1295
|
+
indentSize,
|
|
1296
|
+
indexPath: currentPath
|
|
1297
|
+
});
|
|
1298
|
+
recordIndex += 1;
|
|
1299
|
+
if (!expandedKeySet.has(record.key))
|
|
1300
|
+
return;
|
|
1301
|
+
if (record.hasSubtree) {
|
|
1302
|
+
if (((_a = record.children) == null ? void 0 : _a.length) === 0 && showEmptyTree.value) {
|
|
1303
|
+
list.push({
|
|
1304
|
+
type: "empty-subtree",
|
|
1305
|
+
_key: `empty-subtree-${String(record.key)}`
|
|
1306
|
+
});
|
|
1307
|
+
return;
|
|
1308
|
+
}
|
|
1309
|
+
if (record.children && record.children.length > 0) {
|
|
1310
|
+
travel(record.children, indentSize + props.indentSize, currentPath);
|
|
1311
|
+
}
|
|
1312
|
+
return;
|
|
1313
|
+
}
|
|
1314
|
+
const expandContent = renderExpandContent(record);
|
|
1315
|
+
if (expandContent) {
|
|
1316
|
+
list.push({
|
|
1317
|
+
type: "expand",
|
|
1318
|
+
_key: `expand-${String(record.key)}`,
|
|
1319
|
+
record
|
|
1320
|
+
});
|
|
1321
|
+
}
|
|
1322
|
+
});
|
|
1323
|
+
};
|
|
1324
|
+
travel(flattenData.value, baseIndentSize, []);
|
|
1325
|
+
return list;
|
|
1326
|
+
});
|
|
1327
|
+
const renderVirtualItem = (item) => {
|
|
1328
|
+
if (item.type === "record") {
|
|
1329
|
+
return renderRecordRow(item.record, item.rowIndex, {
|
|
1330
|
+
indentSize: item.indentSize,
|
|
1331
|
+
indexPath: item.indexPath
|
|
1332
|
+
});
|
|
1333
|
+
}
|
|
1334
|
+
if (item.type === "empty-subtree") {
|
|
1335
|
+
return renderVirtualEmptyRow(item._key);
|
|
1336
|
+
}
|
|
1337
|
+
const expandContent = renderExpandContent(item.record);
|
|
1338
|
+
if (!expandContent) {
|
|
1339
|
+
return null;
|
|
1340
|
+
}
|
|
1341
|
+
const scrollContainer = containerElement.value;
|
|
1342
|
+
return createVNode(Tr, {
|
|
1343
|
+
"key": `${item.record.key}-expand`,
|
|
1344
|
+
"expand": true
|
|
1345
|
+
}, {
|
|
1346
|
+
default: () => [createVNode(Td, {
|
|
1347
|
+
"isFixedExpand": hasLeftFixedColumn.value || hasRightFixedColumn.value,
|
|
1348
|
+
"containerWidth": scrollContainer == null ? void 0 : scrollContainer.clientWidth,
|
|
1349
|
+
"colSpan": dataColumns.value.length + operations.value.length
|
|
1350
|
+
}, _isSlot(expandContent) ? expandContent : {
|
|
1351
|
+
default: () => [expandContent]
|
|
1352
|
+
})]
|
|
1353
|
+
});
|
|
1354
|
+
};
|
|
1219
1355
|
const renderBody = () => {
|
|
1220
1356
|
const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
|
|
1221
1357
|
return createVNode(Tbody, null, {
|
|
@@ -1244,7 +1380,7 @@ var _Table = defineComponent({
|
|
|
1244
1380
|
"rowSpan": groupColumns.value.length
|
|
1245
1381
|
}, null);
|
|
1246
1382
|
}), row.map((column, index2) => {
|
|
1247
|
-
const resizable = props.columnResizable && Boolean(column.dataIndex) && index2 < row.length - 1;
|
|
1383
|
+
const resizable = props.columnResizable && Boolean(column.dataIndex) && index2 < row.length - 1 && !column.fixed;
|
|
1248
1384
|
return createVNode(Th, {
|
|
1249
1385
|
"key": `th-${index2}`,
|
|
1250
1386
|
"ref": (ins) => {
|
|
@@ -1307,14 +1443,11 @@ var _Table = defineComponent({
|
|
|
1307
1443
|
"onResize": handleTbodyResize
|
|
1308
1444
|
}, {
|
|
1309
1445
|
default: () => {
|
|
1310
|
-
var _a2, _b2;
|
|
1446
|
+
var _a2, _b2, _c, _d;
|
|
1311
1447
|
return [isVirtualList.value && flattenData.value.length ? createVNode(VirtualList, mergeProps({
|
|
1312
|
-
"ref":
|
|
1313
|
-
if (ins == null ? void 0 : ins.$el)
|
|
1314
|
-
tbodyRef.value = ins.$el;
|
|
1315
|
-
},
|
|
1448
|
+
"ref": virtualComRef.value,
|
|
1316
1449
|
"class": `${prefixCls}-body`,
|
|
1317
|
-
"data":
|
|
1450
|
+
"data": virtualListData.value,
|
|
1318
1451
|
"itemKey": "_key",
|
|
1319
1452
|
"component": {
|
|
1320
1453
|
list: "table",
|
|
@@ -1325,19 +1458,18 @@ var _Table = defineComponent({
|
|
|
1325
1458
|
style: contentStyle.value
|
|
1326
1459
|
},
|
|
1327
1460
|
"paddingPosition": "list",
|
|
1328
|
-
"height": "auto"
|
|
1461
|
+
"height": (_b2 = (_a2 = props.scroll) == null ? void 0 : _a2.y) != null ? _b2 : "auto"
|
|
1329
1462
|
}, props.virtualListProps, {
|
|
1330
1463
|
"onScroll": onTbodyScroll
|
|
1331
1464
|
}), {
|
|
1332
1465
|
item: ({
|
|
1333
|
-
item
|
|
1334
|
-
|
|
1335
|
-
}) => renderRecord(item, index)
|
|
1466
|
+
item
|
|
1467
|
+
}) => renderVirtualItem(item)
|
|
1336
1468
|
}) : createVNode(Component, mergeProps({
|
|
1337
1469
|
"ref": tbodyComRef,
|
|
1338
1470
|
"class": `${prefixCls}-body`,
|
|
1339
1471
|
"style": {
|
|
1340
|
-
maxHeight: isNumber((
|
|
1472
|
+
maxHeight: isNumber((_c = props.scroll) == null ? void 0 : _c.y) ? `${(_d = props.scroll) == null ? void 0 : _d.y}px` : "100%"
|
|
1341
1473
|
}
|
|
1342
1474
|
}, scrollbar.value ? {
|
|
1343
1475
|
outerStyle: {
|
package/es/table/utils.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ export declare function mapArrayWithChildren<T extends Array<{
|
|
|
28
28
|
}>>(arr: T): T;
|
|
29
29
|
export declare function mapRawTableData<T extends TableDataWithRaw[]>(arr: T): TableDataWithRaw['raw'][];
|
|
30
30
|
export declare const getLeafKeys: (record: TableDataWithRaw) => BaseType[];
|
|
31
|
-
export declare const getSelectionStatus: (selectedRowKeys: BaseType[]
|
|
31
|
+
export declare const getSelectionStatus: (selectedRowKeys: BaseType[] | Set<BaseType>, leafKeys: BaseType[]) => {
|
|
32
32
|
checked: boolean;
|
|
33
33
|
indeterminate: boolean;
|
|
34
34
|
};
|
package/es/table/utils.js
CHANGED
|
@@ -259,11 +259,15 @@ const getLeafKeys = (record) => {
|
|
|
259
259
|
const getSelectionStatus = (selectedRowKeys, leafKeys) => {
|
|
260
260
|
let checked = false;
|
|
261
261
|
let indeterminate = false;
|
|
262
|
-
const
|
|
263
|
-
|
|
264
|
-
)
|
|
265
|
-
|
|
266
|
-
|
|
262
|
+
const selectedSet = selectedRowKeys instanceof Set ? selectedRowKeys : new Set(selectedRowKeys);
|
|
263
|
+
let selectedLeafCount = 0;
|
|
264
|
+
for (const key of leafKeys) {
|
|
265
|
+
if (selectedSet.has(key)) {
|
|
266
|
+
selectedLeafCount += 1;
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
if (selectedLeafCount > 0) {
|
|
270
|
+
if (selectedLeafCount >= leafKeys.length) {
|
|
267
271
|
checked = true;
|
|
268
272
|
} else {
|
|
269
273
|
indeterminate = true;
|
|
@@ -755,7 +755,7 @@ declare const TimePicker: {
|
|
|
755
755
|
}, {}, {}, {
|
|
756
756
|
focus(): void;
|
|
757
757
|
blur(): void;
|
|
758
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "
|
|
758
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
759
759
|
size: {
|
|
760
760
|
type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
|
|
761
761
|
};
|
|
@@ -910,7 +910,7 @@ declare const TimePicker: {
|
|
|
910
910
|
}, {}, {}, {
|
|
911
911
|
focus(index?: number | undefined): void;
|
|
912
912
|
blur(): void;
|
|
913
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "
|
|
913
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
914
914
|
size: {
|
|
915
915
|
type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
|
|
916
916
|
};
|
|
@@ -951,9 +951,9 @@ declare const TimePicker: {
|
|
|
951
951
|
}>> & Readonly<{
|
|
952
952
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
953
953
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
954
|
+
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
954
955
|
"onFocused-index-change"?: ((...args: any[]) => any) | undefined;
|
|
955
956
|
"onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
|
|
956
|
-
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
957
957
|
}>, {
|
|
958
958
|
disabled: boolean | boolean[];
|
|
959
959
|
placeholder: string[];
|
|
@@ -1052,7 +1052,7 @@ declare const TimePicker: {
|
|
|
1052
1052
|
(value: number): import("dayjs").Dayjs;
|
|
1053
1053
|
};
|
|
1054
1054
|
day: {
|
|
1055
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1055
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1056
1056
|
(value: number): import("dayjs").Dayjs;
|
|
1057
1057
|
};
|
|
1058
1058
|
hour: {
|
|
@@ -1141,7 +1141,7 @@ declare const TimePicker: {
|
|
|
1141
1141
|
(value: number): import("dayjs").Dayjs;
|
|
1142
1142
|
};
|
|
1143
1143
|
day: {
|
|
1144
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1144
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1145
1145
|
(value: number): import("dayjs").Dayjs;
|
|
1146
1146
|
};
|
|
1147
1147
|
hour: {
|
|
@@ -1572,7 +1572,7 @@ declare const TimePicker: {
|
|
|
1572
1572
|
(value: number): import("dayjs").Dayjs;
|
|
1573
1573
|
};
|
|
1574
1574
|
day: {
|
|
1575
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1575
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1576
1576
|
(value: number): import("dayjs").Dayjs;
|
|
1577
1577
|
};
|
|
1578
1578
|
hour: {
|
|
@@ -1661,7 +1661,7 @@ declare const TimePicker: {
|
|
|
1661
1661
|
(value: number): import("dayjs").Dayjs;
|
|
1662
1662
|
};
|
|
1663
1663
|
day: {
|
|
1664
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1664
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1665
1665
|
(value: number): import("dayjs").Dayjs;
|
|
1666
1666
|
};
|
|
1667
1667
|
hour: {
|
|
@@ -2925,7 +2925,7 @@ declare const TimePicker: {
|
|
|
2925
2925
|
}, {}, {}, {
|
|
2926
2926
|
focus(): void;
|
|
2927
2927
|
blur(): void;
|
|
2928
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "
|
|
2928
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
2929
2929
|
size: {
|
|
2930
2930
|
type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
|
|
2931
2931
|
};
|
|
@@ -3080,7 +3080,7 @@ declare const TimePicker: {
|
|
|
3080
3080
|
}, {}, {}, {
|
|
3081
3081
|
focus(index?: number | undefined): void;
|
|
3082
3082
|
blur(): void;
|
|
3083
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "
|
|
3083
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
3084
3084
|
size: {
|
|
3085
3085
|
type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
|
|
3086
3086
|
};
|
|
@@ -3121,9 +3121,9 @@ declare const TimePicker: {
|
|
|
3121
3121
|
}>> & Readonly<{
|
|
3122
3122
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
3123
3123
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
3124
|
+
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
3124
3125
|
"onFocused-index-change"?: ((...args: any[]) => any) | undefined;
|
|
3125
3126
|
"onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
|
|
3126
|
-
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
3127
3127
|
}>, {
|
|
3128
3128
|
disabled: boolean | boolean[];
|
|
3129
3129
|
placeholder: string[];
|
|
@@ -3222,7 +3222,7 @@ declare const TimePicker: {
|
|
|
3222
3222
|
(value: number): import("dayjs").Dayjs;
|
|
3223
3223
|
};
|
|
3224
3224
|
day: {
|
|
3225
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
3225
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
3226
3226
|
(value: number): import("dayjs").Dayjs;
|
|
3227
3227
|
};
|
|
3228
3228
|
hour: {
|
|
@@ -3311,7 +3311,7 @@ declare const TimePicker: {
|
|
|
3311
3311
|
(value: number): import("dayjs").Dayjs;
|
|
3312
3312
|
};
|
|
3313
3313
|
day: {
|
|
3314
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
3314
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
3315
3315
|
(value: number): import("dayjs").Dayjs;
|
|
3316
3316
|
};
|
|
3317
3317
|
hour: {
|
|
@@ -3742,7 +3742,7 @@ declare const TimePicker: {
|
|
|
3742
3742
|
(value: number): import("dayjs").Dayjs;
|
|
3743
3743
|
};
|
|
3744
3744
|
day: {
|
|
3745
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
3745
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
3746
3746
|
(value: number): import("dayjs").Dayjs;
|
|
3747
3747
|
};
|
|
3748
3748
|
hour: {
|
|
@@ -3831,7 +3831,7 @@ declare const TimePicker: {
|
|
|
3831
3831
|
(value: number): import("dayjs").Dayjs;
|
|
3832
3832
|
};
|
|
3833
3833
|
day: {
|
|
3834
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
3834
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
3835
3835
|
(value: number): import("dayjs").Dayjs;
|
|
3836
3836
|
};
|
|
3837
3837
|
hour: {
|
|
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
41
|
(value: number): Dayjs;
|
|
42
42
|
};
|
|
43
43
|
day: {
|
|
44
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
44
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
45
45
|
(value: number): Dayjs;
|
|
46
46
|
};
|
|
47
47
|
hour: {
|
|
@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
130
130
|
(value: number): Dayjs;
|
|
131
131
|
};
|
|
132
132
|
day: {
|
|
133
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
133
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
134
134
|
(value: number): Dayjs;
|
|
135
135
|
};
|
|
136
136
|
hour: {
|
|
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
69
69
|
(value: number): Dayjs;
|
|
70
70
|
};
|
|
71
71
|
day: {
|
|
72
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
72
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
73
73
|
(value: number): Dayjs;
|
|
74
74
|
};
|
|
75
75
|
hour: {
|
|
@@ -158,7 +158,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
158
158
|
(value: number): Dayjs;
|
|
159
159
|
};
|
|
160
160
|
day: {
|
|
161
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
161
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
162
162
|
(value: number): Dayjs;
|
|
163
163
|
};
|
|
164
164
|
hour: {
|
|
@@ -834,7 +834,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
834
834
|
}, {}, {}, {
|
|
835
835
|
focus(): void;
|
|
836
836
|
blur(): void;
|
|
837
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "
|
|
837
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
838
838
|
size: {
|
|
839
839
|
type: PropType<"mini" | "medium" | "large" | "small">;
|
|
840
840
|
};
|
|
@@ -989,7 +989,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
989
989
|
}, {}, {}, {
|
|
990
990
|
focus(index?: number | undefined): void;
|
|
991
991
|
blur(): void;
|
|
992
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "
|
|
992
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
993
993
|
size: {
|
|
994
994
|
type: PropType<"mini" | "medium" | "large" | "small">;
|
|
995
995
|
};
|
|
@@ -1030,9 +1030,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1030
1030
|
}>> & Readonly<{
|
|
1031
1031
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
1032
1032
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
1033
|
+
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
1033
1034
|
"onFocused-index-change"?: ((...args: any[]) => any) | undefined;
|
|
1034
1035
|
"onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
|
|
1035
|
-
"onPress-enter"?: ((...args: any[]) => any) | undefined;
|
|
1036
1036
|
}>, {
|
|
1037
1037
|
disabled: boolean | boolean[];
|
|
1038
1038
|
placeholder: string[];
|
|
@@ -1131,7 +1131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1131
1131
|
(value: number): Dayjs;
|
|
1132
1132
|
};
|
|
1133
1133
|
day: {
|
|
1134
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1134
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1135
1135
|
(value: number): Dayjs;
|
|
1136
1136
|
};
|
|
1137
1137
|
hour: {
|
|
@@ -1220,7 +1220,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1220
1220
|
(value: number): Dayjs;
|
|
1221
1221
|
};
|
|
1222
1222
|
day: {
|
|
1223
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1223
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1224
1224
|
(value: number): Dayjs;
|
|
1225
1225
|
};
|
|
1226
1226
|
hour: {
|
|
@@ -1651,7 +1651,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1651
1651
|
(value: number): Dayjs;
|
|
1652
1652
|
};
|
|
1653
1653
|
day: {
|
|
1654
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1654
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1655
1655
|
(value: number): Dayjs;
|
|
1656
1656
|
};
|
|
1657
1657
|
hour: {
|
|
@@ -1740,7 +1740,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1740
1740
|
(value: number): Dayjs;
|
|
1741
1741
|
};
|
|
1742
1742
|
day: {
|
|
1743
|
-
(): 0 | 1 | 2 | 4 | 3 |
|
|
1743
|
+
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
|
|
1744
1744
|
(value: number): Dayjs;
|
|
1745
1745
|
};
|
|
1746
1746
|
hour: {
|
package/es/tree/index.d.ts
CHANGED
|
@@ -591,12 +591,12 @@ declare const Tree: {
|
|
|
591
591
|
onReachBottom?: ((ev: Event) => any) | undefined;
|
|
592
592
|
}>, {
|
|
593
593
|
data: Record<string, any>[];
|
|
594
|
-
height: string | number;
|
|
595
|
-
threshold: number;
|
|
596
|
-
itemKey: string;
|
|
597
594
|
fixedSize: boolean;
|
|
598
595
|
estimatedSize: number;
|
|
599
596
|
buffer: number;
|
|
597
|
+
height: string | number;
|
|
598
|
+
threshold: number;
|
|
599
|
+
itemKey: string;
|
|
600
600
|
component: string | Record<string, any>;
|
|
601
601
|
paddingPosition: string;
|
|
602
602
|
}, {}, {
|
|
@@ -1661,12 +1661,12 @@ declare const Tree: {
|
|
|
1661
1661
|
onReachBottom?: ((ev: Event) => any) | undefined;
|
|
1662
1662
|
}>, {
|
|
1663
1663
|
data: Record<string, any>[];
|
|
1664
|
-
height: string | number;
|
|
1665
|
-
threshold: number;
|
|
1666
|
-
itemKey: string;
|
|
1667
1664
|
fixedSize: boolean;
|
|
1668
1665
|
estimatedSize: number;
|
|
1669
1666
|
buffer: number;
|
|
1667
|
+
height: string | number;
|
|
1668
|
+
threshold: number;
|
|
1669
|
+
itemKey: string;
|
|
1670
1670
|
component: string | Record<string, any>;
|
|
1671
1671
|
paddingPosition: string;
|
|
1672
1672
|
}, {}, {
|
package/es/tree/tree.d.ts
CHANGED
|
@@ -703,12 +703,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
703
703
|
onReachBottom?: ((ev: Event) => any) | undefined;
|
|
704
704
|
}>, {
|
|
705
705
|
data: Record<string, any>[];
|
|
706
|
-
height: string | number;
|
|
707
|
-
threshold: number;
|
|
708
|
-
itemKey: string;
|
|
709
706
|
fixedSize: boolean;
|
|
710
707
|
estimatedSize: number;
|
|
711
708
|
buffer: number;
|
|
709
|
+
height: string | number;
|
|
710
|
+
threshold: number;
|
|
711
|
+
itemKey: string;
|
|
712
712
|
component: string | Record<string, any>;
|
|
713
713
|
paddingPosition: string;
|
|
714
714
|
}, {}, {
|