@pequity/squirrel 1.0.21 → 1.0.23
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-table-loader.js +13 -4
- package/dist/cjs/index.js +49 -16
- package/dist/cjs/inputClassesMixin.js +5 -1
- package/dist/cjs/p-chips.js +3 -3
- package/dist/cjs/p-drawer.js +24 -3
- package/dist/cjs/p-input-search.js +2 -1
- package/dist/cjs/p-input.js +4 -0
- package/dist/cjs/p-table-header-cell.js +21 -8
- package/dist/cjs/p-table-td.js +6 -6
- package/dist/cjs/p-toggle.js +2 -2
- package/dist/cjs/useInputClasses.js +4 -3
- package/dist/es/chunks/p-table-loader.js +14 -5
- package/dist/es/index.js +49 -16
- package/dist/es/inputClassesMixin.js +5 -1
- package/dist/es/p-chips.js +3 -3
- package/dist/es/p-drawer.js +25 -4
- package/dist/es/p-input-search.js +2 -1
- package/dist/es/p-input.js +4 -0
- package/dist/es/p-table-header-cell.js +22 -9
- package/dist/es/p-table-td.js +6 -6
- package/dist/es/p-toggle.js +2 -2
- package/dist/es/useInputClasses.js +4 -3
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +9 -0
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +12 -0
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +9 -0
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +18 -0
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +9 -0
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +5 -1
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +17 -1
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +9 -0
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +9 -0
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +9 -0
- package/dist/squirrel/composables/useInputClasses.d.ts +1 -0
- package/dist/squirrel/utils/inputClassesMixin.d.ts +9 -0
- package/dist/style.css +56 -54
- package/package.json +18 -18
- package/squirrel/components/p-chips/p-chips.vue +1 -1
- package/squirrel/components/p-drawer/p-drawer.vue +22 -9
- package/squirrel/components/p-input/p-input.stories.js +1 -0
- package/squirrel/components/p-input/p-input.vue +4 -0
- package/squirrel/components/p-input-search/p-input-search.vue +1 -0
- package/squirrel/components/p-table/p-table.spec.js +0 -23
- package/squirrel/components/p-table/p-table.vue +48 -13
- package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +2 -3
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +20 -7
- package/squirrel/components/p-table-loader/p-table-loader.vue +6 -1
- package/squirrel/components/p-table-td/p-table-td.spec.js +13 -13
- package/squirrel/components/p-table-td/p-table-td.vue +4 -4
- package/squirrel/components/p-toggle/p-toggle.vue +1 -1
- package/squirrel/composables/useInputClasses.ts +4 -2
- package/squirrel/utils/inputClassesMixin.ts +5 -1
package/dist/es/p-chips.js
CHANGED
|
@@ -63,7 +63,7 @@ const _sfc_main = defineComponent({
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
66
|
+
const _withScopeId = (n) => (pushScopeId("data-v-cb511035"), n = n(), popScopeId(), n);
|
|
67
67
|
const _hoisted_1 = {
|
|
68
68
|
ref: "filterChipsRow",
|
|
69
69
|
class: "flex w-full items-center"
|
|
@@ -71,7 +71,7 @@ const _hoisted_1 = {
|
|
|
71
71
|
const _hoisted_2 = { ref: "beforeSlotContainer" };
|
|
72
72
|
const _hoisted_3 = {
|
|
73
73
|
ref: "filterChipsRowInner",
|
|
74
|
-
class: "flex divide-x divide-p-blue-30 overflow-hidden rounded-md border border-p-blue-30 text-xs font-medium text-p-purple-60"
|
|
74
|
+
class: "flex divide-x divide-p-blue-30 overflow-hidden rounded-md border border-p-blue-30 bg-transparent text-xs font-medium leading-4 text-p-purple-60"
|
|
75
75
|
};
|
|
76
76
|
const _hoisted_4 = ["onClick"];
|
|
77
77
|
const _hoisted_5 = { class: "inline-block truncate" };
|
|
@@ -105,7 +105,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
105
105
|
], 512)
|
|
106
106
|
], 512);
|
|
107
107
|
}
|
|
108
|
-
const pChips = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
108
|
+
const pChips = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cb511035"]]);
|
|
109
109
|
export {
|
|
110
110
|
pChips as default
|
|
111
111
|
};
|
package/dist/es/p-drawer.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import PAlert from "./p-alert.js";
|
|
2
2
|
import PCloseBtn from "./p-close-btn.js";
|
|
3
|
-
import { defineComponent, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from "vue";
|
|
3
|
+
import { defineComponent, useCssVars, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from "vue";
|
|
4
4
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const __default__ = defineComponent({
|
|
6
6
|
name: "PDrawer",
|
|
7
7
|
components: {
|
|
8
8
|
PAlert,
|
|
@@ -68,6 +68,13 @@ const _sfc_main = defineComponent({
|
|
|
68
68
|
enableClose: {
|
|
69
69
|
type: Boolean,
|
|
70
70
|
default: true
|
|
71
|
+
},
|
|
72
|
+
width: {
|
|
73
|
+
type: String,
|
|
74
|
+
default: "460px",
|
|
75
|
+
validator: (value) => {
|
|
76
|
+
return !!value.match(/^[0-9]+px$/);
|
|
77
|
+
}
|
|
71
78
|
}
|
|
72
79
|
},
|
|
73
80
|
emits: ["update:modelValue", "before-open", "opening", "opened", "before-close", "closing", "closed"],
|
|
@@ -84,6 +91,9 @@ const _sfc_main = defineComponent({
|
|
|
84
91
|
},
|
|
85
92
|
transitionOutClass() {
|
|
86
93
|
return this.outClass || this.position === "right" ? "slideOutRight" : "slideOutLeft";
|
|
94
|
+
},
|
|
95
|
+
animationDuration() {
|
|
96
|
+
return (parseInt(this.width, 10) / 1200).toFixed(2) + "s";
|
|
87
97
|
}
|
|
88
98
|
},
|
|
89
99
|
created() {
|
|
@@ -139,6 +149,17 @@ const _sfc_main = defineComponent({
|
|
|
139
149
|
}
|
|
140
150
|
}
|
|
141
151
|
});
|
|
152
|
+
const __injectCSSVars__ = () => {
|
|
153
|
+
useCssVars((_ctx) => ({
|
|
154
|
+
"4c0aead4": _ctx.width,
|
|
155
|
+
"59cfae08": _ctx.animationDuration
|
|
156
|
+
}));
|
|
157
|
+
};
|
|
158
|
+
const __setup__ = __default__.setup;
|
|
159
|
+
__default__.setup = __setup__ ? (props, ctx) => {
|
|
160
|
+
__injectCSSVars__();
|
|
161
|
+
return __setup__(props, ctx);
|
|
162
|
+
} : __injectCSSVars__;
|
|
142
163
|
const _hoisted_1 = ["data-drawer-id", "aria-label", "aria-describedby", "aria-labelledby"];
|
|
143
164
|
const _hoisted_2 = ["id"];
|
|
144
165
|
const _hoisted_3 = {
|
|
@@ -212,7 +233,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
212
233
|
_ctx.title ? (openBlock(), createElementBlock("h3", {
|
|
213
234
|
key: 0,
|
|
214
235
|
id: `${_ctx.id}-title`,
|
|
215
|
-
class: normalizeClass(["flex-1 text-xl font-medium", { "text-right": _ctx.position === "left" }])
|
|
236
|
+
class: normalizeClass(["flex-1 text-xl font-medium leading-8", { "text-right": _ctx.position === "left" }])
|
|
216
237
|
}, toDisplayString(_ctx.title), 11, _hoisted_2)) : createCommentVNode("", true)
|
|
217
238
|
], true)
|
|
218
239
|
], 2)
|
|
@@ -248,7 +269,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
248
269
|
}, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
|
|
249
270
|
], 8, ["to"])) : createCommentVNode("", true);
|
|
250
271
|
}
|
|
251
|
-
const pDrawer = /* @__PURE__ */ _export_sfc(
|
|
272
|
+
const pDrawer = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-f474eec2"]]);
|
|
252
273
|
export {
|
|
253
274
|
pDrawer as default
|
|
254
275
|
};
|
|
@@ -73,6 +73,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
73
73
|
size: _ctx.size
|
|
74
74
|
}, _ctx.$attrs, {
|
|
75
75
|
role: "searchbox",
|
|
76
|
+
rounded: "",
|
|
76
77
|
onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.showEnterIconOnFocus = true),
|
|
77
78
|
onFocusout: _cache[3] || (_cache[3] = ($event) => _ctx.showEnterIconOnFocus = false),
|
|
78
79
|
onKeydown: withKeys(_ctx.keydownEnter, ["enter"])
|
|
@@ -105,7 +106,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
105
106
|
_: 1
|
|
106
107
|
}, 16, ["modelValue", "size", "onKeydown"]);
|
|
107
108
|
}
|
|
108
|
-
const PInputSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
109
|
+
const PInputSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7a1e1e82"]]);
|
|
109
110
|
export {
|
|
110
111
|
PInputSearch as default
|
|
111
112
|
};
|
package/dist/es/p-input.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import PInfoIcon from "./p-info-icon.js";
|
|
2
2
|
import PTableFilterIcon from "./p-table-filter-icon.js";
|
|
3
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createBlock, createCommentVNode, createVNode } from "vue";
|
|
3
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, createVNode } from "vue";
|
|
4
4
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
-
const DEFAULT_CLASSES = `text-xs leading-5 font-
|
|
5
|
+
const DEFAULT_CLASSES = `text-xs leading-5 font-semibold truncate shrink`;
|
|
6
6
|
const _sfc_main = defineComponent({
|
|
7
7
|
name: "PTableHeaderCell",
|
|
8
8
|
components: {
|
|
@@ -29,6 +29,10 @@ const _sfc_main = defineComponent({
|
|
|
29
29
|
tooltipText: {
|
|
30
30
|
type: String,
|
|
31
31
|
default: ""
|
|
32
|
+
},
|
|
33
|
+
textColor: {
|
|
34
|
+
type: String,
|
|
35
|
+
default: ""
|
|
32
36
|
}
|
|
33
37
|
},
|
|
34
38
|
emits: ["click-filter-icon"],
|
|
@@ -36,6 +40,19 @@ const _sfc_main = defineComponent({
|
|
|
36
40
|
return {
|
|
37
41
|
DEFAULT_CLASSES
|
|
38
42
|
};
|
|
43
|
+
},
|
|
44
|
+
computed: {
|
|
45
|
+
textColorClass() {
|
|
46
|
+
return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
|
|
47
|
+
},
|
|
48
|
+
style() {
|
|
49
|
+
if (this.filterActive) {
|
|
50
|
+
return {};
|
|
51
|
+
}
|
|
52
|
+
return {
|
|
53
|
+
color: this.textColor
|
|
54
|
+
};
|
|
55
|
+
}
|
|
39
56
|
}
|
|
40
57
|
});
|
|
41
58
|
const _hoisted_1 = { class: "flex items-center overflow-hidden" };
|
|
@@ -49,14 +66,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
49
66
|
const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
|
|
50
67
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
51
68
|
createElementVNode("div", {
|
|
52
|
-
class: normalizeClass([
|
|
53
|
-
|
|
54
|
-
_ctx.textClass,
|
|
55
|
-
_ctx.filterActive ? "text-active-blue" : "text-p-purple-60",
|
|
56
|
-
{ "mr-auto": !_ctx.tooltipText }
|
|
57
|
-
]),
|
|
69
|
+
class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
|
|
70
|
+
style: normalizeStyle(_ctx.style),
|
|
58
71
|
title: _ctx.text
|
|
59
|
-
}, toDisplayString(_ctx.text),
|
|
72
|
+
}, toDisplayString(_ctx.text), 15, _hoisted_2),
|
|
60
73
|
_ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
61
74
|
_ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
|
|
62
75
|
key: 0,
|
package/dist/es/p-table-td.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, inject, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, unref, createCommentVNode, pushScopeId, popScopeId } from "vue";
|
|
2
2
|
import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
|
|
3
3
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
4
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
4
|
+
const _withScopeId = (n) => (pushScopeId("data-v-09e6d191"), n = n(), popScopeId(), n);
|
|
5
5
|
const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "dropdown-anchor" }, null, -1));
|
|
6
6
|
const _hoisted_2 = {
|
|
7
7
|
key: 0,
|
|
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
const tdClass = computed(() => {
|
|
29
29
|
const res = [
|
|
30
30
|
// Common classes for all cells
|
|
31
|
-
"p-0 h-full text-sm"
|
|
31
|
+
"p-0 h-full font-normal text-p-gray-60 text-sm "
|
|
32
32
|
];
|
|
33
33
|
if (props.isEditable) {
|
|
34
34
|
res.push("cursor-pointer");
|
|
@@ -39,17 +39,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
39
39
|
} else if (isLastColFixed.value && isLastCol.value) {
|
|
40
40
|
res.push("td-col-fixed-border-b", "last:sticky last:right-0 last:z-10");
|
|
41
41
|
} else {
|
|
42
|
-
res.push("border-b border-p-gray-30");
|
|
42
|
+
res.push("border-b border-p-gray-30 border-r border-r-p-blue-10");
|
|
43
43
|
}
|
|
44
44
|
if (props.isSelected) {
|
|
45
45
|
res.push("bg-p-blue-15 group-hover/row:bg-p-blue-15");
|
|
46
46
|
} else {
|
|
47
|
-
res.push("bg-white group-hover/row:bg-p-
|
|
47
|
+
res.push("bg-white group-hover/row:bg-p-gray-10");
|
|
48
48
|
}
|
|
49
49
|
return res;
|
|
50
50
|
});
|
|
51
51
|
const innerDivClass = computed(() => {
|
|
52
|
-
const res = [
|
|
52
|
+
const res = [];
|
|
53
53
|
const currentColIsFirstColFixed = isFirstColFixed.value && isFirstCol.value;
|
|
54
54
|
const currentColIsLastColFixed = isLastColFixed.value && isLastCol.value;
|
|
55
55
|
if (!currentColIsFirstColFixed && !currentColIsLastColFixed) {
|
|
@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
const pTableTd = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
86
|
+
const pTableTd = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09e6d191"]]);
|
|
87
87
|
export {
|
|
88
88
|
pTableTd as default
|
|
89
89
|
};
|
package/dist/es/p-toggle.js
CHANGED
|
@@ -2,7 +2,7 @@ import inputClassesMixin from "./inputClassesMixin.js";
|
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, mergeProps, renderSlot, toDisplayString, createCommentVNode, withDirectives, vShow } from "vue";
|
|
3
3
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
4
4
|
const TOGGLE_SIZES = {
|
|
5
|
-
sm: `w-
|
|
5
|
+
sm: `w-7 h-4 after:top-[2px] after:left-[2px] after:h-3 after:w-3`,
|
|
6
6
|
md: `w-11 h-6 after:top-[2px] after:left-[2px] after:h-5 after:w-5`,
|
|
7
7
|
lg: `w-[52px] h-7 after:top-0.5 after:left-[2px] after:h-6 after:w-6`
|
|
8
8
|
};
|
|
@@ -109,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
109
109
|
])
|
|
110
110
|
], 14, _hoisted_1);
|
|
111
111
|
}
|
|
112
|
-
const pToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
112
|
+
const pToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3a6de4eb"]]);
|
|
113
113
|
export {
|
|
114
114
|
pToggle as default
|
|
115
115
|
};
|
|
@@ -5,16 +5,17 @@ const defaults = {
|
|
|
5
5
|
errorMsg: ref(""),
|
|
6
6
|
required: ref(false),
|
|
7
7
|
prefix: ref(false),
|
|
8
|
-
suffix: ref(false)
|
|
8
|
+
suffix: ref(false),
|
|
9
|
+
rounded: ref(false)
|
|
9
10
|
};
|
|
10
11
|
function useInputClasses(props) {
|
|
11
12
|
const opts = { ...defaults, ...toRefs(props) };
|
|
12
|
-
const { size, errorMsg, required, prefix, suffix } = opts;
|
|
13
|
+
const { size, errorMsg, required, rounded, prefix, suffix } = opts;
|
|
13
14
|
const inputClasses = computed(() => {
|
|
14
15
|
const base = `${INPUT_BASE} ${INPUT_SIZES[size.value]}`;
|
|
15
16
|
const spacingLeft = prefix.value ? SPACING_PREFIX[size.value] : SPACING_LEFT[size.value];
|
|
16
17
|
const spacingRight = suffix.value ? SPACING_SUFFIX[size.value] : SPACING_RIGHT[size.value];
|
|
17
|
-
const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? INPUT_ERROR : INPUT_NORMAL}`;
|
|
18
|
+
const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? INPUT_ERROR : INPUT_NORMAL}${rounded.value ? " rounded-full" : ""}`;
|
|
18
19
|
return res;
|
|
19
20
|
});
|
|
20
21
|
const labelClasses = computed(() => {
|
|
@@ -56,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
56
|
type: BooleanConstructor;
|
|
57
57
|
default: boolean;
|
|
58
58
|
};
|
|
59
|
+
rounded: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
59
63
|
}, unknown, {
|
|
60
64
|
errorMsgClasses: string;
|
|
61
65
|
}, {
|
|
@@ -77,8 +81,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
77
81
|
type: BooleanConstructor;
|
|
78
82
|
default: boolean;
|
|
79
83
|
};
|
|
84
|
+
rounded: {
|
|
85
|
+
type: BooleanConstructor;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
80
88
|
}>>, {
|
|
81
89
|
size: "sm" | "lg" | "md";
|
|
90
|
+
rounded: boolean;
|
|
82
91
|
required: boolean;
|
|
83
92
|
errorMsg: string;
|
|
84
93
|
}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -59,6 +59,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
59
59
|
type: BooleanConstructor;
|
|
60
60
|
default: boolean;
|
|
61
61
|
};
|
|
62
|
+
width: {
|
|
63
|
+
type: StringConstructor;
|
|
64
|
+
default: string;
|
|
65
|
+
validator: (value: string) => boolean;
|
|
66
|
+
};
|
|
62
67
|
}, unknown, {
|
|
63
68
|
id: string | null;
|
|
64
69
|
show: boolean;
|
|
@@ -66,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
71
|
}, {
|
|
67
72
|
transitionInClass(): "slideInRight" | "slideInLeft";
|
|
68
73
|
transitionOutClass(): "slideOutRight" | "slideOutLeft";
|
|
74
|
+
animationDuration(): string;
|
|
69
75
|
}, {
|
|
70
76
|
close(): void;
|
|
71
77
|
beforeOpen(): void;
|
|
@@ -135,6 +141,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
135
141
|
type: BooleanConstructor;
|
|
136
142
|
default: boolean;
|
|
137
143
|
};
|
|
144
|
+
width: {
|
|
145
|
+
type: StringConstructor;
|
|
146
|
+
default: string;
|
|
147
|
+
validator: (value: string) => boolean;
|
|
148
|
+
};
|
|
138
149
|
}>> & {
|
|
139
150
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
140
151
|
"onBefore-open"?: ((...args: any[]) => any) | undefined;
|
|
@@ -145,6 +156,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
145
156
|
onClosed?: ((...args: any[]) => any) | undefined;
|
|
146
157
|
}, {
|
|
147
158
|
zIndex: number;
|
|
159
|
+
width: string;
|
|
148
160
|
title: string;
|
|
149
161
|
disabled: boolean;
|
|
150
162
|
position: string;
|
|
@@ -64,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
64
64
|
type: BooleanConstructor;
|
|
65
65
|
default: boolean;
|
|
66
66
|
};
|
|
67
|
+
rounded: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
67
71
|
}, unknown, {
|
|
68
72
|
errorMsgClasses: string;
|
|
69
73
|
}, {
|
|
@@ -85,8 +89,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
85
89
|
type: BooleanConstructor;
|
|
86
90
|
default: boolean;
|
|
87
91
|
};
|
|
92
|
+
rounded: {
|
|
93
|
+
type: BooleanConstructor;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
88
96
|
}>>, {
|
|
89
97
|
size: "sm" | "lg" | "md";
|
|
98
|
+
rounded: boolean;
|
|
90
99
|
required: boolean;
|
|
91
100
|
errorMsg: string;
|
|
92
101
|
}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
27
|
type: BooleanConstructor;
|
|
28
28
|
default: boolean;
|
|
29
29
|
};
|
|
30
|
+
rounded: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
30
34
|
}, unknown, unknown, {
|
|
31
35
|
attrs(): {
|
|
32
36
|
[x: string]: unknown;
|
|
@@ -46,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
50
|
type: BooleanConstructor;
|
|
47
51
|
default: boolean;
|
|
48
52
|
};
|
|
53
|
+
rounded: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
49
57
|
}, unknown, {
|
|
50
58
|
errorMsgClasses: string;
|
|
51
59
|
}, {
|
|
@@ -67,8 +75,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
75
|
type: BooleanConstructor;
|
|
68
76
|
default: boolean;
|
|
69
77
|
};
|
|
78
|
+
rounded: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
default: boolean;
|
|
81
|
+
};
|
|
70
82
|
}>>, {
|
|
71
83
|
size: "sm" | "lg" | "md";
|
|
84
|
+
rounded: boolean;
|
|
72
85
|
required: boolean;
|
|
73
86
|
errorMsg: string;
|
|
74
87
|
}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -93,11 +106,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
93
106
|
type: BooleanConstructor;
|
|
94
107
|
default: boolean;
|
|
95
108
|
};
|
|
109
|
+
rounded: {
|
|
110
|
+
type: BooleanConstructor;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
96
113
|
}>> & {
|
|
97
114
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
98
115
|
}, {
|
|
99
116
|
type: string;
|
|
100
117
|
label: string;
|
|
118
|
+
rounded: boolean;
|
|
101
119
|
required: boolean;
|
|
102
120
|
modelValue: string | number;
|
|
103
121
|
errorMsg: string;
|
|
@@ -45,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
45
|
type: BooleanConstructor;
|
|
46
46
|
default: boolean;
|
|
47
47
|
};
|
|
48
|
+
rounded: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
48
52
|
}, unknown, {
|
|
49
53
|
errorMsgClasses: string;
|
|
50
54
|
}, {
|
|
@@ -66,8 +70,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
70
|
type: BooleanConstructor;
|
|
67
71
|
default: boolean;
|
|
68
72
|
};
|
|
73
|
+
rounded: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
69
77
|
}>>, {
|
|
70
78
|
size: "sm" | "lg" | "md";
|
|
79
|
+
rounded: boolean;
|
|
71
80
|
required: boolean;
|
|
72
81
|
errorMsg: string;
|
|
73
82
|
}, {}>, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -5,6 +5,7 @@ type Props = {
|
|
|
5
5
|
isFirstColFixed?: boolean;
|
|
6
6
|
isLastColFixed?: boolean;
|
|
7
7
|
lockScroll?: boolean;
|
|
8
|
+
subheader?: boolean;
|
|
8
9
|
virtualizer?: {
|
|
9
10
|
paddingTop: number;
|
|
10
11
|
paddingBottom: number;
|
|
@@ -15,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
15
16
|
isFirstColFixed: boolean;
|
|
16
17
|
isLastColFixed: boolean;
|
|
17
18
|
lockScroll: boolean;
|
|
19
|
+
subheader: boolean;
|
|
18
20
|
virtualizer: () => {
|
|
19
21
|
paddingTop: number;
|
|
20
22
|
paddingBottom: number;
|
|
@@ -28,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
28
30
|
isFirstColFixed: boolean;
|
|
29
31
|
isLastColFixed: boolean;
|
|
30
32
|
lockScroll: boolean;
|
|
33
|
+
subheader: boolean;
|
|
31
34
|
virtualizer: () => {
|
|
32
35
|
paddingTop: number;
|
|
33
36
|
paddingBottom: number;
|
|
@@ -41,13 +44,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
41
44
|
isLastColFixed: boolean;
|
|
42
45
|
colsResizable: boolean;
|
|
43
46
|
lockScroll: boolean;
|
|
47
|
+
subheader: boolean;
|
|
44
48
|
virtualizer: {
|
|
45
49
|
paddingTop: number;
|
|
46
50
|
paddingBottom: number;
|
|
47
51
|
};
|
|
48
52
|
}, {}>, Partial<Record<`prepend-header-cell-${string}`, (_: {
|
|
49
53
|
col: TableCol;
|
|
50
|
-
}) => any>> & {
|
|
54
|
+
}) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
|
|
51
55
|
default?(_: {}): any;
|
|
52
56
|
}>;
|
|
53
57
|
export default _default;
|
|
@@ -19,9 +19,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: StringConstructor;
|
|
20
20
|
default: string;
|
|
21
21
|
};
|
|
22
|
+
textColor: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
22
26
|
}, unknown, {
|
|
23
27
|
DEFAULT_CLASSES: string;
|
|
24
|
-
}, {
|
|
28
|
+
}, {
|
|
29
|
+
textColorClass(): "" | "text-active-blue" | "text-p-gray-60";
|
|
30
|
+
style(): {
|
|
31
|
+
color?: undefined;
|
|
32
|
+
} | {
|
|
33
|
+
color: string;
|
|
34
|
+
};
|
|
35
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-filter-icon"[], "click-filter-icon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
36
|
text: {
|
|
26
37
|
type: StringConstructor;
|
|
27
38
|
default: string;
|
|
@@ -42,9 +53,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
53
|
type: StringConstructor;
|
|
43
54
|
default: string;
|
|
44
55
|
};
|
|
56
|
+
textColor: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
45
60
|
}>> & {
|
|
46
61
|
"onClick-filter-icon"?: ((...args: any[]) => any) | undefined;
|
|
47
62
|
}, {
|
|
63
|
+
textColor: string;
|
|
48
64
|
text: string;
|
|
49
65
|
tooltipText: string;
|
|
50
66
|
textClass: string | Record<string, any> | unknown[];
|
|
@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
type: StringConstructor;
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
|
+
withSubheader: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
18
22
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
23
|
rows: {
|
|
20
24
|
type: (StringConstructor | NumberConstructor)[];
|
|
@@ -32,10 +36,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
32
36
|
type: StringConstructor;
|
|
33
37
|
default: string;
|
|
34
38
|
};
|
|
39
|
+
withSubheader: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
35
43
|
}>>, {
|
|
36
44
|
columns: string | number;
|
|
37
45
|
rows: string | number;
|
|
38
46
|
tdClasses: string;
|
|
39
47
|
tdSkeletonClasses: string;
|
|
48
|
+
withSubheader: boolean;
|
|
40
49
|
}, {}>;
|
|
41
50
|
export default _default;
|
|
@@ -37,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
37
|
type: BooleanConstructor;
|
|
38
38
|
default: boolean;
|
|
39
39
|
};
|
|
40
|
+
rounded: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
40
44
|
}, unknown, {
|
|
41
45
|
errorMsgClasses: string;
|
|
42
46
|
}, {
|
|
@@ -58,8 +62,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
62
|
type: BooleanConstructor;
|
|
59
63
|
default: boolean;
|
|
60
64
|
};
|
|
65
|
+
rounded: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
61
69
|
}>>, {
|
|
62
70
|
size: "sm" | "lg" | "md";
|
|
71
|
+
rounded: boolean;
|
|
63
72
|
required: boolean;
|
|
64
73
|
errorMsg: string;
|
|
65
74
|
}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
type: BooleanConstructor;
|
|
40
40
|
default: boolean;
|
|
41
41
|
};
|
|
42
|
+
rounded: {
|
|
43
|
+
type: BooleanConstructor;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
42
46
|
}, unknown, {
|
|
43
47
|
errorMsgClasses: string;
|
|
44
48
|
}, {
|
|
@@ -60,8 +64,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
60
64
|
type: BooleanConstructor;
|
|
61
65
|
default: boolean;
|
|
62
66
|
};
|
|
67
|
+
rounded: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
63
71
|
}>>, {
|
|
64
72
|
size: "sm" | "lg" | "md";
|
|
73
|
+
rounded: boolean;
|
|
65
74
|
required: boolean;
|
|
66
75
|
errorMsg: string;
|
|
67
76
|
}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
type: BooleanConstructor;
|
|
15
15
|
default: boolean;
|
|
16
16
|
};
|
|
17
|
+
rounded: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
17
21
|
}, unknown, {
|
|
18
22
|
errorMsgClasses: string;
|
|
19
23
|
}, {
|
|
@@ -35,8 +39,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
39
|
type: BooleanConstructor;
|
|
36
40
|
default: boolean;
|
|
37
41
|
};
|
|
42
|
+
rounded: {
|
|
43
|
+
type: BooleanConstructor;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
38
46
|
}>>, {
|
|
39
47
|
size: "sm" | "lg" | "md";
|
|
48
|
+
rounded: boolean;
|
|
40
49
|
required: boolean;
|
|
41
50
|
errorMsg: string;
|
|
42
51
|
}, {}>;
|