@squirrel-cloud/ui-vue 0.2.32 → 0.2.34

package/dist/style.css

@@ -1 +1 @@
-@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 28px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media (max-width: 768px){:root{--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom var(--sq-transition-base)}@keyframes fade{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{line-height:1.6;display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm)}.sq-article::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article p,.sq-article h1,.sq-article h2,.sq-article h3,.sq-article h4,.sq-article h5,.sq-article h6{margin:0}.sq-article p:has(img){display:flex}.sq-article h1,.sq-article h2,.sq-article h3,.sq-article h4,.sq-article h5,.sq-article h6{color:var(--sq-text-color)}.sq-article ul,.sq-article ol{margin:0;padding:0;list-style-type:none}.sq-article ul>li,.sq-article ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article ul>li:before,.sq-article ol>li:before{position:absolute;left:0}.sq-article ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article ol{counter-reset:section}.sq-article ol>li{counter-increment:section}.sq-article ol>li:before{content:counter(section) ".";top:0}.sq-article img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article hr{height:1px;width:100%;border:none;background:var(--sq-border-color)}.sq-article a{text-decoration:none;color:var(--sq-color-primary);border-bottom:1px solid transparent;word-break:break-all}.sq-article a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article a .sq-icon{vertical-align:middle;transform:translateY(-1px)}.sq-article input[type=checkbox]{height:1em;vertical-align:middle;margin:0;margin-inline-end:var(--sq-padding-xs);transform:translateY(-1px)}.sq-article span[data-blur]{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));overflow:hidden;-webkit-user-select:none;user-select:none;transition:filter var(--sq-transition-base)}.sq-article span[data-blur]:hover{filter:none}.sq-article code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-xs) var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:calc(50% - .5em);border:1px solid var(--sq-border-color);height:1em}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 50px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);right:var(--backtop-margin-right);bottom:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button .sq-text{line-height:1;justify-content:center}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button+.sq-button{border-left:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:1.6;box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-bottom:var(--sq-padding-md);line-height:1;display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-left:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-top:var(--sq-padding-md)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-icon-color: var(--sq-text-color-placeholder);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.6;background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding-inline:.2em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;box-sizing:border-box;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-right:var(--input-padding);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix .sq-input-suffix-status{color:var(--input-icon-color)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success);--input-icon-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn);--input-icon-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error);--input-icon-color: var(--sq-color-error)}}@layer component{.sq-message-wrap{width:100%;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;transition:top var(--sq-transition-base);font-size:var(--sq-font-size-md);line-height:1}.sq-message-main{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination{display:flex;align-items:center;column-gap:var(--sq-padding-md)}.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-sm);line-height:1.6;color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear);opacity:var(--progress-circle-opaciry, 1)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: transparent;--tag-bg-color-hover: transparent;--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}.sq-check-tag.is-tint{--tag-border-color: transparent;--tag-border-color-hover: transparent}.sq-check-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4)}.sq-check-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4)}.sq-check-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4)}.sq-check-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4)}.sq-check-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.6}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-textarea{--textarea-bg-color: var(--sq-component-bg-color);--textarea-bg-color-disabled: var(--sq-bg-color);--textarea-border-color: var(--sq-border-color-light);--textarea-border-color-active: var(--sq-color-primary);--textarea-border-color-disabled: var(--sq-border-color-light);--textarea-shadow-color: var(--sq-projection-dark);--textarea-selection-color: var(--sq-color-primary);--textarea-padding: var(--sq-padding-sm);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.6;background-color:var(--textarea-bg-color);border:1px solid;border-color:var(--textarea-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;box-shadow:inset var(--sq-shadow-xs-dark) var(--textarea-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-textarea::selection{background-color:var(--textarea-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-textarea .sq-textarea-inner{height:100%;width:100%;box-sizing:border-box;padding:var(--textarea-padding);caret-color:var(--textarea-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-textarea .sq-textarea-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-textarea.is-disabled{cursor:not-allowed;border-color:var(--textarea-border-color-disabled);background-color:var(--textarea-bg-color-disabled)}.sq-textarea.is-disabled .sq-textarea-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-textarea:active:not(.is-disabled),.sq-textarea:focus-within:not(.is-disabled){--textarea-border-color: var(--textarea-border-color-active);box-shadow:none}}@layer type{.sq-textarea.is-success{--textarea-border-color: var(--sq-color-success);--textarea-border-color-active: var(--sq-color-success);--textarea-border-color-disabled: var(--sq-color-success-light-3);--textarea-shadow-color: var(--sq-color-success-light-4);--textarea-selection-color: var(--sq-color-success)}.sq-textarea.is-warn{--textarea-border-color: var(--sq-color-warn);--textarea-border-color-active: var(--sq-color-warn);--textarea-border-color-disabled: var(--sq-color-warn-light-3);--textarea-shadow-color: var(--sq-color-warn-light-4);--textarea-selection-color: var(--sq-color-warn)}.sq-textarea.is-error{--textarea-border-color: var(--sq-color-error);--textarea-border-color-active: var(--sq-color-error);--textarea-border-color-disabled: var(--sq-color-error-light-3);--textarea-shadow-color: var(--sq-color-error-light-4);--textarea-selection-color: var(--sq-color-error)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-border-color);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline .sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline .sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline .sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline .sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline .sq-timeline-item .sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;padding:2px;top:0;left:0;mask:var(--timeline-dot-mask);font-size:calc(var(--timeline-dot-size) - 4px);display:flex}.sq-timeline .sq-timeline-item .sq-timeline-dot>*{aspect-ratio:1;width:100%}.sq-timeline .sq-timeline-item .sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:1.6}.sq-timeline .sq-timeline-item .sq-timeline-content .content-title{margin-block:0;line-height:1;color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}@media (max-width: 768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline .sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline .sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline .sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline .sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline .sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-title,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-time,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-title,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-time,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}}}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 28px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-line-height-single: 1;--sq-line-height-base: 1.6;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media (max-width: 768px){:root{--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-card-insert-enter-active,.sq-card-insert-leave-active{transform-origin:right}.sq-card-insert-enter-active{animation:card-insert var(--sq-transition-base)}.sq-card-insert-leave-active{animation:reverse card-insert var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom var(--sq-transition-base)}@keyframes fade{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes card-insert{0%{transform:translateY(-50%) rotate(30deg);opacity:0}60%{transform:translateY(10%);opacity:1}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm)}.sq-article::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article p,.sq-article h1,.sq-article h2,.sq-article h3,.sq-article h4,.sq-article h5,.sq-article h6{margin:0}.sq-article p:has(img){display:flex}.sq-article h1,.sq-article h2,.sq-article h3,.sq-article h4,.sq-article h5,.sq-article h6{color:var(--sq-text-color)}.sq-article ul,.sq-article ol{margin:0;padding:0;list-style-type:none}.sq-article ul>li,.sq-article ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article ul>li:before,.sq-article ol>li:before{position:absolute;left:0}.sq-article ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article ol{counter-reset:section}.sq-article ol>li{counter-increment:section}.sq-article ol>li:before{content:counter(section) ".";top:0}.sq-article img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article hr{height:1px;width:100%;border:none;background:var(--sq-border-color)}.sq-article a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article input[type=checkbox]{height:1em;vertical-align:middle;margin:0;margin-inline-end:var(--sq-padding-xs);transform:translateY(-1px)}.sq-article span[data-blur]{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));overflow:hidden;-webkit-user-select:none;user-select:none;transition:filter var(--sq-transition-base)}.sq-article span[data-blur]:hover{filter:none}.sq-article code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-xs) var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:calc(50% - .5em);border:1px solid var(--sq-border-color);height:1em}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 50px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);right:var(--backtop-margin-right);bottom:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--button-padding) + .2em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button .sq-text{line-height:var(--sq-line-height-single);justify-content:center}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: transparent;--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.has-bg{--button-bg-color: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button+.sq-button{border-inline-start:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-block-end:var(--sq-padding-md);line-height:var(--sq-line-height-single);display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-inline-start:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-block-start:var(--sq-padding-md)}}@layer component{.sq-form{--form-label-width: auto;--form-label-height: var(--sq-component-size-md);display:flex;flex-direction:column;font-size:var(--sq-font-size-md);color:var(--sq-text-color)}.sq-form.sq-form--sm{--form-label-height: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-form.sq-form--lg{--form-label-height: var(--sq-component-size-lg)}.sq-form-item{display:flex;align-items:flex-start;column-gap:var(--sq-padding-sm);padding-block-end:calc(var(--sq-font-size-sm) * 1.6)}.sq-form-item-label{display:inline-flex;align-items:center;column-gap:.2em;flex-shrink:0;min-height:var(--form-label-height);width:var(--form-label-width)}.sq-form-item-label.is-required:before{content:"*";color:var(--sq-color-error)}.sq-form-item-content{position:relative;width:100%}.sq-form-item-check{position:absolute;top:100%;left:0;line-height:var(--sq-line-height-base);color:var(--sq-color-error);font-size:var(--sq-font-size-sm)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-icon-color: var(--sq-text-color-placeholder);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;overflow:hidden;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{height:var(--sq-component-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding-inline:.2em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-inline-start:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--sq-padding-sm);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-single);box-sizing:border-box;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-inline-end:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix .sq-input-suffix-status{color:var(--input-icon-color)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success);--input-icon-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn);--input-icon-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error);--input-icon-color: var(--sq-color-error)}}@layer component{.sq-message-wrap{width:100%;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;transition:top var(--sq-transition-base);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-single)}.sq-message-main{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination,.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-sm);line-height:var(--sq-line-height-base);color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear);opacity:var(--progress-circle-opaciry, 1)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: transparent;--tag-bg-color-hover: transparent;--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}.sq-check-tag.is-tint{--tag-border-color: transparent;--tag-border-color-hover: transparent}.sq-check-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4)}.sq-check-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4)}.sq-check-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4)}.sq-check-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4)}.sq-check-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base)}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-textarea{--textarea-bg-color: var(--sq-component-bg-color);--textarea-bg-color-disabled: var(--sq-bg-color);--textarea-border-color: var(--sq-border-color-light);--textarea-border-color-active: var(--sq-color-primary);--textarea-border-color-disabled: var(--sq-border-color-light);--textarea-shadow-color: var(--sq-projection-dark);--textarea-selection-color: var(--sq-color-primary);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);background-color:var(--textarea-bg-color);border:1px solid;border-color:var(--textarea-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;box-shadow:inset var(--sq-shadow-xs-dark) var(--textarea-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-textarea.sq-textarea--sm{font-size:var(--sq-font-size-sm)}.sq-textarea::selection{background-color:var(--textarea-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-textarea.is-round{padding-inline:.2em;border-radius:calc(var(--sq-component-size-md) / 2)}.sq-textarea.is-round.sq-textarea--sm{border-radius:calc(var(--sq-component-size-sm) / 2)}.sq-textarea.is-round.sq-textarea--lg{border-radius:calc(var(--sq-component-size-lg) / 2)}.sq-textarea .sq-textarea-inner{height:100%;width:100%;box-sizing:border-box;padding:var(--sq-padding-xs) var(--sq-padding-sm);caret-color:var(--textarea-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-base);font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-textarea .sq-textarea-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-textarea.is-disabled{cursor:not-allowed;border-color:var(--textarea-border-color-disabled);background-color:var(--textarea-bg-color-disabled)}.sq-textarea.is-disabled .sq-textarea-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-textarea:active:not(.is-disabled),.sq-textarea:focus-within:not(.is-disabled){--textarea-border-color: var(--textarea-border-color-active);box-shadow:none}}@layer type{.sq-textarea.is-success{--textarea-border-color: var(--sq-color-success);--textarea-border-color-active: var(--sq-color-success);--textarea-border-color-disabled: var(--sq-color-success-light-3);--textarea-shadow-color: var(--sq-color-success-light-4);--textarea-selection-color: var(--sq-color-success)}.sq-textarea.is-warn{--textarea-border-color: var(--sq-color-warn);--textarea-border-color-active: var(--sq-color-warn);--textarea-border-color-disabled: var(--sq-color-warn-light-3);--textarea-shadow-color: var(--sq-color-warn-light-4);--textarea-selection-color: var(--sq-color-warn)}.sq-textarea.is-error{--textarea-border-color: var(--sq-color-error);--textarea-border-color-active: var(--sq-color-error);--textarea-border-color-disabled: var(--sq-color-error-light-3);--textarea-shadow-color: var(--sq-color-error-light-4);--textarea-selection-color: var(--sq-color-error)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-border-color);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline .sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline .sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline .sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline .sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline .sq-timeline-item .sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;padding:2px;top:0;left:0;mask:var(--timeline-dot-mask);font-size:calc(var(--timeline-dot-size) - 4px);display:flex}.sq-timeline .sq-timeline-item .sq-timeline-dot>*{aspect-ratio:1;width:100%}.sq-timeline .sq-timeline-item .sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:var(--sq-line-height-base)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-title{margin-block:0;line-height:var(--sq-line-height-single);color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}@media (max-width: 768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline .sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline .sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline .sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline .sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline .sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-title,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-time,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-title,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-time,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "private": false,
   "type": "module",
   "files": [
@@ -39,6 +39,10 @@
     "format": "prettier --write src/",
     "prepublishOnly": "npm run build"
   },
+  "overrides": {
+    "typescript-eslint": "8.44.1",
+    "@typescript-eslint/utils": "8.44.1"
+  },
   "peerDependencies": {
     "@floating-ui/vue": "^1.1.9",
     "markdown-it": "^14.1.0"
@@ -55,10 +59,6 @@
     "@squirrel-cloud/icons-vue": "^0.0.15",
     "vue": "^3.5.13"
   },
-  "overrides": {
-    "typescript-eslint": "8.44.1",
-    "@typescript-eslint/utils": "8.44.1"
-  },
   "devDependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@tsconfig/node22": "^22.0.0",
@@ -69,7 +69,7 @@
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.4.0",
     "@vue/tsconfig": "^0.7.0",
-    "eslint": "^9.20.1",
+    "eslint": "^9.21.0",
     "eslint-plugin-vue": "^9.32.0",
     "jiti": "^2.4.2",
     "markdown-it": "^14.1.0",

package/typings/ComponentType.d.ts

@@ -1,4 +1,7 @@
-import type { ComponentTypeBase } from '.'
+/**
+ * 组件基础类型
+ */
+export declare type ComponentTypeBase = 'success' | 'warn' | 'error'
 
 /**
  * 组件类型

package/typings/Form.d.ts

@@ -0,0 +1,146 @@
+import type { InputProps, TextareaProps } from '@/props'
+import type { Arrayable, Promiseable, TriggerType } from '.'
+
+/**
+ * 表单验证规则
+ */
+export declare interface FormRule {
+  /**
+   * 匹配表达式
+   */
+  pattern?: RegExp
+
+  /**
+   * 表达式不匹配时提示语
+   */
+  patternText?: string
+
+  /**
+   * 是否为必填字段
+   */
+  required?: boolean
+
+  /**
+   * 必填不匹配时提示语
+   */
+  requiredText?: string
+
+  /**
+   * 绑定的触发器
+   */
+  trigger?: Arrayable<TriggerType>
+
+  /**
+   * 验证方法
+   */
+  validateFunc?: (
+    value: unknown,
+    trigger?: TriggerType,
+  ) => Promiseable<string | boolean>
+}
+
+/**
+ * 表单基础配置
+ */
+export declare interface FormConfigBase {
+  /**
+   * 验证规则
+   */
+  rule?: FormRule
+
+  /**
+   * 标签内容
+   */
+  label?: string
+
+  /**
+   * 标签宽度
+   */
+  labelWidth?: string
+
+  /**
+   * 无标签时是否显示标签
+   */
+  showLabel?: boolean
+
+  /**
+   * 表单项类名
+   */
+  itemClass?: Arrayable<string>
+
+  /**
+   * 表单关联的步骤
+   */
+  step?: Arrayable<number>
+
+  /**
+   * 字段名称
+   */
+  name: string
+
+  /**
+   * 绑定数据项
+   */
+  binding: string
+}
+
+/**
+ * 输入框表单项配置
+ */
+export declare interface FormInputConfig extends FormConfigBase {
+  /**
+   * 类型
+   */
+  type: 'input'
+
+  /**
+   * 输入框配置
+   */
+  props?: Omit<InputProps, 'name' | 'status' | 'showStatusIcon'>
+}
+
+/**
+ * 文本域表单项配置
+ */
+export declare interface FormTextareaConfig extends FormConfigBase {
+  /**
+   * 类型
+   */
+  type: 'textarea'
+
+  /**
+   * 文本域配置
+   */
+  props?: Omit<TextareaProps, 'name' | 'status'>
+}
+
+/**
+ * 自定义表单项排除键
+ */
+declare type CustomExcludeKeys = 'name' | 'binding' | 'rule'
+
+/**
+ * 自定义表单项配置
+ */
+export declare type FormCustomConfig = Omit<
+  FormConfigBase,
+  CustomExcludeKeys
+> & {
+  /**
+   * 类型
+   */
+  type: 'custom'
+
+  /**
+   * 插槽名称
+   */
+  slot: string
+}
+
+/**
+ * 表单项配置
+ */
+export declare type FormConfig =
+  | FormCustomConfig
+  | FormTextareaConfig
+  | FormInputConfig

package/typings/Message.d.ts

@@ -1,4 +1,44 @@
-import type { MessageProps } from '@/props'
+import type { ComponentType } from 'typings'
+
+/**
+ * 消息提示配置项
+ */
+export declare interface MessageProps {
+  /**
+   * 消息内容
+   */
+  message: string
+
+  /**
+   * 消息类型
+   */
+  type: ComponentType
+
+  /**
+   * 顶部间距
+   */
+  offsetTop: number
+
+  /**
+   * 销毁回调
+   */
+  onDestroy: () => void
+
+  /**
+   * 关闭回调
+   */
+  onClose: () => void
+
+  /**
+   * 关闭时间延迟
+   */
+  closeAfter?: number
+
+  /**
+   * 消息提示ID
+   */
+  id: string
+}
 
 /**
  * 用户传递参数
@@ -14,52 +54,52 @@ export declare type UserProps = Omit<
 export declare type UserPropsTyped = Omit<UserProps, 'type'>
 
 /**
- * 消息实例
+ * 消息提示实例
  */
 export declare interface MessageHandle {
   /**
-   * 关闭方法
+   * 关闭消息提示
    */
   close: () => void
 }
 
 /**
- * 消息类型
+ * 消息提示类型
  */
 export declare interface Message extends MessageFn {
   /**
-   * 主题消息
+   * 主题消息提示
    */
   primary: MessageFnTyped
 
   /**
-   * 提示消息
+   * 提示消息提示
    */
   info: MessageFnTyped
 
   /**
-   * 成功消息
+   * 成功消息提示
    */
   success: MessageFnTyped
 
   /**
-   * 警告消息
+   * 警告消息提示
    */
   warn: MessageFnTyped
 
   /**
-   * 错误消息
+   * 错误消息提示
    */
   error: MessageFnTyped
 }
 
 /**
- * 消息方法
+ * 消息提示方法
  */
 export declare type MessageFn = (options: Partial<UserProps>) => MessageHandle
 
 /**
- * 带类型消息方法
+ * 带类型消息提示方法
  */
 export declare type MessageFnTyped = (
   options: Partial<UserPropsTyped> | string,

package/typings/PaginationLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 分页器布局组件
+ */
+export declare type PaginationLayout = 'prev' | 'next' | 'pager'

package/typings/TagTheme.d.ts

@@ -1,4 +1,7 @@
-import type { TagThemeBase } from ".";
+/**
+ * 标签基础主题
+ */
+export declare type TagThemeBase = 'tint' | 'plain'
 
 /**
  * 标签主题

package/typings/TriggerType.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 触发方法
+ */
+export declare type TriggerType = 'change' | 'input' | 'blur'

package/typings/{ButtonGroupContext.d.ts → contexts/ButtonGroupContext.d.ts}

@@ -1,4 +1,4 @@
-import type { ComponentSize, ComponentType } from '.'
+import type { ComponentSize, ComponentType } from '..'
 
 /**
  * 按钮组上下文
@@ -14,6 +14,11 @@ export declare interface ButtonGroupContext {
    */
   type?: ComponentType
 
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean
+
   /**
    * 是否圆角按钮
    */

package/typings/contexts/FormContext.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentSize } from '..'
+
+/**
+ * 表单上下文
+ */
+export declare interface FormContext {
+  /**
+   * 是否圆角组件
+   */
+  round?: boolean
+
+  /**
+   * 是否显示状态图标
+   */
+  showStatusIcon?: boolean
+
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean
+
+  /**
+   * 是否只读
+   */
+  readonly?: boolean
+
+  /**
+   * 组件大小
+   */
+  size?: ComponentSize
+}

package/typings/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormContext'
+export * from './ButtonGroupContext'

package/typings/index.d.ts

@@ -1,3 +1,10 @@
+// 工具类型
+export * from './utils'
+
+// 上下文类型
+export * from './contexts'
+
+export * from './Form'
 export * from './Message'
 export * from './TagTheme'
 export * from './LineType'
@@ -6,14 +13,13 @@ export * from './InputMode'
 export * from './Alignment'
 export * from './ButtonType'
 export * from './MdNodeItem'
-export * from './TagThemeBase'
+export * from './TriggerType'
 export * from './TimelineTheme'
 export * from './ComponentSize'
 export * from './ComponentType'
 export * from './ProgressTheme'
 export * from './PopoverTrigger'
+export * from './PaginationLayout'
 export * from './PopoverPlacement'
 export * from './MarkdownItPlugin'
-export * from './ComponentTypeBase'
-export * from './ButtonGroupContext'
 export * from './TextareaResizeType'

package/typings/utils/Arrayable.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 可为数组类型
+ */
+export declare type Arrayable<T> = T | T[]

package/typings/utils/Promiseable.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 可异步类型
+ */
+export declare type Promiseable<T> = T | Promise<T>

package/typings/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Arrayable'
+export * from './Promiseable'

package/dist/props/message/index.d.ts

@@ -1 +0,0 @@
-export * from './message';

package/dist/props/message/message.d.ts

@@ -1,34 +0,0 @@
-import { ComponentType } from '../../../typings';
-/**
- * 消息提示配置项
- */
-export interface MessageProps {
-    /**
-     * 消息内容
-     */
-    message: string;
-    /**
-     * 消息类型
-     */
-    type: ComponentType;
-    /**
-     * 顶部间距
-     */
-    offsetTop: number;
-    /**
-     * 销毁回调
-     */
-    onDestroy: () => void;
-    /**
-     * 关闭回调
-     */
-    onClose: () => void;
-    /**
-     * 关闭时间延迟
-     */
-    closeAfter?: number;
-    /**
-     * 消息ID
-     */
-    id: string;
-}

package/typings/ComponentTypeBase.d.ts

@@ -1,4 +0,0 @@
-/**
- * 组件基础类型
- */
-export declare type ComponentTypeBase = 'success' | 'warn' | 'error'