cleek 2.3.28 → 2.3.32
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/cleek.es.js
CHANGED
|
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { defineComponent, ref,
|
|
20
|
+
import { defineComponent, ref, computed as computed$2, openBlock, createElementBlock, normalizeClass, unref as unref$1, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
|
|
21
21
|
var defaultCleekOptions = {
|
|
22
22
|
colors: {
|
|
23
23
|
primary: "#559933",
|
|
@@ -38,15 +38,23 @@ var _export_sfc = (sfc, props) => {
|
|
|
38
38
|
}
|
|
39
39
|
return target;
|
|
40
40
|
};
|
|
41
|
-
const _hoisted_1$k = { class: "ck-
|
|
41
|
+
const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
|
|
42
42
|
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
43
43
|
props: {
|
|
44
44
|
triggerType: { type: String, default: "click" },
|
|
45
|
-
dark: { type: Boolean, default: false }
|
|
45
|
+
dark: { type: Boolean, default: false },
|
|
46
|
+
align: { type: String, default: void 0 }
|
|
46
47
|
},
|
|
47
48
|
setup(__props) {
|
|
49
|
+
const props = __props;
|
|
48
50
|
const isOpen = ref(false);
|
|
49
51
|
const popperRef = ref(null);
|
|
52
|
+
const computedClass = computed$2(() => {
|
|
53
|
+
const list = [];
|
|
54
|
+
if (props.align)
|
|
55
|
+
list.push(`align-${props.align}`);
|
|
56
|
+
return list;
|
|
57
|
+
});
|
|
50
58
|
function openClose() {
|
|
51
59
|
if (isOpen.value)
|
|
52
60
|
return;
|
|
@@ -61,29 +69,33 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
61
69
|
isOpen.value = true;
|
|
62
70
|
}
|
|
63
71
|
return (_ctx, _cache) => {
|
|
64
|
-
return openBlock(), createElementBlock("div",
|
|
72
|
+
return openBlock(), createElementBlock("div", {
|
|
73
|
+
class: normalizeClass(["ck-dropdown", unref$1(computedClass)])
|
|
74
|
+
}, [
|
|
65
75
|
createElementVNode("div", {
|
|
66
76
|
class: "ck-dropdown__trigger",
|
|
67
77
|
onClick: _cache[0] || (_cache[0] = ($event) => openClose())
|
|
68
78
|
}, [
|
|
69
79
|
renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
|
|
70
80
|
]),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
createElementVNode("div", _hoisted_1$k, [
|
|
82
|
+
isOpen.value ? (openBlock(), createElementBlock("section", {
|
|
83
|
+
key: 0,
|
|
84
|
+
class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
|
|
85
|
+
ref_key: "popperRef",
|
|
86
|
+
ref: popperRef
|
|
87
|
+
}, [
|
|
88
|
+
createElementVNode("div", {
|
|
89
|
+
class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
|
|
90
|
+
}, null, 2),
|
|
91
|
+
renderSlot(_ctx.$slots, "popper", {}, void 0, true)
|
|
92
|
+
], 2)) : createCommentVNode("", true)
|
|
93
|
+
])
|
|
94
|
+
], 2);
|
|
83
95
|
};
|
|
84
96
|
}
|
|
85
97
|
});
|
|
86
|
-
var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-
|
|
98
|
+
var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-2120e680"]]);
|
|
87
99
|
var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
88
100
|
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
89
101
|
props: {
|
|
@@ -16571,9 +16583,90 @@ var validators = {
|
|
|
16571
16583
|
return isValid;
|
|
16572
16584
|
}
|
|
16573
16585
|
};
|
|
16586
|
+
var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16587
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
16588
|
+
props: {
|
|
16589
|
+
col: { type: Object, default: void 0 },
|
|
16590
|
+
nowrap: { type: Boolean, default: false },
|
|
16591
|
+
block: { type: Boolean, default: false },
|
|
16592
|
+
autoWidth: { type: Boolean, default: false },
|
|
16593
|
+
overflowAuto: { type: Boolean, default: false },
|
|
16594
|
+
align: { type: String, default: void 0, validator: validators.align },
|
|
16595
|
+
verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
|
|
16596
|
+
fixedWidth: { type: String, default: "" },
|
|
16597
|
+
minWidth: { type: String, default: "" },
|
|
16598
|
+
maxWidth: { type: String, default: "" },
|
|
16599
|
+
maxHeight: { type: String, default: "" }
|
|
16600
|
+
},
|
|
16601
|
+
setup(__props) {
|
|
16602
|
+
const props = __props;
|
|
16603
|
+
const computedTdClass = computed$2(() => {
|
|
16604
|
+
const list = [];
|
|
16605
|
+
if (props.autoWidth)
|
|
16606
|
+
list.push("auto-width");
|
|
16607
|
+
if (props.overflowAuto)
|
|
16608
|
+
list.push("overflow-auto");
|
|
16609
|
+
if (props.verticalAlign)
|
|
16610
|
+
list.push(`vertical-align--${props.verticalAlign}`);
|
|
16611
|
+
return list;
|
|
16612
|
+
});
|
|
16613
|
+
const computedSpanClass = computed$2(() => {
|
|
16614
|
+
const list = [];
|
|
16615
|
+
let align;
|
|
16616
|
+
if (props.col)
|
|
16617
|
+
align = props.col.align;
|
|
16618
|
+
if (props.align)
|
|
16619
|
+
align = props.align;
|
|
16620
|
+
if (align) {
|
|
16621
|
+
if (align === "center")
|
|
16622
|
+
list.push("align-center");
|
|
16623
|
+
if (align === "right")
|
|
16624
|
+
list.push("align-right");
|
|
16625
|
+
}
|
|
16626
|
+
if (props.block)
|
|
16627
|
+
list.push("block");
|
|
16628
|
+
if (props.block)
|
|
16629
|
+
list.push("no-wrap-text");
|
|
16630
|
+
return list;
|
|
16631
|
+
});
|
|
16632
|
+
const computedStyle = computed$2(() => {
|
|
16633
|
+
const list = {};
|
|
16634
|
+
if (props.minWidth)
|
|
16635
|
+
list["min-width"] = props.minWidth;
|
|
16636
|
+
if (props.fixedWidth)
|
|
16637
|
+
list["min-width"] = props.fixedWidth;
|
|
16638
|
+
if (props.maxWidth)
|
|
16639
|
+
list["max-width"] = props.maxWidth;
|
|
16640
|
+
if (props.fixedWidth)
|
|
16641
|
+
list["max-width"] = props.fixedWidth;
|
|
16642
|
+
if (props.maxHeight)
|
|
16643
|
+
list["max-height"] = props.maxHeight;
|
|
16644
|
+
return list;
|
|
16645
|
+
});
|
|
16646
|
+
const isColumnDisplayed = computed$2(() => {
|
|
16647
|
+
if (!props.col)
|
|
16648
|
+
return true;
|
|
16649
|
+
return functions.isColumnDisplayed(props.col);
|
|
16650
|
+
});
|
|
16651
|
+
return (_ctx, _cache) => {
|
|
16652
|
+
return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
|
|
16653
|
+
key: 0,
|
|
16654
|
+
class: normalizeClass(["ck-td", unref$1(computedTdClass)])
|
|
16655
|
+
}, [
|
|
16656
|
+
createElementVNode("span", {
|
|
16657
|
+
class: normalizeClass(unref$1(computedSpanClass)),
|
|
16658
|
+
style: normalizeStyle(unref$1(computedStyle))
|
|
16659
|
+
}, [
|
|
16660
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
16661
|
+
], 6)
|
|
16662
|
+
], 2)) : createCommentVNode("", true);
|
|
16663
|
+
};
|
|
16664
|
+
}
|
|
16665
|
+
});
|
|
16666
|
+
var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4077488a"]]);
|
|
16574
16667
|
var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16575
16668
|
const _hoisted_1$h = { class: "ck-th" };
|
|
16576
|
-
const _sfc_main$
|
|
16669
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
16577
16670
|
props: {
|
|
16578
16671
|
align: { type: String, default: "left", validator: validators.align },
|
|
16579
16672
|
minWidth: { type: String, default: void 0 }
|
|
@@ -16605,8 +16698,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
16605
16698
|
};
|
|
16606
16699
|
}
|
|
16607
16700
|
});
|
|
16608
|
-
var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16609
|
-
const _sfc_main$
|
|
16701
|
+
var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4b7ed390"]]);
|
|
16702
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
16610
16703
|
props: {
|
|
16611
16704
|
col: { type: Object, required: true }
|
|
16612
16705
|
},
|
|
@@ -16644,7 +16737,7 @@ function useWindowWidth() {
|
|
|
16644
16737
|
}
|
|
16645
16738
|
var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16646
16739
|
const _hoisted_1$g = ["title", "aria-label", "disabled"];
|
|
16647
|
-
const _sfc_main$
|
|
16740
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
16648
16741
|
props: {
|
|
16649
16742
|
title: { type: String, default: void 0 },
|
|
16650
16743
|
disabled: { type: Boolean, default: false },
|
|
@@ -16738,10 +16831,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
16738
16831
|
};
|
|
16739
16832
|
}
|
|
16740
16833
|
});
|
|
16741
|
-
var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16834
|
+
var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-334c7553"]]);
|
|
16742
16835
|
var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16743
16836
|
const _hoisted_1$f = ["for"];
|
|
16744
|
-
const _sfc_main$
|
|
16837
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
16745
16838
|
props: {
|
|
16746
16839
|
for: { type: String, default: "" },
|
|
16747
16840
|
align: { type: String, default: "" }
|
|
@@ -16766,10 +16859,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
16766
16859
|
};
|
|
16767
16860
|
}
|
|
16768
16861
|
});
|
|
16769
|
-
var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16862
|
+
var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-37dee526"]]);
|
|
16770
16863
|
var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16771
16864
|
const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
|
|
16772
|
-
const _sfc_main$
|
|
16865
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
16773
16866
|
props: {
|
|
16774
16867
|
modelValue: {},
|
|
16775
16868
|
type: { type: String, validator: validators.inputType, default: "text" },
|
|
@@ -16899,10 +16992,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
16899
16992
|
};
|
|
16900
16993
|
}
|
|
16901
16994
|
});
|
|
16902
|
-
var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16995
|
+
var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-7b390746"]]);
|
|
16903
16996
|
var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16904
16997
|
const _hoisted_1$d = { class: "ck-table__header-items" };
|
|
16905
|
-
const _sfc_main$
|
|
16998
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
16906
16999
|
props: {
|
|
16907
17000
|
search: { type: String, default: void 0 },
|
|
16908
17001
|
hasColumnsManager: { type: Boolean, default: false },
|
|
@@ -16910,7 +17003,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
16910
17003
|
hideItemsPerPage: { type: Boolean, required: true },
|
|
16911
17004
|
currentPage: { type: Number, required: true },
|
|
16912
17005
|
itemsPerPage: { type: Number, required: true },
|
|
16913
|
-
listLength: { type: Number,
|
|
17006
|
+
listLength: { type: Number, default: 0 }
|
|
16914
17007
|
},
|
|
16915
17008
|
emits: ["update:search", "refreshList", "openColumnsManager"],
|
|
16916
17009
|
setup(__props, { emit: emits }) {
|
|
@@ -16964,7 +17057,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
16964
17057
|
unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
|
|
16965
17058
|
key: 0,
|
|
16966
17059
|
type: "flat",
|
|
16967
|
-
icon: "
|
|
17060
|
+
icon: "rotate-right",
|
|
16968
17061
|
title: "Recargar lista",
|
|
16969
17062
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
|
|
16970
17063
|
})) : createCommentVNode("", true),
|
|
@@ -16976,7 +17069,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
16976
17069
|
key: 2,
|
|
16977
17070
|
modelValue: unref$1(searchLocal),
|
|
16978
17071
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
|
|
16979
|
-
icon: "
|
|
17072
|
+
icon: "magnifying-glass",
|
|
16980
17073
|
placeholder: "Buscar...",
|
|
16981
17074
|
group: unref$1(searchGroupValue),
|
|
16982
17075
|
onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
|
|
@@ -16993,7 +17086,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
16993
17086
|
};
|
|
16994
17087
|
}
|
|
16995
17088
|
});
|
|
16996
|
-
var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17089
|
+
var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e948424e"]]);
|
|
16997
17090
|
var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
16998
17091
|
const _hoisted_1$c = { class: "ck-table__pagination" };
|
|
16999
17092
|
const _hoisted_2$7 = ["onClick"];
|
|
@@ -17005,7 +17098,7 @@ const __default__ = {
|
|
|
17005
17098
|
currentPage: { type: Number, required: true },
|
|
17006
17099
|
align: { type: String, required: true },
|
|
17007
17100
|
itemsPerPage: { type: Number, required: true },
|
|
17008
|
-
listLength: { type: Number,
|
|
17101
|
+
listLength: { type: Number, default: 0 }
|
|
17009
17102
|
},
|
|
17010
17103
|
emits: ["refreshList", "update:currentPage"],
|
|
17011
17104
|
computed: {
|
|
@@ -17072,7 +17165,7 @@ const __default__ = {
|
|
|
17072
17165
|
}
|
|
17073
17166
|
}
|
|
17074
17167
|
};
|
|
17075
|
-
const _sfc_main$
|
|
17168
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
|
|
17076
17169
|
setup(__props) {
|
|
17077
17170
|
return (_ctx, _cache) => {
|
|
17078
17171
|
return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
|
|
@@ -17121,7 +17214,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
17121
17214
|
};
|
|
17122
17215
|
}
|
|
17123
17216
|
}));
|
|
17124
|
-
var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17217
|
+
var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dec8fb20"]]);
|
|
17125
17218
|
const NOOP$1 = () => {
|
|
17126
17219
|
};
|
|
17127
17220
|
const isArray$1 = Array.isArray;
|
|
@@ -17904,7 +17997,7 @@ const _hoisted_3$4 = {
|
|
|
17904
17997
|
key: 0,
|
|
17905
17998
|
class: "c-Checkbox__label"
|
|
17906
17999
|
};
|
|
17907
|
-
const _sfc_main$
|
|
18000
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
17908
18001
|
props: {
|
|
17909
18002
|
modelValue: { type: Boolean, default: false },
|
|
17910
18003
|
label: { type: String, default: void 0 },
|
|
@@ -17961,7 +18054,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
17961
18054
|
};
|
|
17962
18055
|
}
|
|
17963
18056
|
});
|
|
17964
|
-
var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
18057
|
+
var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-132565da"]]);
|
|
17965
18058
|
var ckPopup_vue_vue_type_style_index_0_lang = "";
|
|
17966
18059
|
const _hoisted_1$a = {
|
|
17967
18060
|
key: 0,
|
|
@@ -17984,7 +18077,7 @@ const _hoisted_7 = {
|
|
|
17984
18077
|
};
|
|
17985
18078
|
const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
|
|
17986
18079
|
const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
|
|
17987
|
-
const _sfc_main$
|
|
18080
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
17988
18081
|
props: {
|
|
17989
18082
|
modelValue: { type: Boolean },
|
|
17990
18083
|
title: { type: String, default: void 0 },
|
|
@@ -18076,7 +18169,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
18076
18169
|
var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
18077
18170
|
const _hoisted_1$9 = { class: "columns-manger-container" };
|
|
18078
18171
|
const _hoisted_2$4 = { class: "columns-manger__item" };
|
|
18079
|
-
const _sfc_main$
|
|
18172
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
18080
18173
|
props: {
|
|
18081
18174
|
modelValue: { type: Boolean, required: true },
|
|
18082
18175
|
columns: { type: Object, required: true },
|
|
@@ -18116,7 +18209,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
18116
18209
|
props.columns[colName].isDisplayed = value;
|
|
18117
18210
|
}
|
|
18118
18211
|
return (_ctx, _cache) => {
|
|
18119
|
-
return openBlock(), createBlock(_sfc_main$
|
|
18212
|
+
return openBlock(), createBlock(_sfc_main$a, {
|
|
18120
18213
|
modelValue: unref$1(isActive),
|
|
18121
18214
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(isActive) ? isActive.value = $event : null),
|
|
18122
18215
|
title: "Administrador de columnas"
|
|
@@ -18144,7 +18237,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
18144
18237
|
};
|
|
18145
18238
|
}
|
|
18146
18239
|
});
|
|
18147
|
-
var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
18240
|
+
var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36d907dc"]]);
|
|
18148
18241
|
var qmApi = {};
|
|
18149
18242
|
var qmArray = {
|
|
18150
18243
|
arrayToText(arr, key = null) {
|
|
@@ -18428,27 +18521,28 @@ const _hoisted_2$3 = {
|
|
|
18428
18521
|
class: "ck-table__header"
|
|
18429
18522
|
};
|
|
18430
18523
|
const _hoisted_3$2 = {
|
|
18431
|
-
key:
|
|
18524
|
+
key: 0,
|
|
18432
18525
|
class: "ck-table__header--slot"
|
|
18433
18526
|
};
|
|
18434
18527
|
const _hoisted_4$2 = { class: "ck-table__table-container" };
|
|
18435
18528
|
const _hoisted_5 = { key: 0 };
|
|
18436
18529
|
const _hoisted_6 = { key: 1 };
|
|
18437
|
-
const _sfc_main$
|
|
18530
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
18438
18531
|
props: {
|
|
18439
18532
|
columns: { type: [Array, Object], required: true, default: () => [] },
|
|
18440
18533
|
hasColumnsManager: { type: Boolean, default: false },
|
|
18441
18534
|
currentPage: { type: Number, default: 0 },
|
|
18442
18535
|
itemsPerPage: { type: Number, default: 40 },
|
|
18443
|
-
listLength: { type: Number, default: 0 },
|
|
18536
|
+
listLength: { type: Number, default: void 0 },
|
|
18444
18537
|
paginationAlign: { type: String, default: "center", validator: validators.align },
|
|
18445
18538
|
search: { type: String, default: void 0 },
|
|
18446
18539
|
hideHeaderActions: { type: Boolean, default: false },
|
|
18447
18540
|
showRefreshBtn: { type: Boolean, default: false },
|
|
18448
18541
|
hideItemsPerPage: { type: Boolean, default: false },
|
|
18449
18542
|
notFullWidth: { type: Boolean, default: false },
|
|
18450
|
-
cellPadding: { type: String,
|
|
18451
|
-
cellPaddingY: { type: String,
|
|
18543
|
+
cellPadding: { type: String, default: void 0 },
|
|
18544
|
+
cellPaddingY: { type: String, default: void 0 },
|
|
18545
|
+
noResultsText: { type: String, default: "No se encontraron resultados" },
|
|
18452
18546
|
mobileMaxWidth: { type: [Number, String], default: 800 }
|
|
18453
18547
|
},
|
|
18454
18548
|
emits: ["refreshList", "update:search", "update:currentPage"],
|
|
@@ -18533,19 +18627,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
18533
18627
|
}, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
|
|
18534
18628
|
createElementVNode("div", _hoisted_1$8, [
|
|
18535
18629
|
_ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
|
|
18536
|
-
|
|
18537
|
-
|
|
18538
|
-
|
|
18539
|
-
|
|
18540
|
-
|
|
18541
|
-
|
|
18542
|
-
|
|
18543
|
-
|
|
18544
|
-
|
|
18545
|
-
|
|
18546
|
-
|
|
18547
|
-
|
|
18548
|
-
|
|
18630
|
+
createElementVNode("div", null, [
|
|
18631
|
+
!__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
|
|
18632
|
+
key: 0,
|
|
18633
|
+
search: unref$1(searchLocal),
|
|
18634
|
+
"onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
|
|
18635
|
+
currentPage: __props.currentPage,
|
|
18636
|
+
hasColumnsManager: __props.hasColumnsManager,
|
|
18637
|
+
itemsPerPage: __props.itemsPerPage,
|
|
18638
|
+
listLength: __props.listLength,
|
|
18639
|
+
showRefreshBtn: __props.showRefreshBtn,
|
|
18640
|
+
hideItemsPerPage: __props.hideItemsPerPage,
|
|
18641
|
+
onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
|
|
18642
|
+
onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
|
|
18643
|
+
}, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true)
|
|
18644
|
+
]),
|
|
18549
18645
|
_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
|
|
18550
18646
|
renderSlot(_ctx.$slots, "header", {}, void 0, true)
|
|
18551
18647
|
])) : createCommentVNode("", true)
|
|
@@ -18558,7 +18654,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
18558
18654
|
createVNode(ckTr, null, {
|
|
18559
18655
|
default: withCtx(() => [
|
|
18560
18656
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
|
|
18561
|
-
return openBlock(), createBlock(_sfc_main$
|
|
18657
|
+
return openBlock(), createBlock(_sfc_main$h, {
|
|
18562
18658
|
key: col.title,
|
|
18563
18659
|
col
|
|
18564
18660
|
}, null, 8, ["col"]);
|
|
@@ -18570,7 +18666,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
18570
18666
|
createElementVNode("tbody", null, [
|
|
18571
18667
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
18572
18668
|
!unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "desktop", { key: 0 }, void 0, true) : createCommentVNode("", true),
|
|
18573
|
-
unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true)
|
|
18669
|
+
unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true),
|
|
18670
|
+
__props.listLength === 0 ? (openBlock(), createBlock(ckTr, { key: 2 }, {
|
|
18671
|
+
default: withCtx(() => [
|
|
18672
|
+
createVNode(ckTd, {
|
|
18673
|
+
class: "no-result-text",
|
|
18674
|
+
colspan: "100%",
|
|
18675
|
+
align: "center"
|
|
18676
|
+
}, {
|
|
18677
|
+
default: withCtx(() => [
|
|
18678
|
+
createTextVNode(toDisplayString(__props.noResultsText), 1)
|
|
18679
|
+
]),
|
|
18680
|
+
_: 1
|
|
18681
|
+
})
|
|
18682
|
+
]),
|
|
18683
|
+
_: 1
|
|
18684
|
+
})) : createCommentVNode("", true)
|
|
18574
18685
|
]),
|
|
18575
18686
|
_ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
|
|
18576
18687
|
renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
@@ -18591,88 +18702,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
18591
18702
|
};
|
|
18592
18703
|
}
|
|
18593
18704
|
});
|
|
18594
|
-
var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
18595
|
-
var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
18596
|
-
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
18597
|
-
props: {
|
|
18598
|
-
col: { type: Object, default: void 0 },
|
|
18599
|
-
nowrap: { type: Boolean, default: false },
|
|
18600
|
-
block: { type: Boolean, default: false },
|
|
18601
|
-
autoWidth: { type: Boolean, default: false },
|
|
18602
|
-
overflowAuto: { type: Boolean, default: false },
|
|
18603
|
-
align: { type: String, default: void 0, validator: validators.align },
|
|
18604
|
-
verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
|
|
18605
|
-
fixedWidth: { type: String, default: "" },
|
|
18606
|
-
minWidth: { type: String, default: "" },
|
|
18607
|
-
maxWidth: { type: String, default: "" },
|
|
18608
|
-
maxHeight: { type: String, default: "" }
|
|
18609
|
-
},
|
|
18610
|
-
setup(__props) {
|
|
18611
|
-
const props = __props;
|
|
18612
|
-
const computedTdClass = computed$2(() => {
|
|
18613
|
-
const list = [];
|
|
18614
|
-
if (props.autoWidth)
|
|
18615
|
-
list.push("auto-width");
|
|
18616
|
-
if (props.overflowAuto)
|
|
18617
|
-
list.push("overflow-auto");
|
|
18618
|
-
if (props.verticalAlign)
|
|
18619
|
-
list.push(`vertical-align--${props.verticalAlign}`);
|
|
18620
|
-
return list;
|
|
18621
|
-
});
|
|
18622
|
-
const computedSpanClass = computed$2(() => {
|
|
18623
|
-
const list = [];
|
|
18624
|
-
let align;
|
|
18625
|
-
if (props.col)
|
|
18626
|
-
align = props.col.align;
|
|
18627
|
-
if (props.align)
|
|
18628
|
-
align = props.align;
|
|
18629
|
-
if (align) {
|
|
18630
|
-
if (align === "center")
|
|
18631
|
-
list.push("align-center");
|
|
18632
|
-
if (align === "right")
|
|
18633
|
-
list.push("align-right");
|
|
18634
|
-
}
|
|
18635
|
-
if (props.block)
|
|
18636
|
-
list.push("block");
|
|
18637
|
-
if (props.block)
|
|
18638
|
-
list.push("no-wrap-text");
|
|
18639
|
-
return list;
|
|
18640
|
-
});
|
|
18641
|
-
const computedStyle = computed$2(() => {
|
|
18642
|
-
const list = {};
|
|
18643
|
-
if (props.minWidth)
|
|
18644
|
-
list["min-width"] = props.minWidth;
|
|
18645
|
-
if (props.fixedWidth)
|
|
18646
|
-
list["min-width"] = props.fixedWidth;
|
|
18647
|
-
if (props.maxWidth)
|
|
18648
|
-
list["max-width"] = props.maxWidth;
|
|
18649
|
-
if (props.fixedWidth)
|
|
18650
|
-
list["max-width"] = props.fixedWidth;
|
|
18651
|
-
if (props.maxHeight)
|
|
18652
|
-
list["max-height"] = props.maxHeight;
|
|
18653
|
-
return list;
|
|
18654
|
-
});
|
|
18655
|
-
const isColumnDisplayed = computed$2(() => {
|
|
18656
|
-
if (!props.col)
|
|
18657
|
-
return true;
|
|
18658
|
-
return functions.isColumnDisplayed(props.col);
|
|
18659
|
-
});
|
|
18660
|
-
return (_ctx, _cache) => {
|
|
18661
|
-
return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
|
|
18662
|
-
key: 0,
|
|
18663
|
-
class: normalizeClass(["ck-td", unref$1(computedTdClass)])
|
|
18664
|
-
}, [
|
|
18665
|
-
createElementVNode("span", {
|
|
18666
|
-
class: normalizeClass(unref$1(computedSpanClass)),
|
|
18667
|
-
style: normalizeStyle(unref$1(computedStyle))
|
|
18668
|
-
}, [
|
|
18669
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
18670
|
-
], 6)
|
|
18671
|
-
], 2)) : createCommentVNode("", true);
|
|
18672
|
-
};
|
|
18673
|
-
}
|
|
18674
|
-
});
|
|
18675
|
-
var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4077488a"]]);
|
|
18705
|
+
var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e047ea3a"]]);
|
|
18676
18706
|
var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
18677
18707
|
const _hoisted_1$7 = ["color"];
|
|
18678
18708
|
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
@@ -21909,7 +21939,7 @@ var components = /* @__PURE__ */ Object.freeze({
|
|
|
21909
21939
|
ckImg,
|
|
21910
21940
|
ckInput,
|
|
21911
21941
|
ckLabel,
|
|
21912
|
-
ckPopup: _sfc_main$
|
|
21942
|
+
ckPopup: _sfc_main$a,
|
|
21913
21943
|
ckRadio,
|
|
21914
21944
|
ckSelect,
|
|
21915
21945
|
ckSwitch,
|
|
@@ -21949,4 +21979,4 @@ const install = function installCleek(app, options) {
|
|
|
21949
21979
|
app.component(componentName, component);
|
|
21950
21980
|
});
|
|
21951
21981
|
};
|
|
21952
|
-
export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$
|
|
21982
|
+
export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$a as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
|