@pequity/squirrel 8.0.1 → 8.1.0
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/chunks/p-action-bar.js +6 -9
- package/dist/cjs/chunks/p-steps.js +52 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/p-steps.js +3 -0
- package/dist/cjs/usePLoading.js +7 -1
- package/dist/es/chunks/p-action-bar.js +6 -9
- package/dist/es/chunks/p-steps.js +53 -0
- package/dist/es/index.js +8 -6
- package/dist/es/p-steps.js +4 -0
- package/dist/es/usePLoading.js +7 -1
- package/dist/squirrel/components/index.d.ts +2 -1
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +3 -2
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +1 -1
- package/dist/squirrel/components/p-card/p-card.vue.d.ts +2 -19
- package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +2 -37
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +3 -2
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +2 -9
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +3 -33
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +6 -4
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +3 -107
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +3 -11
- package/dist/squirrel/components/p-loading/usePLoading.d.ts +1 -0
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +2 -227
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +2 -74
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +3 -110
- package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +2 -29
- package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +17 -0
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +10 -5
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +2 -19
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +3 -72
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +2 -2
- package/package.json +14 -14
- package/squirrel/components/index.ts +2 -0
- package/squirrel/components/p-action-bar/p-action-bar.spec.ts +17 -11
- package/squirrel/components/p-action-bar/p-action-bar.vue +6 -6
- package/squirrel/components/p-loading/p-loading.spec.js +35 -2
- package/squirrel/components/p-loading/usePLoading.ts +10 -1
- package/squirrel/components/p-steps/__snapshots__/p-steps.spec.js.snap +16 -0
- package/squirrel/components/p-steps/p-steps.spec.js +126 -0
- package/squirrel/components/p-steps/p-steps.stories.js +31 -0
- package/squirrel/components/p-steps/p-steps.vue +47 -0
|
@@ -9,10 +9,10 @@ const string = require("../string.js");
|
|
|
9
9
|
const _hoisted_1 = { class: "flex h-12 w-max select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
|
|
10
10
|
const _hoisted_2 = { class: "mx-4 whitespace-nowrap" };
|
|
11
11
|
const _hoisted_3 = { class: "flex" };
|
|
12
|
-
const _hoisted_4 = { class: "flex items-center gap-2 px-1
|
|
13
|
-
const _hoisted_5 = { class: "flex items-center gap-2 px-1
|
|
12
|
+
const _hoisted_4 = { class: "flex items-center gap-2 px-1" };
|
|
13
|
+
const _hoisted_5 = { class: "flex items-center gap-2 px-1" };
|
|
14
14
|
const _hoisted_6 = { class: "bg-p-purple-60 py-2" };
|
|
15
|
-
const _hoisted_7 = { class: "flex items-center gap-2 px-1
|
|
15
|
+
const _hoisted_7 = { class: "flex items-center gap-2 px-1" };
|
|
16
16
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
17
17
|
...{
|
|
18
18
|
name: "PActionBar",
|
|
@@ -67,8 +67,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
67
67
|
vue.unref(string.isString)(actionOrMenu.icon) ? (vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
68
68
|
key: 1,
|
|
69
69
|
icon: actionOrMenu.icon,
|
|
70
|
-
width: "
|
|
71
|
-
height: "16px"
|
|
70
|
+
width: "16"
|
|
72
71
|
}, null, 8, ["icon"])) : vue.createCommentVNode("", true),
|
|
73
72
|
vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
|
|
74
73
|
])
|
|
@@ -100,8 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
100
99
|
vue.unref(string.isString)(subaction.icon) ? (vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
101
100
|
key: 1,
|
|
102
101
|
icon: subaction.icon,
|
|
103
|
-
width: "
|
|
104
|
-
height: "16px"
|
|
102
|
+
width: "16"
|
|
105
103
|
}, null, 8, ["icon"])) : vue.createCommentVNode("", true),
|
|
106
104
|
vue.createElementVNode("div", null, vue.toDisplayString(subaction.label), 1)
|
|
107
105
|
])
|
|
@@ -126,8 +124,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
126
124
|
vue.unref(string.isString)(actionOrMenu.icon) ? (vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
127
125
|
key: 1,
|
|
128
126
|
icon: actionOrMenu.icon,
|
|
129
|
-
width: "
|
|
130
|
-
height: "16px"
|
|
127
|
+
width: "16"
|
|
131
128
|
}, null, 8, ["icon"])) : vue.createCommentVNode("", true),
|
|
132
129
|
vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
|
|
133
130
|
])
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const vue = require("vue");
|
|
3
|
+
const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
|
|
4
|
+
const lodashEs = require("lodash-es");
|
|
5
|
+
const _hoisted_1 = { class: "flex items-center gap-2" };
|
|
6
|
+
const _hoisted_2 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "flex items-center"
|
|
9
|
+
};
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "p-steps",
|
|
12
|
+
props: {
|
|
13
|
+
steps: {},
|
|
14
|
+
currentStep: {},
|
|
15
|
+
stepTitleMap: {}
|
|
16
|
+
},
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const currentStepIndex = vue.computed(() => props.steps.findIndex((s) => s === props.currentStep));
|
|
20
|
+
const stepClasses = (step, stepIndex) => {
|
|
21
|
+
if (step === props.currentStep) {
|
|
22
|
+
return "border border-p-blue-50 bg-p-blue-50 text-surface";
|
|
23
|
+
}
|
|
24
|
+
if (currentStepIndex.value < stepIndex) {
|
|
25
|
+
return "border border-p-gray-30 text-p-gray-30";
|
|
26
|
+
}
|
|
27
|
+
return "border border-p-blue-50 text-p-blue-50";
|
|
28
|
+
};
|
|
29
|
+
const stepTitle = (step) => {
|
|
30
|
+
var _a;
|
|
31
|
+
return ((_a = props.stepTitleMap) == null ? void 0 : _a[step]) || lodashEs.startCase(step);
|
|
32
|
+
};
|
|
33
|
+
return (_ctx, _cache) => {
|
|
34
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
35
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.steps, (step, idx) => {
|
|
36
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: step }, [
|
|
37
|
+
vue.createElementVNode("div", {
|
|
38
|
+
class: vue.normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", stepClasses(step, idx)])
|
|
39
|
+
}, vue.toDisplayString(stepTitle(step)), 3),
|
|
40
|
+
idx < _ctx.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
|
41
|
+
vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
42
|
+
icon: "material-symbols:arrow-right-alt-rounded",
|
|
43
|
+
class: vue.normalizeClass([currentStepIndex.value <= idx ? "text-p-gray-30" : "text-p-blue-50"])
|
|
44
|
+
}, null, 8, ["class"])
|
|
45
|
+
])) : vue.createCommentVNode("", true)
|
|
46
|
+
], 64);
|
|
47
|
+
}), 128))
|
|
48
|
+
]);
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
exports._sfc_main = _sfc_main;
|
package/dist/cjs/index.js
CHANGED
|
@@ -42,6 +42,7 @@ const string = require("./string.js");
|
|
|
42
42
|
const text = require("./text.js");
|
|
43
43
|
const pSelectPill = require("./p-select-pill.js");
|
|
44
44
|
const pSkeletonLoader = require("./p-skeleton-loader.js");
|
|
45
|
+
const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js");
|
|
45
46
|
const pTable$1 = require("./p-table.js");
|
|
46
47
|
const usePTableColResize = require("./usePTableColResize.js");
|
|
47
48
|
const pTableHeaderCell = require("./p-table-header-cell.js");
|
|
@@ -1019,6 +1020,7 @@ exports.toString = string.toString;
|
|
|
1019
1020
|
exports.splitStringForHighlight = text.splitStringForHighlight;
|
|
1020
1021
|
exports.PSelectPill = pSelectPill;
|
|
1021
1022
|
exports.PSkeletonLoader = pSkeletonLoader;
|
|
1023
|
+
exports.PSteps = pSteps_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
1022
1024
|
exports.MIN_WIDTH_COL_RESIZE = pTable$1.MIN_WIDTH_COL_RESIZE;
|
|
1023
1025
|
exports.colsInjectionKey = pTable$1.colsInjectionKey;
|
|
1024
1026
|
exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
|
package/dist/cjs/usePLoading.js
CHANGED
|
@@ -56,6 +56,12 @@ const usePLoading = (options) => {
|
|
|
56
56
|
show.value = false;
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
+
const isLoading = (id) => {
|
|
60
|
+
if (id) {
|
|
61
|
+
return loadingItems.value.some((item) => item.id === id);
|
|
62
|
+
}
|
|
63
|
+
return loadingItems.value.length > 0;
|
|
64
|
+
};
|
|
59
65
|
if (scope) {
|
|
60
66
|
vue.onScopeDispose(() => {
|
|
61
67
|
if (loadingItems.value.some((item) => item.clearOnDispose === false)) {
|
|
@@ -71,6 +77,6 @@ const usePLoading = (options) => {
|
|
|
71
77
|
}
|
|
72
78
|
});
|
|
73
79
|
}
|
|
74
|
-
return { show, content, props, loadingShow, loadingHide };
|
|
80
|
+
return { show, content, props, loadingShow, loadingHide, isLoading };
|
|
75
81
|
};
|
|
76
82
|
exports.usePLoading = usePLoading;
|
|
@@ -8,10 +8,10 @@ import { isString } from "../string.js";
|
|
|
8
8
|
const _hoisted_1 = { class: "flex h-12 w-max select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
|
|
9
9
|
const _hoisted_2 = { class: "mx-4 whitespace-nowrap" };
|
|
10
10
|
const _hoisted_3 = { class: "flex" };
|
|
11
|
-
const _hoisted_4 = { class: "flex items-center gap-2 px-1
|
|
12
|
-
const _hoisted_5 = { class: "flex items-center gap-2 px-1
|
|
11
|
+
const _hoisted_4 = { class: "flex items-center gap-2 px-1" };
|
|
12
|
+
const _hoisted_5 = { class: "flex items-center gap-2 px-1" };
|
|
13
13
|
const _hoisted_6 = { class: "bg-p-purple-60 py-2" };
|
|
14
|
-
const _hoisted_7 = { class: "flex items-center gap-2 px-1
|
|
14
|
+
const _hoisted_7 = { class: "flex items-center gap-2 px-1" };
|
|
15
15
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
16
16
|
...{
|
|
17
17
|
name: "PActionBar",
|
|
@@ -66,8 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
66
66
|
unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$2, {
|
|
67
67
|
key: 1,
|
|
68
68
|
icon: actionOrMenu.icon,
|
|
69
|
-
width: "
|
|
70
|
-
height: "16px"
|
|
69
|
+
width: "16"
|
|
71
70
|
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
72
71
|
createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
|
|
73
72
|
])
|
|
@@ -99,8 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
99
98
|
unref(isString)(subaction.icon) ? (openBlock(), createBlock(_sfc_main$2, {
|
|
100
99
|
key: 1,
|
|
101
100
|
icon: subaction.icon,
|
|
102
|
-
width: "
|
|
103
|
-
height: "16px"
|
|
101
|
+
width: "16"
|
|
104
102
|
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
105
103
|
createElementVNode("div", null, toDisplayString(subaction.label), 1)
|
|
106
104
|
])
|
|
@@ -125,8 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
125
123
|
unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$2, {
|
|
126
124
|
key: 1,
|
|
127
125
|
icon: actionOrMenu.icon,
|
|
128
|
-
width: "
|
|
129
|
-
height: "16px"
|
|
126
|
+
width: "16"
|
|
130
127
|
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
131
128
|
createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
|
|
132
129
|
])
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, createVNode } from "vue";
|
|
2
|
+
import { _ as _sfc_main$1 } from "./p-icon.js";
|
|
3
|
+
import { startCase } from "lodash-es";
|
|
4
|
+
const _hoisted_1 = { class: "flex items-center gap-2" };
|
|
5
|
+
const _hoisted_2 = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "flex items-center"
|
|
8
|
+
};
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "p-steps",
|
|
11
|
+
props: {
|
|
12
|
+
steps: {},
|
|
13
|
+
currentStep: {},
|
|
14
|
+
stepTitleMap: {}
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const currentStepIndex = computed(() => props.steps.findIndex((s) => s === props.currentStep));
|
|
19
|
+
const stepClasses = (step, stepIndex) => {
|
|
20
|
+
if (step === props.currentStep) {
|
|
21
|
+
return "border border-p-blue-50 bg-p-blue-50 text-surface";
|
|
22
|
+
}
|
|
23
|
+
if (currentStepIndex.value < stepIndex) {
|
|
24
|
+
return "border border-p-gray-30 text-p-gray-30";
|
|
25
|
+
}
|
|
26
|
+
return "border border-p-blue-50 text-p-blue-50";
|
|
27
|
+
};
|
|
28
|
+
const stepTitle = (step) => {
|
|
29
|
+
var _a;
|
|
30
|
+
return ((_a = props.stepTitleMap) == null ? void 0 : _a[step]) || startCase(step);
|
|
31
|
+
};
|
|
32
|
+
return (_ctx, _cache) => {
|
|
33
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
34
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, idx) => {
|
|
35
|
+
return openBlock(), createElementBlock(Fragment, { key: step }, [
|
|
36
|
+
createElementVNode("div", {
|
|
37
|
+
class: normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", stepClasses(step, idx)])
|
|
38
|
+
}, toDisplayString(stepTitle(step)), 3),
|
|
39
|
+
idx < _ctx.steps.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
40
|
+
createVNode(_sfc_main$1, {
|
|
41
|
+
icon: "material-symbols:arrow-right-alt-rounded",
|
|
42
|
+
class: normalizeClass([currentStepIndex.value <= idx ? "text-p-gray-30" : "text-p-blue-50"])
|
|
43
|
+
}, null, 8, ["class"])
|
|
44
|
+
])) : createCommentVNode("", true)
|
|
45
|
+
], 64);
|
|
46
|
+
}), 128))
|
|
47
|
+
]);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
export {
|
|
52
|
+
_sfc_main as _
|
|
53
|
+
};
|
package/dist/es/index.js
CHANGED
|
@@ -41,6 +41,7 @@ import { toString } from "./string.js";
|
|
|
41
41
|
import { splitStringForHighlight } from "./text.js";
|
|
42
42
|
import { default as default9 } from "./p-select-pill.js";
|
|
43
43
|
import { default as default10 } from "./p-skeleton-loader.js";
|
|
44
|
+
import { _ as _19 } from "./chunks/p-steps.js";
|
|
44
45
|
import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
|
|
45
46
|
import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
|
|
46
47
|
import { usePTableColResize } from "./usePTableColResize.js";
|
|
@@ -49,10 +50,10 @@ import PTableTd from "./p-table-td.js";
|
|
|
49
50
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
50
51
|
import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
|
|
51
52
|
import { default as default11 } from "./p-table-filter-icon.js";
|
|
52
|
-
import { _ as
|
|
53
|
+
import { _ as _20 } from "./chunks/p-table-loader.js";
|
|
53
54
|
import { SORTING_TYPES } from "./p-table-sort.js";
|
|
54
|
-
import { _ as
|
|
55
|
-
import { _ as
|
|
55
|
+
import { _ as _21 } from "./chunks/p-tabs.js";
|
|
56
|
+
import { _ as _22 } from "./chunks/p-textarea.js";
|
|
56
57
|
import { default as default12 } from "./p-toggle.js";
|
|
57
58
|
import { squirrelTailwindConfig } from "./config.js";
|
|
58
59
|
import { S } from "./chunks/p-btn.types.js";
|
|
@@ -1018,13 +1019,14 @@ export {
|
|
|
1018
1019
|
_sfc_main$2 as PSelectList,
|
|
1019
1020
|
default9 as PSelectPill,
|
|
1020
1021
|
default10 as PSkeletonLoader,
|
|
1022
|
+
_19 as PSteps,
|
|
1021
1023
|
pTable as PTable,
|
|
1022
1024
|
PTableHeaderCell,
|
|
1023
|
-
|
|
1025
|
+
_20 as PTableLoader,
|
|
1024
1026
|
_sfc_main as PTableSort,
|
|
1025
1027
|
PTableTd,
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
+
_21 as PTabs,
|
|
1029
|
+
_22 as PTextarea,
|
|
1028
1030
|
default12 as PToggle,
|
|
1029
1031
|
P_ICON_ALIASES,
|
|
1030
1032
|
S as SIZES,
|
package/dist/es/usePLoading.js
CHANGED
|
@@ -54,6 +54,12 @@ const usePLoading = (options) => {
|
|
|
54
54
|
show.value = false;
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
+
const isLoading = (id) => {
|
|
58
|
+
if (id) {
|
|
59
|
+
return loadingItems.value.some((item) => item.id === id);
|
|
60
|
+
}
|
|
61
|
+
return loadingItems.value.length > 0;
|
|
62
|
+
};
|
|
57
63
|
if (scope) {
|
|
58
64
|
onScopeDispose(() => {
|
|
59
65
|
if (loadingItems.value.some((item) => item.clearOnDispose === false)) {
|
|
@@ -69,7 +75,7 @@ const usePLoading = (options) => {
|
|
|
69
75
|
}
|
|
70
76
|
});
|
|
71
77
|
}
|
|
72
|
-
return { show, content, props, loadingShow, loadingHide };
|
|
78
|
+
return { show, content, props, loadingShow, loadingHide, isLoading };
|
|
73
79
|
};
|
|
74
80
|
export {
|
|
75
81
|
usePLoading
|
|
@@ -37,6 +37,7 @@ import PSelectList from './p-select-list/p-select-list.vue';
|
|
|
37
37
|
import { useSelectList } from './p-select-list/useSelectList';
|
|
38
38
|
import PSelectPill from './p-select-pill/p-select-pill.vue';
|
|
39
39
|
import PSkeletonLoader from './p-skeleton-loader/p-skeleton-loader.vue';
|
|
40
|
+
import PSteps from './p-steps/p-steps.vue';
|
|
40
41
|
import { colsInjectionKey, type HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs } from './p-table/p-table.types';
|
|
41
42
|
import PTable from './p-table/p-table.vue';
|
|
42
43
|
import { usePTableColResize } from './p-table/usePTableColResize';
|
|
@@ -50,4 +51,4 @@ import PTableTd from './p-table-td/p-table-td.vue';
|
|
|
50
51
|
import PTabs from './p-tabs/p-tabs.vue';
|
|
51
52
|
import PTextarea from './p-textarea/p-textarea.vue';
|
|
52
53
|
import PToggle from './p-toggle/p-toggle.vue';
|
|
53
|
-
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, PFilterIcon, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
|
|
54
|
+
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, PFilterIcon, 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, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
|
|
@@ -32,8 +32,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
32
32
|
}>> & Readonly<{}>, {
|
|
33
33
|
type: "info" | "error" | "success" | "warning";
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
35
|
-
icon?: (
|
|
36
|
-
|
|
35
|
+
icon?: (props: {}) => any;
|
|
36
|
+
} & {
|
|
37
|
+
default?: (props: {}) => any;
|
|
37
38
|
}>;
|
|
38
39
|
export default _default;
|
|
39
40
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -329,7 +329,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
329
329
|
to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
|
|
330
330
|
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" | "search" | (string & {});
|
|
331
331
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
332
|
-
default?: (
|
|
332
|
+
default?: (props: {}) => any;
|
|
333
333
|
}>;
|
|
334
334
|
export default _default;
|
|
335
335
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,28 +1,11 @@
|
|
|
1
|
-
declare const titleClass = "text-xl font-medium leading-none text-p-purple-60";
|
|
2
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
3
1
|
declare var __VLS_1: {
|
|
4
2
|
titleClass: "text-xl font-medium leading-none text-p-purple-60";
|
|
5
3
|
}, __VLS_3: {};
|
|
6
|
-
type __VLS_Slots =
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
7
5
|
title?: (props: typeof __VLS_1) => any;
|
|
8
6
|
} & {
|
|
9
7
|
default?: (props: typeof __VLS_3) => any;
|
|
10
|
-
}
|
|
11
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
12
|
-
title: {
|
|
13
|
-
type: StringConstructor;
|
|
14
|
-
default: string;
|
|
15
|
-
};
|
|
16
|
-
}>, {
|
|
17
|
-
titleClass: typeof titleClass;
|
|
18
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
-
title: {
|
|
20
|
-
type: StringConstructor;
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
}>> & Readonly<{}>, {
|
|
24
|
-
title: string;
|
|
25
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
};
|
|
26
9
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
27
10
|
title: {
|
|
28
11
|
type: StringConstructor;
|
|
@@ -1,44 +1,9 @@
|
|
|
1
|
-
import { type StyleValue } from 'vue';
|
|
2
|
-
declare const attrs: import("vue").ComputedRef<{
|
|
3
|
-
[x: string]: unknown;
|
|
4
|
-
}>;
|
|
5
|
-
declare const style: import("vue").ComputedRef<StyleValue>;
|
|
6
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
7
1
|
declare var __VLS_1: {}, __VLS_3: {};
|
|
8
|
-
type __VLS_Slots =
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
9
3
|
'label-before'?: (props: typeof __VLS_1) => any;
|
|
10
4
|
} & {
|
|
11
5
|
label?: (props: typeof __VLS_3) => any;
|
|
12
|
-
}
|
|
13
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
14
|
-
modelValue: {
|
|
15
|
-
type: BooleanConstructor;
|
|
16
|
-
default: boolean;
|
|
17
|
-
};
|
|
18
|
-
label: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
default: string;
|
|
21
|
-
};
|
|
22
|
-
}>, {
|
|
23
|
-
attrs: typeof attrs;
|
|
24
|
-
style: typeof style;
|
|
25
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
|
-
"update:modelValue": (...args: any[]) => void;
|
|
27
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
|
-
modelValue: {
|
|
29
|
-
type: BooleanConstructor;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
|
-
label: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
default: string;
|
|
35
|
-
};
|
|
36
|
-
}>> & Readonly<{
|
|
37
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
38
|
-
}>, {
|
|
39
|
-
label: string;
|
|
40
|
-
modelValue: boolean;
|
|
41
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
};
|
|
42
7
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
43
8
|
modelValue: {
|
|
44
9
|
type: BooleanConstructor;
|
|
@@ -209,8 +209,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
209
209
|
type: "info" | "error" | "success" | "warning";
|
|
210
210
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
211
211
|
$slots: {
|
|
212
|
-
icon?: (
|
|
213
|
-
|
|
212
|
+
icon?: (props: {}) => any;
|
|
213
|
+
} & {
|
|
214
|
+
default?: (props: {}) => any;
|
|
214
215
|
};
|
|
215
216
|
});
|
|
216
217
|
PCloseBtn: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import PIcon from '../p-icon/p-icon.vue';
|
|
2
1
|
type Props = {
|
|
3
2
|
text?: string | null;
|
|
4
3
|
};
|
|
5
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
6
4
|
declare var __VLS_9: {};
|
|
7
|
-
type __VLS_Slots =
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
8
6
|
default?: (props: typeof __VLS_9) => any;
|
|
9
|
-
}
|
|
10
|
-
declare const __VLS_self: import("vue").DefineComponent<Props, {
|
|
11
|
-
PIcon: typeof PIcon;
|
|
12
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
-
text: string | null;
|
|
14
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
};
|
|
15
8
|
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
9
|
text: string | null;
|
|
17
10
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,50 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { type StyleValue } from 'vue';
|
|
1
|
+
import { type VueDatePickerProps } from '@vuepic/vue-datepicker';
|
|
3
2
|
type Props = {
|
|
4
3
|
label?: string;
|
|
5
4
|
errorMsg?: string;
|
|
6
5
|
required?: boolean;
|
|
7
6
|
} & VueDatePickerProps;
|
|
8
7
|
type __VLS_Props = Props;
|
|
9
|
-
declare const model: import("vue").ModelRef<string | Date | null, string, string | Date | null, string | Date | null>;
|
|
10
|
-
declare const labelClasses: import("vue").ComputedRef<string>, errorMsgClasses: import("vue").ComputedRef<string>;
|
|
11
|
-
declare const datePickerProps: import("vue").ComputedRef<VueDatePickerProps>;
|
|
12
|
-
declare const style: import("vue").ComputedRef<StyleValue>;
|
|
13
8
|
type __VLS_PublicProps = __VLS_Props & {
|
|
14
9
|
modelValue?: Date | string | null;
|
|
15
10
|
};
|
|
16
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
17
11
|
declare var __VLS_1: {
|
|
18
12
|
label: string;
|
|
19
13
|
labelClasses: string;
|
|
20
14
|
};
|
|
21
|
-
type __VLS_Slots =
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
22
16
|
label?: (props: typeof __VLS_1) => any;
|
|
23
|
-
}
|
|
24
|
-
declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
25
|
-
VueDatePicker: typeof VueDatePicker;
|
|
26
|
-
model: typeof model;
|
|
27
|
-
labelClasses: typeof labelClasses;
|
|
28
|
-
errorMsgClasses: typeof errorMsgClasses;
|
|
29
|
-
datePickerProps: typeof datePickerProps;
|
|
30
|
-
style: typeof style;
|
|
31
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
32
|
-
"update:modelValue": (value: string | Date | null) => any;
|
|
33
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
34
|
-
"onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
|
|
35
|
-
}>, {
|
|
36
|
-
inline: boolean | {
|
|
37
|
-
input?: boolean;
|
|
38
|
-
};
|
|
39
|
-
label: string;
|
|
40
|
-
required: boolean;
|
|
41
|
-
errorMsg: string;
|
|
42
|
-
enableTimePicker: boolean;
|
|
43
|
-
weekStart: "0" | "1" | "2" | "3" | "4" | "5" | "6" | 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
44
|
-
autoApply: boolean;
|
|
45
|
-
hideOffsetDates: boolean;
|
|
46
|
-
modelType: "timestamp" | "iso" | "format" | string;
|
|
47
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
};
|
|
48
18
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
49
19
|
"update:modelValue": (value: string | Date | null) => any;
|
|
50
20
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
@@ -81,12 +81,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
81
81
|
rounded: boolean;
|
|
82
82
|
errorMsg: string;
|
|
83
83
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
84
|
-
label?: (
|
|
84
|
+
label?: (props: {
|
|
85
85
|
label: string;
|
|
86
86
|
labelClasses: string;
|
|
87
|
-
}) => any
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
}) => any;
|
|
88
|
+
} & {
|
|
89
|
+
prefix?: (props: {}) => any;
|
|
90
|
+
} & {
|
|
91
|
+
suffix?: (props: {}) => any;
|
|
90
92
|
}>;
|
|
91
93
|
export default _default;
|
|
92
94
|
type __VLS_WithSlots<T, S> = T & {
|