@opentiny/vue-theme 3.17.4 → 3.18.0

package/_dist/theme/smb-theme/component.js

@@ -38,9 +38,11 @@ export const concatTheme = {
   'tvue-alert-description-margin-top': 'var(--tvue-common-space-2x)',
   'tvue-alert-icon-margin-top': 'calc(var(--tvue-common-space-6) / 2)',
   'tvue-alert-close-position-top': 'var(--tvue-common-space-3x)',
-  'tvue-anchor-width': '160px',
-  'tvue-anchor-text-color': '#595959',
-  'tvue-anchor-link-active-text-color': '#191919',
+  'tvue-anchor-width': 'var(--tvue-common-size-40x)',
+  'tvue-anchor-text-color': 'var(--tvue-common-color-text-secondary)',
+  'tvue-anchor-line-bg-color': 'var(--tvue-common-scrollbar-thumb-bg-color)',
+  'tvue-anchor-link-active-text-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-anchor-line-opacity': '1',
   'tvue-badge-size': 'var(--tvue-common-font-size-2)',
   'tvue-badge-bg-color': 'var(--tvue-base-color-error)',
   'tvue-badge-font-size': 'var(--tvue-common-font-size-0)',
@@ -67,7 +69,23 @@ export const concatTheme = {
   'tvue-breadcrumb-text-line-height': '22px',
   'tvue-breadcrumb-hover-text-decoration': 'underline',
   'tvue-breadcrumb-separator-width': 'var(--tvue-common-size-4x)',
-  'tvue-bulletin-board-tabs-item-hover-text-color': '#1890ff',
+  'tvue-bulletin-board-tabs-item-hover-text-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-bulletin-board-item-title-text-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-bulletin-board-more-text-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-bulletin-board-item-title-text-margin-bottom': 'var(--tvue-common-space-2x)',
+  'tvue-bulletin-board-item-margin-bottom': 'var(--tvue-common-space-6x)',
+  'tvue-bulletin-board-new-padding-left': 'var(--tvue-common-size-base)',
+  'tvue-bulletin-board-new-font-family': 'PingFangSC ,PingFangSC-Regular',
+  'tvue-bulletin-board-tabs-item-text-padding-right': 'var(--tvue-common-space-0)',
+  'tvue-bulletin-board-contentr-padding-right': 'var(--tvue-common-space-0)',
+  'tvue-bulletin-board-new-margin-left': 'var(--tvue-common-space-6)',
+  'tvue-bulletin-board-contentr-padding-button': 'var(--tvue-common-space-0)',
+  'tvue-bulletin-board-new-font-size': 'var(--tvue-common-font-size-0)',
+  'tvue-bulletin-board-item-title-font-weight': 'var(--tvue-common-font-weight-bold)',
+  'tvue-bulletin-board-new-text-color': 'var(--tvue-common-color-error-border)',
+  'tvue-bulletin-board-new-bg-color': 'var(--tvue-common-color-error-border-secondary)',
+  'tvue-bulletin-board-new-border-radius': 'var(--tvue-common-border-radius-1)',
+  'tvue-bulletin-board-tabs-item-hover-text-font-weight': 'var(--tvue-common-font-weight-bold)',
   'tvue-button-normal-text-color': '#191919',
   'tvue-button-normal-border-color': '#595959',
   'tvue-button-border-radius': '25px',
@@ -205,20 +223,21 @@ export const concatTheme = {
   'tvue-cascader-close-hover-icon-color': '#191919',
   'tvue-cascader-menu-border-color': '#f5f5f5',
   'tvue-cascader-menu-width': '159px',
-  'tvue-cascader-node-label-padding-horizontal': '0px',
-  'tvue-cascader-node-postfix-right': '16px',
-  'tvue-cascader-node-disabled-bg-color': '#fff',
-  'tvue-cascader-node-disabled-icon-color': '#c2c2c2',
-  'tvue-cascader-node-label-max-width': '126px',
-  'tvue-cascader-node-selectable-active-bg-color': '#fff',
-  'tvue-cascader-node-active-font-weight': 'bold',
-  'tvue-cascader-node-hover-text-color': '#191919',
+  'tvue-cascader-node-label-padding-horizontal': 'var(--tvue-common-space-0)',
+  'tvue-cascader-node-postfix-right': 'var(--tvue-common-space-4x)',
+  'tvue-cascader-node-disabled-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-cascader-node-disabled-icon-color': 'var(--tvue-common-color-text-link-darkbg-hover)',
+  'tvue-cascader-node-label-max-width': 'calc(var(--tvue-common-space-2) * 53 + 1px)',
+  'tvue-cascader-node-selectable-active-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-cascader-node-active-font-weight': 'var(--tvue-common-font-weight-bold)',
+  'tvue-cascader-node-hover-text-color': 'var(--tvue-common-color-primary-normal)',
   'tvue-cascader-node-prefix-display': 'none',
-  'tvue-cascader-node-icon-color': '#808080',
-  'tvue-cascader-node-text-color': '#191919',
-  'tvue-cascader-node-selectable-text-color': '#1476ff',
+  'tvue-cascader-node-icon-color': 'var(--tvue-common-color-icon-normal)',
+  'tvue-cascader-node-text-color': 'var(--tvue-common-color-primary-normal)',
+  'tvue-cascader-node-selectable-text-color': 'var(--tvue-common-color-text-highlight)',
   'tvue-cascader-node-icon-font-size': 'var(--tvue-common-font-size-2)',
-  'tvue-cascader-node-active-icon-color': '#191919',
+  'tvue-cascader-menu-list-padding-vertical': 'var(--tvue-common-space-2x)',
+  'tvue-cascader-node-active-icon-color': 'var(--tvue-common-color-primary-normal)',
   'tvue-cascader-panel-node-label-padding-left': '16px',
   'tvue-cascader-panel-node-label-padding-right': '16px',
   'tvue-cascader-panel-node-border-radius': '0px',
@@ -293,6 +312,12 @@ export const concatTheme = {
   'tvue-collapse-item-header-bg-color': 'var(--tvue-common-color-bg-white-normal)',
   'tvue-collapse-item-wrap-bg-color': 'var(--tvue-common-bg-minor)',
   'tvue-collapse-item-arrow-margin-right': 'var(--tvue-common-space-3x)',
+  'tvue-color-select-panel-border-radius-xs': 'var(--tvue-common-border-radius-4)',
+  'tvue-color-select-panel-border-radius-sm': 'var(--tvue-common-border-radius-2)',
+  'tvue-color-select-panel-tools-line-height': 'var(--tvue-common-size-height-medium)',
+  'tvue-color-select-panel-btn-margin': '8px',
+  'tvue-color-select-panel-collapse-color': 'var(--tvue-common-color-primary-normal)',
+  'tvue-color-select-panel-btn-border-hover-color': 'var(--tvue-common-color-border-hover)',
   'tvue-picker-panel-content-border-color': 'var(--tvue-base-color-common-5, #f0f0f0)',
   'tvue-picker-panel-content-padding-top': '12px',
   'tvue-picker-panel-content-padding-left': '16px',
@@ -323,6 +348,9 @@ export const concatTheme = {
   'tvue-date-table-start-date-border-radius': '14px',
   'tvue-date-table-td-today-border-color': 'transparent',
   'tvue-date-table-cell-selected-border-radius': '14px',
+  'tvue-date-table-tr-line-height': '16px',
+  'tvue-date-table-td-disabled-border-radius': '50%',
+  'tvue-date-table-td-row-disabled-border-radius': 'unset',
   'tvue-dialog-box-drawer-padding-right': 'var(--tvue-common-space-8x)',
   'tvue-dialog-box-border-radius': 'var(--tvue-common-border-radius-4)',
   'tvue-dialog-box-shadow': 'var(--tvue-common-shadow-4-down)',
@@ -396,27 +424,29 @@ export const concatTheme = {
   'tvue-dropdown-item-font-weight-selected': 'var(--tvue-common-font-weight-6)',
   'tvue-dropdown-menu-padding-vertical': 'var(--tvue-common-space-2x)',
   'tvue-dropdown-menu-min-width': '124px',
-  'tvue-fall-menu-bg-color-normal': '#5e7ce0',
-  'tvue-fall-menu-bg-color-hover': '#7693f5',
-  'tvue-fall-menu-slot-text-color': '#fff',
-  'tvue-fall-menu-slot-bg-color': '#fff',
-  'tvue-fall-menu-box-text-color': '#5e7ce0',
-  'tvue-fall-menu-box-title-text-color': '#adb0b8',
-  'tvue-fall-menu-box-hover-text-color': '#7693f5',
+  'tvue-fall-menu-bg-color-normal': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-fall-menu-bg-color-hover': 'var(--tvue-common-color-hover-background)',
+  'tvue-fall-menu-slot-text-color': 'var(--tvue-common-color-text-gray)',
+  'tvue-fall-menu-slot-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-fall-menu-box-text-color': 'var(--tvue-common-color-text-secondary)',
+  'tvue-fall-menu-box-title-text-color': 'var(--tvue-common-color-text-gray)',
+  'tvue-fall-menu-box-hover-text-color': 'var(--tvue-common-color-text-gray)',
+  'tvue-fall-menu-li-color-hover': 'var(--tvue-common-color-line-active)',
   'tvue-form-label-top-margin-bottom': 'var(--tvue-common-space-4x)',
   'tvue-form-label-top-label-line-height': '1.5',
   'tvue-form-label-top-label-height': 'calc(1.5em + 8px)',
   'tvue-form-item-label-text-color': 'var(--tvue-common-color-text-secondary)',
-  'tvue-form-item-margin-bottom-default': '24px',
-  'tvue-form-item-margin-bottom-mini': '12px',
-  'tvue-form-item-margin-bottom-small': '20px',
-  'tvue-form-item-margin-bottom-medium': '24px',
-  'tvue-form-item-input-mini-height': '20px',
-  'tvue-form-item-input-small-height': '24px',
-  'tvue-form-item-input-medium-height': '32px',
-  'tvue-form-item-mini-line-height': '20px',
-  'tvue-form-item-small-line-height': '24px',
-  'tvue-form-item-medium-line-height': '32px',
+  'tvue-form-item-margin-bottom-default': 'var(--tvue-common-space-6x)',
+  'tvue-form-item-margin-bottom-mini': 'var(--tvue-common-space-3x)',
+  'tvue-form-item-margin-bottom-small': 'var(--tvue-common-space-5x)',
+  'tvue-form-item-margin-bottom-medium': 'var(--tvue-common-space-6x)',
+  'tvue-form-item-input-mini-height': 'var(--tvue-common-space-5x)',
+  'tvue-form-item-input-small-height': 'var(--tvue-common-space-6x)',
+  'tvue-form-item-input-medium-height': 'var(--tvue-common-space-8x)',
+  'tvue-form-item-mini-line-height': 'var(--tvue-common-space-5x)',
+  'tvue-form-item-small-line-height': 'var(--tvue-common-space-6x)',
+  'tvue-form-item-medium-line-height': 'var(--tvue-common-space-8x)',
+  'tvue-form-item-label-padding-right': 'var(--tvue-common-space-6x)',
   'tvue-grid-header-background-color': '#F5F5F5',
   'tvue-grid-header-font-weight': 'bold',
   'tvue-grid-medium-header-column-height': '46px',
@@ -455,30 +485,36 @@ export const concatTheme = {
   'tvue-grid-loading-background-color': 'rgba(255, 255, 255, 0.67)',
   'tvue-grid-tree-expand-icon-font-size': 'var(--tvue-common-font-size-2)',
   'tvue-grid-tree-expand-icon-translate-x': '-2px',
-  'tvue-guide-header-padding-top': 'var(--tvue-common-space-4x)',
-  'tvue-guide-header-padding-left': 'var(--tvue-common-space-4x)',
-  'tvue-guide-header-padding-right': 'var(--tvue-common-space-4x)',
-  'tvue-guide-footer-padding-left': 'var(--tvue-common-space-4x)',
-  'tvue-guide-footer-padding-right': 'var(--tvue-common-space-4x)',
-  'tvue-guide-footer-padding-bottom': 'var(--tvue-common-space-4x)',
-  'tvue-guide-text-padding-horizontal': 'var(--tvue-common-space-4x)',
+  'tvue-guide-header-padding-top': 'var(--tvue-common-space-6x)',
+  'tvue-guide-header-padding-left': 'var(--tvue-common-space-6x)',
+  'tvue-guide-header-padding-right': 'var(--tvue-common-space-6x)',
+  'tvue-guide-footer-padding-left': 'var(--tvue-common-space-6x)',
+  'tvue-guide-footer-padding-right': 'var(--tvue-common-space-6x)',
+  'tvue-guide-footer-padding-bottom': 'var(--tvue-common-space-6x)',
+  'tvue-guide-text-padding-horizontal': 'var(--tvue-common-space-6x)',
   'tvue-guide-text-padding-bottom': 'var(--tvue-common-space-6x)',
   'tvue-guide-text-padding-top': 'var(--tvue-common-space-2x)',
   'tvue-guide-button-width': 'calc(var(--tvue-common-line-height-8) + 8px)',
   'tvue-guide-button-height': 'var(--tvue-common-line-height-2)',
-  'tvue-guide-progress-style-left': 'var(--tvue-common-space-4x)',
+  'tvue-guide-progress-style-left': 'var(--tvue-common-space-6x)',
   'tvue-guide-title-text-font-size': 'var(--tvue-common-font-size-2)',
   'tvue-guide-title-line-height': 'var(--tvue-common-line-height-2)',
   'tvue-guide-text-line-height': 'var(--tvue-common-line-height-2)',
-  'tvue-guide-button-bg-color': 'var(--tvue-base-color-bg-5)',
+  'tvue-guide-button-bg-color': 'var(--tvue-common-color-light)',
   'tvue-guide-button-text-color': '#191919',
-  'tvue-guide-button-hover-bg-color': 'var(--tvue-base-color-bg-5)',
-  'tvue-guide-button-active-bg-color': 'var(--tvue-base-color-bg-5)',
-  'tvue-guide-button-focus-bg-color': 'var(--tvue-base-color-bg-5)',
-  'tvue-guide-button-hover-border-color': '#191919',
-  'tvue-guide-button-border': '#c2c2c2',
-  'tvue-guide-cancel-icon-margin-top': 'calc(var(--tvue-common-space-base) * (-3))',
-  'tvue-guide-cancel-icon-margin-right': 'var(--tvue-common-space-0)',
+  'tvue-guide-button-hover-bg-color': 'var(--tvue-common-color-light)',
+  'tvue-guide-button-active-bg-color': 'var(--tvue-common-color-light)',
+  'tvue-guide-button-focus-bg-color': 'var(--tvue-common-color-light)',
+  'tvue-guide-button-hover-border-color': '#C2C2C2',
+  'tvue-guide-button-border': '#595959',
+  'tvue-guide-text-text-color': '#595959',
+  'tvue-guide-progresss-text-color': '#808080',
+  'tvue-guide-cancel-icon-margin-top': 'calc(var(--tvue-common-space-base) * (-6))',
+  'tvue-guide-cancel-icon-margin-right': 'calc(var(--tvue-common-space-base) * (-2))',
+  'tvue-guide-header-border-top-left-radius': 'var(--tvue-common-border-radius-4)',
+  'tvue-guide-header-border-top-right-radius': 'var(--tvue-common-border-radius-4)',
+  'tvue-guide-footer-border-bottom-right-radius': 'var(--tvue-common-border-radius-4)',
+  'tvue-guide-footer-border-bottom-left-radius': 'var(--tvue-common-border-radius-4)',
   'tvue-guide-button-border-radius': 'var(--tvue-common-size-25x)',
   'tvue-input-border-color': 'var(--tvue-common-color-line-normal)',
   'tvue-input-hover-border-color': 'var(--tvue-common-color-line-hover)',
@@ -579,7 +615,33 @@ export const concatTheme = {
   'tvue-month-table-cell-today-border-color': 'var(--tvue-base-color-brand)',
   'tvue-month-table-cell-hover-bg-color': 'var(--tvue-base-color-brand-8)',
   'tvue-month-table-td-div-height': '28px',
-  'tvue-nav-menu-bg-color': '#282b33',
+  'tvue-nav-menu-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-nav-menu-item-text-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-nav-menu-item-more-button-fill': 'var(--tvue-common-color-text-primary)',
+  'tvue-nav-menu-popmenu-more-item-icon-color': 'var(--tvue-common-color-icon-normal)',
+  'tvue-nav-menu-popmenu-more-item-hover-text-color': 'var(--tvue-common-color-primary-normal)',
+  'tvue-nav-menu-popmenu-text-color': 'var(--tvue-common-color-text-secondary)',
+  'tvue-nav-menu-item-hover-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-nav-menu-item-text-font-weight': 'var(--tvue-common-font-weight-bold)',
+  'tvue-nav-menu-popmenu-selected-font-weight': 'var(--tvue-common-font-weight-bold)',
+  'tvue-nav-menu-item-selected-underline-height': 'var(--tvue-common-border-weight-1)',
+  'tvue-nav-menu-item-selected-underline-bg-color': 'var(--tvue-common-color-text-primary)',
+  'tvue-nav-menu-submenu-group-margin-top': 'var(--tvue-common-size-9x)',
+  'tvue-nav-menu-padding': 'var(--tvue-common-size-4x)',
+  'tvue-nav-menu-item-li-margin': 'var(--tvue-common-size-4x)',
+  'tvue-nav-menu-slot-logo-margin-left': 'var(--tvue-common-size-4x)',
+  'tvue-nav-menu-slot-logo-margin-right': 'var(--tvue-common-size-12x)',
+  'tvue-nav-menu-popmenu-node-item-padding-top': 'var(--tvue-common-space-0)',
+  'tvue-nav-menu-popmenu-node-item-padding-button': 'calc(var(--tvue-common-space-3x) + 2px)',
+  'tvue-nav-menu-submenu-padding-horizontal': 'calc(var(--tvue-common-space-base) * 20.5)',
+  'tvue-nav-menu-popmenu-node-title-margin-bottom': 'calc(var(--tvue-common-space-4x) + 2px)',
+  'tvue-nav-menu-popmenu-text-font-size': 'var(--tvue-common-font-size-0)',
+  'tvue-nav-menu-popmenu-more-item-hover-bg-color': '#F5F5F5',
+  'tvue-nav-menu-popmenu-more-item-active-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-nav-menu-popmenu-more-item-selected-bg-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-nav-menu-popmenu-border-color': 'var(--tvue-common-color-bg-navigation)',
+  'tvue-nav-menu-popmenu-box-shadow': 'var(--tvue-common-shadow-2-down)',
+  'tvue-nav-menu-item-font-size': 'var(--tvue-common-font-size-base)',
   'tvue-notify-max-width': '340px',
   'tvue-notify-message-margin-left': 'var(--tvue-common-space-2x)',
   'tvue-notify-info-bg-color': 'var(--tvue-common-color-bg-navigation)',
@@ -639,47 +701,52 @@ export const concatTheme = {
   'tvue-option-group-title-line-height': 'var(--tvue-common-line-height-base)',
   'tvue-option-group-title-height': 'var(--tvue-common-size-auto)',
   'tvue-pager-primary-bg-color': 'var(--tvue-common-color-bg-white-emphasize)',
-  'tvue-pager-active-bg-color': '#0000000D',
-  'tvue-pager-li-border-radius': '20px',
-  'tvue-pager-height': '32px',
-  'tvue-pager-input-height': '32px',
-  'tvue-pager-poplist-item-padding-horizontal': '8px',
+  'tvue-pager-active-bg-color': '#F5F5F5',
+  'tvue-pager-li-border-radius': 'var(--tvue-common-border-radius-6)',
+  'tvue-pager-height': 'var(--tvue-common-size-height-normal)',
+  'tvue-pager-input-height': 'var(--tvue-common-size-height-normal)',
+  'tvue-pager-poplist-item-padding-horizontal': 'var(--tvue-common-space-2x)',
   'tvue-pager-active-font-color': 'var(--tvue-common-color-text-primary)',
   'tvue-pager-li-item-hover-text-color': 'var(--tvue-pager-text-color)',
   'tvue-pager-goto-btn-text-hover-color': 'var(--tvue-common-color-selected-text-color)',
-  'tvue-pager-total-font-size': '14px',
-  'tvue-pager-total-height': '22px',
-  'tvue-pager-total-line-height': '22px',
-  'tvue-pager-input-border-color': '#C2C2C2',
+  'tvue-pager-total-font-size': 'var(--tvue-common-font-size-base)',
+  'tvue-pager-total-height': 'var(--tvue-common-line-height-2)',
+  'tvue-pager-total-line-height': 'var(--tvue-common-line-height-2)',
+  'tvue-pager-input-border-color': 'var(--tvue-common-color-line-normal)',
   'tvue-pager-total-svg-fill-color': 'var(--tvue-common-color-icon-normal)',
-  'tvue-pager-input-padding-vertical': '12px',
-  'tvue-pager-svg-font-size': '16px',
-  'tvue-pager-prev-padding-left': '0px',
-  'tvue-pager-prev-padding-right': '0px',
-  'tvue-pager-prev-margin-left': '16px',
-  'tvue-pager-prev-margin-right': '8px',
-  'tvue-pager-next-margin-left': '8px',
-  'tvue-pager-next-margin-right': '0px',
-  'tvue-pager-next-padding-right': '0px',
+  'tvue-pager-input-padding-vertical': 'var(--tvue-common-space-3x)',
+  'tvue-pager-svg-font-size': 'var(--tvue-common-font-size-2)',
+  'tvue-pager-prev-padding-left': 'var(--tvue-common-space-0)',
+  'tvue-pager-prev-padding-right': 'var(--tvue-common-space-0)',
+  'tvue-pager-prev-margin-left': 'var(--tvue-common-space-4x)',
+  'tvue-pager-prev-margin-right': 'var(--tvue-common-space-2x)',
+  'tvue-pager-next-margin-left': 'var(--tvue-common-space-2x)',
+  'tvue-pager-next-margin-right': 'var(--tvue-common-space-0)',
+  'tvue-pager-next-padding-right': 'var(--tvue-common-space-0)',
   'tvue-pager-btn-svg-fill-color': 'var(--tvue-common-color-icon-normal)',
-  'tvue-pager-active-font-weight': '600',
-  'tvue-pager-dot-is-popup-svg-font-size': '16px',
-  'tvue-pager-poplist-item-hover-bg-color': '#0000000D',
-  'tvue-pager-poplist-item-hover-text-color': '#191919',
+  'tvue-pager-active-font-weight': 'var(--tvue-common-font-weight-bold)',
+  'tvue-pager-dot-is-popup-svg-font-size': 'var(--tvue-common-font-size-2)',
+  'tvue-pager-poplist-item-hover-bg-color': '#F5F5F5',
+  'tvue-pager-poplist-item-hover-text-color': 'var(--tvue-common-color-text-primary)',
   'tvue-pager-li-item-hover-font-weight': 'var(--tvue-common-font-weight-6)',
-  'tvue-pager-min-width': '32px',
+  'tvue-pager-min-width': 'var(--tvue-common-size-height-normal)',
   'tvue-pager-prev-next-hover-bg-color': 'transparent',
-  'tvue-pager-group-sizes-margin-right': '0px',
+  'tvue-pager-group-sizes-margin-right': 'var(--tvue-common-space-0)',
   'tvue-pager-sizes-input-hover-text-color': '#595959',
-  'tvue-pager-input-btn-width': '24px',
-  'tvue-pager-selector-padding-vertical': '8px',
-  'tvue-pager-pop-body-margin-top': '4px',
-  'tvue-pager-poplist-item-selected-bg-color': '#0000000D',
-  'tvue-pager-poplist-item-min-height': '32px',
-  'tvue-pager-mini-min-width': '24px',
-  'tvue-pager-sizes-num-margin-right': '2px',
+  'tvue-pager-input-btn-width': 'var(--tvue-common-size-width-mini)',
+  'tvue-pager-selector-padding-vertical': 'var(--tvue-common-space-2x)',
+  'tvue-pager-pop-body-margin-top': 'var(--tvue-common-space-base)',
+  'tvue-pager-poplist-item-selected-bg-color': '#F5F5F5',
+  'tvue-pager-poplist-item-min-height': 'var(--tvue-common-line-height-6)',
+  'tvue-pager-mini-min-width': 'var(--tvue-common-size-width-mini)',
+  'tvue-pager-sizes-num-margin-right': 'var(--tvue-common-dropdown-gap)',
+  'tvue-pager-normal-text-padding-left': 'var(--tvue-common-space-4x)',
   'tvue-date-editor-input-icon-color-fill': 'var(--tvue-base-color-common-2)',
-  'tvue-popupload-dialog-table-icon-color-hover': '#c7000b',
+  'tvue-popupload-dialog-table-border-color': 'var(--tvue-common-color-transparent)',
+  'tvue-popupload-dialog-table-line-bg-color': 'var(--tvue-common-bg-color-transparent-15)',
+  'tvue-popupload-dialog-table-line-height': 'var(--tvue-common-size-4x)',
+  'tvue-popupload-table-item-even-bg-color': 'var(--tvue-common-color-bg-white-normal)',
+  'tvue-popupload-table-item-border-color': 'var(--tvue-common-border-color-transparent-8)',
   'tvue-popconfirm-margin-right': 'var(--tvue-common-space-6x)',
   'tvue-popconfirm-popover-footer-justify-content': 'center',
   'tvue-popconfirm-popover-container-padding-vertical': '7px',
@@ -696,6 +763,7 @@ export const concatTheme = {
   'tvue-progress-bar-inner-bg-color': 'var(--tvue-common-color-data-4)',
   'tvue-progress-bar-text-margin-left': 'var(--tvue-common-space-3x)',
   'tvue-progress-exception-bg-color': '#c7000b',
+  'tvue-progress-bar-outer-bg-color': '#E6E6E6',
   'tvue-radio-margin-right': 'var(--tvue-common-space-6x)',
   'tvue-radio-bordered-border-color': 'var(--tvue-common-color-line-normal)',
   'tvue-radio-bordered-checked-hover-border-color': '#1476FF',
@@ -739,6 +807,7 @@ export const concatTheme = {
   'tvue-select-tags-margin-top': 'var(--tvue-common-space-2)',
   'tvue-select-tags-margin-bottom': 'var(--tvue-common-space-2)',
   'tvue-select-tags-max-height': 'none',
+  'tvue-select-tags-padding-right-disabled': 'var(--tvue-common-space-8x)',
   'tvue-select-collapse-button-text-icon-color': 'var(--tvue-common-color-text-link)',
   'tvue-select-input-icon-top-mini': 'var(--tvue-common-space-4x)',
   'tvue-select-dropdown-border-radius': 'var(--tvue-common-border-radius-3)',
@@ -802,6 +871,8 @@ export const concatTheme = {
   'tvue-slider-input-text-align': 'left',
   'tvue-slider-mark-label-font-size': 'var(--tvue-common-font-size-1)',
   'tvue-slider-mark-label-text-color': '#999999',
+  'tvue-split-trigger-button-border-width': '0',
+  'tvue-split-trigger-button-bg-color': 'var(--tvue-base-color-transparent)',
   'tvue-statistic-description-font-size': 'var(--tvue-common-font-size-5)',
   'tvue-statistic-font-color': 'var(--tvue-common-color-primary-normal)',
   'tvue-statistic-suffix-font-size': 'var(--tvue-common-font-size-0)',
@@ -918,8 +989,28 @@ export const concatTheme = {
   'tvue-textarea-padding-bottom': 'var(--tvue-common-space-4x)',
   'tvue-textarea-disabled-bg-color': '#f2f2f2',
   'tvue-textarea-exceed-text-color': '#c7000b',
-  'tvue-time-select-item-hover-bg-color': 'var(--tvue-base-color-bg)',
-  'tvue-time-select-item-selected-color': 'var(--tvue-base-color-brand-2)',
+  'tvue-time-panel-footer-height': '64px',
+  'tvue-time-panel-footer-padding': '16px',
+  'tvue-time-panel-padding-right': '12px',
+  'tvue-time-panel-width': '220px',
+  'tvue-time-panel-content-split-line-display': 'none',
+  'tvue-time-panel-btn-cancel-display': 'none',
+  'tvue-time-panel-header-display': 'block',
+  'tvue-time-select-item-hover-bg-color': 'var(--tvue-common-color-bg-normal)',
+  'tvue-time-select-item-selected-text-color': 'var(--tvue-common-color-text-highlight)',
+  'tvue-time-select-item-padding-horizontal': 'var(--tvue-common-space-4x)',
+  'tvue-time-spinner-wrapper-max-height': '252px',
+  'tvue-time-spinner-item-margin-top': '12px',
+  'tvue-time-spinner-item-height': '28px',
+  'tvue-time-spinner-item-line-height': '28px',
+  'tvue-time-spinner-item-margin-right': '10px',
+  'tvue-time-spinner-list-margin-bottom': '30px',
+  'tvue-time-spinner-list-margin-top': '10px',
+  'tvue-time-spinner-selected-bg-color': '#deedff',
+  'tvue-time-spinner-item-bg-color': '#deedff',
+  'tvue-time-spinner-selected-border-radius': '16px',
+  'tvue-toggle-menu-tree-node-height': 'var(--tvue-common-size-8x)',
+  'tvue-toggle-menu-font-size': 'var(--tvue-common-font-size-1)',
   'tvue-tooltip-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
   'tvue-tooltip-popper-light-border-color': '#fff',
   'tvue-tooltip-popper-light-text-color': 'var(--tvue-common-color-text-primary)',
@@ -976,11 +1067,10 @@ export const concatTheme = {
   'tvue-upload-list-picture-card-item-icon-color': '#FFFFFF',
   'tvue-upload-list-item-progress-top': '26px',
   'tvue-upload-list-item-line-height': '22px',
-  'tvue-upload-list-item-margin-top': '8px',
-  'tvue-upload-list-picture-card-item-margin-right': '16px',
+  'tvue-upload-list-item-margin-top': 'var(--tvue-common-space-2x)',
+  'tvue-upload-list-picture-card-item-margin-right': 'var(--tvue-common-space-4x)',
   'tvue-upload-list-item-border-radius': 'var(--tvue-common-border-radius-1)',
-  'tvue-upload-picture-card-border-radius': '8px',
-  'tvue-upload-list-svg-close-icon-color': '#191919',
+  'tvue-upload-picture-card-border-radius': 'var(--tvue-common-border-radius-4)',
   'tvue-upload-list-item-hover-background-color': 'rgba(0, 0, 0, 0.05)',
   'tvue-upload-list-svg-icon-font-size': '16px',
   'tvue-upload-list-svg-refresh-position-right': '35px',

package/_dist/theme-tool.js

@@ -83,11 +83,21 @@ export default class TinyThemeTool {
    * 示例1：输入：checkbox-button，输出：.tiny-checkbox-button[class*=tiny]
    * 示例2：输入：month-table，输出：.tiny-month-table[class*=tiny],.tiny-year-table[class*=tiny]
    */
-  getSelectorByKey(key) {
-    if (!definedComponents[key]) return
+  getSelectorByKey(compNameList) {
+    const threeKey = `${compNameList[1]}-${compNameList[2]}-${compNameList[3]}`
+    const twoKey = `${compNameList[1]}-${compNameList[2]}`
+    let key = compNameList[1]
+    let value = definedComponents[key] || key
+    if (definedComponents[threeKey]) {
+      key = threeKey
+      value = definedComponents[threeKey]
+    } else if (definedComponents[twoKey]) {
+      key = twoKey
+      value = definedComponents[twoKey]
+    }
 
     let selector = ''
-    const keyItems = definedComponents[key].split(',')
+    const keyItems = value.split(',')
     keyItems.forEach((componentName, index) => {
       // 加上 [class*=tiny] 是为了提高权重，促使主题变换成功
       selector += '.tiny-' + componentName + '[class*=tiny]' + (index < keyItems.length - 1 ? ',' : '')
@@ -101,13 +111,9 @@ export default class TinyThemeTool {
     if (compNameList.length < 2) {
       return false
     }
-    const threeKey = `${compNameList[1]}-${compNameList[2]}-${compNameList[3]}`
-    const twoKey = `${compNameList[1]}-${compNameList[2]}`
 
     // 优先三段式命名的组件名，优先级从高到低为三段-二段-一段
-    return (
-      this.getSelectorByKey(threeKey) || this.getSelectorByKey(twoKey) || '.tiny-' + compNameList[1] + '[class*=tiny]'
-    )
+    return this.getSelectorByKey(compNameList)
   }
 
   formatCSSVariables(themeData) {

package/_dist/theme.config.js

@@ -27,6 +27,8 @@ export default {
   'checkbox-group': 'checkbox-group',
   'context-menu': 'context-menu',
   'collapse-item': 'collapse-item',
+  'color-select-panel': 'color-select-panel',
+  'color-picker': 'color-picker',
   'detail-page': 'detail-page',
   'dialog-box': 'dialog-box__wrapper',
   'dropdown-item': 'dropdown-item',
@@ -49,10 +51,12 @@ export default {
   'month-table': 'month-table,year-table,quarter-panel__table',
   'nav-menu': 'nav-menu',
   'option-group': 'option-group',
+  'picker-panel': 'picker-panel',
   'popup-horiz-menu': 'popup-horiz-menu',
   'popup-menu': 'popup-menu',
   'popconfirm-popover': 'popconfirm-popover',
-  'picker-panel': 'picker-panel',
+  'popupload-dialog': 'popupload__modal',
+  'popupload-table': 'popupload__modal',
   'quick-link-menu': 'quick-link-menu',
   'time-picker': 'time-picker',
   'time-spinner': 'time-spinner',
@@ -80,7 +84,9 @@ export default {
   'user-head': 'user-head',
   'user-link': 'user-link',
   'year-table': 'year-table',
-  'skeleton': 'skeleton',
   'skeleton-item': 'skeleton-item',
-  'radio-button': 'radio-button'
+  'radio-button': 'radio-button',
+  'color-select-panel': 'color-select-panel',
+  'color-picker': 'color-picker',
+  'split': 'split-wrapper'
 }

package/_dist/time-panel/index.css

@@ -1 +1 @@
-.tiny-time-panel{--tvue-time-panel-border-color:var(--tvue-date-picker-border-color);--tvue-time-panel-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--tvue-time-panel-content-split-line-display:block;--tvue-time-panel-btn-cancel-display:inline-block;--tvue-time-panel-btn-bg-color:transparent;--tvue-time-panel-btn-padding-vertical:0;--tvue-time-panel-btn-padding-horizontal:5px;--tvue-time-panel-btn-border-radius:var(--tvue-common-border-radius-normal, 2px);--tvue-time-panel-btn-height:28px;--tvue-time-panel-btn-min-width:inherit;--tvue-time-panel-btn-font-weight:800;--tvue-time-panel-btn-confirm-hover-bg-color:transparent;--tvue-time-panel-footer-height:36px;--tvue-time-panel-btn-text-color:#303133;--tvue-time-panel-btn-confirm-text-color:var(--tvue-base-color-brand-7, #526ecc);--tvue-time-panel-bg-color:var(--tvue-common-color-light, #fff);--tvue-time-panel-border-radius:var(--tvue-common-border-radius-normal, 2px);--tvue-time-panel-border-color:var(--tvue-common-color-line-dividing, #dfe1e6);margin:5px 0;border:1px solid var(--tvue-time-panel-border-color);background-color:var(--tvue-time-panel-bg-color);-webkit-box-shadow:var(--tvue-time-panel-box-shadow);box-shadow:var(--tvue-time-panel-box-shadow);border-radius:var(--tvue-time-panel-border-radius);position:absolute;width:180px;left:0;z-index:1000;-webkit-box-sizing:content-box;box-sizing:content-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-time-panel__content{font-size:0;position:relative;overflow:hidden}.tiny-time-panel__content:after,.tiny-time-panel__content:before{display:var(--tvue-time-panel-content-split-line-display);content:'';top:50%;position:absolute;margin-top:-19px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--tvue-time-panel-border-color);border-bottom:1px solid var(--tvue-time-panel-border-color)}.tiny-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.tiny-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%}.tiny-time-panel__content.has-seconds:after{left:calc(100% / 3 * 2)}.tiny-time-panel__content.has-seconds:before{padding-left:calc(100% / 3)}.tiny-time-panel__footer{border-top:1px solid var(--tvue-time-panel-border-color);padding:4px;height:36px;height:var(--tvue-time-panel-footer-height,36px);line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-time-panel__btn{min-width:var(--tvue-time-panel-btn-min-width);border:none;line-height:var(--tvue-time-panel-btn-height);padding:var(--tvue-time-panel-btn-padding-vertical) var(--tvue-time-panel-btn-padding-horizontal);margin:0 5px;cursor:pointer;background-color:var(--tvue-time-panel-btn-bg-color);outline:0;font-size:12px;color:var(--tvue-time-panel-btn-text-color);border-radius:var(--tvue-time-panel-btn-border-radius);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1)}.tiny-time-panel__btn.cancel{display:var(--tvue-time-panel-btn-cancel-display)}.tiny-time-panel__btn.confirm{font-weight:var(--tvue-time-panel-btn-font-weight);color:var(--tvue-time-panel-btn-confirm-text-color)}.tiny-time-panel__btn.confirm:hover{background-color:var(--tvue-time-panel-btn-confirm-hover-bg-color)}
+.tiny-time-panel{--tvue-time-panel-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--tvue-time-panel-content-split-line-display:block;--tvue-time-panel-header-display:none;--tvue-time-panel-btn-cancel-display:inline-block;--tvue-time-panel-btn-bg-color:transparent;--tvue-time-panel-btn-padding-vertical:0;--tvue-time-panel-btn-padding-horizontal:5px;--tvue-time-panel-btn-border-radius:var(--tvue-common-border-radius-normal, 2px);--tvue-time-panel-btn-height:28px;--tvue-time-panel-padding-right:0;--tvue-time-panel-btn-min-width:inherit;--tvue-time-panel-btn-font-weight:800;--tvue-time-panel-btn-confirm-hover-bg-color:transparent;--tvue-time-panel-footer-height:36px;--tvue-time-panel-footer-padding:4px;--tvue-time-panel-width:180px;--tvue-time-spinner-list-margin-bottom:0px;--tvue-time-spinner-list-margin-top:0px;--tvue-time-panel-btn-text-color:#303133;--tvue-time-panel-btn-confirm-text-color:var(--tvue-base-color-brand-7, #526ecc);--tvue-time-panel-bg-color:var(--tvue-common-color-light, #fff);--tvue-time-panel-border-radius:var(--tvue-common-border-radius-normal, 2px);--tvue-time-panel-border-color:var(--tvue-common-color-line-dividing, #dfe1e6);margin:5px 0;border:1px solid var(--tvue-time-panel-border-color);background-color:var(--tvue-time-panel-bg-color);-webkit-box-shadow:var(--tvue-time-panel-box-shadow);box-shadow:var(--tvue-time-panel-box-shadow);border-radius:var(--tvue-time-panel-border-radius);position:absolute;width:var(--tvue-time-panel-width);left:0;z-index:1000;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 var(--tvue-time-panel-padding-right);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-time-panel__header{display:var(--tvue-time-panel-header-display)}.tiny-time-panel__header-input{width:212px;margin:16px 4px 24px}.tiny-time-panel__header-input input{height:28px}.tiny-time-panel__header-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;color:grey;margin-bottom:12px;height:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:22px}.tiny-time-panel__content{font-size:0;position:relative;overflow:hidden}.tiny-time-panel__content:after,.tiny-time-panel__content:before{display:var(--tvue-time-panel-content-split-line-display);content:'';top:50%;position:absolute;margin-top:-19px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--tvue-time-panel-border-color);border-bottom:1px solid var(--tvue-time-panel-border-color)}.tiny-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.tiny-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%}.tiny-time-panel__content.has-seconds:after{left:calc(100% / 3 * 2)}.tiny-time-panel__content.has-seconds:before{padding-left:calc(100% / 3)}.tiny-time-panel__footer{border-top:1px solid var(--tvue-time-panel-border-color);padding:var(--tvue-time-panel-footer-padding) 4px;height:var(--tvue-time-panel-footer-height,36px);text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:12px}.tiny-time-panel__btn.tiny-button{min-width:var(--tvue-time-panel-btn-min-width);border:none;line-height:var(--tvue-time-panel-btn-height);padding:var(--tvue-time-panel-btn-padding-vertical) var(--tvue-time-panel-btn-padding-horizontal);margin:0 5px;cursor:pointer;background-color:var(--tvue-time-panel-btn-bg-color);outline:0;font-size:12px;color:var(--tvue-time-panel-btn-text-color);border-radius:var(--tvue-time-panel-btn-border-radius);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1)}.tiny-time-panel__btn.tiny-button.cancel{display:var(--tvue-time-panel-btn-cancel-display)}.tiny-time-panel__btn.tiny-button.confirm{font-weight:var(--tvue-time-panel-btn-font-weight);color:var(--tvue-time-panel-btn-confirm-text-color)}.tiny-time-panel__btn.tiny-button.confirm:hover{background-color:var(--tvue-time-panel-btn-confirm-hover-bg-color)}

package/_dist/time-panel/smb-theme.js

@@ -0,0 +1,9 @@
+export const tinyTimePanelSmbTheme = {
+  'tvue-time-panel-footer-height': '64px',
+  'tvue-time-panel-footer-padding': '16px',
+  'tvue-time-panel-padding-right': '12px',
+  'tvue-time-panel-width': '220px',
+  'tvue-time-panel-content-split-line-display': 'none',
+  'tvue-time-panel-btn-cancel-display': 'none',
+  'tvue-time-panel-header-display': 'block'
+}

package/_dist/time-range/index.css

@@ -1 +1 @@
-.tiny-time-range-picker{--tvue-time-range-picker-header-font-size:var(--tvue-common-font-size-1, 14px);width:354px;overflow:visible}.tiny-time-range-picker__content{position:relative;text-align:center;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%}.tiny-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:var(--tvue-time-range-picker-header-font-size)}.tiny-time-range-picker__body{border-radius:var(--tvue-date-picker-border-radius);border:1px solid var(--tvue-date-picker-border-color)}
+.tiny-time-range-picker{--tvue-time-range-picker-header-font-size:var(--tvue-common-font-size-1, 14px);width:470px;overflow:visible}.tiny-time-range-picker__content{position:relative;text-align:center;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%}.tiny-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:var(--tvue-time-range-picker-header-font-size)}.tiny-time-range-picker__body{border-radius:var(--tvue-date-picker-border-radius);border:1px solid var(--tvue-date-picker-border-color)}

package/_dist/time-select/index.css

@@ -1 +1 @@
-.tiny-time-select{--tvue-time-select-item-height:var(--tvue-common-size-height-normal, 28px);--tvue-time-select-item-text-color:var(--tvue-common-color-text-primary, #252b3a);--tvue-time-select-item-font-size:var(--tvue-common-font-size-base, 12px);--tvue-time-select-item-line-height:var(--tvue-common-size-height-normal, 28px);--tvue-time-select-item-padding-horizontal:var(--tvue-common-size-2x, 8px);--tvue-time-select-item-hover-bg-color:var(--tvue-common-color-selected-background, #5e7ce0);--tvue-time-select-item-disabled-text-color:var(--tvue-common-color-text-disabled, #adb0b8);--tvue-time-select-item-select-hover-bg-color:var(--tvue-common-color-selected-background, #5e7ce0)}.tiny-time-select .tiny-time-select__item{color:var(--tvue-time-select-item-text-color);font-size:var(--tvue-time-select-item-font-size);padding:0 var(--tvue-time-select-item-padding-horizontal);line-height:var(--tvue-time-select-item-line-height);height:var(--tvue-time-select-item-height)}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){color:var(--tvue-time-select-item-selected-color);background-color:var(--tvue-time-select-item-select-hover-bg-color)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--tvue-time-select-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.disabled{color:var(--tvue-time-select-item-disabled-text-color);cursor:not-allowed}
+.tiny-time-select{--tvue-time-select-item-height:var(--tvue-common-size-height-normal, 28px);--tvue-time-select-item-text-color:var(--tvue-common-color-text-primary, #252b3a);--tvue-time-select-item-font-size:var(--tvue-common-font-size-base, 12px);--tvue-time-select-item-line-height:var(--tvue-common-size-height-normal, 28px);--tvue-time-select-item-padding-horizontal:var(--tvue-common-size-2x, 8px);--tvue-time-select-item-hover-bg-color:var(--tvue-common-color-selected-background, #5e7ce0);--tvue-time-select-item-disabled-text-color:var(--tvue-common-color-text-disabled, #adb0b8);--tvue-time-select-item-select-hover-bg-color:var(--tvue-common-color-selected-background, #5e7ce0);--tvue-time-select-item-selected-text-color:var(--tvue-common-color-text-primary, #252b3a)}.tiny-time-select .tiny-time-select__item{color:var(--tvue-time-select-item-text-color);font-size:var(--tvue-time-select-item-font-size);padding:0 var(--tvue-time-select-item-padding-horizontal);line-height:var(--tvue-time-select-item-line-height);height:var(--tvue-time-select-item-height)}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){color:var(--tvue-time-select-item-selected-text-color);background-color:var(--tvue-time-select-item-select-hover-bg-color)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--tvue-time-select-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.disabled{color:var(--tvue-time-select-item-disabled-text-color);cursor:not-allowed}.tiny-time-select .tiny-picker-panel__content{padding-left:0;padding-right:0}

package/_dist/time-select/smb-theme.js

@@ -1,4 +1,5 @@
 export const tinyTimeSelectSmbTheme = {
-  'tvue-time-select-item-hover-bg-color': 'var(--tvue-base-color-bg)',
-  'tvue-time-select-item-selected-color': 'var(--tvue-base-color-brand-2)'
+  'tvue-time-select-item-hover-bg-color': 'var(--tvue-common-color-bg-normal)',
+  'tvue-time-select-item-selected-text-color': 'var(--tvue-common-color-text-highlight)',
+  'tvue-time-select-item-padding-horizontal': 'var(--tvue-common-space-4x)'
 }

package/_dist/time-spinner/index.css

@@ -1 +1 @@
-.tiny-time-spinner{--tvue-time-spinner-arrow-text-color:#909399;--tvue-time-spinner-arrow-hover-text-color:var(--tvue-base-color-brand-7, #526ecc);--tvue-time-spinner-item-active-text-color:#303133;--tvue-time-spinner-item-font-weight:700;--tvue-time-spinner-item-bg-color:transparent;--tvue-time-spinner-list-border-color:transparent;--tvue-time-spinner-font-size:var(--tvue-common-font-size-base, 12px);--tvue-time-spinner-text-color:var(--tvue-base-color-info-normal);--tvue-time-spinner-bg-color:var(--tvue-base-color-light);--tvue-time-spinner-selected-bg-color:#f2f2f3;--tvue-time-spinner-disabled-text-color:var(--tvue-common-color-text-disabled, #adb0b8)}.tiny-time-spinner__wrapper{max-height:190px;overflow:hidden;display:inline-block;width:50%;vertical-align:top;position:relative}.tiny-time-spinner__wrapper.tiny-scrollbar{overflow:hidden}.tiny-time-spinner__wrapper .tiny-scrollbar__wrap:not(.tiny-scrollbar__wrap--hidden-default){padding-bottom:15px}.tiny-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tvue-time-spinner-bg-color);cursor:default}.tiny-time-spinner__wrapper .tiny-time-spinner__list{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.tiny-time-spinner__wrapper:last-child .tiny-time-spinner__list{border-right:0}.tiny-time-spinner__arrow{font-size:var(--tvue-time-spinner-font-size);color:var(--tvue-time-spinner-arrow-text-color);height:30px;line-height:30px;position:absolute;left:0;width:100%;z-index:1;text-align:center;cursor:pointer}.tiny-time-spinner__arrow .tiny-svg{fill:var(--tvue-time-spinner-arrow-text-color)}.tiny-time-spinner__arrow:hover .tiny-svg{fill:var(--tvue-time-spinner-arrow-hover-text-color)}.tiny-time-spinner__arrow.tiny-icon-arrow-up{top:10px}.tiny-time-spinner__arrow.tiny-icon-arrow-down{bottom:10px}.tiny-time-spinner__arrow.tiny-input{width:70%}.tiny-time-spinner__arrow.tiny-input .tiny-input__inner{padding:0;text-align:center}.tiny-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center;border-right:1px solid var(--tvue-time-spinner-list-border-color)}.tiny-time-spinner__list::after,.tiny-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.tiny-time-spinner__item{font-size:var(--tvue-time-spinner-font-size);color:var(--tvue-time-spinner-text-color);height:32px;line-height:32px}.tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tvue-time-spinner-selected-bg-color);cursor:pointer}.tiny-time-spinner__item.active:not(.disabled){color:var(--tvue-time-spinner-item-active-text-color);font-weight:var(--tvue-time-spinner-item-font-weight);background-color:var(--tvue-time-spinner-item-bg-color)}.tiny-time-spinner__item.disabled{color:var(--tvue-time-spinner-disabled-text-color);cursor:not-allowed}.tiny-time-spinner.has-seconds .tiny-time-spinner__wrapper{width:33.3%}
+.tiny-time-spinner{--tvue-time-spinner-arrow-text-color:#909399;--tvue-time-spinner-arrow-hover-text-color:var(--tvue-base-color-brand-7, #526ecc);--tvue-time-spinner-item-active-text-color:#303133;--tvue-time-spinner-item-font-weight:700;--tvue-time-spinner-item-bg-color:transparent;--tvue-time-spinner-list-border-color:transparent;--tvue-time-spinner-font-size:var(--tvue-common-font-size-base, 12px);--tvue-time-spinner-text-color:var(--tvue-base-color-info-normal);--tvue-time-spinner-bg-color:var(--tvue-base-color-light);--tvue-time-spinner-selected-bg-color:#f2f2f3;--tvue-time-spinner-wrapper-max-height:190px;--tvue-time-spinner-item-margin-top:0px;--tvue-time-spinner-item-margin-right:0px;--tvue-time-spinner-item-height:32px;--tvue-time-spinner-item-line-height:32px;--tvue-time-spinner-selected-border-radius:0px;--tvue-time-spinner-disabled-text-color:var(--tvue-common-color-text-disabled, #adb0b8)}.tiny-time-spinner__wrapper{max-height:var(--tvue-time-spinner-wrapper-max-height);overflow:hidden;display:inline-block;width:50%;vertical-align:top;position:relative}.tiny-time-spinner__wrapper.tiny-scrollbar{overflow:hidden}.tiny-time-spinner__wrapper .tiny-scrollbar__wrap:not(.tiny-scrollbar__wrap--hidden-default){padding-bottom:15px}.tiny-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tvue-time-spinner-bg-color);cursor:default}.tiny-time-spinner__wrapper .tiny-time-spinner__list{-webkit-transform:translateY(-6px);transform:translateY(-6px);margin-bottom:var(--tvue-time-spinner-list-margin-bottom);margin-top:var(--tvue-time-spinner-list-margin-top)}.tiny-time-spinner__wrapper:last-child .tiny-time-spinner__list{border-right:0}.tiny-time-spinner__arrow{font-size:var(--tvue-time-spinner-font-size);color:var(--tvue-time-spinner-arrow-text-color);height:30px;line-height:30px;position:absolute;left:0;width:100%;z-index:1;text-align:center;cursor:pointer}.tiny-time-spinner__arrow .tiny-svg{fill:var(--tvue-time-spinner-arrow-text-color)}.tiny-time-spinner__arrow:hover .tiny-svg{fill:var(--tvue-time-spinner-arrow-hover-text-color)}.tiny-time-spinner__arrow.tiny-icon-arrow-up{top:10px}.tiny-time-spinner__arrow.tiny-icon-arrow-down{bottom:10px}.tiny-time-spinner__arrow.tiny-input{width:70%}.tiny-time-spinner__arrow.tiny-input .tiny-input__inner{padding:0;text-align:center}.tiny-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center;border-right:1px solid var(--tvue-time-spinner-list-border-color)}.tiny-time-spinner__list::after,.tiny-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.tiny-time-spinner .tiny-time-spinner__item{text-align:center;margin:var(--tvue-time-spinner-item-margin-top) var(--tvue-time-spinner-item-margin-right) 0;font-size:var(--tvue-time-spinner-font-size);color:var(--tvue-time-spinner-text-color);height:var(--tvue-time-spinner-item-height);line-height:var(--tvue-time-spinner-item-line-height)}.tiny-time-spinner .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tvue-time-spinner-selected-bg-color);cursor:pointer;border-radius:var(--tvue-time-spinner-selected-border-radius)}.tiny-time-spinner .tiny-time-spinner__item.active:not(.disabled){color:var(--tvue-time-spinner-item-active-text-color);font-weight:var(--tvue-time-spinner-item-font-weight);background-color:var(--tvue-time-spinner-item-bg-color);border-radius:var(--tvue-time-spinner-selected-border-radius)}.tiny-time-spinner .tiny-time-spinner__item.disabled{color:var(--tvue-time-spinner-disabled-text-color);cursor:not-allowed}.tiny-time-spinner.has-seconds .tiny-time-spinner__wrapper{width:33.3%}

package/_dist/time-spinner/smb-theme.js

@@ -0,0 +1,12 @@
+export const tinyTimeSpinnerSmbTheme = {
+  'tvue-time-spinner-wrapper-max-height': '252px',
+  'tvue-time-spinner-item-margin-top': '12px',
+  'tvue-time-spinner-item-height': '28px',
+  'tvue-time-spinner-item-line-height': '28px',
+  'tvue-time-spinner-item-margin-right': '10px',
+  'tvue-time-spinner-list-margin-bottom': '30px',
+  'tvue-time-spinner-list-margin-top': '10px',
+  'tvue-time-spinner-selected-bg-color': '#deedff',
+  'tvue-time-spinner-item-bg-color': '#deedff',
+  'tvue-time-spinner-selected-border-radius': '16px'
+}

package/_dist/toggle-menu/index.css

@@ -1 +1 @@
-.tiny-toggle-menu{--tvue-toggle-menu-width:var(--tvue-common-size-50x, 200px);--tvue-toggle-menu-font-size:var(--tvue-common-font-size-base, 12px);--tvue-toggle-menu-name-text-color:var(--tvue-common-color-text-primary, #252b3a);--tvue-toggle-menu-tree-node-height:var(--tvue-common-size-7x, 28px);--tvue-toggle-menu-filter-search-size:var(--tvue-common-size-7x, 28px);--tvue-toggle-menu-filter-search-font-size:var(--tvue-common-font-size-2, 16px);--tvue-toggle-menu-filter-search-icon-color:var(--tvue-base-color-brand-6, #5e7ce0);--tvue-toggle-menu-toggle-icon-color:var(--tvue-base-color-brand-6, #5e7ce0);--tvue-toggle-menu-toggle-icon-color-hover:var(--tvue-common-color-primary-hover, #7693f5);--tvue-toggle-menu-toggle-bg-color:var(--tvue-common-color-border, #adb0b8);width:var(--tvue-toggle-menu-width);position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--tvue-toggle-menu-name-text-color);font-size:var(--tvue-toggle-menu-font-size)}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:4px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:var(--tvue-toggle-menu-filter-search-size);height:var(--tvue-toggle-menu-filter-search-size);line-height:var(--tvue-toggle-menu-filter-search-size);display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--tvue-toggle-menu-filter-search-icon-color);font-size:var(--tvue-toggle-menu-filter-search-font-size)}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:var(--tvue-toggle-menu-filter-search-size);line-height:var(--tvue-toggle-menu-filter-search-size);background:var(--tvue-toggle-menu-toggle-bg-color);cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:auto}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:var(--tvue-toggle-menu-font-size);padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:var(--tvue-toggle-menu-tree-node-height);line-height:var(--tvue-toggle-menu-tree-node-height);font-size:var(--tvue-toggle-menu-font-size);padding-left:0;margin-left:0}
+.tiny-toggle-menu{--tvue-toggle-menu-width:var(--tvue-common-size-50x, 200px);--tvue-toggle-menu-font-size:var(--tvue-common-font-size-base, 12px);--tvue-toggle-menu-name-text-color:var(--tvue-common-color-text-primary, #252b3a);--tvue-toggle-menu-tree-node-height:var(--tvue-common-size-7x, 28px);--tvue-toggle-menu-filter-search-size:var(--tvue-common-size-7x, 28px);--tvue-toggle-menu-filter-search-font-size:var(--tvue-common-font-size-2, 16px);--tvue-toggle-menu-filter-search-icon-color:var(--tvue-base-color-brand-6, #5e7ce0);--tvue-toggle-menu-toggle-icon-color:var(--tvue-base-color-brand-6, #5e7ce0);--tvue-toggle-menu-toggle-icon-color-hover:var(--tvue-common-color-primary-hover, #7693f5);--tvue-toggle-menu-toggle-bg-color:var(--tvue-common-color-border, #adb0b8);--tvue-toggle-menu-toggle-font-weight:var(--tvue-common-font-weight-6);--tvue-toggle-menu-toggle-bg-hover-color:var(--tvue-common-color-hover-background);width:var(--tvue-toggle-menu-width);position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--tvue-toggle-menu-name-text-color);font-size:var(--tvue-toggle-menu-font-size)}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:8px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:var(--tvue-toggle-menu-filter-search-size);height:var(--tvue-toggle-menu-filter-search-size);line-height:var(--tvue-toggle-menu-filter-search-size);display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--tvue-toggle-menu-filter-search-icon-color);font-size:var(--tvue-toggle-menu-filter-search-font-size)}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:var(--tvue-toggle-menu-filter-search-size);line-height:var(--tvue-toggle-menu-filter-search-size);background:var(--tvue-toggle-menu-toggle-bg-color);cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:var(--tvue-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree .is-current:not(.show-checkbox)>.tiny-tree-node__content>.tiny-tree-node__content-left{font-weight:var(--tvue-toggle-menu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content-right:hover,.tiny-toggle-menu .tiny-tree :not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__content-box:hover{background-color:var(--tvue-toggle-menu-toggle-bg-hover-color);font-weight:var(--tvue-toggle-menu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__expand-icon{font-size:16px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:var(--tvue-toggle-menu-font-size);padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:var(--tvue-toggle-menu-tree-node-height);line-height:var(--tvue-toggle-menu-tree-node-height);font-size:var(--tvue-toggle-menu-font-size);padding-left:0;margin-left:0}

package/_dist/toggle-menu/smb-theme.js

@@ -0,0 +1,4 @@
+export const tinyToggleMenuSmbTheme = {
+  'tvue-toggle-menu-tree-node-height': 'var(--tvue-common-size-8x)',
+  'tvue-toggle-menu-font-size': 'var(--tvue-common-font-size-1)'
+}