@opentiny/vue-theme 3.13.3 → 3.14.1

package/theme/infinity-theme/index.js

@@ -18,7 +18,7 @@ export const tinyBaseInfinityTheme = {
   'ti-base-color-brand-6': '#5e7ce0', // 主色蓝
   'ti-base-color-brand-2': '#e9edfa', // 品牌色-2
 
-  /* 1.4 功能色*/
+  /* 1.4 功能色 */
   'ti-base-color-error-3': '#f66f6a', // 错误-3
   'ti-base-color-error-1': '#ffd5d4', // 错误-1
 
@@ -115,7 +115,6 @@ export const tinyBaseInfinityTheme = {
   /**
    * 2.12 字号
    **/
-  'ti-common-font-size-base': '12px', // NewCssVar 正文-常规
   'ti-common-font-size-1': '14px', // NewCssVar 标题-小
   'ti-common-font-size-2': '16px', // NewCssVar 标题-中
   'ti-common-font-size-3': '18px', // NewCssVar 标题-大
@@ -132,7 +131,7 @@ export const tinyBaseInfinityTheme = {
    **/
   'ti-common-color-transparent': 'var(--ti-base-color-transparent)',
 
-  /* 浅底背景状态色*/
+  /* 浅底背景状态色 */
   'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-2)',
 
   /**

package/theme/smb-theme/component.js

@@ -11,47 +11,38 @@ export const concatTheme = {
   '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',
-  'ti-alert-error-border-color': 'transparent',
-  'ti-alert-success-border-color': 'transparent',
-  'ti-alert-info-border-color': 'transparent',
+  'ti-alert-border-weight': 'var(--ti-common-size-0)',
   'ti-alert-close-font-size': 'var(--ti-common-font-size-2)',
-  'ti-alert-large-close-font-size': 'var(--ti-common-font-size-4)',
   'ti-alert-error-close-icon-color': 'var(--ti-common-color-text-weaken)',
   'ti-alert-info-close-icon-color': 'var(--ti-common-color-text-weaken)',
   'ti-alert-success-close-icon-color': 'var(--ti-common-color-text-weaken)',
   'ti-alert-warning-close-icon-color': 'var(--ti-common-color-text-weaken)',
-  'ti-alert-info-close-hover-icon-color': '#191919',
-  'ti-alert-success-close-hover-icon-color': '#191919',
-  'ti-alert-error-close-hover-icon-color': '#191919',
-  'ti-alert-warning-close-hover-icon-color': '#191919',
+  'ti-alert-info-close-hover-icon-color': 'var(--ti-common-color-icon-darkbg-hover)',
+  'ti-alert-success-close-hover-icon-color': 'var(--ti-common-color-icon-darkbg-hover)',
+  'ti-alert-error-close-hover-icon-color': 'var(--ti-common-color-icon-darkbg-hover)',
+  'ti-alert-warning-close-hover-icon-color': 'var(--ti-common-color-icon-darkbg-hover)',
   'ti-alert-normal-margin-vertical': 'var(--ti-common-space-4x)',
-  'ti-alert-normal-margin-horizontal': 'var(--ti-common-space-0)',
-  'ti-alert-normal-content-padding-vertical': 'var(--ti-common-space-0)',
-  'ti-alert-normal-content-padding-horizontal': 'var(--ti-common-space-2x)',
-  'ti-alert-normal-padding-top': 'calc(var(--ti-common-space-2x) + 1px)',
-  'ti-alert-normal-padding-bottom': 'calc(var(--ti-common-space-2x) + 1px)',
-  'ti-alert-normal-padding-left': 'var(--ti-common-space-4x)',
+  'ti-alert-normal-padding-top': 'calc(var(--ti-common-space-2x) + 1.5px)',
+  'ti-alert-normal-padding-bottom': 'calc(var(--ti-common-space-2x) + 1.5px)',
   'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
-  'ti-alert-title-font-size': 'var(--ti-common-font-size-4)',
-  'ti-alert-icon-font-size': 'var(--ti-common-font-size-2)',
-  'ti-alert-large-icon-font-size': '21px',
-  'ti-alert-large-icon-margin-top': '3px',
+  'ti-alert-title-font-size': 'var(--ti-common-font-size-2)',
+  'ti-alert-large-icon-margin-top': 'calc(var(--ti-common-space-6) / 2)',
   'ti-alert-large-padding-top': 'var(--ti-common-space-4x)',
   'ti-alert-large-padding-bottom': 'var(--ti-common-space-4x)',
-  'ti-alert-large-padding-left': 'var(--ti-common-space-4x)',
   'ti-alert-large-padding-right': 'var(--ti-common-space-4x)',
   'ti-alert-large-content-padding-left': 'var(--ti-common-space-2x)',
-  'ti-alert-description-margin-bottom': '0',
+  'ti-alert-description-margin-bottom': 'var(--ti-common-space-0)',
   'ti-alert-description-margin-top': 'var(--ti-common-space-2x)',
-  'ti-alert-description-line-height': '1.5',
-  'ti-alert-icon-margin-top': '3px',
+  'ti-alert-icon-margin-top': 'calc(var(--ti-common-space-6) / 2)',
   '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-size': 'var(--ti-common-font-size-2)',
+  'ti-badge-bg-color': 'var(--ti-base-color-error)',
   'ti-badge-font-size': 'var(--ti-common-font-size-0)',
+  'ti-badge-text-color': 'var(--ti-base-color-bg-7)',
+  'ti-badge-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-breadcrumb-text-color': '#191919',
   'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
   'ti-breadcrumb-text-line-height': '22px',
@@ -133,58 +124,58 @@ export const concatTheme = {
   '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',
-  'ti-button-group-item-active-border-color': '#1476FF',
+  'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-2)',
   'ti-button-group-right-border-radius': 'var(--ti-common-border-radius-normal)',
   'ti-button-group-middle-border-radius': 'var(--ti-common-border-radius-normal)',
   'ti-button-group-left-border-radius': 'var(--ti-common-border-radius-normal)',
-  'ti-button-group-item-btn-text-color': '#595959',
-  'ti-button-group-item-active-bg-color': '#1476FF',
-  'ti-button-group-item-btn-plain-bg-color': 'transparent',
-  'ti-button-group-plain-active-text-color': '#191919',
-  'ti-button-group-item-btn-hover-bg-color': 'transparent',
-  'ti-button-group-item-btn-hover-text-color': '#1476FF',
-  'ti-button-group-item-active-font-size': '12px',
-  'ti-button-group-item-margin-top': 'var(--ti-common-space-0)',
-  'ti-button-group-mini-margin-right': '4px',
-  'ti-button-group-mini-font-size': '12px',
-  'ti-button-group-item-btn-disabled-bg-color': 'transparent',
-  'ti-button-group-item-active-disabled-bg-color': 'rgba(0,0,0,0.05)',
-  'ti-button-group-item-btn-hover-border-color': '#1476FF',
-  'ti-button-group-active-hover-border-color': '#1476FF',
-  'ti-button-group-btn-padding-horizontal': '24px',
-  'ti-button-group-mini-padding-horizontal': '16px',
-  'ti-button-group-item-btn-disabled-border-color': '#dbdbdb',
-  'ti-button-group-mini-border-radius': '4px',
-  'ti-button-group-no-border-hover-border-color': 'transparent',
-  'ti-button-group-no-border-hover-bg-color': 'rgba(0,0,0,0.05)',
-  'ti-button-group-no-border-active-hover-bg-color': '#1476FF',
-  'ti-button-group-no-border-border-color': '#1476FF',
-  'ti-button-group-item-bg-color': 'var(--ti-common-color-bg-white-normal)',
-  '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-button-group-item-btn-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-button-group-item-active-bg-color': 'var(--ti-common-color-prompt)',
+  'ti-button-group-item-btn-hover-bg-color': 'var(--ti-common-color-bg-normal)',
+  'ti-button-group-item-active-disabled-bg-color': 'var(--ti-common-color-bg-light-emphasize)',
+  'ti-button-group-btn-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-button-group-mini-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-button-group-item-bg-color': 'var(--ti-common-color-bg-normal)',
+  'ti-button-group-item-btn-active-hover-bg-color': 'var(--ti-common-color-prompt)',
+  'ti-button-group-item-btn-width': 'var(--ti-common-size-auto)',
+  'ti-button-group-item-active-disabled-text-color': 'var(--ti-common-color-light)',
+  'ti-button-group-item-sup-position-top': 'var(--ti-common-space-0)',
+  'ti-button-group-item-sup-height': 'var(--ti-common-line-height-base)',
+  'ti-button-group-mini-side-border-radius': 'var(--ti-button-group-mini-border-radius)',
+  'ti-card-bg-color': 'var(--ti-base-color-bg-7)',
+  'ti-card-box-shadow': 'none',
+  'ti-card-default-border-color': '#fff',
+  'ti-card-title-font-size': '16px',
+  'ti-card-title-text-color': '#191919',
+  'ti-card-title-font-weight': 'bold',
+  'ti-card-main-font-size': '14px',
+  'ti-card-main-text-color': '#595959',
+  'ti-card-option-top-border-color': '#f0f0f0',
+  'ti-card-option-text-color': '#191919',
+  'ti-card-option-font-size': '16px',
+  'ti-card-large-body-padding': '24px',
+  'ti-card-medium-body-padding': '24px',
+  'ti-card-small-body-padding': '16px',
+  'ti-card-mini-body-padding': '12px',
   '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-bg-color': '#F0F0F0',
+  'ti-carousel-indicator-active-text-color': '#595959',
   '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-hover-text-color': '#191919',
   '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-indicator-button-bg-color': '#E6E6E6',
   '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-margin-right': 'var(--ti-common-space-3x)',
   '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-arrow-hover-bg-color': '#E6E6E6',
   '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',
@@ -259,7 +250,7 @@ export const concatTheme = {
   'ti-checkbox-group-1st-child-border-radius': '6px',
   'ti-checkbox-group-last-child-border-radius': '6px',
   'ti-collapse-item-border-radius': '0',
-  'ti-collapse-item-header-padding-vertical': '9px',
+  'ti-collapse-item-header-padding-vertical': 'var(--ti-common-size-3x)',
   'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-5x)',
   'ti-collapse-item-header-min-height': 'var(--ti-common-size-height-medium)',
   'ti-collapse-item-icon-color': '#808080',
@@ -270,14 +261,41 @@ export const concatTheme = {
   'ti-collapse-item-content-padding-right': 'var(--ti-common-space-5x)',
   'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
   'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
-  'ti-collapse-item-arrow-hover-text-color': '#191919',
-  'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-2x)',
+  'ti-collapse-item-arrow-hover-text-color': 'var(--ti-base-color-brand)',
+  'ti-collapse-item-header-border-color': 'var(--ti-base-color-common-5)',
+  'ti-collapse-item-title-right-color': '#1476ff',
+  'ti-collapse-item-title-right-fill': '#1476ff',
+  'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-3x)',
+  'ti-picker-panel-content-border-color': 'var(--ti-base-color-common-5, #f0f0f0)',
+  'ti-picker-panel-content-padding-top': '12px',
+  'ti-picker-panel-content-padding-left': '16px',
+  'ti-picker-panel-content-padding-right': '16px',
+  'ti-picker-panel-icon-btn-line-height': '20px',
+  'ti-date-picker-width': '284px',
+  'ti-date-picker-header-line-height': '20px',
+  'ti-date-picker-header-label-hover-text-color': 'var(--ti-base-color-brand-2)',
+  'ti-date-picker-border-color': 'transparent',
   'ti-date-table-border-radius-current-select': '14px',
   'ti-date-table-td-span-width': '28px',
   'ti-date-table-td-span-height': '28px',
   'ti-date-table-bg-color-current-select': 'var(--ti-base-color-brand-2)',
   'ti-date-table-week-bg-color-current-select': 'var(--ti-base-color-brand-8)',
   'ti-date-table-week-bg-color-current-hover': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-today-width': '26px',
+  'ti-date-table-td-today-height': '26px',
+  'ti-date-table-td-today-border-radius': '13px',
+  'ti-date-table-td-today-circle-border-color': 'var(--ti-base-color-brand)',
+  'ti-date-table-td-today-circle-border-width': '1px',
+  'ti-date-table-hover-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-range-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-div-height': '28px',
+  'ti-date-table-td-div-width': '28px',
+  'ti-date-table-range-hover-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-border-radius': '14px',
+  'ti-date-table-td-span-top': '3px',
+  'ti-date-table-start-date-border-radius': '14px',
+  'ti-date-table-td-today-border-color': 'transparent',
+  'ti-date-table-cell-selected-border-radius': '14px',
   'ti-dialog-box-drawer-padding-right': 'var(--ti-common-space-8x)',
   'ti-dialog-box-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-dialog-box-shadow': 'var(--ti-common-shadow-4-down)',
@@ -294,10 +312,17 @@ export const concatTheme = {
   '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-mask-bg-color': 'rgba(0, 0, 0, 16%)',
+  'ti-drawer-shadow': '0 8px 24px rgba(0, 0, 0, 30%)',
+  'ti-drawer-head-title-font-size': 'var(--ti-common-font-size-4)',
   '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',
-  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-drawer-divider-body-border-color': 'var(--ti-common-color-line-dividing)',
+  'ti-drawer-divider-footer-border-color': 'var(--ti-common-color-transparent)',
+  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-5)',
+  'ti-drawer-help-icon-color': 'var(--ti-common-color-icon)',
+  'ti-drawer-close-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-dropdown-icon-size': 'var(--ti-common-font-size-2)',
   'ti-dropdown-text-color-hover': 'var(--ti-common-color-text-primary)',
   'ti-dropdown-icon-color': 'var(--ti-common-color-placeholder)',
@@ -333,6 +358,9 @@ export const concatTheme = {
   'ti-dropdown-item-divided-border-color': 'transparent',
   'ti-dropdown-item-content-bg-hover': 'transparent',
   'ti-dropdown-item-before-height': '0',
+  'ti-dropdown-item-bg-color-selected': 'var(--ti-common-color-bg-white-normal)',
+  'ti-dropdown-item-text-color-selected': '#1476FF',
+  'ti-dropdown-item-font-weight-selected': 'var(--ti-common-font-weight-6)',
   'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-2x)',
   'ti-dropdown-menu-min-width': '124px',
   'ti-form-item-label-top-margin-bottom': '24px',
@@ -378,19 +406,21 @@ export const concatTheme = {
   'ti-input-hover-border-color': 'var(--ti-common-color-line-hover)',
   'ti-input-border-radius': 'var(--ti-common-border-radius-3)',
   'ti-input-padding-horizontal': 'var(--ti-common-space-3x)',
-  'ti-input-icon-color': '#808080',
+  'ti-input-icon-color': 'var(--ti-base-color-common-2)',
   'ti-input-focus-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-input-count-font-size': 'var(--ti-common-font-size-0)',
-  'ti-input-suffix-right': '12px',
-  'ti-input-suffix-icon-color': '#808080',
+  'ti-input-suffix-right': 'var(--ti-common-font-size-0)',
+  'ti-input-suffix-icon-color': 'var(--ti-base-color-common-2)',
   'ti-input-count-textlength-color': 'var(--ti-common-color-text-primary)',
   'ti-input-suffix-padding-left': 'var(--ti-common-space-3x)',
   'ti-input-disabled-text-color': 'var(--ti-common-color-text-disabled)',
   'ti-input-disabled-bg-color': 'rgba(0,0,0,0.05)',
-  'ti-input-suffix-icon-width': '16px',
-  'ti-input-suffix-icon-height': '16px',
+  'ti-input-suffix-icon-width': 'var(--ti-common-font-size-2)',
+  'ti-input-suffix-icon-height': 'var(--ti-common-font-size-2)',
+  'ti-input-icon-close-text-color': 'var(--ti-base-color-common-2)',
+  'ti-input-icon-font-size': 'var(--ti-common-font-size-2)',
   'ti-input-font-size': 'var(--ti-common-font-size-1)',
-  'ti-input-placeholder-color': '#808080',
+  'ti-input-placeholder-color': 'var(--ti-base-color-common-2)',
   'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 45.5)',
   'ti-ip-address-normal-height': 'var(--ti-common-size-8x)',
   'ti-ip-address-font-size': 'var(--ti-common-font-size-1)',
@@ -419,6 +449,8 @@ export const concatTheme = {
   'ti-link-warning-disabled-text-color': 'var(--ti-common-color-warning-disabled-text)',
   'ti-link-info-disabled-text-color': 'var(--ti-common-color-info-disabled-text)',
   'ti-loading-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-loading-text-font-size': 'var(--ti-common-font-size-2)',
+  'ti-loading-text-margin-vertical': 'var(--ti-common-space-3x)',
   'ti-loading-spinner-width': '16px',
   'ti-loading-spinner-height': '16px',
   'ti-loading-fullscreen-height': '16px',
@@ -454,6 +486,14 @@ export const concatTheme = {
   'ti-modal-message-body-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
   'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-month-table-td-text-bg-color': 'var(--ti-base-color-brand-2)',
+  'ti-month-table-cell-today-font-weight': 'normal',
+  'ti-month-table-cell-height': '28px',
+  'ti-month-table-cell-border-radius': '14px',
+  'ti-month-table-cell-today-text-color': 'var(--ti-common-color-info-normal)',
+  'ti-month-table-cell-today-border-color': 'var(--ti-base-color-brand)',
+  'ti-month-table-cell-hover-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-month-table-td-div-height': '28px',
   'ti-nav-menu-bg-color': '#282b33',
   'ti-notify-max-width': '340px',
   'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
@@ -475,16 +515,18 @@ export const concatTheme = {
   'ti-notify-error-bg-color': 'var(--ti-common-color-bg-navigation)',
   'ti-notify-warning-bg-color': 'var(--ti-common-color-bg-navigation)',
   'ti-notify-icon-transform': 'translate(0,-1px)',
-  'ti-numeric-input-width': '126px',
-  'ti-numeric-input-dividing-border-color': 'var(--ti-common-color-line-dividing)',
-  'ti-numeric-input-btn-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
-  'ti-numeric-input-icon-size': 'var(--ti-common-font-size-2)',
-  'ti-numeric-input-btn-border-color-disabled': 'transparent',
+  'ti-numeric-input-width-medium': 'calc(var(--ti-common-size-width-large, 152px) + 6px)',
+  'ti-numeric-input-width-small': 'calc(var(--ti-common-size-34x, 136px) + 6px)',
+  'ti-numeric-input-width': 'calc(var(--ti-common-size-width-medium, 120px) + 6px)',
+  'ti-numeric-input-btn-border-color-disabled': 'var(--ti-common-color-transparent)',
   'ti-numeric-input-dividing-border-height': 'var(--ti-common-space-5x)',
   'ti-numeric-input-dividing-border-display': 'none',
   'ti-numeric-input-divider-height-medium': 'var(--ti-common-space-6x)',
   'ti-numeric-input-divider-height-small': 'calc(var(--ti-common-space-5x) - 2px)',
   'ti-numeric-input-divider-height-mini': 'calc(var(--ti-common-space-4x) - 1px)',
+  'ti-numeric-input-disabled-bg-color': 'var(--ti-common-bg-color-disabled-transparent-5)',
+  'ti-numeric-input-btn-disabled-bg-color': 'var(--ti-common-bg-color-disabled-transparent-5)',
+  'ti-numeric-input-dividing-border-color': 'var(--ti-common-border-color-transparent-8)',
   '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)',
@@ -541,15 +583,15 @@ export const concatTheme = {
   'ti-pager-min-width': '32px',
   'ti-pager-prev-next-hover-bg-color': 'transparent',
   'ti-pager-group-sizes-margin-right': '0px',
-  'ti-pager-sizes-input-width': '78px',
   'ti-pager-sizes-input-hover-text-color': '#595959',
-  'ti-pager-input-btn-width': '16px',
-  'ti-pager-input-btn-right': '12px',
+  'ti-pager-input-btn-width': '24px',
   'ti-pager-selector-padding-vertical': '8px',
   'ti-pager-pop-body-margin-top': '4px',
   'ti-pager-poplist-item-selected-bg-color': '#0000000D',
   'ti-pager-poplist-item-min-height': '32px',
   'ti-pager-mini-min-width': '24px',
+  'ti-pager-sizes-num-margin-right': '2px',
+  'ti-date-editor-input-icon-color-fill': 'var(--ti-base-color-common-2)',
   'ti-popconfirm-margin-right': 'var(--ti-common-space-6x)',
   'ti-popconfirm-popover-footer-justify-content': 'center',
   'ti-popconfirm-popover-container-padding-vertical': '7px',
@@ -622,10 +664,46 @@ export const concatTheme = {
   '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-skeleton-title-width': '20%',
+  'ti-skeleton-title-height': 'var(--ti-common-space-6x)',
+  'ti-skeleton-rows-margin-top': 'var(--ti-common-space-6x)',
+  'ti-skeleton-rows-margin-bottom': 'var(--ti-common-space-6x)',
+  'ti-skeleton-item-border-radius': '2px',
+  'ti-skeleton-item-bg-color': 'var(--ti-common-color-bg-normal)',
+  'ti-skeleton-item-image-icon-color': 'var(--ti-common-color-bg-normal)',
+  'ti-skeleton-item-linear-gradient': 'linear-gradient(to right, #fafafa, #ebebeb, #fafafa)',
+  'ti-slider-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-slider-bg-color': 'var(--ti-common-color-bg-normal)',
+  'ti-slider-height': 'var(--ti-common-space-2x)',
+  'ti-slider-margin-left': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-slider-range-bg-color': 'var(--ti-common-color-data-1)',
+  'ti-slider-range-hover-bg-color': 'var(--ti-common-color-data-1)',
+  'ti-slider-range-height': 'var(--ti-common-space-2x)',
+  'ti-slider-range-margin-top': '0',
+  'ti-slider-range-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-slider-range-disabled-bg-color': 'var(--ti-common-color-bg-secondary)',
+  'ti-slider-handle-width': 'var(--ti-common-space-4x)',
+  'ti-slider-handle-height': 'var(--ti-common-space-6x)',
+  'ti-slider-handle-border-color': 'var(--ti-common-color-data-1)',
+  'ti-slider-handle-border-color-hover': 'var(--ti-common-color-data-1)',
+  'ti-slider-handle-margin-top': 'calc(var(--ti-common-space-2x) * -1)',
+  'ti-slider-handle-icon-fill-color': 'var(--ti-common-color-data-1)',
+  'ti-slider-handle-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-slider-handle-icon-disabled-fill-color': 'var(--ti-common-color-icon-disabled)',
+  'ti-slider-handle-disabled-border-color': 'var(--ti-common-color-icon-disabled)',
+  'ti-slider-tips-text-color': 'var(--ti-common-color-dark)',
+  'ti-slider-tips-box-shadow': 'var(--ti-common-box-shadow-popover)',
+  'ti-slider-input-margin-left': 'var(--ti-common-space-4x)',
+  'ti-slider-input-width': 'calc(var(--ti-common-space-10x) * 2)',
+  'ti-slider-input-text-align': 'left',
+  'ti-slider-mark-label-font-size': 'var(--ti-common-font-size-1)',
+  'ti-slider-mark-label-text-color': '#999999',
+  'ti-steps-circle-width-height': 'var(--ti-common-size-height-normal)',
   '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)',
   'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
+  'ti-steps-icon-hover-text-color': 'var(--ti-common-color-text-primary)',
   'ti-steps-content-margin-top': 'var(--ti-common-space-2x)',
   'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
   'ti-steps-unselected-border-color': 'var(--ti-common-color-text-primary)',
@@ -640,18 +718,22 @@ export const concatTheme = {
   'ti-steps-error-icon-size': 'var(--ti-common-font-size-2)',
   'ti-steps-disabled-icon-bg-color': 'var(--ti-common-color-bg-disabled)',
   'ti-steps-disabled-border-color': 'var(--ti-common-color-line-disabled)',
+  'ti-steps-disabled-name-text-color': 'var(--ti-common-color-text-disabled)',
+  'ti-steps-disabled-select-icon-bg-color': 'var(--ti-common-color-bg-disabled)',
+  'ti-steps-disabled-select-icon-color': 'var(--ti-common-color-text-disabled)',
   'ti-steps-timeline-date-time-text-color': 'var(--ti-common-color-text-primary)',
   'ti-steps-timeline-date-time-font-size': 'var(--ti-common-font-size-0)',
   'ti-steps-mini-number-font-size': 'var(--ti-common-font-size-0)',
   'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
   'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)',
-  'ti-steps-timeline-dot-bg-color': 'var(--ti-common-color-light)',
   'ti-steps-timeline-line-margin-vertical': 'var(--ti-common-space-base)',
   'ti-steps-timeline-dot-border-color': 'var(--ti-base-color-brand-5)',
+  'ti-steps-timeline-dot-bg-color': 'var(--ti-common-color-light)',
   'ti-steps-timeline-dot-primary-bg-color': 'var(--ti-base-color-brand-5)',
   'ti-steps-timeline-item-secondary-text-font-size': 'var(--ti-common-font-size-0)',
   'ti-steps-timeline-vertical-line-margin-left': 'var(--ti-common-space-4x)',
   'ti-steps-timeline-item-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-steps-timeline-vertical-line-bg-color': 'rgba(0, 0, 0, 8%)',
   'ti-switch-on-bg-color': 'var(--ti-common-color-data-1)',
   'ti-switch-off-bg-color': '#C2C2C2',
   'ti-switch-disabled-bg-color': '#C2C2C280',
@@ -702,14 +784,13 @@ export const concatTheme = {
   'ti-text-popup-height': '32px',
   'ti-textarea-border-color': 'var(--ti-common-color-line-normal)',
   'ti-textarea-count-font-size': 'var(--ti-common-font-size-0)',
-  'ti-textarea-hover-border-color': 'var(--ti-common-color-line-hover)',
   'ti-textarea-padding-horizontal': 'var(--ti-common-space-3x)',
   'ti-textarea-padding-right': 'var(--ti-common-space-base)',
   'ti-textarea-active-border-color': 'var(--ti-common-color-line-active)',
-  'ti-textarea-count-width': 'calc(100% - 16px)',
-  'ti-textarea-count-bottom': '0',
-  'ti-textarea-inner-width': 'calc(100% - 4px)',
-  'ti-textarea-count-right': '12px',
+  'ti-textarea-count-width': 'calc(100% - 17px)',
+  'ti-textarea-count-bottom': '1px',
+  'ti-textarea-inner-width': '100%',
+  'ti-textarea-count-right': 'var(--ti-common-font-size-2)',
   'ti-textarea-padding-vertical': 'var(--ti-common-space-2x)',
   'ti-textarea-count-border-radius': 'var(--ti-common-border-radius-3)',
   'ti-textarea-count-text-length-color': 'var(--ti-common-color-text-primary)',

package/theme-tool.js

@@ -75,22 +75,39 @@ export default class TinyThemeTool {
     this.contentElement.setAttribute('tiny-theme', this.currentTheme.id)
   }
 
+  /**
+   * 获取需要设置主题变量的选择器，支持多个选择器（在 theme.config.js 中配置，多个选择器之间通过逗号分隔）
+   * @param {theme.config 配置文件中的 key} key
+   * @returns 需要设置主题变量的选择器
+   * @example
+   * 示例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
+
+    let selector = ''
+    const keyItems = definedComponents[key].split(',')
+    keyItems.forEach((componentName, index) => {
+      // 加上 [class*=tiny] 是为了提高权重，促使主题变换成功
+      selector += '.tiny-' + componentName + '[class*=tiny]' + (index < keyItems.length - 1 ? ',' : '')
+    })
+    return selector
+  }
+
   // 通过 `组件css变量`，来推导出组件名： 从 ti-checkbox-button-bg-color， 推导出 checkbox-button
   findClassName(name) {
     const compNameList = name.split('-')
     if (compNameList.length < 2) {
       return false
     }
-    let compName = 'tiny-'
     const threeKey = `${compNameList[1]}-${compNameList[2]}-${compNameList[3]}`
     const twoKey = `${compNameList[1]}-${compNameList[2]}`
 
     // 优先三段式命名的组件名，优先级从高到低为三段-二段-一段
-    compName += definedComponents[threeKey] || definedComponents[twoKey] || compNameList[1]
-
-    // 提高权重，促使主题变换成功
-    compName = `${compName}[class*=tiny]`
-    return compName
+    return (
+      this.getSelectorByKey(threeKey) || this.getSelectorByKey(twoKey) || '.tiny-' + compNameList[1] + '[class*=tiny]'
+    )
   }
 
   formatCSSVariables(themeData) {
@@ -115,7 +132,7 @@ export default class TinyThemeTool {
     })
 
     Object.keys(componentsMap).forEach((item) => {
-      componentsCssVar += `.${item}{${componentsMap[item].join('')}}`
+      componentsCssVar += `${item}{${componentsMap[item].join('')}}`
     })
 
     return `${rootCssVar}}${componentsCssVar}`

package/theme.config.js

@@ -28,7 +28,7 @@ export default {
   'context-menu': 'context-menu',
   'collapse-item': 'collapse-item',
   'detail-page': 'detail-page',
-  'dialog-box': 'dialog-box',
+  'dialog-box': 'dialog-box__wrapper',
   'dropdown-item': 'dropdown-item',
   'dropdown-menu': 'dropdown-menu',
   'drop-roles': 'drop-roles',
@@ -37,14 +37,16 @@ export default {
   'date-picker': 'date-picker',
   'data-range': 'data-range',
   'date-table': 'date-table',
+  'date-editor': 'date-editor',
   'fall-menu': 'fall-menu',
+  'form-valid': 'form__valid',
   'form-item': 'form-item',
   'img-preview': 'img-preview',
   'img-preview-item': 'img-preview-item',
   'ip-address': 'ip-address',
   'link-menu': 'link-menu',
   'month-range': 'month-range',
-  'month-table': 'month-table',
+  'month-table': 'month-table,year-table',
   'nav-menu': 'nav-menu',
   'option-group': 'option-group',
   'popup-horiz-menu': 'popup-horiz-menu',
@@ -58,6 +60,7 @@ export default {
   'time-range': 'time-range',
   'time-select': 'time-select',
   'scroll-text': 'scroll-text',
+  'slider-input': 'slider__input',
   'slide-bar': 'slide-bar',
   'slide-img': 'slide-img',
   'select-dropdown': 'select-dropdown',
@@ -76,5 +79,7 @@ export default {
   'user-contact': 'user-contact',
   'user-head': 'user-head',
   'user-link': 'user-link',
-  'year-table': 'year-table'
+  'year-table': 'year-table',
+  'skeleton': 'skeleton',
+  'skeleton-item': 'skeleton-item'
 }

package/toggle-menu/aurora-theme.js

@@ -0,0 +1,5 @@
+export const tinyToggleMenuAuroraTheme = {
+  // 收缩菜单收缩搜索高度
+  'ti-toggle-menu-filter-search-size': '30px',
+  'ti-toggle-menu-width': '210px'
+}

package/tooltip/aurora-theme.js

@@ -7,5 +7,7 @@ export const tinyTooltipAuroraTheme = {
   'ti-tooltip-popper-info-bg-color': '#69c0ff',
   'ti-tooltip-popper-info-border-color': '#69c0ff',
   'ti-tooltip-padding-vertical': '10px',
-  'ti-tooltip-padding-horizontal': '10px'
+  'ti-tooltip-padding-horizontal': '10px',
+  'ti-tooltip-popper-error-border-color': '#ff7875',
+  'ti-tooltip-popper-error-bg-color': '#ff7875'
 }