sprintify-ui 0.0.66 → 0.0.68
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/sprintify-ui.es.js +2265 -2264
- package/dist/style.css +1 -1
- package/dist/types/src/components/BaseDataTable.vue.d.ts +7 -7
- package/dist/types/src/components/BaseDataTableToggleColumns.vue.d.ts +30 -2
- package/dist/types/src/components/BaseTable.vue.d.ts +24 -1
- package/dist/types/src/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/BaseDataTable.vue +5 -4
- package/src/components/BaseTable.vue +18 -8
- package/src/types/index.ts +1 -0
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-
|
|
1
|
+
@charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-861b8e6a]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:1;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}circle[data-v-e5ae83e3]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}/*!
|
|
2
2
|
* Pikaday
|
|
3
3
|
* Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
|
|
4
4
|
*/.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}[aria-label][role~=tooltip]{position:relative}[aria-label][role~=tooltip]:before,[aria-label][role~=tooltip]:after{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~=tooltip]:before{background-size:100% auto!important;content:""}[aria-label][role~=tooltip]:after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size, 13px);font-weight:var(--microtip-font-weight, normal);text-transform:var(--microtip-text-transform, none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}[aria-label][role~=tooltip]:hover:before,[aria-label][role~=tooltip]:hover:after,[aria-label][role~=tooltip]:focus:before,[aria-label][role~=tooltip]:focus:after{opacity:1;pointer-events:auto}[role~=tooltip][data-microtip-position|=top]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px}[role~=tooltip][data-microtip-position|=top]:after{margin-bottom:11px}[role~=tooltip][data-microtip-position|=top]:before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position|=top]:hover:before{transform:translate3d(-50%,-5px,0)}[role~=tooltip][data-microtip-position|=top]:after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position=top]:hover:after{transform:translate3d(-50%,-5px,0)}[role~=tooltip][data-microtip-position=top-left]:after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-left]:hover:after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~=tooltip][data-microtip-position=top-right]:after{transform:translate3d(calc(0% - 16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-right]:hover:after{transform:translate3d(calc(0% - 16px),-5px,0)}[role~=tooltip][data-microtip-position|=bottom]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}[role~=tooltip][data-microtip-position|=bottom]:after{margin-top:11px}[role~=tooltip][data-microtip-position|=bottom]:before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~=tooltip][data-microtip-position|=bottom]:hover:before{transform:translate3d(-50%,0,0)}[role~=tooltip][data-microtip-position|=bottom]:after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~=tooltip][data-microtip-position=bottom]:hover:after{transform:translate3d(-50%,0,0)}[role~=tooltip][data-microtip-position=bottom-left]:after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-left]:hover:after{transform:translate3d(calc(-100% + 16px),0,0)}[role~=tooltip][data-microtip-position=bottom-right]:after{transform:translate3d(calc(0% - 16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-right]:hover:after{transform:translate3d(calc(0% - 16px),0,0)}[role~=tooltip][data-microtip-position=left]:before,[role~=tooltip][data-microtip-position=left]:after{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~=tooltip][data-microtip-position=left]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~=tooltip][data-microtip-position=left]:after{margin-right:11px}[role~=tooltip][data-microtip-position=left]:hover:before,[role~=tooltip][data-microtip-position=left]:hover:after{transform:translate3d(0,-50%,0)}[role~=tooltip][data-microtip-position=right]:before,[role~=tooltip][data-microtip-position=right]:after{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~=tooltip][data-microtip-position=right]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~=tooltip][data-microtip-position=right]:after{margin-left:11px}[role~=tooltip][data-microtip-position=right]:hover:before,[role~=tooltip][data-microtip-position=right]:hover:after{transform:translate3d(0,-50%,0)}[role~=tooltip][data-microtip-size=small]:after{white-space:initial;width:80px}[role~=tooltip][data-microtip-size=medium]:after{white-space:initial;width:150px}[role~=tooltip][data-microtip-size=large]:after{white-space:initial;width:260px}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}[aria-label][role~=tooltip]:after{white-space:pre-line}
|
|
@@ -148,11 +148,11 @@ declare const _default: {
|
|
|
148
148
|
type: NumberConstructor;
|
|
149
149
|
};
|
|
150
150
|
}>> & {
|
|
151
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
152
151
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
153
152
|
onCheckAll?: ((...args: any[]) => any) | undefined;
|
|
154
153
|
"onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
|
|
155
154
|
onCheck?: ((...args: any[]) => any) | undefined;
|
|
155
|
+
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
156
156
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "detailed" | "checkable" | "checkableActions" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "maxHeight" | "editButton" | "editUrl" | "deleteButton" | "deleteUrl" | "toggleable">;
|
|
157
157
|
$attrs: {
|
|
158
158
|
[x: string]: unknown;
|
|
@@ -165,7 +165,7 @@ declare const _default: {
|
|
|
165
165
|
}>;
|
|
166
166
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
|
|
167
167
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
|
|
168
|
-
$emit: (event: "
|
|
168
|
+
$emit: (event: "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", ...args: any[]) => void;
|
|
169
169
|
$el: any;
|
|
170
170
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
171
171
|
/**
|
|
@@ -293,15 +293,15 @@ declare const _default: {
|
|
|
293
293
|
type: NumberConstructor;
|
|
294
294
|
};
|
|
295
295
|
}>> & {
|
|
296
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
297
296
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
298
297
|
onCheckAll?: ((...args: any[]) => any) | undefined;
|
|
299
298
|
"onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
|
|
300
299
|
onCheck?: ((...args: any[]) => any) | undefined;
|
|
300
|
+
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
301
301
|
}, {
|
|
302
302
|
fetch: () => void;
|
|
303
303
|
query: import("vue").ComputedRef<DataTableQuery | null>;
|
|
304
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
304
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], string, {
|
|
305
305
|
actions: MenuItemInterface[];
|
|
306
306
|
urlQuery: Record<string, any>;
|
|
307
307
|
defaultQuery: DataTableQuery;
|
|
@@ -465,11 +465,11 @@ declare const _default: {
|
|
|
465
465
|
type: NumberConstructor;
|
|
466
466
|
};
|
|
467
467
|
}>> & {
|
|
468
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
469
468
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
470
469
|
onCheckAll?: ((...args: any[]) => any) | undefined;
|
|
471
470
|
"onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
|
|
472
471
|
onCheck?: ((...args: any[]) => any) | undefined;
|
|
472
|
+
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
473
473
|
} & import("vue").ShallowUnwrapRef<{
|
|
474
474
|
fetch: () => void;
|
|
475
475
|
query: import("vue").ComputedRef<DataTableQuery | null>;
|
|
@@ -603,15 +603,15 @@ declare const _default: {
|
|
|
603
603
|
type: NumberConstructor;
|
|
604
604
|
};
|
|
605
605
|
}>> & {
|
|
606
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
607
606
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
608
607
|
onCheckAll?: ((...args: any[]) => any) | undefined;
|
|
609
608
|
"onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
|
|
610
609
|
onCheck?: ((...args: any[]) => any) | undefined;
|
|
610
|
+
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
611
611
|
}, {
|
|
612
612
|
fetch: () => void;
|
|
613
613
|
query: import("vue").ComputedRef<DataTableQuery | null>;
|
|
614
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
614
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", {
|
|
615
615
|
actions: MenuItemInterface[];
|
|
616
616
|
urlQuery: Record<string, any>;
|
|
617
617
|
defaultQuery: DataTableQuery;
|
|
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
12
|
sortDirection: string;
|
|
13
13
|
visibleColumns: number[];
|
|
14
14
|
detailed: boolean;
|
|
15
|
+
clickable: boolean;
|
|
15
16
|
checkable: boolean;
|
|
16
17
|
checkableActions: import("../types").MenuItemInterface[];
|
|
17
18
|
checkboxPosition: "left" | "right";
|
|
@@ -38,6 +39,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
39
|
default: boolean;
|
|
39
40
|
type: BooleanConstructor;
|
|
40
41
|
};
|
|
42
|
+
clickable: {
|
|
43
|
+
default: boolean;
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
};
|
|
41
46
|
checkable: {
|
|
42
47
|
default: boolean;
|
|
43
48
|
type: BooleanConstructor;
|
|
@@ -91,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
96
|
"onDetails-close"?: ((...args: any[]) => any) | undefined;
|
|
92
97
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
93
98
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
94
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
99
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
95
100
|
$attrs: {
|
|
96
101
|
[x: string]: unknown;
|
|
97
102
|
};
|
|
@@ -122,6 +127,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
122
127
|
default: boolean;
|
|
123
128
|
type: BooleanConstructor;
|
|
124
129
|
};
|
|
130
|
+
clickable: {
|
|
131
|
+
default: boolean;
|
|
132
|
+
type: BooleanConstructor;
|
|
133
|
+
};
|
|
125
134
|
checkable: {
|
|
126
135
|
default: boolean;
|
|
127
136
|
type: BooleanConstructor;
|
|
@@ -184,6 +193,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
184
193
|
sortDirection: string;
|
|
185
194
|
visibleColumns: number[];
|
|
186
195
|
detailed: boolean;
|
|
196
|
+
clickable: boolean;
|
|
187
197
|
checkable: boolean;
|
|
188
198
|
checkableActions: import("../types").MenuItemInterface[];
|
|
189
199
|
checkboxPosition: "left" | "right";
|
|
@@ -230,6 +240,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
230
240
|
default: boolean;
|
|
231
241
|
type: BooleanConstructor;
|
|
232
242
|
};
|
|
243
|
+
clickable: {
|
|
244
|
+
default: boolean;
|
|
245
|
+
type: BooleanConstructor;
|
|
246
|
+
};
|
|
233
247
|
checkable: {
|
|
234
248
|
default: boolean;
|
|
235
249
|
type: BooleanConstructor;
|
|
@@ -319,6 +333,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
319
333
|
sortDirection: string;
|
|
320
334
|
visibleColumns: number[];
|
|
321
335
|
detailed: boolean;
|
|
336
|
+
clickable: boolean;
|
|
322
337
|
checkable: boolean;
|
|
323
338
|
checkableActions: import("../types").MenuItemInterface[];
|
|
324
339
|
checkboxPosition: "left" | "right";
|
|
@@ -345,6 +360,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
345
360
|
default: boolean;
|
|
346
361
|
type: BooleanConstructor;
|
|
347
362
|
};
|
|
363
|
+
clickable: {
|
|
364
|
+
default: boolean;
|
|
365
|
+
type: BooleanConstructor;
|
|
366
|
+
};
|
|
348
367
|
checkable: {
|
|
349
368
|
default: boolean;
|
|
350
369
|
type: BooleanConstructor;
|
|
@@ -398,7 +417,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
398
417
|
"onDetails-close"?: ((...args: any[]) => any) | undefined;
|
|
399
418
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
400
419
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
401
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
420
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
402
421
|
$attrs: {
|
|
403
422
|
[x: string]: unknown;
|
|
404
423
|
};
|
|
@@ -429,6 +448,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
429
448
|
default: boolean;
|
|
430
449
|
type: BooleanConstructor;
|
|
431
450
|
};
|
|
451
|
+
clickable: {
|
|
452
|
+
default: boolean;
|
|
453
|
+
type: BooleanConstructor;
|
|
454
|
+
};
|
|
432
455
|
checkable: {
|
|
433
456
|
default: boolean;
|
|
434
457
|
type: BooleanConstructor;
|
|
@@ -491,6 +514,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
491
514
|
sortDirection: string;
|
|
492
515
|
visibleColumns: number[];
|
|
493
516
|
detailed: boolean;
|
|
517
|
+
clickable: boolean;
|
|
494
518
|
checkable: boolean;
|
|
495
519
|
checkableActions: import("../types").MenuItemInterface[];
|
|
496
520
|
checkboxPosition: "left" | "right";
|
|
@@ -537,6 +561,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
537
561
|
default: boolean;
|
|
538
562
|
type: BooleanConstructor;
|
|
539
563
|
};
|
|
564
|
+
clickable: {
|
|
565
|
+
default: boolean;
|
|
566
|
+
type: BooleanConstructor;
|
|
567
|
+
};
|
|
540
568
|
checkable: {
|
|
541
569
|
default: boolean;
|
|
542
570
|
type: BooleanConstructor;
|
|
@@ -11,6 +11,7 @@ declare const _default: {
|
|
|
11
11
|
sortDirection: string;
|
|
12
12
|
visibleColumns: number[];
|
|
13
13
|
detailed: boolean;
|
|
14
|
+
clickable: boolean;
|
|
14
15
|
checkable: boolean;
|
|
15
16
|
checkableActions: MenuItemInterface[];
|
|
16
17
|
checkboxPosition: "left" | "right";
|
|
@@ -40,6 +41,11 @@ declare const _default: {
|
|
|
40
41
|
default: boolean;
|
|
41
42
|
type: BooleanConstructor;
|
|
42
43
|
};
|
|
44
|
+
/** Allow click action */
|
|
45
|
+
clickable: {
|
|
46
|
+
default: boolean;
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
};
|
|
43
49
|
/** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
|
|
44
50
|
checkable: {
|
|
45
51
|
default: boolean;
|
|
@@ -108,7 +114,7 @@ declare const _default: {
|
|
|
108
114
|
"onDetails-close"?: ((...args: any[]) => any) | undefined;
|
|
109
115
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
110
116
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
111
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
117
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "clickable" | "checkable" | "checkableActions" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
112
118
|
$attrs: {
|
|
113
119
|
[x: string]: unknown;
|
|
114
120
|
};
|
|
@@ -142,6 +148,11 @@ declare const _default: {
|
|
|
142
148
|
default: boolean;
|
|
143
149
|
type: BooleanConstructor;
|
|
144
150
|
};
|
|
151
|
+
/** Allow click action */
|
|
152
|
+
clickable: {
|
|
153
|
+
default: boolean;
|
|
154
|
+
type: BooleanConstructor;
|
|
155
|
+
};
|
|
145
156
|
/** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
|
|
146
157
|
checkable: {
|
|
147
158
|
default: boolean;
|
|
@@ -219,6 +230,7 @@ declare const _default: {
|
|
|
219
230
|
sortDirection: string;
|
|
220
231
|
visibleColumns: number[];
|
|
221
232
|
detailed: boolean;
|
|
233
|
+
clickable: boolean;
|
|
222
234
|
checkable: boolean;
|
|
223
235
|
checkableActions: MenuItemInterface[];
|
|
224
236
|
checkboxPosition: "left" | "right";
|
|
@@ -268,6 +280,11 @@ declare const _default: {
|
|
|
268
280
|
default: boolean;
|
|
269
281
|
type: BooleanConstructor;
|
|
270
282
|
};
|
|
283
|
+
/** Allow click action */
|
|
284
|
+
clickable: {
|
|
285
|
+
default: boolean;
|
|
286
|
+
type: BooleanConstructor;
|
|
287
|
+
};
|
|
271
288
|
/** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
|
|
272
289
|
checkable: {
|
|
273
290
|
default: boolean;
|
|
@@ -362,6 +379,11 @@ declare const _default: {
|
|
|
362
379
|
default: boolean;
|
|
363
380
|
type: BooleanConstructor;
|
|
364
381
|
};
|
|
382
|
+
/** Allow click action */
|
|
383
|
+
clickable: {
|
|
384
|
+
default: boolean;
|
|
385
|
+
type: BooleanConstructor;
|
|
386
|
+
};
|
|
365
387
|
/** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
|
|
366
388
|
checkable: {
|
|
367
389
|
default: boolean;
|
|
@@ -439,6 +461,7 @@ declare const _default: {
|
|
|
439
461
|
sortDirection: string;
|
|
440
462
|
visibleColumns: number[];
|
|
441
463
|
detailed: boolean;
|
|
464
|
+
clickable: boolean;
|
|
442
465
|
checkable: boolean;
|
|
443
466
|
checkableActions: MenuItemInterface[];
|
|
444
467
|
checkboxPosition: "left" | "right";
|
package/package.json
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
@check="$emit('check', $event)"
|
|
40
40
|
@update:checked-rows="$emit('update:checked-rows', $event)"
|
|
41
41
|
@check-all="$emit('checkAll', $event)"
|
|
42
|
-
@click="
|
|
42
|
+
@cell-click="onCellClick"
|
|
43
43
|
>
|
|
44
44
|
<template #default>
|
|
45
45
|
<slot />
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
v-slot="{ row }"
|
|
49
49
|
:visible="editButton || deleteButton || $slots.rowActions != null"
|
|
50
50
|
:toggle="false"
|
|
51
|
+
:clickable="false"
|
|
51
52
|
custom-key="actions"
|
|
52
53
|
>
|
|
53
54
|
<div class="flex justify-end text-right">
|
|
@@ -335,7 +336,7 @@ const props = defineProps({
|
|
|
335
336
|
});
|
|
336
337
|
|
|
337
338
|
const emit = defineEmits([
|
|
338
|
-
'click',
|
|
339
|
+
'cell-click',
|
|
339
340
|
'delete',
|
|
340
341
|
'checkAll',
|
|
341
342
|
'update:checked-rows',
|
|
@@ -352,8 +353,8 @@ const dataIterator = ref(null) as Ref<null | InstanceType<
|
|
|
352
353
|
|--------------------------------------------------------------------------
|
|
353
354
|
*/
|
|
354
355
|
|
|
355
|
-
function
|
|
356
|
-
emit('click', payload);
|
|
356
|
+
function onCellClick(payload: CollectionItem) {
|
|
357
|
+
emit('cell-click', payload);
|
|
357
358
|
}
|
|
358
359
|
|
|
359
360
|
/*
|
|
@@ -193,14 +193,7 @@
|
|
|
193
193
|
:data-label="column.label"
|
|
194
194
|
:props="{ row, column, index, colindex, toggleDetails }"
|
|
195
195
|
@click="
|
|
196
|
-
$
|
|
197
|
-
'cell-click',
|
|
198
|
-
row,
|
|
199
|
-
column,
|
|
200
|
-
index,
|
|
201
|
-
colindex,
|
|
202
|
-
$event
|
|
203
|
-
)
|
|
196
|
+
onColumnClick(row, column, index, colindex, $event)
|
|
204
197
|
"
|
|
205
198
|
/>
|
|
206
199
|
|
|
@@ -311,6 +304,11 @@ const props = defineProps({
|
|
|
311
304
|
default: false,
|
|
312
305
|
type: Boolean,
|
|
313
306
|
},
|
|
307
|
+
/** Allow click action */
|
|
308
|
+
clickable: {
|
|
309
|
+
default: true,
|
|
310
|
+
type: Boolean,
|
|
311
|
+
},
|
|
314
312
|
/** Rows can be checked (multiple), checked rows will have a .is-checked class if you want to style */
|
|
315
313
|
checkable: {
|
|
316
314
|
default: false,
|
|
@@ -771,6 +769,18 @@ function borderBottomDetailClasses(index: number): string {
|
|
|
771
769
|
return '';
|
|
772
770
|
}
|
|
773
771
|
|
|
772
|
+
function onColumnClick(
|
|
773
|
+
row: Row,
|
|
774
|
+
column: BaseTableColumn,
|
|
775
|
+
index: number,
|
|
776
|
+
colindex: number,
|
|
777
|
+
event: MouseEvent
|
|
778
|
+
) {
|
|
779
|
+
if (column.clickable) {
|
|
780
|
+
emit('cell-click', row, column, index, colindex, event);
|
|
781
|
+
}
|
|
782
|
+
}
|
|
783
|
+
|
|
774
784
|
function nextSequence() {
|
|
775
785
|
return sequence.value++;
|
|
776
786
|
}
|