veload 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +699 -3
- package/dist/components/VLoader/index.vue.d.ts +12 -0
- package/dist/components/VLoader/loaders.d.ts +38 -0
- package/dist/components/VLoader/types.d.ts +28 -0
- package/dist/components/VLoading/index.vue.d.ts +21 -0
- package/dist/components/VLoading/types.d.ts +27 -0
- package/dist/components/VLoadingButton/index.vue.d.ts +21 -0
- package/dist/components/VLoadingButton/types.d.ts +29 -0
- package/dist/components/VPatternSkeleton/index.vue.d.ts +18 -0
- package/dist/components/VPatternSkeleton/presets.d.ts +26 -0
- package/dist/components/VPatternSkeleton/types.d.ts +48 -0
- package/dist/components/VProgress/index.vue.d.ts +10 -0
- package/dist/components/VProgress/types.d.ts +45 -0
- package/dist/components/VSkeleton/index.vue.d.ts +7 -0
- package/dist/components/VSkeleton/types.d.ts +37 -0
- package/dist/components/VSkeletonGroup/index.vue.d.ts +17 -0
- package/dist/components/VSkeletonGroup/types.d.ts +8 -0
- package/dist/components/VSkeletonSwitch/index.vue.d.ts +31 -0
- package/dist/components/VSkeletonSwitch/types.d.ts +5 -0
- package/dist/components/VSpinner/index.vue.d.ts +9 -0
- package/dist/components/VSpinner/types.d.ts +29 -0
- package/dist/composables/useDelayedLoading.d.ts +32 -0
- package/dist/composables/useLoading.d.ts +28 -0
- package/dist/composables/useLoadingGroup.d.ts +25 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +24 -0
- package/dist/index.js +851 -0
- package/dist/style.css +2 -0
- package/dist/utils/css.d.ts +7 -0
- package/package.json +56 -6
package/dist/style.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.v-spinner[data-v-fc2fa43e]{vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.v-spinner__indicator[data-v-fc2fa43e]{box-sizing:border-box;border:var(--v-spinner-border-width,3px) solid var(--v-spinner-track-color,currentColor);border-radius:50%;flex:none;animation:.75s linear infinite veloader-spin-fc2fa43e;display:inline-block}@keyframes veloader-spin-fc2fa43e{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.v-spinner__indicator[data-v-fc2fa43e]{animation:none}}.v-skeleton[data-v-0ae45ca2]{box-sizing:border-box;background-color:var(--v-skeleton-base-color,#94a3b847);display:block;position:relative;overflow:hidden}.v-skeleton--text[data-v-0ae45ca2]{border-radius:var(--v-skeleton-radius,.25em)}.v-skeleton--rect[data-v-0ae45ca2]{border-radius:var(--v-skeleton-radius,.5rem)}.v-skeleton--circle[data-v-0ae45ca2]{border-radius:50%}.v-skeleton--animated[data-v-0ae45ca2]:after{content:"";background-image:linear-gradient(90deg, transparent, var(--v-skeleton-highlight-color,#ffffff8c), transparent);animation:veloader-skeleton-shimmer-0ae45ca2 var(--v-skeleton-duration,1.4s) ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes veloader-skeleton-shimmer-0ae45ca2{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.v-skeleton--animated[data-v-0ae45ca2]:after{animation:none;display:none}}.v-progress[data-v-86aeb0f3]{box-sizing:border-box;border-radius:var(--v-progress-radius,999px);background-color:var(--v-progress-track-color,#e2e8f0);width:100%;position:relative;overflow:hidden}.v-progress__bar[data-v-86aeb0f3]{border-radius:inherit;background-color:var(--v-progress-color,#2563eb);height:100%;transition:width .2s}.v-progress--indeterminate .v-progress__bar[data-v-86aeb0f3]{width:40%;animation:veloader-progress-indeterminate-86aeb0f3 var(--v-progress-duration,1.4s) ease-in-out infinite}@keyframes veloader-progress-indeterminate-86aeb0f3{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.v-progress__bar[data-v-86aeb0f3]{transition:none}.v-progress--indeterminate .v-progress__bar[data-v-86aeb0f3]{opacity:.55;width:100%;animation:none;transform:none}}.v-loading[data-v-ac332306]{isolation:isolate;position:relative}.v-loading__content[data-v-ac332306]{min-width:0}.v-loading__overlay[data-v-ac332306]{z-index:var(--v-loading-z-index,10);box-sizing:border-box;border-radius:var(--v-loading-radius,inherit);background-color:var(--v-loading-overlay-background,#ffffffb8);-webkit-backdrop-filter:var(--v-loading-backdrop-filter,none);backdrop-filter:var(--v-loading-backdrop-filter,none);color:var(--v-loading-color,#334155);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.v-loading--blocking .v-loading__overlay[data-v-ac332306]{pointer-events:auto}.v-loading__label[data-v-ac332306]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.v-loading__overlay[data-v-ac332306]{-webkit-backdrop-filter:none;backdrop-filter:none}}.v-loading-button[data-v-323480f1]{vertical-align:middle;box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.v-loading-button[data-v-323480f1]:disabled{cursor:not-allowed}.v-loading-button__content[data-v-323480f1]{justify-content:center;align-items:center;gap:var(--v-loading-button-gap,.5rem);display:inline-flex}.v-loading-button__content--hidden[data-v-323480f1]{opacity:0;pointer-events:none}.v-loading-button__indicator[data-v-323480f1]{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.v-loading-button[data-v-323480f1]{transition:none}}.v-loader[data-v-f38f76f8]{inline-size:var(--vl-size);block-size:var(--vl-size);color:var(--vl-color);vertical-align:middle;contain:layout paint;display:inline-flex}.v-loader__visual[data-v-f38f76f8]{block-size:100%;inline-size:100%;display:block;position:relative}.v-loader__mark[data-v-f38f76f8]{box-sizing:border-box;background:currentColor;display:block;position:absolute}.v-loader__value[data-v-f38f76f8]{font:600 calc(var(--vl-size) * .22)/1 ui-sans-serif, system-ui, sans-serif;place-items:center;display:grid;position:absolute;inset:0}.v-loader--spin .v-loader__visual[data-v-f38f76f8],.v-loader--gradient-ring .v-loader__visual[data-v-f38f76f8],.v-loader--rotate .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .09)) solid color-mix(in srgb, currentColor 18%, transparent);animation:spin-f38f76f8 var(--vl-duration) linear infinite;border-top-color:currentColor;border-radius:50%}.v-loader--gradient-ring .v-loader__visual[data-v-f38f76f8]{background:conic-gradient(from 40deg, transparent, currentColor, color-mix(in srgb, currentColor 35%, white), transparent 78%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, calc(var(--vl-size) * .1))), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, calc(var(--vl-size) * .1))), #000 0);border:0}.v-loader--rotate .v-loader__visual[data-v-f38f76f8]{border-radius:28% 72% 72% 28%;animation-timing-function:cubic-bezier(.6,.05,.35,.95)}.v-loader--ring .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .09)) solid currentColor;animation:spin-f38f76f8 calc(var(--vl-duration) * 1.25) cubic-bezier(.55,.1,.45,.9) infinite;border-inline-end-color:#0000;border-radius:50%}.v-loader--pulse .v-loader__visual[data-v-f38f76f8]{animation:pulse-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;border-radius:50%}.v-loader--ripple .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;animation:ripple-f38f76f8 var(--vl-duration) ease-out infinite;border-radius:50%}.v-loader--ripple .v-loader__mark[data-v-f38f76f8]{border:inherit;border-radius:inherit;animation:ripple-f38f76f8 var(--vl-duration) ease-out calc(var(--vl-duration) / -2) infinite;background:0 0;inset:0}.v-loader--orbit .v-loader__visual[data-v-f38f76f8]{border:max(1px, calc(var(--vl-size) * .035)) solid color-mix(in srgb, currentColor 35%, transparent);animation:spin-f38f76f8 calc(var(--vl-duration) * 1.6) linear infinite;border-radius:50%}.v-loader--orbit .v-loader__mark[data-v-f38f76f8]{block-size:22%;inline-size:22%;transform-origin:50% calc(var(--vl-size) * .61);animation:orbit-f38f76f8 var(--vl-duration) linear infinite;border-radius:50%;inset:-11% auto auto 39%}.v-loader--orbit-dots .v-loader__visual[data-v-f38f76f8]{animation:spin-f38f76f8 calc(var(--vl-duration) * 1.5) linear infinite}.v-loader--orbit-dots .v-loader__mark[data-v-f38f76f8]{block-size:19%;inline-size:19%;transform:rotate(calc(var(--vl-index) * 360deg / var(--vl-total))) translateY(calc(var(--vl-size) * -.38));opacity:calc(.35 + var(--vl-index) / var(--vl-total));border-radius:50%;inset:40%}.v-loader--spin-dots .v-loader__visual[data-v-f38f76f8]{animation:spin-f38f76f8 var(--vl-duration) steps(12) infinite}.v-loader--spin-dots .v-loader__mark[data-v-f38f76f8]{block-size:13%;inline-size:13%;transform:rotate(calc(var(--vl-index) * 360deg / var(--vl-total))) translateY(calc(var(--vl-size) * -.42));transform-origin:50%;opacity:calc(.2 + var(--vl-index) / var(--vl-total));border-radius:50%;inset:43.5%}.v-loader--progress-ring .v-loader__visual[data-v-f38f76f8]{background:conic-gradient(currentColor var(--vl-value), color-mix(in srgb, currentColor 14%, transparent) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(3px, calc(var(--vl-size) * .1))), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - max(3px, calc(var(--vl-size) * .1))), #000 0);animation:progress-ring-f38f76f8 calc(var(--vl-duration) * 2) ease-in-out infinite alternate;border-radius:50%}.v-loader--progress-ring:has(.v-loader__value) .v-loader__visual[data-v-f38f76f8]{animation:none}.v-loader--dots[data-v-f38f76f8],.v-loader--typing[data-v-f38f76f8],.v-loader--bounce[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.31 * var(--vl-total) - .12)))}.v-loader--bars[data-v-f38f76f8],.v-loader--equalizer[data-v-f38f76f8],.v-loader--wave[data-v-f38f76f8],.v-loader--stair[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.21 * var(--vl-total) - .08)))}.v-loader--dots .v-loader__visual[data-v-f38f76f8],.v-loader--typing .v-loader__visual[data-v-f38f76f8],.v-loader--bounce .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .12);display:flex}.v-loader--dots .v-loader__mark[data-v-f38f76f8],.v-loader--typing .v-loader__mark[data-v-f38f76f8],.v-loader--bounce .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .19);block-size:calc(var(--vl-size) * .19);animation:dot-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -8) infinite;border-radius:50%;position:relative}.v-loader--typing .v-loader__mark[data-v-f38f76f8]{animation-name:typing-f38f76f8}.v-loader--bounce .v-loader__mark[data-v-f38f76f8]{box-shadow:0 calc(var(--vl-size) * .18) 0 color-mix(in srgb, currentColor 14%, transparent);animation-name:bounce-f38f76f8}.v-loader--bars .v-loader__visual[data-v-f38f76f8],.v-loader--equalizer .v-loader__visual[data-v-f38f76f8],.v-loader--wave .v-loader__visual[data-v-f38f76f8],.v-loader--stair .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .08);display:flex}.v-loader--bars .v-loader__mark[data-v-f38f76f8],.v-loader--equalizer .v-loader__mark[data-v-f38f76f8],.v-loader--wave .v-loader__mark[data-v-f38f76f8],.v-loader--stair .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .13);transform-origin:50%;block-size:65%;animation:bars-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -7) infinite;border-radius:999px;position:relative}.v-loader--equalizer .v-loader__mark[data-v-f38f76f8]{border-radius:calc(var(--vl-size) * .04);animation-name:equalizer-f38f76f8}.v-loader--wave .v-loader__mark[data-v-f38f76f8]{border-radius:50%;block-size:18%;animation-name:wave-f38f76f8}.v-loader--stair .v-loader__mark[data-v-f38f76f8]{block-size:calc(18% + var(--vl-index) * 15%);align-self:flex-end;animation-name:stair-f38f76f8}.v-loader--grid .v-loader__visual[data-v-f38f76f8],.v-loader--squares .v-loader__visual[data-v-f38f76f8],.v-loader--heatmap .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(2,1fr);gap:12%;padding:8%;display:grid}.v-loader--grid .v-loader__mark[data-v-f38f76f8],.v-loader--squares .v-loader__mark[data-v-f38f76f8],.v-loader--heatmap .v-loader__mark[data-v-f38f76f8]{animation:grid-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -6) infinite;border-radius:20%;position:relative}.v-loader--squares .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(3,1fr)}.v-loader--squares .v-loader__mark[data-v-f38f76f8]{border-radius:8%;animation-name:squares-f38f76f8}.v-loader--heatmap .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(3,1fr);gap:7%;padding:2%}.v-loader--heatmap .v-loader__mark[data-v-f38f76f8]{border-radius:20%;animation-name:heatmap-f38f76f8}.v-loader--card-flip .v-loader__visual[data-v-f38f76f8],.v-loader--element .v-loader__visual[data-v-f38f76f8],.v-loader--plane .v-loader__visual[data-v-f38f76f8],.v-loader--logo-spin .v-loader__visual[data-v-f38f76f8],.v-loader--morph .v-loader__visual[data-v-f38f76f8],.v-loader--blob .v-loader__visual[data-v-f38f76f8]{background:currentColor}.v-loader--card-flip .v-loader__visual[data-v-f38f76f8]{block-size:72%;inline-size:72%;animation:card-flip-f38f76f8 var(--vl-duration) cubic-bezier(.6,.05,.3,.95) infinite;border-radius:12%;margin:14%}.v-loader--element .v-loader__visual[data-v-f38f76f8]{block-size:62%;inline-size:62%;animation:element-f38f76f8 var(--vl-duration) ease-in-out infinite;border-radius:10%;margin:19%;transform:rotate(45deg)}.v-loader--plane .v-loader__visual[data-v-f38f76f8]{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);animation:plane-f38f76f8 var(--vl-duration) ease-in-out infinite}.v-loader--logo-spin .v-loader__visual[data-v-f38f76f8]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:spin-f38f76f8 calc(var(--vl-duration) * 1.2) cubic-bezier(.5,0,.5,1) infinite;border-radius:30% 70%}.v-loader--morph .v-loader__visual[data-v-f38f76f8]{animation:morph-f38f76f8 var(--vl-duration) ease-in-out infinite;border-radius:32% 68% 62% 38%/35% 36% 64% 65%}.v-loader--blob .v-loader__visual[data-v-f38f76f8]{animation:blob-f38f76f8 calc(var(--vl-duration) * 1.8) ease-in-out infinite;border-radius:48% 52% 36% 64%/57% 40% 60% 43%}.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:before,.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:after{content:"";background:currentColor;border-radius:999px;position:absolute;inset:8% 39%;transform:rotate(15deg)}.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:after{transform:rotate(105deg)}.v-loader--fallback .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .08)) dashed currentColor;animation:spin-f38f76f8 calc(var(--vl-duration) * 1.4) linear infinite;border-radius:50%}.v-loader--signal .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;animation:signal-f38f76f8 var(--vl-duration) ease-in-out infinite;border-bottom-color:#0000;border-left-color:#0000;border-radius:100% 0 0}.v-loader--snake .v-loader__visual[data-v-f38f76f8]{border:max(3px, calc(var(--vl-size) * .1)) solid transparent;animation:snake-f38f76f8 var(--vl-duration) linear infinite;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%}.v-loader--liquid .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;border-radius:50%;overflow:hidden}.v-loader--liquid .v-loader__visual[data-v-f38f76f8]:after{content:"";block-size:90%;inline-size:180%;animation:liquid-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;border-radius:42%;position:absolute;inset:42% auto auto -40%}.v-loader--flow .v-loader__visual[data-v-f38f76f8]{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:999px;overflow:hidden}.v-loader--flow .v-loader__visual[data-v-f38f76f8]:after{content:"";border-radius:inherit;animation:flow-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;position:absolute;inset:36% 0}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]{border-radius:50%}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]:first-child{border:max(1px, calc(var(--vl-size) * .045)) solid currentColor;opacity:.4;animation:breathing-halo-f38f76f8 var(--vl-duration) cubic-bezier(.45, 0, .55, 1) infinite;background:0 0;inset:12%;transform:scale(.86)}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]:last-child{inset:40%}.v-loader--dual-arc .v-loader__mark[data-v-f38f76f8]{border:max(1px, calc(var(--vl-size) * .055)) solid transparent;animation:spin-f38f76f8 var(--vl-duration) linear infinite;background:0 0;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;inset:5%}.v-loader--dual-arc .v-loader__mark[data-v-f38f76f8]:last-child{opacity:.65;animation-direction:reverse;animation-duration:calc(var(--vl-duration) * 1.25);border-color:#0000 #0000 currentColor currentColor;inset:25%}.v-loader--dot-sweep[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.34 * var(--vl-total) + .2)))}.v-loader--dot-sweep .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .18);display:flex}.v-loader--dot-sweep .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .16);block-size:calc(var(--vl-size) * .16);opacity:.65;animation:dot-sweep-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / var(--vl-total) * -1) infinite;border-radius:50%;flex-shrink:0;position:relative}.v-loader--sliding-bars[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * 1.5);block-size:max(var(--vl-size), calc(var(--vl-size) * (.2 * var(--vl-total) + .1)))}.v-loader--sliding-bars .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .1);flex-direction:column;display:flex}.v-loader--sliding-bars .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .8);block-size:calc(var(--vl-size) * .1);opacity:.85;animation:sliding-bars-f38f76f8 var(--vl-duration) cubic-bezier(.65, 0, .35, 1) infinite;border-radius:999px;flex-shrink:0;position:relative}.v-loader--sliding-bars .v-loader__mark[data-v-f38f76f8]:nth-child(2n){opacity:.5;animation-delay:calc(var(--vl-duration) / -2)}@keyframes breathing-halo-f38f76f8{0%,to{opacity:.35;transform:scale(.86)}50%{opacity:.7;transform:scale(1.12)}}@keyframes dot-sweep-f38f76f8{0%,to{opacity:.3;transform:translate(-55%)}50%{opacity:1;transform:translate(55%)}}@keyframes sliding-bars-f38f76f8{0%,to{transform:translate(-25%)}50%{transform:translate(25%)}}@keyframes spin-f38f76f8{to{transform:rotate(360deg)}}@keyframes orbit-f38f76f8{to{transform:rotate(360deg)}}@keyframes pulse-f38f76f8{50%{opacity:.45;transform:scale(.62)}}@keyframes ripple-f38f76f8{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes progress-ring-f38f76f8{to{transform:rotate(160deg)}}@keyframes dot-f38f76f8{50%{opacity:.38;transform:translateY(-35%)}}@keyframes typing-f38f76f8{50%{opacity:.35;transform:scale(.65)}}@keyframes bounce-f38f76f8{50%{transform:translateY(-65%)}}@keyframes bars-f38f76f8{50%{opacity:.42;transform:scaleY(.28)}}@keyframes equalizer-f38f76f8{50%{transform:scaleY(.22)}}@keyframes wave-f38f76f8{50%{transform:translateY(-100%)scale(1.25)}}@keyframes stair-f38f76f8{50%{opacity:.4;transform:translateY(-38%)}}@keyframes grid-f38f76f8{50%{opacity:.35;transform:scale(.45)}}@keyframes squares-f38f76f8{50%{transform:rotate(90deg)scale(.6)}}@keyframes heatmap-f38f76f8{50%{background:color-mix(in srgb, currentColor 28%, transparent);transform:scale(.78)}}@keyframes card-flip-f38f76f8{50%{transform:rotateY(180deg)scale(.82)}}@keyframes element-f38f76f8{50%{border-radius:50%;transform:rotate(225deg)scale(.68)}}@keyframes plane-f38f76f8{50%{transform:translateY(-16%)rotate(8deg)}}@keyframes morph-f38f76f8{50%{border-radius:64% 36% 38% 62%/58% 65% 35% 42%;transform:rotate(90deg)scale(.82)}}@keyframes blob-f38f76f8{50%{border-radius:67% 33% 55% 45%/36% 61% 39% 64%;transform:rotate(24deg)scale(.87)}}@keyframes signal-f38f76f8{50%{opacity:.4;transform:scale(.72)}}@keyframes snake-f38f76f8{to{transform:rotate(360deg)}}@keyframes liquid-f38f76f8{50%{transform:translate(22%)rotate(8deg)}}@keyframes flow-f38f76f8{50%{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.v-loader[data-v-f38f76f8] *,.v-loader__visual[data-v-f38f76f8],.v-loader__visual[data-v-f38f76f8]:before,.v-loader__visual[data-v-f38f76f8]:after{transition:none!important;animation:none!important}.v-loader--ripple .v-loader__mark[data-v-f38f76f8]{display:none}}.v-pattern-skeleton[data-v-e1a021e1]{gap:.75rem;width:100%;max-width:38rem;display:grid}.v-pattern-skeleton__body[data-v-e1a021e1]{align-content:center;gap:.45rem;min-width:0;display:grid}.v-pattern-skeleton--profile[data-v-e1a021e1]{grid-template-columns:auto 1fr;align-items:start}.v-pattern-skeleton--profile .v-pattern-skeleton__stats[data-v-e1a021e1]{grid-column:1/-1}.v-pattern-skeleton--media[data-v-e1a021e1]{grid-template-columns:auto 1fr;align-items:start}.v-pattern-skeleton__feed-item[data-v-e1a021e1],.v-pattern-skeleton__inline[data-v-e1a021e1]{align-items:center;gap:.75rem;display:flex}.v-pattern-skeleton__feed-item+.v-pattern-skeleton__feed-item[data-v-e1a021e1]{border-top:1px solid color-mix(in srgb, currentColor 9%, transparent);padding-top:.75rem}.v-pattern-skeleton__feed-item .v-pattern-skeleton__body[data-v-e1a021e1]{flex:1}.v-pattern-skeleton__stats[data-v-e1a021e1]{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.75rem;display:grid}.v-pattern-skeleton__table-row[data-v-e1a021e1]{border-bottom:1px solid color-mix(in srgb, currentColor 9%, transparent);align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.v-pattern-skeleton__field[data-v-e1a021e1]{gap:.4rem;display:grid}.v-skeleton-group[data-v-6a86d8c9]{width:100%;display:grid}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Converts a numeric or string length into a CSS length.
|
|
3
|
+
*
|
|
4
|
+
* Numeric values are interpreted as pixels and clamped to zero. Invalid
|
|
5
|
+
* numeric values and blank strings fall back to `fallback`.
|
|
6
|
+
*/
|
|
7
|
+
export declare function toCssLength(value: number | string | null | undefined, fallback: string): string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,56 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "veload",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "veload",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "A lightweight and customizable loading toolkit for Vue 3.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.cjs",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.js",
|
|
13
|
+
"require": "./dist/index.cjs"
|
|
14
|
+
},
|
|
15
|
+
"./style.css": "./dist/style.css"
|
|
16
|
+
},
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
20
|
+
"sideEffects": [
|
|
21
|
+
"**/*.css"
|
|
22
|
+
],
|
|
23
|
+
"license": "MIT",
|
|
24
|
+
"homepage": "https://veloader-playground.vercel.app",
|
|
25
|
+
"publishConfig": {
|
|
26
|
+
"access": "public"
|
|
27
|
+
},
|
|
28
|
+
"keywords": [
|
|
29
|
+
"vue",
|
|
30
|
+
"vue3",
|
|
31
|
+
"loading",
|
|
32
|
+
"spinner",
|
|
33
|
+
"loader"
|
|
34
|
+
],
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "vite build && npm run build:types",
|
|
37
|
+
"typecheck": "vue-tsc --noEmit",
|
|
38
|
+
"build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",
|
|
39
|
+
"test": "vitest run",
|
|
40
|
+
"check:consumer": "node scripts/consumer-check.mjs",
|
|
41
|
+
"check:bundle": "node scripts/measure-bundle.mjs"
|
|
42
|
+
},
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"vue": "^3.5.2"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@vitejs/plugin-vue": "^6.0.10",
|
|
48
|
+
"@vue/test-utils": "^2.5.1",
|
|
49
|
+
"jsdom": "^29.1.1",
|
|
50
|
+
"typescript": "^5.9.3",
|
|
51
|
+
"vite": "^8.3.4",
|
|
52
|
+
"vitest": "^5.0.5",
|
|
53
|
+
"vue": "^3.5.2",
|
|
54
|
+
"vue-tsc": "^3.3.13"
|
|
55
|
+
}
|
|
56
|
+
}
|