little-dizzy 2.3.0 → 2.4.0

package/dist/little-dizzy.css

@@ -1 +1 @@
-[data-v-75f082b2]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-75f082b2]::-webkit-scrollbar{display:none}body[data-v-75f082b2]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-75f082b2]:hover{opacity:.9}.btn[data-v-75f082b2]:active{opacity:1}.btn[data-v-75f082b2]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-75f082b2]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-75f082b2]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-75f082b2]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-75f082b2]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-75f082b2]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-75f082b2]:hover{color:#409eff;border-color:#409eff}.card[data-v-75f082b2]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-75f082b2]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-75f082b2]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-75f082b2]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-75f082b2]{flex:1 1 auto;padding:16px}.card-footer[data-v-75f082b2]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal[data-v-75f082b2]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal.show[data-v-75f082b2]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-75f082b2]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-75f082b2]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-75f082b2]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-75f082b2]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-75f082b2]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-75f082b2]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-75f082b2]:hover{opacity:1}.modal-body[data-v-75f082b2]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-75f082b2]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal-footer[data-v-75f082b2]>*+*{margin-left:8px}.btn[data-v-75f082b2]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-75f082b2]:hover:not(.btn-disabled){opacity:.9}.btn[data-v-75f082b2]:active:not(.btn-disabled){opacity:1}.btn.btn-disabled[data-v-75f082b2]{cursor:not-allowed;opacity:.6}.btn-primary[data-v-75f082b2]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-75f082b2]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-75f082b2]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-75f082b2]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-75f082b2]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#767980;border-color:#767980}.btn-secondary[data-v-75f082b2]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-75f082b2]:hover:not(.btn-disabled){color:#409eff;border-color:#409eff}.btn-small[data-v-75f082b2]{padding:4px 8px;font-size:12px}.btn-medium[data-v-75f082b2]{padding:8px 16px;font-size:14px}.btn-large[data-v-75f082b2]{padding:12px 24px;font-size:16px}.btn-block[data-v-75f082b2]{display:block;width:100%}[data-v-2d83e63a]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-2d83e63a]::-webkit-scrollbar{display:none}body[data-v-2d83e63a]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-2d83e63a]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-2d83e63a]:hover{opacity:.9}.btn[data-v-2d83e63a]:active{opacity:1}.btn[data-v-2d83e63a]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-2d83e63a]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-2d83e63a]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-2d83e63a]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-2d83e63a]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-2d83e63a]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-2d83e63a]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-2d83e63a]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-2d83e63a]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-2d83e63a]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-2d83e63a]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-2d83e63a]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-2d83e63a]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-2d83e63a]{padding:4px 8px;font-size:12px}.btn-large[data-v-2d83e63a]{padding:12px 24px;font-size:16px}.card[data-v-2d83e63a]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-2d83e63a]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-2d83e63a]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-2d83e63a]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-2d83e63a]{flex:1 1 auto;padding:16px}.card-footer[data-v-2d83e63a]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal[data-v-2d83e63a]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal.show[data-v-2d83e63a]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-2d83e63a]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-2d83e63a]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-2d83e63a]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-2d83e63a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-2d83e63a]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-2d83e63a]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-2d83e63a]:hover{opacity:1}.modal-body[data-v-2d83e63a]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-2d83e63a]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal-footer[data-v-2d83e63a]>*+*{margin-left:8px}.card[data-v-2d83e63a]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;transition:box-shadow .3s}.card-shadow[data-v-2d83e63a]{box-shadow:0 2px 4px #0000001a}.card-shadow[data-v-2d83e63a]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-2d83e63a]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125);display:flex;justify-content:space-between;align-items:center}.card-header-title[data-v-2d83e63a]{margin:0;font-size:16px;font-weight:600;color:#303133}.card-body[data-v-2d83e63a]{flex:1 1 auto;padding:16px;color:#606266}.card-footer[data-v-2d83e63a]{padding:16px;border-top:1px solid rgba(0,0,0,.125);background-color:#fafafa;border-bottom-left-radius:7px;border-bottom-right-radius:7px}[data-v-39af2dcd]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-39af2dcd]::-webkit-scrollbar{display:none}body[data-v-39af2dcd]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-39af2dcd]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-39af2dcd]:hover{opacity:.9}.btn[data-v-39af2dcd]:active{opacity:1}.btn[data-v-39af2dcd]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-39af2dcd]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-39af2dcd]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-39af2dcd]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-39af2dcd]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-39af2dcd]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-39af2dcd]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-39af2dcd]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-39af2dcd]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-39af2dcd]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-39af2dcd]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-39af2dcd]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-39af2dcd]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-39af2dcd]{padding:4px 8px;font-size:12px}.btn-large[data-v-39af2dcd]{padding:12px 24px;font-size:16px}.card[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-39af2dcd]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-39af2dcd]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-39af2dcd]{flex:1 1 auto;padding:16px}.card-footer[data-v-39af2dcd]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal.show[data-v-39af2dcd]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-39af2dcd]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-39af2dcd]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-39af2dcd]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-39af2dcd]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-39af2dcd]:hover{opacity:1}.modal-body[data-v-39af2dcd]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-39af2dcd]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal[data-v-39af2dcd]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal-show[data-v-39af2dcd]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-39af2dcd]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:90vw;pointer-events:none}.modal-content[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;width:500px;max-width:100%;max-height:90vh;pointer-events:auto;background-color:var(--ld-card-bg, #fff);background-clip:padding-box;border:1px solid var(--ld-border-color, rgba(0, 0, 0, .2));border-radius:8px;outline:0;box-shadow:var(--ld-card-shadow, 0 6px 20px rgba(0, 0, 0, .2));overflow:hidden}.modal-header[data-v-39af2dcd]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--ld-border-color-light, #dee2e6);border-top-left-radius:7px;border-top-right-radius:7px;background-color:var(--ld-card-bg, #fff)}.modal-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600;color:var(--ld-text-primary, #303133)}.modal-header-close[data-v-39af2dcd]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--ld-text-secondary, #6c757d);opacity:.5;transition:all .2s}.modal-header-close[data-v-39af2dcd]:hover{opacity:1;color:var(--ld-text-primary, #303133)}.modal-body[data-v-39af2dcd]{position:relative;flex:1 1 auto;padding:16px;color:var(--ld-text-regular, #606266);background-color:var(--ld-card-bg, #fff)}.modal-footer[data-v-39af2dcd]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid var(--ld-border-color-light, #dee2e6);border-bottom-left-radius:7px;border-bottom-right-radius:7px;background-color:var(--ld-card-bg, #fff)}.modal-footer[data-v-39af2dcd]>*+*{margin-left:8px}.message-enter-active[data-v-d727fd6c]{animation:message-in-d727fd6c .3s cubic-bezier(.34,1.56,.64,1)}.message-leave-active[data-v-d727fd6c]{animation:message-out-d727fd6c .2s ease-in forwards}.message-move[data-v-d727fd6c]{transition:transform .3s ease}@keyframes message-in-d727fd6c{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-out-d727fd6c{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.button[data-v-7124b716]{width:fit-content;display:flex;padding:1.2em 1rem;cursor:pointer;gap:.4rem;font-weight:700;border-radius:30px;text-shadow:2px 2px 3px rgb(136 0 136 / 50%);background:linear-gradient(15deg,#808,#aa2068,#cc3f47,#de6f3d,#f09f33,#de6f3d,#cc3f47,#aa2068,#808) no-repeat;background-size:300%;color:#fff;border:none;background-position:left center;box-shadow:0 30px 10px -20px #0003;transition:background .3s ease}.button[data-v-7124b716]:hover{background-size:320%;background-position:right center}.button:hover svg[data-v-7124b716]{fill:#fff}.button svg[data-v-7124b716]{width:23px;fill:#f09f33;transition:.3s ease}.loader-wrapper[data-v-f22456dd]{position:relative;display:flex;align-items:center;justify-content:center;height:120px;width:auto;margin:2rem;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:600;-webkit-user-select:none;user-select:none;color:#fff;scale:2}.loader[data-v-f22456dd]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;background-color:transparent;-webkit-mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,black 7px,black 8px);mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,black 7px,black 8px)}.loader[data-v-f22456dd]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,#ff0 0%,transparent 50%),radial-gradient(circle at 45% 45%,#f00 0%,transparent 45%),radial-gradient(circle at 55% 55%,#0ff 0%,transparent 45%),radial-gradient(circle at 45% 55%,#0f0 0%,transparent 45%),radial-gradient(circle at 55% 45%,#00f 0%,transparent 45%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,black 25%);mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,black 25%);animation:transform-animation-f22456dd 2s infinite alternate,opacity-animation-f22456dd 4s infinite;animation-timing-function:cubic-bezier(.6,.8,.5,1)}@keyframes transform-animation-f22456dd{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes opacity-animation-f22456dd{0%,to{opacity:0}15%{opacity:1}65%{opacity:0}}.loader-letter[data-v-f22456dd]{display:inline-block;opacity:0;animation:loader-letter-anim-f22456dd 4s infinite linear;z-index:2}.loader-letter[data-v-f22456dd]:nth-child(1){animation-delay:.1s}.loader-letter[data-v-f22456dd]:nth-child(2){animation-delay:.205s}.loader-letter[data-v-f22456dd]:nth-child(3){animation-delay:.31s}.loader-letter[data-v-f22456dd]:nth-child(4){animation-delay:.415s}.loader-letter[data-v-f22456dd]:nth-child(5){animation-delay:.521s}.loader-letter[data-v-f22456dd]:nth-child(6){animation-delay:.626s}.loader-letter[data-v-f22456dd]:nth-child(7){animation-delay:.731s}.loader-letter[data-v-f22456dd]:nth-child(8){animation-delay:.837s}.loader-letter[data-v-f22456dd]:nth-child(9){animation-delay:.942s}.loader-letter[data-v-f22456dd]:nth-child(10){animation-delay:1.047s}@keyframes loader-letter-anim-f22456dd{0%{opacity:0}5%{opacity:1;text-shadow:0 0 4px #fff;transform:scale(1.1) translateY(-2px)}20%{opacity:.2}to{opacity:0}}.theme[data-v-0b85d094]{display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.theme__fill[data-v-0b85d094],.theme__icon[data-v-0b85d094]{transition:.3s}.theme__fill[data-v-0b85d094]{background-color:var(--bg);display:block;mix-blend-mode:difference;position:fixed;inset:0;height:100%;transform:translate(-100%)}.theme__icon[data-v-0b85d094],.theme__toggle[data-v-0b85d094]{z-index:1}.theme__icon[data-v-0b85d094],.theme__icon-part[data-v-0b85d094]{position:absolute}.theme__icon[data-v-0b85d094]{display:block;top:.5em;left:.5em;width:1.5em;height:1.5em}.theme__icon-part[data-v-0b85d094]{border-radius:50%;box-shadow:.4em -.4em 0 .5em #fff inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1em;height:1em;transition:box-shadow var(--transDur) ease-in-out,opacity var(--transDur) ease-in-out,transform var(--transDur) ease-in-out;transform:scale(.5)}.theme__icon-part~.theme__icon-part[data-v-0b85d094]{background-color:#fff;border-radius:.05em;top:50%;left:calc(50% - .05em);transform:rotate(0) translateY(.5em);transform-origin:50% 0;width:.1em;height:.2em}.theme__icon-part[data-v-0b85d094]:nth-child(3){transform:rotate(45deg) translateY(.45em)}.theme__icon-part[data-v-0b85d094]:nth-child(4){transform:rotate(90deg) translateY(.45em)}.theme__icon-part[data-v-0b85d094]:nth-child(5){transform:rotate(135deg) translateY(.45em)}.theme__icon-part[data-v-0b85d094]:nth-child(6){transform:rotate(180deg) translateY(.45em)}.theme__icon-part[data-v-0b85d094]:nth-child(7){transform:rotate(225deg) translateY(.45em)}.theme__icon-part[data-v-0b85d094]:nth-child(8){transform:rotate(270deg) translateY(.5em)}.theme__icon-part[data-v-0b85d094]:nth-child(9){transform:rotate(315deg) translateY(.5em)}.theme__label[data-v-0b85d094],.theme__toggle[data-v-0b85d094],.theme__toggle-wrap[data-v-0b85d094]{position:relative}.theme__toggle[data-v-0b85d094],.theme__toggle[data-v-0b85d094]:before{display:block}.theme__toggle[data-v-0b85d094]{background-color:#fbedb6;border-radius:25%/50%;box-shadow:0 0 0 .125em var(--primaryT);padding:.25em;width:6em;height:3em;-webkit-appearance:none;appearance:none;transition:background-color var(--transDur) ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur) ease-in-out}.theme__toggle[data-v-0b85d094]:before{background-color:#f4ca25;border-radius:50%;content:"";width:2.5em;height:2.5em;transition:.3s}.theme__toggle[data-v-0b85d094]:focus{box-shadow:0 0 0 .125em var(--primary);outline:transparent}.theme__toggle[data-v-0b85d094]:checked{background-color:#043449}.theme__toggle[data-v-0b85d094]:checked:before,.theme__toggle:checked~.theme__icon[data-v-0b85d094]{transform:translate(3em)}.theme__toggle[data-v-0b85d094]:checked:before{background-color:#25b6f4}.theme__toggle:checked~.theme__fill[data-v-0b85d094]{transform:translate(0)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(1){box-shadow:.2em -.2em 0 .2em #fff inset;transform:scale(1);top:.2em;left:-.2em}.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part[data-v-0b85d094]{opacity:0}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(2){transform:rotate(45deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(3){transform:rotate(90deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(4){transform:rotate(135deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(5){transform:rotate(180deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(6){transform:rotate(225deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(7){transform:rotate(270deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(8){transform:rotate(315deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-0b85d094]:nth-child(9){transform:rotate(360deg) translateY(.8em)}.theme__toggle-wrap[data-v-0b85d094]{margin:0 .75em}@supports selector(:focus-visible){.theme__toggle[data-v-0b85d094]:focus{box-shadow:0 0 0 .125em var(--primaryT)}.theme__toggle[data-v-0b85d094]:focus-visible{box-shadow:0 0 0 .125em var(--primary)}}
+[data-v-75f082b2]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-75f082b2]::-webkit-scrollbar{display:none}body[data-v-75f082b2]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-75f082b2]:hover{opacity:.9}.btn[data-v-75f082b2]:active{opacity:1}.btn[data-v-75f082b2]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-75f082b2]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-75f082b2]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-75f082b2]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-75f082b2]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-75f082b2]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-75f082b2]:hover{color:#409eff;border-color:#409eff}.card[data-v-75f082b2]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-75f082b2]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-75f082b2]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-75f082b2]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-75f082b2]{flex:1 1 auto;padding:16px}.card-footer[data-v-75f082b2]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal[data-v-75f082b2]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal.show[data-v-75f082b2]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-75f082b2]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-75f082b2]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-75f082b2]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-75f082b2]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-75f082b2]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-75f082b2]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-75f082b2]:hover{opacity:1}.modal-body[data-v-75f082b2]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-75f082b2]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal-footer[data-v-75f082b2]>*+*{margin-left:8px}.btn[data-v-75f082b2]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-75f082b2]:hover:not(.btn-disabled){opacity:.9}.btn[data-v-75f082b2]:active:not(.btn-disabled){opacity:1}.btn.btn-disabled[data-v-75f082b2]{cursor:not-allowed;opacity:.6}.btn-primary[data-v-75f082b2]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-75f082b2]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-75f082b2]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-75f082b2]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-75f082b2]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-75f082b2]:hover:not(.btn-disabled){background-color:#767980;border-color:#767980}.btn-secondary[data-v-75f082b2]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-75f082b2]:hover:not(.btn-disabled){color:#409eff;border-color:#409eff}.btn-small[data-v-75f082b2]{padding:4px 8px;font-size:12px}.btn-medium[data-v-75f082b2]{padding:8px 16px;font-size:14px}.btn-large[data-v-75f082b2]{padding:12px 24px;font-size:16px}.btn-block[data-v-75f082b2]{display:block;width:100%}[data-v-1e2b2467]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-1e2b2467]::-webkit-scrollbar{display:none}body[data-v-1e2b2467]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-1e2b2467]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-1e2b2467]:hover{opacity:.9}.btn[data-v-1e2b2467]:active{opacity:1}.btn[data-v-1e2b2467]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-1e2b2467]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-1e2b2467]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-1e2b2467]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-1e2b2467]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-1e2b2467]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-1e2b2467]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-1e2b2467]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-1e2b2467]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-1e2b2467]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-1e2b2467]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-1e2b2467]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-1e2b2467]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-1e2b2467]{padding:4px 8px;font-size:12px}.btn-large[data-v-1e2b2467]{padding:12px 24px;font-size:16px}.card[data-v-1e2b2467]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-1e2b2467]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-1e2b2467]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-1e2b2467]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-1e2b2467]{flex:1 1 auto;padding:16px}.card-footer[data-v-1e2b2467]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal[data-v-1e2b2467]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal.show[data-v-1e2b2467]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-1e2b2467]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-1e2b2467]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-1e2b2467]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-1e2b2467]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-1e2b2467]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-1e2b2467]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-1e2b2467]:hover{opacity:1}.modal-body[data-v-1e2b2467]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-1e2b2467]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal-footer[data-v-1e2b2467]>*+*{margin-left:8px}.card[data-v-1e2b2467]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ld-card-bg, #fff);background-clip:border-box;border:1px solid var(--ld-border-color-light, rgba(0, 0, 0, .125));border-radius:8px;transition:box-shadow .3s,background-color .3s,border-color .3s}.card-shadow[data-v-1e2b2467]{box-shadow:var(--ld-card-shadow, 0 2px 4px rgba(0, 0, 0, .1))}.card-shadow[data-v-1e2b2467]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-1e2b2467]{padding:16px;border-bottom:1px solid var(--ld-border-color-light, rgba(0, 0, 0, .125));display:flex;justify-content:space-between;align-items:center;background-color:var(--ld-card-bg, #fff)}.card-header-title[data-v-1e2b2467]{margin:0;font-size:16px;font-weight:600;color:var(--ld-text-primary, #303133)}.card-body[data-v-1e2b2467]{flex:1 1 auto;padding:16px;color:var(--ld-text-regular, #606266)}.card-footer[data-v-1e2b2467]{padding:16px;border-top:1px solid var(--ld-border-color-light, rgba(0, 0, 0, .125));background-color:var(--ld-bg-color-page, #fafafa);border-bottom-left-radius:7px;border-bottom-right-radius:7px}[data-v-39af2dcd]{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}[data-v-39af2dcd]::-webkit-scrollbar{display:none}body[data-v-39af2dcd]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-39af2dcd]{display:inline-block;padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .3s}.btn[data-v-39af2dcd]:hover{opacity:.9}.btn[data-v-39af2dcd]:active{opacity:1}.btn[data-v-39af2dcd]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-39af2dcd]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-39af2dcd]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-39af2dcd]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-39af2dcd]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-39af2dcd]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-39af2dcd]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-39af2dcd]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-39af2dcd]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-39af2dcd]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-39af2dcd]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-39af2dcd]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-39af2dcd]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-39af2dcd]{padding:4px 8px;font-size:12px}.btn-large[data-v-39af2dcd]{padding:12px 24px;font-size:16px}.card[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.card[data-v-39af2dcd]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-39af2dcd]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-39af2dcd]{flex:1 1 auto;padding:16px}.card-footer[data-v-39af2dcd]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal.show[data-v-39af2dcd]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-39af2dcd]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-39af2dcd]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:8px;outline:0;box-shadow:0 6px 20px #0003}.modal-header[data-v-39af2dcd]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #dee2e6;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600}.modal-header-close[data-v-39af2dcd]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:#6c757d;opacity:.5}.modal-header-close[data-v-39af2dcd]:hover{opacity:1}.modal-body[data-v-39af2dcd]{position:relative;flex:1 1 auto;padding:16px}.modal-footer[data-v-39af2dcd]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #dee2e6;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.modal[data-v-39af2dcd]{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:#00000080}.modal-show[data-v-39af2dcd]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-39af2dcd]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:90vw;pointer-events:none}.modal-content[data-v-39af2dcd]{position:relative;display:flex;flex-direction:column;width:500px;max-width:100%;max-height:90vh;pointer-events:auto;background-color:var(--ld-card-bg, #fff);background-clip:padding-box;border:1px solid var(--ld-border-color, rgba(0, 0, 0, .2));border-radius:8px;outline:0;box-shadow:var(--ld-card-shadow, 0 6px 20px rgba(0, 0, 0, .2));overflow:hidden}.modal-header[data-v-39af2dcd]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--ld-border-color-light, #dee2e6);border-top-left-radius:7px;border-top-right-radius:7px;background-color:var(--ld-card-bg, #fff)}.modal-header-title[data-v-39af2dcd]{margin:0;font-size:16px;font-weight:600;color:var(--ld-text-primary, #303133)}.modal-header-close[data-v-39af2dcd]{padding:0;background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--ld-text-secondary, #6c757d);opacity:.5;transition:all .2s}.modal-header-close[data-v-39af2dcd]:hover{opacity:1;color:var(--ld-text-primary, #303133)}.modal-body[data-v-39af2dcd]{position:relative;flex:1 1 auto;padding:16px;color:var(--ld-text-regular, #606266);background-color:var(--ld-card-bg, #fff)}.modal-footer[data-v-39af2dcd]{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid var(--ld-border-color-light, #dee2e6);border-bottom-left-radius:7px;border-bottom-right-radius:7px;background-color:var(--ld-card-bg, #fff)}.modal-footer[data-v-39af2dcd]>*+*{margin-left:8px}.message-enter-active[data-v-d727fd6c]{animation:message-in-d727fd6c .3s cubic-bezier(.34,1.56,.64,1)}.message-leave-active[data-v-d727fd6c]{animation:message-out-d727fd6c .2s ease-in forwards}.message-move[data-v-d727fd6c]{transition:transform .3s ease}@keyframes message-in-d727fd6c{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-out-d727fd6c{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.button[data-v-7124b716]{width:fit-content;display:flex;padding:1.2em 1rem;cursor:pointer;gap:.4rem;font-weight:700;border-radius:30px;text-shadow:2px 2px 3px rgb(136 0 136 / 50%);background:linear-gradient(15deg,#808,#aa2068,#cc3f47,#de6f3d,#f09f33,#de6f3d,#cc3f47,#aa2068,#808) no-repeat;background-size:300%;color:#fff;border:none;background-position:left center;box-shadow:0 30px 10px -20px #0003;transition:background .3s ease}.button[data-v-7124b716]:hover{background-size:320%;background-position:right center}.button:hover svg[data-v-7124b716]{fill:#fff}.button svg[data-v-7124b716]{width:23px;fill:#f09f33;transition:.3s ease}.loader-wrapper[data-v-f22456dd]{position:relative;display:flex;align-items:center;justify-content:center;height:120px;width:auto;margin:2rem;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:600;-webkit-user-select:none;user-select:none;color:#fff;scale:2}.loader[data-v-f22456dd]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;background-color:transparent;-webkit-mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,black 7px,black 8px);mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,black 7px,black 8px)}.loader[data-v-f22456dd]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,#ff0 0%,transparent 50%),radial-gradient(circle at 45% 45%,#f00 0%,transparent 45%),radial-gradient(circle at 55% 55%,#0ff 0%,transparent 45%),radial-gradient(circle at 45% 55%,#0f0 0%,transparent 45%),radial-gradient(circle at 55% 45%,#00f 0%,transparent 45%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,black 25%);mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,black 25%);animation:transform-animation-f22456dd 2s infinite alternate,opacity-animation-f22456dd 4s infinite;animation-timing-function:cubic-bezier(.6,.8,.5,1)}@keyframes transform-animation-f22456dd{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes opacity-animation-f22456dd{0%,to{opacity:0}15%{opacity:1}65%{opacity:0}}.loader-letter[data-v-f22456dd]{display:inline-block;opacity:0;animation:loader-letter-anim-f22456dd 4s infinite linear;z-index:2}.loader-letter[data-v-f22456dd]:nth-child(1){animation-delay:.1s}.loader-letter[data-v-f22456dd]:nth-child(2){animation-delay:.205s}.loader-letter[data-v-f22456dd]:nth-child(3){animation-delay:.31s}.loader-letter[data-v-f22456dd]:nth-child(4){animation-delay:.415s}.loader-letter[data-v-f22456dd]:nth-child(5){animation-delay:.521s}.loader-letter[data-v-f22456dd]:nth-child(6){animation-delay:.626s}.loader-letter[data-v-f22456dd]:nth-child(7){animation-delay:.731s}.loader-letter[data-v-f22456dd]:nth-child(8){animation-delay:.837s}.loader-letter[data-v-f22456dd]:nth-child(9){animation-delay:.942s}.loader-letter[data-v-f22456dd]:nth-child(10){animation-delay:1.047s}@keyframes loader-letter-anim-f22456dd{0%{opacity:0}5%{opacity:1;text-shadow:0 0 4px #fff;transform:scale(1.1) translateY(-2px)}20%{opacity:.2}to{opacity:0}}.theme[data-v-e887d581]{display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.theme__icon[data-v-e887d581]{transition:.3s}.theme__icon[data-v-e887d581],.theme__toggle[data-v-e887d581]{cursor:pointer;z-index:1}.theme__icon[data-v-e887d581],.theme__icon-part[data-v-e887d581]{position:absolute}.theme__icon[data-v-e887d581]{display:block;top:50%;left:.7em;transform:translateY(-50%);width:1.5em;height:1.5em}.theme__icon-part[data-v-e887d581]{border-radius:50%;box-shadow:.4em -.4em 0 .5em #fff inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1em;height:1em;transition:box-shadow var(--transDur) ease-in-out,opacity var(--transDur) ease-in-out,transform var(--transDur) ease-in-out;transform:scale(.5)}.theme__icon-part~.theme__icon-part[data-v-e887d581]{background-color:#fff;border-radius:.05em;top:50%;left:calc(50% - .05em);transform:rotate(0) translateY(.5em);transform-origin:50% 0;width:.1em;height:.2em}.theme__icon-part[data-v-e887d581]:nth-child(3){transform:rotate(45deg) translateY(.45em)}.theme__icon-part[data-v-e887d581]:nth-child(4){transform:rotate(90deg) translateY(.45em)}.theme__icon-part[data-v-e887d581]:nth-child(5){transform:rotate(135deg) translateY(.45em)}.theme__icon-part[data-v-e887d581]:nth-child(6){transform:rotate(180deg) translateY(.45em)}.theme__icon-part[data-v-e887d581]:nth-child(7){transform:rotate(225deg) translateY(.45em)}.theme__icon-part[data-v-e887d581]:nth-child(8){transform:rotate(270deg) translateY(.5em)}.theme__icon-part[data-v-e887d581]:nth-child(9){transform:rotate(315deg) translateY(.5em)}.theme__label[data-v-e887d581],.theme__toggle[data-v-e887d581],.theme__toggle-wrap[data-v-e887d581]{position:relative}.theme__toggle[data-v-e887d581],.theme__toggle[data-v-e887d581]:before{display:block}.theme__toggle[data-v-e887d581]{background-color:#fbedb6;border-radius:25%/50%;box-shadow:0 0 0 .125em var(--primaryT);padding:.25em;width:6em;height:3em;-webkit-appearance:none;appearance:none;transition:background-color var(--transDur) ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur) ease-in-out}.theme__toggle[data-v-e887d581]:before{background-color:#f4ca25;border-radius:50%;content:"";width:2.5em;height:2.5em;transition:.3s}.theme__toggle[data-v-e887d581]:focus{box-shadow:0 0 0 .125em var(--primary);outline:transparent}.theme__toggle[data-v-e887d581]:checked{background-color:#043449}.theme__toggle[data-v-e887d581]:checked:before{transform:translate(3em)}.theme__toggle:checked~.theme__icon[data-v-e887d581]{transform:translate(3em) translateY(-50%)}.theme__toggle[data-v-e887d581]:checked:before{background-color:#25b6f4}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(1){box-shadow:.2em -.2em 0 .2em #fff inset;transform:scale(1);top:calc(50% - .5em);left:calc(50% - .5em)}.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part[data-v-e887d581]{opacity:0}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(2){transform:rotate(45deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(3){transform:rotate(90deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(4){transform:rotate(135deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(5){transform:rotate(180deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(6){transform:rotate(225deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(7){transform:rotate(270deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(8){transform:rotate(315deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part[data-v-e887d581]:nth-child(9){transform:rotate(360deg) translateY(.8em)}.theme__toggle-wrap[data-v-e887d581]{margin:0 .75em}@supports selector(:focus-visible){.theme__toggle[data-v-e887d581]:focus{box-shadow:0 0 0 .125em var(--primaryT)}.theme__toggle[data-v-e887d581]:focus-visible{box-shadow:0 0 0 .125em var(--primary)}}

package/dist/little-dizzy.js

@@ -1,10 +1,10 @@
-import { createElementBlock as l, openBlock as a, normalizeClass as y, renderSlot as u, createCommentVNode as m, createElementVNode as o, toDisplayString as w, normalizeStyle as M, ref as k, createBlock as $, Teleport as S, createVNode as L, TransitionGroup as I, withCtx as E, Fragment as T, renderList as V, createTextVNode as j, createStaticVNode as O } from "vue";
-const g = (e, t) => {
+import { createElementBlock as p, openBlock as c, normalizeClass as w, renderSlot as f, createCommentVNode as h, createElementVNode as l, toDisplayString as _, normalizeStyle as S, ref as b, createBlock as L, Teleport as I, createVNode as E, TransitionGroup as V, withCtx as T, Fragment as j, renderList as O, createTextVNode as A, createStaticVNode as z, watch as D } from "vue";
+const v = (e, t) => {
   const s = e.__vccOpts || e;
-  for (const [i, d] of t)
-    s[i] = d;
+  for (const [d, i] of t)
+    s[d] = i;
   return s;
-}, A = ["disabled"], N = {
+}, N = ["disabled"], H = {
   __name: "Button",
   props: {
     // 按钮类型
@@ -32,29 +32,29 @@ const g = (e, t) => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    return (s, i) => (a(), l("button", {
-      class: y(["btn", [
+    return (s, d) => (c(), p("button", {
+      class: w(["btn", [
         `btn-${e.type}`,
         `btn-${e.size}`,
         { "btn-block": e.block },
         { "btn-disabled": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: i[0] || (i[0] = (d) => s.$emit("click", d))
+      onClick: d[0] || (d[0] = (i) => s.$emit("click", i))
     }, [
-      u(s.$slots, "default", {}, void 0, !0)
-    ], 10, A));
+      f(s.$slots, "default", {}, void 0, !0)
+    ], 10, N));
   }
-}, H = /* @__PURE__ */ g(N, [["__scopeId", "data-v-75f082b2"]]), F = {
+}, F = /* @__PURE__ */ v(H, [["__scopeId", "data-v-75f082b2"]]), R = {
   key: 0,
   class: "card-header"
 }, Y = {
   key: 0,
   class: "card-header-title"
-}, D = { class: "card-body" }, G = {
+}, G = { class: "card-body" }, P = {
   key: 1,
   class: "card-footer"
-}, R = {
+}, U = {
   __name: "Card",
   props: {
     // 卡片标题
@@ -69,31 +69,31 @@ const g = (e, t) => {
     }
   },
   setup(e) {
-    return (t, s) => (a(), l("div", {
-      class: y(["card", { "card-shadow": e.shadow }])
+    return (t, s) => (c(), p("div", {
+      class: w(["card", { "card-shadow": e.shadow }])
     }, [
-      t.$slots.header || e.title ? (a(), l("div", F, [
-        e.title ? (a(), l("h3", Y, w(e.title), 1)) : m("", !0),
-        u(t.$slots, "header", {}, void 0, !0)
-      ])) : m("", !0),
-      o("div", D, [
-        u(t.$slots, "default", {}, void 0, !0)
+      t.$slots.header || e.title ? (c(), p("div", R, [
+        e.title ? (c(), p("h3", Y, _(e.title), 1)) : h("", !0),
+        f(t.$slots, "header", {}, void 0, !0)
+      ])) : h("", !0),
+      l("div", G, [
+        f(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (a(), l("div", G, [
-        u(t.$slots, "footer", {}, void 0, !0)
-      ])) : m("", !0)
+      t.$slots.footer ? (c(), p("div", P, [
+        f(t.$slots, "footer", {}, void 0, !0)
+      ])) : h("", !0)
     ], 2));
   }
-}, U = /* @__PURE__ */ g(R, [["__scopeId", "data-v-2d83e63a"]]), W = { class: "modal-dialog" }, q = { class: "modal-header" }, P = {
+}, W = /* @__PURE__ */ v(U, [["__scopeId", "data-v-1e2b2467"]]), q = { class: "modal-dialog" }, X = { class: "modal-header" }, J = {
   key: 0,
   class: "modal-header-title"
-}, X = { class: "modal-body" }, J = {
+}, K = { class: "modal-body" }, Q = {
   key: 0,
   class: "modal-footer"
-}, K = {
+}, Z = {
   key: 1,
   class: "modal-footer"
-}, Q = {
+}, ee = {
   __name: "Modal",
   props: {
     // 是否显示模态框
@@ -118,59 +118,59 @@ const g = (e, t) => {
   },
   emits: ["close", "cancel", "confirm"],
   setup(e, { emit: t }) {
-    const s = t, i = () => {
+    const s = t, d = () => {
       s("close");
-    }, d = () => {
+    }, i = () => {
       s("cancel");
-    }, f = () => {
+    }, m = () => {
       s("confirm");
     };
-    return (c, h) => e.visible ? (a(), l("div", {
+    return (o, u) => e.visible ? (c(), p("div", {
       key: 0,
-      class: y(["modal", { "modal-show": e.visible }])
+      class: w(["modal", { "modal-show": e.visible }])
     }, [
-      o("div", W, [
-        o("div", {
+      l("div", q, [
+        l("div", {
           class: "modal-content",
-          style: M({ width: e.width })
+          style: S({ width: e.width })
         }, [
-          o("div", q, [
-            e.title ? (a(), l("h3", P, w(e.title), 1)) : m("", !0),
-            o("button", {
+          l("div", X, [
+            e.title ? (c(), p("h3", J, _(e.title), 1)) : h("", !0),
+            l("button", {
               class: "modal-header-close",
-              onClick: i
+              onClick: d
             }, "×")
           ]),
-          o("div", X, [
-            u(c.$slots, "default", {}, void 0, !0)
+          l("div", K, [
+            f(o.$slots, "default", {}, void 0, !0)
           ]),
-          c.$slots.footer ? (a(), l("div", J, [
-            u(c.$slots, "footer", {}, void 0, !0)
-          ])) : e.showFooter ? (a(), l("div", K, [
-            o("button", {
+          o.$slots.footer ? (c(), p("div", Q, [
+            f(o.$slots, "footer", {}, void 0, !0)
+          ])) : e.showFooter ? (c(), p("div", Z, [
+            l("button", {
               class: "btn btn-secondary",
-              onClick: d
+              onClick: i
             }, "取消"),
-            o("button", {
+            l("button", {
               class: "btn btn-primary",
-              onClick: f
+              onClick: m
             }, "确定")
-          ])) : m("", !0)
+          ])) : h("", !0)
         ], 4)
       ])
-    ], 2)) : m("", !0);
+    ], 2)) : h("", !0);
   }
-}, Z = /* @__PURE__ */ g(Q, [["__scopeId", "data-v-39af2dcd"]]), ee = ["innerHTML"], te = { class: "text-sm font-medium" }, se = ["onClick"], oe = /* @__PURE__ */ Object.assign({
+}, te = /* @__PURE__ */ v(ee, [["__scopeId", "data-v-39af2dcd"]]), se = ["innerHTML"], ae = { class: "text-sm font-medium" }, oe = ["onClick"], ne = /* @__PURE__ */ Object.assign({
   name: "Message"
 }, {
   __name: "Message",
   setup(e, { expose: t }) {
-    const s = k([]), i = {
+    const s = b([]), d = {
       success: "bg-emerald-500/95 text-white",
       warning: "bg-amber-500/95 text-white",
       error: "bg-rose-500/95 text-white",
       info: "bg-sky-500/95 text-white"
-    }, d = {
+    }, i = {
       success: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
     <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>`,
@@ -185,77 +185,77 @@ const g = (e, t) => {
     <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
   </svg>`
     };
-    let f = 0;
-    const c = (r) => {
-      const n = ++f, p = {
-        id: n,
+    let m = 0;
+    const o = (r) => {
+      const a = ++m, n = {
+        id: a,
         type: r.type || "info",
         content: r.content || "",
         duration: r.duration ?? 3e3,
         closable: r.closable ?? !1
       };
-      return s.value.push(p), p.duration > 0 && setTimeout(() => {
-        h(n);
-      }, p.duration), n;
-    }, h = (r) => {
-      const n = s.value.findIndex((p) => p.id === r);
-      n > -1 && s.value.splice(n, 1);
+      return s.value.push(n), n.duration > 0 && setTimeout(() => {
+        u(a);
+      }, n.duration), a;
+    }, u = (r) => {
+      const a = s.value.findIndex((n) => n.id === r);
+      a > -1 && s.value.splice(a, 1);
     };
     return t({
-      addMessage: c,
-      removeMessage: h,
+      addMessage: o,
+      removeMessage: u,
       clearAll: () => {
         s.value = [];
       },
       // Shorthand methods
-      success: (r, n = {}) => c({ ...n, type: "success", content: r }),
-      warning: (r, n = {}) => c({ ...n, type: "warning", content: r }),
-      error: (r, n = {}) => c({ ...n, type: "error", content: r }),
-      info: (r, n = {}) => c({ ...n, type: "info", content: r })
-    }), (r, n) => (a(), $(S, { to: "body" }, [
-      L(I, {
+      success: (r, a = {}) => o({ ...a, type: "success", content: r }),
+      warning: (r, a = {}) => o({ ...a, type: "warning", content: r }),
+      error: (r, a = {}) => o({ ...a, type: "error", content: r }),
+      info: (r, a = {}) => o({ ...a, type: "info", content: r })
+    }), (r, a) => (c(), L(I, { to: "body" }, [
+      E(V, {
         name: "message",
         tag: "div",
         class: "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col items-center gap-3 pointer-events-none"
       }, {
-        default: E(() => [
-          (a(!0), l(T, null, V(s.value, (p) => (a(), l("div", {
-            key: p.id,
-            class: y(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300", i[p.type]])
+        default: T(() => [
+          (c(!0), p(j, null, O(s.value, (n) => (c(), p("div", {
+            key: n.id,
+            class: w(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300", d[n.type]])
           }, [
-            o("span", {
+            l("span", {
               class: "flex-shrink-0",
-              innerHTML: d[p.type]
-            }, null, 8, ee),
-            o("span", te, w(p.content), 1),
-            p.closable ? (a(), l("button", {
+              innerHTML: i[n.type]
+            }, null, 8, se),
+            l("span", ae, _(n.content), 1),
+            n.closable ? (c(), p("button", {
               key: 0,
-              onClick: (Me) => h(p.id),
+              onClick: (Ie) => u(n.id),
               class: "flex-shrink-0 ml-2 p-1 rounded-full hover:bg-black/10 transition-colors"
-            }, [...n[0] || (n[0] = [
-              o("svg", {
+            }, [...a[0] || (a[0] = [
+              l("svg", {
                 class: "w-4 h-4",
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2"
               }, [
-                o("path", { d: "M18 6L6 18M6 6l12 12" })
+                l("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
-            ])], 8, se)) : m("", !0)
+            ])], 8, oe)) : h("", !0)
           ], 2))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), ne = /* @__PURE__ */ g(oe, [["__scopeId", "data-v-d727fd6c"]]);
-k([]);
-let ae = 0;
-const re = (e) => {
-  const t = ++ae, s = e.type || "info", i = e.content || "", d = e.duration ?? 3e3, f = e.closable ?? !1, c = document.createElement("div");
-  c.className = `ld-message ld-message--${s}`, c.setAttribute("data-id", t);
-  let b = `${{
+}), le = /* @__PURE__ */ v(ne, [["__scopeId", "data-v-d727fd6c"]]);
+b([]);
+let re = 0;
+const de = (e) => {
+  const t = ++re, s = e.type || "info", d = e.content || "", i = e.duration ?? 3e3, m = e.closable ?? !1, o = document.createElement("div");
+  o.className = `ld-message ld-message--${s}`, o.setAttribute("data-id", t);
+  let g = `${{
     success: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
       <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>`,
@@ -269,13 +269,13 @@ const re = (e) => {
     info: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
       <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
     </svg>`
-  }[s]}<span class="ld-message-content">${i}</span>`;
-  return f && (b += `<button class="ld-message-close" onclick="window.__ldMessageClose(${t})">
+  }[s]}<span class="ld-message-content">${d}</span>`;
+  return m && (g += `<button class="ld-message-close" onclick="window.__ldMessageClose(${t})">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
         <path d="M18 6L6 18M6 6l12 12"/>
       </svg>
-    </button>`), c.innerHTML = b, { id: t, element: c, duration: d };
-}, le = () => {
+    </button>`), o.innerHTML = g, { id: t, element: o, duration: i };
+}, ce = () => {
   let e = document.getElementById("ld-message-root");
   if (!e) {
     e = document.createElement("div"), e.id = "ld-message-root", document.body.appendChild(e);
@@ -344,7 +344,7 @@ const re = (e) => {
     `, document.head.appendChild(t);
   }
   return e;
-}, _ = (e) => {
+}, k = (e) => {
   const t = document.getElementById("ld-message-root");
   if (!t) return;
   const s = t.querySelector(`[data-id="${e}"]`);
@@ -352,90 +352,107 @@ const re = (e) => {
     s.remove();
   }, 200));
 };
-typeof window < "u" && (window.__ldMessageClose = _);
-const v = (e) => {
-  const t = le(), { id: s, element: i, duration: d } = re(e);
-  return t.appendChild(i), d > 0 && setTimeout(() => {
-    _(s);
-  }, d), s;
-}, Se = {
-  success: (e, t = {}) => v({ ...t, type: "success", content: e }),
-  warning: (e, t = {}) => v({ ...t, type: "warning", content: e }),
-  error: (e, t = {}) => v({ ...t, type: "error", content: e }),
-  info: (e, t = {}) => v({ ...t, type: "info", content: e }),
-  close: _,
+typeof window < "u" && (window.__ldMessageClose = k);
+const y = (e) => {
+  const t = ce(), { id: s, element: d, duration: i } = de(e);
+  return t.appendChild(d), i > 0 && setTimeout(() => {
+    k(s);
+  }, i), s;
+}, B = {
+  success: (e, t = {}) => y({ ...t, type: "success", content: e }),
+  warning: (e, t = {}) => y({ ...t, type: "warning", content: e }),
+  error: (e, t = {}) => y({ ...t, type: "error", content: e }),
+  info: (e, t = {}) => y({ ...t, type: "info", content: e }),
+  close: k,
   closeAll: () => {
     const e = document.getElementById("ld-message-root");
     e && (e.innerHTML = "");
   }
-}, ie = { class: "lzbutton-wrapper" }, ce = { class: "button" }, de = /* @__PURE__ */ Object.assign({
+}, ie = { class: "lzbutton-wrapper" }, pe = { class: "button" }, ue = /* @__PURE__ */ Object.assign({
   name: "Lzbutton"
 }, {
   __name: "lzbutton",
   setup(e) {
-    return (t, s) => (a(), l("div", ie, [
-      o("button", ce, [
-        s[1] || (s[1] = o("svg", {
+    return (t, s) => (c(), p("div", ie, [
+      l("button", pe, [
+        s[1] || (s[1] = l("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 36 24"
         }, [
-          o("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
+          l("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
         ], -1)),
-        u(t.$slots, "default", {}, () => [
-          s[0] || (s[0] = j("Unlock Pro", -1))
+        f(t.$slots, "default", {}, () => [
+          s[0] || (s[0] = A("Unlock Pro", -1))
         ], !0)
       ])
     ]));
   }
-}), pe = /* @__PURE__ */ g(de, [["__scopeId", "data-v-7124b716"]]), ue = { class: "Lztext-wrapper" }, me = /* @__PURE__ */ Object.assign({
+}), me = /* @__PURE__ */ v(ue, [["__scopeId", "data-v-7124b716"]]), ge = { class: "Lztext-wrapper" }, fe = /* @__PURE__ */ Object.assign({
   name: "Lztext"
 }, {
   __name: "Lztext",
   setup(e) {
-    return (t, s) => (a(), l("div", ue, [...s[0] || (s[0] = [
-      O('<div class="loader-wrapper" data-v-f22456dd><span class="loader-letter" data-v-f22456dd>G</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>r</span><span class="loader-letter" data-v-f22456dd>a</span><span class="loader-letter" data-v-f22456dd>t</span><span class="loader-letter" data-v-f22456dd>i</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>g</span><div class="loader" data-v-f22456dd></div></div>', 1)
+    return (t, s) => (c(), p("div", ge, [...s[0] || (s[0] = [
+      z('<div class="loader-wrapper" data-v-f22456dd><span class="loader-letter" data-v-f22456dd>G</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>r</span><span class="loader-letter" data-v-f22456dd>a</span><span class="loader-letter" data-v-f22456dd>t</span><span class="loader-letter" data-v-f22456dd>i</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>g</span><div class="loader" data-v-f22456dd></div></div>', 1)
     ])]));
   }
-}), ge = /* @__PURE__ */ g(me, [["__scopeId", "data-v-f22456dd"]]), fe = { class: "lztheme-wrapper" }, he = /* @__PURE__ */ Object.assign({
+}), he = /* @__PURE__ */ v(fe, [["__scopeId", "data-v-f22456dd"]]), ve = { class: "lztheme-wrapper" }, ye = { class: "theme__toggle-wrap" }, be = ["checked"], we = /* @__PURE__ */ Object.assign({
   name: "Lztheme"
 }, {
   __name: "lztheme",
-  setup(e) {
-    return (t, s) => (a(), l("div", fe, [...s[0] || (s[0] = [
-      o("label", {
-        for: "theme",
+  props: {
+    // 是否为暗色主题
+    modelValue: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { expose: t, emit: s }) {
+    let d = 0;
+    const i = `lztheme-toggle-${++d}-${Date.now()}`, m = e, o = s, u = b(null), g = b(m.modelValue);
+    D(() => m.modelValue, (a) => {
+      g.value = a;
+    });
+    const r = (a) => {
+      const n = a.target.checked;
+      g.value = n, o("update:modelValue", n), o("change", n);
+    };
+    return t({
+      toggle: () => {
+        u.value && u.value.click();
+      },
+      setDark: (a) => {
+        g.value = a, o("update:modelValue", a), o("change", a);
+      }
+    }), (a, n) => (c(), p("div", ve, [
+      l("label", {
+        for: i,
         class: "theme"
       }, [
-        o("span", { class: "theme__toggle-wrap" }, [
-          o("input", {
-            id: "theme",
+        l("span", ye, [
+          l("input", {
+            id: i,
+            ref_key: "toggleRef",
+            ref: u,
             class: "theme__toggle",
             type: "checkbox",
             role: "switch",
             name: "theme",
-            value: "dark"
-          }),
-          o("span", { class: "theme__fill" }),
-          o("span", { class: "theme__icon" }, [
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" }),
-            o("span", { class: "theme__icon-part" })
-          ])
+            value: "dark",
+            checked: g.value,
+            onChange: r
+          }, null, 40, be),
+          n[0] || (n[0] = z('<span class="theme__icon" data-v-e887d581><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span></span>', 1))
         ])
-      ], -1)
-    ])]));
+      ])
+    ]));
   }
-}), ve = /* @__PURE__ */ g(he, [["__scopeId", "data-v-0b85d094"]]), ye = {
-  Lzbutton: pe,
-  Lztext: ge,
-  Lztheme: ve
-}, be = {
+}), _e = /* @__PURE__ */ v(we, [["__scopeId", "data-v-e887d581"]]), ke = {
+  Lzbutton: me,
+  Lztext: he,
+  Lztheme: _e
+}, xe = {
   name: "Button",
   type: "vue",
   label: "Button 按钮",
@@ -449,7 +466,7 @@ const v = (e) => {
 <script setup>
 import { Button } from 'little-dizzy'
 <\/script>`
-}, we = {
+}, Be = {
   name: "Card",
   type: "vue",
   label: "Card 卡片",
@@ -469,7 +486,7 @@ import { Button } from 'little-dizzy'
 <script setup>
 import { Card, Button } from 'little-dizzy'
 <\/script>`
-}, _e = {
+}, ze = {
   name: "Modal",
   type: "vue",
   label: "Modal 模态框",
@@ -494,7 +511,7 @@ import { Modal, Button } from 'little-dizzy'
 
 const visible = ref(false)
 <\/script>`
-}, xe = {
+}, Ce = {
   name: "Message",
   type: "vue",
   label: "Message 消息提示",
@@ -534,13 +551,13 @@ const showInfo = () => {
   flex-wrap: wrap;
 }
 </style>`
-}, ke = [
-  be,
-  we,
-  _e,
-  xe
+}, $e = [
+  xe,
+  Be,
+  ze,
+  Ce
 ], x = /* @__PURE__ */ new Map();
-function B(e) {
+function C(e) {
   return !e || !e.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (x.set(e.name, {
     name: e.name,
     type: e.type || "html",
@@ -550,51 +567,51 @@ function B(e) {
     ...e
   }), !0);
 }
-function z(e) {
+function $(e) {
   if (!Array.isArray(e))
     return console.warn("[LittleDizzy] registerSnippets expects an array"), 0;
   let t = 0;
   return e.forEach((s) => {
-    B(s) && t++;
+    C(s) && t++;
   }), t;
 }
-function Be() {
+function Me() {
   const e = {};
   return x.forEach((t, s) => {
     e[s] = t;
   }), e;
 }
-function ze(e) {
+function Se(e) {
   return x.get(e);
 }
-z(ke);
-const C = {
-  Button: H,
-  Card: U,
-  Modal: Z,
-  Message: ne,
-  ...ye
-}, Ce = (e, t = {}) => {
-  Object.entries(C).forEach(([s, i]) => {
-    e.component(t.prefix ? `${t.prefix}${s}` : s, i);
-  });
-}, Le = Be, Ie = B, Ee = z, Te = ze, Ve = {
-  install: Ce,
-  ...C
+$($e);
+const M = {
+  Button: F,
+  Card: W,
+  Modal: te,
+  Message: le,
+  ...ke
+}, Le = (e, t = {}) => {
+  Object.entries(M).forEach(([s, d]) => {
+    e.component(t.prefix ? `${t.prefix}${s}` : s, d);
+  }), e.config.globalProperties.$message = B, e.provide("message", B);
+}, Ve = Me, Te = C, je = $, Oe = Se, Ae = {
+  install: Le,
+  ...M
 };
 export {
-  H as Button,
-  U as Card,
-  pe as Lzbutton,
-  ge as Lztext,
-  ve as Lztheme,
-  ne as Message,
-  Z as Modal,
-  ye as customComponents,
-  Ve as default,
-  Te as getSnippet,
-  Se as message,
-  Ie as registerSnippet,
-  Ee as registerSnippets,
-  Le as snippets
+  F as Button,
+  W as Card,
+  me as Lzbutton,
+  he as Lztext,
+  _e as Lztheme,
+  le as Message,
+  te as Modal,
+  ke as customComponents,
+  Ae as default,
+  Oe as getSnippet,
+  B as message,
+  Te as registerSnippet,
+  je as registerSnippets,
+  Ve as snippets
 };

package/dist/little-dizzy.umd.cjs

@@ -1,4 +1,4 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.LittleDizzy={},o.Vue))})(this,(function(o,e){"use strict";const m=(t,s)=>{const n=t.__vccOpts||t;for(const[r,i]of s)n[r]=i;return n},M=["disabled"],_=m({__name:"Button",props:{type:{type:String,default:"primary",validator:t=>["primary","success","warning","danger","info","secondary"].includes(t)},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:s}){return(n,r)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["btn",[`btn-${t.type}`,`btn-${t.size}`,{"btn-block":t.block},{"btn-disabled":t.disabled}]]),disabled:t.disabled,onClick:r[0]||(r[0]=i=>n.$emit("click",i))},[e.renderSlot(n.$slots,"default",{},void 0,!0)],10,M))}},[["__scopeId","data-v-75f082b2"]]),V={key:0,class:"card-header"},N={key:0,class:"card-header-title"},v={class:"card-body"},L={key:1,class:"card-footer"},b=m({__name:"Card",props:{title:{type:String,default:""},shadow:{type:Boolean,default:!0}},setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",{"card-shadow":t.shadow}])},[s.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",V,[t.title?(e.openBlock(),e.createElementBlock("h3",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-2d83e63a"]]),I={class:"modal-dialog"},T={class:"modal-header"},j={key:0,class:"modal-header-title"},O={class:"modal-body"},A={key:0,class:"modal-footer"},D={key:1,class:"modal-footer"},k=m({__name:"Modal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},width:{type:String,default:"500px"},showFooter:{type:Boolean,default:!0}},emits:["close","cancel","confirm"],setup(t,{emit:s}){const n=s,r=()=>{n("close")},i=()=>{n("cancel")},p=()=>{n("confirm")};return(c,f)=>t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"modal-show":t.visible}])},[e.createElementVNode("div",I,[e.createElementVNode("div",{class:"modal-content",style:e.normalizeStyle({width:t.width})},[e.createElementVNode("div",T,[t.title?(e.openBlock(),e.createElementBlock("h3",j,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"modal-header-close",onClick:r},"×")]),e.createElementVNode("div",O,[e.renderSlot(c.$slots,"default",{},void 0,!0)]),c.$slots.footer?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(c.$slots,"footer",{},void 0,!0)])):t.showFooter?(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("button",{class:"btn btn-secondary",onClick:i},"取消"),e.createElementVNode("button",{class:"btn btn-primary",onClick:p},"确定")])):e.createCommentVNode("",!0)],4)])],2)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-39af2dcd"]]),H=["innerHTML"],F={class:"text-sm font-medium"},Y=["onClick"],w=m(Object.assign({name:"Message"},{__name:"Message",setup(t,{expose:s}){const n=e.ref([]),r={success:"bg-emerald-500/95 text-white",warning:"bg-amber-500/95 text-white",error:"bg-rose-500/95 text-white",info:"bg-sky-500/95 text-white"},i={success:`<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.LittleDizzy={},a.Vue))})(this,(function(a,e){"use strict";const g=(t,s)=>{const n=t.__vccOpts||t;for(const[d,i]of s)n[d]=i;return n},M=["disabled"],k=g({__name:"Button",props:{type:{type:String,default:"primary",validator:t=>["primary","success","warning","danger","info","secondary"].includes(t)},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:s}){return(n,d)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["btn",[`btn-${t.type}`,`btn-${t.size}`,{"btn-block":t.block},{"btn-disabled":t.disabled}]]),disabled:t.disabled,onClick:d[0]||(d[0]=i=>n.$emit("click",i))},[e.renderSlot(n.$slots,"default",{},void 0,!0)],10,M))}},[["__scopeId","data-v-75f082b2"]]),V={key:0,class:"card-header"},N={key:0,class:"card-header-title"},L={class:"card-body"},I={key:1,class:"card-footer"},b=g({__name:"Card",props:{title:{type:String,default:""},shadow:{type:Boolean,default:!0}},setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",{"card-shadow":t.shadow}])},[s.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",V,[t.title?(e.openBlock(),e.createElementBlock("h3",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",L,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-1e2b2467"]]),T={class:"modal-dialog"},j={class:"modal-header"},D={key:0,class:"modal-header-title"},O={class:"modal-body"},A={key:0,class:"modal-footer"},H={key:1,class:"modal-footer"},w=g({__name:"Modal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},width:{type:String,default:"500px"},showFooter:{type:Boolean,default:!0}},emits:["close","cancel","confirm"],setup(t,{emit:s}){const n=s,d=()=>{n("close")},i=()=>{n("cancel")},p=()=>{n("confirm")};return(l,m)=>t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"modal-show":t.visible}])},[e.createElementVNode("div",T,[e.createElementVNode("div",{class:"modal-content",style:e.normalizeStyle({width:t.width})},[e.createElementVNode("div",j,[t.title?(e.openBlock(),e.createElementBlock("h3",D,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"modal-header-close",onClick:d},"×")]),e.createElementVNode("div",O,[e.renderSlot(l.$slots,"default",{},void 0,!0)]),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):t.showFooter?(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("button",{class:"btn btn-secondary",onClick:i},"取消"),e.createElementVNode("button",{class:"btn btn-primary",onClick:p},"确定")])):e.createCommentVNode("",!0)],4)])],2)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-39af2dcd"]]),F=["innerHTML"],R={class:"text-sm font-medium"},Y=["onClick"],B=g(Object.assign({name:"Message"},{__name:"Message",setup(t,{expose:s}){const n=e.ref([]),d={success:"bg-emerald-500/95 text-white",warning:"bg-amber-500/95 text-white",error:"bg-rose-500/95 text-white",info:"bg-sky-500/95 text-white"},i={success:`<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
     <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>`,warning:`<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
     <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
@@ -7,7 +7,7 @@
     <path d="M15 9l-6 6M9 9l6 6" stroke-linecap="round"/>
   </svg>`,info:`<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
     <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
-  </svg>`};let p=0;const c=l=>{const a=++p,d={id:a,type:l.type||"info",content:l.content||"",duration:l.duration??3e3,closable:l.closable??!1};return n.value.push(d),d.duration>0&&setTimeout(()=>{f(a)},d.duration),a},f=l=>{const a=n.value.findIndex(d=>d.id===l);a>-1&&n.value.splice(a,1)};return s({addMessage:c,removeMessage:f,clearAll:()=>{n.value=[]},success:(l,a={})=>c({...a,type:"success",content:l}),warning:(l,a={})=>c({...a,type:"warning",content:l}),error:(l,a={})=>c({...a,type:"error",content:l}),info:(l,a={})=>c({...a,type:"info",content:l})}),(l,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.TransitionGroup,{name:"message",tag:"div",class:"fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col items-center gap-3 pointer-events-none"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:e.normalizeClass(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300",r[d.type]])},[e.createElementVNode("span",{class:"flex-shrink-0",innerHTML:i[d.type]},null,8,H),e.createElementVNode("span",F,e.toDisplayString(d.content),1),d.closable?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:ye=>f(d.id),class:"flex-shrink-0 ml-2 p-1 rounded-full hover:bg-black/10 transition-colors"},[...a[0]||(a[0]=[e.createElementVNode("svg",{class:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{d:"M18 6L6 18M6 6l12 12"})],-1)])],8,Y)):e.createCommentVNode("",!0)],2))),128))]),_:1})]))}}),[["__scopeId","data-v-d727fd6c"]]);e.ref([]);let q=0;const G=t=>{const s=++q,n=t.type||"info",r=t.content||"",i=t.duration??3e3,p=t.closable??!1,c=document.createElement("div");c.className=`ld-message ld-message--${n}`,c.setAttribute("data-id",s);let y=`${{success:`<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+  </svg>`};let p=0;const l=c=>{const o=++p,r={id:o,type:c.type||"info",content:c.content||"",duration:c.duration??3e3,closable:c.closable??!1};return n.value.push(r),r.duration>0&&setTimeout(()=>{m(o)},r.duration),o},m=c=>{const o=n.value.findIndex(r=>r.id===c);o>-1&&n.value.splice(o,1)};return s({addMessage:l,removeMessage:m,clearAll:()=>{n.value=[]},success:(c,o={})=>l({...o,type:"success",content:c}),warning:(c,o={})=>l({...o,type:"warning",content:c}),error:(c,o={})=>l({...o,type:"error",content:c}),info:(c,o={})=>l({...o,type:"info",content:c})}),(c,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.TransitionGroup,{name:"message",tag:"div",class:"fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col items-center gap-3 pointer-events-none"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300",d[r.type]])},[e.createElementVNode("span",{class:"flex-shrink-0",innerHTML:i[r.type]},null,8,F),e.createElementVNode("span",R,e.toDisplayString(r.content),1),r.closable?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:ke=>m(r.id),class:"flex-shrink-0 ml-2 p-1 rounded-full hover:bg-black/10 transition-colors"},[...o[0]||(o[0]=[e.createElementVNode("svg",{class:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{d:"M18 6L6 18M6 6l12 12"})],-1)])],8,Y)):e.createCommentVNode("",!0)],2))),128))]),_:1})]))}}),[["__scopeId","data-v-d727fd6c"]]);e.ref([]);let P=0;const q=t=>{const s=++P,n=t.type||"info",d=t.content||"",i=t.duration??3e3,p=t.closable??!1,l=document.createElement("div");l.className=`ld-message ld-message--${n}`,l.setAttribute("data-id",s);let f=`${{success:`<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
       <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>`,warning:`<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
       <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
@@ -16,11 +16,11 @@
       <path d="M15 9l-6 6M9 9l6 6" stroke-linecap="round"/>
     </svg>`,info:`<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
       <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
-    </svg>`}[n]}<span class="ld-message-content">${r}</span>`;return p&&(y+=`<button class="ld-message-close" onclick="window.__ldMessageClose(${s})">
+    </svg>`}[n]}<span class="ld-message-content">${d}</span>`;return p&&(f+=`<button class="ld-message-close" onclick="window.__ldMessageClose(${s})">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
         <path d="M18 6L6 18M6 6l12 12"/>
       </svg>
-    </button>`),c.innerHTML=y,{id:s,element:c,duration:i}},P=()=>{let t=document.getElementById("ld-message-root");if(!t){t=document.createElement("div"),t.id="ld-message-root",document.body.appendChild(t);const s=document.createElement("style");s.textContent=`
+    </button>`),l.innerHTML=f,{id:s,element:l,duration:i}},G=()=>{let t=document.getElementById("ld-message-root");if(!t){t=document.createElement("div"),t.id="ld-message-root",document.body.appendChild(t);const s=document.createElement("style");s.textContent=`
       #ld-message-root {
         position: fixed;
         top: 16px;
@@ -81,7 +81,7 @@
         from { opacity: 1; transform: translateY(0) scale(1); }
         to { opacity: 0; transform: translateY(-10px) scale(0.95); }
       }
-    `,document.head.appendChild(s)}return t},u=t=>{const s=document.getElementById("ld-message-root");if(!s)return;const n=s.querySelector(`[data-id="${t}"]`);n&&(n.classList.add("ld-message--closing"),setTimeout(()=>{n.remove()},200))};typeof window<"u"&&(window.__ldMessageClose=u);const g=t=>{const s=P(),{id:n,element:r,duration:i}=G(t);return s.appendChild(r),i>0&&setTimeout(()=>{u(n)},i),n},R={success:(t,s={})=>g({...s,type:"success",content:t}),warning:(t,s={})=>g({...s,type:"warning",content:t}),error:(t,s={})=>g({...s,type:"error",content:t}),info:(t,s={})=>g({...s,type:"info",content:t}),close:u,closeAll:()=>{const t=document.getElementById("ld-message-root");t&&(t.innerHTML="")}},U={class:"lzbutton-wrapper"},W={class:"button"},B=m(Object.assign({name:"Lzbutton"},{__name:"lzbutton",setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",W,[n[1]||(n[1]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 24"},[e.createElementVNode("path",{d:"m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"})],-1)),e.renderSlot(s.$slots,"default",{},()=>[n[0]||(n[0]=e.createTextVNode("Unlock Pro",-1))],!0)])]))}}),[["__scopeId","data-v-7124b716"]]),X={class:"Lztext-wrapper"},x=m(Object.assign({name:"Lztext"},{__name:"Lztext",setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",X,[...n[0]||(n[0]=[e.createStaticVNode('<div class="loader-wrapper" data-v-f22456dd><span class="loader-letter" data-v-f22456dd>G</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>r</span><span class="loader-letter" data-v-f22456dd>a</span><span class="loader-letter" data-v-f22456dd>t</span><span class="loader-letter" data-v-f22456dd>i</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>g</span><div class="loader" data-v-f22456dd></div></div>',1)])]))}}),[["__scopeId","data-v-f22456dd"]]),J={class:"lztheme-wrapper"},E=m(Object.assign({name:"Lztheme"},{__name:"lztheme",setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",J,[...n[0]||(n[0]=[e.createElementVNode("label",{for:"theme",class:"theme"},[e.createElementVNode("span",{class:"theme__toggle-wrap"},[e.createElementVNode("input",{id:"theme",class:"theme__toggle",type:"checkbox",role:"switch",name:"theme",value:"dark"}),e.createElementVNode("span",{class:"theme__fill"}),e.createElementVNode("span",{class:"theme__icon"},[e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"}),e.createElementVNode("span",{class:"theme__icon-part"})])])],-1)])]))}}),[["__scopeId","data-v-0b85d094"]]),z={Lzbutton:B,Lztext:x,Lztheme:E},K=[{name:"Button",type:"vue",label:"Button 按钮",code:`<template>
+    `,document.head.appendChild(s)}return t},h=t=>{const s=document.getElementById("ld-message-root");if(!s)return;const n=s.querySelector(`[data-id="${t}"]`);n&&(n.classList.add("ld-message--closing"),setTimeout(()=>{n.remove()},200))};typeof window<"u"&&(window.__ldMessageClose=h);const u=t=>{const s=G(),{id:n,element:d,duration:i}=q(t);return s.appendChild(d),i>0&&setTimeout(()=>{h(n)},i),n},y={success:(t,s={})=>u({...s,type:"success",content:t}),warning:(t,s={})=>u({...s,type:"warning",content:t}),error:(t,s={})=>u({...s,type:"error",content:t}),info:(t,s={})=>u({...s,type:"info",content:t}),close:h,closeAll:()=>{const t=document.getElementById("ld-message-root");t&&(t.innerHTML="")}},U={class:"lzbutton-wrapper"},W={class:"button"},v=g(Object.assign({name:"Lzbutton"},{__name:"lzbutton",setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",W,[n[1]||(n[1]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 24"},[e.createElementVNode("path",{d:"m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"})],-1)),e.renderSlot(s.$slots,"default",{},()=>[n[0]||(n[0]=e.createTextVNode("Unlock Pro",-1))],!0)])]))}}),[["__scopeId","data-v-7124b716"]]),X={class:"Lztext-wrapper"},x=g(Object.assign({name:"Lztext"},{__name:"Lztext",setup(t){return(s,n)=>(e.openBlock(),e.createElementBlock("div",X,[...n[0]||(n[0]=[e.createStaticVNode('<div class="loader-wrapper" data-v-f22456dd><span class="loader-letter" data-v-f22456dd>G</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>r</span><span class="loader-letter" data-v-f22456dd>a</span><span class="loader-letter" data-v-f22456dd>t</span><span class="loader-letter" data-v-f22456dd>i</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>g</span><div class="loader" data-v-f22456dd></div></div>',1)])]))}}),[["__scopeId","data-v-f22456dd"]]),J={class:"lztheme-wrapper"},K={class:"theme__toggle-wrap"},Q=["checked"],C=g(Object.assign({name:"Lztheme"},{__name:"lztheme",props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{expose:s,emit:n}){let d=0;const i=`lztheme-toggle-${++d}-${Date.now()}`,p=t,l=n,m=e.ref(null),f=e.ref(p.modelValue);e.watch(()=>p.modelValue,o=>{f.value=o});const c=o=>{const r=o.target.checked;f.value=r,l("update:modelValue",r),l("change",r)};return s({toggle:()=>{m.value&&m.value.click()},setDark:o=>{f.value=o,l("update:modelValue",o),l("change",o)}}),(o,r)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("label",{for:i,class:"theme"},[e.createElementVNode("span",K,[e.createElementVNode("input",{id:i,ref_key:"toggleRef",ref:m,class:"theme__toggle",type:"checkbox",role:"switch",name:"theme",value:"dark",checked:f.value,onChange:c},null,40,Q),r[0]||(r[0]=e.createStaticVNode('<span class="theme__icon" data-v-e887d581><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span><span class="theme__icon-part" data-v-e887d581></span></span>',1))])])]))}}),[["__scopeId","data-v-e887d581"]]),z={Lzbutton:v,Lztext:x,Lztheme:C},Z=[{name:"Button",type:"vue",label:"Button 按钮",code:`<template>
   <Button type="primary">主要按钮</Button>
   <Button type="success">成功按钮</Button>
   <Button type="warning">警告按钮</Button>
@@ -160,4 +160,4 @@ const showInfo = () => {
   gap: 12px;
   flex-wrap: wrap;
 }
-</style>`}],h=new Map;function C(t){return!t||!t.name?(console.warn("[LittleDizzy] Snippet must have a name property"),!1):(h.set(t.name,{name:t.name,type:t.type||"html",label:t.label||t.name,code:t.code||"",isCustom:t.isCustom||!1,...t}),!0)}function S(t){if(!Array.isArray(t))return console.warn("[LittleDizzy] registerSnippets expects an array"),0;let s=0;return t.forEach(n=>{C(n)&&s++}),s}function Q(){const t={};return h.forEach((s,n)=>{t[n]=s}),t}function Z(t){return h.get(t)}S(K);const $={Button:_,Card:b,Modal:k,Message:w,...z},ee=(t,s={})=>{Object.entries($).forEach(([n,r])=>{t.component(s.prefix?`${s.prefix}${n}`:n,r)})},te=Q,se=C,ne=S,oe=Z,ae={install:ee,...$};o.Button=_,o.Card=b,o.Lzbutton=B,o.Lztext=x,o.Lztheme=E,o.Message=w,o.Modal=k,o.customComponents=z,o.default=ae,o.getSnippet=oe,o.message=R,o.registerSnippet=se,o.registerSnippets=ne,o.snippets=te,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+</style>`}],_=new Map;function $(t){return!t||!t.name?(console.warn("[LittleDizzy] Snippet must have a name property"),!1):(_.set(t.name,{name:t.name,type:t.type||"html",label:t.label||t.name,code:t.code||"",isCustom:t.isCustom||!1,...t}),!0)}function S(t){if(!Array.isArray(t))return console.warn("[LittleDizzy] registerSnippets expects an array"),0;let s=0;return t.forEach(n=>{$(n)&&s++}),s}function ee(){const t={};return _.forEach((s,n)=>{t[n]=s}),t}function te(t){return _.get(t)}S(Z);const E={Button:k,Card:b,Modal:w,Message:B,...z},se=(t,s={})=>{Object.entries(E).forEach(([n,d])=>{t.component(s.prefix?`${s.prefix}${n}`:n,d)}),t.config.globalProperties.$message=y,t.provide("message",y)},ne=ee,oe=$,ae=S,le=te,re={install:se,...E};a.Button=k,a.Card=b,a.Lzbutton=v,a.Lztext=x,a.Lztheme=C,a.Message=B,a.Modal=w,a.customComponents=z,a.default=re,a.getSnippet=le,a.message=y,a.registerSnippet=oe,a.registerSnippets=ae,a.snippets=ne,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "little-dizzy",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "LittleDizzy - 一个支持代码片段的 Vue 3 UI 组件库",
   "type": "module",
   "main": "dist/little-dizzy.umd.cjs",
@@ -49,7 +49,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "little-dizzy": "^2.1.1",
+    "little-dizzy": "^2.3.0",
     "vue": "^3.0.0",
     "vue-router": "^4.6.4"
   },

package/src/components/Card.vue

@@ -47,15 +47,15 @@ const props = defineProps({
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: #fff;
+  background-color: var(--ld-card-bg, #fff);
   background-clip: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  border: 1px solid var(--ld-border-color-light, rgba(0, 0, 0, 0.125));
   border-radius: $border-radius-lg;
-  transition: box-shadow 0.3s;
+  transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;
 
   // 阴影样式
   &-shadow {
-    box-shadow: $shadow-sm;
+    box-shadow: var(--ld-card-shadow, $shadow-sm);
 
     &:hover {
       box-shadow: $shadow-md;
@@ -65,10 +65,11 @@ const props = defineProps({
   // 卡片头部
   &-header {
     padding: 16px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+    border-bottom: 1px solid var(--ld-border-color-light, rgba(0, 0, 0, 0.125));
     display: flex;
     justify-content: space-between;
     align-items: center;
+    background-color: var(--ld-card-bg, #fff);
   }
 
   // 卡片头部标题
@@ -76,21 +77,21 @@ const props = defineProps({
     margin: 0;
     font-size: $font-size-large;
     font-weight: 600;
-    color: #303133;
+    color: var(--ld-text-primary, #303133);
   }
 
   // 卡片主体
   &-body {
     flex: 1 1 auto;
     padding: 16px;
-    color: #606266;
+    color: var(--ld-text-regular, #606266);
   }
 
   // 卡片底部
   &-footer {
     padding: 16px;
-    border-top: 1px solid rgba(0, 0, 0, 0.125);
-    background-color: #fafafa;
+    border-top: 1px solid var(--ld-border-color-light, rgba(0, 0, 0, 0.125));
+    background-color: var(--ld-bg-color-page, #fafafa);
     border-bottom-left-radius: calc($border-radius-lg - 1px);
     border-bottom-right-radius: calc($border-radius-lg - 1px);
   }

package/src/components/custom/lztheme.vue

@@ -1,26 +1,28 @@
 <template>
   <div class="lztheme-wrapper">
-    <label for="theme" class="theme">
-    	<span class="theme__toggle-wrap">
-    		<input id="theme" class="theme__toggle" type="checkbox" role="switch" name="theme" value="dark">
-    		<span class="theme__fill"></span>
-    		<span class="theme__icon">
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    			<span class="theme__icon-part"></span>
-    		</span>
-    	</span>
+    <label :for="inputId" class="theme">
+      <span class="theme__toggle-wrap">
+        <input :id="inputId" ref="toggleRef" class="theme__toggle" type="checkbox" role="switch" name="theme"
+          value="dark" :checked="isDark" @change="handleChange">
+        <span class="theme__icon">
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+          <span class="theme__icon-part"></span>
+        </span>
+      </span>
     </label>
   </div>
 </template>
 
 <script setup>
+import { ref, watch } from 'vue'
+
 /**
  * 主题切换
  * 
@@ -30,6 +32,53 @@
 defineOptions({
   name: 'Lztheme'
 })
+
+// 生成唯一 ID，避免多个实例冲突
+let idCounter = 0
+const inputId = `lztheme-toggle-${++idCounter}-${Date.now()}`
+
+// Props
+const props = defineProps({
+  // 是否为暗色主题
+  modelValue: {
+    type: Boolean,
+    default: false
+  }
+})
+
+// Emits
+const emit = defineEmits(['update:modelValue', 'change'])
+
+// 内部状态
+const toggleRef = ref(null)
+const isDark = ref(props.modelValue)
+
+// 监听 prop 变化，同步到内部状态
+watch(() => props.modelValue, (newVal) => {
+  isDark.value = newVal
+})
+
+// 处理切换
+const handleChange = (event) => {
+  const checked = event.target.checked
+  isDark.value = checked
+  emit('update:modelValue', checked)
+  emit('change', checked)
+}
+
+// 暴露方法给父组件
+defineExpose({
+  toggle: () => {
+    if (toggleRef.value) {
+      toggleRef.value.click()
+    }
+  },
+  setDark: (value) => {
+    isDark.value = value
+    emit('update:modelValue', value)
+    emit('change', value)
+  }
+})
 </script>
 
 <style scoped>
@@ -40,23 +89,13 @@ defineOptions({
   -webkit-tap-highlight-color: transparent;
 }
 
-.theme__fill,
 .theme__icon {
   transition: 0.3s;
 }
 
-.theme__fill {
-  background-color: var(--bg);
-  display: block;
-  mix-blend-mode: difference;
-  position: fixed;
-  inset: 0;
-  height: 100%;
-  transform: translateX(-100%);
-}
-
 .theme__icon,
 .theme__toggle {
+  cursor: pointer;
   z-index: 1;
 }
 
@@ -67,27 +106,28 @@ defineOptions({
 
 .theme__icon {
   display: block;
-  top: 0.5em;
-  left: 0.5em;
+  top: 50%;
+  left: 0.7em;
+  transform: translateY(-50%);
   width: 1.5em;
   height: 1.5em;
 }
 
 .theme__icon-part {
   border-radius: 50%;
-  box-shadow: 0.4em -0.4em 0 0.5em hsl(0,0%,100%) inset;
+  box-shadow: 0.4em -0.4em 0 0.5em hsl(0, 0%, 100%) inset;
   top: calc(50% - 0.5em);
   left: calc(50% - 0.5em);
   width: 1em;
   height: 1em;
   transition: box-shadow var(--transDur) ease-in-out,
-		opacity var(--transDur) ease-in-out,
-		transform var(--transDur) ease-in-out;
+    opacity var(--transDur) ease-in-out,
+    transform var(--transDur) ease-in-out;
   transform: scale(0.5);
 }
 
-.theme__icon-part ~ .theme__icon-part {
-  background-color: hsl(0,0%,100%);
+.theme__icon-part~.theme__icon-part {
+  background-color: hsl(0, 0%, 100%);
   border-radius: 0.05em;
   top: 50%;
   left: calc(50% - 0.05em);
@@ -137,7 +177,7 @@ defineOptions({
 }
 
 .theme__toggle {
-  background-color: hsl(48,90%,85%);
+  background-color: hsl(48, 90%, 85%);
   border-radius: 25% / 50%;
   box-shadow: 0 0 0 0.125em var(--primaryT);
   padding: 0.25em;
@@ -146,12 +186,12 @@ defineOptions({
   -webkit-appearance: none;
   appearance: none;
   transition: background-color var(--transDur) ease-in-out,
-		box-shadow 0.15s ease-in-out,
-		transform var(--transDur) ease-in-out;
+    box-shadow 0.15s ease-in-out,
+    transform var(--transDur) ease-in-out;
 }
 
 .theme__toggle:before {
-  background-color: hsl(48,90%,55%);
+  background-color: hsl(48, 90%, 55%);
   border-radius: 50%;
   content: "";
   width: 2.5em;
@@ -166,62 +206,61 @@ defineOptions({
 
 /* Checked */
 .theme__toggle:checked {
-  background-color: hsl(198,90%,15%);
+  background-color: hsl(198, 90%, 15%);
 }
 
-.theme__toggle:checked:before,
-.theme__toggle:checked ~ .theme__icon {
+.theme__toggle:checked:before {
   transform: translateX(3em);
 }
 
-.theme__toggle:checked:before {
-  background-color: hsl(198,90%,55%);
+.theme__toggle:checked~.theme__icon {
+  transform: translateX(3em) translateY(-50%);
 }
 
-.theme__toggle:checked ~ .theme__fill {
-  transform: translateX(0);
+.theme__toggle:checked:before {
+  background-color: hsl(198, 90%, 55%);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) {
-  box-shadow: 0.2em -0.2em 0 0.2em hsl(0,0%,100%) inset;
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(1) {
+  box-shadow: 0.2em -0.2em 0 0.2em hsl(0, 0%, 100%) inset;
   transform: scale(1);
-  top: 0.2em;
-  left: -0.2em;
+  top: calc(50% - 0.5em);
+  left: calc(50% - 0.5em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part {
+.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part {
   opacity: 0;
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(2) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(2) {
   transform: rotate(45deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(3) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(3) {
   transform: rotate(90deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(4) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(4) {
   transform: rotate(135deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(5) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(5) {
   transform: rotate(180deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(6) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(6) {
   transform: rotate(225deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(7) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(7) {
   transform: rotate(270deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(8) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(8) {
   transform: rotate(315deg) translateY(0.8em);
 }
 
-.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(9) {
+.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(9) {
   transform: rotate(360deg) translateY(0.8em);
 }
 

package/src/index.js

@@ -47,6 +47,11 @@ const install = (app, options = {}) => {
   Object.entries(components).forEach(([name, component]) => {
     app.component(options.prefix ? `${options.prefix}${name}` : name, component)
   })
+
+  // 挂载 message 到全局属性
+  app.config.globalProperties.$message = message
+  // 同时提供 provide 方式
+  app.provide('message', message)
 }
 
 // 导出代码片段相关