@pequity/squirrel 8.4.5 → 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 +31 -2
- package/dist/cjs/chunks/index.js +530 -179
- package/dist/cjs/chunks/p-alert.js +11 -16
- package/dist/cjs/chunks/p-btn.js +1 -1
- package/dist/cjs/chunks/p-input-percent.js +2 -2
- package/dist/cjs/chunks/p-table-header-cell.js +57 -0
- package/dist/cjs/index.js +41 -33
- package/dist/cjs/inputClasses.js +3 -3
- package/dist/cjs/p-icon.js +2 -1
- package/dist/cjs/p-loading.js +2 -2
- package/dist/cjs/p-modal.js +45 -43
- package/dist/cjs/p-table-header-cell.js +2 -116
- package/dist/cjs/p-table.js +2 -0
- package/dist/cjs/usePTableHeaderWrap.js +38 -0
- package/dist/es/chunks/index.js +530 -179
- package/dist/es/chunks/p-alert.js +11 -16
- package/dist/es/chunks/p-btn.js +2 -2
- package/dist/es/chunks/p-input-percent.js +2 -2
- package/dist/es/chunks/p-table-header-cell.js +58 -0
- package/dist/es/index.js +49 -41
- package/dist/es/inputClasses.js +4 -4
- package/dist/es/p-icon.js +2 -1
- package/dist/es/p-loading.js +2 -2
- package/dist/es/p-modal.js +45 -43
- package/dist/es/p-table-header-cell.js +2 -116
- package/dist/es/p-table.js +2 -0
- package/dist/es/usePTableHeaderWrap.js +38 -0
- package/dist/squirrel/components/index.d.ts +1 -2
- package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +1 -1
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +2 -2
- package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +1 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +3 -3
- package/dist/squirrel/components/p-card/p-card.vue.d.ts +1 -1
- package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +1 -1
- package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +1 -1
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +1 -1
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +12 -12
- package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +1 -1
- package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +1 -1
- package/dist/squirrel/components/p-icon/p-icon.types.d.ts +1 -0
- package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +1 -1
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +1 -1
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +1 -1
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +1 -1
- package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +1 -1
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +1 -1
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +1 -1
- package/dist/squirrel/components/p-loading/p-loading.vue.d.ts +1 -1
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +5 -1
- package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +1 -1
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +1 -1
- package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +1 -1
- package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +1 -1
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +1 -1
- package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +1 -1
- package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +1 -1
- package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table/p-table.types.d.ts +1 -0
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table/usePTableHeaderWrap.d.ts +4 -0
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +14 -161
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +1 -1
- package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +1 -1
- package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +1 -1
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +1 -1
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +1 -1
- package/dist/squirrel.css +22 -33
- package/package.json +23 -21
- package/squirrel/components/index.ts +0 -2
- package/squirrel/components/p-alert/p-alert.spec.js +4 -4
- package/squirrel/components/p-alert/p-alert.stories.js +19 -13
- package/squirrel/components/p-alert/p-alert.vue +9 -11
- package/squirrel/components/p-icon/p-icon.types.ts +1 -0
- package/squirrel/components/p-modal/p-modal-basic.spec.js +29 -3
- package/squirrel/components/p-modal/p-modal.vue +44 -33
- package/squirrel/components/p-table/p-table.spec.js +79 -10
- package/squirrel/components/p-table/p-table.types.ts +2 -0
- package/squirrel/components/p-table/p-table.vue +12 -5
- package/squirrel/components/p-table/usePTableHeaderWrap.spec.js +118 -0
- package/squirrel/components/p-table/usePTableHeaderWrap.ts +45 -0
- package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +17 -9
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +69 -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
|
@@ -1,118 +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 truncate 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
|
-
}, toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
102
|
-
_ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
103
|
-
_ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
|
|
104
|
-
key: 0,
|
|
105
|
-
text: _ctx.tooltipText
|
|
106
|
-
}, null, 8, ["text"])) : createCommentVNode("", true)
|
|
107
|
-
])) : createCommentVNode("", true),
|
|
108
|
-
createVNode(_component_PTableFilterIcon, {
|
|
109
|
-
class: normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
|
|
110
|
-
active: _ctx.filterActive,
|
|
111
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
|
|
112
|
-
}, null, 8, ["class", "active"])
|
|
113
|
-
]);
|
|
114
|
-
}
|
|
115
|
-
const PTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
1
|
+
import { _ as _sfc_main } from "./chunks/p-table-header-cell.js";
|
|
116
2
|
export {
|
|
117
|
-
|
|
3
|
+
_sfc_main as default
|
|
118
4
|
};
|
package/dist/es/p-table.js
CHANGED
|
@@ -3,7 +3,9 @@ const isFirstColFixedInjectionKey = Symbol("isFirstColFixed");
|
|
|
3
3
|
const isLastColFixedInjectionKey = Symbol("isLastColFixed");
|
|
4
4
|
const isColsResizableInjectionKey = Symbol("isColsResizable");
|
|
5
5
|
const MIN_WIDTH_COL_RESIZE = 80;
|
|
6
|
+
const HEADER_CELL_ONE_LINE_HEIGHT = 20;
|
|
6
7
|
export {
|
|
8
|
+
HEADER_CELL_ONE_LINE_HEIGHT,
|
|
7
9
|
MIN_WIDTH_COL_RESIZE,
|
|
8
10
|
colsInjectionKey,
|
|
9
11
|
isColsResizableInjectionKey,
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { HEADER_CELL_ONE_LINE_HEIGHT } from "./p-table.js";
|
|
2
|
+
import { ref, onMounted, onBeforeUnmount } from "vue";
|
|
3
|
+
const usePTableHeaderWrap = (theadRef) => {
|
|
4
|
+
let headerObserver = null;
|
|
5
|
+
const hasWrap = ref(false);
|
|
6
|
+
const setupObserver = () => {
|
|
7
|
+
if (!theadRef.value) return;
|
|
8
|
+
headerObserver = new ResizeObserver(() => {
|
|
9
|
+
if (theadRef.value) {
|
|
10
|
+
const textDivs = theadRef.value.querySelectorAll("[data-p-table-header-text]");
|
|
11
|
+
for (const div of textDivs) {
|
|
12
|
+
if (div.offsetHeight > HEADER_CELL_ONE_LINE_HEIGHT) {
|
|
13
|
+
hasWrap.value = true;
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
hasWrap.value = false;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
headerObserver.observe(theadRef.value);
|
|
21
|
+
};
|
|
22
|
+
const cleanupObserver = () => {
|
|
23
|
+
if (headerObserver) {
|
|
24
|
+
headerObserver.disconnect();
|
|
25
|
+
headerObserver = null;
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
onMounted(() => {
|
|
29
|
+
setupObserver();
|
|
30
|
+
});
|
|
31
|
+
onBeforeUnmount(() => {
|
|
32
|
+
cleanupObserver();
|
|
33
|
+
});
|
|
34
|
+
return { hasWrap };
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
usePTableHeaderWrap
|
|
38
|
+
};
|
|
@@ -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, };
|
|
@@ -16,7 +16,7 @@ type Props = {
|
|
|
16
16
|
*/
|
|
17
17
|
actions: PActionBarAction[];
|
|
18
18
|
};
|
|
19
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
19
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
20
|
"click:dismiss": () => any;
|
|
21
21
|
"click:action": (name: string | undefined) => any;
|
|
22
22
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
26
26
|
default: string;
|
|
27
27
|
validator(value: keyof typeof ALERT_TYPES): boolean;
|
|
28
28
|
};
|
|
29
|
-
}>,
|
|
29
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
30
|
/**
|
|
31
31
|
* The type of the alert which determines its appearance and icon
|
|
32
32
|
*/
|
|
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
36
36
|
validator(value: keyof typeof ALERT_TYPES): boolean;
|
|
37
37
|
};
|
|
38
38
|
}>> & Readonly<{}>, {
|
|
39
|
-
type: "info" | "
|
|
39
|
+
type: "info" | "warning" | "error" | "success";
|
|
40
40
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
41
41
|
/**
|
|
42
42
|
* Custom icon slot - use this to override the default alert type icon.
|
|
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
42
42
|
type: StringConstructor;
|
|
43
43
|
default: string;
|
|
44
44
|
};
|
|
45
|
-
}>,
|
|
45
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
46
|
/**
|
|
47
47
|
* The shape of the avatar
|
|
48
48
|
*/
|
|
@@ -282,7 +282,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
282
282
|
type: PropType<Icon>;
|
|
283
283
|
default: string;
|
|
284
284
|
};
|
|
285
|
-
}>,
|
|
285
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
286
286
|
/**
|
|
287
287
|
* The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
|
|
288
288
|
*/
|
|
@@ -344,14 +344,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
344
344
|
default: string;
|
|
345
345
|
};
|
|
346
346
|
}>> & Readonly<{}>, {
|
|
347
|
-
icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
|
|
347
|
+
icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
|
|
348
348
|
size: "sm" | "md" | "lg";
|
|
349
349
|
type: ButtonType;
|
|
350
350
|
nativeType: "button" | "submit" | "reset";
|
|
351
351
|
loading: boolean;
|
|
352
352
|
selected: boolean;
|
|
353
353
|
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
354
|
-
iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
|
|
354
|
+
iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
|
|
355
355
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
356
356
|
/**
|
|
357
357
|
* Default slot - the content of the button.
|
|
@@ -20,7 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
20
20
|
type: StringConstructor;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
|
-
}>,
|
|
23
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
24
|
/**
|
|
25
25
|
* The title of the card - displayed at the top
|
|
26
26
|
* If not provided, you can use the title slot instead
|
|
@@ -24,7 +24,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
24
24
|
type: StringConstructor;
|
|
25
25
|
default: string;
|
|
26
26
|
};
|
|
27
|
-
}>,
|
|
27
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
28
28
|
"update:modelValue": (val: boolean) => any;
|
|
29
29
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
30
|
/**
|
|
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
13
13
|
type: PropType<Variant>;
|
|
14
14
|
default: string;
|
|
15
15
|
};
|
|
16
|
-
}>,
|
|
16
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
/**
|
|
18
18
|
* The visual variant of the close button.
|
|
19
19
|
* Controls the background color and hover effects.
|
|
@@ -24,7 +24,7 @@ type __VLS_PublicProps = __VLS_Props & {
|
|
|
24
24
|
*/
|
|
25
25
|
modelValue?: Date | string | null;
|
|
26
26
|
};
|
|
27
|
-
declare const _default: import("vue").DefineComponent<__VLS_PublicProps,
|
|
27
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
28
28
|
"update:modelValue": (value: string | Date | null) => any;
|
|
29
29
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
30
30
|
"onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
|
|
@@ -313,12 +313,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
313
313
|
PAlert: {
|
|
314
314
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
315
315
|
type: {
|
|
316
|
-
type: import("vue").PropType<"info" | "
|
|
316
|
+
type: import("vue").PropType<"info" | "warning" | "error" | "success">;
|
|
317
317
|
default: string;
|
|
318
|
-
validator(value: "info" | "
|
|
318
|
+
validator(value: "info" | "warning" | "error" | "success"): boolean;
|
|
319
319
|
};
|
|
320
|
-
}>> & Readonly<{}>,
|
|
321
|
-
type: "info" | "
|
|
320
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
321
|
+
type: "info" | "warning" | "error" | "success";
|
|
322
322
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
323
323
|
P: {};
|
|
324
324
|
B: {};
|
|
@@ -328,24 +328,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
328
328
|
Defaults: {};
|
|
329
329
|
}, Readonly<import("vue").ExtractPropTypes<{
|
|
330
330
|
type: {
|
|
331
|
-
type: import("vue").PropType<"info" | "
|
|
331
|
+
type: import("vue").PropType<"info" | "warning" | "error" | "success">;
|
|
332
332
|
default: string;
|
|
333
|
-
validator(value: "info" | "
|
|
333
|
+
validator(value: "info" | "warning" | "error" | "success"): boolean;
|
|
334
334
|
};
|
|
335
335
|
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
336
|
-
type: "info" | "
|
|
336
|
+
type: "info" | "warning" | "error" | "success";
|
|
337
337
|
}>;
|
|
338
338
|
__isFragment?: never;
|
|
339
339
|
__isTeleport?: never;
|
|
340
340
|
__isSuspense?: never;
|
|
341
341
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
342
342
|
type: {
|
|
343
|
-
type: import("vue").PropType<"info" | "
|
|
343
|
+
type: import("vue").PropType<"info" | "warning" | "error" | "success">;
|
|
344
344
|
default: string;
|
|
345
|
-
validator(value: "info" | "
|
|
345
|
+
validator(value: "info" | "warning" | "error" | "success"): boolean;
|
|
346
346
|
};
|
|
347
|
-
}>> & Readonly<{}>,
|
|
348
|
-
type: "info" | "
|
|
347
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
348
|
+
type: "info" | "warning" | "error" | "success";
|
|
349
349
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
350
350
|
$slots: {
|
|
351
351
|
icon?: () => unknown;
|
|
@@ -357,7 +357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
357
357
|
type: import("vue").PropType<"transparent" | "gray" | "dark">;
|
|
358
358
|
default: string;
|
|
359
359
|
};
|
|
360
|
-
}>,
|
|
360
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
361
361
|
variant: {
|
|
362
362
|
type: import("vue").PropType<"transparent" | "gray" | "dark">;
|
|
363
363
|
default: string;
|
|
@@ -189,7 +189,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
189
189
|
type: BooleanConstructor;
|
|
190
190
|
default: boolean;
|
|
191
191
|
};
|
|
192
|
-
}>,
|
|
192
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
193
193
|
select: (...args: any[]) => void;
|
|
194
194
|
"update:modelValue": (...args: any[]) => void;
|
|
195
195
|
create: (...args: any[]) => void;
|
|
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
73
73
|
type: NumberConstructor;
|
|
74
74
|
default: number;
|
|
75
75
|
};
|
|
76
|
-
}>,
|
|
76
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
77
77
|
"update:modelValue": (value: FileUploadFile | FileUploadFile[]) => any;
|
|
78
78
|
"file-removed": (file: FileUploadFile) => any;
|
|
79
79
|
"file-added": (files: FileUploadFile[]) => any;
|
|
@@ -35,5 +35,6 @@ export declare const P_ICON_ALIASES: {
|
|
|
35
35
|
readonly info: "streamline:information-circle";
|
|
36
36
|
readonly help: "ph:question";
|
|
37
37
|
readonly search: "streamline:magnifying-glass-solid";
|
|
38
|
+
readonly warning: "ri:error-warning-line";
|
|
38
39
|
};
|
|
39
40
|
export type PIconAlias = keyof typeof P_ICON_ALIASES;
|
|
@@ -8,5 +8,5 @@ interface Props extends /* @vue-ignore */ IconifyIconProperties {
|
|
|
8
8
|
*/
|
|
9
9
|
icon: PIconAlias | (string & {});
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
11
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
12
|
export default _default;
|
|
@@ -12,7 +12,7 @@ type Props = {
|
|
|
12
12
|
*/
|
|
13
13
|
text?: string | null;
|
|
14
14
|
};
|
|
15
|
-
declare const __VLS_component: import("vue").DefineComponent<Props,
|
|
15
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
16
|
text: string | null;
|
|
17
17
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
18
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -35,7 +35,7 @@ type __VLS_PublicProps = __VLS_Props & {
|
|
|
35
35
|
*/
|
|
36
36
|
modelValue?: Date | string | null;
|
|
37
37
|
};
|
|
38
|
-
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
38
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
39
39
|
"update:modelValue": (value: string | Date | null) => any;
|
|
40
40
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
41
41
|
"onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
|
|
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
65
65
|
type: BooleanConstructor;
|
|
66
66
|
default: boolean;
|
|
67
67
|
};
|
|
68
|
-
}>,
|
|
68
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
69
69
|
"update:modelValue": (value: string) => any;
|
|
70
70
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
71
71
|
/**
|
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
19
19
|
type: PropType<Size>;
|
|
20
20
|
default: string;
|
|
21
21
|
};
|
|
22
|
-
}>,
|
|
22
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23
23
|
"update:modelValue": (value: number | null) => any;
|
|
24
24
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
25
|
/**
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
26
26
|
type: BooleanConstructor;
|
|
27
27
|
default: boolean;
|
|
28
28
|
};
|
|
29
|
-
}>,
|
|
29
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
30
30
|
"update:modelValue": (value: string) => any;
|
|
31
31
|
enter: (value: string) => any;
|
|
32
32
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
|
|
|
5
5
|
} & {
|
|
6
6
|
default?: (props: typeof __VLS_9) => any;
|
|
7
7
|
};
|
|
8
|
-
declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps,
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
10
|
export default _default;
|
|
11
11
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{},
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
2
|
export default _default;
|
|
@@ -4,6 +4,10 @@ type __VLS_Slots = {
|
|
|
4
4
|
* Default content slot for the modal body.
|
|
5
5
|
*/
|
|
6
6
|
default?: () => unknown;
|
|
7
|
+
/**
|
|
8
|
+
* Custom modal wrapper content.
|
|
9
|
+
*/
|
|
10
|
+
'modal-wrapper'?: () => unknown;
|
|
7
11
|
/**
|
|
8
12
|
* Custom title wrapper content.
|
|
9
13
|
*/
|
|
@@ -182,7 +186,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
182
186
|
type: StringConstructor;
|
|
183
187
|
default: string;
|
|
184
188
|
};
|
|
185
|
-
}>,
|
|
189
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
186
190
|
"update:modelValue": (value: boolean) => any;
|
|
187
191
|
closed: () => any;
|
|
188
192
|
"before-open": () => any;
|
|
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
40
40
|
type: BooleanConstructor;
|
|
41
41
|
default: boolean;
|
|
42
42
|
};
|
|
43
|
-
}>,
|
|
43
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
44
44
|
"update:modelValue": (value: number) => any;
|
|
45
45
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
46
|
/**
|
|
@@ -35,7 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
35
35
|
type: BooleanConstructor;
|
|
36
36
|
default: boolean;
|
|
37
37
|
};
|
|
38
|
-
}>,
|
|
38
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
39
39
|
/**
|
|
40
40
|
* The current page number (1-based).
|
|
41
41
|
* Used to calculate the starting item number in the display range.
|
|
@@ -27,5 +27,5 @@ type Props = {
|
|
|
27
27
|
*/
|
|
28
28
|
items: ProgressItem[];
|
|
29
29
|
};
|
|
30
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
30
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
31
31
|
export default _default;
|
|
@@ -12,7 +12,7 @@ type Props = {
|
|
|
12
12
|
*/
|
|
13
13
|
color?: string;
|
|
14
14
|
};
|
|
15
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
15
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
16
|
size: number;
|
|
17
17
|
color: string;
|
|
18
18
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -78,7 +78,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
78
78
|
type: PropType<string | number | boolean | null>;
|
|
79
79
|
default: string;
|
|
80
80
|
};
|
|
81
|
-
}>,
|
|
81
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
82
82
|
"update:modelValue": (...args: any[]) => void;
|
|
83
83
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
84
84
|
/**
|
|
@@ -77,7 +77,7 @@ type __VLS_Slots = {
|
|
|
77
77
|
isSelected: boolean;
|
|
78
78
|
}) => unknown;
|
|
79
79
|
};
|
|
80
|
-
declare const __VLS_component: import("vue").DefineComponent<Props,
|
|
80
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
81
81
|
"update:modelValue": (value: string | number | boolean | BtnGroupItem[] | null) => any;
|
|
82
82
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
83
83
|
"onUpdate:modelValue"?: ((value: string | number | boolean | BtnGroupItem[] | null) => any) | undefined;
|
|
@@ -133,7 +133,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
133
133
|
type: PropType<string>;
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
|
-
}>,
|
|
136
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
137
137
|
select: (...args: any[]) => void;
|
|
138
138
|
"update:modelValue": (...args: any[]) => void;
|
|
139
139
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -16,7 +16,7 @@ type Props = {
|
|
|
16
16
|
*/
|
|
17
17
|
clickable?: boolean;
|
|
18
18
|
};
|
|
19
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
19
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
20
|
"click:step": (step: StepItem, index: number) => any;
|
|
21
21
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
22
22
|
"onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
|
|
@@ -27,3 +27,4 @@ export declare const isFirstColFixedInjectionKey: unique symbol;
|
|
|
27
27
|
export declare const isLastColFixedInjectionKey: unique symbol;
|
|
28
28
|
export declare const isColsResizableInjectionKey: unique symbol;
|
|
29
29
|
export declare const MIN_WIDTH_COL_RESIZE = 80;
|
|
30
|
+
export declare const HEADER_CELL_ONE_LINE_HEIGHT = 20;
|
|
@@ -48,7 +48,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
|
|
|
48
48
|
* Each object should have properties matching the column names.
|
|
49
49
|
*/
|
|
50
50
|
data?: T[];
|
|
51
|
-
} &
|
|
51
|
+
} & {}> & import("vue").PublicProps;
|
|
52
52
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
53
53
|
tbodyElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
54
54
|
}>): void;
|