@vc-shell/framework 1.0.61 → 1.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAI/E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,oBAAoB,EAAE,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/C,CAAC,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC3D,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7D,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAI/E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,oBAAoB,EAAE,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/C,CAAC,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC3D,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7D,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAm7C4D,GAAG;;;MACD,GAAG;uBAEnC,GAAG;;;UACD,GAAG;;;UACG,GAAG;yBACP,GAAG;sBACN,GAAG;uBACF,GAAG;;AAz7CpC,wBA0/Cc;AACd,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;QACzD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,GAAG,CAAC,CAAC,CAAC,CAAC;CACR,CAAC;AA6GN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vc-shell/framework",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.62",
|
|
4
4
|
"main": "./dist/framework.mjs",
|
|
5
5
|
"module": "./dist/framework.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
"vue3-touch-events": "^4.1.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@vc-shell/api-client-generator": "^1.0.
|
|
58
|
-
"@vc-shell/config-generator": "^1.0.
|
|
57
|
+
"@vc-shell/api-client-generator": "^1.0.62",
|
|
58
|
+
"@vc-shell/config-generator": "^1.0.62",
|
|
59
59
|
"sass": "^1.49.0",
|
|
60
60
|
"typescript": "^4.9.5",
|
|
61
61
|
"url-pattern": "^1.0.3"
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"access": "public",
|
|
65
65
|
"registry": "https://registry.npmjs.org/"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "8e2b87373b938a78135525d764d79512a7f26dbb"
|
|
68
68
|
}
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
class="tw-w-0.5 tw-bg-[#41afe6] tw-h-full tw-absolute tw-top-0 tw-bottom-0 tw-z-[2] tw-hidden"
|
|
202
202
|
></div>
|
|
203
203
|
</thead>
|
|
204
|
-
<div
|
|
204
|
+
<!-- <div
|
|
205
205
|
class="tw-h-[60px] tw-bg-[#dfeef9] tw-w-full tw-absolute tw-flex"
|
|
206
206
|
v-if="allSelected"
|
|
207
207
|
>
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
>
|
|
225
225
|
</div>
|
|
226
226
|
</div>
|
|
227
|
-
</div>
|
|
227
|
+
</div> -->
|
|
228
228
|
<tbody
|
|
229
229
|
v-if="items"
|
|
230
230
|
class="vc-table__body"
|
|
@@ -652,13 +652,13 @@ watch(
|
|
|
652
652
|
{ deep: true, immediate: true }
|
|
653
653
|
);
|
|
654
654
|
|
|
655
|
-
function handleBulkSelection() {
|
|
656
|
-
|
|
655
|
+
// function handleBulkSelection() {
|
|
656
|
+
// bulkSelected.value = !bulkSelected.value;
|
|
657
657
|
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
}
|
|
658
|
+
// if (!bulkSelected.value) {
|
|
659
|
+
// selection.value = [];
|
|
660
|
+
// }
|
|
661
|
+
// }
|
|
662
662
|
|
|
663
663
|
function isSelected(item: TableItemType) {
|
|
664
664
|
return selection.value.indexOf(item) > -1;
|
|
@@ -750,7 +750,7 @@ const arrowStyle = computed(() => {
|
|
|
750
750
|
|
|
751
751
|
async function calculateActions(items: TableItemType[]) {
|
|
752
752
|
if (typeof props.itemActionBuilder === "function") {
|
|
753
|
-
|
|
753
|
+
const populatedItems = [];
|
|
754
754
|
for (let index = 0; index < items.length; index++) {
|
|
755
755
|
if (typeof items[index] === "object") {
|
|
756
756
|
const elementWithActions = await props.itemActionBuilder(items[index] as TableItem);
|
|
@@ -774,7 +774,7 @@ function handleHeaderClick(item: ITableColumns) {
|
|
|
774
774
|
}
|
|
775
775
|
|
|
776
776
|
function handleMouseDown(e: MouseEvent, item: ITableColumns) {
|
|
777
|
-
|
|
777
|
+
const containerLeft = getOffset(table.value as HTMLElement).left;
|
|
778
778
|
resizeColumnElement.value = item;
|
|
779
779
|
columnResizing.value = true;
|
|
780
780
|
lastResize.value = e.pageX - containerLeft + table.value.scrollLeft;
|
|
@@ -812,7 +812,7 @@ function unbindColumnResizeEvents() {
|
|
|
812
812
|
}
|
|
813
813
|
|
|
814
814
|
function onColumnResize(event: MouseEvent) {
|
|
815
|
-
|
|
815
|
+
const containerLeft = getOffset(table.value as HTMLElement).left;
|
|
816
816
|
|
|
817
817
|
resizer.value.style.top = 0 + "px";
|
|
818
818
|
resizer.value.style.left = event.pageX - containerLeft + table.value.scrollLeft + "px";
|
|
@@ -824,8 +824,8 @@ function getOffset(element: HTMLElement) {
|
|
|
824
824
|
return { top: 0, left: 0 };
|
|
825
825
|
}
|
|
826
826
|
|
|
827
|
-
|
|
828
|
-
|
|
827
|
+
const rect = element.getBoundingClientRect();
|
|
828
|
+
const win = element.ownerDocument.defaultView;
|
|
829
829
|
return {
|
|
830
830
|
top: rect.top + win.pageYOffset,
|
|
831
831
|
left: rect.left + win.pageXOffset,
|
|
@@ -833,14 +833,14 @@ function getOffset(element: HTMLElement) {
|
|
|
833
833
|
}
|
|
834
834
|
|
|
835
835
|
function onColumnResizeEnd() {
|
|
836
|
-
|
|
836
|
+
const delta = resizer.value.offsetLeft - lastResize.value;
|
|
837
837
|
|
|
838
838
|
const columnElement: HTMLElement = table.value.querySelector(`#${resizeColumnElement.value.id}`);
|
|
839
839
|
|
|
840
|
-
|
|
841
|
-
|
|
840
|
+
const columnWidth = columnElement.offsetWidth;
|
|
841
|
+
const newColumnWidth = columnWidth + delta;
|
|
842
842
|
|
|
843
|
-
|
|
843
|
+
const minWidth = 15;
|
|
844
844
|
|
|
845
845
|
if (columnWidth + delta > parseInt(minWidth.toString(), 10)) {
|
|
846
846
|
nextColumn.value = filteredCols.value[filteredCols.value.indexOf(resizeColumnElement.value) + 1];
|
|
@@ -848,7 +848,7 @@ function onColumnResizeEnd() {
|
|
|
848
848
|
if (nextColumn.value) {
|
|
849
849
|
const nextColElement: HTMLElement = table.value.querySelector(`#${nextColumn.value.id}`);
|
|
850
850
|
|
|
851
|
-
|
|
851
|
+
const nextColumnWidth = nextColElement.offsetWidth - delta;
|
|
852
852
|
if (newColumnWidth > 15 && nextColumnWidth > 15) {
|
|
853
853
|
resizeTableCells(newColumnWidth, nextColumnWidth);
|
|
854
854
|
}
|
|
@@ -897,16 +897,16 @@ function findParentHeader(element: HTMLElement) {
|
|
|
897
897
|
}
|
|
898
898
|
|
|
899
899
|
function onColumnHeaderDragOver(event: DragEvent) {
|
|
900
|
-
|
|
900
|
+
const dropHeader = findParentHeader(event.target as HTMLElement);
|
|
901
901
|
|
|
902
902
|
if (props.reorderableColumns && draggedColumn.value && dropHeader) {
|
|
903
903
|
event.preventDefault();
|
|
904
|
-
|
|
905
|
-
|
|
904
|
+
const containerOffset = getOffset(table.value as HTMLElement);
|
|
905
|
+
const dropHeaderOffset = getOffset(dropHeader);
|
|
906
906
|
|
|
907
907
|
if (draggedElement.value !== dropHeader) {
|
|
908
|
-
|
|
909
|
-
|
|
908
|
+
const targetLeft = dropHeaderOffset.left - containerOffset.left;
|
|
909
|
+
const columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
|
|
910
910
|
|
|
911
911
|
reorderRef.value.style.top = dropHeaderOffset.top - getOffset(tableRef.value).top + "px";
|
|
912
912
|
|
|
@@ -936,8 +936,8 @@ function onColumnHeaderDrop(event: DragEvent, item: ITableColumns) {
|
|
|
936
936
|
event.preventDefault();
|
|
937
937
|
|
|
938
938
|
if (draggedColumn.value) {
|
|
939
|
-
|
|
940
|
-
|
|
939
|
+
const dragIndex = defaultColumns.value.indexOf(draggedColumn.value);
|
|
940
|
+
const dropIndex = defaultColumns.value.indexOf(item);
|
|
941
941
|
|
|
942
942
|
let allowDrop = dragIndex !== dropIndex;
|
|
943
943
|
|
|
@@ -1036,11 +1036,11 @@ function onRowDragOver(event: DragEvent, item: TableItem | string) {
|
|
|
1036
1036
|
const index = props.items.indexOf(item);
|
|
1037
1037
|
|
|
1038
1038
|
if (rowDragged.value && draggedRow.value !== item) {
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1039
|
+
const rowElement = event.currentTarget as HTMLElement;
|
|
1040
|
+
const rowY = getOffset(rowElement).top;
|
|
1041
|
+
const pageY = event.pageY;
|
|
1042
|
+
const rowMidY = rowY + rowElement.offsetHeight / 2;
|
|
1043
|
+
const previousRowElement = rowElement.previousElementSibling;
|
|
1044
1044
|
|
|
1045
1045
|
if (pageY < rowMidY) {
|
|
1046
1046
|
rowElement.classList.remove("vc-table__drag-row-bottom");
|
|
@@ -1068,8 +1068,8 @@ function onRowDragOver(event: DragEvent, item: TableItem | string) {
|
|
|
1068
1068
|
function onRowDragLeave(event: DragEvent) {
|
|
1069
1069
|
event.preventDefault();
|
|
1070
1070
|
|
|
1071
|
-
|
|
1072
|
-
|
|
1071
|
+
const rowElement = event.currentTarget as HTMLElement;
|
|
1072
|
+
const previousRowElement = rowElement.previousElementSibling;
|
|
1073
1073
|
|
|
1074
1074
|
if (previousRowElement) {
|
|
1075
1075
|
previousRowElement.classList.remove("vc-table__drag-row-bottom");
|
|
@@ -1088,14 +1088,14 @@ function onRowDragEnd(event: DragEvent & { currentTarget?: { draggable: boolean
|
|
|
1088
1088
|
|
|
1089
1089
|
function onRowDrop(event: DragEvent) {
|
|
1090
1090
|
if (droppedRowIndex.value != null) {
|
|
1091
|
-
|
|
1091
|
+
const dropIndex =
|
|
1092
1092
|
draggedRowIndex.value > droppedRowIndex.value
|
|
1093
1093
|
? droppedRowIndex.value
|
|
1094
1094
|
: droppedRowIndex.value === 0
|
|
1095
1095
|
? 0
|
|
1096
1096
|
: droppedRowIndex.value - 1;
|
|
1097
1097
|
|
|
1098
|
-
|
|
1098
|
+
const processedItems = [...props.items];
|
|
1099
1099
|
|
|
1100
1100
|
reorderArray(processedItems, draggedRowIndex.value, dropIndex);
|
|
1101
1101
|
|