@opentiny/vue-theme 3.16.3 → 3.17.0

package/guide/index.css

@@ -1 +1 @@
-.tiny-guide{--ti-guide-arrow-height:var(--ti-common-size-4x, 16px);--ti-guide-arrow-width:var(--ti-common-size-4x, 16px);--ti-guide-header-border-top-left-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-header-border-top-right-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-header-line-height:var(--ti-common-line-height-6, 32px);--ti-guide-header-padding-left:var(--ti-common-space-6x, 24px);--ti-guide-header-padding-right:var(--ti-common-space-6x, 24px);--ti-guide-header-padding-top:var(--ti-common-space-6x, 24px);--ti-guide-header-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-guide-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-title-line-height:var(--ti-common-line-height-6, 32px);--ti-guide-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-guide-cancel-icon-font-size:var(--ti-common-font-size-5, 24px);--ti-guide-cancel-icon-width:var(--ti-common-size-5x, 20px);--ti-guide-cancel-icon-height:var(--ti-common-size-5x, 20px);--ti-guide-cancel-icon-line-height:var(--ti-common-line-height-4, 20px);--ti-guide-cancel-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-guide-cancel-icon-font-weight:var(--ti-common-font-weight-1, 100);--ti-guide-cancel-icon-margin-top:-6px;--ti-guide-cancel-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-guide-text-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-text-line-height:var(--ti-common-line-height-4, 20px);--ti-guide-text-font-size:var(--ti-common-font-size-1, 14px);--ti-guide-text-padding-top:var(--ti-common-space-6x, 24px);--ti-guide-text-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-guide-text-padding-bottom:calc(var(--ti-common-space-base, 4px) * 5.5);--ti-guide-text-scrollbox-padding-right:var(--ti-common-space-2x, 8px);--ti-guide-text-scrollbar-width:var(--ti-common-scrollbar-width, 4px);--ti-guide-text-scrollbar-height:var(--ti-common-scrollbar-height, 4px);--ti-guide-text-scrollbar-border-radius:var(--ti-common-scrollbar-thumb-border-radius, 6px);--ti-guide-text-scrollbar-border-color:var(--ti-common-scrollbar-thumb-active-bg-color, #999999);--ti-guide-footer-border-bottom-right-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-footer-border-bottom-left-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-footer-padding-left:var(--ti-common-space-6x, 24px);--ti-guide-footer-padding-right:var(--ti-common-space-6x, 24px);--ti-guide-footer-padding-bottom:var(--ti-common-space-6x, 24px);--ti-guide-progress-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-text-color:var(--ti-common-color-text-white, #fff);--ti-guide-button-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-guide-button-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-hover-bg-color:var(--ti-common-color-primary-hover, #7693f5);--ti-guide-button-focus-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-guide-button-active-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-guide-button-disable-bg-color:var(--ti-common-color-primary-disabled-bgcolor, #f5f5f6);--ti-guide-button-disable-text-color:var(--ti-common-color-primary-disabled-text, #adb0b8);--ti-guide-button-secondary-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-button-secondary-bg-color:var(--ti-common-color-light, #fff);--ti-guide-button-secondary-border-color:var(--ti-common-color-border, #adb0b8);--ti-guide-button-secondary-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-focus-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-active-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-guide-button-secondary-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-guide-button-secondary-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6)}.tiny-guide .shepherd-arrow{height:calc(var(--ti-guide-arrow-height) * 1.4);position:absolute;width:calc(var(--ti-guide-arrow-width) * 1.4);z-index:-10;overflow:hidden}.tiny-guide .shepherd-arrow:before{width:var(--ti-guide-arrow-width);position:absolute;height:var(--ti-guide-arrow-height);background-color:var(--ti-guide-header-bg-color);-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);left:50%;top:50%;z-index:-10;content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:var(--ti-guide-header-border-top-left-radius);border-top-right-radius:var(--ti-guide-header-border-top-right-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:var(--ti-guide-header-line-height);padding-left:var(--ti-guide-header-padding-left);padding-right:var(--ti-guide-header-padding-right);padding-top:var(--ti-guide-header-padding-top);background-color:var(--ti-guide-header-bg-color)}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:18px;color:var(--ti-guide-title-text-color);line-height:var(--ti-guide-title-line-height);font-weight:var(--ti-guide-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:var(--ti-guide-cancel-icon-font-size);width:var(--ti-guide-cancel-icon-width);height:var(--ti-guide-cancel-icon-height);line-height:var(--ti-guide-cancel-icon-line-height);color:var(--ti-guide-cancel-icon-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ti-guide-cancel-icon-font-weight);-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:var(--ti-guide-cancel-icon-margin-top)}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span:hover{color:var(--ti-guide-cancel-hover-icon-color)}.tiny-guide .shepherd-content .shepherd-text{line-height:var(--ti-guide-text-line-height);color:var(--ti-guide-text-text-color);font-size:var(--ti-guide-text-font-size);padding:var(--ti-guide-text-padding-top) var(--ti-guide-text-padding-horizontal) var(--ti-guide-text-padding-bottom)}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:var(--ti-guide-text-scrollbox-padding-right)}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:var(--ti-guide-text-scrollbar-width);height:var(--ti-guide-text-scrollbar-height);border-radius:2px;background-clip:padding-box;border:4px solid var(--ti-guide-text-scrollbar-border-color)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:var(--ti-guide-footer-border-bottom-right-radius);border-bottom-left-radius:var(--ti-guide-footer-border-bottom-left-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:var(--ti-guide-footer-padding-left);padding-right:var(--ti-guide-footer-padding-right);padding-bottom:var(--ti-guide-footer-padding-bottom);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:24px;font-size:14px;color:var(--ti-guide-progresss-text-color);font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:var(--ti-guide-button-text-color);background-color:var(--ti-guide-button-bg-color);cursor:pointer;border-radius:var(--ti-guide-button-border-radius);border:0;width:96px;height:32px;margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{background-color:var(--ti-guide-button-hover-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:var(--ti-guide-button-focus-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:var(--ti-guide-button-active-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:var(--ti-guide-button-disable-bg-color);color:var(--ti-guide-button-disable-text-color);cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:var(--ti-guide-button-secondary-text-color);border-radius:var(--ti-guide-button-border-radius);font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:var(--ti-guide-button-secondary-border-color);background-color:var(--ti-guide-button-secondary-bg-color);border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:var(--ti-guide-button-secondary-hover-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:var(--ti-guide-button-secondary-active-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:var(--ti-guide-button-secondary-focus-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:var(--ti-guide-button-secondary-disabled-bg-color);cursor:not-allowed;border-color:var(--ti-guide-button-secondary-disabled-border-color);color:var(--ti-guide-button-secondary-disabled-text-color)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:var(--ti-guide-header-bg-color);opacity:0;visibility:hidden;z-index:9999;width:var(--tiny-guide-shepherd-element-size);outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}
+.tiny-guide{--ti-guide-arrow-height:var(--ti-common-size-4x, 16px);--ti-guide-arrow-width:var(--ti-common-size-4x, 16px);--ti-guide-header-border-top-left-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-header-border-top-right-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-header-line-height:var(--ti-common-line-height-6, 32px);--ti-guide-header-padding-left:var(--ti-common-space-6x, 24px);--ti-guide-header-padding-right:var(--ti-common-space-6x, 24px);--ti-guide-header-padding-top:var(--ti-common-space-6x, 24px);--ti-guide-header-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-guide-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-title-line-height:var(--ti-common-line-height-6, 32px);--ti-guide-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-guide-title-text-font-size:var(--ti-common-font-size-3, 18px);--ti-guide-cancel-icon-font-size:var(--ti-common-font-size-5, 24px);--ti-guide-cancel-icon-width:var(--ti-common-size-5x, 20px);--ti-guide-cancel-icon-height:var(--ti-common-size-5x, 20px);--ti-guide-cancel-icon-line-height:var(--ti-common-line-height-4, 20px);--ti-guide-cancel-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-guide-cancel-icon-font-weight:var(--ti-common-font-weight-1, 100);--ti-guide-cancel-icon-margin-top:-6px;--ti-guide-cancel-icon-margin-right:var(--ti-common-space-0, 0px);--ti-guide-progress-style-left:var(--ti-common-space-6x, 24px);--ti-guide-cancel-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-guide-text-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-text-line-height:var(--ti-common-line-height-4, 20px);--ti-guide-text-font-size:var(--ti-common-font-size-1, 14px);--ti-guide-text-padding-top:var(--ti-common-space-6x, 24px);--ti-guide-text-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-guide-text-padding-bottom:calc(var(--ti-common-space-base, 4px) * 5.5);--ti-guide-text-scrollbox-padding-right:var(--ti-common-space-2x, 8px);--ti-guide-text-scrollbar-width:var(--ti-common-scrollbar-width, 8px);--ti-guide-text-scrollbar-height:var(--ti-common-scrollbar-height, 8px);--ti-guide-text-scrollbar-border-radius:var(--ti-common-scrollbar-thumb-border-radius, 6px);--ti-guide-text-scrollbar-border-color:var(--ti-common-scrollbar-thumb-active-bg-color, #999999);--ti-guide-footer-border-bottom-right-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-footer-border-bottom-left-radius:var(--ti-common-border-radius-1, 4px);--ti-guide-footer-padding-left:var(--ti-common-space-6x, 24px);--ti-guide-footer-padding-right:var(--ti-common-space-6x, 24px);--ti-guide-footer-padding-bottom:var(--ti-common-space-6x, 24px);--ti-guide-progress-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-text-color:var(--ti-common-color-text-white, #fff);--ti-guide-button-border:var(--ti-common-color-text-white, #fff);--ti-guide-button-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-guide-button-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-hover-bg-color:var(--ti-common-color-primary-hover, #7693f5);--ti-guide-button-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-focus-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-guide-button-active-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-guide-button-disable-bg-color:var(--ti-common-color-primary-disabled-bgcolor, #f5f5f6);--ti-guide-button-disable-text-color:var(--ti-common-color-primary-disabled-text, #adb0b8);--ti-guide-button-secondary-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-guide-button-secondary-bg-color:var(--ti-common-color-light, #fff);--ti-guide-button-secondary-border-color:var(--ti-common-color-border, #adb0b8);--ti-guide-button-secondary-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-focus-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-active-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-guide-button-secondary-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-guide-button-secondary-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-guide-button-secondary-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6);--ti-guide-button-width:calc(var(--ti-common-line-height-6, 48px) * 2);--ti-guide-button-height:var(--ti-common-size-height-normal, 32px)}.tiny-guide .shepherd-arrow{height:calc(var(--ti-guide-arrow-height) * 1.4);position:absolute;width:calc(var(--ti-guide-arrow-width) * 1.4);z-index:-10;overflow:hidden}.tiny-guide .shepherd-arrow:before{width:var(--ti-guide-arrow-width);position:absolute;height:var(--ti-guide-arrow-height);background-color:var(--ti-guide-header-bg-color);-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);left:50%;top:50%;z-index:-10;content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:var(--ti-guide-header-border-top-left-radius);border-top-right-radius:var(--ti-guide-header-border-top-right-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:var(--ti-guide-header-line-height);padding-left:var(--ti-guide-header-padding-left);padding-right:var(--ti-guide-header-padding-right);padding-top:var(--ti-guide-header-padding-top);background-color:var(--ti-guide-header-bg-color)}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:var(--ti-guide-title-text-font-size);color:var(--ti-guide-title-text-color);line-height:var(--ti-guide-title-line-height);font-weight:var(--ti-guide-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:var(--ti-guide-cancel-icon-font-size);width:var(--ti-guide-cancel-icon-width);height:var(--ti-guide-cancel-icon-height);line-height:var(--ti-guide-cancel-icon-line-height);color:var(--ti-guide-cancel-icon-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ti-guide-cancel-icon-font-weight);-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:var(--ti-guide-cancel-icon-margin-top);margin-right:var(--ti-guide-cancel-icon-margin-right)}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span:hover{color:var(--ti-guide-cancel-hover-icon-color)}.tiny-guide .shepherd-content .shepherd-text{line-height:var(--ti-guide-text-line-height);color:var(--ti-guide-text-text-color);font-size:var(--ti-guide-text-font-size);padding:var(--ti-guide-text-padding-top) var(--ti-guide-text-padding-horizontal) var(--ti-guide-text-padding-bottom)}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:var(--ti-guide-text-scrollbox-padding-right)}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:var(--ti-guide-text-scrollbar-width);height:var(--ti-guide-text-scrollbar-height);border-radius:2px;background-clip:padding-box;border:4px solid var(--ti-guide-text-scrollbar-border-color)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:var(--ti-guide-footer-border-bottom-right-radius);border-bottom-left-radius:var(--ti-guide-footer-border-bottom-left-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:var(--ti-guide-footer-padding-left);padding-right:var(--ti-guide-footer-padding-right);padding-bottom:var(--ti-guide-footer-padding-bottom);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:var(--ti-guide-progress-style-left);font-size:14px;color:var(--ti-guide-progresss-text-color);font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:var(--ti-guide-button-text-color);background-color:var(--ti-guide-button-bg-color);cursor:pointer;border-radius:var(--ti-guide-button-border-radius);border:1px solid var(--ti-guide-button-border);width:var(--ti-guide-button-width);height:var(--ti-guide-button-height);margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{border-color:var(--ti-guide-button-hover-border-color);background-color:var(--ti-guide-button-hover-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:var(--ti-guide-button-focus-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:var(--ti-guide-button-active-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:var(--ti-guide-button-disable-bg-color);color:var(--ti-guide-button-disable-text-color);cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:var(--ti-guide-button-secondary-text-color);border-radius:var(--ti-guide-button-border-radius);font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:var(--ti-guide-button-secondary-border-color);background-color:var(--ti-guide-button-secondary-bg-color);border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:var(--ti-guide-button-secondary-hover-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:var(--ti-guide-button-secondary-active-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:var(--ti-guide-button-secondary-focus-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:var(--ti-guide-button-secondary-disabled-bg-color);cursor:not-allowed;border-color:var(--ti-guide-button-secondary-disabled-border-color);color:var(--ti-guide-button-secondary-disabled-text-color)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px;margin-top:12px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:var(--ti-guide-header-bg-color);opacity:0;visibility:hidden;z-index:9999;width:var(--tiny-guide-shepherd-element-size);outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:calc(-.7 * var(--ti-guide-arrow-width))}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}

package/guide/smb-theme.js

@@ -0,0 +1,27 @@
+export const tinyGuideSmbTheme = {
+  'ti-guide-header-padding-top': 'var(--ti-common-space-4x)',
+  'ti-guide-header-padding-left': 'var(--ti-common-space-4x)',
+  'ti-guide-header-padding-right': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-left': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-right': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-guide-text-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-guide-text-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-guide-text-padding-top': 'var(--ti-common-space-2x)',
+  'ti-guide-button-width': 'calc(var(--ti-common-line-height-8) + 8px)',
+  'ti-guide-button-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-progress-style-left': 'var(--ti-common-space-4x)',
+  'ti-guide-title-text-font-size': 'var(--ti-common-font-size-2)',
+  'ti-guide-title-line-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-text-line-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-button-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-text-color': '#191919',
+  'ti-guide-button-hover-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-active-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-focus-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-hover-border-color': '#191919',
+  'ti-guide-button-border': '#c2c2c2',
+  'ti-guide-cancel-icon-margin-top': 'calc(var(--ti-common-space-base) * (-3))',
+  'ti-guide-cancel-icon-margin-right': 'var(--ti-common-space-0)',
+  'ti-guide-button-border-radius': 'var(--ti-common-size-25x)'
+}

package/images/chevron-down.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" xml:space="preserve">
+<g id="Icon">
+	<g id="UI-icons-英文名" transform="translate(-832.000000, -311.000000)">
+		<g id="方向性图标" transform="translate(101.000000, 304.000000)">
+			<g id="chevron-down" transform="translate(728.000000, 0.000000)">
+				<path id="Shape" class="st0" d="M24,14c0,0.2-0.1,0.5-0.2,0.6l-8,9.9C15.6,24.9,15.3,25,15,25c-0.3,0-0.6-0.1-0.8-0.4l-7.9-9.9
+					c-0.4-0.4-0.3-1.1,0.2-1.4c0.4-0.4,1.1-0.3,1.4,0.2l7.2,8.9l7.2-8.9c0.4-0.4,1-0.5,1.4-0.2C23.9,13.4,24,13.7,24,14z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

package/images/del.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" xml:space="preserve">
+<g id="Icon">
+	<g id="UI-icons-英文名" transform="translate(-622.000000, -1647.000000)">
+		<g id="网站通用图标" transform="translate(101.000000, 1053.000000)">
+			<g id="del" transform="translate(519.000000, 593.000000)">
+				<path id="Shape" class="st0" d="M24.8,6.3C24.6,6.1,24.2,6,24,6h-4V4.7C20,3.7,19.1,3,18.2,3h-7.4C9.9,3,9,3.7,9,4.7V6H5
+					C4.5,6,4,6.5,4,7s0.5,1,1,1h1v14c0,0.9,1.1,2,2,2l13,0c0.9,0,2-1.1,2-2V8h1c0.5,0,1-0.5,1-1C25,6.8,25,6.4,24.8,6.3z M11,5h7v1
+					h-7V5z M8,22V8h1.9H21v14H8z"/>
+				<path id="Rectangle-3" class="st0" d="M12,10L12,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8
+					C11,10.4,11.4,10,12,10z"/>
+				<path id="Rectangle-3-Copy" class="st0" d="M17,10L17,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8
+					C16,10.4,16.4,10,17,10z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

package/images/share-arrow.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="1920" stroke="none" stroke-width="1">
+        <g id="编组">
+            <path d="M13.2,3.9990003 C13.614,3.9990003 13.95,4.3350003 13.95,4.7490003 C13.95,5.1640003 13.614,5.4990003 13.2,5.4990003 L5,5.4990003 C4.173,5.4990003 3.5,6.1720003 3.5,6.9990003 L3.5,17.0000003 C3.5,17.8260003 4.173,18.4990003 5,18.4990003 L19,18.4990003 C19.827,18.4990003 20.5,17.8260003 20.5,17.0000003 L20.5,13.5 C20.5,13.086 20.836,12.75 21.25,12.75 C21.664,12.75 22,13.086 22,13.5 L22,17.0000003 C22,18.6530003 20.654,19.9990003 19,19.9990003 L5,19.9990003 C3.346,19.9990003 2,18.6530003 2,17.0000003 L2,6.9990003 C2,5.3450003 3.346,3.9990003 5,3.9990003 L13.2,3.9990003 Z M18.0023164,3.3383773 L22.6603164,7.9953773 C22.8773164,8.2123773 22.9973164,8.5023773 22.9973164,8.8103773 C22.9973164,9.1183773 22.8773164,9.4083773 22.6593164,9.6253773 L18.0013164,14.2833773 C17.7823164,14.5033773 17.4883164,14.6213773 17.1883164,14.6213773 C17.0393164,14.6213773 16.8903164,14.5923773 16.7473164,14.5343773 C16.3143164,14.3553773 16.0353164,13.9363773 16.0353164,13.4683773 L16.0351258,11.5292019 C12.4830849,11.495301 10.0281134,12.6100234 8.57782162,14.8565538 C8.353165,15.2045513 7.88893709,15.3045389 7.54093956,15.0798823 C7.46994218,15.0340485 7.4092677,14.9782431 7.35956687,14.9154874 C7.23782579,14.7653384 7.17241449,14.5686069 7.19411637,14.3611773 C7.20284807,14.2806516 8.11237143,6.53351357 16.0347724,6.07168054 L16.0353164,4.1523773 C16.0353164,3.6843773 16.3143164,3.2663773 16.7463164,3.0873773 C17.1803164,2.9093773 17.6713164,3.0083773 18.0023164,3.3383773 Z M17.5353164,4.9923773 L17.5353164,6.8003773 C17.5353164,7.1798773 17.252983,7.49383564 16.8870421,7.54352661 L16.7851164,7.5501773 C12.577034,7.5501773 10.5375514,9.78189146 9.55995782,11.7208231 C11.3896788,10.4624236 13.8092457,9.90786691 16.783675,10.0506395 C16.9072215,10.0565697 17.0223473,10.0920719 17.1225361,10.1499726 C17.367194,10.273708 17.5353164,10.5275285 17.5353164,10.8203773 L17.5353164,12.6283773 L21.3533164,8.8103773 L17.5353164,4.9923773 Z" id="形状结合"></path>
+        </g>
+    </g>
+</svg>