v-sistec-features 1.9.1 → 1.9.3
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/v-sistec-features.css +1 -1
- package/dist/vDataTable.d.ts +3 -0
- package/dist/vDataTable.js +241 -232
- package/package.json +1 -1
- package/src/DatatableVue/components/SearchDatatable.vue +9 -4
- package/src/DatatableVue/components/VDataTable.vue +7 -2
- package/src/DatatableVue/keys.ts +1 -0
- package/src/DatatableVue/types/v-data-table.ts +3 -0
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
* Copyright 2018-2025 The Tabler Authors
|
|
9
9
|
* Copyright 2018-2025 codecalm.net Paweł Kuna
|
|
10
10
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
|
11
|
-
*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.rotate-180[data-v-785126fa] svg{transform:rotate(180deg)}.page-select[data-v-785126fa]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-785126fa]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-785126fa]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-785126fa]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-785126fa] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-785126fa] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-785126fa]{margin:0!important;padding:0!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.scroll-finish-style[data-v-77d6f2cb]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.inputClose[data-v-dc655be7]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-dc655be7]:hover{cursor:pointer}.selected[data-v-dc655be7]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-7d2b5197]{overflow-x:auto}.state-feedback[data-v-7d2b5197]{padding:1rem;text-align:center}.state-feedback.error[data-v-7d2b5197]{color:red}.pagination-controls[data-v-7d2b5197]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-7d2b5197]{width:40px;height:40px;border-radius:4px}.container-img[data-v-7d2b5197]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-7d2b5197]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-7d2b5197]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-7d2b5197]{cursor:pointer}.container-img.container-img-preview[data-v-7d2b5197]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-7d2b5197]{opacity:.3}.erro-custom-container[data-v-7d2b5197]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-7d2b5197]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-7d2b5197]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-7d2b5197]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-7d2b5197]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-7d2b5197]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-7d2b5197]{border-color:#ffffff5f!important}.ghost-item[data-v-7d2b5197]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-7d2b5197]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-7d2b5197]{cursor:grab}.column-move-move[data-v-7d2b5197]{transition:transform .4s ease}.column-move-enter-active[data-v-7d2b5197],.column-move-leave-active[data-v-7d2b5197]{transition:all .4s ease}.header-ordering[data-v-7d2b5197]{display:flex;justify-content:space-between}
|
|
11
|
+
*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.rotate-180[data-v-785126fa] svg{transform:rotate(180deg)}.page-select[data-v-785126fa]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-785126fa]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-785126fa]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-785126fa]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-785126fa] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-785126fa] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-785126fa]{margin:0!important;padding:0!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.scroll-finish-style[data-v-77d6f2cb]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.inputClose[data-v-5bb59b4b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-5bb59b4b]:hover{cursor:pointer}.selected[data-v-5bb59b4b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-1f716b02]{overflow-x:auto}.state-feedback[data-v-1f716b02]{padding:1rem;text-align:center}.state-feedback.error[data-v-1f716b02]{color:red}.pagination-controls[data-v-1f716b02]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-1f716b02]{width:40px;height:40px;border-radius:4px}.container-img[data-v-1f716b02]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-1f716b02]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-1f716b02]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-1f716b02]{cursor:pointer}.container-img.container-img-preview[data-v-1f716b02]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-1f716b02]{opacity:.3}.erro-custom-container[data-v-1f716b02]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-1f716b02]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-1f716b02]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-1f716b02]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-1f716b02]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-1f716b02]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-1f716b02]{border-color:#ffffff5f!important}.ghost-item[data-v-1f716b02]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-1f716b02]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-1f716b02]{cursor:grab}.column-move-move[data-v-1f716b02]{transition:transform .4s ease}.column-move-enter-active[data-v-1f716b02],.column-move-leave-active[data-v-1f716b02]{transition:all .4s ease}.header-ordering[data-v-1f716b02]{display:flex;justify-content:space-between}
|
package/dist/vDataTable.d.ts
CHANGED
|
@@ -148,6 +148,7 @@ declare interface VDataTableProps {
|
|
|
148
148
|
class_container?: string;
|
|
149
149
|
class_pagination?: string;
|
|
150
150
|
class_filters?: string;
|
|
151
|
+
class_page_size?: string;
|
|
151
152
|
min_loading_delay?: number;
|
|
152
153
|
retry_attempts?: number;
|
|
153
154
|
retry_delay?: number;
|
|
@@ -157,6 +158,8 @@ declare interface VDataTableProps {
|
|
|
157
158
|
page_starts_at?: number;
|
|
158
159
|
deactivate_selected_info?: boolean;
|
|
159
160
|
immediate?: boolean;
|
|
161
|
+
placeholder_search?: string;
|
|
162
|
+
deactivate_search_on_clear?: boolean;
|
|
160
163
|
}
|
|
161
164
|
|
|
162
165
|
export { }
|
package/dist/vDataTable.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as R, useSlots as Ce, inject as Se, onMounted as $e, computed as
|
|
1
|
+
import { defineComponent as R, useSlots as Ce, inject as Se, onMounted as $e, computed as C, watch as P, resolveComponent as ze, createElementBlock as n, openBlock as s, createCommentVNode as g, createElementVNode as t, withDirectives as ne, withKeys as Be, vModelText as re, Fragment as M, renderList as B, createBlock as U, withCtx as H, createTextVNode as V, toDisplayString as v, normalizeClass as m, withModifiers as se, ref as k, provide as Ve, readonly as Ne, nextTick as Te, renderSlot as O, createVNode as Q, createStaticVNode as je, resolveDynamicComponent as le, unref as f, TransitionGroup as De, mergeProps as Ae, normalizeStyle as Ee } from "vue";
|
|
2
2
|
import { _ as oe, P as Ie } from "./Pagination-DtVDFQ07.js";
|
|
3
3
|
import Oe from "vuedraggable";
|
|
4
4
|
const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
@@ -21,8 +21,8 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
|
21
21
|
decreasing_value: { default: "" },
|
|
22
22
|
increasing_value: { default: "" }
|
|
23
23
|
},
|
|
24
|
-
setup(
|
|
25
|
-
const i =
|
|
24
|
+
setup(w) {
|
|
25
|
+
const i = w, b = Ce(), S = Se(ie);
|
|
26
26
|
if (!S)
|
|
27
27
|
throw new Error("VColumn deve ser usado dentro de um VDataTable.");
|
|
28
28
|
const z = ["text", "img", "date", "html"];
|
|
@@ -55,66 +55,68 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
|
55
55
|
param_ordering: i.param_ordering,
|
|
56
56
|
decreasing_value: i.decreasing_value,
|
|
57
57
|
increasing_value: i.increasing_value,
|
|
58
|
-
bodySlot:
|
|
58
|
+
bodySlot: b.body,
|
|
59
59
|
...i.type === "text" && { limite_text: Number(i.limite_text) },
|
|
60
60
|
...i.type === "img" && { deactivate_img_preview: i.deactivate_img_preview },
|
|
61
61
|
...i.type === "date" && { format: i.format }
|
|
62
62
|
});
|
|
63
|
-
}), ($,
|
|
63
|
+
}), ($, D) => null;
|
|
64
64
|
}
|
|
65
|
-
}), He = { class: "dropdown d-flex" },
|
|
65
|
+
}), He = { class: "dropdown d-flex" }, Pe = {
|
|
66
66
|
key: 0,
|
|
67
67
|
href: "#",
|
|
68
68
|
class: "btn dropdown-toggle",
|
|
69
69
|
"data-bs-toggle": "dropdown",
|
|
70
70
|
title: "Pesquisas Prédefinidas"
|
|
71
|
-
},
|
|
71
|
+
}, qe = { class: "input-icon" }, Le = ["placeholder"], Ue = {
|
|
72
72
|
key: 1,
|
|
73
73
|
class: "input-icon-addon"
|
|
74
|
-
},
|
|
74
|
+
}, Fe = {
|
|
75
75
|
key: 1,
|
|
76
76
|
class: "dropdown-menu"
|
|
77
|
-
},
|
|
77
|
+
}, Ke = ["onClick"], Ye = ["onClick"], Xe = /* @__PURE__ */ R({
|
|
78
78
|
__name: "SearchDatatable",
|
|
79
79
|
props: {
|
|
80
80
|
search: {},
|
|
81
81
|
filter: { default: "" },
|
|
82
82
|
list_filter: { default: () => [] },
|
|
83
|
-
item_use: { default: () => [1, 2] }
|
|
83
|
+
item_use: { default: () => [1, 2] },
|
|
84
|
+
placeholder_search: { default: "Buscar..." },
|
|
85
|
+
deactivate_search_on_clear: { type: Boolean, default: !1 }
|
|
84
86
|
},
|
|
85
87
|
emits: ["update:search", "update:filter", "search"],
|
|
86
|
-
setup(
|
|
87
|
-
const
|
|
88
|
-
get: () =>
|
|
89
|
-
set: (
|
|
90
|
-
}), $ =
|
|
91
|
-
get: () =>
|
|
92
|
-
set: (
|
|
88
|
+
setup(w, { emit: i }) {
|
|
89
|
+
const b = w, S = i, z = C({
|
|
90
|
+
get: () => b.search,
|
|
91
|
+
set: (p) => S("update:search", p)
|
|
92
|
+
}), $ = C({
|
|
93
|
+
get: () => b.filter,
|
|
94
|
+
set: (p) => S("update:filter", p)
|
|
93
95
|
});
|
|
94
|
-
|
|
96
|
+
P($, () => {
|
|
95
97
|
S("search");
|
|
96
|
-
}),
|
|
97
|
-
() =>
|
|
98
|
-
(
|
|
99
|
-
Array.isArray(
|
|
98
|
+
}), P(
|
|
99
|
+
() => b.list_filter,
|
|
100
|
+
(p) => {
|
|
101
|
+
Array.isArray(p) ? (p.forEach((d, h) => {
|
|
100
102
|
d?.type === 1 && !d.to && console.error(`Filtro na posição ${h} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
|
|
101
|
-
}),
|
|
103
|
+
}), b.item_use.includes(2) && p.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
|
|
102
104
|
},
|
|
103
105
|
{ immediate: !0, deep: !0 }
|
|
104
106
|
);
|
|
105
|
-
function
|
|
106
|
-
$.value ===
|
|
107
|
+
function D(p) {
|
|
108
|
+
$.value === p ? $.value = "" : $.value = p;
|
|
107
109
|
}
|
|
108
110
|
function I() {
|
|
109
|
-
z.value = "", S("search");
|
|
111
|
+
z.value = "", b.deactivate_search_on_clear || S("search");
|
|
110
112
|
}
|
|
111
|
-
function o(
|
|
112
|
-
|
|
113
|
+
function o(p) {
|
|
114
|
+
p.click && typeof p.click == "function" ? p.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
|
|
113
115
|
}
|
|
114
|
-
return (
|
|
116
|
+
return (p, d) => {
|
|
115
117
|
const h = ze("router-link");
|
|
116
|
-
return
|
|
117
|
-
|
|
118
|
+
return s(), n("div", He, [
|
|
119
|
+
w.item_use.includes(2) ? (s(), n("a", Pe, [...d[3] || (d[3] = [
|
|
118
120
|
t("svg", {
|
|
119
121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
120
122
|
class: "icon icon-tabler icon-tabler-filter",
|
|
@@ -135,18 +137,18 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
|
135
137
|
t("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" })
|
|
136
138
|
], -1)
|
|
137
139
|
])])) : g("", !0),
|
|
138
|
-
t("div",
|
|
139
|
-
|
|
140
|
+
t("div", qe, [
|
|
141
|
+
ne(t("input", {
|
|
140
142
|
type: "text",
|
|
141
143
|
class: "form-control ms-1",
|
|
142
|
-
id: "
|
|
144
|
+
id: "inputSearchVDataTable",
|
|
143
145
|
"onUpdate:modelValue": d[0] || (d[0] = (u) => z.value = u),
|
|
144
|
-
onKeyup: d[1] || (d[1] =
|
|
145
|
-
placeholder:
|
|
146
|
-
}, null,
|
|
146
|
+
onKeyup: d[1] || (d[1] = Be((u) => p.$emit("search"), ["enter"])),
|
|
147
|
+
placeholder: w.placeholder_search
|
|
148
|
+
}, null, 40, Le), [
|
|
147
149
|
[re, z.value]
|
|
148
150
|
]),
|
|
149
|
-
z.value ? (
|
|
151
|
+
z.value ? (s(), n("span", {
|
|
150
152
|
key: 0,
|
|
151
153
|
onClick: d[2] || (d[2] = (u) => I()),
|
|
152
154
|
class: "inputClose",
|
|
@@ -172,7 +174,7 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
|
172
174
|
t("path", { d: "M18 6l-12 12" }),
|
|
173
175
|
t("path", { d: "M6 6l12 12" })
|
|
174
176
|
], -1)
|
|
175
|
-
])])) : (
|
|
177
|
+
])])) : (s(), n("span", Ue, [...d[5] || (d[5] = [
|
|
176
178
|
t("svg", {
|
|
177
179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
178
180
|
width: "24",
|
|
@@ -195,71 +197,71 @@ const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
|
|
|
195
197
|
], -1)
|
|
196
198
|
])]))
|
|
197
199
|
]),
|
|
198
|
-
|
|
199
|
-
(
|
|
200
|
-
"type" in u && u.type === 1 && (!("visible" in u) || u.visible) ? (
|
|
200
|
+
w.item_use.includes(2) ? (s(), n("div", Fe, [
|
|
201
|
+
(s(!0), n(M, null, B(b.list_filter, (u, T) => (s(), n(M, { key: T }, [
|
|
202
|
+
"type" in u && u.type === 1 && (!("visible" in u) || u.visible) ? (s(), U(h, {
|
|
201
203
|
key: 0,
|
|
202
204
|
to: u?.to,
|
|
203
205
|
class: "dropdown-item cursor-pointer"
|
|
204
206
|
}, {
|
|
205
207
|
default: H(() => [
|
|
206
|
-
|
|
208
|
+
V(v(u.text), 1)
|
|
207
209
|
]),
|
|
208
210
|
_: 2
|
|
209
|
-
}, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (
|
|
211
|
+
}, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (s(), n("a", {
|
|
210
212
|
key: 1,
|
|
211
|
-
onClick:
|
|
213
|
+
onClick: se((_) => D(String(u.value)), ["prevent"]),
|
|
212
214
|
class: m(["dropdown-item cursor-pointer", $.value === u?.value ? "bg-info text-dark selected" : ""])
|
|
213
|
-
}, v(u.text), 11,
|
|
215
|
+
}, v(u.text), 11, Ke)) : (!("type" in u) || u.type === 3) && (!("visible" in u) || u.visible) ? (s(), n("a", {
|
|
214
216
|
key: 2,
|
|
215
|
-
onClick:
|
|
217
|
+
onClick: se((_) => o(u), ["prevent"]),
|
|
216
218
|
class: m(["dropdown-item cursor-pointer", u?.active ? "bg-info text-dark selected" : ""])
|
|
217
|
-
}, v(u.text), 11,
|
|
219
|
+
}, v(u.text), 11, Ye)) : g("", !0)
|
|
218
220
|
], 64))), 128))
|
|
219
221
|
])) : g("", !0)
|
|
220
222
|
]);
|
|
221
223
|
};
|
|
222
224
|
}
|
|
223
|
-
}),
|
|
224
|
-
function
|
|
225
|
-
const
|
|
225
|
+
}), Ge = /* @__PURE__ */ oe(Xe, [["__scopeId", "data-v-5bb59b4b"]]);
|
|
226
|
+
function We() {
|
|
227
|
+
const w = k(!1), i = k(""), b = k(0), S = k(0), z = C(() => ({
|
|
226
228
|
position: "fixed",
|
|
227
229
|
zIndex: 9999,
|
|
228
230
|
pointerEvents: "none",
|
|
229
231
|
top: `${S.value + 15}px`,
|
|
230
|
-
left: `${
|
|
232
|
+
left: `${b.value + 15}px`
|
|
231
233
|
}));
|
|
232
|
-
function $(
|
|
233
|
-
const d =
|
|
234
|
-
let
|
|
235
|
-
|
|
234
|
+
function $(p) {
|
|
235
|
+
const d = p.clientX, h = p.clientY, u = window.innerHeight, T = 15, _ = 300;
|
|
236
|
+
let x = h + T;
|
|
237
|
+
x + _ > u && (x = h - _ - T, x < 0 && (x = 0)), b.value = d, S.value = x;
|
|
236
238
|
}
|
|
237
|
-
function
|
|
238
|
-
|
|
239
|
+
function D(p, d) {
|
|
240
|
+
w.value = !0, i.value = d, $(p);
|
|
239
241
|
}
|
|
240
|
-
function I(
|
|
241
|
-
|
|
242
|
+
function I(p) {
|
|
243
|
+
w.value && $(p);
|
|
242
244
|
}
|
|
243
245
|
function o() {
|
|
244
|
-
|
|
246
|
+
w.value = !1;
|
|
245
247
|
}
|
|
246
248
|
return {
|
|
247
|
-
isHovering:
|
|
249
|
+
isHovering: w,
|
|
248
250
|
previewSrc: i,
|
|
249
251
|
previewStyle: z,
|
|
250
|
-
handleMouseOver:
|
|
252
|
+
handleMouseOver: D,
|
|
251
253
|
handleMouseMove: I,
|
|
252
254
|
handleMouseLeave: o
|
|
253
255
|
};
|
|
254
256
|
}
|
|
255
|
-
const
|
|
257
|
+
const Je = { class: "mx-2 d-inline-block" }, Qe = {
|
|
256
258
|
key: 0,
|
|
257
259
|
class: "alert alert-cyan d-flex justify-content-center align-items-center py-2",
|
|
258
260
|
role: "alert"
|
|
259
261
|
}, Re = { class: "alert-title m-0" }, Ze = { class: "badge bg-azure text-azure-fg" }, et = { key: 0 }, tt = { key: 2 }, at = {
|
|
260
262
|
key: 5,
|
|
261
263
|
class: "text-danger erro-custom-container"
|
|
262
|
-
},
|
|
264
|
+
}, st = { class: "badge bg-orange text-white erro-custom-text" }, lt = { key: 0 }, nt = { key: 2 }, rt = {
|
|
263
265
|
key: 5,
|
|
264
266
|
class: "text-danger erro-custom-container"
|
|
265
267
|
}, ot = { class: "badge bg-orange text-white erro-custom-text" }, it = ["colspan"], dt = {
|
|
@@ -269,10 +271,10 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
269
271
|
}, ut = {
|
|
270
272
|
key: 1,
|
|
271
273
|
style: { height: "3rem" }
|
|
272
|
-
},
|
|
274
|
+
}, ct = {
|
|
273
275
|
key: 2,
|
|
274
276
|
class: "p-3 text-center text-secondary"
|
|
275
|
-
},
|
|
277
|
+
}, pt = {
|
|
276
278
|
key: 1,
|
|
277
279
|
class: "feedback-container text-center"
|
|
278
280
|
}, mt = {
|
|
@@ -356,13 +358,13 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
356
358
|
}, zt = {
|
|
357
359
|
key: 0,
|
|
358
360
|
class: "w-1"
|
|
359
|
-
},
|
|
361
|
+
}, Bt = ["checked", "onChange"], Vt = ["onClick"], Nt = ["onClick"], Tt = { key: 0 }, jt = { key: 1 }, Dt = ["onClick", "innerHTML"], At = ["onClick"], Et = ["src"], It = ["src"], Ot = {
|
|
360
362
|
key: 5,
|
|
361
363
|
class: "text-danger erro-custom-container"
|
|
362
|
-
}, Ht = { class: "badge bg-orange text-white erro-custom-text" },
|
|
364
|
+
}, Ht = { class: "badge bg-orange text-white erro-custom-text" }, Pt = { key: 1 }, qt = {
|
|
363
365
|
key: 2,
|
|
364
366
|
class: "text-center p-4 text-secondary"
|
|
365
|
-
},
|
|
367
|
+
}, Lt = ["src"], Ut = /* @__PURE__ */ R({
|
|
366
368
|
__name: "VDataTable",
|
|
367
369
|
props: {
|
|
368
370
|
fetch: {},
|
|
@@ -386,6 +388,7 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
386
388
|
class_container: { default: "" },
|
|
387
389
|
class_pagination: { default: "" },
|
|
388
390
|
class_filters: { default: "" },
|
|
391
|
+
class_page_size: { default: "" },
|
|
389
392
|
min_loading_delay: { default: 600 },
|
|
390
393
|
retry_attempts: { default: 3 },
|
|
391
394
|
retry_delay: { default: 2e3 },
|
|
@@ -394,17 +397,19 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
394
397
|
limit_per_page: { default: 5 },
|
|
395
398
|
page_starts_at: { default: 0 },
|
|
396
399
|
deactivate_selected_info: { type: Boolean, default: !1 },
|
|
397
|
-
immediate: { type: Boolean, default: !0 }
|
|
400
|
+
immediate: { type: Boolean, default: !0 },
|
|
401
|
+
placeholder_search: { default: "Buscar..." },
|
|
402
|
+
deactivate_search_on_clear: { type: Boolean, default: !1 }
|
|
398
403
|
},
|
|
399
|
-
setup(
|
|
404
|
+
setup(w, { expose: i }) {
|
|
400
405
|
const {
|
|
401
|
-
isHovering:
|
|
406
|
+
isHovering: b,
|
|
402
407
|
previewSrc: S,
|
|
403
408
|
previewStyle: z,
|
|
404
409
|
handleMouseOver: $,
|
|
405
|
-
handleMouseMove:
|
|
410
|
+
handleMouseMove: D,
|
|
406
411
|
handleMouseLeave: I
|
|
407
|
-
} =
|
|
412
|
+
} = We(), o = w, p = k(!1), d = k({}), h = k([]), u = k([]), T = k(0), _ = k([]), x = k(null), F = k(!1), K = k(null), c = k({
|
|
408
413
|
current_page: o.page_starts_at,
|
|
409
414
|
// pagina atual
|
|
410
415
|
count: 0,
|
|
@@ -415,29 +420,29 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
415
420
|
// termo de busca
|
|
416
421
|
filter: ""
|
|
417
422
|
// filtro selecionado
|
|
418
|
-
}), de =
|
|
423
|
+
}), de = C(() => (c.value.current_page = o.page_starts_at, o.endpoint)), { data: ue, pending: ce, error: Y, execute: pe, attempt: A } = o.fetch(de, {
|
|
419
424
|
params: () => o.deactivate_default_params ? o.add_params && typeof o.add_params == "function" ? {
|
|
420
425
|
...o.add_params(),
|
|
421
|
-
...
|
|
426
|
+
...q.value
|
|
422
427
|
} : {
|
|
423
428
|
...o.add_params,
|
|
424
|
-
...
|
|
429
|
+
...q.value
|
|
425
430
|
} : o.add_params && typeof o.add_params == "function" ? {
|
|
426
431
|
...W.value,
|
|
427
432
|
...o.add_params(),
|
|
428
|
-
...
|
|
433
|
+
...q.value
|
|
429
434
|
} : {
|
|
430
435
|
...W.value,
|
|
431
436
|
...o.add_params,
|
|
432
|
-
...
|
|
437
|
+
...q.value
|
|
433
438
|
},
|
|
434
439
|
retry: o.retry_attempts,
|
|
435
440
|
retryDelay: o.retry_delay,
|
|
436
441
|
paramsReactives: !1,
|
|
437
442
|
immediate: !1
|
|
438
|
-
}, o.fetch_name), X =
|
|
443
|
+
}, o.fetch_name), X = C(
|
|
439
444
|
() => h.value.filter((r) => r.locked)
|
|
440
|
-
), G =
|
|
445
|
+
), G = C({
|
|
441
446
|
get() {
|
|
442
447
|
return h.value.filter((r) => !r.locked);
|
|
443
448
|
},
|
|
@@ -445,10 +450,10 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
445
450
|
const e = X.value;
|
|
446
451
|
h.value = [...r, ...e];
|
|
447
452
|
}
|
|
448
|
-
}), me =
|
|
453
|
+
}), me = C(() => [...G.value, ...X.value]), ve = C(() => {
|
|
449
454
|
let r = [1];
|
|
450
455
|
return o.list_filter.length > 0 && r.push(2), r;
|
|
451
|
-
}),
|
|
456
|
+
}), q = C(() => {
|
|
452
457
|
const r = {};
|
|
453
458
|
for (const e of h.value)
|
|
454
459
|
if (e.use_ordering)
|
|
@@ -461,66 +466,66 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
461
466
|
else
|
|
462
467
|
continue;
|
|
463
468
|
return r;
|
|
464
|
-
}), W =
|
|
465
|
-
[o.page_param_name]:
|
|
466
|
-
[o.page_size_param_name]:
|
|
467
|
-
[o.search_param_name]:
|
|
468
|
-
[o.filter_param_name]:
|
|
469
|
-
})), _e =
|
|
469
|
+
}), W = C(() => ({
|
|
470
|
+
[o.page_param_name]: c.value.current_page + 1,
|
|
471
|
+
[o.page_size_param_name]: c.value.limit_per_page,
|
|
472
|
+
[o.search_param_name]: c.value.search || "",
|
|
473
|
+
[o.filter_param_name]: c.value.filter || ""
|
|
474
|
+
})), _e = C(() => ce.value || F.value), L = (r) => {
|
|
470
475
|
const e = o.item_key;
|
|
471
476
|
return _.value.some((a) => a[e] === r[e]);
|
|
472
|
-
}, Z =
|
|
477
|
+
}, Z = C(() => {
|
|
473
478
|
if (!u.value.length) return !1;
|
|
474
|
-
const r = u.value.filter((e) =>
|
|
479
|
+
const r = u.value.filter((e) => L(e)).length;
|
|
475
480
|
return r === 0 ? !1 : r === u.value.length ? !0 : "indeterminate";
|
|
476
|
-
}), he =
|
|
477
|
-
|
|
478
|
-
|
|
481
|
+
}), he = C(() => _.value.length > 0);
|
|
482
|
+
P([Z, x], ([r]) => {
|
|
483
|
+
x.value && (r === "indeterminate" ? (x.value.checked = !1, x.value.indeterminate = !0) : (x.value.checked = r, x.value.indeterminate = !1));
|
|
479
484
|
}, {
|
|
480
485
|
immediate: !0,
|
|
481
486
|
flush: "post"
|
|
482
|
-
}),
|
|
483
|
-
r ? (u.value = r[o.data_key] || [], T.value = r[o.total_key] || 0,
|
|
487
|
+
}), P(ue, (r) => {
|
|
488
|
+
r ? (u.value = r[o.data_key] || [], T.value = r[o.total_key] || 0, c.value.count = T.value) : (u.value = [], T.value = 0);
|
|
484
489
|
}, { immediate: !0 });
|
|
485
490
|
function fe() {
|
|
486
491
|
const r = u.value;
|
|
487
492
|
if (!r.length) return;
|
|
488
493
|
const e = Z.value;
|
|
489
494
|
if (e === !0 || e === "indeterminate") {
|
|
490
|
-
const a = r.map((
|
|
495
|
+
const a = r.map((l) => l[o.item_key]);
|
|
491
496
|
_.value = _.value.filter(
|
|
492
|
-
(
|
|
497
|
+
(l) => !a.includes(l[o.item_key])
|
|
493
498
|
);
|
|
494
499
|
} else
|
|
495
500
|
r.forEach((a) => {
|
|
496
|
-
|
|
501
|
+
L(a) || _.value.push(a);
|
|
497
502
|
});
|
|
498
503
|
}
|
|
499
504
|
function ge(r) {
|
|
500
|
-
const e = o.item_key, a = _.value.findIndex((
|
|
505
|
+
const e = o.item_key, a = _.value.findIndex((l) => l[e] === r[e]);
|
|
501
506
|
a > -1 ? _.value.splice(a, 1) : _.value.push(r);
|
|
502
507
|
}
|
|
503
508
|
function ke(r) {
|
|
504
509
|
h.value.push(r);
|
|
505
510
|
}
|
|
506
|
-
|
|
511
|
+
Ve(ie, { addColumn: ke });
|
|
507
512
|
function E() {
|
|
508
|
-
|
|
513
|
+
p.value || (p.value = !0), K.value && clearTimeout(K.value), F.value = !0, K.value = setTimeout(() => {
|
|
509
514
|
F.value = !1;
|
|
510
|
-
}, o.min_loading_delay),
|
|
515
|
+
}, o.min_loading_delay), pe();
|
|
511
516
|
}
|
|
512
517
|
function N() {
|
|
513
|
-
|
|
518
|
+
c.value.current_page = o.page_starts_at, E();
|
|
514
519
|
}
|
|
515
520
|
const ee = (r) => {
|
|
516
521
|
const e = r.target, a = parseInt(e.value, 10);
|
|
517
|
-
a > 0 && (
|
|
522
|
+
a > 0 && (c.value.limit_per_page = a, c.value.limit_per_page = a, N());
|
|
518
523
|
};
|
|
519
524
|
function j(r, e, a = null) {
|
|
520
525
|
if (!r) return e;
|
|
521
|
-
const
|
|
526
|
+
const l = r.split(".");
|
|
522
527
|
let y = e;
|
|
523
|
-
for (const J of
|
|
528
|
+
for (const J of l)
|
|
524
529
|
y && typeof y == "object" && J in y ? y = y[J] : console.error(`Caminho inválido ou valor nulo em: ${r} na parte ${J}`);
|
|
525
530
|
return a && (y = a(y)), y;
|
|
526
531
|
}
|
|
@@ -534,21 +539,21 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
534
539
|
e === "none" ? d.value[r] = "increasing" : e === "increasing" ? d.value[r] = "decreasing" : d.value[r] = "none", N();
|
|
535
540
|
}
|
|
536
541
|
function we(r) {
|
|
537
|
-
r > 0 ? (
|
|
542
|
+
r > 0 ? (c.value.limit_per_page = r, N()) : console.warn("O limite deve ser um número maior que zero.");
|
|
538
543
|
}
|
|
539
544
|
function be(r) {
|
|
540
|
-
|
|
545
|
+
c.value.search = r, N();
|
|
541
546
|
}
|
|
542
547
|
function xe(r) {
|
|
543
|
-
|
|
548
|
+
c.value.filter = r, N();
|
|
544
549
|
}
|
|
545
550
|
function Me(r) {
|
|
546
|
-
r >= 0 && r <= Math.ceil(
|
|
551
|
+
r >= 0 && r <= Math.ceil(c.value.count / c.value.limit_per_page) ? (c.value.current_page = r, E()) : console.warn("Número de página inválido.");
|
|
547
552
|
}
|
|
548
553
|
i({
|
|
549
554
|
execute: E,
|
|
550
555
|
reSearch: N,
|
|
551
|
-
pagination: Ne(
|
|
556
|
+
pagination: Ne(c),
|
|
552
557
|
set_limit_per_page: we,
|
|
553
558
|
set_search: be,
|
|
554
559
|
set_filter: xe,
|
|
@@ -558,7 +563,7 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
558
563
|
atLeastOneSelected: he
|
|
559
564
|
});
|
|
560
565
|
const ae = k(!1);
|
|
561
|
-
return
|
|
566
|
+
return P(
|
|
562
567
|
() => o.add_params,
|
|
563
568
|
() => {
|
|
564
569
|
ae.value ? N() : (ae.value = !0, Te(() => {
|
|
@@ -566,7 +571,7 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
566
571
|
}));
|
|
567
572
|
},
|
|
568
573
|
{ deep: !0, immediate: o.immediate }
|
|
569
|
-
), (r, e) => (
|
|
574
|
+
), (r, e) => (s(), n("div", null, [
|
|
570
575
|
t("div", {
|
|
571
576
|
class: m(["", o.class_container])
|
|
572
577
|
}, [
|
|
@@ -579,15 +584,17 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
579
584
|
}, [
|
|
580
585
|
O(r.$slots, "pageSize", {
|
|
581
586
|
changePageSize: ee,
|
|
582
|
-
limit_per_page:
|
|
587
|
+
limit_per_page: c.value.limit_per_page
|
|
583
588
|
}, () => [
|
|
584
|
-
t("div",
|
|
585
|
-
|
|
589
|
+
t("div", {
|
|
590
|
+
class: m(["text-secondary", o.class_page_size])
|
|
591
|
+
}, [
|
|
592
|
+
V(v(o.first_text_page_size) + " ", 1),
|
|
586
593
|
t("div", Je, [
|
|
587
|
-
|
|
594
|
+
ne(t("input", {
|
|
588
595
|
class: "form-control form-control-sm",
|
|
589
596
|
onChange: ee,
|
|
590
|
-
"onUpdate:modelValue": e[0] || (e[0] = (a) =>
|
|
597
|
+
"onUpdate:modelValue": e[0] || (e[0] = (a) => c.value.limit_per_page = a),
|
|
591
598
|
min: "1",
|
|
592
599
|
size: "3",
|
|
593
600
|
"aria-label": "Número de registros por página",
|
|
@@ -595,131 +602,133 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
595
602
|
}, null, 544), [
|
|
596
603
|
[
|
|
597
604
|
re,
|
|
598
|
-
|
|
605
|
+
c.value.limit_per_page,
|
|
599
606
|
void 0,
|
|
600
607
|
{ lazy: !0 }
|
|
601
608
|
]
|
|
602
609
|
])
|
|
603
610
|
]),
|
|
604
|
-
|
|
605
|
-
])
|
|
611
|
+
V(" " + v(o.second_text_page_size), 1)
|
|
612
|
+
], 2)
|
|
606
613
|
], !0),
|
|
607
614
|
O(r.$slots, "fieldMiddle", {}, void 0, !0),
|
|
608
|
-
Q(
|
|
609
|
-
search:
|
|
610
|
-
"onUpdate:search": e[1] || (e[1] = (a) =>
|
|
611
|
-
filter:
|
|
612
|
-
"onUpdate:filter": e[2] || (e[2] = (a) =>
|
|
615
|
+
Q(Ge, {
|
|
616
|
+
search: c.value.search,
|
|
617
|
+
"onUpdate:search": e[1] || (e[1] = (a) => c.value.search = a),
|
|
618
|
+
filter: c.value.filter,
|
|
619
|
+
"onUpdate:filter": e[2] || (e[2] = (a) => c.value.filter = a),
|
|
613
620
|
list_filter: o.list_filter,
|
|
614
621
|
item_use: ve.value,
|
|
615
|
-
onSearch: N
|
|
616
|
-
|
|
622
|
+
onSearch: N,
|
|
623
|
+
deactivate_search_on_clear: o.deactivate_search_on_clear,
|
|
624
|
+
placeholder_search: o.placeholder_search
|
|
625
|
+
}, null, 8, ["search", "filter", "list_filter", "item_use", "deactivate_search_on_clear", "placeholder_search"])
|
|
617
626
|
], 2),
|
|
618
627
|
O(r.$slots, "item-selected-info", {
|
|
619
628
|
selected_items: _.value,
|
|
620
629
|
clearSelection: () => _.value = []
|
|
621
630
|
}, () => [
|
|
622
|
-
o.use_checkbox && _.value.length > 0 && !o.deactivate_selected_info ? (
|
|
631
|
+
o.use_checkbox && _.value.length > 0 && !o.deactivate_selected_info ? (s(), n("div", Qe, [
|
|
623
632
|
t("h4", Re, [
|
|
624
633
|
e[5] || (e[5] = t("strong", null, "Itens Selecionados:", -1)),
|
|
625
|
-
e[6] || (e[6] =
|
|
634
|
+
e[6] || (e[6] = V()),
|
|
626
635
|
t("span", Ze, v(_.value.length), 1)
|
|
627
636
|
]),
|
|
628
637
|
t("a", {
|
|
629
638
|
class: "cursor-pointer",
|
|
630
639
|
onClick: e[3] || (e[3] = (a) => _.value = [])
|
|
631
640
|
}, [...e[7] || (e[7] = [
|
|
632
|
-
je('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-trash" data-v-
|
|
641
|
+
je('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-trash" data-v-1f716b02><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1f716b02></path><path d="M4 7l16 0" data-v-1f716b02></path><path d="M10 11l0 6" data-v-1f716b02></path><path d="M14 11l0 6" data-v-1f716b02></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-1f716b02></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-1f716b02></path></svg> Limpar Seleção', 2)
|
|
633
642
|
])])
|
|
634
643
|
])) : g("", !0)
|
|
635
644
|
], !0),
|
|
636
|
-
_e.value ? (
|
|
637
|
-
o.custom_loading ? (
|
|
645
|
+
_e.value ? (s(), n(M, { key: 0 }, [
|
|
646
|
+
o.custom_loading ? (s(), U(le(o.custom_loading), { key: 0 })) : (s(), n("table", {
|
|
638
647
|
key: 1,
|
|
639
648
|
class: m(["table table-vcenter table-selectable", o.class_table])
|
|
640
649
|
}, [
|
|
641
650
|
t("thead", null, [
|
|
642
651
|
t("tr", null, [
|
|
643
|
-
(
|
|
652
|
+
(s(!0), n(M, null, B(h.value, (a) => (s(), n("th", {
|
|
644
653
|
key: a.field || a.header,
|
|
645
654
|
class: m(a.class_column)
|
|
646
655
|
}, v(a.header), 3))), 128))
|
|
647
656
|
])
|
|
648
657
|
]),
|
|
649
658
|
t("tbody", null, [
|
|
650
|
-
o.type_loading === "placeholder" ? (
|
|
659
|
+
o.type_loading === "placeholder" ? (s(!0), n(M, { key: 0 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
|
|
651
660
|
key: "placeholder-" + a,
|
|
652
661
|
class: "placeholder-glow"
|
|
653
662
|
}, [
|
|
654
|
-
(
|
|
655
|
-
key:
|
|
656
|
-
class: m(
|
|
663
|
+
(s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
|
|
664
|
+
key: l.field || l.header,
|
|
665
|
+
class: m(l.class_row)
|
|
657
666
|
}, [
|
|
658
|
-
|
|
667
|
+
l.bodySlot ? (s(), n("span", et, [...e[8] || (e[8] = [
|
|
659
668
|
t("span", { class: "placeholder col-8" }, null, -1)
|
|
660
|
-
])])) :
|
|
669
|
+
])])) : l.type === "text" ? (s(), n("span", {
|
|
661
670
|
key: 1,
|
|
662
|
-
class: m(
|
|
671
|
+
class: m(l.class_item)
|
|
663
672
|
}, [...e[9] || (e[9] = [
|
|
664
673
|
t("span", { class: "placeholder col-8" }, null, -1)
|
|
665
|
-
])], 2)) :
|
|
674
|
+
])], 2)) : l.type === "date" ? (s(), n("span", tt, [...e[10] || (e[10] = [
|
|
666
675
|
t("span", { class: "placeholder col-9" }, null, -1)
|
|
667
|
-
])])) :
|
|
676
|
+
])])) : l.type === "html" ? (s(), n("div", {
|
|
668
677
|
key: 3,
|
|
669
|
-
class: m(
|
|
678
|
+
class: m(l.class_item)
|
|
670
679
|
}, [...e[11] || (e[11] = [
|
|
671
680
|
t("div", { class: "placeholder col-12" }, null, -1)
|
|
672
|
-
])], 2)) :
|
|
681
|
+
])], 2)) : l.type === "img" ? (s(), n("div", {
|
|
673
682
|
key: 4,
|
|
674
|
-
class: m(
|
|
683
|
+
class: m(l.class_item)
|
|
675
684
|
}, [...e[12] || (e[12] = [
|
|
676
685
|
t("div", { class: "placeholder placeholder-img" }, null, -1)
|
|
677
|
-
])], 2)) : (
|
|
678
|
-
e[13] || (e[13] =
|
|
679
|
-
t("span",
|
|
680
|
-
e[14] || (e[14] =
|
|
686
|
+
])], 2)) : (s(), n("span", at, [
|
|
687
|
+
e[13] || (e[13] = V("tipo ", -1)),
|
|
688
|
+
t("span", st, v(l.type), 1),
|
|
689
|
+
e[14] || (e[14] = V(" não suportado ", -1))
|
|
681
690
|
]))
|
|
682
691
|
], 2))), 128))
|
|
683
|
-
]))), 128)) : o.type_loading === "spiner-table" ? (
|
|
692
|
+
]))), 128)) : o.type_loading === "spiner-table" ? (s(!0), n(M, { key: 1 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
|
|
684
693
|
key: "placeholder-" + a
|
|
685
694
|
}, [
|
|
686
|
-
(
|
|
687
|
-
key:
|
|
688
|
-
class: m(
|
|
695
|
+
(s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
|
|
696
|
+
key: l.field || l.header,
|
|
697
|
+
class: m(l.class_row)
|
|
689
698
|
}, [
|
|
690
|
-
|
|
699
|
+
l.bodySlot ? (s(), n("span", lt, [...e[15] || (e[15] = [
|
|
691
700
|
t("span", {
|
|
692
701
|
class: "spinner-border spinner-border-sm",
|
|
693
702
|
role: "status",
|
|
694
703
|
"aria-hidden": "true"
|
|
695
704
|
}, null, -1)
|
|
696
|
-
])])) :
|
|
705
|
+
])])) : l.type === "text" ? (s(), n("span", {
|
|
697
706
|
key: 1,
|
|
698
|
-
class: m(
|
|
707
|
+
class: m(l.class_item)
|
|
699
708
|
}, [...e[16] || (e[16] = [
|
|
700
709
|
t("span", {
|
|
701
710
|
class: "spinner-border spinner-border-sm",
|
|
702
711
|
role: "status",
|
|
703
712
|
"aria-hidden": "true"
|
|
704
713
|
}, null, -1)
|
|
705
|
-
])], 2)) :
|
|
714
|
+
])], 2)) : l.type === "date" ? (s(), n("span", nt, [...e[17] || (e[17] = [
|
|
706
715
|
t("span", {
|
|
707
716
|
class: "spinner-border spinner-border-sm",
|
|
708
717
|
role: "status",
|
|
709
718
|
"aria-hidden": "true"
|
|
710
719
|
}, null, -1)
|
|
711
|
-
])])) :
|
|
720
|
+
])])) : l.type === "html" ? (s(), n("div", {
|
|
712
721
|
key: 3,
|
|
713
|
-
class: m(
|
|
722
|
+
class: m(l.class_item)
|
|
714
723
|
}, [...e[18] || (e[18] = [
|
|
715
724
|
t("span", {
|
|
716
725
|
class: "spinner-border spinner-border-sm",
|
|
717
726
|
role: "status",
|
|
718
727
|
"aria-hidden": "true"
|
|
719
728
|
}, null, -1)
|
|
720
|
-
])], 2)) :
|
|
729
|
+
])], 2)) : l.type === "img" ? (s(), n("div", {
|
|
721
730
|
key: 4,
|
|
722
|
-
class: m(["",
|
|
731
|
+
class: m(["", l.class_item])
|
|
723
732
|
}, [...e[19] || (e[19] = [
|
|
724
733
|
t("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
|
|
725
734
|
t("span", {
|
|
@@ -728,40 +737,40 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
728
737
|
"aria-hidden": "true"
|
|
729
738
|
})
|
|
730
739
|
], -1)
|
|
731
|
-
])], 2)) : (
|
|
732
|
-
e[20] || (e[20] =
|
|
733
|
-
t("span", ot, v(
|
|
734
|
-
e[21] || (e[21] =
|
|
740
|
+
])], 2)) : (s(), n("span", rt, [
|
|
741
|
+
e[20] || (e[20] = V("tipo ", -1)),
|
|
742
|
+
t("span", ot, v(l.type), 1),
|
|
743
|
+
e[21] || (e[21] = V(" não suportado ", -1))
|
|
735
744
|
]))
|
|
736
745
|
], 2))), 128))
|
|
737
|
-
]))), 128)) : o.type_loading === "spiner" ? (
|
|
746
|
+
]))), 128)) : o.type_loading === "spiner" ? (s(!0), n(M, { key: 2 }, B(c.value.limit_per_page, (a) => (s(), n("tr", { key: a }, [
|
|
738
747
|
t("td", {
|
|
739
748
|
colspan: h.value.length,
|
|
740
749
|
class: "text-center p-0",
|
|
741
750
|
style: { "border-bottom": "none" }
|
|
742
751
|
}, [
|
|
743
|
-
a === Math.floor(
|
|
752
|
+
a === Math.floor(c.value.limit_per_page / 2) + 1 ? (s(), n("div", dt, [...e[22] || (e[22] = [
|
|
744
753
|
t("div", {
|
|
745
754
|
class: "spinner-border",
|
|
746
755
|
style: { width: "3rem", height: "3rem" },
|
|
747
756
|
role: "status"
|
|
748
757
|
}, null, -1),
|
|
749
758
|
t("span", { class: "mt-2" }, "Carregando...", -1)
|
|
750
|
-
])])) : (
|
|
759
|
+
])])) : (s(), n("div", ut))
|
|
751
760
|
], 8, it)
|
|
752
761
|
]))), 128)) : g("", !0)
|
|
753
762
|
])
|
|
754
763
|
], 2)),
|
|
755
|
-
f(
|
|
756
|
-
], 64)) : f(Y) ? (
|
|
764
|
+
f(A) && f(A).current > 1 ? (s(), n("div", ct, " A conexão falhou. Tentando novamente... (Tentativa " + v(f(A).current) + " de " + v(f(A).total) + ") ", 1)) : g("", !0)
|
|
765
|
+
], 64)) : f(Y) ? (s(), n("div", pt, [
|
|
757
766
|
e[23] || (e[23] = t("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
|
|
758
|
-
f(
|
|
767
|
+
f(A) ? (s(), n("p", mt, " Não foi possível carregar os dados após " + v(f(A).total) + " tentativa(s). ", 1)) : (s(), n("p", vt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
|
|
759
768
|
t("button", {
|
|
760
769
|
class: "btn btn-primary mt-2",
|
|
761
770
|
onClick: E
|
|
762
771
|
}, " Tentar Novamente ")
|
|
763
|
-
])) : u.value ? (
|
|
764
|
-
u.value.length > 0 ? (
|
|
772
|
+
])) : u.value ? (s(), n("div", _t, [
|
|
773
|
+
u.value.length > 0 ? (s(), n("div", ht, [
|
|
765
774
|
t("table", {
|
|
766
775
|
class: m(["table table-vcenter table-selectable", o.class_table])
|
|
767
776
|
}, [
|
|
@@ -776,19 +785,19 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
776
785
|
"drag-class": "dragging-item"
|
|
777
786
|
}, {
|
|
778
787
|
header: H(() => [
|
|
779
|
-
o.use_checkbox ? (
|
|
788
|
+
o.use_checkbox ? (s(), n("th", ft, [
|
|
780
789
|
t("input", {
|
|
781
790
|
class: "form-check-input m-0",
|
|
782
791
|
type: "checkbox",
|
|
783
792
|
ref_key: "selectAllCheckbox",
|
|
784
|
-
ref:
|
|
793
|
+
ref: x,
|
|
785
794
|
onChange: fe,
|
|
786
795
|
"aria-label": "Selecionar todos os itens na página"
|
|
787
796
|
}, null, 544)
|
|
788
797
|
])) : g("", !0)
|
|
789
798
|
]),
|
|
790
799
|
item: H(({ element: a }) => [
|
|
791
|
-
a.use_ordering ? (
|
|
800
|
+
a.use_ordering ? (s(), n("th", {
|
|
792
801
|
key: 0,
|
|
793
802
|
class: m(["header-draggable", a.class_column])
|
|
794
803
|
}, [
|
|
@@ -798,20 +807,20 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
798
807
|
onClick: () => te(a.header),
|
|
799
808
|
class: "ms-2 cursor-pointer"
|
|
800
809
|
}, [
|
|
801
|
-
!d.value[a.header] || d.value[a.header] === "none" ? (
|
|
810
|
+
!d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", yt, [...e[24] || (e[24] = [
|
|
802
811
|
t("path", { d: "m3 8 4-4 4 4" }, null, -1),
|
|
803
812
|
t("path", { d: "m11 16-4 4-4-4" }, null, -1),
|
|
804
813
|
t("path", { d: "M7 4v16" }, null, -1),
|
|
805
814
|
t("path", { d: "M15 8h6" }, null, -1),
|
|
806
815
|
t("path", { d: "M15 16h6" }, null, -1),
|
|
807
816
|
t("path", { d: "M13 12h8" }, null, -1)
|
|
808
|
-
])])) : d.value[a.header] === "decreasing" ? (
|
|
817
|
+
])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", wt, [...e[25] || (e[25] = [
|
|
809
818
|
t("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
|
810
819
|
t("path", { d: "M7 20V4" }, null, -1),
|
|
811
820
|
t("path", { d: "M11 4h10" }, null, -1),
|
|
812
821
|
t("path", { d: "M11 8h7" }, null, -1),
|
|
813
822
|
t("path", { d: "M11 12h4" }, null, -1)
|
|
814
|
-
])])) : d.value[a.header] === "increasing" ? (
|
|
823
|
+
])])) : d.value[a.header] === "increasing" ? (s(), n("svg", bt, [...e[26] || (e[26] = [
|
|
815
824
|
t("path", { d: "m3 8 4-4 4 4" }, null, -1),
|
|
816
825
|
t("path", { d: "M7 4v16" }, null, -1),
|
|
817
826
|
t("path", { d: "M11 12h4" }, null, -1),
|
|
@@ -820,16 +829,16 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
820
829
|
])])) : g("", !0)
|
|
821
830
|
], 8, kt)
|
|
822
831
|
])
|
|
823
|
-
], 2)) : (
|
|
832
|
+
], 2)) : (s(), n("th", {
|
|
824
833
|
key: 1,
|
|
825
834
|
class: m(["header-draggable", a.class_column])
|
|
826
835
|
}, v(a.header), 3))
|
|
827
836
|
]),
|
|
828
837
|
footer: H(() => [
|
|
829
|
-
(
|
|
838
|
+
(s(!0), n(M, null, B(X.value, (a) => (s(), n(M, {
|
|
830
839
|
key: a.field || a.header
|
|
831
840
|
}, [
|
|
832
|
-
a.use_ordering ? (
|
|
841
|
+
a.use_ordering ? (s(), n("th", {
|
|
833
842
|
key: 0,
|
|
834
843
|
class: m(["header-locked header-ordering", a.class_column])
|
|
835
844
|
}, [
|
|
@@ -839,20 +848,20 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
839
848
|
onClick: () => te(a.header),
|
|
840
849
|
class: "ms-2 cursor-pointer"
|
|
841
850
|
}, [
|
|
842
|
-
!d.value[a.header] || d.value[a.header] === "none" ? (
|
|
851
|
+
!d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", Ct, [...e[27] || (e[27] = [
|
|
843
852
|
t("path", { d: "m3 8 4-4 4 4" }, null, -1),
|
|
844
853
|
t("path", { d: "m11 16-4 4-4-4" }, null, -1),
|
|
845
854
|
t("path", { d: "M7 4v16" }, null, -1),
|
|
846
855
|
t("path", { d: "M15 8h6" }, null, -1),
|
|
847
856
|
t("path", { d: "M15 16h6" }, null, -1),
|
|
848
857
|
t("path", { d: "M13 12h8" }, null, -1)
|
|
849
|
-
])])) : d.value[a.header] === "decreasing" ? (
|
|
858
|
+
])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", St, [...e[28] || (e[28] = [
|
|
850
859
|
t("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
|
851
860
|
t("path", { d: "M7 20V4" }, null, -1),
|
|
852
861
|
t("path", { d: "M11 4h10" }, null, -1),
|
|
853
862
|
t("path", { d: "M11 8h7" }, null, -1),
|
|
854
863
|
t("path", { d: "M11 12h4" }, null, -1)
|
|
855
|
-
])])) : d.value[a.header] === "increasing" ? (
|
|
864
|
+
])])) : d.value[a.header] === "increasing" ? (s(), n("svg", $t, [...e[29] || (e[29] = [
|
|
856
865
|
t("path", { d: "m3 8 4-4 4 4" }, null, -1),
|
|
857
866
|
t("path", { d: "M7 4v16" }, null, -1),
|
|
858
867
|
t("path", { d: "M11 12h4" }, null, -1),
|
|
@@ -861,7 +870,7 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
861
870
|
])])) : g("", !0)
|
|
862
871
|
], 8, Mt)
|
|
863
872
|
])
|
|
864
|
-
], 2)) : (
|
|
873
|
+
], 2)) : (s(), n("th", {
|
|
865
874
|
key: 1,
|
|
866
875
|
class: m(["header-locked", a.class_column])
|
|
867
876
|
}, v(a.header), 3))
|
|
@@ -871,78 +880,78 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
871
880
|
}, 8, ["modelValue"])
|
|
872
881
|
]),
|
|
873
882
|
t("tbody", null, [
|
|
874
|
-
(
|
|
883
|
+
(s(!0), n(M, null, B(u.value, (a) => (s(), U(De, {
|
|
875
884
|
tag: "tr",
|
|
876
885
|
key: a[o.item_key],
|
|
877
886
|
name: "column-move"
|
|
878
887
|
}, {
|
|
879
888
|
default: H(() => [
|
|
880
|
-
o.use_checkbox ? (
|
|
889
|
+
o.use_checkbox ? (s(), n("td", zt, [
|
|
881
890
|
t("input", {
|
|
882
891
|
class: "form-check-input m-0",
|
|
883
892
|
type: "checkbox",
|
|
884
|
-
checked:
|
|
885
|
-
onChange: (
|
|
893
|
+
checked: L(a),
|
|
894
|
+
onChange: (l) => ge(a),
|
|
886
895
|
"aria-label": "Selecionar este item"
|
|
887
|
-
}, null, 40,
|
|
896
|
+
}, null, 40, Bt)
|
|
888
897
|
])) : g("", !0),
|
|
889
|
-
(
|
|
890
|
-
key:
|
|
891
|
-
class: m(
|
|
898
|
+
(s(!0), n(M, null, B(me.value, (l) => (s(), n("td", {
|
|
899
|
+
key: l.field || l.header,
|
|
900
|
+
class: m(l.class_row)
|
|
892
901
|
}, [
|
|
893
|
-
|
|
902
|
+
l.bodySlot ? (s(), U(le(l.bodySlot), {
|
|
894
903
|
key: 0,
|
|
895
904
|
item: a,
|
|
896
|
-
"is-selected":
|
|
897
|
-
}, null, 8, ["item", "is-selected"])) :
|
|
905
|
+
"is-selected": L(a)
|
|
906
|
+
}, null, 8, ["item", "is-selected"])) : l.type === "text" ? (s(), n("span", {
|
|
898
907
|
key: 1,
|
|
899
|
-
onClick: (y) =>
|
|
900
|
-
class: m(
|
|
901
|
-
}, v(ye(j(
|
|
908
|
+
onClick: (y) => l.click ? l.click(a) : null,
|
|
909
|
+
class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
|
|
910
|
+
}, v(ye(j(l.field, a, l.transform_function), l.limite_text ?? null)), 11, Vt)) : l.type === "date" ? (s(), n("span", {
|
|
902
911
|
key: 2,
|
|
903
|
-
onClick: (y) =>
|
|
904
|
-
class: m(
|
|
912
|
+
onClick: (y) => l.click ? l.click(a) : null,
|
|
913
|
+
class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
|
|
905
914
|
}, [
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
915
|
+
l.format === "complete" ? (s(), n("span", Tt, v(new Date(j(l.field, a)).toLocaleString()), 1)) : g("", !0),
|
|
916
|
+
l.format === "simple" ? (s(), n("span", jt, v(new Date(j(
|
|
917
|
+
l.field,
|
|
909
918
|
a
|
|
910
919
|
)).toLocaleDateString()), 1)) : g("", !0)
|
|
911
|
-
], 10, Nt)) :
|
|
920
|
+
], 10, Nt)) : l.type === "html" ? (s(), n("div", {
|
|
912
921
|
key: 3,
|
|
913
|
-
onClick: (y) =>
|
|
914
|
-
class: m(
|
|
915
|
-
innerHTML: j(
|
|
916
|
-
}, null, 10,
|
|
922
|
+
onClick: (y) => l.click ? l.click(a) : null,
|
|
923
|
+
class: m(l.class_item + (l.click ? " cursor-pointer" : "")),
|
|
924
|
+
innerHTML: j(l.field, a)
|
|
925
|
+
}, null, 10, Dt)) : l.type === "img" ? (s(), n("div", {
|
|
917
926
|
key: 4,
|
|
918
|
-
onClick: (y) =>
|
|
919
|
-
class: m(
|
|
927
|
+
onClick: (y) => l.click ? l.click(a) : null,
|
|
928
|
+
class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
|
|
920
929
|
}, [
|
|
921
|
-
j(
|
|
930
|
+
j(l.field, a) ? (s(), n("div", Ae({
|
|
922
931
|
key: 0,
|
|
923
932
|
ref_for: !0
|
|
924
|
-
},
|
|
933
|
+
}, l.deactivate_img_preview ? {
|
|
925
934
|
class: "container-img"
|
|
926
935
|
} : {
|
|
927
|
-
onMouseover: (y) => f($)(y, j(
|
|
928
|
-
onMousemove: f(
|
|
936
|
+
onMouseover: (y) => f($)(y, j(l.field, a)),
|
|
937
|
+
onMousemove: f(D),
|
|
929
938
|
onMouseleave: f(I),
|
|
930
939
|
class: "container-img container-img-preview"
|
|
931
940
|
}), [
|
|
932
941
|
t("img", {
|
|
933
942
|
class: "img-tamanho",
|
|
934
|
-
src: j(
|
|
943
|
+
src: j(l.field, a)
|
|
935
944
|
}, null, 8, Et),
|
|
936
945
|
t("img", {
|
|
937
946
|
class: "img-tamanho-cover",
|
|
938
|
-
src: j(
|
|
947
|
+
src: j(l.field, a)
|
|
939
948
|
}, null, 8, It),
|
|
940
949
|
e[30] || (e[30] = t("div", { class: "bg-img" }, null, -1))
|
|
941
950
|
], 16)) : g("", !0)
|
|
942
|
-
], 10,
|
|
943
|
-
e[31] || (e[31] =
|
|
944
|
-
t("span", Ht, v(
|
|
945
|
-
e[32] || (e[32] =
|
|
951
|
+
], 10, At)) : (s(), n("span", Ot, [
|
|
952
|
+
e[31] || (e[31] = V("tipo ", -1)),
|
|
953
|
+
t("span", Ht, v(l.type), 1),
|
|
954
|
+
e[32] || (e[32] = V(" não suportado", -1))
|
|
946
955
|
]))
|
|
947
956
|
], 2))), 128))
|
|
948
957
|
]),
|
|
@@ -950,30 +959,30 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
950
959
|
}, 1024))), 128))
|
|
951
960
|
])
|
|
952
961
|
], 2)
|
|
953
|
-
])) :
|
|
962
|
+
])) : p.value === !1 ? (s(), n("div", Pt)) : (s(), n("div", qt, [...e[33] || (e[33] = [
|
|
954
963
|
t("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
|
|
955
964
|
])]))
|
|
956
965
|
])) : g("", !0)
|
|
957
966
|
], 2)
|
|
958
967
|
], 2),
|
|
959
968
|
O(r.$slots, "pagination", {
|
|
960
|
-
pagination:
|
|
969
|
+
pagination: c.value,
|
|
961
970
|
tradePage: E,
|
|
962
971
|
error: f(Y)
|
|
963
972
|
}, () => [
|
|
964
|
-
!f(Y) &&
|
|
973
|
+
!f(Y) && c.value.count > 0 ? (s(), n("div", {
|
|
965
974
|
key: 0,
|
|
966
975
|
class: m(["px-3", o.class_pagination])
|
|
967
976
|
}, [
|
|
968
977
|
Q(Ie, {
|
|
969
978
|
page_starts_at: o.page_starts_at,
|
|
970
979
|
filtering: !0,
|
|
971
|
-
pagination:
|
|
980
|
+
pagination: c.value,
|
|
972
981
|
onTradePage: E
|
|
973
982
|
}, null, 8, ["page_starts_at", "pagination"])
|
|
974
983
|
], 2)) : g("", !0)
|
|
975
984
|
], !0),
|
|
976
|
-
f(
|
|
985
|
+
f(b) ? (s(), n("div", {
|
|
977
986
|
key: 0,
|
|
978
987
|
class: "image-preview-container",
|
|
979
988
|
style: Ee(f(z))
|
|
@@ -982,11 +991,11 @@ const We = { class: "text-secondary" }, Je = { class: "mx-2 d-inline-block" }, Q
|
|
|
982
991
|
src: f(S),
|
|
983
992
|
alt: "Preview",
|
|
984
993
|
class: "image-preview-large"
|
|
985
|
-
}, null, 8,
|
|
994
|
+
}, null, 8, Lt)
|
|
986
995
|
], 4)) : g("", !0)
|
|
987
996
|
]));
|
|
988
997
|
}
|
|
989
|
-
}), Gt = /* @__PURE__ */ oe(Ut, [["__scopeId", "data-v-
|
|
998
|
+
}), Gt = /* @__PURE__ */ oe(Ut, [["__scopeId", "data-v-1f716b02"]]);
|
|
990
999
|
export {
|
|
991
1000
|
Xt as VColumn,
|
|
992
1001
|
Gt as VDataTable
|
package/package.json
CHANGED
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
</svg>
|
|
13
13
|
</a>
|
|
14
14
|
<div class="input-icon">
|
|
15
|
-
<input type="text" class="form-control ms-1" id="
|
|
16
|
-
@keyup.enter="$emit('search')" placeholder="
|
|
15
|
+
<input type="text" class="form-control ms-1" id="inputSearchVDataTable" v-model="modelSearch"
|
|
16
|
+
@keyup.enter="$emit('search')" :placeholder="placeholder_search">
|
|
17
17
|
|
|
18
18
|
<span v-if="modelSearch" @click="cleanSearch()" class=" inputClose" title="Limpar pesquisa">
|
|
19
19
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
@@ -61,6 +61,8 @@ interface SearchProps {
|
|
|
61
61
|
filter?: string;
|
|
62
62
|
list_filter?: any[];
|
|
63
63
|
item_use?: number[];
|
|
64
|
+
placeholder_search?: string;
|
|
65
|
+
deactivate_search_on_clear?: boolean;
|
|
64
66
|
}
|
|
65
67
|
const props = withDefaults(defineProps<SearchProps>(), {
|
|
66
68
|
filter: "",
|
|
@@ -93,8 +95,9 @@ const props = withDefaults(defineProps<SearchProps>(), {
|
|
|
93
95
|
// até o momento existem 2 items: 1 (search) e 2 (filter)
|
|
94
96
|
item_use: () => [1, 2], // se não for passado, assume que é para todos os itens
|
|
95
97
|
// até o momento existem 2 items: 1 (search) e 2 (filter)
|
|
96
|
-
|
|
98
|
+
placeholder_search: "Buscar...",
|
|
97
99
|
click: null,
|
|
100
|
+
deactivate_search_on_clear: false,
|
|
98
101
|
});
|
|
99
102
|
|
|
100
103
|
const emit = defineEmits(['update:search', 'update:filter', "search"])
|
|
@@ -143,7 +146,9 @@ function tradeFilter(newFilter: string): void {
|
|
|
143
146
|
|
|
144
147
|
function cleanSearch(): void {
|
|
145
148
|
modelSearch.value = ""
|
|
146
|
-
|
|
149
|
+
if (!props.deactivate_search_on_clear){
|
|
150
|
+
emit('search'); // emite o evento de busca para atualizar a lista
|
|
151
|
+
}
|
|
147
152
|
}
|
|
148
153
|
|
|
149
154
|
function clickItem(filter: any): void {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<div class="" :class="props.class_content">
|
|
6
6
|
<div :class="props.class_filters" class="d-flex justify-content-between align-items-start ">
|
|
7
7
|
<slot name="pageSize" :changePageSize="changePageSize" :limit_per_page="pagination.limit_per_page">
|
|
8
|
-
<div class="text-secondary">
|
|
8
|
+
<div class="text-secondary" :class="props.class_page_size">
|
|
9
9
|
{{ props.first_text_page_size }}
|
|
10
10
|
<div class="mx-2 d-inline-block">
|
|
11
11
|
<input class="form-control form-control-sm" @change="changePageSize"
|
|
@@ -21,7 +21,9 @@
|
|
|
21
21
|
</slot>
|
|
22
22
|
|
|
23
23
|
<Search v-model:search="pagination.search" v-model:filter="pagination.filter" :list_filter="props.list_filter"
|
|
24
|
-
:item_use="item_use" @search="reSearch"
|
|
24
|
+
:item_use="item_use" @search="reSearch"
|
|
25
|
+
:deactivate_search_on_clear="props.deactivate_search_on_clear"
|
|
26
|
+
:placeholder_search="props.placeholder_search"/>
|
|
25
27
|
</div>
|
|
26
28
|
<slot name="item-selected-info" :selected_items="selected_items" :clearSelection="() => selected_items = []">
|
|
27
29
|
<div v-if="(props.use_checkbox && selected_items.length > 0) && !props.deactivate_selected_info"
|
|
@@ -397,6 +399,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
|
|
|
397
399
|
class_container: '',
|
|
398
400
|
class_pagination: '',
|
|
399
401
|
class_filters: '',
|
|
402
|
+
class_page_size: '',
|
|
400
403
|
min_loading_delay: 600,
|
|
401
404
|
retry_attempts: 3,
|
|
402
405
|
retry_delay: 2000,
|
|
@@ -408,6 +411,8 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
|
|
|
408
411
|
page_starts_at: 0,
|
|
409
412
|
deactivate_selected_info: false,
|
|
410
413
|
immediate: true,
|
|
414
|
+
placeholder_search: "Buscar...",
|
|
415
|
+
deactivate_search_on_clear: false,
|
|
411
416
|
});
|
|
412
417
|
|
|
413
418
|
|
package/src/DatatableVue/keys.ts
CHANGED
|
@@ -37,6 +37,7 @@ export interface VDataTableProps {
|
|
|
37
37
|
class_container?: string;
|
|
38
38
|
class_pagination?: string;
|
|
39
39
|
class_filters?: string;
|
|
40
|
+
class_page_size?: string;
|
|
40
41
|
|
|
41
42
|
/*
|
|
42
43
|
* tempo mínimo em ms para mostrar o loading para evitar telas piscando
|
|
@@ -60,6 +61,8 @@ export interface VDataTableProps {
|
|
|
60
61
|
page_starts_at?: number;
|
|
61
62
|
deactivate_selected_info?: boolean;
|
|
62
63
|
immediate?: boolean;
|
|
64
|
+
placeholder_search?: string;
|
|
65
|
+
deactivate_search_on_clear?: boolean;
|
|
63
66
|
}
|
|
64
67
|
|
|
65
68
|
export interface ExposedFunctions<T extends Record<string, any>> {
|