@dolusoft/vue3-datatable 1.7.85 → 1.8.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/vue3-datatable.cjs +8 -7
- package/dist/vue3-datatable.css +35 -35
- package/dist/vue3-datatable.js +8 -7
- package/package.json +4 -4
package/dist/vue3-datatable.cjs
CHANGED
|
@@ -2501,7 +2501,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
2501
2501
|
}
|
|
2502
2502
|
return target;
|
|
2503
2503
|
};
|
|
2504
|
-
const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-
|
|
2504
|
+
const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
|
|
2505
2505
|
const __default__$4 = {
|
|
2506
2506
|
name: "ButtonRightPanel"
|
|
2507
2507
|
};
|
|
@@ -2527,7 +2527,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2527
2527
|
};
|
|
2528
2528
|
}
|
|
2529
2529
|
});
|
|
2530
|
-
const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-
|
|
2530
|
+
const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
|
|
2531
2531
|
const _hoisted_1$6 = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" };
|
|
2532
2532
|
const __default__$3 = {
|
|
2533
2533
|
name: "columnFilter"
|
|
@@ -3150,7 +3150,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3150
3150
|
], 4)) : vue.createCommentVNode("", true),
|
|
3151
3151
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.all.columns, (col, j) => {
|
|
3152
3152
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
3153
|
-
!col.hide ? (vue.openBlock(), vue.createElementBlock("th", {
|
|
3153
|
+
!col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("th", {
|
|
3154
3154
|
key: col.field,
|
|
3155
3155
|
class: vue.normalizeClass(["bh-select-none bh-z-[1]", [
|
|
3156
3156
|
props.all.sortable && col.sort ? "bh-cursor-pointer" : "",
|
|
@@ -3578,6 +3578,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
3578
3578
|
item.type = type;
|
|
3579
3579
|
item.isUnique = item.isUnique !== void 0 ? item.isUnique : false;
|
|
3580
3580
|
item.hide = item.hide !== void 0 ? item.hide : false;
|
|
3581
|
+
item.dataOnly = item.dataOnly !== void 0 ? item.dataOnly : false;
|
|
3581
3582
|
item.filter = item.filter !== void 0 ? item.filter : true;
|
|
3582
3583
|
item.search = item.search !== void 0 ? item.search : true;
|
|
3583
3584
|
item.sort = item.sort !== void 0 ? item.sort : true;
|
|
@@ -4457,7 +4458,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
4457
4458
|
], 6)) : vue.createCommentVNode("", true),
|
|
4458
4459
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
|
|
4459
4460
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
4460
|
-
!col.hide ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4461
|
+
!col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4461
4462
|
key: col.field,
|
|
4462
4463
|
class: vue.normalizeClass([
|
|
4463
4464
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4521,7 +4522,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
4521
4522
|
}, null, 8, _hoisted_20)) : vue.createCommentVNode("", true),
|
|
4522
4523
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
|
|
4523
4524
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
4524
|
-
!col.hide ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4525
|
+
!col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4525
4526
|
key: col.field,
|
|
4526
4527
|
class: vue.normalizeClass([
|
|
4527
4528
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4705,7 +4706,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
4705
4706
|
], 6)) : vue.createCommentVNode("", true),
|
|
4706
4707
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
|
|
4707
4708
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
4708
|
-
!col.hide ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4709
|
+
!col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4709
4710
|
key: col.field,
|
|
4710
4711
|
class: vue.normalizeClass([
|
|
4711
4712
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4780,7 +4781,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
4780
4781
|
}, null, 8, _hoisted_31)) : vue.createCommentVNode("", true),
|
|
4781
4782
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
|
|
4782
4783
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
4783
|
-
!col.hide ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4784
|
+
!col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
|
|
4784
4785
|
key: col.field,
|
|
4785
4786
|
class: vue.normalizeClass([
|
|
4786
4787
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
package/dist/vue3-datatable.css
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
|
|
2
|
-
.expandbtn[data-v-
|
|
2
|
+
.expandbtn[data-v-4d01a2fa] {
|
|
3
3
|
cursor: pointer;
|
|
4
|
-
}
|
|
4
|
+
}
|
|
5
5
|
|
|
6
|
-
.rightpanelbtn[data-v-
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
display: inline-flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
width: 24px;
|
|
6
|
+
.rightpanelbtn[data-v-d739c6bf] {
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
width: 24px;
|
|
12
12
|
height: 24px;
|
|
13
|
-
}
|
|
13
|
+
}
|
|
14
14
|
.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
|
|
15
15
|
|
|
16
|
-
.left-menu-container {
|
|
17
|
-
position: relative;
|
|
16
|
+
.left-menu-container {
|
|
17
|
+
position: relative;
|
|
18
18
|
flex-shrink: 0 !important;
|
|
19
19
|
}
|
|
20
|
-
.menu-resize-controls {
|
|
21
|
-
position: absolute;
|
|
22
|
-
right: 0;
|
|
23
|
-
top: 50%;
|
|
24
|
-
transform: translateY(-50%);
|
|
25
|
-
z-index: 10;
|
|
26
|
-
background: #f0f0f0;
|
|
27
|
-
border-radius: 3px 0 0 3px;
|
|
20
|
+
.menu-resize-controls {
|
|
21
|
+
position: absolute;
|
|
22
|
+
right: 0;
|
|
23
|
+
top: 50%;
|
|
24
|
+
transform: translateY(-50%);
|
|
25
|
+
z-index: 10;
|
|
26
|
+
background: #f0f0f0;
|
|
27
|
+
border-radius: 3px 0 0 3px;
|
|
28
28
|
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
|
|
29
29
|
}
|
|
30
|
-
.menu-resize-controls button {
|
|
31
|
-
width: 16px;
|
|
32
|
-
height: 40px;
|
|
33
|
-
display: flex;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
align-items: center;
|
|
36
|
-
border: none;
|
|
37
|
-
background: transparent;
|
|
38
|
-
cursor: pointer;
|
|
39
|
-
-webkit-user-select: none;
|
|
40
|
-
-moz-user-select: none;
|
|
30
|
+
.menu-resize-controls button {
|
|
31
|
+
width: 16px;
|
|
32
|
+
height: 40px;
|
|
33
|
+
display: flex;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
align-items: center;
|
|
36
|
+
border: none;
|
|
37
|
+
background: transparent;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
-webkit-user-select: none;
|
|
40
|
+
-moz-user-select: none;
|
|
41
41
|
user-select: none;
|
|
42
42
|
}
|
|
43
|
-
.bh-datatable thead {
|
|
43
|
+
.bh-datatable thead {
|
|
44
44
|
z-index: 15 !important;
|
|
45
45
|
}
|
|
46
|
-
.bh-datatable tbody tr {
|
|
47
|
-
position: relative;
|
|
46
|
+
.bh-datatable tbody tr {
|
|
47
|
+
position: relative;
|
|
48
48
|
z-index: 1;
|
|
49
49
|
}
|
|
50
|
-
.bh-datatable tbody tr:has(td[colspan]) {
|
|
50
|
+
.bh-datatable tbody tr:has(td[colspan]) {
|
|
51
51
|
z-index: 0;
|
|
52
|
-
}
|
|
52
|
+
}
|
package/dist/vue3-datatable.js
CHANGED
|
@@ -2500,7 +2500,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
2500
2500
|
}
|
|
2501
2501
|
return target;
|
|
2502
2502
|
};
|
|
2503
|
-
const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-
|
|
2503
|
+
const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
|
|
2504
2504
|
const __default__$4 = {
|
|
2505
2505
|
name: "ButtonRightPanel"
|
|
2506
2506
|
};
|
|
@@ -2526,7 +2526,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2526
2526
|
};
|
|
2527
2527
|
}
|
|
2528
2528
|
});
|
|
2529
|
-
const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-
|
|
2529
|
+
const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
|
|
2530
2530
|
const _hoisted_1$6 = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" };
|
|
2531
2531
|
const __default__$3 = {
|
|
2532
2532
|
name: "columnFilter"
|
|
@@ -3149,7 +3149,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
3149
3149
|
], 4)) : createCommentVNode("", true),
|
|
3150
3150
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.all.columns, (col, j) => {
|
|
3151
3151
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
3152
|
-
!col.hide ? (openBlock(), createElementBlock("th", {
|
|
3152
|
+
!col.hide && !col.dataOnly ? (openBlock(), createElementBlock("th", {
|
|
3153
3153
|
key: col.field,
|
|
3154
3154
|
class: normalizeClass(["bh-select-none bh-z-[1]", [
|
|
3155
3155
|
props.all.sortable && col.sort ? "bh-cursor-pointer" : "",
|
|
@@ -3577,6 +3577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3577
3577
|
item.type = type;
|
|
3578
3578
|
item.isUnique = item.isUnique !== void 0 ? item.isUnique : false;
|
|
3579
3579
|
item.hide = item.hide !== void 0 ? item.hide : false;
|
|
3580
|
+
item.dataOnly = item.dataOnly !== void 0 ? item.dataOnly : false;
|
|
3580
3581
|
item.filter = item.filter !== void 0 ? item.filter : true;
|
|
3581
3582
|
item.search = item.search !== void 0 ? item.search : true;
|
|
3582
3583
|
item.sort = item.sort !== void 0 ? item.sort : true;
|
|
@@ -4456,7 +4457,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4456
4457
|
], 6)) : createCommentVNode("", true),
|
|
4457
4458
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
|
|
4458
4459
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
4459
|
-
!col.hide ? (openBlock(), createElementBlock("td", {
|
|
4460
|
+
!col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
|
|
4460
4461
|
key: col.field,
|
|
4461
4462
|
class: normalizeClass([
|
|
4462
4463
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4520,7 +4521,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4520
4521
|
}, null, 8, _hoisted_20)) : createCommentVNode("", true),
|
|
4521
4522
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
|
|
4522
4523
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
4523
|
-
!col.hide ? (openBlock(), createElementBlock("td", {
|
|
4524
|
+
!col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
|
|
4524
4525
|
key: col.field,
|
|
4525
4526
|
class: normalizeClass([
|
|
4526
4527
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4704,7 +4705,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4704
4705
|
], 6)) : createCommentVNode("", true),
|
|
4705
4706
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
|
|
4706
4707
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
4707
|
-
!col.hide ? (openBlock(), createElementBlock("td", {
|
|
4708
|
+
!col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
|
|
4708
4709
|
key: col.field,
|
|
4709
4710
|
class: normalizeClass([
|
|
4710
4711
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
|
@@ -4779,7 +4780,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4779
4780
|
}, null, 8, _hoisted_31)) : createCommentVNode("", true),
|
|
4780
4781
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
|
|
4781
4782
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
4782
|
-
!col.hide ? (openBlock(), createElementBlock("td", {
|
|
4783
|
+
!col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
|
|
4783
4784
|
key: col.field,
|
|
4784
4785
|
class: normalizeClass([
|
|
4785
4786
|
isCellClassFunction.value ? _ctx.cellClass(item) : props.cellClass,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dolusoft/vue3-datatable",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.1",
|
|
4
4
|
"description": "Vue3 Datatable - fully customizable & easy to use datatable library",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -60,10 +60,7 @@
|
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@iconify/vue": "^4.1.2",
|
|
63
|
-
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
64
63
|
"@vueuse/core": "^10.11.0",
|
|
65
|
-
"eslint-plugin-import": "^2.29.1",
|
|
66
|
-
"eslint-plugin-vue": "^9.27.0",
|
|
67
64
|
"floating-vue": "^5.2.2",
|
|
68
65
|
"splitpanes": "4.0.3",
|
|
69
66
|
"vue": "^3.4.35",
|
|
@@ -72,9 +69,12 @@
|
|
|
72
69
|
},
|
|
73
70
|
"devDependencies": {
|
|
74
71
|
"@types/node": "^20.14.14",
|
|
72
|
+
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
75
73
|
"@vitejs/plugin-vue": "^5.1.2",
|
|
76
74
|
"autoprefixer": "^10.4.20",
|
|
75
|
+
"eslint-plugin-import": "^2.29.1",
|
|
77
76
|
"eslint-plugin-prettier": "^5.2.1",
|
|
77
|
+
"eslint-plugin-vue": "^9.27.0",
|
|
78
78
|
"sass": "^1.77.8",
|
|
79
79
|
"tailwindcss": "^3.3.3",
|
|
80
80
|
"typescript": "^5.5.4",
|