@opentiny/vue-theme 3.11.4 → 3.11.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dropdown/index.css +1 -1
- package/dropdown-item/index.css +1 -1
- package/form-item/index.css +1 -1
- package/index.css +1 -1
- package/lowcode.css +1 -1
- package/option/index.css +1 -1
- package/package.json +1 -1
- package/steps/index.css +1 -1
- package/steps/smb-theme.js +9 -1
- package/theme/aurora-theme/component.js +2 -2
- package/theme/smb-theme/component.js +36 -29
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
package/option/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal);--ti-option-font-size:var(--ti-common-font-size-base);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled);--ti-option-border-radius:var(--ti-common-border-radius-normal);--ti-option-disabled-bg-color:var(--ti-common-color-light);--ti-option-bg-color-selected:var(--ti-common-color-light);--ti-option-hover-bg-color:var(--ti-common-color-hover-background);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background);--ti-option-selected-bg-color:var(--ti-common-color-selected-background);--ti-option-selected-font-weight:var(--ti-common-font-weight-4);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal);--ti-option-icon-color-selected:var(--ti-common-color-selected-background);--ti-option-padding-vertical:var(--ti-common-space-0);--ti-option-padding-horizontal:var(--ti-common-space-10);--ti-option-margin-top:var(--ti-common-size-0);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected
|
|
1
|
+
.tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal);--ti-option-font-size:var(--ti-common-font-size-base);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled);--ti-option-border-radius:var(--ti-common-border-radius-normal);--ti-option-disabled-bg-color:var(--ti-common-color-light);--ti-option-bg-color-selected:var(--ti-common-color-light);--ti-option-hover-bg-color:var(--ti-common-color-hover-background);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background);--ti-option-selected-bg-color:var(--ti-common-color-selected-background);--ti-option-selected-font-weight:var(--ti-common-font-weight-4);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal);--ti-option-icon-color-selected:var(--ti-common-color-selected-background);--ti-option-padding-vertical:var(--ti-common-space-0);--ti-option-padding-horizontal:var(--ti-common-space-10);--ti-option-margin-top:var(--ti-common-size-0);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected .tiny-option__checkbox-wrap{color:var(--ti-option-selected-text-color)}.tiny-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-option-padding-vertical) var(--ti-option-padding-horizontal);cursor:pointer;line-height:1.5}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option:not(.is-disabled):not(.selected):hover .checked-sur .tiny-checkbox__inner,.tiny-option:not(.is-disabled):not(.selected):hover .halfselect .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-all-select-border-color-hover)}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-right:8px;margin-bottom:2px}.tiny-option .checked-sur .tiny-checkbox__label,.tiny-option .halfselect .tiny-checkbox__label{font-weight:var(--ti-option-selected-font-weight)}.tiny-option.memorize-highlight{color:var(--ti-option-highlight-text-color)}.tiny-option.memorize-highlight.selected{color:var(--ti-option-highlight-selected-text-color)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentiny/vue-theme",
|
|
3
|
-
"version": "3.11.
|
|
3
|
+
"version": "3.11.6",
|
|
4
4
|
"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
|
|
5
5
|
"main": "index.css",
|
|
6
6
|
"homepage": "https://opentiny.design/tiny-vue",
|
package/steps/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-steps{--ti-steps-circle-width-height:var(--ti-common-size-5x);--ti-steps-number-font-size:var(--ti-common-font-size-base);--ti-steps-font-size-base:var(--ti-common-font-size-base);--ti-steps-font-size-hover:var(--ti-common-font-weight-4);--ti-steps-text-color-hover:var(--ti-common-color-primary-normal);--ti-steps-icon-size:var(--ti-common-size-5x);--ti-steps-font-size-7:var(--ti-common-font-size-7);--ti-steps-line-height:var(--ti-common-border-weight-normal);--ti-steps-line-margin-horizontal:var(--ti-common-space-2x);--ti-steps-line-min-width:var(--ti-common-space-4x);--ti-steps-text-margin-left:var(--ti-common-space-base);--ti-steps-line-width:var(--ti-common-size-16x);--ti-steps-content-max-width:calc(var(--ti-common-space-10) * 25);--ti-steps-content-margin-top:var(--ti-common-space-6);--ti-steps-bottom-divider-height:var(--ti-common-space-1);--ti-steps-bottom-divider-margin-top:var(--ti-common-space-4x);--ti-steps-bottom-divider-bg-color:var(--ti-common-color-line-dividing);--ti-steps-description-min-width:calc(var(--ti-common-space-10) * 10);--ti-steps-advanced-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-steps-active-font-weight:var(--ti-common-font-weight-4);--ti-steps-advanced-active-text-color:var(--ti-common-color-primary-normal);--ti-steps-done-text-color:var(--ti-common-color-text-primary);--ti-steps-line-active-bg-color:var(--ti-common-color-line-active);--ti-steps-done-active-border-color:var(--ti-common-color-line-active);--ti-steps-done-icon-color:var(--ti-common-color-icon-active);--ti-steps-done-icon-size:var(--ti-common-font-size-1);--ti-steps-done-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-line-bg-color:var(--ti-common-color-bg-secondary);--ti-steps-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-unselected-icon-color:var(--ti-common-color-icon-normal);--ti-steps-unselected-hover-icon-color:var(--ti-common-color-icon-hover);--ti-steps-unselected-border-color:var(--ti-steps-unselected-icon-color);--ti-steps-unselected-hover-border-color:var(--ti-steps-unselected-hover-icon-color);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-text-primary);--ti-steps-error-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-error-icon-color:var(--ti-common-color-error-text);--ti-steps-error-icon-size:var(--ti-common-font-size-1);--ti-steps-error-border-color:var(--ti-common-color-error-border);--ti-steps-error-text-color:var(--ti-common-color-error-text);--ti-steps-disabled-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-disabled-icon-color:var(--ti-common-color-text-disabled);--ti-steps-disabled-border-color:var(--ti-steps-disabled-icon-color);--ti-steps-disabled-text-color:var(--ti-common-color-text-disabled);--ti-steps-mini-icon-size:var(--ti-common-font-size-5);--ti-steps-mini-number-font-size:var(--ti-common-font-size-base);--ti-steps-mini-font-size-base:var(--ti-common-font-size-base);--ti-steps-advanced-border-color:var(--ti-common-color-line-normal);--ti-steps-advanced-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-line-height:var(--ti-common-size-7x);--ti-steps-advanced-border-radius:calc(var(--ti-common-space-1) * 3);--ti-steps-advanced-li-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-advanced-li-text-color:var(--ti-common-color-selected-text-color);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-li-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-height:var(--ti-common-size-3x);--ti-steps-advanced-dot-width:var(--ti-common-size-3x);--ti-steps-advanced-count-bg-color:var(--ti-common-bg-primary);--ti-steps-advanced-count-border-radius:var(--ti-common-space-10);--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-count-height:calc(var(--ti-common-space-6) * 3);--ti-steps-advanced-border-weight:calc(var(--ti-common-space-base) * 3.5);--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-doing-bg-color:var(--ti-common-color-warn);--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1);--ti-steps-timeline-vertical-time-width:var(--ti-common-size-25x);--ti-steps-timeline-vertical-line-margin-left:var(--ti-common-size-5x);--ti-steps-timeline-vertical-line-margin-right:var(--ti-steps-timeline-vertical-line-margin-left);--ti-steps-time-text-color:var(--ti-common-color-text-weaken);--ti-steps-time-font-size:var(--ti-common-font-size-base);--ti-steps-time-margin-bottom:var(--ti-common-space-6);position:relative;font-size:0;color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;white-space:nowrap;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:var(--ti-steps-advanced-border-radius);border-bottom-left-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:var(--ti-steps-advanced-border-radius);border-bottom-right-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-number-font-size);text-align:center;left:calc(50% - var(--ti-steps-icon-size)/ 2);top:0;border:1px solid var(--ti-steps-unselected-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-icon-color);cursor:pointer;z-index:15}.tiny-steps .icon .tiny-svg,.tiny-steps .icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1}.tiny-steps .date-time{text-align:center;color:var(--ti-steps-time-text-color);font-size:var(--ti-steps-time-font-size);margin-bottom:var(--ti-steps-time-margin-bottom)}.tiny-steps__node{position:relative}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-color);fill:var(--ti-steps-done-icon-color);border-color:var(--ti-steps-done-active-border-color)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-color);font-size:var(--ti-steps-done-icon-size);border-radius:50%}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{border:none;background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-steps-error-icon-color);border-color:var(--ti-steps-error-border-color);cursor:not-allowed}.tiny-steps .process-error .icon .icon-wrap{font-size:0}.tiny-steps .process-error .icon svg{fill:var(--ti-steps-error-icon-color);font-size:var(--ti-steps-error-icon-size)}.tiny-steps .process-error .node-description .name{color:var(--ti-steps-error-text-color)}.tiny-steps .process-disabled .icon{color:var(--ti-steps-disabled-icon-color);border-color:var(--ti-steps-disabled-border-color);background-color:var(--ti-steps-disabled-icon-bg-color);cursor:not-allowed}.tiny-steps .process-disabled .node-description .name{color:var(--ti-steps-disabled-text-color)}.tiny-steps .process-current .node-description .name:hover,.tiny-steps .process-done .node-description .name:hover,.tiny-steps .process-error .node-description .name:hover,.tiny-steps .process-wait .node-description .name:hover{font-weight:var(--ti-steps-font-size-hover)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .normal{display:block;position:relative;font-size:var(--ti-steps-font-size-base)}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-normal .name{color:var(--ti-steps-timeline-date-time-text-color);cursor:pointer}.tiny-steps .tiny-steps-normal.text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;margin:0}.tiny-steps .tiny-steps-normal.text-right .normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tiny-steps .tiny-steps-normal.text-right .normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-steps .tiny-steps-normal.text-right .normal .node-description{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:var(--ti-steps-text-margin-left);-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps .tiny-steps-normal.text-right .normal .node-description .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;text-align:left;max-width:var(--ti-steps-content-max-width)}.tiny-steps .tiny-steps-normal.text-right .normal .line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:var(--ti-steps-line-height);margin-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal .line.line-end{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-normal.text-right .normal:not(:first-child){padding-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-normal.text-right .normal.no-flex{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps .tiny-steps-normal.text-bottom{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps .tiny-steps-normal.text-bottom .node-description{position:relative;text-align:center;margin-top:var(--ti-steps-content-margin-top)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%;cursor:pointer}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name:hover{color:var(--ti-steps-text-color-hover)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .tiny-steps-normal.text-bottom .line{width:calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);height:var(--ti-steps-line-height);left:calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));top:calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);position:absolute}.tiny-steps .tiny-steps-normal.text-bottom .line.line-end{width:0}.tiny-steps .tiny-steps-normal .tiny-timeline-item__description{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);min-width:var(--ti-steps-description-min-width);text-align:left}.tiny-steps .tiny-steps-normal .process-current .node-description .name{color:var(--ti-steps-advanced-active-text-color);font-weight:var(--ti-steps-active-font-weight)}.tiny-steps .tiny-steps-normal .process-wait .tiny-steps__node .icon:hover,.tiny-steps .tiny-steps-normal .process-wait:hover .icon{border-color:var(--ti-steps-unselected-hover-border-color);color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .tiny-steps-normal .process-wait:hover .name{color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .show-divider .tiny-timeline-item{padding-bottom:calc(var(--ti-steps-bottom-divider-margin-top) + var(--ti-steps-bottom-divider-height))}.tiny-steps .show-divider .tiny-timeline-item.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-line-margin-horizontal) + var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider .tiny-timeline-item:first-child.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider+.tiny-steps__bottom-divider{position:absolute;bottom:0;width:100%;height:var(--ti-steps-bottom-divider-height);margin-top:calc(var(--ti-steps-bottom-divider-margin-top) - 4px);background-color:var(--ti-steps-bottom-divider-bg-color)}.tiny-steps .tiny-steps-timeline{overflow:hidden;font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline .timeline .line{width:var(--ti-steps-line-height);float:left}.tiny-steps .tiny-steps-timeline .timeline .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:var(--ti-steps-timeline-vertical-left-width);float:left;padding-right:var(--ti-steps-timeline-vertical-line-margin-left);text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-text-color)}.tiny-steps .tiny-steps-timeline .timeline .name{float:left;margin-left:var(--ti-steps-timeline-vertical-line-margin-right);line-height:1.45em}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}.tiny-steps--mini .icon{width:var(--ti-steps-mini-icon-size);height:var(--ti-steps-mini-icon-size)}.tiny-steps--mini .process-done .icon .tiny-svg,.tiny-steps--mini .process-done .icon span,.tiny-steps--mini .process-error .icon .tiny-svg,.tiny-steps--mini .tiny-svg,.tiny-steps--mini span{font-size:var(--ti-steps-mini-number-font-size)}.tiny-steps--mini .node-description .name,.tiny-steps--mini .node-description .status{font-size:var(--ti-steps-mini-font-size-base)}
|
|
1
|
+
.tiny-steps{--ti-steps-circle-width-height:var(--ti-common-size-5x);--ti-steps-number-font-size:var(--ti-common-font-size-base);--ti-steps-font-size-base:var(--ti-common-font-size-base);--ti-steps-font-size-hover:var(--ti-common-font-weight-4);--ti-steps-text-color-hover:var(--ti-common-color-primary-normal);--ti-steps-icon-size:var(--ti-common-size-5x);--ti-steps-font-size-7:var(--ti-common-font-size-7);--ti-steps-line-height:var(--ti-common-border-weight-normal);--ti-steps-line-margin-horizontal:var(--ti-common-space-2x);--ti-steps-line-min-width:var(--ti-common-space-4x);--ti-steps-text-margin-left:var(--ti-common-space-base);--ti-steps-line-width:var(--ti-common-size-16x);--ti-steps-content-max-width:calc(var(--ti-common-space-10) * 25);--ti-steps-content-margin-top:var(--ti-common-space-6);--ti-steps-bottom-divider-height:var(--ti-common-space-1);--ti-steps-bottom-divider-margin-top:var(--ti-common-space-4x);--ti-steps-bottom-divider-bg-color:var(--ti-common-color-line-dividing);--ti-steps-description-min-width:calc(var(--ti-common-space-10) * 10);--ti-steps-advanced-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-steps-active-font-weight:var(--ti-common-font-weight-4);--ti-steps-advanced-active-text-color:var(--ti-common-color-primary-normal);--ti-steps-done-text-color:var(--ti-common-color-text-primary);--ti-steps-line-active-bg-color:var(--ti-common-color-line-active);--ti-steps-done-active-border-color:var(--ti-common-color-line-active);--ti-steps-done-icon-color:var(--ti-common-color-icon-active);--ti-steps-done-icon-size:var(--ti-common-font-size-1);--ti-steps-done-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-line-bg-color:var(--ti-common-color-bg-secondary);--ti-steps-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-unselected-icon-color:var(--ti-common-color-icon-normal);--ti-steps-unselected-hover-icon-color:var(--ti-common-color-icon-hover);--ti-steps-unselected-border-color:var(--ti-steps-unselected-icon-color);--ti-steps-unselected-hover-border-color:var(--ti-steps-unselected-hover-icon-color);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-text-primary);--ti-steps-error-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-error-icon-color:var(--ti-common-color-error-text);--ti-steps-error-icon-size:var(--ti-common-font-size-1);--ti-steps-error-border-color:var(--ti-common-color-error-border);--ti-steps-error-text-color:var(--ti-common-color-error-text);--ti-steps-disabled-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-disabled-icon-color:var(--ti-common-color-text-disabled);--ti-steps-disabled-border-color:var(--ti-steps-disabled-icon-color);--ti-steps-disabled-text-color:var(--ti-common-color-text-disabled);--ti-steps-mini-icon-size:var(--ti-common-font-size-5);--ti-steps-mini-number-font-size:var(--ti-common-font-size-base);--ti-steps-mini-font-size-base:var(--ti-common-font-size-base);--ti-steps-advanced-border-color:var(--ti-common-color-line-normal);--ti-steps-advanced-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-line-height:var(--ti-common-size-7x);--ti-steps-advanced-border-radius:calc(var(--ti-common-space-1) * 3);--ti-steps-advanced-li-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-advanced-li-text-color:var(--ti-common-color-selected-text-color);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-li-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-height:var(--ti-common-size-3x);--ti-steps-advanced-dot-width:var(--ti-common-size-3x);--ti-steps-advanced-count-bg-color:var(--ti-common-bg-primary);--ti-steps-advanced-count-border-radius:var(--ti-common-space-10);--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-count-height:calc(var(--ti-common-space-6) * 3);--ti-steps-advanced-border-weight:calc(var(--ti-common-space-base) * 3.5);--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-doing-bg-color:var(--ti-common-color-warn);--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1);--ti-steps-timeline-vertical-time-width:var(--ti-common-size-25x);--ti-steps-timeline-line-margin-vertical:0;--ti-steps-timeline-vertical-line-bg-color:var(--ti-common-color-line-dividing);--ti-steps-timeline-vertical-line-margin-left:var(--ti-common-size-3x);--ti-steps-timeline-vertical-line-margin-right:var(--ti-steps-timeline-vertical-line-margin-left);--ti-steps-timeline-dot-width:var(--ti-common-size-2x);--ti-steps-timeline-dot-border-color:var(--ti-common-color-line-dividing);--ti-steps-timeline-dot-bg-color:var(--ti-common-color-line-dividing);--ti-steps-timeline-item-padding-bottom:var(--ti-common-size-5x);--ti-steps-timeline-item-secondary-text-color:var(--ti-common-color-text-weaken);--ti-steps-timeline-item-secondary-text-font-size:var(--ti-common-font-size-base);--ti-steps-timeline-item-title-margin-bottom:var(--ti-common-size-base);--ti-steps-timeline-dot-primary-bg-color:var(--ti-steps-timeline-dot-bg-color);--ti-steps-timeline-dot-success-bg-color:var(--ti-common-color-success);--ti-steps-timeline-dot-warning-bg-color:var(--ti-common-color-warn);--ti-steps-timeline-dot-danger-bg-color:var(--ti-common-color-error);--ti-steps-timeline-dot-info-bg-color:var(--ti-common-color-prompt);--ti-steps-time-text-color:var(--ti-common-color-text-weaken);--ti-steps-time-font-size:var(--ti-common-font-size-base);--ti-steps-time-margin-bottom:var(--ti-common-space-6);position:relative;font-size:0;color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;white-space:nowrap;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:var(--ti-steps-advanced-border-radius);border-bottom-left-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:var(--ti-steps-advanced-border-radius);border-bottom-right-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-number-font-size);text-align:center;left:calc(50% - var(--ti-steps-icon-size)/ 2);top:0;border:1px solid var(--ti-steps-unselected-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-icon-color);cursor:pointer;z-index:15}.tiny-steps .icon .tiny-svg,.tiny-steps .icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1}.tiny-steps .date-time{text-align:center;color:var(--ti-steps-time-text-color);font-size:var(--ti-steps-time-font-size);margin-bottom:var(--ti-steps-time-margin-bottom)}.tiny-steps__node{position:relative}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-color);fill:var(--ti-steps-done-icon-color);border-color:var(--ti-steps-done-active-border-color)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-color);font-size:var(--ti-steps-done-icon-size);border-radius:50%}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{border:none;background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-steps-error-icon-color);border-color:var(--ti-steps-error-border-color);cursor:not-allowed}.tiny-steps .process-error .icon .icon-wrap{font-size:0}.tiny-steps .process-error .icon svg{fill:var(--ti-steps-error-icon-color);font-size:var(--ti-steps-error-icon-size)}.tiny-steps .process-error .node-description .name{color:var(--ti-steps-error-text-color)}.tiny-steps .process-disabled .icon{color:var(--ti-steps-disabled-icon-color);border-color:var(--ti-steps-disabled-border-color);background-color:var(--ti-steps-disabled-icon-bg-color);cursor:not-allowed}.tiny-steps .process-disabled .node-description .name{color:var(--ti-steps-disabled-text-color)}.tiny-steps .process-current .node-description .name:hover,.tiny-steps .process-done .node-description .name:hover,.tiny-steps .process-error .node-description .name:hover,.tiny-steps .process-wait .node-description .name:hover{font-weight:var(--ti-steps-font-size-hover)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .normal{display:block;position:relative;font-size:var(--ti-steps-font-size-base)}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-normal .name{color:var(--ti-steps-timeline-date-time-text-color);cursor:pointer}.tiny-steps .tiny-steps-normal.text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;margin:0}.tiny-steps .tiny-steps-normal.text-right .normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tiny-steps .tiny-steps-normal.text-right .normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-steps .tiny-steps-normal.text-right .normal .node-description{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:var(--ti-steps-text-margin-left);-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps .tiny-steps-normal.text-right .normal .node-description .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;text-align:left;max-width:var(--ti-steps-content-max-width)}.tiny-steps .tiny-steps-normal.text-right .normal .line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:var(--ti-steps-line-height);margin-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal .line.line-end{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-normal.text-right .normal:not(:first-child){padding-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-normal.text-right .normal.no-flex{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps .tiny-steps-normal.text-bottom{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps .tiny-steps-normal.text-bottom .node-description{position:relative;text-align:center;margin-top:var(--ti-steps-content-margin-top)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%;cursor:pointer}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name:hover{color:var(--ti-steps-text-color-hover)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .tiny-steps-normal.text-bottom .line{width:calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);height:var(--ti-steps-line-height);left:calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));top:calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);position:absolute}.tiny-steps .tiny-steps-normal.text-bottom .line.line-end{width:0}.tiny-steps .tiny-steps-normal .tiny-timeline-item__description{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);min-width:var(--ti-steps-description-min-width);text-align:left}.tiny-steps .tiny-steps-normal .process-current .node-description .name{color:var(--ti-steps-advanced-active-text-color);font-weight:var(--ti-steps-active-font-weight)}.tiny-steps .tiny-steps-normal .process-wait .tiny-steps__node .icon:hover,.tiny-steps .tiny-steps-normal .process-wait:hover .icon{border-color:var(--ti-steps-unselected-hover-border-color);color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .tiny-steps-normal .process-wait:hover .name{color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .show-divider .tiny-timeline-item{padding-bottom:calc(var(--ti-steps-bottom-divider-margin-top) + var(--ti-steps-bottom-divider-height))}.tiny-steps .show-divider .tiny-timeline-item.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-line-margin-horizontal) + var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider .tiny-timeline-item:first-child.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider+.tiny-steps__bottom-divider{position:absolute;bottom:0;width:100%;height:var(--ti-steps-bottom-divider-height);margin-top:calc(var(--ti-steps-bottom-divider-margin-top) - 4px);background-color:var(--ti-steps-bottom-divider-bg-color)}.tiny-steps .tiny-steps-timeline{font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot{padding-top:4px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__pillar .line{margin-block:var(--ti-steps-timeline-line-margin-vertical);background-color:var(--ti-steps-timeline-vertical-line-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--primary .dot{border-color:var(--ti-steps-timeline-dot-primary-bg-color);background-color:var(--ti-steps-timeline-dot-primary-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--success .dot{border-color:var(--ti-steps-timeline-dot-success-bg-color);background-color:var(--ti-steps-timeline-dot-success-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--warning .dot{border-color:var(--ti-steps-timeline-dot-warning-bg-color);background-color:var(--ti-steps-timeline-dot-warning-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--danger .dot{border-color:var(--ti-steps-timeline-dot-danger-bg-color);background-color:var(--ti-steps-timeline-dot-danger-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--info .dot{border-color:var(--ti-steps-timeline-dot-info-bg-color);background-color:var(--ti-steps-timeline-dot-info-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content{margin-top:-5px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .name{margin-bottom:var(--ti-steps-timeline-item-title-margin-bottom)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .time{color:var(--ti-steps-timeline-item-secondary-text-color);font-size:var(--ti-steps-timeline-item-secondary-text-font-size)}.tiny-steps .tiny-steps-timeline .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-text-color)}.tiny-steps .tiny-steps-timeline .timeline:last-child .tiny-timeline-item__pillar .line{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line{width:var(--ti-steps-line-height);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:var(--ti-steps-timeline-vertical-left-width);padding-right:var(--ti-steps-timeline-vertical-line-margin-left);padding-bottom:var(--ti-steps-timeline-item-padding-bottom);text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline .dot-container{padding:var(--ti-steps-timeline-dot-margin-bottom)}.tiny-steps .tiny-steps-timeline .timeline .dot-container .dot{display:block;width:var(--ti-steps-timeline-dot-width);height:var(--ti-steps-timeline-dot-width);border:1px solid var(--ti-steps-timeline-dot-border-color);border-radius:50%;background-color:var(--ti-steps-timeline-dot-bg-color)}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__content{padding-bottom:var(--ti-steps-timeline-item-padding-bottom);margin-left:var(--ti-steps-timeline-vertical-line-margin-right)}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}.tiny-steps--mini .icon{width:var(--ti-steps-mini-icon-size);height:var(--ti-steps-mini-icon-size)}.tiny-steps--mini .process-done .icon .tiny-svg,.tiny-steps--mini .process-done .icon span,.tiny-steps--mini .process-error .icon .tiny-svg,.tiny-steps--mini .tiny-svg,.tiny-steps--mini span{font-size:var(--ti-steps-mini-number-font-size)}.tiny-steps--mini .node-description .name,.tiny-steps--mini .node-description .status{font-size:var(--ti-steps-mini-font-size-base)}
|
package/steps/smb-theme.js
CHANGED
|
@@ -21,5 +21,13 @@ export const tinyStepsSmbTheme = {
|
|
|
21
21
|
'ti-steps-timeline-date-time-font-size': 'var(--ti-common-font-size-0)',
|
|
22
22
|
'ti-steps-mini-number-font-size': 'var(--ti-common-font-size-0)',
|
|
23
23
|
'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
|
|
24
|
-
'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)'
|
|
24
|
+
'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)',
|
|
25
|
+
'ti-steps-timeline-dot-bg-color': 'var(--ti-common-color-light)',
|
|
26
|
+
'ti-steps-timeline-line-margin-vertical': 'var(--ti-common-space-base)',
|
|
27
|
+
'ti-steps-timeline-dot-border-color': 'var(--ti-base-color-brand-5)',
|
|
28
|
+
'ti-steps-timeline-dot-bg-color': 'var(--ti-common-color-light)',
|
|
29
|
+
'ti-steps-timeline-dot-primary-bg-color': 'var(--ti-base-color-brand-5)',
|
|
30
|
+
'ti-steps-timeline-item-secondary-text-font-size': 'var(--ti-common-font-size-0)',
|
|
31
|
+
'ti-steps-timeline-vertical-line-margin-left': 'var(--ti-common-space-4x)',
|
|
32
|
+
'ti-steps-timeline-item-padding-bottom': 'var(--ti-common-space-6x)'
|
|
25
33
|
}
|
|
@@ -178,12 +178,12 @@ export const concatTheme = {
|
|
|
178
178
|
'ti-guide-button-secondary-disabled-bg-color': 'rgba(22, 30, 38, 0.05)',
|
|
179
179
|
'ti-guide-button-secondary-disabled-text-color': 'rgba(22, 30, 38, 0.3)',
|
|
180
180
|
'ti-guide-button-secondary-disabled-border-color': 'rgba(22, 30, 38, 0.1)',
|
|
181
|
-
'ti-input-border-color': '#d9d9d9',
|
|
182
|
-
'ti-input-hover-border-color': '#1890ff',
|
|
183
181
|
'ti-ip-address-normal-height': 'var(--ti-common-size-7x)',
|
|
184
182
|
'ti-ip-address-input-width': 'calc(var(--ti-common-size-base) * 13.75)',
|
|
185
183
|
'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 67.5)',
|
|
186
184
|
'ti-ip-address-icon-size': 'var(--ti-common-size-3x)',
|
|
185
|
+
'ti-input-border-color': '#d9d9d9',
|
|
186
|
+
'ti-input-hover-border-color': '#1890ff',
|
|
187
187
|
'ti-link-default-text-color': '#606266',
|
|
188
188
|
'ti-link-default-hover-text-color': '#40a9ff',
|
|
189
189
|
'ti-link-has-svg-hover-text-color': '#40a9ff',
|
|
@@ -316,6 +316,15 @@ export const concatTheme = {
|
|
|
316
316
|
'ti-grid-checkbox-icon-size': 'var(--ti-common-font-size-2)',
|
|
317
317
|
'ti-grid-checkbox-bg-color-checked': '#1476FF',
|
|
318
318
|
'ti-grid-radio-bg-color-checked': '#1476FF',
|
|
319
|
+
'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 45.5)',
|
|
320
|
+
'ti-ip-address-normal-height': 'var(--ti-common-size-8x)',
|
|
321
|
+
'ti-ip-address-font-size': 'var(--ti-common-font-size-1)',
|
|
322
|
+
'ti-ip-address-line-height': 'var(--ti-common-line-height-1)',
|
|
323
|
+
'ti-ip-address-input-width': 'var(--ti-common-size-8x)',
|
|
324
|
+
'ti-ip-address-disabled-bg-color': 'rgba(0,0,0,0.05)',
|
|
325
|
+
'ti-ip-address-normal-font-family': '"Manrop","Manrope-Medium"',
|
|
326
|
+
'ti-ip-address-normal-border-color': 'var(--ti-common-color-line-normal)',
|
|
327
|
+
'ti-ip-address-padding-horizontal': 'var(--ti-common-space-3x)',
|
|
319
328
|
'ti-input-border-color': 'var(--ti-common-color-line-normal)',
|
|
320
329
|
'ti-input-hover-border-color': 'var(--ti-common-color-line-hover)',
|
|
321
330
|
'ti-input-border-radius': 'var(--ti-common-border-radius-3)',
|
|
@@ -333,15 +342,6 @@ export const concatTheme = {
|
|
|
333
342
|
'ti-input-suffix-icon-height': '16px',
|
|
334
343
|
'ti-input-font-size': 'var(--ti-common-font-size-1)',
|
|
335
344
|
'ti-input-placeholder-color': '#808080',
|
|
336
|
-
'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 45.5)',
|
|
337
|
-
'ti-ip-address-normal-height': 'var(--ti-common-size-8x)',
|
|
338
|
-
'ti-ip-address-font-size': 'var(--ti-common-font-size-1)',
|
|
339
|
-
'ti-ip-address-line-height': 'var(--ti-common-line-height-1)',
|
|
340
|
-
'ti-ip-address-input-width': 'var(--ti-common-size-8x)',
|
|
341
|
-
'ti-ip-address-disabled-bg-color': 'rgba(0,0,0,0.05)',
|
|
342
|
-
'ti-ip-address-normal-font-family': '"Manrop","Manrope-Medium"',
|
|
343
|
-
'ti-ip-address-normal-border-color': 'var(--ti-common-color-line-normal)',
|
|
344
|
-
'ti-ip-address-padding-horizontal': 'var(--ti-common-space-3x)',
|
|
345
345
|
'ti-link-svg-width': '16px',
|
|
346
346
|
'ti-link-svg-height': '16px',
|
|
347
347
|
'ti-link-svg-margin-right': '4px',
|
|
@@ -397,6 +397,26 @@ export const concatTheme = {
|
|
|
397
397
|
'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
|
|
398
398
|
'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)',
|
|
399
399
|
'ti-nav-menu-bg-color': '#282b33',
|
|
400
|
+
'ti-notify-max-width': '340px',
|
|
401
|
+
'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
|
|
402
|
+
'ti-notify-info-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
403
|
+
'ti-notify-border-radius': 'var(--ti-common-border-radius-4)',
|
|
404
|
+
'ti-notify-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
|
|
405
|
+
'ti-notify-close-icon-font-size': 'var(--ti-common-font-size-4)',
|
|
406
|
+
'ti-notify-close-icon-color': 'var(--ti-common-color-icon-normal)',
|
|
407
|
+
'ti-notify-title-font-size': 'var(--ti-common-font-size-2)',
|
|
408
|
+
'ti-notify-title-font-weight': '600',
|
|
409
|
+
'ti-notify-content-text-color': 'var(--ti-common-color-text-secondary)',
|
|
410
|
+
'ti-notify-message-margin-right': 'var(--ti-common-space-3x)',
|
|
411
|
+
'ti-notify-close-hover-icon-color': 'var(--ti-common-color-icon-hover)',
|
|
412
|
+
'ti-notify-position-top-left': 'var(--ti-common-space-6x)',
|
|
413
|
+
'ti-notify-position-bottom-left': 'var(--ti-common-space-6x)',
|
|
414
|
+
'ti-notify-position-top-right': 'var(--ti-common-space-6x)',
|
|
415
|
+
'ti-notify-position-bottom-right': 'var(--ti-common-space-6x)',
|
|
416
|
+
'ti-notify-success-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
417
|
+
'ti-notify-error-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
418
|
+
'ti-notify-warning-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
419
|
+
'ti-notify-icon-transform': 'translate(0,-1px)',
|
|
400
420
|
'ti-numeric-input-width': '126px',
|
|
401
421
|
'ti-numeric-input-dividing-border-color': 'var(--ti-common-color-line-dividing)',
|
|
402
422
|
'ti-numeric-input-btn-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
|
|
@@ -465,26 +485,6 @@ export const concatTheme = {
|
|
|
465
485
|
'ti-pager-pop-body-margin-top': '4px',
|
|
466
486
|
'ti-pager-poplist-item-selected-bg-color': '#0000000D',
|
|
467
487
|
'ti-pager-poplist-item-min-height': '32px',
|
|
468
|
-
'ti-notify-max-width': '340px',
|
|
469
|
-
'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
|
|
470
|
-
'ti-notify-info-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
471
|
-
'ti-notify-border-radius': 'var(--ti-common-border-radius-4)',
|
|
472
|
-
'ti-notify-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
|
|
473
|
-
'ti-notify-close-icon-font-size': 'var(--ti-common-font-size-4)',
|
|
474
|
-
'ti-notify-close-icon-color': 'var(--ti-common-color-icon-normal)',
|
|
475
|
-
'ti-notify-title-font-size': 'var(--ti-common-font-size-2)',
|
|
476
|
-
'ti-notify-title-font-weight': '600',
|
|
477
|
-
'ti-notify-content-text-color': 'var(--ti-common-color-text-secondary)',
|
|
478
|
-
'ti-notify-message-margin-right': 'var(--ti-common-space-3x)',
|
|
479
|
-
'ti-notify-close-hover-icon-color': 'var(--ti-common-color-icon-hover)',
|
|
480
|
-
'ti-notify-position-top-left': 'var(--ti-common-space-6x)',
|
|
481
|
-
'ti-notify-position-bottom-left': 'var(--ti-common-space-6x)',
|
|
482
|
-
'ti-notify-position-top-right': 'var(--ti-common-space-6x)',
|
|
483
|
-
'ti-notify-position-bottom-right': 'var(--ti-common-space-6x)',
|
|
484
|
-
'ti-notify-success-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
485
|
-
'ti-notify-error-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
486
|
-
'ti-notify-warning-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
487
|
-
'ti-notify-icon-transform': 'translate(0,-1px)',
|
|
488
488
|
'ti-popconfirm-margin-right': 'var(--ti-common-space-6x)',
|
|
489
489
|
'ti-popconfirm-popover-footer-justify-content': 'center',
|
|
490
490
|
'ti-popconfirm-popover-container-padding-vertical': '7px',
|
|
@@ -579,6 +579,13 @@ export const concatTheme = {
|
|
|
579
579
|
'ti-steps-mini-number-font-size': 'var(--ti-common-font-size-0)',
|
|
580
580
|
'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
|
|
581
581
|
'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)',
|
|
582
|
+
'ti-steps-timeline-dot-bg-color': 'var(--ti-common-color-light)',
|
|
583
|
+
'ti-steps-timeline-line-margin-vertical': 'var(--ti-common-space-base)',
|
|
584
|
+
'ti-steps-timeline-dot-border-color': 'var(--ti-base-color-brand-5)',
|
|
585
|
+
'ti-steps-timeline-dot-primary-bg-color': 'var(--ti-base-color-brand-5)',
|
|
586
|
+
'ti-steps-timeline-item-secondary-text-font-size': 'var(--ti-common-font-size-0)',
|
|
587
|
+
'ti-steps-timeline-vertical-line-margin-left': 'var(--ti-common-space-4x)',
|
|
588
|
+
'ti-steps-timeline-item-padding-bottom': 'var(--ti-common-space-6x)',
|
|
582
589
|
'ti-switch-on-bg-color': 'var(--ti-common-color-data-1)',
|
|
583
590
|
'ti-switch-off-bg-color': '#C2C2C2',
|
|
584
591
|
'ti-switch-disabled-bg-color': '#C2C2C280',
|
package/tree/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tree{--ti-tree-text-color:var(--ti-common-color-text-primary);--ti-tree-selected-text-color:var(--ti-common-color-text-primary);--ti-tree-selected-font-weight:var(--ti-common-font-weight-4);--ti-tree-disabled-text-color:var(--ti-common-color-text-disabled);--ti-tree-text-line-height:var(--ti-common-line-height-number);--ti-tree-bg-color:var(--ti-common-color-bg-white-normal);--ti-tree-empty-text-color:var(--ti-common-color-text-secondary);--ti-tree-empty-min-height:var(--ti-common-size-15x);--ti-tree-node-content-current-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-node-content-hover-bg-color:var(--ti-common-color-hover-background);--ti-tree-node-hover-outter-bg-color:var(--ti-common-color-transparent);--ti-tree-node-hover-inner-bg-color:var(--ti-tree-node-content-hover-bg-color);--ti-tree-node-label-font-size:var(--ti-common-font-size-1);--ti-tree-node-label-margin-left:var(--ti-common-space-2x);--ti-tree-node-content-padding-right:var(--ti-common-space-4x);--ti-tree-node-label-bg-color:var(--ti-common-color-bg-white-normal);--ti-tree-node-label-text-color:var(--ti-common-color-text-secondary);--ti-tree-node-icon-font-size:var(--ti-common-font-size-1);--ti-tree-node-loading-icon-color:var(--ti-common-color-icon-active);--ti-tree-node-expand-icon-color:var(--ti-common-color-icon-normal);--ti-tree-node-collapse-icon-color:var(--ti-common-color-icon-active);--ti-tree-node-operate-icon-font-size:var(--ti-common-font-size-2);--ti-tree-node-operate-icon-margin-left:var(--ti-common-space-base);--ti-tree-node-operate-icon-color:var(--ti-common-color-icon-normal);--ti-tree-node-checked-icon-color:var(--ti-common-color-icon-hover);--ti-tree-node-padding-left:var(--ti-common-space-2x);--ti-tree-node-highlight-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-node-content-height:calc(var(--ti-common-space-10) * 3);--ti-tree-node-content-border-radius:0;--ti-tree-node-menu-font-size:var(--ti-common-font-size-base);--ti-tree-node-menu-font-color:var(--ti-common-color-text-secondary);--ti-tree-node-menu-font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;--ti-tree-node-menu-box-shadow:2px 2px 4px -2px #000000;--ti-tree-node-indent:var(--ti-common-space-4x);--ti-tree-node-guide-line-border-color:var(--ti-common-color-line-dividing);--ti-tree-node-guide-line-width:var(--ti-common-space-2x);--ti-tree-node-showline-icon-size:var(--ti-common-font-size-2);--ti-tree-bottom-divider-bg-color:var(--ti-common-color-line-dividing);--ti-tree-bottom-padding-horizontal:var(--ti-common-space-3x);--ti-tree-bottom-padding-vertical:calc(var(--ti-common-space-2x) - 1px);--ti-tree-bottom-text-margin-left:var(--ti-common-space-10);--ti-tree-small-node-content-height:calc(var(--ti-common-space-base) * 7);--ti-tree-small-node-font-size:var(--ti-common-line-height-base);--ti-tree-plain-node-height:calc(var(--ti-common-space-base) * 7);--ti-tree-plain-font-size:var(--ti-common-line-height-base);--ti-tree-plain-node-padding-left:var(--ti-common-space-3x);--ti-tree-plain-node-border-radius:var(--ti-common-border-radius-1);--ti-tree-plain-node-auxi-icon-font-size:var(--ti-common-font-size-2);--ti-tree-plain-node-auxi-margin-left:var(--ti-common-space-6x);--ti-tree-plain-node-auxi-text-color:var(--ti-common-color-text-secondary);position:relative;cursor:default;background:var(--ti-tree-bg-color);color:var(--ti-tree-text-color);line-height:var(--ti-tree-text-line-height)}.tiny-tree .is-drop-inner{position:relative}.tiny-tree .is-drop-inner::before{pointer-events:none;border:2px solid var(--ti-tree-node-checked-icon-color);content:' ';position:absolute;top:0;bottom:0;left:0;right:0}.tiny-tree__empty-block{position:relative;min-height:var(--ti-tree-empty-min-height);text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--ti-tree-empty-text-color)}.tiny-tree__drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--ti-tree-node-checked-icon-color)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-node-highlight-bg-color)}.tiny-tree__strict-bottom{border-top:1px solid var(--ti-tree-bottom-divider-bg-color)}.tiny-tree__strict-bottom-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-tree-bottom-padding-vertical) var(--ti-tree-bottom-padding-horizontal)}.tiny-tree__strict-bottom-content .tiny-switch.mini{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tiny-tree__strict-bottom-content .tiny-tree__bottom-text{margin-left:var(--ti-tree-bottom-text-margin-left)}.tiny-tree--small .tiny-tree-node__content{height:var(--ti-tree-small-node-content-height)}.tiny-tree--small .tiny-tree-node__label{font-size:var(--ti-tree-small-node-font-size)}.tiny-tree .tiny-tree__plain-node{font-size:var(--ti-tree-plain-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--ti-tree-plain-node-padding-left);border-radius:var(--ti-tree-plain-node-border-radius)}.tiny-tree .tiny-tree__plain-node:hover{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree .tiny-tree__plain-node-auxi,.tiny-tree .tiny-tree__plain-node-title{height:var(--ti-tree-plain-node-height)}.tiny-tree .tiny-tree__plain-node-title>span+span{margin-left:8px}.tiny-tree .tiny-tree__plain-node-title-txt{margin-left:var(--ti-tree-node-label-margin-left)}.tiny-tree .tiny-tree__plain-node-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tree-text-color);fill:var(--ti-tree-text-color)}.tiny-tree .tiny-tree__plain-node-auxi{margin-left:var(--ti-tree-plain-node-auxi-margin-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-3px);transform:translateY(-3px);color:var(--ti-tree-plain-node-auxi-text-color)}.tiny-tree .tiny-tree__plain-node-auxi>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tree .tiny-tree__plain-node-title-loc{font-size:var(--ti-tree-plain-node-auxi-icon-font-size);cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.tiny-tree__del-popover{--ti-tree-popover-warn-icon-font-size:var(--ti-common-font-size-2);--ti-tree-popover-warn-icon-bg-color:var(--ti-common-color-warn);--ti-tree-popover-warn-icon-margin-right:var(--ti-common-space-base);--ti-tree-popover-checkbox-margin-top:var(--ti-common-space-3x);--ti-tree-popover-footer-margin-top:var(--ti-common-space-3x)}.tiny-tree__del-popover .tiny-tree__del-body{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon{margin-right:var(--ti-tree-popover-warn-icon-margin-right)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon svg{font-size:var(--ti-tree-popover-warn-icon-font-size);fill:var(--ti-tree-popover-warn-icon-bg-color)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-checkbox{margin-top:var(--ti-tree-popover-checkbox-margin-top)}.tiny-tree__del-popover .tiny-tree__del-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--ti-tree-popover-footer-margin-top)}.tiny-tree-node{white-space:nowrap;outline:0;overflow:hidden}.tiny-tree-node.show-line .tiny-tree-node__children{overflow:visible!important;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children{position:relative}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__children-indent{height:100%;position:absolute;left:0}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__children-indent::before{content:'';position:absolute;top:calc(-1 * var(--ti-tree-node-content-height)/ 2);left:calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size)/ 2);height:100%;border-left:1px solid var(--ti-tree-node-guide-line-border-color)}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__content .tiny-tree-node__content-indent{height:var(--ti-tree-node-content-height)}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__content .tiny-tree-node__content-indent::before{content:'';position:absolute;left:calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size)/ 2);top:0;width:var(--ti-tree-node-guide-line-width);height:calc(var(--ti-tree-node-content-height)/ 2);border-left:1px solid var(--ti-tree-node-guide-line-border-color);border-bottom:1px solid var(--ti-tree-node-guide-line-border-color)}.tiny-tree-node.show-line .tiny-tree-node__children>.tiny-tree-node__wrapper:not(:first-of-type)>.tiny-tree-node>.tiny-tree-node__content>.tiny-tree-node__content-indent::before{height:var(--ti-tree-node-content-height);top:-50%}.tiny-tree-node.show-line .tiny-tree-node__expand-icon{font-size:var(--ti-tree-node-showline-icon-size);color:var(--ti-tree-node-expand-icon-color)}.tiny-tree-node.show-line .tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(0);transform:rotate(0);fill:var(--ti-tree-node-collapse-icon-color);color:var(--ti-tree-node-collapse-icon-color)}.tiny-tree-node.show-line.is-expanded .tiny-tree-node__children{opacity:1}.tiny-tree-node.show-line:not(is-expanded) .tiny-tree-node__children{opacity:0}.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__content-box,.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__content-right{background-color:var(--ti-tree-node-content-current-bg-color)}.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content>.tiny-tree-node__content-left{color:var(--ti-tree-selected-text-color);font-weight:var(--ti-tree-selected-font-weight);background:0 0}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--ti-tree-node-label-bg-color);color:var(--ti-tree-node-label-text-color)}.tiny-tree-node.is-checked .tiny-tree-node__expand-icon,.tiny-tree-node.is-expanded .tiny-tree-node__expand-icon,.tiny-tree-node.is-indeterminate .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-expand-icon-color)}.tiny-tree-node.is-disabled>.tiny-tree-node__content{cursor:not-allowed}.tiny-tree-node.is-disabled>.tiny-tree-node__content .tiny-tree-node__label{color:var(--ti-tree-disabled-text-color);font-weight:400}.tiny-tree-node.is-root .tiny-tree-node__content-box{padding-left:0}.tiny-tree-node.is-leaf:not(.is-root) .tiny-tree-node__content{padding-left:var(--ti-tree-node-icon-font-size)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:var(--ti-tree-node-content-height);cursor:pointer;border-radius:var(--ti-tree-node-content-border-radius)}.tiny-tree-node__content:hover .tree-node-icon svg{fill:var(--ti-tree-node-checked-icon-color);color:var(--ti-tree-node-checked-icon-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-box,.tiny-tree-node__content:hover .tiny-tree-node__content-right{background-color:var(--ti-tree-node-hover-inner-bg-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-left{background-color:var(--ti-tree-node-hover-outter-bg-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-right{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree-node__content label.tiny-checkbox{margin:0 calc(var(--ti-tree-node-label-margin-left)/ 2)}.tiny-tree-node__content .tiny-tree-node__content-box{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--ti-tree-node-label-margin-left)/ 2);padding-right:var(--ti-tree-node-content-padding-right)}.tiny-tree-node .tiny-tree-node__content-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;overflow:hidden;padding-left:var(--ti-tree-node-padding-left)}.tiny-tree-node .tiny-tree-node__content-left input{height:calc(var(--ti-tree-node-content-height) - 2px);font-size:var(--ti-tree-node-label-font-size)}.tiny-tree-node .tiny-tree-node__content-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0}.tiny-tree-node .tiny-tree-node__content-right svg{fill:var(--ti-tree-node-operate-icon-color);font-size:var(--ti-tree-node-operate-icon-font-size);margin-right:var(--ti-tree-node-operate-icon-margin-left);outline:2px solid transparent;outline-offset:2px}.tiny-tree-node .tiny-tree-node__content-right svg:hover{fill:var(--ti-tree-node-checked-icon-color)}.tiny-tree-node .tree-node-icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:calc(var(--ti-tree-node-label-margin-left)/ 2)}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--ti-tree-node-expand-icon-color);font-size:var(--ti-tree-node-icon-font-size);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-tree-node__expand-icon.is-saas-theme{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tiny-tree-node__expand-icon.is-saas-theme.expanded{-webkit-transform:rotate(0);transform:rotate(0)}.tiny-tree-node__label{font-size:var(--ti-tree-node-label-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-tree-node__loading.circular{margin-right:4px;margin-left:var(--ti-tree-node-label-margin-left);font-size:var(--ti-tree-node-icon-font-size)}.tiny-tree-node__loading.circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--ti-tree-node-loading-icon-color);stroke-linecap:round}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:0;left:0;z-index:5000;font-size:var(--ti-tree-node-menu-font-size);-webkit-box-shadow:var(--ti-tree-node-menu-box-shadow);box-shadow:var(--ti-tree-node-menu-box-shadow);padding:0 1px;color:var(--ti-tree-node-menu-font-color);font-family:var(--ti-tree-node-menu-font-family);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-checkbox .tiny-checkbox__label{padding-left:0}.tiny-tree-node .tiny-radio{margin-right:0}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}.tiny-tree-node .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
|
|
1
|
+
.tiny-tree{--ti-tree-text-color:var(--ti-common-color-text-primary);--ti-tree-selected-text-color:var(--ti-common-color-text-primary);--ti-tree-selected-font-weight:var(--ti-common-font-weight-4);--ti-tree-disabled-text-color:var(--ti-common-color-text-disabled);--ti-tree-text-line-height:var(--ti-common-line-height-number);--ti-tree-bg-color:var(--ti-common-color-bg-white-normal);--ti-tree-empty-text-color:var(--ti-common-color-text-secondary);--ti-tree-empty-min-height:var(--ti-common-size-15x);--ti-tree-node-content-current-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-node-content-hover-bg-color:var(--ti-common-color-hover-background);--ti-tree-node-hover-outter-bg-color:var(--ti-common-color-transparent);--ti-tree-node-hover-inner-bg-color:var(--ti-tree-node-content-hover-bg-color);--ti-tree-node-label-font-size:var(--ti-common-font-size-1);--ti-tree-node-label-margin-left:var(--ti-common-space-2x);--ti-tree-node-content-padding-right:var(--ti-common-space-4x);--ti-tree-node-label-bg-color:var(--ti-common-color-bg-white-normal);--ti-tree-node-label-text-color:var(--ti-common-color-text-secondary);--ti-tree-node-icon-font-size:var(--ti-common-font-size-1);--ti-tree-node-loading-icon-color:var(--ti-common-color-icon-active);--ti-tree-node-expand-icon-color:var(--ti-common-color-icon-normal);--ti-tree-node-collapse-icon-color:var(--ti-common-color-icon-active);--ti-tree-node-operate-icon-font-size:var(--ti-common-font-size-2);--ti-tree-node-operate-icon-margin-left:var(--ti-common-space-base);--ti-tree-node-operate-icon-color:var(--ti-common-color-icon-normal);--ti-tree-node-checked-icon-color:var(--ti-common-color-icon-hover);--ti-tree-node-padding-left:var(--ti-common-space-2x);--ti-tree-node-highlight-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-node-content-height:calc(var(--ti-common-space-10) * 3);--ti-tree-node-content-border-radius:0;--ti-tree-node-menu-font-size:var(--ti-common-font-size-base);--ti-tree-node-menu-font-color:var(--ti-common-color-text-secondary);--ti-tree-node-menu-font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;--ti-tree-node-menu-box-shadow:2px 2px 4px -2px #000000;--ti-tree-node-indent:var(--ti-common-space-4x);--ti-tree-node-guide-line-border-color:var(--ti-common-color-line-dividing);--ti-tree-node-guide-line-width:var(--ti-common-space-2x);--ti-tree-node-showline-icon-size:var(--ti-common-font-size-2);--ti-tree-bottom-divider-bg-color:var(--ti-common-color-line-dividing);--ti-tree-bottom-padding-horizontal:var(--ti-common-space-3x);--ti-tree-bottom-padding-vertical:calc(var(--ti-common-space-2x) - 1px);--ti-tree-bottom-text-margin-left:var(--ti-common-space-10);--ti-tree-small-node-content-height:calc(var(--ti-common-space-base) * 7);--ti-tree-small-node-font-size:var(--ti-common-line-height-base);--ti-tree-plain-node-height:calc(var(--ti-common-space-base) * 7);--ti-tree-plain-font-size:var(--ti-common-line-height-base);--ti-tree-plain-node-padding-left:var(--ti-common-space-3x);--ti-tree-plain-node-border-radius:var(--ti-common-border-radius-1);--ti-tree-plain-node-auxi-icon-font-size:var(--ti-common-font-size-2);--ti-tree-plain-node-auxi-margin-left:var(--ti-common-space-6x);--ti-tree-plain-node-auxi-text-color:var(--ti-common-color-text-secondary);position:relative;cursor:default;background:var(--ti-tree-bg-color);color:var(--ti-tree-text-color);line-height:var(--ti-tree-text-line-height)}.tiny-tree .is-drop-inner{position:relative}.tiny-tree .is-drop-inner::before{pointer-events:none;border:2px solid var(--ti-tree-node-checked-icon-color);content:' ';position:absolute;top:0;bottom:0;left:0;right:0}.tiny-tree__empty-block{position:relative;min-height:var(--ti-tree-empty-min-height);text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--ti-tree-empty-text-color)}.tiny-tree__drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--ti-tree-node-checked-icon-color)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-node-highlight-bg-color)}.tiny-tree__strict-bottom{border-top:1px solid var(--ti-tree-bottom-divider-bg-color)}.tiny-tree__strict-bottom-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-tree-bottom-padding-vertical) var(--ti-tree-bottom-padding-horizontal)}.tiny-tree__strict-bottom-content .tiny-switch.mini{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tiny-tree__strict-bottom-content .tiny-tree__bottom-text{margin-left:var(--ti-tree-bottom-text-margin-left)}.tiny-tree--small .tiny-tree-node__content{height:var(--ti-tree-small-node-content-height)}.tiny-tree--small .tiny-tree-node__label{font-size:var(--ti-tree-small-node-font-size)}.tiny-tree .tiny-tree__plain-node{font-size:var(--ti-tree-plain-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--ti-tree-plain-node-padding-left);border-radius:var(--ti-tree-plain-node-border-radius)}.tiny-tree .tiny-tree__plain-node:hover{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree .tiny-tree__plain-node-auxi,.tiny-tree .tiny-tree__plain-node-title{height:var(--ti-tree-plain-node-height)}.tiny-tree .tiny-tree__plain-node-title>span+span{margin-left:8px}.tiny-tree .tiny-tree__plain-node-title-txt{margin-left:var(--ti-tree-node-label-margin-left)}.tiny-tree .tiny-tree__plain-node-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tree-text-color);fill:var(--ti-tree-text-color)}.tiny-tree .tiny-tree__plain-node-auxi{margin-left:var(--ti-tree-plain-node-auxi-margin-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-3px);transform:translateY(-3px);color:var(--ti-tree-plain-node-auxi-text-color)}.tiny-tree .tiny-tree__plain-node-auxi>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tree .tiny-tree__plain-node-title-loc{font-size:var(--ti-tree-plain-node-auxi-icon-font-size);cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.tiny-tree__del-popover{--ti-tree-popover-warn-icon-font-size:var(--ti-common-font-size-2);--ti-tree-popover-warn-icon-bg-color:var(--ti-common-color-warn);--ti-tree-popover-warn-icon-margin-right:var(--ti-common-space-base);--ti-tree-popover-checkbox-margin-top:var(--ti-common-space-3x);--ti-tree-popover-footer-margin-top:var(--ti-common-space-3x)}.tiny-tree__del-popover .tiny-tree__del-body{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon{margin-right:var(--ti-tree-popover-warn-icon-margin-right)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon svg{font-size:var(--ti-tree-popover-warn-icon-font-size);fill:var(--ti-tree-popover-warn-icon-bg-color)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-checkbox{margin-top:var(--ti-tree-popover-checkbox-margin-top)}.tiny-tree__del-popover .tiny-tree__del-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--ti-tree-popover-footer-margin-top)}.tiny-tree-node{white-space:nowrap;outline:0}.tiny-tree-node.show-line .tiny-tree-node__children{overflow:visible!important;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children{position:relative}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__children-indent{height:100%;position:absolute;left:0}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__wrapper:not(:last-child)>.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__children-indent::before{content:'';position:absolute;top:calc(-1 * var(--ti-tree-node-content-height)/ 2);left:calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size)/ 2);height:100%;border-left:1px solid var(--ti-tree-node-guide-line-border-color)}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__content .tiny-tree-node__content-indent{height:var(--ti-tree-node-content-height)}.tiny-tree-node.show-line .tiny-tree-node__children .tiny-tree-node__content .tiny-tree-node__content-indent::before{content:'';position:absolute;left:calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size)/ 2);top:0;width:var(--ti-tree-node-guide-line-width);height:calc(var(--ti-tree-node-content-height)/ 2);border-left:1px solid var(--ti-tree-node-guide-line-border-color);border-bottom:1px solid var(--ti-tree-node-guide-line-border-color)}.tiny-tree-node.show-line .tiny-tree-node__children>.tiny-tree-node__wrapper:not(:first-of-type)>.tiny-tree-node>.tiny-tree-node__content>.tiny-tree-node__content-indent::before{height:var(--ti-tree-node-content-height);top:-50%}.tiny-tree-node.show-line .tiny-tree-node__expand-icon{font-size:var(--ti-tree-node-showline-icon-size);color:var(--ti-tree-node-expand-icon-color)}.tiny-tree-node.show-line .tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(0);transform:rotate(0);fill:var(--ti-tree-node-collapse-icon-color);color:var(--ti-tree-node-collapse-icon-color)}.tiny-tree-node.show-line.is-expanded .tiny-tree-node__children{opacity:1}.tiny-tree-node.show-line:not(is-expanded) .tiny-tree-node__children{opacity:0}.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__content-box,.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__content-right{background-color:var(--ti-tree-node-content-current-bg-color)}.tiny-tree-node.is-current:not(.show-checkbox)>.tiny-tree-node__content>.tiny-tree-node__content-left{color:var(--ti-tree-selected-text-color);font-weight:var(--ti-tree-selected-font-weight);background:0 0}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--ti-tree-node-label-bg-color);color:var(--ti-tree-node-label-text-color)}.tiny-tree-node.is-checked .tiny-tree-node__expand-icon,.tiny-tree-node.is-expanded .tiny-tree-node__expand-icon,.tiny-tree-node.is-indeterminate .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-expand-icon-color)}.tiny-tree-node.is-disabled>.tiny-tree-node__content{cursor:not-allowed}.tiny-tree-node.is-disabled>.tiny-tree-node__content .tiny-tree-node__label{color:var(--ti-tree-disabled-text-color);font-weight:400}.tiny-tree-node.is-leaf:not(.is-root) .tiny-tree-node__content{padding-left:var(--ti-tree-node-icon-font-size)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:var(--ti-tree-node-content-height);cursor:pointer;border-radius:var(--ti-tree-node-content-border-radius)}.tiny-tree-node__content:hover .tree-node-icon svg{fill:var(--ti-tree-node-checked-icon-color);color:var(--ti-tree-node-checked-icon-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-box,.tiny-tree-node__content:hover .tiny-tree-node__content-right{background-color:var(--ti-tree-node-hover-inner-bg-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-left{background-color:var(--ti-tree-node-hover-outter-bg-color)}.tiny-tree-node__content:hover .tiny-tree-node__content-right{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree-node__content .tiny-radio,.tiny-tree-node__content label.tiny-checkbox{margin:0 calc(var(--ti-tree-node-label-margin-left)/ 2)}.tiny-tree-node__content .tiny-tree-node__content-box{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--ti-tree-node-label-margin-left)/ 2);padding-right:var(--ti-tree-node-content-padding-right)}.tiny-tree-node .tiny-tree-node__content-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;overflow:hidden;padding-left:var(--ti-tree-node-padding-left)}.tiny-tree-node .tiny-tree-node__content-left input{height:calc(var(--ti-tree-node-content-height) - 2px);font-size:var(--ti-tree-node-label-font-size)}.tiny-tree-node .tiny-tree-node__content-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0}.tiny-tree-node .tiny-tree-node__content-right svg{fill:var(--ti-tree-node-operate-icon-color);font-size:var(--ti-tree-node-operate-icon-font-size);margin-right:var(--ti-tree-node-operate-icon-margin-left);outline:2px solid transparent;outline-offset:2px}.tiny-tree-node .tiny-tree-node__content-right svg:hover{fill:var(--ti-tree-node-checked-icon-color)}.tiny-tree-node .tree-node-icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:calc(var(--ti-tree-node-label-margin-left)/ 2)}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--ti-tree-node-expand-icon-color);font-size:var(--ti-tree-node-icon-font-size);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-tree-node__expand-icon.is-saas-theme{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tiny-tree-node__expand-icon.is-saas-theme.expanded{-webkit-transform:rotate(0);transform:rotate(0)}.tiny-tree-node__label{font-size:var(--ti-tree-node-label-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-tree-node__loading.circular{margin-right:4px;margin-left:var(--ti-tree-node-label-margin-left);font-size:var(--ti-tree-node-icon-font-size)}.tiny-tree-node__loading.circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--ti-tree-node-loading-icon-color);stroke-linecap:round}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:0;left:0;z-index:5000;font-size:var(--ti-tree-node-menu-font-size);-webkit-box-shadow:var(--ti-tree-node-menu-box-shadow);box-shadow:var(--ti-tree-node-menu-box-shadow);padding:0 1px;color:var(--ti-tree-node-menu-font-color);font-family:var(--ti-tree-node-menu-font-family);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-checkbox .tiny-checkbox__label{padding-left:0}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}.tiny-tree-node .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
|
package/tree-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tree-menu{--ti-tree-menu-width:calc(var(--ti-common-space-10) * 27);--ti-tree-menu-node-height:var(--ti-common-size-10x);--ti-tree-menu-font-size:var(--ti-common-font-size-base);--ti-tree-menu-border-color:var(--ti-common-color-line-dividing);--ti-tree-menu-node-body-text-padding-horizontal:0;--ti-tree-menu-node-selected-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-menu-node-current-text-color:var(--ti-common-color-text-highlight);--ti-tree-menu-square-left-border-color:var(--ti-common-color-line-active);--ti-tree-menu-node-body-text-color:var(--ti-common-color-text-primary);--ti-tree-menu-node-hover-bg-color:var(--ti-common-color-hover-background);--ti-tree-menu-collapse-icon-fill-color:var(--ti-common-color-icon-normal);--ti-tree-menu-collapse-icon-margin-right:var(--ti-common-size-2x);--tree-menu-node-number-font-size:var(--ti-common-font-size-base);--tree-menu-node-vertical-line-margin-right:var(--ti-common-size-
|
|
1
|
+
.tiny-tree-menu{--ti-tree-menu-width:calc(var(--ti-common-space-10) * 27);--ti-tree-menu-node-height:var(--ti-common-size-10x);--ti-tree-menu-font-size:var(--ti-common-font-size-base);--ti-tree-menu-border-color:var(--ti-common-color-line-dividing);--ti-tree-menu-node-body-text-padding-horizontal:0;--ti-tree-menu-node-selected-bg-color:var(--ti-common-color-bg-light-normal);--ti-tree-menu-node-current-text-color:var(--ti-common-color-text-highlight);--ti-tree-menu-square-left-border-color:var(--ti-common-color-line-active);--ti-tree-menu-node-body-text-color:var(--ti-common-color-text-primary);--ti-tree-menu-node-hover-bg-color:var(--ti-common-color-hover-background);--ti-tree-menu-collapse-icon-fill-color:var(--ti-common-color-icon-normal);--ti-tree-menu-collapse-icon-margin-right:var(--ti-common-size-2x);--tree-menu-node-number-font-size:var(--ti-common-font-size-base);--tree-menu-node-vertical-line-margin-right:var(--ti-common-size-4x);width:var(--ti-tree-menu-width);position:relative;font-size:var(--ti-tree-menu-font-size);-webkit-transition:width .5s;transition:width .5s}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:0;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);z-index:9;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:18px;background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.06);box-shadow:0 2px 4px 0 rgba(0,0,0,.06);border:1px solid var(--ti-tree-menu-border-color)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:2px;fill:var(--ti-tree-menu-collapse-icon-fill-color)}.tiny-tree-menu.is-collapsed{width:0}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translateX(70%) translateY(-50%)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu:before{content:'';border-right:1px solid var(--ti-tree-menu-border-color);position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input .tiny-input__inner{border:none;border-bottom:1px solid var(--ti-tree-menu-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--ti-tree-menu-node-height);line-height:var(--ti-tree-menu-node-height);overflow:hidden;padding-left:0}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;margin-right:var(--ti-tree-menu-collapse-icon-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-number{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;right:16px;max-width:36px;overflow:hidden;font-size:var(--tree-menu-node-number-font-size)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{padding:0 var(--ti-tree-menu-node-body-text-padding-horizontal)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:0}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--ti-tree-menu-node-hover-bg-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover .tiny-tree-node__content-box{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left{position:relative;padding-left:var(--tree-menu-node-vertical-line-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-menu-node-selected-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{color:var(--ti-tree-menu-node-current-text-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tiny-tree-node__content-left::before{content:'';position:absolute;left:4px;top:50%;display:inline-block;height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:2px solid var(--ti-tree-menu-square-left-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--ti-tree-menu-node-body-text-color);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:calc(100% - 24px)}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - 60px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--ti-tree-menu-node-height);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--ti-tree-menu-node-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__label{display:-webkit-box;display:-ms-flexbox;display:flex}}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}
|