@opentiny/vue-theme - npm Package Compare versions

Comparing version 3.13.3 to 3.14.0

alert/aurora-theme.js

@@ -8,3 +8,3 @@ export const tinyAlertAuroraTheme = {
   'ti-alert-description-text-color': 'var(--ti-common-color-text-primary)',
-  'ti-alert-opration-text-color': '#1890FF',
+  'ti-alert-opration-text-color': 'var(--ti-common-color-primary-normal)',
   'ti-alert-large-padding-top': 'calc(var(--ti-common-space-base) * 4.5)',
@@ -11,0 +11,0 @@ 'ti-alert-large-padding-bottom': 'calc(var(--ti-common-space-base) * 3.5)',

alert/smb-theme.js

 export const tinyAlertSmbTheme = {
   '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)',
@@ -14,28 +9,20 @@ 'ti-alert-info-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)'
 }

badge/smb-theme.js

 export const tinyBadgeSmbTheme = {
-  'ti-badge-font-size': 'var(--ti-common-font-size-0)'
+  '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)'
 }

button-group/smb-theme.js

 export const tinyButtonGroupTheme = {
-  '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)'
 }

button/aurora-theme.js

@@ -6,3 +6,4 @@ export const tinyButtonAuroraTheme = {
   'ti-button-only-icon-padding-horizontal': '8px',
-  'ti-button-only-icon-border-radius': '2px'
+  'ti-button-only-icon-border-radius': '2px',
+  'ti-button-primary-disabled-border-color': '#d9d9d9'
 }

carousel/smb-theme.js

@@ -6,18 +6,19 @@ export const tinyCarouselSmbTheme = {
   '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-hover-opacity': '0.8',
+  'ti-carousel-arrow-hover-bg-color': '#E6E6E6'
 }

cascader-node/aurora-theme.js

@@ -8,3 +8,6 @@ export const tinyCascaderNodeAuroraTheme = {
   'ti-cascader-node-active-icon-color': '#bfbfbf',
-  'ti-cascader-node-text-color': '#333'
+  'ti-cascader-node-text-color': '#333',
+  'ti-cascader-node-disabled-bg-color': 'inherit',
+  'ti-cascader-node-icon-font-size': 'var(--ti-common-font-size-1)',
+  'ti-cascader-node-disabled-icon-color': 'var(--ti-cascader-node-icon-color)'
 }

cascader/aurora-theme.js

 export const tinyCascaderAuroraTheme = {
-  'ti-cascader-hover-border-color': '#bfbfbf'
+  'ti-cascader-hover-border-color': '#bfbfbf',
+  'ti-cascader-input-icon-font-size': 'inherit'
 }

collapse-item/aurora-theme.js

@@ -14,3 +14,3 @@ export const tinyCollapseitemAuroraTheme = {
   'ti-collapse-item-disabled-border-color-right': 'transparent',
-  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-collapse-item-header-font-size': 'var(--ti-common-font-size-1)',
@@ -17,0 +17,0 @@ 'ti-collapse-item-icon-font-size': 'var(--ti-common-font-size-1)',

collapse-item/smb-theme.js

 export const tinyCollapseItemSmbTheme = {
   '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)',
@@ -14,4 +14,7 @@ 'ti-collapse-item-header-min-height': 'var(--ti-common-size-height-medium)',
   '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)'
 }

date-table/smb-theme.js

@@ -7,3 +7,19 @@ export const tinyDateTableSmbTheme = {
   '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-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'
 }

dialog-box/aurora-theme.js

@@ -23,3 +23,6 @@ export const tinyDialogBoxAuroraTheme = {
   'ti-dialog-box-drawer-header-padding-left': 'var(--ti-common-space-6x)',
-  'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)'
+  'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-dialog-box-wrapper-display': 'flex',
+  'ti-dialog-box-wrapper-align-items': 'center',
+  'ti-dialog-box-header-height': 'var(--ti-common-size-10x)'
 }

drawer/aurora-theme.js

 export const tinyDrawerAuroraTheme = {
   'ti-drawer-min-width': '30%',
-  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)',
-  'ti-drawer-footer-text-align': 'center',
+  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-3)',
+  'ti-drawer-footer-justify-content': 'center',
   'ti-drawer-padding-left': '0px',
   'ti-drawer-padding-right': '0px',
-  'ti-drawer-header-padding-top': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-left': 'var(--ti-common-space-6x)',
-  'ti-drawer-btn-position-top': 'var(--ti-common-space-3x)',
-  'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)'
+  'ti-drawer-head-title-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-drawer-header-padding-top': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-top': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-bottom': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-right': 'var(--ti-common-space-4x)',
+  'ti-drawer-btn-position-top': 'calc(var(--ti-common-space-4x) + 2px)',
+  'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-drawer-radius': 'var(--ti-common-border-radius-2)',
+  'ti-drawer-divider-border-color': 'transparent',
+  'ti-drawer-mask-bg-color': 'rgba(25, 25, 25, 0.3)',
+  'ti-drawer-shadow': '0 1px 6px rgba(0,0,0,.08)'
 }

drawer/smb-theme.js

 export const tinyDrawerSmbTheme = {
+  '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)'
 }

