@opentiny/vue-theme 3.12.0 → 3.13.0

package/theme/smb-theme/component.js

@@ -1,7 +1,15 @@
 export const concatTheme = {
-  'ti-anchor-width': '160px',
-  'ti-anchor-text-color': '#595959',
-  'ti-anchor-link-active-text-color': '#191919',
+  'ti-action-menu-item-line-bg-color': 'var(--ti-common-color-transparent)',
+  'ti-dropdown-item-font-size': 'var(--ti-common-font-size-1)',
+  'ti-dropdown-item-line-height': 'var(--ti-common-line-height-2)',
+  'ti-action-menu-item-svg-margin-top': '0',
+  'ti-action-menu-font-weight': 'var(--ti-common-font-weight-bold)',
+  'ti-action-menu-item-hover-text-color': 'var(--ti-common-color-text-link)',
+  'ti-action-menu-item-line-width': 'var(--ti-common-space-0)',
+  'ti-action-menu-hover-text-decoratio': 'underline',
+  'ti-dropdown-line-height': 'calc(var(--ti-common-line-height-4) + 2px)',
+  'ti-action-menu-more-icon-width': 'var(--ti-common-size-5x)',
+  'ti-action-menu-more-icon-height': 'var(--ti-common-size-5x)',
   'ti-alert-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-alert-description-font-size': 'var(--ti-common-font-size-1)',
   'ti-alert-warning-border-color': 'transparent',
@@ -40,6 +48,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)',
@@ -52,7 +63,6 @@ export const concatTheme = {
   'ti-button-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-button-text-hover-weight': 'var(--ti-common-font-weight-4)',
   'ti-button-text-color-hover': 'var(--ti-common-color-text-highlight)',
-  'ti-button-normal-hover-border-color': '#C2C2C2',
   'ti-button-normal-disabled-border-color': 'transparent',
   'ti-common-color-primary-disabled-border': 'transparent',
   'ti-common-color-success-disabled-border': 'transparent',
@@ -72,6 +82,7 @@ export const concatTheme = {
   'ti-button-danger-plain-hover-text-color': '#F76360',
   'ti-button-danger-plain-hover-border-color': '#F76360',
   'ti-button-danger-plain-disabled-border-color': 'transparent',
+  'ti-button-normal-hover-border-color': '#C2C2C2',
   'ti-button-size-large-font-size': 'var(--ti-common-font-size-base)',
   'ti-button-size-mini-min-width': '24px',
   'ti-button-text-svg-width': '16px',
@@ -119,6 +130,9 @@ export const concatTheme = {
   'ti-button-only-icon-border-color': '#c2c2c2',
   'ti-button-only-icon-hover-border-color': '#191919',
   'ti-button-only-icon-disabled-border-color': '#dbdbdb',
+  'ti-button-ghost-disabled-text-color': '#c2c2c2',
+  'ti-button-ghost-disabled-border-color': '#dbdbdb',
+  'ti-button-ghost-hover-border-color': '#c2c2c2',
   'ti-button-group-item-li-margin-right': 'var(--ti-common-space-2x)',
   'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-2x)',
   'ti-button-group-item-active-text-color': '#FFFFFF',
@@ -152,6 +166,26 @@ export const concatTheme = {
   'ti-button-group-border-weight': 'var(--ti-common-border-weight-normal)',
   'ti-button-group-item-btn-active-hover-bg-color': '#1476FF',
   'ti-button-group-item-btn-width': 'auto',
+  'ti-carousel-arrow-height': 'var(--ti-common-size-8x)',
+  'ti-carousel-arrow-width': 'var(--ti-common-size-8x)',
+  'ti-carousel-arrow-font-size': 'var(--ti-common-font-size-2)',
+  'ti-carousel-arrow-bg-color': 'var(--ti-common-color-dark)',
+  'ti-carousel-indicator-active-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-carousel-arrow-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-carousel-arrow-hover-text-color': 'var(--ti-common-color-primary-normal)',
+  'ti-carousel-arrow-disabled-text-color': 'var(--ti-common-color-text-link-darkbg-hover)',
+  'ti-carousel-indicator-active-button-width': 'var(--ti-common-size-5x)',
+  'ti-carousel-indicator-active-background-color': 'var(--ti-common-color-primary-active)',
+  'ti-carousel-indicator-button-bg-color': 'var(--ti-common-color-primary-active)',
+  'ti-carousel-outside-button-active-bg-color': 'var(--ti-common-color-primary-active)',
+  'ti-carousel-indicator-active-border-radius': 'var(--ti-common-space-base)',
+  'ti-carousel-indicator-padding-horizontal': 'var(--ti-common-space-0)',
+  'ti-carousel-indicator-margin-right': 'var(--ti-common-space-10)',
+  'ti-carousel-indicator-active-width': 'var(--ti-common-size-5x)',
+  'ti-carousel-indicators-bg-color': 'none',
+  'ti-carousel-opacity': '0.5',
+  'ti-carousel-hover-opacity': '0.8',
+  'ti-carousel-item-title-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
   'ti-cascader-list-text-color': '#191919',
   'ti-cascader-close-hover-icon-color': '#191919',
   'ti-cascader-menu-border-color': '#f5f5f5',
@@ -255,6 +289,11 @@ export const concatTheme = {
   'ti-dialog-box-body-text-color': 'var(--ti-common-color-text-primary)',
   'ti-dialog-box-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
   'ti-dialog-box-drawer-divider-border-color': 'transparent',
+  'ti-divider-dividing-line': 'var(--ti-common-color-dark)',
+  'ti-divider-horizontal-opacity': '0.5',
+  'ti-divider-vertical-opacity': '0.5',
+  'ti-divider-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-divider-text-bg-color': 'var(--ti-base-color-white)',
   'ti-drawer-padding-right': 'var(--ti-common-space-8x)',
   'ti-drawer-footer-padding-top': 'var(--ti-common-space-6x)',
   'ti-drawer-divider-border-color': 'transparent',
@@ -269,6 +308,12 @@ export const concatTheme = {
   'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-6x)',
   'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-0)',
   'ti-dropdown-button-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-dropdown-trigger-svg-margin-top': 'var(--ti-common-space-0)',
+  'ti-dropdown-trigger-svg-margin-bottom': 'var(--ti-common-space-0)',
+  'ti-dropdown-trigger-only-svg-width': 'var(--ti-common-size-5x)',
+  'ti-dropdown-trigger-only-svg-height': 'var(--ti-common-size-5x)',
+  'ti-dropdown-trigger-only-svg-hover-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-dropdown-trigger-only-svg-hover-radius': 'var(--ti-common-border-radius-2)',
   'ti-dropdown-item-expand-icon-size': 'var(--ti-common-font-size-2)',
   'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-0)',
   'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-4x)',
@@ -281,6 +326,13 @@ export const concatTheme = {
   'ti-dropdown-item-height': 'var(--ti-common-size-height-normal)',
   'ti-dropdown-item-icon-color': 'var(--ti-common-color-icon)',
   'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)',
+  'ti-dropdown-item-active-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-dropdown-item-active-text-color': '#1476FF',
+  'ti-dropdown-item-content-text-hover': '#1476FF',
+  'ti-dropdown-item-before-bg-color': 'transparent',
+  'ti-dropdown-item-divided-border-color': 'transparent',
+  'ti-dropdown-item-content-bg-hover': 'transparent',
+  'ti-dropdown-item-before-height': '0',
   'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-2x)',
   'ti-dropdown-menu-min-width': '124px',
   'ti-form-item-label-top-margin-bottom': '24px',
@@ -432,8 +484,9 @@ export const concatTheme = {
   'ti-option-height': 'var(--ti-common-size-height-normal)',
   'ti-option-font-size': 'var(--ti-common-font-size-1)',
   'ti-option-border-radius': 'var(--ti-common-border-radius-0)',
-  'ti-option-selected-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-option-selected-font-weight': 'var(--ti-common-font-weight-6)',
   'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-option-padding-horizontal-group': 'var(--ti-common-space-4x)',
   'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
   'ti-option-checkbox-border-color-hover': '#191919',
   'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
@@ -444,8 +497,13 @@ export const concatTheme = {
   'ti-option-selected-text-color': '#1476FF',
   'ti-option-checkbox-all-select-border-color-hover': '#1476FF',
   'ti-option-group-title-font-size': 'var(--ti-common-font-size-0)',
+  'ti-option-group-title-font-weight': 'var(--ti-common-font-weight-normal)',
   'ti-option-group-title-text-color': 'var(--ti-common-color-text-weaken)',
   'ti-option-group-title-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-option-group-title-margin-top-first': 'var(--ti-common-space-base)',
+  'ti-option-group-title-margin-top': 'var(--ti-common-space-2x)',
+  'ti-option-group-title-line-height': 'var(--ti-common-line-height-base)',
+  'ti-option-group-title-height': 'var(--ti-common-size-auto)',
   'ti-pager-primary-bg-color': 'var(--ti-common-color-bg-white-emphasize)',
   'ti-pager-active-bg-color': '#0000000D',
   'ti-pager-li-border-radius': '20px',
@@ -526,26 +584,20 @@ export const concatTheme = {
   'ti-search-input-btn-icon-size': 'var(--ti-common-font-size-2)',
   'ti-search-input-placeholder-color': 'var(--ti-common-color-placeholder)',
   'ti-search-input-left-svg-margin-right': '-8px',
-  'ti-select-input-caret-font-size': 'var(--ti-common-font-size-2)',
-  'ti-select-input-caret-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
-  'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
-  'ti-select-tags-wrap-padding-left': 'calc(var(--ti-common-space-6)/2)',
-  'ti-select-tags-wrap-padding-top': 'calc(var(--ti-common-space-6)/2)',
-  'ti-select-tags-wrap-padding-bottom': 'calc(var(--ti-common-space-6)/2)',
-  'ti-select-input-icon-top-small': 'var(--ti-common-space-3x)',
-  'ti-select-input-icon-top': 'var(--ti-common-space-4x)',
   'ti-select-dropdown-border-radius': 'var(--ti-common-border-radius-3)',
-  'ti-select-dropdown-empty-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-select-dropdown-empty-text-color': 'var(--ti-common-color-text-secondary)',
   'ti-select-dropdown-empty-padding-horizontal': 'var(--ti-common-size-0)',
-  'ti-select-dropdown-empty-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-empty-padding-vertical': '46px',
+  'ti-select-dropdown-empty-font-size': 'var(--ti-common-font-size-0)',
   'ti-select-dropdown-margin-top': 'var(--ti-common-space-base)',
   'ti-select-dropdown-box-shadow': 'var(--ti-common-shadow-2-down)',
   'ti-select-dropdown-padding-top': 'var(--ti-common-space-2x)',
   'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-2x)',
-  'ti-select-dropdown-max-height': 'calc(240px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-2x))',
+  'ti-select-dropdown-max-height': 'calc(32px * 7 + 8px)',
   'ti-select-dropdown-search-margin-left': 'var(--ti-common-space-4x)',
   'ti-select-dropdown-search-margin-right': 'var(--ti-common-space-4x)',
-  'ti-select-dropdown-search-margin-top': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-search-margin-top': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-select-dropdown-search-margin-bottom': 'var(--ti-common-space-2x)',
   'ti-select-dropdown-search-width': 'calc(100% - var(--ti-common-space-4x)*2)',
   'ti-select-dropdown-search-bg-color': 'var(--ti-common-color-bg-white-normal)',
   'ti-select-dropdown-search-border-width': 'var(--ti-common-border-weight-normal)',
@@ -555,10 +607,17 @@ export const concatTheme = {
   'ti-select-dropdown-search-input-padding-left': '28px',
   'ti-select-dropdown-search-empty-padding-top': 'var(--ti-common-space-3x)',
   'ti-select-dropdown-search-empty-padding-bottom': 'var(--ti-common-space-2x)',
-  'ti-select-dropdown-wrap-padding-bottom': 'var(--ti-common-space-base)',
+  'ti-select-dropdown-wrap-padding-bottom': 'var(--ti-common-space-0)',
   'ti-select-dropdown-icon-size': 'var(--ti-common-font-size-2)',
   'ti-select-dropdown-icon-color': 'var(--ti-common-color-icon-normal)',
-  'ti-select-dropdown-search-margin-bottom': 'var(--ti-common-space-2x)',
+  'ti-select-input-caret-font-size': 'var(--ti-common-font-size-2)',
+  'ti-select-input-caret-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-select-tags-wrap-padding-left': 'calc(var(--ti-common-space-6) / 2)',
+  'ti-select-tags-wrap-padding-top': 'calc(var(--ti-common-space-6) / 2)',
+  'ti-select-tags-wrap-padding-bottom': 'calc(var(--ti-common-space-6) / 2)',
+  'ti-select-input-icon-top-small': 'var(--ti-common-space-3x)',
+  'ti-select-input-icon-top': 'var(--ti-common-space-4x)',
   'ti-steps-icon-size': 'var(--ti-common-size-height-normal)',
   'ti-steps-text-margin-left': 'var(--ti-common-space-2x)',
   'ti-steps-font-size-hover': 'var(--ti-common-font-weight-bold)',
@@ -610,8 +669,8 @@ export const concatTheme = {
   'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
   'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
   'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
-  'ti-tabs-content-padding-vertical': 'var(--ti-common-space-8x)',
-  'ti-tabs-content-padding-horizontal': 'var(--ti-common-space-0)',
+  'ti-tabs-content-margin-vertical': 'var(--ti-common-space-3x)',
+  'ti-tabs-content-margin-horizontal': 'var(--ti-common-space-0)',
   'ti-tag-primary-close-icon-color': 'var(--ti-common-color-bg-secondary)',
   'ti-tag-font-size': 'var(--ti-common-font-size-1)',
   'ti-tag-small-height': 'var(--ti-common-line-height-base)',
@@ -674,6 +733,12 @@ 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-transfer-panel-item-text-color': 'var(--ti-common-color-info-normal)',
+  'ti-transfer-button-bg-color': 'var(--ti-common-color-prompt)',
+  'ti-transfer-font-size': 'var(--ti-common-font-size-1)',
+  'ti-transfer-button-border-radius': 'var(--ti-common-space-6)',
+  'ti-transfer-panel-border-color': 'var(--ti-common-color-line-disabled)',
+  'ti-transfer-panel-item-hover-bg-color': 'var(--ti-common-color-hover-background)',
   '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)',
@@ -703,7 +768,7 @@ export const concatTheme = {
   'ti-upload-list-item-line-height': '22px',
   'ti-upload-list-item-margin-top': '8px',
   'ti-upload-list-picture-card-item-margin-right': '16px',
-  'ti-upload-list-item-border-radius': '8px',
+  'ti-upload-list-item-border-radius': 'var(--ti-common-border-radius-1)',
   'ti-upload-picture-card-border-radius': '8px',
   'ti-upload-list-svg-close-icon-color': '#191919',
   'ti-upload-list-item-hover-background-color': 'rgba(0, 0, 0, 0.05)',

package/theme/smb-theme/index.js

@@ -2,58 +2,58 @@ export const tinyBaseSmbTheme = {
   /* 基础色 */
 
   // 品牌色
-  'ti-base-color-brand': '#191919',
-  'ti-base-color-brand-1': '#595959',
-  'ti-base-color-brand-2': '#1476FF',
-  'ti-base-color-brand-3': '#7693F5',
-  'ti-base-color-brand-4': '#96ADFA',
-  'ti-base-color-brand-5': '#C2C2C2',
-  'ti-base-color-brand-6': 'var(--ti-base-color-brand)',
-  'ti-base-color-brand-7': '#1476FF80', // 50% 透明度
-  'ti-base-color-brand-8': '#1476ff26', // 15% 透明度 4.28修改
-  'ti-base-color-brand-9': '#80808080', // 50% 透明度
+  'ti-base-color-brand': '#191919', // 主色黑/链接颜色
+  'ti-base-color-brand-1': '#595959', // 主色悬浮色、链接悬浮色
+  'ti-base-color-brand-2': '#1476FF', // 文字按钮色、文字按钮悬浮色
+  'ti-base-color-brand-3': '#7693F5', // 深色背景下图标
+  'ti-base-color-brand-4': '#96ADFA', // 深色背景链接色
+  'ti-base-color-brand-5': '#C2C2C2', // 选块悬浮色/页签禁用文字色
+  'ti-base-color-brand-6': '#F5F5F5', // 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色
+  'ti-base-color-brand-7': '#B3D6FF', // 开关组件“开”禁用背景色
+  'ti-base-color-brand-8': '#DEECFF', // 日期选择悬浮背景色
+  'ti-base-color-brand-9': '#DBDBDB', // 开关组件“关”禁用背景色
 
   // 中立色
-  'ti-base-color-common': '#191919',
-  'ti-base-color-common-1': '#595959',
-  'ti-base-color-common-2': '#808080',
-  'ti-base-color-common-3': '#C2C2C2',
-  'ti-base-color-common-4': '#DBDBDB',
-  'ti-base-color-common-5': '#00000014', // 新风格专用，分隔线 8% 透明度
-  'ti-base-color-common-6': '#00000026', // 15%透明度 4.28新增
-  'ti-base-color-bg': '#F5F5F5',
-  'ti-base-color-bg-1': '#0000000D', // 5% 透明度
-  'ti-base-color-bg-2': '#FAFAFA',
-  'ti-base-color-bg-3': '#191919',
-  'ti-base-color-bg-4': '#595959',
-  'ti-base-color-bg-5': '#FFFFFF',
-  'ti-base-color-bg-6': '#5959591A', // 10% 透明度
-  'ti-base-color-bg-7': '#00000000',
+  'ti-base-color-common': '#191919', // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标
+  'ti-base-color-common-1': '#595959', // 次要信息/图标默认
+  'ti-base-color-common-2': '#808080', // 弱化信息、说明文字
+  'ti-base-color-common-3': '#C2C2C2', // 边框色（如下拉、输入框）/文字禁用/禁用图标
+  'ti-base-color-common-4': '#DBDBDB', // 禁用描边
+  'ti-base-color-common-5': '#F0F0F0', // 白色背景分割线
+  'ti-base-color-common-6': '#DBDBDB', // 灰色背景分割线
+  'ti-base-color-bg': '#F5F5F5', // 通用背景-页面背景色
+  'ti-base-color-bg-1': '#F0F0F0', // 禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色
+  'ti-base-color-bg-2': '#FAFAFA', // 新区域组件-悬浮背景色
+  'ti-base-color-bg-3': '#191919', // 主要按钮-背景色
+  'ti-base-color-bg-4': '#595959', // 主要按钮-hover/Focus背景色
+  'ti-base-color-bg-5': '#FFFFFF', // 顶部导航背景色、 顶部导航下拉背景色
+  'ti-base-color-bg-6': '#F5F5F5', // 标签背景色
+  'ti-base-color-bg-7': '#FFFFFF', // 次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色
 
   // 功能色
-  'ti-base-color-success-bg': '#5CB3001A', // 10% 透明度
-  'ti-base-color-success-border': '#5CB3001A', // 10% 透明度
-  'ti-base-color-success': '#5CB300',
-  'ti-base-color-success-text': '#5CB300',
-  'ti-base-color-error-bg': '#F230301A', // 10% 透明度
-  'ti-base-color-error-border': '#F230301A', // 10% 透明度
-  'ti-base-color-error': '#F23030',
-  'ti-base-color-error-text': '#F23030',
-  'ti-base-color-warn-bg': '#FF88001A', // 10% 透明度
-  'ti-base-color-warn-border': '#FF88001A', // 10% 透明度
-  'ti-base-color-warn': '#FF8800',
-  'ti-base-color-warn-text': '#FF8800',
-  'ti-base-color-prompt-bg': '#1476FF1A', // 10% 透明度
-  'ti-base-color-prompt-border': '#1476FF1A', // 10% 透明度
-  'ti-base-color-prompt': '#1476FF',
-  'ti-base-color-prompt-text': '#1476FF',
+  'ti-base-color-success-bg': '#E6F2D5', // 成功-背景色
+  'ti-base-color-success-border': '#E6F2D5', // 成功-边框色
+  'ti-base-color-success': '#5CB300', // 成功-图标色
+  'ti-base-color-success-text': '#5CB300', // 成功-文本色
+  'ti-base-color-error-bg': '#FCE3E1', // 错误-背景色/错误校验背景色
+  'ti-base-color-error-border': '#FCE3E1', // 错误-边框色
+  'ti-base-color-error': '#F23030', // 错误-图标色、校验边框色/、悬浮菜单背景色
+  'ti-base-color-error-text': '#F23030', // 错误-文本色/交易金额色
+  'ti-base-color-warn-bg': '#FFEBD1', // 告警-背景色
+  'ti-base-color-warn-border': '#FFEBD1', // 告警-边框色
+  'ti-base-color-warn': '#FF8800', // 告警-图标色、深色背景-运营活动文本色
+  'ti-base-color-warn-text': '#FF8800', // 告警-文本色
+  'ti-base-color-prompt-bg': '#DEECFF', // 提示-背景色
+  'ti-base-color-prompt-border': '#DEECFF', // 提示-边框色
+  'ti-base-color-prompt': '#1476FF', // 提示-图标色
+  'ti-base-color-prompt-text': '#1476FF', // 提示-文本色
   'ti-base-color-error-icon-from': '#FF41A1',
   'ti-base-color-error-icon-to': '#FF8A5B',
   'ti-base-color-warn-icon-from': '#FF5541',
   'ti-base-color-warn-icon-to': '#FFD347',
   'ti-base-color-prompt-icon-from': '#7769E8',
   'ti-base-color-prompt-icon-to': '#58BBFF',
-  'ti-base-color-warn-1': '#F7D916',
+  'ti-base-color-warn-1': '#FFB700',
   'ti-base-color-icon-info': '#1476FF',
   'ti-base-color-data-3': '#6E51E0',
   'ti-base-color-data-4': '#5CB300',
@@ -97,13 +97,13 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-text-weaken': 'var(--ti-base-color-common-2)',
   'ti-common-color-text-disabled': 'var(--ti-base-color-common-3)',
   'ti-common-color-text-highlight': 'var(--ti-base-color-brand-2)',
-  'ti-common-color-text-link': 'var(--ti-base-color-brand)',
-  'ti-common-color-text-link-hover': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-text-link': 'var(--ti-base-color-brand-2)',
+  'ti-common-color-text-link-hover': 'var(--ti-base-color-brand-2)',
   'ti-common-color-text-white': 'var(--ti-base-color-white)',
   'ti-common-color-text-darkbg': 'var(--ti-base-color-common-3)',
   'ti-common-color-text-darkbg-disabled': 'var(--ti-base-color-common-1)',
   'ti-common-color-text-gray-disabled': 'var(--ti-base-color-brand-3)',
-  'ti-common-color-text-important': 'var(--ti-base-base-color-error-text)',
+  'ti-common-color-text-important': 'var(--ti-base-color-common)',
   'ti-common-color-text-link-darkbg': 'var(--ti-base-color-brand-4)',
   'ti-common-color-text-link-darkbg-hover': 'var(--ti-base-color-brand-5)',
   'ti-common-color-text-gray': 'var(--ti-base-color-common)',
@@ -115,10 +115,10 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-icon-active': 'var(--ti-base-color-common)', // 5.12修改
   'ti-common-color-icon-disabled': 'var(--ti-base-color-common-3)',
   'ti-common-color-icon-white': 'var(--ti-base-color-white)',
-  'ti-common-color-icon-graybg-normal': 'var(--ti-base-color-common-3)',
-  'ti-common-color-icon-graybg-hover': 'var(--ti-base-color-brand)',
-  'ti-common-color-icon-graybg-active': 'var(--ti-base-color-brand)',
-  'ti-common-color-icon-graybg-disabled': 'var(--ti-base-color-common-4)',
+  'ti-common-color-icon-graybg-normal': 'var(--ti-base-color-common-2)',
+  'ti-common-color-icon-graybg-hover': 'var(--ti-base-color-common)',
+  'ti-common-color-icon-graybg-active': 'var(--ti-base-color-common)',
+  'ti-common-color-icon-graybg-disabled': 'var(--ti-base-color-common-3)',
   'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-3)',
   'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand-3)',
   'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand-3)',
@@ -131,8 +131,8 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-line-active': 'var(--ti-base-color-common)',
   'ti-common-color-line-disabled': 'var(--ti-base-color-common-4)',
   'ti-common-color-line-dividing': 'var(--ti-base-color-common-5)',
-  'ti-common-color-dash-line-normal': 'var(--ti-base-color-brand)',
-  'ti-common-color-dash-line-hover': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-dash-line-normal': 'var(--ti-base-color-common)',
+  'ti-common-color-dash-line-hover': 'var(--ti-base-color-common)',
 
   // 背景色
   'ti-common-color-bg-normal': 'var(--ti-base-color-bg)',
@@ -140,7 +140,7 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-bg-emphasize': 'var(--ti-base-color-brand)',
   'ti-common-color-bg-hover': 'var(--ti-base-color-brand-1)',
   'ti-common-color-bg-gray': 'var(--ti-base-color-bg-2)',
-  'ti-common-color-bg-secondary': 'var(--ti-base-color-common-2)',
+  'ti-common-color-bg-secondary': 'var(--ti-base-color-common-3)',
   'ti-common-color-bg-primary': 'var(--ti-base-color-bg-3)',
   'ti-common-color-bg-primary-hover': 'var(--ti-base-color-bg-4)',
   'ti-common-color-bg-primary-active': 'var(--ti-base-color-bg-4)',
@@ -148,13 +148,13 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-bg-minor-hover': 'var(--ti-base-color-bg-7)',
   'ti-common-color-bg-minor-active': 'var(--ti-base-color-bg-7)',
   'ti-common-color-bg-navigation': 'var(--ti-base-color-bg-5)',
-  'ti-common-color-bg-white-normal': 'var(--ti-base-color-white)',
+  'ti-common-color-bg-white-normal': 'var(--ti-base-color-bg-7)',
   'ti-common-color-bg-white-emphasize': 'var(--ti-base-color-bg-1)',
-  'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-bg-light-normal': 'var(--ti-base-color-bg-1)',
   'ti-common-color-bg-light-emphasize': 'var(--ti-base-color-brand-7)',
-  'ti-common-color-bg-dark-normal': 'var(--ti-base-color-brand-8)',
-  'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-brand-9)',
-  'ti-common-color-bg-dark-active': 'var(--ti-base-color-bg-normal)',
+  'ti-common-color-bg-dark-normal': 'var(--ti-base-color-bg-7)',
+  'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-bg-7)',
+  'ti-common-color-bg-dark-active': 'var(--ti-base-color-bg-7)',
   'ti-common-color-bg-dark-disabled': 'var(--ti-base-color-common-4)',
   'ti-common-color-bg-dark-deep': 'var(--ti-base-color-white)',
   'ti-common-color-bg-dark-select': 'var(--ti-base-color-white)',
@@ -207,18 +207,18 @@ export const tinyBaseSmbTheme = {
   'ti-common-shadow-1-down': '0 1px 3px 0 rgba(0,0,0,0.08)',
   'ti-common-shadow-1-left': '-1px 0px3px 0 rgba(0,0,0,0.08)',
   'ti-common-shadow-1-right': '1px 0px 3px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-2-up': ' 0 -2px 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-2-down': '0 2px 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-2-left': '-2px 0 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-2-right': '2px 0 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-3-up': '0 -2px 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-3-down': '0 2px 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-3-left': '-2px 0 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-3-right': '2px 0 12px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-4-up': '0 -4px 22px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-4-down': '0 4px 22px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-4-left': '-4px 0 22px 0 rgba(0,0,0,0.08)',
-  'ti-common-shadow-4-right': '4px 0 22px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-2-up': '0 -2px 12px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-2-down': '0 2px 12px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-2-left': '-2px 0 12px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-2-right': '2px 0 12px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-3-up': '0 -4px 16px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-down': '0 4px 16px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-left': '-4px 0 16px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-right': '4px 0 16px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-4-up': '0 -8px 24px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-4-down': '0 8px 24px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-4-left': '-8px 0 24px 0 rgba(0,0,0,0.16)',
+  'ti-common-shadow-4-right': '8px 0 24px 0 rgba(0,0,0,0.16)',
 
   /* 圆角 */
   'ti-common-border-radius-normal': 'var(--ti-common-border-radius-3)',
@@ -336,7 +336,113 @@ export const tinyBaseSmbTheme = {
   'ti-common-scrollbar-thumb-bg-color': 'var(--ti-base-color-common-4)',
   'ti-common-scrollbar-thumb-border-radius': '4px',
   'ti-common-scrollbar-thumb-hover-bg-color': 'var(--ti-base-color-common-4)',
-  'ti-common-scrollbar-thumb-active-bg-color': 'var(--ti-base-color-common-4)'
+  'ti-common-scrollbar-thumb-active-bg-color': 'var(--ti-base-color-common-4)',
+
+  // 以下皆为新增变量
+  // 新增smb缺少的basic-var.less变量
+  // 新增尺寸
+  'ti-common-size-base': '4px',
+  'ti-common-size-2x': 'calc(var(--ti-common-size-base) * 2)',
+  'ti-common-size-3x': 'calc(var(--ti-common-size-base) * 3)',
+  'ti-common-size-4x': 'calc(var(--ti-common-size-base) * 4)',
+  'ti-common-size-5x': 'calc(var(--ti-common-size-base) * 5)',
+  'ti-common-size-6x': 'calc(var(--ti-common-size-base) * 6)',
+  'ti-common-size-7x': 'calc(var(--ti-common-size-base) * 7)',
+  'ti-common-size-8x': 'calc(var(--ti-common-size-base) * 8)',
+  'ti-common-size-9x': 'calc(var(--ti-common-size-base) * 9)',
+  'ti-common-size-10x': 'calc(var(--ti-common-size-base) * 10)',
+  'ti-common-size-11x': 'calc(var(--ti-common-size-base) * 11)',
+  'ti-common-size-12x': 'calc(var(--ti-common-size-base) * 12)',
+  'ti-common-size-13x': 'calc(var(--ti-common-size-base) * 13)',
+  'ti-common-size-14x': 'calc(var(--ti-common-size-base) * 14)',
+  'ti-common-size-15x': 'calc(var(--ti-common-size-base) * 15)',
+  'ti-common-size-16x': 'calc(var(--ti-common-size-base) * 16)',
+  'ti-common-size-17x': 'calc(var(--ti-common-size-base) * 17)',
+  'ti-common-size-18x': 'calc(var(--ti-common-size-base) * 18)',
+  'ti-common-size-19x': 'calc(var(--ti-common-size-base) * 19)',
+  'ti-common-size-20x': 'calc(var(--ti-common-size-base) * 20)',
+  'ti-common-size-21x': 'calc(var(--ti-common-size-base) * 21)',
+  'ti-common-size-22x': 'calc(var(--ti-common-size-base) * 22)',
+  'ti-common-size-23x': 'calc(var(--ti-common-size-base) * 23)',
+  'ti-common-size-24x': 'calc(var(--ti-common-size-base) * 24)',
+  'ti-common-size-25x': 'calc(var(--ti-common-size-base) * 25)',
+  'ti-common-size-26x': 'calc(var(--ti-common-size-base) * 26)',
+  'ti-common-size-27x': 'calc(var(--ti-common-size-base) * 27)',
+  'ti-common-size-28x': 'calc(var(--ti-common-size-base) * 28)',
+  'ti-common-size-29x': 'calc(var(--ti-common-size-base) * 29)',
+  'ti-common-size-30x': 'calc(var(--ti-common-size-base) * 30)',
+  'ti-common-size-31x': 'calc(var(--ti-common-size-base) * 31)',
+  'ti-common-size-32x': 'calc(var(--ti-common-size-base) * 32)',
+  'ti-common-size-33x': 'calc(var(--ti-common-size-base) * 33)',
+  'ti-common-size-34x': 'calc(var(--ti-common-size-base) * 34)',
+  'ti-common-size-35x': 'calc(var(--ti-common-size-base) * 35)',
+  'ti-common-size-36x': 'calc(var(--ti-common-size-base) * 36)',
+  'ti-common-size-37x': 'calc(var(--ti-common-size-base) * 37)',
+  'ti-common-size-38x': 'calc(var(--ti-common-size-base) * 38)',
+  'ti-common-size-39x': 'calc(var(--ti-common-size-base) * 39)',
+  'ti-common-size-40x': 'calc(var(--ti-common-size-base) * 40)',
+  'ti-common-size-41x': 'calc(var(--ti-common-size-base) * 41)',
+  'ti-common-size-42x': 'calc(var(--ti-common-size-base) * 42)',
+  'ti-common-size-43x': 'calc(var(--ti-common-size-base) * 43)',
+  'ti-common-size-44x': 'calc(var(--ti-common-size-base) * 44)',
+  'ti-common-size-45x': 'calc(var(--ti-common-size-base) * 45)',
+  'ti-common-size-46x': 'calc(var(--ti-common-size-base) * 46)',
+  'ti-common-size-47x': 'calc(var(--ti-common-size-base) * 47)',
+  'ti-common-size-48x': 'calc(var(--ti-common-size-base) * 48)',
+  'ti-common-size-49x': 'calc(var(--ti-common-size-base) * 49)',
+  'ti-common-size-50x': 'calc(var(--ti-common-size-base) * 50)',
+
+  // 透明度颜色：主要用于边框色，背景色
+  'ti-base-bg-color-transparent-5': '#0000000D', // 5% 等于 rgba(0, 0, 0, 0.05)
+  'ti-base-bg-color-transparent-8': 'rgba(0,0,0,0.08)',
+  'ti-base-bg-color-transparent-15': 'rgba(0,0,0,0.15)',
+  'ti-base-bg-color-transparent-40': 'rgba(0, 0, 0, 0.4)',
+  'ti-base-bg-color-transparent-50': '#C2C2C280',
+  'ti-base-bg-color-loading-transparent-50': 'rgba(255, 255, 255, 0.5)',
+  'ti-base-bg-color-disabled-transparent-5': 'rgba(0,0,0,0.05)',
+
+  // 文本色
+  'ti-base-text-color-1': '#F76360',
+  'ti-base-text-color-2': '#F2F2F2',
+
+  'ti-base-font-family': '"Manrop","Manrope-Medium"',
+
+  // 新增阴影
+  'ti-base-box-shadow-1': '0px 2px 12px 0px rgba(0,0,0,0.08)',
+
+  // 新属性变量
+  'ti-base-text-decoration-underline': 'underline',
+  'ti-base-display-block': 'block',
+  'ti-base-opacity-10': '1',
+
+  'ti-common-color-transparent': 'var(--ti-base-color-transparent)',
+  'ti-common-font-weight-4': 'normal',
+  'ti-common-border-weight-normal': '1px',
+  'ti-common-size-0': '0px',
+  'ti-common-size-auto': 'auto',
+  'ti-common-font-weight-6': '600',
+  'ti-common-border-radius-0': '0px',
+  'ti-common-border-weight-1': '2px',
+  'ti-common-line-height-number': '1.5',
+
+  // 新属性变量
+  'ti-common-text-decoration-underline': 'var(--ti-base-text-decoration-underline)',
+  'ti-common-display-block': 'var(--ti-base-display-block)',
+  'ti-common-opacity-1': 'var(--ti-base-opacity-10)',
+
+  'ti-common-bg-color-active': 'var(--ti-base-bg-color-transparent-5)', // 活跃背景色
+  'ti-common-bg-color-hover-40': 'var(--ti-base-bg-color-transparent-40)',
+  'ti-common-bg-color-transparent-15': 'var(--ti-base-bg-color-transparent-15)', // 活跃背景色
+  'ti-common-bg-color-transparent-50': 'var(--ti-base-bg-color-transparent-50)', // 禁用背景色
+  'ti-common-bg-color-loading-transparent-50': 'var(--ti-base-bg-color-loading-transparent-50)', // 加载中背景色
+  'ti-common-bg-color-disabled-transparent-5': 'var(--ti-base-bg-color-disabled-transparent-5)', // 禁用背景色
+  'ti-common-text-color-active': 'var(--ti-base-text-color-1)', // 文本色
+  'ti-common-box-shadow-popover': 'var(--ti-base-box-shadow-1)', // 弹出框阴影
+  'ti-common-text-color-disabled': 'var(--ti-base-text-color-2)', // 禁用色
+
+  'ti-common-border-color-transparent-8': 'var(--ti-base-bg-color-transparent-8)', // 折叠框边框色
+
+  'ti-common-input-font-family': 'var(--ti-base-font-family)' // 输入框字体
 }
 
-export * from './component'
+export * from './component.js'

package/transfer/smb-theme.js

@@ -0,0 +1,9 @@
+export const tinyTransferSmbTheme = {
+  // transfer-SMB主题
+  'ti-transfer-panel-item-text-color': 'var(--ti-common-color-info-normal)',
+  'ti-transfer-button-bg-color': 'var(--ti-common-color-prompt)',
+  'ti-transfer-font-size': 'var(--ti-common-font-size-1)',
+  'ti-transfer-button-border-radius': 'var(--ti-common-space-6)',
+  'ti-transfer-panel-border-color': 'var(--ti-common-color-line-disabled)',
+  'ti-transfer-panel-item-hover-bg-color': 'var(--ti-common-color-hover-background)'
+}

package/tree-menu/index.css

@@ -1 +1 @@
-.tiny-tree-menu{--ti-tree-menu-width:calc(var(--ti-common-space-10, 10px) * 27);--ti-tree-menu-node-height:var(--ti-common-size-10x, 40px);--ti-tree-menu-font-size:var(--ti-common-font-size-base, 12px);--ti-tree-menu-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tree-menu-node-body-text-padding-horizontal:0;--ti-tree-menu-node-selected-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-tree-menu-node-current-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-tree-menu-square-left-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tree-menu-node-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tree-menu-node-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tree-menu-collapse-icon-fill-color:var(--ti-common-color-icon-normal, #575d6c);--ti-tree-menu-collapse-icon-margin-right:var(--ti-common-size-2x, 8px);--tree-menu-node-number-font-size:var(--ti-common-font-size-base, 12px);--tree-menu-node-vertical-line-margin-right:var(--ti-common-size-4x, 16px);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}
+.tiny-tree-menu{--ti-tree-menu-width:calc(var(--ti-common-space-10, 10px) * 27);--ti-tree-menu-node-height:var(--ti-common-size-10x, 40px);--ti-tree-menu-font-size:var(--ti-common-font-size-base, 12px);--ti-tree-menu-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tree-menu-node-body-text-padding-horizontal:0;--ti-tree-menu-node-selected-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-tree-menu-node-current-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-tree-menu-square-left-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tree-menu-node-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tree-menu-node-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tree-menu-collapse-icon-fill-color:var(--ti-common-color-icon-normal, #575d6c);--ti-tree-menu-collapse-icon-margin-right:var(--ti-common-size-2x, 8px);--ti-tree-menu-node-number-font-size:var(--ti-common-font-size-base, 12px);--ti-tree-menu-node-vertical-line-margin-right:var(--ti-common-size-4x, 16px);--ti-tree-menu-prefix-icon-margin-right:var(--ti-common-size-2x, 8px);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(--ti-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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--ti-tree-menu-node-body-text-padding-horizontal)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{margin-right:var(--ti-tree-menu-prefix-icon-margin-right)}.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(--ti-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-box{max-width:100%;padding-right: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}