@pequity/squirrel 1.0.29 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +121 -9
- package/dist/cjs/p-action-bar.js +0 -2
- package/dist/es/chunks/p-dropdown-select.js +2 -2
- package/dist/es/index.js +162 -50
- package/dist/es/p-action-bar.js +1 -4
- package/dist/es/p-dropdown-select.js +1 -1
- package/dist/squirrel/components/index.d.ts +2 -1
- package/dist/squirrel/components/p-action-bar/p-action-bar.types.d.ts +10 -0
- package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +21 -33
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +1 -1
- package/dist/squirrel/index.d.ts +1 -1
- package/dist/style.css +45 -45
- package/package.json +23 -23
- package/squirrel/components/index.ts +2 -0
- package/squirrel/components/p-action-bar/p-action-bar.spec.js +92 -23
- package/squirrel/components/p-action-bar/p-action-bar.stories.js +17 -0
- package/squirrel/components/p-action-bar/p-action-bar.types.ts +10 -0
- package/squirrel/components/p-action-bar/p-action-bar.vue +64 -31
- package/dist/cjs/chunks/p-action-bar.js +0 -60
- package/dist/es/chunks/p-action-bar.js +0 -61
package/dist/cjs/index.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const config = require("./config.js");
|
|
4
|
-
const
|
|
4
|
+
const vue = require("vue");
|
|
5
|
+
const pBtn = require("./p-btn.js");
|
|
6
|
+
const pCloseBtn = require("./p-close-btn.js");
|
|
7
|
+
const pDropdown = require("./p-dropdown.js");
|
|
5
8
|
const pAlert = require("./p-alert.js");
|
|
6
9
|
const pAvatar = require("./p-avatar.js");
|
|
7
|
-
const pBtn = require("./p-btn.js");
|
|
8
10
|
const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
|
|
9
11
|
const pCheckbox_vue_vue_type_script_setup_true_lang = require("./chunks/p-checkbox.js");
|
|
10
12
|
const pChips = require("./p-chips.js");
|
|
11
|
-
const pCloseBtn = require("./p-close-btn.js");
|
|
12
13
|
const pDatePicker = require("./p-date-picker.js");
|
|
13
14
|
const pDrawer = require("./p-drawer.js");
|
|
14
|
-
const pDropdown = require("./p-dropdown.js");
|
|
15
15
|
const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
|
|
16
|
-
const vue = require("vue");
|
|
17
16
|
const pFileUpload$1 = require("./p-file-upload.js");
|
|
18
17
|
const lodashEs = require("lodash-es");
|
|
19
18
|
const useInputClasses = require("./useInputClasses.js");
|
|
@@ -61,6 +60,119 @@ const dom = require("./dom.js");
|
|
|
61
60
|
const object = require("./object.js");
|
|
62
61
|
const listKeyboardNavigation = require("./listKeyboardNavigation.js");
|
|
63
62
|
const number = require("./number.js");
|
|
63
|
+
const _hoisted_1$4 = { class: "flex h-12 min-w-fit select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
|
|
64
|
+
const _hoisted_2$4 = { class: "whitespace-nowrap px-3" };
|
|
65
|
+
const _hoisted_3$4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1);
|
|
66
|
+
const _hoisted_4$4 = { class: "flex min-w-fit" };
|
|
67
|
+
const _hoisted_5$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
68
|
+
const _hoisted_6$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
69
|
+
const _hoisted_7$3 = { class: "flex flex-col bg-p-purple-60" };
|
|
70
|
+
const _hoisted_8$1 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
71
|
+
const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
72
|
+
...{
|
|
73
|
+
inheritAttrs: false
|
|
74
|
+
},
|
|
75
|
+
__name: "p-action-bar",
|
|
76
|
+
props: {
|
|
77
|
+
label: {},
|
|
78
|
+
actions: {}
|
|
79
|
+
},
|
|
80
|
+
emits: ["click:dismiss", "click:action"],
|
|
81
|
+
setup(__props) {
|
|
82
|
+
return (_ctx, _cache) => {
|
|
83
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
|
|
84
|
+
vue.createElementVNode("div", vue.mergeProps({
|
|
85
|
+
class: "fixed bottom-6 z-[100] flex w-full justify-center",
|
|
86
|
+
role: "alertdialog"
|
|
87
|
+
}, _ctx.$attrs), [
|
|
88
|
+
vue.createElementVNode("div", _hoisted_1$4, [
|
|
89
|
+
vue.createVNode(pCloseBtn, {
|
|
90
|
+
variant: "dark",
|
|
91
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
|
|
92
|
+
}),
|
|
93
|
+
vue.createElementVNode("p", _hoisted_2$4, vue.toDisplayString(_ctx.label), 1),
|
|
94
|
+
_hoisted_3$4,
|
|
95
|
+
vue.createElementVNode("div", _hoisted_4$4, [
|
|
96
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (actionOrMenu) => {
|
|
97
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
98
|
+
key: `action-${actionOrMenu.label}`
|
|
99
|
+
}, [
|
|
100
|
+
!actionOrMenu.subActions ? (vue.openBlock(), vue.createBlock(pBtn, {
|
|
101
|
+
key: 0,
|
|
102
|
+
size: "sm",
|
|
103
|
+
type: "secondary-ghost-dark",
|
|
104
|
+
onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
|
|
105
|
+
}, {
|
|
106
|
+
default: vue.withCtx(() => [
|
|
107
|
+
vue.createElementVNode("div", _hoisted_5$4, [
|
|
108
|
+
actionOrMenu.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
|
|
109
|
+
key: 0,
|
|
110
|
+
class: "h-4 w-4"
|
|
111
|
+
})) : vue.createCommentVNode("", true),
|
|
112
|
+
vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
|
|
113
|
+
])
|
|
114
|
+
]),
|
|
115
|
+
_: 2
|
|
116
|
+
}, 1032, ["onClick"])) : (vue.openBlock(), vue.createBlock(pDropdown, {
|
|
117
|
+
key: 1,
|
|
118
|
+
placement: "top",
|
|
119
|
+
strategy: "fixed"
|
|
120
|
+
}, {
|
|
121
|
+
popper: vue.withCtx(() => [
|
|
122
|
+
vue.createElementVNode("div", _hoisted_7$3, [
|
|
123
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actionOrMenu.subActions, (subaction) => {
|
|
124
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
125
|
+
key: `subaction-${subaction.name}`
|
|
126
|
+
}, [
|
|
127
|
+
vue.createVNode(pBtn, {
|
|
128
|
+
size: "sm",
|
|
129
|
+
class: "w-full",
|
|
130
|
+
type: "secondary-ghost-dark",
|
|
131
|
+
onClick: ($event) => _ctx.$emit("click:action", subaction.name)
|
|
132
|
+
}, {
|
|
133
|
+
default: vue.withCtx(() => [
|
|
134
|
+
vue.createElementVNode("div", _hoisted_8$1, [
|
|
135
|
+
subaction.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subaction.icon), {
|
|
136
|
+
key: 0,
|
|
137
|
+
class: "h-4 w-4"
|
|
138
|
+
})) : vue.createCommentVNode("", true),
|
|
139
|
+
vue.createElementVNode("div", null, vue.toDisplayString(subaction.label), 1)
|
|
140
|
+
])
|
|
141
|
+
]),
|
|
142
|
+
_: 2
|
|
143
|
+
}, 1032, ["onClick"])
|
|
144
|
+
]);
|
|
145
|
+
}), 128))
|
|
146
|
+
])
|
|
147
|
+
]),
|
|
148
|
+
default: vue.withCtx(() => [
|
|
149
|
+
vue.createVNode(pBtn, {
|
|
150
|
+
size: "sm",
|
|
151
|
+
type: "secondary-ghost-dark"
|
|
152
|
+
}, {
|
|
153
|
+
default: vue.withCtx(() => [
|
|
154
|
+
vue.createElementVNode("div", _hoisted_6$4, [
|
|
155
|
+
actionOrMenu.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
|
|
156
|
+
key: 0,
|
|
157
|
+
class: "h-4 w-4"
|
|
158
|
+
})) : vue.createCommentVNode("", true),
|
|
159
|
+
vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
|
|
160
|
+
])
|
|
161
|
+
]),
|
|
162
|
+
_: 2
|
|
163
|
+
}, 1024)
|
|
164
|
+
]),
|
|
165
|
+
_: 2
|
|
166
|
+
}, 1024))
|
|
167
|
+
], 64);
|
|
168
|
+
}), 128))
|
|
169
|
+
])
|
|
170
|
+
])
|
|
171
|
+
], 16)
|
|
172
|
+
]);
|
|
173
|
+
};
|
|
174
|
+
}
|
|
175
|
+
});
|
|
64
176
|
const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
|
|
65
177
|
const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
|
|
66
178
|
const _withScopeId = (n) => (vue.pushScopeId("data-v-d07a8f64"), n = n(), vue.popScopeId(), n);
|
|
@@ -927,17 +1039,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
927
1039
|
}
|
|
928
1040
|
const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
929
1041
|
exports.config = config.config;
|
|
930
|
-
exports.
|
|
1042
|
+
exports.PBtn = pBtn;
|
|
1043
|
+
exports.PCloseBtn = pCloseBtn;
|
|
1044
|
+
exports.PDropdown = pDropdown;
|
|
931
1045
|
exports.PAlert = pAlert;
|
|
932
1046
|
exports.PAvatar = pAvatar;
|
|
933
|
-
exports.PBtn = pBtn;
|
|
934
1047
|
exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
935
1048
|
exports.PCheckbox = pCheckbox_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
936
1049
|
exports.PChips = pChips;
|
|
937
|
-
exports.PCloseBtn = pCloseBtn;
|
|
938
1050
|
exports.PDatePicker = pDatePicker;
|
|
939
1051
|
exports.PDrawer = pDrawer;
|
|
940
|
-
exports.PDropdown = pDropdown;
|
|
941
1052
|
exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
942
1053
|
exports.useInputClasses = useInputClasses.useInputClasses;
|
|
943
1054
|
exports.PFilterIcon = pTableFilterIcon;
|
|
@@ -1004,6 +1115,7 @@ exports.isVisible = dom.isVisible;
|
|
|
1004
1115
|
exports.isObject = object.isObject;
|
|
1005
1116
|
exports.setupListKeyboardNavigation = listKeyboardNavigation.setupListKeyboardNavigation;
|
|
1006
1117
|
exports.toNumberOrNull = number.toNumberOrNull;
|
|
1118
|
+
exports.PActionBar = _sfc_main$4;
|
|
1007
1119
|
exports.PFileUpload = pFileUpload;
|
|
1008
1120
|
exports.PSelectList = _sfc_main$2;
|
|
1009
1121
|
exports.PTable = pTable;
|
package/dist/cjs/p-action-bar.js
CHANGED
package/dist/es/index.js
CHANGED
|
@@ -1,35 +1,34 @@
|
|
|
1
1
|
import { config } from "./config.js";
|
|
2
|
-
import {
|
|
2
|
+
import { defineComponent, openBlock, createBlock, Teleport, createElementVNode, mergeProps, createVNode, toDisplayString, createElementBlock, Fragment, renderList, withCtx, resolveDynamicComponent, createCommentVNode, shallowRef, ref, computed, onMounted, normalizeClass, unref, withModifiers, createTextVNode, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, onBeforeUnmount, watch, toHandlers } from "vue";
|
|
3
|
+
import PBtn from "./p-btn.js";
|
|
4
|
+
import PCloseBtn from "./p-close-btn.js";
|
|
5
|
+
import PDropdown from "./p-dropdown.js";
|
|
3
6
|
import { default as default2 } from "./p-alert.js";
|
|
4
7
|
import { default as default3 } from "./p-avatar.js";
|
|
5
|
-
import {
|
|
6
|
-
import { _ as _2 } from "./chunks/p-
|
|
7
|
-
import {
|
|
8
|
-
import { default as default5 } from "./p-
|
|
9
|
-
import { default as default6 } from "./p-
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { default as default9 } from "./p-dropdown.js";
|
|
13
|
-
import { _ as _imports_0$2 } from "./chunks/p-dropdown-select.js";
|
|
14
|
-
import { a } from "./chunks/p-dropdown-select.js";
|
|
15
|
-
import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
|
|
8
|
+
import { _ } from "./chunks/p-card.js";
|
|
9
|
+
import { _ as _2 } from "./chunks/p-checkbox.js";
|
|
10
|
+
import { default as default4 } from "./p-chips.js";
|
|
11
|
+
import { default as default5 } from "./p-date-picker.js";
|
|
12
|
+
import { default as default6 } from "./p-drawer.js";
|
|
13
|
+
import { a as _imports_0$2 } from "./chunks/p-dropdown-select.js";
|
|
14
|
+
import { _ as _3 } from "./chunks/p-dropdown-select.js";
|
|
16
15
|
import { formatBytes, getFileExtension } from "./p-file-upload.js";
|
|
17
16
|
import { uniq, kebabCase } from "lodash-es";
|
|
18
17
|
import { useInputClasses } from "./useInputClasses.js";
|
|
19
18
|
import { useToast } from "vue-toastification";
|
|
20
19
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
20
|
+
import { default as default7 } from "./p-table-filter-icon.js";
|
|
21
|
+
import { default as default8 } from "./p-info-icon.js";
|
|
22
|
+
import { default as default9 } from "./p-inline-date-picker.js";
|
|
23
|
+
import { default as default10 } from "./p-input.js";
|
|
24
|
+
import { default as default11 } from "./p-input-number.js";
|
|
26
25
|
import { _ as _4 } from "./chunks/p-input-percent.js";
|
|
27
26
|
import PInputSearch from "./p-input-search.js";
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
27
|
+
import { default as default12 } from "./p-loading.js";
|
|
28
|
+
import { default as default13 } from "./p-modal.js";
|
|
30
29
|
import { _ as _5 } from "./chunks/p-pagination.js";
|
|
31
30
|
import { _ as _6 } from "./chunks/p-pagination-info.js";
|
|
32
|
-
import { default as
|
|
31
|
+
import { default as default14 } from "./p-progress-bar.js";
|
|
33
32
|
import { _ as _7 } from "./chunks/p-ring-loader.js";
|
|
34
33
|
import { _ as _8 } from "./chunks/p-select.js";
|
|
35
34
|
import { _ as _9 } from "./chunks/p-select-btn.js";
|
|
@@ -37,22 +36,22 @@ import { SIZES } from "./p-select-list.js";
|
|
|
37
36
|
import { splitStringForHighlight } from "./text.js";
|
|
38
37
|
import { toString } from "./string.js";
|
|
39
38
|
import { useSelectList } from "./useSelectList.js";
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
39
|
+
import { default as default15 } from "./p-select-pill.js";
|
|
40
|
+
import { default as default16 } from "./p-skeleton-loader.js";
|
|
42
41
|
import PTableHeaderCell from "./p-table-header-cell.js";
|
|
43
42
|
import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
|
|
44
43
|
import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
|
|
45
44
|
import { usePTableColResize } from "./usePTableColResize.js";
|
|
46
45
|
import { _ as _10 } from "./chunks/p-table-loader.js";
|
|
47
46
|
import { SORTING_TYPES } from "./p-table-sort.js";
|
|
48
|
-
import { default as
|
|
47
|
+
import { default as default17 } from "./p-table-td.js";
|
|
49
48
|
import { _ as _11 } from "./chunks/p-tabs.js";
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
49
|
+
import { default as default18 } from "./p-textarea.js";
|
|
50
|
+
import { default as default19 } from "./p-toggle.js";
|
|
52
51
|
import { usePLoading } from "./usePLoading.js";
|
|
53
52
|
import { usePModal } from "./usePModal.js";
|
|
54
53
|
import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
|
|
55
|
-
import { default as
|
|
54
|
+
import { default as default20 } from "./inputClassesMixin.js";
|
|
56
55
|
import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
|
|
57
56
|
import { getColor, getColorDeep, getScreen } from "./tailwind.js";
|
|
58
57
|
import { ERROR_MSG, INPUT_BASE, INPUT_ERROR, INPUT_NORMAL, INPUT_SIZES, LABEL_BASE, LABEL_REQUIRED, LABEL_SIZES, SELECT_ARROW, SELECT_BASE, SELECT_SIZES, SPACING_LEFT, SPACING_PREFIX, SPACING_RIGHT, SPACING_SUFFIX, TEXTAREA_BASE } from "./inputClassesShared.js";
|
|
@@ -61,6 +60,119 @@ import { getNextActiveElement, isElement, isVisible } from "./dom.js";
|
|
|
61
60
|
import { isObject } from "./object.js";
|
|
62
61
|
import { setupListKeyboardNavigation } from "./listKeyboardNavigation.js";
|
|
63
62
|
import { toNumberOrNull } from "./number.js";
|
|
63
|
+
const _hoisted_1$4 = { class: "flex h-12 min-w-fit select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
|
|
64
|
+
const _hoisted_2$4 = { class: "whitespace-nowrap px-3" };
|
|
65
|
+
const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "mx-4 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1);
|
|
66
|
+
const _hoisted_4$4 = { class: "flex min-w-fit" };
|
|
67
|
+
const _hoisted_5$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
68
|
+
const _hoisted_6$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
69
|
+
const _hoisted_7$3 = { class: "flex flex-col bg-p-purple-60" };
|
|
70
|
+
const _hoisted_8$1 = { class: "flex items-center gap-2 px-1 py-0.5" };
|
|
71
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
72
|
+
...{
|
|
73
|
+
inheritAttrs: false
|
|
74
|
+
},
|
|
75
|
+
__name: "p-action-bar",
|
|
76
|
+
props: {
|
|
77
|
+
label: {},
|
|
78
|
+
actions: {}
|
|
79
|
+
},
|
|
80
|
+
emits: ["click:dismiss", "click:action"],
|
|
81
|
+
setup(__props) {
|
|
82
|
+
return (_ctx, _cache) => {
|
|
83
|
+
return openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
84
|
+
createElementVNode("div", mergeProps({
|
|
85
|
+
class: "fixed bottom-6 z-[100] flex w-full justify-center",
|
|
86
|
+
role: "alertdialog"
|
|
87
|
+
}, _ctx.$attrs), [
|
|
88
|
+
createElementVNode("div", _hoisted_1$4, [
|
|
89
|
+
createVNode(PCloseBtn, {
|
|
90
|
+
variant: "dark",
|
|
91
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
|
|
92
|
+
}),
|
|
93
|
+
createElementVNode("p", _hoisted_2$4, toDisplayString(_ctx.label), 1),
|
|
94
|
+
_hoisted_3$4,
|
|
95
|
+
createElementVNode("div", _hoisted_4$4, [
|
|
96
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (actionOrMenu) => {
|
|
97
|
+
return openBlock(), createElementBlock(Fragment, {
|
|
98
|
+
key: `action-${actionOrMenu.label}`
|
|
99
|
+
}, [
|
|
100
|
+
!actionOrMenu.subActions ? (openBlock(), createBlock(PBtn, {
|
|
101
|
+
key: 0,
|
|
102
|
+
size: "sm",
|
|
103
|
+
type: "secondary-ghost-dark",
|
|
104
|
+
onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
|
|
105
|
+
}, {
|
|
106
|
+
default: withCtx(() => [
|
|
107
|
+
createElementVNode("div", _hoisted_5$4, [
|
|
108
|
+
actionOrMenu.icon ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
|
|
109
|
+
key: 0,
|
|
110
|
+
class: "h-4 w-4"
|
|
111
|
+
})) : createCommentVNode("", true),
|
|
112
|
+
createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
|
|
113
|
+
])
|
|
114
|
+
]),
|
|
115
|
+
_: 2
|
|
116
|
+
}, 1032, ["onClick"])) : (openBlock(), createBlock(PDropdown, {
|
|
117
|
+
key: 1,
|
|
118
|
+
placement: "top",
|
|
119
|
+
strategy: "fixed"
|
|
120
|
+
}, {
|
|
121
|
+
popper: withCtx(() => [
|
|
122
|
+
createElementVNode("div", _hoisted_7$3, [
|
|
123
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(actionOrMenu.subActions, (subaction) => {
|
|
124
|
+
return openBlock(), createElementBlock("div", {
|
|
125
|
+
key: `subaction-${subaction.name}`
|
|
126
|
+
}, [
|
|
127
|
+
createVNode(PBtn, {
|
|
128
|
+
size: "sm",
|
|
129
|
+
class: "w-full",
|
|
130
|
+
type: "secondary-ghost-dark",
|
|
131
|
+
onClick: ($event) => _ctx.$emit("click:action", subaction.name)
|
|
132
|
+
}, {
|
|
133
|
+
default: withCtx(() => [
|
|
134
|
+
createElementVNode("div", _hoisted_8$1, [
|
|
135
|
+
subaction.icon ? (openBlock(), createBlock(resolveDynamicComponent(subaction.icon), {
|
|
136
|
+
key: 0,
|
|
137
|
+
class: "h-4 w-4"
|
|
138
|
+
})) : createCommentVNode("", true),
|
|
139
|
+
createElementVNode("div", null, toDisplayString(subaction.label), 1)
|
|
140
|
+
])
|
|
141
|
+
]),
|
|
142
|
+
_: 2
|
|
143
|
+
}, 1032, ["onClick"])
|
|
144
|
+
]);
|
|
145
|
+
}), 128))
|
|
146
|
+
])
|
|
147
|
+
]),
|
|
148
|
+
default: withCtx(() => [
|
|
149
|
+
createVNode(PBtn, {
|
|
150
|
+
size: "sm",
|
|
151
|
+
type: "secondary-ghost-dark"
|
|
152
|
+
}, {
|
|
153
|
+
default: withCtx(() => [
|
|
154
|
+
createElementVNode("div", _hoisted_6$4, [
|
|
155
|
+
actionOrMenu.icon ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
|
|
156
|
+
key: 0,
|
|
157
|
+
class: "h-4 w-4"
|
|
158
|
+
})) : createCommentVNode("", true),
|
|
159
|
+
createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
|
|
160
|
+
])
|
|
161
|
+
]),
|
|
162
|
+
_: 2
|
|
163
|
+
}, 1024)
|
|
164
|
+
]),
|
|
165
|
+
_: 2
|
|
166
|
+
}, 1024))
|
|
167
|
+
], 64);
|
|
168
|
+
}), 128))
|
|
169
|
+
])
|
|
170
|
+
])
|
|
171
|
+
], 16)
|
|
172
|
+
]);
|
|
173
|
+
};
|
|
174
|
+
}
|
|
175
|
+
});
|
|
64
176
|
const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
|
|
65
177
|
const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
|
|
66
178
|
const _withScopeId = (n) => (pushScopeId("data-v-d07a8f64"), n = n(), popScopeId(), n);
|
|
@@ -937,45 +1049,45 @@ export {
|
|
|
937
1049
|
LABEL_REQUIRED,
|
|
938
1050
|
LABEL_SIZES,
|
|
939
1051
|
MIN_WIDTH_COL_RESIZE,
|
|
940
|
-
|
|
1052
|
+
_sfc_main$4 as PActionBar,
|
|
941
1053
|
default2 as PAlert,
|
|
942
1054
|
default3 as PAvatar,
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
1055
|
+
PBtn,
|
|
1056
|
+
_ as PCard,
|
|
1057
|
+
_2 as PCheckbox,
|
|
1058
|
+
default4 as PChips,
|
|
1059
|
+
PCloseBtn,
|
|
1060
|
+
default5 as PDatePicker,
|
|
1061
|
+
default6 as PDrawer,
|
|
1062
|
+
PDropdown,
|
|
1063
|
+
_3 as PDropdownSelect,
|
|
952
1064
|
pFileUpload as PFileUpload,
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
1065
|
+
default7 as PFilterIcon,
|
|
1066
|
+
default8 as PInfoIcon,
|
|
1067
|
+
default9 as PInlineDatePicker,
|
|
1068
|
+
default10 as PInput,
|
|
1069
|
+
default11 as PInputNumber,
|
|
958
1070
|
_4 as PInputPercent,
|
|
959
1071
|
PInputSearch,
|
|
960
|
-
|
|
961
|
-
|
|
1072
|
+
default12 as PLoading,
|
|
1073
|
+
default13 as PModal,
|
|
962
1074
|
_5 as PPagination,
|
|
963
1075
|
_6 as PPaginationInfo,
|
|
964
|
-
|
|
1076
|
+
default14 as PProgressBar,
|
|
965
1077
|
_7 as PRingLoader,
|
|
966
1078
|
_8 as PSelect,
|
|
967
1079
|
_9 as PSelectBtn,
|
|
968
1080
|
_sfc_main$2 as PSelectList,
|
|
969
|
-
|
|
970
|
-
|
|
1081
|
+
default15 as PSelectPill,
|
|
1082
|
+
default16 as PSkeletonLoader,
|
|
971
1083
|
pTable as PTable,
|
|
972
1084
|
PTableHeaderCell,
|
|
973
1085
|
_10 as PTableLoader,
|
|
974
1086
|
pTableSort as PTableSort,
|
|
975
|
-
|
|
1087
|
+
default17 as PTableTd,
|
|
976
1088
|
_11 as PTabs,
|
|
977
|
-
|
|
978
|
-
|
|
1089
|
+
default18 as PTextarea,
|
|
1090
|
+
default19 as PToggle,
|
|
979
1091
|
SELECT_ARROW,
|
|
980
1092
|
SELECT_BASE,
|
|
981
1093
|
SELECT_SIZES,
|
|
@@ -992,7 +1104,7 @@ export {
|
|
|
992
1104
|
getColorDeep,
|
|
993
1105
|
getNextActiveElement,
|
|
994
1106
|
getScreen,
|
|
995
|
-
|
|
1107
|
+
default20 as inputClassesMixin,
|
|
996
1108
|
isColsResizableInjectionKey,
|
|
997
1109
|
isElement,
|
|
998
1110
|
isFirstColFixedInjectionKey,
|
package/dist/es/p-action-bar.js
CHANGED
|
@@ -39,6 +39,7 @@ import PTextarea from './p-textarea/p-textarea.vue';
|
|
|
39
39
|
import PToggle from './p-toggle/p-toggle.vue';
|
|
40
40
|
import { type FileUploadFile } from './p-file-upload/p-file-upload.types';
|
|
41
41
|
import { type HeaderCellAttrs, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey } from './p-table/p-table.types';
|
|
42
|
+
import { type PActionBarAction } from './p-action-bar/p-action-bar.types';
|
|
42
43
|
import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
|
|
43
44
|
import { type Size } from './p-btn/p-btn.types';
|
|
44
45
|
import { usePLoading } from './p-loading/usePLoading';
|
|
@@ -46,4 +47,4 @@ import { usePModal } from './p-modal/usePModal';
|
|
|
46
47
|
import { usePTableColResize } from './p-table/usePTableColResize';
|
|
47
48
|
import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
|
|
48
49
|
import { useSelectList } from './p-select-list/useSelectList';
|
|
49
|
-
export { PActionBar, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, SORTING_TYPES, MIN_WIDTH_COL_RESIZE, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, usePLoading, SortingType, SortingTypeWithoutNoSorting, Size, FileUploadFile, HeaderCellAttrs, TableCol, ThAttrs, };
|
|
50
|
+
export { PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, SORTING_TYPES, MIN_WIDTH_COL_RESIZE, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, usePLoading, SortingType, SortingTypeWithoutNoSorting, Size, FileUploadFile, HeaderCellAttrs, TableCol, ThAttrs, };
|
|
@@ -1,35 +1,23 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
label:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}[]>;
|
|
13
|
-
required: true;
|
|
14
|
-
};
|
|
15
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
-
"click:dismiss": (...args: any[]) => void;
|
|
17
|
-
"click:action": (...args: any[]) => void;
|
|
18
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
-
label: {
|
|
20
|
-
type: StringConstructor;
|
|
21
|
-
required: true;
|
|
22
|
-
};
|
|
23
|
-
actions: {
|
|
24
|
-
type: PropType<{
|
|
25
|
-
name: string;
|
|
26
|
-
label: string;
|
|
27
|
-
icon?: string | undefined;
|
|
28
|
-
}[]>;
|
|
29
|
-
required: true;
|
|
30
|
-
};
|
|
31
|
-
}>> & {
|
|
32
|
-
"onClick:dismiss"?: ((...args: any[]) => any) | undefined;
|
|
33
|
-
"onClick:action"?: ((...args: any[]) => any) | undefined;
|
|
1
|
+
import { type PActionBarAction } from './p-action-bar.types';
|
|
2
|
+
type Props = {
|
|
3
|
+
label: string;
|
|
4
|
+
actions: PActionBarAction[];
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"click:dismiss": () => void;
|
|
8
|
+
"click:action": (value: string | undefined) => void;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
|
|
10
|
+
"onClick:dismiss"?: (() => any) | undefined;
|
|
11
|
+
"onClick:action"?: ((value: string | undefined) => any) | undefined;
|
|
34
12
|
}, {}, {}>;
|
|
35
13
|
export default _default;
|
|
14
|
+
|
|
15
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
16
|
+
type __VLS_TypePropsToOption<T> = {
|
|
17
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
18
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
19
|
+
} : {
|
|
20
|
+
type: import('vue').PropType<T[K]>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
rounded: boolean;
|
|
80
80
|
required: boolean;
|
|
81
81
|
errorMsg: string;
|
|
82
|
-
}, {}>, import("vue").ComponentOptionsMixin, ("
|
|
82
|
+
}, {}>, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
83
83
|
modelValue: {
|
|
84
84
|
type: PropType<string | number | null | undefined>;
|
|
85
85
|
default: null;
|
package/dist/squirrel/index.d.ts
CHANGED