@opentiny/vue-theme 3.14.0 → 3.15.0

package/drawer/index.css

@@ -1 +1 @@
-.tiny-drawer{--ti-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-drawer-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-drawer-mask-bg-color:rgba(0, 0, 0, 0.3);--ti-drawer-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-drawer-radius:var(--ti-common-space-0, 0);--ti-drawer-mask-bg-color:var(--ti-mobile-color-bg-mask);--ti-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-drawer-header-padding-left:var(--ti-common-space-0, 0);--ti-drawer-body-padding-right:var(--ti-common-space-0, 0);--ti-drawer-head-title-font-size:var(--ti-common-font-size-2, 16px);--ti-drawer-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-drawer-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-drawer-head-title-text-color:var(--ti-common-text-primary, #252b3a);--ti-drawer-btn-width:var(--ti-common-size-8x, 32px);--ti-drawer-btn-height:var(--ti-drawer-btn-width);--ti-drawer-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-drawer-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-drawer-close-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-drawer-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-drawer-btn-position-top:var(--ti-common-space-5x, 20px);--ti-drawer-btn-position-right:var(--ti-common-space-5x, 20px);--ti-drawer-help-icon-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-help-icon-width-height:var(--ti-common-space-4x, 16px);--ti-drawer-help-icon-color:var(--ti-common-color-info, #252b3a);--ti-drawer-body-padding-top:var(--ti-common-space-0, 0);--ti-drawer-body-padding-bottom:var(--ti-common-space-0, 0);--ti-drawer-body-padding-left:var(--ti-common-space-0, 0);--ti-drawer-header-padding-right:var(--ti-common-space-0, 0);--ti-drawer-divider-body-border-color:var(--ti-common-color-transparent);--ti-drawer-footer-justify-content:flex-end;--ti-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-drawer-footer-padding-left:var(--ti-common-space-0, 0);--ti-drawer-footer-padding-right:var(--ti-common-space-0, 0);--ti-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-drawer-footer-margin-right:var(--ti-common-space-10x, 40px);--ti-drawer-divider-footer-button-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-divider-footer-border-color:var(--ti-drawer-divider-border-color, #dfe1e6)}.tiny-drawer .tiny-drawer__mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.tiny-drawer .tiny-drawer__mask.show-bg-color{background-color:var(--ti-drawer-mask-bg-color)}.tiny-drawer .tiny-drawer__main{position:fixed;width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-color:#e8ebef;border-style:solid;-webkit-box-shadow:var(--ti-drawer-shadow);box-shadow:var(--ti-drawer-shadow);overflow:hidden}.tiny-drawer .tiny-drawer__main.drag-effects{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all}.tiny-drawer .tiny-drawer__main.is-left,.tiny-drawer .tiny-drawer__main.is-right{height:100%}.tiny-drawer .tiny-drawer__main.is-bottom,.tiny-drawer .tiny-drawer__main.is-top{max-height:100%}.tiny-drawer .tiny-drawer__main.is-right{top:0;right:0;border-left-width:.5px;border-radius:var(--ti-drawer-radius) 0 0 var(--ti-drawer-radius)}.tiny-drawer .tiny-drawer__main.is-right .tiny-drawer__drag-bar{left:-4px}.tiny-drawer .tiny-drawer__main.is-left{top:0;left:0;border-right-width:.5px;border-radius:0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0}.tiny-drawer .tiny-drawer__main.is-left .tiny-drawer__drag-bar{right:-4px}.tiny-drawer .tiny-drawer__main.is-top{top:0;left:0;border-bottom-width:.5px;border-radius:0 0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2)}.tiny-drawer .tiny-drawer__main.is-bottom{bottom:0;left:0;border-top-width:.5px;border-radius:var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0 0}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar{position:absolute;top:0;width:.5rem;height:100%;cursor:e-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__box{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header{margin-left:var(--ti-drawer-padding-left);margin-right:var(--ti-drawer-padding-right)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn{border:none;outline:0;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-drawer-btn-position-top) - (var(--ti-drawer-btn-height) - var(--ti-drawer-close-icon-size))/ 2);right:calc(var(--ti-drawer-btn-position-right) - (var(--ti-drawer-btn-width) - var(--ti-drawer-close-icon-size))/ 2);cursor:pointer;height:var(--ti-drawer-btn-height);width:var(--ti-drawer-btn-width)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn:hover{background-color:var(--ti-drawer-btn-background-color-hover);border-radius:var(--ti-drawer-btn-border-radius)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn+.tiny-drawer__headerbtn{margin-left:8px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close{font-size:var(--ti-drawer-close-icon-size);fill:var(--ti-drawer-close-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header{padding:var(--ti-drawer-header-padding-top) var(--ti-drawer-header-padding-right) var(--ti-drawer-header-padding-bottom) var(--ti-drawer-header-padding-left);background:var(--ti-drawer-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--ti-drawer-divider-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__title{max-width:80%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ti-drawer-head-title-font-size);color:var(--ti-drawer-head-title-text-color);font-weight:var(--ti-drawer-head-title-font-weight)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:16px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left .tiny-drawer__help-icon{width:var(--ti-drawer-help-icon-width-height);height:var(--ti-drawer-help-icon-width-height);margin-left:var(--ti-drawer-help-icon-margin-left);fill:var(--ti-drawer-help-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto;padding-left:var(--ti-drawer-padding-left);padding-right:var(--ti-drawer-padding-right);border-bottom:1px solid var(--ti-drawer-divider-body-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-drawer-footer-justify-content);-ms-flex-pack:var(--ti-drawer-footer-justify-content);justify-content:var(--ti-drawer-footer-justify-content);padding:var(--ti-drawer-footer-padding-top) var(--ti-drawer-footer-padding-right) var(--ti-drawer-footer-padding-bottom) var(--ti-drawer-footer-padding-left);border-top:1px solid var(--ti-drawer-divider-footer-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn.reverse{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn.reverse{margin-left:0;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.drawer-slide-right-enter-active{-webkit-animation:slideRight .3s linear;animation:slideRight .3s linear}.drawer-slide-right-leave-active{-webkit-animation:slideRightout .3s linear;animation:slideRightout .3s linear}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.drawer-slide-left-enter-active{-webkit-animation:slideLeft .3s linear;animation:slideLeft .3s linear}.drawer-slide-left-leave-active{-webkit-animation:slideLeftout .3s linear;animation:slideLeftout .3s linear}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.drawer-slide-bottom-enter-active{-webkit-animation:slideBottom .3s linear;animation:slideBottom .3s linear}.drawer-slide-bottom-leave-active{-webkit-animation:slideBottomout .3s linear;animation:slideBottomout .3s linear}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}.drawer-slide-top-enter-active{-webkit-animation:slideTop .3s linear;animation:slideTop .3s linear}.drawer-slide-top-leave-active{-webkit-animation:slideTopout .3s linear;animation:slideTopout .3s linear}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.drawer-fade-enter-active{-webkit-animation:drawer-fade-in .3s linear;animation:drawer-fade-in .3s linear}.drawer-fade-leave-active{-webkit-animation:drawer-fade-out .3s linear;animation:drawer-fade-out .3s linear}@-webkit-keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}
+.tiny-drawer{--ti-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-drawer-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-drawer-mask-bg-color:rgba(0, 0, 0, 0.3);--ti-drawer-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-drawer-radius:var(--ti-common-space-0, 0);--ti-drawer-mask-bg-color:var(--ti-mobile-color-bg-mask);--ti-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-drawer-header-padding-left:var(--ti-common-space-0, 0);--ti-drawer-body-padding-right:var(--ti-common-space-0, 0);--ti-drawer-head-title-font-size:var(--ti-common-font-size-2, 16px);--ti-drawer-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-drawer-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-drawer-head-title-text-color:var(--ti-common-text-primary, #252b3a);--ti-drawer-btn-width:var(--ti-common-size-8x, 32px);--ti-drawer-btn-height:var(--ti-drawer-btn-width);--ti-drawer-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-drawer-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-drawer-close-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-drawer-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-drawer-btn-position-top:var(--ti-common-space-5x, 20px);--ti-drawer-btn-position-right:var(--ti-common-space-5x, 20px);--ti-drawer-help-icon-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-help-icon-width-height:var(--ti-common-space-4x, 16px);--ti-drawer-help-icon-color:var(--ti-common-color-info, #252b3a);--ti-drawer-body-padding-top:var(--ti-common-space-0, 0);--ti-drawer-body-padding-bottom:var(--ti-common-space-0, 0);--ti-drawer-body-padding-left:var(--ti-common-space-0, 0);--ti-drawer-header-padding-right:var(--ti-common-space-0, 0);--ti-drawer-divider-body-border-color:var(--ti-common-color-transparent);--ti-drawer-footer-justify-content:flex-end;--ti-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-drawer-footer-padding-left:var(--ti-common-space-0, 0);--ti-drawer-footer-padding-right:var(--ti-common-space-0, 0);--ti-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-drawer-footer-margin-right:var(--ti-common-space-10x, 40px);--ti-drawer-divider-footer-button-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-divider-footer-border-color:var(--ti-drawer-divider-border-color, #dfe1e6)}.tiny-drawer .tiny-drawer__mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.tiny-drawer .tiny-drawer__mask.show-bg-color{background-color:var(--ti-drawer-mask-bg-color)}.tiny-drawer .tiny-drawer__main{position:fixed;width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-color:#e8ebef;border-style:solid;-webkit-box-shadow:var(--ti-drawer-shadow);box-shadow:var(--ti-drawer-shadow);overflow:hidden}.tiny-drawer .tiny-drawer__main.drag-effects{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all}.tiny-drawer .tiny-drawer__main.is-left,.tiny-drawer .tiny-drawer__main.is-right{height:100%}.tiny-drawer .tiny-drawer__main.is-bottom,.tiny-drawer .tiny-drawer__main.is-top{max-height:100%}.tiny-drawer .tiny-drawer__main.is-right{top:0;right:0;border-left-width:.5px;border-radius:var(--ti-drawer-radius) 0 0 var(--ti-drawer-radius)}.tiny-drawer .tiny-drawer__main.is-right .tiny-drawer__drag-bar{left:-4px}.tiny-drawer .tiny-drawer__main.is-left{top:0;left:0;border-right-width:.5px;border-radius:0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0}.tiny-drawer .tiny-drawer__main.is-left .tiny-drawer__drag-bar{right:-4px}.tiny-drawer .tiny-drawer__main.is-top{top:0;left:0;border-bottom-width:.5px;border-radius:0 0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2)}.tiny-drawer .tiny-drawer__main.is-bottom{bottom:0;left:0;border-top-width:.5px;border-radius:var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0 0}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar{position:absolute;top:0;width:.5rem;height:100%;cursor:e-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__box{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header{margin-left:var(--ti-drawer-padding-left);margin-right:var(--ti-drawer-padding-right)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn{border:none;outline:0;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-drawer-btn-position-top) - (var(--ti-drawer-btn-height) - var(--ti-drawer-close-icon-size))/ 2);right:calc(var(--ti-drawer-btn-position-right) - (var(--ti-drawer-btn-width) - var(--ti-drawer-close-icon-size))/ 2);cursor:pointer;height:var(--ti-drawer-btn-height);width:var(--ti-drawer-btn-width)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn:hover{background-color:var(--ti-drawer-btn-background-color-hover);border-radius:var(--ti-drawer-btn-border-radius)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn+.tiny-drawer__headerbtn{margin-left:8px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close{font-size:var(--ti-drawer-close-icon-size);fill:var(--ti-drawer-close-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header{padding:var(--ti-drawer-header-padding-top) var(--ti-drawer-header-padding-right) var(--ti-drawer-header-padding-bottom) var(--ti-drawer-header-padding-left);background:var(--ti-drawer-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--ti-drawer-divider-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__title{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ti-drawer-head-title-font-size);color:var(--ti-drawer-head-title-text-color);font-weight:var(--ti-drawer-head-title-font-weight)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left{max-width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:16px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left .tiny-drawer__help-icon{width:var(--ti-drawer-help-icon-width-height);height:var(--ti-drawer-help-icon-width-height);margin-left:var(--ti-drawer-help-icon-margin-left);fill:var(--ti-drawer-help-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto;padding-left:var(--ti-drawer-padding-left);padding-right:var(--ti-drawer-padding-right);border-bottom:1px solid var(--ti-drawer-divider-body-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-drawer-footer-justify-content);-ms-flex-pack:var(--ti-drawer-footer-justify-content);justify-content:var(--ti-drawer-footer-justify-content);padding:var(--ti-drawer-footer-padding-top) var(--ti-drawer-footer-padding-right) var(--ti-drawer-footer-padding-bottom) var(--ti-drawer-footer-padding-left);border-top:1px solid var(--ti-drawer-divider-footer-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn.reverse{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn.reverse{margin-left:0;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.drawer-slide-right-enter-active{-webkit-animation:slideRight .3s linear;animation:slideRight .3s linear}.drawer-slide-right-leave-active{-webkit-animation:slideRightout .3s linear;animation:slideRightout .3s linear}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.drawer-slide-left-enter-active{-webkit-animation:slideLeft .3s linear;animation:slideLeft .3s linear}.drawer-slide-left-leave-active{-webkit-animation:slideLeftout .3s linear;animation:slideLeftout .3s linear}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.drawer-slide-bottom-enter-active{-webkit-animation:slideBottom .3s linear;animation:slideBottom .3s linear}.drawer-slide-bottom-leave-active{-webkit-animation:slideBottomout .3s linear;animation:slideBottomout .3s linear}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}.drawer-slide-top-enter-active{-webkit-animation:slideTop .3s linear;animation:slideTop .3s linear}.drawer-slide-top-leave-active{-webkit-animation:slideTopout .3s linear;animation:slideTopout .3s linear}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.drawer-fade-enter-active{-webkit-animation:drawer-fade-in .3s linear;animation:drawer-fade-in .3s linear}.drawer-fade-leave-active{-webkit-animation:drawer-fade-out .3s linear;animation:drawer-fade-out .3s linear}@-webkit-keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}

package/dropdown/smb-theme.js

@@ -1,8 +1,8 @@
 export const tinyDropdownSmbTheme = {
   'ti-dropdown-icon-size': 'var(--ti-common-font-size-2)',
-  'ti-dropdown-text-color-hover': 'var(--ti-common-color-text-primary)',
-  'ti-dropdown-icon-color': 'var(--ti-common-color-placeholder)', // TINY-TODO:缺少#808080图标色变量
-  'ti-dropdown-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-dropdown-text-color-hover': 'var(--ti-common-color-text-link)',
+  'ti-dropdown-icon-color': 'var(--ti-common-color-text-link)',
+  'ti-dropdown-icon-color-hover': 'var(--ti-common-color-text-link)',
   'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
   'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-6x)',
   'ti-dropdown-caret-line-width': 'var(--ti-common-size-0)',

package/dropdown-item/smb-theme.js

@@ -3,7 +3,7 @@ export const tinyDropdownItemSmbTheme = {
   'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-0)',
   'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-dropdown-item-hover-text-color': 'var(--ti-common-color-text-primary)',
-  'ti-dropdown-item-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-dropdown-item-icon-color-hover': 'var(--ti-common-color-text-link-hover)',
   'ti-dropdown-item-expand-svg-margin-left': 'var(--ti-common-space-0)',
   'ti-dropdown-item-expand-svg-margin-right': 'var(--ti-common-space-2x)',
   'ti-dropdown-item-content-margin-left': 'calc(var(--ti-dropdown-item-expand-icon-size) + var(--ti-common-space-2x))',
@@ -15,7 +15,7 @@ export const tinyDropdownItemSmbTheme = {
   'ti-dropdown-item-active-text-color': '#1476FF',
   'ti-dropdown-item-content-text-hover': '#1476FF',
   'ti-dropdown-item-before-bg-color': 'transparent',
-  'ti-dropdown-item-divided-border-color': 'transparent',
+  'ti-dropdown-item-divided-border-color': 'var(--ti-common-color-line-dividing)',
   'ti-dropdown-item-content-bg-hover': 'transparent',
   'ti-dropdown-item-before-height': '0',
   'ti-dropdown-item-bg-color-selected': 'var(--ti-common-color-bg-white-normal)',

package/form/index.css

@@ -1 +1 @@
-.tiny-form{--ti-form-valid-padding-horizontal:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-valid-padding-vertical:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-margin-right:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-label-top-margin-bottom:16px;--ti-form-item-label-top-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-label-top-label-height:var(--ti-common-size-height-normal, 28px);width:100%;overflow:hidden}.tiny-form div{outline:0}.tiny-form--inline .tiny-form-item,.tiny-form--inline .tiny-form-item__content{display:inline-block;vertical-align:top}.tiny-form--inline .tiny-form-item{margin-right:var(--ti-form-item-margin-right)}.tiny-form--inline .tiny-form-item__label{float:none;display:inline-block}.tiny-form--inline .tiny-form--label-top .tiny-form-item__content{display:block}.tiny-form--label-left.has-required .tiny-form-item__label{padding-left:12px}.tiny-form--label-left .tiny-form-item__label{text-align:left}.tiny-form--label-left.label-align .tiny-form-item.is-required .tiny-form-item__label{padding-left:12px;position:relative}.tiny-form--label-left.label-align .tiny-form-item.is-required .tiny-form-item__label::before{font-size:20px;line-height:1;position:absolute;left:0;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-form--label-left.label-align .tiny-form-item.is-required~.tiny-form-item .tiny-form-item__label{padding-left:12px}.tiny-form--label-top .tiny-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 8px;height:var(--ti-form-item-label-top-label-height);line-height:var(--ti-form-item-label-top-label-line-height)}.tiny-form--label-top .tiny-form-item{margin-bottom:var(--ti-form-item-label-top-margin-bottom)}.tiny-form--label-top .tiny-form{margin-bottom:var(--ti-form-item-label-top-margin-bottom)}.tiny-form--inline.tiny-form--label-top .tiny-form-item{margin-bottom:16px;margin-right:64px}.tiny-form--inline.tiny-form--label-top .tiny-form-item__label{display:block;text-align:left}.tiny-form__valid{--ti-form-valid-padding-horizontal:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-valid-padding-vertical:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-margin-right:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-label-top-margin-bottom:16px;--ti-form-item-label-top-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-label-top-label-height:var(--ti-common-size-height-normal, 28px)}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper{padding:var(--ti-form-valid-padding-vertical) var(--ti-form-valid-padding-horizontal)}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper .tooltip-validate-icon{fill:var(--ti-tooltip-validate-icon-color);margin-right:8px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-4px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:6px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:6px}.tiny-form__valid .tiny-form-item__validate-message{vertical-align:middle}.tiny-form.is-display-only .tiny-form-item__label{line-height:1.5;height:auto;vertical-align:inherit}.tiny-form.is-display-only .tiny-form-item__content{line-height:1.5;font-size:14px;height:auto;vertical-align:inherit}.tiny-form.is-display-only .tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form.is-display-only .tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{content:''}.tiny-form.is-display-only .tiny-form-item__content .tiny-checkbox{line-height:1.5}.tiny-form.is-display-only .tiny-form-item__content .tiny-radio{line-height:1;padding:0}.tiny-form.is-display-only .tiny-form-item__content .tiny-switch{margin-top:0}.tiny-form.is-display-only .tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{height:18px}.tiny-form.is-display-only .tiny-form-item__content .tiny-textarea__inner{height:0;padding:0;border-style:none}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content .tiny-input .tiny-input__inner,.tiny-form.is-display-only .tiny-form-item--mini .tiny-form-item__content .tiny-input .tiny-input__inner,.tiny-form.is-display-only .tiny-form-item--small .tiny-form-item__content .tiny-input .tiny-input__inner{height:36px;line-height:36px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content,.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__label{font-size:14px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content .tiny-tooltip{font-size:14px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__label{padding-bottom:12px}
+.tiny-form{--ti-form-valid-padding-horizontal:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-valid-padding-vertical:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-margin-right:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-label-top-margin-bottom:var(--ti-common-space-4x, 16px);--ti-form-label-top-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-label-top-label-height:var(--ti-common-size-height-normal, 28px);width:100%;overflow:hidden}.tiny-form div{outline:0}.tiny-form--inline .tiny-form-item,.tiny-form--inline .tiny-form-item__content{display:inline-block;vertical-align:top}.tiny-form--inline .tiny-form-item{margin-right:var(--ti-form-item-margin-right)}.tiny-form--inline .tiny-form-item__label{float:none;display:inline-block}.tiny-form--inline .tiny-form--label-top .tiny-form-item__content{display:block}.tiny-form--label-left.has-required .tiny-form-item__label{padding-left:12px}.tiny-form--label-left .tiny-form-item__label{text-align:left}.tiny-form--label-left.label-align .tiny-form-item.is-required .tiny-form-item__label{padding-left:12px;position:relative}.tiny-form--label-left.label-align .tiny-form-item.is-required .tiny-form-item__label::before{font-size:20px;line-height:1;position:absolute;left:0;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-form--label-left.label-align .tiny-form-item.is-required~.tiny-form-item .tiny-form-item__label{padding-left:12px}.tiny-form--label-top .tiny-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 8px;height:var(--ti-form-label-top-label-height);line-height:var(--ti-form-label-top-label-line-height)}.tiny-form--label-top .tiny-form-item{margin-bottom:var(--ti-form-label-top-margin-bottom)}.tiny-form--label-top .tiny-form{margin-bottom:var(--ti-form-label-top-margin-bottom)}.tiny-form--inline.tiny-form--label-top .tiny-form-item{margin-bottom:16px;margin-right:64px}.tiny-form--inline.tiny-form--label-top .tiny-form-item__label{display:block;text-align:left}.tiny-form__valid{--ti-form-valid-padding-horizontal:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-valid-padding-vertical:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-item-margin-right:calc(var(--ti-common-space-2x, 8px) + 2px);--ti-form-label-top-margin-bottom:var(--ti-common-space-4x, 16px);--ti-form-label-top-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-label-top-label-height:var(--ti-common-size-height-normal, 28px)}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper{padding:var(--ti-form-valid-padding-vertical) var(--ti-form-valid-padding-horizontal)}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper .tooltip-validate-icon{fill:var(--ti-tooltip-validate-icon-color);margin-right:8px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-4px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:6px}.tiny-form__valid.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:6px}.tiny-form__valid .tiny-form-item__validate-message{vertical-align:middle}.tiny-form.is-display-only .tiny-form-item__label{line-height:1.5;height:auto;vertical-align:inherit}.tiny-form.is-display-only .tiny-form-item__content{line-height:1.5;font-size:14px;height:auto;vertical-align:inherit}.tiny-form.is-display-only .tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form.is-display-only .tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{content:''}.tiny-form.is-display-only .tiny-form-item__content .tiny-checkbox{line-height:1.5}.tiny-form.is-display-only .tiny-form-item__content .tiny-radio{line-height:1;padding:0}.tiny-form.is-display-only .tiny-form-item__content .tiny-switch{margin-top:0}.tiny-form.is-display-only .tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{height:18px}.tiny-form.is-display-only .tiny-form-item__content .tiny-textarea__inner{height:0;padding:0;border-style:none}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content .tiny-input .tiny-input__inner,.tiny-form.is-display-only .tiny-form-item--mini .tiny-form-item__content .tiny-input .tiny-input__inner,.tiny-form.is-display-only .tiny-form-item--small .tiny-form-item__content .tiny-input .tiny-input__inner{height:36px;line-height:36px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content,.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__label{font-size:14px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__content .tiny-tooltip{font-size:14px}.tiny-form.is-display-only .tiny-form-item--medium .tiny-form-item__label{padding-bottom:12px}

package/form/smb-theme.js

@@ -1,7 +1,7 @@
 export const tinyFormSmbTheme = {
-  'ti-form-item-label-top-margin-bottom': '24px',
+  'ti-form-label-top-margin-bottom': 'var(--ti-common-space-4x)',
   // smb要求行高为1.5
-  'ti-form-item-label-top-label-line-height': '1.5',
+  'ti-form-label-top-label-line-height': '1.5',
   // border-box需要加上内边距
-  'ti-form-item-label-top-label-height': 'calc(1.5em + 8px)'
+  'ti-form-label-top-label-height': 'calc(1.5em + 8px)'
 }

package/form-item/index.css

@@ -1 +1 @@
-.tiny-form-item{--ti-form-item-small-line-height:var(--ti-common-line-height-6, 32px);--ti-form-item-medium-line-height:calc(var(--ti-common-line-height-7, 36px) + 4px);--ti-form-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-form-item-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-input-mini-height:var(--ti-common-size-6x, 24px);--ti-form-item-input-small-height:var(--ti-common-size-8x, 32px);--ti-form-item-input-medium-height:var(--ti-common-size-10x, 40px);--ti-form-item-label-font-size:var(--ti-common-font-size-1, 14px);--ti-form-item-label-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-form-item-error-font-size:var(--ti-common-font-size-base, 12px);--ti-form-item-error-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-star-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-form-item-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-form-item-margin-bottom-default:var(--ti-common-space-5x, 20px);--ti-form-item-margin-bottom-mini:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-small:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-medium:var(--ti-common-space-3x, 12px);--ti-form-item-error-star-display:inline-block;--ti-form-item-error-inline-margin-left:calc(var(--ti-common-space-base, 4px) * 2.5);--ti-form-item-error-block-padding-top:var(--ti-common-space-2x, 8px);font-family:var(--ti-common-font-family);margin-bottom:var(--ti-form-item-margin-bottom-default)}.tiny-form-item:after,.tiny-form-item:before{content:'';display:table}.tiny-form-item:after{clear:both}.tiny-form-item .tiny-form-item__content-muti-children{width:100%}.tiny-form-item .tiny-form-item{margin-bottom:0}.tiny-form-item--small .tiny-form-item__error{padding-top:2px}.tiny-form-item--mini .tiny-form-item__error{padding-top:1px}.tiny-form-item--medium{margin-bottom:var(--ti-form-item-margin-bottom-medium)}.tiny-form-item--medium .tiny-form-item__content{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox,.tiny-form-item--medium .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__label{height:var(--ti-form-item-medium-line-height);line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--small{margin-bottom:var(--ti-form-item-margin-bottom-small)}.tiny-form-item--small .tiny-form-item__content{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox,.tiny-form-item--small .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--small .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__label{height:var(--ti-form-item-small-line-height);line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--mini{margin-bottom:var(--ti-form-item-margin-bottom-mini)}.tiny-form-item--mini .tiny-form-item__content{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox,.tiny-form-item--mini .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__label{height:var(--ti-form-item-mini-line-height);line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item__label-wrap{float:left}.tiny-form-item__label-wrap .tiny-form-item__label{display:inline-block;float:none}.tiny-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:var(--ti-form-item-label-font-size);color:var(--ti-form-item-label-text-color);height:var(--ti-form-item-label-line-height);line-height:var(--ti-form-item-label-line-height);padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-form-item__content{position:relative;font-size:var(--ti-form-item-label-font-size);line-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content:after,.tiny-form-item__content:before{content:'';display:table}.tiny-form-item__content:after{clear:both}.tiny-form-item__content .tiny-input{display:inline-block}.tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-form-item__content .tiny-input.tiny-input-group{display:inline-table}.tiny-form-item__content .tiny-rate{vertical-align:middle}.tiny-form-item__content .tiny-rate__text{line-height:1.5}.tiny-form-item__content .tiny-input-group{vertical-align:top}.tiny-form-item__content .tiny-button+.tiny-button{margin-left:8px}.tiny-form-item__content .tiny-checkbox,.tiny-form-item__content .tiny-radio{vertical-align:middle;line-height:30px}.tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content .tiny-date-editor--daterange.tiny-input,.tiny-form-item__content .tiny-date-editor--daterange.tiny-input__inner,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input__inner,.tiny-form-item__content .tiny-numeric{width:100%}.tiny-form-item__error{color:var(--ti-form-item-error-text-color);font-size:var(--ti-form-item-error-font-size);line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.tiny-form-item__error .validate-icon{fill:var(--ti-form-item-error-text-color);margin-right:8px}.tiny-form-item__error .tiny-form-item__validate-message{vertical-align:middle}.tiny-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:var(--ti-form-item-error-inline-margin-left)}.tiny-form-item__error--block{position:relative;top:auto;left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;padding-top:var(--ti-form-item-error-block-padding-top)}.tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{display:var(--ti-form-item-error-star-display);content:'*';color:var(--ti-form-item-error-star-text-color);margin-right:4px}.tiny-form-item.is-error .tiny-input__inner,.tiny-form-item.is-error .tiny-input__inner:focus,.tiny-form-item.is-error .tiny-textarea,.tiny-form-item.is-error .tiny-textarea:focus,.tiny-form-item.is-error .tiny-textarea__inner,.tiny-form-item.is-error .tiny-textarea__inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color);--ti-textarea-bg-color:var(--ti-form-item-error-bg-color)}.tiny-form-item.is-error .tiny-input-group__append .tiny-input__inner,.tiny-form-item.is-error .tiny-input-group__prepend .tiny-input__inner{border-color:transparent}.tiny-form-item.is-error .tiny-input__validateIcon{color:var(--ti-form-item-error-text-color)}.tiny-form-item.is-error .tiny-numeric__input-inner,.tiny-form-item.is-error .tiny-numeric__input-inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item--feedback .tiny-input__validateIcon{display:inline-block}.tiny-form-item .tiny-input__validateIcon{display:none}
+.tiny-form-item{--ti-form-item-small-line-height:var(--ti-common-line-height-6, 32px);--ti-form-item-medium-line-height:calc(var(--ti-common-line-height-7, 36px) + 4px);--ti-form-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-form-item-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-input-mini-height:var(--ti-common-size-6x, 24px);--ti-form-item-input-small-height:var(--ti-common-size-8x, 32px);--ti-form-item-input-medium-height:var(--ti-common-size-10x, 40px);--ti-form-item-label-font-size:var(--ti-common-font-size-1, 14px);--ti-form-item-label-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-form-item-error-font-size:var(--ti-common-font-size-base, 12px);--ti-form-item-error-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-star-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-form-item-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-form-item-margin-bottom-default:var(--ti-common-space-5x, 20px);--ti-form-item-margin-bottom-mini:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-small:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-medium:var(--ti-common-space-3x, 12px);--ti-form-item-error-star-display:inline-block;--ti-form-item-error-inline-margin-left:calc(var(--ti-common-space-base, 4px) * 2.5);--ti-form-item-error-block-padding-top:var(--ti-common-space-2x, 8px);--ti-form-item-extra-tip-margin-top:var(--ti-common-space-2x, 8px);--ti-form-item-extra-tip-font-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-form-item-extra-tip-font-size:var(--ti-common-font-size-1, 14px);--ti-form-item-extra-tip-line-height:var(--ti-common-line-height-number, 1.5);font-family:var(--ti-common-font-family);margin-bottom:var(--ti-form-item-margin-bottom-default)}.tiny-form-item:after,.tiny-form-item:before{content:'';display:table}.tiny-form-item:after{clear:both}.tiny-form-item .tiny-form-item__content-muti-children{width:100%}.tiny-form-item .tiny-form-item__extra-tip{line-height:var(--ti-form-item-extra-tip-line-height);margin-top:var(--ti-form-item-extra-tip-margin-top);color:var(--ti-form-item-extra-tip-font-color);font-size:var(--ti-form-item-extra-tip-font-size)}.tiny-form-item .tiny-form-item{margin-bottom:0}.tiny-form-item--small .tiny-form-item__error{padding-top:2px}.tiny-form-item--mini .tiny-form-item__error{padding-top:1px}.tiny-form-item--medium{margin-bottom:var(--ti-form-item-margin-bottom-medium)}.tiny-form-item--medium .tiny-form-item__content{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox,.tiny-form-item--medium .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__label{height:var(--ti-form-item-medium-line-height);line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--small{margin-bottom:var(--ti-form-item-margin-bottom-small)}.tiny-form-item--small .tiny-form-item__content{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox,.tiny-form-item--small .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--small .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__label{height:var(--ti-form-item-small-line-height);line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--mini{margin-bottom:var(--ti-form-item-margin-bottom-mini)}.tiny-form-item--mini .tiny-form-item__content{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox,.tiny-form-item--mini .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__label{height:var(--ti-form-item-mini-line-height);line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item__label-wrap{float:left}.tiny-form-item__label-wrap .tiny-form-item__label{display:inline-block;float:none}.tiny-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:var(--ti-form-item-label-font-size);color:var(--ti-form-item-label-text-color);height:var(--ti-form-item-label-line-height);line-height:var(--ti-form-item-label-line-height);padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-form-item__content{position:relative;font-size:var(--ti-form-item-label-font-size);line-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content:after,.tiny-form-item__content:before{content:'';display:table}.tiny-form-item__content:after{clear:both}.tiny-form-item__content .tiny-input{display:inline-block}.tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-form-item__content .tiny-input.tiny-input-group{display:inline-table}.tiny-form-item__content .tiny-rate{vertical-align:middle}.tiny-form-item__content .tiny-rate__text{line-height:1.5}.tiny-form-item__content .tiny-input-group{vertical-align:top}.tiny-form-item__content .tiny-button+.tiny-button{margin-left:8px}.tiny-form-item__content .tiny-checkbox,.tiny-form-item__content .tiny-radio{vertical-align:middle;line-height:30px}.tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content .tiny-date-editor--daterange.tiny-input,.tiny-form-item__content .tiny-date-editor--daterange.tiny-input__inner,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input__inner,.tiny-form-item__content .tiny-numeric{width:100%}.tiny-form-item__error{color:var(--ti-form-item-error-text-color);font-size:var(--ti-form-item-error-font-size);line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.tiny-form-item__error .validate-icon{fill:var(--ti-form-item-error-text-color);margin-right:8px}.tiny-form-item__error .tiny-form-item__validate-message{vertical-align:middle}.tiny-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:var(--ti-form-item-error-inline-margin-left)}.tiny-form-item__error--block{position:relative;top:auto;left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;padding-top:var(--ti-form-item-error-block-padding-top)}.tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{display:var(--ti-form-item-error-star-display);content:'*';color:var(--ti-form-item-error-star-text-color);margin-right:4px}.tiny-form-item.is-error .tiny-input__inner,.tiny-form-item.is-error .tiny-input__inner:focus,.tiny-form-item.is-error .tiny-textarea,.tiny-form-item.is-error .tiny-textarea:focus,.tiny-form-item.is-error .tiny-textarea__inner,.tiny-form-item.is-error .tiny-textarea__inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color);--ti-textarea-bg-color:var(--ti-form-item-error-bg-color)}.tiny-form-item.is-error .tiny-input-group__append .tiny-input__inner,.tiny-form-item.is-error .tiny-input-group__prepend .tiny-input__inner{border-color:transparent}.tiny-form-item.is-error .tiny-input__validateIcon{color:var(--ti-form-item-error-text-color)}.tiny-form-item.is-error .tiny-numeric__input-inner,.tiny-form-item.is-error .tiny-numeric__input-inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item--feedback .tiny-input__validateIcon{display:inline-block}.tiny-form-item .tiny-input__validateIcon{display:none}