dropdown-item/aurora-theme.js

 export const tinyDropdownItemAuroraTheme = {
+  'ti-dropdown-item-height': '32px',
+  'ti-dropdown-item-font-size': '14px',
+  'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-6)',
+  'ti-dropdown-item-margin-bottom': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-left': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-right': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-top': 'var(--ti-common-space-0)',
   'ti-dropdown-item-icon-color': '#333',
-  'ti-dropdown-item-icon-color-hover': '#333'
+  'ti-dropdown-item-icon-color-hover': '#333',
+  'ti-dropdown-item-bg-color-selected': '#e6f2fd',
+  'ti-dropdown-item-text-color-selected': '#333',
+  'ti-dropdown-item-font-weight-selected': 'normal'
 }

dropdown-item/smb-theme.js

@@ -20,3 +20,6 @@ export const tinyDropdownItemSmbTheme = {
   'ti-dropdown-item-content-bg-hover': 'transparent',
-  'ti-dropdown-item-before-height': '0'
+  '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)'
 }

dropdown-menu/aurora-theme.js

@@ -5,3 +5,3 @@ export const tinyDropdownMenuAuroraTheme = {
   'ti-dropdown-menu-border-radius': 'var(--ti-common-border-radius-1)',
-  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-10)',
+  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-base)',
   'ti-dropdown-menu-margin-vertical': 'var(--ti-common-space-3x)',
@@ -8,0 +8,0 @@ 'ti-dropdown-item-hover-bg-color': 'var(--ti-common-color-hover-background)',

dropdown/aurora-theme.js

 export const tinyDropdownAuroraTheme = {
   'ti-dropdown-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-dropdown-icon-color': 'var(--ti-common-color-icon-normal)',
-  'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)'
+  'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-trigger-title-margin-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-button-icon-size': '12px',
+  'ti-dropdown-caret-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
+  'ti-dropdown-caret-svg-padding-left': 'var(--ti-common-space-0)'
 }

fall-menu/aurora-theme.js

 export const tinyFallMenuAuroraTheme = {
-  'ti-fall-menu-box-title-text-color': '#1F2D3D'
+  'ti-fall-menu-box-title-text-color': 'var(--ti-common-text-color-5)',
+  'ti-fall-menu-menu-height': '42px'
 }

file-upload/aurora-theme.js

 export const tinyFileUploadAuroraTheme = {
-  'ti-upload-list-item-text-color': '#3eaf7c',
+  'ti-upload-list-item-text-color': '#333',
   'ti-upload-list-item-hover-text-color': 'var(--ti-common-color-text-link-hover)',
   'ti-upload-list-item-hover-text-decoration': 'underline',
-  'ti-upload-picture-card-hover-border-color': 'var(--ti-common-color-text-link-hover)'
+  'ti-upload-picture-card-hover-border-color': 'var(--ti-common-color-text-link-hover)',
+  'ti-upload-list-item-margin-top': '0'
 }

form/smb-theme.js

 export const tinyFormSmbTheme = {
   'ti-form-item-label-top-margin-bottom': '24px',
-  'ti-form-item-label-top-label-line-height': '1.5', // smb要求行高为1.5
-  'ti-form-item-label-top-label-height': 'calc(1.5em + 8px)' // border-box需要加上内边距
+  // smb要求行高为1.5
+  'ti-form-item-label-top-label-line-height': '1.5',
+  // border-box需要加上内边距
+  'ti-form-item-label-top-label-height': 'calc(1.5em + 8px)'
 }

grid/aurora-theme.js

@@ -18,3 +18,5 @@ export const tinyGridAuroraTheme = {
   'ti-grid-column-icon-scale-size': '0.8',
-  'ti-grid-tree-icon-color': '#939599'
+  'ti-grid-tree-icon-color': '#939599',
+  'ti-grid-sort-icon-position': 'absolute',
+  'ti-grid-sort-icon-right': '6px'
 }

input/aurora-theme.js

 export const tinyInputAuroraTheme = {
   'ti-input-border-color': '#d9d9d9',
-  'ti-input-hover-border-color': '#1890ff'
+  'ti-input-hover-border-color': '#1890ff',
+  'ti-input-icon-close-text-color': '#bfbfbf'
 }

input/smb-theme.js

@@ -6,7 +6,7 @@ export const tinyInputSmbTheme = {
   '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)',
@@ -16,6 +16,8 @@ 'ti-input-suffix-padding-left': 'var(--ti-common-space-3x)',
   '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)'
 }

