@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,12 +1,11 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
|
|
2
2
|
import { _ as _sfc_main$1 } from "./p-icon.js";
|
|
3
|
-
const _hoisted_1 = { class: "flex" };
|
|
4
|
-
const _hoisted_2 = { class: "pr-2" };
|
|
3
|
+
const _hoisted_1 = { class: "flex items-center gap-4" };
|
|
5
4
|
const ALERT_TYPES = {
|
|
6
|
-
info: { classes: `bg-info text-on-info`, icon: "
|
|
7
|
-
warning: { classes: `bg-warning text-on-warning`, icon: "
|
|
8
|
-
error: { classes: `bg-error text-on-error`, icon: "
|
|
9
|
-
success: { classes: `bg-success text-on-success`, icon: "
|
|
5
|
+
info: { classes: `bg-info text-on-info`, icon: "material-symbols:info-outline" },
|
|
6
|
+
warning: { classes: `bg-warning text-on-warning`, icon: "warning" },
|
|
7
|
+
error: { classes: `bg-error text-on-error`, icon: "cancel-circle" },
|
|
8
|
+
success: { classes: `bg-success text-on-success`, icon: "ok-circle" }
|
|
10
9
|
};
|
|
11
10
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
11
|
...{
|
|
@@ -29,19 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
28
|
const props = __props;
|
|
30
29
|
return (_ctx, _cache) => {
|
|
31
30
|
return openBlock(), createElementBlock("div", {
|
|
32
|
-
class: normalizeClass(["rounded p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
|
|
31
|
+
class: normalizeClass(["rounded-lg p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
|
|
33
32
|
role: "alert"
|
|
34
33
|
}, [
|
|
35
34
|
createElementVNode("div", _hoisted_1, [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
class: "-mb-0.5",
|
|
42
|
-
inline: ""
|
|
43
|
-
}, null, 8, ["icon"])
|
|
44
|
-
])
|
|
35
|
+
renderSlot(_ctx.$slots, "icon", {}, () => [
|
|
36
|
+
createVNode(_sfc_main$1, {
|
|
37
|
+
icon: ALERT_TYPES[props.type].icon,
|
|
38
|
+
width: "20"
|
|
39
|
+
}, null, 8, ["icon"])
|
|
45
40
|
]),
|
|
46
41
|
createElementVNode("div", null, [
|
|
47
42
|
renderSlot(_ctx.$slots, "default")
|
package/dist/es/chunks/p-btn.js
CHANGED
|
@@ -4,7 +4,7 @@ import { _ as _sfc_main$1 } from "./p-icon.js";
|
|
|
4
4
|
import { _ as _sfc_main$2 } from "./p-ring-loader.js";
|
|
5
5
|
import { isExternalLink } from "../link.js";
|
|
6
6
|
import { sanitizeUrl } from "../sanitization.js";
|
|
7
|
-
import {
|
|
7
|
+
import { T } from "./index.js";
|
|
8
8
|
const _hoisted_1 = { class: "slot-wrapper empty:hidden" };
|
|
9
9
|
const btnClasses = {
|
|
10
10
|
slots: {
|
|
@@ -68,7 +68,7 @@ const btnClasses = {
|
|
|
68
68
|
size: "md"
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
const btn =
|
|
71
|
+
const btn = T(btnClasses);
|
|
72
72
|
const BUTTON_TYPES = Object.keys(btnClasses.variants.type);
|
|
73
73
|
const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
|
|
74
74
|
const LOADER_SIZES = { sm: 24, md: 30, lg: 40 };
|
|
@@ -49,9 +49,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
49
|
prefix: withCtx(() => [
|
|
50
50
|
createElementVNode("div", {
|
|
51
51
|
class: normalizeClass(["absolute flex items-center", prefixClasses[__props.size]])
|
|
52
|
-
}, _cache[1] || (_cache[1] = [
|
|
52
|
+
}, [..._cache[1] || (_cache[1] = [
|
|
53
53
|
createElementVNode("div", null, "%", -1)
|
|
54
|
-
]), 2)
|
|
54
|
+
])], 2)
|
|
55
55
|
]),
|
|
56
56
|
_: 1
|
|
57
57
|
}, 8, ["modelValue", "size"]);
|
|
@@ -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
|
@@ -11,7 +11,7 @@ import { default as default5 } from "./p-drawer.js";
|
|
|
11
11
|
import { default as default6 } from "./p-dropdown.js";
|
|
12
12
|
import { _ as _imports_0$1 } from "./chunks/p-dropdown-select.js";
|
|
13
13
|
import { a } from "./chunks/p-dropdown-select.js";
|
|
14
|
-
import { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers, createBlock, withCtx } from "vue";
|
|
14
|
+
import { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, useTemplateRef, onBeforeUnmount, watch, mergeProps, toHandlers, createBlock, withCtx } from "vue";
|
|
15
15
|
import { formatBytes, getFileExtension } from "./p-file-upload.js";
|
|
16
16
|
import { _ as _sfc_main$4 } from "./chunks/p-icon.js";
|
|
17
17
|
import { useInputClasses } from "./useInputClasses.js";
|
|
@@ -45,17 +45,17 @@ import { _ as _19 } from "./chunks/p-steps.js";
|
|
|
45
45
|
import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
|
|
46
46
|
import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
|
|
47
47
|
import { usePTableColResize } from "./usePTableColResize.js";
|
|
48
|
-
import
|
|
48
|
+
import { usePTableHeaderWrap } from "./usePTableHeaderWrap.js";
|
|
49
|
+
import { _ as _sfc_main$5 } from "./chunks/p-table-header-cell.js";
|
|
49
50
|
import PTableTd from "./p-table-td.js";
|
|
50
51
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
51
52
|
import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
|
|
52
|
-
import { default as default11 } from "./p-table-filter-icon.js";
|
|
53
53
|
import { _ as _20 } from "./chunks/p-table-loader.js";
|
|
54
54
|
import { SORTING_TYPES } from "./p-table-sort.js";
|
|
55
55
|
import { _ as _21 } from "./chunks/p-tabs.js";
|
|
56
56
|
import { _ as _22 } from "./chunks/p-tabs-pills.js";
|
|
57
57
|
import { _ as _23 } from "./chunks/p-textarea.js";
|
|
58
|
-
import { default as
|
|
58
|
+
import { default as default11 } from "./p-toggle.js";
|
|
59
59
|
import { squirrelTailwindConfig } from "./config.js";
|
|
60
60
|
import { S } from "./chunks/p-btn.types.js";
|
|
61
61
|
import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
|
|
@@ -65,7 +65,7 @@ import { toNumberOrNull } from "./number.js";
|
|
|
65
65
|
import { isObject } from "./object.js";
|
|
66
66
|
import { createPagingRange } from "./pagination.js";
|
|
67
67
|
import { sanitizeUrl } from "./sanitization.js";
|
|
68
|
-
import {
|
|
68
|
+
import { i, u, C, Q, T } from "./chunks/index.js";
|
|
69
69
|
const _hoisted_1$3 = ["data-has-error"];
|
|
70
70
|
const _hoisted_2$3 = {
|
|
71
71
|
key: 0,
|
|
@@ -81,7 +81,7 @@ const _hoisted_6$3 = {
|
|
|
81
81
|
key: 1,
|
|
82
82
|
class: "flex flex-col items-center"
|
|
83
83
|
};
|
|
84
|
-
const _hoisted_7$
|
|
84
|
+
const _hoisted_7$1 = { class: "mt-2 text-p-purple-60" };
|
|
85
85
|
const _hoisted_8 = ["accept", "multiple", "disabled"];
|
|
86
86
|
const _hoisted_9 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
|
|
87
87
|
const _hoisted_10 = ["title"];
|
|
@@ -230,11 +230,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
230
230
|
return res;
|
|
231
231
|
};
|
|
232
232
|
const uploadFile = (e) => {
|
|
233
|
-
const
|
|
234
|
-
if (!
|
|
233
|
+
const f = e.target?.files || e.dataTransfer?.files;
|
|
234
|
+
if (!f) {
|
|
235
235
|
return;
|
|
236
236
|
}
|
|
237
|
-
const validatedFiles = props.fileTypes ? validateFiles(Array.from(
|
|
237
|
+
const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : Array.from(f);
|
|
238
238
|
files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
|
|
239
239
|
emit("file-added", validatedFiles);
|
|
240
240
|
};
|
|
@@ -305,7 +305,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
305
305
|
width: "32",
|
|
306
306
|
class: "text-primary"
|
|
307
307
|
}),
|
|
308
|
-
createElementVNode("div", _hoisted_7$
|
|
308
|
+
createElementVNode("div", _hoisted_7$1, "Drop " + toDisplayString(fileWord.value), 1)
|
|
309
309
|
])),
|
|
310
310
|
createElementVNode("input", {
|
|
311
311
|
ref_key: "fileInputRef",
|
|
@@ -370,7 +370,7 @@ const _hoisted_6$2 = {
|
|
|
370
370
|
class: "ml-auto fill-p-purple-60 pl-2",
|
|
371
371
|
src: _imports_0$1
|
|
372
372
|
};
|
|
373
|
-
const _hoisted_7
|
|
373
|
+
const _hoisted_7 = {
|
|
374
374
|
key: 1,
|
|
375
375
|
class: "ml-auto h-4 w-[26px] pl-2"
|
|
376
376
|
};
|
|
@@ -674,7 +674,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
674
674
|
}), 128))
|
|
675
675
|
], 8, _hoisted_5$2)
|
|
676
676
|
]),
|
|
677
|
-
unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7
|
|
677
|
+
unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7))
|
|
678
678
|
], 2)
|
|
679
679
|
], 14, _hoisted_4$2)), [
|
|
680
680
|
[_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
|
|
@@ -699,15 +699,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
699
699
|
}
|
|
700
700
|
});
|
|
701
701
|
const _hoisted_1$1 = ["data-col-id"];
|
|
702
|
-
const _hoisted_2$1 =
|
|
703
|
-
const _hoisted_3$1 =
|
|
704
|
-
const _hoisted_4$1 = {
|
|
702
|
+
const _hoisted_2$1 = ["onMousedown", "onDblclick"];
|
|
703
|
+
const _hoisted_3$1 = {
|
|
705
704
|
key: 0,
|
|
706
705
|
class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
|
|
707
706
|
};
|
|
708
|
-
const
|
|
709
|
-
const
|
|
710
|
-
const
|
|
707
|
+
const _hoisted_4$1 = { key: 0 };
|
|
708
|
+
const _hoisted_5$1 = { class: "py-2" };
|
|
709
|
+
const _hoisted_6$1 = { key: 1 };
|
|
711
710
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
712
711
|
...{ name: "PTable" },
|
|
713
712
|
__name: "p-table",
|
|
@@ -745,6 +744,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
745
744
|
computed(() => props.colsResizable)
|
|
746
745
|
);
|
|
747
746
|
const scrollWrapper = ref(null);
|
|
747
|
+
const theadRef = useTemplateRef("theadRef");
|
|
748
748
|
const ths = ref([]);
|
|
749
749
|
const {
|
|
750
750
|
isColResizing,
|
|
@@ -758,6 +758,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
758
758
|
enabled: computed(() => props.colsResizable),
|
|
759
759
|
ths
|
|
760
760
|
});
|
|
761
|
+
const { hasWrap } = usePTableHeaderWrap(theadRef);
|
|
761
762
|
const tbodyElement = ref(null);
|
|
762
763
|
const updateThsRefs = (el, index) => {
|
|
763
764
|
if (el instanceof Element) {
|
|
@@ -844,7 +845,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
844
845
|
{ "first-col-fixed": _ctx.isFirstColFixed }
|
|
845
846
|
]
|
|
846
847
|
}, toHandlers(_ctx.colsResizable ? { mousemove: unref(colResize) } : {}, true)), [
|
|
847
|
-
createElementVNode("thead",
|
|
848
|
+
createElementVNode("thead", {
|
|
849
|
+
ref_key: "theadRef",
|
|
850
|
+
ref: theadRef
|
|
851
|
+
}, [
|
|
848
852
|
createElementVNode("tr", null, [
|
|
849
853
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.cols, (col, i2) => {
|
|
850
854
|
return openBlock(), createElementBlock("th", mergeProps({
|
|
@@ -860,26 +864,32 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
860
864
|
class: normalizeClass(thDivClasses(i2)),
|
|
861
865
|
style: normalizeStyle(bgColorStyle(col))
|
|
862
866
|
}, [
|
|
863
|
-
createElementVNode("div",
|
|
867
|
+
createElementVNode("div", {
|
|
868
|
+
class: normalizeClass(["flex", { "h-8": unref(hasWrap) }])
|
|
869
|
+
}, [
|
|
864
870
|
renderSlot(_ctx.$slots, `prepend-header-cell-${unref(kebabCase)(col.name)}`, { col }, void 0, true),
|
|
865
|
-
createVNode(
|
|
871
|
+
createVNode(_sfc_main$5, mergeProps({
|
|
866
872
|
text: col.title,
|
|
867
873
|
"filter-active": col.filterActive,
|
|
868
874
|
"show-filter-icon": col.filterable || col.sortable,
|
|
869
875
|
"tooltip-text": col.tooltip,
|
|
870
|
-
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
|
+
],
|
|
871
881
|
"text-color": headerCellTextColor(col)
|
|
872
882
|
}, { ref_for: true }, col.headerCellAttrs, {
|
|
873
883
|
onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
|
|
874
884
|
}), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "text-color", "onClickFilterIcon"])
|
|
875
|
-
]),
|
|
885
|
+
], 2),
|
|
876
886
|
_ctx.colsResizable && i2 !== 0 && !(i2 === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (openBlock(), createElementBlock("div", {
|
|
877
887
|
key: 0,
|
|
878
|
-
class: normalizeClass(["absolute
|
|
888
|
+
class: normalizeClass(["absolute right-0 top-1/2 z-110 h-5 w-2 -translate-y-1/2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i2 === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
|
|
879
889
|
"data-resize-handle": "",
|
|
880
890
|
onMousedown: ($event) => unref(colResizeStart)($event, i2),
|
|
881
891
|
onDblclick: ($event) => unref(colResizeFitToData)(i2)
|
|
882
|
-
}, null, 42,
|
|
892
|
+
}, null, 42, _hoisted_2$1)) : createCommentVNode("", true)
|
|
883
893
|
], 6),
|
|
884
894
|
_ctx.subheader ? (openBlock(), createElementBlock("div", {
|
|
885
895
|
key: 0,
|
|
@@ -889,14 +899,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
889
899
|
], 2)) : createCommentVNode("", true)
|
|
890
900
|
], 16, _hoisted_1$1);
|
|
891
901
|
}), 128)),
|
|
892
|
-
_ctx.colsResizable && !_ctx.isLastColFixed ? (openBlock(), createElementBlock("th",
|
|
902
|
+
_ctx.colsResizable && !_ctx.isLastColFixed ? (openBlock(), createElementBlock("th", _hoisted_3$1)) : createCommentVNode("", true)
|
|
893
903
|
])
|
|
894
|
-
]),
|
|
904
|
+
], 512),
|
|
895
905
|
createElementVNode("tbody", {
|
|
896
906
|
ref_key: "tbodyElement",
|
|
897
907
|
ref: tbodyElement
|
|
898
908
|
}, [
|
|
899
|
-
_ctx.virtualizer.paddingTop > 0 ? (openBlock(), createElementBlock("tr",
|
|
909
|
+
_ctx.virtualizer.paddingTop > 0 ? (openBlock(), createElementBlock("tr", _hoisted_4$1, [
|
|
900
910
|
createElementVNode("td", {
|
|
901
911
|
style: normalizeStyle({ height: `${_ctx.virtualizer.paddingTop}px` })
|
|
902
912
|
}, null, 4)
|
|
@@ -915,7 +925,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
915
925
|
default: withCtx(() => [
|
|
916
926
|
renderSlot(_ctx.$slots, "cell", mergeProps({ ref_for: true }, { col, colIndex, rowData, rowIndex, cellData: rowData[col.name] }), () => [
|
|
917
927
|
renderSlot(_ctx.$slots, `cell-${unref(kebabCase)(col.name)}`, mergeProps({ ref_for: true }, { col, rowData, rowIndex, cellData: rowData[col.name] }), () => [
|
|
918
|
-
createElementVNode("div",
|
|
928
|
+
createElementVNode("div", _hoisted_5$1, toDisplayString(rowData[col.name]), 1)
|
|
919
929
|
], true)
|
|
920
930
|
], true)
|
|
921
931
|
]),
|
|
@@ -926,7 +936,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
926
936
|
]);
|
|
927
937
|
}), 128))
|
|
928
938
|
], true),
|
|
929
|
-
_ctx.virtualizer.paddingBottom > 0 ? (openBlock(), createElementBlock("tr",
|
|
939
|
+
_ctx.virtualizer.paddingBottom > 0 ? (openBlock(), createElementBlock("tr", _hoisted_6$1, [
|
|
930
940
|
createElementVNode("td", {
|
|
931
941
|
style: normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
|
|
932
942
|
}, null, 4)
|
|
@@ -937,7 +947,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
937
947
|
};
|
|
938
948
|
}
|
|
939
949
|
});
|
|
940
|
-
const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
950
|
+
const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-58c21732"]]);
|
|
941
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";
|
|
942
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";
|
|
943
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";
|
|
@@ -1037,7 +1047,6 @@ export {
|
|
|
1037
1047
|
default6 as PDropdown,
|
|
1038
1048
|
a as PDropdownSelect,
|
|
1039
1049
|
_sfc_main$3 as PFileUpload,
|
|
1040
|
-
default11 as PFilterIcon,
|
|
1041
1050
|
_sfc_main$4 as PIcon,
|
|
1042
1051
|
_7 as PInfoIcon,
|
|
1043
1052
|
_8 as PInlineDatePicker,
|
|
@@ -1059,23 +1068,23 @@ export {
|
|
|
1059
1068
|
default10 as PSkeletonLoader,
|
|
1060
1069
|
_19 as PSteps,
|
|
1061
1070
|
pTable as PTable,
|
|
1062
|
-
PTableHeaderCell,
|
|
1071
|
+
_sfc_main$5 as PTableHeaderCell,
|
|
1063
1072
|
_20 as PTableLoader,
|
|
1064
1073
|
_sfc_main as PTableSort,
|
|
1065
1074
|
PTableTd,
|
|
1066
1075
|
_21 as PTabs,
|
|
1067
1076
|
_22 as PTabsPills,
|
|
1068
1077
|
_23 as PTextarea,
|
|
1069
|
-
|
|
1078
|
+
default11 as PToggle,
|
|
1070
1079
|
P_ICON_ALIASES,
|
|
1071
1080
|
S as SIZES,
|
|
1072
1081
|
SORTING_TYPES,
|
|
1073
|
-
|
|
1074
|
-
|
|
1082
|
+
i as cn,
|
|
1083
|
+
u as cnBase,
|
|
1075
1084
|
colsInjectionKey,
|
|
1076
1085
|
createPagingRange,
|
|
1077
|
-
|
|
1078
|
-
|
|
1086
|
+
C as createTV,
|
|
1087
|
+
Q as defaultConfig,
|
|
1079
1088
|
getNextActiveElement,
|
|
1080
1089
|
isColsResizableInjectionKey,
|
|
1081
1090
|
isElement,
|
|
@@ -1089,12 +1098,11 @@ export {
|
|
|
1089
1098
|
squirrelTailwindConfig,
|
|
1090
1099
|
toNumberOrNull,
|
|
1091
1100
|
toString,
|
|
1092
|
-
|
|
1101
|
+
T as tv,
|
|
1093
1102
|
useInputClasses,
|
|
1094
1103
|
usePLoading,
|
|
1095
1104
|
usePModal,
|
|
1096
1105
|
usePTableColResize,
|
|
1097
1106
|
usePTableRowVirtualizer,
|
|
1098
|
-
useSelectList
|
|
1099
|
-
x as voidEmpty
|
|
1107
|
+
useSelectList
|
|
1100
1108
|
};
|
package/dist/es/inputClasses.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const inputClasses =
|
|
1
|
+
import { T } from "./chunks/index.js";
|
|
2
|
+
const inputClasses = T({
|
|
3
3
|
slots: {
|
|
4
4
|
input: "w-full rounded border-0 bg-surface text-night ring-1 ring-inset ring-p-gray-30 placeholder:text-p-gray-40 hover:ring-primary focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-default disabled:bg-p-blue-10 disabled:ring-p-gray-30 disabled:hover:ring-p-gray-30",
|
|
5
5
|
label: "mb-1 block font-medium",
|
|
@@ -90,7 +90,7 @@ const inputClasses = ce({
|
|
|
90
90
|
size: "md"
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
|
-
const textareaClasses =
|
|
93
|
+
const textareaClasses = T({
|
|
94
94
|
extend: inputClasses,
|
|
95
95
|
slots: {
|
|
96
96
|
input: "resize-y overflow-auto"
|
|
@@ -109,7 +109,7 @@ const textareaClasses = ce({
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
});
|
|
112
|
-
const selectClasses =
|
|
112
|
+
const selectClasses = T({
|
|
113
113
|
extend: inputClasses,
|
|
114
114
|
slots: {
|
|
115
115
|
input: "squirrel-bg-chevron-down appearance-none truncate bg-no-repeat"
|
package/dist/es/p-icon.js
CHANGED
|
@@ -34,7 +34,8 @@ const P_ICON_ALIASES = {
|
|
|
34
34
|
upload: "tdesign:upload",
|
|
35
35
|
info: "streamline:information-circle",
|
|
36
36
|
help: "ph:question",
|
|
37
|
-
search: "streamline:magnifying-glass-solid"
|
|
37
|
+
search: "streamline:magnifying-glass-solid",
|
|
38
|
+
warning: "ri:error-warning-line"
|
|
38
39
|
};
|
|
39
40
|
export {
|
|
40
41
|
P_ICON_ALIASES
|
package/dist/es/p-loading.js
CHANGED
|
@@ -9,7 +9,7 @@ const _hoisted_1$1 = {
|
|
|
9
9
|
viewBox: "0 0 24 24"
|
|
10
10
|
};
|
|
11
11
|
function render(_ctx, _cache) {
|
|
12
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
|
|
12
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
|
|
13
13
|
createElementVNode("path", {
|
|
14
14
|
fill: "currentColor",
|
|
15
15
|
d: "M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 19a8 8 0 1 1 8-8 8 8 0 0 1-8 8",
|
|
@@ -27,7 +27,7 @@ function render(_ctx, _cache) {
|
|
|
27
27
|
values: "0 12 12;360 12 12"
|
|
28
28
|
})
|
|
29
29
|
], -1)
|
|
30
|
-
]));
|
|
30
|
+
])]);
|
|
31
31
|
}
|
|
32
32
|
const PLoadingSpinner = { render };
|
|
33
33
|
const _hoisted_1 = {
|
package/dist/es/p-modal.js
CHANGED
|
@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
71
71
|
*/
|
|
72
72
|
modalBaseClass: {
|
|
73
73
|
type: [String, Object, Array],
|
|
74
|
-
default: "pm relative flex flex-col rounded-2xl
|
|
74
|
+
default: "pm relative flex flex-col rounded-2xl cursor-default bg-surface shadow-xl"
|
|
75
75
|
},
|
|
76
76
|
/**
|
|
77
77
|
* Additional CSS classes for the modal content.
|
|
@@ -189,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
189
189
|
emits: ["before-open", "opening", "opened", "before-close", "closing", "closed", "update:modelValue", "click:overlay"],
|
|
190
190
|
setup(__props, { emit: __emit }) {
|
|
191
191
|
useCssVars((_ctx) => ({
|
|
192
|
-
"
|
|
192
|
+
"a8364442": __props.maxWidth
|
|
193
193
|
}));
|
|
194
194
|
let animatingZIndex = 0;
|
|
195
195
|
const emit = __emit;
|
|
@@ -389,49 +389,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
389
389
|
createElementVNode("div", {
|
|
390
390
|
ref: "pm",
|
|
391
391
|
"data-pm-id": id.value,
|
|
392
|
-
class: normalizeClass([__props.modalBaseClass, __props.modalClass]),
|
|
392
|
+
class: normalizeClass([__props.modalBaseClass, __props.modalClass, { "pb-6": !_ctx.$slots["modal-wrapper"] }]),
|
|
393
393
|
style: normalizeStyle(__props.modalStyle)
|
|
394
394
|
}, [
|
|
395
|
-
renderSlot(_ctx.$slots, "
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
395
|
+
renderSlot(_ctx.$slots, "modal-wrapper", {}, () => [
|
|
396
|
+
renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
|
|
397
|
+
createElementVNode("div", _hoisted_4, [
|
|
398
|
+
__props.title ? (openBlock(), createElementBlock("h3", {
|
|
399
|
+
key: 0,
|
|
400
|
+
id: `${id.value}-title`,
|
|
401
|
+
class: "mr-auto pt-4 text-xl font-semibold"
|
|
402
|
+
}, toDisplayString(__props.title), 9, _hoisted_5)) : createCommentVNode("", true),
|
|
403
|
+
createElementVNode("div", _hoisted_6, [
|
|
404
|
+
createVNode(PCloseBtn, {
|
|
405
|
+
disabled: __props.disabled,
|
|
406
|
+
class: normalizeClass({ invisible: !__props.enableClose }),
|
|
407
|
+
"aria-label": __props.closeLabel,
|
|
408
|
+
onClick: withModifiers(close, ["prevent"])
|
|
409
|
+
}, null, 8, ["disabled", "class", "aria-label"])
|
|
410
|
+
])
|
|
409
411
|
])
|
|
410
|
-
])
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
],
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
]
|
|
412
|
+
], true),
|
|
413
|
+
__props.errorMsg ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
414
|
+
createVNode(_sfc_main$1, { type: "error" }, {
|
|
415
|
+
default: withCtx(() => [
|
|
416
|
+
createTextVNode(toDisplayString(__props.errorMsg), 1)
|
|
417
|
+
]),
|
|
418
|
+
_: 1
|
|
419
|
+
})
|
|
420
|
+
])) : createCommentVNode("", true),
|
|
421
|
+
renderSlot(_ctx.$slots, "content-wrapper", {}, () => [
|
|
422
|
+
createElementVNode("div", {
|
|
423
|
+
id: `${id.value}-content`,
|
|
424
|
+
class: normalizeClass([
|
|
425
|
+
"relative grow overflow-y-auto overflow-x-hidden px-8",
|
|
426
|
+
{ "pointer-events-none opacity-50": __props.disabled }
|
|
427
|
+
])
|
|
428
|
+
}, [
|
|
429
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
430
|
+
], 10, _hoisted_8)
|
|
431
|
+
], true),
|
|
432
|
+
renderSlot(_ctx.$slots, "footer-wrapper", {}, () => [
|
|
433
|
+
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
434
|
+
renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
435
|
+
])) : createCommentVNode("", true)
|
|
436
|
+
], true)
|
|
435
437
|
], true)
|
|
436
438
|
], 14, _hoisted_3)
|
|
437
439
|
], 46, _hoisted_2), [
|
|
@@ -444,7 +446,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
444
446
|
};
|
|
445
447
|
}
|
|
446
448
|
});
|
|
447
|
-
const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
449
|
+
const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c370dbc"]]);
|
|
448
450
|
export {
|
|
449
451
|
pModal as default
|
|
450
452
|
};
|