little-dizzy 1.2.1 → 2.2.0

package/dist/little-dizzy.css

@@ -1 +1 @@
-[data-v-75f082b2]{margin:0;padding:0;box-sizing:border-box}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}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-c66cec30]{margin:0;padding:0;box-sizing:border-box}body[data-v-c66cec30]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-c66cec30]{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-c66cec30]:hover{opacity:.9}.btn[data-v-c66cec30]:active{opacity:1}.btn[data-v-c66cec30]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-c66cec30]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-c66cec30]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-c66cec30]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-c66cec30]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-c66cec30]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-c66cec30]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-c66cec30]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-c66cec30]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-c66cec30]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-c66cec30]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-c66cec30]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-c66cec30]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-c66cec30]{padding:4px 8px;font-size:12px}.btn-large[data-v-c66cec30]{padding:12px 24px;font-size:16px}.card[data-v-c66cec30]{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-c66cec30]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-c66cec30]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-c66cec30]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-c66cec30]{flex:1 1 auto;padding:16px}.card-footer[data-v-c66cec30]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal.show[data-v-c66cec30]{display:flex;justify-content:center;align-items:center}.modal-header-title[data-v-c66cec30]{margin:0;font-size:16px;font-weight:600}.modal-body[data-v-c66cec30]{position:relative;flex:1 1 auto;padding:16px}.modal[data-v-c66cec30]{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-c66cec30]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-c66cec30]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-c66cec30]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-c66cec30]{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-c66cec30]{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-c66cec30]{margin:0;font-size:16px;font-weight:600;color:#303133}.modal-header-close[data-v-c66cec30]{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-c66cec30]:hover{opacity:1}.modal-body[data-v-c66cec30]{position:relative;flex:1 1 auto;padding:16px;color:#606266}.modal-footer[data-v-c66cec30]{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-c66cec30]>*+*{margin-left:8px}
+[data-v-75f082b2]{margin:0;padding:0;box-sizing:border-box}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}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-c66cec30]{margin:0;padding:0;box-sizing:border-box}body[data-v-c66cec30]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.btn[data-v-c66cec30]{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-c66cec30]:hover{opacity:.9}.btn[data-v-c66cec30]:active{opacity:1}.btn[data-v-c66cec30]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-c66cec30]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-c66cec30]:hover{background-color:#0d84ff;border-color:#0d84ff}.btn-success[data-v-c66cec30]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-success[data-v-c66cec30]:hover{background-color:#529b2e;border-color:#529b2e}.btn-warning[data-v-c66cec30]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-c66cec30]:hover{background-color:#d48a1b;border-color:#d48a1b}.btn-danger[data-v-c66cec30]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-danger[data-v-c66cec30]:hover{background-color:#f23c3c;border-color:#f23c3c}.btn-info[data-v-c66cec30]{color:#fff;background-color:#909399;border-color:#909399}.btn-info[data-v-c66cec30]:hover{background-color:#767980;border-color:#767980}.btn-secondary[data-v-c66cec30]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-secondary[data-v-c66cec30]:hover{color:#409eff;border-color:#409eff}.btn-small[data-v-c66cec30]{padding:4px 8px;font-size:12px}.btn-large[data-v-c66cec30]{padding:12px 24px;font-size:16px}.card[data-v-c66cec30]{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-c66cec30]:hover{box-shadow:0 4px 12px #00000026}.card-header[data-v-c66cec30]{padding:16px;border-bottom:1px solid rgba(0,0,0,.125)}.card-header-title[data-v-c66cec30]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-c66cec30]{flex:1 1 auto;padding:16px}.card-footer[data-v-c66cec30]{padding:16px;border-top:1px solid rgba(0,0,0,.125)}.modal.show[data-v-c66cec30]{display:flex;justify-content:center;align-items:center}.modal-header-title[data-v-c66cec30]{margin:0;font-size:16px;font-weight:600}.modal-body[data-v-c66cec30]{position:relative;flex:1 1 auto;padding:16px}.modal[data-v-c66cec30]{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-c66cec30]{display:flex;justify-content:center;align-items:center}.modal-dialog[data-v-c66cec30]{position:relative;width:auto;margin:10px;pointer-events:none}@media(min-width:576px){.modal-dialog[data-v-c66cec30]{max-width:500px;margin:1.75rem auto}}.modal-content[data-v-c66cec30]{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-c66cec30]{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-c66cec30]{margin:0;font-size:16px;font-weight:600;color:#303133}.modal-header-close[data-v-c66cec30]{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-c66cec30]:hover{opacity:1}.modal-body[data-v-c66cec30]{position:relative;flex:1 1 auto;padding:16px;color:#606266}.modal-footer[data-v-c66cec30]{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-c66cec30]>*+*{margin-left:8px}.button[data-v-c2498af3]{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-c2498af3]:hover{background-size:320%;background-position:right center}.button:hover svg[data-v-c2498af3]{fill:#fff}.button svg[data-v-c2498af3]{width:23px;fill:#f09f33;transition:.3s ease}.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)}}

package/dist/little-dizzy.js

@@ -1,9 +1,9 @@
-import { createElementBlock as n, openBlock as s, normalizeClass as u, renderSlot as r, createCommentVNode as i, createElementVNode as l, toDisplayString as f } from "vue";
-const m = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [a, d] of e)
-    o[a] = d;
-  return o;
+import { createElementBlock as a, openBlock as n, normalizeClass as m, renderSlot as r, createCommentVNode as i, createElementVNode as e, toDisplayString as f, createTextVNode as v } from "vue";
+const d = (t, o) => {
+  const s = t.__vccOpts || t;
+  for (const [l, c] of o)
+    s[l] = c;
+  return s;
 }, g = ["disabled"], B = {
   __name: "Button",
   props: {
@@ -31,30 +31,30 @@ const m = (t, e) => {
     }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    return (o, a) => (s(), n("button", {
-      class: u(["btn", [
+  setup(t, { emit: o }) {
+    return (s, l) => (n(), a("button", {
+      class: m(["btn", [
         `btn-${t.type}`,
         `btn-${t.size}`,
         { "btn-block": t.block },
         { "btn-disabled": t.disabled }
       ]]),
       disabled: t.disabled,
-      onClick: a[0] || (a[0] = (d) => o.$emit("click", d))
+      onClick: l[0] || (l[0] = (c) => s.$emit("click", c))
     }, [
-      r(o.$slots, "default", {}, void 0, !0)
+      r(s.$slots, "default", {}, void 0, !0)
     ], 10, g));
   }
-}, k = /* @__PURE__ */ m(B, [["__scopeId", "data-v-75f082b2"]]), $ = {
+}, $ = /* @__PURE__ */ d(B, [["__scopeId", "data-v-75f082b2"]]), z = {
   key: 0,
   class: "card-header"
-}, z = {
+}, k = {
   key: 0,
   class: "card-header-title"
-}, w = { class: "card-body" }, S = {
+}, w = { class: "card-body" }, C = {
   key: 1,
   class: "card-footer"
-}, _ = {
+}, S = {
   __name: "Card",
   props: {
     // 卡片标题
@@ -69,31 +69,31 @@ const m = (t, e) => {
     }
   },
   setup(t) {
-    return (e, o) => (s(), n("div", {
-      class: u(["card", { "card-shadow": t.shadow }])
+    return (o, s) => (n(), a("div", {
+      class: m(["card", { "card-shadow": t.shadow }])
     }, [
-      e.$slots.header || t.title ? (s(), n("div", $, [
-        t.title ? (s(), n("h3", z, f(t.title), 1)) : i("", !0),
-        r(e.$slots, "header", {}, void 0, !0)
+      o.$slots.header || t.title ? (n(), a("div", z, [
+        t.title ? (n(), a("h3", k, f(t.title), 1)) : i("", !0),
+        r(o.$slots, "header", {}, void 0, !0)
       ])) : i("", !0),
-      l("div", w, [
-        r(e.$slots, "default", {}, void 0, !0)
+      e("div", w, [
+        r(o.$slots, "default", {}, void 0, !0)
       ]),
-      e.$slots.footer ? (s(), n("div", S, [
-        r(e.$slots, "footer", {}, void 0, !0)
+      o.$slots.footer ? (n(), a("div", C, [
+        r(o.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 2));
   }
-}, C = /* @__PURE__ */ m(_, [["__scopeId", "data-v-2d83e63a"]]), x = { class: "modal-dialog" }, M = { class: "modal-content" }, E = { class: "modal-header" }, L = {
+}, M = /* @__PURE__ */ d(S, [["__scopeId", "data-v-2d83e63a"]]), L = { class: "modal-dialog" }, x = { class: "modal-content" }, E = { class: "modal-header" }, I = {
   key: 0,
   class: "modal-header-title"
-}, D = { class: "modal-body" }, I = {
+}, O = { class: "modal-body" }, j = {
   key: 0,
   class: "modal-footer"
-}, A = {
+}, D = {
   key: 1,
   class: "modal-footer"
-}, F = {
+}, N = {
   __name: "Modal",
   props: {
     // 是否显示模态框
@@ -113,47 +113,102 @@ const m = (t, e) => {
     }
   },
   emits: ["close", "cancel", "confirm"],
-  setup(t, { emit: e }) {
-    const o = e, a = () => {
-      o("close");
-    }, d = () => {
-      o("cancel");
-    }, v = () => {
-      o("confirm");
+  setup(t, { emit: o }) {
+    const s = o, l = () => {
+      s("close");
+    }, c = () => {
+      s("cancel");
+    }, b = () => {
+      s("confirm");
     };
-    return (c, G) => t.visible ? (s(), n("div", {
+    return (u, Y) => t.visible ? (n(), a("div", {
       key: 0,
-      class: u(["modal", { "modal-show": t.visible }])
+      class: m(["modal", { "modal-show": t.visible }])
     }, [
-      l("div", x, [
-        l("div", M, [
-          l("div", E, [
-            t.title ? (s(), n("h3", L, f(t.title), 1)) : i("", !0),
-            l("button", {
+      e("div", L, [
+        e("div", x, [
+          e("div", E, [
+            t.title ? (n(), a("h3", I, f(t.title), 1)) : i("", !0),
+            e("button", {
               class: "modal-header-close",
-              onClick: a
+              onClick: l
             }, "×")
           ]),
-          l("div", D, [
-            r(c.$slots, "default", {}, void 0, !0)
+          e("div", O, [
+            r(u.$slots, "default", {}, void 0, !0)
           ]),
-          c.$slots.footer ? (s(), n("div", I, [
-            r(c.$slots, "footer", {}, void 0, !0)
-          ])) : t.showFooter ? (s(), n("div", A, [
-            l("button", {
+          u.$slots.footer ? (n(), a("div", j, [
+            r(u.$slots, "footer", {}, void 0, !0)
+          ])) : t.showFooter ? (n(), a("div", D, [
+            e("button", {
               class: "btn btn-secondary",
-              onClick: d
+              onClick: c
             }, "取消"),
-            l("button", {
+            e("button", {
               class: "btn btn-primary",
-              onClick: v
+              onClick: b
             }, "确定")
           ])) : i("", !0)
         ])
       ])
     ], 2)) : i("", !0);
   }
-}, N = /* @__PURE__ */ m(F, [["__scopeId", "data-v-c66cec30"]]), O = {
+}, V = /* @__PURE__ */ d(N, [["__scopeId", "data-v-c66cec30"]]), A = { class: "lzbutton-wrapper" }, F = /* @__PURE__ */ Object.assign({
+  name: "Lzbutton"
+}, {
+  __name: "lzbutton",
+  setup(t) {
+    return (o, s) => (n(), a("div", A, [...s[0] || (s[0] = [
+      e("button", { class: "button" }, [
+        e("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 36 24"
+        }, [
+          e("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
+        ]),
+        v(" Unlock Pro ")
+      ], -1)
+    ])]));
+  }
+}), H = /* @__PURE__ */ d(F, [["__scopeId", "data-v-c2498af3"]]), P = { class: "lztheme-wrapper" }, R = /* @__PURE__ */ Object.assign({
+  name: "Lztheme"
+}, {
+  __name: "lztheme",
+  setup(t) {
+    return (o, s) => (n(), a("div", P, [...s[0] || (s[0] = [
+      e("label", {
+        for: "theme",
+        class: "theme"
+      }, [
+        e("span", { class: "theme__toggle-wrap" }, [
+          e("input", {
+            id: "theme",
+            class: "theme__toggle",
+            type: "checkbox",
+            role: "switch",
+            name: "theme",
+            value: "dark"
+          }),
+          e("span", { class: "theme__fill" }),
+          e("span", { class: "theme__icon" }, [
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" }),
+            e("span", { class: "theme__icon-part" })
+          ])
+        ])
+      ], -1)
+    ])]));
+  }
+}), T = /* @__PURE__ */ d(R, [["__scopeId", "data-v-0b85d094"]]), U = {
+  Lzbutton: H,
+  Lztheme: T
+}, q = {
   name: "Button",
   type: "vue",
   label: "Button 按钮",
@@ -167,7 +222,7 @@ const m = (t, e) => {
 <script setup>
 import { Button } from 'little-dizzy'
 <\/script>`
-}, V = {
+}, G = {
   name: "Card",
   type: "vue",
   label: "Card 卡片",
@@ -187,7 +242,7 @@ import { Button } from 'little-dizzy'
 <script setup>
 import { Card, Button } from 'little-dizzy'
 <\/script>`
-}, j = {
+}, J = {
   name: "Modal",
   type: "vue",
   label: "Modal 模态框",
@@ -212,59 +267,12 @@ import { Modal, Button } from 'little-dizzy'
 
 const visible = ref(false)
 <\/script>`
-}, H = {
-  name: "lzbutton",
-  type: "html",
-  label: "LzButton 渐变按钮",
-  isCustom: !0,
-  code: `<button class="button">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
-        <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
-    </svg>
-    Unlock Pro
-</button>
-
-<style>
-.button {
-  width: fit-content;
-  display: flex;
-  padding: 1.2em 1rem;
-  cursor: pointer;
-  gap: 0.4rem;
-  font-weight: bold;
-  border-radius: 30px;
-  text-shadow: 2px 2px 3px rgb(136 0 136 / 50%);
-  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
-  background-size: 300%;
-  color: #fff;
-  border: none;
-  background-position: left center;
-  box-shadow: 0 30px 10px -20px rgba(0,0,0,.2);
-  transition: background .3s ease;
-}
-
-.button:hover {
-  background-size: 320%;
-  background-position: right center;
-}
-
-.button:hover svg {
-  fill: #fff;
-}
-
-.button svg {
-  width: 23px;
-  fill: #f09f33;
-  transition: .3s ease;
-}
-</style>`
-}, P = [
-  O,
-  V,
-  j,
-  H
+}, K = [
+  q,
+  G,
+  J
 ], p = /* @__PURE__ */ new Map();
-function b(t) {
+function _(t) {
   return !t || !t.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (p.set(t.name, {
     name: t.name,
     type: t.type || "html",
@@ -274,43 +282,47 @@ function b(t) {
     ...t
   }), !0);
 }
-function y(t) {
+function h(t) {
   if (!Array.isArray(t))
     return console.warn("[LittleDizzy] registerSnippets expects an array"), 0;
-  let e = 0;
-  return t.forEach((o) => {
-    b(o) && e++;
-  }), e;
+  let o = 0;
+  return t.forEach((s) => {
+    _(s) && o++;
+  }), o;
 }
-function R() {
+function Q() {
   const t = {};
-  return p.forEach((e, o) => {
-    t[o] = e;
+  return p.forEach((o, s) => {
+    t[s] = o;
   }), t;
 }
-function U(t) {
+function W(t) {
   return p.get(t);
 }
-y(P);
-const h = {
-  Button: k,
-  Card: C,
-  Modal: N
-}, q = (t, e = {}) => {
-  Object.entries(h).forEach(([o, a]) => {
-    t.component(e.prefix ? `${e.prefix}${o}` : o, a);
+h(K);
+const y = {
+  Button: $,
+  Card: M,
+  Modal: V,
+  ...U
+}, X = (t, o = {}) => {
+  Object.entries(y).forEach(([s, l]) => {
+    t.component(o.prefix ? `${o.prefix}${s}` : s, l);
   });
-}, K = R, Q = b, T = y, W = U, X = {
-  install: q,
-  ...h
+}, tt = Q, et = _, st = h, ot = W, at = {
+  install: X,
+  ...y
 };
 export {
-  k as Button,
-  C as Card,
-  N as Modal,
-  X as default,
-  W as getSnippet,
-  Q as registerSnippet,
-  T as registerSnippets,
-  K as snippets
+  $ as Button,
+  M as Card,
+  H as Lzbutton,
+  T as Lztheme,
+  V as Modal,
+  U as customComponents,
+  at as default,
+  ot as getSnippet,
+  et as registerSnippet,
+  st as registerSnippets,
+  tt as snippets
 };

package/dist/little-dizzy.umd.cjs

@@ -1,4 +1,4 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.LittleDizzy={},l.Vue))})(this,(function(l,e){"use strict";const r=(t,o)=>{const n=t.__vccOpts||t;for(const[a,s]of o)n[a]=s;return n},y=["disabled"],c=r({__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:o}){return(n,a)=>(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:a[0]||(a[0]=s=>n.$emit("click",s))},[e.renderSlot(n.$slots,"default",{},void 0,!0)],10,y))}},[["__scopeId","data-v-75f082b2"]]),h={key:0,class:"card-header"},B={key:0,class:"card-header-title"},g={class:"card-body"},k={key:1,class:"card-footer"},m=r({__name:"Card",props:{title:{type:String,default:""},shadow:{type:Boolean,default:!0}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",{"card-shadow":t.shadow}])},[o.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",h,[t.title?(e.openBlock(),e.createElementBlock("h3",B,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",g,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-2d83e63a"]]),S={class:"modal-dialog"},_={class:"modal-content"},z={class:"modal-header"},C={key:0,class:"modal-header-title"},$={class:"modal-body"},w={key:0,class:"modal-footer"},E={key:1,class:"modal-footer"},p=r({__name:"Modal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},showFooter:{type:Boolean,default:!0}},emits:["close","cancel","confirm"],setup(t,{emit:o}){const n=o,a=()=>{n("close")},s=()=>{n("cancel")},O=()=>{n("confirm")};return(d,U)=>t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"modal-show":t.visible}])},[e.createElementVNode("div",S,[e.createElementVNode("div",_,[e.createElementVNode("div",z,[t.title?(e.openBlock(),e.createElementBlock("h3",C,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"modal-header-close",onClick:a},"×")]),e.createElementVNode("div",$,[e.renderSlot(d.$slots,"default",{},void 0,!0)]),d.$slots.footer?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(d.$slots,"footer",{},void 0,!0)])):t.showFooter?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("button",{class:"btn btn-secondary",onClick:s},"取消"),e.createElementVNode("button",{class:"btn btn-primary",onClick:O},"确定")])):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-c66cec30"]]),V=[{name:"Button",type:"vue",label:"Button 按钮",code:`<template>
+(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 l=(t,n)=>{const o=t.__vccOpts||t;for(const[s,c]of n)o[s]=c;return o},B=["disabled"],d=l({__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:n}){return(o,s)=>(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:s[0]||(s[0]=c=>o.$emit("click",c))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],10,B))}},[["__scopeId","data-v-75f082b2"]]),k={key:0,class:"card-header"},E={key:0,class:"card-header-title"},g={class:"card-body"},S={key:1,class:"card-footer"},m=l({__name:"Card",props:{title:{type:String,default:""},shadow:{type:Boolean,default:!0}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",{"card-shadow":t.shadow}])},[n.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",k,[t.title?(e.openBlock(),e.createElementBlock("h3",E,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",g,[e.renderSlot(n.$slots,"default",{},void 0,!0)]),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(n.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-2d83e63a"]]),V={class:"modal-dialog"},N={class:"modal-content"},$={class:"modal-header"},z={key:0,class:"modal-header-title"},C={class:"modal-body"},w={key:0,class:"modal-footer"},M={key:1,class:"modal-footer"},p=l({__name:"Modal",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},showFooter:{type:Boolean,default:!0}},emits:["close","cancel","confirm"],setup(t,{emit:n}){const o=n,s=()=>{o("close")},c=()=>{o("cancel")},R=()=>{o("confirm")};return(i,Z)=>t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["modal",{"modal-show":t.visible}])},[e.createElementVNode("div",V,[e.createElementVNode("div",N,[e.createElementVNode("div",$,[t.title?(e.openBlock(),e.createElementBlock("h3",z,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"modal-header-close",onClick:s},"×")]),e.createElementVNode("div",C,[e.renderSlot(i.$slots,"default",{},void 0,!0)]),i.$slots.footer?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(i.$slots,"footer",{},void 0,!0)])):t.showFooter?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("button",{class:"btn btn-secondary",onClick:c},"取消"),e.createElementVNode("button",{class:"btn btn-primary",onClick:R},"确定")])):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-c66cec30"]]),L={class:"lzbutton-wrapper"},f=l(Object.assign({name:"Lzbutton"},{__name:"lzbutton",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",L,[...o[0]||(o[0]=[e.createElementVNode("button",{class:"button"},[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"})]),e.createTextVNode(" Unlock Pro ")],-1)])]))}}),[["__scopeId","data-v-c2498af3"]]),j={class:"lztheme-wrapper"},_=l(Object.assign({name:"Lztheme"},{__name:"lztheme",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",j,[...o[0]||(o[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"]]),u={Lzbutton:f,Lztheme:_},D=[{name:"Button",type:"vue",label:"Button 按钮",code:`<template>
   <Button type="primary">主要按钮</Button>
   <Button type="success">成功按钮</Button>
   <Button type="warning">警告按钮</Button>
@@ -42,44 +42,4 @@ import { ref } from 'vue'
 import { Modal, Button } from 'little-dizzy'
 
 const visible = ref(false)
-<\/script>`},{name:"lzbutton",type:"html",label:"LzButton 渐变按钮",isCustom:!0,code:`<button class="button">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
-        <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
-    </svg>
-    Unlock Pro
-</button>
-
-<style>
-.button {
-  width: fit-content;
-  display: flex;
-  padding: 1.2em 1rem;
-  cursor: pointer;
-  gap: 0.4rem;
-  font-weight: bold;
-  border-radius: 30px;
-  text-shadow: 2px 2px 3px rgb(136 0 136 / 50%);
-  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
-  background-size: 300%;
-  color: #fff;
-  border: none;
-  background-position: left center;
-  box-shadow: 0 30px 10px -20px rgba(0,0,0,.2);
-  transition: background .3s ease;
-}
-
-.button:hover {
-  background-size: 320%;
-  background-position: right center;
-}
-
-.button:hover svg {
-  fill: #fff;
-}
-
-.button svg {
-  width: 23px;
-  fill: #f09f33;
-  transition: .3s ease;
-}
-</style>`}],i=new Map;function u(t){return!t||!t.name?(console.warn("[LittleDizzy] Snippet must have a name property"),!1):(i.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 f(t){if(!Array.isArray(t))return console.warn("[LittleDizzy] registerSnippets expects an array"),0;let o=0;return t.forEach(n=>{u(n)&&o++}),o}function N(){const t={};return i.forEach((o,n)=>{t[n]=o}),t}function M(t){return i.get(t)}f(V);const b={Button:c,Card:m,Modal:p},v=(t,o={})=>{Object.entries(b).forEach(([n,a])=>{t.component(o.prefix?`${o.prefix}${n}`:n,a)})},x=N,D=u,L=f,j=M,I={install:v,...b};l.Button=c,l.Card=m,l.Modal=p,l.default=I,l.getSnippet=j,l.registerSnippet=D,l.registerSnippets=L,l.snippets=x,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+<\/script>`}],r=new Map;function h(t){return!t||!t.name?(console.warn("[LittleDizzy] Snippet must have a name property"),!1):(r.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 y(t){if(!Array.isArray(t))return console.warn("[LittleDizzy] registerSnippets expects an array"),0;let n=0;return t.forEach(o=>{h(o)&&n++}),n}function I(){const t={};return r.forEach((n,o)=>{t[o]=n}),t}function O(t){return r.get(t)}y(D);const b={Button:d,Card:m,Modal:p,...u},T=(t,n={})=>{Object.entries(b).forEach(([o,s])=>{t.component(n.prefix?`${n.prefix}${o}`:o,s)})},A=I,F=h,P=y,q=O,H={install:T,...b};a.Button=d,a.Card=m,a.Lzbutton=f,a.Lztheme=_,a.Modal=p,a.customComponents=u,a.default=H,a.getSnippet=q,a.registerSnippet=F,a.registerSnippets=P,a.snippets=A,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "little-dizzy",
-  "version": "1.2.1",
+  "version": "2.2.0",
   "description": "LittleDizzy - 一个支持代码片段的 Vue 3 UI 组件库",
   "type": "module",
   "main": "dist/little-dizzy.umd.cjs",
@@ -24,7 +24,11 @@
     "dev": "vite",
     "build": "vite build",
     "build:lib": "vite build --config vite.lib.config.js",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib",
+    "publish:patch": "npm version patch --no-git-tag-version && npm run build:lib && npm publish --registry https://registry.npmjs.org",
+    "publish:minor": "npm version minor --no-git-tag-version && npm run build:lib && npm publish --registry https://registry.npmjs.org",
+    "publish:major": "npm version major --no-git-tag-version && npm run build:lib && npm publish --registry https://registry.npmjs.org"
   },
   "keywords": [
     "vue",
@@ -45,11 +49,13 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "vue": "^3.5.24"
+    "little-dizzy": "^2.1.0",
+    "vue": "^3.0.0",
+    "vue-router": "^4.6.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "sass": "^1.97.1",
     "vite": "^7.2.4"
   }
-}
+}

package/src/components/custom/index.js

@@ -0,0 +1,20 @@
+/**
+ * 自定义组件
+ * 
+ * 通过 Demo 页面上传的代码片段会自动生成 Vue 组件到这里
+ * 此文件由 vite-plugin-snippet-writer 自动维护
+ */
+
+import Lzbutton from './lzbutton.vue'
+import Lztheme from './lztheme.vue'
+
+// 自定义组件导出
+export const customComponents = {
+  Lzbutton,
+  Lztheme
+}
+
+// 单独导出每个组件
+export { Lzbutton, Lztheme }
+
+export default customComponents

package/src/{snippets/presets/lzbutton.js → components/custom/lzbutton.vue}

@@ -1,53 +1,57 @@
-/**
- * LzButton 代码片段
- * 渐变动画按钮
- */
-
-export default {
-  name: 'lzbutton',
-  type: 'html',
-  label: 'LzButton 渐变按钮',
-  isCustom: true,
-  code: `<button class="button">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
-        <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
-    </svg>
-    Unlock Pro
-</button>
-
-<style>
-.button {
-  width: fit-content;
-  display: flex;
-  padding: 1.2em 1rem;
-  cursor: pointer;
-  gap: 0.4rem;
-  font-weight: bold;
-  border-radius: 30px;
-  text-shadow: 2px 2px 3px rgb(136 0 136 / 50%);
-  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
-  background-size: 300%;
-  color: #fff;
-  border: none;
-  background-position: left center;
-  box-shadow: 0 30px 10px -20px rgba(0,0,0,.2);
-  transition: background .3s ease;
-}
-
-.button:hover {
-  background-size: 320%;
-  background-position: right center;
-}
-
-.button:hover svg {
-  fill: #fff;
-}
-
-.button svg {
-  width: 23px;
-  fill: #f09f33;
-  transition: .3s ease;
-}
-</style>`
-}
-
+<template>
+  <div class="lzbutton-wrapper">
+    <button class="button">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
+            <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
+        </svg>
+        Unlock Pro
+    </button>
+  </div>
+</template>
+
+<script setup>
+/**
+ * 渐变按钮
+ * 
+ * 由 LittleDizzy Demo 自动生成
+ * @component Lzbutton
+ */
+defineOptions({
+  name: 'Lzbutton'
+})
+</script>
+
+<style scoped>
+.button {
+  width: fit-content;
+  display: flex;
+  padding: 1.2em 1rem;
+  cursor: pointer;
+  gap: 0.4rem;
+  font-weight: bold;
+  border-radius: 30px;
+  text-shadow: 2px 2px 3px rgb(136 0 136 / 50%);
+  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
+  background-size: 300%;
+  color: #fff;
+  border: none;
+  background-position: left center;
+  box-shadow: 0 30px 10px -20px rgba(0,0,0,.2);
+  transition: background .3s ease;
+}
+
+.button:hover {
+  background-size: 320%;
+  background-position: right center;
+}
+
+.button:hover svg {
+  fill: #fff;
+}
+
+.button svg {
+  width: 23px;
+  fill: #f09f33;
+  transition: .3s ease;
+}
+</style>

package/src/components/custom/lztheme.vue

@@ -0,0 +1,241 @@
+<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>
+  </div>
+</template>
+
+<script setup>
+/**
+ * 主题切换
+ * 
+ * 由 LittleDizzy Demo 自动生成
+ * @component Lztheme
+ */
+defineOptions({
+  name: 'Lztheme'
+})
+</script>
+
+<style scoped>
+/* Default */
+.theme {
+  display: flex;
+  align-items: center;
+  -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 {
+  z-index: 1;
+}
+
+.theme__icon,
+.theme__icon-part {
+  position: absolute;
+}
+
+.theme__icon {
+  display: block;
+  top: 0.5em;
+  left: 0.5em;
+  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;
+  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;
+  transform: scale(0.5);
+}
+
+.theme__icon-part ~ .theme__icon-part {
+  background-color: hsl(0,0%,100%);
+  border-radius: 0.05em;
+  top: 50%;
+  left: calc(50% - 0.05em);
+  transform: rotate(0deg) translateY(0.5em);
+  transform-origin: 50% 0;
+  width: 0.1em;
+  height: 0.2em;
+}
+
+.theme__icon-part:nth-child(3) {
+  transform: rotate(45deg) translateY(0.45em);
+}
+
+.theme__icon-part:nth-child(4) {
+  transform: rotate(90deg) translateY(0.45em);
+}
+
+.theme__icon-part:nth-child(5) {
+  transform: rotate(135deg) translateY(0.45em);
+}
+
+.theme__icon-part:nth-child(6) {
+  transform: rotate(180deg) translateY(0.45em);
+}
+
+.theme__icon-part:nth-child(7) {
+  transform: rotate(225deg) translateY(0.45em);
+}
+
+.theme__icon-part:nth-child(8) {
+  transform: rotate(270deg) translateY(0.5em);
+}
+
+.theme__icon-part:nth-child(9) {
+  transform: rotate(315deg) translateY(0.5em);
+}
+
+.theme__label,
+.theme__toggle,
+.theme__toggle-wrap {
+  position: relative;
+}
+
+.theme__toggle,
+.theme__toggle:before {
+  display: block;
+}
+
+.theme__toggle {
+  background-color: hsl(48,90%,85%);
+  border-radius: 25% / 50%;
+  box-shadow: 0 0 0 0.125em var(--primaryT);
+  padding: 0.25em;
+  width: 6em;
+  height: 3em;
+  -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;
+}
+
+.theme__toggle:before {
+  background-color: hsl(48,90%,55%);
+  border-radius: 50%;
+  content: "";
+  width: 2.5em;
+  height: 2.5em;
+  transition: 0.3s;
+}
+
+.theme__toggle:focus {
+  box-shadow: 0 0 0 0.125em var(--primary);
+  outline: transparent;
+}
+
+/* Checked */
+.theme__toggle:checked {
+  background-color: hsl(198,90%,15%);
+}
+
+.theme__toggle:checked:before,
+.theme__toggle:checked ~ .theme__icon {
+  transform: translateX(3em);
+}
+
+.theme__toggle:checked:before {
+  background-color: hsl(198,90%,55%);
+}
+
+.theme__toggle:checked ~ .theme__fill {
+  transform: translateX(0);
+}
+
+.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;
+}
+
+.theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part {
+  opacity: 0;
+}
+
+.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) {
+  transform: rotate(90deg) translateY(0.8em);
+}
+
+.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) {
+  transform: rotate(180deg) translateY(0.8em);
+}
+
+.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) {
+  transform: rotate(270deg) translateY(0.8em);
+}
+
+.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) {
+  transform: rotate(360deg) translateY(0.8em);
+}
+
+.theme__toggle-wrap {
+  margin: 0 0.75em;
+}
+
+@supports selector(:focus-visible) {
+  .theme__toggle:focus {
+    box-shadow: 0 0 0 0.125em var(--primaryT);
+  }
+
+  .theme__toggle:focus-visible {
+    box-shadow: 0 0 0 0.125em var(--primary);
+  }
+}
+</style>

package/src/index.js

@@ -5,30 +5,37 @@
  * 
  * 1. 完整引入
  * import LittleDizzy from 'little-dizzy'
- * import 'little-dizzy/dist/styles/index.css'
+ * import 'little-dizzy/dist/little-dizzy.css'
  * app.use(LittleDizzy)
  * 
  * 2. 按需引入组件
  * import { Button, Card, Modal } from 'little-dizzy'
  * app.component('Button', Button)
  * 
- * 3. 引入代码片段
+ * 3. 引入自定义组件（通过 Demo 上传生成的）
+ * import { LzButton } from 'little-dizzy'
+ * 
+ * 4. 引入代码片段
  * import { snippets, registerSnippet } from 'little-dizzy'
  */
 
-// 导入组件
+// 导入内置组件
 import Button from './components/Button.vue'
 import Card from './components/Card.vue'
 import Modal from './components/Modal.vue'
 
+// 导入自定义组件（由 Demo 上传生成）
+import { customComponents } from './components/custom/index.js'
+
 // 导入代码片段系统
 import * as snippetsModule from './snippets/index.js'
 
-// 组件列表
+// 合并所有组件
 const components = {
   Button,
   Card,
-  Modal
+  Modal,
+  ...customComponents
 }
 
 // 安装函数
@@ -45,9 +52,12 @@ export const registerSnippet = snippetsModule.registerSnippet
 export const registerSnippets = snippetsModule.registerSnippets
 export const getSnippet = snippetsModule.getSnippet
 
-// 导出单个组件（按需引入）
+// 导出内置组件（按需引入）
 export { Button, Card, Modal }
 
+// 重新导出自定义组件
+export * from './components/custom/index.js'
+
 // 默认导出（完整引入）
 export default {
   install,

package/src/snippets/presets/index.js

@@ -7,18 +7,16 @@
 import buttonSnippet from './button.js'
 import cardSnippet from './card.js'
 import modalSnippet from './modal.js'
-import lzbuttonSnippet from './lzbutton.js'
 
 // 所有预设代码片段
 export const presetSnippets = [
   buttonSnippet,
   cardSnippet,
-  modalSnippet,
-  lzbuttonSnippet
+  modalSnippet
 ]
 
 // 单独导出
-export { buttonSnippet, cardSnippet, modalSnippet, lzbuttonSnippet }
+export { buttonSnippet, cardSnippet, modalSnippet }
 
 export default presetSnippets
 

package/src/components/HelloWorld.vue

@@ -1,43 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>