ip-address/aurora-theme.js

 export const tinyIpAddressAuroraTheme = {
-  'ti-ip-address-normal-height': 'var(--ti-common-size-7x)',
+  'ti-ip-address-normal-height': 'calc(var(--ti-common-size-base) * 7.5)',
   'ti-ip-address-input-width': 'calc(var(--ti-common-size-base) * 13.75)',
@@ -4,0 +4,0 @@ 'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 67.5)',

loading/smb-theme.js

 export const tinyLoadingSmbTheme = {
   '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',
@@ -4,0 +6,0 @@ 'ti-loading-spinner-height': '16px',

numeric/smb-theme.js

 export const tinyNumericSmbTheme = {
-  '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-dividing-border-color': 'var(--ti-common-color-line-dividing)',
+  '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)',
@@ -12,3 +10,6 @@ 'ti-numeric-input-dividing-border-display': 'none',
   '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-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)'
 }

option/aurora-theme.js

 export const tinyOptionAuroraTheme = {
   'ti-option-bg-color-selected': 'var(--ti-common-color-selected-background)',
   'ti-option-hover-bg-color-selected': 'var(--ti-common-color-selected-background)',
-  'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)'
+  'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-padding-horizontal-group': 'var(--ti-common-space-2x)'
 }

package.json

 {
   "name": "@opentiny/vue-theme",
-  "version": "3.13.3",
+  "version": "3.14.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
@@ -28,3 +28,3 @@ "main": "index.css",
   "scripts": {
-    "clean": "rimraf dist",
+    "clean": "rimraf dist src/aurora-theme src/smb-theme",
     "build:theme": "gulp build --gulpfile build/gulp-dist.js",
@@ -48,2 +48,5 @@ "build": "npm run clean && npm run build:theme && node build/replace-img.js",
     "gulp-svg-inline": "^1.0.1",
+    "gulp-transform": "3.0.5",
+    "gulp-concat": "2.6.1",
+    "svgo": "3.2.0",
     "rimraf": "^2.6.2",
@@ -50,0 +53,0 @@ "fast-glob": "^3.2.12",

pager/aurora-theme.js

@@ -16,3 +16,4 @@ export const tinyPagerAuroraTheme = {
   'ti-pager-active-bg-color': 'transparent',
-  'ti-pager-mini-min-width': '24px'
+  'ti-pager-mini-min-width': '24px',
+  'ti-pager-disabled-border-color': '#dfe1e6'
 }

pager/smb-theme.js

@@ -35,6 +35,4 @@ export const tinyPagerSmbTheme = {
   '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',
@@ -44,3 +42,4 @@ 'ti-pager-pop-body-margin-top': '4px',
   'ti-pager-poplist-item-min-height': '32px',
-  'ti-pager-mini-min-width': '24px'
+  'ti-pager-mini-min-width': '24px',
+  'ti-pager-sizes-num-margin-right': '2px'
 }

search/aurora-theme.js

 export const tinySearchAuroraTheme = {
   'ti-search-line-hover-border-color': '#bfbfbf',
-  'ti-search-icon-color': '#c4c4c4'
+  'ti-search-icon-color': '#c4c4c4',
+  'ti-search-input-height': 'calc(var(--ti-common-size-height-normal, 30px) + 2px)',
+  'ti-search-selector-width': 'var(--ti-common-size-auto, auto)'
 }

select-dropdown/aurora-theme.js

 export const tinySelectDropdownAuroraTheme = {
-  'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-6)',
+  'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-0)',
   'ti-select-dropdown-padding-top': 'var(--ti-common-space-0)',
-  'ti-select-dropdown-max-height':
-    'calc(184px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-base))'
+  'ti-select-dropdown-max-height': '188px',
+  'ti-select-dropdown-box-shadow': '0 0 4px rgba(0,0,0,0.3)', // 没有common 变量
+  'ti-select-dropdown-border-weight': 'var(--ti-common-border-weight-normal)',
+  'ti-select-dropdown-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-hover)',
+  'ti-select-dropdown-top-create-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-select-dropdown-top-create-text-color-hover': 'var(--ti-common-color-text-link-hover)',
+  'ti-select-dropdown-top-create-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-select-dropdown-top-create-border-weight-bottom': 'var(--ti-common-border-weight-normal)',
+  'ti-select-dropdown-top-create-border-style-bottom': 'var(--ti-common-border-style-solid)',
+  'ti-select-dropdown-top-create-border-color-bottom': 'rgba(25, 25, 25, 0.15)',
+  'ti-select-dropdown-loading-padding-vertical': 'var(--ti-common-space-10)',
+  'ti-select-dropdown-loading-padding-horizontal': 'var(--ti-common-space-0)',
+  'ti-select-dropdown-empty-padding-vertical': 'var(--ti-common-space-10)'
 }

select/aurora-theme.js

@@ -9,3 +9,6 @@ export const tinySelectAuroraTheme = {
   'ti-select-tags-wrap-padding-left': '8px',
-  'ti-select-input-icon-close-margin-right': 'var(--ti-common-space-2x)'
+  'ti-select-input-icon-close-margin-right': 'var(--ti-common-space-2x)',
+  'ti-select-tags-height': 'var(--ti-common-size-6x)',
+  'ti-select-input-icon-top': '50%',
+  'ti-select-suffix-display': 'none'
 }

slider/smb-theme.js

@@ -1,1 +0,33 @@
-export const tinySliderSmbTheme = {}
+export const tinySliderSmbTheme = {
+  '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'
+}

steps/aurora-theme.js

 export const tinyStepsAuroraTheme = {
+  'ti-steps-text-color': '#191919',
+  'ti-steps-text-color-hover': '#191919',
+  'ti-steps-description-text-color': '#777777',
+  'ti-steps-font-size-base': 'var(--ti-common-font-size-1)',
+  'ti-steps-circle-width-height': 'var(--ti-common-space-6x)',
+  'ti-steps-border-color-hover': '#aeaeae',
   'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-line-margin-horizontal': '0px',
+  'ti-steps-line-margin-horizontal': 'var(--ti-common-space-2x)',
   'ti-steps-line-bg-color': '#dbdbdb',
   'ti-steps-line-height': 'var(--ti-common-space-base)',
-  'ti-steps-unselected-icon-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-unselected-border-color': 'var(--ti-common-color-line-normal)',
-  'ti-steps-icon-bg-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-unselected-icon-color': '#aeaeae',
+  'ti-steps-unselected-border-color': '#aeaeae',
+  'ti-steps-icon-bg-color': '#f3f3f3',
+  'ti-steps-icon-hover-text-color': '#aeaeae',
+  'ti-steps-bg-color-hover': '#f3f3f3',
+  'ti-steps-advanced-error-bg-color': '#fee7e8',
+  'ti-steps-advanced-error-bg-color-hover': '#fabdc1',
+  'ti-steps-advanced-error-bg-color-selected': '#e02128',
+  'ti-steps-error-border-color': '#e02128',
+  'ti-steps-error-text-color': '#e02128',
+  'ti-steps-advanced-disabled-bg-color': '#f3f3f3',
+  'ti-steps-done-icon-bg-color': '#eef3fe',
+  'ti-steps-done-active-border-color': 'var(--ti-common-color-line-active)',
+  'ti-steps-done-active-border-color-hover': 'var(--ti-common-color-line-hover)',
+  'ti-steps-doing-icon-bg-color': '#eef3fe',
+  'ti-steps-disabled-icon-color': '#c9c9c9',
+  'ti-steps-disabled-name-text-color': '#c9c9c9',
+  'ti-steps-disabled-text-color': '#777777',
+  'ti-steps-disabled-select-icon-bg-color': '#c9c9c9',
+  'ti-steps-disabled-select-icon-color': 'var(--ti-common-color-text-white)',
   'ti-steps-active-font-weight': 'var(--ti-common-font-weight-7)',
   'ti-steps-unselected-hover-icon-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
-  'ti-steps-unselected-hover-border-color': 'var(--ti-common-color-line-normal)'
+  'ti-steps-unselected-hover-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-advanced-li-hover-bg-color': 'var(--ti-common-bg-color-header-1)',
+  'ti-steps-advanced-done-bg-color': '#eef3fe',
+  'ti-steps-advanced-doing-bg-color': '#eef3fe',
+  'ti-steps-advanced-done-bg-color-hover': '#d0d8fd',
+  'ti-steps-advanced-doing-bg-color-hover': '#2e8bde'
 }

steps/smb-theme.js

 export const tinyStepsSmbTheme = {
+  'ti-steps-circle-width-height': 'var(--ti-common-size-height-normal)',
   'ti-steps-icon-size': 'var(--ti-common-size-height-normal)',
@@ -6,2 +7,3 @@ 'ti-steps-text-margin-left': 'var(--ti-common-space-2x)',
   '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)',
@@ -21,2 +23,5 @@ 'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
   '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)',
@@ -27,3 +32,2 @@ 'ti-steps-timeline-date-time-font-size': '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)',
@@ -35,3 +39,4 @@ 'ti-steps-timeline-dot-border-color': 'var(--ti-base-color-brand-5)',
   '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-item-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-steps-timeline-vertical-line-bg-color': 'rgba(0, 0, 0, 8%)'
 }

tag/aurora-theme.js

@@ -32,3 +32,4 @@ export const tinyTagAuroraTheme = {
   'ti-tag-plain-warning-text-color': '#e6a23c',
-  'ti-tag-plain-warning-border-color': '#f5dab1'
+  'ti-tag-plain-warning-border-color': '#f5dab1',
+  'ti-tag-close-font-size': 'var(--ti-common-font-size-base, 12px)'
 }

text-popup/aurora-theme.js

 export const tinyTextPopupAuroraTheme = {
   'ti-text-popup-padding-horizontal': 'var(--ti-common-space-2x)',
   'ti-text-popup-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-text-popup-focus-border-color': '#d9d9d9',
   'ti-text-popup-height': '30px'
 }

textarea/smb-theme.js

 export const tinyTextareaSmbTheme = {
   '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-normal)',
   'ti-textarea-padding-horizontal': 'var(--ti-common-space-3x)',
   'ti-textarea-padding-right': 'var(--ti-common-space-base)',
-  'ti-textarea-hover-border-color': 'var(--ti-common-color-line-hover)',
   '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)',
@@ -14,0 +12,0 @@ 'ti-textarea-count-border-radius': 'var(--ti-common-border-radius-3)',

theme-tool.js

@@ -78,2 +78,22 @@ /**
 
+  /**
+   * 获取需要设置主题变量的选择器，支持多个选择器（在 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
@@ -85,3 +105,2 @@ findClassName(name) {
     }
-    let compName = 'tiny-'
     const threeKey = `${compNameList[1]}-${compNameList[2]}-${compNameList[3]}`
@@ -91,7 +110,5 @@ 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]'
+    )
   }
@@ -121,3 +138,3 @@
     Object.keys(componentsMap).forEach((item) => {
-      componentsCssVar += `.${item}{${componentsMap[item].join('')}}`
+      componentsCssVar += `${item}{${componentsMap[item].join('')}}`
     })
@@ -124,0 +141,0 @@

theme.config.js

@@ -31,3 +31,3 @@ /**
   'detail-page': 'detail-page',
-  'dialog-box': 'dialog-box',
+  'dialog-box': 'dialog-box__wrapper',
   'dropdown-item': 'dropdown-item',
@@ -41,3 +41,5 @@ 'dropdown-menu': 'dropdown-menu',
   'date-table': 'date-table',
+  'date-editor': 'date-editor',
   'fall-menu': 'fall-menu',
+  'form-valid': 'form__valid',
   'form-item': 'form-item',
@@ -49,3 +51,3 @@ 'img-preview': 'img-preview',
   'month-range': 'month-range',
-  'month-table': 'month-table',
+  'month-table': 'month-table,year-table',
   'nav-menu': 'nav-menu',
@@ -64,2 +66,3 @@ 'option-group': 'option-group',
   'scroll-text': 'scroll-text',
+  'slider-input': 'slider__input',
   'slide-bar': 'slide-bar',
@@ -83,3 +86,5 @@ 'slide-img': 'slide-img',
   'user-link': 'user-link',
-  'year-table': 'year-table'
+  'year-table': 'year-table',
+  'skeleton': 'skeleton',
+  'skeleton-item': 'skeleton-item'
 }

theme/aurora-theme/component.js

@@ -10,3 +10,3 @@ export const concatTheme = {
   'ti-alert-description-text-color': 'var(--ti-common-color-text-primary)',
-  'ti-alert-opration-text-color': '#1890FF',
+  'ti-alert-opration-text-color': 'var(--ti-common-color-primary-normal)',
   'ti-alert-large-padding-top': 'calc(var(--ti-common-space-base) * 4.5)',
@@ -25,2 +25,3 @@ 'ti-alert-large-padding-bottom': 'calc(var(--ti-common-space-base) * 3.5)',
   'ti-button-only-icon-border-radius': '2px',
+  'ti-button-primary-disabled-border-color': '#d9d9d9',
   'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-base)',
@@ -37,3 +38,16 @@ 'ti-button-group-btn-padding-horizontal': 'var(--ti-common-space-2x)',
   'ti-button-group-no-border-hover-bg-color': 'var(--ti-common-color-primary-hover)',
+  'ti-card-box-shadow': '0 4px 12px 0 #00000014',
+  'ti-card-min-width': '216px',
+  'ti-card-success-border-color': '#09aa71',
+  'ti-card-warning-border-color': '#fcc800',
+  'ti-card-alerting-border-color': '#f4840c',
+  'ti-card-danger-border-color': '#e02128',
+  'ti-card-default-border-color': '#dfdfdf',
+  'ti-card-checked-border-color': '#0067d1',
+  'ti-card-title-text-color': '#191919',
+  'ti-card-footer-more-text-color': '#191919',
+  'ti-card-main-text-color': '#777',
+  'ti-card-option-disabled-text-color': '#aeaeae',
   'ti-cascader-hover-border-color': '#bfbfbf',
+  'ti-cascader-input-icon-font-size': 'inherit',
   'ti-cascader-menu-border-color': '#e4e7ed',
@@ -47,2 +61,5 @@ 'ti-cascader-node-selectable-hover-bg-color': '#e6f7ff',
   'ti-cascader-node-text-color': '#333',
+  'ti-cascader-node-disabled-bg-color': 'inherit',
+  'ti-cascader-node-icon-font-size': 'var(--ti-common-font-size-1)',
+  'ti-cascader-node-disabled-icon-color': 'var(--ti-cascader-node-icon-color)',
   'ti-cascader-panel-border-color': '#e4e7ed',
@@ -71,3 +88,3 @@ 'ti-checkbox-bg-color-checked-disabled': '#999',
   'ti-collapse-item-disabled-border-color-right': 'transparent',
-  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-collapse-item-header-font-size': 'var(--ti-common-font-size-1)',
@@ -105,30 +122,67 @@ 'ti-collapse-item-icon-font-size': 'var(--ti-common-font-size-1)',
   'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-dialog-box-wrapper-display': 'flex',
+  'ti-dialog-box-wrapper-align-items': 'center',
+  'ti-dialog-box-header-height': 'var(--ti-common-size-10x)',
   'ti-dialog-select-body-box-border-color': 'rgba(22, 30, 38, 0.2)',
   'ti-drawer-min-width': '30%',
-  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)',
-  'ti-drawer-footer-text-align': 'center',
+  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-3)',
+  'ti-drawer-footer-justify-content': 'center',
   'ti-drawer-padding-left': '0px',
   'ti-drawer-padding-right': '0px',
-  'ti-drawer-header-padding-top': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-left': 'var(--ti-common-space-6x)',
-  'ti-drawer-btn-position-top': 'var(--ti-common-space-3x)',
+  'ti-drawer-head-title-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-drawer-header-padding-top': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-top': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-bottom': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-right': 'var(--ti-common-space-4x)',
+  'ti-drawer-btn-position-top': 'calc(var(--ti-common-space-4x) + 2px)',
   'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-drawer-radius': 'var(--ti-common-border-radius-2)',
+  'ti-drawer-divider-border-color': 'transparent',
+  'ti-drawer-mask-bg-color': 'rgba(25, 25, 25, 0.3)',
+  'ti-drawer-shadow': '0 1px 6px rgba(0,0,0,.08)',
   'ti-dropdown-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-dropdown-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-trigger-title-margin-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-button-icon-size': '12px',
+  'ti-dropdown-caret-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
+  'ti-dropdown-caret-svg-padding-left': 'var(--ti-common-space-0)',
+  'ti-dropdown-item-height': '32px',
+  'ti-dropdown-item-font-size': '14px',
+  'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-6)',
+  'ti-dropdown-item-margin-bottom': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-left': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-right': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-top': 'var(--ti-common-space-0)',
   'ti-dropdown-item-icon-color': '#333',
   'ti-dropdown-item-icon-color-hover': '#333',
+  'ti-dropdown-item-bg-color-selected': '#e6f2fd',
+  'ti-dropdown-item-text-color-selected': '#333',
+  'ti-dropdown-item-font-weight-selected': 'normal',
   'ti-dropdown-menu-border-width': 'var(--ti-common-border-weight-normal)',
   'ti-dropdown-menu-border-color': 'var(--ti-common-color-line-normal)',
   'ti-dropdown-menu-border-radius': 'var(--ti-common-border-radius-1)',
-  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-10)',
+  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-base)',
   'ti-dropdown-menu-margin-vertical': 'var(--ti-common-space-3x)',
   'ti-dropdown-item-hover-bg-color': 'var(--ti-common-color-hover-background)',
   'ti-dropdown-menu-min-width': 'auto',
-  'ti-fall-menu-box-title-text-color': '#1F2D3D',
-  'ti-upload-list-item-text-color': '#3eaf7c',
+  'ti-fall-menu-box-title-text-color': 'var(--ti-common-text-color-5)',
+  'ti-fall-menu-menu-height': '42px',
+  'ti-upload-list-item-text-color': '#333',
   'ti-upload-list-item-hover-text-color': 'var(--ti-common-color-text-link-hover)',
   'ti-upload-list-item-hover-text-decoration': 'underline',
   'ti-upload-picture-card-hover-border-color': 'var(--ti-common-color-text-link-hover)',
+  'ti-upload-list-item-margin-top': '0',
+  'ti-form-valid-padding-vertical': '7px',
+  'ti-form-valid-padding-horizontal': '4px',
+  'ti-form-item-error-border-color': '#f5222d',
+  'ti-form-item-error-bg-color': '#ffffff',
   'ti-grid-header-background-color': '#f1f1f1',
@@ -151,2 +205,4 @@ 'ti-grid-medium-column-height': '46px',
   'ti-grid-tree-icon-color': '#939599',
+  'ti-grid-sort-icon-position': 'absolute',
+  'ti-grid-sort-icon-right': '6px',
   'ti-guide-title-text-color': '#333d48',
@@ -191,3 +247,4 @@ 'ti-guide-title-line-height': '20px',
   'ti-input-hover-border-color': '#1890ff',
-  'ti-ip-address-normal-height': 'var(--ti-common-size-7x)',
+  'ti-input-icon-close-text-color': '#bfbfbf',
+  'ti-ip-address-normal-height': 'calc(var(--ti-common-size-base) * 7.5)',
   'ti-ip-address-input-width': 'calc(var(--ti-common-size-base) * 13.75)',
@@ -200,5 +257,24 @@ 'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 67.5)',
   'ti-link-primary-disabled-text-color': '#a0cfff',
+  'ti-modal-header-font-size': 'var(--ti-common-font-size-1)',
+  'ti-modal-header-border-bottom': '1px solid #d9d9d9',
+  'ti-modal-header-padding-top': '9px',
+  'ti-modal-header-padding-bottom': 'var(--ti-common-space-10)',
+  'ti-modal-close-btn-right': 'var(--ti-common-space-6x)',
+  'ti-modal-close-btn-top': '13px',
+  'ti-modal-btn-close-color': 'var(--ti-common-text-color-3)',
+  'ti-modal-body-padding-top': 'var(--ti-common-space-6x)',
+  'ti-modal-body-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-modal-body-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-modal-footer-padding-top': '0px',
+  'ti-modal-header-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-modal-box-width': '420px',
+  'ti-notify-title-white-space': 'nowrap',
   'ti-option-bg-color-selected': 'var(--ti-common-color-selected-background)',
   'ti-option-hover-bg-color-selected': 'var(--ti-common-color-selected-background)',
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-padding-horizontal-group': 'var(--ti-common-space-2x)',
+  'ti-option-group-title-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-option-group-title-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-option-group-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-option-group-line-dividing-height': 'var(--ti-common-border-weight-normal)',
   'ti-pager-li-border-color': 'var(--ti-common-color-line-normal)',
@@ -219,2 +295,3 @@ 'ti-pager-width': 'auto',
   'ti-pager-mini-min-width': '24px',
+  'ti-pager-disabled-border-color': '#dfe1e6',
   'ti-popover-padding-horizontal': '12px',
@@ -232,2 +309,4 @@ 'ti-progress-warning-bg-color': '#fa8c16',
   'ti-search-icon-color': '#c4c4c4',
+  'ti-search-input-height': 'calc(var(--ti-common-size-height-normal, 30px) + 2px)',
+  'ti-search-selector-width': 'var(--ti-common-size-auto, auto)',
   'ti-select-input-caret-font-size': 'var(--ti-common-font-size-1)',
@@ -241,5 +320,21 @@ 'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-select-input-icon-close-margin-right': 'var(--ti-common-space-2x)',
-  'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-6)',
+  'ti-select-tags-height': 'var(--ti-common-size-6x)',
+  'ti-select-input-icon-top': '50%',
+  'ti-select-suffix-display': 'none',
+  'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-0)',
   'ti-select-dropdown-padding-top': 'var(--ti-common-space-0)',
-  'ti-select-dropdown-max-height': 'calc(184px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-base))',
+  'ti-select-dropdown-max-height': '188px',
+  'ti-select-dropdown-box-shadow': '0 0 4px rgba(0,0,0,0.3)',
+  'ti-select-dropdown-border-weight': 'var(--ti-common-border-weight-normal)',
+  'ti-select-dropdown-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-hover)',
+  'ti-select-dropdown-top-create-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-select-dropdown-top-create-text-color-hover': 'var(--ti-common-color-text-link-hover)',
+  'ti-select-dropdown-top-create-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-select-dropdown-top-create-border-weight-bottom': 'var(--ti-common-border-weight-normal)',
+  'ti-select-dropdown-top-create-border-style-bottom': 'var(--ti-common-border-style-solid)',
+  'ti-select-dropdown-top-create-border-color-bottom': 'rgba(25, 25, 25, 0.15)',
+  'ti-select-dropdown-loading-padding-vertical': 'var(--ti-common-space-10)',
+  'ti-select-dropdown-loading-padding-horizontal': 'var(--ti-common-space-0)',
+  'ti-select-dropdown-empty-padding-vertical': 'var(--ti-common-space-10)',
   'ti-slider-bg-color': '#d9d9d9',
@@ -259,13 +354,40 @@ 'ti-slider-height': 'var(--ti-common-space-base)',
   'ti-split-trigger-bar-bg-color': '#666',
+  'ti-steps-text-color': '#191919',
+  'ti-steps-text-color-hover': '#191919',
+  'ti-steps-description-text-color': '#777777',
+  'ti-steps-font-size-base': 'var(--ti-common-font-size-1)',
+  'ti-steps-circle-width-height': 'var(--ti-common-space-6x)',
+  'ti-steps-border-color-hover': '#aeaeae',
   'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-line-margin-horizontal': '0px',
+  'ti-steps-line-margin-horizontal': 'var(--ti-common-space-2x)',
   'ti-steps-line-bg-color': '#dbdbdb',
   'ti-steps-line-height': 'var(--ti-common-space-base)',
-  'ti-steps-unselected-icon-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-unselected-border-color': 'var(--ti-common-color-line-normal)',
-  'ti-steps-icon-bg-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-unselected-icon-color': '#aeaeae',
+  'ti-steps-unselected-border-color': '#aeaeae',
+  'ti-steps-icon-bg-color': '#f3f3f3',
+  'ti-steps-icon-hover-text-color': '#aeaeae',
+  'ti-steps-bg-color-hover': '#f3f3f3',
+  'ti-steps-advanced-error-bg-color': '#fee7e8',
+  'ti-steps-advanced-error-bg-color-hover': '#fabdc1',
+  'ti-steps-advanced-error-bg-color-selected': '#e02128',
+  'ti-steps-error-border-color': '#e02128',
+  'ti-steps-error-text-color': '#e02128',
+  'ti-steps-advanced-disabled-bg-color': '#f3f3f3',
+  'ti-steps-done-icon-bg-color': '#eef3fe',
+  'ti-steps-done-active-border-color': 'var(--ti-common-color-line-active)',
+  'ti-steps-done-active-border-color-hover': 'var(--ti-common-color-line-hover)',
+  'ti-steps-doing-icon-bg-color': '#eef3fe',
+  'ti-steps-disabled-icon-color': '#c9c9c9',
+  'ti-steps-disabled-name-text-color': '#c9c9c9',
+  'ti-steps-disabled-text-color': '#777777',
+  'ti-steps-disabled-select-icon-bg-color': '#c9c9c9',
+  'ti-steps-disabled-select-icon-color': 'var(--ti-common-color-text-white)',
   'ti-steps-active-font-weight': 'var(--ti-common-font-weight-7)',
   'ti-steps-unselected-hover-icon-color': 'var(--ti-common-color-text-white)',
-  'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
   'ti-steps-unselected-hover-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-advanced-li-hover-bg-color': 'var(--ti-common-bg-color-header-1)',
+  'ti-steps-advanced-done-bg-color': '#eef3fe',
+  'ti-steps-advanced-doing-bg-color': '#eef3fe',
+  'ti-steps-advanced-done-bg-color-hover': '#d0d8fd',
+  'ti-steps-advanced-doing-bg-color-hover': '#2e8bde',
   'ti-switch-width': 'var(--ti-common-size-11x)',
@@ -319,5 +441,9 @@ 'ti-switch-height': 'calc(var(--ti-common-size-base) * 5.5)',
   'ti-tag-plain-warning-border-color': '#f5dab1',
+  'ti-tag-close-font-size': 'var(--ti-common-font-size-base, 12px)',
   'ti-text-popup-padding-horizontal': 'var(--ti-common-space-2x)',
   'ti-text-popup-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-text-popup-focus-border-color': '#d9d9d9',
   'ti-text-popup-height': '30px',
+  'ti-toggle-menu-filter-search-size': '30px',
+  'ti-toggle-menu-width': '210px',
   'ti-tooltip-popper-normal-bg-color': '#303133',
@@ -332,2 +458,4 @@ 'ti-tooltip-popper-dark-bg-color': '#303133',
   'ti-tooltip-padding-horizontal': '10px',
+  'ti-tooltip-popper-error-border-color': '#ff7875',
+  'ti-tooltip-popper-error-bg-color': '#ff7875',
   'ti-transfer-panel-border-color': '#d9d9d9',
@@ -334,0 +462,0 @@ 'ti-transfer-header-bg-color': '#f5f5f5',

theme/infinity-theme/index.js

@@ -21,3 +21,3 @@ /**
 
-  /* 1.4 功能色*/
+  /* 1.4 功能色 */
   'ti-base-color-error-3': '#f66f6a', // 错误-3
@@ -119,3 +119,2 @@ 'ti-base-color-error-1': '#ffd5d4', // 错误-1
    **/
-  'ti-common-font-size-base': '12px', // NewCssVar 正文-常规
   'ti-common-font-size-1': '14px', // NewCssVar 标题-小
@@ -137,3 +136,3 @@ 'ti-common-font-size-2': '16px', // NewCssVar 标题-中
 
-  /* 浅底背景状态色*/
+  /* 浅底背景状态色 */
   'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-2)',
@@ -140,0 +139,0 @@

theme/smb-theme/component.js

@@ -13,10 +13,8 @@ export const concatTheme = {
   'ti-action-menu-more-icon-height': 'var(--ti-common-size-5x)',
+  'ti-anchor-width': '160px',
+  'ti-anchor-text-color': '#595959',
+  'ti-anchor-link-active-text-color': '#191919',
   '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)',
@@ -26,32 +24,25 @@ 'ti-alert-info-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',
@@ -138,50 +129,49 @@ 'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
   '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)',
@@ -191,2 +181,3 @@ 'ti-carousel-indicators-bg-color': 'none',
   '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)',
@@ -266,3 +257,3 @@ 'ti-cascader-list-text-color': '#191919',
   '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)',
@@ -278,4 +269,16 @@ 'ti-collapse-item-header-min-height': 'var(--ti-common-size-height-medium)',
   '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',
@@ -287,2 +290,17 @@ 'ti-date-table-td-span-width': '28px',
   '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)',
@@ -304,6 +322,13 @@ 'ti-dialog-box-border-radius': 'var(--ti-common-border-radius-4)',
   '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)',
@@ -344,2 +369,5 @@ 'ti-dropdown-text-color-hover': 'var(--ti-common-color-text-primary)',
   '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)',
@@ -390,7 +418,7 @@ 'ti-dropdown-menu-min-width': '124px',
   '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)',
@@ -400,6 +428,8 @@ 'ti-input-suffix-padding-left': 'var(--ti-common-space-3x)',
   '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)',
@@ -433,2 +463,4 @@ 'ti-ip-address-normal-height': 'var(--ti-common-size-8x)',
   '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',
@@ -469,2 +501,10 @@ 'ti-loading-spinner-height': '16px',
   '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',
@@ -491,7 +531,6 @@ 'ti-notify-max-width': '340px',
   '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)',
@@ -502,2 +541,5 @@ 'ti-numeric-input-dividing-border-display': 'none',
   '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)',
@@ -559,6 +601,4 @@ 'ti-option-font-size': 'var(--ti-common-font-size-1)',
   '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',
@@ -569,2 +609,4 @@ 'ti-pager-pop-body-margin-top': '4px',
   '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)',
@@ -642,2 +684,37 @@ 'ti-popconfirm-popover-footer-justify-content': 'center',
   '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)',
@@ -647,2 +724,3 @@ 'ti-steps-text-margin-left': 'var(--ti-common-space-2x)',
   '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)',
@@ -662,2 +740,5 @@ 'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
   '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)',
@@ -668,5 +749,5 @@ 'ti-steps-timeline-date-time-font-size': '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)',
@@ -676,2 +757,3 @@ 'ti-steps-timeline-item-secondary-text-font-size': 'var(--ti-common-font-size-0)',
   '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)',
@@ -727,10 +809,9 @@ 'ti-switch-off-bg-color': '#C2C2C2',
   '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)',
@@ -737,0 +818,0 @@ 'ti-textarea-count-border-radius': 'var(--ti-common-border-radius-3)',

tooltip/aurora-theme.js

@@ -10,3 +10,5 @@ export const tinyTooltipAuroraTheme = {
   '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'
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11253186

increased by14.24%

Number of package files

1283

increased by6.92%

Lines of code

5783

increased by6.01%

Worsened metrics

Dev dependency count

15

increased by25%

No dependency changes