@opentiny/vue-theme 3.10.4 → 3.11.0

package/theme/smb-theme/component.js

@@ -37,6 +37,9 @@ export const concatTheme = {
   'ti-alert-description-line-height': '1.5',
   'ti-alert-icon-margin-top': '3px',
   'ti-alert-close-position-top': 'var(--ti-common-space-3x)',
+  'ti-anchor-width': '160px',
+  'ti-anchor-text-color': '#595959',
+  'ti-anchor-link-active-text-color': '#191919',
   'ti-badge-font-size': 'var(--ti-common-font-size-0)',
   'ti-breadcrumb-text-color': '#191919',
   'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
@@ -176,13 +179,13 @@ export const concatTheme = {
   'ti-checkbox-checkline-width': 'var(--ti-common-border-weight-normal)',
   'ti-checkbox-label-margin-right': 'var(--ti-common-space-6x)',
   'ti-checkbox-icon-margin-top': '1px',
-  'ti-checkbox-icon-margin-left': '4px',
+  'ti-checkbox-icon-margin-left': '4.5px',
   'ti-checkbox-button-checked-bg-color': '#FFFFFF',
   'ti-checkbox-button-checked-text-color': '#1476FF',
   'ti-checkbox-button-text-color': '#595959',
   'ti-checkbox-button-bg-color-hover': '#FFFFFF',
   'ti-checkbox-button-hover-text-color': '#191919',
-  'ti-checkbox-bg-color-checked': '#1476FF',
+  'ti-checkbox-bg-color-checked': '#1476ff',
   'ti-checkbox-border-color-checked': '#1476FF',
   'ti-checkbox-bg-color-hover-checked': '#1476FF',
   'ti-checkbox-border-color-hover-checked': '#1476FF',
@@ -230,6 +233,7 @@ export const concatTheme = {
   'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
   'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
   'ti-collapse-item-arrow-hover-text-color': '#191919',
+  'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-2x)',
   'ti-date-table-border-radius-current-select': '14px',
   'ti-date-table-td-span-width': '28px',
   'ti-date-table-td-span-height': '28px',
@@ -283,7 +287,6 @@ export const concatTheme = {
   'ti-form-item-margin-bottom-mini': '12px',
   'ti-form-item-margin-bottom-small': '20px',
   'ti-form-item-margin-bottom-medium': '24px',
-  'ti-form-item-error-star-display': 'none',
   'ti-form-item-input-mini-height': '20px',
   'ti-form-item-input-small-height': '24px',
   'ti-form-item-input-medium-height': '32px',
@@ -557,7 +560,7 @@ export const concatTheme = {
   'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
   'ti-steps-content-margin-top': 'var(--ti-common-space-2x)',
   'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-unselected-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-unselected-border-color': 'var(--ti-common-color-text-primary)',
   'ti-steps-done-text-color': 'var(--ti-common-color-text-primary)',
   'ti-steps-done-icon-color': 'var(--ti-common-color-text-primary)',
   'ti-steps-done-icon-size': 'var(--ti-common-font-size-4)',
@@ -575,8 +578,9 @@ export const concatTheme = {
   'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
   'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)',
   'ti-switch-on-bg-color': 'var(--ti-common-color-data-1)',
-  'ti-switch-disabled-bg-color': 'var(--ti-common-color-bg-dark-emphasize)',
-  'ti-switch-disabled-dot-bg-color': '#ffffff80',
+  'ti-switch-off-bg-color': '#C2C2C2',
+  'ti-switch-disabled-bg-color': '#C2C2C280',
+  'ti-switch-disabled-dot-bg-color': '#ffffff',
   'ti-switch-width': 'var(--ti-common-size-10x)',
   'ti-switch-border-radius': 'calc(var(--ti-common-border-radius-3) * 2.5)',
   'ti-switch-dot-size': '16px',
@@ -659,4 +663,14 @@ export const concatTheme = {
   'ti-tooltip-popper-normal-text-color': '#191919',
   'ti-tooltip-popper-font-line-height': 'var(--ti-common-line-height-number)',
   'ti-tooltip-popper-border-width': '8px',
+  'ti-tree-node-content-height': 'var(--ti-common-space-8x)',
+  'ti-tree-node-hover-outter-bg-color': 'var(--ti-common-color-hover-background)',
+  'ti-tree-selected-font-weight': 'var(--ti-common-font-weight-6)',
+  'ti-tree-node-content-current-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-node-highlight-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-checkbox-bg-color-checked': 'var(--ti-common-color-icon-info)',
+  'ti-tree-node-content-current-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-menu-node-selected-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-menu-square-left-border-color': 'var(--ti-common-color-icon-info)',
 }

package/tree/index.css

@@ -1 +1 @@
-.tiny-tree{--ti-tree-text-color:var(--ti-common-color-text-primary);--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-label-font-size:var(--ti-common-font-size-1);--ti-tree-node-label-margin-left:var(--ti-common-space-base);--ti-tree-node-right-content-margin-left:var(--ti-common-space-base);--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:var(--ti-common-border-radius-normal);--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-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)}.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__content{padding-left:calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-icon-font-size) + var(--ti-tree-node-label-margin-left))}.tiny-tree-node.show-line .tiny-tree-node__content .tree-node-icon{left:var(--ti-tree-node-padding-left)}.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-icon-font-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{padding-left:calc(var(--ti-tree-node-icon-font-size) + var(--ti-tree-node-label-margin-left) + var(--ti-tree-node-padding-left))}.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);position:absolute;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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-icon-font-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:calc(var(--ti-tree-node-icon-font-size) + 2px)}.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)}.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:focus>.tiny-tree-node__content{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-node-content-current-bg-color)}.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__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);padding-left:calc(var(--ti-tree-node-icon-font-size) + var(--ti-tree-node-label-margin-left));cursor:pointer;border-radius:var(--ti-tree-node-content-border-radius);background-clip:content-box}.tiny-tree-node__content:hover{background-color:var(--ti-tree-node-content-hover-bg-color)!important}.tiny-tree-node__content:hover .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-checked-icon-color)!important}.tiny-tree-node__content label.tiny-checkbox{margin-left:var(--ti-tree-node-label-margin-left)}.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;overflow:hidden}.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;margin-left:var(--ti-tree-node-right-content-margin-left)}.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;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.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__expand-icon.is-leaf{visibility:hidden}.tiny-tree-node__label{font-size:var(--ti-tree-node-label-font-size);margin-left:var(--ti-tree-node-label-margin-left)}.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-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}}
+.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}}

