lib-pajakio-v2 1.1.12 → 1.1.13
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/lib-pajakio-v2.common.js +45 -34
- package/dist/lib-pajakio-v2.common.js.map +1 -1
- package/dist/lib-pajakio-v2.css +1 -1
- package/dist/lib-pajakio-v2.umd.js +45 -34
- package/dist/lib-pajakio-v2.umd.js.map +1 -1
- package/dist/lib-pajakio-v2.umd.min.js +1 -1
- package/dist/lib-pajakio-v2.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Base/BaseTable.vue +32 -8
- package/src/views/Table.vue +698 -18
- package/tests/base-table.test.cjs +186 -4
- package/tests/table-demo.test.cjs +436 -2
|
@@ -599,17 +599,6 @@ $({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('dif
|
|
|
599
599
|
/* unused harmony reexport * */
|
|
600
600
|
|
|
601
601
|
|
|
602
|
-
/***/ }),
|
|
603
|
-
|
|
604
|
-
/***/ "2343":
|
|
605
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
606
|
-
|
|
607
|
-
"use strict";
|
|
608
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_49f13792_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fc61");
|
|
609
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_49f13792_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_49f13792_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
610
|
-
/* unused harmony reexport * */
|
|
611
|
-
|
|
612
|
-
|
|
613
602
|
/***/ }),
|
|
614
603
|
|
|
615
604
|
/***/ "23cb":
|
|
@@ -1507,6 +1496,13 @@ module.exports = function isSubsetOf(other) {
|
|
|
1507
1496
|
};
|
|
1508
1497
|
|
|
1509
1498
|
|
|
1499
|
+
/***/ }),
|
|
1500
|
+
|
|
1501
|
+
/***/ "69a1":
|
|
1502
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
1503
|
+
|
|
1504
|
+
// extracted by mini-css-extract-plugin
|
|
1505
|
+
|
|
1510
1506
|
/***/ }),
|
|
1511
1507
|
|
|
1512
1508
|
/***/ "69c3":
|
|
@@ -2266,6 +2262,17 @@ module.exports = uncurryThisAccessor(SetHelpers.proto, 'size', 'get') || functio
|
|
|
2266
2262
|
};
|
|
2267
2263
|
|
|
2268
2264
|
|
|
2265
|
+
/***/ }),
|
|
2266
|
+
|
|
2267
|
+
/***/ "90bd":
|
|
2268
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2269
|
+
|
|
2270
|
+
"use strict";
|
|
2271
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_79bff50d_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("69a1");
|
|
2272
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_79bff50d_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_BaseTable_vue_vue_type_style_index_0_id_79bff50d_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2273
|
+
/* unused harmony reexport * */
|
|
2274
|
+
|
|
2275
|
+
|
|
2269
2276
|
/***/ }),
|
|
2270
2277
|
|
|
2271
2278
|
/***/ "90d8":
|
|
@@ -37934,13 +37941,13 @@ var BaseButtonvue_type_style_index_0_id_5d939af0_lang_scss = __webpack_require__
|
|
|
37934
37941
|
const BaseButton_exports_ = /*#__PURE__*/exportHelper_default()(BaseButtonvue_type_script_lang_js, [['render',BaseButtonvue_type_template_id_5d939af0_render]])
|
|
37935
37942
|
|
|
37936
37943
|
/* harmony default export */ var BaseButton = (BaseButton_exports_);
|
|
37937
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Base/BaseTable.vue?vue&type=template&id=
|
|
37944
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Base/BaseTable.vue?vue&type=template&id=79bff50d
|
|
37938
37945
|
|
|
37939
|
-
const
|
|
37946
|
+
const BaseTablevue_type_template_id_79bff50d_hoisted_1 = {
|
|
37940
37947
|
key: 0,
|
|
37941
37948
|
class: "base-table-wrapper"
|
|
37942
37949
|
};
|
|
37943
|
-
const
|
|
37950
|
+
const BaseTablevue_type_template_id_79bff50d_hoisted_2 = ["id"];
|
|
37944
37951
|
const _hoisted_3 = ["data-column-key", "align", "aria-sort", "onDragover", "onDragleave", "onDrop"];
|
|
37945
37952
|
const _hoisted_4 = ["aria-label", "onDragstart", "onKeydown"];
|
|
37946
37953
|
const _hoisted_5 = ["aria-label", "onClick"];
|
|
@@ -37958,9 +37965,9 @@ const _hoisted_12 = {
|
|
|
37958
37965
|
class: "base-table__filter-row"
|
|
37959
37966
|
};
|
|
37960
37967
|
const _hoisted_13 = ["data-column-key"];
|
|
37961
|
-
function
|
|
37968
|
+
function BaseTablevue_type_template_id_79bff50d_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
37962
37969
|
const _component_BaseIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("BaseIcon");
|
|
37963
|
-
return $props.responsive ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
37970
|
+
return $props.responsive ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", BaseTablevue_type_template_id_79bff50d_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("table", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
|
|
37964
37971
|
id: $options.tableId,
|
|
37965
37972
|
class: ["base-table", $options.stickyClasses],
|
|
37966
37973
|
style: $options.tableStyle
|
|
@@ -38038,7 +38045,7 @@ function BaseTablevue_type_template_id_49f13792_render(_ctx, _cache, $props, $se
|
|
|
38038
38045
|
columnStyle: $options.columnStyle,
|
|
38039
38046
|
stickyClass: $options.stickyClass,
|
|
38040
38047
|
columnClasses: $options.columnClasses
|
|
38041
|
-
})])], 16,
|
|
38048
|
+
})])], 16, BaseTablevue_type_template_id_79bff50d_hoisted_2)])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("table", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
|
|
38042
38049
|
key: 1,
|
|
38043
38050
|
id: $options.tableId,
|
|
38044
38051
|
class: ["base-table", $options.stickyClasses],
|
|
@@ -38119,7 +38126,7 @@ function BaseTablevue_type_template_id_49f13792_render(_ctx, _cache, $props, $se
|
|
|
38119
38126
|
columnClasses: $options.columnClasses
|
|
38120
38127
|
})])], 16, _hoisted_8));
|
|
38121
38128
|
}
|
|
38122
|
-
// CONCATENATED MODULE: ./src/components/Base/BaseTable.vue?vue&type=template&id=
|
|
38129
|
+
// CONCATENATED MODULE: ./src/components/Base/BaseTable.vue?vue&type=template&id=79bff50d
|
|
38123
38130
|
|
|
38124
38131
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.at.js
|
|
38125
38132
|
var es_array_at = __webpack_require__("33d1");
|
|
@@ -38254,7 +38261,7 @@ let baseTableInstance = 0;
|
|
|
38254
38261
|
this.orderedColumns = this.applyStoredOrder(this.columns);
|
|
38255
38262
|
},
|
|
38256
38263
|
mounted() {
|
|
38257
|
-
if (this.
|
|
38264
|
+
if (this.orderedColumns.some((column, index) => {
|
|
38258
38265
|
var _this$columns$index;
|
|
38259
38266
|
return column.key !== ((_this$columns$index = this.columns[index]) === null || _this$columns$index === void 0 ? void 0 : _this$columns$index.key);
|
|
38260
38267
|
})) {
|
|
@@ -38281,6 +38288,9 @@ let baseTableInstance = 0;
|
|
|
38281
38288
|
leftStickyColumns() {
|
|
38282
38289
|
return (this.orderedColumns || []).filter(column => column.sticky === "left");
|
|
38283
38290
|
},
|
|
38291
|
+
hasMultipleLeftSticky() {
|
|
38292
|
+
return this.leftStickyColumns.length >= 2;
|
|
38293
|
+
},
|
|
38284
38294
|
hasMultipleRightSticky() {
|
|
38285
38295
|
return this.rightStickyColumns.length >= 2 || this.stickyRight && this.stickyRightCount >= 2;
|
|
38286
38296
|
},
|
|
@@ -38304,6 +38314,7 @@ let baseTableInstance = 0;
|
|
|
38304
38314
|
return {
|
|
38305
38315
|
"base-table--sticky": this.sticky,
|
|
38306
38316
|
"base-table--sticky-left": this.stickyLeft,
|
|
38317
|
+
"base-table--sticky-left-2": this.hasMultipleLeftSticky,
|
|
38307
38318
|
"base-table--sticky-right": this.stickyRight,
|
|
38308
38319
|
"base-table--sticky-right-2": this.hasMultipleRightSticky,
|
|
38309
38320
|
"base-table--dark-header": this.darkHeader
|
|
@@ -38334,8 +38345,8 @@ let baseTableInstance = 0;
|
|
|
38334
38345
|
applyStoredOrder(columns = []) {
|
|
38335
38346
|
if (!Array.isArray(columns)) return [];
|
|
38336
38347
|
const storedKeys = this.getStoredKeys();
|
|
38337
|
-
if (storedKeys === null) return [...columns];
|
|
38338
38348
|
const groups = [columns.filter(column => column.sticky === "left"), columns.filter(column => column.sticky !== "left" && column.sticky !== "right"), columns.filter(column => column.sticky === "right")];
|
|
38349
|
+
if (storedKeys === null) return groups.flat();
|
|
38339
38350
|
return groups.flatMap(group => {
|
|
38340
38351
|
const byKey = new Map(group.map(column => [column.key, column]));
|
|
38341
38352
|
const ordered = [];
|
|
@@ -38376,7 +38387,8 @@ let baseTableInstance = 0;
|
|
|
38376
38387
|
// Reset the in-memory order even when storage cannot be cleared.
|
|
38377
38388
|
}
|
|
38378
38389
|
}
|
|
38379
|
-
|
|
38390
|
+
const columns = this.columns || [];
|
|
38391
|
+
this.orderedColumns = [...columns.filter(column => column.sticky === "left"), ...columns.filter(column => column.sticky !== "left" && column.sticky !== "right"), ...columns.filter(column => column.sticky === "right")];
|
|
38380
38392
|
this.clearDrag();
|
|
38381
38393
|
this.$emit("update:columns", this.orderedColumns);
|
|
38382
38394
|
},
|
|
@@ -38401,13 +38413,19 @@ let baseTableInstance = 0;
|
|
|
38401
38413
|
return `${offset}px`;
|
|
38402
38414
|
},
|
|
38403
38415
|
stickyClass(column) {
|
|
38416
|
+
const leftIndex = this.leftStickyColumns.findIndex(item => item.key === column.key);
|
|
38404
38417
|
const rightIndex = this.rightStickyColumns.findIndex(item => item.key === column.key);
|
|
38418
|
+
const leftCount = this.leftStickyColumns.length;
|
|
38419
|
+
const rightCount = this.rightStickyColumns.length;
|
|
38405
38420
|
return {
|
|
38406
38421
|
"sticky-left": column.sticky === "left",
|
|
38407
38422
|
"sticky-right": column.sticky === "right",
|
|
38408
|
-
"sticky-
|
|
38409
|
-
"sticky-
|
|
38410
|
-
"sticky-
|
|
38423
|
+
"sticky-left--first": leftIndex === 0 && leftCount >= 2,
|
|
38424
|
+
"sticky-left--outer": leftIndex === leftCount - 1 && leftCount >= 2,
|
|
38425
|
+
"sticky-left-2": leftIndex === 1 && leftCount >= 2,
|
|
38426
|
+
"sticky-right--outer": rightIndex === 0 && rightCount >= 2,
|
|
38427
|
+
"sticky-right--last": rightIndex === rightCount - 1 && rightIndex >= 0,
|
|
38428
|
+
"sticky-right-2": rightIndex === rightCount - 2 && rightIndex >= 0
|
|
38411
38429
|
};
|
|
38412
38430
|
},
|
|
38413
38431
|
columnClasses(column) {
|
|
@@ -38659,8 +38677,8 @@ let baseTableInstance = 0;
|
|
|
38659
38677
|
});
|
|
38660
38678
|
// CONCATENATED MODULE: ./src/components/Base/BaseTable.vue?vue&type=script&lang=js
|
|
38661
38679
|
|
|
38662
|
-
// EXTERNAL MODULE: ./src/components/Base/BaseTable.vue?vue&type=style&index=0&id=
|
|
38663
|
-
var
|
|
38680
|
+
// EXTERNAL MODULE: ./src/components/Base/BaseTable.vue?vue&type=style&index=0&id=79bff50d&lang=scss
|
|
38681
|
+
var BaseTablevue_type_style_index_0_id_79bff50d_lang_scss = __webpack_require__("90bd");
|
|
38664
38682
|
|
|
38665
38683
|
// CONCATENATED MODULE: ./src/components/Base/BaseTable.vue
|
|
38666
38684
|
|
|
@@ -38670,7 +38688,7 @@ var BaseTablevue_type_style_index_0_id_49f13792_lang_scss = __webpack_require__(
|
|
|
38670
38688
|
|
|
38671
38689
|
|
|
38672
38690
|
|
|
38673
|
-
const BaseTable_exports_ = /*#__PURE__*/exportHelper_default()(BaseTablevue_type_script_lang_js, [['render',
|
|
38691
|
+
const BaseTable_exports_ = /*#__PURE__*/exportHelper_default()(BaseTablevue_type_script_lang_js, [['render',BaseTablevue_type_template_id_79bff50d_render]])
|
|
38674
38692
|
|
|
38675
38693
|
/* harmony default export */ var BaseTable = (BaseTable_exports_);
|
|
38676
38694
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Breadcrumbs/index.vue?vue&type=template&id=ee43991c
|
|
@@ -47824,13 +47842,6 @@ const AnimatedIconLogo_exports_ = AnimatedIconLogovue_type_script_setup_true_lan
|
|
|
47824
47842
|
|
|
47825
47843
|
|
|
47826
47844
|
|
|
47827
|
-
/***/ }),
|
|
47828
|
-
|
|
47829
|
-
/***/ "fc61":
|
|
47830
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
47831
|
-
|
|
47832
|
-
// extracted by mini-css-extract-plugin
|
|
47833
|
-
|
|
47834
47845
|
/***/ }),
|
|
47835
47846
|
|
|
47836
47847
|
/***/ "fc6a":
|