@opentiny/vue-theme 3.16.4 → 3.17.0

package/modal/index.css

@@ -1 +1 @@
-.tiny-modal{--ti-modal-box-width:calc(var(--ti-common-space-10, 10px) * 40);--ti-modal-box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.1);--ti-modal-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-modal-box-background-color:var(--ti-common-color-bg-white-normal, #fff);--ti-modal-box-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-modal-border-color:transparent;--ti-modal-alert-icon-size:var(--ti-common-font-size-5, 24px);--ti-modal-header-font-size:var(--ti-common-font-size-3, 18px);--ti-modal-header-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-modal-header-font-weight:var(--ti-common-font-weight-bold, 700);--ti-modal-header-padding-top:var(--ti-common-space-8x, 32px);--ti-modal-header-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-header-padding-bottom:calc(var(--ti-common-space-base, 4px) * 7);--ti-modal-body-padding-top:var(--ti-common-space-0, 0px);--ti-modal-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-body-padding-bottom:var(--ti-common-space-0, 0px);--ti-modal-body-font-size:var(--ti-common-font-size-base, 12px);--ti-modal-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-modal-body-line-height:var(--ti-common-line-height-number, 1.5);--ti-modal-footer-padding-top:calc(var(--ti-common-space-base, 4px) * 7);--ti-modal-footer-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-modal-footer-btn-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-modal-footer-btn-min-width:var(--ti-common-size-16x, 64px);--ti-modal-notification-header-padding-bottom:var(--ti-common-space-3x, 12px);--ti-modal-message-font-size:var(--ti-common-font-size-3, 18px);--ti-modal-message-box-shadow:var(--ti-modal-box-shadow);--ti-modal-message-padding-left:var(--ti-common-space-6x, 24px);--ti-modal-message-padding-right:var(--ti-common-space-6x, 24px);--ti-modal-message-padding-vertical:var(--ti-common-space-6x, 24px);--ti-modal-message-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-message-status-icon-size:var(--ti-common-font-size-2, 16px);--ti-modal-message-status-icon-padding-right:var(--ti-common-space-2x, 8px);--ti-modal-message-close-icon-size:var(--ti-common-space-4x, 16px);--ti-modal-message-icon-box-height:var(--ti-common-size-4x, 16px);--ti-modal-message-close-icon-margin-left:var(--ti-common-space-3x, 12px);--ti-modal-primary-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-modal-success-icon-color:var(--ti-common-color-success, #50d4ab);--ti-modal-error-icon-color:var(--ti-common-color-error, #f66f6a);--ti-modal-warning-icon-color:var(--ti-common-color-warn, #fa9841);--ti-modal-loading-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-modal-status-icon-padding-right:var(--ti-common-space-2x, 8px);--ti-modal-close-btn-font-size:var(--ti-common-font-size-1, 14px);--ti-modal-close-btn-top:var(--ti-common-space-5x, 20px);--ti-modal-close-btn-padding-horizontal-vertical:var(--ti-common-space-0, 0px);--ti-modal-close-btn-icon-color:var(--ti-common-color-text-secondary, #575d6c);--ti-modal-close-btn-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-modal-close-btn-background-color-hover:var(--ti-common-color-bg-white-normal, #fff);--ti-modal-close-btn-right:var(--ti-common-space-5x, 20px);--ti-modal-zoom-btn-right:var(--ti-common-space-10x, 40px);--ti-modal-header-border-bottom:none;--ti-modal-btn-close-color:var(--ti-modal-close-btn-icon-color)}.tiny-modal__wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:var(--ti-modal-font-size);color:var(--ti-modal-text-color);font-family:var(--ti-modal-font-family);-webkit-transition:top .4s;transition:top .4s}.tiny-modal__wrapper.active{display:block}.tiny-modal__wrapper.is__visible.is__mask:before{background-color:rgba(0,0,0,.3)}.tiny-modal__wrapper.is__visible.type__message .tiny-modal__box{-webkit-transform:translateY(0);transform:translateY(0)}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box{top:15vh}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box:not(.is__drag){-webkit-transition:top 0s ease-in,opacity .4s ease-in;transition:top 0s ease-in,opacity .4s ease-in}.tiny-modal__wrapper.is__visible .tiny-modal__box{opacity:1;visibility:visible}.tiny-modal__wrapper:not(.lock__view){pointer-events:none}.tiny-modal__wrapper.lock__scroll{overflow:hidden}.tiny-modal__wrapper:not(.lock__scroll){overflow:auto}.tiny-modal__wrapper .tiny-modal__text{font-size:var(--ti-modal-body-font-size);color:var(--ti-modal-body-text-color);line-height:var(--ti-modal-body-line-height)}.tiny-modal__wrapper.is__mask:before,.tiny-modal__wrapper.lock__view:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.tiny-modal__wrapper.is__animat.is__mask:before{-webkit-transition:background-color,.2s,ease-in-out;transition:background-color,.2s,ease-in-out}.tiny-modal__wrapper.is__animat.type__message .tiny-modal__box:not(.is__drag){-webkit-transition:all,.2s,ease-out;transition:all,.2s,ease-out}.tiny-modal__wrapper.size__mini,.tiny-modal__wrapper.size__small{font-size:var(--ti-modal-font-size)}.tiny-modal__wrapper.size__mini .tiny-modal__box,.tiny-modal__wrapper.size__small .tiny-modal__box{padding:6px 0}.tiny-modal__wrapper.size__mini .tiny-modal__body,.tiny-modal__wrapper.size__small .tiny-modal__body{padding:4px 14px 10px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__footer,.tiny-modal__wrapper.size__small .tiny-modal__footer{padding:4px 14px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__header,.tiny-modal__wrapper.size__small .tiny-modal__header{font-size:var(--ti-modal-header-font-size);padding:6px 30px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__close-btn,.tiny-modal__wrapper.size__mini .tiny-modal__zoom-btn,.tiny-modal__wrapper.size__small .tiny-modal__close-btn,.tiny-modal__wrapper.size__small .tiny-modal__zoom-btn{font-size:var(--ti-modal-message-status-icon-size);top:10px}.tiny-modal__wrapper.type__alert .tiny-modal__body,.tiny-modal__wrapper.type__confirm .tiny-modal__body,.tiny-modal__wrapper.type__message .tiny-modal__body{white-space:normal;word-break:break-word}.tiny-modal__wrapper.type__message{text-align:center}.tiny-modal__wrapper.type__message .tiny-modal__box{display:inline-block;padding:var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-right) var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-left);margin-top:0;width:auto;-webkit-box-shadow:var(--ti-modal-message-box-shadow);box-shadow:var(--ti-modal-message-box-shadow);-webkit-transform:translateY(-10%);transform:translateY(-10%);font-size:var(--ti-modal-message-font-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body{padding:var(--ti-modal-body-padding-top) var(--ti-modal-message-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body [class*=tiny-modal-svg]{width:var(--ti-modal-message-status-icon-size);height:var(--ti-modal-message-status-icon-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__content{max-width:800px}.tiny-modal__wrapper.type__message .tiny-modal__status-wrapper{font-size:var(--ti-modal-message-status-icon-size);padding-right:var(--ti-modal-message-status-icon-padding-right);height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper .tiny-modal__close-btn{position:relative;top:0;right:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--ti-modal-message-close-icon-size);margin-left:var(--ti-modal-message-close-icon-margin-left)}.tiny-modal__wrapper.type__alert .tiny-modal__box,.tiny-modal__wrapper.type__confirm .tiny-modal__box,.tiny-modal__wrapper.type__modal .tiny-modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:0;-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);border:1px solid var(--ti-modal-border-color)}.tiny-modal__wrapper.type__alert .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__confirm .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__modal .tiny-modal__box .tiny-modal__header{cursor:move}.tiny-modal__wrapper.type__modal .tiny-modal__body{overflow:auto}.tiny-modal__wrapper.type__modal .tiny-modal__body .tiny-modal__content{overflow:auto}.tiny-modal__wrapper.type__alert .tiny-modal__status-wrapper,.tiny-modal__wrapper.type__confirm .tiny-modal__status-wrapper{font-size:var(--ti-modal-alert-icon-size);padding-right:var(--ti-modal-status-icon-padding-right)}.tiny-modal__wrapper.status__error .tiny-modal__header,.tiny-modal__wrapper.status__info .tiny-modal__header,.tiny-modal__wrapper.status__question .tiny-modal__header,.tiny-modal__wrapper.status__success .tiny-modal__header,.tiny-modal__wrapper.status__warning .tiny-modal__header{padding-bottom:var(--ti-modal-notification-header-padding-bottom)}.tiny-modal__wrapper.status__info .tiny-modal__status-wrapper{fill:var(--ti-modal-primary-icon-color)}.tiny-modal__wrapper.status__question .tiny-modal__status-wrapper .tiny-svg,.tiny-modal__wrapper.status__warning .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-warning-icon-color)}.tiny-modal__wrapper.status__success .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-success-icon-color)}.tiny-modal__wrapper.status__error .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-error-icon-color)}.tiny-modal__wrapper.status__loading .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-loading-icon-color)}.tiny-modal__wrapper.is__maximize .tiny-modal__box .tiny-modal__header{cursor:default}.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .selb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sest-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .st-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swlb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swst-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wl-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wr-resize{display:none}.tiny-modal__box{width:var(--ti-modal-box-width);background-color:var(--ti-modal-box-background-color);border-radius:var(--ti-modal-box-border-radius);font-size:var(--ti-modal-header-font-size);-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);text-align:left;pointer-events:auto;visibility:hidden;opacity:0}.tiny-modal__box.is__drag{cursor:move}.tiny-modal__box.is__drag .tiny-modal__body:after,.tiny-modal__box.is__drag .tiny-modal__footer:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.tiny-modal__box.is__drag .tiny-modal__body{overflow:hidden}.tiny-modal__box.is__drag .tiny-modal__body .tiny-modal__content{overflow:hidden}.tiny-modal__status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-modal__status-icon{font-style:normal}.tiny-modal__content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-modal__body,.tiny-modal__footer,.tiny-modal__header{position:relative}.tiny-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--ti-modal-body-padding-top) var(--ti-modal-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__header{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-modal-header-text-color);font-size:var(--ti-modal-header-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--ti-modal-header-font-weight);border-bottom:var(--ti-modal-header-border-bottom);padding:var(--ti-modal-header-padding-top) var(--ti-modal-header-padding-horizontal) var(--ti-modal-header-padding-bottom);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-modal__close-btn,.tiny-modal__zoom-btn{color:var(--ti-modal-btn-close-color);font-size:var(--ti-modal-close-btn-font-size);position:absolute;right:var(--ti-modal-close-btn-right);top:var(--ti-modal-close-btn-top);z-index:1;fill:var(--ti-modal-close-btn-icon-color);-webkit-transform:scale(1,1);transform:scale(1,1);cursor:pointer;padding:var(--ti-modal-close-btn-padding-horizontal-vertical);border-radius:4px}.tiny-modal__close-btn:hover,.tiny-modal__zoom-btn:hover{fill:var(--ti-modal-close-btn-hover-icon-color);background-color:var(--ti-modal-close-btn-background-color-hover)}.tiny-modal__zoom-btn{right:var(--ti-modal-zoom-btn-right)}.tiny-modal__footer{-ms-flex-negative:0;flex-shrink:0;text-align:center;padding:var(--ti-modal-footer-padding-top) var(--ti-modal-footer-padding-horizontal) var(--ti-modal-footer-padding-bottom)}.tiny-modal__footer .tiny-button{min-width:var(--ti-modal-footer-btn-min-width);border-radius:var(--ti-modal-footer-btn-border-radius)}.tiny-modal__footer .tiny-button--default{display:inline-block}.tiny-modal__resize .sb-resize,.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .st-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize,.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{position:absolute;z-index:100}.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.tiny-modal__resize .wl-resize{left:-3px}.tiny-modal__resize .wr-resize{right:-3px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{width:10px;height:10px;z-index:101}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swst-resize{top:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swlb-resize{bottom:-8px}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize{cursor:sw-resize}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swst-resize{cursor:se-resize}.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{left:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize{right:-8px}.tiny-modal__resize .sb-resize,.tiny-modal__resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.tiny-modal__resize .st-resize{top:-3px}.tiny-modal__resize .sb-resize{bottom:-3px}@-webkit-keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
+.tiny-modal{--ti-modal-box-width:calc(var(--ti-common-space-10, 10px) * 40);--ti-modal-box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.1);--ti-modal-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-modal-box-background-color:var(--ti-common-color-bg-white-normal, #fff);--ti-modal-box-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-modal-border-color:transparent;--ti-modal-alert-icon-size:var(--ti-common-font-size-5, 24px);--ti-modal-header-font-size:var(--ti-common-font-size-3, 18px);--ti-modal-header-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-modal-header-font-weight:var(--ti-common-font-weight-bold, 700);--ti-modal-header-padding-top:var(--ti-common-space-8x, 32px);--ti-modal-header-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-header-padding-bottom:calc(var(--ti-common-space-base, 4px) * 7);--ti-modal-body-padding-top:var(--ti-common-space-0, 0px);--ti-modal-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-body-padding-bottom:var(--ti-common-space-0, 0px);--ti-modal-body-font-size:var(--ti-common-font-size-base, 12px);--ti-modal-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-modal-body-line-height:var(--ti-common-line-height-number, 1.5);--ti-modal-footer-padding-top:calc(var(--ti-common-space-base, 4px) * 7);--ti-modal-footer-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-modal-footer-align:center;--ti-modal-footer-btn-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-modal-footer-btn-min-width:var(--ti-common-size-16x, 64px);--ti-modal-notification-header-padding-bottom:var(--ti-common-space-3x, 12px);--ti-modal-message-font-size:var(--ti-common-font-size-3, 18px);--ti-modal-message-box-shadow:var(--ti-modal-box-shadow);--ti-modal-message-padding-left:var(--ti-common-space-6x, 24px);--ti-modal-message-padding-right:var(--ti-common-space-6x, 24px);--ti-modal-message-padding-vertical:var(--ti-common-space-6x, 24px);--ti-modal-message-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-modal-message-status-icon-size:var(--ti-common-font-size-2, 16px);--ti-modal-message-status-icon-padding-right:var(--ti-common-space-2x, 8px);--ti-modal-message-close-icon-size:var(--ti-common-space-4x, 16px);--ti-modal-message-icon-box-height:var(--ti-common-size-4x, 16px);--ti-modal-message-close-icon-margin-left:var(--ti-common-space-3x, 12px);--ti-modal-primary-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-modal-success-icon-color:var(--ti-common-color-success, #50d4ab);--ti-modal-error-icon-color:var(--ti-common-color-error, #f66f6a);--ti-modal-warning-icon-color:var(--ti-common-color-warn, #fa9841);--ti-modal-loading-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-modal-status-icon-padding-right:var(--ti-common-space-2x, 8px);--ti-modal-close-btn-font-size:var(--ti-common-font-size-1, 14px);--ti-modal-close-btn-top:var(--ti-common-space-5x, 20px);--ti-modal-close-btn-padding-horizontal-vertical:var(--ti-common-space-0, 0px);--ti-modal-close-btn-icon-color:var(--ti-common-color-text-secondary, #575d6c);--ti-modal-close-btn-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-modal-close-btn-background-color-hover:var(--ti-common-color-bg-white-normal, #fff);--ti-modal-close-btn-right:var(--ti-common-space-5x, 20px);--ti-modal-zoom-btn-right:var(--ti-common-space-10x, 40px);--ti-modal-header-border-bottom:none;--ti-modal-btn-close-color:var(--ti-modal-close-btn-icon-color)}.tiny-modal__wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:var(--ti-modal-font-size);color:var(--ti-modal-text-color);font-family:var(--ti-modal-font-family);-webkit-transition:top .4s;transition:top .4s}.tiny-modal__wrapper.active{display:block}.tiny-modal__wrapper.is__visible.is__mask:before{background-color:rgba(0,0,0,.3)}.tiny-modal__wrapper.is__visible.type__message .tiny-modal__box{-webkit-transform:translateY(0);transform:translateY(0)}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box{top:15vh}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box:not(.is__drag){-webkit-transition:top 0s ease-in,opacity .4s ease-in;transition:top 0s ease-in,opacity .4s ease-in}.tiny-modal__wrapper.is__visible .tiny-modal__box{opacity:1;visibility:visible}.tiny-modal__wrapper:not(.lock__view){pointer-events:none}.tiny-modal__wrapper.lock__scroll{overflow:hidden}.tiny-modal__wrapper:not(.lock__scroll){overflow:auto}.tiny-modal__wrapper .tiny-modal__text{font-size:var(--ti-modal-body-font-size);color:var(--ti-modal-body-text-color);line-height:var(--ti-modal-body-line-height)}.tiny-modal__wrapper.is__mask:before,.tiny-modal__wrapper.lock__view:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.tiny-modal__wrapper.is__animat.is__mask:before{-webkit-transition:background-color,.2s,ease-in-out;transition:background-color,.2s,ease-in-out}.tiny-modal__wrapper.is__animat.type__message .tiny-modal__box:not(.is__drag){-webkit-transition:all,.2s,ease-out;transition:all,.2s,ease-out}.tiny-modal__wrapper.size__mini,.tiny-modal__wrapper.size__small{font-size:var(--ti-modal-font-size)}.tiny-modal__wrapper.size__mini .tiny-modal__box,.tiny-modal__wrapper.size__small .tiny-modal__box{padding:6px 0}.tiny-modal__wrapper.size__mini .tiny-modal__body,.tiny-modal__wrapper.size__small .tiny-modal__body{padding:4px 14px 10px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__footer,.tiny-modal__wrapper.size__small .tiny-modal__footer{padding:4px 14px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__header,.tiny-modal__wrapper.size__small .tiny-modal__header{font-size:var(--ti-modal-header-font-size);padding:6px 30px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__close-btn,.tiny-modal__wrapper.size__mini .tiny-modal__zoom-btn,.tiny-modal__wrapper.size__small .tiny-modal__close-btn,.tiny-modal__wrapper.size__small .tiny-modal__zoom-btn{font-size:var(--ti-modal-message-status-icon-size);top:10px}.tiny-modal__wrapper.type__alert .tiny-modal__body,.tiny-modal__wrapper.type__confirm .tiny-modal__body,.tiny-modal__wrapper.type__message .tiny-modal__body{white-space:normal;word-break:break-word}.tiny-modal__wrapper.type__message{text-align:center}.tiny-modal__wrapper.type__message .tiny-modal__box{display:inline-block;padding:var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-right) var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-left);margin-top:0;width:auto;-webkit-box-shadow:var(--ti-modal-message-box-shadow);box-shadow:var(--ti-modal-message-box-shadow);-webkit-transform:translateY(-10%);transform:translateY(-10%);font-size:var(--ti-modal-message-font-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body{padding:var(--ti-modal-body-padding-top) var(--ti-modal-message-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body [class*=tiny-modal-svg]{width:var(--ti-modal-message-status-icon-size);height:var(--ti-modal-message-status-icon-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__content{max-width:800px}.tiny-modal__wrapper.type__message .tiny-modal__status-wrapper{font-size:var(--ti-modal-message-status-icon-size);padding-right:var(--ti-modal-message-status-icon-padding-right);height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper .tiny-modal__close-btn{position:relative;top:0;right:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--ti-modal-message-close-icon-size);margin-left:var(--ti-modal-message-close-icon-margin-left)}.tiny-modal__wrapper.type__alert .tiny-modal__box,.tiny-modal__wrapper.type__confirm .tiny-modal__box,.tiny-modal__wrapper.type__modal .tiny-modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:0;-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);border:1px solid var(--ti-modal-border-color)}.tiny-modal__wrapper.type__alert .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__confirm .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__modal .tiny-modal__box .tiny-modal__header{cursor:move}.tiny-modal__wrapper.type__modal .tiny-modal__body{overflow:auto}.tiny-modal__wrapper.type__modal .tiny-modal__body .tiny-modal__content{overflow:auto}.tiny-modal__wrapper.type__alert .tiny-modal__status-wrapper,.tiny-modal__wrapper.type__confirm .tiny-modal__status-wrapper{font-size:var(--ti-modal-alert-icon-size);padding-right:var(--ti-modal-status-icon-padding-right)}.tiny-modal__wrapper.status__error .tiny-modal__header,.tiny-modal__wrapper.status__info .tiny-modal__header,.tiny-modal__wrapper.status__question .tiny-modal__header,.tiny-modal__wrapper.status__success .tiny-modal__header,.tiny-modal__wrapper.status__warning .tiny-modal__header{padding-bottom:var(--ti-modal-notification-header-padding-bottom)}.tiny-modal__wrapper.status__info .tiny-modal__status-wrapper{fill:var(--ti-modal-primary-icon-color)}.tiny-modal__wrapper.status__question .tiny-modal__status-wrapper .tiny-svg,.tiny-modal__wrapper.status__warning .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-warning-icon-color)}.tiny-modal__wrapper.status__success .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-success-icon-color)}.tiny-modal__wrapper.status__error .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-error-icon-color)}.tiny-modal__wrapper.status__loading .tiny-modal__status-wrapper .tiny-svg{fill:var(--ti-modal-loading-icon-color)}.tiny-modal__wrapper.is__maximize .tiny-modal__box .tiny-modal__header{cursor:default}.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .selb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sest-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .st-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swlb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swst-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wl-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wr-resize{display:none}.tiny-modal__box{width:var(--ti-modal-box-width);background-color:var(--ti-modal-box-background-color);border-radius:var(--ti-modal-box-border-radius);font-size:var(--ti-modal-header-font-size);-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);text-align:left;pointer-events:auto;visibility:hidden;opacity:0}.tiny-modal__box.is__drag{cursor:move}.tiny-modal__box.is__drag .tiny-modal__body:after,.tiny-modal__box.is__drag .tiny-modal__footer:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.tiny-modal__box.is__drag .tiny-modal__body{overflow:hidden}.tiny-modal__box.is__drag .tiny-modal__body .tiny-modal__content{overflow:hidden}.tiny-modal__status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-modal__status-icon{font-style:normal}.tiny-modal__content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-modal__body,.tiny-modal__footer,.tiny-modal__header{position:relative}.tiny-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--ti-modal-body-padding-top) var(--ti-modal-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__header{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-modal-header-text-color);font-size:var(--ti-modal-header-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--ti-modal-header-font-weight);border-bottom:var(--ti-modal-header-border-bottom);padding:var(--ti-modal-header-padding-top) var(--ti-modal-header-padding-horizontal) var(--ti-modal-header-padding-bottom);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-modal__close-btn,.tiny-modal__zoom-btn{color:var(--ti-modal-btn-close-color);font-size:var(--ti-modal-close-btn-font-size);position:absolute;right:var(--ti-modal-close-btn-right);top:var(--ti-modal-close-btn-top);z-index:1;fill:var(--ti-modal-close-btn-icon-color);-webkit-transform:scale(1,1);transform:scale(1,1);cursor:pointer;padding:var(--ti-modal-close-btn-padding-horizontal-vertical);border-radius:4px}.tiny-modal__close-btn:hover,.tiny-modal__zoom-btn:hover{fill:var(--ti-modal-close-btn-hover-icon-color);background-color:var(--ti-modal-close-btn-background-color-hover)}.tiny-modal__zoom-btn{right:var(--ti-modal-zoom-btn-right)}.tiny-modal__footer{-ms-flex-negative:0;flex-shrink:0;text-align:var(--ti-modal-footer-align);padding:var(--ti-modal-footer-padding-top) var(--ti-modal-footer-padding-horizontal) var(--ti-modal-footer-padding-bottom)}.tiny-modal__footer .tiny-button{min-width:var(--ti-modal-footer-btn-min-width);border-radius:var(--ti-modal-footer-btn-border-radius)}.tiny-modal__footer .tiny-button--default{display:inline-block}.tiny-modal__resize .sb-resize,.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .st-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize,.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{position:absolute;z-index:100}.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.tiny-modal__resize .wl-resize{left:-3px}.tiny-modal__resize .wr-resize{right:-3px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{width:10px;height:10px;z-index:101}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swst-resize{top:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swlb-resize{bottom:-8px}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize{cursor:sw-resize}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swst-resize{cursor:se-resize}.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{left:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize{right:-8px}.tiny-modal__resize .sb-resize,.tiny-modal__resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.tiny-modal__resize .st-resize{top:-3px}.tiny-modal__resize .sb-resize{bottom:-3px}@-webkit-keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}

package/modal/smb-theme.js

@@ -1,7 +1,7 @@
 export const tinyModalSmbTheme = {
   'ti-modal-box-shadow': 'var(--ti-common-shadow-4-down)',
   'ti-modal-header-font-size': 'var(--ti-common-font-size-4)',
-  'ti-modal-header-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-modal-header-padding-bottom': 'var(--ti-common-space-4x)',
   'ti-modal-box-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-modal-close-btn-font-size': 'var(--ti-common-font-size-4)',
   'ti-modal-close-btn-icon-color': 'var(--ti-common-color-icon-normal)',
@@ -17,5 +17,8 @@ export const tinyModalSmbTheme = {
   'ti-modal-message-padding-vertical': 'calc(var(--ti-common-space-10) - 0.5px)',
   'ti-modal-message-body-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
-  'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)'
+  'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-modal-footer-align': 'right',
+  'ti-modal-body-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-modal-body-text-bottom': 'var(--ti-common-space-4x)'
 }

package/option/aurora-theme.js

@@ -2,5 +2,7 @@ export const tinyOptionAuroraTheme = {
   'ti-option-bg-color-selected': 'var(--ti-common-color-selected-background)',
   'ti-option-hover-bg-color-selected': 'var(--ti-common-color-selected-background)',
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-selected-bg-color': 'var(--ti-common-color-icon-normal)',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-primary-disabled)',
   'ti-option-padding-horizontal-group': 'var(--ti-common-space-2x)'
 }

package/option/index.css

@@ -1 +1 @@
-.tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-option-font-size:var(--ti-common-font-size-base, 12px);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number, 1.5);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-option-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-option-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-option-bg-color-selected:var(--ti-common-color-light, #fff);--ti-option-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-font-weight:var(--ti-common-font-weight-4, normal);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-icon-color-selected:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-padding-vertical:var(--ti-common-space-0, 0px);--ti-option-padding-horizontal:var(--ti-common-space-10, 10px);--ti-option-padding-horizontal-group:calc((var(--ti-common-space-10, 10px) + var(--ti-common-space-1, 1px)) * 2);--ti-option-margin-top:var(--ti-common-size-0, 0px);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white, #fff);--ti-option-icon-margin-right:var(--ti-common-space-2x, 8px);--ti-option-icon-size:var(--ti-common-font-size-2, 16px)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected .tiny-option__checkbox-wrap{color:var(--ti-option-selected-text-color)}.tiny-option{position:relative;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--ti-option-margin-top);border-radius:var(--ti-option-border-radius)}.tiny-option>.tiny-option__label{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden}.tiny-option>.tiny-option__icon{font-size:var(--ti-option-icon-size);margin-right:var(--ti-option-icon-margin-right)}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option:not(.is-disabled):not(.selected):hover .checked-sur .tiny-checkbox__inner,.tiny-option:not(.is-disabled):not(.selected):hover .halfselect .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-all-select-border-color-hover)}.tiny-option .tiny-option-checkbox{vertical-align:top}.tiny-option .tiny-option-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-option .tiny-option-wrapper.calc-width{width:calc(100% - 24px)}.tiny-option .tiny-option-wrapper.full-width{width:100%}.tiny-option .tiny-option-label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-bottom:2px}.tiny-option .checked-sur .tiny-checkbox__label,.tiny-option .halfselect .tiny-checkbox__label{font-weight:var(--ti-option-selected-font-weight)}.tiny-option.memorize-highlight{color:var(--ti-option-highlight-text-color)}.tiny-option.memorize-highlight.selected{color:var(--ti-option-highlight-selected-text-color)}
+.tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-option-font-size:var(--ti-common-font-size-base, 12px);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number, 1.5);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-option-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-option-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-option-bg-color-selected:var(--ti-common-color-light, #fff);--ti-option-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-font-weight:var(--ti-common-font-weight-4, normal);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-icon-color-selected:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-padding-vertical:var(--ti-common-space-0, 0px);--ti-option-padding-horizontal:var(--ti-common-space-10, 10px);--ti-option-padding-horizontal-group:calc((var(--ti-common-space-10, 10px) + var(--ti-common-space-1, 1px)) * 2);--ti-option-margin-top:var(--ti-common-size-0, 0px);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white, #fff);--ti-option-icon-margin-right:var(--ti-common-space-2x, 8px);--ti-option-icon-size:var(--ti-common-font-size-2, 16px)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected .tiny-option__checkbox-wrap{color:var(--ti-option-selected-text-color)}.tiny-option{position:relative;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--ti-option-margin-top);border-radius:var(--ti-option-border-radius)}.tiny-option>.tiny-option__label{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden}.tiny-option>.tiny-option__icon{font-size:var(--ti-option-icon-size);margin-right:var(--ti-option-icon-margin-right)}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option:not(.is-disabled):not(.selected):hover .checked-sur .tiny-checkbox__inner,.tiny-option:not(.is-disabled):not(.selected):hover .halfselect .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-all-select-border-color-hover)}.tiny-option .tiny-option-checkbox{vertical-align:top}.tiny-option .tiny-option-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-option .tiny-option-wrapper.calc-width{width:calc(100% - 24px)}.tiny-option .tiny-option-wrapper.full-width{width:100%}.tiny-option .tiny-option-label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-bottom:2px}.tiny-option .tiny-svg{fill:var(--ti-option-checkbox-border-color-hover);font-size:16px;margin-right:8px}.tiny-option .checked-sur.tiny-svg,.tiny-option .halfselect.tiny-svg,.tiny-option.hover .tiny-svg,.tiny-option.selected .tiny-svg{fill:var(--ti-option-selected-bg-color)}.tiny-option.memorize-highlight{color:var(--ti-option-highlight-text-color)}.tiny-option.memorize-highlight.selected{color:var(--ti-option-highlight-selected-text-color)}

package/option/smb-theme.js

@@ -6,12 +6,12 @@ export const tinyOptionSmbTheme = {
   'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-option-padding-horizontal-group': 'var(--ti-common-space-4x)',
   'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
-  'ti-option-checkbox-border-color-hover': '#191919',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-normal)',
   'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
   'ti-option-hover-bg-color': 'var(--ti-common-color-bg-normal)',
-  'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
-  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-option-selected-bg-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-text-highlight)',
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
-  'ti-option-selected-text-color': '#1476FF',
-  'ti-option-checkbox-all-select-border-color-hover': '#1476FF'
+  'ti-option-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-checkbox-all-select-border-color-hover': 'var(--ti-common-color-text-highlight)'
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.16.4",
+  "version": "3.17.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "main": "index.css",
   "homepage": "https://opentiny.design/tiny-vue",

package/pager/index.css

@@ -1 +1 @@
-.tiny-pager{--ti-pager-normal-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-active-font-color:var(--ti-common-color-text-white, #fff);--ti-pager-active-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-primary-text-color:var(--ti-common-color-text-link, #526ecc);--ti-pager-primary-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-disabled-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-pager-disabled-border-color:transparent;--ti-pager-input-border-color:var(--ti-common-color-border, #adb0b8);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover, #575d6c);--ti-pager-input-stop-color:var(--ti-common-color-line-normal, #adb0b8);--ti-pager-input-lighting-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-input-height:var(--ti-common-size-height-mini, 24px);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base, 12px);--ti-pager-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-pager-height:var(--ti-common-size-height-mini, 24px);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x, 40px);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0, 0px);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6, 6px);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-li-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-pager-goto-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover, #575d6c);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-btn-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-before-display:none;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-min-width:var(--ti-common-size-10x, 80px);--ti-pager-sizes-input-hover-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-input-btn-width:var(--ti-common-size-7x, 28px);--ti-pager-selector-padding-vertical:var(--ti-common-space-3x, 12px);--ti-pager-mini-min-width:18px;--ti-pager-sizes-num-margin-right:var(--ti-common-space-base, 4px);text-align:left;padding:var(--ti-pager-selector-padding-vertical) 0;color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__group>span{display:inline-block;vertical-align:middle}.tiny-pager .tiny-pager__total{height:var(--ti-pager-total-height);line-height:var(--ti-pager-total-line-height);font-size:var(--ti-pager-total-font-size);color:var(--ti-pager-normal-text-color)}.tiny-pager .tiny-pager__total-allpage{margin:0 4px}.tiny-pager .tiny-pager__pull-left{float:left;height:var(--ti-pager-height)}.tiny-pager .tiny-pager__pages{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__pages li{background:0 0;display:inline-block;font-size:var(--ti-pager-font-size);cursor:pointer;margin-right:4px;text-align:center;line-height:calc(var(--ti-pager-height) - 2px);border-radius:var(--ti-pager-li-border-radius);height:var(--ti-pager-height);width:var(--ti-pager-width);min-width:var(--ti-pager-min-width);color:var(--ti-pager-text-color);padding:var(--ti-pager-poplist-item-padding-vertical) var(--ti-pager-poplist-item-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--ti-pager-li-border-color);-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-pager .tiny-pager__pages li a{color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__pages li svg{fill:var(--ti-pager-text-color);vertical-align:middle}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover{color:var(--ti-pager-list-item-hover-text-color);background-color:var(--ti-pager-poplist-item-hover-bg-color);-webkit-box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);border:1px solid var(--ti-pager-poplist-item-hover-border-color);font-weight:var(--ti-pager-li-item-hover-font-weight)}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover svg{fill:var(--ti-pager-list-item-hover-text-color)}.tiny-pager .tiny-pager__pages li.dot .icon{font-size:14px}.tiny-pager .tiny-pager__pages li.dot.is-popup svg{display:var(--ti-pager-dot-is-popup-display)}.tiny-pager .tiny-pager__pages li.dot.is-popup::before{content:'\00b7\00b7\00b7';display:var(--ti-pager-dot-before-display);letter-spacing:1px}.tiny-pager .tiny-pager__pages li.is-active{font-weight:var(--ti-pager-active-font-weight);color:var(--ti-pager-active-font-color);background-color:var(--ti-pager-active-bg-color);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager .tiny-pager__pages li:last-child{margin-right:0}.tiny-pager__loading .tiny-pager__total{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-pager__loading .tiny-pager__total-loading{width:30px}.tiny-pager__loading .tiny-loading__spinner{margin-top:3px}.tiny-pager__goto{font-size:0}.tiny-pager__goto input[type=text]{width:var(--ti-pager-input-width);text-align:center;vertical-align:top;border-radius:var(--ti-pager-input-border-radius);display:inline-block;position:inherit;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:4px}.tiny-pager__goto input[type=text]:hover{border:1px solid var(--ti-pager-input-hover-border-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__goto input[type=text].active,.tiny-pager__goto input[type=text]:active,.tiny-pager__goto input[type=text]:focus,.tiny-pager__goto input[type=text][active]{border:1px solid var(--ti-pager-primary-border-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.tiny-pager__goto input[type=text][disabled]{color:var(--ti-pager-disabled-text-color);border-color:var(--ti-pager-disabled-border-color);cursor:not-allowed}.tiny-pager__goto-text{color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);padding-left:14px;margin-right:8px;line-height:var(--ti-pager-input-height)}.tiny-pager__goto-text-sufix{padding-left:4px}.tiny-pager__goto button{height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid #d9d9d9;color:var(--ti-pager-goto-text-color);vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0 8px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-transition:border .3s,color .3s,background .3s;transition:border .3s,color .3s,background .3s;outline:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__goto button:hover{border:1px solid var(--ti-pager-goto-btn-border-hover-color);color:var(--ti-pager-goto-btn-text-hover-color)}.tiny-pager__goto button.is-disabled{color:var(--ti-pager-disabled-text-color);border-color:var(--ti-pager-disabled-border-color);cursor:not-allowed}.tiny-pager__btn-next,.tiny-pager__btn-prev{width:var(--ti-pager-width);height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-pager-font-size);font-weight:bolder;color:var(--ti-pagination-prev-next-color);outline:0;border:1px solid var(--ti-pager-li-border-color);background:0 0;margin-top:0;margin-right:var(--ti-pager-prev-margin-right);margin-bottom:0;margin-left:var(--ti-pager-prev-margin-left);padding-top:0;padding-right:var(--ti-pager-prev-padding-right);padding-bottom:0;padding-left:var(--ti-pager-prev-padding-left);vertical-align:middle;cursor:pointer}.tiny-pager__btn-next span,.tiny-pager__btn-prev span{color:var(--ti-pager-primary-text-color)}.tiny-pager__btn-next svg,.tiny-pager__btn-prev svg{fill:var(--ti-pager-btn-svg-fill-color);font-size:var(--ti-pager-svg-font-size);vertical-align:middle}.tiny-pager__btn-next:hover,.tiny-pager__btn-prev:hover{background-color:var(--ti-pager-prev-next-hover-bg-color);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager__btn-next:hover svg,.tiny-pager__btn-prev:hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__btn-next[disabled],.tiny-pager__btn-next[disabled]:hover,.tiny-pager__btn-prev[disabled],.tiny-pager__btn-prev[disabled]:hover{background-color:transparent;cursor:not-allowed}.tiny-pager__btn-next[disabled] span,.tiny-pager__btn-prev[disabled] span{color:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next[disabled] svg,.tiny-pager__btn-prev[disabled] svg{fill:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next{margin-right:var(--ti-pager-next-margin-right);margin-left:var(--ti-pager-next-margin-left);padding-right:var(--ti-pager-next-padding-right)}.tiny-pager__selector{--ti-pager-normal-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-active-font-color:var(--ti-common-color-text-white, #fff);--ti-pager-active-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-primary-text-color:var(--ti-common-color-text-link, #526ecc);--ti-pager-primary-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-disabled-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-pager-disabled-border-color:transparent;--ti-pager-input-border-color:var(--ti-common-color-border, #adb0b8);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover, #575d6c);--ti-pager-input-stop-color:var(--ti-common-color-line-normal, #adb0b8);--ti-pager-input-lighting-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-input-height:var(--ti-common-size-height-mini, 24px);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base, 12px);--ti-pager-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-pager-height:var(--ti-common-size-height-mini, 24px);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x, 40px);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0, 0px);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6, 6px);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-li-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-pager-goto-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover, #575d6c);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-btn-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-before-display:none;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-min-width:var(--ti-common-size-10x, 80px);--ti-pager-sizes-input-hover-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-input-btn-width:var(--ti-common-size-7x, 28px);--ti-pager-selector-padding-vertical:var(--ti-common-space-3x, 12px);--ti-pager-mini-min-width:18px;--ti-pager-sizes-num-margin-right:var(--ti-common-space-base, 4px)}.tiny-pager__selector.tiny-popover.tiny-popper{min-width:var(--ti-pager-sizes-input-min-width);padding:0;border-radius:var(--ti-pager-pop-body-border-radius)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-pager-pop-body-margin-top)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:0}.tiny-pager__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-pager__selector-poplist .list-item{min-height:var(--ti-pager-poplist-item-min-height);padding:0 8px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pager__selector-poplist .list-item:hover{cursor:pointer;background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.is-selected{background:var(--ti-pager-poplist-item-selected-bg-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__selector-poplist .list-item.is-selected:hover{background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager__selector-poplist .list-item.select-pre{background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.select-pre.is-selected{color:var(--ti-pager-poplist-item-selected-text-color);background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager .tiny-pager__popover{margin:0 4px 0 14px}.tiny-pager .tiny-pager__sizes .tiny-select{width:70px}.tiny-pager .tiny-pager__sizes .tiny-pager__popover{margin:0}.tiny-pager .tiny-pager__sizes+.tiny-pager__group{margin:0 16px}.tiny-pager .tiny-pager__group+.tiny-pager__sizes{margin-top:0;margin-right:var(--ti-pager-group-sizes-margin-right);margin-bottom:0;margin-left:16px}.tiny-pager__page-size{min-width:var(--ti-pager-sizes-input-min-width);max-width:200px;position:relative;text-align:left;height:var(--ti-pager-input-height);line-height:calc(var(--ti-pager-input-height) - 2px);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0;padding-left:12px;padding-right:4px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__page-size:hover{outline:0;color:var(--ti-pager-sizes-input-hover-text-color);border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__page-size:active,.tiny-pager__page-size:focus{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__page-size-btn{width:var(--ti-pager-input-btn-width);height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);position:relative;float:right;top:-1px;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;cursor:pointer}.tiny-pager__page-size-btn svg{font-size:var(--ti-pager-svg-font-size);fill:var(--ti-pager-total-svg-fill-color);vertical-align:middle}.tiny-pager__page-size .sizes{margin-right:var(--ti-pager-sizes-num-margin-right)}.tiny-pager .tiny-svg-size.tiny-svg-size__reverse-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.tiny-pager .tiny-popover__reference{outline:0}.tiny-pager.tiny-pager--mini .tiny-pager__total{font-size:12px}.tiny-pager.tiny-pager--mini li{min-width:var(--ti-pager-mini-min-width);height:24px;padding:0 4px;line-height:22px;font-size:12px}.tiny-pager.tiny-pager--mini .tiny-pager__btn-next svg,.tiny-pager.tiny-pager--mini .tiny-pager__btn-prev svg{font-size:14px}.tiny-pager.tiny-pager--mini .tiny-pager__input input{height:24px;line-height:22px}.tiny-pager.tiny-pager--mini .tiny-pager__input-btn{height:24px;line-height:22px}.tiny-pager.is-disabled .tiny-pager__total{color:var(--ti-pager-disabled-text-color)}.tiny-pager.is-disabled ul li{cursor:not-allowed;color:var(--ti-pager-disabled-text-color);background-color:transparent;border-color:var(--ti-pager-disabled-border-color)}.tiny-pager.is-disabled ul li.is-active,.tiny-pager.is-disabled ul li:not(.dot):not(.is-active):hover{color:var(--ti-pager-disabled-text-color);font-weight:400;background-color:transparent;border-color:var(--ti-pager-disabled-border-color)}.tiny-pager.is-disabled .tiny-pager__page-size{color:var(--ti-pager-disabled-text-color);cursor:not-allowed;border-color:var(--ti-pager-disabled-border-color);background-color:var(--ti-base-color-bg-1)}.tiny-pager.is-disabled .tiny-pager__page-size-btn svg{fill:var(--ti-pager-disabled-text-color);color:var(--ti-pager-disabled-text-color);cursor:not-allowed}.tiny-pager.is-disabled .tiny-pager__goto-text{color:var(--ti-pager-disabled-text-color)}@media (max-width:768px){.tiny-pager{text-align:left}.tiny-pager .tiny-pager__pull-left{float:none!important}}
+.tiny-pager{--ti-pager-normal-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-active-font-color:var(--ti-common-color-text-white, #fff);--ti-pager-active-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-primary-text-color:var(--ti-common-color-text-link, #526ecc);--ti-pager-primary-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-disabled-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-pager-disabled-border-color:transparent;--ti-pager-input-border-color:var(--ti-common-color-border, #adb0b8);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover, #575d6c);--ti-pager-input-stop-color:var(--ti-common-color-line-normal, #adb0b8);--ti-pager-input-lighting-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-input-height:var(--ti-common-size-height-mini, 24px);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base, 12px);--ti-pager-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-pager-height:var(--ti-common-size-height-mini, 24px);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x, 40px);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0, 0px);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6, 6px);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-li-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-pager-goto-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover, #575d6c);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-btn-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-is-popup-svg-font-size:14px;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-min-width:var(--ti-common-size-10x, 80px);--ti-pager-sizes-input-hover-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-input-btn-width:var(--ti-common-size-7x, 28px);--ti-pager-selector-padding-vertical:var(--ti-common-space-3x, 12px);--ti-pager-mini-min-width:18px;--ti-pager-sizes-num-margin-right:var(--ti-common-space-base, 4px);text-align:left;padding:var(--ti-pager-selector-padding-vertical) 0;color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__group>span{display:inline-block;vertical-align:middle}.tiny-pager .tiny-pager__total{height:var(--ti-pager-total-height);line-height:var(--ti-pager-total-line-height);font-size:var(--ti-pager-total-font-size);color:var(--ti-pager-normal-text-color)}.tiny-pager .tiny-pager__total-allpage{margin:0 4px}.tiny-pager .tiny-pager__pull-left{float:left;height:var(--ti-pager-height)}.tiny-pager .tiny-pager__pages{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__pages li{background:0 0;display:inline-block;font-size:var(--ti-pager-font-size);cursor:pointer;margin-right:4px;text-align:center;line-height:calc(var(--ti-pager-height) - 2px);border-radius:var(--ti-pager-li-border-radius);height:var(--ti-pager-height);width:var(--ti-pager-width);min-width:var(--ti-pager-min-width);color:var(--ti-pager-text-color);padding:var(--ti-pager-poplist-item-padding-vertical) var(--ti-pager-poplist-item-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--ti-pager-li-border-color);-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-pager .tiny-pager__pages li a{color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__pages li svg{fill:var(--ti-pager-text-color);vertical-align:middle}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover{color:var(--ti-pager-list-item-hover-text-color);background-color:var(--ti-pager-poplist-item-hover-bg-color);-webkit-box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);border:1px solid var(--ti-pager-poplist-item-hover-border-color);font-weight:var(--ti-pager-li-item-hover-font-weight)}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover svg{fill:var(--ti-pager-list-item-hover-text-color)}.tiny-pager .tiny-pager__pages li.dot .icon{font-size:var(--ti-pager-dot-is-popup-svg-font-size)}.tiny-pager .tiny-pager__pages li.dot.is-popup svg{display:var(--ti-pager-dot-is-popup-display)}.tiny-pager .tiny-pager__pages li.is-active{font-weight:var(--ti-pager-active-font-weight);color:var(--ti-pager-active-font-color);background-color:var(--ti-pager-active-bg-color);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager .tiny-pager__pages li:last-child{margin-right:0}.tiny-pager__loading .tiny-pager__total{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-pager__loading .tiny-pager__total-loading{width:30px}.tiny-pager__loading .tiny-loading__spinner{margin-top:3px}.tiny-pager__goto{font-size:0}.tiny-pager__goto input[type=text]{width:var(--ti-pager-input-width);text-align:center;vertical-align:top;border-radius:var(--ti-pager-input-border-radius);display:inline-block;position:inherit;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:4px}.tiny-pager__goto input[type=text]:hover{border:1px solid var(--ti-pager-input-hover-border-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__goto input[type=text].active,.tiny-pager__goto input[type=text]:active,.tiny-pager__goto input[type=text]:focus,.tiny-pager__goto input[type=text][active]{border:1px solid var(--ti-pager-primary-border-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.tiny-pager__goto input[type=text][disabled]{color:var(--ti-pager-disabled-text-color);border-color:var(--ti-pager-disabled-border-color);cursor:not-allowed}.tiny-pager__goto-text{color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);padding-left:14px;margin-right:8px;line-height:var(--ti-pager-input-height)}.tiny-pager__goto-text-sufix{padding-left:4px}.tiny-pager__goto button{height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid #d9d9d9;color:var(--ti-pager-goto-text-color);vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0 8px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-transition:border .3s,color .3s,background .3s;transition:border .3s,color .3s,background .3s;outline:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__goto button:hover{border:1px solid var(--ti-pager-goto-btn-border-hover-color);color:var(--ti-pager-goto-btn-text-hover-color)}.tiny-pager__goto button.is-disabled{color:var(--ti-pager-disabled-text-color);border-color:var(--ti-pager-disabled-border-color);cursor:not-allowed}.tiny-pager__btn-next,.tiny-pager__btn-prev{width:var(--ti-pager-width);height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-pager-font-size);font-weight:bolder;color:var(--ti-pagination-prev-next-color);outline:0;border:1px solid var(--ti-pager-li-border-color);background:0 0;margin-top:0;margin-right:var(--ti-pager-prev-margin-right);margin-bottom:0;margin-left:var(--ti-pager-prev-margin-left);padding-top:0;padding-right:var(--ti-pager-prev-padding-right);padding-bottom:0;padding-left:var(--ti-pager-prev-padding-left);vertical-align:middle;cursor:pointer}.tiny-pager__btn-next span,.tiny-pager__btn-prev span{color:var(--ti-pager-primary-text-color)}.tiny-pager__btn-next svg,.tiny-pager__btn-prev svg{fill:var(--ti-pager-btn-svg-fill-color);font-size:var(--ti-pager-svg-font-size);vertical-align:middle}.tiny-pager__btn-next:hover,.tiny-pager__btn-prev:hover{background-color:var(--ti-pager-prev-next-hover-bg-color);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager__btn-next:hover svg,.tiny-pager__btn-prev:hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__btn-next[disabled],.tiny-pager__btn-next[disabled]:hover,.tiny-pager__btn-prev[disabled],.tiny-pager__btn-prev[disabled]:hover{background-color:transparent;cursor:not-allowed}.tiny-pager__btn-next[disabled] span,.tiny-pager__btn-prev[disabled] span{color:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next[disabled] svg,.tiny-pager__btn-prev[disabled] svg{fill:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next{margin-right:var(--ti-pager-next-margin-right);margin-left:var(--ti-pager-next-margin-left);padding-right:var(--ti-pager-next-padding-right)}.tiny-pager__selector{--ti-pager-normal-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-active-font-color:var(--ti-common-color-text-white, #fff);--ti-pager-active-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-pager-primary-text-color:var(--ti-common-color-text-link, #526ecc);--ti-pager-primary-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-disabled-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-pager-disabled-border-color:transparent;--ti-pager-input-border-color:var(--ti-common-color-border, #adb0b8);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover, #575d6c);--ti-pager-input-stop-color:var(--ti-common-color-line-normal, #adb0b8);--ti-pager-input-lighting-color:var(--ti-common-color-line-active, #5e7ce0);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-input-height:var(--ti-common-size-height-mini, 24px);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base, 12px);--ti-pager-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-pager-height:var(--ti-common-size-height-mini, 24px);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x, 40px);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0, 0px);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6, 6px);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-li-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent, transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-pager-goto-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover, #575d6c);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight, #526ecc);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-btn-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-is-popup-svg-font-size:14px;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-min-width:var(--ti-common-size-10x, 80px);--ti-pager-sizes-input-hover-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-pager-input-btn-width:var(--ti-common-size-7x, 28px);--ti-pager-selector-padding-vertical:var(--ti-common-space-3x, 12px);--ti-pager-mini-min-width:18px;--ti-pager-sizes-num-margin-right:var(--ti-common-space-base, 4px)}.tiny-pager__selector.tiny-popover.tiny-popper{min-width:var(--ti-pager-sizes-input-min-width);padding:0;border-radius:var(--ti-pager-pop-body-border-radius)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-pager-pop-body-margin-top)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:0}.tiny-pager__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-pager__selector-poplist .list-item{min-height:var(--ti-pager-poplist-item-min-height);padding:0 8px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pager__selector-poplist .list-item:hover{cursor:pointer;background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.is-selected{background:var(--ti-pager-poplist-item-selected-bg-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__selector-poplist .list-item.is-selected:hover{background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager__selector-poplist .list-item.select-pre{background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.select-pre.is-selected{color:var(--ti-pager-poplist-item-selected-text-color);background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager .tiny-pager__popover{margin:0 4px 0 14px}.tiny-pager .tiny-pager__sizes .tiny-select{width:70px}.tiny-pager .tiny-pager__sizes .tiny-pager__popover{margin:0}.tiny-pager .tiny-pager__sizes+.tiny-pager__group{margin:0 16px}.tiny-pager .tiny-pager__group+.tiny-pager__sizes{margin-top:0;margin-right:var(--ti-pager-group-sizes-margin-right);margin-bottom:0;margin-left:16px}.tiny-pager__page-size{min-width:var(--ti-pager-sizes-input-min-width);max-width:200px;position:relative;text-align:left;height:var(--ti-pager-input-height);line-height:calc(var(--ti-pager-input-height) - 2px);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0;padding-left:12px;padding-right:4px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__page-size:hover{outline:0;color:var(--ti-pager-sizes-input-hover-text-color);border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__page-size:active,.tiny-pager__page-size:focus{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__page-size-btn{width:var(--ti-pager-input-btn-width);height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);position:relative;float:right;top:-1px;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;cursor:pointer}.tiny-pager__page-size-btn svg{font-size:var(--ti-pager-svg-font-size);fill:var(--ti-pager-total-svg-fill-color);vertical-align:middle}.tiny-pager__page-size .sizes{margin-right:var(--ti-pager-sizes-num-margin-right)}.tiny-pager .tiny-svg-size.tiny-svg-size__reverse-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.tiny-pager .tiny-popover__reference{outline:0}.tiny-pager.tiny-pager--mini .tiny-pager__total{font-size:12px}.tiny-pager.tiny-pager--mini li{min-width:var(--ti-pager-mini-min-width);height:24px;padding:0 4px;line-height:22px;font-size:12px}.tiny-pager.tiny-pager--mini .tiny-pager__btn-next svg,.tiny-pager.tiny-pager--mini .tiny-pager__btn-prev svg{font-size:14px}.tiny-pager.tiny-pager--mini .tiny-pager__input input{height:24px;line-height:22px}.tiny-pager.tiny-pager--mini .tiny-pager__input-btn{height:24px;line-height:22px}.tiny-pager.is-disabled .tiny-pager__total{color:var(--ti-pager-disabled-text-color)}.tiny-pager.is-disabled ul li{cursor:not-allowed;color:var(--ti-pager-disabled-text-color);background-color:transparent;border-color:var(--ti-pager-disabled-border-color)}.tiny-pager.is-disabled ul li.is-active,.tiny-pager.is-disabled ul li:not(.dot):not(.is-active):hover{color:var(--ti-pager-disabled-text-color);font-weight:400;background-color:transparent;border-color:var(--ti-pager-disabled-border-color)}.tiny-pager.is-disabled .tiny-pager__page-size{color:var(--ti-pager-disabled-text-color);cursor:not-allowed;border-color:var(--ti-pager-disabled-border-color);background-color:var(--ti-base-color-bg-1)}.tiny-pager.is-disabled .tiny-pager__page-size-btn svg{fill:var(--ti-pager-disabled-text-color);color:var(--ti-pager-disabled-text-color);cursor:not-allowed}.tiny-pager.is-disabled .tiny-pager__goto-text{color:var(--ti-pager-disabled-text-color)}@media (max-width:768px){.tiny-pager{text-align:left}.tiny-pager .tiny-pager__pull-left{float:none!important}}

package/pager/smb-theme.js

@@ -24,8 +24,7 @@ export const tinyPagerSmbTheme = {
   'ti-pager-next-padding-right': '0px',
   'ti-pager-btn-svg-fill-color': 'var(--ti-common-color-icon-normal)',
   'ti-pager-active-font-weight': '600',
-  'ti-pager-dot-is-popup-display': 'none',
-  'ti-pager-dot-before-display': 'block',
+  'ti-pager-dot-is-popup-svg-font-size': '16px',
   'ti-pager-poplist-item-hover-bg-color': '#0000000D',
   'ti-pager-poplist-item-hover-text-color': '#191919',
   'ti-pager-li-item-hover-font-weight': 'var(--ti-common-font-weight-6)',

package/select-dropdown/aurora-theme.js

@@ -5,7 +5,7 @@ export const tinySelectDropdownAuroraTheme = {
   'ti-select-dropdown-box-shadow': '0 0 4px rgba(0,0,0,0.3)', // 没有common 变量
   'ti-select-dropdown-border-weight': 'var(--ti-common-border-weight-normal)',
   'ti-select-dropdown-border-color': 'var(--ti-common-color-line-normal)',
-  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-hover)',
+  'ti-option-checkbox-border-color-hover': '#bfbfbf',
   'ti-select-dropdown-top-create-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-select-dropdown-top-create-text-color-hover': 'var(--ti-common-color-text-link-hover)',
   'ti-select-dropdown-top-create-icon-color': 'var(--ti-common-color-icon-normal)',

package/smb-theme/alert/index.css

@@ -1 +1 @@
-.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-alert-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-alert-description-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-close-position-top:var(--ti-common-space-4x, 16px);--ti-alert-close-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-close-text-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-alert-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-success-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-info-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-warning-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-error-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-simple-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-title-font-size:var(--ti-common-font-size-1, 14px);--ti-alert-icon-margin-top:var(--ti-common-space-1, 1px);--ti-alert-icon-font-size:var(--ti-common-font-size-2, 16px);--ti-alert-description-line-height:var(--ti-common-line-height-number, 1.5);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0, 0px);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x, 8px);--ti-alert-description-margin-top:var(--ti-common-space-base, 4px);--ti-alert-description-margin-bottom:var(--ti-common-space-base, 4px);--ti-alert-description-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-alert-normal-padding-top:var(--ti-common-space-3x, 12px);--ti-alert-normal-padding-right:var(--ti-common-space-4x, 16px);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x, 12px);--ti-alert-normal-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x, 8px);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0, 0px);--ti-alert-large-padding-top:calc(var(--ti-common-space-base, 4px) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x, 12px);--ti-alert-large-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-large-padding-right:calc(var(--ti-common-space-base, 4px) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-alert-opration-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-large-icon-font-size:var(--ti-common-font-size-5, 24px);--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base, 4px) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border, #ffd0a6);--ti-alert-warning-icon-color:var(--ti-common-color-warn, #fa9841);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text, #e37d29);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg, #fff3e8);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary, #ffbcba);--ti-alert-error-icon-color:var(--ti-common-color-error, #f66f6a);--ti-alert-error-link-text-color:var(--ti-common-color-error-text, #de504e);--ti-alert-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border, #acf2dc);--ti-alert-success-icon-color:var(--ti-common-color-success, #50d4ab);--ti-alert-success-link-text-color:var(--ti-common-color-text-success, #3ac295);--ti-alert-success-bg-color:var(--ti-common-color-success-bg, #edfff9);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border, #beccfa);--ti-alert-info-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text, #526ecc);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);--ti-alert-simple-border-color:var(--ti-common-color-info-border, #d3d4d6);--ti-alert-simple-icon-color:var(--ti-common-color-text-secondary, #575d6c);--ti-alert-simple-link-text-color:var(--ti-common-color-primary-active, #7693f5);--ti-alert-simple-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-alert-simple-close-icon-color:var(--ti-alert-simple-icon-color);--ti-alert-simple-close-hover-icon-color:var(--ti-alert-simple-icon-color);position:relative;border:var(--ti-alert-border-weight) solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-success-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-info-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-warning-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-error-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert.tiny-alert--simple{background:var(--ti-alert-simple-bg-color);border-color:var(--ti-alert-simple-border-color);color:var(--ti-alert-simple-title-text-color)}.tiny-alert.tiny-alert--simple hr{border-top-color:var(--ti-alert-simple-link-text-color)}.tiny-alert.tiny-alert--simple .alert-link{color:var(--ti-alert-simple-link-text-color)}.tiny-alert.tiny-alert--simple .tiny-alert__icon{fill:var(--ti-alert-simple-icon-color)}.tiny-alert.tiny-alert--simple .tiny-alert__close{fill:var(--ti-alert-simple-close-icon-color)}.tiny-alert.tiny-alert--simple .tiny-alert__close:hover{fill:var(--ti-alert-simple-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert__icon:first-child{margin-top:var(--ti-alert-icon-margin-top)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}.tiny-alert[class*=tiny]{--ti-alert-border-radius:var(--ti-common-border-radius-4);--ti-alert-border-weight:var(--ti-common-size-0);--ti-alert-close-font-size:var(--ti-common-font-size-2);--ti-alert-error-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-info-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-success-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-warning-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-info-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-success-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-error-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-warning-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-normal-margin-vertical:var(--ti-common-space-4x);--ti-alert-normal-padding-top:calc(var(--ti-common-space-2x) + 1.5px);--ti-alert-normal-padding-bottom:calc(var(--ti-common-space-2x) + 1.5px);--ti-alert-normal-padding-right:var(--ti-common-space-3x);--ti-alert-title-font-size:var(--ti-common-font-size-2);--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-6) / 2);--ti-alert-large-padding-top:var(--ti-common-space-4x);--ti-alert-large-padding-bottom:var(--ti-common-space-4x);--ti-alert-large-padding-right:var(--ti-common-space-4x);--ti-alert-large-content-padding-left:var(--ti-common-space-2x);--ti-alert-description-margin-bottom:var(--ti-common-space-0);--ti-alert-description-margin-top:var(--ti-common-space-2x);--ti-alert-icon-margin-top:calc(var(--ti-common-space-6) / 2);--ti-alert-close-position-top:var(--ti-common-space-3x)}
+.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-alert-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-alert-description-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-close-position-top:var(--ti-common-space-4x, 16px);--ti-alert-close-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-close-text-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-alert-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-success-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-info-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-warning-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-error-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-simple-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-alert-title-font-size:var(--ti-common-font-size-1, 14px);--ti-alert-icon-margin-top:var(--ti-common-space-1, 1px);--ti-alert-icon-font-size:var(--ti-common-font-size-2, 16px);--ti-alert-description-line-height:var(--ti-common-line-height-number, 1.5);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0, 0px);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x, 8px);--ti-alert-description-margin-top:var(--ti-common-space-base, 4px);--ti-alert-description-margin-bottom:var(--ti-common-space-base, 4px);--ti-alert-description-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-alert-normal-padding-top:var(--ti-common-space-3x, 12px);--ti-alert-normal-padding-right:var(--ti-common-space-4x, 16px);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x, 12px);--ti-alert-normal-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x, 8px);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0, 0px);--ti-alert-large-padding-top:calc(var(--ti-common-space-base, 4px) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x, 12px);--ti-alert-large-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-large-padding-right:calc(var(--ti-common-space-base, 4px) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-alert-opration-font-size:var(--ti-common-font-size-base, 12px);--ti-alert-large-icon-font-size:var(--ti-common-font-size-5, 24px);--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base, 4px) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x, 16px);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border, #ffd0a6);--ti-alert-warning-icon-color:var(--ti-common-color-warn, #fa9841);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text, #e37d29);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg, #fff3e8);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary, #ffbcba);--ti-alert-error-icon-color:var(--ti-common-color-error, #f66f6a);--ti-alert-error-link-text-color:var(--ti-common-color-error-text, #de504e);--ti-alert-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border, #acf2dc);--ti-alert-success-icon-color:var(--ti-common-color-success, #50d4ab);--ti-alert-success-link-text-color:var(--ti-common-color-text-success, #3ac295);--ti-alert-success-bg-color:var(--ti-common-color-success-bg, #edfff9);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border, #beccfa);--ti-alert-info-icon-color:var(--ti-common-color-prompt, #5e7ce0);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text, #526ecc);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);--ti-alert-simple-border-color:var(--ti-common-color-info-border, #d3d4d6);--ti-alert-simple-icon-color:var(--ti-common-color-text-secondary, #575d6c);--ti-alert-simple-link-text-color:var(--ti-common-color-primary-active, #7693f5);--ti-alert-simple-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-alert-simple-close-icon-color:var(--ti-alert-simple-icon-color);--ti-alert-simple-close-hover-icon-color:var(--ti-alert-simple-icon-color);--ti-alert-title-margin-top:var(--ti-common-space-0);position:relative;border:var(--ti-alert-border-weight) solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-success-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-info-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-warning-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-error-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert.tiny-alert--simple{background:var(--ti-alert-simple-bg-color);border-color:var(--ti-alert-simple-border-color);color:var(--ti-alert-simple-title-text-color)}.tiny-alert.tiny-alert--simple hr{border-top-color:var(--ti-alert-simple-link-text-color)}.tiny-alert.tiny-alert--simple .alert-link{color:var(--ti-alert-simple-link-text-color)}.tiny-alert.tiny-alert--simple .tiny-alert__icon{fill:var(--ti-alert-simple-icon-color)}.tiny-alert.tiny-alert--simple .tiny-alert__close{fill:var(--ti-alert-simple-close-icon-color)}.tiny-alert.tiny-alert--simple .tiny-alert__close:hover{fill:var(--ti-alert-simple-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert__icon:first-child{margin-top:var(--ti-alert-icon-margin-top)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700;margin-top:var(--ti-alert-title-margin-top)}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}.tiny-alert[class*=tiny]{--ti-alert-border-radius:var(--ti-common-border-radius-4);--ti-alert-border-weight:var(--ti-common-size-0);--ti-alert-close-font-size:var(--ti-common-font-size-2);--ti-alert-error-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-info-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-success-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-warning-close-icon-color:var(--ti-common-color-text-weaken);--ti-alert-info-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-success-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-error-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-warning-close-hover-icon-color:var(--ti-common-color-icon-darkbg-hover);--ti-alert-normal-margin-vertical:var(--ti-common-space-4x);--ti-alert-normal-padding-top:calc(var(--ti-common-space-2x) + 1.5px);--ti-alert-normal-padding-bottom:calc(var(--ti-common-space-2x) + 1.5px);--ti-alert-normal-padding-right:var(--ti-common-space-3x);--ti-alert-title-font-size:var(--ti-common-font-size-2);--ti-alert-large-icon-margin-top:var(--ti-common-space-0);--ti-alert-title-margin-top:var(--ti-common-size-base);--ti-alert-large-padding-top:var(--ti-common-space-4x);--ti-alert-large-padding-bottom:var(--ti-common-space-4x);--ti-alert-large-padding-right:var(--ti-common-space-4x);--ti-alert-large-content-padding-left:var(--ti-common-space-2x);--ti-alert-description-margin-bottom:var(--ti-common-space-0);--ti-alert-description-margin-top:var(--ti-common-space-2x);--ti-alert-icon-margin-top:calc(var(--ti-common-space-6) / 2);--ti-alert-close-position-top:var(--ti-common-space-3x)}