package/tree/smb-theme.js

@@ -0,0 +1,9 @@
+export const tinyTreeSmbTheme = {
+  'ti-tree-node-content-height': 'var(--ti-common-space-8x)',
+  'ti-tree-node-hover-outter-bg-color': 'var(--ti-common-color-hover-background)',
+  'ti-tree-selected-font-weight': 'var(--ti-common-font-weight-6)',
+  'ti-tree-node-content-current-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-node-highlight-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-checkbox-bg-color-checked': 'var(--ti-common-color-icon-info)'
+}

package/tree-menu/index.css

@@ -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:var(--ti-common-size-6x);--ti-tree-menu-node-hover-bg-color:var(--ti-common-color-bg-white-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-collapse-icon-fill-color:var(--ti-common-color-icon-normal);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{left:auto;right:8px}.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.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-menu-node-hover-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-name{border-left:2px solid var(--ti-tree-menu-square-left-border-color)}.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 .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__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}
+.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);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.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-box{position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tiny-tree-node__content-box::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}

package/tree-menu/smb-theme.js

@@ -0,0 +1,5 @@
+export const tinyTreeMenuSmbTheme = {
+  'ti-tree-node-content-current-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-menu-node-selected-bg-color': 'var(--ti-common-color-light)',
+  'ti-tree-menu-square-left-border-color': 'var(--ti-common-color-icon-info)'
+}