@pequity/squirrel 8.5.0 → 8.5.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/README.md +2 -2
- package/dist/cjs/chunks/p-table-header-cell.js +57 -0
- package/dist/cjs/index.js +10 -8
- package/dist/cjs/p-table-header-cell.js +2 -117
- package/dist/es/chunks/p-table-header-cell.js +58 -0
- package/dist/es/index.js +12 -10
- package/dist/es/p-table-header-cell.js +2 -117
- package/dist/squirrel/components/index.d.ts +1 -2
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +14 -161
- package/dist/squirrel.css +8 -19
- package/package.json +1 -1
- package/squirrel/components/index.ts +0 -2
- package/squirrel/components/p-table/p-table.spec.js +34 -1
- package/squirrel/components/p-table/p-table.vue +6 -2
- package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +12 -8
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +68 -83
- package/dist/cjs/p-table-filter-icon.js +0 -28
- package/dist/es/p-table-filter-icon.js +0 -29
- package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +0 -20
- package/squirrel/assets/filter-icon-active-hover.svg +0 -4
- package/squirrel/assets/filter-icon-active.svg +0 -4
- package/squirrel/assets/filter-icon-hover.svg +0 -7
- package/squirrel/assets/filter-icon.svg +0 -6
- package/squirrel/components/p-table-header-cell/p-filter-icon.spec.js +0 -20
- package/squirrel/components/p-table-header-cell/p-filter-icon.stories.js +0 -33
- package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +0 -41
package/README.md
CHANGED
|
@@ -174,8 +174,8 @@ This configuration enables:
|
|
|
174
174
|
|
|
175
175
|
---
|
|
176
176
|
|
|
177
|
-
:fire: **HEADS UP!** This repo uses [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) and [semantic-release](https://github.com/semantic-release/semantic-release) to automate the whole package release workflow including: determining the next version number, generating the release notes, and publishing the package to npm
|
|
178
|
-
Commit messages have to follow the commit message format when contributing.
|
|
177
|
+
:fire: **HEADS UP!** This repo uses [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) and [semantic-release](https://github.com/semantic-release/semantic-release) to automate the whole package release workflow including: determining the next version number, generating the release notes, and publishing the package to `npm`.
|
|
178
|
+
Commit messages have to follow the conventional commit message format when contributing.
|
|
179
179
|
|
|
180
180
|
---
|
|
181
181
|
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const vue = require("vue");
|
|
3
|
+
const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
|
|
4
|
+
const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./p-info-icon.js");
|
|
5
|
+
const _hoisted_1 = { class: "flex items-center overflow-hidden" };
|
|
6
|
+
const _hoisted_2 = ["title"];
|
|
7
|
+
const _hoisted_3 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
|
|
10
|
+
};
|
|
11
|
+
const DEFAULT_CLASSES = `text-xs font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
13
|
+
...{
|
|
14
|
+
name: "PTableHeaderCell"
|
|
15
|
+
},
|
|
16
|
+
__name: "p-table-header-cell",
|
|
17
|
+
props: {
|
|
18
|
+
text: { default: "" },
|
|
19
|
+
textClass: { default: "text-left" },
|
|
20
|
+
filterActive: { type: Boolean, default: false },
|
|
21
|
+
showFilterIcon: { type: Boolean, default: false },
|
|
22
|
+
tooltipText: { default: "" },
|
|
23
|
+
textColor: { default: "" }
|
|
24
|
+
},
|
|
25
|
+
emits: ["click-filter-icon"],
|
|
26
|
+
setup(__props) {
|
|
27
|
+
const props = __props;
|
|
28
|
+
const textColorClass = vue.computed(
|
|
29
|
+
() => props.filterActive ? "text-active-blue" : props.textColor ? "" : "text-p-gray-60"
|
|
30
|
+
);
|
|
31
|
+
const style = vue.computed(() => props.filterActive ? {} : { color: props.textColor });
|
|
32
|
+
return (_ctx, _cache) => {
|
|
33
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
34
|
+
vue.createElementVNode("div", {
|
|
35
|
+
class: vue.normalizeClass([DEFAULT_CLASSES, _ctx.textClass, textColorClass.value, { "mr-auto": !_ctx.tooltipText }]),
|
|
36
|
+
style: vue.normalizeStyle(style.value),
|
|
37
|
+
title: _ctx.text,
|
|
38
|
+
"data-p-table-header-text": ""
|
|
39
|
+
}, vue.toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
40
|
+
_ctx.tooltipText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
41
|
+
vue.createVNode(pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main, { text: _ctx.tooltipText }, null, 8, ["text"])
|
|
42
|
+
])) : vue.createCommentVNode("", true),
|
|
43
|
+
vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
44
|
+
icon: _ctx.filterActive ? "ph:funnel-fill" : "si:filter-list-alt-duotone",
|
|
45
|
+
class: vue.normalizeClass([
|
|
46
|
+
"ml-2 mr-px cursor-pointer rounded-sm",
|
|
47
|
+
{ hidden: !_ctx.showFilterIcon },
|
|
48
|
+
_ctx.filterActive ? "text-active-blue hover:bg-p-blue-10 hover:text-p-blue-60 hover:ring-1 hover:ring-p-blue-10" : "text-p-gray-60 hover:bg-p-gray-10 hover:text-night hover:ring-1 hover:ring-p-gray-10"
|
|
49
|
+
]),
|
|
50
|
+
height: "16",
|
|
51
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
|
|
52
|
+
}, null, 8, ["icon", "class"])
|
|
53
|
+
]);
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
exports._sfc_main = _sfc_main;
|
package/dist/cjs/index.js
CHANGED
|
@@ -46,11 +46,10 @@ const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js"
|
|
|
46
46
|
const pTable$1 = require("./p-table.js");
|
|
47
47
|
const usePTableColResize = require("./usePTableColResize.js");
|
|
48
48
|
const usePTableHeaderWrap = require("./usePTableHeaderWrap.js");
|
|
49
|
-
const
|
|
49
|
+
const pTableHeaderCell_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-header-cell.js");
|
|
50
50
|
const pTableTd = require("./p-table-td.js");
|
|
51
51
|
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
52
52
|
const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
|
|
53
|
-
const pTableFilterIcon = require("./p-table-filter-icon.js");
|
|
54
53
|
const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
|
|
55
54
|
const pTableSort = require("./p-table-sort.js");
|
|
56
55
|
const pTabs_vue_vue_type_script_setup_true_lang = require("./chunks/p-tabs.js");
|
|
@@ -866,15 +865,19 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
866
865
|
style: vue.normalizeStyle(bgColorStyle(col))
|
|
867
866
|
}, [
|
|
868
867
|
vue.createElementVNode("div", {
|
|
869
|
-
class: vue.normalizeClass(["flex", { "h-
|
|
868
|
+
class: vue.normalizeClass(["flex", { "h-8": vue.unref(hasWrap) }])
|
|
870
869
|
}, [
|
|
871
870
|
vue.renderSlot(_ctx.$slots, `prepend-header-cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, { col }, void 0, true),
|
|
872
|
-
vue.createVNode(
|
|
871
|
+
vue.createVNode(pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({
|
|
873
872
|
text: col.title,
|
|
874
873
|
"filter-active": col.filterActive,
|
|
875
874
|
"show-filter-icon": col.filterable || col.sortable,
|
|
876
875
|
"tooltip-text": col.tooltip,
|
|
877
|
-
class: [
|
|
876
|
+
class: [
|
|
877
|
+
vue.unref(hasWrap) ? "leading-4" : "leading-5",
|
|
878
|
+
{ "pl-2": i === 1 && _ctx.isFirstColFixed, "pr-2": i === _ctx.cols.length && _ctx.isLastColFixed },
|
|
879
|
+
"grow"
|
|
880
|
+
],
|
|
878
881
|
"text-color": headerCellTextColor(col)
|
|
879
882
|
}, { ref_for: true }, col.headerCellAttrs, {
|
|
880
883
|
onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
|
|
@@ -944,7 +947,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
944
947
|
};
|
|
945
948
|
}
|
|
946
949
|
});
|
|
947
|
-
const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
950
|
+
const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-58c21732"]]);
|
|
948
951
|
const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
949
952
|
const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
950
953
|
const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
@@ -1072,10 +1075,9 @@ exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
|
|
|
1072
1075
|
exports.isFirstColFixedInjectionKey = pTable$1.isFirstColFixedInjectionKey;
|
|
1073
1076
|
exports.isLastColFixedInjectionKey = pTable$1.isLastColFixedInjectionKey;
|
|
1074
1077
|
exports.usePTableColResize = usePTableColResize.usePTableColResize;
|
|
1075
|
-
exports.PTableHeaderCell =
|
|
1078
|
+
exports.PTableHeaderCell = pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
1076
1079
|
exports.PTableTd = pTableTd;
|
|
1077
1080
|
exports.usePTableRowVirtualizer = usePTableRowVirtualizer.usePTableRowVirtualizer;
|
|
1078
|
-
exports.PFilterIcon = pTableFilterIcon;
|
|
1079
1081
|
exports.PTableLoader = pTableLoader_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
1080
1082
|
exports.SORTING_TYPES = pTableSort.SORTING_TYPES;
|
|
1081
1083
|
exports.PTabs = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
@@ -1,118 +1,3 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
const vue = require("vue");
|
|
5
|
-
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
-
const DEFAULT_CLASSES = `text-xs leading-5 font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
|
|
7
|
-
const _sfc_main = vue.defineComponent({
|
|
8
|
-
name: "PTableHeaderCell",
|
|
9
|
-
components: {
|
|
10
|
-
PTableFilterIcon: pTableFilterIcon,
|
|
11
|
-
PInfoIcon: pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main
|
|
12
|
-
},
|
|
13
|
-
props: {
|
|
14
|
-
/**
|
|
15
|
-
* The text content to display in the header cell.
|
|
16
|
-
* Also used as the title attribute for accessibility.
|
|
17
|
-
*/
|
|
18
|
-
text: {
|
|
19
|
-
type: String,
|
|
20
|
-
default: ""
|
|
21
|
-
},
|
|
22
|
-
/**
|
|
23
|
-
* CSS classes to apply to the text element.
|
|
24
|
-
* Can be a string, object, or array for flexible styling.
|
|
25
|
-
*/
|
|
26
|
-
textClass: {
|
|
27
|
-
type: [String, Object, Array],
|
|
28
|
-
default: "text-left"
|
|
29
|
-
},
|
|
30
|
-
/**
|
|
31
|
-
* Whether the filter icon is in an active state.
|
|
32
|
-
* Controls the visual appearance of the filter icon and text color.
|
|
33
|
-
*/
|
|
34
|
-
filterActive: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
default: false
|
|
37
|
-
},
|
|
38
|
-
/**
|
|
39
|
-
* Whether to show the filter icon.
|
|
40
|
-
* When false, the filter icon is hidden regardless of other states.
|
|
41
|
-
*/
|
|
42
|
-
showFilterIcon: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
default: false
|
|
45
|
-
},
|
|
46
|
-
/**
|
|
47
|
-
* Tooltip text to display when hovering over the info icon.
|
|
48
|
-
* When provided, shows an info icon with the tooltip content.
|
|
49
|
-
*/
|
|
50
|
-
tooltipText: {
|
|
51
|
-
type: String,
|
|
52
|
-
default: ""
|
|
53
|
-
},
|
|
54
|
-
/**
|
|
55
|
-
* Custom text color to apply to the header text.
|
|
56
|
-
* Overrides the default text color when provided.
|
|
57
|
-
*/
|
|
58
|
-
textColor: {
|
|
59
|
-
type: String,
|
|
60
|
-
default: ""
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
/**
|
|
64
|
-
* Emitted when the filter icon is clicked.
|
|
65
|
-
* @param {Event} event - The click event
|
|
66
|
-
* @param {boolean} filterActive - The current filter active state
|
|
67
|
-
*/
|
|
68
|
-
emits: ["click-filter-icon"],
|
|
69
|
-
data() {
|
|
70
|
-
return {
|
|
71
|
-
DEFAULT_CLASSES
|
|
72
|
-
};
|
|
73
|
-
},
|
|
74
|
-
computed: {
|
|
75
|
-
textColorClass() {
|
|
76
|
-
return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
|
|
77
|
-
},
|
|
78
|
-
style() {
|
|
79
|
-
if (this.filterActive) {
|
|
80
|
-
return {};
|
|
81
|
-
}
|
|
82
|
-
return {
|
|
83
|
-
color: this.textColor
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
const _hoisted_1 = { class: "flex items-center overflow-hidden" };
|
|
89
|
-
const _hoisted_2 = ["title"];
|
|
90
|
-
const _hoisted_3 = {
|
|
91
|
-
key: 0,
|
|
92
|
-
class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
|
|
93
|
-
};
|
|
94
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
95
|
-
const _component_PInfoIcon = vue.resolveComponent("PInfoIcon");
|
|
96
|
-
const _component_PTableFilterIcon = vue.resolveComponent("PTableFilterIcon");
|
|
97
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
98
|
-
vue.createElementVNode("div", {
|
|
99
|
-
class: vue.normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
|
|
100
|
-
style: vue.normalizeStyle(_ctx.style),
|
|
101
|
-
title: _ctx.text,
|
|
102
|
-
"data-p-table-header-text": ""
|
|
103
|
-
}, vue.toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
104
|
-
_ctx.tooltipText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
105
|
-
_ctx.tooltipText ? (vue.openBlock(), vue.createBlock(_component_PInfoIcon, {
|
|
106
|
-
key: 0,
|
|
107
|
-
text: _ctx.tooltipText
|
|
108
|
-
}, null, 8, ["text"])) : vue.createCommentVNode("", true)
|
|
109
|
-
])) : vue.createCommentVNode("", true),
|
|
110
|
-
vue.createVNode(_component_PTableFilterIcon, {
|
|
111
|
-
class: vue.normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
|
|
112
|
-
active: _ctx.filterActive,
|
|
113
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
|
|
114
|
-
}, null, 8, ["class", "active"])
|
|
115
|
-
]);
|
|
116
|
-
}
|
|
117
|
-
const PTableHeaderCell = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
118
|
-
module.exports = PTableHeaderCell;
|
|
2
|
+
const pTableHeaderCell_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-header-cell.js");
|
|
3
|
+
module.exports = pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString } from "vue";
|
|
2
|
+
import { _ as _sfc_main$2 } from "./p-icon.js";
|
|
3
|
+
import { _ as _sfc_main$1 } from "./p-info-icon.js";
|
|
4
|
+
const _hoisted_1 = { class: "flex items-center overflow-hidden" };
|
|
5
|
+
const _hoisted_2 = ["title"];
|
|
6
|
+
const _hoisted_3 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
|
|
9
|
+
};
|
|
10
|
+
const DEFAULT_CLASSES = `text-xs font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
...{
|
|
13
|
+
name: "PTableHeaderCell"
|
|
14
|
+
},
|
|
15
|
+
__name: "p-table-header-cell",
|
|
16
|
+
props: {
|
|
17
|
+
text: { default: "" },
|
|
18
|
+
textClass: { default: "text-left" },
|
|
19
|
+
filterActive: { type: Boolean, default: false },
|
|
20
|
+
showFilterIcon: { type: Boolean, default: false },
|
|
21
|
+
tooltipText: { default: "" },
|
|
22
|
+
textColor: { default: "" }
|
|
23
|
+
},
|
|
24
|
+
emits: ["click-filter-icon"],
|
|
25
|
+
setup(__props) {
|
|
26
|
+
const props = __props;
|
|
27
|
+
const textColorClass = computed(
|
|
28
|
+
() => props.filterActive ? "text-active-blue" : props.textColor ? "" : "text-p-gray-60"
|
|
29
|
+
);
|
|
30
|
+
const style = computed(() => props.filterActive ? {} : { color: props.textColor });
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
33
|
+
createElementVNode("div", {
|
|
34
|
+
class: normalizeClass([DEFAULT_CLASSES, _ctx.textClass, textColorClass.value, { "mr-auto": !_ctx.tooltipText }]),
|
|
35
|
+
style: normalizeStyle(style.value),
|
|
36
|
+
title: _ctx.text,
|
|
37
|
+
"data-p-table-header-text": ""
|
|
38
|
+
}, toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
39
|
+
_ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
40
|
+
createVNode(_sfc_main$1, { text: _ctx.tooltipText }, null, 8, ["text"])
|
|
41
|
+
])) : createCommentVNode("", true),
|
|
42
|
+
createVNode(_sfc_main$2, {
|
|
43
|
+
icon: _ctx.filterActive ? "ph:funnel-fill" : "si:filter-list-alt-duotone",
|
|
44
|
+
class: normalizeClass([
|
|
45
|
+
"ml-2 mr-px cursor-pointer rounded-sm",
|
|
46
|
+
{ hidden: !_ctx.showFilterIcon },
|
|
47
|
+
_ctx.filterActive ? "text-active-blue hover:bg-p-blue-10 hover:text-p-blue-60 hover:ring-1 hover:ring-p-blue-10" : "text-p-gray-60 hover:bg-p-gray-10 hover:text-night hover:ring-1 hover:ring-p-gray-10"
|
|
48
|
+
]),
|
|
49
|
+
height: "16",
|
|
50
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
|
|
51
|
+
}, null, 8, ["icon", "class"])
|
|
52
|
+
]);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
export {
|
|
57
|
+
_sfc_main as _
|
|
58
|
+
};
|
package/dist/es/index.js
CHANGED
|
@@ -46,17 +46,16 @@ import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionK
|
|
|
46
46
|
import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
|
|
47
47
|
import { usePTableColResize } from "./usePTableColResize.js";
|
|
48
48
|
import { usePTableHeaderWrap } from "./usePTableHeaderWrap.js";
|
|
49
|
-
import
|
|
49
|
+
import { _ as _sfc_main$5 } from "./chunks/p-table-header-cell.js";
|
|
50
50
|
import PTableTd from "./p-table-td.js";
|
|
51
51
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
52
52
|
import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
|
|
53
|
-
import { default as default11 } from "./p-table-filter-icon.js";
|
|
54
53
|
import { _ as _20 } from "./chunks/p-table-loader.js";
|
|
55
54
|
import { SORTING_TYPES } from "./p-table-sort.js";
|
|
56
55
|
import { _ as _21 } from "./chunks/p-tabs.js";
|
|
57
56
|
import { _ as _22 } from "./chunks/p-tabs-pills.js";
|
|
58
57
|
import { _ as _23 } from "./chunks/p-textarea.js";
|
|
59
|
-
import { default as
|
|
58
|
+
import { default as default11 } from "./p-toggle.js";
|
|
60
59
|
import { squirrelTailwindConfig } from "./config.js";
|
|
61
60
|
import { S } from "./chunks/p-btn.types.js";
|
|
62
61
|
import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
|
|
@@ -866,15 +865,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
866
865
|
style: normalizeStyle(bgColorStyle(col))
|
|
867
866
|
}, [
|
|
868
867
|
createElementVNode("div", {
|
|
869
|
-
class: normalizeClass(["flex", { "h-
|
|
868
|
+
class: normalizeClass(["flex", { "h-8": unref(hasWrap) }])
|
|
870
869
|
}, [
|
|
871
870
|
renderSlot(_ctx.$slots, `prepend-header-cell-${unref(kebabCase)(col.name)}`, { col }, void 0, true),
|
|
872
|
-
createVNode(
|
|
871
|
+
createVNode(_sfc_main$5, mergeProps({
|
|
873
872
|
text: col.title,
|
|
874
873
|
"filter-active": col.filterActive,
|
|
875
874
|
"show-filter-icon": col.filterable || col.sortable,
|
|
876
875
|
"tooltip-text": col.tooltip,
|
|
877
|
-
class: [
|
|
876
|
+
class: [
|
|
877
|
+
unref(hasWrap) ? "leading-4" : "leading-5",
|
|
878
|
+
{ "pl-2": i2 === 1 && _ctx.isFirstColFixed, "pr-2": i2 === _ctx.cols.length && _ctx.isLastColFixed },
|
|
879
|
+
"grow"
|
|
880
|
+
],
|
|
878
881
|
"text-color": headerCellTextColor(col)
|
|
879
882
|
}, { ref_for: true }, col.headerCellAttrs, {
|
|
880
883
|
onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
|
|
@@ -944,7 +947,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
944
947
|
};
|
|
945
948
|
}
|
|
946
949
|
});
|
|
947
|
-
const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
950
|
+
const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-58c21732"]]);
|
|
948
951
|
const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
949
952
|
const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
950
953
|
const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
@@ -1044,7 +1047,6 @@ export {
|
|
|
1044
1047
|
default6 as PDropdown,
|
|
1045
1048
|
a as PDropdownSelect,
|
|
1046
1049
|
_sfc_main$3 as PFileUpload,
|
|
1047
|
-
default11 as PFilterIcon,
|
|
1048
1050
|
_sfc_main$4 as PIcon,
|
|
1049
1051
|
_7 as PInfoIcon,
|
|
1050
1052
|
_8 as PInlineDatePicker,
|
|
@@ -1066,14 +1068,14 @@ export {
|
|
|
1066
1068
|
default10 as PSkeletonLoader,
|
|
1067
1069
|
_19 as PSteps,
|
|
1068
1070
|
pTable as PTable,
|
|
1069
|
-
PTableHeaderCell,
|
|
1071
|
+
_sfc_main$5 as PTableHeaderCell,
|
|
1070
1072
|
_20 as PTableLoader,
|
|
1071
1073
|
_sfc_main as PTableSort,
|
|
1072
1074
|
PTableTd,
|
|
1073
1075
|
_21 as PTabs,
|
|
1074
1076
|
_22 as PTabsPills,
|
|
1075
1077
|
_23 as PTextarea,
|
|
1076
|
-
|
|
1078
|
+
default11 as PToggle,
|
|
1077
1079
|
P_ICON_ALIASES,
|
|
1078
1080
|
S as SIZES,
|
|
1079
1081
|
SORTING_TYPES,
|
|
@@ -1,119 +1,4 @@
|
|
|
1
|
-
import { _ as _sfc_main
|
|
2
|
-
import PTableFilterIcon from "./p-table-filter-icon.js";
|
|
3
|
-
import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createBlock } from "vue";
|
|
4
|
-
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
-
const DEFAULT_CLASSES = `text-xs leading-5 font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
|
|
6
|
-
const _sfc_main = defineComponent({
|
|
7
|
-
name: "PTableHeaderCell",
|
|
8
|
-
components: {
|
|
9
|
-
PTableFilterIcon,
|
|
10
|
-
PInfoIcon: _sfc_main$1
|
|
11
|
-
},
|
|
12
|
-
props: {
|
|
13
|
-
/**
|
|
14
|
-
* The text content to display in the header cell.
|
|
15
|
-
* Also used as the title attribute for accessibility.
|
|
16
|
-
*/
|
|
17
|
-
text: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: ""
|
|
20
|
-
},
|
|
21
|
-
/**
|
|
22
|
-
* CSS classes to apply to the text element.
|
|
23
|
-
* Can be a string, object, or array for flexible styling.
|
|
24
|
-
*/
|
|
25
|
-
textClass: {
|
|
26
|
-
type: [String, Object, Array],
|
|
27
|
-
default: "text-left"
|
|
28
|
-
},
|
|
29
|
-
/**
|
|
30
|
-
* Whether the filter icon is in an active state.
|
|
31
|
-
* Controls the visual appearance of the filter icon and text color.
|
|
32
|
-
*/
|
|
33
|
-
filterActive: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: false
|
|
36
|
-
},
|
|
37
|
-
/**
|
|
38
|
-
* Whether to show the filter icon.
|
|
39
|
-
* When false, the filter icon is hidden regardless of other states.
|
|
40
|
-
*/
|
|
41
|
-
showFilterIcon: {
|
|
42
|
-
type: Boolean,
|
|
43
|
-
default: false
|
|
44
|
-
},
|
|
45
|
-
/**
|
|
46
|
-
* Tooltip text to display when hovering over the info icon.
|
|
47
|
-
* When provided, shows an info icon with the tooltip content.
|
|
48
|
-
*/
|
|
49
|
-
tooltipText: {
|
|
50
|
-
type: String,
|
|
51
|
-
default: ""
|
|
52
|
-
},
|
|
53
|
-
/**
|
|
54
|
-
* Custom text color to apply to the header text.
|
|
55
|
-
* Overrides the default text color when provided.
|
|
56
|
-
*/
|
|
57
|
-
textColor: {
|
|
58
|
-
type: String,
|
|
59
|
-
default: ""
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
/**
|
|
63
|
-
* Emitted when the filter icon is clicked.
|
|
64
|
-
* @param {Event} event - The click event
|
|
65
|
-
* @param {boolean} filterActive - The current filter active state
|
|
66
|
-
*/
|
|
67
|
-
emits: ["click-filter-icon"],
|
|
68
|
-
data() {
|
|
69
|
-
return {
|
|
70
|
-
DEFAULT_CLASSES
|
|
71
|
-
};
|
|
72
|
-
},
|
|
73
|
-
computed: {
|
|
74
|
-
textColorClass() {
|
|
75
|
-
return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
|
|
76
|
-
},
|
|
77
|
-
style() {
|
|
78
|
-
if (this.filterActive) {
|
|
79
|
-
return {};
|
|
80
|
-
}
|
|
81
|
-
return {
|
|
82
|
-
color: this.textColor
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
const _hoisted_1 = { class: "flex items-center overflow-hidden" };
|
|
88
|
-
const _hoisted_2 = ["title"];
|
|
89
|
-
const _hoisted_3 = {
|
|
90
|
-
key: 0,
|
|
91
|
-
class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
|
|
92
|
-
};
|
|
93
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
94
|
-
const _component_PInfoIcon = resolveComponent("PInfoIcon");
|
|
95
|
-
const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
|
|
96
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
97
|
-
createElementVNode("div", {
|
|
98
|
-
class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
|
|
99
|
-
style: normalizeStyle(_ctx.style),
|
|
100
|
-
title: _ctx.text,
|
|
101
|
-
"data-p-table-header-text": ""
|
|
102
|
-
}, toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
103
|
-
_ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
104
|
-
_ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
|
|
105
|
-
key: 0,
|
|
106
|
-
text: _ctx.tooltipText
|
|
107
|
-
}, null, 8, ["text"])) : createCommentVNode("", true)
|
|
108
|
-
])) : createCommentVNode("", true),
|
|
109
|
-
createVNode(_component_PTableFilterIcon, {
|
|
110
|
-
class: normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
|
|
111
|
-
active: _ctx.filterActive,
|
|
112
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
|
|
113
|
-
}, null, 8, ["class", "active"])
|
|
114
|
-
]);
|
|
115
|
-
}
|
|
116
|
-
const PTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
1
|
+
import { _ as _sfc_main } from "./chunks/p-table-header-cell.js";
|
|
117
2
|
export {
|
|
118
|
-
|
|
3
|
+
_sfc_main as default
|
|
119
4
|
};
|
|
@@ -43,7 +43,6 @@ import { colsInjectionKey, type HeaderCellAttrs, isColsResizableInjectionKey, is
|
|
|
43
43
|
import PTable from './p-table/p-table.vue';
|
|
44
44
|
import { usePTableColResize } from './p-table/usePTableColResize';
|
|
45
45
|
import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
|
|
46
|
-
import PFilterIcon from './p-table-header-cell/p-table-filter-icon.vue';
|
|
47
46
|
import PTableHeaderCell from './p-table-header-cell/p-table-header-cell.vue';
|
|
48
47
|
import PTableLoader from './p-table-loader/p-table-loader.vue';
|
|
49
48
|
import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
|
|
@@ -53,4 +52,4 @@ import PTabs from './p-tabs/p-tabs.vue';
|
|
|
53
52
|
import PTabsPills from './p-tabs-pills/p-tabs-pills.vue';
|
|
54
53
|
import PTextarea from './p-textarea/p-textarea.vue';
|
|
55
54
|
import PToggle from './p-toggle/p-toggle.vue';
|
|
56
|
-
export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload,
|
|
55
|
+
export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PSteps, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTabsPills, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
|